@charset "utf-8";
/* CSS Document */
@import "../fonts/font.css";
@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,300"; { source sans pro black }
@import "https://fonts.googleapis.com/css?family=Oswald"; { font-family: 'Oswald', sans-serif; }
@import "https://fonts.googleapis.com/css?family=Roboto"; { font-family: 'Roboto', sans-serif; }

*{margin:0 auto;padding:0;outline:none;list-style:none;}
body{background:#ffffff; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; color:#666666; font-weight:300; line-height:27px;}
a{text-decoration:none;color:inherit;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
a:hover, a:focus {text-decoration:none; color:#84b842; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
img{border:none}
h1,h2,h3,h4,h5,h6{color:#B0C100; margin:0;line-height: 1; font-family: 'Source Sans Pro', sans-serif; text-transform:capitalize; font-weight:300; }
h1,h2,h3,h4,h5,h6{margin-bottom:1.5rem;}
h1{font-size:2rem;}
h2{font-size:2rem;}
h3{font-size:2rem;}
h4{font-size:2rem;}
h5{font-size:2rem;}

ul{margin:0px; line-height: 1;}
ul li{line-height: 1;}

p{font-size: 18px; color:#666666; font-weight:300; line-height:27px;  }
select{outline:none !important; margin:0;}

.row{max-width:1130px; width:100%;}
.slick-slider, figure{margin:0;}
.no-padding{padding:0;}
.middle{ width:100%; float:left; padding:120px 0 50px; }

/*=========================*******==================***Globle***==================*******==================*/


#preloader { position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;height: 100%;z-index: 999999;overflow: hidden; }
#status { width: 357px;height: 120px;position: absolute;left: 0; right: 0; margin: 0 auto;top: 40%; background-image: url(../img/Logo.png);
 background-repeat: no-repeat; background-position:center; z-index: 9999; }


.btn{ position: relative;  z-index:1; color:#fff; background:#f2c72c; font-size: 14px; border:1px solid #fae390; display: inline-block; padding: 6px 25px; text-transform:capitalize;  
 -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.btn:after{ content: ''; width: 0%; height: 100%; top: 0; left: 0;  background: #84B842;  position: absolute; z-index:-1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.btn:hover, .btn:focus {  color: #fff;   }
.btn:hover:after, .btn:focus:after {width:100%; }

.submit-btn{  border:none; text-align:center; padding:0; }
input[type="submit"]:hover, input[type="submit"]:focus{ color: #fff; }
input[type="submit"]{ font-size: 17px;  padding: 0; color: #fff; border:none; text-transform:capitalize; text-align:center; background:#B0C100;   padding: 10px 15px; width: 160px; }

.center-img{ position:relative; }
.center-img img, .center-img em{ position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
 -o-transform:  translate(-50%, -50%); }


.titles{  width:100%; float:left; text-align:center; }
.titles-fig{ width:65px; height:65px; text-align:center; border:3px solid #77b645; border-radius:50%;  margin:0 auto; background:#ffffff; }
.titles-fig em{ font-size: 27px; color: #77b645; }
.titles h2{ font-size:36px; color:#84b842;  padding: 18px 0 20px; }
.titles p{ font-size:20px; }

.border:after{ content:' '; background: #F2C72C; height: 4px; display: inline-block;  width: 165px;  margin: 10px auto; }
.sub-titles{ text-transform:uppercase; }

.ribbon{ background:#B0C100; padding: 16px 0;  text-align: center; position:relative; margin: 0 0 12px -10px; border:none; z-index: 4; }
.ribbon:before{ content:' '; border-top: 12px solid #9bb63a; border-left: 10px solid transparent;   position: absolute; bottom: -11px;  left: 0; }
.ribbon.btn:after{ background: #FFCA08; }

.rect-arrow .slick-prev:before{content: "\f104"; }
.rect-arrow .slick-next:before{ content: "\f105";}
.rect-arrow .slick-next{ right: 46%; }
.rect-arrow .slick-prev{ left: 46%; }
.rect-arrow .slick-prev:before, .rect-arrow .slick-next:before{ font-family: 'FontAwesome'; font-size: 32px; font-weight: lighter; line-height: 18px; opacity: 1; padding: 0 14px;  }
.rect-arrow .slick-prev, .rect-arrow .slick-next{ width: 40px; height: 40px; background:#b6d547; top: 80%; }
.rect-arrow .slick-prev:hover, .rect-arrow .slick-prev:focus, .rect-arrow .slick-next:hover, .rect-arrow .slick-next:focus{ background:#F2C72C; }

.overly{ width:100%; float:left; position:relative;  }
.overly:after{ content:' '; width:100%; height:100%; position:absolute; top:0; left: 0; background: rgba(102, 171, 54, 0.75); z-index: -1;  }

.banner{  width:100%; float:left; position: relative;  z-index: 1; text-align:center; background:url(../img/Banner-Bg.jpg) no-repeat; background-size: cover; }
.banner h2{ font-size:36px; color:#fff; line-height:67px; font-family: 'Oswald', sans-serif;  min-height: 195px;   padding: 55px 0 0; }
.about-banner h2{ padding:27px 0 0;   }
.banner span{ color:#ffcb08; }

.green-dots .slick-dots li{ width:auto; padding:0; float: none; margin: 0 10px; }
.green-dots .slick-dots li button:before{ width: 20px; height: 20px; content: ' '; border: 3px solid #84B842; border-radius: 50%; opacity: 1; }
.green-dots .slick-dots li.slick-active button:before {  opacity: 1; background: #84B842; }

input[type="text"], input[type="password"], textarea{ height:45px; width:100%; float:left; padding:10px 20px; color:#6e6e6e; font-size:18px; font-weight:300; margin:0 0 20px; border:1px solid #e1e1e1; line-height: 27px;
 box-shadow: none; }
input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder { /* Safari, Chrome and Opera */  color: #6e6e6e; }
input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder { /* Firefox 18- */ color: #6e6e6e; }
input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder { /* Firefox 19+ */ color: #6e6e6e; }
input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder { /* IE 10+ */ color: #6e6e6e; }
input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder { /* Edge */ color: #6e6e6e; } 
textarea{ height:175px; resize:none; }

input[type="checkbox"]{ width: 18px;  height: 18px; float: left; margin: 5px 15px 0 0; visibility: hidden; }
.square-checkbox{ position:relative; }
.square-checkbox label { cursor: pointer; position: absolute; width: 18px;  height: 18px; left: -9px; top: 4px; background: #fff;  border: 1px solid #e1e1e1; }
.square-checkbox label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter: alpha(opacity=0); filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 12px;  height: 7px;
 background: transparent; top: 4px; left: 2px; border: 3px solid #77B645; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.square-checkbox input[type=checkbox]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }

.img-hover{ width:100%; height:100%; float: left; position:relative; overflow: hidden; }
.img-hover:after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); z-index: 2; content: ""; opacity: 0; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease;
 -o-transition: 0.5s ease; transition: 0.5s ease; }
.img-hover img{ webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; transition: transform 0.5s ease; width: 100%; }
.img-hover:hover img{ webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.img-hover:hover:after{ opacity:1; }

/*=========================*******==================***Home***==================*******==================*/

header{ width:100%; float:left; }
.utility{ width:100%; float:left; background-color:#B0C100; padding: 0 0 5px; }
.utility-wrap{ border-bottom: 1px solid #d5ea89; }
.utility p{ color:#fff; font-size: 18px; font-weight:600; margin: 0;    padding: 12px 0 13px; }
.utility p em{ border-radius:5px; margin-right:10px; }
.utility-menu{ padding: 15px 0 18px; border-left: 1px solid #d5ea89; }
.utility-menu ul li{ display:inline-block; margin-left: 25px; }
.utility-menu ul li em{ color:#fff; font-size:20px; margin-right: 10px; }
.utility-menu ul li a{ color:#fff; font-size: 18px; }
.utility-menu ul li a:hover, .utility-menu ul li a:focus, .utility p a:hover, .utility p a:focus{ color: #393939; }


.header-middle{ width:100%; float:left; padding: 30px 0 15px; }
.logo figure{ float:left; }
.logo{ padding: 0 0 0 40px; }

.header-middle form{ text-align: center; width: 100%; float: left; }
.header-middle input[type="text"]{ border: 1px solid #eaeaea; height: 42px; padding: 10px 20px; color:#cbcbcb; font-size: 13px; font-style:italic; 
 width: 300px; display:inline-block; margin: 0; float: none; }
.header-middle input[type="text"]::-webkit-input-placeholder { /* Safari, Chrome and Opera */ color: #cbcbcb; }
.header-middle input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #cbcbcb; }
.header-middle input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: #cbcbcb; }
.header-middle input[type="text"]:-ms-input-placeholder { /* IE 10+ */  color: #cbcbcb; }
.header-middle input[type="text"]::-ms-input-placeholder { /* Edge */  color: #cbcbcb; }
.header-middle input[type="text"]:placeholder-shown { /* Standard one last! */ color: #cbcbcb; }
.header-middle input[type="submit"]{ color:#fff; font-size: 14px; background:url(../img/Search.png) no-repeat 85% 50%; background-color:#b6d547; border:none;  display:inline-block; padding: 12px 30px 12px 15px;  
 text-transform: uppercase; margin-left: -4px; vertical-align: middle; width:auto;}
.header-middle input[type="submit"]:hover, .header-middle input[type="submit"]:focus{ background-color: #FFCB08; }

.primary{  width:100%; float:left; }
.top-bar{padding:0 15px;}
.top-bar-section{  width:100%; float:left; border-top:3px solid #eceded; padding: 10px 0;}
.top-bar, .primary-menu ul li, .primary-menu ul li a{ background:none !important; }
.primary-menu ul li a{ color:#bababa; font-size:18px; font-family: 'Source Sans Pro', sans-serif; padding: 10px !important;  line-height: 1 !important; min-width: 95px; text-align:center;}
.primary-menu ul li a:hover, .primary-menu ul li a:focus, .primary-menu .has-dropdown:hover a { background:#b6d547 !important; color:#fff; box-shadow: -3px 4px 0px #e8efcc; }
.primary-menu .has-dropdown>a{ padding: 10px !important; }
.primary-menu .dropdown{ background: #B6D547; min-width: 160px; }
.primary-menu .has-dropdown ul.dropdown li a{ text-align: left; padding:12px 15px !important; }
.primary-menu .has-dropdown ul.dropdown li a:hover{ background: #C7E246 !important;  }
.top-bar-section .has-dropdown>a:after{ display:none; }

/*=========================*******==================***Home Slider***==================*******==================*/


.home-slider{float:left; overflow: hidden; }
.home-slide img{ width:100%; }
.home-slide{ position:relative; }
.home-slider .slick-prev:before, .home-slider .slick-next:before{ font-size: 30px; }


/*=========================*******==================***Discount***==================*******==================*/

.discount{  width:100%; float:left; background:url(/island_thatch_images/components/Discount-Bg.png) no-repeat;  background-size: cover; padding: 78px 0 40px;  position: relative;  }
.discount h2{  color:#fff; font-size:36px; line-height:36px; font-weight: 600; }
.discount p{  color:#fff; font-size:18px; font-weight:300;  margin: 20px 0 0; }
.discount .btn{  color:#fff; font-size:25px; font-weight:600; background:transparent;  border: 3px solid #fff; padding: 9px 31px;  margin-top: 58px; display: inline-block; margin-left: -70px;  }
.discount .btn:hover, .discount .btn:focus{   color: #B6D547; }
.discount .btn:after{ background: #fff;}

/*=========================*******==================***contentArea***==================*******==================*/
.mainContent{width:100%; float:left;  margin-top:16px;margin-bottom:16px;}
p{font-size:18px;}
ul{font-size:18px; line-height:27px;}
.mainContent li{
	font-size: 18px;
	line-height: 1.5;
	
}
.textBody a, .textBody a:link{text-decoration:underline;}
.textBody h2 a, .textBody h3 a, .textBody h2 a:link, .textBody h3 a:link{text-decoration:none;}
.rightFloatPrice{ margin: 0px 20px 10px; padding: 0px; float: right; }
.rightFloatPriceDouble{ margin: 0px 0px 0px 20px; padding: 0px; }
.rightSideCentre { margin-top:1.5em;}
.rightSideCentre .smallHeading { margin: 0; font-size: 1.1333333333333333em; line-height: 1.2941176470588236em; margin-bottom: 1.2941176470588236em; text-align: center; }
.rightSideCentre p{text-align:center; }
.rightSideCentre img{width:100%;}
.topFix{clear:both; display:block; width:100%;}
.specials{padding-bottom: 0em;margin-bottom: 1.5em;border-bottom: 1px solid #000000;}
.specials img{width:100%;}
/*=========================*******==================***Maintenance Service***==================*******==================*/

/*=========================*******==================***latest-projects***==================*******==================*/

.latest-projects{  width:100%; float:left; padding:1.5rem 0 1.5rem; }
.projects-slider{  width:100%; float:left; padding: 98px 0 0; }
.fig-cap{ width: 100%; float: left; text-align: center; padding:0 0 30px; border:1px solid #e4e4e4; border-top: none; } 
.fig-cap ul li{ display:inline-block; color:#fff; font-size:16px;  font-weight:300; padding: 0 22px;  border-left: 1px solid #fff; }
.fig-cap ul li:first-child{ border:none; }
.fig-cap h3 a{ color:#666666;  font-size:24px;  margin: 12px 0 8px; display: inline-block; text-decoration:none; }
.fig-cap h3 a:hover, .fig-cap h3 a:focus{ color: #84b842; }
.fig-cap p{  margin: 12px 20px; }
.fig-cap .border:after{ height: 3px; }
.latest-projects.rect-arrow .slick-prev, .latest-projects.rect-arrow .slick-next{ top:5% }
.latest-projects.rect-arrow .slick-next{ right: 15px; }
.latest-projects.rect-arrow .slick-prev{ right: 65px; left: auto; }

/*=========================*******==================***follow-us***==================*******==================*/

.follow-us{  width:100%; float:left; margin: 35px 0 0; border-top: 1px solid #E4E4E4;}
.follow-us .titles-fig{  margin: -35px auto 0; }
.follow-us-icon{ padding: 0 0 35px; }
.follow-us-icon li{ display:inline-block }
.follow-us-icon li a{ color:#77B645;  font-size:32px; width:52px; height:52px; border:4px solid #77B645; border-radius:50%; text-align:center; line-height: 45px; margin: 0 3px; }
.follow-us-icon .fa-facebook, .follow-us-icon .fa-google-plus{  font-size:28px; }
.follow-us-icon li a:hover, .follow-us-icon li a:focus{ background: #77B645; color: #fff; }

/*=========================*******==================***footer***==================*******==================*/


footer{ width:100%; float:left; border-top: 1px solid #E4E4E4; }
.footer-wrap{ width:100%; float:left; padding: 75px 0 30px; }
.footer-wrap h3{ color:#77B645;  font-size:29px; margin:0 0 20px;}
.footer-wrap ul{ margin-left: 30px; }
.footer-wrap ul li{ list-style-image:url(../img/List-Arrow.png); padding-left: 5px; }
.footer-wrap ul li a, .footer-wrap h4, .footer-wrap p{ color:#838383;  font-size:19px; line-height:35px; font-weight:300; }
.footer-wrap ul li a:hover, .footer-wrap ul li a:focus{ color: #77B645; }
.footer-wrap .btn{ padding: 6px 22px; font-size: 11px; margin-top: 10px; }
.phone-detail, .time-detail, .mail-detail{ width:100%; float:left; margin: 0 0 25px; }
.footer-wrap p{ font-size:14px;  line-height:20px; }
.footer-wrap span{ color:#77B645; font-weight:500;  font-size:14px; }
.footer-wrap figure{ width: 12%; float: left; margin-right: 12px; text-align: center; }
.footer-wrap figure em	{ font-size: 24px; color: #77B645; }
.footer-wrap .fig-caption{  width: 82%; float: left; }
.footer-wrap .time-detail ul{ margin:0; }
.footer-wrap .time-detail ul li{ list-style:none; }
.footer-wrap .time-detail span, .footer-wrap .mail-detail span{ color:#838383; font-weight:400; display: inline-block; }
.phone-detail span{ color:#77B645;  font-weight:400; }
.footer-wrap .time-detail p, .footer-wrap .phone-detail p{ display: inline-block;  margin: 0 0 4px; }
.footer-wrap .medium-5 .medium-6{ padding: 0 11px 0 0; }


.copy-right{ width:100%; float:left; background:url(../img/Copy-Right-Bg.jpg) repeat; padding: 15px 0; }
.copy-right p, .copy-right li a{  color:#fff; font-size: 19px; font-weight:400; margin: 0; line-height: 35px; }
.copy-right ul{ text-align:right; }
.copy-right li{ display:inline-block; }
.copy-right li a{ border-right: 1px solid #fff;  padding: 0 10px; }
.copy-right li a:hover, .copy-right li a:focus{ color: #66AB36; }
.copy-right li:last-child a{ border:none; }


/*=========================*******==================***About Us***==================*******==================*/


.compnay{ width:100%; float:left; }
.compnay .titles{ text-align:left; }
.compnay h2{ border-bottom: 4px solid #F2C72C; display: inline-block; margin: 0 0 25px; }
.compnay p{ font-size: 20px;  width: 80%;  float: left;  }
.compnay span{ color:#519026; font-weight:600;  display: block; }
.compnay figure p{ width: 60px;  float: left; color:#fff; font-size: 41px;  font-weight: 700; padding: 27px 0;  text-align: center;  margin-right: 15px; text-transform:uppercase;  }
.a-title{  background: #F2C72C; }
.b-title{  background: #84b842; }
.bars{ width:100%; float:left; padding: 20px 0; }
.bars .progress.alert .meter{ background:url(../img/Bar-Bg.jpg) repeat;  height: 52px; }
.bars .progress{  margin: 0 0 25px;     height: auto;  background-color: transparent; border: 1px solid transparent; width: 100%;  float: left;  padding: 0; }
.bars .progress span{  color:#fff; font-size: 25px; font-weight:600;  padding: 8px 25px; }
.certifications-slider{  width:100%; float:left; padding:80px 0 50px; }
.compnay .slick-dots{ bottom: -75px; }

.our-member{  width:100%; float:left; position:relative; background: #F4FAEC; margin: 80px 0 50px; padding: 0 0 100px; }
.our-member figure img{width:100%;}
.our-member .titles{ padding:0 0 75px; }
.our-member:before{ content:' '; background:url(../img/Member-Bg1.png) no-repeat; position:absolute;  width: 100%; top: -80px; height: 150px; background-size: cover; }
.our-member:after{ content:' '; background:url(../img/Member-Bg2.png) no-repeat; position:absolute; width: 100%;  background-size: cover; height: 205px; bottom: -50px; z-index: -2; }
.our-member .ribbon{ color:#fff; font-size: 17px;  padding: 8px 20px;  min-width: 145px;  display: inline-block; text-align: left; margin: -10px 0 12px -25px; }
.our-member .ribbon:hover, .our-member .ribbon:focus{ color: #fff;  background: #FAC809; }
.our-member .ribbon:hover:before, .our-member .ribbon:focus:before{ border-top: 12px solid #EBBC0B; }

.member-detail{ float:left; background:#fff; padding: 0px 15px 20px; }
.member-detail h6{ color:#bababa; font-size: 17px; font-weight:400; }
.member-detail p{ font-size: 14px; line-height:19px; margin:0 0 5px; }
.bars{ padding: 0 0 20px; }
.our-member .bars p{ width:100%; float:left; color:#bababa; font-size: 13px; text-transform:uppercase; font-weight: 400;  margin: 7px 0 2px; }
.our-member .bars .progress{ margin:0; background-color: #f6f6f6; width: 100%; float: left; }
.our-member .bars .progress.alert .meter{ height:20px; background:url(../img/SmallBar-Bg.jpg); }
.small-social li{ display: inline-block; }
.small-social li a{ width: 25px;  height: 25px;  background: #77B645;  text-align: center;  color: #fff;  border-radius: 50%;  line-height: 26px;  font-size: 15px; margin-right: 5px; }
.small-social li a:hover, .small-social li a:focus{ background: #FFCA08; }


.our-client{  width:100%; float:left; padding:75px 0 100px; }
.our-client ul{  width:100%; float:left; padding: 85px 0 80px; }
.our-client .slick-dots{ bottom: -30px;   padding: 0; }
.our-client ul li img{ filter: url(grayscale.svg); filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);  filter: gray;  }
.our-client ul li img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);  filter: grayscale(0%); }

/*=========================*******==================***our-services***==================*******==================*/

.our-services{  width:100%; float:left; background:#f4faec; padding: 65px 0;}
.services{  width:100%; float:left;  position: relative; z-index: 1;   }
.services-slider{ padding: 0 0 140px; width: 100%; float: left; }
.services .ribbon{ color:#fff; font-size: 31px;  padding: 10px 20px; padding: 9px 35px; display: block;  text-align: left; }
.services .ribbon:before{ border-top: 15px solid #52601e; bottom: -15px; }
.services .ribbon:hover, .services .ribbon:focus{ background: #F2C72C; }
.services .ribbon:hover:before, .services .ribbon:focus:before{ border-top: 15px solid #9A7C0B; }
.services-detail{ float: left; background:#fff; }
.services-detail-wrap{ padding: 15px 30px 22px;  }
.services-detail p{ color:#878787;  line-height: 22px; margin:0 0 30px }
.services-detail-wrap .btn{ font-size: 17px;  padding: 8px 20px; border: none; font-weight: 300; }
.services-detail-wrap .btn:after{ background: #B6D547; }
.services-detail-wrap em{ margin-left: 12px; font-size: 14px; }

.summer-services{ background:url(../img/Sevices-Bg.jpg) no-repeat; background-size:cover; background-attachment: fixed; }
.summer-services .overly:after{     background: rgba(102,171,54,0.95); }
.services h2{ color:#fff;  padding: 65px 0 55px; font-weight: 400; }
.services .rect-arrow .slick-prev, .services .rect-arrow .slick-next{ top:88%; width: 48px; height: 48px; background: transparent;  border: 3px solid #fff; }
.winter-services .rect-arrow .slick-prev, .winter-services .rect-arrow .slick-next { top: 80%; }
.services .rect-arrow .slick-prev:before, .services .rect-arrow .slick-next:before{ font-size: 37px; }
.services .rect-arrow .slick-prev{ left:44.5%; }
.services .rect-arrow .slick-next{ right:44.5%; } 

.winter-services{ background:url(../img/Sevices-Bg.jpg) no-repeat; background-size:cover; background-attachment: fixed; }
.winter-services .services-slider{ padding: 0 0 220px; }
.winter-services .overly:after{ background: rgba(255, 255, 255, 0.95); }
.winter-services h2{ color:#00CDF9; }
.winter-services .ribbon, .winter-services .services-detail-wrap .btn:after{ background:#00b6dd; }
.winter-services .ribbon:before{ border-top: 15px solid #065364;  }
.winter-services .rect-arrow .slick-prev, .winter-services .rect-arrow .slick-next{  border: 3px solid #00b6dd; }
.winter-services .rect-arrow .slick-prev:before, .winter-services .rect-arrow .slick-next:before{ color:#00b6dd; }

.ability{  width:100%; float:left; background:url(../img/Ability-Bg.png) no-repeat; background-size:cover; margin-top: -80px; position: relative; z-index: 1; padding: 130px 0 75px;  }
.ability h2{ color:#fff; } 
.ability .titles p{ color: #d2d2d2; }
.ability h4 a{ color: #fff;  font-size: 21px; display:inline-block; margin:25px 0 0; font-weight:400; }
.number-counter { color: #fff; font-size: 30px; width: 135px; height: 135px; border: 4px solid #fff; display: inline-block; border-radius: 50%;     padding: 45px 0 0; text-align: center; }
.ability-slider{  width:100%; float:left; text-align:center; padding: 40px 0; }
.ability .slick-prev {  left: -55px; }
.ability .slick-next { right: -55px; }
.ability .slick-prev, .ability.slick-next { width: 30px; height: 50px; }
.ability .slick-prev:before, .ability .slick-next:before {  font-family: 'FontAwesome';  font-size: 55px; opacity: 1; color: #fff; }
.ability .slick-prev:before { content: '\f104'; }
.ability .slick-next:before { content: '\f105'; }

/*=========================*******==================***Tips***==================*******==================*/

.video-tips{ width:100%; float:left; padding:90px 0; }
.video-tips figure img{ width:100%; }
.video-tips p{ font-size: 20px; margin: 30px 0 0; display: inline-block; }
.video-tips .titles{ text-align:left; }
.video-tips .border:after{ margin: 0px auto; }
.video-tips figure{ position:relative; }
.video-tips a{ position:absolute; color: #ffffff;  top: 50%;  left: 50%;  transform: translate(-50%,-50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
 -o-transform:  translate(-50%, -50%); font-size: 108px; }
.reveal-modal { max-width: 48%; text-align: center;  padding: 40px 20px 20px; }
.reveal-modal iframe {  width: 100%;  min-height:400px; }
.reveal-modal .close-reveal-modal { font-size: 30px; }


.tips{ width:100%; float:left; position: relative; z-index: 1;  }
.tips figure{ max-height: 570px; overflow: hidden; margin-top: -25px; }
.tips .titles{ padding:80px 0 45px; }
.tips-slider, .tips-slide, .tips li{ width:100%; float:left; }
.tips li{ margin:0 0 15px; }
.tips li span{ color:#84b842; font-size:30px; font-weight:600; background:#fff; width: 45px; height: 45px;  float:left; border-radius:0%; line-height: 43px; text-align: center; }
.tips .tips-details { width: 90%; float:left; padding-left:18px; }

.outdoor-tips{ background:url(../img/Outdoor-Bg.jpeg) no-repeat; background-size:cover; background-attachment:fixed; }
.outdoor-tips .overly:after{ background: rgba(132, 184, 66, 0.75); }
.outdoor-tips .titles h2 {  color: #fff; }
.outdoor-tips .border:after {  background: #fff; margin: 10px auto 25px; }
.outdoor-tips p{  color:#fff; font-size:20px;  font-weight:400;}

.indoor-tips{ background:url(../img/Indoor-Bg.jpeg) no-repeat; background-size:cover; background-attachment:fixed; }
.indoor-tips .overly:after{ background: rgba(255, 255, 255, 0.9); }
.indoor-tips .titles h2 {  color: #0dc0f4; }
.indoor-tips .border:after {  background: #0dc0f4; margin: 10px auto 25px; }
.indoor-tips p, .indoor-tips .titles p {  color:#787878; font-size:20px; font-weight:400;}
.indoor-tips li span{  background:#0dc0f4; color:#fff; }

.slider-btns{ text-align:center; }
.slider-btn{ font-size:23px; color:#84b842; background:#fff; font-weight:600; padding: 4px 23px; display:inline-block; }
.slider-next:after{ content: "\f0da"; font-family: 'FontAwesome'; margin-left: 14px; }
.slider-prev:before{ content: "\f0d9"; font-family: 'FontAwesome'; margin-right: 14px; }

.indoor-tips .slider-btn{ color:#fff; background:#0dc0f4; }

/*=========================*******==================***Price***==================*******==================*/

.packages{  width:100%; float:left; padding: 70px 0 50px; }
.packages-slider{ padding:120px 15px; }
.packages-slide{ text-align: center; padding:0; margin:25px 0 ; }
.divider:after, .price-detail ul li:after{ content:' ';  background-image:url(../img/Divider.png);  width: 100%; height:3px; display: inline-block; float: left; }
.packages-slider, .price-title, .packages-price, .price-detail{ width: 100%; float: left; }

.price-title{  background: #b6d547; padding: 24px 15px; }
.price-title h3{ color:#fff; font-size:28px; font-weight:400;  }
.price-title p{ color:#fff; font-size:20px; margin: 15px 0 0; }

.packages-price{ background-color:#fbfbfb;  }
.packages-price span{ color:#888888; font-size:81px; line-height: initial; }
.packages-price sup{ font-size: 46px; }
.packages-price p{ color:#888888; font-size:18px; margin: 0 0 20px; font-weight:400; }

.price-detail{ background:#f5f5f5; padding: 0 0 35px; }
.price-detail ul{ padding: 10px 45px 22px; }
.price-detail ul li{ color:#b2b2b2; font-size:20px; font-weight:300; line-height: 23px; }
.price-detail ul li:after{ margin:9px 0;}
.price-detail ul li:last-child:after{ display:none; }
.price-detail .btn{ color:#fff; font-size:22px; text-transform:inherit; padding: 6px 35px;  }
.price-detail{}

.packages .slick-current .price-title{ background:#f2c72c; }
.packages .slick-current{ margin:0; z-index: 1; box-shadow: -60px 0px 80px -90px #000000, 60px 0px 80px -90px #000000; }
.packages .slick-current .price-detail ul{ padding-bottom:78px;}
.packages .rect-arrow .slick-prev, .packages .rect-arrow .slick-next{ top: 94%; }
.packages .view-packages{ float:right; color:#b6d547; font-size:22px; top: -55px; right: 15px; position: relative; border-bottom: 2px solid #cee390; }
.packages .view-packages:hover, .packages .view-packages:focus{ color:#f2c72c; border-bottom: 2px solid #f2c72c; }

.new-discount{ width:100%; float:left; }
.discount-wrap{  width:100%; float:left; background:url(../img/New-Discont-Bg.jpg) no-repeat; background-size:cover; position:relative; z-index:1 }
.discount-wrap .overly:after{ background: rgba(182,213,71,0.85); }
.discount-wrap span{ color:#fff; font-size:30px; line-height: 38px; }
.discount-wrap h2{color:#fff; font-size:42px;  font-weight:900; line-height: 38px; }
.discount-wrap p{ color:#fff; font-size:20px; font-weight:600; margin: 10px 0 0; }
.discount-wrap sup{ font-size: 25px; }

.discount-detail{ padding: 35px 15px 35px 80px;}
.discount-img{ }
.discount-img figure{ float:left; padding: 15px 0 0; max-height: 185px; overflow: hidden; }
.discount-img1{ width: 42%; }
.discount-img2{ width:36%; }
.discount-img .discount-img3{ width:22%; text-align: right; padding:0; }

.our-client-wrap{ padding: 62px 0 80px; }
.our-client-wrap ul{ padding: 42px 0 45px; }

/*=========================*******==================***feature-project***==================*******==================*/

.feature-project, .feature-tab, .we-do, .we-do ul{ width:100%; float:left; }
.feature-project .titles h2{ padding:0; }
.feature-project .titles .border:after{ margin:30px auto 25px; }
.tabs{ width: 100%; float: left; padding: 60px 0 0; text-align:center; }
.tabs dd, .tabs .tab-title{ float:none; display:inline-block; margin: 0 4px; }
.tabs dd.active>a, .tabs .tab-title.active>a, .tabs dd>a:hover, .tabs .tab-title>a:hover{ color:#fff; background:#84b842; border:1px solid #84b842; }
.tabs dd>a, .tabs .tab-title>a{ color:#a1a1a1; background:#ffffff; font-size: 21px; font-weight:300; font-family: 'Source Sans Pro', sans-serif; border: 1px solid #ddd;  width: 200px; padding: 16px 16px;  }
.tabs-content>.content.active{ float:left; padding:0; }
.feature-tab{ padding: 50px 0 0;  margin: 0; }
.feature-tab .medium-4{ margin:25px 0; }
.feature-tab .medium-4:last-child{ float:left; } 


.we-do ul{ padding:70px 0 0; }
.we-do ul li{  width: 50%;  float: left; margin: 0 0 35px; }
.we-do li span{ width:60px; height:60px; float:left; border-radius:50%; background:#84b842; color:#fff; font-size:25px; font-weight:600; text-align:center; display:inline-block; line-height: 55px; }
.we-do-wrap{ width:80%; float:left; margin-left: 18px; }
.we-do-wrap h4{ color:#b6d547; font-weight:600; text-transform:uppercase; margin:0 0 6px; }
.we-do-wrap p{ line-height:22px; }

#photogallery .large-block-grid-3 li{position: relative;
    width: 50%;
	height:100px;
    padding-bottom: 50%;
    float: left;
    height: 0;
    margin: 1%;}
#photogallery .large-block-grid-3 a img{width: 100%;
    height: 100%;
    position: absolute;
    left: 0;}	
/*=========================*******==================***our-career***==================*******==================*/

.our-career{ width:100%; float:left; padding:85px 0 0;}
.our-career figure{ margin-left: -9%; max-height: 580px; overflow: hidden; }
.career{}
.career .titles{ text-align:left; }
.career .titles .border:after{ margin: 5px auto 30px; }
.career .titles .border{  margin: 0; }
.career p, .career span, .career-slider p{ font-size:20px; margin: 0 0 25px;  font-weight:300; display:inline-block; }
.career span{  color:#84b842; }
.career h5{ color:#5a5a5a; font-weight:400; margin: 0 0 25px; }
.career ul{ margin-left:25px;}
ul.list-style-disc{  margin-bottom:20px;  }
ul.list-style-disc li{ font-size: 28px; list-style:disc; color:#747474; }
ul.list-style-disc li p{ font-size:20px; color:#b2b2b2; font-weight:300; line-height:41px; margin:0;vertical-align:3px; }

.full-time-career{ width:100%; float:left; padding:60px 0 150px; background:#f4faec; }
.full-time-career p{ color:#5b5b5b; }
.career-slider{ width:100%; float:left; }
.career-slider h3{ font-size:35px; color:#84b842;  margin:0 0 30px; }
.career-slider .medium-12{ margin:50px 0 0; }
.career-slider.rect-arrow .slick-prev, .career-slider.rect-arrow .slick-next{ top: 111%; }

.application{  width:100%; float:left; padding:120px 0 15px; }
.application h2{ text-transform: inherit; }
.application input[type="text"]{  color:#a6a6a6; font-size:23px; }
.application input[type="text"]::-webkit-input-placeholder { /* Safari, Chrome and Opera */  color: #a6a6a6; }
.application input[type="text"]:-moz-placeholder{ /* Firefox 18- */ color: #a6a6a6; }
.application input[type="text"]::-moz-placeholder{ /* Firefox 19+ */ color: #a6a6a6; }
.application input[type="text"]:-ms-input-placeholder{ /* IE 10+ */ color: #a6a6a6; }
.application input[type="text"]::-ms-input-placeholder{ /* Edge */ color: #a6a6a6; } 

.application .submit-btn{  float:right; border: none; background:#77b645; }
.application input[type="submit"]{ font-size:23px; font-weight:600; padding: 12px 16px;  width:auto; }
.application .btn:after, .application .btn:after{ background:#F2C72C; }
.application-form h5{ font-size:23px; color:#a6a6a6; font-weight:300; margin: 10px 0 18px; display: inline-block;  width: 100%; float: left; }
.application-form p{ font-size:17px; color:#a6a6a6; font-weight:300; margin:0; }
.application-form  .square-checkbox{ width:50%; float:left; margin: 0 0 5px; }
.upload-file{ width: 100%; float:left; margin: 15px 0 50px; }
.upload-file h5, input[type="file"] { width:auto; float: left; margin:0; }
input[type="file"]{ color:#b3b3b3;  font-size:15px; margin-left: 18px; border: 1px solid #E1E1E1;  }

file-upload-button { padding: 7px 18px;  background: #F2C72C;  font-size: 15px; color: #fff; border: none; }
input[type="file"]::-webkit-file-upload-button { padding: 7px 18px;  background: #F2C72C;  font-size: 15px; color: #fff; border: none; }
input[type="file"]::-moz-file-upload-button { padding: 7px 18px;  background: #F2C72C;  font-size: 15px; color: #fff; border: none; }
input[type="file"]::-ms-file-upload-button { padding: 7px 18px;  background: #F2C72C;  font-size: 15px; color: #fff; border: none; }
input[type="file"]::-o-file-upload-button { padding: 7px 18px;  background: #F2C72C;  font-size: 15px; color: #fff; border: none; }




/*=========================*******==================***Features***==================*******==================*/

.features-page{ width:100%; float:left; background: #fff; padding: 55px 0 45px; }
.main-event, .main-news, .main-faq, .main-forum, .main-media, .main-blog{ width: 100%; float: left; padding:0 0 50px; border-bottom: 1px solid #eaead8;}

/*=====================***Event***==============================*/

.main-event h2{  padding: 0 0 45px; }

.events{ width: 100%; float: left; padding: 50px 0 0; }
.main-event .sub-title{ display:inline-block; font-size:17px; color: #84b842; line-height: 30px;  margin: 0; font-weight: 400; }
.events ul{ margin:0 0 20px; }
.events ul li{display: inline-block;font-size:14px;color:#2c2c2c; line-height: 15px; }
.events ul li a{ color:#2c2c2c;}
.events ul li:after{ content:"|"; margin: 0 8px; color: #000; }
.events ul li:last-child:after{ content:""; }
.event-cntnt{background: #f6f6f0;padding: 20px 26px 28px 25px; }
.event-cntnt p{ margin-bottom: 22px;  }
.reserve { width: 190px;height: 45px; border:none; padding: 10px 15px; display:inline-block; font-size:13px; color:#ffffff; text-align:center; text-transform:uppercase; background:#ffcb08; font-weight:300; }
.reserve:hover, .reserve:focus{color: #fff;  background: #84B842; }

/*=====================***News***==============================*/

.main-news{padding:0 0 10px;}
.news span{ font-size: 15px; color: #b1b1a7; }
.news  p{ margin: 10px 0 40px;  }

/*=====================***FAQ***==============================*/

.main-faq .accordion{ background:#fff; border:none; }
.main-faq .accordion li a{background: #84b842; color: #fff; padding: 1rem; display: block; font-size: 15px; border-bottom: 1px solid #fff; font-family: 'Source Sans Pro', sans-serif; }
.main-faq .accordion li a:hover, .main-faq .accordion li.active a{ background: #FFCB08  !important; color: #fff; }
.main-faq .accordion .accordion-navigation>.content.active, .main-faq .accordion dd>.content.active { background: #f6f6f0; }
.main-faq .accordion-content p{ margin:0; }

/*=====================***Forum***==============================*/


.logout{ width: 100%; float:left; margin: 0 0 25px;}
.logout span, .logout a{color: #2c2c2c; font-size: 13px;}
.right-forum{ float:right;margin: 50px 0 0; font-weight: 300;}
.right-forum .new-topic, .right-forum .subscribe{ width: 190px; height: 44px; padding:10px 15px; text-align:center; display:inline-block; font-size:13px; color:#3f3f3f; border:2px solid #3f3f3f; text-transform:uppercase;   
 margin-right: 16px; background:transparent; }
.right-forum .subscribe{color:#fff; background:#ffcb08; border:none; height: 44px; border:2px solid #ffcb08;}
.right-forum .new-topic:hover, .right-forum .subscribe:hover{ background: #84B842; color: #fff;}
 
.forum-title{width:100%; float:left;}
.forum-title table{ border-collapse: collapse; border:none; margin: 0;}
.forum-title table tr.title-row{background: #f6f6f0;}
.forum-title table tr.title-row th{font-size:14px; color:#303d4d; font-weight: 300; }
.forum-title table tr td span{ font-weight:100; color:#303d4d;}
.forum-title table tr.title-row th.forum-name, .forum-title table tr td.forum-name{ text-align:left;}
.forum-title table tr td.test{ color: #84b842; text-align: left;  font-size: 14px; font-weight: 400; }
.forum-title table tr th, .forum-title table tr td{ text-align:center; color: #5f5f5f; font-size: 13px; font-weight: 300; }
.forum-title table tr:nth-of-type(even) { background: #fcfcfc;}


/*=====================***Download Media***==============================*/

.main-media a{ font-size: 14px; color: #3f3f3f;text-decoration:underline;margin: 0 8px 0 15px;}

/*=====================***Blog***==============================*/


.blog-wrap{border-bottom: 1px solid #eaead8; padding: 0 0px 40px 0px; margin-bottom: 40px;}

.blog-wrap h3{ margin:0; display:block; }
.blog-wrap span{ margin: 15px 0 22px; display: inline-block;}
.blog-wrap p{  margin-bottom:10px;}
.blog-wrap ul li{ display:inline-block; }
.blog-wrap ul li:after{ content:'|'; margin: 0 2px; }
.blog-wrap ul li:last-child:after{ content:' '; display:none;}
.blog-wrap ul li a{ font-size: 13px; color: #84b842; line-height: 12px; display: inline-block; }
.blog-wrap ul li a:hover, .blog-wrap ul li a:focus{ color: #FFCB08; }

.blog-wrap:last-child{ border-bottom:none; }



/*=====================***Right Menu***==============================*/

.feature-menu{width: 100%; float: left; }
.feature-menu h4{ font-size:13px; color:#ffffff; text-align:left; background:#84b842; padding: 18px 25px; font-weight: 600; }
.feature-menu ul{border-bottom: 1px solid #cecece;}
.feature-menu ul li{ text-align:left; padding: 15px 22px; border-bottom: 1px solid #cecece;}
.feature-menu ul li:hover a, .feature-menu ul li.selected a, .feature-menu ul li a:focus{ color:#000; font-weight: 700; }
.feature-menu ul li a{ font-size:13px; color:#2c2c2c; text-transform:capitalize;}

/*=====================***paginations***==============================*/

.paginations{ width: 100%;float: left; }
.paginations ul li{ display:inline-block; text-align: center; margin-right: 5px; }
.paginations ul li a{ font-size:15px; color:#84b842; font-weight: 300; border:2px solid #84b842; width: 28px; height: 28px; display:inline-block; line-height: 25px; }
.paginations ul li a:hover, .paginations ul li a:focus, .paginations ul li a.active{ color:#fff; background:#84b842;}

/*=========================*******==================***blog page***==================*******==================*/

.blog{ width: 100%;float: left; background:#f4faec; padding:85px 0 70px; }
.blog .medium-12{ margin:0 0 30px; }
.blog-fig{ position:relative; }
.blog-fig .ribbon{ position:absolute; top:20px; width:135px; font-size:16px; color:#fff; padding: 10px 0; }
.blog-list-wrap{ width: 100%; float: left; background:#fff; padding:28px 25px; border-bottom:2px solid #ebebeb;  }
.blog-list h3 a{ color:#84b842; font-size:36px; }
.blog-list a:hover, .blog-list a:focus { color:#f2c72c; }
.blog-list p, .blog-comment li{  color:#686868; font-size:14px;  font-weight: 400; line-height:22px; }
.blog-list .btn{  font-size:15px; padding: 6px 28px; }
.blog-list .btn:hover, .blog-list .btn:focus{ color:#fff; }

.tag-cat{ width: 100%;  float: left;  padding: 12px 0 20px; }
.tag-cat p{ color:#bababa; font-size:16px;  font-weight: 300; display: inline-block; margin:0; }
.tag-cat a{ color:#8ebd55; display: inline-block; }
.cat{ float: left; margin-right: 15px; }
.tag{ float: left; }
.tag ul{ display: inline-block; }
.tag ul li{ display:inline-block; }
.tag ul li:after{ content:","; color:#8ebd55; }
.tag ul li:last-child:after{ content:" "; }

.blog-comment{ width: 100%;  float: left; padding: 18px 6px; background:#fff;}
.blog-comment li{ display: inline-block; padding:0 11px;  }
.blog-comment li a{ color:#686868;  }
.blog-comment li em{ color:#000; font-size: 20px;  margin-right: 12px;vertical-align:-2px; }
.blog-comment .fa-calendar{ font-size: 16px;vertical-align:0px; }

.blog-btn{  width: 100%;  float: left; text-align:center; margin:35px 0 0; }
.load-blog{ color:#fff; font-size:33px; display: inline-block; background:#f2c72c; padding: 20px 42px; }

/*=========================*******==================***blog detail***==================*******==================*/

.blog-detail{  width: 100%;  float: left; padding:70px 0;}
.blog-detail .medium-4 { padding-left: 65px; }
.blog-detail figure img{ width:100%; }
.blog-menu h4, .blog-search h4{ font-size:23px; color:#8c8c8c; margin: 0 0 18px; }
.blog-search {  margin: 0 0 50px; }
.blog-search input[type="text"]{ width:195px; height: 39px; }
.blog-search input[type="submit"]{ font-size:20px; padding: 7px 21px;  border: none; background: #84B842; width:auto;}
.blog-search input[type="submit"]:hover, .blog-search input[type="submit"]:focus{ background:#FFCB08; }

.blog-menu{ width: 100%;  float: left;     margin: 0 0 40px; }
.blog-menu ul li{ border-bottom:1px solid #ebebeb; line-height:43px; }
.blog-menu ul li a{ font-size:16px; color:#8c8c8c; font-weight:300; display: block; }
.blog-menu ul li a:after{ content: "\f101"; font-family: 'FontAwesome'; float: right; font-size: 20px; margin-right: 30px; }
.blog-menu ul li a:hover, .blog-menu ul li a:focus{ color: #84B842; }

.blog-detail .blog-fig{ margin-top: 140px; }
.blog-fig .ribbon{ width: 160px; font-size: 19px; padding: 13px 0; }
.blog-detail .blog-comment{ border-bottom:1px solid #dedede; margin: 0 0 30px; }
.blog-detail p{ color:#aaaaaa; font-size: 18px; }
.blog-detail h3{ color:#84b842; line-height:61px; font-weight:400; }
.blog-detail h5{  margin: 22px 0 22px; display: inline-block; }
.comment-form{ border-top: 1px solid #dedede; padding: 30px 0 0;  margin-top: 40px; }
.comment-form input[type="text"], .comment-form textarea{ font-size:15px; font-style: italic; }
.comment-form input[type="submit"]{ font-size:19px;  }
.comment-form .btn{ float: right; }



/*=========================*******==================***Contact Us***==================*******==================*/


.contact-us{  width: 100%;  float: left; padding:33px 0 70px;}

.hours-operation h5{ color:#fff; font-size:23px; font-weight:400; background:#84b842; padding: 23px 20px; }
.hours-operation h5 em{ margin-right:10px; }
.hours-operation ul li{ font-size: 15px; color:#9b9b9b; padding: 10px 15px; }
.hours-operation ul li:nth-child(odd){ background:#fff; }
.hours-operation ul li:nth-child(even){ background:#f4faec; }
.hours-operation ul li span{ float:right; font-weight:300; }

.ads{ margin: 20px 0; }
.ads-wrap{ background:#b6d547; padding: 10px 25px 30px; position:relative; }
.ads-wrap:before{ content:' ';  border-top: 20px solid transparent; border-left: 283px solid #B6D547; position: absolute; left: 0; top: -20px; }
.ads-wrap p{ color:#fff; font-size:19px; font-weight:600; margin:0; }
.ads-wrap span{ color:#fff; font-size:49px; font-weight:600; line-height: 50px; }
.ads-wrap sup{ font-size:28px; }
.ads-wrap .btn{ font-size:19px; border:none; width: 160px; padding: 11px; line-height: 25px; margin-top: 28px; text-align:center; }

.contact{ padding-left:30px; }
.get-touch-wrap{  width: 100%;  float: left; background:url(../img/get-touch-Bg.jpg) no-repeat; background-size: cover; position: relative; z-index: 1; }
.get-touch-wrap .overly:after{ background: rgba(132,184,66,0.88); }
.get-touch{ float: left; padding: 28px 30px 60px;  }
.other-title h2{ color:#fff; font-size:39px; font-weight:400; line-height: 48px; float: left;  }
.other-title .titles-fig{ width: 48px; height: 48px; border: none; float: left;   margin-right: 20px; }
.other-title .titles-fig em{ font-size: 22px; color: #77b645; }
.get-touch .other-title p{ font-size:18px; color:#fff; display: inline-block; margin: 15px 20px 45px; }
.get-touch h5{ color:#fff; margin: 0 0 15px;  }
.get-touch  em{ color: #fff; font-size: 24px;}
.get-touch p{ font-size:15px; color:#fff; line-height:19px; margin:0; }
.contact-icon{  width: 10%; float: left;  }
.contact-info{ width: 90%; float: left; padding-left: 14px; }
.contact-info a:hover, .contact-info a:focus{ color: #FFCB08; }


.contact-form{ float: left; margin: 38px -10px 0; }
.contact-form .submit-btn{ float:right; }
.contact-form input[type="submit"]{  font-size:19px; }
.contact-form textarea{ height:150px; margin:0 0 30px; }
.contact-form .medium-6{ padding:0 10px; }
#googleMap{ width:100%; height:410px; }



/*=========================*******==================***Media Qurey***==================*******==================*/

@media(max-width:1680px){
	
	/*******==================***Home***==================*******/
	
	.task .left:before{ height: 136px; top: -136px; }
	.caption-right{ top:0; }
}

@media(max-width:1366px){
	
	/*******==================***Home***==================*******/
	.task{padding:55px 0 110px;}
	.task .right{ padding: 0 0 17px; }
	.task .left{ padding: 0 0 45px; }
	.task .left:before{ height: 94px; top: -94px; }
	.task .left:after{ height: 56px; bottom: -56px; }
	.task .right:before{ height: 28px; top: -24px; }
	.task .right:after{ height: 150px; bottom: -125px; }
}

@media(max-width:1280px){

	/*******==================***Home***==================*******/

	.task .left:before{ height: 94px; top: -90px; }
	.caption-right{ right: 1%;     width: 250px; }
	.caption-left{ top: 40px; width: 550px; height: 175px; padding: 20px 0 20px 80px; }
	.caption-left h1{ font-size: 40px; line-height: 50px; }
	.caption-left a{ padding: 12px 25px;  margin-top: 50px; font-size: 18px; }
	
	/*******==================***services***==================*******/

	.ability .slick-prev { left: -25px; }
	.ability .slick-next { right: -25px; }

}

@media(max-width:1200px){
	
	.titles p{ padding:0 15px; }
	.latest-projects, .footer-wrap, .middle, .our-client, .our-client ul, .chemicals, .emergency-services, .planting-services, .chemicals .tabs, .our-services, .ability-slider, .video-tips, 
	.packages, .features-page h2, .blog-detail, .blog, .tips .titles{ padding: 35px 0; }
	.our-career{ padding:35px 0 0; }
	
	/*******==================***Home***==================*******/
     .task .left{padding:0 0 7px;}
	.summer-task, .winter-task{ max-width: 100%;  padding: 35px 15px; }
	.task .left:before { height: 65px; top: -62px; }
	.task .right:before{ display:none; }
	.task .left:after { height: 56px; bottom: -56px; }

	/*******==================***About Us***==================*******/

	.our-member, .our-member .titles{ padding: 0 0 50px; }
	.our-client .slick-dots { bottom: -20px; }
	.our-member:before{ top: -50px; height: 50px; }
	
	/*******==================***services***==================*******/

	.services h2, .tips .titles{ padding: 35px 15px;}
	.ability{ padding: 60px 0 35px; }

	/*******==================***Price***==================*******/

	.our-client-wrap .slick-dots { bottom: -10px; }
	
	/*******==================***Features***==================*******/

	.main-event h2{ padding:0 0 35px;}
	.blog-detail .blog-fig{ margin:0; }
	.feature-tab{ padding:0; }
 
	
}

@media(max-width:1199px){
	
	/*******==================***Home***==================*******/
	
	.header-middle input[type="text"]{  width: 280px; }
	.primary ul li a{ min-width: 90px; }
	.top-bar-section{ margin:0; padding:10px 15px; text-align: center; }
	.caption-left a { padding: 7px 15px; margin-top: 40px; font-size: 15px; }
	.discount{ padding: 58px 0 40px; background-position: 70% 0%; }
	.discount h2{ font-size: 35px; }
	.discount .btn{ font-size: 18px; padding: 6px 25px; }
	.maintenance figure{ width: 85px; height: 85px; }
	.task{  padding: 50px 0 80px; }
	.task-details {  width: 88%; }
	.task .right{padding:0px;}
	.task .left:before { height: 63px; top: -63px; }
	.task .left:after {  height: 46px; bottom: -46px; }
	.newsletter input[type="text"]{ width: 385px; }
	.fig-cap ul li{ padding: 0 15px; }
	.task .right:after {height: 150px;bottom: -133px;}
	
	
	/*******==================***services***==================*******/

	.ability .slick-prev { left: 15px; }
	.ability .slick-next { right: 15px; }
	
	/*******==================***Blog***==================*******/

	.blog-comment li{ padding: 0 5px; }
	.load-blog{ font-size: 22px; padding: 10px 25px; }
	.blog-detail .medium-4 { padding-left: 15px; }

	/*******==================***Contact us***==================*******/

	.contact-us .medium-3{ padding-left:15px; }
	.ads-wrap:before { border-left: 242px solid #B6D547; }
	.ads-wrap span{ font-size: 35px; line-height: 35px; }
	.ads-wrap sup { font-size: 20px; }
	.hours-operation h5{ font-size: 18px; padding: 16px 20px; }
	
	/*******==================***Project***==================*******/
	
	.we-do ul {  padding: 35px 15px 0; }
	.tabs{ padding: 35px 0 0; }

	/*******==================***Tips***==================*******/
	
	.outdoor-slider, .indoor-slider{ padding:0 0 35px; } 

}

@media(max-width:1080px){
	
	.task .right:after { height: 120px; bottom: -101px; }	
	.task .left:before {height: 57px;top: -57px;}
	.primary ul li a{min-width:84px;}
	}

@media(max-width:991px){
	
	
	.titles h2, .compnay figure p, .services h2, .discount-wrap h2 { font-size: 35px; }
	.titles p, .compnay p, .career p, .career span, .career-slider p, .career ul li p, .application input[type="text"], .video-tips p, .tips p, .slider-btn {font-size: 17px; }
	.banner h2{ font-size: 35px; line-height: 50px; min-height: 145px; }
	
	/*******==================***Home***==================*******/

	.utility-wrap .medium-2, .utility-wrap .medium-7{ width: 50%; }
	.utility-wrap .medium-3{ width: 100%; padding: 0; }
	.utility-menu{ border-top: 1px solid #d5ea89;  text-align: center; border-left:none;}
	.logo { padding: 0 0 0 15px; }
	.cart em{ font-size: 17px; width: 32px; height: 32px; line-height: 33px; vertical-align: 9px; margin-right: 5px; }
	.cart p a{ line-height: 20px; font-size: 12px; }
	.header-middle input[type="text"] {  width: auto; }
	.top-bar-section ul li { display: inline-block;  }
	.primary ul li a { min-width: 80px;  }
	.caption-left { width: 435px; height: 138px; padding: 16px 0 16px 68px; }
	.caption-left h1 { font-size: 30px; line-height: 38px; } 
	.caption-left a{ margin-top: 25px; }
	.quality-services .medium-6, .planting-services .columns{ width:100%; }
	
	.services-fig, .planting-fig{ height: initial !important; }
	.services-fig img, .planting-fig img{ position:relative; left:0; bottom: 0;     width: 50%; }
	
	.task-slide span{ font-size: 20px;     width: 35px; height: 35px; line-height: 28px;  }
	.maintenance{ width: 50%; padding: 35px 15px }
	.home-slider .slick-prev:before, .home-slider .slick-next:before { font-size: 22px; }
	.task .left:before{  top: -53px; }
	.task .right:after { height: 110px; bottom: -95px; }
	.fig-cap ul li { font-size: 15px; padding: 0 8px; }
	.newsletter input[type="text"] { width: 260px; }
	.newsletter figure { width: 100%; margin: 23px 0 0 0; }
	.follow-us-icon li a{ font-size: 25px; width: 48px; height: 48px; }
	.follow-us-icon .fa-facebook, .follow-us-icon .fa-google-plus { font-size: 22px; }
	.copy-right{ text-align:center; }
	.copy-right .medium-6, .application-form .square-checkbox { width: 100%; }
	.copy-right ul { text-align: center; padding: 8px 0 0; }
	.copy-right p, .copy-right li a { font-size: 16px; line-height: 28px; }
	
	.task .left{padding-bottom:32px;}
	.services-info{max-width:100%;}
	/*******==================***About Us***==================*******/
	
	.bars .progress span { font-size: 20px; padding: 4px 25px; }
	.bars .progress.alert .meter{ height: 40px; }
	.our-member .columns { width: 33%; margin:0 0 30px; }
	.our-member .columns:last-child{ float:left; } 
	.compnay figure p {  width: 55px; }
	
	/*******==================***Chemicals***==================*******/
	
	.emergency{ width: 550px; }
	.emergency-wrap h2, .emergency-wrap a{ font-size: 28px; }
	.emergency-wrap em{ font-size: 25px; width: 45px; line-height: 42px; height: 45px; }
	.planting{ width: 100%; margin: 0 0 20px; }
	.chemicals .tabs dd>a, .chemicals .tabs .tab-title>a{ font-size: 18px; width: 135px; }

	/*******==================***services***==================*******/
	
	.services .rect-arrow .slick-prev, .services .rect-arrow .slick-next{ width: 40px;  height: 40px; }
	.services .rect-arrow .slick-prev:before, .services .rect-arrow .slick-next:before { font-size: 32px; }
	.services .rect-arrow .slick-prev,  .rect-arrow .slick-prev{ left: 2%; }
	.services .rect-arrow .slick-next, .rect-arrow .slick-next { right: 2%; }
	.services .ribbon{ font-size: 25px; padding: 9px 20px; }

	/*******==================***Price***==================*******/

	.price-title h3, .application input[type="submit"]{ font-size: 20px; }
	.price-title p{ font-size: 15px; margin: 5px 0 0; }
	.packages-price span{ font-size: 50px; }
	.packages-price sup, .career-slider h3{ font-size: 25px;  }
	.price-detail ul{padding: 10px 15px 22px; }
	.price-detail ul li{ font-size: 16px; }
	.price-detail .btn{ font-size: 16px; padding: 8px 24px; line-height: 25px; }
	.packages .view-packages{ top:0; } 
	.discount-img{ display:none; }
	.discount-detail{ width:100%; padding:35px 15px; }
	.packages-slider { padding: 50px 15px; }
	
	

	/*******==================***Features***==================*******/

	.right-forum{ margin: 10px 0 20px; }
	.product ul li{ margin: 0px 25px 25px 0px; }
	
	/*******==================***Blog***==================*******/

	.blog-list h3 a, .video-tips h2 { font-size:30px; }
	.blog .columns{ width:50%; }
	.blog  .medium-4:last-child{ float:left; }
	.blog-detail .blog-fig { margin-top: 35px; }
	.blog-search input[type="submit"] { font-size: 16px;  line-height: 25px; }
	.blog-search input[type="text"] { width: 135px; }
	
	/*******==================***Contact us***==================*******/
	
	.ads-wrap .btn { font-size: 16px; padding: 6px 12px; width: 120px; }
	.ads-wrap:before { border-left: 178px solid #B6D547; }
	.hours-operation ul li {  font-size: 14px; }
	.get-touch{ padding: 20px 15px 30px; }
	.contact-form input[type="submit"]{  font-size: 16px;  width: 135px; }
	
	/*******==================***Project***==================*******/

	.tabs dd>a, .tabs .tab-title>a{ font-size: 17px; width: 150px; padding: 10px; }
	.we-do li span{ width: 45px; height: 45px; line-height: 45px; font-size: 22px; }
	.we-do-wrap h4, .fig-cap h3 a{ font-size: 20px; }
	
	/*******==================***Tips***==================*******/

	.tips li span{ font-size: 25px; width: 38px; height: 38px; line-height: 36px; }
	.tips .tips-details {  width: 88%; }
	.reveal-modal {  max-width: none; }
	
}

@media(max-width:768px){
	

	/*******==================***Home***==================*******/
	
	.caption-left{  padding: 16px 0 16px 68px;  }
	.caption-right { width: 150px; }
	.home-slide img { width: auto; max-width: inherit; height: 300px; }
	.discount h2 { font-size: 28px; line-height: 30px; }
	.discount p{ margin: 5px 0 0;  font-size: 16px; }
	.task .left:before { top: -40px; }
	.task .left:after{ display:none; }
	
	/*******==================***Contact us***==================*******/
	
	
	
	
}

@media(max-width:767px){
	
	.discount .medium-6, .task .left, .task .right, .newsletter .medium-8, .footer-wrap .columns, .footer-wrap .medium-5, .compnay .columns, .chemicals .columns, .our-career .columns, .our-career .medium-5, 
	.application .columns, .features-page .medium-4, .features-page .medium-8, .blog-detail .medium-4, .blog-detail .medium-8, .contact-us .medium-3, .contact-us .medium-9,.tips .medium-6, .video-tips .medium-6{ width:100%; }
	.task .left:before, .task .right:after, .newsletter .medium-4, .social-icon{ display:none; }
	.career, .features-page .medium-4{ margin:0 0 30px; }
	.task .right{padding-bottom:32px;}
	/*******==================***Home***==================*******/
	
	
	.caption-left p{ font-size: 16px; }
	.caption-left { width: 335px; padding: 6px 0 6px 68px; }
	.caption-left h1 { font-size: 23px; line-height: 30px; }
	.discount .btn{ margin-top: 10px; margin-left: 15px; padding: 6px 22px;  font-size: 17px; }
	.services-fig, .planting-fig{  height: inherit !important; }
	.services-fig img,  .planting-fig img{  max-width:100%; }
	.footer-wrap .medium-3{ width:30%; }
	.footer-wrap .medium-5{ width:70%; padding:0px 15px 30px; }
	.footer-wrap .medium-5 .medium-6 { padding: 0 0 15px; }
	
	/*******==================***About Us***==================*******/

	.our-member .columns, .feature-tab .medium-4 { width: 50%; }
	
	/*******==================***Chemicals***==================*******/

	.planting-wrap { width: 85%; }
	
	/*******==================***Career***==================*******/
	.our-career figure img{ width:50%; }
	.application .submit-btn{ float:left; }
	.full-time-career .career, .blog .medium-12{ margin:0; }
	.application-form h5{ margin-right:15px; }
	.our-career figure { margin-left: 0;  max-height: initial; text-align: center; }
		
	/*******==================***Blog***==================*******/

	
	.blog .columns{ width:100%; margin:0 0 30px; }
	.blog-search input[type="text"] { width: 85%; }
	.blog-detail h3{ font-size:25px; }

	/*******==================***Contact Us***==================*******/

	.contact-us .medium-3, .contact-us .medium-9{ padding:0 15px; }
	.ads-wrap:before{ display:none; }
	.ads-wrap{ padding: 20px 25px 30px; }
	.we-do ul li { width: 100%; margin: 0 0 15px; }
	
	/*******==================***Project***==================*******/

	.tabs dd>a, .tabs .tab-title>a {  font-size: 15px; width: 120px; }
	
	/*******==================***Tips***==================*******/

	.tips figure{ margin-top: 0; text-align: center; }
	.video-tips figure{ margin: 35px 0 0; }
	
}

@media(max-width:640px){
	
	.logo{ padding: 0 15px; }
	.header-middle .logo { width:100%; text-align:center; }
	.header-middle .medium-3 { display:none; }
	.header-middle .medium-5 {  width: 100%; margin: 15px 0; display:none; }
	.header-middle input[type="text"] { width: 400px; }
	.top-bar-section .has-dropdown a{ background: url(../img/submenu-arrow.png) no-repeat !important; background-position: 96% center !important; }
	.primary-menu .has-dropdown a:hover { background: url(../img/submenu-arrow-hover.png) no-repeat !important; background-position: 96% center !important; background-color: #B6D547 !important; }
	.top-bar-section li.has-dropdown .dropdown li a{  background-color: #B6D547 !important; }
	
	
	/*******==================***Home***==================*******/
	
	.caption-left{ top:60px; }
	.top-bar-section{ padding:0; margin: 42px 0 0; }
	.top-bar-section ul{  float: left; }
	.top-bar .toggle-topbar.menu-icon{ margin-top: 0;  z-index: 1; }
	.top-bar .toggle-topbar.menu-icon a { color: #B6D647; font-size: 18px;  right: 5px; }
	.top-bar .toggle-topbar.menu-icon a span::after{ box-shadow: 0 0 0 1px #B6D547,0 7px 0 1px #B6D547,0 14px 0 1px #B6D547; }
	.top-bar-section ul li{ width: 100%; }
	.maintenance{ width: 100%; }
	.primary ul li a{ text-align: left; }
	.has-dropdown ul li a{color:#fff; }
	.discount{ margin-top: 0px; position: relative;  }
	/*******==================***Contact Us***==================*******/

	.get-touch .medium-4 { width: 100%; padding:15px; }
	.contact-icon {  width: 6%; }
	.get-touch .other-title p{ margin: 15px 20px 20px; }
	.contact-form form{ width: 100%; float: left; margin:0 0 30px; }
	.other-title h2{ font-size:30px; }
	
	/*******==================***Tips***==================*******/

	.reveal-modal { min-height: auto; margin: 0 auto;  left: 0;  right: 0; }
}

@media(max-width:639px){
	
	
	
	/*******==================***Home***==================*******/
	
	.header-middle{ padding: 20px 0 10px; }
	.logo figure{ width: 65%; }
	.header-middle input[type="text"] { width: 196px; }
	.header-middle form{ margin: 15px 0 10px; }
	.caption-left { padding: 12px 0 6px 68px;}
	.caption-left h1 {font-size: 20px; line-height: 25px; }
	.newsletter input[type="submit"] { font-size: 14px;  width: 130px; }
	.services-fig img, .planting-fig img{ width:90%; }
	.top-bar{padding-right:0px;}

	.blog-fig .ribbon{ font-size: 16px;  padding: 8px 0;  width: 125px; }
	.blog-search input[type="text"] { width: 80%; }
	
	/*******==================***Contact Us***==================*******/

	.other-title .titles-fig em { font-size: 18px; }
	.other-title .titles-fig { width: 35px; height: 35px;  margin-right: 10px; }
	.other-title h2 { line-height: 35px; font-size: 25px; }

	/*******==================***Project***==================*******/
	
	.tabs dd>a, .tabs .tab-title>a{ margin: 0 0 15px; }
	.feature-tab .fig-cap ul li{ font-size: 14px;  padding: 0 5px; }

}

@media(max-width:558px){
	
	.footer-wrap .medium-3{ width:100%; }
	.footer-wrap .medium-5{ width:100%; padding:30px 15px 30px; }
}

@media(max-width:479px){
	
	.titles h2, .newsletter h3, .services h2{  font-size: 28px; }
	.task h2{  font-size: 35px; }
	#status { width: 250px; background-size: contain;}
	.banner h2{ font-size: 30px; line-height: 35px; min-height: 120px; padding: 45px 0 0; }
	
	
	/*******==================***Home***==================*******/
	
	.search{ margin:0; }
	.caption-left { width: 245px; padding: 16px 0 6px 58px; top: 90px; }
	.caption-right, .caption-left p{ display:none; }
	.discount h2 { font-size: 25px; }
	.maintenance figure{ margin-right: 15px; }
	.task-details { width: 85%; } 
	.services-details { width: 80%; }
	
	.newsletter .medium-8 { padding: 0 15px 15px 15px; text-align: center; }
	.newsletter input[type="submit"] { font-size: 14px;}
	.maintenance-wrap{ width: 100%;}
	.maintenance figure { float: none; margin: 0 auto 15px; }
	.maintenance{ text-align:center; }
	.task-slide h4{ font-size:22px; }
	.latest-projects.rect-arrow .slick-prev {  left: 36%; }
	.latest-projects.rect-arrow .slick-next { right: 36%; }
	
	/*******==================***career***==================*******/
	
	.our-career figure img {  width: 70%; }
	.application input[type="submit"] { font-size: 15px; }
	
	/*******==================***About Us***==================*******/

	.bars .progress span { font-size: 15px; padding: 10px 25px; }
	.our-member .columns, .feature-tab .medium-4 { width:100%; }
	.compnay figure p{ width: 48px; padding: 20px 0; margin-right: 10px; }
	.about-banner h2 { padding: 25px 0 0; }
	
	/*******==================***Chemicals***==================*******/
	
	.planting-wrap { width: 75%; }
	.emergency { width: auto; }
	.chemicals .tabs dd>a, .chemicals .tabs .tab-title>a { font-size: 15px; width: 95px; }
	
	/*******==================***Features***==================*******/

	.events ul li{ line-height: 22px;  }
	.right-forum{width:100%;}
	.right-forum .new-topic{ width: 105px;margin-right: 2px; }
	 .right-forum .subscribe{ width: 160px; }
	.product ul li{ width:100%; margin:0 0 25px;}
	
	/*******==================***Blog***==================*******/

	.blog-comment li{ font-size: 12px; }
	.load-blog, .we-do-wrap h4 { font-size: 18px; }
	.blog-search input[type="text"] { width: 68%; }
	input[type="submit"]{ width: 130px; font-size: 14px; }
	
	/*******==================***Project***==================*******/

	.we-do li span {  width: 40px;  height: 40px;  line-height: 40px; }
	
	/*******==================***Tips***==================*******/

	.reveal-modal{ padding: 40px 15px 15px; }
	.reveal-modal iframe{ min-height: 275px; }
	.video-tips a{ font-size:80px; }
	.tips .tips-details { width: 86%; }
	
	/*******==================***services***==================*******/

	.services .ribbon{ font-size:20px; }
}

/*Quick Contact Form*/
.hippyform{ margin: 1.333333336em 0em 1.66667em; padding: 0em; width:100%;}
.blackHeading{ color: #FFF; background: #000; margin: 0em 0.5em 0.5em 0em; font-weight: 300; padding: 0.183333em; }
.blackSubmit{ color: #FFF; background: #000; margin: 1em 0em 0em; font-weight: 300; padding: 0.183333em; font: 400 15px/1.46667em Lato, sans-serif; }
.labelDisappear{ display: none; }
/*  Classes */
.thatchList{  font-size:18px; line-height:27px; }
.mainContent li .thatchList{list-style: none;}
.listPic{  width:!important 11px; margin-right:18px; }
.rightAdAlign{margin-top:18px;}
.weDeliver{color:#B0C100; padding:0; margin:0;}
.links{padding:0; margin:0;}
.rightFloatPrice{ margin: 0px 20px 10px; padding: 0px; float: right; }
.rightFloatPriceDouble{ margin: 0px 0px 1em 70px; padding: 0px; }