
.logo-container .logo-infocard {position:absolute; top:100%; margin-top:20px; width:440px; padding:30px 20px 25px; background:#00754a; border-radius: 2px; 
	font-size: 12px; display:block; visibility:hidden; opacity:0; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); -webkit-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out; -webkit-transition-delay: .3s; transition-delay: .3s; -webkit-backface-visibility: hidden; z-index:1;}
	.logo-container:hover .site-logo + .logo-infocard { visibility:visible; opacity:1; margin-top:10px; -webkit-transition-delay: 0s; transition-delay: 0s; 
		z-index: 2;}


		.site-header .main-nav {float:right; margin-left: 30px;}

		.main-nav > ul > li > a:before {
			content:'';
			opacity:0;
			position:absolute;
			border-radius:2px;
			height:50%;
			width: 100%;
			top:50%;
			left: 0;
			background-color: #00754a;
			-webkit-transform:translateY(-50%);
			-ms-transform:translateY(-50%);
			transform:translateY(-50%);
			-webkit-transition:height .2s ease-in-out;
			transition:height .2s ease-in-out;
			-webkit-backface-visibility:hidden;
			backface-visibility:hidden;
			z-index: -1;
		}
		/* Site Header & logo */
		.site-logo { float: left; margin:0; display: table;margin-top: -20px;}
		.site-logo a { padding: 0; display: table-cell; position:relative; vertical-align: middle; }
		.site-logo img { max-height: 92px; }



		.some-css-selector {font-size:13px;}


	.portfolio-item-desc-inner {max-height: 70px; overflow: hidden; /*! position: none; */}
	.portfolio-item-desc-inner:after {    content: '';
	position: absolute;
	height:0px;
	background: linear-gradient(to bottom,rgba(245,245,245,0) 0,# 100%);}


	.portfolio-item-details-label { min-width: 120px; font-weight: 300; color:#ababab; float:left;}

	.theHoverBorder:hover { box-shadow:0 0 0 5px #00754a inset;}


	a:hover { color: #00754a; text-decoration:none;}

	.kl-has-overlay .img-intro:hover .overlay { opacity: 1; visibility: visible; box-shadow: inset 0 -8px 0 0 #00754a; }

	/* Button Lined Custom */
	.btn-lined.lined-custom { color: #00754a; border-color: #00754a;}

	.portfolio-entry .title { text-transform: uppercase; font-size: 12px; line-height: 1.4; color:#535353;}	
	.portfolio-entry .title-14 { text-transform: uppercase; font-size: 14px; line-height: 1.4; color:#535353;}
	a {color: #444444; -webkit-transition: color .25s ease-in-out; transition: color .25s ease-in-out;}

	/* Class Header Grey */ 
	.site-header .kl-header-bg {position:absolute; top:0; left:0; width:100%; height:110%; opacity:.3; pointer-events:none;
		background: -moz-linear-gradient(top,  rgba(255,255,255,0) 100%, transparent 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,transparent)); 
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,transparent 100%); 
		background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,transparent 100%); 
		background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,transparent 100%); 
		background: linear-gradient(to bottom,  rgba(255,255,255,0) 100%,transparent 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );}

		h1, .page-title { font-family: "Montserrat" , "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 36px; line-height: 36px; font-weight: 400; font-style: normal;}
		h2 { font-family: "Montserrat" , "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 30px; line-height: 30px; font-weight: 400; font-style: normal;}
		h3 { font-family: "Montserrat" , "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; line-height: 24px; font-weight: 400; font-style: normal;}
		h4 { font-family: "Montserrat" , "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.7; font-weight: 400; font-style: normal;}
		h5 { font-family: "Montserrat" , "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.4; font-weight: 400; font-style: normal;}
		h6 { font-family: "Montserrat" , "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.4; font-weight: 400; font-style: normal;}


		.main-nav > ul > li > a { 
			position:relative; 
			padding: 6px 12px; 
			text-transform: uppercase; 
			font-size: 14px; 
			line-height: 14px; 
			color: #333; 
			z-index: 1; font-weight: 400; 
			-webkit-transition:padding .2s ease-in-out, -webkit-transform .2s ease-in-out; 
			transition:padding .2s ease-in-out, transform .2s ease-in-out; 
			-webkit-backface-visibility:hidden; backface-visibility:hidden; 
			font-family: "Montserrat" , "Helvetica Neue", Helvetica, Arial, sans-serif;}

			.site-header .kl-top-header {/*color:rgba(255, 255, 255, 0.8);*/ position: relative;}
			.site-header .header-links-container {float: right; height:auto; margin-right: 60px;}
			.site-header .header-search {z-index: 102; position: absolute; top: -3px; right: 0; clear: none; float: none;}
			.site-header .header-search .searchBtn,
			.site-header.cta_button .header-search .searchBtn {margin:10px 0 0 10px;}
			.site-header .searchBtn.active {border-radius: 2px 2px 0 0;}
			.site-header .header-leftside-container {line-height: 24px; margin:12px 0; position: relative;}
			.site-header .kl-header-toptext {font-size: 13px; color: #333;}
			.site-header .kl-header-toptext a {font-size: 13px; color: #333;}
			.site-header .main-nav {float:right; margin-left: 30px;}
			.site-header .topnav {margin-bottom: 0; margin-top: 20px;}
			.site-header .kl-top-header .topnav {margin-bottom: 8px; margin-top: 12px; z-index: 111;}
			.site-header .social-icons.topnav {margin: 0; padding: 0; position: relative; top: -3px; float: left;}
			.site-header .social-icons.topnav li { margin:0; margin-left: 10px;}
			.site-header .social-icons.topnav.sc--clean li { margin-left:0;}
			.site-header .social-icons.topnav li:first-child { margin-left:0;}
			.site-header .social-icons.topnav ~ .kl-header-toptext {margin-left:10px; margin-top: 5px;}
			.site-header .social-icons.topnav.sc--clean > li > a {color:#333;}
			.site-header .social-icons.topnav.sc--clean > li > a:hover {color:rgba(250,250,250,.9);}
			.site-header .kl-cta-lined { margin-top: 13px; }

			.main-nav > ul > li.menu-item-has-children > a:after { content:''; opacity:1; position:absolute; height:1px; margin-left: -2px; width: 7px; bottom: 3px; 
			left: 17px; background-color: rgba(0, 0, 0, 0.9); -webkit-transition:opacity .2s ease-in-out; transition:opacity .2s ease-in-out;}

			.fs-30 { font-size: 30px !important; line-height: 46px ;}

			@media only screen and (min-width : 1921px){

			}

			@media only screen and (max-width : 1440px){

			}

			@media only screen and (min-width : 1200px) and (max-width : 1440px){

			}

			@media only screen and (min-width : 1200px){

			}

			@media only screen and (max-width: 1199px){ 

			}

			@media only screen and (min-width: 992px) and (max-width: 1199px){

			}

			@media only screen and (min-width: 992px){ 

			}

			@media only screen and (max-width: 991px) { 

			}

			@media only screen and (min-width: 768px) and (max-width: 991px){ 

			}

			@media only screen and (min-width: 768px) {

			}

			@media only screen and (max-width: 767px) {

				.zn-res-trigger { margin-left: 0; margin-top: 10px;margin-bottom: 10px;}
				.site-logo img { max-height: 92px; margin-top: 20px;}
				.ptop-160 { padding-top: 0px ;}
				.ptop-80 { padding-top: 40px;}

			}

			@media only screen and (max-width : 480px) {

				.zn-res-trigger { margin-left: 0; margin-top: 10px;margin-bottom: 10px;}
				.site-logo img { max-height: 92px; margin-top: 20px;}
				.ptop-160 { padding-top: 0px ;}
				.ptop-80 { padding-top: 40px;}

			}

			@media only screen and (max-width : 320px) {

				.zn-res-trigger { margin-left: 0; margin-top: 10px;margin-bottom: 10px;}
				.site-logo img { max-height: 92px; margin-top: 20px;}
				.ptop-160 { padding-top: 0px ;}
				.ptop-80 { padding-top: 40px;}

			}

