@charset "utf-8";
/* CSS Document */

body, div, ul, li, a, img, h1, h2, h3, h4{
	padding:0px;
	border:0px;
	margin:0px;
}
a, input, img, textarea:focus{outline:none;
}

a:link{
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}
a:visited{
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}
a:hover{
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;

}


body{
	background:#FFF;
	font:400 12px 'Montserrat', sans-serif;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}

.container{
	width:100%;
    max-width:1310px;
	margin:auto; 
padding: 0;
}

.clear{	clear:both;}

.logo{	float:left;	width:30%;}

h1{ font: 300 50px 'Montserrat', sans-serif;    color: #383838;    text-transform: uppercase;    text-align: left;}

p{font: 300 15px 'Montserrat', sans-serif; color:#767676; line-height:25px;}


.navmenu{ float:left; width:70%;}
.topNav{ padding: 0; z-index:500;	-webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear; transition:all 0.3s linear;
}
.topNav ul{ margin: 0 auto; display:inline-flex;  }
.topNav ul.menu > li{ float: left; position: relative; padding: 25px 0px;     list-style: none; }
.topNav li a{ margin: 0 auto; text-decoration: none; display: block;      color: #474747;    font: 300 14px 'Montserrat', sans-serif;    text-transform: uppercase;	position: relative;      padding: 30px 0px; margin: 0 10px; -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear; transition:all 0.3s linear;	
}
.topNav li a:hover{  color: #438613;   font: 300 14px 'Montserrat', sans-serif; }
.topNav li.active a{ color: #438613;  font: 300 14px 'Montserrat', sans-serif;    }
.topNav ul ul {position: absolute; display: none; z-index:3; background-color: #254c09ba;     margin-top: 0px !important;}
.topNav ul ul li{ position: relative; border-bottom: #7ac941 1px solid; text-align:left;}
.topNav ul ul li a, .topNav ul ul li a:hover{  color:#fff !important;  font: 400 14px 'Montserrat', sans-serif !important; padding:15px;  }
.topNav ul ul li:hover > a{ background-color: #7ac941; opacity: 1; }
.topNav ul ul ul{ top: 0; background:#5c9b2df0; margin-top: 0px !important;}
.topNav li.active ul{margin-top: 0px !important;}
.topNav li.backArrow { display: none;  }
.topNav li ul li.backArrow a{     background: url(../images/pre-arrow.png) no-repeat left 15px top 16px #73be3d;    padding-left: 35px;    color: #000;} 
.topNav ul.menu > li > a.subNavArrow,.topNav ul.menu > li.subNavParent > a{ background-image: none; }
.topNav li a.subNavArrow,.topNav li.subNavParent > a{background-image: url(images/navArrow.png); background-position: 98% center; background-repeat:  no-repeat; }
.topNav li.subNavParent span.subNavArrow{ position: absolute; background:url(../images/nxt-arrow.png) no-repeat center top 16px; padding: 0 20px;  z-index: 5;	height: 38px; right: 0; display: none; -webkit-transition:all 0.3s linear;  -moz-transition:all 0.3s linear; transition:all 0.3s linear;}


/********************************
	HANDHELD NAVIGATION STYLE
********************************/
.handheld .navBtn,.navBtnx{ margin:0 auto; position:absolute; top:40px; right: 8px; z-index:50;  padding:5px; height:40px; width:40px;
	background: url(../images/navIcon.png) left top no-repeat; cursor:pointer;
	-webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; -ms-transition:all 1s; transition:all 1s;}

.handheld .navBtn.navActive{ background-position:bottom left; }

.handheld.topNav{ width: 100%; background:none; padding: 0; right: 20px; }
.handheld.topNav .menuWrapper{ width: 300px; position: absolute; top: 117px; right: 0; padding: 0; overflow: hidden; z-index: 2; }
.handheld.topNav ul{ display: none; position: absolute; width: 300px; }
.handheld.topNav ul li{ display: block; width: 100%; float: none;  position:static;  padding: 0; }

.handheld.topNav li a{background: #fff; padding: 14px; color:#000;     text-align: left; border: #94c120 1px solid; border-bottom:none;     margin: 0; }
.handheld.topNav li:last-child{ border-bottom:#94c120 1px solid;}
.handheld.topNav li:hover > a, .handheld.topNav li.active a{ background: #94c120 !important; opacity:1;    color: #fff !important; }
.handheld.topNav li a::after{ display: none; }
.handheld.topNav li.current-menu-item a{ color: #fff; background-color: #1f4361; }

.handheld.topNav ul ul{ width:300px; top:0px; left:301px; position: absolute; }

.handheld.topNav li.subNavParent span.subNavArrow{ display: block; }
.handheld.topNav li.subNavParent > a{ background-image: none; }

.handheld.topNav li a.subNavArrow,.handheld.topNav ul.menu > li > a.subNavArrow{ background-image:url(../images/nxt-arrow.png); 
	background-position:right top;  background-repeat:  no-repeat; 
}


.topNav li a.red:hover, .topNav li.active a.red{  color: #bfbfbf;   font: 300 14px 'Montserrat', sans-serif; background:url(../images/red.png) top center no-repeat;  }

.topNav li a.green:hover, .topNav li.active a.green{  color: #bfbfbf;   font: 300 14px 'Montserrat', sans-serif; background:url(../images/green.png) top center no-repeat;  }

.topNav li a.yellow:hover, .topNav li.active a.yellow{  color: #bfbfbf;   font: 300 14px 'Montserrat', sans-serif; background:url(../images/yellow.png) top center no-repeat;  }

.topNav li a.purple:hover, .topNav li.active a.purple{  color: #bfbfbf;   font: 300 14px 'Montserrat', sans-serif; background:url(../images/purple.png) top center no-repeat; }


nav.stroke ul li a.red:after, nav.stroke ul li.active a.red:after{background: #b71515 !important;}
nav.stroke ul li a.green:after, nav.stroke ul li.active a.green:after{background: #94c121 !important;}
nav.stroke ul li a.yellow:after, nav.stroke ul li.active a.yellow:after{background: #ffda02 !important;}
nav.stroke ul li a.purple:after, nav.stroke ul li.active a.purple:after{background: #6a386d !important;}


/* stroke */
nav.stroke ul li a, nav.fill ul li a {  position: relative;}
 .navbar-default .navbar-nav>li.active>a {
    color: #0054a6!important;
    background-color: transparent;
}

nav.stroke ul li a:after,nav.stroke ul li.active a:after
 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
     background: #5bad1f !important;
    height: 2px;
    top: 25px;
}
nav.stroke ul li a:hover:after, nav.stroke ul li.active a:after {
  width: 100%;

}

nav ul li a,
nav ul li a:after,
nav ul li a:before {
  transition: all .5s;
}

nav ul li {
  display: inline-block;
}

nav ul li li{ display:block;}

.bannercontent{ width:100%; max-width:560px; position:absolute; left:0; right:0; top:45%; background: #00000070;    margin: 0 auto;     color: #fff;  text-align:center; text-transform:uppercase; padding:10px;}

.bannercontent h1{font: 700 30px 'Montserrat', sans-serif; color:#94c120;}

.bannercontent h3{font: 300 20px 'Montserrat', sans-serif; color:#fff; }

.bareadmore { background: #94c120;    position: absolute;    right: 15px;    top: 90%;    content: '';}

.bareadmore a i{padding: 10px 20px; color:#fff; font-size:24px;}

.banncontrol{position: absolute;    right: 0;    bottom: 0;    background: #fff;     padding: 10px 30px;}
.banner{position: relative;}
.slick-arrow { display:block;     background: transparent;    border: none;}
.pagingInfo{ text-align:center;     display: block; font: 400 20px 'Montserrat', sans-serif; color: #00000034; position:relative; }
.pagingInfo::before{ position:absolute; background:#b9b9b9; width:15px; height:1px; left:-10px; top:15px; content:'';}
.pagingInfo::after{ position:absolute; background:#b9b9b9; width:15px; height:1px; right:-10px; top:15px; content:'';}
.slick-arrow  .fa{ font-size:40px; color:#b2b2b2;}
.slick-arrow  .fa:hover{color:#509809;}
:focus{ outline:none; border:none;}
.slick-disabled i{ color:#ececec !important;}
.who{ margin-top:70px; position:relative;}
.whocontent{ float:left; width:40%;}
.who h1{font: 300 50px 'Montserrat', sans-serif; color:#383838; text-transform:uppercase;}
.who p{ color:#9b9b9b; font: 300 15px 'Montserrat', sans-serif; line-height:21px; text-align:justify;}
.who a{color:#383838; font: 500 13px 'Montserrat', sans-serif; text-transform:uppercase; text-decoration:none; position:relative; }
.who a::after{ position:absolute; content:'\f178 '; right: -20px;    top: 0px; font-size: 15px; font-family:'fontawesome';}

.whoimg{ float:left; width:60%; text-align:right; padding-left: 20px; position:relative;}
.whoser{ content:'';     position: absolute;    top: 30px;    right: 145px;}
.sercol{ float:left; width:24%; margin-right:10px; background: #000000; position: relative;}
.sercol img{ width:100%; opacity:.5;}
.sercol:hover{ background:#94c120;}
.services{position: absolute;    bottom: 20px;}
.imgtext{position: absolute;    top: 0;    padding: 45px 30px; width: 100%;}
.imgtext h1{font: 500 23px 'Montserrat', sans-serif; color:#fff; text-transform:uppercase; position:relative;}
.imgtext h1::before{ position:absolute; background:#fff; width:40px; height:5px; content:''; left:0; top:-10px;}
.imgtext p{font: 400 15px 'Montserrat', sans-serif; color:#fff;     padding-top: 5px;    line-height: 20px;}
.imgtext a{font: 500 13px 'Montserrat', sans-serif; color:#fff;     float: right;    padding-top: 20px; padding-right: 10px;}
.imgtext a::after {    top: 20px;    right: -10px;}



.whyDelWrapLft {
    background: rgba(0, 0, 0, 0)  url("../images/product-img.png") no-repeat scroll 0 0 / cover ;
    display: inline-block;
    vertical-align: middle;
    width: 50%;
	position: relative; min-height:500px;
}
.whyDelWrapRht {
    display: inline-block;
    padding-left: 22px;
    vertical-align: middle;
    width: 49%;
	position: relative;
}
.verticalTxt {
    background: #ffffff none repeat scroll 0 0;
    bottom: 0;
	display: table;
    height: 203px;
    padding: 25px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 308px;
}
.titleTage {
    color: #c4c4c4;
    font-family: MuseoSansRounded-900;
    margin-bottom: 20px;
	margin-top: 0;
	padding-left: 25px;
	padding-top: 14px;
    text-transform: uppercase;
}
.tabBlock > h3 {
    color: #383838; font: 300 35px 'Montserrat', sans-serif; text-transform:uppercase;
    padding-bottom: 8px;

}

.whyDelWrap .innerTtl {
    margin-bottom: 60px;
    padding-left: 30px;
}
.whyDelWrap .innerTtl::after {
    left: 28px;
}
.verticalTxt .lSSlideOuter.vertical {
    display: table-cell;
    vertical-align: middle;
}
.vertical .slick-next::before {
    content: url("../images/up.png");
    height: 9px;
    opacity: 1;
    width: 13px;
}
.vertical .slick-prev::before {
    content: url("../images/down.png");
    height: 9px;
    opacity: 1;
    width: 13px;
}
.vertical p {
    color: #d8d8d8;
    font-family: MuseoSansRounded-900;
    font-size: 14px;
    line-height: 35px;
    opacity: 1;
	margin: 0;
    text-transform: uppercase;
}
.slick-current.slick-active p{
    color: #f29f20 ;
    font-size: 15px ;
}
.tabBlock p, .cSays p {
    margin-bottom: 15px;
}
.tabBlock > ul, .cSays > ul {padding-left: 17px;}
.tabBlock td {
    line-height: 22px;
    vertical-align: top;
    padding: 8px 15px 8px 0;
}
.vertical .slick-prev.slick-arrow {
    bottom: 0;
    left: 0;
    margin: 0 auto;
    right: 0;
    top: unset;
}
.vertical .slick-next.slick-arrow {
    left: 0;
    margin: 0 auto;
    right: 0;
    top: 0;
}
.vertical.slick-slider {
    display: table-cell;
    vertical-align: middle;
}
.whyDelWrap {
    padding-top: 50px;
}
.tabBlock, .cSays {
    display: none;
}
#tab3, #tab33 {
    display: block;
}
.tablinks:hover, .tablinks.active {
    color: #f29f20;
    cursor: pointer;
    font-size: 15px;
}
.tablinks {
    transition: all 0.3s linear 0s;
	 -moz-transition: all 0.3s linear 0s;
}

.mobTtl {
    display: none;
}

.product h1{font: 300 50px 'Montserrat', sans-serif; color:#383838; text-transform:uppercase; text-align:center; padding-top:75px;}

.product p{font: 300 15px 'Montserrat', sans-serif; color:#9b9b9b; line-height:21px; text-align:center; width:100%; max-width:925px;     margin: 0 auto;}

.vertical .slick-list{     padding: 0 !important;}

.vertical .slick-slide{ border-bottom:1px solid #e3e3e3 !important; padding:10px 0; width:100% !important;}

.vertical .slick-slide p{ text-align:left !important;}

.vertical .slick-track{width: 80%;}

.slidbanner{position: absolute;    right: 0;    bottom: 0;    background: #f3f3f3;     padding: 0;}

.slidbanner .slick-arrow .fa{    font-size: 30px; color:#d8d8d8;}

.slidbanner .slick-disabled i{ color:#d8d8d8 !important;}

.slidbanner .slick-arrow .fa:hover{ color:#568528 !important;}

.tabScroll p{ color:#767676; text-align:left; line-height:25px; }

.tabScroll{ width:80%;}

.tabScroll a, .gallery1 a{font: 500 13px 'Montserrat', sans-serif; color:#383838; text-transform:uppercase; padding-top:15px;     line-height: 50px; text-decoration:none; position:relative;}

.tabScroll a::after, .gallery1 a::after{ position: absolute;    content: '\f178 ';    right: -20px;    top: -2px;    font-size: 15px;    font-family: 'fontawesome';}

.gallery1{ padding-top:80px;}

.galllft{ width:100%; max-width:545px;     display: inline-block;    vertical-align: middle; }

.gallrit{width:100%; max-width:755px;     display: inline-block;    vertical-align: middle; padding-left: 40px;}

.gallery1 h1{font: 300 50px 'Montserrat', sans-serif; color:#383838; text-transform:uppercase;}

.gallery1 p{font: 300 15px 'Montserrat', sans-serif; color:#767676; line-height:25px;     text-align: left;}

/*gallery  */


button {
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
}


.over-visible {
  overflow: visible;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  background: white;
}



.synch-carousels {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.synch-carousels > * {
  width: 100%;
}

.synch-carousels .right {
  order: -1;
}

.synch-carousels .left {
  overflow: hidden;
}

.synch-carousels .gallery {
  display: none;
}

.synch-carousels .slick-slide {
  outline: none;
}

.synch-carousels .slick-vertical .slick-slide {
  border: none;
}

.synch-carousels .gallery .slick-list {
  height: auto !important;
  margin: 0 -20px;
}

.synch-carousels .gallery .slick-slide {
  cursor: pointer;
}

.synch-carousels .gallery .slick-slide {
  margin: 0 20px;
}

.synch-carousels .nav-arrows {
  display: block;
  position: absolute;
  bottom: -15px;
  left: -30%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.synch-carousels .nav-arrows svg {
  fill: white;
}

.synch-carousels .arrow-left {
  margin-right: 0px;
}

.synch-carousels .photos-counter {
  position: absolute;
  top: 10px;
  right: 0;
  padding: 0 20px;
  color: white;
  background: #292929;
}

.synch-carousels .gallery .slick-slide img {
    opacity: .2;
background:#000;
}

.synch-carousels .gallery .slick-slide.slick-current img {
    opacity: 1;
}

 .synch-carousels .gallery .slick-slide {
background: #000;
  }



@media screen and (min-width: 480px) {
  .synch-carousels .right {
    margin-bottom: 20px;
  }

  .synch-carousels .gallery {
    display: block;
  }
}

@media screen and (min-width: 1024px) {
  .synch-carousels .right {
    position: relative;
    width: calc(100% - 145px);
    margin-bottom: 0;
    order: 2;
  }

  .synch-carousels .left {
    width: 140px;
  }

  .synch-carousels .gallery .slick-slide {
    margin: 0 0 5px 0;
  }

  .synch-carousels .gallery .slick-list {
    margin: 0;
  }
}


/*gallery end */

.hmenquiry{ background:url(../images/enquirybg.png); margin-top:30px; text-align:center; padding-bottom:40px;}

.hmenquiry h2{font: 700 35px 'Montserrat', sans-serif; color:#fff; text-transform:uppercase; padding-top:40px; padding-bottom: 20px; }

.hmenquiry a{ padding:15px 40px; border:1px solid #fff; font: 900 20px 'Montserrat', sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; position:relative; }

.hmenquiry a::after{position: absolute;    content: '\f105';    right: 20px;    top: 19px;    font-size: 17px;    font-family: 'fontawesome';}

footer{ background:#94c121; font: 400 15px 'Montserrat', sans-serif; color:#fff; text-align:center; padding:20px 0;}
.nav-arrows .slick-arrow .fa{ font-size:30px;}

.copywrite {
    float: left;
    width: 50%;
    text-align: left; padding-top: 10px;
}

.logo img {
    width: auto;
}

.company h1{ padding-top:50px;}

.company p{ width:920px; text-align:center;     margin: 0 auto; padding-top:5px; padding-bottom:75px;}
.comprolft{  width:56%; display:inline-block; vertical-align:middle; }
.comprorgt{  width:43%;    padding-left: 40px; display:inline-block; vertical-align:middle;}
.comprorgt p{ text-align:justify;}
.vicol{ float:left; width:100%; max-width:380px;}
.vicolm{ float:left; width:100%; max-width:550px; text-align:center;     padding: 0 50px;}
.vicolm img { width:auto; text-align:center; padding-bottom:20px;}
.vision{ padding-top:100px; padding-bottom:80px; display: inline-block; width: 100%;}
.social-wrap { 
padding:0px; 
text-decoration: none;
float:right;
width:50%;
}

.social-wrap ul{ text-align:right;}

.social-wrap ul li { 
list-style-type: none; 
border-bottom:none; 
margin:0 auto; 
background: none; 
padding:0px; 
line-height: 0!important; 
display: inline-flex;
}
.social-wrap li a { 
margin:0px 5px 0px 0px !important; 
padding:0px; 
width:30px; 
height:30px; 
text-indent:-99999px;
} 

.social-wrap li a.facebook1 { 
background:  url(../images/social-icons.png) no-repeat 2px 4px; 
-webkit-transition:All 0.3s ease-out; 
-moz-transition:All 0.3s ease-out; 
-o-transition:All 0.3s ease-out; 
border-radius: 20%;
 font-size: 1.8em;
} 
.social-wrap li a.facebook1:hover { 
background:  url(../images/social-icons.png) no-repeat 2px -35px; 
border-radius: 20%;
} 
.social-wrap li a.twitter1 { 
background: url(../images/social-icons.png) no-repeat 2px -75px; 
-webkit-transition:All 0.3s ease-out; 
-moz-transition:All 0.3s ease-out; 
-o-transition:All 0.3s ease-out; 
border-radius: 20%;
} 
.social-wrap li a.twitter1:hover { 
background:   url(../images/social-icons.png) no-repeat 3px -114px; 
border-radius: 20%;
} 

.social-wrap li a.linkdin1 { 
background:  url(../images/social-icons.png) no-repeat 2px -152px; 
-webkit-transition:All 0.3s ease-out; 
-moz-transition:All 0.3s ease-out; 
-o-transition:All 0.3s ease-out; 
border-radius: 20%;
} 
.social-wrap li a.linkdin1:hover { 
background: url(../images/social-icons.png) no-repeat 2px -190px; 
border-radius: 20%;
}

.wcoll{ float:left; width:50%;}
.wcolr{ float:left; width:50%; padding-left:40px;}

.client{ float: none;    width: 100%;    padding-left: 0; }

.cltlogo{ padding:30px 0}

.client h1{ text-align:center;}

.clientcol{ float:left; width:25%; padding: 50px;    border-bottom: 1px solid #e4e4e4;    border-right: 1px solid #e4e4e4;}

.norghbor{ border-right:none;}

.clientcol img{ width:100%;}

.highlights{ padding-top:80px;}

.highlights h1, .sla h1{ line-height: 50px;     padding-bottom: 10px;}

.highlights h1 span{ padding-right:150px;}

.highlights ul{ padding:20px 0;}

.highlights ul li{ list-style:none; font: 400 16px 'Montserrat', sans-serif; color:#818080; position:relative; line-height:40px; padding-left: 40px;     text-align: left;}

.highlights ul li::before{ position:absolute; content:''; background:url(../images/bullet.png) no-repeat; left: 0;    top: 8px;    width: 23px;
    height: 23px;}

.vicolm ul{ padding-left:40px;}

.vicolm ul li, .planter ul li{ list-style:none; font: 400 16px 'Montserrat', sans-serif; color:#818080; position:relative; line-height:40px;  text-align: left;}

.vicolm ul li::before, .planter ul li::before{ position:absolute; content:''; background:url(../images/bullet.png) no-repeat; left: -30px;    top: 8px;    width: 23px;
    height: 23px;}
.highlights p, .sla p, .tracking p{ padding-right:20px;}

.sla{ padding-top:50px;}

.sla h1 span{ padding-right:160px;}

.tracking{ padding-top:100px;     padding-bottom: 30px;    display: inline-block;}

.tracking h1{ padding-top:50px;}

.tracking h1 span{ padding-right:100px;}

.scol{ width:49%; display:inline-block; vertical-align:middle;}

.standard{ padding:90px 0px 0 0px;}

.standard h1{ line-height: 50px;    padding-bottom: 10px;}

.innercontainer{padding:0 100px;}

.slhead{width:37%; display:inline-block; vertical-align:middle; position:relative; }

.slimg{width:55%; display:inline-block; vertical-align:middle;}

.slhead h1, .plhead h1{ line-height:45px;}

.sliver{ padding-top:30px;}

.platinum{ padding-top:30px; padding-bottom:30px; display:inline-block;}

.imgrt{ text-align:right;}

.plhead{width:100%; display:inline-block; vertical-align:middle;}

.plimg{width:50%; display:inline-block; vertical-align:middle; text-align: right;}

.cntcol{ float:left; width:100%; max-width:330px;     padding: 0 70px;}

.cntadd{ width:80%; margin:0 auto; padding-top:100px;}

.cntadd h2{font: 500 19px 'Montserrat', sans-serif; color:#2b2b2b; text-transform:uppercase; position:relative; display:inline-block; margin-bottom: 20px; }

.cntadd p, .cntadd p a{    font: 400 17px 'Montserrat', sans-serif;    color: #4c4c4c; margin-bottom:30px; text-decoration:none;}

.midd{ border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9;     padding-left: 90px;     padding-bottom: 10px;}

.add h2::before{ position:absolute; background:url(../images/address.png) no-repeat; width:23px; height:33px; content:''; left:0; right:0; margin:0 auto; top:-40px;}

.add h2::after{ position:absolute; background:#94c120;  width:15px; height:5px; content:''; left:0; bottom:-5px; }
 

.midd h2::before{ position:absolute; background:url(../images/phone.png) no-repeat; width:23px; height:33px; content:''; left:0; right:0; margin:0 auto; top:-40px;}

.midd h2::after{ position:absolute; background:#94c120;  width:15px; height:5px; content:''; left:0; bottom:-5px; }


.web h2::before{ position:absolute; background:url(../images/web.png) no-repeat; width:23px; height:33px; content:''; left:0; right:0; margin:0 auto; top:-40px;}

.web h2::after{ position:absolute; background:#94c120;  width:15px; height:5px; content:''; left:0; bottom:-5px; }

.prcollft{ display:inline-block; width:100%; max-width:760px; vertical-align:middle;}

.prcolrgt{ display:inline-block; width:100%; max-width:635px; vertical-align:middle;     margin-left: -90px; background:#ebebebd1;     padding: 50px;}

.bio{ padding-top:30px;}

.planter{ background:url(../images/product-line-img2.png) no-repeat left top;     padding: 65px 0 60px 85px; margin-top:30px;     background-size: cover;}

.grascollft{ display:inline-block; width:100%; max-width:635px; vertical-align:middle; margin-right: -90px; background:#ebebebd1;     padding: 50px; position:relative;     }

.grascolrgt{ display:inline-block; width:100%; max-width:760px; vertical-align:middle; }

.grass{ padding-top:60px; padding-bottom:60px;}
.company h1, .vicolm h1{ text-align:center;}

.innerbanner img{ width:100%; height: 350px;    object-fit: cover;}

.plantertext { width:100%; max-width: 560px;}

.geocol{ float:left; width:32.5%; }

.geomid{ margin:0 15px; }

.geocol img{ width:100%;}

.geo{ padding-top:20px;}

.geo p{ padding-right:0px; padding-bottom:30px;}

.geo h1{ padding:10px 0 20px 0;}

.gallerybg{ background:url(../images/gallerybg.png) top center repeat;}

#parentVerticalTab{  margin: 50px 0 45px 0 !important; }

.resp-tabs-list li{font:300 20px 'Roboto Condensed', sans-serif !important; color: #c4c2c2; background-color: transparent !important;     text-transform: uppercase; float: unset !important;}

ul.resp-tabs-list{ text-align:center;}

.plantimg{ display:none;}

.tracking img{ width:100%;}

.resp-tab-content a.fancybox-buttons img{ padding-bottom:5px;     width: 312px;    height: 312px; object-fit: cover;}

.left.child .slick-slide img {    width: 100%;    height: 120px; object-fit: cover;}

.accordion {
  background-color: #94c120;
  cursor: pointer;
  padding: 15px 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
	font: 300 15px 'Montserrat', sans-serif;
    color: #fff; text-transform:uppercase;
border-bottom: 1px solid #e4e4e4; position:relative;
}

.accordion::after{ position:absolute; content: '\f107 ';    right: 20px;    top: 15px;    font-size: 20px;    font-family: 'fontawesome';}


.accordion:hover {
  background-color: #fff; color:#f29f20;

}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden; box-shadow: none;
}

.panel h3{    color: #383838;    font: 300 35px 'Montserrat', sans-serif;    text-transform: uppercase;     padding-top: 10px;    padding-bottom: 8px;}

.panel p{max-width: 100%;    text-align: left;}

.panel a{    font: 500 13px 'Montserrat', sans-serif;
    color: #383838;
    text-transform: uppercase;
    padding-top: 15px;
    line-height: 50px;
    text-decoration: none;
    position: relative;}

.panel a::after{position: absolute;    content: '\f178 ';    right: -20px;    top: -2px;    font-size: 15px;    font-family: 'fontawesome';}

.reacc{ display:none;}

@media only screen and (max-width: 1350px){

.logo{    width: 20%;}
.navmenu{    float: right;    width: 80%;    text-align: right;}
.whoimg img, .comprolft img { width:100%;}
.container{ padding-left:30px; padding-right:30px;}
.vicolm{max-width: 490px;}
.vicol{    width: 30%;    max-width: unset;}
.vicolm{width: 40%;    max-width: unset;     padding: 0 20px;}
.vicol img{ width:100%;}
.vicolm p{    line-height: 20px;}
.vicolm h1{    font: 300 30px 'Montserrat', sans-serif;}
.prcollft, .grascolrgt{max-width: 50%;}
.prcollft img, .grascolrgt img{ width:100%;}
.prcolrgt, .grascollft{ width:55%;}
.geocol{    width: 32%;}
section iframe{ width:100%;}
.cntadd{ width:100%;}
.cntcol{    max-width: 33%;}
.gallrit{max-width: 660px;}
.galllft{max-width: 460px;}
.synch-carousels .nav-arrows{left: -35%;}
.imgtext p{ line-height: 16px !important;    margin-bottom: 0; font: 400 14px 'Montserrat', sans-serif;}
}

@media only screen and (max-width: 1200px){
.logo{    width: 100%; text-align:center; float:none;}
.logo img { width:auto;}
.navmenu{    float: none;    width: 100%;    text-align: center;}
.topNav ul.menu > li{ padding:0;}
.imgtext{padding: 25px 10px;}
.imgtext a{    padding-top: 5px;}
.imgtext a::after {    top: 5px;}
.sercol{width: 23%;}
.galllft{    max-width: 330px;}
.gallrit{max-width: 610px;}
.synch-carousels .nav-arrows{left: -40%;}
.tabScroll {    width: 100%;}
h1 {    font: 300 35px 'Montserrat', sans-serif;}
.highlights h1 span, .sla h1 span, .tracking h1 span{    padding-right: 0;}
.innercontainer img{ width:100%;}
.innercontainer {    padding: 0;}
.standard h1, .standard p, .gold h1, .gold p { padding-left:15px;}
.sliver h1, .sliver p, .platinum h1, .platinum p{ padding-right:15px;}
.slimg img, .plimg img{ width:auto;}
.slhead, .plhead {    width: auto;}
.slimg, .plimg {    width: 32%;}
.cntcol{    padding: 0 20px;}
.services{    bottom: -20px;}
}

.cntcol.add {
    padding: 0;
}
@media only screen and (max-width: 1024px){
.gallery1 h1, .product h1, .who h1{    font: 300 35px 'Montserrat', sans-serif;}
.imgtext h1{    font: 500 23px 'Montserrat', sans-serif;}
.services{bottom: 10px;}
.banncontrol{    padding: 10px 10px;}
.pagingInfo::before, .pagingInfo::after{ display:none;}
.comprolft{    vertical-align: top;}
.comprorgt h1{font: 300 30px 'Montserrat', sans-serif;}
.prcolrgt, .grascollft{padding: 20px;}

}

@media only screen and (max-width: 1023px){
.galllft, .gallrit {    max-width: 100%;}
}

@media only screen and (max-width: 991px){
.services{margin-top: 20px;     position: unset;}
.sercol {    width: 49%;     margin-bottom: 10px;}
.serlast, .sercol.relast{    margin-right: 0px;}
.imgtext {    padding: 40px 40px;}
.product h1{padding-top: 30px;}
.gallrit{padding-left: 0;}
.verticalTxt{    width: 250px;}
.gallery1 {    padding-top: 50px;}
.hmenquiry h2 {    font: 700 25px 'Montserrat', sans-serif;}
.hmenquiry a{    padding: 10px 30px;     font: 900 15px 'Montserrat', sans-serif;}
.hmenquiry a::after{right: 10px;    top: 10px;}
.company p{width: 100%;    text-align: center; padding-bottom: 35px;}
.comprolft{width: 100%;}
.comprorgt{    padding-top: 20px;    width: 100%;    padding-left: 0;}
.vision {    padding-top: 30px;}
.vicol{    width: 50%;}
.vicolm {    width: 50%;}
.vicol.last{    width: 100%;    margin-top: 20px;}
.prcolrgt, .grascollft{padding: 15px;     width: 62%;}
h1 {    font: 300 25px 'Montserrat', sans-serif;}
.prcolrgt p, .grascollft p{    font: 300 13px 'Montserrat', sans-serif;     line-height: 18px;}
.planter{    background: url(../images/product-line-img2.png) no-repeat center top;    padding: 25px 0 25px 70px;     background-size: cover;}
.plantertext{    max-width: 100%;}
.geocol {    width: 31.8%;}
.geo h1 {    padding: 10px 0 10px 0;}
.geo p {    padding-right: 10px;     line-height: 21px;}
.sla .wcoll, .sla .wcolr{float: none;    width: 100%; padding-left:0;}
.highlights h1, .sla h1 {    line-height: 35px;    padding-bottom: 0;    padding-top: 10px;}
.highlights, .tracking  {    padding-top: 30px;}
.tracking h1 {    padding-top: 0;}
.innerbanner img{    height: 250px;}
.slimg img, .plimg img{ width:100%;}
.standard {    padding: 30px 0px 0 0px;}
.resp-tabs-container h2{background: transparent !important;       color: #fff; font: 300 20px 'Roboto Condensed', sans-serif !important; }
.resp-tabs-container h2.resp-tab-active{    border-bottom: 1px solid #94c120  !important;}
.slimg, .plimg {    width: 27%;}
.clientcol{    width: 33%; border-right:none;     padding: 25px;}
.vicol.last{ display:none;}
.whoser{top: 0px;    right: 60px;}
.imgtext a {    padding-top: 80px;}
.imgtext a::after {    top: 80px;}
.standard h1, .plhead h1{ line-height: 50px; }
.gold{    padding-top: 30px;}
}

@media only screen and (max-width: 767px){
.whocontent {    float: none;    width: 100%;    margin-bottom: 20px;}
.whoimg {    float: none;    width: 100%;    text-align: left;    padding-left: 0; }

.whyDelWrapLft{width: 100%;}
.verticalTxt {    width: 82%;     height: auto;    padding: 10px 0;}
.vertical .slick-track {    width: 85%;}
.slick-track{left: -10px;}
.whyDelWrapRht{margin-top: 20px; width: 100%; padding-left: 0;}
.gallery1 {    padding-top: 20px;}
.copywrite{    float: none;    width: 100%; padding-top: 0;    text-align: center;}
.social-wrap{    float: none;    width: 100%;}
.social-wrap ul {    text-align: center;    padding-top: 10px;}
.bannercontent{top: 25%;}
.slick-arrow .fa {    font-size: 25px;}
.pagingInfo{    font: 400 14px 'Montserrat', sans-serif;}
.bannercontent h1 {    font: 700 25px 'Montserrat', sans-serif;    text-align: center;}
.bannercontent h3 {    font: 300 15px 'Montserrat', sans-serif;}
.who {    margin-top: 30px;}
.logo{text-align: left;}
.vicol{    width: 100%;}
.vicolm{    width: 100%; margin-top: 20px; padding: 0;}
.prcolrgt, .grascollft {    padding: 15px;    width: 100%;    margin-left: 0;    max-width: 100%;}
.prcolrgt p, .grascollft p{    font: 300 15px 'Montserrat', sans-serif;     line-height: 25px; text-align:justify;}
.bio, .geo, .standard{display: table;}
.standard > .scol, .gold > .scol{display: table-footer-group !important;}
.prcollft, .grascolrgt {    max-width: 100%; display: table-footer-group;}
.geocol {    width: 100%;     background: #efeeee;}
.geomid {    margin: 0px;}
.geo {    padding-top: 30px;}
.grass{    display: table; padding-top: 30px;    padding-bottom: 30px;}
.grascollft h1 {padding: 15px 0px 0;}
.grascollft p {padding: 0 0px 15px; text-align:justify;}
.geocol h1{padding: 15px 15px 0;}
.geocol p{padding: 0 15px 15px; text-align:justify;}
.prcollft img, .grascolrgt img, .plantimg img, .geocol img, .scol img {    height: 200px;    object-fit: cover;}
.geomid, .geocol{ margin-bottom:30px;}
.plantertext p{ text-align:justify;}
.wcoll, .wcolr {    float: none;    width: 100%; padding-left:0;}
.sla {    padding-top: 30px;}
.tracking{    display: table;}
.tracking  .wcoll{    display: table-footer-group;}
.highlights p, .sla p, .tracking p{    text-align: justify;     padding-right: 0;}
p{line-height: 23px;}
.scol{width: 100%;}
.slimg img, .plimg img {  height:auto;}
.standard h1{line-height: 30px;    padding-bottom: 0;    padding-top: 15px;}
.imgrt {    text-align: left;    }
.sliver, .platinum, .gold{ display:table;}
.sliver .scol, .gold .scol, .platinum .scol{ padding-top:0px; }
.cntcol {    max-width: 100%;    float: none;    text-align: center;}
.midd {    border-left: transparent;    border-right: transparent;}
.cntadd p, .cntadd p a{ margin-bottom:70px;}
.cntadd{padding-top: 70px;}
.slick-slide img{height: 300px;    object-fit: cover;}
.slimg, .plimg {    width: 20%;    text-align: left;}
.reacc{ display:block; padding-top:50px;}
.reacc img { width:100%;}
.whyDelWrap{ display:none;}
.imgrt img{padding-bottom: 20px;}
.geolimg{ display:table-footer-group;}
.geocol{ display:table;}
.vicolm p{text-align: left;}
.standard h1, .standard p, .gold h1, .gold p {    padding-left: 0;}
.clientcol{ width:50%; padding:50px;}
.imgtext a {    padding-top: 20px;}
.imgtext a::after {    top: 20px;}
.plantertext ul{    padding-right: 15px;}
.innercontainer p{ text-align:justify;}
.sliver p, .platinum p{ padding-right:0px;}
.product p, .panel p, .gallery1 p{text-align: justify;}
}

@media only screen and (max-width: 600px){
.sercol {    width: 100%;    margin-bottom: 10px;    float: none;    max-height: 200px;}
.sercol img{max-height: 200px;    object-fit: cover;}
.pagingInfo{ display:none;}
.bareadmore a i {    padding: 2px 10px;}
.planter {    background: #efeeee;    padding: 0;     }
.plantertext {    max-width: 100%; padding-left: 45px;    padding-right: 15px;}
.plantimg{ display:block;}
.plantertext h1{padding: 15px 15px 0;}
.plantertext p{padding: 0 15px 15px;}
.plantimg img{ width:100%;}
.slimg, .plimg {    width: 25%;}
.plantimg{ display:table-footer-group;}
.bio {    padding-top: 0px;}
.planter ul li{line-height: 25px;     padding-bottom: 15px;}
}


@media only screen and (max-width: 479px){
.synch-carousels .nav-arrows {    left: 5%;    bottom: 10px;}
.synch-carousels .slick-arrow .fa {    color: #ffffff;}
.bannercontent {    top: 15%;}
.company p, .vicolm p{ text-align:justify;}
.highlights ul li{font: 400 15px 'Montserrat', sans-serif; line-height: 20px;     padding-bottom: 15px;}
.highlights ul li::before{    top: 0px;}
.slhead h1, .plhead h1{font: 300 20px 'Montserrat', sans-serif;}
.whoser{right: 35px;}
.whoser img{    width: 85%;}
.panel h3{    font: 300 25px 'Montserrat', sans-serif;}

}

@media only screen and (max-width: 375px){
.logo img {    width: 80%;}
.banner .slick-arrow {    height: 15px;}
.banner .slick-arrow .fa {    font-size: 25px;}
.gallery1 h1, .product h1, .who h1 {    font: 300 25px 'Montserrat', sans-serif;}
.imgtext {    padding: 30px 20px;}
.verticalTxt {    width: 100%; left: 0;}
.vertical .slick-track {    width: 80%;    float: left;}
.slidbanner .slick-arrow{ height:auto;}
.tabBlock > h3{font: 300 25px 'Montserrat', sans-serif;}
.tabScroll p, .gallery1 p{    text-align: justify;}
.hmenquiry h2 {    font: 700 17px 'Montserrat', sans-serif;}
.container {    padding-left: 20px;    padding-right: 20px;}
footer{font: 400 12px 'Montserrat', sans-serif;}
.resp-tab-content a.fancybox-buttons img {    padding-bottom: 5px;    width: 100%;}
.clientcol{ width:100%; padding:20px; }
}