body .kl-ioscaption--style4 .more:before { border-color: #2989b9; background: rgba(41,137,185,0.7);}
body .kl-ioscaption--style4 .more:hover:before { background: rgba(41,137,185,0.9);}


/*** Page Subheader's defaults  */
.page-subheader {min-height:300px; background-color: #066fd9;}
.page-subheader[class*="maskcontainer--"] { min-height: 330px; }
.page-subheader .container {padding: 0 15px; z-index: 1; position: relative; }
.page-subheader > .shadowUP:after {content:''; position:absolute; bottom:-18px; left:50%; border:6px solid transparent; border-top-color:#fff; margin-left:-6px; }
.page-subheader .bgback {position:absolute; left:0; top:0; right:0; bottom:0; z-index:0; background-size: cover; background-position: center;}
#page_header.no-bg { background: none; }

.page-subheader .ph-content-wrap { width: 100%; display: table; height: 400px; min-height: 400px; }
.page-subheader .ph-content-v-center { display: table-cell; position: relative; vertical-align: middle;}

/* Page-subheader padding (default) */
/*.page-subheader:not(.site-subheader-cst) .ph-content-wrap {padding-top:170px;}*/
/* Safe padding for Subheader */
.page-subheader .ph-content-wrap {padding-top:100px;}

/* Page subheader styles */
.page-subheader.gradient,
.kl-slideshow.gradient { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(100%,rgba(0,0,0,0.5))); 
	background: -webkit-linear-gradient(top,  transparent 0%,rgba(0,0,0,0.5) 100%); 
	background: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.5) 100%); 
	background: linear-gradient(to bottom,  transparent 0%,rgba(0,0,0,0.5) 100%); 
	background-color: #345370; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); }
.page-subheader,
.kl-slideshow {position: relative; top: 0; z-index: 0;  }
.page-subheader.nobg,
.kl-slideshow.nobg {background:none;}
.page-subheader.hasMargin,
.kl-slideshow.hasMargin {margin-bottom:40px;}









/*** Special Bottom masks */
.kl-bottommask {z-index: 1; }
.fake-loading ~ .kl-bottommask {z-index: 2;}

/* Shadow up mask Simple */
.maskcontainer--shadow_simple {border-bottom: 0 !important;}
.kl-bottommask--shadow_simple {position:absolute; bottom:0; left:0; width:100%; height:6px; background:url(../images/shadow-up.png) no-repeat center bottom; 
	z-index: 2; border-bottom:0; box-sizing: content-box; background: -webkit-gradient(50% 100%, ellipse, rgba(0,0,0,.5), transparent 70%); 
	background: -webkit-radial-gradient(50% 100%, ellipse, rgba(0,0,0,.3), transparent 70%); 
	background: radial-gradient(ellipse at 50% 100%,rgba(0,0,0,0.3) 0, transparent 70%); 
	background: -webkit-radial-gradient( 50% 90%, 70% 100%, rgba(0, 0, 0, 0.25) 0%, transparent 70%); }

/* Shadow Down mask Simple */
.maskcontainer--shadow_simple_down {border-bottom: 0 !important;}
.kl-bottommask--shadow_simple_down {position:absolute; bottom:-10px; left:0; width:100%; height:10px; background:url(../images/shadow-down.png) no-repeat center top; opacity:.6; background: -webkit-gradient(50% 0%, ellipse, rgba(0,0,0,.5), transparent 70%); background: -webkit-radial-gradient(50% 0%, ellipse, rgba(0,0,0,.3), transparent 70%); background: radial-gradient(ellipse at 50% 0%,rgba(0,0,0,0.3) 0, transparent 70%); background: -webkit-radial-gradient( 50% 0%, 70% 100%, rgba(0, 0, 0, 0.25) 0%, transparent 70%);}

/* Shadow up mask - width border and arrow */
.maskcontainer--shadow {border-bottom: 0 !important;}
.kl-bottommask--shadow {position:absolute; bottom:0; left:0; width:100%; height:6px; background:url(../images/shadow-up.png) no-repeat center bottom; 
	z-index: 1; border-bottom:6px solid #FFFFFF; box-sizing: content-box; 
	background: -webkit-gradient(50% 100%, ellipse, rgba(0,0,0,.5), transparent 70%); 
	background: -webkit-radial-gradient(50% 100%, ellipse, rgba(0,0,0,.3), transparent 70%); 
	background: radial-gradient(ellipse at 50% 100%,rgba(0,0,0,0.3) 0, transparent 70%); 
	background: -webkit-radial-gradient( 50% 90%, 70% 100%, rgba(0, 0, 0, 0.25) 0%, transparent 70%); }
.kl-bottommask--shadow:after {content:''; position:absolute; bottom:-18px; left:50%; border:6px solid transparent; border-top-color:#fff; margin-left:-6px;}

/* Shadow up & down mask */
.maskcontainer--shadow_ud {border-bottom: 0 !important;}
.kl-bottommask--shadow_ud {position:absolute; bottom:0; left:0; width:100%; height:12px; background:url(../images/shadow-up.png) no-repeat center bottom; 
	z-index: 1; border-bottom:6px solid #FFFFFF; background: -webkit-gradient(50% 100%, ellipse, rgba(0,0,0,.5), transparent 70%); 
	background: -webkit-radial-gradient(50% 100%, ellipse, rgba(0,0,0,.3), transparent 70%); 
	background: radial-gradient(ellipse at 50% 100%,rgba(0,0,0,0.3) 0, transparent 70%);
	background: -webkit-radial-gradient( 50% 90%, 70% 100%, rgba(0, 0, 0, 0.25) 0%, transparent 70%); }
.kl-bottommask--shadow_ud:after {content:''; position:absolute; bottom:-17px; left:50%; border:6px solid transparent; border-top-color:#fff; margin-left:-6px;}
.kl-bottommask--shadow_ud:before {content:''; position:absolute; bottom:-16px; left:0; width:100%; height:10px; 
	background:url(../images/shadow-down.png) no-repeat center top; opacity:.6; 
	background: -webkit-gradient(50% 0%, ellipse, rgba(0,0,0,.5), transparent 70%); 
	background: -webkit-radial-gradient(50% 0%, ellipse, rgba(0,0,0,.3), transparent 70%); 
	background: radial-gradient(ellipse at 50% 0%,rgba(0,0,0,0.3) 0, transparent 70%); 
	background: -webkit-radial-gradient( 50% 0%, 70% 100%, rgba(0, 0, 0, 0.25) 0%, transparent 70%);}

/* Mask 1 */
.maskcontainer--mask1 {border-bottom: 0 !important; padding-bottom: 30px;}
.kl-bottommask--mask1 {position:absolute; bottom:0; left:0; width:100%; height:27px; z-index:99; 
	background:url(../images/bottom_mask.png) no-repeat center top;}

/* Mask 2 */
.maskcontainer--mask2 {border-bottom: 0 !important; padding-bottom: 40px;}
.kl-bottommask--mask2 {position:absolute; bottom:0; left:0; width:100%; z-index:99; height:33px; 
	background:url(../images/bottom_mask2.png) no-repeat center top;}

/* Mask 3 */
.maskcontainer--mask3 {border-bottom: 0 !important;}
.kl-bottommask--mask3 { position: absolute; bottom: 0; left: 0; width: 100%; height: 57px;}
.kl-bottommask--mask3 .svgmask {position: absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); 
	transform:translateX(-50%); margin-bottom: -15px;}
.kl-bottommask--mask3 .glyphicon {position: absolute; bottom: 5px; left: 50%; display: block; width: 30px; text-align: center; font-size: 22px; 
	opacity: 0.2; height: 15px; top: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); 
	margin-left: 1px;}

/* Mask 4 */
.maskcontainer--mask4 {border-bottom: 0 !important; padding-bottom: 40px;}
.kl-bottommask--mask4 { position: absolute; bottom: 0; left: 0; width: 100%; height: 27px;}
.kl-bottommask--mask4 .svgmask {position: absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); 
	transform:translateX(-50%);}

