
.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;}

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: 18px; font-weight: 400; font-style: normal;}
h5 { font-family: "Montserrat" , "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 14px; font-weight: 400; font-style: normal;}
h6 { font-family: "Montserrat" , "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 14px; 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: #fff; 
	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;}



			@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;}

			}

