@import url('https://fonts.googleapis.com/css?family=Muli:400,700,900');



html, body {

	margin:0;

	padding:0;

	min-height:100%;

	font-family: 'Muli', sans-serif;

	font-size: 16px;

	line-height: 20px;

}



.tac
{
	text-align:center
}
.tal
{
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {

	font-weight:300;

	margin:0;

	font-family: inherit;

	font-size: inherit;

	margin:10px 0;

}



 

p{

   font-size: 1em;

   line-height: 1.35em;

}





h1 {

   font-size: 2em;

   line-height: 1em;

}

 

h2 {

   font-size: 1.8em;

   line-height: 1em;

}



h3 {

   font-size: 1.5em;

   line-height: 1em;

}



h4 {

   font-size: 1.3em;

   line-height: 1em;

}



h5 {

   font-size: 1.2em;

   line-height: 1em;

}



h6 {

   font-size: 1em;

   line-height: 1em;

}





a {

	color:#005740;

	text-decoration:none;

	transition:0.8s;

	-webkit-transition:0.8s;

	-moz-transition:0.8s;

	-o-transition:0.8s;

}



a:hover {

	color:#138668;

}



::-moz-selection { background: #005740; color: #fff; }

::selection { background: #005740; color: #fff; }



.lgrey-bg{background: rgba(0,0,0,.1);}

.green-col{color:#005840;}





.logo, menu{

	float: left;

}



.logo{

	margin: 0;

}



menu{

	margin: 15px 0 0 15px;

}



header{

	width: 100%;

	z-index: 999;

	padding: 0;

    background: #fff;

    position: fixed;

    box-shadow: 0 0 15px rgba(0,0,0,.5);

}



header nav{

}



header .hd{

	background: #005840;

	padding: 5px 0;

	color: #fff;

	line-height: 30px;

}



header .hd input{

	height: 30px;

}



header .hd input[type="tel"]{

	background: #fff;

	color: #000;

}



header .hd input[type="submit"]{

	color: #fff;

	background: rgba(0,0,0,.35);

}



.categmainimg,

.master-slider,

.itemdetailspad {

	padding-top: 148px;

}



.master-slider .ms-inner-controls-cont{

	width: 100% !important;

	max-width: 100% !important;

}



.master-slider .ms-view.ms-basic-view.ms-grab-cursor{

	left: 0 !important;

}



.master-slider.ms-skin-default .ms-nav-next{

	right: 0 !important;

}



.master-slider.ms-skin-default .ms-nav-prev{

	left: 0 !important;

}



.ms-slide .ms-slide-bgcont{

	transform: scale(1);

	transition: 3s;

	-moz-transition: 3s;

	-webkit-transition: 3s;

}



.ms-sl-selected.ms-slide .ms-slide-bgcont{

	transform: scale(1.1);

}



.categmainimg .img-bg{

	width: 100%;

	padding: 10% 0;

}



.hdlinks a{

	display: inline-block;

	padding: 7px;

	background: #005740;

	color: #fff;

	font-size: .9em;



}



.hdlinks a.w-100 {

	margin-top: 5px;

}



.hdlinks a span[class^="icon-"] {

	font-size: 1.15em;

}





.trigger{

	width: 40px;

	height: 40px;



	position: absolute;

	top:20px;

	right: 20px;

	z-index: 9999;

	display: none;



}



.trigger > div{

	position: relative;

}



.trigger > div > span{

	position: absolute;

	height: 2px;

	width:60%;

	margin:0 20%;

	background: #000;

	top:12px;



	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;



	transition:.7s;

	-moz-transition:.7s;

	-webkit-transition:.7s;

}



.trigger > div > span:nth-child(2){

	top:19px;

}



.trigger > div > span:nth-child(3){

	top:27px;

}



.trigger > div.close > span:nth-child(1){

	-ms-transform: rotate(45deg); /* IE 9 */

	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */

	transform: rotate(45deg);

	top: 19px;

}



.trigger > div.close > span:nth-child(2){

	display: none;

}



.trigger > div.close > span:nth-child(3){

	-ms-transform: rotate(-45deg); /* IE 9 */

	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */

	transform: rotate(-45deg);

	top: 19px;

}



.trigger, .sitewrapper{

	transition:.7s;

	-moz-transition:.7s;

	-webkit-transition:.7s;

}



.slided{

	-ms-transform: translate(-320px,0); /* IE 9 */

	-webkit-transform: translate(-320px,0); /* Safari */

	transform: translate(-320px,0); /* Standard syntax */

}



.w-45.logo, .w-45.logo2{

	width: 44%;

	transition: .5s;

	-moz-transition: .5s;

	-webkit-transition: .5s;

}



header .row .w-45.logo {

	padding-right: 100px;

}



header .row .w-45.logo2 {

	padding-left: 100px;

}



header.fixedheader .w-45.logo{

	padding-right: 160px;

}



header.fixedheader .w-45.logo2{

	padding-left: 160px;

}







/* END OF HEADER STYLING FOR WEB*/



#overlay{

  position:fixed;

  z-index:99999;

  top:0;

  left:0;

  bottom:0;

  right:0;

  background:#eee;

  transition: 1s 0.4s;

  width: 100%;

  height: 100%;

  font-size: 2em;

}



#overlay > div{

  text-align: center;

  display: table;

  width:100%;

  height: 100%;

}



#overlay > div > div{

  vertical-align: middle;

  display: table-cell;

}



#overlay .linewidth {

    width: 100px;

    margin: 0 auto;

}



