/* =============================================================================
// template.css
// -----------------------------------------------------------------------------
// Contains general theme components.
// =============================================================================

// TABLE OF CONTENTS

// BASE
---- HTML DEFAULTS
---- UTILITIES
---- MISC

// GENERAL
---- PAGE WRAPPER
---- PAGE PRELOADER (Option dependent)
---- BOXED VERSION STYLES
---- SITE CONTENT
---- CAROUFREDSEL DEFAULTS
---- PAGE TITLES
---- TITLES, MTITLES, CIRCLETITLE
---- HOVER BORDER
---- FORMS & FANCY FORM STYLES
---- PAGINATION
---- SEARCH FORM
---- BUTTONS
---- SOCIAL ICONS
---- SIDEBAR
---- FAKE LOADING
---- KL-VIDEO BACKGROUND
---- MAGNIFIC POPUP
---- TO TOP
---- TO NEXT BUTTON
---- COUNTER
---- IMAGE GALLERY

// SITE HEADER
---- HEADER STYLES
---- HEADER STYLE 1
---- HEADER STYLE 2
---- HEADER STYLE 3
---- HEADER STYLE 5
---- HEADER STYLE 6
---- HEADER STYLE 7
---- HEADER STYLE 8
---- HEADER STYLE 9
---- MAIN NAVIGATION
---- TOP NAV
---- HEADER NAV.
---- CALL TO ACTION
---- HEADER SEARCH
---- SUPPORT PANEL
---- LOGIN / REGISTER POPUPS
---- LANGUAGES
---- CART
---- INFOCARD
---- SOCIAL ICONS
---- STICKY LOGO
---- STICKY HEADER
---- CHASER

// SUBHEADER
---- KL SLIDESHOW
---- PAGE SUBHEADER
---- BREADCRUMBS
---- BOTTOM MASKS
---- SPARKLES

// WIDGETS
---- SOCIAL SHARING
---- FLICKR FEED
---- TWITTER FEED
---- NEWSLETTER
---- RECENT COMMENTS
---- RECENT ENTRIES
---- WP CALENDAR

// SITE FOOTER
---- FOOTER
---- FOOTER NAV
---- NEWSLETTER IN FOOTER

// PAGES
---- BLOG
---- BLOG COMMENTS
---- BLOG RESPOND
---- PORTFOLIO ITEM
---- PORTFOLIO OVERLAY
---- PORTFOLIO CAROUSEL
---- SORTABLE PORTFOLIO

// =========================================================================== */


/* ===========================================================================
// BASE
// ------------------------------------------------------------------------ */

body {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.7;
	color: #535353;
	background-color: #f5f5f5;
}

h1, h2, h3, h4, h5, h6 {font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; }
p {margin: 0 0 20px;}

iframe {border: 0;}

