/* open overlay button */
.open-nav-overlay, .open-close-nav-overlay, .open-close-nav-overlay-dummy {
	display: block;
  z-index: 9999;
  -webkit-transform: translateZ(0);
	transform: translateZ(0);
	position: absolute;
    
  width: 50px;
	height: 50px;
	top: 35px;
	right: 0;
	border: 0;
	outline: 0;
	background: rgba(0, 0, 0, 0.8) url('images/menu-icon-white.png') no-repeat center center;
	cursor: pointer;
	display: block;
	
	-webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;  
  -o-transition: all .4s ease-in-out;  
  transition: all .4s ease-in-out;
}

.open-nav-overlay span {
	
}

.open-close-nav-overlay-dummy {
	opacity: 0 !important;
	z-index: -1 !important;
}

.nav-menu-caption {
	position: absolute;
	right: 85px;
	top: 45px;
	-webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;  
  -o-transition: all .4s ease-in-out;  
  transition: all .4s ease-in-out;
}

/* Menu style */
#kool-nav-overlay {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch; /* smooth scrolling on tablet & smartphone */
	width: 30%;
	height: 100%;
  z-index: 999;
  background: #A0BF5F;
  border-radius: 0 25px 25px 0;
}

#kool-nav-overlay h2 {
	font-size: 3em !important;
	position: absolute;
	left: 20px;
	top: 38px;
	color: #FFF;
}

#kool-nav-overlay .follow-txt {
	font-size: 1.5em;
	position: relative;
	top: 13px;
	margin: 0 10px 0 20px;
	color: #FFF;
}

#kool-nav-overlay nav {
	text-align: left;
	position: relative;
	margin-top: 130px;
	/*
	top: 50%;
	height: 60%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	*/
}

#kool-nav-overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: block;
	height: 55%;
	position: relative;
	width: 100%;
}

#kool-nav-overlay ul li {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	/*
	height: 20%;
	height: calc(100% / 5);
	min-height: 54px;
	*/
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

#kool-nav-overlay ul li a {
	font-size: 25px;
	font-weight: 100;
	padding: 15px 20px;
	display: block;
	color: #fff;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	border-bottom: 1px solid rgba(255, 255, 255, .5);
	/*text-transform: lowercase;*/
}

#kool-nav-overlay ul li:first-child a {
	border-top: 1px solid rgba(255, 255, 255, .5);
}

#kool-nav-overlay ul li a:hover {
	background: #139738;
}

#kool-nav-overlay ul li a:hover,
#kool-nav-overlay ul li a:focus {
	color: #f0f0f0;
}

#kool-nav-overlay ul li.current-menu-item a {
	background: #FFF;
	color: #a0bf5f;
}

#menu-item-153 a, #menu-item-6158 a {
	background: #a0bf5f !important;
	color: #FFF !important;
}

#menu-item-153 a:hover, #menu-item-6158 a:hover {
	background: #139738 !important;
}

/* OVERLAY */
.noscroll {
	overflow: hidden;
	position: fixed;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.wrapper-1200 {
	width: 1200px !important;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.wrapper-850 {
	width: 850px !important;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#darken-mainpage-kool-nav-overlay {
	position: absolute;
	z-index: 9999999;
	width: 100%;
	height: 100%;
	background-image: url('images/bg_darken.png');
	background-repeat: repeat;
}

.js-popup {
	display: none;
	position: fixed;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	z-index: 999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #FFF;
}

.loader {
	background-image: url('images/loader.gif');
	background-repeat: no-repeat;
	background-position: center center;
}

#kool-nav-overlay .wrapper {
	padding: 3em;
	text-align: center;	
}

#kool-nav-overlay h1 {
	margin: 0 0 .5em;
	line-height: 1;
}

#kool-nav-overlay h2 {
	font-size: 1.5em;	
	border: 0;
}

#kool-nav-overlay h3 {
	font-size: 2.5em;		
}

#kool-nav-overlay img {
	max-width: 100%;
	height: auto;
}

