:root, 
:before, 
:after {
	--divider-color: rgba(255,255,255,0.1);
}
/**
 * ===============================================================================================
 *       ________  ___   ___   ___  ___       ___  __       ___  ________  _________  ___   ___   
 *      /  _____/\/  /\_/ _/\ /  /\/  /\     /  /\|  | __  /  /\/  __   / /  ___   /\/  /\_/ _/\  
 *     /  /_\___\/  /_/ _/ _//  / /  / /    /  / /|  |/  |/  / /  /\/  / /  /__/  / /  /_/ _/ _/
 *    /____   /\/  _   /\_/ /  / /  / /    /  / / |         / /  / /  / /  _   __/ /  _   /\_/  
 *   _\___/  / /  / |  | | /  / /  /_/__  /  /_/__|   /|   / /  / /  /_/  /\\  \_\/  / |  | |
 *  /_______/ /__/ /|__| |/__/ /_______/\/_______/|__/ |__/ /_______/ /__/ / \__\/__/ /|__| |  
 *  \_______\ \__\/  \__\/\__\/\_______\/\_______\/\_\/\__\/\_______\/\__\/ \/__/\__\/  \__\|
 * 
 * -----	Skillwork CSS Framework, skillwork.css
 * ===================================================================================== */

/**
 * =================================================================
 * ==================    SKILLWORK WPA - START    ==================
 * =================================================================
 * ---------------------------------
 * Skillwork.css WordPress Additions
 * ---------------------------------
 */

/**
 * From style.css
 * Sections, grouping of content, text-level semantics,
 * embedded content, forms, interactive, misc, box-sizing,
 * Components, navigation, posts and pages, comments,
 * widgets, media, captions, galleries, plugins, jetpack,
 * utilities, accessibility, alignments - all explained in
 * style.css of a standard _underscores generated theme.
 */
html {
	-webkit-text-size-adjust: 100%;
}

body {
	background-color: var(--body-background-color);
	color: var(--body-color);
	font-family: var(--body-font-family);
	line-height: var(--body-line-height);
	margin: 0;
	overflow-x: hidden;
}

main {
	display: block;
}

/**
 * Responsive font sizes
 * =====================
 */

/* Font sizes - QHD, UHD */
.font-big-heading { font-size: 98px; }
.font-102 { font-size: 102px; }
.font-97 { font-size: 97px; }
.font-88 { font-size: 88px; }
.font-80 { font-size: 80px; }
.font-72 { font-size: 72px; }
.font-54 { font-size: 54px; }
.font-49 { font-size: 49px; }
.font-44 { font-size: 44px; }
.font-34 { font-size: 34px; }
.font-32 { font-size: 32px; }
.font-30 { font-size: 30px; }
.font-28 { font-size: 28px; }
.font-24 { font-size: 24px; }
.font-22 { font-size: 22px; }
.font-20 { font-size: 20px; }
.font-19 { font-size: 19px; }
.font-18 { font-size: 18px; }
.font-17 { font-size: 17px; }
.font-16 { font-size: 16px; }
.font-15 { font-size: 15px; }
.font-14 { font-size: 14px; }
.font-13 { font-size: 13px; }
.font-12 { font-size: 12px; }
.font-11 { font-size: 11px; }
.font-10 { font-size: 10px; }
.font-9 { font-size: 9px; }
/* Font sizes - xxl to FullHD */
@media all and (min-width: 1400px) and (max-width: 1920px) {
	.font-big-heading { font-size: 98px; }
	.font-102 { font-size: 92px; }
	.font-97 { font-size: 72px; }
	.font-88 { font-size: 64px; }
	.font-80 { font-size: 60px; }
	.font-72 { font-size: 54px; }
	.font-54 { font-size: 44px; }
	.font-49 { font-size: 37px; }
	.font-44 { font-size: 34px; }
	.font-34 { font-size: 34px; }
	.font-32 { font-size: 30px; }
	.font-30 { font-size: 28px; }
	.font-28 { font-size: 28px; }
	.font-24 { font-size: 22px; }
	.font-22 { font-size: 20px; }
	.font-20 { font-size: 20px; }
	.font-19 { font-size: 19px; }
	.font-18 { font-size: 18px; }
	.font-17 { font-size: 17px; }
	.font-16 { font-size: 16px; }
	.font-15 { font-size: 15px; }
	.font-14 { font-size: 14px; }
	.font-13 { font-size: 13px; }
	.font-12 { font-size: 12px; }
	.font-11 { font-size: 11px; }
	.font-10 { font-size: 10px; }
	.font-9 { font-size: 9px; }
}
/* Font sizes - xl */
@media all and (min-width: 1200px) and (max-width: 1399px) {
	.font-big-heading { font-size: 68px; }
	.font-102 { font-size: 72px; }
	.font-97 { font-size: 66px; }
	.font-88 { font-size: 62px; }
	.font-80 { font-size: 60px; }
	.font-72 { font-size: 54px; }
	.font-54 { font-size: 44px; }
	.font-49 { font-size: 37px; }
	.font-44 { font-size: 34px; }
	.font-34 { font-size: 34px; }
	.font-32 { font-size: 28px; }
	.font-30 { font-size: 28px; }
	.font-28 { font-size: 28px; }
	.font-24 { font-size: 24px; }
	.font-22 { font-size: 20px; }
	.font-20 { font-size: 20px; }
	.font-19 { font-size: 19px; }
	.font-18 { font-size: 18px; }
	.font-17 { font-size: 17px; }
	.font-16 { font-size: 16px; }
	.font-15 { font-size: 15px; }
	.font-14 { font-size: 14px; }
	.font-13 { font-size: 13px; }
	.font-12 { font-size: 12px; }
	.font-11 { font-size: 11px; }
	.font-10 { font-size: 10px; }
	.font-9 { font-size: 9px; }
}
/* Font sizes - lg */
@media all and (min-width: 992px) and (max-width: 1199px) {
	.font-big-heading { font-size: 68px; }
	.font-102 { font-size: 72px; }
	.font-97 { font-size: 66px; }
	.font-88 { font-size: 62px; }
	.font-80 { font-size: 58px; }
	.font-72 { font-size: 54px; }
	.font-54 { font-size: 44px; }
	.font-49 { font-size: 37px; }
	.font-44 { font-size: 34px; }
	.font-34 { font-size: 34px; }
	.font-32 { font-size: 28px; }
	.font-30 { font-size: 28px; }
	.font-28 { font-size: 28px; }
	.font-24 { font-size: 24px; }
	.font-22 { font-size: 20px; }
	.font-20 { font-size: 20px; }
	.font-19 { font-size: 19px; }
	.font-18 { font-size: 18px; }
	.font-17 { font-size: 17px; }
	.font-16 { font-size: 16px; }
	.font-15 { font-size: 15px; }
	.font-14 { font-size: 14px; }
	.font-13 { font-size: 13px; }
	.font-12 { font-size: 12px; }
	.font-11 { font-size: 11px; }
	.font-10 { font-size: 10px; }
	.font-9 { font-size: 9px; }
}
/* Font sizes - md */
@media all and (min-width: 768px) and (max-width: 991px) {
	.font-big-heading { font-size: 68px; }
	.font-102 { font-size: 72px; }
	.font-97 { font-size: 66px; }
	.font-88 { font-size: 62px; }
	.font-80 { font-size: 58px; }
	.font-72 { font-size: 54px; }
	.font-54 { font-size: 44px; }
	.font-49 { font-size: 37px; }
	.font-44 { font-size: 34px; }
	.font-34 { font-size: 30px; }
	.font-32 { font-size: 28px; }
	.font-30 { font-size: 28px; }
	.font-28 { font-size: 28px; }
	.font-24 { font-size: 22px; }
	.font-22 { font-size: 19.5px; }
	.font-20 { font-size: 19px; }
	.font-19 { font-size: 18px; }
	.font-18 { font-size: 17px; }
	.font-17 { font-size: 16px; }
	.font-16 { font-size: 16px; }
	.font-15 { font-size: 15px; }
	.font-14 { font-size: 14px; }
	.font-13 { font-size: 13px; }
	.font-12 { font-size: 12px; }
	.font-11 { font-size: 11px; }
	.font-10 { font-size: 10px; }
	.font-9 { font-size: 9px; }
}
/* Font sizes - sm */
@media all and (min-width: 576px) and (max-width: 767px) {
	.font-big-heading { font-size: 50px; }
	.font-102 { font-size: 54px; }
	.font-97 { font-size: 49px; }
	.font-88 { font-size: 47px; }
	.font-80 { font-size: 46px; }
	.font-72 { font-size: 44px; }
	.font-54 { font-size: 36px; }
	.font-49 { font-size: 32px; }
	.font-44 { font-size: 28px; }
	.font-34 { font-size: 26px; }
	.font-32 { font-size: 25px; }
	.font-30 { font-size: 24px; }
	.font-28 { font-size: 24px; }
	.font-24 { font-size: 20px; }
	.font-22 { font-size: 19px; }
	.font-20 { font-size: 18px; }
	.font-19 { font-size: 17px; }
	.font-18 { font-size: 17px; }
	.font-17 { font-size: 16px; }
	.font-16 { font-size: 15px; }
	.font-15 { font-size: 14px; }
	.font-14 { font-size: 13px; }
	.font-13 { font-size: 12px; }
	.font-12 { font-size: 11px; }
	.font-11 { font-size: 10px; }
	.font-10 { font-size: 10px; }
	.font-9 { font-size: 9px; }
}
/* Font sizes - xs */
@media all and (max-width: 575px) {
	.font-big-heading { font-size: 24px; }
	.font-102 { font-size: 24px; }
	.font-97 { font-size: 23px; }
	.font-88 { font-size: 23px; }
	.font-80 { font-size: 22px; }
	.font-72 { font-size: 22px; }
	.font-54 { font-size: 20px; }
	.font-49 { font-size: 19px; }
	.font-44 { font-size: 19px; }
	.font-34 { font-size: 18px; }
	.font-32 { font-size: 18px; }
	.font-30 { font-size: 17px; }
	.font-28 { font-size: 17px; }
	.font-24 { font-size: 16px; }
	.font-22 { font-size: 14px; }
	.font-20 { font-size: 13px; }
	.font-19 { font-size: 13px; }
	.font-18 { font-size: 12px; }
	.font-17 { font-size: 12px; }
	.font-16 { font-size: 12px; }
	.font-15 { font-size: 11px; }
	.font-14 { font-size: 11px; }
	.font-13 { font-size: 10px; }
	.font-12 { font-size: 9px; }
	.font-11 { font-size: 9px; }
	.font-10 { font-size: 8px; }
	.font-9 { font-size: 8px; }
}

.font-big-heading {
	margin-bottom: 2rem;
}

/**
 * Font classes
 */
.font-family-1 {
	font-family: var(--font-family-1) !important;
}
.font-family-2 {
	font-family: var(--font-family-2) !important;
}
.font-family-3 {
	font-family: var(--font-family-3) !important;
}
.font-weight-100 {
	font-weight: 100 !important;
}
.font-weight-200 {
	font-weight: 200 !important;
}
.font-weight-300 {
	font-weight: 300 !important;
}
.font-weight-400 {
	font-weight: 400 !important;
}
.font-weight-500 {
	font-weight: 500 !important;
}
.font-weight-600 {
	font-weight: 600 !important;
}
.font-weight-700 {
	font-weight: 700 !important;
}
.font-weight-800 {
	font-weight: 800 !important;
}
.font-weight-900 {
	font-weight: 900 !important;
}

.line-height-10 {
	line-height: 1 !important;
}
.line-height-105 {
	line-height: 1.05 !important;
}
.line-height-11 {
	line-height: 1.1 !important;
}
.line-height-115 {
	line-height: 1.15 !important;
}
.line-height-12 {
	line-height: 1.2 !important;
}
.line-height-125 {
	line-height: 1.25 !important;
}
.line-height-13 {
	line-height: 1.3 !important;
}
.line-height-135 {
	line-height: 1.35 !important;
}
.line-height-14 {
	line-height: 1.4 !important;
}
.line-height-145 {
	line-height: 1.45 !important;
}
.line-height-15 {
	line-height: 1.5 !important;
}
.line-height-155 {
	line-height: 1.55 !important;
}
.line-height-16 {
	line-height: 1.6 !important;
}
.line-height-165 {
	line-height: 1.65 !important;
}
.line-height-17 {
	line-height: 1.7 !important;
}
.line-height-175 {
	line-height: 1.75 !important;
}
.line-height-18 {
	line-height: 1.8 !important;
}
.line-height-185 {
	line-height: 1.85 !important;
}
.line-height-19 {
	line-height: 1.9 !important;
}
.line-height-195 {
	line-height: 1.95 !important;
}
.line-height-20 {
	line-height: 2 !important;
}

hr {
	-webkit-box-sizing: content-box;
			box-sizing: content-box;
	height: 0;
	overflow: visible;
}
/**
 * pre
 * Block - Code
 * Block - Preformatted
 * Block - Verse
 * -------------
 */
pre, 
pre.wp-block-code {
	font-family: monospace, monospace;
	font-size: 1em;
	font-size: clamp(13px, 1.2rem, 17px);
	background: var(--saturated-dark-shade-1);
	border: 1px solid var(--saturated-dark-shade-2);
	padding: 15px;
}
a {
	background-color: transparent;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted;
}
b,
strong {
	font-weight: bolder;
}
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
img {
	border-style: none;
}


progress {
	vertical-align: baseline;
}


details {
	display: block;
}
summary {
	display: list-item;
}
template {
	display: none;
}
[hidden] {
	display: none;
}
*,
*::before,
*::after {
	-webkit-box-sizing: inherit;
	        box-sizing: inherit;
}
html {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	        clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	-webkit-clip-path: none;
	        clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
#primary[tabindex="-1"]:focus {
	outline: 0;
}
#main[tabindex="-1"]:focus {
	outline: 0;
}

/** 
 * =================================================================
 * ==================    SKILLWORK WPA - END    ====================
 * =================================================================
 */


/**
 * Priority Load (skillwork)
 * =========================
 * moved to separate CSS file with highest priority load.
 */

/* Paste extension code here: skillwork-extension-animated-headlines.css (CSS + JS) */
/* MADE ELEMENTOR WIDGET: Animated headlines */

.clearfix {
	font-size: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
	max-height: 0 !important;
	line-height: 0 !important;
}

/**
 * Overrides (skillwork.css)
 * =========================
 */

/**
 * Bootstrap Overrides
 * -------------------
 */

.visually-hidden, 
.visually-hidden-focusable:not(:focus):not(:focus-within) {
	position: absolute!important;
	width: 1px!important;
	height: 1px!important;
	padding: 0!important;
	margin: -1px!important;
	overflow: hidden!important;
	clip: rect(0,0,0,0)!important;
	white-space: nowrap!important;
	border: 0!important;
}

/**
 * Override bootstrap's scroll-behavior rule
 * to avoid conflict with GSAP ScrollSmoother
 */
@media (prefers-reduced-motion: no-preference) {
	:root {
		scroll-behavior: initial;
	}
}

/**
 * Custom theme bootstrap containers
 * container < super < super-xl < power < ultra
 */

:root, 
:before, 
:after {
	--master-column-width-small: 1260px;
	--master-column-width-standard: 1460px;
	--master-column-width-large: 1740px;
	--master-column-width-max: 1910px;
}
@media all and (min-width: 1500px) and (max-width: 1920px) {
	.sk__supercontainer.container, 
	.sk__supercontainer.container-lg, 
	.sk__supercontainer.container-md, 
	.sk__supercontainer.container-sm, 
	.sk__supercontainer.container-xl {
		max-width: var(--master-column-width-small);
	}
}
@media all and (min-width: 1921px) {
	.sk__supercontainer.container, 
	.sk__supercontainer.container-lg, 
	.sk__supercontainer.container-md, 
	.sk__supercontainer.container-sm, 
	.sk__supercontainer.container-xl {
		max-width: var(--master-column-width-standard);
	}
}
@media all and (min-width: 1500px) and (max-width: 1779px) {
	.sk__super-xl-container.container, 
	.sk__super-xl-container.container-lg, 
	.sk__super-xl-container.container-md, 
	.sk__super-xl-container.container-sm, 
	.sk__super-xl-container.container-xl, 
	.sk__powercontainer.container, 
	.sk__powercontainer.container-lg, 
	.sk__powercontainer.container-md, 
	.sk__powercontainer.container-sm, 
	.sk__powercontainer.container-xl, 
	.sk__ultracontainer.container, 
	.sk__ultracontainer.container-lg, 
	.sk__ultracontainer.container-md, 
	.sk__ultracontainer.container-sm, 
	.sk__ultracontainer.container-xl {
		max-width: var(--master-column-width-standard);
	}
}
@media all and (min-width: 1780px) and (max-width: 1920px) {
	.sk__super-xl-container.container, 
	.sk__super-xl-container.container-lg, 
	.sk__super-xl-container.container-md, 
	.sk__super-xl-container.container-sm, 
	.sk__super-xl-container.container-xl {
		max-width: var(--master-column-width-standard);
	}
	.sk__powercontainer.container, 
	.sk__powercontainer.container-lg, 
	.sk__powercontainer.container-md, 
	.sk__powercontainer.container-sm, 
	.sk__powercontainer.container-xl, 
	.sk__ultracontainer.container, 
	.sk__ultracontainer.container-lg, 
	.sk__ultracontainer.container-md, 
	.sk__ultracontainer.container-sm, 
	.sk__ultracontainer.container-xl {
		max-width: var(--master-column-width-large);
	}
}
@media all and (min-width: 1921px) {
	.sk__super-xl-container.container, 
	.sk__super-xl-container.container-lg, 
	.sk__super-xl-container.container-md, 
	.sk__super-xl-container.container-sm, 
	.sk__super-xl-container.container-xl, 
	.sk__powercontainer.container, 
	.sk__powercontainer.container-lg, 
	.sk__powercontainer.container-md, 
	.sk__powercontainer.container-sm, 
	.sk__powercontainer.container-xl {
		max-width: var(--master-column-width-large);
	}
	.sk__ultracontainer.container, 
	.sk__ultracontainer.container-lg, 
	.sk__ultracontainer.container-md, 
	.sk__ultracontainer.container-sm, 
	.sk__ultracontainer.container-xl {
		max-width: var(--master-column-width-max);
	}
}

@media all and (max-width: 575px) { /* xs */
	
	.row > * {
		padding-left: 20px;
		padding-right: 20px;
	}

}

/* Vertical Bootstrap carousel */
.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
	-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}
.vert .carousel-item-next,
.vert .active.carousel-item-right {
	-webkit-transform: translate3d(0, 100%, 0);
			transform: translate3d(0, 100% 0);
}
.vert .carousel-item-prev,
.vert .active.carousel-item-left {
	-webkit-transform: translate3d(0,-100%, 0);
			transform: translate3d(0,-100%, 0);
}

/**
 * Reset
 * -----
 */

div, span, a, strong, i, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

/**
 * Pushable content - for mobile menu and sidebar
 * 
 * .sk__smoother-off is for GSAP implementation.
 */

.pushable-content {
	position: relative;
	top: 0;
	left: 0;
	transform-origin: center;
	-webkit-transition: all 0.3s ease 0s !important;
		 -o-transition: all 0.3s ease 0s !important;
			transition: all 0.3s ease 0s !important;
}
body.sk__smoother-off, 
body.sk__is-mobile {
	overflow-x: hidden !important;
}
.pushable-content.pushed, 
.pushable-content.pushed-from-left, 
.pushable-content.pushed-from-right, 
.pushable-content.pushed-from-top, 
.pushable-content.pushed-from-bottom {
	-webkit-transition: all 0.55s ease 0s !important;
		 -o-transition: all 0.55s ease 0s !important;
			transition: all 0.55s ease 0s !important;
}
.pushable-content.pushed {
	transform: scale(0.97);
}
.pushable-content.pushed-from-left {
	left: 200px !important;
}
.pushable-content.pushed-from-right {
	left: -200px !important;
}
.pushable-content.pushed-from-top {
	top: 200px !important;
}
.pushable-content.pushed-from-bottom {
	top: -200px !important;
}