a {color: #000;}

a:hover { color: #CD2122; text-decoration:none;}
a:focus {  outline: none; text-decoration: none; color: initial; text-shadow: none; }

blockquote { margin: 25px 40px }
legend { padding-bottom: 10px;}

/* Eventually this should be removed */
img {max-width: 100%; height: auto; }

/* Iframes/Embeds */
iframe, object, embed {max-width: 100%; }

/* Text Custom Default */
.text-custom {color:#cd2122;}

/* Dark colored styles */
body.kl-skin--dark {color: #c6c6c6; background-color: #1A1A1A;}
.kl-skin--dark a {color: #fff;}
.kl-skin--dark code {background-color: #040404;}
.kl-skin--dark pre {color: #E0E0E0; background-color: #171717; border: 1px solid #2D2D2D; }
.kl-skin--dark hr {border-top: 1px solid #3E3E3E;}
.kl-skin--dark blockquote {border-left: 5px solid #444;}
.kl-skin--dark .blockquote-reverse,
.kl-skin--dark blockquote.pull-right {border-right: 5px solid #444; }

/* Form Control */
.kl-skin--dark .form-control:not(.form-control--light),
.element-scheme--dark .form-control {color: #D0D0D0; background-color: #111; border: 1px solid #2D2D2D; box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.85)}
.kl-skin--dark .form-control:not(.form-control--light):focus,
.element-scheme--dark .form-control:focus {border-color: rgba(132, 132, 132, 0.26); box-shadow: inherit; }
.kl-skin--dark legend {color: #B3B3B3; border-bottom-color:#3B3B3B; }

/* Use fixclear class on parent to clear nested columns */
.fixclear:after,
.fixclear:before,
.clear:after,
.clear:before,
.site-footer .menu:after,
.site-footer .menu:before {display: table; content: " "}
.fixclear:after,
.clear:after,
.site-footer .menu:after {clear: both }

.zn_separator {border-top-style: solid;}

.kl-input-text-dark {-webkit-box-shadow:rgba(255,255,255,0.1) 0 1px 0,rgba(0,0,0,0.8) 0 1px 7px 0px inset;box-shadow:rgba(255,255,255,0.1) 0 1px 0,rgba(0,0,0,0.8) 0 1px 7px 0px inset;background:#202020;background-color:rgba(0,0,0,0.3);}

ul.list-style1,
ul.list-style2 {margin-left:0; padding-left: 0; list-style:none;}
ul.list-style1 li:before,
ul.list-style2 li:before { margin-right: 10px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
ul.list-style1 li:before { content: "\e072"; font-size: 8px; opacity: .7;}
ul.list-style2 li:before { content:"\e013"; opacity: 0.6;}

/* Equalizer classes used for first or last elements in a row to align to fixed-width
containers of the page, from inside of a full-width section */
@media (min-width: 768px) {
    .zn_col_eq_first { padding-left: calc((100vw - 750px) / 2);}
	.zn_col_eq_last {padding-right: calc((100vw - 750px) / 2);}
}
@media (min-width: 992px) {
    .zn_col_eq_first { padding-left: calc((100vw - 970px) / 2);}
	.zn_col_eq_last {padding-right: calc((100vw - 970px) / 2);}
}
@media (min-width: 1200px) {
    .zn_col_eq_first { padding-left: calc((100vw - 1170px) / 2);}
	.zn_col_eq_last {padding-right: calc((100vw - 1170px) / 2);}
}
body.boxed .zn_col_eq_first { padding-left:0;}
body.boxed .zn_col_eq_last {padding-right:0;}

/* Five Columns */
.col-md-1-5,
.col-sm-1-5,
.col-xs-1-5,
.col-lg-1-5 {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
.col-xs-1-5 {width: 20%; float: left; }
@media (min-width: 768px) {
	.col-sm-1-5 {width: 20%; float: left; }
}
@media (min-width: 992px) {
	.col-md-1-5 {width: 20%; float: left; }
}
@media (min-width: 1200px) {
	.col-lg-1-5 {width: 20%; float: left; }
}

/* Gutter Sizes - Large */
.row.gutter-lg { margin-right: -40px; margin-left: -40px;}
.row.gutter-lg > [class*="col-"] {padding-right: 40px; padding-left: 40px;}
/* Gutter Sizes - Medium */
.row.gutter-md { margin-right: -25px; margin-left: -25px;}
.row.gutter-md > [class*="col-"] {padding-right: 25px; padding-left: 25px;}
/* Gutter Sizes - Small */
.row.gutter-sm { margin-right: -10px; margin-left: -10px;}
.row.gutter-sm > [class*="col-"] {padding-right: 10px; padding-left: 10px;}
/* Gutter Sizes - Extra small */
.row.gutter-xs { margin-right: -5px; margin-left: -5px;}
.row.gutter-xs > [class*="col-"] {padding-right: 5px; padding-left: 5px;}
/* Gutter Sizes - zero gutter */
.row.gutter-0 { margin-right: 0; margin-left: 0;}
.row.gutter-0 > [class*="col-"] {padding-right: 0; padding-left: 0;}

/* Snippet for vertically centering childs (this class should be appended to the absolute parent) */
.flex-vcenter { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; flex-direction: row; -webkit-flex-direction: row; }

/* TOOLTIP FADE */
.fade {opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
.fade.in { opacity: 1; }


/* Utilitites */

/* css transitions - reducing transitions lines */
.u-trans-all-2s,
#sidebar ul.menu li a,
.zn_sidebar ul.menu li a,
[id*='sidebar-widget-'] ul.menu li a {-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.zn_ovhidden {overflow: hidden;}

.round-corners {border-radius: 3px;}

/* Circled Icon */
.circled-icon {display: inline-block; border-radius: 50%; width: 46px; height: 46px; line-height: 46px; box-sizing: content-box; text-align: center; position: relative; vertical-align: middle; border-width: 2px; border-style: solid;}
.circled-icon:before {vertical-align: middle; display: block; line-height: 46px;}
.circled-icon.ci-xsmall {width: 22px; height: 22px; line-height: 22px;}
.circled-icon.ci-xsmall:before {line-height: 23px;}
.circled-icon.ci-small {width: 36px; height: 36px; line-height: 36px;}
.circled-icon.ci-small:before {line-height: 36px;}
.circled-icon.ci-large {width: 76px; height: 76px; line-height: 76px;}
.circled-icon.ci-large:before {line-height: 76px;}
.circled-icon.ci-faded {border-color:rgba(255,255,255,.5);}

/* Font weight helpers */
.fw-thin {font-weight: 300 !important;}
.fw-normal {font-weight: 400 !important;}
.fw-semibold {font-weight: 600 !important;}
.fw-bold {font-weight: 700 !important;}
.fw-extrabold {font-weight: 800 !important;}

/* Font sizes helpers */
.fs-smaller {font-size: 70% !important;}
.fs-small {font-size: 90% !important;}
.fs-big {font-size: 110% !important;}
.fs-bigger {font-size: 140% !important;}
.fs-large {font-size: 200% !important;}

/* Letter spacing */
.lt-spacing-1 {letter-spacing: 1px !important;}
.lt-spacing-2 {letter-spacing: 2px !important;}
.lt-spacing-3 {letter-spacing: 3px !important;}
.lt-spacing-5 {letter-spacing: 5px !important;}
.lt-spacing-10 {letter-spacing: 10px !important;}
/* Letter spacing - Negative */
.lt-spacing-neg-1 {letter-spacing: -1px !important;}
.lt-spacing-neg-2 {letter-spacing: -2px !important;}
.lt-spacing-neg-3 {letter-spacing: -3px !important;}
.lt-spacing-neg-5 {letter-spacing: -5px !important;}
.lt-spacing-neg-10 {letter-spacing: -10px !important;}

/* Opacity helpers */
.opacity0,
.hov-opacity0:hover {opacity:0 !important;}
.opacity1,
.hov-opacity1:hover {opacity:.1 !important;}
.opacity2,
.hov-opacity2:hover {opacity:.2 !important;}
.opacity3,
.hov-opacity3:hover {opacity:.3 !important;}
.opacity4,
.hov-opacity4:hover {opacity:.4 !important;}
.opacity5,
.hov-opacity5:hover {opacity:.5 !important;}
.opacity6,
.hov-opacity6:hover {opacity:.6 !important;}
.opacity7,
.hov-opacity7:hover {opacity:.7 !important;}
.opacity8,
.hov-opacity8:hover {opacity:.8 !important;}
.opacity9,
.hov-opacity9:hover {opacity:.9 !important;}
.opacity10,
.hov-opacity10:hover {opacity:1 !important;}

.kl-icon-white {color: #fff; }

/* to uppercase */
.uppercase {text-transform: uppercase;}

/* Flip an icon, either vertical or horizontal */
.flipX-icon:before {  -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); display: inline-block;}
.flipY-icon:before {  -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); display: inline-block;}

/* Vertical alignment utilities */
.u-v-mid {vertical-align: middle;}
.u-v-top {vertical-align: top;}
.u-v-bottom {vertical-align: bottom;}
/* Float Clears */
.u-clear-right {clear:right;}
.u-clear-left {clear:left;}
.u-clear-none {clear:none;}
/* XXS Utilities, used for small screens -480px */
.visible-xxs {display: none!important; }
.hidden-xxs {display: block!important; }
@media (max-width: 480px) {
    .visible-xxs {display: block!important; }
    .hidden-xxs {display: none!important; }
}

/* used in several sliders */
.zn-shadow-lifted {box-shadow: 0 40px 20px -25px rgba(0, 0, 0, 0.25);}

/* Hacks */
.animateme {will-change:transform;}

/* Small hack for icon font */
[data-zniconfam]:before,
[data-zniconfam] { font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Reset line height */
.reset-line-height {line-height: 1}

/* Mandatory WordPress classes */
.sticky,
.gallery-caption,
.bypostauthor {}
.aligncenter {display:block; margin:0 auto; }
.alignright {float:right; margin:0 0 10px 20px; }
.alignleft {float:left; margin:0 20px 10px 0; }
.floatleft {float:left; }
.floatright {float:right; }
.align-center,
.textcenter {text-align:center; }
.align-right,
.textright {text-align:right; }
.textleft {text-align:left; }

/* Margins */
.u-mb-0 {margin-bottom: 0;}
.u-mb-10 {margin-bottom: 10px;}
.u-mb-20 {margin-bottom: 20px;}
.u-mb-30 {margin-bottom: 30px;}
.u-mb-50 {margin-bottom: 50px;}


/* MISC Styles */

/* Iframes In site-content */
.site-content iframe {max-width: 100%; }
.site-content .fb-like iframe {max-width:none;}
.fb-like iframe { max-width: inherit }
/* Facebook Comments */
.fb-comments,
.fb-comments span,
.fb-comments iframe {width: 100% !important;max-width: inherit;}
/* Just in case.. */
body[class*="span"] {float:none; margin-left:0; }


/* ===========================================================================
// GENERAL
// ------------------------------------------------------------------------ */

/* PAGE WRAPPER */
#page_wrapper {position: relative; overflow: hidden; z-index: 0;}


/* PAGE PRELOADER */
#page-loading { background-color: #fff; position: fixed; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all .3s ease; transition: all .3s ease; z-index: 999999; }
#page-loading:after { position: absolute; content: ' '; width: 42px; height: 42px; left: 50%; top: 50%; margin: -21px 0 0 -21px; border: 2px solid #ff2021; border-radius: 30px; opacity: 0; -webkit-animation: pulsate 1s ease-out; animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-webkit-keyframes pulsate {
	0% { -webkit-transform: scale(.1); transform: scale(.1);  opacity: 0.0; }
	50% { opacity: 1; }
	100% { -webkit-transform: scale(1.2); transform: scale(1.2);  opacity: 0; }
}
@keyframes pulsate {
	0% { -webkit-transform: scale(.1); transform: scale(.1);  opacity: 0.0; }
	50% { opacity: 1; }
	100% { -webkit-transform: scale(1.2); transform: scale(1.2);  opacity: 0; }
}


/* BOXED VERSION */
body.boxed #page_wrapper {width:1000px; border-left: 3px solid #fff; border-right: 3px solid #fff; margin:0 auto; background:#f5f5f5; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);}
body.boxed .site-header { width: 100%;}

@media screen and (max-width:991px) {
	body.boxed #page_wrapper {width:100%; border:0;}
}
@media screen and (min-width:992px) {
	/* Boxed on 960px width layout */
	body.boxed.res960 #page_wrapper {width: 1000px; }
	/* Header Sticky and Boxed Layout (both) */
	body.boxed .site-header.header--sticky,
	/* Header Sticky + Boxed Layout + 960px layout */
	body.boxed.res960 .site-header.header--sticky { width: 994px; }
}
@media screen and (min-width: 1200px){
	/* Boxed layout */
	body.boxed #page_wrapper {width: 1200px; }
	/* Header Sticky and Boxed Layout */
	body.boxed .site-header.header--sticky { width: 1194px; }
}


/* SITE CONTENT */
.site-content {position:relative; margin-top: 60px; }
.site-header.site-header--absolute + .site-content {padding-top: 200px; margin-top:0; }
@media screen and (max-width: 767px){
	.site-header.site-header--absolute + .site-content  {padding-top: 80px; }
}
/* Content Page */
#th-content-page {padding-bottom: 60px; }


/* CAROUSELS DEFAULTS */
.cfs--default {margin: 0; position: relative; zoom: 1;}
.cfs--default > ul {margin:0; padding:0; list-style: none;}
.cfs--default .cfs--item,
.cfs--default > ul > li {display:block; float:left; position: relative;}
/* CFS SVG navigation */
.cfs-svg--next,
.cfs-svg--prev { width:40px; height: 60px; display: block !important; cursor: pointer;}
.cfs-svg--next svg,
.cfs-svg--prev svg {display: inline-block; }
.cfs-svg--next polyline,
.cfs-svg--prev polyline {-webkit-transition: stroke-width 250ms ease-in-out;transition: stroke-width 250ms ease-in-out; }
.cfs-svg--prev:hover polyline,
.cfs-svg--prev:focus polyline {stroke-width: 3; }
.cfs-svg--prev:active polyline {stroke-width: 6; -webkit-transition: stroke-width 100ms ease-in-out; transition: stroke-width 100ms ease-in-out; }
.cfs-svg--next:hover polyline,
.cfs-svg--next:focus polyline {stroke-width: 3; }
.cfs-svg--next:active polyline {stroke-width: 10; -webkit-transition: stroke-width 100ms ease-in-out; transition: stroke-width 100ms ease-in-out; }


/* PAGE TITLES */
.page-title,
.subtitle {line-height:1.4; margin-bottom: 25px; padding-bottom: 25px;}
.page-title {font-size:26px; margin-top: 0;}
.subtitle {font-size:36px; font-weight:300;}
.kl-skin--light .page-title,
.kl-skin--light .subtitle {border-bottom:1px solid #cbcbcb;}
.kl-skin--light .page-title {color:#050505;}
.kl-skin--light .subtitle {color:#595959;}
.kl-skin--dark .page-title,
.kl-skin--dark .subtitle {border-bottom:1px solid rgba(255, 255, 255, 0.1);}
.kl-skin--dark .page-title {color:#DEDEDE;}
.kl-skin--dark .subtitle {color:#989898;}


/* MODS TITLES */
.m_title {margin-top:0; color:#CD2122;}
.m_title_ext {font-size:18px; line-height: 1.4;}


/* HOVER BORDER */
.hoverBorder h6,
.hoverBorder:hover img {-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.hoverBorder {position:relative; display:inline-block; margin-bottom: 25px;}
.hoverBorder h6 {position: relative; z-index: 1;}
.hoverBorder img {max-width:100%; box-sizing: border-box; border-radius: 2px; width: 100%; position: relative;}
.hoverBorder:hover img { border-radius:2px; opacity:0.8; }
.hoverBorder:after {content:''; position:absolute; left:0; top:0; bottom:0; right:0; border-radius:3px; box-shadow:0 0 0 3px rgba(255,255,255,0.15) inset; -webkit-transition: box-shadow 0.2s ease-out, background-color 0.2s ease-out; transition: box-shadow 0.2s ease-out, background-color 0.2s ease-out;}
.hoverBorder:hover:after { box-shadow:0 0 0 5px #cd2122 inset;}
.plus.hoverBorder:before {content:"\002b"; opacity:0; position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius:3px; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 1; color: #fff; font-size: 22px;}
.plus.hoverBorder:hover:after {background-color: rgba(35,35,35,0.5);}
.plus.hoverBorder:hover:before {opacity:1;}


/* FORMS */
.form-control:focus {  border-color: rgba(0, 0, 0, 0.26); box-shadow: inherit;  }
.cf--dark .form-control:focus {  border-color: rgba(255, 255, 255, 0.26);}
textarea.form-control {  width: 100%;  max-width: 100%;  }

/* FANCYFORMS */
.kl-fancy-form {  position: relative;  }
.kl-fancy-form-label {  color: #969696; font-size: 10px;  text-transform: uppercase;  position: absolute;  top: 6px;  left: 16px;  cursor: text;  -webkit-transition: all .25s ease;  transition: all .25s ease;  }
.kl-fancy-form-input:focus + .kl-fancy-form-label,
.kl-fancy-form-textarea:focus + .kl-fancy-form-label {  color: #c0c0c0;  }
.kl-fancy-form .form-control {  padding: 26px 16px 6px 16px; height: auto; }
/* Selectbox fix for Chrome/Safari on OSX */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.kl-fancy-form-select {height: 52px; -webkit-appearance: none; box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.06); background-image: url(../images/select-arrow.svg); background-repeat: no-repeat; background-size: 6px 12px; background-position: calc(100% - 10px) center; background-position-y: center; background-position-x: calc(100% - 10px); }
}
.kl-fancy-form-input::-webkit-input-placeholder {color: #bababa; }
.kl-fancy-form-input:focus::-webkit-input-placeholder {color: #D7D7D7; }
/* Firefox < 19 */
.kl-fancy-form-input:-moz-placeholder {color: #bababa; }
.kl-fancy-form-input:focus:-moz-placeholder {color: #D7D7D7; }
/* Firefox > 19 */
.kl-fancy-form-input::-moz-placeholder {color: #bababa; }
.kl-fancy-form-input:focus::-moz-placeholder {color: #D7D7D7; }
/* Internet Explorer 10 */
.kl-fancy-form-input:-ms-input-placeholder {color: #bababa; }
.kl-fancy-form-input:focus:-ms-input-placeholder {color: #D7D7D7; }
/* For dark placeholders */
.cf--dark .kl-fancy-form-input::-webkit-input-placeholder {color: #ababab; }
.cf--dark .kl-fancy-form-input:focus::-webkit-input-placeholder {color: #cecece; }
/* Firefox < 19 */
.cf--dark .kl-fancy-form-input:-moz-placeholder {color: #ababab; }
.cf--dark .kl-fancy-form-input:focus:-moz-placeholder {color: #cecece; }
/* Firefox > 19 */
.cf--dark .kl-fancy-form-input::-moz-placeholder {color: #ababab; }
.cf--dark .kl-fancy-form-input:focus::-moz-placeholder {color: #cecece; }
/* Internet Explorer 10 */
.cf--dark .kl-fancy-form-input:-ms-input-placeholder {color: #ababab; }
.cf--dark .kl-fancy-form-input:focus:-ms-input-placeholder {color: #cecece; }


/* PAGINATION */
.kl-pagination {margin: 10px 0 20px; text-align:center; display: block; text-transform: uppercase; font-size: 10px; line-height: 1.6; color: #888; list-style-type: none; padding: 10px 0;}
.pagination-item {display: inline-block; margin: 0 5px;}
.pagination-item-link,
.pagination-item-link:focus,
.pagination-item-link:hover,
.pagination-item-span,
.pagination-item-span:focus,
.pagination-item-span:hover { border:0; background:none; text-shadow:none; }
/* Normal state */
.pagination-item-link,
.pagination-item-span {font-size: 12px; text-transform:uppercase; font-weight: 600; padding: 0; display: inline-block; margin: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; float: none; color: rgba(0, 0, 0, 0.85);border-radius: 3px;}
/* Move left and right arrows */
.pagination-item-prev {margin-right:50px;}
.pagination-item-next {margin-left:50px;}
/* hide first or last if no pages */
.pagination-item-span-prev,
.pagination-item-span-next { display: none;}
/* Add left & right glyphs */
.pagination-item-prev .zn_icon,
.pagination-item-next .zn_icon { line-height: 40px;}
/* Hover state */
.pagination-item-link:hover,
.pagination-item-prev-link:hover:before,
.pagination-item-next-link:hover:before { color: rgba(0, 0, 0, 0.5); }
/* Active */
.pagination-item-active-link,
.pagination-item-active-link:focus,
.pagination-item-active-link:hover,
.pagination-item-active-span,
.pagination-item-active-span:focus,
.pagination-item-active-span:hover { color: rgba(0, 0, 0, 0.5); background: none; border: 2px solid rgba(0, 0, 0, 0.18); height: 40px; line-height: 38px; width: 40px;     cursor: default;}
/* Dark version */
.pagination--dark .kl-pagination {color: #C1C1C1; }
.pagination--dark .pagination-item-link,
.pagination--dark .pagination-item-span {color: rgba(255, 255, 255, 0.85);}
.pagination--dark .pagination-item-link:hover,
.pagination--dark .pagination-item-prev-link:hover:before,
.pagination--dark .pagination-item-next-link:hover:before { color: rgba(255, 255, 255, 0.5); }
.pagination--dark .pagination-item-active-link,
.pagination--dark .pagination-item-active-link:focus,
.pagination--dark .pagination-item-active-link:hover,
.pagination--dark .pagination-item-active-span,
.pagination--dark .pagination-item-active-span:focus,
.pagination--dark .pagination-item-active-span:hover { color: rgba(255, 255, 255, 0.5); border: 2px solid rgba(255, 255, 255, 0.18); }


/* SEARCH FORM */
.gensearch__form { position: relative; }
.gensearch__input { height: 42px; width: 100%; padding: 0 20px; outline: none; border: 1px solid #ddd; }
.gensearch__submit { position: absolute; right: 0; border: 0; color: #BBB; background-color: transparent; outline: none; height: 100%; padding: 0 20px; font-size: 12px; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
.screen-reader-text ~ .gensearch__submit {height:42px; top: auto; bottom:0;}
.gensearch__submit:hover { color: #131313; }
.gensearch__submit:after { content: ''; width: 1px; height: 24px; background-color: #ddd; display: block; left: 0; position: absolute; top: 50%; margin-top: -12px; }
.kl-gensearch--dark .gensearch__submit {color: #999;}
.kl-gensearch--dark .gensearch__submit:hover { color: #eee; }
.kl-gensearch--dark .gensearch__submit:after { background-color: rgba(255,255,255,0.1); }
.kl-gensearch--dark .gensearch__input {border: 1px solid #252525; background-color: #111; }


/* BUTTONS */

/* Btn Lined (ghost) */
.btn-lined { border-width: 2px; background: none; color: #fff; text-shadow: none; padding: 7px 20px; line-height: 1.6; box-shadow: none; font-size: 14px; font-weight: 700; border-style: solid; border-radius: 3px; border-color: #fff; -webkit-transition:all .1s ease-in-out; transition:all .1s ease-in-out;}
.btn-lined:hover,
.btn-lined:focus { border-color: rgba(255,255,255,.7); color: #fff;}
/* Btn Lined - Skewed style */
.btn-lined.btn-skewed { border:0; background: none; position: relative; }
.btn-lined.btn-skewed:before { content:''; border: 2px solid #fff; border-radius: 4px; position:absolute; top:0; left:0; right:0; bottom: 0; -webkit-transform:skewX(-8deg); -ms-transform:skewX(-8deg); transform:skewX(-8deg);}
.btn-lined.btn-skewed:hover:before { border-color: rgba(255,255,255,.7); }
/* Btn Lined Dark (ghost) */
.btn-lined.lined-dark { color: #242424; border-color: #242424;}
.btn-lined.lined-dark:hover,
.btn-lined.lined-dark:focus { color: #343434;}
/* Btn Lined DARK - Skewed style */
.btn-lined.lined-dark.btn-skewed { border:0; background: none; position: relative; }
.btn-lined.lined-dark.btn-skewed:before { content:''; border: 2px solid #242424; border-radius: 4px; position:absolute; top:0; left:0; right:0; bottom: 0; -webkit-transform:skewX(-8deg); -ms-transform:skewX(-8deg); transform:skewX(-8deg);}
.btn-lined.lined-dark.btn-skewed:hover:before { border-color: rgba(0,0,0,.7); }
/* Btn Lined Dark (ghost) */
.btn-lined.lined-gray { color: #8E8E8E; border-color: #8E8E8E;}
.btn-lined.lined-gray:hover,
.btn-lined.lined-gray:focus { color: #454545;}
/* Btn Lined Gray - Skewed style */
.btn-lined.lined-gray.btn-skewed { border:0; background: none; position: relative; }
.btn-lined.lined-gray.btn-skewed:before { content:''; border: 2px solid #8E8E8E; border-radius: 4px; position:absolute; top:0; left:0; right:0; bottom: 0; -webkit-transform:skewX(-8deg); -ms-transform:skewX(-8deg); transform:skewX(-8deg);}
.btn-lined.lined-gray.btn-skewed:hover:before { border-color: rgba(0,0,0,.4); }
/* Button Lined Full Light */
.btn-lined.lined-full-light { color: #242424; border-color: #fff; background: rgba(255, 255, 255, 0.8); }
.btn-lined.lined-full-light:hover,
.btn-lined.lined-full-light:focus { color: #343434; background-color: #fff;}
/* Button Lined Full Dark */
.btn-lined.lined-full-dark { color: #e0e0e0; border-color: #000; background: rgba(0, 0, 0, 0.8); }
.btn-lined.lined-full-dark:hover,
.btn-lined.lined-full-dark:focus { color: #f9f9f9; background-color: #000;}
/* Bordered Button */
.btn.btn-bordered { border-width: 3px; border-color: #cd2122; border-style: double; background-clip: padding-box;}

.btn.btn--rounded {border-radius: 3px;}
.btn.btn--round {border-radius: 50px;}
.btn.btn--square {border-radius: 0;}

/* Filled buttons */
.btn-fullwhite,
.btn-fullblack,
.btn-fullcolor { border-width: 0;}
.btn-fullwhite,
.btn-fullblack,
.btn-fullcolor,
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-link { text-shadow: none; padding: 10px 20px; line-height: 1.6; box-shadow: none; font-size: 13px; font-weight: 700; border-style: solid; border-radius: 3px; -webkit-transition: background-color .15s ease-out; transition: background-color .15s ease-out;}

/* Btn FullColor */
.btn-fullcolor,
.btn-fullcolor:focus { background-color: #cd2122; color: #fff;}
.btn-fullcolor:hover {color: #fff;}
/* Btn Fullwhite */
.btn-fullwhite { background-color: #fff; color: #242424 !important;}
.btn-fullwhite:hover {color: #353535 !important; background-color: rgba(255,255,255,0.85);}
/* Btn Fullblack */
.btn-fullblack { background-color: #090909; color: #f9f9f9 !important;}
.btn-fullblack:hover {color: #eee !important; background-color: rgba(0,0,0,0.85);}

/* Filled buttons - Skewed style */
.btn-fullwhite.btn-skewed,
.btn-fullblack.btn-skewed,
.btn-fullcolor.btn-skewed,
.btn-fullwhite.btn-skewed:hover,
.btn-fullblack.btn-skewed:hover,
.btn-fullcolor.btn-skewed:hover { border:0; background: none; position: relative; z-index: 0;}
.btn-fullwhite.btn-skewed:before,
.btn-fullblack.btn-skewed:before,
.btn-fullcolor.btn-skewed:before { content:''; border-radius: 4px; position:absolute; top:0; left:0; right:0; bottom: 0; -webkit-transform:skewX(-8deg); -ms-transform:skewX(-8deg); transform:skewX(-8deg); -webkit-transition:background-color .2s ease-in-out; transition:background-color .2s ease-in-out; z-index: -1;}
/* Btn FullColor */
.btn-fullcolor.btn-skewed:before { background-color: #cd2122; }
/* Btn Fullwhite */
.btn-fullwhite.btn-skewed:before { background-color: #fff; }
.btn-fullwhite.btn-skewed:hover:before { background-color: rgba(255,255,255,0.85);}
/* Btn Fullblack */
.btn-fullblack.btn-skewed:before { background-color: #090909; }
.btn-fullblack.btn-skewed:hover:before { background-color: rgba(0,0,0,0.85);}

/* Btn sizing presets */
.btn-group-lg>.btn, .btn-lg {padding: 20px 30px; font-size: 18px; line-height: 1.3333333; }
.btn-group-lg>.btn.btn-lined, .btn-lg.btn-lined {padding: 18px 30px; }
.btn-group-md>.btn, .btn-md {padding: 16px 25px; font-size: 14px; line-height: 1.3333333; }
.btn-group-md>.btn.btn-lined, .btn-md.btn-lined {padding: 14px 25px; }
.btn-group-sm>.btn, .btn-sm {padding: 5px 10px 4px; font-size: 12px; line-height: 1.5; font-weight: 600; }
.btn-group-sm>.btn.btn-lined, .btn-sm.btn-lined {padding: 3px 10px 2px; }
.btn-group-xs>.btn, .btn-xs {padding: 1px 5px; font-size: 12px; line-height: 1.6; font-weight: 400; }
.btn-group-xs>.btn.btn-lined, .btn-xs.btn-lined {padding: 1px 5px; }
/* Width presets */
@media screen and (min-width: 992px){
	.btn-fullwidth {width:100%;}
	.btn-halfwidth {width:50%;}
	.btn-third {width:33.33%;}
	.btn-forth {width:25%;}
}


/* SOCIAL ICONS */
.social-icons {margin-left:10px; margin-bottom:0; z-index: 1; }
.social-icons-li {display:inline-block; margin:5px; margin-left:10px; margin-right:0; vertical-align: top;}
.social-icons-item {display:inline-block; color:#fff; width:30px; height:30px; position:relative; border-radius:3px; text-align: center;-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-size: 14px; font-weight: normal; opacity: 1;}
.social-icons-item:before {line-height:30px;}
.social-icons-item:hover {box-shadow:0 0 6px rgba(0,0,0,0.4)}
.social-icons.sc--normal .social-icons-item { background-color: #111; }
.social-icons.sc--normal .social-icons-item:hover {background-color:#CD2122;}
/* Colored social icons */
.social-icons.sc--colored .social-icons-item:hover {background-color:#121212; color: #fff;}
/* Colored social icons */
.social-icons.sc--colored_hov .social-icons-item:not(:hover) {background-color:#121212; color: #fff;}
/* Social icons - clean style */
.social-icons.sc--clean .social-icons-li {margin-left: 0; margin-right: 0;}
.social-icons.sc--clean .social-icons-item {background:none;  box-shadow: none; font-size:14px;}
.social-icons.sc--clean .social-icons-item:hover {background:none; box-shadow: none; }


/* PAGE SIDEBARS */
@media screen and (min-width: 992px){
	.left_sidebar {float:right;}
}
.zn_sidebar { padding: 20px 15px; border-radius: 3px; margin-bottom: 20px; background: white; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);}
.zn_sidebar select {max-width: 100%;}
.kl-sidebar--dark {background: #121212; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.45);}
.zn-sidebar-widget {margin-bottom:35px;}
.zn-sidebar-widget-title {color: #050505; line-height: 1.4; margin: 10px 0 15px; padding-bottom: 20px; position: relative; font-size: 14px; text-transform: uppercase;}
.kl-sidebar--dark .zn-sidebar-widget-title {color:#FAFAFA;}
.zn-sidebar-widget-title:after {content: ''; position: absolute; left: 0; bottom: 2px; width: 50px; height: 0; border-bottom: 1px solid #cd2122;}
.zn-sidebar-widget-title:before {content: ''; position: absolute; left: 0; bottom: 2px; width: 100%; height: 0; border-bottom: 1px solid #ececec;}
.kl-sidebar--dark .zn-sidebar-widget-title:before {border-bottom-color: #2D2D2D;}
.zn-sidebar-widget ul.menu,
.zn-sidebar-widget ul.pagenav,
.zn_sidebar .widget_meta > ul {margin:0; padding:0; list-style:none;}
.zn-sidebar-widget ul.menu li,
.zn-sidebar-widget ul.pagenav li,
.zn_sidebar .widget_meta > ul li {margin-bottom:0;}
.zn-sidebar-widget ul.menu li a,
.zn-sidebar-widget ul.pagenav li a,
.zn_sidebar .widget_meta > ul a {color: #747474; display: block; padding: 5px 0; position: relative; border-radius: 2px;}
.kl-sidebar--dark .zn-sidebar-widget ul.menu li a,
.kl-sidebar--dark .zn-sidebar-widget ul.pagenav li a,
.kl-sidebar--dark .widget_meta > ul a {color: #ababab; }
.zn-sidebar-widget ul.menu li a::before,
.zn-sidebar-widget ul.pagenav li a::before,
.zn_sidebar .widget_meta > ul a::before {content: ''; display: inline-block; margin-right: 12px; width: 8px; height: 2px; background: #E1E1E1; vertical-align: middle; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; }
.kl-sidebar--dark .zn-sidebar-widget ul.menu li a::before,
.kl-sidebar--dark .zn-sidebar-widget ul.pagenav li a::before,
.kl-sidebar--dark .widget_meta > ul a::before {background: #454545;}
.zn-sidebar-widget ul.menu li.active > a,
.zn-sidebar-widget ul.pagenav li.active a,
.zn-sidebar-widget ul.menu li.current-cat > a,
.zn-sidebar-widget ul.pagenav li.current-cat > a,
.zn-sidebar-widget ul.menu li > a:hover,
.zn-sidebar-widget ul.pagenav li a:hover,
.zn_sidebar .widget_meta > ul a:hover {color: #000000;}
.kl-sidebar--dark .widget ul.menu li > a:hover,
.kl-sidebar--dark .widget ul.pagenav li a:hover,
.kl-sidebar--dark .widget_meta > ul a:hover {color:#eee;}
.zn-sidebar-widget ul.menu li a:hover::before,
.zn-sidebar-widget ul.pagenav li a:hover::before,
.zn_sidebar .widget_meta > ul a:hover::before {width: 12px; margin-right: 8px;}


/* FAKE LOADING */
.fake-loading {position:absolute; top:0; left:0; right:0; bottom:0; background: #fff; z-index: 1; pointer-events:none; -webkit-animation: fake-loading .4s ease-in 2s 1 normal forwards; animation: fake-loading .4s ease-in 2s 1 normal forwards;}
.no-pointerevents .fake-loading {display: none;}
.fake-loading.fl--nobg {background: none;}
.fake-loading.loading-1s { -webkit-animation-delay:1s; animation-delay:1s; }
.fake-loading.loading-2s { -webkit-animation-delay:2s; animation-delay:2s; }
.fake-loading.loading-4s { -webkit-animation-delay:4s; animation-delay:4s; }
.fake-loading.loading-8s { -webkit-animation-delay:8s; animation-delay:8s; }
.fake-loading.loading-10s { -webkit-animation-delay:10s; animation-delay:10s; }
.fake-loading:after {content:''; border: 2px solid rgba(205, 33, 34, 0.16); border-top-color: #cd2122; border-right-color: #cd2122; border-radius: 50%; width:30px; height:30px; position: absolute; left:50%; top:50%; margin:-15px 0 0 -15px; -webkit-animation: fake-loading-circle .5s infinite linear; animation: fake-loading-circle .5s infinite linear; }
@-webkit-keyframes fake-loading {
	0% {visibility: visible; opacity: 1; }
	100% {visibility: hidden; opacity: 0; }
}
@keyframes fake-loading {
	0% {visibility: visible; opacity: 1; }
	100% {visibility: hidden; opacity: 0; }
}
@-webkit-keyframes fake-loading-circle {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg) }
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg) }
}
@keyframes fake-loading-circle {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg) }
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg) }
}


/* KALLYAS VIDEO BACKGROUND */
.kl-video-wrapper {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0;}
.kl-video {position: absolute; z-index: 1;}
.kl-video video,
.kl-video iframe {display:block; max-width: none;}
.kl-video .fallback_image {background-repeat: no-repeat; background-position: center; background-size: cover; left: 0; top: 0; bottom: 0; right: 0;}
.csstransforms .kl-video.valign video,
.csstransforms .kl-video.valign iframe {top: 50% !important; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.csstransforms .kl-video.halign video,
.csstransforms .kl-video.halign iframe { left: 50% !important; -webkit-transform:translateX(-50%) scale(1.002); -ms-transform:translateX(-50%) scale(1.002); transform:translateX(-50%) scale(1.002); }
.csstransforms .kl-video.halign.valign video,
.csstransforms .kl-video.halign.valign iframe { top: 50% !important; left: 50% !important; -webkit-transform: translateY(-50%) translateX(-50%) scale(1.002); -ms-transform: translateY(-50%) translateX(-50%) scale(1.002); transform: translateY(-50%) translateX(-50%) scale(1.002);}
/* Video Grid Overlay */
.video-grid-overlay:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index: 1; background-image:url(../images/video-pattern-1.png); opacity:.7; pointer-events:none;}
.no-pointerevents .video-grid-overlay:after {display: none;}
.video-grid-overlay.ovrl2:after {background-image:url(../images/video-pattern-2.png);}
/* Video with subtle top gradient */
.video-subtle-gradient:before {content:''; position:absolute; top:0; left:0; width:100%; height:270px; z-index:2; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,transparent)); background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,transparent 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,transparent 100%);}
/* Video Controls */
.kl-video--controls {list-style: none; margin:0; padding:0; position:absolute; top: 30px; right: 50px; z-index: 3; width: 50px; opacity:.1; -webkit-transition:opacity .2s ease-in; transition:opacity .2s ease-in;}
.kl-video--controls[data-position="top-left"] {right:auto; left:50px;}
.kl-video--controls[data-position="top-center"] {right:auto; left:50%; margin-left:-25px;}
.kl-video--controls[data-position="bottom-right"] {top:auto; right:20px; bottom: 5px;}
.kl-video--controls[data-position="bottom-left"] {top:auto; right:auto; left:50px; bottom: 5px;}
.kl-video--controls[data-position="bottom-center"] {top:auto; right:auto; left:50%; bottom: 5px; margin-left:-25px; }
div[class*="maskcontainer--"] .kl-video--controls[data-position="bottom-right"],
div[class*="maskcontainer--"] .kl-video--controls[data-position="bottom-left"],
div[class*="maskcontainer--"] .kl-video--controls[data-position="bottom-center"] {bottom: 40px;}
.kl-video--controls[data-position="middle-right"] {top:50%; margin-top:-25px;}
.kl-video--controls[data-position="middle-left"] {left:50px; right:auto; top:50%; margin-top:-25px;}
.kl-video--controls[data-position="middle-center"] {left:50%; right:auto; top:50%; margin-top:-25px; margin-left:-25px;}
.kl-video-container:hover .kl-video--controls,
#page-header:hover .kl-video--controls {opacity:1;}
.kl-video-container .kl-video--controls a {width: 50px; height: 50px; display:block; cursor:pointer; color:#fff; text-align: center; line-height: 50px; text-decoration: none; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; opacity: .5;}
.kl-video--controls .btn-audio {opacity:0; visibility: hidden; -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px); }
.kl-video--controls:hover .btn-audio {opacity:.7; visibility: visible; -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px); }
.kl-video--controls .btn-toggleplay {-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }
.kl-video--controls .btn-toggleplay .paused:before {content:"\e072";}
.kl-video--controls:hover .btn-toggleplay {-webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px); }
.kl-video--controls a:hover {opacity:1;}
.kl-video--controls .btn-audio .kl-icon {width: 28px; height: 28px; line-height: 28px; }
.kl-video--controls .btn-audio .kl-icon:before {line-height: 29px; }
.kl-video--controls .btn-audio .mute:before {content:"\e036";}


/* MAGNIFIC POPUP CSS */
.mfp-bg {top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); }
.mfp-wrap {top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container {text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; }
.mfp-container:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before {display: none; }
.mfp-content {position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {width: 100%; cursor: auto; }
.mfp-ajax-cur {cursor: progress; }
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom {cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {-webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure {display: none; }
.mfp-hide {display: none !important; }
.mfp-preloader {color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a {color: #CCC; }
.mfp-preloader a:hover {color: #FFF; }
.mfp-s-ready .mfp-preloader {display: none; }
.mfp-s-error .mfp-content {display: none; }
button.mfp-close,
button.mfp-arrow {overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner {padding: 0; border: 0; }
.mfp-close {width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {opacity: 1; filter: alpha(opacity=100); }
.mfp-close:active {top: 1px; }
.mfp-close-btn-in .mfp-close {color: #FFF; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter {position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }
.mfp-arrow {position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {opacity: 1; filter: alpha(opacity=100); }
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left {left: 0; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {border-right: 17px solid #FFF; margin-left: 31px; }
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {right: 0; }
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {border-left: 17px solid #FFF; margin-left: 39px; }
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close {top: -40px; }
.mfp-iframe-scaler {width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe {position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }
/* Main image in popup */
img.mfp-img {width: auto; max-width: 100%; height: auto; display: block; line-height: 0; padding: 40px 0 40px; margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {line-height: 0; }
.mfp-figure:after {content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }
.mfp-figure small {color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure {margin: 0; }
.mfp-bottom-bar {margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title {text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content {max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer; }
/* Fade Effect for opening */
.mfp-fade.mfp-bg { background: #333; opacity: 0; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.94; }
.mfp-fade.mfp-bg.mfp-removing {opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content {opacity: 0; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0; }
/* Zoom effect */
.mfp-zoom-in .mfp-with-anim {opacity: 0;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
.mfp-zoom-in.mfp-bg {opacity: 0;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.mfp-zoom-in.mfp-ready .mfp-with-anim {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.8;}
.mfp-zoom-in.mfp-removing .mfp-with-anim {-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);opacity: 0;}
.mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /** * Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder {padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img {padding: 0; }
  .mfp-img-mobile .mfp-figure:after {top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-figure small {display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; }
  .mfp-img-mobile .mfp-bottom-bar:empty {padding: 0; }
  .mfp-img-mobile .mfp-counter {right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close {top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}
@media all and (max-width: 900px) {
  .mfp-arrow {-webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); }
  .mfp-arrow-left {-webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; }
  .mfp-arrow-right {-webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; }
  .mfp-container {padding-left: 6px; padding-right: 6px; }
}

/* SCROLL TO TOP BUTTON */
#totop {height:9px; opacity:0; position:fixed; right:-60px; width:49px; z-index:999; display:block; top:85%; background-repeat:no-repeat; background-position:center 15px; background-color:#404040; font-size: 9px; font-weight: 900; color: #fff; text-align: center; line-height: 1; border-radius:2px; padding: 28px 0 21px 0; }
#totop:before {position: absolute; content:"\e080"; top: 10px; left: 50%; margin-left: -6px; font-size: 11px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); }
.on--totop #totop { right:10px; opacity:0.7; }
#totop:hover { opacity:1; }


/* TO-NEXT BUTTON */
.tonext-btn {position: absolute; bottom: 40px; left: 50%; margin-left: -12px; color: #FFF; display: block; z-index: 101; text-decoration: none;}
.tonext-btn.has-nav {bottom:70px;}
.mouse-anim-icon {width:24px; height:40px; border-radius: 12px; background-color: rgba(255,255,255,.1); transition: background-color .2s ease-out; position:relative; display: block;}
.mouse-anim-icon:after {position:absolute; content:''; width:2px; height:9px; background-color:rgba(0,0,0,0.25); left:50%; margin-left:-1px;
-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: animScroll; animation-name: animScroll; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out;}
.mouse-anim-icon:hover {background-color: rgba(255,255,255,.4); }
.mouse-anim-icon:hover:after {top:24px; }
@-webkit-keyframes animScroll {from {top:8px; } to {top:24px; } }
@keyframes animScroll {from {top:8px; } to {top:24px; } }

/* COUNTER */
.kl-counter {margin:0 0 50px;}
.kl-counter-list {display:inline-block;margin:0;padding:0;list-style:none}
.kl-counter-li {display:inline-block; margin:0 20px 15px 0; font-size:28px; font-weight:700; padding:15px 0; width:70px; text-align:center; background:rgba(0,0,0,0.2); border-radius:2px;}
.kl-counter-unit {display:block;font-size:13px; margin-top: 17px; line-height: 1;}
.kl-counter-launch { padding:0; background: rgba(0, 0, 0, 0.2); border-radius: 2px; display: inline-block; text-align: center; vertical-align: top; width: 80px; height: 80px; margin: 0 20px 18px 22px; }

/* IMAGE GALLERY WP (Custom) */
.zn_image_gallery .gallery_caption {position: absolute; bottom: 0; left: 0; color: #fff; width: 100%; padding: 10px 15px; -webkit-transition: bottom .25s ease, opacity .25s ease, visibility .25s ease; transition: bottom .25s ease, opacity .25s ease, visibility .25s ease; -webkit-backface-visibility: hidden; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.4))); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); }
.zn_image_gallery .hoverBorder { overflow: hidden;}
.zn_image_gallery .hoverBorder:hover .gallery_caption {opacity: 0; visibility: hidden; bottom:-100%; }


/* Element Appear - Fade In */
.el--appear.el--appear-fadein {opacity:0; -webkit-transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
.el--appear.el--appear-fadein.el--appeared {opacity:1; }
/* Element Appear - Slide from left */
.el--appear.el--appear-sfl {opacity:0; -webkit-transform:translateX(-150px); -ms-transform:translateX(-150px); transform:translateX(-150px); -webkit-transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), -webkit-transform .3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), transform .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
.el--appear.el--appear-sfl.el--appeared {opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
/* Element Appear - Slide from right */
.el--appear.el--appear-sfr {opacity:0; -webkit-transform:translateX(150px); -ms-transform:translateX(150px); transform:translateX(150px); -webkit-transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), -webkit-transform .3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), transform .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
.el--appear.el--appear-sfr.el--appeared {opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
/* Element Appear - Slide from Top */
.el--appear.el--appear-sft {opacity:0; -webkit-transform:translateY(-150px); -ms-transform:translateY(-150px); transform:translateY(-150px); -webkit-transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), -webkit-transform .3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), transform .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
.el--appear.el--appear-sft.el--appeared {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
/* Element Appear - Slide from Bottom */
.el--appear.el--appear-sfb {opacity:0; -webkit-transform:translateY(150px); -ms-transform:translateY(150px); transform:translateY(150px); -webkit-transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), -webkit-transform .3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), transform .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
.el--appear.el--appear-sfb.el--appeared {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
/* Element Appear - Scale IN */
.el--appear.el--appear-scale {opacity:0; -webkit-transform:scale(.3); -ms-transform:scale(.3); transform:scale(.3); -webkit-transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), -webkit-transform .3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:opacity .3s cubic-bezier(0.215, 0.610, 0.355, 1.000), transform .3s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
.el--appear.el--appear-scale.el--appeared {opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}


/* VideoBox Play button */
.playVideo {display:block; width:80px; height:80px; border:2px solid #fff; border-radius:50%; cursor: pointer; margin: 0 auto;  -webkit-transform: scale(.95) translate3d(0,0,0); -ms-transform: scale(.95) translate3d(0,0,0); transform: scale(.95) translate3d(0,0,0); -webkit-transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; -webkit-backface-visibility: hidden; vertical-align: middle;text-align: center; color: #fff; line-height: 76px; font-size: 18px;}
.playVideo:before { content: "\e072"; font-family: 'Glyphicons Halflings'; }
.playVideo:hover,
.playVideo:focus { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); color:#fff;}


/* Background source for elements */
.kl-bg-source:not(:empty),
.kl-bg-source__overlay,
.kl-bg-source__bgimage { position: absolute; top:0; left:0; bottom: 0; right:0; }
.kl-bg-source__bgimage { background-position: center; background-repeat: no-repeat; background-size: cover;}
.kl-bg-source__overlay { pointer-events: none;}
.no-pointerevents .fake-loading {display: none;}
.kl-bg-source__video {}
.kl-bg-source__iframe { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 56.25%;}
.kl-bg-source__iframe iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
.kl-bg-source__overlay-gloss {pointer-events: none; position: absolute; top: 0; left: -43%; background-color: #FFF; width: 100%; -webkit-transform: skewX(-55deg); -ms-transform: skewX(-55deg); transform: skewX(-55deg); height: 100%; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; opacity: .08;}

/* FlexBox grid toolkit */
.fxb,
.fxb-row {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.fxb-row-col {-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
/* Flexbox Column */
.fxb-col {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
/* Flex Wrapping */
.fxb {-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
/* Vertical Axis */
.fxb-start-y {-webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.fxb-center-y {-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.fxb-end-y {-webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
/* Horizontal Axis */
.fxb-start-x {-webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
.fxb-center-x {-webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.fxb-end-x {-webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
/* Flex Scaling settings */
.fxb-basis-auto {-webkit-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; }
.fxb-basis-20 {-webkit-flex-basis:20%; -ms-flex-preferred-size:20%; flex-basis:20%; }
.fxb-basis-0 {-webkit-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0; }
/* Flex Grow */
.fxb-grow-0 {-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}

/* MQ's */
@media (max-width: 767px){
	.fxb-row-col-sm {-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
	.fxb-sm-half {-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;}
	.fxb-sm-full {-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;}
}

/* Fallback - no flexbox */
.no-flexbox .fxb-row {display: table; width:100%;}
.no-flexbox [class*="fxb-col-"] {display: table-cell; vertical-align: middle;}
.no-flexbox .fxb-end-x {text-align:right;}
.no-flexbox .fxb-center-x {text-align:center;}
.no-flexbox .sh-component {display:inline-block; vertical-align:middle; text-align: start;}
.no-flexbox .site-header-main-right-ext {display: table-row;}

/* ===========================================================================
// SITE HEADER
// ------------------------------------------------------------------------ */

/* Header component-item */
.sh-component { margin-left:10px; margin-right: 10px; }

/* Reset first and last component-item in header */
.site-header-top-left .sh-component:first-child,
.site-header-main-left .sh-component:first-child,
.site-header-bottom-left .sh-component:first-child {margin-left:0}
.site-header-top-right .sh-component:last-child,
.site-header-main-right .sh-component:last-child,
.site-header-bottom-right .sh-component:last-child {margin-right:0}

/* SITE LOGO */
.site-logo { width: 100%; margin:0; display: table;}
.site-logo-anch { padding: 0; display: table-cell; position:relative; vertical-align: middle; text-align: center; }
.site-logo-img {max-width: 100% !important;}
/* Logo size preset */
.logosize--contain .site-logo-img {width: auto; height:100%; padding: 10px 0;}


/* MAIN NAVIGATION */
.main-nav {/*display:block;*/ font-size: 14px; }
.main-nav ul { list-style: none; padding: 0; margin: 0; line-height: 1; }
.main-nav > ul:after,
.main-nav > ul:before {display: table; content: " "}
.main-nav > ul:after {clear: both}
.main-nav ul li { margin-bottom: 0; }
.main-nav ul li a { display: block; font-weight: 400; }
.main-nav li > a[href="#"] { cursor:default; }

/* FIRST LEVEL */
.main-nav > ul > li { float: left; margin-top: 0; margin-left: 5px;}
.main-nav > ul > li:not(.menu-item-mega-parent) { position: relative;  }
.main-nav > ul > li:first-child { margin-left: 0;}
.main-nav > ul > li > a { position:relative; padding: 6px 12px; font-size: 14px; line-height: 1; color: #fff; z-index: 1; font-weight: 600; -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; }
.main-nav > ul > li.menu-item-has-children > a:after { content:''; opacity:1; position:absolute; height:1px; width: 7px; bottom: 3px; left: 17px; background-color: rgba(255,255,255,.4); -webkit-transition:opacity .2s ease-in-out; transition:opacity .2s ease-in-out;}
.main-nav > ul > li > a:before { content:''; opacity:0; position:absolute; border-radius:2px; height:50%; width: 100%; top:50%; left: 0; background-color: #cd2122; -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}
.main-nav > ul > li.active > a,
.main-nav > ul > li > a:hover,
.main-nav > ul > li:hover > a { text-decoration:none; color: #fff; }
.main-nav > ul > li.active > a:before,
.main-nav > ul > li > a:hover:before,
.main-nav > ul > li:hover > a:before { height:100%; opacity:1; }
.main-nav > ul > li.active.menu-item-has-children > a:after,
.main-nav > ul > li.menu-item-has-children > a:hover:after,
.main-nav > ul > li.menu-item-has-children:hover > a:after { opacity:0; }

/* Smaller menu items on tablets */
@media screen and (min-width:992px) and (max-width:1199px) {
    .main-nav > ul > li { margin-left:3px; }
    .main-nav > ul > li:first-child { margin-left:0; }
    .main-nav > ul > li > a { font-size:12px; padding:6px;}
}

/* FIRST SUB-LEVEL */
.main-nav ul ul.sub-menu li {position: relative;}
.main-nav ul ul.sub-menu ul { top: 100%; margin-top: 0; }
.main-nav ul ul.sub-menu li a:not(:only-child):after { position: absolute; top: 50%; margin-top: -1px; right: 10px; content: ''; opacity: .6; background-color: rgba(0, 0, 0, 0.3); width: 10px; height: 2px;}
.main-nav ul ul.sub-menu li a { min-width: 230px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0.03); padding: 10px 20px; font-size: 12px; color: #757575; position: relative; }
.main-nav ul ul.sub-menu li a[href="#custom-separator"],
.main-nav ul ul.sub-menu li.menuitem-separator > a {text-indent: -2999px; padding: 0; background-color: rgba(0, 0, 0, 0.05) !important; background-clip: padding-box; height: 5px;}
.main-nav ul ul.sub-menu li.active > a,
.main-nav ul ul.sub-menu li a:hover { color: #323232; background: rgba(0,0,0,0.04);}

/* REST OF SUB-LEVELS */
.main-nav ul ul.sub-menu,
.main-nav .zn_mega_container { position: absolute; border-radius: 2px; border: 1px solid rgba(255,255,255,.8); box-shadow: 0 0 4px rgba(0,0,0,.4); background: #f5f5f5; padding: 6px 0; background: rgba(245, 245, 245, 1); }
.main-nav > ul > li > ul.sub-menu:before { content:''; display: block; position:absolute; top: -12px; left:0; width:100%; height:12px; } /* hack for hovering properly even if there's a distance between the menu item and submenu */
.main-nav > ul > li > ul.sub-menu:after {content:''; display: block; position:absolute; top: -11px; left:14px; border: 6px solid transparent; border-bottom-width: 5px; border-bottom-color:#f5f5f5; }
.main-nav ul ul.sub-menu li:hover > ul  { left: 100%; top: -3px; opacity: 1; }

/* MEGAMENU OVERRIDES */
.main-nav .zn_mega_container { border: 1px solid rgba(255,255,255,.8); box-shadow: 0 0 4px rgba(0,0,0,.4); background: #f5f5f5; padding: 6px 0; background: rgba(245, 245, 245, 0.95); position: absolute; padding: 20px 0; margin-top: 10px;}
.main-nav .zn_mega_container:before { content:''; display: block; position:absolute; top: -12px; left:0; width:100%; height:12px; } /* fix for top hover */
.main-nav .zn_mega_container li a { padding: 10px 0; font-size: 12px; color: #757575; position: relative; text-transform: uppercase;}
.main-nav .zn_mega_container li a:not(.zn_mega_title):hover,
.main-nav .zn_mega_container li.active > a:not(.zn_mega_title) { color: #323232; }
.main-nav .zn_mega_container li a:not(.zn_mega_title):before {content:''; display:block; position:absolute; width:0; height:2px; background-color:#cd2122; bottom:0; -webkit-transition: width .15s cubic-bezier(0.680, 0, 0.265, 1); transition: width .15s cubic-bezier(0.680, 0, 0.265, 1);}
.main-nav .zn_mega_container li a:not(.zn_mega_title):hover:before,
.main-nav .zn_mega_container li.active > a:not(.zn_mega_title):before {width:100%; }
.main-nav .zn_mega_container .zn_mega_title_hide {display: none;}
.main-nav .zn_mega_container li a.zn_mega_title,
.main-nav div.zn_mega_container ul li:last-child > a.zn_mega_title { font-size: 14px; padding-left: 0; padding-right: 0; border-bottom-width:1px; border-bottom-style: solid;padding: 12px 0px; margin-bottom: 15px; font-weight: 600; text-transform: uppercase; border-bottom-color: rgba(0, 0, 0, 0.1); color: #333;}
.main-nav .zn_mega_container .zn_mega_row_start { margin-top: 20px;}
.main-nav .zn_mega_container a.zn_mega_title[href="#custom-invisible"],
.main-nav .zn_mega_container li:last-child a.zn_mega_title[href="#custom-invisible"],
.main-nav .zn_mega_container .menuitem-transparent > a {color:transparent !important;}
.main-nav .zn_mega_container .menuitem-invisible > a {visibility: hidden;}
/* Dark dropdown menu */
.nav-mm--dark.main-nav ul ul.sub-menu li a:not(:only-child):after { background-color: rgba(255,255,255, 0.1); }
.nav-mm--dark.main-nav ul ul.sub-menu li a { border-bottom-color: rgba(255,255,255, 0.05); color: #8A8A8A; }
.nav-mm--dark.main-nav ul ul.sub-menu li a[href="#custom-separator"],
.nav-mm--dark.main-nav ul ul.sub-menu li.menuitem-separator > a {background-color: rgba(255,255,255, 0.05) !important;}
.nav-mm--dark.main-nav ul ul.sub-menu li.active > a,
.nav-mm--dark.main-nav ul ul.sub-menu li a:hover { color: #CDCDCD; background: rgba(255,255,255,0.04);}
.nav-mm--dark.main-nav ul ul.sub-menu,
.nav-mm--dark.main-nav .zn_mega_container { border-color: rgba(0,0,0,.8); box-shadow: 0 0 4px rgba(0,0,0,.4); background: #0a0a0a; }
.nav-mm--dark.main-nav > ul > li > ul.sub-menu:after {border-bottom-color:#0a0a0a; }
.nav-mm--dark.main-nav .zn_mega_container { border-color: rgba(0,0,0,.8); box-shadow: 0 0 4px rgba(0,0,0,.4);background: rgba(5, 5, 5, 0.95); }
.nav-mm--dark.main-nav .zn_mega_container li a { color: #8A8A8A; }
.nav-mm--dark.main-nav .zn_mega_container li a:not(.zn_mega_title):hover,
.nav-mm--dark.main-nav .zn_mega_container li.active > a:not(.zn_mega_title) { color: #CDCDCD; }
.nav-mm--dark.main-nav .zn_mega_container li a.zn_mega_title,
.nav-mm--dark.main-nav div.zn_mega_container ul li:last-child > a.zn_mega_title {border-bottom-color: rgba(255, 255, 255, 0.1); color: #CCCCCC;}
/* ANIMATIONS */
.main-nav ul ul.sub-menu,
.main-nav .zn_mega_container { left: -9999px; opacity: 0; visibility: hidden; -webkit-transition: opacity .4s ease, top .45s ease; transition: opacity .4s ease, top .45s ease; }
.main-nav .zn_mega_container { margin-left: 15px; margin-right: 15px; width: calc(100% - 30px); }
.main-nav ul ul.sub-menu { top: 120%; }
.main-nav > ul > li > ul.sub-menu {-webkit-transform:translateY(10px); -ms-transform:translateY(10px); transform:translateY(10px); }
.main-nav .zn_mega_container {margin-top:30px; -webkit-transition: opacity .4s ease, top .45s ease, margin-top .4s ease; transition: opacity .4s ease, top .45s ease, margin-top .4s ease; }
.main-nav ul li:hover > ul,
.main-nav ul li:hover > .zn_mega_container { left: 0; opacity: 1; visibility: visible; z-index: 100; }
.main-nav ul li:hover > ul { top:100%; }
.main-nav ul li:hover > .zn_mega_container { margin-top:10px;}

/* Fix submenu exiting the page */
.main-nav ul > li:hover > ul.zn_menu_on_left { right: 0; left:auto; }
.main-nav > ul > li > ul.zn_menu_on_left.sub-menu:after { left:auto;right:14px; }
.main-nav ul > li:hover > ul ul.zn_menu_on_left { right: 100%; left:auto; }

.main-nav ul ul li a { -webkit-transition: padding-left .35s ease, border-right .35s ease; transition: padding-left .35s ease, border-right .35s ease; }

/* MENU BADGES */
.main-nav ul .zn-mega-new-item {position: absolute; line-height: 1; padding: 5px; text-transform: initial; font-size: 10px; top: 50%; right: 3px; background-color: #cd2122; color: #fff; border-radius: 2px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.main-nav ul ul .zn-mega-new-item { left: auto; right: 10px; }
.main-nav ul ul.sub-menu li a:not(:only-child) .zn-mega-new-item {right:23px;}
.main-nav .zn_mega_container ul .zn-mega-new-item {right: 3px;}


/* Responsive Menu */
.zn-res-menuwrapper,
.zn-res-menu-nav { display: block;}
.zn-res-menuwrapper { margin-top:10px; margin-bottom: 10px; }
.zn-res-menu-nav .zn-mega-new-item {display: none; }
.zn-res-trigger { vertical-align: middle; position: relative; display: inline-block; width: 25px; margin-right: 10px; height: 22px;}
.zn-res-trigger:after { content: ''; position: absolute; width: 25px; height: 4px; top: 50%; margin-top: -10px; background: #D6D6D6; border-radius: 4px; left: 0; box-shadow: 0 8px 0 #D6D6D6, 0 16px 0 #D6D6D6; }
.zn-res-menu-nav,
.zn-res-menu-nav ul,
.zn-res-menu-nav li { padding: 0;margin: 0; list-style: none;}
.zn-res-menu-nav * {-webkit-backface-visibility: hidden; border-color: #D9D9D9;}
.zn_res_menu_visible {overflow-x:hidden; }
.zn_res_menu_visible .zn-res-menu-nav ,
.zn_res_menu_visible .zn-res-menu-nav li ul.sub-menu,
.zn_res_menu_visible .zn-res-menu-nav li div.zn_mega_container {display: block; }
.zn-res-menu-nav,
.zn-res-menu-nav li ul.sub-menu,
.zn-res-menu-nav li div.zn_mega_container {right: 0; top:0; position: absolute; width: 100%; height: 100%; background: #fff; overflow: hidden; z-index: 10000; -webkit-backface-visibility: hidden; -webkit-overflow-scrolling: touch; -ms-transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform 500ms ease; transition: transform 500ms ease; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; display: none; }
.zn-res-menu-nav.zn-menu-visible,
.zn-res-menu-nav ul.zn-menu-visible.sub-menu,
.zn-res-menu-nav li div.zn-menu-visible {-webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.zn-res-menu-nav .zn_mega_container { padding-left: 0; padding-right: 0; }
.zn-res-menu-nav .zn_mega_title  { margin-right: 0; text-align: left; font-weight: 600; text-transform: uppercase; color: #454545; }
.zn-res-menu-nav .zn_mega_container .zn_mega_title_hide { display: none;}
.zn-res-menu-nav li { position: initial; border-bottom: 1px solid #D9D9D9; }
.zn-res-menu-nav li.menu-item-has-children > a.zn_mega_title { border-bottom:1px solid #d9d9d9; }
.zn-res-menu-nav .zn_mega_container { width: 100%; }
.zn-res-menu-nav .zn_mega_container li { width: 100%;float: none; }
.zn-res-menu-nav li a {padding: 12px 28px 11px; display: block; font-weight: 400; color: #999;}
.zn-res-menu-nav li .zn_res_submenu_trigger + a { margin-right: 49px; }
.zn-res-menu-nav a[href="#custom-separator"]
.zn-res-menu-nav .menuitem-separator > a { display:none;}
.zn-res-menu-nav li.active > a,
.zn-res-menu-nav li a:hover {color: #333;}
.zn-res-menu-nav li.active > a {background-color: rgba(0, 0, 0, 0.05);}
/* RESPONSIVE SUBMENUS */
.zn-res-menu-nav a {cursor: pointer;}
.zn-res-menu-nav  .zn_res_has_submenu > span,
.zn-res-menu-nav .zn_res_menu_go_back > span {position: absolute; right: 0; width: 49px; height: 45px; border-left: 1px solid #D9D9D9; line-height: 45px; vertical-align: middle; text-align: center;cursor: pointer;color: #999; top: auto;}
.zn-res-menu-nav .zn_res_menu_go_back > a { text-align: center; padding-right: 0;padding-left: 49px; }
.zn-res-menu-nav .zn_res_menu_go_back > span {left: 0; right: auto; border-left: none; border-right: 1px solid #D9D9D9; }


/* TOP NAVIGATION */
.topnav {padding:0; list-style:none; position: relative;}
ul.topnav {margin-bottom:0;}
.topnav-li,
.topnav .menu-item {float:left; position:relative; margin-left: 10px; margin-right: 10px;}
.topnav-li:first-child {margin-left: 0;}
.topnav-li:last-child {margin-right: 0;}
.topnav-item,
.topnav .menu-item>a {font-size:11px; font-weight:700; color:#fff; line-height: 24px; display: block; padding: 0; opacity:.8; }
.topnav-li:hover > .topnav-item,
.topnav-item:hover,
.topnav .menu-item>a:hover {opacity:1; }
/* TopNav Drop Panel */
.topnav-drop-panel  {position: absolute; left: auto; width:auto; min-width: 120px; height:0; opacity:0; visibility: hidden; margin-left: -11px; right: 0; z-index: 101;}
.topnav-drop-panel-inner {margin:4px; list-style:none; background: #f5f5f5; padding: 10px 5px; margin-top:5px; position:relative; box-shadow: 0 0 5px rgba(0,0,0, 0.4); border-radius:2px;}
.topnav-drop-panel-inner:after {content:"";top:-8px; position:absolute; right:10px; border: 5px solid transparent; border-bottom-width: 4px; border-bottom-color:#f5f5f5; }
.topnav-drop:hover .topnav-drop-panel {opacity:1; height:auto; visibility: visible; }
/* topnav dark */
.nav-th--dark .topnav-drop-panel-inner {background: #0A0A0A;}
.nav-th--dark .topnav-drop-panel-inner:after {border-bottom-color:#0A0A0A; }
@media (max-width: 767px) {
    .topnav-li {margin-left:10px;}
    .topnav.navRight .topnav-li:last-child {margin-right:0;}
}

/* Header top text */
.kl-header-toptext {font-size:12px; line-height: 24px; }

/* TOP-HEAD NAVIGATION */
.zn_header_top_nav-wrapper {margin-left: 10px;}
/* All but Small and Extra Small */
@media screen and (min-width: 1200px) {
	.zn_header_top_nav {margin-bottom: 0;}
	.topnav.zn_header_top_nav li {position:relative; }
	.topnav.zn_header_top_nav li a { font-weight:400; }
	/* 2nd lvl+ */
	.topnav.zn_header_top_nav li ul {display: block; list-style:none; margin-top:10px; position:absolute; left:-2999px; z-index:11; top:100%; min-width: 150px; opacity:0; visibility: hidden; padding: 8px 0 0; box-shadow: 0 5px 5px rgba(0,0,0, 0.15); border-radius:2px; -webkit-transition: opacity .25s ease-out, visibility .25s ease-out, margin-top .25s ease-out; transition:opacity .25s ease-out, visibility .25s ease-out, margin-top .25s ease-out; }
	.topnav.zn_header_top_nav li:hover > ul {opacity:1; visibility:visible; left:0; margin-top:0;}
	.topnav.zn_header_top_nav li:hover > ul ul {left:99%; top:4px; padding-top:0px;}
	.topnav.zn_header_top_nav ul li {float:none; margin:0;}
	.topnav.zn_header_top_nav ul li a { font-weight:400; padding: 10px; font-size: 12px; padding: 6px 0 6px 10px; display: block; border-top:1px solid rgba(0,0,0,0.1); -webkit-transition:all .1s ease-out; transition:all .1s ease-out;}
	.site-header.sh--light .topnav.zn_header_top_nav ul .menu-item > a,
	.site-header.sh--dark .topnav.zn_header_top_nav ul .menu-item > a,
	.site-header.sh--gray .topnav.zn_header_top_nav ul .menu-item > a {color: #6F6B6B; background: #f5f5f5;}
	.site-header.sh--light .topnav.zn_header_top_nav ul .menu-item > a:hover,
	.site-header.sh--dark .topnav.zn_header_top_nav ul .menu-item > a:hover,
	.site-header.sh--gray .topnav.zn_header_top_nav ul .menu-item > a:hover,
	.site-header.sh--light .topnav.zn_header_top_nav ul .menu-item.active > a,
	.site-header.sh--dark .topnav.zn_header_top_nav ul .menu-item.active > a,
	.site-header.sh--gray .topnav.zn_header_top_nav ul .menu-item.active > a {color: #444; background: #fff;}
	.topnav.zn_header_top_nav ul li:first-child > a { border-radius: 2px 2px 0 0; border-top-width:0;}
	.topnav.zn_header_top_nav ul li:last-child > a { border-radius:0 0 2px 2px;}
}
/* Only Extra small */
@media screen and (max-width: 1199px){
	.zn_header_top_nav-wrapper {position:relative; }
	/* Trigger */
	.headernav-trigger {display: block; width: 18px;height: 14px; position: relative; cursor: pointer;}
	.headernav-trigger:before {content:''; display:block; border-radius: 2px; height:2px; width:100%; background-color:#fff; box-shadow: 0 6px 0  #fff,  0 12px 0 #fff; opacity: .7;}
	/* List submenus */
	.topnav.zn_header_top_nav { display: none; float:none; margin:0; list-style:none; margin-top:0px; min-width: 240px; background-color: #fff; padding: 0; border-radius:2px; position: absolute; top: 25px; z-index: 11; }
	.topnav.zn_header_top_nav { right: -10px; }
	.topnav.zn_header_top_nav ul,
	.topnav.zn_header_top_nav li { display: block; width: 100%; float: none; margin: 0; padding: 0;}
	.topnav.zn_header_top_nav li a { width:100%; font-weight:400; font-size: 11px; padding: 6px 10px; display: block; border-top:1px solid #eee;}
    .topnav.zn_header_top_nav ul a {padding-left: 20px;}
	.topnav.zn_header_top_nav ul ul a {padding-left: 30px;}
	.site-header.sh--light .topnav.zn_header_top_nav .menu-item > a,
	.site-header.sh--dark .topnav.zn_header_top_nav .menu-item > a,
	.site-header.sh--gray .topnav.zn_header_top_nav .menu-item > a {color: #6F6B6B; background: #FFF;}
	.site-header.sh--light .topnav.zn_header_top_nav .menu-item > a:hover,
	.site-header.sh--dark .topnav.zn_header_top_nav .menu-item > a:hover,
	.site-header.sh--gray .topnav.zn_header_top_nav .menu-item > a:hover,
	.site-header.sh--light .topnav.zn_header_top_nav .menu-item.active > a,
	.site-header.sh--dark .topnav.zn_header_top_nav .menu-item.active > a,
	.site-header.sh--gray .topnav.zn_header_top_nav .menu-item.active > a {color: #444; background: #f5f5f5;}
	.zn_header_top_nav-wrapper.is-opened .zn_header_top_nav {display: block;}
	.zn_header_top_nav-wrapper.is-opened .headernav-trigger { opacity:1; }

}


/* CALL TO ACTION IN HEADER */
.kl-cta-ribbon,
.kl-cta-lined {position: relative; font-size: 11px; font-weight: 700; color:#fff; text-align: center ; padding: 10px 10px 5px; border-radius: 2px; margin-left: 20px; z-index: 1;}
.kl-cta-ribbon .trisvg {position:absolute; top: 100%; left:0; width: 100%; height: 5px;}
.kl-cta-ribbon .trisvg path {fill:#cd2122;}
.kl-cta-ribbon:hover .trisvg path,
.kl-cta-ribbon:focus .trisvg path {fill:#fff;}
.kl-cta-ribbon { background: #cd2122;}
.kl-cta-ribbon:hover,
.kl-cta-ribbon:focus {background: #fff; color:#000; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);}
.kl-cta-ribbon strong {font-size: 17px; font-weight: 900; display:block;}
@media (max-width: 767px) {
    .kl-cta-ribbon { margin-top:3px;}
}
.kl-cta-lined {background-color: transparent ; box-shadow: none; padding: 8px 20px 9px;}
/* Custom CTA Button */
.kl-cta-custom span {display: inline-block; vertical-align: middle;}
.kl-cta-custom.cta-icon--before [data-zniconfam] {margin-right: 8px;}
.kl-cta-custom.cta-icon--after [data-zniconfam] {margin-left: 8px;}

/* SEARCH PANEL */
.header-search.headsearch--def { position:relative; z-index:100;}
.headsearch--def .header-search-container {display:none; position: absolute; right: -10px; padding:30px; background:#f4f4f4; width: 240px; border-bottom:1px solid #fff; z-index: 1; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2); }
.headsearch--def .header-search-container.panel-opened {display: block;}
.headsearch--def .header-search-button {line-height: 1; display: inline-block; background: rgba(0, 0, 0, 0.5); position: relative; z-index: 1; height: 30px; width: 30px; text-align: center; line-height: 30px; font-size: 12px; margin: 0;   border-radius: 2px; }
.headsearch--def .header-search-button:hover {background: rgba(0, 0, 0, 0.7);}
.headsearch--def .header-search-button.active {background:#f4f4f4; border-radius: 2px 2px 0 0;}
.headsearch--def .header-search-button.active .glyphicon {color: #000;}
/* Search form */
.headsearch--def .header-searchform {border-bottom: 1px solid #CCCCCC; margin: 0; position: relative;}
.headsearch--def .header-searchform:hover {border-bottom:1px solid #b5b5b5;}
.headsearch--def .header-searchform-text {background: none; border: none; font-size: 12px; font-style: italic; color: #999; padding:5px 0; margin:0; display: inline-block; box-shadow: none; outline: none; font-style: italic; width: -webkit-calc(100% - 30px); width: calc(100% - 30px); }
.headsearch--def .header-searchform-text:focus {font-style: normal; color: #565656;}
.headsearch--def .header-searchform-submit {width:20px; background-color: transparent; border: none; padding:0; display: inline-block; height: 14px; line-height: 14px; vertical-align: text-top; position: absolute; right: 5px; top: 50%; margin-top: -8px; outline: none; color: rgba(108, 108, 108, 0.4);}
.headsearch--def .screen-reader-text {display:none; }


/* Search box - Input Layout */
.header-search.headsearch--inp { width:240px; }
.headsearch--inp .header-search-container {padding:0; position: static; display: block; box-shadow: none; border:0; background:none; vertical-align: middle; }
.headsearch--inp .header-searchform {border:0; margin: 0; position: relative; padding: 5px 10px; background-color: transparent; border-radius: 3px; }
.headsearch--inp .header-search-button {display: none}
.headsearch--inp .header-searchform-text {position: relative; z-index: 1; background: none; border: none; font-size: 12px; font-style: italic; padding:5px 0; margin:0; display: inline-block; box-shadow: none; outline: none; font-style: italic; width: -webkit-calc(100% - 30px); width: calc(100% - 30px); }
.headsearch--inp .header-searchform-submit { width:20px; background-color: transparent; border: none; padding:0; display: inline-block; height: 14px; line-height: 14px; vertical-align: text-top; position: absolute; right: 5px; top: 50%; margin-top: -8px; outline: none; z-index: 1; }
.headsearch--inp .header-search-field-bg {position:absolute; width:100%; height:100%; top:0; left:0; border-radius: 3px; -webkit-transition: all .15s cubic-bezier(0.680, 0, 0.265, 1); transition: all .15s cubic-bezier(0.680, 0, 0.265, 1);}
.headsearch--inp .header-searchform-text:focus {font-style: normal;}
.headsearch--inp .header-searchform-text:focus ~ .kl-field-bg {width: 120%; left: -10%; height: 120%; top: -10%;}
/* Search box - Input Layout - light theme */
.site-header.sh--light .headsearch--inp .header-searchform-text { color:#fff; }
.site-header.sh--light .headsearch--inp .header-searchform-submit { color: rgba(255, 255, 255, 0.4);}
.site-header.sh--light .headsearch--inp .header-search-field-bg {background-color: rgba(255, 255, 255, 0.1);}
.site-header.sh--light .headsearch--inp .header-searchform-text:focus {color: #E3E3E3; }
.site-header.sh--light .headsearch--inp .header-searchform-text:hover ~ .kl-field-bg {background-color: rgba(255, 255, 255, 0.15);}
.site-header.sh--light .headsearch--inp .header-searchform-text:focus ~ .kl-field-bg {background-color: rgba(255, 255, 255, 0.2); }
/* Search box - Input Layout - dark theme */
.site-header.sh--dark .headsearch--inp .header-searchform-submit,
.site-header.sh--gray .headsearch--inp .header-searchform-submit {color: rgba(0, 0, 0, 0.4);}
.site-header.sh--dark .headsearch--inp .header-search-field-bg,
.site-header.sh--gray .headsearch--inp .header-search-field-bg {background-color: rgba(0, 0, 0, 0.1); }
.site-header.sh--dark .headsearch--inp .header-searchform-text:focus,
.site-header.sh--gray .headsearch--inp .header-searchform-text:focus {color: #454545; }
.site-header.sh--dark .headsearch--inp .header-searchform-text:hover ~ .kl-field-bg,
.site-header.sh--gray .headsearch--inp .header-searchform-text:hover ~ .kl-field-bg {background-color: rgba(0, 0, 0, 0.15);}
.site-header.sh--dark .headsearch--inp .header-searchform-text:focus ~ .kl-field-bg,
.site-header.sh--gray .headsearch--inp .header-searchform-text:focus ~ .kl-field-bg {background-color: rgba(0, 0, 0, 0.2);}
@media (max-width: 767px) {
	.header-search.headsearch--inp { width:auto; }
}

/* SearchBox - Bordered style */
.headsearch--bord.header-search {width: 300px;}
.headsearch--bord .header-searchform { position: relative; padding: 0;}
.headsearch--bord .header-search-button {display: none}
.headsearch--bord .header-searchform-text { background: none; border: none; font-size: 12px; font-style: italic; margin:0; display: inline-block; box-shadow: none; outline: none;border-bottom: 2px solid #efefef; color: #efefef; height: 35px; padding-left: 40px; width:100%;}
.headsearch--bord .header-searchform-text:focus {border-bottom-width:3px;}
.headsearch--bord .header-searchform-submit { width:20px; background-color: transparent; border: none; padding:0; display: inline-block; height: 14px; line-height: 14px; position: absolute;left: 3px; top: 50%; margin-top: -8px; outline: none; z-index: 1; color: #efefef;}
/* Dark Themed */
.site-header.sh--dark .headsearch--bord .header-searchform-text { border-bottom-color: #141414; color: #141414;}
.site-header.sh--dark .headsearch--bord .header-searchform-submit {color: #141414;}
/* Gray Themed */
.site-header.sh--dark .headsearch--bord .header-searchform-text { border-bottom-color: #898989; color: #898989;}
.site-header.sh--dark .headsearch--bord .header-searchform-submit {color: #898989;}

@media (max-width: 992px){
	/* Reset all styles and switch back to Compact mode */
	.header-search { position:relative; z-index:100; width: auto !important;}
	.header-search .header-search-container {display:none; position: absolute; right: -10px; padding:30px; background:#f4f4f4; width: 240px; border-bottom:1px solid #fff; z-index: 1; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2); }
	.header-search .header-search-container.panel-opened {display: block;}
	.header-search .header-search-button {line-height: 1; display: inline-block; background: rgba(0, 0, 0, 0.5); position: relative; z-index: 1; height: 30px; width: 30px; text-align: center; line-height: 30px; font-size: 12px; margin: 0;   border-radius: 2px; }
	.header-search .header-search-button:hover {background: rgba(0, 0, 0, 0.7);}
	.header-search .header-search-button.active {background:#f4f4f4; border-radius: 2px 2px 0 0;}
	.header-search .header-search-button.active .glyphicon {color: #000;}
	/* Search form */
	.header-search .header-searchform {border-bottom: 1px solid #CCCCCC; margin: 0; position: relative;}
	.header-search .header-searchform:hover {border-bottom:1px solid #b5b5b5;}
	.header-search .header-searchform-text {background: none; border: none; font-size: 12px; font-style: italic; color: #444 !important; padding:5px 0; margin:0; display: inline-block; box-shadow: none; outline: none; font-style: italic; width: -webkit-calc(100% - 30px); width: calc(100% - 30px); }
	.header-search .header-searchform-text:focus {font-style: normal; color: #565656;}
	.header-search .header-searchform-submit {width:20px; background-color: transparent; border: none; padding:0; display: inline-block; height: 14px; line-height: 14px; vertical-align: text-top; position: absolute; right: 5px; left:auto; top: 50%; margin-top: -8px; outline: none; color: rgba(108, 108, 108, 0.4);}
	.header-search .screen-reader-text,
	.header-search .kl-field-bg {display: none;}
}

/* SUPPORT PANEL */
.support-panel {background:#eee; height:auto; max-height:0; -webkit-transition:max-height .2s ease-out; transition:max-height .2s ease-out; position:relative; overflow:hidden; z-index: 1; box-shadow:0 0 15px rgba(0, 0, 0, 0.4) inset; }
.support-panel.is-opened { margin-top:0; max-height:1000px; -webkit-transition: max-height .4s ease-out; transition: max-height .4s ease-out;}
.support-panel-container {padding:15px 0; }
.widget.support-panel-widget {margin-bottom:0; margin-left: 15px; margin-right: 15px;}
/* Support panel button */
.open-sliding-panel .glyphicon-remove-circle,
.open-sliding-panel.active .glyphicon-info-sign,
.open-sliding-panel.is-toggled .glyphicon-info-sign {display: none !important;}
.open-sliding-panel.active .glyphicon-remove-circle,
.open-sliding-panel.is-toggled .glyphicon-remove-circle {display: inline-block !important;}
/* PANEL STYLES */
.how_to_shop > .row {font-size:14px; margin-bottom: 20px;}
.how_to_shop > p {font-size:13px; margin-top:15px;}
.how_to_shop .number {display:inline-block; width:28px; height:28px; line-height:28px; font-size:16px; color:#fff; background:#CD2122;text-align: center; margin-right: 10px; font-weight: 900; border-radius:50%;margin-bottom: 5px;}
@media (max-width: 991px) {
    .how_to_shop > .row {margin-bottom:10px;font-size:12px;}
}


/* LOGIN / REGISTER POPUPS */
.kl-fw-input {width: 100%;}
.auth-popup-panel { padding: 50px;}
.auth-popup-title {font-size: 16px; font-weight: 400; color: #4a4a4a; margin-bottom: 20px; line-height: 1.9; text-shadow: none; }
.auth-popup-createacc {margin-right: 8px; background: none !important; }
.auth-popup-createacc + .auth-popup-sep {margin-right: 8px; border-left: 1px solid #ccc;}
.auth-popup-links {margin-top:20px; color: #4A4A4A; font-size: 10px; font-weight: 600; }
.auth-popup-link {font-size:11px; font-weight:400; color:#898989; }
.auth-popup-link:hover {color:#585858; }
.auth-popup-remember {margin: 0 0 20px; display: block; font-weight: 300; text-transform: uppercase; font-size: 11px; text-shadow: none; }
.auth-popup-remember-chb {margin:0; }
.mfp-bg.mfp-fade.mfp-bg-lighter {background:#000;}
.mfp-bg.mfp-fade.mfp-bg-lighter.mfp-ready {opacity:.75;}
.auth-popup .mfp-close {color: #828282; }
.auth-popup {width: 420px; margin:0 auto; border: 1px solid #fff; background: #ededed; box-shadow: 0 0 20px #000; border-radius: 2px; position: relative;}
.register-popup {width:420px;}
@media (max-width: 480px) {
    .auth-popup {width: 100%;}
}
/* Other form states */
.zn_form_login .zn_blocked {background-color: #ababab !important; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; opacity: .5; pointer-events: none; outline: none; }
.zn-notification,
.zn_form_login-result .woocommerce-error,
.zn_form_login-result .woocommerce-message {margin-bottom: 10px; padding: 10px; border-radius: 3px; font-size: 13px; }
.zn-notification--error,
.zn_form_login-result .woocommerce-error {border: 1px solid rgba(101, 34, 34, 0.3); background-color: #FFF2F2; color: #861919; }
.zn-notification--success,
.zn_form_login-result .woocommerce-message { border: 1px solid rgba(32, 83, 109, 0.3); background-color: #F2FAFF; color: #195A86;}
.zn-notification a {text-decoration:underline;}
/* Invalid empty field in registration form */
.form-group.fg-input-invalid label:before {content: "\e101";display: inline-block; position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; margin-right: 10px; color: #f00; opacity: .8;}
/* Login & register popup / dark version */
.kl-skin--dark .auth-popup {border-color: #000; background: #0B0A0A;}
.kl-skin--dark .auth-popup-title {color: #B5B5B5;}
.kl-skin--dark .auth-popup-links {color: #B5B5B5;}
.kl-skin--dark .auth-popup-link {color:#767676; }
.kl-skin--dark .auth-popup-link:hover {color:#A7A7A7; }
.kl-skin--dark .auth-popup-createacc + .auth-popup-sep {border-left-color:#333333;}


/* LANGUAGES IN HEADER */
.topnav.topnav--lang .topnav-drop-panel {margin-right:-10px;}
.topnav.topnav--lang .topnav-drop-panel-inner {padding-left: 0; padding-right: 0; }
.topnav.topnav--lang .topnav-drop-panel-inner:after {display: none;}
.toplang-anchor {font-size:10px; color:#222; padding:0 5px 0 10px; display: block; text-transform:uppercase; margin-top:1px;padding-right: 10px !important; }
.toplang--def .toplang-flag,
.toplang--alt .toplang-flag { margin-right:5px;}
.toplang-anchor:hover,
.toplang-item.active .toplang-anchor {background: rgba(0, 0, 0, 0.1); }
.toplang-anchor .glyphicon {float: right; opacity: .3; margin-top: 5px;}
.topnav.topnav--lang>li>.topnav-item>.glyphicon {margin-right: 5px;}
/* Alternative */
.toplang--alt .toplang-flag-code {text-transform:uppercase; display:inline-block; margin-right:5px;vertical-align:middle;}
.toplang--alt .toplang-anchor {font-weight:bold;}
/* Flags */
.toplang--flags {margin-left:5px; margin-right:5px;}
.toplang--flags .topnav-li {margin-left:5px; margin-right:5px;}
/* topnav dark */
.nav-th--dark .toplang-anchor {color:#DDDDDD;}
.nav-th--dark .toplang-item.active .toplang-anchor,
.nav-th--dark .toplang-anchor:hover {background: rgba(255, 255, 255, 0.1); }


/* CART DETAILS PANEL */
.topnav-drop-panel.topnav--cart-panel { margin-left: 0; padding-top: 10px; min-width: 320px}
/*Glyphicon cart*/
.kl-cart-button {padding-left: 10px;}
.kl-cart-button .glyphicon.kl-cart-icon { position:relative; top: 2px; margin-right: 7px; }
.kl-cart-button .glyphicon.kl-cart-icon:after { content: attr(data-count); font-size: 9px; background-color: #cd2122; color: #fff; width: 15px; height: 15px; display: block; text-align: center; line-height: 13px; border-radius: 50%; position: absolute; top: -8px; left: -12px; font-weight: 600; padding-right: 1px; }
/* SVG Cart */
.kl-cart-button .svg-cart.kl-cart-icon { position:relative;top: 2px;margin-right: 7px;display: block;}
.kl-cart-button .svg-cart.kl-cart-icon .svg-cart-icon {fill:#fff;}
.kl-cart-button .svg-cart.kl-cart-icon:after { content: attr(data-count); font-size: 9px;background-color: #ff6666; color: #fff;width: 20px;height: 20px; display: block; text-align: center;line-height: 20px; border-radius: 50%; position: absolute;top: 4px;left: -9px; font-weight: 600; padding-right: 1px;}
/* Cart Container */
.cart-container > .widget_shopping_cart_content {display:block;font-size:11px;}
.cart-container > .widget_shopping_cart_content .checkout {border-left: 1px solid #CCC; margin-left: 15px; padding-left: 15px; display: inline-block; color:#CD2122; font-size:12px; text-transform:uppercase; }
.cart-container > .widget_shopping_cart_content .checkout:hover {color:#333;}
.cart-container > .widget_shopping_cart_content .checkout span {margin-top: 1px; opacity: 0.2; }
.cart-container { margin: 0; background: #f5f5f5; padding: 15px; }
.cart-container .cart_list { margin: 0 0 15px; list-style: none; border-bottom: 1px solid #ddd; padding: 0; max-height: 410px; overflow-y: auto; }
.cart-container .cart_list:only-child {margin-bottom:0; border:0;  }
.cart-container .cart_list a:hover { background-color: transparent; }
.cart-container .cart_list li { overflow: hidden; margin: 0 0 15px; color: #535353;}
.cart-container .cart_list li:first-child { margin-top:10px }
.cart-container .cart_list li.empty {margin-bottom: 0; margin-top:0; text-align: center;}
.cart-container .cart_list li a:not(.remove) { font-size: 11px; font-weight: normal; padding: 0 30px 0 0; }
.cart-container .cart_list .remove { float: right; font-size: 16px; color: #C3C3C3; padding: 0; }
.cart-container .cart_list .remove:hover { color: #7F7F7F; }
.cart-container .cart_list li img { float: left; margin-right: 15px; margin-left: 0; width: 60px }
.cart-container .cart_list li .variation,
.cart-container .cart_list li .variation p { margin: 0;}
.cart-container .cart_list li .variation { overflow: hidden; border: 0; padding: 0;}
.cart-container .cart_list li .variation-Color { display: inline-block; padding: 0; margin: 0; clear: none; }
.cart-container .cart_list li .variationr:before,
.cart-container .cart_list li .variation:after {content: none}
.cart-container .cart_list .quantity {display: block;}
.cart-container .total .amount { float: right; font-weight: bold; font-size: 15px; }
.cart-container .total { border-bottom: 1px solid #ddd; padding: 0 0 15px; margin: 0 0 15px; }
.cart-container .buttons { overflow: hidden; margin: 0; }
.cart-container .buttons .button { width: calc(50% - 6px); display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 600; line-height: 1.42857143; text-align: center; white-space: normal; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; text-transform: uppercase;}
.cart-container .buttons .button.wc-forward { background-color: #cd2122; color: #fff; text-shadow: none;  padding: 10px 20px; line-height: 1.6; box-shadow: none; font-size: 13px; border-radius: 3px; -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; }
.cart-container .buttons .button.checkout { color: #242424; border-color: #242424;  border-width: 2px; background: none; text-shadow: none; padding: 9px 20px; line-height: 1.6; box-shadow: none;  border-style: solid; border-radius: 3px; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; margin-left: 9px;  background-color: transparent !important;}
.cart-container .buttons .button.checkout:hover,
.cart-container .buttons .button.checkout:focus { color: #000; border-color: #000;}
/* Dark cart container */
.nav-th--dark .cart-container { background: #0A0A0A ; }
.nav-th--dark .cart-container .cart_list { border-bottom-color: #222; }
.nav-th--dark .cart-container .cart_list a:hover { background-color: transparent ; }
.nav-th--dark .cart-container .cart_list li {color: #ACACAC;}
.nav-th--dark .cart-container .cart_list .remove { color: #3C3C3C ; }
.nav-th--dark .cart-container .cart_list .remove:hover { color: #808080; }
.nav-th--dark .cart-container .total { border-bottom-color: #222; }
.nav-th--dark .cart-container .buttons .button.checkout { color:#DBDBDB ; border-color: #DBDBDB;}
.nav-th--dark .cart-container .buttons .button.checkout:hover,
.nav-th--dark .cart-container .buttons .button.checkout:focus { color: #fff ; border-color: #fff;}
@media (max-height: 600px) {
    .cart-container .cart_list { max-height: 180px; overflow-x: hidden;}
}
@media (max-width:480px) {
	.topnav--cart,
	.topnav--cart .topnav-drop { position:static }

	.topnav-drop-panel.topnav--cart-panel { right: 10px; left: 10px }

	.topnav-drop-panel-inner:after { content: none }
}

/* INFOCARD */
.logo-container.hasInfoCard:before,
.logo-container .logo-infocard {display:none;}
@media (min-width: 768px){
	.logo-container.hasInfoCard {position:relative; display:block;}
	.logo-container.hasInfoCard:before {display:block; content:url(../images/hoverme.png); width: 98px; height:35px; right:100%; margin-right: 20px; top:40px; position:absolute;}
	.boxed .logo-container.hasInfoCard:before { display: none;}
	.logo-container .logo-infocard {display:block; position:absolute; top:100%; margin-top:20px; width:440px; padding:30px 20px 25px; background:#cd2122; border-radius: 2px; font-size: 12px; display:block; visibility:hidden; opacity:0; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); z-index:1; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; -webkit-transition-delay: .3s; transition-delay: .3s; -webkit-backface-visibility: hidden;}
	.logo-container:hover .site-logo + .logo-infocard { visibility:visible; opacity:1; margin-top:10px; -webkit-transition-delay: 0s; transition-delay: 0s; z-index: 2;}
	.logo-infocard,
	.logo-infocard a {color: #FFF; font-weight: normal; line-height: 1.6;}
	.logo-infocard a:hover {color: rgba(255,255,255,.7);}
	.logo-infocard p:last-child {margin-bottom: 0;}
	.logo-infocard .social-icons {margin-left: 0; padding-left: 0;}
	.logo-infocard .social-icons .social-icons-li {margin: 0 10px;}
	.logo-infocard .social-icons .social-icons-li:first-child {margin-left: 0;}
	.logo-infocard .social-icons-li.title {margin-right: 10px;font-size: 15px;}
	.logo-infocard .social-icons-item {background-color:transparent; box-shadow: none;}
	.logo-infocard .social-icons-item:hover {opacity:.7;}
	.logo-infocard .contact-details { background: url(../images/say_hi.png) no-repeat right top; }
}


/* SOCIAL ICONS in header */
.site-header .topnav.social-icons .social-icons-li { margin:0; margin-left: 10px;}
.site-header .topnav.social-icons.sc--clean .social-icons-li { margin-left:0;}
.site-header .topnav.social-icons .social-icons-li:first-child { margin-left:0;}
.site-header .topnav.social-icons .social-icons-item { font-size: 14px; font-weight: normal;opacity: 1;}
.scheader-icon-nocolor {background-color:#121212;}


/* MENU CHASER STYLES */
.chaser {display: none}
@media screen and (min-width:992px){
	.chaser {display:block; background:rgba(0,0,0,0.85); padding:0; position:fixed; left:-2999px; right:0; top:0; width:100%; z-index: 99999; opacity:0; visibility: hidden; -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px); -webkit-transition:opacity .15s ease-in-out, -webkit-transform .15s ease-in-out; transition:opacity .15s ease-in-out, transform .15s ease-in-out;}
	.chaser.visible {left:0; opacity:1; visibility: visible; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
	body.admin-bar > .chaser {margin-top:32px;}
	.chaser-main-menu,
	.chaser-main-menu ul {float:none; display:block; list-style:none; margin:0; padding:0; position: relative;}
	.chaser-main-menu li:not(.menu-item-mega-parent) {position:relative;}
	.chaser-main-menu > li {float:left; border-left:1px solid rgba(255,255,255,.1); }
	.chaser-main-menu > li:last-child { border-right:1px solid rgba(255,255,255,.1); }
	.chaser-main-menu .sub-menu,
	.chaser-main-menu .zn_mega_container {left:-2999px; position:absolute; -webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px); opacity:0; -webkit-transition:opacity .15s ease-in-out, -webkit-transform .15s ease-in-out; transition:opacity .15s ease-in-out, transform .15s ease-in-out}
	.chaser-main-menu .zn_mega_container {left:-2999px !important;}
	.chaser-main-menu .zn_mega_row_start:after,
	.chaser-main-menu .zn_mega_row_start:before {display: table; content: " ";}
	.chaser-main-menu .zn_mega_row_start:after {clear: both }
	.chaser-main-menu li ul { background:rgba(0,0,0,0.9); min-width:200px; padding:5px; }
	.chaser-main-menu .zn_mega_container > ul { padding-top: 0; padding-bottom:20px}
	.chaser-main-menu .zn_mega_container > ul:first-child { padding-top: 20px; }
	.chaser-main-menu .zn_mega_container > ul:last-child { padding-bottom: 30px; }
	.chaser-main-menu .zn_mega_container  ul ul {background: none; padding: 10px 0 0;}
	.chaser-main-menu .zn_mega_container .zn_mega_title {border-bottom:1px solid #454545; background:none;}
	.chaser-main-menu .zn_mega_container .zn_mega_title_hide { display: none;}
	.chaser-main-menu li a {display:block; color:#ddd; font-size:12px; line-height:1.4; padding:7px 15px; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;position: relative;}
	.chaser-main-menu li:hover > a:not(:only-child) + .sub-menu,
	.chaser-main-menu li:hover > a:not(:only-child) + .zn_mega_container  { left:0; opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
	.chaser-main-menu li:hover > a:not(:only-child) + .zn_mega_container  { left:-15px !important;}
	.chaser-main-menu li > a:not(:only-child) { padding-right:25px; }
	.chaser-main-menu li > a:not(:only-child):after {  content: ''; position: absolute; top: 50%; right: 9px; margin-top: -1px; height: 2px; width: 6px; background: #ccc; opacity: .5;}
	.chaser-main-menu li li:hover > a:not(:only-child) + .sub-menu { left:100%; top:-4px; }
	.chaser-main-menu li:hover > a,
	.chaser-main-menu li a:hover {color:#fff; background:#000;}
	.chaser-main-menu li.active > a {background:#cd2122;}
	.chaser-main-menu .zn-mega-new-item {display: none;}
	.chaser-main-menu .sub-menu li a[href="#custom-separator"],
	.chaser-main-menu .sub-menu li.menuitem-separator > a {text-indent: -2999px; padding: 0; background-color: rgba(0, 0, 0, 0.3) !important; background-clip: padding-box; height: 5px;}
}


/* STICKY HEADER*/
@media (min-width: 768px){
	.site-header.header--sticky {width:100%; z-index: 9;}
	.site-header.header--sticky,
	.site-header.header--sticky .site-logo-anch {-webkit-transition: height .1s ease-out;transition: height .1s ease-out;}
	/* Sticky Header - when is sticked */
	.header--is-sticked .site-header.header--sticky {position:fixed;}

	/* Sticked state */
	.site-header.header--sticky .sticky-top-area .site-header-top,
	.site-header.header--sticky .sticky-main-area .site-header-main,
	.site-header.header--sticky .sticky-bottom-area .site-header-bottom {opacity:1; -webkit-transition: height .1s ease-out, opacity .1s ease-out; transition: height .1s ease-out, opacity .1s ease-out;}
	/* Sticked state. Apply only if header has sticky-resize class. */
	.header--is-sticked .site-header.sticky-resize,
	.header--is-sticked .site-header.sticky-resize .logosize--contain .site-logo-anch {height:auto !important;}
	.header--is-sticked .site-header.sticky-resize .logosize--yes .site-logo {min-height: 0 !important;}
	.header--is-sticked .site-header.sticky-resize .logosize--contain .site-logo-img,
	.header--is-sticked .site-header.sticky-resize .site-logo-img-sticky { max-height:100% !important; display: block; width:auto;}
	.header--is-sticked .site-header.sticky-resize .sticky-top-area .site-header-top,
	.header--is-sticked .site-header.sticky-resize .sticky-main-area .site-header-main,
	.header--is-sticked .site-header.sticky-resize .sticky-bottom-area .site-header-bottom {opacity:0; height:0 !important; overflow: hidden; padding-top:0; padding-bottom: 0;}
	.header--is-sticked .site-header.sticky-resize .site-header-wrapper:not(.sticky-main-area) .site-header-main {height:60px;}
	.header--is-sticked .site-header.sticky-resize .site-header-wrapper:not(.sticky-bottom-area) .site-header-bottom {height:55px;}
	.header--is-sticked .site-header .site-header-separator,
	.header--is-sticked .site-header .logo-container.hasInfoCard:before {display: none;}
}

/* STICKY LOGO - with animations */
.site-logo-img-sticky {display: none;} /* by default, hide it */
.header--sticky .site-logo-img-sticky {display:block;position: absolute; top: 50%; left: 50%; opacity:0; -webkit-transform: translateX(-50%) translateY(0%); -ms-transform: translateX(-50%) translateY(0%); transform: translateX(-50%) translateY(0%); -webkit-transition:opacity .15s ease-in-out, -webkit-transform .15s ease-in-out; transition:opacity .15s ease-in-out, transform .15s ease-in-out; -webkit-backface-visibility:hidden; }
.header--sticky .site-logo-img-sticky + .site-logo-img {opacity:1; -webkit-transition:opacity .15s ease-in-out; transition:opacity .15s ease-in-out;}
@media (min-width: 768px){
	.header--is-sticked .site-logo-img-sticky + .site-logo-img {opacity:0;}
	.header--is-sticked .site-logo-img-sticky {opacity:1; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
}

/* Infocard when positioned in center cells */
.site-header-top-center .logo-container .logo-infocard,
.site-header-main-center .logo-container .logo-infocard,
.site-header-bottom-center .logo-container .logo-infocard {left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; }

/* GENERAL SITE HEADER */
.site-header {position:absolute; width:100%; background:rgba(0,0,0,0.5); z-index:3; }
@media (max-width: 767px){
	.site-header {position: relative; height: auto;}
	.site-header .xs-icon {font-size:14px; color:#fff; line-height:24px; opacity:1;}
}
.siteheader-container {position:relative; }

/* Absolute Site Header */
.site-header.site-header--absolute {position: absolute;}
/* Relative Site Header */
.site-header.site-header--relative {position: relative;}

.site-header-separator {height:1px; opacity:.2; margin-top: 3px; margin-bottom: 3px; width:100%;}

/* HEADER STYLES COLORS (Gray) */
.site-header.sh--gray .topnav-no-sc .topnav-item,
.site-header.sh--gray .topnav .menu-item > a,
.site-header.sh--gray .topnav.sc--clean .topnav-item,
.site-header.sh--gray .topnav-li .glyphicon {color:#878787;}
.site-header.sh--gray .topnav-no-sc .topnav-item:hover,
.site-header.sh--gray .topnav .menu-item > a:hover,
.site-header.sh--gray .topnav.sc--clean .topnav-item:hover,
.site-header.sh--gray .topnav-item:hover .glyphicon {color:#676767;}
.site-header.sh--gray .main-nav > ul > li > a {color: #8C8C8C;}
.site-header.sh--gray:not(.style9) .kl-cta-lined {color: #8C8C8C; border-color:#8c8c8c;}
.site-header.sh--gray:not(.style9) .kl-cta-lined:hover {color: #777; border-color:#777;}
.site-header.sh--gray .kl-header-toptext,
.site-header.sh--gray .kl-header-toptext a {color:#878787;}
.site-header.sh--gray .headernav-trigger:before {background-color: #878787; box-shadow: 0 6px 0 #878787, 0 12px 0 #878787; }
.site-header.sh--gray .site-header-separator {background:#878787}
.site-header.sh--gray .zn-res-trigger:after {background: #ADADAD; box-shadow: 0 8px 0 #ADADAD, 0 16px 0 #ADADAD; }
@media (max-width: 767px) {
    .site-header.sh--gray {background-color: #fff;}
}
/* Site header text colors (Light) */
.site-header.sh--light .topnav-no-sc .topnav-item,
.site-header.sh--light .topnav .menu-item > a,
.site-header.sh--light .topnav.sc--clean .topnav-item,
.site-header.sh--light .topnav-li .glyphicon {color:#fff; }
.site-header.sh--light .topnav-no-sc .topnav-item:hover,
.site-header.sh--light .topnav .menu-item > a:hover,
.site-header.sh--light .topnav.sc--clean .topnav-item:hover,
.site-header.sh--light .topnav-item:hover .glyphicon {color:#fff; opacity:.9;}
.site-header.sh--light .main-nav > ul > li > a {color: #f5f5f5;}
.site-header.sh--light:not(.style9) .kl-cta-lined {color: rgba(255,255,255,.8); border-color:rgba(255,255,255,.8);}
.site-header.sh--light:not(.style9) .kl-cta-lined:hover {color: #fff; border-color:#fff;}
.site-header.sh--light .kl-header-toptext,
.site-header.sh--light .kl-header-toptext a {color:#fff;}
.site-header.sh--light .headernav-trigger:before {background-color: #fff; box-shadow: 0 6px 0 #fff, 0 12px 0 #fff; }
.site-header.sh--light .site-header-separator {background:#fff}
.site-header.sh--light .zn-res-trigger:after {background: #efefef; box-shadow: 0 8px 0 #efefef, 0 16px 0 #efefef; }
@media (max-width: 767px) {
    .site-header.sh--light {background-color: #333;}
}
/* Site header text colors (Dark) */
.site-header.sh--dark .topnav-no-sc .topnav-item,
.site-header.sh--dark .topnav .menu-item > a,
.site-header.sh--dark .topnav.sc--clean .topnav-item,
.site-header.sh--dark .topnav-li .glyphicon {color:#333;}
.site-header.sh--dark .topnav-no-sc .topnav-item:hover,
.site-header.sh--dark .topnav .menu-item > a:hover,
.site-header.sh--dark .topnav.sc--clean .topnav-item:hover,
.site-header.sh--dark .topnav-item:hover .glyphicon {color:#111;}
.site-header.sh--dark .main-nav > ul > li > a {color: #252525;}
.site-header.sh--dark .main-nav > ul > li.active > a,
.site-header.sh--dark .main-nav > ul > li > a:hover,
.site-header.sh--dark .main-nav > ul > li:hover > a {color:#fff;}
.site-header.sh--dark:not(.style9) .kl-cta-lined {color: #252525; border-color:#252525;}
.site-header.sh--dark:not(.style9) .kl-cta-lined:hover {color: #111; border-color:#111;}
.site-header.sh--dark .kl-header-toptext,
.site-header.sh--dark .kl-header-toptext a {color:#333;}
.site-header.sh--dark .headernav-trigger:before {background-color: #333; box-shadow: 0 6px 0 #333, 0 12px 0 #333; }
.site-header.sh--dark .site-header-separator {background:#333}
.site-header.sh--dark .zn-res-trigger:after {background: #333; box-shadow: 0 8px 0 #333, 0 16px 0 #333; }
@media (max-width: 767px) {
    .site-header.sh--dark {background-color: #fff;}
}

/* Switch drop panels if placed on left side */
.site-header .site-header-col-left .topnav-drop .topnav-drop-panel {left:0; right:auto; }
.site-header .site-header-col-left .topnav-drop-panel-inner:after { left: 10px; right: auto; }
.site-header .site-header-col-left .headsearch--def .header-search-container {left: -10px; right:auto;}
.site-header .site-header-col-left .topnav.zn_header_top_nav { right:auto; left:-5px; }
@media (max-width: 992px){
	.site-header .site-header-col-left .header-search .header-search-container {left: -10px; right:auto;}
}


/* HEADER #1-#6 */
.siteheader-classic .logo-container {width:100%;}
.siteheader-classic .kl-cta-ribbon {margin-bottom: -5px; -webkit-align-self:flex-end; -ms-flex-item-align:end; align-self:flex-end;}
.siteheader-classic .site-header-top-left .sh-component:first-child {margin-left:10px}
/* Header Height */
.site-header.siteheader-classic {height: 105px; }
.site-header.siteheader-classic .logosize--contain .site-logo-anch {height: 105px; }
.site-header.siteheader-classic .logosize--contain .site-logo-img,
.site-header.siteheader-classic .logosize--contain .site-logo-img-sticky {max-height: 105px; }
.site-header.siteheader-classic .logosize--yes .site-logo {min-height: 105px; }
.site-header.siteheader-classic .site-header-top {height: 54px }
.site-header.siteheader-classic .site-header-main {height: 46px }
.site-header.siteheader-classic .site-header-main.header-no-top {height:100px;}


/* HEADER 1 */
.site-header.style1 {border-bottom:2px solid #000; border-bottom:2px solid rgba(0,0,0,0.7); border-top: 3px solid #CD2122;}
.site-header.style1:after {content:""; position:absolute; left:50%; bottom:-10px; margin-left: -2px;
	border: 5px solid transparent; border-top-width: 5px; border-top-color:#000; border-top-color:rgba(0,0,0,0.7); }


/* HEADER 2 */
.site-header.style2 .site-logo-anch {background:rgba(0,0,0,0.3); padding-left:25px; padding-right:25px; border-bottom:2px solid #000; border-bottom:2px solid rgba(0,0,0,0.7); border-top-width: 3px; border-top-style: solid}
@media (max-width: 767px) {
    .site-header.style2 .site-logo-anch { padding-left:10px; padding-right:10px;}
}
.site-header.style2 .site-logo-anch:after {content:""; position:absolute; left:50%; bottom:-11px; margin-left: -3px; border: 5px solid transparent; border-top-width: 5px; border-top-color:#000; border-top-color:rgba(0,0,0,0.7);}


/* HEADER 3 */
@media (min-width: 768px) {
	.header--not-sticked .site-header.style3.headerstyle--default {background:none;}
}
.site-header.style3 .site-logo-anch {background:rgba(0,0,0,0.3); padding-left:25px; padding-right:25px; border-bottom:2px solid #000; border-bottom:2px solid rgba(0,0,0,0.7); border-top: 3px solid #CD2122;}
.site-header.style3 .site-logo-anch:after {content:""; position:absolute; left:50%; bottom:-11px; margin-left: -3px;
	border: 5px solid transparent; border-top-width: 5px; border-top-color:#000; border-top-color:rgba(0,0,0,0.7); }
.site-header.style3 .main-nav {margin-bottom: 0;}


/* HEADER 5 */
@media (min-width: 768px) {
	.header--not-sticked .site-header.style5.headerstyle--default {background:none;}
}
.site-header.style5 .topnav-no-sc .topnav-li {border-left:1px solid rgba(255,255,255,0.1); padding-left:20px; }
.site-header.style5 .topnav-no-sc:last-of-type .topnav-li:first-child {border-left:0; margin-left:0; padding-left:0;}
.site-header.style5 .topnav-no-sc .topnav-item,
.site-header.style5 .topnav .menu-item a {line-height:18px;}
.site-header.style5 .site-logo-anch {padding-left:0; padding-right:0;}
.site-header.style5 .siteheader-container > .site-header-separator {height:2px;}
/* General Header MQ */
@media (max-width: 767px) {
    .site-header.style5 .topnav-no-sc .topnav-li { border: 0; padding-left: 0;}
    .site-header.style5 .siteheader-container > .site-header-separator {display: none;}
}

/* HEADER 6 */
.site-header.style6 {border-top: 3px solid #CD2122; box-shadow:0 3px 5px rgba(0,0,0,0.1);}
.site-header.style6.headerstyle--default {background:rgba(255,255,255,0.95);}
.site-header.style6 .kl-cta-lined {color:#747474; border-color:#747474; }

/* Classic Headers MQ */
@media (max-width: 767px) {
	/* Tweaks for styles 1, 4, 5, 6 */
    .site-header.siteheader-classic-normal .zn_header_top_nav-wrapper { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-right: auto !important; margin-left: 0;}
    .site-header.siteheader-classic-normal .topnav.zn_header_top_nav { right:auto; left:-5px; }
}


/* HEADER 7 */
@media (min-width: 768px) {
	.site-header.style7.headerstyle--default {background:none;}
}
/* Height */
.site-header.style7 {height: 122px; }
.site-header.style7 .logosize--contain .site-logo-anch {height: 69px; }
.site-header.style7 .logosize--contain .site-logo-img,
.site-header.style7 .logosize--contain .site-logo-img-sticky {max-height: 69px; }
.site-header.style7 .logosize--yes .site-logo {min-height: 69px; }
.site-header.style7 .site-header-top {height: 46px }
.site-header.style7 .site-header-main {height: 69px }
.site-header.style7 .site-header-main.header-no-top {height:122px;}
/* General tweaks */
.site-header.style7 .zn-res-menuwrapper,
.site-header.style7 .main-nav {margin-left: 20px; margin-right: auto; }
.site-header.style7 .logosize--contain .site-logo-img {padding-top:0; padding-bottom: 0;}
.site-header.style7 .kl-cta-ribbon {margin-bottom: -5px; -webkit-align-self:flex-end; -ms-flex-item-align:end; align-self:flex-end;}
/* Style 7's gradient bg */
.site-header.style7 .kl-header-bg {position:absolute; top:0; left:0; width:100%; height:170%; opacity:.6; pointer-events:none; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,transparent)); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%); background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,transparent 100%); }
.site-header.style7.headerstyle--image_color .kl-header-bg {display:none;}
/* Dark tweaks */
.site-header.style7.sh--dark .kl-header-bg {opacity:.7; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top, #fff 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to bottom,  #fff 0%,rgba(255,255,255,0) 100%); }
/* MQ's */
@media (max-width: 767px) {
	.site-header.style7 .site-header-top {padding-top:5px; padding-bottom: 5px;}
	.site-header.style7 .site-header-main {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
	.site-header.style7 .site-logo-col {-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;}
}


/* HEADER 8 */
.site-header.style8 {background:none;}
.site-header.style8 .site-header-bottom-wrapper {border-bottom:3px solid #cd2122; }
/* header height */
.site-header.style8 {height: 125px; }
.site-header.style8 .logosize--contain .site-logo-anch {height: 80px; }
.site-header.style8 .logosize--contain .site-logo-img,
.site-header.style8 .logosize--contain .site-logo-img-sticky {max-height: 80px; }
.site-header.style8 .logosize--yes .site-logo {min-height: 80px; }
.site-header.style8 .site-header-main {height: 80px }
.site-header.style8 .site-header-bottom {height: 42px }
/* General tweaks */
.site-header.style8.headerstyle--default .site-header-main-wrapper {background:rgba(0,0,0,.7);}
.site-header.style8.headerstyle--default .site-header-bottom-wrapper {background:rgba(0,0,0,.6);}
/* CTA tweaks */
.site-header.style8 .site-header-bottom-wrapper .kl-cta-lined {margin-bottom: -8px; margin-top: -3px; font-size: 90%; padding: 14px 10px; color: #fff; border:0; background: #000; }
.site-header.style8 .site-header-bottom-wrapper .kl-cta-lined:hover { color: #343434; background-color: #fff;}
/* Main menu tweaks */
/*.site-header.style8 .main-nav {margin-top:10px;}*/
.site-header.style8 .main-nav > ul > li.active > a:before,
.site-header.style8 .main-nav > ul > li > a:hover:before,
.site-header.style8 .main-nav > ul > li:hover > a:before { height: -webkit-calc(100% + 23px); height: calc(100% + 23px); margin-bottom: -23px; margin-top: 3px; }
/* Responsive trigger */
.site-header.style8 .zn-res-trigger:after{height: 2px;}
/* Dark tweaks */
.site-header.style8.sh--dark .site-header-bottom-wrapper .kl-cta-lined:hover { color: #f9f9f9; background-color: #000;}

@media (max-width: 767px) {
	.site-header.style8 .site-header-main {padding-top:5px; padding-bottom: 5px; -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
	.site-header.style8 .site-header-main-right-top {margin-top:10px; margin-bottom:10px;}
	.site-header.style8 .site-header-main-right-ext {margin-bottom:10px;}
}


/* HEADER 9 */
.site-header.style9 {border-bottom:3px solid #ababab;}
.site-header.style9.headerstyle--default {background:rgba(255,255,255,0.9);}
/* Height defaults */
.site-header.style9 {height: 160px; }
.site-header.style9 .logosize--contain .site-logo-anch {height: 64px; }
.site-header.style9 .logosize--contain .site-logo-img,
.site-header.style9 .logosize--contain .site-logo-img-sticky {max-height: 64px; }
.site-header.style9 .logosize--yes .site-logo {min-height: 64px; }
.site-header.style9 .site-header-top {height: 36px }
.site-header.style9 .site-header-main {height: 64px }
.site-header.style9 .site-header-bottom {height: 46px }
/* General tweaks */
.site-header.style9 .logosize--contain .site-logo-img {padding-top:0; padding-bottom: 0;}
.site-header.style9 .site-header-main {padding-top: 5px; padding-bottom:5px;}
.site-header.style9 .main-nav { margin-left: auto; margin-right: auto;}
.site-header.style9 .ctabutton {margin-right:0;}
.site-header.style9 .zn-res-menuwrapper {margin-left: 0; margin-right: auto; }
.site-header.style9 .kl-cta-ribbon {  margin-top: -5px;}
.site-header.style9 .kl-cta-lined {margin-top: -3px; font-size: 90%; padding: 17px; color: #fff; border:0; background: #000; }
.site-header.style9 .kl-cta-lined:hover { color: #f9f9f9; background-color: #000; }
.site-header.style9 .kl-header-toptext {margin-left: 20px;}

/* Safe-padding for slideshows, in absolute header mode */
.site-header.style9.site-header--absolute ~ .zn_pb_wrapper > .zn_pb_el_container:first-child > .kl-slideshow .kl-slideshow-safepadding,
.site-header.style9.site-header--absolute ~ .zn_pb_wrapper > .kl-slideshow:first-child .kl-slideshow-safepadding {padding-top:160px;}
/* No flexbox */
.no-flexbox .site-header.style9 .site-header-main {table-layout: fixed}
.no-flexbox .site-header.style9 .kl-cta-ribbon {float:right;}


/* General Header MQ */
@media (max-width: 767px) {
    /* Header Styles */
    .site-header {position: relative !important;}
	/* Classic Styles */
	.site-header .sh-component {margin-left: 13px; margin-right: 13px;}
	.site-header,
	.site-header .site-header-top,
	.site-header .site-header-main,
	.site-header .site-header-bottom { height: auto !important; }
	.site-header .site-header-top { position: relative;}
    .site-header .logo-container {width: 100%; text-align: center; }
    .site-header .site-logo {width: 100%; height:auto; min-height: 0 !important; max-height: 100px; padding-top:20px; padding-bottom: 20px;  }
    .site-header .site-logo-anch {background: none !important; border:none !important; padding:0 !important; }
    .site-header .site-logo-anch:after {display:none }
}
@media (max-width: 480px){
	.site-header .sh-component {margin: 10px;}
}


/* ===========================================================================
// SUBHEADER
// ------------------------------------------------------------------------ */

/* KALLYAS SLIDESHOW CONTAINERS */
.kl-slideshow-inner {position: relative; z-index: 1; /*z-index: 100;*/ }
.kl-slideshow .bgback {background-size: cover; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 0; }
.kl-slideshow {margin-bottom: 0; }
.kl-slideshow ul {list-style:none; margin:0; padding:0;}
.site-content .kl-slideshow {background: none transparent; clear: both; display: block; }

/* For elements that are positioned right under the header, a safe padding is added */
.kl-slideshow .kl-slideshow-safepadding {padding-top:35px; padding-bottom: 35px;}
@media screen and (min-width:480px){
	.zn_pb_wrapper > .zn_pb_el_container:first-child > .kl-slideshow .kl-slideshow-safepadding,
	.zn_pb_wrapper > .kl-slideshow:first-child .kl-slideshow-safepadding {padding-top:150px; padding-bottom: 45px;}
	/* Safepadding after the relative header */
	.site-header--relative ~ .zn_pb_wrapper > .zn_pb_el_container:first-child > .kl-slideshow .kl-slideshow-safepadding,
	.site-header--relative ~ .zn_pb_wrapper > .kl-slideshow:first-child .kl-slideshow-safepadding {padding-top:50px;}
}


/* PAGE SUBHEADER  */
.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;}

.ph-content-wrap {padding-bottom: 50px; padding-top:170px;}

/* Subheader coming after the relative header */
.page-subheader.psubhead-stheader--relative { min-height:100px; }
.page-subheader.psubhead-stheader--relative .ph-content-wrap {padding-top:50px;}

/* 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: linear-gradient(to bottom,  transparent 0%,rgba(0,0,0,0.5) 100%); }
.page-subheader,
.kl-slideshow {position: relative; top: 0; z-index: 0; width:100%;}

/* subheader titles */
.subheader-titles {text-align:right; margin-top: -7px;}
.subheader-maintitle {color:#fff; line-height:1.3; margin:0 0 5px}
.subheader-subtitle { color: #fff; display: inline-block; margin: 0; font-weight: 400; font-size: 16px;}
@media (max-width: 991px) {
    .subheader-subtitle {font-size:14px;}
}
@media (max-width: 767px){
	.subheader-titles {text-align:start; margin-top:0; margin-bottom: 20px;}
    .subheader-maintitle {font-size:22px;}
}
.subheader-currentdate { color:#383838; font:10px Arial, Helvetica, sans-serif; float: left; padding: 3px 10px; line-height:1; background: rgba(255, 255, 255, 0.5); clear: left; border-radius: 2px;}


/* BREADCRUMBS */
.breadcrumbs {margin: 0 0 10px; padding:9px 10px 7px; list-style:none; background:rgba(0, 0, 0, 0.8); float: left; border-radius: 2px;}
.breadcrumbs li {float:left; color:#eee; line-height:1.5; font-size:13px; font-weight:600; position:relative; text-transform: uppercase;}
.breadcrumbs li:first-child { padding-left:0; background:none; margin-left:0;}
.breadcrumbs li a {color:#fff;}
.breadcrumbs li:after{  border: 4px solid transparent; content: ''; height: 0; width: 0; pointer-events: none; display: inline-block; border-left-color: rgba(255, 255, 255, 1); margin: 0 5px 0 10px;}
.breadcrumbs li:last-child:after{display:none;}
@media (max-width: 767px){
	.breadcrumbs {padding: 3px 6px 2px; margin-bottom: 20px; }
    .breadcrumbs li {font-weight: 400; font-size: 12px; }
}


/* BOTTOM MASKS */
.kl-bottommask {z-index: 1;}
.fake-loading ~ .kl-bottommask {z-index: 2;}
.kl-mask--light .bmask-bgfill {fill:#F5F5F5;}
.kl-mask--dark .bmask-bgfill {fill:#1A1A1A; -webkit-filter: none; filter: none;}
/* 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: 2; 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: 2; 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%);}
.kl-mask--dark.kl-bottommask--shadow_ud,
.kl-mask--dark.kl-bottommask--shadow { border-bottom-color: #1F1F1F;}
.kl-mask--dark.kl-bottommask--shadow_ud:after,
.kl-mask--dark.kl-bottommask--shadow:after {border-top-color:#1F1F1F;}
/* 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; padding-bottom: 35px;}
.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;}
.kl-mask--dark.kl-bottommask--mask3 .glyphicon {opacity:.5;}
/* 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) );}
	/* 960px layout */
	.res960 .kl-bottommask--mask3 .svgmask-right,
	.res960 .kl-bottommask--mask3 .svgmask-right + .glyphicon,
	.res960 .kl-bottommask--mask4 .svgmask-right {-webkit-transform:translateX( calc(-50% + 410px) ); -ms-transform:translateX( calc(-50% + 410px) ); transform: translateX( calc(-50% + 410px) );}
	.res960 .kl-bottommask--mask3 .svgmask-left,
	.res960 .kl-bottommask--mask3 .svgmask-left + .glyphicon,
	.res960 .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: 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;}
/* Mask 6 */
.maskcontainer--mask6 {border-bottom: 0 !important; padding-bottom: 70px;}
.kl-bottommask--mask6 { position: absolute; bottom: 0; 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%);}
/* 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;}


/* SPARKLES IN SUBHEADER */
#sparkles,
.th-sparkles { display:none;}
.th-sparkles-visible .th-sparkles {display: block;}
.th-sparkles > span {display: block; width: 15px; height: 15px; position: absolute; background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fff), color-stop(60%,rgba(255,255,255,0))); background: -webkit-radial-gradient(center, ellipse, #fff 0%, rgba(255,255,255,0) 60%); background: radial-gradient(ellipse at center,  #fff 0%,rgba(255,255,255,0) 60%);}
.shiny-spark1 { width:20px; height:20px; opacity:.4; }
.shiny-spark2 { width:10px; height:10px; opacity:.7; }
.shiny-spark3 { width:30px; height:30px; opacity:.1; }
.shiny-spark4 { width:3px; height:3px; opacity:.9; }
.shiny-spark5 { width:15px; height:15px; opacity:.3; }
.shiny-spark6 { width:25px; height:25px; opacity:.5; }


/* ===========================================================================
// WIDGETS
// ------------------------------------------------------------------------ */

.widget {margin-bottom:30px; }

/* SOCIAL SHARING */
.social-share {margin:25px 0 0; padding:0; list-style:none; text-align:center;}
.social-share-item {display:inline-block; margin-left:10px; width: 90px; max-height: 20px; vertical-align: top;}
.social-share-item.sc-gplus { width: 70px; }
.social-share-item.sc-pinterest > a { width: 40px !important; margin-left: -40px !important; vertical-align: top !important; }
@media (max-width: 991px) {
    .social-share-item { margin-left: 0;}
}
@media (max-width: 480px) {
	.social-share-item {margin-bottom:10px;}
}

/* TWITTER FEED */
.twitter-feed > iframe { max-height: 20px;}
.twitter-feed-wrapper { background:url(../images/twitter-bird.png) no-repeat 15px center #444; padding: 15px 15px 15px 60px; position:relative; border-radius:3px; margin-bottom:15px; }
.twitter-feed-wrapper:after {content:''; position:absolute; bottom:-10px; left:15px; border:5px solid transparent; border-top-color:#444;}
.twitter-feed-tweets {font-size:12px; color:#fff; font-style:italic; overflow: hidden; }
.twitter-feed-tweet {position: relative; padding-right: 45px;}
.twitter-feed-tweet-time {display:inline-block; color:#9d9d9d; padding-left:10px; border-left:1px solid #707070; font-size:11px; position:absolute; right: 0; top: 0; bottom: 0; width: 45px; vertical-align: middle; line-height: 1.3;}
/* Twitter in Sidebar */
.zn_sidebar .twitter-feed {}
.zn_sidebar .twitter-feed-wrapper{ background-position:15px 15px; padding: 60px 15px 15px 15px;}
.zn_sidebar .twitter-feed a {color:#fff;}
.zn_sidebar .twitter-feed-tweet {padding-right: 0;}
.zn_sidebar .twitter-feed-tweet-time { position: static; display: block; width: auto; margin-bottom: 15px; }

/* FLICKR FEED */
.flickrfeed.loading:after {content:'Loading..';}
.flickrfeed-list {margin:0 0 0 -20px; padding:0; list-style:none; position:relative;}
.flickrfeed-item {float:left; margin:0 0 20px 20px; }
.flickrfeed-link {display:block; width:75px; position:relative; }
.flickrfeed-list[data-size=small] .flickrfeed-link {width:60px;}
@media (max-width: 991px) {
    .flickrfeed-link { width: 65px;}
    .flickrfeed-list[data-size="small"] .flickrfeed-link {width:50px;}
}


/* RECENT COMMENTS */
#recentcomments {list-style: none outside none; margin: 0; padding: 0; }
#recentcomments li {padding-left: 10px; position: relative; margin-bottom:0; }
#recentcomments li:before {content:'\201C'; width:3px; height:0; position:absolute; top:0; left:0; color:#ddd;}

/* RECENT POSTS */
.widget_zn_recent_entries .zn_recent_posts.style1 .blog_type{width:40px; height:40px; background:#666; line-height:40px; text-align:center; float:left; margin:0 10px 10px 0; }
.widget_zn_recent_entries .zn_recent_posts.style1 .zn_rc_info {float:left; padding-top:2px; width:122px; }
.widget_zn_recent_entries .zn_recent_posts.style1 .zn_rc_info a{display:block; }
.widget_zn_recent_entries .zn_recent_posts.style1 .zn_rc_info span{font-size:90%; }
.widget_zn_recent_entries .post_thumb_container {float:left; margin-right:10px; }
.widget_zn_recent_entries .post_thumb_container img {width:auto; }


/* ARCHIVE */
#wp-calendar {width:100%; }
#wp-calendar caption {color:#333; font-size:12px; margin-bottom:15px; margin-top:10px; text-align:center; }
#wp-calendar thead {font-size:10px; }
#wp-calendar thead th {padding-bottom:10px; }
#wp-calendar tbody {color:#aaa; }
#wp-calendar tbody td {background:#f5f5f5; border:1px solid #fff; padding:8px; text-align:center; }
#wp-calendar tbody td:hover {background:#fff; }
#wp-calendar tbody .pad {background:none; }
#wp-calendar tfoot #next {font-size:10px; text-align:right; text-transform:uppercase; }
#wp-calendar tfoot #prev {font-size:10px; padding-top:10px; text-transform:uppercase; }


/* Newsletter widget (used in Coming soon & Event countdown)  */
.kl-newsletter {margin-bottom:0;}
.kl-newsletter-field,
.kl-newsletter-submit {vertical-align:top; margin-bottom:10px;}
.kl-newsletter-field {color:#4d4d4d; background: #EFEFEF; border: 1px solid #a3a3a3; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1) inset; display: inline-block; height: 40px; width:calc(90% - 130px); float:left; }
.kl-newsletter-submit {margin-left:10px; width:120px; float: left;}
.kl-newsletter-submit:hover {background:#000;}
.kl-newsletter-result {display:inline-block; margin-bottom:10px;}
.kl-newsletter-result:empty {display:inline;}
/* Newsletter in footer */
@media screen and (min-width: 992px) and (max-width: 1199px){
	.site-footer .kl-newsletter-field { width: calc(90% - 130px); }
	.site-footer .kl-newsletter-submit { width:120px; }
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.site-footer .kl-newsletter-field { width: calc(100% - 80px); }
	.site-footer .kl-newsletter-submit { width:70px; font-size:11px }
}
@media screen and (max-width: 767px){
	.site-footer .kl-newsletter-field,
	.site-footer .kl-newsletter-submit { width:100%; float:none; display:block; margin-left:0; margin-bottom:15px; }
}
/* Newsletter in sidebar */
.zn_sidebar .kl-newsletter-field,
.zn_sidebar .kl-newsletter-submit {width: 100%; margin-left: 0;}


/* Latest Posts Widget */
.latest_posts-wgt {position:relative;}
.latest_posts-wgt-elm-title {margin-bottom: 20px;}
.latest_posts-wgt-thumb {margin-right:20px; margin-top: 5px; margin-bottom: 0; }
.latest_posts-wgt-posts {margin:0; padding:0; list-style:none;}
.latest_posts-wgt-post { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #E3E3E3; overflow: hidden; }
.latest_posts-wgt-post:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.latest_posts-wgt-title {font-size: 13px; margin:0 0 5px; font-weight: 600; vertical-align: middle; line-height: 20px; margin: 0 0 5px; padding: 0; vertical-align: middle; }
.latest_posts-wgt-coments { color:#bababa }
.latest_posts-wgt-thumb ~ .latest_posts-wgt-text,
.latest_posts-wgt-thumb ~ .latest_posts-wgt-coments { margin-left: 74px; }
.latest_posts-wgt-thumb + .latest_posts-wgt-title { overflow: hidden; }
.widget_recent_entries .latest_posts-wgt-thumb img { max-width: 54px; }
.kl-sidebar--dark .latest_posts-wgt-post { border-bottom-color: #252525; }



/* ===========================================================================
// SITE FOOTER
// ------------------------------------------------------------------------ */

/* FOOTER */
.site-footer {background:#2f2f2f; padding:60px 0 20px; color:#d5d5d5; border-top:4px solid #fff; position:relative;}
.site-footer a {color:#fff;}
.site-footer a:hover {color:#d5d5d5;}
.site-footer .m_title {font-size:14px; color:#fff; text-shadow:none}
/* Footer Menu */
.site-footer .menu {margin:0; padding:0; list-style:none; overflow: hidden;}
.site-footer .menu a {padding-right:10px;}
.site-footer .zn_sbs .menu > li {float:left; width:50%;}
.site-footer .menu .sub-menu {list-style:none; margin:0; padding:0; padding-left:15px;}
/* Footer MapLink */
.map-link > span {margin-top:2px;}
/* Footer Bottom Side */
.site-footer-bottom {padding-top:30px; border-top:5px solid #484848; color:#8b8c8d;}
.footer-copyright-img {float:left; margin-right:20px;}
/* Footer Social Icons */
.scfooter-icon-nocolor {background-color:#121212;}
.site-footer .social-icons {margin-left: 0; padding-left: 0; margin-bottom: 30px;}
.site-footer .social-icons-li.title {line-height:30px;}
.site-footer .social-icons-li {margin:0 0 0 10px; }
.site-footer .social-icons-li:first-child {margin-left:0;}
@media (min-width: 768px){
	.site-footer .social-icons {float:right;}
}
/* Footer Contact Details */
.site-footer .contact-details { min-height: 64px; background-image: url(../images/say_hi_smaller.png); background-repeat:no-repeat; background-position: right top;}
@media (min-width: 1200px) {
    .site-footer .contact-details {background-image:url(../images/say_hi.png) ;}
}


/* FOOTER NAV */
.zn_footer_nav-wrapper {float: right;}
.footer_nav { margin:0; padding: 0; list-style: none; position: relative;}
.footer_nav>li{float: left; margin-left: 25px; position: relative;}
.footer_nav li a {font-size: 11px; font-weight: 700; color: #fff; line-height: 24px; display: block; padding: 0; border-radius: 2px; opacity: .8; }
.footer_nav li ul {margin:0; padding:0; list-style:none; }
.footer_nav li ul a { font-size: 11px; font-weight: 400; line-height: 1.6; display: block; padding: 0; border-radius: 2px; opacity: .8;}
.footer_nav li ul a:before { content:'-';display:inline-block; margin-right:10px; opacity:.2;}
@media (max-width: 767px){
	.zn_footer_nav-wrapper {float:none; margin-left: 0; padding-left: 0; margin-bottom: 30px;}
	.footer_nav { float: left; }
	.footer_nav li:first-child { margin-left: 0; }
}



/* ===========================================================================
// PAGES
// ------------------------------------------------------------------------ */

/* BLOG */
.kl-blog-item-dateicon,
.kl-blog-post-category-icon,
.kl-blog-post-date-icon,
.kl-blog-item-category-icon,
.kl-blog-item-tags-icon {margin: 0 5px 0 0; padding: 0;}
.kl-blog-item-body,
.kl-blog-post-body { line-height: 1.8 }
.kl-blog-post-body { margin-bottom: 50px }

/* tags */
.kl-blog-post-tags { margin: 0 0 20px }
.kl-blog--default .kl-blog-tag,
.tagcloud a { padding: 4px 10px; background-color: #EAEAEA; margin-right: 5px; color: #9B9B9B; display: inline-block; margin-bottom: 5px; }
.kl-blog--style-dark .kl-blog--default .kl-blog-tag,
.kl-skin--dark .tagcloud a { background-color: #000000; color: #6D6D6D;}
.kl-blog--default .kl-blog-tag:before,
.tagcloud a:before { font-family: 'Glyphicons Halflings'; content: "\e041"; margin-right: 5px; vertical-align: middle; color: #D2D2D2; }
.kl-blog--style-dark .kl-blog--default .kl-blog-tag:before,
.kl-skin--dark .tagcloud a:before { color: #646464; }

/* Blog Listing */
.kl-blog-list-wrapper {margin-bottom:35px;}
.kl-blog-item-title { margin: 0 0 10px }
.kl-blog-item-container  {margin-bottom:35px; padding: 30px 30px 15px 30px; position:relative; border-radius: 3px; background: #FFF; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);}
.kl-blog--style-dark .kl-blog-item-container  {background: #121212; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.8);}
.kl-blog-item-container:after {position:absolute; bottom:0; left:50%; margin-left:-3px; width:0; height:0; border-style:solid; border-color:transparent; border-width:5px; content: "";  }
.kl-blog--style-dark .kl-blog-item-container:after {border-bottom-color: #292929 !important;}
.kl-blog-item-details {font-size:11px; color: #9a9a9a; margin-bottom: 15px; text-transform: uppercase; padding: 10px 0 10px; position:relative; -webkit-transition:opacity 150ms ease-in; transition:opacity 150ms ease-in;}
.kl-blog--style-dark .kl-blog-item-details {color: #9a9a9a;}
.kl-blog-item-bottom { margin-top: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 15px; padding-bottom: 15px; }
.kl-blog--style-dark .kl-blog-item-bottom { border-bottom: 1px solid rgba(255, 255, 255, 0.04); }
.kl-blog-item-more {font-size:14px; font-weight:bold; }
.kl-blog-item-links { float: left; list-style:none !important; font-size: 10px; color: #AAA; text-transform: uppercase; margin-top: 0; padding-left: 0; margin-bottom:0; margin-left:0;}
.kl-blog--style-dark .kl-blog-item-links { color: #AAA; }
.kl-blog-item-comments { float: right }
.kl-blog-item-comments-link { font-size: 10px; text-transform: uppercase; }
.kl-blog-item-category {float:left; margin-left:0; padding-left:0; }
.kl-blog-item-date { padding-left:0;}
.kl-blog-item-tags { padding-left:0; font-size: 10px; color: #AAA; text-transform:uppercase; }
.kl-blog--default .kl-blog-item-tags { float: left }
.kl-blog-item-more { float: right }

/* Blog Columns */
.kl-blog-column { padding-left: 10px; padding-right: 10px }
.kl-blog-item-container.zn_columns { padding: 0 0 20px; }
.kl-blog-item-container.zn_columns .kl-blog-item-header,
.kl-blog-item-container.zn_columns .kl-blog-item-body,
.kl-blog-item-container.zn_columns .kl-blog-item-links,
.kl-blog-item-container.zn_columns .kl-blog-item-tags { padding: 0 15px; }
.kl-blog-item-container.zn_columns .kl-blog-item-content { padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px solid #F5F5F5; }
.kl-blog--style-dark .kl-blog-item-container.zn_columns .kl-blog-item-content { border-bottom: 1px solid #000; }
.kl-blog-item-container.zn_columns .kl-blog-item-overlay-more { font-size:14px; font-weight:bold; text-transform: uppercase; }
.kl-blog-item-container.zn_columns .kl-blog-item-title  {line-height: 1.6; font-size: 16px;padding: 20px 0 0;}
.kl-blog-item-container.zn_columns.zn_columns4 .kl-blog-item-overlay-more ,
.kl-blog-item-container.zn_columns.zn_columns3 .kl-blog-item-overlay-more {font-size: 13px;}
/* Item Thumbnail */
.kl-blog-item-thumbnail { position: relative; }
.kl-blog-item-thumbnail-img { display: block; width: 100%; height: auto; }
.kl-blog-item-thumbnail-link { display: block; }
/* Overlay link */
.kl-blog-item-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: opacity .25s ease-in-out, visibility .25s ease-in-out; transition: opacity .25s ease-in-out, visibility .25s ease-in-out; }
.kl-blog-item-container.zn_columns:hover .kl-blog-item-overlay { opacity: 1; visibility: visible; }
.kl-blog-item-overlay-inner { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.kl-blog-item-overlay-more {  margin: 0 auto; width: 48px; height: 48px;  border-radius: 30px; display: block; border: 2px solid #fff; position: relative; text-align: center;  overflow: hidden; color: #fff; line-height: 46px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.kl-blog-item-overlay-more:hover { width: 120px; background: #cd2122; border-color: #cd2122; }
.kl-blog-item-overlay-more:before { content: "+"; position: absolute; left: 50%; margin-left: -6px; font-size: 20px; font-weight: bold; opacity: 1; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; }
.kl-blog-item-overlay-more:hover:before { opacity: 0; }
.kl-blog-item-overlay-more:after { content: attr(data-readmore); color: #fff; opacity: 0; font-size: 11px; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; }
.kl-blog-item-overlay-more:hover:after { opacity: 1; }

/* Blog Page */
.kl-blog-page-image { display: block; width: 100%; text-align: center; overflow: hidden; margin-bottom: 35px; }

/* Blog Post */
.kl-blog-post-title {padding-bottom: 0; border-bottom: 0 !important; }
.kl-blog-post-details {font-size:11px; color: #9a9a9a; margin-bottom: 15px; text-transform: uppercase; padding: 10px 0 10px; position:relative; -webkit-transition:opacity 150ms ease-in; transition:opacity 150ms ease-in;}
.kl-blog--style-dark .kl-blog-post-details {color: #9a9a9a;}
.kl-blog-post-details:before {content: ''; position: absolute; left: 0; top: -1px; width: 60px; height: 1px; background-color: #ddd }
.kl-blog--style-dark .kl-blog-post-details:before {background-color: #3B3B3B }
.kl-blog-post-details-sep {display: inline-block; margin: 0 5px;}
.kl-blog-post-img.pull-left { margin-right: 20px; margin-bottom: 15px; }
.kl-blog-post-img.pull-right { margin-left: 20px; margin-bottom: 15px; }
.kl-blog-post-img.full-width { margin-bottom: 5px; }
.kl-blog-post-socsharing  {margin-bottom:20px; margin-top:10px;}
.kl-blog-post-socsharing-tw {float:left;margin:2px 20px 0 0; width:80px;}
.kl-blog-post-socsharing-fb {float:left;margin-right:20px;width:70px;}
.kl-blog-post-socsharing-gp {float:left;width:70px;}
.kl-blog-post-tags { padding-left:0; font-size: 10px; color: #AAA; text-transform:uppercase; }
.kl-blog-cols-2 {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;}
.kl-blog-cols-2 blockquote { margin-left:0; margin-right: 0; }
/* Post image */
.kl-blog-full-image {margin-bottom: 20px; text-align: center; }
.kl-blog-post-image {float: left; margin-right: 30px; margin-bottom:10px;}
.kl-blog-full-image-link,
.kl-blog-post-image-link {border-bottom: 5px solid #cd2122;}
@media (max-width: 991px){
	.kl-blog-cols-2 {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
}
@media (max-width: 767px){
	.kl-blog-post-image {margin-right: 0; width: 100%;}
}

/* Featured Post */
.kl-blog--featured-post { position: relative; padding: 0; }
.kl-blog--featured-post:after { content: none; }
.kl-blog--featured-post .kl-blog-full-image { position: relative; border-bottom: none; min-height: 220px;}
.kl-blog--featured-post .kl-blog-full-image-img { width: 100%; }
.kl-blog--featured-post .kl-blog-sticky-noimg { min-height: 400px; background-color: #333; }
.kl-blog-featured-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 30px; }
.kl-blog-featured-content:before { content: ''; position: absolute; top: -50%; left: 0; width: 100%; height: 150%; background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.6)); background: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); opacity:0; visibility: hidden;  -webkit-animation: animFadeIn .4s ease-in .7s 1 normal forwards running; animation: animFadeIn .4s ease-in .7s 1 normal forwards running; }
@-webkit-keyframes animFadeIn {from {opacity:0; visibility: hidden; } to {opacity:1; visibility: visible;} }
@keyframes animFadeIn  {from {opacity:0; visibility: hidden; } to {opacity:1; visibility: visible;} }
.kl-blog-featured-inner {position: relative;}
.kl-blog-featured-content .kl-blog-item-header { border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 15px; padding-bottom: 15px; }
.kl-blog-featured-content .kl-blog-item-title { font-size: 20px; text-transform: uppercase; font-weight: normal; line-height: 1.6; margin: 0 0 15px; }
.kl-blog-featured-content .kl-blog-item-details { color: rgba(255, 255, 255, 0.4); padding: 0; margin: 0; }
.kl-blog-featured-content .kl-blog-item-details:before { content: none; }
.kl-blog-featured-content .kl-blog-item-links { color: rgba(255, 255, 255, 0.4); }
.kl-blog-featured-content a,
.kl-blog-featured-content a:hover { color: #fff; }
.kl-blog-featured-content a:hover { opacity:.75; }
@media (max-width: 480px) {
 .kl-blog--featured-post .kl-blog-sticky-noimg { min-height: 200px; }
 .kl-blog-featured-content { padding: 10px 15px; }
 .kl-blog-featured-content .kl-blog-item-title { font-size: 16px; line-height: 1.6; margin: 0 0 10px }
 .kl-blog-featured-content .kl-blog-item-header { margin-bottom: 10px; padding-bottom: 10px; }
}

/* Post Author */
.kl-blog-post-author { color: #535353; margin-bottom: 50px; overflow: hidden; border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; padding: 30px 0;}
.kl-blog--style-dark .kl-blog-post-author { color: #C5C5C5; border-top: 1px solid rgba(233, 233, 233, 0.1); border-bottom: 1px solid rgba(233, 233, 233, 0.1); }
.kl-blog-post-author-avatar { float: left; width: 100px; margin-right: 20px; }
.kl-blog-post-author-avatar img { display: block; max-width: 100%; height: auto; border-radius: 50%; }
.kl-blog-post-author-title { text-transform: uppercase; }

/* Related Articles */
.kl-blog-related-title { font-size: 14px; text-align: center; text-transform: uppercase; margin: 0 0 20px; }
.kl-blog-related-post-link { display: block; position: relative; }
.kl-blog-related-post-link:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 0; background-color: #cd2122; -webkit-transition: height .25s ease-in-out; transition: height .25s ease-in-out; }
.kl-blog-related-post:hover .kl-blog-related-post-link:after { height: 8px }
.kl-blog-related-post-title { text-transform: uppercase; }

/* WP BLOG STYLES */
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; }
.wp-smiley {margin:0 !important; max-height:1em; }
blockquote.left {float:left; margin-left:0; margin-right:20px; text-align:right; width:33%; }
blockquote.right {float:right; margin-left:20px; margin-right:0; text-align:left; width:33%; }

/* BLOG COMMENTS */
.kl-comments { margin-top: 20px; }
.kl-comments label {display: block; margin-bottom: 5px; }
.kl-comments .form-control {width: 100%; }
.kl-comments-list { margin-left: 0; list-style-type: none; padding-left: 0; }
/* Comment */
.kl-comment__wrapper {position: relative; margin: 0; padding: 10px; background-color: white; border: 1px solid #DDD; border-radius: 4px;}
.kl-comment { margin-bottom: 15px; }
.kl-comment > .children { margin-bottom: 0; margin-top: 15px;}
.kl-comment__author .avatar{ display: block; width: 64px; height: 64px; float: left; margin-right: 15px; overflow: hidden; padding: 2px; border: 1px solid #ddd; line-height: 0; border-radius:2px }
.kl-comment__author { font-size: 13px; font-weight: bold;}
.kl-comment__meta { font-size: 11px; font-style: normal; margin-bottom: 5px; color:#999;}
.kl-comment__meta-link { color:#999;}
.kl-comment__meta .comment-edit-link { float: right; margin-right: 52px; position: relative; top: -20px; }
.kl-comment__text{ padding-left: 80px; margin: 4px 0 10px; }
.kl-comment .reply { position: absolute; right: 0; top: 0; }
.kl-comment .comment-reply-link {position: absolute; top: -1px; right: -1px; padding: 3px 7px; font-size: 10px; font-weight: bold; background-color: whiteSmoke; border: 1px solid #DDD; color: #9DA0A4; border-radius: 0 4px 0 4px; text-transform: uppercase;}
.kl-comment .comment-reply-link:hover {color:#222;}
.kl-comment .reply .comment-reply-link {font-size: 11px; padding: 3px 6px; border-radius: 3px; }
.kl-comment .reply .comment-reply-link:hover { text-decoration: none; }
.kl-comment .comment-body { margin-bottom: 15px; position: relative; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; }
/* Children */
.kl-comments-list .children { margin-bottom: 0; margin-left: 0; padding-left: 50px; border-left: 1px solid #fff;}
.kl-comments-list .children li { margin-bottom: 0; list-style: none;}
/* Comments title */
.kl-comments-title { font-size: 22px; line-height: 28px; margin-bottom: 20px; }
.kl-comments-title span { font-style: italic; }
/* separator */
.kl-comments-sep { *zoom: 1; }
.kl-comments-sep:before,
.kl-comments-sep:after {display: table; content: "";line-height: 0;}
.kl-comments-sep:after {clear: both;}

/* BLOG RESPOND */
.comment-respond { padding: 15px 0; position:relative; margin-top:15px; }
.kl-comment .comment-respond { padding: 15px 20px; position:relative; background-color: #F8F8F8; border: 1px solid #ccc; border-radius: 4px; margin-top:15px; }
.kl-comment .comment-respond:after {content:''; position:absolute; left:35px; top:-16px; border:8px solid transparent; border-bottom-color:#F8F8F8;}
.kl-comment .comment-respond:before {content:''; position:absolute; left:34px; top:-18px; border:9px solid transparent; border-bottom-color:#ccc;}
.comment-respond .row {margin-bottom:10px;}
.comment-respond .zn_com_title {margin-top:0;}
.comment-respond #cancel-comment-reply-link {position: absolute; top: -1px; right: -1px; padding: 10px 15px; font-size: 10px; font-weight: bold; background-color: #fff; border: 1px solid #ccc; border-radius: 0 4px 0 4px; text-transform: uppercase;}
.comment-respond #cancel-comment-reply-link {color: #9DA0A4;}
.comment-respond #cancel-comment-reply-link:hover {color:#222;}
.comment-respond p { margin-bottom: 5px; padding-left: 0 !important; }
.comment-respond .comment-notes .required { position: static; }
.comment-respond input[type="text"] { margin-bottom: 0; }
.comment-respond .form-allowed-tags code { margin-top: 10px; }


/* PORTFOLIO ITEM */
.hg-portfolio-item {position: relative;}
.portfolio-item-title { text-transform: uppercase; color: #4D4D4D; font-size: 32px; line-height: 1.3; font-weight: 400; }
.portfolio-item-desc {margin-bottom:30px}
.portfolio-item-desc-inner-compacted {max-height: 150px; overflow: hidden; position: relative;}
.portfolio-item-desc-inner-compacted:after {content:''; position:absolute; left:0; bottom:0; display:block; width:100%; height: 100px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,0)), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top, rgba(245,245,245,0) 0%, #f5f5f5 100%); background: linear-gradient(to bottom,  rgba(245,245,245,0) 0%,#f5f5f5 100%); }
.kl-skin--dark .portfolio-item-desc-inner-compacted:after { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, #1A1A1A)); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%, #1A1A1A 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%, #1A1A1A 100%); }
.portfolio-item-more-toggle {text-transform:uppercase; font-weight: 900; font-size: 11px;}
.portfolio-item-more-toggle .glyphicon {font-size:11px; margin-right:4px;}
.portfolio-item-more-toggle:after {content:attr(data-more-text);}
/* when opened */
.portfolio-item-desc.is-opened .portfolio-item-desc-inner {max-height: none; overflow: hidden;}
.portfolio-item-desc.is-opened .portfolio-item-desc-inner:after {display: none;}
.portfolio-item-desc.is-opened .portfolio-item-more-toggle:after {content:attr(data-less-text);}
.portfolio-item-desc.is-opened .portfolio-item-more-toggle .glyphicon:before { content: "\e260"; }
/* no-toggle */
.portfolio-item-desc.no-toggle .portfolio-item-desc-inner {max-height: none; overflow: hidden;}
.portfolio-item-desc.no-toggle .portfolio-item-more-toggle {display: none;}
.portfolio-item-desc.no-toggle .portfolio-item-desc-inner:after {display: none;}
/* when in affix */
.portfolio-item-content.affixcontent .portfolio-item-desc.is-opened:not(.no-toggle) .portfolio-item-desc-inner { max-height: 35vh; overflow: auto;}
/* details */
.portfolio-item-details {margin: 0 0 40px; list-style: none; padding:0;}
.portfolio-item-details li {margin-bottom: 15px;}
.portfolio-item-details-label { min-width: 100px; font-weight: 300; color:#ababab; float:left;}
.portfolio-item-details-item { float:left; overflow: hidden;}
/* Extra Images */
.portfolio-item-extraimages  {margin-top:20px; }
.portfolio-item-extraimg {margin-top:15px; margin-bottom:15px; }
/* Other details */
.portfolio-item-otherdetails {margin-bottom: 30px; }
.portfolio-item-livelink { display:inline-block; margin-right: 10px; float: right; margin-top: 5px;}
.portfolio-item-share { display:inline-block; }
.portfolio-item-share:before {content:attr(data-share-title); font-size:12px; font-weight:600; display: block;line-height: 1;margin-bottom: 10px;color: #8A8A8A;}
.portfolio-item-share-link {display:inline-block; width: 30px; height: 30px; margin-top: -5px; border-radius:3px; color: rgba(0, 0, 0, 0.25); background-color: transparent; border-color: #E2E2E2;border-top: 0;border-bottom: 0;border-right: 0; border:0; font-size:16px;text-align: center;margin-right: 5px;line-height: 30px;}
.portfolio-cat--dark .portfolio-item-share-link,
.portfolio-item--dark .portfolio-item-share-link {color: rgba(255, 255, 255, 0.5);}
.portfolio-item-share-link:hover {color:#fff;}
.portfolio-item-share .portfolio-item-share-twitter {font-size: 13px;}
.portfolio-item-share-twitter:hover {background:#55ACEE;}
.portfolio-item-share-facebook:hover {background:#3B5998;}
.portfolio-item-share-gplus:hover {background:#CC3732;}
.portfolio-item-share-pinterest:hover {background:#CC2127;}
.portfolio-item-share-mail:hover {background:#565656;}
/* Right part */
.hg-portfolio-item .portfolio-item-right { margin-bottom:20px;}
.portfolio-item { margin-bottom: 50px; }
/* Affixed Portfolio content */
.stickit { position: absolute; padding-right: 15px; }
.portfolio-item-content.affixcontent { -webkit-transition:top .2s ease-out; transition:top .2s ease-out; -webkit-backface-visibility: hidden;}
/* MQ's */
@media (min-width: 992px) and (max-width: 1199px){
	.page-title.portfolio-item-title { font-size: 24px; line-height: 1.3;}
}
@media (max-width: 991px){
    .page-title.portfolio-item-title { font-size: 24px; line-height: 1.3;}
    .portfolio-item-details-label {float: none; display:block; margin-bottom: 5px; }
    .portfolio-item-details-item {float: none; display:block; }
    .portfolio-item-livelink {float: none; margin-top: 20px;}
    .portfolio-item-details {margin: 0 0 20px;}
}


/* Portfolio Overlay */
.portfolio-item-overlay-imgintro { position: relative; z-index: 0; }
.portfolio-item-overlay-imgintro > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }
.portfolio-item-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; background-color: rgba(31, 34, 37, 0.25); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.portfolio-item-overlay-imgintro:hover .portfolio-item-overlay { opacity: 1; visibility: visible; box-shadow: inset 0 -8px 0 0 #cd2122; }
.kl-ptfcarousel .portfolio-item-overlay-imgintro:hover .portfolio-item-overlay { box-shadow: none; }
.portfolio-item-overlay-inner { position: relative; text-align: center; top: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; }
.portfolio-item-overlay-icon { color: #fff; width: 60px; height: 60px; line-height: 58px; border: 2px solid #fff; display: inline-block; border-radius: 50%; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); -webkit-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; }
.portfolio-item-overlay-imgintro:hover .portfolio-item-overlay-icon { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }


/* PORTFOLIO CATEGORY */
.kl-ptf-catlist-title { text-transform: uppercase; font-size: 16px; line-height: 1.6; }
.kl-ptf-catlist-desc { line-height: 1.8; }
.kl-ptf-catlist-img { width: 100%; }


/* PORTFOLIO CAROUSEL */
.kl-ptfcarousel-item:before,
.kl-ptfcarousel-item:after { content: " "; display: table; }
.kl-ptfcarousel-item:after { clear: both; }
.kl-ptfcarousel-item { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #EBEBEB; }
.portfolio-crsl--dark .kl-ptfcarousel-item { border-bottom-color: rgba(255,255,255,.1); }
.kl-ptfcarousel-item:last-child { padding-bottom: 0; margin-bottom: 50px; border: 0; }
.kl-ptfcarousel-item-desc {margin-bottom: 30px; }
.kl-ptfcarousel-item-details {margin-bottom: 20px; }
.kl-ptfcarousel-item-links {margin-bottom: 20px;}
.kl-ptfcarousel-item-links .btn:first-child {margin-right: 10px;}
.kl-ptfcarousel-item-links {margin-top:20px;}
.kl-ptfcarousel-img { width: 100%; }
/* Portfolio carousels - Classic frame */
.kl-ptfcarousel-item-title { font-size: 32px; line-height: 1.4; margin-bottom: 20px; font-weight: 300; margin-bottom: 30px; }
.kl-ptfcarousel-frame--classic {position:relative; border:4px solid #fff; box-shadow: 0 0 0 2px #ddd, 0 0 6px rgba(0,0,0,0.2); border-radius:2px; }

.kl-ptfcarousel-frame--classic:after {content:''; position:absolute; left:-34px; top:50%; margin-top:-15px; border:15px solid transparent; border-right:15px solid #ddd; z-index:1;}
.kl-ptfcarousel-frame--classic:before {content:''; position:absolute; left:-30px; top:50%; margin-top:-13px; border:13px solid transparent; border-right:13px solid #fff; z-index:2;}
.portfolio-crsl--dark .kl-ptfcarousel-frame--classic {border-color:#111; box-shadow:0 0 0 2px #000, 0 0 6px #000; }
.portfolio-crsl--dark .kl-ptfcarousel-frame--classic:after {border-right-color:#000; }
.portfolio-crsl--dark .kl-ptfcarousel-frame--classic:before {border-right-color:#111; }
/* Portfolio carousels - Modern frame */
.kl-ptfcarousel-frame--modern {position: relative; padding-top:30px; padding-bottom: 0; border-radius: 4px 4px 2px 2px; background-color: #dcdee7; border: 1px solid rgba(255, 255, 255, 0.6); box-shadow: 0 16px 10px -11px rgba(0, 0, 0, 0.12); }
.kl-ptfcarousel-frame--modern:before {content: ""; position: absolute; top: 12px; margin-top: 0; left: 25px; display: block; background: #ababab; border-radius: 30px; width: 7px; height: 7px; box-shadow: -12px 0 0 #ababab,12px 0 0 #ababab; }
.portfolio-crsl--dark .kl-ptfcarousel-frame--modern {border-color: rgba(0, 0, 0, 0.8)}
/* Portfolio carousels - Minimal frame */
.kl-ptfcarousel-frame--minimal {position: relative}
/* Portfolio carousels list */
.kl-ptfcarousel-carousel-list {margin:0; padding:0; list-style:none; overflow:hidden; }
.kl-ptfcarousel-carousel-item {float:left; }
.kl-ptfcarousel-carousel-arr {position:absolute; left: 15px; top: 50%; z-index:11; background:#000; display:inline-block !important; margin:0; margin-top:-12px; width: 30px; height: 31px; text-align: center; border-radius:2px; opacity:0;}
.kl-ptfcarousel-carousel-arr.next {left:auto; right:15px; }
.kl-ptfcarousel-carousel-arr .glyphicon {margin:8px 0 0; color: #fff; }
.kl-ptfcarousel-carousel-arr:hover {background:#CD2122; }
.kl-ptfcarousel-carousel:hover .kl-ptfcarousel-carousel-arr {opacity:1;}


/* Portfolio Sortable */
.kl-ptfsortable-img { width: 100%; }
/* Sort-by toolbar */
.kl-ptfsortable-sorting { float:right; margin:0; font-size: 10px; text-transform: uppercase; padding: 8px 10px; color:#888; border-radius: 2px; margin-top:10px;}
.kl-ptfsortable-sorting-title {line-height:1;}
.kl-ptfsortable-sorting-lists {display:inline-block; margin:0 25px 0 0; padding:0; list-style:none;}
.kl-ptfsortable-sorting-dir {margin-right:0 !important;}
.kl-ptfsortable-sorting-li {display: inline-block; margin-left:10px; line-height:1; margin-bottom:0;}
.kl-ptfsortable-sorting-link {color: #B7B7B7; line-height:1;}
.kl-ptfsortable-sorting-link.selected {color: #131313}
.portfolio-sort--dark .kl-ptfsortable-sorting {color:#ADADAD;}
.portfolio-sort--dark .kl-ptfsortable-sorting-link {color: #969595;}
.portfolio-sort--dark .kl-ptfsortable-sorting-link.selected {color: #FFFFFF}
/* Sort Nav */
.kl-ptfsortable-nav {margin:5px 0 40px; padding:0; list-style:none; float: left;}
.kl-ptfsortable-nav-item {float:left;}
.kl-ptfsortable-nav-link { background: #fff; color: #888; padding:15px; line-height: 1; font-size: 10px; text-transform: uppercase; display:inline-block; margin-right:0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.portfolio-sort--dark .kl-ptfsortable-nav-link {background: #000; color: #9E9E9E; }
.kl-ptfsortable-nav-link:hover,
.kl-ptfsortable-nav-item.current .kl-ptfsortable-nav-link {background: #CD2122; color:#fff;}
.portfolio-sort--dark .kl-ptfsortable-nav-link:hover,
.portfolio-sort--dark .kl-ptfsortable-nav-item.current .kl-ptfsortable-nav-link {color:#fff;}
.kl-ptfsortable .portfolio-item-overlay-imgintro:hover .portfolio-item-overlay { box-shadow: none }
/* Item listing */
.kl-ptfsortable-items { padding: 0; list-style: none; overflow: hidden; margin-left: -10px; margin-right: -10px; }
.kl-ptfsortable-item { width: 100%; float: left; padding: 0 10px; margin-bottom: 20px; }
.kl-ptfsortable-items[data-columns="2"] .kl-ptfsortable-item { width: 50%; }
.kl-ptfsortable-items[data-columns="3"] .kl-ptfsortable-item { width: 33.333%; }
.kl-ptfsortable-items[data-columns="4"] .kl-ptfsortable-item { width: 25%; }
@media (max-width : 992px) { .kl-ptfsortable-item { width: 33.333%  !important} }
@media (max-width : 768px) { .kl-ptfsortable-item { width: 50% !important} }
@media (max-width : 480px) { .kl-ptfsortable-item { width: 100%  !important} }
.kl-ptfsortable-item-inner { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15); background: #fff; -webkit-transition: all .3s ease; transition: all .3s ease; opacity:0.9; }
.kl-ptfsortable-item-inner:hover {box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); opacity:1; }
.kl-ptfsortable-item-title{ display: block; line-height: 1.6; border-bottom: 1px dotted rgba(0, 0, 0, 0.17); font-size:14px; text-transform: uppercase; margin: 0; padding: 15px }
.kl-ptfsortable-item-desc { font-size: 12px; color: #777; padding:0 15px 15px; margin: 15px 0 0; display: block; }
.kl-ptfsortable-item-desc p {margin-bottom:10px;}
.kl-ptfsortable-item.isotope-item {z-index:2;}
.kl-ptfsortable-item.isotope-hidden {z-index:1;}
.kl-ptfsortable-item-inner iframe {display:block;}
.portfolio-sort--dark .kl-ptfsortable-item-inner {box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.85); background: #000;}
.portfolio-sort--dark .kl-ptfsortable-item-inner:hover {box-shadow: 0 10px 10px -10px #000;}
.portfolio-sort--dark .kl-ptfsortable-item-title {border-bottom: 1px dotted rgba(255, 255, 255, 0.17);}
.portfolio-sort--dark .kl-ptfsortable-item-desc {color: #C3C3C3;}
/* Load More Button */
.kl-ptfsortable-loadmore {display: block; max-width: 380px; text-align: center; margin: 30px auto; padding: 13px 0; text-transform: uppercase; font-weight: 600; -webkit-transition: opacity .15s ease-out; transition: opacity .15s ease-out; }
.kl-ptfsortable-loadmore--loading {opacity:.5; pointer-events:none;}
.kl-ptfsortable-loadmore.zn_loadmore_disabled.btn {opacity:.3; pointer-events:none; color: #777; border-color: #777;}