/* Mask 3 and 4, left or right aligned */
@media  (min-width: 1200px) {
	.kl-bottommask--mask3 .svgmask-right,
	.kl-bottommask--mask3 .svgmask-right + .glyphicon,
	.kl-bottommask--mask4 .svgmask-right {-webkit-transform:translateX( calc(-50% + 510px) ); -ms-transform:translateX( calc(-50% + 510px) ); 
		transform: translateX( calc(-50% + 510px) );}
	.kl-bottommask--mask3 .svgmask-left,
	.kl-bottommask--mask3 .svgmask-left + .glyphicon,
	.kl-bottommask--mask4 .svgmask-left {-webkit-transform:translateX( calc(-50% - 510px) ); -ms-transform:translateX( calc(-50% - 510px) ); 
		transform: translateX( calc(-50% - 510px) );}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.kl-bottommask--mask3 .svgmask-right,
	.kl-bottommask--mask3 .svgmask-right + .glyphicon,
	.kl-bottommask--mask4 .svgmask-right {-webkit-transform:translateX( calc(-50% + 410px) ); -ms-transform:translateX( calc(-50% + 410px) ); 
		transform: translateX( calc(-50% + 410px) );}
	.kl-bottommask--mask3 .svgmask-left,
	.kl-bottommask--mask3 .svgmask-left + .glyphicon,
	.kl-bottommask--mask4 .svgmask-left {-webkit-transform:translateX( calc(-50% - 410px) ); -ms-transform:translateX( calc(-50% - 410px) ); 
		transform: translateX( calc(-50% - 410px) );}
}