#overlay #progstat {

    font-size: 1.5em;

    line-height: 1.4em;

    color: #005740;

    font-weight: 700;

}



#progress {

    height: 1px;

    background: #000;

}



.scrolldown-icon {

	width:100%;

	text-align:center;

}

.mobilequote{
	width: 100%;
	text-align: center;
	color: #005840;
	display: none;
	position: absolute;
	left: 0;
	top: 15px;
}

.scrolldown-icon-box {

	display:inline-block;

	cursor:pointer;

	position:relative

}

.chevron {

	position: absolute;

	width: 28px;

	height: 8px;

	opacity: 0;

	left: 41px;

	transform: scale3d(0.5, 0.5, 0.5);

	animation: move 3s ease-out infinite;

}



.chevron:first-child {

	animation: move 3s ease-out 1s infinite;

}



.chevron:nth-child(2) {

		animation: move 3s ease-out 2s infinite;

}



.chevron:before,

.chevron:after {

	content: ' ';

	position: absolute;

	top: 0;

	height: 100%;

	width: 51%;

	background: #00461c;

}



.chevron:before {

	left: 0;

	transform: skew(0deg, 30deg);

}



.chevron:after {

	right: 0;

	width: 50%;

	transform: skew(0deg, -30deg);

}



@keyframes move {

	25% {

		opacity: 1;

	}

	33% {

		opacity: 1;

		transform: translateY(30px);

	}

	67% {

		opacity: 1;

		transform: translateY(40px);

	}

	100% {

		opacity: 0;

		transform: translateY(55px) scale3d(0.5, 0.5, 0.5);

	}

}



.text {

	display: block;

	margin-top: 75px;

	margin-left: 0;



	color: #00461c;

	text-transform: uppercase;

	white-space: nowrap;

	opacity: .25;

	animation: pulse 2s linear alternate infinite;

}



@keyframes pulse {

	to {

		opacity: 1;

	}

}



.inlinegrid .title h5{

	margin: 5px;

}



.hpitemslist a{

	display: block;

	position: relative;

}



.hpitemslist .img-bg{

	width: 100%;

	padding: 32% 0;

}



.hpitemslist .title{

	position: absolute;

	top: 0;

	left: 20px;

	background: rgba(0,88,64,.75);

	color: #fff;

	padding: 5px 20px;

}



.readmore {

	background: rgba(0,88,64,.75);

	color: #fff;

	padding: 5px 35px;

	display: inline-block;

	transition: .7s;

	-moz-transition: .7s;

	-webkit-transition: .7s;

}



.readmore:hover{

	background: rgba(0,88,64,1);

}



.hpitemslist .readmore{

	position: absolute;

	bottom: 0;

	right: 20px;

	padding: 5px 50px;

}





.our-services {

	padding-top:70px;

}



.our-services h2 {

	color:#055f31;

	padding-bottom:20px;

}





.services-box {

	text-align:center;

	display:inline-block;

}



.services-box a{

	display: block;

}



.services-box h3 {

	color:#055f31;

	text-align:center;

	padding:30px 0;

	box-shadow: 0 0 5px #e4e4e4;

}

.services-max {

    width: 100%;

    display: inline-block;

    cursor: pointer;

}



.home-our-clients .services-box {

	width:calc(16.66% - 4px);

}



.home-our-clients .services-max {

     border-bottom: 1px dashed #ccc;

    border-right: 1px dashed #ccc;

    padding: 25px;

    box-sizing: border-box;  



}



.home-our-clients .services-box:nth-child(6n+6) .services-max {

    border-right: 0

}



/* Zoom In #1 */

figure {

	margin: 0;

	padding: 0;

}

.hover01 figure img {

	-webkit-transform: scale(1);

	transform: scale(1);

	-webkit-transition: .5s ease-in-out;

	transition: .5s ease-in-out;

	width: 100%;

}

.hover01:hover img {

	-webkit-transform: scale(1.1);

	transform: scale(1.1);

}



.overlay {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

	padding:0 ;

    right: 0;

    height: 100%;

    width: 100%;

    opacity: 0;

	line-height:1.3rem;

    z-index: 500;

    transition: .5s ease;

	 background-color: rgba(0, 110, 44, 0.8);

	 

 

}



.categlist a{

	display: block;

	background: rgba(0,0,0,0);

}



.categlist a:hover{

	background: rgba(0,0,0,.05);

}



