/* =============================================================================
   Basic Styles
* ============================================================================= */
body{
   font-family: 'Poppins';
   font-weight:400;
}
form, body{
   margin: 0;
   padding: 0;
}
img {
   border: 0;
   max-width:100%;                                          /*to optimize full width of its parent element*/
}
address {
   font-style:normal;                                        /* To Neutralize Default Italic Style To Normal Style */
}
p{
  padding:0 0 30px;
}
a{
  color:#06a1ca;
  text-decoration:none;
}
a:hover{
  color:#0c7895;
  text-decoration:none;
}
ul, li, dl, p, h1, h2, h3, ol{
   margin: 0;
}
.clearfix:before, .clearfix:after{
   content:"";
   display:table;
}
.clearfix:after{
   clear:both;
}
.inner-wrap{
  padding:0 15px;
   margin:0 auto;
   max-width:1200px;
}
hr {
    background:#d3d3d3;
    border:none;
    height: 1px;
    margin: 0 0 20px;
    padding: 0;
}
/*============Header styles=============*/
.site-header {
  padding: 86px 0 0;
    text-align: right;
}
.sh-header-logo {
    float: left;
    margin: 13px 0 0;
}
.sh-utility-nav {
    display: inline-block;
    margin: 19px 1px 0 0;
    vertical-align: top;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}