@media (min-width: 768px) and (max-width: 991px) {
	.kl-bottommask--mask3 .svgmask-right,
	.kl-bottommask--mask3 .svgmask-right + .glyphicon,
	.kl-bottommask--mask4 .svgmask-right {-webkit-transform:translateX( calc(-50% + 300px) ); -ms-transform:translateX( calc(-50% + 300px) ); transform: translateX( calc(-50% + 300px) );}
	.kl-bottommask--mask3 .svgmask-left,
	.kl-bottommask--mask3 .svgmask-left + .glyphicon,
	.kl-bottommask--mask4 .svgmask-left {-webkit-transform:translateX( calc(-50% - 300px) ); -ms-transform:translateX( calc(-50% - 300px) ); transform: translateX( calc(-50% - 300px) );}
}

@media (max-width: 767px) {
	.kl-bottommask--mask3 .svgmask-right,
	.kl-bottommask--mask3 .svgmask-right + .glyphicon,
	.kl-bottommask--mask4 .svgmask-right,
	.kl-bottommask--mask3 .svgmask-left,
	.kl-bottommask--mask3 .svgmask-left + .glyphicon,
	.kl-bottommask--mask4 .svgmask-left {-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform: translateX(-50%);}
}

/* Mask 5 */
.maskcontainer--mask5 {border-bottom: 0 !important; padding-bottom: 75px;}
.kl-bottommask--mask5 { position: absolute; bottom: 0; left: 0; width: 100%; height: 64px;}
.kl-bottommask--mask5 .svgmask {position: absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); 
	transform:translateX(-50%);}
.kl-bottommask--mask5 .bmask-customfill {-webkit-transform: translateY(-1px);-ms-transform: translateY(-1px);transform: translateY(-1px);}
/* Hack for safari only to hide shadow */
.is-safari .svgmask .bmask-bgfill,
.is-safari .kl-bottommask--mask3 .bmask-bgfill,
.is-safari .kl-bottommask--mask4 .bmask-bgfill { -webkit-filter:none; filter: none;}

.is-safari .kl-bottommask--mask3 .bmask-bgfill, 
.is-safari .kl-bottommask--mask4 .bmask-bgfill, 
.is-safari .svgmask .bmask-bgfill {-webkit-svg-shadow: 0px 0px 7px rgba(0, 0, 0, 0.47); transform: translateY(4px);}

/* Mask 6 */
.maskcontainer--mask6 {border-bottom: 0 !important; padding-bottom: 70px;}
.kl-bottommask--mask6 { position: absolute; bottom: 60px; left: 0; width: 100%; height: 57px;}
.kl-bottommask--mask6 .svgmask {position: absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); 
	transform:translateX(-50%);}

/* Mask 7 */
.kl-bottommask--mask7 {position: absolute; bottom: 0; width: 100%; z-index: 1; left: 0;}
.kl-bottommask--mask7.mask-over {z-index: 2;}
.kl-bottommask--mask7.screffect {-webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%}


/* Static content with mask, do things a bit differently */
.static-content__slideshow[class*="maskcontainer--"] {padding-bottom: 0;}
.static-content__slideshow[class*="maskcontainer--"] .kl-slideshow-inner {padding-bottom: 60px}
/* Same goes for portfolio slider */
.portfolio-slider__sideshow[class*="maskcontainer--"] {padding-bottom: 0;}
/* Same goes for fancy slider */
/*.fancyslider__slideshow[class*="maskcontainer--"] .kl-slideshow-inner {padding-bottom: 60px}*/
/* Same goes for revolution slider */
.kl-revolution-slider[class*="maskcontainer--"] {padding-bottom: 0;}

/* 3D Cute slider def. padding */
.cute3dslider .kl-slideshow-inner {padding-top:170px; padding-bottom: 50px;}
/*.br-circle-timer .br-timer-dot {-webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);}*/