/* Fonts */

@import url(animate.css);

@import url(font-awesome/css/fontawesome-all.css);

@import url(font-awesome/line-awesome.css);

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900');

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700');

@import url('https://fonts.googleapis.com/css?family=Source+Serif+Pro:400,600,700');



@font-face {

	font-family: 'Conv_raavi';

	src: url('fonts/raavi.eot');

	src: local('☺'), url('fonts/raavi.woff') format('woff'), url('fonts/raavi.ttf') format('truetype'), url('fonts/raavi.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}

/* Fonts */





html { margin: 0; padding:0; overflow-x:hidden;}

body{ 

font-weight:normal; 

padding:0!important; 

color:#1a1a1a;

font-family: 'Source Serif Pro', serif;

font-size:16px;

line-height:1.6;

height:100%; 

min-height:100%;

}



/*	--------------------------------------------------

Global Reset & Standards

-------------------------------------------------- */



img{border:0;}



*{ box-sizing:border-box;

/*-webkit-transition: 1s;

-moz-transition: 1s;

-o-transition: 1s;

-ms-transition: 1s;

transition: 1s;*/

}

*:hover{

}



a{color:#424242; text-decoration:none;

-webkit-transition: 1s;

-moz-transition: 1s;

-o-transition: 1s;

-ms-transition: 1s;

transition: 1s;

}

a:hover{text-decoration:none; color:#116838;}



h1, h2, h3, h4{margin:0 0 20px; padding:0; font-weight:normal;}



i.la{ font-size:22px; margin-right:3px;}



/*	--------------------------------------------------

Global Reset & Standards

-------------------------------------------------- */



.navigation-area{position:fixed; display:block; z-index:100; width:100%; padding:10px 35px; transition: 1s;}

.navigation-area span{color:#fff; cursor:pointer; padding:28px 10px; display:block;}

.navigation-area > img{float:right; padding:10px 20px; opacity:0; transition: 1s;}

.navigation-area.fix{background:#056037; transition: 1s;}

.navigation-area.fix > img{opacity:1;}



a.logo{ position:relative; top:0; left:0; z-index:999; transition: 1s; padding:0; display:block;}

a.logo img{height:110px; transition: 1s;}

.fix a.logo img{  height:90px; }



.overlay {

    height: 100%;

    width: 0;

    position: fixed;

    z-index: 999;

    left: 0;

    top: 0;

    background-color: rgba(3,128,72,0.9);

    overflow-x: hidden;

    transition: 0.5s;

}

.overlay-content {

    position: relative;

    top: 15%; 

    width: 100%;

    text-align: center;

    margin-top: 30px; 

    font-family:'Josefin Sans';

    font-weight:300;

}



.overlay a {

    padding: 10px 0;

    text-decoration: none;

    font-size: 30px;

    color: #fff;

    display:block; clear:both; overflow:hidden; width:250px; margin:0 auto;

    transition: 0.3s; position:relative;

}

.overlay-content a:after{position:absolute; left:50%; right:50%; bottom:0; height:1px; background:#ffba16; content:''; display:block; z-index:1000; transition: 0.5s;}

.overlay-content a:hover:after{left:0; right:0;}



.overlay a:hover, .overlay a:focus {

    color: #ffba16;

}



.overlay .closebtn {

    position: absolute;

    top: 9px;

    right: 55px;

    font-size: 45px; width:auto;

}



@media screen and (max-height: 450px) {

    .overlay a {font-size: 20px}

    .overlay .closebtn {

        font-size: 40px;

        top: 15px;

        right: 35px;

    }

}



.banner-area{ display:block; background:#140c0c; clear:both; position:relative;}

.banner-area img{ width:100%; }

.banner-area .carousel-caption{ font-family: 'Raleway', sans-serif;  left:15%; top:35%; bottom:auto; text-align:left; background:rgba(0, 0, 0, 0.5)}

.banner-area .carousel-caption span{ display:block;  font-size:60px; text-transform:uppercase; font-weight:200; line-height:1.2; margin-bottom:15px;}

.banner-area .carousel-caption a{ color:#f4d432; font-weight:500; text-transform:uppercase;}

.banner-area .carousel-caption a i{ font-size:16px;}

.banner-area .carousel-indicators .active{ background-color:#46c34e;}





.banner-head{ position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); text-align:center;}

.banner-head span{ font-family: 'Source Serif Pro', serif; font-size:60px; font-weight:bold; color:#fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}

.banner-head .breadcrumb-item + .breadcrumb-item::before{ color: #fff!important;}

ul.page-path{ list-style-type:none; padding:0; text-align:center;}

ul.page-path li{ display:inline-block; color:#fff;}

ul.page-path li a{ color:#fff;}

ul.page-path li a:hover{ color:#184b23; text-decoration:underline;}





.welcome-bg-area{ display:block; width:100%; background:url(../images/wecome-bg.jpg) no-repeat; height:100%; background-attachment: fixed; background-position: center; background-size: cover;}

.welcome-area{ display:block; padding:70px 0; text-align:center;}

.welcome-area h1{ display:block; font-family: 'Source Serif Pro', serif; font-size:40px; font-weight:400; color:#116838;}

.welcome-area p{ display:block; margin-bottom:30px;}

.welcome-area a{ display:inline-block; padding:5px 20px; background:#484848; color:#fff; text-transform:capitalize;}

.welcome-area a:hover{ background:#116838;}





.our-pro-bg-area{ display:block; width:100%; background:url(../images/product-bg.jpg) no-repeat; height:100%; background-attachment: fixed; background-position: center; background-size: cover;}

.our-pro-area{ display:block; padding:70px 0; text-align:center;}

.our-pro-area fieldset {border-top: 1px solid rgba(255, 255, 255, 0.3) !important; margin: 0; xmin-width: 0; position: relative; padding-left:10px!important; margin-bottom:60px;}

.our-pro-area legend{ width: 30%; text-transform:uppercase; }

.our-pro-area legend span{ font-family: 'Source Serif Pro', serif; font-size:30px; font-weight:300; margin-bottom: 0px; letter-spacing:2px; text-transform:uppercase; color:#fff;}

.our-pro-area [class^="col-"] div{ padding:5px;}

.our-pro-area h2{ font-family: 'Source Serif Pro', serif; font-size:28px; text-transform:uppercase; color:#fff; font-weight:300;}

.our-pro-area [class^="col-"] div:hover h2{ color:#009b55;}



.index-img-area{ display:block; width:100%;}

.index-img-area img{ width:100%;}



.footer-bg-area{ display:block; width:100%; background:url(../images/footer-bg.jpg) no-repeat; height:100%; background-attachment: fixed; background-position: center; background-size: cover;}

.footer-area{ display:block; padding:40px 0 20px; color:#fff;}

.footer-area p{ font-size:14px; font-weight:300;}

.footer-area [class^="col-"] div img{ display:block; margin:0px auto;}

.footer-area [class^="col-"] div strong{ display:block; font-size:22px; font-weight:500; margin-bottom:20px;}

.footer-area [class^="col-"] div h3{ display:block; font-size:20px; letter-spacing:2px; position:relative; text-transform:uppercase; margin-bottom:15px; }   

.contact-details span{ font-weight:600; color:#fff; padding-bottom:2px;}

.contact-details a{ color:#fff; font-size:14px; font-weight:300;}

.contact-details a:hover{ color:#009b55; font-size:14px;}

.contact-details p{ display:block; color:#fff; font-size:14px; margin-bottom:5px; font-weight:300;}

ul.quick-link{ list-style-type:none; padding-left:5px;}

ul.quick-link li{ display:block; margin:8px 0; text-transform:capitalize;}

ul.quick-link li a{ display:block; color:#fff; font-size:14px; font-weight:300;}

ul.quick-link li a:hover{ display:block; color:#009b55;}





.inner-bg-area{ display:block; width:100%; background:#fff8f0; padding:30px 0;}





/*.tea-area [class^="col-"] div{ padding:10px;}*/

.lft-nav ul{ display:block; padding:0!important; list-style-type:none; font-family: 'Source Serif Pro', serif;}

.lft-nav ul li{ display:block; clear:both; position:relative;} 

.lft-nav ul li a{ display:block; padding: 4px 10px; font-size:22px; font-weight:400; text-align:left; color:#3c9342;} 

.lft-nav ul li.active a{ color:#fff; background:#3c9342;}

.tea-area [class^="col-"] div h2{ display:block; font-family: 'Source Serif Pro', serif; font-size:28px; font-weight:600; text-transform:uppercase; color:#184b23; position:relative; padding-bottom:10px; margin-bottom:25px;}

.tea-area [class^="col-"] div h2:before{ position:absolute; content:''; left:0; bottom:0; width:13%; height:3px; background:#ff5252;}

.tea-area hr{ display:block; margin:30px 0 40px;}



.highlight-txt{ display:block; font-family: 'Source Serif Pro', serif; font-size:20px; line-height:25px; color:#116838; margin-bottom:20px;}

.tea-box p{ display:block; font-family: 'Source Serif Pro', serif; font-size:18px; color:#837260; line-height:25px;}



.tea-bg-area{ display:block; width:100%; background:url(../images/tea-bg.jpg) no-repeat; height:100%; background-attachment: fixed; background-position: center; background-size: cover;}

.tea-bg-box{ display:block; padding:70px 50px; text-align:center; color:#fff; font-family: 'Source Serif Pro', serif; font-size:22px; line-height:30px;}





.tea-content-box{ display:block; position:relative; padding:50px 0;}

.tea-content-box fieldset {border-top: 1px solid rgba(173, 173, 173, 0.3) !important; margin: 0; xmin-width: 0; position: relative; padding-left:10px!important; margin-bottom:60px;}

.tea-content-box legend{ width: 75%; text-transform:uppercase; text-align:center; }

.tea-content-box legend span{ font-family: 'Source Serif Pro', serif; font-size:42px; margin-bottom: 0px; letter-spacing:2px; text-transform:uppercase; color:#3d2a2a;}

.tea-content-box [class^="col-"] div h2{ display:block; font-family: 'Source Serif Pro', serif; font-size:40px; color:#2d5335; position:relative;}

.tea-content-box [class^="col-"] div p{ display:block; font-family: 'Source Serif Pro', serif; font-size:18px; color:#837260; line-height:25px;}

.tea-content-box hr{ display:block; margin:35px 0;}



.sub-head{ display:block; font-family: 'Source Serif Pro', serif; font-size:20px; color:#116838; margin-bottom:10px;}



.financial-results [class^="col-"] > div{ padding:0!important;}

.financial-results h3{display:block; overflow:hidden; clear:both; margin-bottom:0; padding:10px 15px; background:#5f5f5f; color:#fff; font-size:20px;}

.financial-results ul{display:block; overflow:hidden; clear:both; border:1px #e4e4e4 solid; padding-left: 0;}

.financial-results ul li{display:block; overflow:hidden; clear:both; border-bottom:1px #e4e4e4 solid;}

.financial-results ul li:last-child{border-bottom:none;}

.financial-results ul li span{float:left; padding:22px 18px; background:#efefef; color:#333; font-size:18px; position:relative; margin-right:15px;}

.financial-results ul li span:after{content:'\f04b'; position:absolute; top:32%; right:-9px; font-family:'FontAwesome'; display:block; color:#ececec; font-size:13px;}

.financial-results ul li strong{display:block; padding:12px 0 3px;}

.financial-results ul li > a{color:#656565!important; font-size:18px!important; padding:0!important; line-height:22px;}

.financial-results ul li > a strong{color:#363636;}

.financial-results ul li > a:hover strong{color:#116838;}

.financial-results ul li:hover span{background:#116838; color:#fff;}

.financial-results ul li:hover span:after{color:#116838;}



.annual-reprts ul li{padding:10px;}

.annual-reprts ul li:nth-child(even){background:#fff4e7;}

.annual-reprts ul li span{float:right; border-left:1px #e4e4e4 solid; padding-left:10px;}

.annual-reprts ul li span a{font-size:17px!important;}

.annual-reprts ul li span i{ padding:0 5px;color:#fc3535; font-size:17px;}



.info-box{ display:block; border:1px solid rgba(204, 204, 204, 0.5); margin:15px 0 50px; text-align:center;}

.info-box a{ color:#3c9342; font-weight:700;}



.tea-recipies ul{ position:relative;}

.tea-recipies ul li{ display:block; padding-left:30px; margin-bottom:8px;}

.tea-recipies ul li i{ position:absolute; left:0; top:6px; color:#ffba16;}





.contact-dlt-box [class^="col-"] div span{ display:block; color:#000; padding:5px 10px; /*background:#ddd;*/ margin-bottom:20px; text-transform:uppercase; font-weight:600; font-size:20px;}

.contact-dlt-box [class^="col-"] div ul{ list-style-type:none; padding-left:15px;}

.contact-dlt-box [class^="col-"] div ul li{ position:relative; padding-left:25px; margin-bottom:15px; }

.contact-dlt-box [class^="col-"] div ul li a{ font-size:16px; display:inline-block; padding:0; color:#1a1a1a;}

.contact-dlt-box [class^="col-"] div ul li a:hover{ text-decoration:underline; color:#116838;}

.contact-dlt-box [class^="col-"] div ul li i{ position:absolute; left:0; top:6px; color:#116838;}



.map-area{ display:block; overflow:hidden; width:100%; border:10px solid #fff;

-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);

-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);

box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);}

.map-area iframe{ float:left; width:100%;}



.send-box{padding:25px;margin:25px 0;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);}

.send-box h2{color:#116838;font-size:20px;margin:0 0 25px;}

.send-box div[class^="col-"] span{display:block;clear:both;overflow:hidden; margin-bottom:5px;}

.send-box div[class^="col-"]{margin-bottom:25px;}

.send-box div[class^="col-"]:last-child{margin:0 0 10px;}

.send-box input, .send-box textarea{width:100%;border:none;background:none;border-bottom:1px #ddd solid;}

.send-box input[type="submit"]{width:120px;padding:10px;background:#333;border:none;color:#fff;text-transform:uppercase;}

.send-box input[type="submit"]:hover{background:#116838; cursor:pointer;}



.download-brochure{position:fixed; top:45%; right:0; z-index:1000;}


 .annual-reprts h5 {
    display: block;
    padding: 6px 10px;
    font-size: 18px;
    font-weight: 600;
    background: #5f5f5f;
    color: #fff;
}












/*------------------------------------*\

    Media Queries

\*------------------------------------*/







@media (max-width: 1030px){

	.tea-content-box legend{ width:90%;}

}



@media (max-width: 991px){

	.navigation-area{ position:relative; background:#056037}

	.fix{ display:none;}

	.footer-area{ text-align:center;}

	.footer-area [class^="col-"] div{ margin-bottom:30px;}

	.tea-bg-box{ padding:70px 0px;}

	.tea-content-box legend span{ font-size:35px;}

	

}



@media (max-width: 767px){

	.our-pro-area legend{ width:80%;}

	.tea-content-box legend{ width:100%;}

	.tea-content-box legend span{ font-size:28px;}

	.banner-head span{ font-size:42px;}

}



@media (max-width: 480px){

	.banner-area{ padding-bottom:20px;}

	.banner-head{ position:static; left:0; top:0; transform: translate(0%,0%);}

	

	

}



@media (max-width: 380px){

	.our-pro-area legend{ width:100%;}

}