.sh-ph{
	background-image:url(../images/sh-ph-bg.png);
	background-position:left top;
	background-repeat:no-repeat;
	color:#acacac;
	display: inline-block;
	font-family: 'Poppins';
	font-size:12px;
	font-weight:400;
	line-height:15px;
	padding: 7px 0 6px 39px;
    position: relative;
    vertical-align: top;
}
.sh-ph a{
  color:#918e8e;
  text-decoration:none;
}
.sh-ph a:hover{
  color:#000000;
  text-decoration:none;
}
.sh-social-icons {
    //background: #f6f6f6;
    display: inline-block;
    padding: 4px 3px 0 14px;
    vertical-align: top;
}
.sh-social-icons a{
	display:inline-block;
	margin: 0 0 0 2px;
	vertical-align:top;
  width:20px;
}
.sh-social-icons a:first-child{
	margin:0;
}
.sh-social-icons a img {
    display: block;
    vertical-align: top;
}
.sh-social-icons a:hover img{
  opacity:0.5;
}
/*============Top Nav styles=============*/
.menu-trigger{
   color: #1c1c1c;
    float: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    margin: 45px 0 0;
    max-width: none;
    padding: 0 21px 0 0;
    position: relative;
    text-decoration: none;
}
.menu-trigger a {
    color: #1c1c1c;
    text-decoration: none;
}
.menu-trigger span, .menu-trigger span:before, .menu-trigger span:after {
   background-color: #1c1c1c;
   content: '';
   cursor: pointer;
   display: block;
   height:2px;
   position: absolute;
   right:0;
   top:12px;
   width:15px;
}
.menu-trigger span:before {
   top:-6px;
}
.menu-trigger span:after {
   top:6px;
}
.menu-trigger span, .menu-trigger span:before, .menu-trigger span:after {
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
}
.menu-trigger.active{
   color:#1c1c1c;
}
.menu-trigger.active span {
   background-color: transparent;
}
.menu-trigger.active span:before, .menu-trigger.active span:after {
   background-color:#1c1c1c;
   top: 0;
   width:15px;
}
.menu-trigger.active span:before {
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
}
.menu-trigger.active span:after {
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
}
#top-nav {
  clear:both;
  display:none;
    padding: 50px 0 21px;
}
#top-nav ul{
	color:#000000;
	font-family: 'Raleway';
	font-size:18px;
	font-weight:500;;
	line-height:31px;
  padding:0;
  text-align:left;
}
#top-nav ul li{
	display:block;
	padding: 0 5px 0 10px;
    position:relative;
	vertical-align:top;
}
#top-nav ul li.has-child > span{
  background-image:url(../images/down-arrow.jpg);
  background-repeat:no-repeat;
  background-position:left top;
  height:9px;
  position:absolute;
  right:57%;
  top:11px;
  width:9px;
}
#top-nav ul li a{
	color:#000000;
	padding: 0 2px;
  position: relative;
	text-decoration:none;
}
/*============Home banner styles=============*/
#home-slider {
    clear: both;
}
.banner-text{
	color: #ffffff;
  display:none;
    font-family: "Raleway";
    font-size: 58px;
    font-weight: 100;
    line-height: 60px;
    padding: 0 60px 0 0;
    position: absolute;
    right: 0;
    text-transform:uppercase;
    top: 160px;
    width: 31.3%;
    -webkit-box-sizing:border-box;
   -ms-box-sizing:border-box;
   box-sizing:border-box;
}
.banner-text span{
	color: #a5edc9;
    display: block;
    font-family: "Raleway";
    font-size: 20px;
    font-weight: 300;
    line-height: 23px;
    padding: 0 0 0 6px;
    text-transform: none;
}
#dest-slider{
  clear:both;
  position:relative;
}
#dest-slider img{
  display:block;
  vertical-align:top;
  width:100%;
}
.dest-slider-text{
  color: #000;
  display:block;
    font-family: "Raleway";
    font-size:24px;
    font-weight: 100;
    line-height:27px;
    padding:20px 10px;
}
#home-slider .flex-control-nav {
    bottom: 25.5%;
    position: absolute;
    right: 0;
    text-align: left;
    width: 30.7%;
}
#home-slider .flex-control-paging li{
	margin:0 5px;
}
#home-slider .flex-control-paging li a {
    background: #41ca85;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: block;
    height: 4px;
    text-indent: -9999px;
    width: 19px;
}
#home-slider .flex-control-paging li a.flex-active {
    background: #ffffff;
    cursor: default;
}
/*============Home gray styles=============*/
#home-gray-text {
    background: #ebebeb;
    padding: 43px 0 43px;
    text-align: center;
}
#home-gray-text p{
	color:#101010;
	font-family: 'Raleway';
	font-size:20px;
	font-weight:400;
	line-height: 43px;
    padding: 0 10%;
}
#home-gray-text p span{
	color:#009c4d;
	font-size:24px;
	font-weight:500;
	line-height:27px;
}
#home-gray-text p .quote {
    color: #101010;
    font-size: 30px;
    line-height: 30px;
}
/*============Product module styles=============*/
#product-module {
    padding: 64px 0 50px;
}
.pm-heading{
	color:#101010;
	font-family: 'Raleway';
	font-size:30px;
	font-weight:500;
	line-height:33px;
	padding: 0 0 30px;
}
.pml-text{
	color:#272626;
	font-family: 'Raleway';
	font-size:18px;
	font-weight:400;
	line-height:30px;
}
.pm-item-cont .flex-direction-nav{
	bottom: 24px;
    left: -360px;
    position: absolute;
    width: auto;
}
.pm-item-cont .flex-direction-nav li {
    display: inline-block;
    vertical-align: top;
}
.pm-item-cont .flex-direction-nav .flex-prev, .pm-item-cont .flex-direction-nav .flex-next{
	height: 46px;
    left: auto;
    margin: 0;
    opacity: 1;
    position: relative;
    right:auto;
    text-indent:9999px;
    width: 48px;
}
.pm-item-cont .flex-direction-nav .flex-prev{
	background-image:url(../images/prev-arrow.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	margin:0 5px 0 0;
}
.pm-item-cont .flex-direction-nav .flex-next{
	background-image:url(../images/next-arrow.jpg);
	background-position: left top;
	background-repeat:no-repeat;
}
.pm-item-cont .flex-direction-nav .flex-prev::before, .pm-item-cont .flex-direction-nav a.flex-next::before{
	display:none;
}
.pm-item-cont .flexslider:hover .flex-direction-nav .flex-prev, .pm-item-cont .flexslider:hover .flex-direction-nav .flex-next{
	opacity:1;
	left:auto;
	right:auto;
}
.pm-right li div {
    background-color: #009c4d;
    display: inline-block;
    margin: 0 auto 10px;
    max-width: 176px;
    overflow:hidden;
    text-align:left;
    vertical-align: top;
}
.pm-right li div a{
  display:block;
  vertical-align:top;
}
.pm-right li div a img {
    display: block;
    position:relative;
    vertical-align: top;
    z-index:0;
    -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
  -ms-transform:scale(1);
  -webkit-transform:scale(1);
  transform:scale(1);
}
.pm-right li div:hover a img{
  -ms-transform:scale(1.1);
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}
.pm-text{
  background-color: #009c4d;
	color: #a2e9c5;
    display: block;
    font-family: "Raleway";
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    padding: 12px 15px 21px 16px;
    position:relative;
    vertical-align: top;
    z-index:1;
}
.pm-text span{
	color: #ffffff;
    display: block;
    font-family: "Raleway";
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    padding: 0 30px 16px 0;
    vertical-align: top;
}
.pm-text span.entity{
	font-family:Arial;
	display:inline-block;
	font-size:15px;
	line-height:21px;
	padding:0;
	vertical-align:top;
}
/*============Logo module styles=============*/
.logo-module{
	clear:both;
	padding: 82px 0 94px;
}
.lm-heading{
	color:#101010;
	font-family: 'Raleway';
	font-size:30px;
	font-weight:500;
	line-height:33px;
	padding: 0 0 68px;
}
.logo-cont li a {
    display: inline-block;
    vertical-align: top;
    width: 13%;
}
.logo-cont.flexslider .slides img{
	width:auto;
}
.logo-cont.flexslider .slides li a:hover img{
  opacity:0.5;
}
/*============Page styles=============*/
.dest-content{
  background: #ebebeb;
  margin:2px 0 0 0;
  padding:10px 0 30px;
}
.product-main-text{
  color: #1b1b1b;
    font-family: "Raleway";
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    padding: 0 15% 57px;
    text-align: center;
}
.product-main-text span{
  color:#009c4d;
  font-size:26px;
  font-weight:600;
  line-height:29px;
}
.product-buckets{
  text-align:center;
}
.product-buckets > div {
    display: inline-block;
    margin: 0 10px;
    max-width: 273px;
    padding: 0 0 59px;
    vertical-align: top;
    width:42%;
}
.product-buckets > div a{
  color:#000000;
  text-decoration:none;
}
.product-buckets div figure{
  display: block;
  margin: 0 0 14px;
  overflow: hidden;
}
.product-buckets div img{
  display:block;
  vertical-align:top;
    -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
  -ms-transform:scale(1);
  -webkit-transform:scale(1);
  transform:scale(1);
}
.product-buckets > div a:hover figure img{
  -ms-transform:scale(1.1);
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}
.product-buckets div h3{
  color:#000000;
  font-family: 'Raleway';
  font-size:19px;
  font-weight:600;
  line-height:21px;
  padding: 0 0 9px;
}
.product-buckets div p{
  color:#606060;
  font-family: 'Raleway';
  font-size:13px;
  font-weight:400;
  line-height: 24px;
    padding: 0 0 14px;
}
.product-buckets div p.link{
  background-image: url(../images/pdf-icons.jpg);
  background-position:right top;
  background-repeat:no-repeat;
  color:#009c4d;
  display:inline-block;
  font-family: 'Raleway';
  font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    padding: 8px 46px 8px 0;
    vertical-align: top;
}
.product-buckets div p.link a{
  color:#009c4d;
  text-decoration:underline;
}
.product-buckets div p.link a:hover{
  color:#009c4d;
  text-decoration:none;
}
.pdf-content p , .click-content p{
    margin: 0 0 20px;
    padding: 9px 0 0;
}
.pdf-content img , .click-content img{
    display: inline-block;
    margin: 0 0 0 6px;
    vertical-align: top;
}
.pdf-content p a, .click-content p a{
  color:#000000;
  text-decoration:none;
}
.pdf-content p a:hover, .click-content p a:hover{
  color:#0c7895;
  text-decoration:none;
}
.pdf-content .date, .click-content .date{
  font-weight:bold;
}
.lm-icons .flexslider{
  overflow:hidden;
}
.pdf-icon img {
    display: inline-block;
    margin: 0 0 0 6px;
    vertical-align: top;
}
/*============Contact Section =============*/
.getInTouchForm {
    margin: 1rem 0 0;
    display: block;
    width:80%;
}
.getInTouchForm .input-group {
  width: 100%;
    margin-right: 2%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.getInTouchForm textarea.form-input {
    width: 100%;
    height: 100px;
    resize: none;
    padding: 7px 10px;
    margin-bottom: 0;
}
.form-input, .thefield select {
    background-color: #fff;
    border: 1px solid #e4e3e3;
    padding: 0px 12px;
    height: 40px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    width:100%;
    margin-bottom: 20px;
}
.getInTouchForm .btn {
    background: #009c4d;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0;
    padding: 11px 19px;
}
.getInTouchForm .btn:hover{
    background: #017038;
}
/*============Footer styles=============*/
footer{
	background-color:#6bdda3;
  padding:30px 0 0;
}
.footer-about {
  padding:0 0 30px 0;
}
.fa-heading{
	border-bottom:1px solid #53bc87;
	color:#08361f;
	font-family: 'Poppins';
	font-size:20px;
	font-weight:400;
	line-height:23px;
	margin: 0 0 19px;
    padding: 0 0 5px 2px;
}
.footer-logo {
    float: left;
    padding: 9px 15px 0 0;
}
.fa-text{
	color:#2a694a;
	font-family: 'Poppins';
	font-size:13px;
	font-weight:300;
	line-height:30px;
}
.footer-nav ul{
	color:#2b6a4a;
	font-family: 'Poppins';
	font-size:13px;
	font-weight:300;
	line-height:34px;
	list-style:none;
	padding:0 0 0 5px;
   -webkit-column-count: 2; /* Chrome, Safari, Opera */
   -moz-column-count: 2; /* Firefox */
   column-count: 2;
}
.footer-nav ul li a{
	color:#2b6a4a;
	text-decoration:none;
}
.footer-nav ul li a:hover{
  color:#000000;
  text-decoration:none;
}
#copyright-text{
	background:#1b1b1b;
	padding: 7px 0 8px;
}
#copyright-text span{
	color:#959595;
	display: inline-block;
	font-family: 'Raleway';
	font-size:13px;
	font-weight:400;
	line-height:15px;
	padding: 6px 0 0;
    vertical-align: top;
}
#copyright-text span a{
	color:#ffffff;
	text-decoration:none;
}
#copyright-text span a:hover{
	color:#ffffff;
	text-decoration:underline;
}
.pc-year > a{
	background-image:url(../images/folder-image.jpg);
	background-repeat:no-repeat;
	background-position:left 4px;
	background-size:20px auto;
	display:inline-block;
	padding:0 0 5px 30px;
	vertical-align:top;
}
.pc-months{
	display:none;
	padding:0 0 0 30px;
}
.pc-months > div >a{
	background-image:url(../images/folder-image.jpg);
	background-repeat:no-repeat;
	background-position:left 4px;
	background-size:20px auto;
	display:inline-block;
	padding:0 0 5px 30px;
	vertical-align:top;
}