/**
 * Generic classes
 * ===============
 * 
 * Removing (conflicting with bootstrap)
 * .overflow-visible
 * .overflow-hidden
 * .overflow-x-hidden
 * .overflow-y-hidden
 * .d-block
 * .d-flex
 * .d-inline-block
 * .d-inline-flex
 * .d-inline
 * .d-none
 * .align-items-start
 * .align-items-center
 * .align-items-end
 */
.display-block {
	display: block !important;
}
.display-flex {
	display: flex !important;
}
.display-inline-block {
	display: inline-block !important;
}
.display-inline-flex {
	display: inline-flex !important;
}
.display-inline {
	display: inline !important;
}
.display-none {
	display: none !important;
}
.align-self-initial {
	align-self: initial;
}
.align-self-normal {
	align-self: normal;
}
.scale-3 {
	-webkit-transform: scale(3);
		-ms-transform: scale(3);
			transform: scale(3);
}

/**
 * Structure
 * =========
 */

section {
	position: relative;
}

/**
 * Vertical paddings suitable for body sections
 * py = both top and bottom paddings
 * pt = top padding, pb = bottom padding
 * 9 sizes (huge, xxl, xl, l, m, s, xs, xxs, tiny)
 */
@media all and (min-width: 1400px) { /* xxl */
	.sk__pt-huge, .sk__py-huge { padding-top: 36vh; }
	.sk__pt-xxl, .sk__py-xxl { padding-top: 20vh; }
	.sk__pt-xl, .sk__py-xl { padding-top: 15vh; }
	.sk__pt-l, .sk__py-l { padding-top: 12vh; }
	.sk__pt-m, .sk__py-m { padding-top: 9vh; }
	.sk__pt-s, .sk__py-s { padding-top: 7vh; }
	.sk__pt-xs, .sk__py-xs { padding-top: 5vh; }
	.sk__pt-xxs, .sk__py-xxs { padding-top: 3vh; }
	.sk__pt-tiny, .sk__py-tiny { padding-top: 1vh; }
	.sk__pb-huge, .sk__py-huge { padding-bottom: 38vh; }
	.sk__pb-xxl, .sk__py-xxl { padding-bottom: 22vh; }
	.sk__pb-xl, .sk__py-xl { padding-bottom: 16.2vh; }
	.sk__pb-l, .sk__py-l { padding-bottom: 12.8vh; }
	.sk__pb-m, .sk__py-m { padding-bottom: 9.6vh; }
	.sk__pb-s, .sk__py-s { padding-bottom: 7.4vh; }
	.sk__pb-xs, .sk__py-xs { padding-bottom: 5.3vh; }
	.sk__pb-xxs, .sk__py-xxs { padding-bottom: 3vh; }
	.sk__pb-tiny, .sk__py-tiny { padding-bottom: 1vh; }
}
@media all and (min-width: 1200px) and (max-width: 1399px) { /* xl */
	.sk__pt-huge, .sk__py-huge { padding-top: 36vh; }
	.sk__pt-xxl, .sk__py-xxl { padding-top: 20vh; }
	.sk__pt-xl, .sk__py-xl { padding-top: 15vh; }
	.sk__pt-l, .sk__py-l { padding-top: 12vh; }
	.sk__pt-m, .sk__py-m { padding-top: 9vh; }
	.sk__pt-s, .sk__py-s { padding-top: 7vh; }
	.sk__pt-xs, .sk__py-xs { padding-top: 5vh; }
	.sk__pt-xxs, .sk__py-xxs { padding-top: 3vh; }
	.sk__pt-tiny, .sk__py-tiny { padding-top: 1vh; }
	.sk__pb-huge, .sk__py-huge { padding-bottom: 38vh; }
	.sk__pb-xxl, .sk__py-xxl { padding-bottom: 22vh; }
	.sk__pb-xl, .sk__py-xl { padding-bottom: 16.2vh; }
	.sk__pb-l, .sk__py-l { padding-bottom: 12.8vh; }
	.sk__pb-m, .sk__py-m { padding-bottom: 9.6vh; }
	.sk__pb-s, .sk__py-s { padding-bottom: 7.4vh; }
	.sk__pb-xs, .sk__py-xs { padding-bottom: 5.3vh; }
	.sk__pb-xxs, .sk__py-xxs { padding-bottom: 3vh; }
	.sk__pb-tiny, .sk__py-tiny { padding-bottom: 1vh; }
}
@media all and (min-width: 992px) and (max-width: 1199px) { /* lg */
	.sk__pt-huge, .sk__py-huge { padding-top: 36vh; }
	.sk__pt-xxl, .sk__py-xxl { padding-top: 20vh; }
	.sk__pt-xl, .sk__py-xl { padding-top: 15vh; }
	.sk__pt-l, .sk__py-l { padding-top: 12vh; }
	.sk__pt-m, .sk__py-m { padding-top: 9vh; }
	.sk__pt-s, .sk__py-s { padding-top: 7vh; }
	.sk__pt-xs, .sk__py-xs { padding-top: 5vh; }
	.sk__pt-xxs, .sk__py-xxs { padding-top: 3vh; }
	.sk__pt-tiny, .sk__py-tiny { padding-top: 1vh; }
	.sk__pb-huge, .sk__py-huge { padding-bottom: 38vh; }
	.sk__pb-xxl, .sk__py-xxl { padding-bottom: 22vh; }
	.sk__pb-xl, .sk__py-xl { padding-bottom: 16.2vh; }
	.sk__pb-l, .sk__py-l { padding-bottom: 12.8vh; }
	.sk__pb-m, .sk__py-m { padding-bottom: 9.6vh; }
	.sk__pb-s, .sk__py-s { padding-bottom: 7.4vh; }
	.sk__pb-xs, .sk__py-xs { padding-bottom: 5.3vh; }
	.sk__pb-xxs, .sk__py-xxs { padding-bottom: 3vh; }
	.sk__pb-tiny, .sk__py-tiny { padding-bottom: 1vh; }
}
@media all and (min-width: 768px) and (max-width: 991px) { /* md */
	.sk__pt-huge, .sk__py-huge { padding-top: 36vh; }
	.sk__pt-xxl, .sk__py-xxl { padding-top: 20vh; }
	.sk__pt-xl, .sk__py-xl { padding-top: 15vh; }
	.sk__pt-l, .sk__py-l { padding-top: 12vh; }
	.sk__pt-m, .sk__py-m { padding-top: 9vh; }
	.sk__pt-s, .sk__py-s { padding-top: 7vh; }
	.sk__pt-xs, .sk__py-xs { padding-top: 5vh; }
	.sk__pt-xxs, .sk__py-xxs { padding-top: 3vh; }
	.sk__pt-tiny, .sk__py-tiny { padding-top: 1vh; }
	.sk__pb-huge, .sk__py-huge { padding-bottom: 38vh; }
	.sk__pb-xxl, .sk__py-xxl { padding-bottom: 22vh; }
	.sk__pb-xl, .sk__py-xl { padding-bottom: 16.2vh; }
	.sk__pb-l, .sk__py-l { padding-bottom: 12.8vh; }
	.sk__pb-m, .sk__py-m { padding-bottom: 9.6vh; }
	.sk__pb-s, .sk__py-s { padding-bottom: 7.4vh; }
	.sk__pb-xs, .sk__py-xs { padding-bottom: 5.3vh; }
	.sk__pb-xxs, .sk__py-xxs { padding-bottom: 3vh; }
	.sk__pb-tiny, .sk__py-tiny { padding-bottom: 1vh; }
}
@media all and (min-width: 576px) and (max-width: 767px) { /* sm */
	.sk__pt-huge, .sk__py-huge { padding-top: 36vh; }
	.sk__pt-xxl, .sk__py-xxl { padding-top: 20vh; }
	.sk__pt-xl, .sk__py-xl { padding-top: 15vh; }
	.sk__pt-l, .sk__py-l { padding-top: 12vh; }
	.sk__pt-m, .sk__py-m { padding-top: 9vh; }
	.sk__pt-s, .sk__py-s { padding-top: 7vh; }
	.sk__pt-xs, .sk__py-xs { padding-top: 5vh; }
	.sk__pt-xxs, .sk__py-xxs { padding-top: 3vh; }
	.sk__pt-tiny, .sk__py-tiny { padding-top: 1vh; }
	.sk__pb-huge, .sk__py-huge { padding-bottom: 38vh; }
	.sk__pb-xxl, .sk__py-xxl { padding-bottom: 22vh; }
	.sk__pb-xl, .sk__py-xl { padding-bottom: 16.2vh; }
	.sk__pb-l, .sk__py-l { padding-bottom: 12.8vh; }
	.sk__pb-m, .sk__py-m { padding-bottom: 9.6vh; }
	.sk__pb-s, .sk__py-s { padding-bottom: 7.4vh; }
	.sk__pb-xs, .sk__py-xs { padding-bottom: 5.3vh; }
	.sk__pb-xxs, .sk__py-xxs { padding-bottom: 3vh; }
	.sk__pb-tiny, .sk__py-tiny { padding-bottom: 1vh; }
}
@media all and (max-width: 575px) { /* xs */
	.sk__pt-huge, .sk__py-huge { padding-top: 36vh; }
	.sk__pt-xxl, .sk__py-xxl { padding-top: 20vh; }
	.sk__pt-xl, .sk__py-xl { padding-top: 15vh; }
	.sk__pt-l, .sk__py-l { padding-top: 12vh; }
	.sk__pt-m, .sk__py-m { padding-top: 9vh; }
	.sk__pt-s, .sk__py-s { padding-top: 7vh; }
	.sk__pt-xs, .sk__py-xs { padding-top: 5vh; }
	.sk__pt-xxs, .sk__py-xxs { padding-top: 3vh; }
	.sk__pt-tiny, .sk__py-tiny { padding-top: 1vh; }
	.sk__pb-huge, .sk__py-huge { padding-bottom: 38vh; }
	.sk__pb-xxl, .sk__py-xxl { padding-bottom: 22vh; }
	.sk__pb-xl, .sk__py-xl { padding-bottom: 16.2vh; }
	.sk__pb-l, .sk__py-l { padding-bottom: 12.8vh; }
	.sk__pb-m, .sk__py-m { padding-bottom: 9.6vh; }
	.sk__pb-s, .sk__py-s { padding-bottom: 7.4vh; }
	.sk__pb-xs, .sk__py-xs { padding-bottom: 5.3vh; }
	.sk__pb-xxs, .sk__py-xxs { padding-bottom: 3vh; }
	.sk__pb-tiny, .sk__py-tiny { padding-bottom: 1vh; }
}

/* Stretch page content to the edges */

.sk__stretch-page-content.container-fluid, 
.sk__stretch-page-content.container-fluid > .row > div {
	padding-left: 0;
	padding-right: 0;
}

.sk__stretch-page-content.container-fluid > .row {
	margin-left: 0;
	margin-right: 0;
}

.px-15px {
	padding-left: 15px;
	padding-right: 15px;
}

.mw-660 {
	max-width: 660px;
}

.mw-560 {
	max-width: 560px;
}

.mw-440 {
	max-width: 440px;
}

.mw-320 {
	max-width: 320px;
}

.mh-100vh {
	min-height: 100vh;
}

/* Heading spacers (bottom paddings) */

.sk__heading-spacer-xs {
	padding-bottom: 20px;
}
.sk__heading-spacer-s {
	padding-bottom: 60px;
}
.sk__heading-spacer-m {
	padding-bottom: 90px;
}
.sk__heading-spacer-l {
	padding-bottom: 110px;
}
.sk__heading-spacer-xl {
	padding-bottom: 110px;
}
@media all and (min-width: 576px) and (max-width: 767px) { /* sm */
	.sk__heading-spacer-s {
		padding-bottom: 60px;
	}
	.sk__heading-spacer-m {
		padding-bottom: 70px;
	}
	.sk__heading-spacer-l {
		padding-bottom: 80px;
	}
	.sk__heading-spacer-xl {
		padding-bottom: 80px;
	}
}
@media all and (max-width: 575px) { /* xs */
	.sk__heading-spacer-xs {
		padding-bottom: 10px;
	}
	.sk__heading-spacer-s {
		padding-bottom: 30px;
	}
	.sk__heading-spacer-m {
		padding-bottom: 50px;
	}
	.sk__heading-spacer-l {
		padding-bottom: 50px;
	}
	.sk__heading-spacer-xl {
		padding-bottom: 50px;
	}
}
@media all and (min-width: 1921px) {
	.sk__heading-spacer-xl {
		padding-bottom: 150px;
	}
}

/**
 * Standard sections
 */

/**
 * Section that centers content vertically,
 * sets width to 100% and position to relative.
 * For other use, see flex-center, flex-center-x
 * and flex-center-y
 */
section.sk__centered-y-section, 
.sk__centered-y-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
}

/* Full height */

.sk__full-height {
	height: 100vh !important;
}

.sk__min-height-100 {
	min-height: 100vh !important;
}

/**
 * Absolutely positioned child/inner element that fills the entire
 * parent (parent should have 'position': 'relative' or 'fixed')
 */

.sk__absolute {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/**
 * Flex containers
 */

/**
 * Prepare for flex alignment of children, but don't specify alignment
 */

.sk__flex, 
.sk__flex-center, /* deprecated, use .sk__flex.sk__center or .sk__flex.sk__center-center */
.sk__flex-center-x /* deprecated, use .sk__flex.sk__center-x */, 
.sk__flex-center-y /* deprecated, use .sk__flex.sk__center-y */ {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	 -webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
			flex-flow: row wrap;
}

/**
 * Align children to center (horizontally) using display flex
 */

.sk__center-x, 
.sk__flex-center-x /* deprecated, use .sk__flex.sk__center-x */ {
	-webkit-box-pack: center;
	   -ms-flex-pack: center;
	 justify-content: center;
}

/**
 * Align children to center (vertically) using display flex
 * (Section that centers content vertically - new)
 */

.sk__center-y, 
.sk__flex-center-y /* deprecated, use .sk__flex.sk__center-y */ {
	-webkit-box-align: center;
	   -ms-flex-align: center;
		  align-items: center;
}

/**
 * Align Children in 9-ways using display flex
 * center-center, left-center, left-top,
 * left-bottom, center-top, right-top,
 * right-center, right-bottom
 * and center-bottom
 */

.sk__center,
.sk__center-center, 
.sk__left-center, 
.sk__left-top, 
.sk__left-bottom, 
.sk__center-top, 
.sk__right-top, 
.sk__right-center, 
.sk__right-bottom, 
.sk__center-bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	 -webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
			flex-flow: row wrap;
}
.sk__center, 
.sk__center-center {
	-webkit-box-align: center;
	   -ms-flex-align: center;
		  align-items: center;
	-webkit-box-pack: center;
	   -ms-flex-pack: center;
	 justify-content: center;
}
.sk__left-center {
	-webkit-box-align: center;
	   -ms-flex-align: center;
		  align-items: center;
	-webkit-box-pack: start;
	   -ms-flex-pack: start;
	 justify-content: start;
}
.sk__left-top {
	-webkit-box-align: start;
	   -ms-flex-align: start;
		  align-items: start;
	-webkit-box-pack: start;
	   -ms-flex-pack: start;
	 justify-content: start;
}
.sk__left-bottom {
	-webkit-box-align: end;
	   -ms-flex-align: end;
		  align-items: end;
	-webkit-box-pack: start;
	   -ms-flex-pack: start;
	 justify-content: start;
}
.sk__center-top {
	-webkit-box-align: start;
	   -ms-flex-align: start;
		  align-items: start;
	-webkit-box-pack: center;
	   -ms-flex-pack: center;
	 justify-content: center;
}
.sk__right-top {
	-webkit-box-align: start;
	   -ms-flex-align: start;
		  align-items: start;
	-webkit-box-pack: end;
	   -ms-flex-pack: end;
	 justify-content: end;
}
.sk__right-center {
	-webkit-box-align: center;
	   -ms-flex-align: center;
		  align-items: center;
	-webkit-box-pack: end;
	   -ms-flex-pack: end;
	 justify-content: end;
}
.sk__right-bottom {
	-webkit-box-align: end;
	   -ms-flex-align: end;
		  align-items: end;
	-webkit-box-pack: end;
	   -ms-flex-pack: end;
	 justify-content: end;
}
.sk__center-bottom {
	-webkit-box-align: end;
	   -ms-flex-align: end;
		  align-items: end;
	-webkit-box-pack: center;
	   -ms-flex-pack: center;
	 justify-content: center;
}

/**
 * Grid
 */
.sk__grid {
	--grid-column-gap: 14px; 
	--grid-row-gap: 14px;
	overflow: initial;
	display: grid;
	margin: 0;
	padding: 0;
	grid-column-gap: var(--grid-column-gap);
	grid-row-gap: var(--grid-row-gap);
}

@media all and (min-width: 1400px) {
	.sk__grid.sk__grid-xxl-1 { grid-template-columns: repeat(1, 1fr);}
	.sk__grid.sk__grid-xxl-2 { grid-template-columns: repeat(2, 1fr);}
	.sk__grid.sk__grid-xxl-3 { grid-template-columns: repeat(3, 1fr);}
	.sk__grid.sk__grid-xxl-4 { grid-template-columns: repeat(4, 1fr);}
	.sk__grid.sk__grid-xxl-5 { grid-template-columns: repeat(5, 1fr);}
	.sk__grid.sk__grid-xxl-6 { grid-template-columns: repeat(6, 1fr);}
	.sk__grid.sk__grid-xxl-7 { grid-template-columns: repeat(7, 1fr);}
	.sk__grid.sk__grid-xxl-8 { grid-template-columns: repeat(8, 1fr);}
	.sk__grid.sk__grid-xxl-9 { grid-template-columns: repeat(9, 1fr);}
	.sk__grid.sk__grid-xxl-10 { grid-template-columns: repeat(10, 1fr);}
	.sk__grid.sk__grid-xxl-11 { grid-template-columns: repeat(11, 1fr);}
	.sk__grid.sk__grid-xxl-12 { grid-template-columns: repeat(12, 1fr);}
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
	.sk__grid.sk__grid-xl-1 { grid-template-columns: repeat(1, 1fr);}
	.sk__grid.sk__grid-xl-2 { grid-template-columns: repeat(2, 1fr);}
	.sk__grid.sk__grid-xl-3 { grid-template-columns: repeat(3, 1fr);}
	.sk__grid.sk__grid-xl-4 { grid-template-columns: repeat(4, 1fr);}
	.sk__grid.sk__grid-xl-5 { grid-template-columns: repeat(5, 1fr);}
	.sk__grid.sk__grid-xl-6 { grid-template-columns: repeat(6, 1fr);}
	.sk__grid.sk__grid-xl-7 { grid-template-columns: repeat(7, 1fr);}
	.sk__grid.sk__grid-xl-8 { grid-template-columns: repeat(8, 1fr);}
	.sk__grid.sk__grid-xl-9 { grid-template-columns: repeat(9, 1fr);}
	.sk__grid.sk__grid-xl-10 { grid-template-columns: repeat(10, 1fr);}
	.sk__grid.sk__grid-xl-11 { grid-template-columns: repeat(11, 1fr);}
	.sk__grid.sk__grid-xl-12 { grid-template-columns: repeat(12, 1fr);}
}
@media all and (min-width: 992px) and (max-width: 1199px) {
	.sk__grid.sk__grid-lg-1 { grid-template-columns: repeat(1, 1fr);}
	.sk__grid.sk__grid-lg-2 { grid-template-columns: repeat(2, 1fr);}
	.sk__grid.sk__grid-lg-3 { grid-template-columns: repeat(3, 1fr);}
	.sk__grid.sk__grid-lg-4 { grid-template-columns: repeat(4, 1fr);}
	.sk__grid.sk__grid-lg-5 { grid-template-columns: repeat(5, 1fr);}
	.sk__grid.sk__grid-lg-6 { grid-template-columns: repeat(6, 1fr);}
	.sk__grid.sk__grid-lg-7 { grid-template-columns: repeat(7, 1fr);}
	.sk__grid.sk__grid-lg-8 { grid-template-columns: repeat(8, 1fr);}
	.sk__grid.sk__grid-lg-9 { grid-template-columns: repeat(9, 1fr);}
	.sk__grid.sk__grid-lg-10 { grid-template-columns: repeat(10, 1fr);}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.sk__grid.sk__grid-md-1 { grid-template-columns: repeat(1, 1fr);}
	.sk__grid.sk__grid-md-2 { grid-template-columns: repeat(2, 1fr);}
	.sk__grid.sk__grid-md-3 { grid-template-columns: repeat(3, 1fr);}
	.sk__grid.sk__grid-md-4 { grid-template-columns: repeat(4, 1fr);}
	.sk__grid.sk__grid-md-5 { grid-template-columns: repeat(5, 1fr);}
	.sk__grid.sk__grid-md-6 { grid-template-columns: repeat(6, 1fr);}
}
@media all and (min-width: 576px) and (max-width: 767px) {
	.sk__grid.sk__grid-sm-1 { grid-template-columns: repeat(1, 1fr);}
	.sk__grid.sk__grid-sm-2 { grid-template-columns: repeat(2, 1fr);}
	.sk__grid.sk__grid-sm-3 { grid-template-columns: repeat(3, 1fr);}
	.sk__grid.sk__grid-sm-4 { grid-template-columns: repeat(4, 1fr);}
}
@media all and (min-width: 381px) and (max-width: 575px) {
	.sk__grid.sk__grid-xs-1 { grid-template-columns: repeat(1, 1fr);}
	.sk__grid.sk__grid-xs-2 { grid-template-columns: repeat(2, 1fr);}
	.sk__grid.sk__grid-xs-3 { grid-template-columns: repeat(3, 1fr);}
	.sk__grid.sk__grid-xs-4 { grid-template-columns: repeat(4, 1fr);}
}
@media all and (max-width: 380px) {
	.sk__grid.sk__grid-xxs-1 { grid-template-columns: repeat(1, 1fr);}
	.sk__grid.sk__grid-xxs-2 { grid-template-columns: repeat(2, 1fr);}
	.sk__grid.sk__grid-xxs-3 { grid-template-columns: repeat(3, 1fr);}
	.sk__grid.sk__grid-xxs-4 { grid-template-columns: repeat(4, 1fr);}
}

