@charset "utf-8";
/* CSS Document */

/*
----------------------------------
01. DEFAULT ELEMENTS
----------------------------------
*/

body{margin:0px;padding:0px;}
*{border:none;outline:none;text-decoration:none;}
*, *:before, *:after {box-sizing: border-box;}
.clear{clear:both;}
p,h1,h2,h3,h4,h5{margin:0;padding:0px;}
ul{ padding:0; margin:0; list-style:none;}
p{ font:normal 16px 'robotolight'; color:#343434;}


/*
----------------------------------
02. CONTAINER, WRAPPER
----------------------------------
*/

#container{width:100%;}
#wrapper{width:100%;}
.main{max-width:1206px;margin:0 auto;}
@media(max-width:1025px){
.main{padding:0% 2%;}	
}
img {
	max-width: 100%;
	height: auto;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}

/*
----------------------------------
03. HEADER
----------------------------------
*/
#header{width:100%;}
.header_top{ padding:39px 0 0; position:absolute; width:100%; z-index:9999;}
.header_inner{border-bottom:1px solid #B2C655; padding:0 0 28px;}
.logo{ width:/*223px*/18.58%; float:left;}


.banner{ position:relative;}
.banner_img{ min-height:643px;}
.banner_info{ width:100%; position:absolute; bottom:137px;}
.banner_info h1{font:normal 54px 'Roboto-Thin'; color:#668521;}
.banner_info h1 span{ font-size:40px; display:block; color:#323232; margin:0 0 30px;}
.banner_info h1 span em{ font-size:49px;}
.banner_info p{ font:normal 18px 'robotolight'; color:#000; margin:0 0 25px;}
.banner_info p span{ font:normal 21px 'Roboto-Regular'; color:#658521; display:block;}
.banner_info a{ font:normal 16px 'Roboto-Regular'; padding:14px 35px; background:#668521; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px; color:#fff; display:inline-block;}

.banner_img1{min-height:407px}

/*
-----------------------------------
04. CONTENT 
-----------------------------------
*/
#content{width:100%;}
.abt_sec{ text-align:center; padding:/*91px*/7.58% 0 92px;}
.abt_sec h2{ font:normal 40px 'Roboto-Thin'; color:#323232; margin:0 0 35px;}
.abt_sec h2 span{ font-family:'robotolight'; color:#658521;}
.abt_sec p{ margin:0 0 35px;}
.abt_sec  a{ font:normal 13px 'Roboto-Regular'; color:#fff; background:#668521; padding:15px 22px; border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px; display:inline-block;}

.offer_sec{ background:url(../images/bg1.jpg) no-repeat center top; background-size:cover; padding:90px 0;}
.offer_sec h2{ font:normal 40px 'robotolight'; color:#fff; text-align:center; margin:0 0 52px;}

.offer_box{ width:/*329px*/28%; float:left; background:rgba(141,167,90,0.5); margin:0 4% 0 0;  padding:20px 27px; border:1px solid #fbffd1; position:relative; border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;}
.offer_img{ position:absolute; top:20px;}
.offer_text{ padding:0 0 0 55px;}
.offer_text h3{ font:normal 22px 'Roboto-Regular'; color:#fff; margin:0 0 12px;}
.offer_text p{ font:normal 16px 'MyriadProLight'; color:#fff; margin:0 0 12px; line-height:25px;}
.offer_text a{ font:normal 14px 'MyriadProLight'; color:#fff;}

.view_sec{ background:url(../images/bg2.jpg) no-repeat center top; background-size:cover; padding:97px 0;}
.view_text{ width:600px; float:right;}
.view_text img{ float:left; margin:0 3% 0 0; border:2px solid #fff;}
.view_text h2{ font:normal 40px 'robotolight';  color:#658521; margin:0 0 28px; line-height:40px;}
.view_text p{ font:normal 16px 'MyriadProLight'; color:#525252; line-height:25px; margin:0 0 14px;}
.view_text a{ font:normal 15px 'MyriadPro-Regular'; color:#658521; text-decoration:underline;;}

.posted{ padding:16px 0 0;}
.posted ul li{ display:inline-block; font:normal 16px 'MyriadPro-Regular'; color:#658521; margin:0 2% 0 0;}



.dev_left{ width:100%; float:left; background:url(../images/bg3.jpg) no-repeat center top; background-size:cover;}
.dev_lt_inner{max-width:100%; padding:16% 0 16% 16%;}
.dev_lt_inner h2{font:normal 36px 'robotolight'; color:#e4ffa9; padding:0 0 0 6%; text-align:left; position:relative; margin:0 0 30px;}
.dev_lt_inner h2 span{ display:block; color:#eeeeee;}
.dev_lt_inner p{font:normal 16px 'MyriadProLight'; color:#fefefe; padding:0 6% 0; text-align:left; position:relative; line-height:25px;}



.dev_left img{width:100%;}
.dev_right{ width:50%; background:url(../images/bg4.jpg) no-repeat center top; background-size:cover; float:right;}
.dev_inner{ max-width:100%; padding:16% 16% 16% 0;}
.dev_inner h2{font:normal 36px 'robotolight'; color:#598b29; padding:0 0 0 6%; text-align:left; position:relative; margin:0 0 30px;}
.dev_inner p{font:normal 16px 'MyriadProLight'; color:#323232; padding:0 6% 0; text-align:left; position:relative; line-height:25px;}
.dev_inner p a{ color:#365b14; font:normal 16px 'MyriadPro-Regular'; text-decoration:underline;}
.dev_inner p img{ display:inline-block; margin:26px 0 0;}


.content_inner{ padding:/*80px*/6.66% 0;}
.content_inner h2{ font:normal 34px 'Roboto-Regular'; color:#658521; margin:0 0 40px;}
.content_inner p{ font:normal 16px 'robotolight'; color:#343434; line-height:25px; margin:0 0 12px;}
.content_inner p span{ color:#649d2f;}
ul.therapy li{ padding:40px 0 0; border-top:1px solid #d6d6d6; margin:40px 0 0;}
ul.therapy li h3{ font:normal 27px 'Roboto-Regular'; color:#373737; margin:0 0 30px;}
ul.therapy li p span{ color:#8ba759;}
ul.therapy li h4{ font:normal 21px 'Roboto-Regular';  color:#649d2f; margin:0 0 12px;}
.faq-ans{ display:none;}


.div_em{ width:240px; border:1px solid #6b862e; padding:12px 10px 0; margin:24px 0; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;}
.div_em img{ vertical-align:middle; float:right; margin:-5px 10px 0 0;}
.div_em p{ font:normal 21px 'Roboto-Regular' !important; color:#649d2f !important;}
.faq-ans p{font:normal 16px 'robotolight' !important; color:#343434 !important;}
.faq-ans p a{font:normal 16px 'Roboto-Regular'; color:#649d2f;}
.div_em.clicked {width:767px;}

ul.couch li{ font:normal 16px 'robotolight'; color:#343434; background:url(../images/li_bg.png) no-repeat left 2px; padding:0 0 0 25px; margin:0 0 22px;}
.img_hold{ float:left; margin:0 5% 0 0;} 
.img_hold img{ border:3px solid #dadadd;}

.abt_top{ padding:0 0 65px; border-bottom:1px solid #d4d4d4;}
.abt_pic img{ border:3px solid #6da03d;}
.abt_pic {float:left; margin:0 5.5% 10px 0;}
.abt_pic p{font:normal 14px 'Roboto-Regular'; color:#649d2f; text-align:center; padding:5px 0 0;}

.abt_bottom{ padding:50px 0 0;}

.map_text{ background:#f1f1f1; padding:15px 0 15px 26px;}
.map_text p{ font:normal 16px 'Roboto-Regular'; color:#649d2f; line-height:16px; margin:0;}
.map img{ width:100%;}

.contact_bottom{ padding:58px 0 0;}
.con_left{ width:48%; float:left; margin:0 2% 0 0;}
.con_left p{ font:normal 23px 'Roboto-Regular'; color:#2b2b2b; margin:0 0 14px;}
.con_left h3{ font:normal 23px 'Roboto-Regular'; color:#558d25;}

.con_right{width:48%; float:left;}
.con_right h3{font:normal 23px 'Roboto-Regular'; color:#558d25; margin:0 0 10px;}
.con_right p{font:normal 19px 'robotolight'; color:#353535; margin:0 0 10px;}
.con_right p a{ color:#353535;}
.con_right p span{ font:normal 19px 'Roboto-Regular'; color:#649d2f}

.note{ padding:/*40px*/3.33% 0 0;}
.note p{font:normal 16px 'Roboto-Regular'; color:#000;}



/*
------------------------------------
05. FOOTER 
------------------------------------
*/
#footer{width:100%; background:url(../images/footer_bg.jpg) no-repeat center top; background-size:cover; padding:9.25% 0 3.41%;}
#footer h2{font:normal 19px 'Roboto-Regular'; color:#2c390d; margin:0 0 24px;}
#footer h2 a{font:normal 19px 'Roboto-Regular'; color:#2c390d; margin:0 0 24px;}
.foot_left{ width:/*500px*/41.66%; float:left; margin:0 2% 0 0;}
.foot_left ul li{ position:relative; margin:0 0 12px;}
.foot_left ul li a{ font:normal 16px 'robotolight'; color:#1b1b1b;}
.foot_left ul li:before {
        font-family: FontAwesome;
        top:0;
        left:-5px;
        padding-right:8px;
        content: "\f0da"; 
		color:#536b1f;
    }


.ft_left{ width:/*200px*/40%; float:left;}
.ft_right{ width:/*280px*/56%; float:right;}


.foot_right{ width:/*646px*/53.83%; float:right;}
.rt_left{ width:/*346px*/53.56%; float:left}
.rt_left p{ margin:0 0 12px;}
.rt_left p a{ color:#1d1d1d;}

.rt_right{ width:/*260px*/40.24%; float:right;}
.frm_txt{ width:100%; font:normal 10px robotolight;  color:#141a06; padding:0 0 0 10px; border:1px solid #7C952F; background:none; height:22px; line-height:22px; border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; margin:0 0 7px;}
.frm_txtarea{ width:100%; font:normal 10px robotolight;  color:#141a06; padding:0 0 0 10px; border:1px solid #7C952F; background:none; height:52px; line-height:22px; border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; margin:0 0 7px; resize:none;}

.frm_txt::-webkit-input-placeholder {color: #141a06; opacity: 1;}
.frm_txt::-moz-placeholder { /* Firefox 18- */color: #141a06;  opacity: 1;}
.frm_txt::-moz-placeholder {  /* Firefox 19+ */ color: #141a06;  opacity: 1;}
.frm_txt::-ms-input-placeholder { color: #141a06; opacity: 1;}

.frm_txtarea::-webkit-input-placeholder {color: #141a06; opacity: 1;}
.frm_txtarea::-moz-placeholder { /* Firefox 18- */color: #141a06;  opacity: 1;}
.frm_txtarea::-moz-placeholder {  /* Firefox 19+ */ color: #141a06;  opacity: 1;}
.frm_txtarea::-ms-input-placeholder { color: #141a06; opacity: 1;}



.sub_con{ background:#2c3a0d; font:normal 14px 'Roboto-Regular'; color:#d1fa47; text-transform:uppercase; padding:7px 31px; border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;}
.sub_frm{ float:right;}

.footer_bottom{ border-top:1px solid #ceeb32; margin:58px 0 0; padding:17px 0 0;}
.btm_left{ float:left; padding:28px 0 0;}
.btm_left p{font:normal 13px 'robotolight'; color:#000;}
.btm_left p span{ font:normal 13px 'Roboto-Regular';}
.btm_right{ float:right;}
.no_margin{ margin-right:0;}

/* 
-------------------------------------
06. RESPONSIVE
-------------------------------------
*/

@media(min-width:768px){
#navigation ul{padding:0;margin:0;list-style:none; text-align:right;}
#navigation ul li {display:inline-block; padding:0; position:relative;}
#navigation ul li a{display:inline-block; font:normal 16px 'robotolight'; color:#393939;  padding:8px 22px; border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; text-transform:uppercase;}
#navigation ul li.current a{ border:1px solid #658521; color:#658521; font-family:'Roboto-Regular';}
#navigation ul li:hover a{color:#658521;}
}


@media(max-width:1130px){
	
}


@media(max-width:999px){
	#navigation ul li a {font-size:14px;  padding: 8px;}
	.banner_info h1 {font-size: 40px;}
	.banner_info h1 span {font-size: 30px;}
	.banner_info h1 span em {font-size: 40px;}
	.banner_info p {font-size: 15px;}	
	.banner_info p span {font-size: 16px;}
	
	.offer_box {float: none;margin: 0 0 10px;width: 100%;}
	
	
}

@media(max-width:767px){
	
	.logo { float: none;margin: 0 0 10px;text-align: center; width: 100%;}
	.header_top { padding: 10px 0 0; position: relative;}
	.banner_info { bottom: 0; position: relative;width: 100%; padding:10px 0 0;}
	.banner_img {min-height: 317px;}	
	.banner_info h1 {font-size: 30px;}
	.banner_info h1 span {font-size: 25px;}	
	.banner_info h1 span em {font-size: 28px;}
	.view_text {float: none;width: 100%;}
	.view_text img {    float: none; margin: 0 0 10px;}
	.dev_left {float: none;width: 100%;}
	.dev_right { float: none; width: 100%;}
	.dev_lt_inner {padding: 16% 0;}
	.dev_inner { padding: 16% 0;}
	.dev_inner h2, .dev_lt_inner h2{ font-size:33px;}
	
	.foot_left {float: none;margin: 0 0 20px; width: 100%;}
	.foot_right { float: none; width: 100%;}
	
	
	.abt_pic{float: none; margin: 0 0 20px;}
	.abt_pic p{ text-align:left;}
	
	.content_inner h2 {font-size: 24px;}
	
	.banner_img1 { min-height: 248px;}
	
	.div_em.clicked {width: 100%;}
	
	.img_hold { float: none;margin: 0 0 20px;}
	
	.con_left { float: none; margin: 0 0 20px; width: 100%;}
	.con_right {float: none; width: 100%;}
	
		
}

@media(max-width:479px){
	.banner_img {min-height: 190px;}
	.banner_info h1 {font-size: 20px;}
	.banner_info h1 span em {font-size: 18px;}
	.banner_info h1 span {font-size: 18px;}
	.abt_sec h2 {font-size: 24px;}
	
	.ft_left { float: none; margin: 0 0 20px;width: 100%;}
	.ft_right {float: none; width: 100%;}
	.rt_left {float: none;width: 100%; margin:0 0 20px;}
	.rt_right {float: none; width: 100%;}
	
	.btm_left {float: none; padding: 10px 0 0;text-align: center; margin:0 0 10px; }
	.btm_right{ float:none; text-align:center;}
	
	.offer_sec h2, .view_text h2 { font-size:32px;}
	.dev_lt_inner h2 { font-size: 24px;}
	.dev_inner h2 {font-size: 22px;}
	
	.content_inner h2 {font-size: 18px;}
	
	.banner_img1 {min-height: 170px;}
	
}

@media(max-width:319px){
}