.pcmo-content >a{
	background-image:url(../images/folder-image.jpg);
	background-repeat:no-repeat;
	background-position:left 4px;
	background-size:20px auto;
	display:inline-block;
	padding:0 0 5px 30px;
	vertical-align:top;
}

.pcm-content{
	display:none;
	padding:0 0 0 30px;
}
.pcm-content p {
    padding: 0;
}
.pcm-content p img{
	display: inline-block;
    vertical-align: top;
}

.pcmo-content{
	display:none;
	padding:0 0 0 30px;
}
#breadcrumbs {
  font-size: 11px;
    line-height: 13px;
    padding: 0 0 30px;
}
.scr-link {
    font-size: 18px;
    line-height: 21px;
/*-webkit-animation: blink 2s linear infinite;*/
/*-moz-animation:    blink 2s linear infinite;*/
/*-o-animation:      blink 2s linear infinite; */
/*        animation: blink 2s linear infinite;*/
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes blink {
  0%{opacity: 0;}
  50%{opacity: .5;}
  100%{opacity: 1;}
}
@keyframes blink{
  0%{opacity: 0;}
  50%{opacity: .5;}
  100%{opacity: 1;}
}
.product-li{
  margin: 0 0 30px;
    padding: 0 0 0 18px;
}
.img-center{text-align:left;}
.site-content-secondary {
  background: #e3e3e3;
  margin:40px 0 0 0;
    padding: 30px 0 20px;
}
.site-content-secondary h2{
  padding:0 25px 20px;
}
ul#right-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}
#right-nav li {
  border-top:1px solid rgba(255, 255, 255, 0.7);
    padding: 10px 25px 10px;
}
#right-nav li:first-child{
  border:none;
}
#right-nav li a{
  color:#000000;
  font-weight:400;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
}
#right-nav li:hover a{
  color:#06a1ca;
}
#right-nav li.active a{
  color:#06a1ca;
  font-weight:600;
}
.project-heading{
  border-bottom: 3px solid #06a1ca;
    margin: 0 0 40px;
    padding: 0 0 3px;
}