.categlist .img-bg{

	width: 100%;

	padding: 50% 0;

}




.categlist  h5{

	font-weight: 700;

	color: #005840;

	margin-bottom: 10px;

}


.categlist a h5{

	font-weight: 700;

	color: #005840;

	margin-bottom: 10px;

}



.breadcrumb{

	color: #005740;

	line-height: 21px;

}



.breadcrumb a.bk{

	width: 21px;

	height: 21px;

	float: left;

	margin-right: 10px;

	background: url(../img/bk.png) center no-repeat;

}



.breadcrumb a.bk:hover{

	opacity: .5;

}



a.pdf{

	display: inline-block;

	padding: 20px 30px;

	background: rgba(0,0,0,.05);

	font-size: 1.15em;

}



a.pdf img{

	margin-right: 10px;

}



a.pdf:hover{

	background: rgba(0,0,0,.15);

}





.ytvid iframe{

	width: 100% !important;

	height: 350px !important;

}





.gal .img-bg{

	width: 100%;

	padding: 31.5% 0;

}





.listimg .img-bg{

	width: 100%;

	padding: 35% 0;

	border: 1px solid #005740;

}
.slider_for_gal.listimg .img-bg{
background-size:contain !important
}

.zoom {

    background: url(../img/zoom.png) no-repeat !important;

    width: 42px;

    height: 42px;

    position: absolute;

    top: 25px;

    right: 25px;

    z-index: 50;

}



.datashiet.row{

	margin-bottom: 30px !important;

}



.datashiet .tbl{

	background: rgba(0,0,0,.1);

	padding: 10px;

	box-sizing: border-box;

}



.datashiet div[class^="w-"]:nth-child(even) .tbl{

	background: rgba(0,0,0,.2);

}



.slick-slider .slick-prev,

.slick-slider .slick-next{

    width: 30px;

    background-image: url(../masterslider/skins/default/light-skin-1.png) !important;

    background-position: -89px -26px;

    height: 40px;

    cursor: pointer;

    margin-top: -20px;

    opacity: 1 !important;

}



.slick-slider .slick-prev {

	left: 0;

}



.slick-slider .slick-next {

	right: 0;

	background-position: -89px -103px !important;

}



.slick-slider .slick-prev::before, .slick-slider .slick-next::before{

    display: none;

}



.mobtitle{

	display: none;

}



footer{

	background: #2b2b2b;

	color: #fff;

}



footer a{

	color: #fff;

}



footer .row > ul > li{

	padding: 5px 0;

	border-bottom: 1px solid #2f61b3;

}



footer .row > ul > li ul{

	padding: 0 0 0 25px;

	margin: 5px 0;

}



footer .fttitle{

	display: inline-block;

	position: relative;

	margin-bottom: 20px;

}



footer .fttitle:after{

	width: 45px;

	height: 1px;

	background: rgba(255,255,255,.2);

	position: absolute;

	top: 100%;

	margin-top: 8px;

	left: 0;

	content: "";

}



footer .sign{

	background: #181818;

	padding: 15px 0;

	font-size: .85em;

}



footer .row[data-spacing="5"] > div{padding: 5px;}



footer .addtxt{

	margin-bottom: 20px;

}



footer .addtxt a{

	color: #068137 ;

}



footer .social a{

	display: inline-block;

	padding: 5px;

	color: #fff;

	background: rgba(255,255,255,.3);

	font-size: 1.3em;

}



.map iframe{

	width: 100% !important;

	height: 270px;

}



.map{

	position: relative;

}



.map::after{

	position: absolute;

	left: 50%;

	top: 0;

	width: 30px;

	height: 100%;

	background: #2b2b2b;

	content: "";

	-ms-transform: skewX(20deg); /* IE 9 */

	-webkit-transform: skewX(20deg); /* Safari 3-8 */

	transform: skewX(20deg);

}











.line-height{

	line-height: 0;

}

.submit-header {

    color: #fff !important;

    background: rgba(0,0,0,.35);

    height: 30px !important;

    width: 100%;



    color: #444;

    cursor: pointer;

    font-size: 1em;

    height: 50px;

    border: none;

}



.specification-desc table

{

	width:100% !important;

	border:0 !important;

	border-spacing:2px !important;;

}

.specification-desc tr

{

	width:50% !important;

	border:0 !important;

}

.specification-desc tr td

{



    background: rgba(0,0,0,.1);

    padding: 10px;

	width:30%;border:0 !important;

	text-align:right

  

}

.specification-desc tr td:first-child

{

	/*text-align:right*/



	

}

.specification-desc tr td:nth-child(2n+2)

{

	    background: rgba(0,0,0,.2);

	text-align:left;

	width:70%



	

}
.categlist img
{
	max-width:100%
}

.bg-shadow
{
	    background: rgba(0,0,0,.05);
		margin: 10px 0;
		    padding: 10px;
}
.slider_slick img
{
	display:inline-block !important
}