#kool-nav-overlay .close-nav-overlay {
	width: 80px;
	height: 80px; 
	position: absolute;
	z-index: 9999;
	top: 0;
	right: 0;
	background: #000 url('images/ico_close_white_25x25.png') no-repeat center center;
	cursor: pointer;
	display: block;
	overflow: hidden;
	border: none;
	text-indent: 200%;
	outline: none;
	z-index: 100;
	display: none;
}

#kool-nav-overlay .close-nav-overlay:hover {
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	transform: rotate(315deg);
}









/* ====================== lines button ==================================================*/
.lines-button {
  padding: 0;
  transition: .3s;
  cursor: pointer;
  user-select: none;
  border-radius: 0.57143rem;
  
  display: inline-block;
  margin: 0 1em;
  border: none;
  background: #e75113;
}
.lines-button:hover {
  opacity: 1;
}
.lines-button:active {
  transition: 0;
}

.lines-button span {
  display: block;
}

.lines {
  display: inline-block;
  width: 2rem;
  height: 0.27143rem;
  background: #FFF;
  border-radius: 0.28571rem;
  transition: 0.3s;
  position: relative;
  margin: 0.55rem;
}
.lines:before, .lines:after {
  display: inline-block;
  width: 2rem;
  height: 0.27143rem;
  background: #FFF;
  border-radius: 0.28571rem;
  transition: 0.3s;
  position: absolute;
  left: 0;
  content: '';
  -webkit-transform-origin: 0.28571rem center;
  transform-origin: 0.28571rem center;
}
.lines:before {
  top: .5rem;
}
.lines:after {
  top: -.5rem;
}

.lines-button:hover .lines:before {
  top: 0.8rem;
}
.lines-button:hover .lines:after {
  top: -0.8rem;
}

.lines-button.close {
  -webkit-transform: scale3d(0.8, 0.8, 0.8);
  transform: scale3d(0.8, 0.8, 0.8);
}

.lines-button.x.close .lines {
  background: transparent;
}
.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
  width: 2rem;
}
.lines-button.x.close .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.close .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}


.nav-opener {
	position: fixed;
	width: 960px;
	z-index: 99991;
	
	margin-left: -480px !important;
	left: 50%;
}

.nav-opener.top .open-close-nav-overlay {
	top: 35px;
}

.nav-opener .open-close-nav-overlay {
	top: 8px;
}

.nav-opener .open-close-nav-overlay.close {
	top: 35px !important;
}

.nav-opener.top .nav-menu-caption {
	top: 45px;
}

.nav-opener .nav-menu-caption {
	top: 18px;
}

@media only screen and (max-width: 1400px) {
	
	#kool-nav-overlay h2 {
		display: none;	
	}
	
}

@media only screen and (max-width: 960px) {
	
	.nav-opener {
		left: auto;
		right: 0;
		margin-left: 0 !important;
	}
		
}

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

	#kool-nav-overlay ul li a {
		font-size: 1.5em;
	}

}

@media only screen and (max-width: 600px) {
	
	#kool-nav-overlay {
		overflow-y: auto;
		-webkit-overflow-scrolling: touch; /* smooth scrolling on tablet & smartphone */
		width: 100%;
		height: 100%;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
	.nav-opener .nav-menu-caption {
		display: none;
	}
	
	#kool-nav-overlay h2 {
		display: none;	
	}
	
	#kool-nav-overlay nav {
		margin-top: 70px;
	}
	
	.lines-button {
		margin: 0 .5em;
	}
	
	.nav-opener .open-close-nav-overlay.close {
		top: 8px !important;
	}
	
}

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

	#kool-nav-overlay .follow-txt {
		display: block;
		margin-top: 15px;
	}
	
	#kool-nav-overlay .social.margin-top-50 {
		margin-top: 25px;
	}

}

@media only screen and (max-height: 700px) {
	
	#kool-nav-overlay ul li a {
		font-size: 20px;
		padding: 10px 20px;
	}
	
}

/*CSS for serving the retina image to devices with a high "device-pixel-ratio":*/
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
	
	.loader {
		background: url('images/loader.gif') no-repeat center center; 
		background-size: 50px 50px;
	}
	
	#kool-nav-overlay .close-nav-overlay {
		background: url('images/ico_close_white_50x50.png') no-repeat center center;
		background-size: 25px 25px;
	}

}