/*=============== Click to Expand ===============*/
.click-expand {
  border:1px solid #cccccc;
  clear: both;
  overflow: hidden;
  margin-bottom: $baseline*3;
  -moz-transform:all .2s ease-in-out;
  -ms-transform:all .2s ease-in-out;
  -o-transform:all .2s ease-in-out;
  -webkit-transform:all .2s ease-in-out;
  transform:all .2s ease-in-out;
}
.click-expand.active:hover{
  //background-color: #ffffff;
}
.click-expand.active .ce-header:after{
  content: '-';
}
.click-expand.active .ce-body{
  display: block;
  opacity: 1;

  -webkit-animation-name: click-expand;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-fill-mode: backwards;
  -webkit-animation-delay: 0.3s;
  animation-name: click-expand;
  animation-duration: 0.3s;
  animation-fill-mode: backwards;
  animation-delay: 0.3s;


  padding: 0 12px 30px 12px;
  display: block;
  /**@include margin-fix;*/
}
.click-expand.active:hover{
  //background-color:#000000;
}
.click-content h2{
  margin:0 0 20px;
}
.ce-header {
  position: relative;
  cursor: pointer;
  margin: 0;
  padding-left: 12px;
  padding-right: 12px;
  padding-top:10px;
  padding-bottom:10px;
  font-size:16px;
  line-height:19px;
  margin:0 !important;
}
.ce-header:after{
  content: '+';
    color: #000000;
    padding-left: 8px;
    position: absolute;
    right:5px;
}

.ce-body {
  display: none;
  opacity: 0;
}
.ce-body.ce-active{
  display: block;
  opacity:1;
}
@-webkit-keyframes click-expand {
from {opacity: 0;} 
to {opacity: 1;}
}
@keyframes click-expand {
from {opacity: 0;}
to {opacity: 1;}