/* Section background */
.sk__section-background {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* Set background image as cover and center it */

.sk__image-back-cover {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.sk__object-fit-cover, 
img.sk__object-fit-cover, 
.elementor img.sk__object-fit-cover {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

/* Set background image as contain and center it */

.sk__image-back-contain {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.sk__object-fit-contain, 
img.sk__object-fit-contain, 
.elementor img.sk__image-back-contain {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}

.sk__object-position-center, 
img.sk__object-position-center, 
.elementor img.sk__object-position-center {
	-o-object-position: center;
	   object-position: center;
}

/* Background positioning classes */

.sk__bpx-0,
.sk__bpx-left {
	background-position-x: 0 !important;
}

.sk__bpx-50,
.sk__bpx-center {
	background-position-x: 50% !important;
}

.sk__bpx-100,
.sk__bpx-right {
	background-position-x: 100% !important;
}

.sk__bpy-0,
.sk__bpy-top {
	background-position-y: 0 !important;
}

.sk__bpy-50,
.sk__bpy-center {
	background-position-y: 50% !important;
}

.sk__bpy-100,
.sk__bpy-bottom {
	background-position-y: 100% !important;
}

/* Bare bones background classes */

.background-size-cover {
	background-size: cover !important;
}
.background-size-contain {
	background-size: contain !important;
}

.background-repeat {
	background-repeat: repeat !important;
}
.background-no-repeat {
	background-repeat: no-repeat !important;
}

.background-center-center {
	background-position: center center !important;
}
.background-center-top {
	background-position: center top !important;
}
.background-center-bottom {
	background-position: center bottom !important;
}
.background-left-top {
	background-position: left top !important;
}
.background-left-center {
	background-position: left center !important;
}
.background-left-bottom {
	background-position: left bottom !important;
}
.background-right-top {
	background-position: right top !important;
}
.background-right-center {
	background-position: right center !important;
}
.background-right-bottom {
	background-position: right bottom !important;
}

/* Animated header - used for "slide in from top" effect for the header */
.sk__animated-header {
	opacity: 0;
	border-bottom: 1px solid;
	-webkit-transform: translateY(-100%);
	    -ms-transform: translateY(-100%);
	        transform: translateY(-100%);
}

/**
 * Z-index helper classes
 */
.sk__z0, .sk__hover-z0:hover { z-index: 0; }
.sk__z1, .sk__hover-z1:hover { z-index: 1; }
.sk__z2, .sk__hover-z2:hover { z-index: 2; }
.sk__z3, .sk__hover-z3:hover { z-index: 3; }
.sk__z4, .sk__hover-z4:hover { z-index: 4; }
.sk__z5, .sk__hover-z5:hover { z-index: 5; }
.sk__z6, .sk__hover-z6:hover { z-index: 6; }
.sk__z7, .sk__hover-z7:hover { z-index: 7; }
.sk__z8, .sk__hover-z8:hover { z-index: 8; }
.sk__z9, .sk__hover-z9:hover { z-index: 9; }
.sk__z10, .sk__hover-z10:hover { z-index: 10; }
.sk__z-1, .sk__hover-z-1:hover { z-index: -1; }
.sk__z-2, .sk__hover-z-2:hover { z-index: -2; }
.sk__z-3, .sk__hover-z-3:hover { z-index: -3; }
.sk__z-4, .sk__hover-z-4:hover { z-index: -4; }
.sk__z-5, .sk__hover-z-5:hover { z-index: -5; }
.sk__z-6, .sk__hover-z-6:hover { z-index: -6; }
.sk__z-7, .sk__hover-z-7:hover { z-index: -7; }
.sk__z-8, .sk__hover-z-8:hover { z-index: -8; }
.sk__z-9, .sk__hover-z-9:hover { z-index: -9; }
.sk__z-10, .sk__hover-z-10:hover { z-index: -10; }

/**
 * Predefined borders
 */
.sk__bt-1, .sk__by-1 { border-top: 1px solid; }
.sk__bb-1, .sk__by-1 { border-bottom: 1px solid; }
.sk__bt-2, .sk__by-2 { border-top: 2px solid; }
.sk__bb-2, .sk__by-2 { border-bottom: 2px solid; }
.sk__bt-3, .sk__by-3 { border-top: 3px solid; }
.sk__bb-3, .sk__by-3 { border-bottom: 3px solid; }
.sk__bt-4, .sk__by-4 { border-top: 4px solid; }
.sk__bb-4, .sk__by-4 { border-bottom: 4px solid; }
.sk__bt-5, .sk__by-5 { border-top: 5px solid; }
.sk__bb-5, .sk__by-5 { border-bottom: 5px solid; }
.sk__bt-6, .sk__by-6 { border-top: 6px solid; }
.sk__bb-6, .sk__by-6 { border-bottom: 6px solid; }
.sk__bt-7, .sk__by-7 { border-top: 7px solid; }
.sk__bb-7, .sk__by-7 { border-bottom: 7px solid; }
.sk__bt-8, .sk__by-8 { border-top: 8px solid; }
.sk__bb-8, .sk__by-8 { border-bottom: 8px solid; }
.sk__bt-9, .sk__by-9 { border-top: 9px solid; }
.sk__bb-9, .sk__by-9 { border-bottom: 9px solid; }
.sk__bt-10, .sk__by-10 { border-top: 10px solid; }
.sk__bb-10, .sk__by-10 { border-bottom: 10px solid; }
.sk__bt-11, .sk__by-11 { border-top: 11px solid; }
.sk__bb-11, .sk__by-11 { border-bottom: 11px solid; }
.sk__bt-12, .sk__by-12 { border-top: 12px solid; }
.sk__bb-12, .sk__by-12 { border-bottom: 12px solid; }
.sk__bt-13, .sk__by-13 { border-top: 13px solid; }
.sk__bb-13, .sk__by-13 { border-bottom: 13px solid; }
.sk__bt-14, .sk__by-14 { border-top: 14px solid; }
.sk__bb-14, .sk__by-14 { border-bottom: 14px solid; }
.sk__bt-15, .sk__by-15 { border-top: 15px solid; }
.sk__bb-15, .sk__by-15 { border-bottom: 15px solid; }
.sk__bt-16, .sk__by-16 { border-top: 16px solid; }
.sk__bb-16, .sk__by-16 { border-bottom: 16px solid; }
.sk__bt-17, .sk__by-17 { border-top: 17px solid; }
.sk__bb-17, .sk__by-17 { border-bottom: 17px solid; }
.sk__bt-18, .sk__by-18 { border-top: 18px solid; }
.sk__bb-18, .sk__by-18 { border-bottom: 18px solid; }
.sk__bt-19, .sk__by-19 { border-top: 19px solid; }
.sk__bb-19, .sk__by-19 { border-bottom: 19px solid; }
.sk__bt-20, .sk__by-20 { border-top: 20px solid; }
.sk__bb-20, .sk__by-20 { border-bottom: 20px solid; }

/**
 * Decorations, filters and visibility classes
 */

.sk__gradient-back-v1,
.sk__gradient-back-v1-hover:hover {
	background: var(--gradient-part1);
	background: var(--gradient-part2);
	background: var(--gradient-part3);
	background: var(--gradient-part4);
}

.reverse-gradient.sk__gradient-back-v1,
.reverse-gradient.sk__gradient-back-v1-hover:hover {
	background: var(--reverse-gradient-part1);
	background: var(--reverse-gradient-part2);
	background: var(--reverse-gradient-part3);
	background: var(--reverse-gradient-part4);
}

.sk__pattern-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: repeat;
}

.sk__tint {
	z-index: -1;
	background: #000000;
	opacity: 0.6;
}

.sk__tint-light {
	z-index: -1;
	background: #000000;
	opacity: 0.15;
}

.sk__filter-city {
	-webkit-filter: sepia(0.6) hue-rotate(0deg) brightness(0.7) contrast(1.1) saturate(1.1);
			filter: sepia(0.6) hue-rotate(0deg) brightness(0.7) contrast(1.1) saturate(1.1);
}

.sk__body-end {
	display: none;
}

.sk__invisible {
	opacity: 0 !important;
}

/* Z-index Layer-stacking within a section */

.sk__section-color-background {
	z-index: -8;
}

/* 7 = parallax layer */

.sk__section-background {
	z-index: -6;
}

.sk__gradient-overlay {
	z-index: -5;
}

.sk__color-overlay, 
.sk__tint, 
.sk__tint-light {
	z-index: -4;
}

.sk__pattern-overlay {
	z-index: -3;
}

.sk__section-content {
	position: relative;
	/*z-index: 1;*/
}

.sk__mix-color			{ mix-blend-mode: color; }
.sk__mix-color-burn 	{ mix-blend-mode: color-burn; }
.sk__mix-color-dodge 	{ mix-blend-mode: color-dodge; }
.sk__mix-darken 		{ mix-blend-mode: darken; }
.sk__mix-difference 	{ mix-blend-mode: difference; }
.sk__mix-exclusion 		{ mix-blend-mode: exclusion; }
.sk__mix-hard-light 	{ mix-blend-mode: hard-light; }
.sk__mix-hue 			{ mix-blend-mode: hue; }
.sk__mix-inherit 		{ mix-blend-mode: inherit; }
.sk__mix-initial 		{ mix-blend-mode: initial; }
.sk__mix-lighten 		{ mix-blend-mode: lighten; }
.sk__mix-luminosity 	{ mix-blend-mode: luminosity; }
.sk__mix-multiply 		{ mix-blend-mode: multiply; }
.sk__mix-normal 		{ mix-blend-mode: normal; }
.sk__mix-overlay 		{ mix-blend-mode: overlay; }
.sk__mix-plus-lighter 	{ mix-blend-mode: plus-lighter; } /* not fully supported */
.sk__mix-revert 		{ mix-blend-mode: revert; }
.sk__mix-saturation 	{ mix-blend-mode: saturation; }
.sk__mix-screen 		{ mix-blend-mode: screen; }
.sk__mix-soft-light 	{ mix-blend-mode: soft-light; }
.sk__mix-unset 			{ mix-blend-mode: unset; }


/* 
 * Navigation Menus
 * ================
 * Match Mobile & Desktop media queries
 * to 'disableAt' in theme.js file.
 * See documentation for more info.
 */
.sk__shadow-pusher {
	visibility: hidden !important;
	position: relative !important;
}

/**
 * Fonts / Typography
 * ==================
 */

ul {
	list-style: disc; /* WPA */
	list-style-position: inside;
}

ol {
	list-style: decimal; /* WPA */
}

ol, ul {
	box-sizing: border-box;
}

li {
	color: var(--list-items-color);
}

li > ul,
li > ol {
	margin-bottom: 0; /* WPA */
	margin-left: 0.5em; /* WPA */
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe:not(#sk__yt-video-background),
object {
	max-width: 100%;
}

iframe.sk__custom-fullscreen-iframe {
	height:100vh;
	width: 100vw;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	max-width: initial !important;
}

hr {
	opacity: 1;
	background-color: var(--divider-color); /* WPA */
	height: 1px; /* WPA */
	margin-bottom: 20px; /* WPA */
	margin-top: 20px; /* WPA */
	border: 0; /* WPA */
}

hr.sk__divider, 
.divider { /* combine with background color, border, gradients, patterns... */
	display: block;
	width: 100%;
	height: 1px;
	margin-bottom: 20px;
	margin-top: 20px;
	background-color: var(--divider-color);
}

@media all and (max-width: 575px) { /* xs */
	hr.sk__divider, 
	.divider {
		width: 90%;
		margin-left: 5%;
	}
}

hr.sk__divider.bright, 
.divider.bright {
	background-color: var(--divider-bright-color);
}

.fat-divider {
	display: block;
	width: 100%;
	height: 20px;
	margin-bottom: 25px;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

figcaption {
	color: var(--p-color) !important;
	font-size: 13px;
	line-height: 19px;
	margin: 0.4rem 0 1rem;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

td, 
th {
	padding: 0.5em;
	border: 1px solidvar(--dark-shade-5);
	word-break: normal;
}

caption {
	color: var(--list-items-color);
}

/* long words safety */
h1, 
h2, 
h3, 
h4, 
h5, 
h6,/* WATCH IT !!! after this */ 
p, 
span, 
div, 
li, 
ul, 
a {
	-ms-word-break: break-all;
		word-break: break-all;
	/* Non standard for WebKit */
	word-break: break-word;
	/*-webkit-hyphens: auto;
	   -moz-hyphens: auto;
			hyphens: auto;*/

	/* As per WP unit test data */
	-ms-word-wrap: break-word;
		word-wrap: break-word;
}

/*body,
button,
input,
select,
optgroup,
textarea {*/
	/* WPA */
/*}*/

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both; /* WPA */
	margin-bottom: 1.4rem;
	margin-top: 0;
}

p {
	margin-bottom: 1rem; /* DYNAMIZE (i ne prima ovako, preuzme ga user agent stylesheet's margin-block-end: 1em; ) */
	margin-top: 0;
}

dfn,
cite,
em,
i {
	font-style: italic; /* WPA */
}

blockquote {
	margin: 0 0 1rem;
	border-left-style: solid;
	border-left-width: 4px; /* DYNAMIZE */
	border-left-color: var(--light-shade-10); /* DYNAMIZE */
	padding-left: 1.3rem;
}

blockquote > p {
	quotes: "“" "”" "‘" "’";
}

blockquote > p:before {
	font-weight: 600; /* DYNAMIZE */
	content: open-quote;
}

blockquote > p:after {
	font-weight: 600; /* DYNAMIZE */
	content: close-quote;
}

cite {
	font-weight: 400; /* DYNAMIZE */
}

address {
	margin: 0 0 1.5em; /* WPA */
}

pre {
	/* background: done in "from style.css"; WPA */
	font-family: "Courier 10 Pitch", courier, monospace; /* WPA */
	line-height: 1.6; /* WPA */
	margin-bottom: 1.6em; /* WPA */
	max-width: 100%; /* WPA */
	overflow: auto; /* WPA */
	padding: 1.6em; /* WPA */
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; /* WPA */
}

abbr,
acronym {
	border-bottom: 1px dotted var(--body-color);
	cursor: help; /* WPA */
}

mark,
ins {
	/* background: #fff9c0; */ /* WPA */
	text-decoration: none; /* WPA */
}

big {
	font-size: 125%; /* WPA */
}

/* icon font */
span[class*="sico-"] {
	display: inline-block;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.narrow-text {
	letter-spacing: -0.05em;
}

/* Clipped text (combine it with .sk__gradient-back-v1 etc.) */

.sk__clipped-text,
.sk__clipped-text-hover:hover {
	display: inline-block;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent;
}


/**
 * Forms, Links, Buttons & UI
 * ==========================
 */

/** 
 * Links
 * ===== 
 */
a {
	text-decoration: none;
}
a {
	color: var(--a-color-initial);
}
a:visited {
	color: var(--a-color-visited);
}
a:hover {
	color: var(--a-color-hover);
}
a:focus {
	color: var(--a-color-focus);
}
a:active {
	color: var(--a-color-active);
}
a:focus {
	outline: none;
}
a:hover,
a:active {
	outline: 0;
}

/**
 * Make links in headings the same color as the headings
 */
h1, 
h1 > a, 
h1 > a:link, 
h1 > a:visited {
	color: var(--h1-color);
}
h2, 
h2 > a, 
h2 > a:link, 
h2 > a:visited {
	color: var(--h2-color);
}
h3, 
h3 > a, 
h3 > a:link, 
h3 > a:visited {
	color: var(--h3-color);
}
h4, 
h4 > a, 
h4 > a:link, 
h4 > a:visited {
	color: var(--h4-color);
}
h5, 
h5 > a, 
h5 > a:link, 
h5 > a:visited {
	color: var(--h5-color);
}
h6, 
h6 > a, 
h6 > a:link, 
h6 > a:visited {
	color: var(--h6-color);
}

/**
 * Forms, form fields
 */

input {
	overflow: visible;
}


fieldset {
	padding: 0.35em 0.75em 0.625em;
	border-top-width: var(--form-field-border-top-width);
	border-right-width: var(--form-field-border-right-width);
	border-bottom-width: var(--form-field-border-bottom-width);
	border-left-width: var(--form-field-border-left-width);
	border-top-style: var(--form-field-border-top-style);
	border-left-style: var(--form-field-border-left-style);
	border-bottom-style: var(--form-field-border-bottom-style);
	border-right-style: var(--form-field-border-right-style);
	border-top-color: var(--form-field-border-top-color-normal);
	border-right-color: var(--form-field-border-right-color-normal);
	border-bottom-color: var(--form-field-border-bottom-color-normal);
	border-left-color: var(--form-field-border-left-color-normal);
}
legend {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

input,
optgroup,
select,
textarea, 
.sk__subscribe-form input, 
.widget_mailpoet_form input, 
.sk__subscribe-form .sk__subform-element input, 
.widget_mailpoet_form .sk__subform-element input, 
.sk__subscribe-form optgroup, 
.widget_mailpoet_form optgroup, 
.sk__subscribe-form select, 
.widget_mailpoet_form select, 
.sk__subscribe-form textarea, 
.widget_mailpoet_form textarea {
	font-family: var(--body-font-family);
}
select, 
.sk__subscribe-form select, 
.widget_mailpoet_form select {
	text-transform: none;
}

textarea, 
.sk__subscribe-form textarea, 
.widget_mailpoet_form textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"], 
.sk__subscribe-form [type="checkbox"], 
.widget_mailpoet_form [type="checkbox"], 
.sk__subscribe-form [type="radio"], 
.widget_mailpoet_form [type="radio"] {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0;
	width: auto;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button, 
.sk__subscribe-form [type="number"]::-webkit-inner-spin-button, 
.widget_mailpoet_form [type="number"]::-webkit-inner-spin-button, 
.sk__subscribe-form [type="number"]::-webkit-outer-spin-button, 
.widget_mailpoet_form [type="number"]::-webkit-outer-spin-button {
	height: auto;
}
[type="search"], 
.sk__subscribe-form [type="search"], 
.widget_mailpoet_form [type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration, 
.sk__subscribe-form [type="search"]::-webkit-search-decoration, 
.widget_mailpoet_form [type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button, 
.sk__subscribe-form ::-webkit-file-upload-button, 
.widget_mailpoet_form ::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/**
 * Forms
 * =====
 */

/* yes, keeping this in static core, normal search uses it */
.sk__woocommerce-big-search-form {
	position: relative;
	display: flex;
	flex-flow: column;
	padding: 0;
	margin: 0;
	background: transparent;
	box-shadow: none;
	border: none;
	margin-bottom: 30px;
}

form:not[role="search"], 
.sk__subscribe-form:not[role="search"], 
.widget_mailpoet_form form:not[role="search"] {
	background-color: var(--forms-background-color);
	border-top-color: var(--forms-border-top-color); 
	border-right-color: var(--forms-border-right-color);
	border-bottom-color: var(--forms-border-bottom-color);
	border-left-color: var(--forms-border-left-color);
	padding-top: var(--forms-padding-top);
	padding-right: var(--forms-padding-right);
	padding-bottom: var(--forms-padding-bottom);
	padding-left: var(--forms-padding-left);
	border-top-style: var(--forms-border-top-style);
	border-right-style: var(--forms-border-right-style);
	border-bottom-style: var(--forms-border-bottom-style);
	border-left-style: var(--forms-border-left-style);
	border-top-width: var(--forms-border-top-width);
	border-right-width: var(--forms-border-right-width);
	border-bottom-width: var(--forms-border-bottom-width);
	border-left-width: var(--forms-border-left-width);
	border-top-left-radius: var(--forms-border-top-left-radius);
	border-top-right-radius: var(--forms-border-top-right-radius);
	border-bottom-left-radius: var(--forms-border-bottom-left-radius);
	border-bottom-right-radius: var(--forms-border-bottom-right-radius);
	box-shadow: var(--forms-box-shadow);
}
form.search-form {
	position: relative;
}

.form-group, 
.sk__subscribe-form .form-group, 
.widget_mailpoet_form .form-group {
	margin-bottom: var(--form-group-margin-bottom);
}

label, 
.sk__subscribe-form label, 
.widget_mailpoet_form label {
	margin-bottom: var(--form-label-margin-bottom);
	font-size: var(--form-label-text-size);
	font-weight: var(--form-label-text-font-weight);
	font-family: var(--form-label-font-family);
	color: var(--form-label-text-color);
}

input, 
.sk__subscribe-form input, 
.widget_mailpoet_form input, 
.sk__subscribe-form .sk__subform-element input, 
.widget_mailpoet_form .sk__subform-element input {
	width: var(--form-input-width);
}

textarea, 
.sk__subscribe-form textarea, 
.widget_mailpoet_form textarea {
	width: var(--form-textarea-width);
	resize: none;
}

input, 
.sk__subscribe-form input, 
.widget_mailpoet_form input, 
.sk__subscribe-form .sk__subform-element input, 
.widget_mailpoet_form .sk__subform-element input, 
textarea, 
.sk__subscribe-form textarea, 
.widget_mailpoet_form textarea {
	outline: var(--form-field-outline);
	padding-top: var(--form-field-padding-top);
	padding-right: var(--form-field-padding-right);
	padding-bottom: var(--form-field-padding-bottom);
	padding-left: var(--form-field-padding-left);
	margin-bottom: var(--form-field-margin-bottom);
	font-family: var(--form-field-font-family); /* !! WATCH IT */
	font-size: var(--form-field-text-size);
	font-weight: var(--form-field-text-font-weight);
	color: var(--form-field-text-color-normal);
	background-color: var(--form-field-background-color-normal);
	border-top-width: var(--form-field-border-top-width);
	border-right-width: var(--form-field-border-right-width);
	border-bottom-width: var(--form-field-border-bottom-width);
	border-left-width: var(--form-field-border-left-width);
	border-top-style: var(--form-field-border-top-style);
	border-left-style: var(--form-field-border-left-style);
	border-bottom-style: var(--form-field-border-bottom-style);
	border-right-style: var(--form-field-border-right-style);
	border-top-color: var(--form-field-border-top-color-normal);
	border-right-color: var(--form-field-border-right-color-normal);
	border-bottom-color: var(--form-field-border-bottom-color-normal);
	border-left-color: var(--form-field-border-left-color-normal);
} 

input:hover, 
.sk__subscribe-form input:hover, 
.widget_mailpoet_form input:hover, 
.sk__subscribe-form .sk__subform-element input:hover, 
.widget_mailpoet_form .sk__subform-element input:hover, 
textarea:hover, 
.sk__subscribe-form textarea:hover, 
.widget_mailpoet_form textarea:hover {
	color: var(--form-field-text-color-hover);
	border-top-color: var(--form-field-border-top-color-hover);
	border-right-color: var(--form-field-border-right-color-hover);
	border-bottom-color: var(--form-field-border-bottom-color-hover);
	border-left-color: var(--form-field-border-left-color-hover);
}

input:focus, 
.sk__subscribe-form input:focus, 
.widget_mailpoet_form input:focus, 
.sk__subscribe-form .sk__subform-element input:focus, 
.widget_mailpoet_form .sk__subform-element input:focus, 
textarea:focus, 
.sk__subscribe-form textarea:focus, 
.widget_mailpoet_form textarea:focus {
	color: var(--form-field-text-color-focus);
	border-top-color: var(--form-field-border-top-color-focus);
	border-right-color: var(--form-field-border-right-color-focus);
	border-bottom-color: var(--form-field-border-bottom-color-focus);
	border-left-color: var(--form-field-border-left-color-focus);
}

input:-webkit-autofill:focus, 
.sk__subscribe-form input:-webkit-autofill:focus, 
.widget_mailpoet_form input:-webkit-autofill:focus, 
.sk__subscribe-form .sk__subform-element input:-webkit-autofill:focus, 
.widget_mailpoet_form .sk__subform-element input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 50px var(--form-field-autofill-background) inset, 0 0 0 50px white inset;
	-webkit-text-fill-color: var(--form-field-autofill-text-color);
}

textarea:focus:hover, 
.sk__subscribe-form textarea:focus:hover, 
.widget_mailpoet_form textarea:focus:hover, 
input:focus:hover, 
.sk__subscribe-form input:focus:hover, 
.widget_mailpoet_form input:focus:hover, 
.sk__subscribe-form .sk__subform-element input:focus:hover, 
.widget_mailpoet_form .sk__subform-element input:focus:hover {
	color: var(--form-field-text-color-focus-hover);
	border-top-color: var(--form-field-border-top-color-hover);
	border-right-color: var(--form-field-border-right-color-hover);
	border-bottom-color: var(--form-field-border-bottom-color-hover);
	border-left-color: var(--form-field-border-left-color-hover);
}

input:-webkit-autofill, 
.sk__subscribe-form input:-webkit-autofill, 
.widget_mailpoet_form input:-webkit-autofill, 
.sk__subscribe-form .sk__subform-element input:-webkit-autofill, 
.widget_mailpoet_form .sk__subform-element input:-webkit-autofill, 
input:-webkit-autofill:hover, 
.sk__subscribe-form input:-webkit-autofill:hover, 
.widget_mailpoet_form input:-webkit-autofill:hover, 
.sk__subscribe-form .sk__subform-element input:-webkit-autofill:hover, 
.widget_mailpoet_form .sk__subform-element input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
.sk__subscribe-form input:-webkit-autofill:focus, 
.widget_mailpoet_form input:-webkit-autofill:focus, 
.sk__subscribe-form .sk__subform-element input:-webkit-autofill:focus, 
.widget_mailpoet_form .sk__subform-element input:-webkit-autofill:focus, 
textarea:-webkit-autofill, 
.sk__subscribe-form textarea:-webkit-autofill, 
.widget_mailpoet_form textarea:-webkit-autofill, 
textarea:-webkit-autofill:hover, 
.sk__subscribe-form textarea:-webkit-autofill:hover, 
.widget_mailpoet_form textarea:-webkit-autofill:hover, 
textarea:-webkit-autofill:focus, 
.sk__subscribe-form textarea:-webkit-autofill:focus, 
.widget_mailpoet_form textarea:-webkit-autofill:focus, 
select:-webkit-autofill, 
.sk__subscribe-form select:-webkit-autofill, 
.widget_mailpoet_form select:-webkit-autofill, 
select:-webkit-autofill:hover, 
.sk__subscribe-form select:-webkit-autofill:hover, 
.widget_mailpoet_form select:-webkit-autofill:hover, 
select:-webkit-autofill:focus, 
.sk__subscribe-form select:-webkit-autofill:focus, 
.widget_mailpoet_form select:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--form-field-autofill-text-color);
	-webkit-box-shadow: 0 0 0px 1000px var(--form-field-autofill-background) inset;
	-webkit-transition: background-color 5000s ease-in-out 0s;
		 -o-transition: background-color 5000s ease-in-out 0s;
			transition: background-color 5000s ease-in-out 0s;
}
input:-webkit-autofill::first-line, 
.sk__subscribe-form input:-webkit-autofill::first-line, 
.widget_mailpoet_form input:-webkit-autofill::first-line, 
.sk__subscribe-form .sk__subform-element input:-webkit-autofill::first-line, 
.widget_mailpoet_form .sk__subform-element input:-webkit-autofill::first-line {
	font-size: var(--form-field-text-size);
	font-weight: var(--form-field-text-font-weight);
	font-family: var(--form-field-font-family);
}

input::-webkit-input-placeholder, 
.sk__subscribe-form input::-webkit-input-placeholder, 
.widget_mailpoet_form input::-webkit-input-placeholder, 
.sk__subscribe-form .sk__subform-element input::-webkit-input-placeholder, 
.widget_mailpoet_form .sk__subform-element input::-webkit-input-placeholder {
	color: var(--form-field-placeholder-text-color);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
input:hover::-webkit-input-placeholder, 
.sk__subscribe-form input:hover::-webkit-input-placeholder, 
.widget_mailpoet_form input:hover::-webkit-input-placeholder, 
.sk__subscribe-form .sk__subform-element input:hover::-webkit-input-placeholder, 
.widget_mailpoet_form .sk__subform-element input:hover::-webkit-input-placeholder {
	color: var(--form-field-text-color-normal);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
textarea::-webkit-input-placeholder, 
.sk__subscribe-form textarea::-webkit-input-placeholder, 
.widget_mailpoet_form textarea::-webkit-input-placeholder {
	color: var(--form-field-placeholder-text-color);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
textarea:hover::-webkit-input-placeholder, 
.sk__subscribe-form textarea:hover::-webkit-input-placeholder, 
.widget_mailpoet_form textarea:hover::-webkit-input-placeholder {
	color: var(--form-field-text-color-normal);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
input::-moz-placeholder, 
.sk__subscribe-form input::-moz-placeholder, 
.widget_mailpoet_form input::-moz-placeholder, 
.sk__subscribe-form .sk__subform-element input::-moz-placeholder, 
.widget_mailpoet_form .sk__subform-element input::-moz-placeholder {
	opacity: 1;
	color: var(--form-field-placeholder-text-color);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-moz-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
input:hover::-moz-placeholder, 
.sk__subscribe-form input:hover::-moz-placeholder, 
.widget_mailpoet_form input:hover::-moz-placeholder, 
.sk__subscribe-form .sk__subform-element input:hover::-moz-placeholder, 
.widget_mailpoet_form .sk__subform-element input:hover::-moz-placeholder {
	color: var(--form-field-text-color-normal);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-moz-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
textarea::-moz-placeholder, 
.sk__subscribe-form textarea::-moz-placeholder, 
.widget_mailpoet_form textarea::-moz-placeholder {
	opacity: 1;
	color: var(--form-field-placeholder-text-color);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-moz-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
textarea:hover::-moz-placeholder, 
.sk__subscribe-form textarea:hover::-moz-placeholder, 
.widget_mailpoet_form textarea:hover::-moz-placeholder {
	color: var(--form-field-text-color-normal);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-moz-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
input:-ms-input-placeholder, 
.sk__subscribe-form input:-ms-input-placeholder, 
.widget_mailpoet_form input:-ms-input-placeholder, 
.sk__subscribe-form .sk__subform-element input:-ms-input-placeholder, 
.widget_mailpoet_form .sk__subform-element input:-ms-input-placeholder {
	color: var(--form-field-placeholder-text-color);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-ms-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
input:hover:-ms-input-placeholder, 
.sk__subscribe-form input:hover:-ms-input-placeholder, 
.widget_mailpoet_form input:hover:-ms-input-placeholder, 
.sk__subscribe-form .sk__subform-element input:hover:-ms-input-placeholder, 
.widget_mailpoet_form .sk__subform-element input:hover:-ms-input-placeholder {
	color: var(--form-field-text-color-normal);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-ms-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
textarea:-ms-input-placeholder, 
.sk__subscribe-form textarea:-ms-input-placeholder, 
.widget_mailpoet_form textarea:-ms-input-placeholder {
	color: var(--form-field-placeholder-text-color);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-ms-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
textarea:hover:-ms-input-placeholder, 
.sk__subscribe-form textarea:hover:-ms-input-placeholder, 
.widget_mailpoet_form textarea:hover:-ms-input-placeholder {
	color: var(--form-field-text-color-normal);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-ms-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
input:-moz-placeholder, 
.sk__subscribe-form input:-moz-placeholder, 
.widget_mailpoet_form input:-moz-placeholder, 
.sk__subscribe-form .sk__subform-element input:-moz-placeholder, 
.widget_mailpoet_form .sk__subform-element input:-moz-placeholder {
	color: var(--form-field-placeholder-text-color);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-moz-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
input:hover:-moz-placeholder, 
.sk__subscribe-form input:hover:-moz-placeholder, 
.widget_mailpoet_form input:hover:-moz-placeholder, 
.sk__subscribe-form .sk__subform-element input:hover:-moz-placeholder, 
.widget_mailpoet_form .sk__subform-element input:hover:-moz-placeholder {
	color: var(--form-field-text-color-normal);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-moz-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
textarea:-moz-placeholder, 
.sk__subscribe-form textarea:-moz-placeholder, 
.widget_mailpoet_form textarea:-moz-placeholder {
	color: var(--form-field-placeholder-text-color);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-moz-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}
textarea:hover:-moz-placeholder, 
.sk__subscribe-form textarea:hover:-moz-placeholder, 
.widget_mailpoet_form textarea:hover:-moz-placeholder {
	color: var(--form-field-placeholder-text-color);
	-webkit-transition: var(--transition-04, all 0.4s ease 0s);
		 -o-transition: var(--transition-04, all 0.4s ease 0s);
			-moz-transition: var(--transition-04, all 0.4s ease 0s);
			transition: var(--transition-04, all 0.4s ease 0s);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	/* WPA 
	
		if using, add input and textarea additional selectors from above (mailpoet and sk__subscribe-form)

	*/
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	/* WPA 
	
		if using, add input and textarea additional selectors from above (mailpoet and sk__subscribe-form)

	*/
}

select {
	/* WPA 
	
		if using, add input and textarea additional selectors from above (mailpoet and sk__subscribe-form)

	*/
}

form .select2-container {
	margin-bottom: 2rem;
}

/* Contact Form */

@media all and (min-width: 341px) and (max-width: 575px) { /* custom */
	.sk__contact-form, 
	.sk__contact-info {
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media all and (max-width: 340px) { /* custom */
	.sk__contact-form, 
	.sk__contact-info {
		padding-left: 14px;
		padding-right: 14px;
	}	
}

.sk__contact-form-col {
	margin-top: 20px;
}

.sk__contact-form-col form {
	margin-top: 34px;
}


/**
 * Submit Button
 * =============
 */

/* submit button - resets */

button {
	overflow: visible;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

[type=button]:not(:disabled), 
[type=reset]:not(:disabled), 
[type=submit]:not(:disabled), 
button:not(:disabled) {
    cursor: pointer;
}

/* submit button - styling */

button,
button[type="submit"], 
input[type="submit"],
input[type="button"],
input[type="reset"] {

	/**
	 * Received From Matched Button's FStyle (and inherently, RStyle):
	 * 
	 * font-family
	 * text-transform
	 * font-weight
	 * font-style
	 * font-size
	 * line-height
	 * letter-spacing
	 */
	cursor: pointer;
	display: inline-block;
	outline: none;
	padding-top: var(--button-submit-padding-top);
	padding-right: var(--button-submit-padding-right);
	padding-bottom: var(--button-submit-padding-bottom);
	padding-left: var(--button-submit-padding-left);
	border-style: var(--button-submit-border-style);
	border-width: var(--button-submit-border-width);
	border-color: var(--button-submit-border-color-normal);
	border-radius: var(--button-submit-border-radius);
	color: var(--button-submit-text-color-normal);
	background-color: var(--button-submit-background-color-normal);
	-webkit-transition: all 0.3s ease 0s !important;
		 -o-transition: all 0.3s ease 0s !important;
			transition: all 0.3s ease 0s !important;
}

button:not(.wc-block-components-button),
button[type="submit"]:not(.wc-block-components-button), 
input[type="submit"]:not(.wc-block-components-button),
input[type="button"]:not(.wc-block-components-button),
input[type="reset"]:not(.wc-block-components-button) {
	width: var(--button-submit-width);
	margin-top: var(--button-submit-margin-top);
}

button:hover,
button[type="submit"]:hover, 
input[type="submit"]:hover, 
input[type="button"]:hover,
input[type="reset"]:hover {
	color: var(--button-submit-text-color-hover);
	background-color: var(--button-submit-background-color-hover);
	border-color: var(--button-submit-border-color-hover);
}

button[class*="elementor-alert-"] {
	width: auto;
}

button[class*="carousel-control-"] {
	background-color: rgba(255,255,255,0);
}

/* Subscribe Button / Subscribe Form */

.sk__subscribe-form .sk__subform-element input, 
.widget_mailpoet_form form .sk__subform-element input {
	background-color: var(--subscribe-form-input-background-color) !important;
}

.sk__subscribe-form button[type="submit"], 
.widget_mailpoet_form form input[type="submit"] {

	/**
	 * Received From Matched Button's FStyle (and inherently, RStyle):
	 * 
	 * check if any is not applied and needs important
	 * 
	 * font-family
	 * text-transform
	 * font-weight
	 * font-style
	 * font-size
	 * line-height (needed important)
	 * letter-spacing
	 */
	outline: none;
	padding-top: var(--button-subscribe-padding-top) !important;
	padding-right: var(--button-subscribe-padding-right) !important;
	padding-bottom: var(--button-subscribe-padding-bottom) !important;
	padding-left: var(--button-subscribe-padding-left) !important;
	margin-top: var(--subscribe-button-margin-top);
	width: var(--subscribe-button-width);
	color: var(--button-subscribe-text-color-normal);
	background-color: var(--button-subscribe-background-color-normal);
	border-style: var(--button-subscribe-border-style);
	border-width: var(--button-subscribe-border-width);
	border-radius: var(--button-subscribe-border-radius);
	border-color: var(--button-subscribe-border-color-normal);

}

.sk__subscribe-form button[type="submit"]:hover, 
.widget_mailpoet_form form input[type="submit"]:hover {
	color: var(--button-subscribe-text-color-hover);
	background-color: var(--button-subscribe-background-color-hover);
	border-color: var(--button-subscribe-border-color-hover);
}

.sf-success-message, 
p.mailpoet_validate_success {
	color: var(--form-success-message-color);
}

.simple-error-label {
	font-size: 14px;
	color: var(--form-error-label-color);
}

.sf-error-message, 
p.mailpoet_validate_error {
	color: var(--form-error-message-color);
}

/**
 * Buttons
 * =======
 * 
 * USED:
 * 
 * .sk__btn-md
 * .sk__btn-sm
 * .sk__btn-lg
 * 
 * .sk__btn-primary
 * .sk__btn-secondary
 * .sk__btn-outline-primary
 * .sk__btn-outline-secondary
 * .sk__btn-gradient, 
 * .sk__btn-gradient-outline,
 * .sk__btn-gradient-outline-hard, 
 * .sk__btn-gradient-glow, 
 * .sk__btn-gradient-glow-dark 
 * 
 * GUTENBERG
 * - .wp-block-button__link
 * - a.wp-block-button__link
 * - .wp-block-file a
 */

.sk__btn-primary, 
.sk__btn-secondary, 
.sk__btn-outline-primary, 
.sk__btn-outline-secondary, 
.sk__btn-gradient, 
.sk__btn-dynamic-gradient, 
.sk__btn-gradient-outline, 
.sk__btn-gradient-outline-hard, 
.sk__btn-gradient-glow, 
.sk__btn-gradient-glow-dark {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	z-index: 1;
}

.sk__btn-primary:not(:disabled), 
.sk__btn-secondary:not(:disabled), 
.sk__btn-outline-primary:not(:disabled), 
.sk__btn-outline-secondary:not(:disabled), 
.sk__btn-gradient:not(:disabled), 
.sk__btn-dynamic-gradient:not(:disabled), 
.sk__btn-gradient-outline:not(:disabled), 
.sk__btn-gradient-outline-hard:not(:disabled), 
.sk__btn-gradient-glow:not(:disabled), 
.sk__btn-gradient-glow-dark:not(:disabled) {
    cursor: pointer;
}

/**
 * Button Style - Normal Primary
 */
.sk__btn-primary,
a.sk__btn-primary, 
a.sk__btn-primary:link, 
a.sk__btn-primary:visited, 
a.wp-block-button__link,
a.wp-block-button__link:link, 
a.wp-block-button__link:visited,  
.wp-block-button__link, 
.wp-block-file a, 
.wp-block-file a:link, 
.wp-block-file a:visited {

	/**
	 * Received From Matched Button's FStyle (and inherently, RStyle):
	 * 
	 * font-family
	 * text-transform
	 * font-weight
	 * font-style
	 * font-size
	 * line-height
	 * letter-spacing
	 */

	color: var(--button-primary-text-color-normal);
	background-color: var(--button-primary-background-color-normal);
	border-style: var(--button-primary-border-style);
	border-color: var(--button-primary-border-color-normal);
}
.sk__btn-primary:hover, 
a.sk__btn-primary:hover, 
a.wp-block-button__link:hover, 
.wp-block-button__link:hover, 
.wp-block-file a:hover {
	color: var(--button-primary-text-color-hover);
	background-color: var(--button-primary-background-color-hover);
	border-color: var(--button-primary-border-color-hover);
}
/**
 * Button Style - Normal Secondary
 */
.sk__btn-secondary, 
a.sk__btn-secondary, 
a.sk__btn-secondary:link, 
a.sk__btn-secondary:visited {

	/**
	 * Received From Matched Button's FStyle (and inherently, RStyle):
	 * 
	 * font-family
	 * text-transform
	 * font-weight
	 * font-style
	 * font-size
	 * line-height
	 * letter-spacing
	 */

	color: var(--button-secondary-text-color-normal);
	background-color: var(--button-secondary-background-color-normal);
	border-style: var(--button-secondary-border-style);
	border-color: var(--button-secondary-border-color-normal);
}
.sk__btn-secondary:hover, 
a.sk__btn-secondary:hover {
	color: var(--button-secondary-text-color-hover);
	background-color: var(--button-secondary-background-color-hover);
	border-color: var(--button-secondary-border-color-hover);
}

/**
 * Button Style - Outline Primary
 */
.sk__btn-outline-primary, 
a.sk__btn-outline-primary, 
a.sk__btn-outline-primary:link, 
a.sk__btn-outline-primary:visited {
	
	/**
	 * Received From Matched Button's FStyle (and inherently, RStyle):
	 * 
	 * font-family
	 * text-transform
	 * font-weight
	 * font-style
	 * font-size
	 * line-height
	 * letter-spacing
	 */

	color: var(--button-outline-primary-text-color-normal);
	background-color: var(--button-outline-primary-background-color-normal);
	border-style: var(--button-outline-primary-border-style);
	border-color: var(--button-outline-primary-border-color-normal);
} 
.sk__btn-outline-primary:hover, 
a.sk__btn-outline-primary:hover {
	color: var(--button-outline-primary-text-color-hover);
	background-color: var(--button-outline-primary-background-color-hover);
	border-color: var(--button-outline-primary-border-color-hover);
}

/**
 * Button Style - Outline Secondary
 */
.sk__btn-outline-secondary, 
a.sk__btn-outline-secondary, 
a.sk__btn-outline-secondary:link, 
a.sk__btn-outline-secondary:visited {
	
	/**
	 * Received From Matched Button's FStyle (and inherently, RStyle):
	 * 
	 * font-family
	 * text-transform
	 * font-weight
	 * font-style
	 * font-size
	 * line-height
	 * letter-spacing
	 */
	
	color: var(--button-outline-secondary-text-color-normal);
	background-color: var(--button-outline-secondary-background-color-normal);
	border-style: var(--button-outline-secondary-border-style);
	border-color: var(--button-outline-secondary-border-color-normal);
} 
.sk__btn-outline-secondary:hover, 
a.sk__btn-outline-secondary:hover {
	color: var(--button-outline-secondary-text-color-hover);
	background-color: var(--button-outline-secondary-background-color-hover);
	border-color: var(--button-outline-secondary-border-color-hover);
}

/**
 * Button Size - Normal
 */
.sk__btn-md {
	padding-top: var(--button-md-padding-top);
	padding-right: var(--button-md-padding-right);
	padding-bottom: var(--button-md-padding-bottom);
	padding-left: var(--button-md-padding-left);
}
.sk__btn-md.sk__btn-outline-primary, 
.sk__btn-md.sk__btn-outline-secondary {
	padding-top: var(--outline-buttons-md-padding-top);
	padding-right: var(--outline-buttons-md-padding-right);
	padding-bottom: var(--outline-buttons-md-padding-bottom);
	padding-left: var(--outline-buttons-md-padding-left);
}

/**
 * Button Size - Large
 */
.sk__btn-lg {
	padding-top: var(--button-lg-padding-top);
	padding-right: var(--button-lg-padding-right);
	padding-bottom: var(--button-lg-padding-bottom);
	padding-left: var(--button-lg-padding-left);
}
.sk__btn-lg.sk__btn-outline-primary, 
.sk__btn-lg.sk__btn-outline-secondary {
	padding-top: var(--outline-buttons-lg-padding-top);
	padding-right: var(--outline-buttons-lg-padding-right);
	padding-bottom: var(--outline-buttons-lg-padding-bottom);
	padding-left: var(--outline-buttons-lg-padding-left);
}

/**
 * Button Size - Small
 */
.sk__btn-sm {
	padding-top: var(--button-sm-padding-top);
	padding-right: var(--button-sm-padding-right);
	padding-bottom: var(--button-sm-padding-bottom);
	padding-left: var(--button-sm-padding-left);
}
.sk__btn-sm.sk__btn-outline-primary, 
.sk__btn-sm.sk__btn-outline-secondary {
	padding-top: var(--outline-buttons-sm-padding-top);
	padding-right: var(--outline-buttons-sm-padding-right);
	padding-bottom: var(--outline-buttons-sm-padding-bottom);
	padding-left: var(--outline-buttons-sm-padding-left);
}

/**
 * Button Borders RELATED TO SIZE
 */
/* normal size */
.sk__btn-md.sk__btn-primary, 
.sk__btn-md.sk__btn-secondary, 
.sk__btn-md.sk__btn-outline-primary, 
.sk__btn-md.sk__btn-outline-secondary, 
.sk__btn-md.sk__btn-gradient, 
.sk__btn-md.sk__btn-dynamic-gradient, 
.sk__btn-md.sk__btn-gradient-outline, 
.sk__btn-md.sk__btn-gradient-outline:before, 
.sk__btn-md.sk__btn-gradient-outline-hard, 
.sk__btn-md.sk__btn-gradient-outline-hard:before, 
.sk__btn-md.sk__btn-gradient-glow, 
.sk__btn-md.sk__btn-gradient-glow-dark, 
.sk__btn-md .sk__btn-gradient-glow-wrapper, 
.sk__btn-md .btn-gg-back, 
.sk__btn-md .btn-gg-glow-wrapper {
	border-radius: var(--button-md-border-radius);
}
.sk__btn-md.sk__btn-outline-primary, 
.sk__btn-md.sk__btn-outline-secondary, 
.sk__btn-md.sk__btn-gradient, 
.sk__btn-md.sk__btn-gradient-outline, 
.sk__btn-md.sk__btn-gradient-outline-hard {
	border-width: var(--button-md-border-width);
}

/* large */
.sk__btn-lg.sk__btn-primary, 
.sk__btn-lg.sk__btn-secondary, 
.sk__btn-lg.sk__btn-outline-primary, 
.sk__btn-lg.sk__btn-outline-secondary, 
.sk__btn-lg.sk__btn-gradient, 
.sk__btn-lg.sk__btn-dynamic-gradient,
.sk__btn-lg.sk__btn-gradient-outline, 
.sk__btn-lg.sk__btn-gradient-outline:before, 
.sk__btn-lg.sk__btn-gradient-outline-hard, 
.sk__btn-lg.sk__btn-gradient-outline-hard:before, 
.sk__btn-lg.sk__btn-gradient-glow, 
.sk__btn-lg.sk__btn-gradient-glow-dark, 
.sk__btn-lg .sk__btn-gradient-glow-wrapper, 
.sk__btn-lg .btn-gg-back, 
.sk__btn-lg .btn-gg-glow-wrapper {
	border-radius: var(--button-lg-border-radius);
}
.sk__btn-lg.sk__btn-outline-primary, 
.sk__btn-lg.sk__btn-outline-secondary, 
.sk__btn-lg.sk__btn-gradient, 
.sk__btn-lg.sk__btn-gradient-outline, 
.sk__btn-lg.sk__btn-gradient-outline-hard {
	border-width: var(--button-lg-border-width);
}

/* small */
.sk__btn-sm.sk__btn-primary, 
.sk__btn-sm.sk__btn-secondary, 
.sk__btn-sm.sk__btn-outline-primary, 
.sk__btn-sm.sk__btn-outline-secondary, 
.sk__btn-sm.sk__btn-gradient, 
.sk__btn-sm.sk__btn-dynamic-gradient,
.sk__btn-sm.sk__btn-gradient-outline, 
.sk__btn-sm.sk__btn-gradient-outline:before, 
.sk__btn-sm.sk__btn-gradient-outline-hard, 
.sk__btn-sm.sk__btn-gradient-outline-hard:before, 
.sk__btn-sm.sk__btn-gradient-glow, 
.sk__btn-sm.sk__btn-gradient-glow-dark, 
.sk__btn-sm .sk__btn-gradient-glow-wrapper, 
.sk__btn-sm .btn-gg-back, 
.sk__btn-sm .btn-gg-glow-wrapper {
	border-radius: var(--button-sm-border-radius);
}
.sk__btn-sm.sk__btn-outline-primary, 
.sk__btn-sm.sk__btn-outline-secondary, 
.sk__btn-sm.sk__btn-gradient, 
.sk__btn-sm.sk__btn-gradient-outline, 
.sk__btn-sm.sk__btn-gradient-outline-hard {
	border-width: var(--button-sm-border-width);
}

/* buttons, other */

.wp-block-button.is-style-squared a {
	border-radius: 0;
}

.sk__btn-primary, 
a.sk__btn-primary,
a.wp-block-button__link, 
.wp-block-button__link, 
.wp-block-file a, 
.sk__btn-secondary,
.sk__btn-outline-primary,
.sk__btn-outline-secondary,
.sk__btn-gradient { 
	position: relative;
	overflow: hidden;
}


/**
 * Gradient Button
 */

.sk__btn-gradient:before {
	background: var(--gradient-part1);
	background: var(--gradient-part2);
	background: var(--gradient-part3);
	background: var(--gradient-part4);
}

.reverse-gradient.sk__btn-gradient:before {
	background: var(--reverse-gradient-part1);
	background: var(--reverse-gradient-part2);
	background: var(--reverse-gradient-part3);
	background: var(--reverse-gradient-part4);
}

.sk__btn-gradient, 
a.sk__btn-gradient, 
a.sk__btn-gradient:link, 
a.sk__btn-gradient:visited {

	/**
	 * Received From Matched Button's FStyle (and inherently, RStyle):
	 * 
	 * font-family
	 * text-transform
	 * font-weight
	 * font-style
	 * font-size
	 * line-height
	 * letter-spacing
	 */

	color: var(--buttons-gradient-text-color-normal);
	background-color: var(--buttons-gradient-background-color-normal);
	border-color: rgba(248,249,250,0); /* static, must be transparent */
}

.sk__btn-gradient:hover, 
a.sk__btn-gradient:hover {
	color: var(--buttons-gradient-text-color-hover);
	background-color: var(--buttons-gradient-background-color-hover);
	border-color: rgba(248,249,250,0); /* static, must be transparent */
}

.sk__btn-gradient:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

.sk__btn-gradient:before {
	opacity: 1;
}

/**
 * gradient outline button (fully predefined)
 * ------------------------------------------
 * - suitable only for dark backgrounds
 * - does not have a normal color fill in either state
 * - has black text in both states
 * - has gradient background
 * - has gradient background on before element
 * - before element is slightly smaller (2px) and has mix-blend-mode
 *   set to difference, efectively "burning-in" the black color to
 *   the button, leaving only the 2px of outline and text (which is black)
 * - before element in hover state becomes invisible, leaving
 *   a normal gradient background with black text
 */


.sk__btn-gradient-outline, 
a.sk__btn-gradient-outline, 
.sk__btn-gradient-outline:before, 
.sk__btn-gradient-outline-hard, 
a.sk__btn-gradient-outline-hard, 
.sk__btn-gradient-outline-hard:before {
	background: var(--gradient-part1);
	background: var(--gradient-part2);
	background: var(--gradient-part3);
	background: var(--gradient-part4);
	transition: all 0.3s ease 0s;
}
 
.reverse-gradient.sk__btn-gradient-outline, 
a.reverse-gradient.sk__btn-gradient-outline,
.reverse-gradient.sk__btn-gradient-outline:before, 
.reverse-gradient.sk__btn-gradient-outline-hard, 
a.reverse-gradient.sk__btn-gradient-outline-hard, 
.reverse-gradient.sk__btn-gradient-outline-hard:before {
	background: var(--reverse-gradient-part1);
	background: var(--reverse-gradient-part2);
	background: var(--reverse-gradient-part3);
	background: var(--reverse-gradient-part4);
}

a.sk__btn-gradient-outline, 
a.sk__btn-gradient-outline:link, 
a.sk__btn-gradient-outline:visited, 
a.sk__btn-gradient-outline:hover, 
a.sk__btn-gradient-outline:active, 
a.sk__btn-gradient-outline-hard, 
a.sk__btn-gradient-outline-hard:link, 
a.sk__btn-gradient-outline-hard:visited, 
a.sk__btn-gradient-outline-hard:hover, 
a.sk__btn-gradient-outline-hard:active, 
button.sk__btn-gradient-outline, 
button.sk__btn-gradient-outline:link, 
button.sk__btn-gradient-outline:visited, 
button.sk__btn-gradient-outline:hover, 
button.sk__btn-gradient-outline:active, 
button.sk__btn-gradient-outline-hard, 
button.sk__btn-gradient-outline-hard:link, 
button.sk__btn-gradient-outline-hard:visited, 
button.sk__btn-gradient-outline-hard:hover, 
button.sk__btn-gradient-outline-hard:active {

	/**
	 * Received From Matched Button's FStyle (and inherently, RStyle):
	 * 
	 * font-family
	 * text-transform
	 * font-weight !!! bilo je font-weight: 900; - cekiraj da li ce morati da se forsira predebelost
	 * font-style
	 * font-size
	 * line-height
	 * letter-spacing
	 */
	font-weight: 800 !important;
	position: relative;
	overflow: hidden;
	color: #000000; /* Don't touch */
	mix-blend-mode: lighten;
	background-size: 110%;
	background-position-x: 15%;
	border-color: transparent;

}


.sk__btn-gradient-outline:before, 
.sk__btn-gradient-outline-hard:before {
	opacity: 1;
	content: '';
	position: absolute;
	top: var(--button-md-border-width);
	left: var(--button-md-border-width);
	z-index: 1;
	mix-blend-mode: difference;
}

.sk__btn-md.sk__btn-gradient-outline:before {
	width: calc(100% - calc(2 * var(--button-md-border-width)));
	height: calc(100% - calc(2 * var(--button-md-border-width)));
}

.sk__btn-gradient-outline:hover:before, 
.sk__btn-gradient-outline-hard:hover:before {
	opacity: 0;
}

/**
 * Dynamic Gradient Button
 */
.sk__btn-dynamic-gradient, 
a.sk__btn-dynamic-gradient, 
a.sk__btn-dynamic-gradient:link, 
a.sk__btn-dynamic-gradient:visited {

	/**
	 * Received From Matched Button's FStyle (and inherently, RStyle):
	 * 
	 * font-family
	 * text-transform
	 * font-weight
	 * font-style
	 * font-size
	 * line-height
	 * letter-spacing
	 */

	position: relative;
	overflow: hidden;
}

.sk__btn-dynamic-gradient, 
a.sk__btn-dynamic-gradient, 
a.sk__btn-dynamic-gradient:link, 
a.sk__btn-dynamic-gradient:visited, 
.sk__btn-dynamic-gradient:hover, 
a.sk__btn-dynamic-gradient:hover {
	color: var(--buttons-gradient-text-color-normal);
	background: transparent;
	border: none;
	border-width: 0;
}

.sk__btn-dynamic-gradient .child1, 
.sk__btn-dynamic-gradient .child2 {
	position: absolute;
	top: -10%;
	left: -50%;
	/*background: rgb(var(--grad4-r),var(--grad4-g),var(--grad4-b));
	background: -o-radial-gradient(circle, rgba(var(--grad4-r),var(--grad4-g),var(--grad4-b),1) 0%, rgba(var(--grad3-r),var(--grad3-g),var(--grad3-b),1) 13%, rgba(var(--grad2-r),var(--grad2-g),var(--grad2-b),1) 39%, rgba(var(--grad1-r),var(--grad1-g),var(--grad1-b),1) 65%);
	background: radial-gradient(circle, rgba(var(--grad4-r),var(--grad4-g),var(--grad4-b),1) 0%, rgba(var(--grad3-r),var(--grad3-g),var(--grad3-b),1) 13%, rgba(var(--grad2-r),var(--grad2-g),var(--grad2-b),1) 39%, rgba(var(--grad1-r),var(--grad1-g),var(--grad1-b),1) 65%);*/
	
	background: rgb(var(--grad1-r),var(--grad1-g),var(--grad1-b));
	background: -o-radial-gradient(circle, rgba(var(--grad1-r),var(--grad1-g),var(--grad1-b),1) 0%, rgba(var(--grad2-r),var(--grad2-g),var(--grad2-b),1) 13%, rgba(var(--grad3-r),var(--grad3-g),var(--grad3-b),1) 39%, rgba(var(--grad4-r),var(--grad4-g),var(--grad4-b),1) 65%);
	background: radial-gradient(circle, rgba(var(--grad1-r),var(--grad1-g),var(--grad1-b),1) 0%, rgba(var(--grad2-r),var(--grad2-g),var(--grad2-b),1) 13%, rgba(var(--grad3-r),var(--grad3-g),var(--grad3-b),1) 39%, rgba(var(--grad4-r),var(--grad4-g),var(--grad4-b),1) 65%);
}

.sk__btn-dynamic-gradient .child1 {
	z-index: -1;
	opacity: 0;
	-webkit-transition: opacity 0.75s;
		 -o-transition: opacity 0.75s;
			transition: opacity 0.75s;
}

.sk__btn-dynamic-gradient .child2 {
	z-index: -2;
}

.sk__btn-dynamic-gradient:hover .child1 {
	opacity: 1;
}

.sk__btn-dynamic-gradient:before {
	content: none;
}

.sk__btn-md.shadowed, 
.sk__btn-sm.shadowed, 
.sk__btn-lg.shadowed {
	-webkit-filter: brightness(0);
	        filter: brightness(0);
}

/**
 * Gradient Glow Button
 * Gradient Glow Dark Button
 */

.sk__btn-gradient-glow,
.sk__btn-gradient-glow:link, 
.sk__btn-gradient-glow:visited, 
.sk__btn-gradient-glow:hover, 
.sk__btn-gradient-glow:active, 
.sk__btn-gradient-glow-dark, 
.sk__btn-gradient-glow-dark:link, 
.sk__btn-gradient-glow-dark:visited, 
.sk__btn-gradient-glow-dark:hover, 
.sk__btn-gradient-glow-dark:active {

	/**
	 * Received From Matched Button's FStyle (and inherently, RStyle):
	 * 
	 * font-family
	 * text-transform
	 * font-weight
	 * font-style
	 * font-size
	 * line-height
	 * letter-spacing
	 */

	position: relative;
	background: transparent;
	border: 0 solid transparent;
	overflow: initial;
	z-index: 10;
}

.sk__btn-gradient-glow,
a.sk__btn-gradient-glow,
.sk__btn-gradient-glow:link, 
a.sk__btn-gradient-glow:link,
.sk__btn-gradient-glow:visited, 
a.sk__btn-gradient-glow:visited, 
.sk__btn-gradient-glow:hover,  
a.sk__btn-gradient-glow:hover, 
.sk__btn-gradient-glow:active, 
a.sk__btn-gradient-glow:active {
	color: rgb(0,0,0,1);
}

.sk__btn-gradient-glow-dark,
a.sk__btn-gradient-glow-dark,
.sk__btn-gradient-glow-dark:link, 
a.sk__btn-gradient-glow-dark:link, 
.sk__btn-gradient-glow-dark:visited, 
a.sk__btn-gradient-glow-dark:visited, 
.sk__btn-gradient-glow-dark:hover, 
a.sk__btn-gradient-glow-dark:hover, 
.sk__btn-gradient-glow-dark:active, 
a.sk__btn-gradient-glow-dark:active {
	color: rgba(255,255,255,0.71);
}

.sk__btn-gradient-glow:before, 
.sk__btn-gradient-glow-dark:before {
	content: none;
}

.sk__btn-gradient-glow-wrapper {
	display: block;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 4px solid rgba(255,255,255,0.3);
	background: transparent;
	z-index: -2;
}

.btn-gg-back {
	display: block;
	border: 4px solid transparent;
	border: 4px solid rgba(129,129,129,0.14); /* NOVO, vidi red iznad */
	background-clip: padding-box;
	z-index: -1;
}

.sk__btn-gradient-glow .btn-gg-back {
	background-color: rgb(255,255,255,0.78);
}

.sk__btn-gradient-glow-dark .btn-gg-back {
	background-color: rgba(0,0,0,0.88);
}

.btn-gg-glow-wrapper {
	overflow: hidden;
	width: calc(100% + 8px);
	height: calc(100% + 8px);
	top: -4px;
	left: -4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border: none;
	-webkit-filter: blur(10px);
	        filter: blur(10px);
	-webkit-transition-property: -webkit-transform;
			transition-property: -webkit-transform;
				 -o-transition-property: transform;
					transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-timing-function: cubic-bezier(0.4,0,0.2,1);
	     -o-transition-timing-function: cubic-bezier(0.4,0,0.2,1);
	        transition-timing-function: cubic-bezier(0.4,0,0.2,1);
	-webkit-transition-duration: 0.5s;
	     -o-transition-duration: 0.5s;
	        transition-duration: 0.5s;
	will-change: transform;
}

.sk__btn-gradient-glow:hover .btn-gg-glow-wrapper, 
.sk__btn-gradient-glow-dark:hover .btn-gg-glow-wrapper {
	-webkit-transform: scaleX(calc(1.05)) scaleY(1.1);
	    -ms-transform: scaleX(calc(1.05)) scaleY(1.1);
	        transform: scaleX(calc(1.05)) scaleY(1.1);
}

.btn-gg-glow-plain {
	border: 0 solid transparent;
	aspect-ratio: 1/1;
	width: 100%;
	-webkit-transition-duration: 0.5s;
	     -o-transition-duration: 0.5s;
	        transition-duration: 0.5s;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

.sk__btn-gradient-glow:hover .btn-gg-glow-plain, 
.sk__btn-gradient-glow-dark:hover .btn-gg-glow-plain {
	-webkit-transform: scaleX(1.1) scaleY(1.1);
	    -ms-transform: scaleX(1.1) scaleY(1.1);
	        transform: scaleX(1.1) scaleY(1.1);
}

@-webkit-keyframes btnGradientGlowSpin {
	to {
		-webkit-transform: rotate(1turn);
		        transform: rotate(1turn);
	}
}
@keyframes btnGradientGlowSpin {
	to {
		-webkit-transform: rotate(1turn);
		        transform: rotate(1turn);
	}
}

.btn-gg-glow-color {
	border: 0 solid transparent;
	height: 100%;
	width: 100%;
}

.sk__btn-gradient-glow:hover .btn-gg-glow-color, 
.sk__btn-gradient-glow-dark:hover .btn-gg-glow-color  {
	-webkit-animation: btnGradientGlowSpin 3s linear infinite;
			animation: btnGradientGlowSpin 3s linear infinite;
}

/**
 * Back to top button
 */

a.sk__back-to-top {
	/**
	 * Generated with php:
	 * 
	 * width
	 * heigh
	 * bottom
	 * left/right
	 * background
	 * border-style
	 * border-width
	 * border-color
	 * border-radius
	 */
	position: fixed;
}

a.sk__back-to-top:hover {
	/**
	 * Generated with php:
	 * 
	 * background
	 * border-color
	 */
}

span.sk__back-to-top {
	/**
	 * Generated with php:
	 * 
	 * border-top-color
	 * border-right-color
	 */
	display: block;
	width: 19px;
	height: 19px;
	border-top-width: 3px;
	border-top-style: solid;
	border-right-width: 3px;
	border-right-style: solid;
	border-radius: 2px;
	-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
	top: 18px;
	left: 13px;
	position: absolute;
}

a.sk__back-to-top:hover span.sk__back-to-top {
	/**
	 * Generated with php:
	 * 
	 * border-top-color
	 * border-right-color
	 */
}

.sk__back-to-top-wrap {
	z-index: 999;
	position: fixed;
	bottom: 0;
	-webkit-transition: all 0.4s ease 0s;
		 -o-transition: all 0.4s ease 0s;
			transition: all 0.4s ease 0s;
	opacity: 0;
}

.sk__back-to-top-wrap.sk__backtotop-visible {
	opacity: 1;
}

@media all and (min-width: 992px) and (max-width: 1199px) { /* lg */
	a.sk__back-to-top {
		/**
		 * Generated with php:
		 * 
		 * left/right (depending on button side) (e.g. left: 15px;)
		 */
		width: 36px;
		height: 36px;
		bottom: 15px;
	}
	span.sk__back-to-top {
		width: 16px;
		height: 16px;
		top: 14px;
		left: 10px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) { /* md */
	a.sk__back-to-top {
		/**
		 * Generated with php:
		 * 
		 * left/right (depending on button side) (e.g. left: 15px;)
		 */
		width: 36px;
		height: 36px;
		bottom: 15px;
	}
	span.sk__back-to-top {
		width: 16px;
		height: 16px;
		top: 14px;
		left: 10px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) { /* sm */
	.sk__back-to-top-wrap {
		height: 40px;
		width: 100%;
		text-align: center;
	}
	a.sk__back-to-top {
		/**
		 * Generated with php:
		 * 
		 * left/right (depending on button side) (e.g. left: 15px;)
		 */
		display: inline-block;
		position: relative;
		width: 32px;
		height: 32px;
		bottom: 20px;
	}
	span.sk__back-to-top {
		top: 12px;
		left: 8px;
		width: 16px;
		height: 16px;
	}
}
@media all and (max-width: 575px) { /* xs */
	.sk__back-to-top-wrap {
		height: 40px;
		width: 100%;
		text-align: center;
	}
	a.sk__back-to-top {
		/**
		 * Generated with php:
		 * 
		 * left/right (depending on button side) (e.g. left: 15px;)
		 */
		display: inline-block;
		position: relative;
		width: 32px;
		height: 32px;
		bottom: 20px;
	}
	span.sk__back-to-top {
		top: 12px;
		left: 8px;
		width: 16px;
		height: 16px;
	}
}


/**
 * General
 * =======
 */

a, 
em, 
input, 
textarea, 
button, 
.sk__btn, 
.sk__btn:before,
span.sk__back-to-top, 
.sk__mobile-main-logo, 
.sk__navbar .navbar-nav > li > ul > .nav-subwrap > li > ul, 
.sk__header-socials a i, 
.hc-offcanvas-nav li:not(.custom-content) a, 
.nav-back, 
.hero-socials-inner, 
.sk__social-icons i, 
.sk__project-icons i, 
.sk__social-icons span[class*="sico-"], 
.sk__project-icons span[class*="sico-"], 
.sk__proj-infobox-label, 
.sk__proj-infobox-value, 
.sk__parallax-gallery-nav, 
.sk__iconbox-icon-link > span.sk__iconbox-icon:after, 
a.sk__gallery-nav-link, 
a.sk__gallery-nav-link:before, 
a.sk__gallery-nav-link:after, 
.slick-dots li button:before, 
.cat-item, 
.sk__ease-03, 
.sk__sidebarmenu-trigger, 
.widget_nav_menu .menu .menu-item a:before {
	-webkit-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
}

.sk__iconbox-icon-link i, 
.sk__iconbox-icon-link span[class*="sico-"], 
.sk__iconbox-icon-link > span.sk__iconbox-icon, 
.sk__ease-06, 
.sk__in-content-post-image, 
.sk__imagebox-img {
	-webkit-transition: all 0.6s ease 0s;
		 -o-transition: all 0.6s ease 0s;
			transition: all 0.6s ease 0s;
}

img {
	max-width: 100%;
}

/**
 * Parallax Backgrounds
 * sk__skip-parallax-background-section is used to
 * skip parallax on hero images on mobile. It needs
 * to have the same CSS as sk__parallax-background-section
 */
section.sk__parallax-background-section, 
section.sk__skip-parallax-background-section {
	position: relative;
	width: 100%;
	min-height: 100vh;
	overflow: hidden;
}

section.sk__parallax-background-section.sk__parallax-fixer-ignore-height, 
section.sk__skip-parallax-background-section.sk__parallax-fixer-ignore-height {
	min-height: 0;
}

section.sk__parallax-background-section.sk__parallax-fixer-section, 
section.sk__skip-parallax-background-section.sk__parallax-fixer-section {
	/*overflow: initial; !! WATCH IT */
	height: auto;
}

.sk__parallax-background-element {
	z-index: -1;
	z-index: -7;
	min-height: 100vh;
	height: auto;
	background-attachment: fixed;
}

.sk__parallax-header {
	position: relative;
	overflow: hidden;
}

.sk__parallax-header-image {
	z-index: -1;
	z-index: -7;
}

/* transparent parallax background element - fixes parallax init */
.sk__parallax-fixer {
	background-image: none;
}

/**
 * Parallax images and parallax videos.
 * The "container" and "element" elements work in pair.
 * element-1 to element-10 indicate parallax image/video
 * height in relation to container, which affects the
 * speed of the image/video.
 */

.sk__parallax-container {
	position: relative;
	overflow: hidden;
}

.sk__parallax-container .sk__gradient-back-v1, 
.sk__parallax-container .sk__gradient-back-v2 {
	z-index: 2;
	z-index: -5;
}

.sk__parallax-container .sk__color-overlay {
	z-index: 3;
	z-index: -4;
}

.sk__parallax-container .sk__pattern-overlay {
	z-index: 3;
	z-index: -3;
}

.sk__parallax-element-1, 
.sk__parallax-element-2, 
.sk__parallax-element-3, 
.sk__parallax-element-4, 
.sk__parallax-element-5, 
.sk__parallax-element-6, 
.sk__parallax-element-7, 
.sk__parallax-element-8, 
.sk__parallax-element-9, 
.sk__parallax-element-10 {
	position: absolute;
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;
	bottom: 0;
	z-index: -7;
}
.sk__parallax-element-1 { height: 110%; }
.sk__parallax-element-2 { height: 120%; }
.sk__parallax-element-3 { height: 130%; }
.sk__parallax-element-4 { height: 140%; }
.sk__parallax-element-5 { height: 150%; }
.sk__parallax-element-6 { height: 160%; }
.sk__parallax-element-7 { height: 170%; }
.sk__parallax-element-8 { height: 180%; }
.sk__parallax-element-9 { height: 190%; }
.sk__parallax-element-10 { height: 200%; }

/**
 * New Parallax Background
 * =======================
 * 
 * V1: sk__new-parallax-section
 * ----------------------------
 * inside a relatively positioned div place
 * sk__new-parallax-section, and inside it place
 * sk__new-parallax-element
 * 
 * V2: sk__new-parallax-section-relative
 * -------------------------------------
 * no need for relatively positioned parent,
 * use this when this element IS the parent
 * add sk__new-parallax-section-relative class to
 * the main conainer (e.g. section) and inside it
 * place sk__new-parallax-element
 * 
 * TIP: sk__new-parallax-element can be wrapped
 * in a overflow-hidden div which can then be
 * scaled, moved etc; causing interesting
 * results (such as in featured-item with
 * sk__new-parallax-socket-right)
 */

/**
 * Parent V1 - When parallax parent is absolute
 */
.sk__new-parallax-section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -7;
}

/**
 * Parent V2 - When parallax parent is relative 
 */
.sk__new-parallax-section-relative {
	position: relative;
	width: 100%;
	min-height: 100vh;
	overflow: hidden;
}

/* Child (image) */
.sk__new-parallax-element {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* Child (video) */
.sk__new-parallax-video-element {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

/**
 * Parallax vertical strips
 */

.sk__hero-parallax-strip-vertical {
	position: absolute;
	top: 0;
	height: 100%;
}
.sk__hero-parallax-strip-vertical:nth-child(1) {
	left: 0;
}

/**
 * Layered parallax hero background / header
 */

.sk__layered-parallax-header {
	position: relative;
	overflow: hidden;
}
.sk__layered-parallax-element {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/**
 * Parallax for featured image/video
 */
.sk__header-section {
	overflow: hidden;
}


video.sk__video {
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;
	height: 100%;
}

.sk__youtube-container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sk__youtube-container .youtube-video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	margin: auto;
}

.sk__youtube-container .sk__gradient-back-v1 {
	z-index: 2;
}

.sk__youtube-container .sk__gradient-back-v2 {
	z-index: 2;
}

.sk__youtube-container .sk__pattern-overlay {
	z-index: 3;
}

/**
 * Half-screen Sections
 * ====================
 * parallax images, text,
 * parallax text
 */

.sk__halfscreen-section {

}

.sk__halfscreen-parallax-image-col, 
.sk__halfscreen-parallax-video-col, 
.sk__halfscreen-subsection, 
.sk__halfscreen-media-col {
	min-height: 400px;
	padding: 0;
}

.sk__halfscreen-text-col, 
.sk__halfscreen-content-col {
	min-height: 400px;
	padding: 8vw;
}

.sk__halfscreen-text-col-inner, 
.sk__halfscreen-content-col-inner {
	margin: 0 auto;
}

/* Paste extension code here - skillwork-extension-portfolio-section.css (CSS + JS + Slick.js) */

/**
 * Custom Animations, Effects & Decorations (skillwork.css)
 * ========================================================
 */

/* Reusable decorations */

.sk__deco-row-section {
	z-index: 10;
}

.sk__deco-row {
	border-top:  1px solid;
	border-bottom:  1px solid;
	padding: 75px 15px;
}
@media all and (max-width: 767px) {
	.sk__deco-row {
		padding: 48px 15px;
	}
}

@-webkit-keyframes hueRotator {
	0% {
		-webkit-filter: hue-rotate(0);
		        filter: hue-rotate(0);
	}
	100% {
		-webkit-filter: hue-rotate(359.99deg);
		        filter: hue-rotate(359.99deg);
	}
}

@keyframes hueRotator {
	0% {
		-webkit-filter: hue-rotate(0);
		        filter: hue-rotate(0);
	}
	100% {
		-webkit-filter: hue-rotate(359.99deg);
		        filter: hue-rotate(359.99deg);
	}
}

.hue-rotator {
	-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
			transform-origin: center center;
	-webkit-animation: hueRotator linear 0s infinite;
			animation: hueRotator linear 0s infinite;
}

.duration-01s {
	-webkit-animation-duration: 0.1s;
	animation-duration: 0.1s;
}
.duration-02s {
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
}
.duration-03s {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
}
.duration-04s {
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
}
.duration-05s {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}
.duration-06s {
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
}
.duration-07s {
	-webkit-animation-duration: 0.7s;
	animation-duration: 0.7s;
}
.duration-08s {
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
}
.duration-09s {
	-webkit-animation-duration: 0.9s;
	animation-duration: 0.9s;
}
.duration-1s {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
.duration-2s {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
.duration-3s {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}
.duration-4s {
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
}
.duration-5s {
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
}
.duration-6s {
	-webkit-animation-duration: 6s;
	animation-duration: 6s;
}
.duration-7s {
	-webkit-animation-duration: 7s;
	animation-duration: 7s;
}
.duration-8s {
	-webkit-animation-duration: 8s;
	animation-duration: 8s;
}
.duration-9s {
	-webkit-animation-duration: 9s;
	animation-duration: 9s;
}
.duration-10s {
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
}
.duration-20s {
	-webkit-animation-duration: 20s;
	animation-duration: 20s;
}
.duration-30s {
	-webkit-animation-duration: 30s;
	animation-duration: 30s;
}

/**
 * Edge beauty effect - add subtle styled edges and shadows to specified
 * sections (suitable for repeated fullscreen parallax sections).
 * Add .sk__edge-beauty class to relatively positioned
 * container <section> or <div>
 */

.sk__edge-beauty-top {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(0,0,0,1);
	z-index: 1;
}
.sk__edge-beauty-bottom {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,0.13);
	z-index: 1;
}
.sk__edge-beauty-bottom-shadow {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 21.7vh;
	background: rgb(0,0,0);
	background: -o-linear-gradient(bottom, rgba(0,0,0,0.29735644257703087) 0%, rgba(0,0,0,0.11528361344537819) 28%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.29735644257703087)), color-stop(28%, rgba(0,0,0,0.11528361344537819)), to(rgba(0,0,0,0)));
	background: linear-gradient(0deg, rgba(0,0,0,0.29735644257703087) 0%, rgba(0,0,0,0.11528361344537819) 28%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	opacity: 0.7;
}

/* Paste extension code here - skillwork-extension-galleries.css (CSS + JS) */

/** 
 * Other (skillwork.css)
 * =====================
 */

/* Color Shader */

.dark-shade-1-bg					{ background-color: var(--dark-shade-1); }
.dark-shade-1-bg-before:before  	{ background-color: var(--dark-shade-1); }
.dark-shade-1-bg-after:after		{ background-color: var(--dark-shade-1); }
.dark-shade-1-clr					{ 			 color: var(--dark-shade-1); }
.dark-shade-1-border				{ 	  border-color: var(--dark-shade-1); }
.dark-shade-1-border-hover:hover	{ 	  border-color: var(--dark-shade-1); }
.dark-shade-2-bg					{ background-color: var(--dark-shade-2); }
.dark-shade-2-bg-before:before  	{ background-color: var(--dark-shade-2); }
.dark-shade-2-bg-after:after		{ background-color: var(--dark-shade-2); }
.dark-shade-2-clr					{ 			 color: var(--dark-shade-2); }
.dark-shade-2-border				{ 	  border-color: var(--dark-shade-2); }
.dark-shade-2-border-hover:hover	{ 	  border-color: var(--dark-shade-2); }
.dark-shade-3-bg					{ background-color: var(--dark-shade-3); }
.dark-shade-3-bg-before:before  	{ background-color: var(--dark-shade-3); }
.dark-shade-3-bg-after:after		{ background-color: var(--dark-shade-3); }
.dark-shade-3-clr					{ 			 color: var(--dark-shade-3); }
.dark-shade-3-border				{ 	  border-color: var(--dark-shade-3); }
.dark-shade-3-border-hover:hover	{ 	  border-color: var(--dark-shade-3); }
.dark-shade-4-bg					{ background-color: var(--dark-shade-4); }
.dark-shade-4-bg-before:before  	{ background-color: var(--dark-shade-4); }
.dark-shade-4-bg-after:after		{ background-color: var(--dark-shade-4); }
.dark-shade-4-clr					{ 			 color: var(--dark-shade-4); }
.dark-shade-4-border				{ 	  border-color: var(--dark-shade-4); }
.dark-shade-4-border-hover:hover	{ 	  border-color: var(--dark-shade-4); }
.dark-shade-5-bg					{ background-color: var(--dark-shade-5); }
.dark-shade-5-bg-before:before  	{ background-color: var(--dark-shade-5); }
.dark-shade-5-bg-after:after		{ background-color: var(--dark-shade-5); }
.dark-shade-5-clr					{ 			 color: var(--dark-shade-5); }
.dark-shade-5-border				{ 	  border-color: var(--dark-shade-5); }
.dark-shade-5-border-hover:hover	{ 	  border-color: var(--dark-shade-5); }
.dark-shade-6-bg					{ background-color: var(--dark-shade-6); }
.dark-shade-6-bg-before:before  	{ background-color: var(--dark-shade-6); }
.dark-shade-6-bg-after:after		{ background-color: var(--dark-shade-6); }
.dark-shade-6-clr					{ 			 color: var(--dark-shade-6); }
.dark-shade-6-border				{ 	  border-color: var(--dark-shade-6); }
.dark-shade-6-border-hover:hover	{ 	  border-color: var(--dark-shade-6); }
.dark-shade-7-bg					{ background-color: var(--dark-shade-7); }
.dark-shade-7-bg-before:before  	{ background-color: var(--dark-shade-7); }
.dark-shade-7-bg-after:after		{ background-color: var(--dark-shade-7); }
.dark-shade-7-clr					{ 			 color: var(--dark-shade-7); }
.dark-shade-7-border				{ 	  border-color: var(--dark-shade-7); }
.dark-shade-7-border-hover:hover	{ 	  border-color: var(--dark-shade-7); }
.dark-shade-8-bg					{ background-color: var(--dark-shade-8); }
.dark-shade-8-bg-before:before  	{ background-color: var(--dark-shade-8); }
.dark-shade-8-bg-after:after		{ background-color: var(--dark-shade-8); }
.dark-shade-8-clr					{ 			 color: var(--dark-shade-8); }
.dark-shade-8-border				{ 	  border-color: var(--dark-shade-8); }
.dark-shade-8-border-hover:hover	{ 	  border-color: var(--dark-shade-8); }
.dark-shade-9-bg					{ background-color: var(--dark-shade-9); }
.dark-shade-9-bg-before:before  	{ background-color: var(--dark-shade-9); }
.dark-shade-9-bg-after:after		{ background-color: var(--dark-shade-9); }
.dark-shade-9-clr					{ 			 color: var(--dark-shade-9); }
.dark-shade-9-border				{ 	  border-color: var(--dark-shade-9); }
.dark-shade-9-border-hover:hover	{ 	  border-color: var(--dark-shade-9); }
.dark-shade-10-bg					{ background-color: var(--dark-shade-10); }
.dark-shade-10-bg-before:before  	{ background-color: var(--dark-shade-10); }
.dark-shade-10-bg-after:after		{ background-color: var(--dark-shade-10); }
.dark-shade-10-clr					{ 			 color: var(--dark-shade-10); }
.dark-shade-10-border				{ 	  border-color: var(--dark-shade-10); }
.dark-shade-10-border-hover:hover	{ 	  border-color: var(--dark-shade-10); }
.saturated-dark-shade-1-bg					{ background-color: var(--saturated-dark-shade-1); }
.saturated-dark-shade-1-bg-before:before	{ background-color: var(--saturated-dark-shade-1); }
.saturated-dark-shade-1-bg-after:after		{ background-color: var(--saturated-dark-shade-1); }
.saturated-dark-shade-1-clr					{ 			 color: var(--saturated-dark-shade-1); }
.saturated-dark-shade-1-border				{ 	  border-color: var(--saturated-dark-shade-1); }
.saturated-dark-shade-1-border-hover:hover	{ 	  border-color: var(--saturated-dark-shade-1); }
.saturated-dark-shade-2-bg					{ background-color: var(--saturated-dark-shade-2); }
.saturated-dark-shade-2-bg-before:before	{ background-color: var(--saturated-dark-shade-2); }
.saturated-dark-shade-2-bg-after:after		{ background-color: var(--saturated-dark-shade-2); }
.saturated-dark-shade-2-clr					{ 			 color: var(--saturated-dark-shade-2); }
.saturated-dark-shade-2-border				{ 	  border-color: var(--saturated-dark-shade-2); }
.saturated-dark-shade-2-border-hover:hover	{ 	  border-color: var(--saturated-dark-shade-2); }
.light-shade-1-bg					{ background-color: var(--light-shade-1); }
.light-shade-1-bg-before:before  	{ background-color: var(--light-shade-1); }
.light-shade-1-bg-after:after		{ background-color: var(--light-shade-1); }
.light-shade-1-clr					{ 			 color: var(--light-shade-1); }
.light-shade-1-border				{ 	  border-color: var(--light-shade-1); }
.light-shade-1-border-hover:hover	{ 	  border-color: var(--light-shade-1); }
.light-shade-2-bg					{ background-color: var(--light-shade-2); }
.light-shade-2-bg-before:before  	{ background-color: var(--light-shade-2); }
.light-shade-2-bg-after:after		{ background-color: var(--light-shade-2); }
.light-shade-2-clr					{ 			 color: var(--light-shade-2); }
.light-shade-2-border				{ 	  border-color: var(--light-shade-2); }
.light-shade-2-border-hover:hover	{ 	  border-color: var(--light-shade-2); }
.light-shade-3-bg					{ background-color: var(--light-shade-3); }
.light-shade-3-bg-before:before  	{ background-color: var(--light-shade-3); }
.light-shade-3-bg-after:after		{ background-color: var(--light-shade-3); }
.light-shade-3-clr					{ 			 color: var(--light-shade-3); }
.light-shade-3-border				{ 	  border-color: var(--light-shade-3); }
.light-shade-3-border-hover:hover	{ 	  border-color: var(--light-shade-3); }
.light-shade-4-bg					{ background-color: var(--light-shade-4); }
.light-shade-4-bg-before:before  	{ background-color: var(--light-shade-4); }
.light-shade-4-bg-after:after		{ background-color: var(--light-shade-4); }
.light-shade-4-clr					{ 			 color: var(--light-shade-4); }
.light-shade-4-border				{ 	  border-color: var(--light-shade-4); }
.light-shade-4-border-hover:hover	{ 	  border-color: var(--light-shade-4); }
.light-shade-5-bg					{ background-color: var(--light-shade-5); }
.light-shade-5-bg-before:before  	{ background-color: var(--light-shade-5); }
.light-shade-5-bg-after:after		{ background-color: var(--light-shade-5); }
.light-shade-5-clr					{ 			 color: var(--light-shade-5); }
.light-shade-5-border				{ 	  border-color: var(--light-shade-5); }
.light-shade-5-border-hover:hover	{ 	  border-color: var(--light-shade-5); }
.light-shade-6-bg					{ background-color: var(--light-shade-6); }
.light-shade-6-bg-before:before  	{ background-color: var(--light-shade-6); }
.light-shade-6-bg-after:after		{ background-color: var(--light-shade-6); }
.light-shade-6-clr					{ 			 color: var(--light-shade-6); }
.light-shade-6-border				{ 	  border-color: var(--light-shade-6); }
.light-shade-6-border-hover:hover	{ 	  border-color: var(--light-shade-6); }
.light-shade-7-bg					{ background-color: var(--light-shade-7); }
.light-shade-7-bg-before:before  	{ background-color: var(--light-shade-7); }
.light-shade-7-bg-after:after		{ background-color: var(--light-shade-7); }
.light-shade-7-clr					{ 			 color: var(--light-shade-7); }
.light-shade-7-border				{ 	  border-color: var(--light-shade-7); }
.light-shade-7-border-hover:hover	{ 	  border-color: var(--light-shade-7); }
.light-shade-8-bg					{ background-color: var(--light-shade-8); }
.light-shade-8-bg-before:before  	{ background-color: var(--light-shade-8); }
.light-shade-8-bg-after:after		{ background-color: var(--light-shade-8); }
.light-shade-8-clr					{ 			 color: var(--light-shade-8); }
.light-shade-8-border				{ 	  border-color: var(--light-shade-8); }
.light-shade-8-border-hover:hover	{ 	  border-color: var(--light-shade-8); }
.light-shade-9-bg					{ background-color: var(--light-shade-9); }
.light-shade-9-bg-before:before  	{ background-color: var(--light-shade-9); }
.light-shade-9-bg-after:after		{ background-color: var(--light-shade-9); }
.light-shade-9-clr					{ 			 color: var(--light-shade-9); }
.light-shade-9-border				{ 	  border-color: var(--light-shade-9); }
.light-shade-9-border-hover:hover	{ 	  border-color: var(--light-shade-9); }
.light-shade-10-bg					{ background-color: var(--light-shade-10); }
.light-shade-10-bg-before:before  	{ background-color: var(--light-shade-10); }
.light-shade-10-bg-after:after		{ background-color: var(--light-shade-10); }
.light-shade-10-clr					{ 			 color: var(--light-shade-10); }
.light-shade-10-border				{ 	  border-color: var(--light-shade-10); }
.light-shade-10-border-hover:hover	{ 	  border-color: var(--light-shade-10); }
.saturated-light-shade-1-bg					{ background-color: var(--saturated-light-shade-1); }
.saturated-light-shade-1-bg-before:before	{ background-color: var(--saturated-light-shade-1); }
.saturated-light-shade-1-bg-after:after		{ background-color: var(--saturated-light-shade-1); }
.saturated-light-shade-1-clr				{ 			 color: var(--saturated-light-shade-1); }
.saturated-light-shade-1-border				{ 	  border-color: var(--saturated-light-shade-1); }
.saturated-light-shade-1-border-hover:hover	{ 	  border-color: var(--saturated-light-shade-1); }
.saturated-light-shade-2-bg					{ background-color: var(--saturated-light-shade-2); }
.saturated-light-shade-2-bg-before:before	{ background-color: var(--saturated-light-shade-2); }
.saturated-light-shade-2-bg-after:after		{ background-color: var(--saturated-light-shade-2); }
.saturated-light-shade-2-clr				{ 			 color: var(--saturated-light-shade-2); }
.saturated-light-shade-2-border				{ 	  border-color: var(--saturated-light-shade-2); }
.saturated-light-shade-2-border-hover:hover	{ 	  border-color: var(--saturated-light-shade-2); }
.white-bg						{ background-color: var(--white); }
.white-bg-before:before  		{ background-color: var(--white); }
.white-bg-after:after			{ background-color: var(--white); }
.white-clr						{ 			 color: var(--white); }
.white-border					{ 	  border-color: var(--white); }
.white-border-hover:hover		{ 	  border-color: var(--white); }
.transparent-bg					{ background-color: transparent !important; }
.transparent-bg-before:before  	{ background-color: transparent !important; }
.transparent-bg-after:after		{ background-color: transparent !important; }
.transparent-clr				{ 			 color: transparent !important; }
.transparent-border				{ 	  border-color: transparent !important; }
.transparent-border-hover:hover	{ 	  border-color: transparent !important; }

/**
 * Color Effects / Filter Effects
 * ==============================
 */
.hce_fine_contrast {
	-webkit-filter: contrast(1.07);
			filter: contrast(1.07);
}
.hce_pro_dark {
	-webkit-filter: grayscale(100%) sepia(0.7) brightness(43%) hue-rotate(167deg);
			filter: grayscale(100%) sepia(0.7) brightness(43%) hue-rotate(167deg);
}
.hce_dark_style:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #444b54;
	mix-blend-mode: color;
	z-index: 1;
}
.hce_dark_style:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #030d19;
	mix-blend-mode: darken;
	opacity: 0.55;
	z-index: 2;
}
.hce_ultradark_style:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #444b54;
	mix-blend-mode: color;
	z-index: 1;
}
.hce_ultradark_style:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #030d19;
	mix-blend-mode: darken;
	opacity: 0.8;
	z-index: 2;
}
.hce_dark_style2 { 
	-webkit-filter: grayscale(1) sepia(0.15) contrast(88%) saturate(6) hue-rotate(176deg) brightness(46%);
			filter: grayscale(1) sepia(0.15) contrast(88%) saturate(6) hue-rotate(176deg) brightness(46%);
}
.hce_film_city {
	-webkit-filter: sepia(0.6) hue-rotate(0deg) brightness(0.7) contrast(1.1) saturate(1.1);
			filter: sepia(0.6) hue-rotate(0deg) brightness(0.7) contrast(1.1) saturate(1.1);
}
.hce_revery {
	-webkit-filter: sepia(0.8) hue-rotate(279deg) brightness(0.46) saturate(0.4) contrast(1.1);
			filter: sepia(0.8) hue-rotate(279deg) brightness(0.46) saturate(0.4) contrast(1.1);
}
.hce_skilltech_green:before {
	display: none;
}
.hce_skilltech_green:after {
	background: -o-linear-gradient(left, rgba(139,191,61,0.83) 0%,rgba(129,176,55,0.85) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(139,191,61,0.83)),to(rgba(129,176,55,0.85)));
	background: linear-gradient(to right, rgba(139,191,61,0.83) 0%,rgba(129,176,55,0.85) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#d98bbf3d", endColorstr="#e881b037",GradientType=1 );
}
.hce_purple_gradient:after {
	background: -o-linear-gradient(left, rgba(243,5,255,0.5) 0%,rgba(107,84,255,0.8) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(243,5,255,0.5)),to(rgba(107,84,255,0.8)));
	background: linear-gradient(to right, rgba(243,5,255,0.5) 0%,rgba(107,84,255,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#80f305ff", endColorstr="#cc6b54ff",GradientType=1 );
}
.hce_pink_gradient:after {
	background: -o-linear-gradient(left, rgba(243,5,255,0.7) 0%,rgba(255,36,131,0.8) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(243,5,255,0.7)),to(rgba(255,36,131,0.8)));
	background: linear-gradient(to right, rgba(243,5,255,0.7) 0%,rgba(255,36,131,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b3f305ff", endColorstr="#ccff2483",GradientType=1 );
}
.hce_blue_gradient:after {
	background: -o-linear-gradient(left, rgba(5,209,255,0.7) 0%,rgba(0,86,161,0.8) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(5,209,255,0.7)),to(rgba(0,86,161,0.8)));
	background: linear-gradient(to right, rgba(5,209,255,0.7) 0%,rgba(0,86,161,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b305d1ff", endColorstr="#cc0056a1",GradientType=1 );
}
.hce_obsidian {
	-webkit-filter: contrast(1.5);
			filter: contrast(1.5);
}
.hce_obsidian:before {
	display: none;
}     
.hce_obsidian:after {
	background: -o-linear-gradient(315deg, rgba(0,0,0,0.87) 0%,rgba(0,0,0,0.87) 14%,rgba(78,86,96,0.87) 26%,rgba(0,0,0,0.87) 39%,rgba(52,59,71,0.87) 50%,rgba(0,0,0,0.87) 51%,rgba(0,0,0,0.87) 60%,rgba(39,43,48,0.87) 76%,rgba(0,0,0,0.87) 91%,rgba(0,0,0,0.87) 100%);
	background: linear-gradient(135deg, rgba(0,0,0,0.87) 0%,rgba(0,0,0,0.87) 14%,rgba(78,86,96,0.87) 26%,rgba(0,0,0,0.87) 39%,rgba(52,59,71,0.87) 50%,rgba(0,0,0,0.87) 51%,rgba(0,0,0,0.87) 60%,rgba(39,43,48,0.87) 76%,rgba(0,0,0,0.87) 91%,rgba(0,0,0,0.87) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f2000000", endColorstr="#f2000000",GradientType=1 );
}
.hce_blue_ultradark:after {
	background: -o-linear-gradient(left, rgba(0,4,28,0.90) 0%,rgba(0,60,97,0.89) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,4,28,0.90)),to(rgba(0,60,97,0.89)));
	background: linear-gradient(to right, rgba(0,4,28,0.90) 0%,rgba(0,60,97,0.89) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f700041c", endColorstr="#f5003c61",GradientType=1 );
}
.hce_aquamarine:after {
	background: -o-linear-gradient(left, rgba(59,255,226,0.86) 0%,rgba(5,209,255,0.84) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(59,255,226,0.86)),to(rgba(5,209,255,0.84)));
	background: linear-gradient(to right, rgba(59,255,226,0.86) 0%,rgba(5,209,255,0.84) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e33bffe2", endColorstr="#db05d1ff",GradientType=1 );
}
.hce_red_damage:after {
	background: -o-linear-gradient(left, rgba(255,0,0,0.8) 1%,rgba(94,18,23,0.89) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgba(255,0,0,0.8)),to(rgba(94,18,23,0.89)));
	background: linear-gradient(to right, rgba(255,0,0,0.8) 1%,rgba(94,18,23,0.89) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ccff0000", endColorstr="#f25e1217",GradientType=1 );
}
.hce_red_damage_radial:after {
	background: -o-radial-gradient(center, ellipse, rgba(255,0,0,0.8) 1%,rgba(94,18,23,0.89) 100%);
	background: radial-gradient(ellipse at center, rgba(255,0,0,0.8) 1%,rgba(94,18,23,0.89) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ccff0000", endColorstr="#f25e1217",GradientType=1 );
}
.hce_orange_city:before {
	display: none;
}
.hce_orange_city:after {
	background: -o-linear-gradient(left, rgba(255,143,74,0.8) 0%,rgba(255,80,54,0.89) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,143,74,0.8)),to(rgba(255,80,54,0.89)));
	background: linear-gradient(to right, rgba(255,143,74,0.8) 0%,rgba(255,80,54,0.89) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#d9ff8f4a", endColorstr="#f2ff5036",GradientType=1 );
}
.hce_designer_gray {
	-webkit-filter: saturate(0.05) brightness(1.35);
		filter: saturate(0.05) brightness(1.35);
}
.hce_designer_gray:before {
	display: none;
}
.hce_designer_gray:after {
	background: -o-linear-gradient(left, rgba(197,214,226,0.7) 0%,rgba(222,235,247,0.7) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(197,214,226,0.7)),to(rgba(222,235,247,0.7)));
	background: linear-gradient(to right, rgba(197,214,226,0.7) 0%,rgba(222,235,247,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b3c5d6e2", endColorstr="#b3deebf7",GradientType=1 );
}
.hce_dwarklen {
	-webkit-filter: grayscale(0.7) brightness(0.65) contrast(1.05);
	filter: grayscale(0.7) brightness(0.65) contrast(1.05);
}
.hce_dwarklen:before {
	display: none;
}
.hce_dwarklen:after {
	background: rgba(0, 0, 0, 0.55);
	mix-blend-mode: overlay;
}
.hce_skajvel_dwarklen {
	-webkit-filter: grayscale(0.7) brightness(0.65) contrast(1.05);
			filter: grayscale(0.7) brightness(0.65) contrast(1.05);
}
.hce_aden {
	-webkit-filter: hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);
	filter: hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);
}
.hce_aden:before {
	z-index: -4;
}
.hce_aden::after {
	background: -o-linear-gradient(left, rgba(66, 10, 14, .2), transparent);
	background: -webkit-gradient(linear, left top, right top, from(rgba(66, 10, 14, .2)), to(transparent));
	background: linear-gradient(to right, rgba(66, 10, 14, .2), transparent);
}
.hce_gingham::after,
.hce_perpetua::after,
.hce_reyes::after {
	mix-blend-mode: soft-light;
}
.hce_inkwell {
	-webkit-filter: sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);
	filter: sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);
}
.hce_inkwell:before {
	z-index: -4;
}
.hce_perpetua {

}
.hce_perpetua:before {
	z-index: -4;
}
.hce_perpetua::after {
	background: -o-linear-gradient(top, #005b9a, #e6c13d);
	background: -webkit-gradient(linear, left top, left bottom, from(#005b9a), to(#e6c13d));
	background: linear-gradient(to bottom, #005b9a, #e6c13d);
	opacity: .5;
}
.hce_reyes {
	-webkit-filter: sepia(.22) brightness(1.1) contrast(.85) saturate(.75);
	filter: sepia(.22) brightness(1.1) contrast(.85) saturate(.75);
}
.hce_reyes:before {
	z-index: -4;
}
.hce_reyes::after {
	background: #efcdad;
	opacity: .5;
}
.hce_gingham {
	-webkit-filter: brightness(1.05) hue-rotate(-10deg);
	filter: brightness(1.05) hue-rotate(-10deg);
}
.hce_gingham:before {
	z-index: -4;
}
.hce_gingham::after {
	background: #e6e6fa;
}
.hce_toaster {
	-webkit-filter: contrast(1.5) brightness(.9);
	filter: contrast(1.5) brightness(.9);
}
.hce_toaster:before {
	z-index: -4;
}
.hce_toaster::after {
	background: -o-radial-gradient(circle, #804e0f, #3b003b);
	background: radial-gradient(circle, #804e0f, #3b003b);
	mix-blend-mode: screen;
}
.hce_walden {
	-webkit-filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);
	filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);
}
.hce_walden:before {
	z-index: -4;
}
.hce_walden::after {
	background: #04c;
	mix-blend-mode: screen;
	opacity: .3;
}
.hce_hudson {
	-webkit-filter: brightness(1.2) contrast(.9) saturate(1.1);
	filter: brightness(1.2) contrast(.9) saturate(1.1);
}
.hce_hudson:before {
	z-index: -4;
}
.hce_hudson::after {
	background: -o-radial-gradient(circle, #a6b1ff 50%, #342134);
	background: radial-gradient(circle, #a6b1ff 50%, #342134);
	mix-blend-mode: multiply;
	opacity: .5;
}
.hce_earlybird {
	-webkit-filter: contrast(.9) sepia(.2);
	filter: contrast(.9) sepia(.2);
}
.hce_earlybird:before {
	z-index: -4;
}
.hce_earlybird:after {
	background: -o-radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
	background: radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
	mix-blend-mode: color; /* was overlay */
}
.hce_mayfair {
	-webkit-filter: contrast(1.1) saturate(1.1);
	filter: contrast(1.1) saturate(1.1);
}
.hce_mayfair:before {
	z-index: -4;
}
.hce_mayfair:after {
	background: -o-radial-gradient(40% 40%, circle, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);
	background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);
	mix-blend-mode: color; /* was overlay */
	opacity: .4;
}
.hce_lo_fi {
	-webkit-filter: saturate(1.1) contrast(1.5);
	filter: saturate(1.1) contrast(1.5);
}
.hce_lo_fi:before {
	z-index: -4;
}
.hce_lo_fi::after {
	background: -o-radial-gradient(circle, transparent 70%, #222 150%);
	background: radial-gradient(circle, transparent 70%, #222 150%);
	mix-blend-mode: multiply;
}
.hce_1977 {
	-webkit-filter: contrast(1.1) brightness(1.1) saturate(1.3);
	filter: contrast(1.1) brightness(1.1) saturate(1.3);
}
.hce_1977:before {
	z-index: -4;
}
.hce_1977:after {
	background: rgba(243, 106, 188, .3);
	mix-blend-mode: screen;
}
.hce_brooklyn {
	-webkit-filter: contrast(.9) brightness(1.1);
	filter: contrast(.9) brightness(1.1);
}
.hce_brooklyn:before {
	z-index: -4;
}
.hce_brooklyn::after {
	background: -o-radial-gradient(circle, rgba(168, 223, 193, .4) 70%, #c4b7c8);
	background: radial-gradient(circle, rgba(168, 223, 193, .4) 70%, #c4b7c8);
	mix-blend-mode: overlay;
}
.hce_x_pro_ii {
	-webkit-filter: sepia(.3);
	filter: sepia(.3);
}
.hce_x_pro_ii:before {
	z-index: -4;
}
.hce_x_pro_ii::after {
	background: -o-radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, .6) 110%);
	background: radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, .6) 110%);
	mix-blend-mode: color-burn;
}
.hce_nashville {
	-webkit-filter: sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);
	filter: sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);
}
.hce_nashville:before {
	z-index: -4;
}
.hce_nashville::after {
	background: rgba(0, 70, 150, .4);
	mix-blend-mode: lighten;
}
.hce_nashville::before {
	background: rgba(247, 176, 153, .56);
	mix-blend-mode: darken;
}
.hce_lark {
	-webkit-filter: contrast(.9);
	filter: contrast(.9);
}
.hce_lark:before {
	z-index: -4;
}
.hce_lark::after {
	background: rgba(242, 242, 242, .8);
	mix-blend-mode: darken;
}
.hce_lark::before {
	background: #22253f;
	mix-blend-mode: color-dodge;
}
.hce_moon {
	-webkit-filter: grayscale(1) contrast(1.1) brightness(1.1);
	filter: grayscale(1) contrast(1.1) brightness(1.1);
}
.hce_moon:before {
	z-index: -4;
}
.hce_moon::before {
	background: #a0a0a0;
	mix-blend-mode: soft-light;
}
.hce_moon::after {
	background: #383838;
	mix-blend-mode: lighten;
}
.hce_clarendon {
	-webkit-filter: contrast(1.2) saturate(1.35);
	filter: contrast(1.2) saturate(1.35);
}
.hce_clarendon:before {
	z-index: -4;
	
}
.hce_clarendon:after {
	background: rgba(127, 187, 227, .2);
	mix-blend-mode: overlay;
}
.hce_willow {
	-webkit-filter: grayscale(.5) contrast(.95) brightness(.9);
	filter: grayscale(.5) contrast(.95) brightness(.9);
}
.hce_willow:before {
	z-index: -4;
}
.hce_willow::before {
	background-color: radial-gradient(40%, circle, #d4a9af 55%, #000 150%);
	mix-blend-mode: overlay;
}
.hce_willow::after {
	background-color: #d8cdcb;
	mix-blend-mode: color;
}
.hce_rise {
	-webkit-filter: brightness(1.05) sepia(.2) contrast(.9) saturate(.9);
	filter: brightness(1.05) sepia(.2) contrast(.9) saturate(.9);
}
.hce_rise:before {
	z-index: -4;
}
.hce_rise::after {
	background: -o-radial-gradient(circle, rgba(232, 197, 152, .8), transparent 90%);
	background: radial-gradient(circle, rgba(232, 197, 152, .8), transparent 90%);
	mix-blend-mode: overlay;
	opacity: .6;
}
.hce_rise::before {
	background: -o-radial-gradient(circle, rgba(236, 205, 169, .15) 55%, rgba(50, 30, 7, .4));
	background: radial-gradient(circle, rgba(236, 205, 169, .15) 55%, rgba(50, 30, 7, .4));
	mix-blend-mode: multiply;
}
.hce_slumber {
	-webkit-filter: saturate(.66) brightness(1.05);
	filter: saturate(.66) brightness(1.05);
}
.hce_slumber:before {
	z-index: -4;
}
.hce_slumber::after {
	background: rgba(125, 105, 24, .5);
	mix-blend-mode: soft-light;
}
.hce_slumber::before {
	background: rgba(69, 41, 12, .4);
	mix-blend-mode: lighten;
}
.hce_brannan {
	-webkit-filter: sepia(.5) contrast(1.4);
	filter: sepia(.5) contrast(1.4);
}
.hce_brannan:before {
	z-index: -4;
}
.hce_brannan::after {
	background-color: rgba(161, 44, 199, .31);
	mix-blend-mode: lighten;
}
.hce_valencia {
	-webkit-filter: contrast(1.08) brightness(1.08) sepia(.08);
	filter: contrast(1.08) brightness(1.08) sepia(.08);
}
.hce_valencia:before {
	z-index: -4;
}
.hce_valencia::after {
	background: #3a0339;
	mix-blend-mode: exclusion;
	opacity: .5;
}
.hce_kelvin {
}
.hce_kelvin:before {
	z-index: -4;
}
.hce_kelvin::after {
	background: #b77d21;
	mix-blend-mode: overlay;
}
.hce_kelvin::before {
	background: #382c34;
	mix-blend-mode: color-dodge;
}
.hce_maven {
	-webkit-filter: sepia(.25) brightness(.95) contrast(.95) saturate(1.5);
	filter: sepia(.25) brightness(.95) contrast(.95) saturate(1.5);
}
.hce_maven:before {
	z-index: -4;
}
.hce_maven:after {
	background: rgba(3, 230, 26, .2);
	mix-blend-mode: hue;
}
.hce_stinson {
	-webkit-filter: contrast(.75) saturate(.85) brightness(1.15);
	filter: contrast(.75) saturate(.85) brightness(1.15);
}
.hce_stinson:before {
	z-index: -4;
}
.hce_stinson::before {
	background: rgba(240, 149, 128, .2);
	mix-blend-mode: soft-light;
}

.hce_fine_contrast:after, 
.hce_fine_contrast:before, 
.hce_pro_dark:after,
.hce_pro_dark:before,
.hce_dark_style:after,
.hce_dark_style:before,
.hce_dark_style2:after,
.hce_dark_style2:before,
.hce_ultradark_style:after,
.hce_ultradark_style:before,
.hce_skilltech_green:after,
.hce_skilltech_green:before,
.hce_purple_gradient:after,
.hce_purple_gradient:before,
.hce_pink_gradient:after,
.hce_pink_gradient:before,
.hce_blue_gradient:after,
.hce_blue_gradient:before,
.hce_obsidian:after,
.hce_obsidian:before,
.hce_blue_ultradark:after,
.hce_blue_ultradark:before,
.hce_aquamarine:after,
.hce_aquamarine:before,
.hce_red_damage:after,
.hce_red_damage:before,
.hce_red_damage_radial:after,
.hce_red_damage_radial:before,
.hce_orange_city:after,
.hce_orange_city:before,
.hce_designer_gray:after,
.hce_designer_gray:before,
.hce_dwarklen:after,
.hce_dwarklen:before,
.hce_skajvel_dwarklen:after,
.hce_skajvel_dwarklen:before,
.hce_aden:after,
.hce_aden:before,
.hce_inkwell:after,
.hce_inkwell:before,
.hce_perpetua:after,
.hce_perpetua:before,
.hce_reyes:after,
.hce_reyes:before,
.hce_gingham:after,
.hce_gingham:before,
.hce_toaster:after,
.hce_toaster:before,
.hce_walden:after,
.hce_walden:before,
.hce_hudson:after,
.hce_hudson:before,
.hce_earlybird:after,
.hce_earlybird:before,
.hce_mayfair:after,
.hce_mayfair:before,
.hce_lo_fi:after,
.hce_lo_fi:before,
.hce_1977:after,
.hce_1977:before,
.hce_brooklyn:after,
.hce_brooklyn:before,
.hce_x_pro_ii:after,
.hce_x_pro_ii:before,
.hce_nashville:after,
.hce_nashville:before,
.hce_lark:after,
.hce_lark:before,
.hce_moon:after,
.hce_moon:before,
.hce_clarendon:after,
.hce_clarendon:before,
.hce_willow:after,
.hce_willow:before,
.hce_rise:after,
.hce_rise:before,
.hce_slumber:after,
.hce_slumber:before,
.hce_brannan:after,
.hce_brannan:before,
.hce_valencia:after,
.hce_valencia:before,
.hce_kelvin:after,
.hce_kelvin:before,
.hce_stinson:after,
.hce_stinson:before,
.hce_maven:after,
.hce_maven:before {
	content: '';
	display: block;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	pointer-events: none;
}

.hce_fine_contrast img, 
.hce_pro_dark img,
.hce_dark_style img,
.hce_ultradark_style img,
.hce_dark_style2 img, 
.hce_skilltech_green img,
.hce_purple_gradient img,
.hce_pink_gradient img,
.hce_blue_gradient img,
.hce_obsidian img,
.hce_blue_ultradark img,
.hce_aquamarine img,
.hce_red_damage img,
.hce_red_damage_radial img,
.hce_orange_city img,
.hce_designer_gray img,
.hce_dwarklen img,
.hce_skajvel_dwarklen img,
.hce_aden img,
.hce_inkwell img,
.hce_perpetua img,
.hce_reyes img,
.hce_gingham img,
.hce_toaster img,
.hce_walden img,
.hce_hudson img,
.hce_earlybird img,
.hce_mayfair img,
.hce_lo_fi img,
.hce_1977 img,
.hce_brooklyn img,
.hce_x_pro_ii img,
.hce_nashville img,
.hce_lark img,
.hce_moon img,
.hce_clarendon img,
.hce_willow img,
.hce_rise img,
.hce_slumber img,
.hce_brannan img,
.hce_valencia img,
.hce_kelvin img,
.hce_stinson img,
.hce_maven img {
	width: 100%;
	z-index: -5;
}

.hce_fine_contrast,
.hce_pro_dark,
.hce_dark_style,
.hce_ultradark_style, 
.hce_dark_style2, 
.hce_skilltech_green,
.hce_purple_gradient,
.hce_pink_gradient,
.hce_blue_gradient,
.hce_obsidian,
.hce_blue_ultradark,
.hce_aquamarine,
.hce_red_damage,
.hce_red_damage_radial,
.hce_orange_city,
.hce_designer_gray,
.hce_dwarklen,
.hce_skajvel_dwarklen,
.hce_aden,
.hce_inkwell,
.hce_perpetua,
.hce_reyes,
.hce_gingham,
.hce_toaster,
.hce_walden,
.hce_hudson,
.hce_earlybird,
.hce_mayfair,
.hce_lo_fi,
.hce_1977,
.hce_brooklyn,
.hce_x_pro_ii,
.hce_nashville,
.hce_lark,
.hce_moon,
.hce_clarendon,
.hce_willow,
.hce_rise,
.hce_slumber,
.hce_brannan,
.hce_valencia,
.hce_kelvin,
.hce_stinson,
.hce_maven {
	position: absolute;
	z-index: -5;
}

/**
 * ================================================================================
 * --------------------------------------------------------------------------------
 * 								Skillwork CSS - END
 * --------------------------------------------------------------------------------
 * ================================================================================
 */

/**
 * Mobile Menu Trigger - core
 */
.sk__menu-trigger-wrapper {
	cursor: pointer;
	position: relative;
	padding: 4px;
	background-color: var(--hamburger-menu-icon-background-color);
	border-width: var(--hamburger-menu-button-border-width);
	border-style: var(--hamburger-menu-button-border-style);
	border-color: var(--hamburger-menu-button-border-color);
	border-radius: var(--hamburger-menu-button-border-radius);
	box-shadow: var(--hamburger-menu-button-box-shadow);
	

}
.sk__menu-trigger {
	width: var(--hamburger-menu-icon-width);
	height: var(--hamburger-menu-icon-height);
	position: relative;
	-webkit-transition: 0.4s;
		-o-transition: 0.4s;
			transition: 0.4s;
	-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
			transform-origin: center center;
}
.sk__menu-trigger span, 
.sk__menu-trigger span:before, 
.sk__menu-trigger span:after {
	content: "";
	position: absolute;
	background-color: var(--hamburger-menu-icon-color);
}

/**
 * Mobile Menu Trigger - custom
 */
.sk__menu-trigger {
	-webkit-transform: scale(var(--hamburger-menu-icon-scale));
		-ms-transform: scale(var(--hamburger-menu-icon-scale));
			transform: scale(var(--hamburger-menu-icon-scale));
}
.sk__menu-trigger.engaged {
	-webkit-transform: scale(var(--hamburger-menu-icon-scale)) rotate(45deg);
		-ms-transform: scale(var(--hamburger-menu-icon-scale)) rotate(45deg);
			transform: scale(var(--hamburger-menu-icon-scale)) rotate(45deg);
}
.sk__menu-trigger span, 
.sk__menu-trigger span:before, 
.sk__menu-trigger span:after {
	border-radius: 2px;
	-webkit-transition: .3s cubic-bezier(.8, .5, .2, 1.4);
		 -o-transition: .3s cubic-bezier(.8, .5, .2, 1.4);
			transition: .3s cubic-bezier(.8, .5, .2, 1.4);
	width: 100%;
	height: 4px;
}
.sk__menu-trigger span {
	top: 0;
	left: 0;
}
.sk__menu-trigger span:before {
	top: 13px;
	left: 0;
}
.sk__menu-trigger span:after {
	top: 26px;
	left: 0;
}
/*.sk__menu-trigger:not(.engaged) span {
	-webkit-filter: drop-shadow(1px 2px 0px var(--mobile-menu-logo-shadow-color));
			filter: drop-shadow(1px 2px 0px var(--mobile-menu-logo-shadow-color));
}*/

.sk__menu-trigger.engaged span {
	-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
			transform: rotate(90deg);
	top: 13px;
	background: rgba(0,0,0,0);
}

.sk__menu-trigger.engaged span:before {
	-webkit-transition-duration: 50ms;
		 -o-transition-duration: 50ms;
			transition-duration: 50ms;
}

.sk__menu-trigger.engaged span::before {
	-webkit-transform: translate3d(0,-12px,0);
			transform: translate3d(0,-12px,0);
}

.sk__menu-trigger.engaged span:after {
	top: 13px;
}

.sk__menu-trigger.engaged span::after {
	-webkit-transform: rotate(-90deg) translate3d(12px,0,0);
			transform: rotate(-90deg) translate3d(12px,0,0);
}

a.sk__menu-trigger:focus {
	outline: 0;
}

@media (hover: hover) {
	.sk__menu-trigger:not(.engaged):hover span {
		-webkit-transform: scaleX(.8);
			-ms-transform: scaleX(.8);
				transform: scaleX(.8);
	}

	.sk__menu-trigger:not(.engaged):hover span:before {
		-webkit-transform: scaleX(.5);
			-ms-transform: scaleX(.5);
				transform: scaleX(.5);
	}

	.sk__menu-trigger:not(.engaged):hover span:after {
		-webkit-transform: scaleX(.85);
			-ms-transform: scaleX(.85);
				transform: scaleX(.85);
	}
}

/* clears the ‘X’ from Internet Explorer */

input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }

/* clears the ‘X’ from Chrome */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

/**
 * photoswipe
 */
.pswp {
	z-index: 10000;
}