body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smooth: always;
	text-rendering: optimizelegibility
}
:root {
	--kopageColor_Accent: rgba(0, 154, 246, 1);
	--kopageColor_AccentLight: rgba(0, 154, 246, 0.1);
	--kopageColor_LeftMenu: rgba(40, 45, 55, 1);
	--kopageColor_LeftSubmenu: #f5f6f7;
	--kopageColor_stripesAccent: repeating-linear-gradient(-45deg, #1A6AC9, #2B91E3 20px, #1A6AC9 20px, #1A6AC9 50px, #2B91E3 50px, #2B91E3 65px);
	--smoothGradient: hsla(0, 0%, 0%, 0) 0, hsla(0, 0%, 0%, 0.013) 8.1%, hsla(0, 0%, 0%, 0.049) 15.5%, hsla(0, 0%, 0%, 0.104) 22.5%, hsla(0, 0%, 0%, 0.175) 29%, hsla(0, 0%, 0%, 0.259) 35.3%, hsla(0, 0%, 0%, 0.352) 41.2%, hsla(0, 0%, 0%, 0.45) 47.1%, hsla(0, 0%, 0%, 0.55) 52.9%, hsla(0, 0%, 0%, 0.648) 58.8%, hsla(0, 0%, 0%, 0.741) 64.7%, hsla(0, 0%, 0%, 0.825) 71%, hsla(0, 0%, 0%, 0.896) 77.5%, hsla(0, 0%, 0%, 0.951) 84.5%, hsla(0, 0%, 0%, 0.987) 91.9%, hsl(0, 0%, 0%) 100%;
	--smoothGradient_blackBottom: linear-gradient(to bottom, var(--smoothGradient))
}
.phide {
	position: absolute;
	top: -1000px;
	left: -1000px
}
.middleItemSpaces {
	margin: 0 2px 0 3px
}
#website .shopPhotoBoxMainThumbs {
	text-align: right
}
#website .shopPhotoBoxMainThumbs a img {
	margin: 0;
	padding: 0
}
#website .shopPhotoBoxMainThumbs a {
	width: 75px;
	background: #eee;
	margin: 0 10px 10px 0;
	display: block;
	float: right;
	clear: both
}
#website .shopPhotoBoxMainThumbs {
	margin: 0;
	padding: 0;
	overflow: auto
}
.shopProductDescription {
	padding: 10px
}
.shopProductPrice {
	margin: 0 10px
}
.shopProductOptions {
	margin: 20px auto
}
.shopProductOption {
	margin-top: 25px
}
.shopProductOption.col {
	flex-basis: content
}
.shopProductPriceSuggested {
	font-weight: normal;
	text-decoration: line-through;
	font-size: 90%;
	margin-left: 5px
}
.shopRelatedBox {
	font-size: 13px
}
.shopRelatedBox:after {
	clear: both;
	display: block;
	height: 0;
	content: " ";
	visibility: hidden
}
.shopRelatedBox h4 {
	white-space: nowrap;
	text-align: left;
	font-size: 18px
}
.shopRelatedBox a {
	position: relative
}
.shopRelatedBox a span {
	display: none;
	position: absolute;
	width: 160px;
	left: -1px;
	bottom: 105%;
	border: 1px solid #000;
	padding: 10px;
	background: #333;
	color: #fff
}
.shopRelatedBox a:hover span {
	display: block
}
.shop-box {}.shop-box a {
	display: block;
	text-decoration: none!important
}
.shop-box img {
	width: 100%;
	margin-bottom: 20px
}
.shop-box .shop-imageHolder {
	transition: 0.15s all;
	box-shadow: 0 8px 11px -6px rgba(0, 0, 0, 0.2)
}
.shop-box:hover .shop-imageHolder {
	text-decoration: none;
	box-shadow: 0 19px 35px -22px rgba(0, 0, 0, 0.5);
	transform: translateY(-3px)
}
.shop-box:hover a {
	text-decoration: none
}
.whiteShadowContainer {
	padding: 0;
	margin: 0;
	background-color: #fff;
	box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3);
	color: #333;
	border-radius: .25rem
}
.whiteShadowContainer a:not(.btn) {
	color: #000
}
.whiteShadowContainer label a {
	text-decoration: underline
}
#content .whiteShadowContainer p {
	color: #333
}
.whiteShadowContainer h3,
.whiteShadowContainer table th {
	color: #333;
	margin: 0
}
.whiteShadowContainer:after {
	clear: both;
	display: block;
	height: 0;
	content: " ";
	visibility: hidden
}
.whiteShadowContainer .breadcrumb {
	background: none;
	border: none;
	margin: 0
}
.thumbBar,
.thumbBarEmpty {
	margin: 20px 0 0;
	padding: 10px 15px;
	background-color: #f2f2f2
}
.thumbBar:after,
.thumbBarEmpty:after {
	clear: both;
	display: block;
	height: 0;
	content: " ";
	visibility: hidden
}
#content .thumbBar p {
	margin: 0;
	overflow: hidden;
	word-wrap: break-word;
	font-size: 13px;
	color: #333
}
.thumbBarEmpty {
	background-color: #fff;
	padding: 6px
}
.thumbTitle {
	padding: 20px;
	border-bottom: 1px solid #d1cdcd;
	clear: both;
	background: linear-gradient(to top, rgba(1, 1, 1, 0.03), rgba(1, 1, 1, 0) 30%)
}
.keditLayout_1 .thumbTitle,
.keditLayout_2 .thumbTitle {
	background: inherit
}
div.thumbTitle {
	padding: 0 10px;
	margin-bottom: 10px
}
.thumbTitle .thumbTitleImage {
	float: left;
	margin-right: 9px;
	width: 50px
}
.thumbTitle .thumbTitleImage img {
	display: block;
	width: 50px;
	height: 50px
}
.thumbTitle h3 {
	font-size: 23px;
	line-height: 1em;
	margin-bottom: 2px
}
.thumbTitle h3 a {
	text-decoration: none;
	color: #333
}
.thumbTitle h3 a:hover {
	text-decoration: underline
}
.thumbTitle p {
	display: block;
	clear: both;
	margin: 10px 0 0
}
.thumbTitle .fb-like {
	margin-top: -2px
}
.thumbList {
	margin: 15px auto
}
.thumbList#shopItemsGallery {
	margin: 0 auto
}
.thumbList li {
	margin-left: 0
}
.thumb {
	position: relative;
	float: left;
	width: 161px;
	margin: 0 5px 15px 0;
	padding: 15px 15px 0;
	font-size: 12px
}
.thumb .thumbBadge {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 110px;
	height: 110px;
	overflow: hidden
}
.thumb .thumbBadge strong {
	position: absolute;
	z-index: 2;
	top: 19px;
	left: -28px;
	width: 125px;
	height: 22px;
	padding-top: 8px;
	text-align: center;
	font-size: 11px;
	color: #524d4d;
	background-color: #f2f0f0;
	overflow: hidden;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg)
}
.thumb .thumbLink {
	position: relative
}
.thumb .thumbLink:hover {
	text-decoration: none
}
.thumb .thumbLink img {}.thumb .thumbImage {}.gallery-box .thumbImage {
	margin-bottom: 10px;
	display: block
}
.shop-box .thumbImageWithBottomSpace {
	margin-bottom: 10px;
	display: block
}
.thumb .thumbDesc {
	margin: 10px 0 5px;
	overflow: hidden;
	word-wrap: break-word
}
.thumb .thumbBar {
	margin: 0 -15px
}
.thumb a.thumbBar {
	display: block;
	color: #666;
	text-decoration: none
}
.thumb a.thumbBar:hover {
	background: #e0e0e0
}
.cart-box.thumb {
	width: auto;
	float: none
}
.cart-box.thumb .thumbBar {
	margin-top: 15px
}
.cart-box .thumbImage {
	margin-right: 15px
}
.shopProductsList {}.shop-imageHolder {
	background: #fff;
	width: 100%;
	padding-bottom: 100%;
	display: block;
	position: relative;
	margin-bottom: 20px
}
#website .shop-imageHolder img {
	position: absolute;
	left: 5px;
	top: 5px;
	right: 5px;
	bottom: 5px;
	width: calc(100% - 10px);
	max-width: 100%;
	height: calc(100% - 10px);
	max-height: 100%;
	object-fit: contain;
	background: #eee
}
#website .shop-imageHolder.shop-imageOriginalRatio img {
	object-fit: contain;
	position: static;
	display: block;
	width: 100%;
	height: auto;
	margin: 0
}
.shop-imageHolder.shop-imageOriginalRatio {
	padding: 5px
}
.shopProductsList .shop-box a {
	text-align: center
}
.keditLayout_1 .shopProductsList .shop-box a {
	text-align: left
}
.keditLayout_1 .shopProductsList .shop-box h3 {
	font-size: 22px;
	margin: 0
}
#infscr-loading {
	text-align: center;
	z-index: 100;
	position: fixed;
	left: 45%;
	bottom: 40px;
	width: 200px;
	padding: 10px;
	background: #000;
	opacity: 0.8;
	color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px
}
.categoryHeader {
	margin-bottom: 50px
}
#commentListDiv {
	clear: both;
	margin: 100px 0 50px
}
#commentItemSubmit span {
	display: block;
	margin: 5px 0
}
.commentItemCheck {
	float: left;
	margin-bottom: 15px
}
#commentListItem {
	margin-bottom: 50px;
	position: relative
}
#commentListWroteItem img {
	display: inline-block;
	margin-right: 15px;
	border-radius: 4px
}
#commentListWroteItem {
	margin-bottom: 20px;
	background: #F2F2F2;
	color: #000;
	border-radius: 5px;
	border: 1px solid #DFDFDF;
	padding: 0;
	line-height: 20px
}
#commentListCommentItem {
	display: block;
	background: url(../editor_images/quote.png) 50px 0 no-repeat;
	padding: 25px 25px 25px 100px;
	overflow: auto
}
#commentListDateItem {
	float: right;
	opacity: 0.5;
	margin-right: 10px;
	font-size: 90%
}
#admin #commentListDateItem {
	float: none;
	margin: 10px -10px 0 -10px;
	padding: 5px 10px;
	clear: both
}
#admin #commentListCommentItem {
	padding-left: 25px;
	background: #fff
}
#commentListAdminMenu {
	display: inline;
	position: relative;
	left: -45;
	top: 10;
	background-color: #CCC
}
#commentListNoItem {
	padding: 10px;
	text-align: center
}
#commentListAdminMenu #commentListAdminMenuItem,
#commentListAdminMenu a:link,
#commentListAdminMenu a:visited {
	display: inline;
	padding: 3px;
	border: 1px solid #000;
	text-decoration: none;
	color: #000;
	background-image: url(editor_images/admin_01.jpg);
	background-repeat: repeat-x;
	margin-right: 1px
}
#commentListAdminMenu a:hover {
	text-decoration: none;
	color: #FFF;
	background-image: url(editor_images/admin_06.png);
	background-repeat: repeat-x
}
input.commentsName {
	display: none
}
.form-horizontal textarea {
	min-height: 150px
}
.alert {
	border-width: 0;
	box-shadow: 0 10px 15px -5px rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .25), 0 10px 25px rgba(0, 0, 0, .02);
	border-left: 10px solid;
	background: #fff !important
}
.keditNewsletter .alert {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto
}
.alert-corner-btn {
	float: right;
	margin-right: -25px
}
.fixed-top {
	position: fixed;
	top: 5px;
	left: 5px;
	right: 5px;
	z-index: 1030
}
.twipsy {
	display: block;
	position: absolute;
	padding: 5px;
	font-size: 11px;
	z-index: 999
}
.twipsy.above .twipsy-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #000
}
.twipsy.left .twipsy-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #000
}
.twipsy.below .twipsy-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #000
}
.twipsy.right .twipsy-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 5px solid #000
}
.twipsy-inner {
	padding: 10px 15px;
	color: #CCC;
	max-width: 200px;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: rgb(19, 19, 19);
	background: -moz-linear-gradient(top, rgba(19, 19, 19, 1) 0, rgba(84, 84, 84, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(19, 19, 19, 1)), color-stop(100%, rgba(84, 84, 84, 1)));
	background: -webkit-linear-gradient(top, rgba(19, 19, 19, 1) 0, rgba(84, 84, 84, 1) 100%);
	background: -o-linear-gradient(top, rgba(19, 19, 19, 1) 0, rgba(84, 84, 84, 1) 100%);
	background: -ms-linear-gradient(top, rgba(19, 19, 19, 1) 0, rgba(84, 84, 84, 1) 100%);
	background: linear-gradient(top, rgba(19, 19, 19, 1) 0, rgba(84, 84, 84, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#131313', endColorstr='#545454', GradientType=0)
}
.twipsy-arrow {
	position: absolute;
	width: 0;
	height: 0
}
.fade {
	-webkit-transition: opacity 0.15s linear;
	-moz-transition: opacity 0.15s linear;
	-ms-transition: opacity 0.15s linear;
	-o-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
	opacity: 0
}
.fade.in {
	opacity: 1
}
#adminToolbar {
	position: fixed;
	top: 0;
	right: 0;
	padding: 5px;
	z-index: 9998
}
#adminToolbar button {
	position: relative;
	z-index: 2
}
#adminToolbarControlsOverlay {
	opacity: 0.5;
	height: 40px;
	z-index: 1;
	background: #000;
	border-radius: 0 0 0 5px;
	-moz-border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
	-webkit-box-shadow: 0 0 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0 0 5px rgba(50, 50, 50, 0.75);
	box-shadow: 0 0 5px rgba(50, 50, 50, 0.75);
	background: url(editor_images/bg.jpg) center center;
	opacity: 1;
	padding-left: 10px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0
}
#adminToolbarControls {
	z-index: 2;
	position: relative;
	margin: 0 5px 2px 3px
}
.twipsy-arrow {
	display: none
}
.horizontalContact .row-fluid .controls {
	display: block;
	float: none;
	clear: both;
	padding: 0 15px;
	margin: 0
}
.horizontalContact .row-fluid .controls .span6,
.horizontalContact .row-fluid .controls .span8 {
	width: 90%
}
.horizontalContact .row-fluid .control-group>label {
	float: left;
	width: auto;
	padding: 5px 15px 0
}
.horizontalContact .row-fluid .form-actions {
	padding-left: 15px
}
.grecaptcha-badge {
	z-index: 79999
}
.social,
.social_fa {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center
}
.social li,
.social_fa li {
	position: relative;
	display: inline-block
}
.social a {
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-indent: -9999px;
	background: url(editor_images/sprite.png) -32px -127px no-repeat;
	margin: 0 3px 0 0
}
.social a:hover {}.social_fa a {
	display: inline-block;
	background: #CCC;
	margin: 0 3px 3px 0;
	text-align: center;
	padding: 3px 0 0;
	border-radius: 5px
}
.social_fa.social_footer a {
	background: none;
	padding: 0;
	margin: 0
}
.social_footer,
social_left {
	text-align: left
}
.social a.buttonFacebook,
.social_bwh a.buttonFacebook:hover {
	background-position: -32px -127px
}
.social_bw a.buttonFacebook {
	background-position: -32px -158px
}
.social a.buttonTwitter,
.social_bwh a.buttonTwitter:hover {
	background-position: -64px -127px
}
.social_bw a.buttonTwitter {
	background-position: -64px -158px
}
.social a.buttonGPlus,
.social_bwh a.buttonGPlus:hover {
	background-position: -96px -127px
}
.social_bw a.buttonGPlus {
	background-position: -96px -158px
}
.social a.buttonYouTube,
.social_bwh a.buttonYouTube:hover {
	background-position: -128px -127px
}
.social_bw a.buttonYouTube {
	background-position: -128px -158px
}
.social a.buttonInstagram,
.social_bwh a.buttonInstagram:hover {
	background-position: -160px -127px
}
.social_bw a.buttonInstagram {
	background-position: -160px -158px
}
.social_footer a {
	line-height: 30px;
	height: 30px;
	width: 30px;
	text-align: center;
	border-radius: 50px;
	opacity: 0.7
}
.social_footer a:hover {
	opacity: 1
}
.social_footer a i {
	font-size: 22px;
	line-height: 30px
}
.keditLayout_1 .social_footer a {
	line-height: 36px;
	height: 36px;
	width: 36px;
	background: rgba(0, 0, 0, 0.5);
	margin: 0 0 0 5px;
	opacity: 1;
	color: rgba(255, 255, 255, 0.8)!important
}
.keditLayout_1 .social_footer a:hover {
	background: rgba(0, 0, 0, 0.8);
	color: rgba(255, 255, 255, 0.8)!important
}
.keditLayout_1 .social_footer a i {
	font-size: 18px;
	line-height: 36px
}
.kopageBarOverlay {
	background: rgba(0, 0, 0, 0.3);
	position: fixed;
	margin: auto;
	top: 0;
	left: 0;
	z-index: 999998;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	z-index: 65500;
	display: none
}
.kopageBarWindow {
	display: none;
	position: fixed;
	z-index: 65501;
	bottom: 0;
	right: 0;
	top: 0;
	border: 0;
	padding: 0;
	background: #fff;
	width: 400px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)
}
.kopageBarClose {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	line-height: 50px;
	text-align: center;
	font-size: 30px;
	background: rgba(0, 0, 0, 0.2);
	color: #fff;
	width: 50px;
	height: 50px
}
.kopageBarClose:hover {
	color: #fff;
	background: rgba(0, 0, 0, 0.5)
}
.kopageBarHeader {
	font-size: 16px;
	font-weight: bold;
	top: 0;
	left: 0;
	padding: 0 20px 0 70px;
	background: none;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	line-height: 50px;
	height: 50px
}
.kopageBarHeader a.btn {
	text-shadow: none;
	position: absolute;
	top: 8px;
	right: 8px
}
#kopageBar .koBgHover3:hover {
	color: #fff
}
.kopageBarContent {
	padding: 0;
	width: 400px;
	background: #fff;
	position: fixed;
	top: 50px;
	bottom: 0;
	right: 0
}
a.kopageBarPowered {
	font-size: 10px;
	color: #666;
	padding: 3px 10px;
	position: absolute;
	background: #fff;
	width: auto;
	bottom: 0;
	line-height: 10px;
	right: 10px;
	text-decoration: none
}
a.kopageBarPowered:hover {
	color: #000
}
.keditDark a.poweredBy {
	color: #fff
}
a.poweredBy {
	display: inline-block;
	font-size: 14px;
	margin-top: 10px;
	line-height: 20px;
	color: #555;
	line-height: 20px;
	position: relative;
	text-decoration: none
}
.poweredBy i {
	height: 20px;
	display: inline-block;
	width: 20px;
	background: url(//v4-preview.kopage.com/kopage-logo-white.svg) center center no-repeat;
	text-indent: -9999px;
	margin: 0 2px 0 5px
}
.poweredBy img,
.poweredBy .keditImageWrap img {
	display: inline-block;
	max-height: 20px!;
	min-height: inherit;
	min-width: 20px;
	important;
	margin-right: 5px
}
ul.sitemap,
ul.sitemap ul {
	list-style: none;
	margin: 0;
	padding: 0
}
ul.sitemap {
	float: left;
	min-width: 50%
}
ul.sitemap ul {
	margin-left: 10px;
	position: relative;
	margin-top: 10px;
	padding-top: 10px
}
ul.sitemap ul:before {
	content: "";
	display: block;
	width: 0;
	position: absolute;
	top: 0;
	bottom: 20px;
	left: 0;
	border-left: 1px solid
}
ul.sitemap li {
	margin: 0;
	padding: 10px 12px;
	font-size: 14px;
	line-height: 20px;
	position: relative
}
#website ul.sitemap li a {
	padding: 5px 15px;
	border: none;
	background: linear-gradient(to bottom, #f5f6f7, #ccc);
	border-radius: 3px;
	text-decoration: none;
	color: #666;
	transition: 0.3s
}
#website ul.sitemap li a:hover {
	background: #ccc;
	background: linear-gradient(to bottom, #eee, #cbcbcb)
}
#contentArea .keditDark .sitemap a span {
	color: #555
}
#contentArea .sitemap a {
	text-decoration: none!important
}
ul.sitemap ul li:before {
	content: "";
	display: block;
	width: 10px;
	height: 0;
	border-top: 1px solid;
	position: absolute;
	top: 20px;
	left: 0
}
ul.sitemap ul li:last-child:before {
	height: auto;
	top: 20px;
	bottom: 0
}
#SearchResult li a,
.galleryList li a {
	display: inline-block;
	padding: 10px 0;
	text-align: left;
	list-style: square
}
.galleryList li {
	list-style: square
}
@media (max-width: 767px) {
	div#content {
		display: table
	}
	div.span8.pagecontent {
		display: table-header-group
	}
	div.span4.sidebarLeft {
		display: table-footer-group
	}
	div#splash,
	div.WxEditableArea {}div#splash {
		text-align: center
	}
	div.span8.topmenuHolder {
		display: none
	}
}
.keditModuleEditPlaceholder {
	height: 300px;
	max-height: 300px;
	overflow: hidden
}
div.keditPlaceholderEdit {
	z-index: 65000;
	right: 0;
	left: 0;
	color: #fff;
	padding: 70px;
	font-size: 18px;
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	border: 25px solid rgba(0, 0, 0, 0.5);
	background: rgba(0, 0, 0, 0.7)
}
div.keditPlaceholderEdit a {
	color: #eee;
	text-decoration: underline
}
div.keditPlaceholderEdit a.keditPlaceholderEdit {
	color: #eee;
	text-decoration: none;
	border: 1px solid #ccc;
	padding: 3px 10px
}
div.keditPlaceholderEdit a.keditPlaceholderEdit:hover {
	background: #ccc;
	color: #fff
}
div.keditPlaceholderEdit a i.icon-white {
	margin-top: 5px
}
#mobileMenuBodyHolder.menuOverlay {
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
#mobileMenuBodyHolder.menuSlide {
	position: relative;
	left: 75%;
	right: 0;
	box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3);
	z-index: 99995
}
.mobileMenuOpen_Body {
	height: 100%;
	overflow-x: hidden
}
.mobileMenuOpen_Body .logoHolder {
	width: 100%;
	text-align: center
}
.mobileMenuOpen,
.mobileMenuOpen:hover {
	display: block;
	text-align: center;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	font-size: 20px;
	line-height: 20px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	padding: 0;
	color: #fff;
	text-decoration: none;
	background: #000
}
.mobileMenuShop,
.mobileMenuShop:hover {
	top: 55px;
	left: 5px;
	width: 45px
}
.mobileMenuShop a {
	display: block;
	color: rgba(255, 255, 255, 0.7);
	transition: color 0.2s
}
.mobileMenuShop a span {
	display: block;
	color: rgba(255, 255, 255, 1);
	margin-top: -3px;
	margin-right: -3px
}
.mobileMenuShop:hover a {
	color: rgba(255, 255, 255, 1)
}
.mobileMenu .mobileMenuClose,
.mobileMenu .mobileMenuClose:hover {
	display: block;
	text-align: center;
	position: absolute;
	z-index: 99999;
	top: 5px;
	right: 5px;
	font-size: 20px;
	width: 50px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	background: #000;
	text-indent: 0
}
.mobileMenuClose i {
	opacity: 0.5
}
.mobileMenuCloseHolder {
	background: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	height: 50px
}
#mobileMenuHolder {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	background: #fff;
	z-index: 99997;
	visibility: hidden;
	opacity: 0;
	transition: 0.2s opacity
}
#mobileMenuHolder::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99996;
	background-image: radial-gradient(circle at right top, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.9) 100%)
}
.mobileMenu {
	margin: 0;
	padding: 0;
	z-index: 99997;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	height: 100vh;
	max-height: 100vh;
	overflow-y: auto;
	overflow-x: hidden;
	background: #fff;
	box-shadow: 10px 0 100px rgba(0, 0, 0, 0.7);
	width: 100%;
	max-width: 400px;
	visibility: hidden;
	opacity: 0;
	margin-left: -10px;
	transition: 0.2s all;
	max-height: -webkit-fill-available
}
.ko_ThemeMobileMenuOpen #mobileMenuHolder {
	visibility: visible;
	opacity: 1
}
.ko_ThemeMobileMenuOpen .mobileMenu {
	visibility: visible;
	opacity: 1;
	margin-left: 0
}
.ko_ThemeMobileMenuOpen .mobileMenuOpen {
	display: none
}
.kopageMenuActive .mobileMenu {
	left: 100px
}
.mobileMenu::after {
	content: "";
	height: 100px;
	display: block
}
.mobileMenu ul,
.mobileMenu li {
	display: block;
	margin: 0;
	padding: 0
}
.mobileMenu li a {
	display: block;
	color: #222;
	font-size: 16px;
	line-height: 30px;
	padding: 10px 25px 10px 50px;
	border-bottom: 1px solid #eee;
	word-wrap: break-word;
	text-decoration: none
}
.mobileMenu li a.mobileMenuLevel_1 {
	padding: 10px 25px 10px 20px
}
.mobileMenu li a:hover {
	text-decoration: none;
	display: block;
	color: #222;
	background: #f8f8f8
}
.mobileMenu li a.mobileActive {
	font-weight: bold;
	background: #eee
}
.mobileMenu li:not(.mobileMenuCloseHolder) a i {
	margin: 8px 0 0 20px;
	opacity: 0.5;
	display: inline
}
.mobileMenu li a:hover i {
	opacity: 1
}
.mobileMenu li li a i {
	margin: 2px 10px 0 0;
	position: absolute;
	left: 0
}
.mobileMenu li li a i.pull-right {
	left: auto;
	right: : 0
}
.mobileMenu li li a {
	text-indent: 0
}
.mobileMenu .mobileMenuSocial .dropdown {
	display: none
}
.koThemeDark .mobileMenuCloseHolder {
	background: #222
}
.koThemeDark .mobileMenuClose {
	color: #fff;
	background: #333;
	border: 0
}
.koThemeDark .mobileMenu {
	background: #555
}
.koThemeDark .mobileMenu li a {
	color: #eee;
	border-bottom-color: #444
}
.koThemeDark .mobileMenu li a:hover {
	color: #f8f8f8;
	background: #222
}
.koThemeDark .mobileMenu li a.mobileActive:hover,
.koThemeDark .mobileMenu li a.mobileActive {
	color: #fff;
	background: #333
}
.kvideo-centered {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	background: #eee;
	background-image: url("data:image/svg+xml,%3Csvg width='50px' height='50px' viewBox='0 0 16 16' class='bi bi-clock-fill' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z'/%3E%3C/svg%3E");
	background-position: center center;
	background-repeat: no-repeat
}
.kvideo-centered iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.kvideo-centered {}.kmapHolder {
	background: #eee;
	background-image: url("data:image/svg+xml,%3Csvg width='50px' height='50px' viewBox='0 0 16 16' class='bi bi-clock-fill' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z'/%3E%3C/svg%3E");
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.03)
}
.row-full-width {
	padding: 80px
}
.galleria {
	height: 200px;
	overflow: hidden;
	margin: 0 auto
}
.galleriaLoading {
	background: #000 url(inc/js/galleria/classic-loader.gif) center center no-repeat;
	opacity: 0.5
}
.galleriaLoading img,
.galleriaLoading span,
.galleriaLoading a {
	opacity: 0
}
.galleriaLayer {
	width: 100%;
	height: 100%;
	display: block
}
.galleriaLayer span {
	color: #fff;
	padding: 15px;
	display: block;
	width: 50%;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 0;
	left: 0
}
.galleriaLayer:hover span {
	background: rgba(0, 0, 0, 0.8)
}
.galleriaLayer.lightbox span {
	opacity: 0
}
.galleriaShadow {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)
}
.galleriaBorder {
	border: 5px solid white
}
.galleriaBorderBlack {
	border: 5px solid black
}
.galleriaBorderRound {
	border-radius: 7px
}
.rss_title {
	font-size: 22px;
	margin-bottom: 10px
}
.rss_date {
	margin: -10px 0 20px
}
.rss_desc {
	font-size: 14px;
	padding-bottom: 50px
}
.rss_desc img {
	margin: 0 10px 10px 0;
	border-radius: 2px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	padding: 1px;
	background: #fff
}
.scrollToContent {
	text-align: center;
	padding: 30px 0 60px
}
.scrollToContent a {
	outline: none;
	padding: 5px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	text-indent: 0;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	background: rgba(0, 0, 0, 0.2)
}
.scrollToContent a span {
	padding: 16px 5px 0;
	border: 2px solid #fff;
	display: block;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	min-width: 40px;
	min-height: 34px
}
.scrollToContent a span i {
	vertical-align: central;
	height: 12px;
	line-height: 12px
}
.scrollToContent a:hover {
	background: rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.5)
}
a.moduleNewItemButton {
	white-space: normal;
	display: block;
	height: 100%;
	width: 100%;
	float: left;
	font-size: 2vw;
	line-height: 20vw;
	display: table-cell;
	padding: 0 1vw
}
a.moduleNewItemButton span {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	padding: 0;
	margin: 0
}
.koSwitch input {
	cursor: pointer;
	height: 100%;
	opacity: 0;
	position: absolute;
	width: 100%;
	z-index: 100
}
.koSwitch {
	height: 30px;
	position: relative;
	line-height: 1em;
	overflow: hidden;
	border-radius: 50px
}
.koSwitch label {
	background: #e9513a;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 50px;
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
	height: 2.75em;
	width: 5.5em;
	-moz-transition: background-color .2s;
	-ms-transition: background-color .2s;
	-o-transition: background-color .2s;
	-webkit-transition: background-color .2s;
	transition: background-color .2s
}
.koSwitchLive .koSwitch label {
	background: #ccc
}
.koSwitchLabel label {
	display: block;
	font-size: 14px;
	clear: both;
	color: #000;
	font-weight: normal
}
.koSwitchLabel small {
	display: block;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.5)
}
.koSwitch label div {
	background: #fff;
	border-radius: 50px;
	display: block;
	height: 2.25em;
	left: .25em;
	position: absolute;
	top: .25em;
	width: 2.5em;
	z-index: 3;
	-moz-transition: 0.15s cubic-bezier(0.175, 0.285, 0.2, 1.275) all;
	-ms-transition: 0.15s cubic-bezier(0.175, 0.285, 0.2, 1.275) all;
	-o-transition: 0.15s cubic-bezier(0.175, 0.285, 0.2, 1.275) all;
	-webkit-transition: 0.15s cubic-bezier(0.175, 0.285, 0.2, 1.275) all;
	transition: 0.15s cubic-bezier(0.175, 0.285, 0.2, 1.275) all
}
.koSwitch:active label div {
	width: 3em
}
.koSwitch label div:before {
	background: #e0dcdd;
	bottom: 0;
	box-shadow: -.33em 0 0 0 #e0dcdd, .33em 0 0 0 #e0dcdd;
	content: '';
	display: block;
	height: 32%;
	top: 0;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	width: 5%;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s
}
.koSwitch:hover label div:before {
	background: #c7c3c4;
	box-shadow: -.33em 0 0 0 #c7c3c4, .33em 0 0 0 #c7c3c4;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s
}
.koSwitch i {
	font-size: 1.5em;
	position: relative;
	line-height: 1em;
	z-index: 2
}
.koSwitch i.fa-check {
	color: #165CB2;
	left: 15%;
	top: 25%
}
.koSwitch i.fa-times {
	color: #c72f18;
	color: #bbb;
	left: 30%;
	top: 23%
}
#admin .koSwitch label {
	background: linear-gradient(to bottom, #FF3019 0, #CF0404 100%) repeat scroll 0 0;
	font-size: 1em
}
#admin .koSwitch i.fa-times {
	color: #c72f18
}
.koSwitch input:checked~label,
#admin .koSwitch input:checked~label {
	background: #1865C5;
	background: linear-gradient(to bottom, #36A8F3 0, #37ACF5 4%, #1865C5 100%);
	transition: background-color .2s
}
.koSwitch.koSwitchDark input:checked~label {
	background: rgba(255, 255, 255, 0.1)
}
.koSwitch.koSwitchDark i.fa-check {
	color: #fff
}
.koSwitch input:checked~label div {
	left: auto;
	right: .25em;
}
.koSwitchInput .koSwitchMore {
	display: none;
	right: 65px;
	top: 10px;
	position: absolute;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 50px;
	top: 50%;
	transform: translateY(-50%)
}
.koSwitchInput .kSwitchMore {
	display: none;
	right: 0;
	top: 0;
	position: absolute;
	z-index: 10;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 50px
}
.koSwitchInput {
	padding: 5px;
	text-align: left;
	clear: both;
	overflow: auto
}
.koSwitchInput.koSwitchLive {
	text-align: left;
	clear: both;
	padding: 0;
	padding: 10px 20px;
	position: relative;
	margin-bottom: 1px
}
.koSwitchInput.koSwitchLive:hover {}.koSwitchInput.koSwitchLive:hover .koSwitchMore,
.koSwitchInput.koSwitchLive:hover .kSwitchMore {
	display: block
}
.koSwitch {
	float: left
}
.koSwitchLive .koSwitch {
	float: none;
	position: absolute;
	right: 10px;
	padding: 0;
	font-size: .75em;
	top: 50%;
	transform: translateY(-50%)
}
.koSwitchLabel {
	float: left;
	padding: 4px 4px 4px 10px
}
.koSwitchLive .koSwitchLabel {
	padding: 0;
	width: 200px
}
.kopageInModuleToolbar {
	display: none
}
#contentArea a:not(.btn):not(.page-link):not(.list-group-item),
#contentArea a.btn-link {
	text-decoration: underline
}
.nav a,
.basicModal a {
	text-decoration: none
}
.basicModal::before {
	background: var(--kopageColor_stripesAccent);
	content: " ";
	height: 7px;
	width: auto;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}
.spinner {
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -15px 0 0 -15px;
	width: 30px;
	height: 30px
}
.spinner .path {
	stroke: rgba(255, 255, 255, 0.75);
	stroke-linecap: round
}
.isLoading .spinner {
	-webkit-animation: kopageLoadingRotation 2s linear infinite;
	animation: kopageLoadingRotation 2s linear infinite
}
.isLoading .spinner .path {
	-webkit-animation: dash 1.5s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite
}
.spinner.spinnerAccent .path {
	stroke: var(--kopageColor_Accent)
}
.spinner.spinnerBlack .path {
	stroke: rgba(0, 0, 0, 0.75)
}
.spinnerHolder {
	position: relative;
	height: 50px;
	display: none
}
.spinnerHolder.active {
	display: block
}
@-webkit-keyframes dash {
	0% {
		stroke-dasharray: 1, 150;
		stroke-dashoffset: 0
	}
	50% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -35
	}
	100% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -124
	}
}
@keyframes dash {
	0% {
		stroke-dasharray: 1, 150;
		stroke-dashoffset: 0
	}
	50% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -35
	}
	100% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -124
	}
}
.btn.btn-ghost {
	background: rgba(0, 0, 0, 0.1);
	color: #000;
	border: 2px solid rgba(0, 0, 0, 0.7);
	transition: 0.2s all
}
.btn.btn-ghost:hover {
	background: rgba(0, 0, 0, 0.9);
	color: #eee
}
.keditDark .btn.btn-ghost {
	background: rgba(255, 255, 255, 0.1);
	color: #FFF;
	border: 2px solid rgba(255, 255, 255, 1);
	transition: 0.2s all
}
.keditDark .btn.btn-ghost:hover {
	background: rgba(255, 255, 255, 0.9);
	color: #000
}
.btn.btn-xl {
	padding: 16px 26px;
	font-size: 24px;
	line-height: 1.3333333;
	border-radius: 6px
}
.btn {
	text-shadow: none
}
h2 img#WebsiteLogo {
	margin-right: 10px;
	height: 100%
}
body.koThemeDark {
	background: #333;
	color: #eee
}
body.koThemeDark .menuHolder li a {
	color: #eee
}
body.koThemeDark .logoHolder a {
	color: #fff
}
.koTheme3 body.koThemeDark {
	background: #666
}
.koTheme3 body.koThemeDark #website {
	background: #333
}
.koTheme4 body.koThemeDark {
	background: #222
}
.koTheme4 body.koThemeDark #website {
	background: #333
}
.koThemeDark body {
	background: #292C34
}
.koThemeDark #website,
.koThemeDark.ko_ThemeBoxed #website {
	background: #292C34;
	color: #ACB2BE
}
.koThemeDark.ko_ThemeBoxed #website {
	background: #1D1F24
}
.ko_Theme #header {
	position: relative
}
#headerMenu {
	position: relative;
	clear: both;
	top: 0;
	left: 0;
	right: 0;
	padding: 0
}
#headerContent {
	position: relative;
	clear: both
}
#headerContent:not(.koZeroPadding) {
	padding: 40px
}
@media (max-width: 768px) {
	.ko_Theme .logoHolder {
		margin: 0 auto!important
	}
}
.ko_Theme .logoHolder img {
	object-fit: contain
}
.logoHolder {
	float: left;
	padding: 10px 10px 10px 40px;
	line-height: 80px;
	height: 100px
}
.logoHolder img {
	max-height: 80px
}
.logoHolder h2 {
	padding: 0;
	margin: 0;
	text-decoration: none;
	letter-spacing: -1px
}
html:not(.koTheme4):not(.ko_Theme) .logoHolder #logoReplacer h2 {
	line-height: 80px
}
.logoHolder a {
	text-decoration: none !important;
	line-height: 80px;
	color: rgba(0, 0, 0, 0.8)
}
.logoHolder a:hover {
	color: rgba(0, 0, 0, 0.8)
}
.menuHolder {
	margin: 0;
	padding: 0 40px 0 0;
	list-style: none;
	float: right
}
.menuHolder li {
	display: inline-block;
	padding: 25px 0
}
.menuHolder li a {
	text-decoration: none;
	display: block;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	padding: 0 15px;
	max-width: 300px;
	word-wrap: break-word
}
.logoCentered .logoHolder {
	float: none;
	display: block;
	text-align: center;
	border: 0;
	padding: 20px 0;
	height: auto
}
.logoCentered .menuHolder {
	float: none;
	display: block;
	text-align: center;
	padding: 20px 0
}
.logoCentered .menuHolder li {
	padding: 0
}
.logoRight .logoHolder {
	float: right!important;
	padding: 10px 40px 10px 10px
}
.logoRight .menuHolder {
	float: left!important;
	padding: 0 0 0 40px
}
#headerBanner,
#subpageHeaderContent {
	min-height: 100vh;
	width: 100%;
	bottom: 0;
	top: 0;
	right: 0;
	left: 0;
	position: relative;
	text-align: center
}
#headerMenu.koMenu9 {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	background: #fff;
	z-index: 13;
	position: relative;
	overflow: auto
}
.koMenu9 .logoHolder {
	padding: 15px;
	line-height: 30px;
	height: 60px
}
.koMenu9 .logoHolder img {
	max-height: 30px
}
.koMenu9 .logoHolder a {
	line-height: 30px
}
.koMenu9 .logoHolder a h2 {
	font-size: 20px;
	color: #000
}
.koMenu9 .logoHolder #logoReplacer h2 {
	line-height: 30px!important
}
.koMenu9 .menuHolder {
	padding: 0 15px 0 0;
	line-height: 60px
}
.koMenu9 .menuHolder li {
	padding: 0
}
.koMenu9 .menuHolder li a {
	font-size: 16px;
	line-height: 30px;
	text-shadow: none;
	padding: 0 10px;
	color: rgba(0, 0, 0, 0.5)
}
.koMenu9 .menuHolder li a span {
	color: rgba(0, 0, 0, 0.5)
}
.koMenu9 .menuHolder li.active a span,
.koMenu9 .menuHolder li a:hover span {
	color: rgba(0, 0, 0, 1)
}
.koMenu9 .menuHolder li.active a,
.koMenu9 .menuHolder li a:hover {
	background: none
}
.headerBanner {
	text-align: center
}
#subpageHeaderContent,
#headerBanner.koHeaderHide,
.koTheme2 #headerBanner.koHeaderHide,
.koTheme3 #headerBanner.koHeaderHide {
	height: 0;
	min-height: 0
}
#headerBanner .btn {
	margin-top: 30px
}
#headerBanner {
	position: relative
}
#headerBanner .kedit {
	position: relative;
	font-size: 30px;
	color: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3)
}
.headerBanner {
	font-size: 20px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1)
}
#headerBanner.koHeaderAutoHeight {
	min-height: 0;
	height: auto
}
.koTheme6 #headerMenu {}.koTheme6 #headerContent {}.koTheme2 #headerBanner.koHeaderAutoHeight,
.koTheme3 #headerBanner.koHeaderAutoHeight,
.koTheme5 #headerBanner.koHeaderAutoHeight {
	height: auto
}
.koTheme1 #headerBanner.koHeaderAutoHeight .kedit {
	margin-top: 100px
}
.koTheme1 #headerContent:not(.koZeroPadding) {
	padding-top: 250px
}
.koTheme1 #subpageHeaderContent:not(.koZeroPadding) {
	padding-top: 100px
}
.koTheme1 .logoLeft #headerContent:not(.koZeroPadding),
.koTheme1 .logoRight #headerContent:not(.koZeroPadding) {
	padding-top: 150px
}
.koTheme1 #headerContent.koZeroPadding {
	padding-top: 210px
}
.koTheme1 .logoLeft #headerContent.koZeroPadding,
.koTheme1 .logoRight #headerContent.koZeroPadding {
	padding-top: 110px
}
.koTheme5 #headerBanner.koHeaderAutoHeight .kedit {
	margin-bottom: 100px
}
.koTheme1 #headerBanner.koHeaderAutoHeight .kedit,
.koTheme2 #headerBanner.koHeaderAutoHeight .kedit,
.koTheme3 #headerBanner.koHeaderAutoHeight .kedit,
.koTheme4 #headerBanner.koHeaderAutoHeight .kedit,
.koTheme5 #headerBanner.koHeaderAutoHeight .kedit {}.koTheme1 #headerBanner .kedit,
.koTheme6 #headerBanner .kedit {
	margin-top: 20vh
}
.koTheme2 #headerBanner .kedit,
.koTheme5 #headerBanner .kedit {}.headerBanner h1,
.keditColumn .headerBanner h1 {
	font-size: 40px;
	opacity: 1
}
.headerBanner.kedit h2,
.keditColumn .headerBanner h2 {
	font-size: 28px;
	opacity: 0.6
}
.headerBanner.kedit h3,
.keditColumn .headerBanner h3 {
	font-size: 22px;
	opacity: 0.6
}
.headerBanner.kedit .koSubtitle {
	font-size: 20px;
	opacity: 0.5
}
@media (min-width: 750px) {
	.headerBanner h1 {
		font-size: 60px
	}
	.headerBanner h2 {
		font-size: 30px
	}
	.headerBanner h3 {
		font-size: 25px
	}
}
#headerBanner .filter,
#subpageHeaderContent .filter {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.4);
	width: 100%
}
#headerBanner.koHeaderHide .kedit {
	display: none
}
.koTheme1 #headerMenu {
	padding: 0;
	margin: 0 40px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0
}
.koTheme1 #headerMenu a {
	color: #fff
}
.koTheme1 #headerContent {
	padding-top: 110px
}
.koTheme1 .logoCentered #headerBanner {
	min-height: 110vh
}
.koTheme1 .logoCentered #headerBanner .kedit {}.koTheme1 #subpageHeaderContent,
.koTheme1 #headerBanner.koHeaderHide {
	height: 110px
}
.koTheme2 #header {
	position: relative
}
.koTheme2 #headerMenu {
	position: relative;
	clear: both
}
.koTheme2 .menuHolder li a {
	color: #000;
	text-transform: uppercase
}
.koTheme2 .menuHolder li a:hover,
.koTheme2 .menuHolder li.active a {
	color: #fff
}
.koTheme3 body {
	background: #CCC
}
.koTheme3 #website {
	margin: 50px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	background: #fff
}
@media (max-width: 750px) {
	.koTheme3 #website {
		margin: 0
	}
}
.koTheme3 #header {
	position: relative
}
.koTheme3 #headerMenu {
	position: relative;
	clear: both
}
.koTheme3 .menuHolder li a {
	color: #000;
	text-transform: uppercase
}
.koTheme3 .menuHolder li a:hover,
.koTheme3 .menuHolder li.active a {
	color: #fff
}
.koTheme3 #headerBanner {
	min-height: 80vh
}
.koTheme4 #headerMenu {
	padding: 0;
	width: 20vw;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)
}
.koTheme4 #website {
	float: right;
	width: 80vw
}
.koTheme4 .logoHolder {
	margin: 30px 0
}
.koTheme4 .logo {
	text-align: center
}
.koTheme4 .logo img#WebsiteLogo {
	float: none;
	clear: both;
	margin: 0 0 10px;
}
.koTheme4 .logo h2 span {
	text-align: center;
	line-height: 35px;
	display: block;
	clear: both;
	float: none
}
.koTheme4 #website.logoRight {
	float: left;
	width: 80vw
}
.koTheme4 #website.logoRight #headerMenu {
	padding: 0;
	width: 20vw;
	position: fixed;
	left: auto;
	right: 0;
	top: 0
}
.koTheme4 .logoHolder {
	max-width: 20vw;
	padding: 20px 0;
	height: auto;
	text-align: center;
	width: 100%
}
.koTheme4 .logoHolder img {
	max-width: 100%;
	height: auto
}
.koTheme4 .menuHolder {
	clear: both;
	margin: 0;
	padding: 0;
	display: block;
	width: 100%
}
.koTheme4 .menuHolder li {
	display: block;
	float: none;
	clear: both;
	text-align: left;
	padding: 0 0 3px 0;
	margin: 0
}
.koTheme4 .menuHolder li a {
	color: #000;
	line-height: 30px;
	margin: 0;
	text-shadow: none
}
.koTheme4 .menuHolder li a:hover,
.koTheme4 .menuHolder li.active a {
	color: #fff
}
.koTheme4 .WxEditableArea {
	box-shadow: inset -5px -10px 25px rgba(0, 0, 0, 0.2)
}
.koTheme4 .koThemeDark .WxEditableArea {
	box-shadow: none
}
@media (max-width: 750px) {
	ul.menuHolder:not(.menuStack) {
		display: none
	}
	ul.menuHolder.menuStack {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 10
	}
	.koTheme4 #headerMenu {
		display: none
	}
	.koTheme4 #website {
		float: none;
		width: 100vw
	}
}
@media (min-width: 750px) and (max-width: 1024px) {
	.koTheme4 #website,
	.koTheme4 #website.logoRight {
		width: 70vw
	}
	.koTheme4 #headerMenu {
		min-width: 30vw
	}
	.koTheme4 .logoHolder {
		max-width: 29vw;
		min-width: 29vw
	}
}
.koTheme5 #headerMenu {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 3;
	overflow: auto
}
.koTheme5 .logoHolder a {
	color: #fff
}
.koTheme5 #website.logoCentered #headerMenu {
	top: 0;
	bottom: 0;
	background: none
}
.koTheme5 #website.logoCentered .menuHolder {
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0
}
.koTheme5 #website.logoCentered .keditHeader {
	z-index: 100
}
.koTheme5 #headerContent,
.koTheme5 #subpageHeaderContent {
	padding-bottom: 140px
}
.koTheme5 #headerContent.koZeroPadding {
	padding-bottom: 100px
}
html:not(.koTheme4):not(.koTheme5) #website.logoCentered #headerMenu.koMenu6 .menuStack,
html:not(.koTheme4):not(.koTheme5) #website.logoCentered #headerMenu.koMenu8 .menuStack {
	float: right;
	position: absolute;
	top: 10px;
	right: 0
}
#headerMenu.koMenu8 ul.menuStack.menuHolder li a {
	border-radius: 5px;
	background: #000;
	color: #fff
}
.koTheme5 #subpageHeaderContent,
.koTheme5 #headerBanner.koHeaderHide {
	height: 110px
}
.koMenu1 {}.koMenu2 {}.koMenu3 {}:not(.koTheme4) #headerMenu.koMenu2 {
	padding: 0;
	margin: 0;
	background: #555;
	background: linear-gradient(to bottom, #666 0, #333 100%)
}
:not(.koTheme4) #headerMenu.koMenu7 {
	padding: 0;
	margin: 0;
	background: #FEFEFE;
	background: linear-gradient(to bottom, #FFF 0, #F2F2F2 100%)
}
:not(.koTheme4) #headerMenu.koMenu2:after,
:not(.koTheme4) #headerMenu.koMenu7:after {
	content: "";
	display: table;
	clear: both
}
.koTheme6 #headerMenu {
	margin: 50px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	overflow: auto;
	z-index: 3
}
.koTheme6 #headerMenu .logoHolder h2 {
	color: #000
}
.koTheme6 #headerMenu:not(.koMenu2):not(.koMenu5):not(.koMenu7):not(.koMenu8) .menuHolder li:not(.active) a:not(:hover) {
	color: #000
}
.koTheme6 #headerMenu.koMenu1 {}.koTheme6 #headerMenu.koMenu2,
.koTheme6 #headerMenu.koMenu7 {
	margin: 50px
}
.koTheme6 #subpageHeaderContent {}.koTheme6 #headerBanner.koHeaderHide {
	height: 200px
}
.koTheme6 #headerContent {
	z-index: 1;
	padding-top: 180px;
	position: relative;
	margin-top: -200px;
	clear: both
}
#headerMenu.koMenu2 .logoHolder h2,
#headerMenu.koMenu7 .logoHolder h2 {
	line-height: 80px
}
#headerMenu.koMenu2 .menuHolder li:not(.menuAddItem),
#headerMenu.koMenu7 .menuHolder li:not(.menuAddItem) {
	padding: 0;
	margin: 0;
	display: inline;
	float: left
}
#headerMenu.koMenu2 .menuHolder li a,
#headerMenu.koMenu7 .menuHolder li a {
	line-height: 80px;
	height: 80px;
	border-right: 1px solid rgba(0, 0, 0, 0.5);
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	color: #fff
}
#headerMenu.koMenu7 .menuHolder li a {
	border-right: 1px solid rgba(0, 0, 0, 0.2);
	border-left: 1px solid rgba(255, 255, 255, 1);
	color: #777
}
#headerMenu.koMenu2 .menuHolder li a:hover,
#headerMenu.koMenu2 .menuHolder li.item_active a {
	background: rgba(0, 0, 0, 0.3)
}
#headerMenu.koMenu7 .menuHolder li a:hover,
#headerMenu.koMenu7 .menuHolder li.item_active a {
	background: rgba(0, 0, 0, 0.1);
	color: #333;
	box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125)
}
html:not(.koTheme4) #headerMenu.koMenu2 .logoHolder,
html:not(.koTheme4) #headerMenu.koMenu7 .logoHolder {
	max-height: 80px;
	line-height: 80px;
	padding-top: 0;
	padding-bottom: 0
}
#headerMenu.koMenu2 .logoHolder img,
#headerMenu.koMenu7 .logoHolder img {
	max-height: 50px
}
#headerMenu.koMenu2 .logoHolder h2 {
	color: #fff
}
#headerMenu.koMenu7 .logoHolder h2 {
	color: #555
}
#headerMenu.koMenu3 .topmenu a:hover,
#headerMenu.koMenu3 .topmenu .active a,
#headerMenu.koMenu4 .topmenu a:hover,
#headerMenu.koMenu4 .topmenu .active a,
#headerMenu.koMenu5 .topmenu a:hover,
#headerMenu.koMenu5 .topmenu .active a {
	background: none
}
#headerMenu.koMenu2 .menuHolder,
#headerMenu.koMenu7 .menuHolder {
	padding: 0
}
#headerMenu.koMenu2,
#headerMenu.koMenu7 {
	border: 0
}
.koTheme4 #headerMenu.koMenu2,
.koTheme4 #headerMenu.koMenu3,
.koTheme4 #headerMenu.koMenu4,
.koTheme4 #headerMenu.koMenu5,
.koTheme4 #headerMenu.koMenu7 {
	left: 0;
	width: 20vw
}
.koTheme4 #headerMenu.koMenu2 li:not(.menuAddItem),
.koTheme4 #headerMenu.koMenu7 li:not(.menuAddItem) {
	display: block;
	clear: both;
	float: none;
	width: 100%
}
.koTheme4 #headerMenu.koMenu2 li a {
	line-height: 45px;
	height: 45px;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.5);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}
.koTheme4 #headerMenu.koMenu7 li a {
	line-height: 45px;
	height: 45px;
	border: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	border-top: 1px solid rgba(255, 255, 255, 1)
}
.koTheme4 #headerMenu.koMenu2 .logoHolder,
.koTheme4 #headerMenu.koMenu5 .logoHolder,
.koTheme4 #headerMenu.koMenu7 .logoHolder {
	max-width: 20vw;
	padding: 20px
}
.koTheme4 #website.logoRight #headerMenu.koMenu2,
.koTheme4 #website.logoRight #headerMenu.koMenu3,
.koTheme4 #website.logoRight #headerMenu.koMenu4,
.koTheme4 #website.logoRight #headerMenu.koMenu5,
.koTheme4 #website.logoRight #headerMenu.koMenu7 {
	padding: 0;
	right: 0;
	left: auto;
	width: 20vw
}
.koTheme4 #headerMenu.koMenu3 .topmenu a {
	text-align: center;
	padding: 0
}
.koTheme4 #headerMenu.koMenu3 .topmenu a span {
	display: block;
	border-left: 10px solid rgba(0, 0, 0, 0);
	line-height: 40px;
	height: 40px
}
.koTheme4 #website.logoRight #headerMenu.koMenu3 .topmenu a span {
	border-right: 10px solid rgba(0, 0, 0, 0);
	border-left: 0
}
.koTheme4 #headerMenu.koMenu3 .logoHolder,
.koTheme4 #headerMenu.koMenu4 .logoHolder {
	max-width: 20vw;
	padding: 20px
}
#headerMenu.koMenu4 {
	border-width: 10px 0 0 0;
	border-style: solid
}
.koTheme1 #headerMenu.koMenu4 {
	margin: 0
}
.koTheme5 #headerMenu.koMenu4 {
	border-width: 0 0 10px 0
}
.koTheme4 #headerMenu.koMenu4 .menuHolder {
	padding: 0 0 0 20px
}
.koTheme4 #website.logoLeft #headerMenu.koMenu4 {
	border-width: 0 0 0 10px;
	border-style: solid;
	min-height: 100vh
}
.koTheme4 #website.logoRight #headerMenu.koMenu4 {
	border-width: 0 10px 0 0;
	border-style: solid;
	min-height: 100vh
}
#headerMenu.koMenu5 {
	overflow: auto
}
#headerMenu.koMenu5 .topmenu a {
	color: #fff
}
.koTheme1 #headerMenu.koMenu5 {
	margin-left: 0;
	margin-right: 0
}
.koTheme4 #website.logoLeft #headerMenu.koMenu2,
.koTheme4 #website.logoLeft #headerMenu.koMenu5,
.koTheme4 #website.logoLeft #headerMenu.koMenu7 {
	min-height: 100vh
}
.koTheme4 #website.logoRight #headerMenu.koMenu2,
.koTheme4 #website.logoRight #headerMenu.koMenu5,
.koTheme4 #website.logoRight #headerMenu.koMenu7 {
	min-height: 100vh
}
#headerMenu.koMenu6 .menuHolder:not(.menuStack),
#headerMenu.koMenu8 .menuHolder:not(.menuStack) {
	display: none
}
#headerMenu.koMenu6 a.mobileMenuOpen,
#headerMenu.koMenu8 a.mobileMenuOpen {
	position: relative;
	left: auto;
	top: auto;
	border: 1px solid red
}
.ko_Theme.ko_ThemeMobileMenu .menuHolder:not(.menuStack) {
	display: none;
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: -9999px;
	overflow: hidden;
	height: 1px;
	width: 1px
}
.logoHolder,
.menuHolder {
	position: relative;
	z-index: 4
}
.logoHolder .logoHelper,
.menuHolder li.menuAddItem {
	position: absolute;
	display: none;
	bottom: -25px;
	padding: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0);
	margin: 0;
	line-height: 30px;
	min-width: 150px
}
#headerMenu.koMenu2 .menuHolder li.menuAddItem a,
#headerMenu.koMenu7 .menuHolder li.menuAddItem a {
	line-height: 30px;
	height: 30px
}
.logoHolder .logoHelper a,
.menuHolder li.menuAddItem a {
	margin: 0;
	text-decoration: none;
	text-transform: none;
	color: #fff;
	height: 30px;
	line-height: 30px;
	padding: 0;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
	width: 50%;
	display: inline-block;
	box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.8);
	width: auto;
	padding: 0 15px
}
.logoHolder .logoHelper a {
	white-space: nowrap
}
.menuHolder li.menuAddItem a:hover {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
	transition: 0.3s all ease
}
.logoHolder:hover .logoHelper,
.menuHolder:hover li.menuAddItem {
	display: block
}
.koTheme4 .logoHolder .logoHelper,
.koTheme4 .menuHolder li.menuAddItem {
	bottom: auto;
	top: 30%;
	left: 15vw;
	width: 15vw
}
.koTheme4 .logoHolder .logoHelper a,
.koTheme4 .menuHolder li.menuAddItem a {
	width: 100%;
	text-align: left
}
.koTheme4 .logoRight .logoHelper,
.koTheme4 .logoRight .menuHolder li.menuAddItem {
	left: -15vw
}
.koTheme5 .logoHolder .logoHelper,
.koTheme5 .menuHolder li.menuAddItem {
	bottom: auto;
	top: -30%;
	right: 0;
	left: auto
}
.logoCentered .logoHelper {
	bottom: 0
}
.footerHolder {
	min-height: 30px
}
.keditFooterLineDarker {
	background: rgba(0, 0, 0, 0.1)
}
.kedit.keditFooter1 {
	padding: 0
}
.keditFooterLine1 {}.keditFooterLine2 .kedit {
	padding: 20px 0
}
.keditFooter .keditImageWrap {
	display: block
}
#website .keditFooterLogo {
	max-height: 100px;
	max-width: 200px
}
#keditFooterModule {
	text-align: right
}
.text-center #keditFooterModule {
	text-align: center
}
#keditFooterModule.social_footer {
	text-align: inherit
}
#keditFooterModule .social,
#keditFooterModule .social_fa {
	text-align: inherit
}
.keditFooterMenu {
	overflow: hidden
}
.noScrollbars {
	overflow: hidden
}
@media (min-width: 767px) {
	div.kedit {
		padding: 50px
	}
	div.kedit .kedit {
		padding: 25px
	}
	div.kedit.keditRow {
		padding-left: 20px;
		padding-right: 20px
	}
	section.kedit {
		padding: 100px 0
	}
	section.kedit.keditRow {
		padding: 0
	}
	section.kedit .kedit {
		padding-left: 0;
		padding-right: 0
	}
}
.kedit {
	width: 100%
}
.keditBottomShadow {
	box-shadow: 0 15px 50px -15px rgba(0, 0, 0, .1)
}
.keditBottomBorder {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}
.keditPointerEvents_off {
	pointer-events: none
}
.keditPointerEvents_on {
	pointer-events: auto
}
.keditExpand {
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	padding: 0
}
.float-left.keditExpand {
	right: auto;
	left: 0
}
.keditExpand .img-full {
	height: 100%!important;
	width: 100%;
	object-fit: cover
}
.keditExpand.pb-5 img.img-full {
	height: calc(100% - 3rem)!important
}
.keditExpand.pb-3 img.img-full {
	height: calc(100% - 1rem)!important
}
.keditLayer_header,
.keditLayer_overlay {
	position: absolute;
	z-index: 0;
	top: -1px;
	left: -1px;
	right: -1px;
	height: 100px;
	pointer-events: none
}
.keditLayer_footer {
	position: absolute;
	z-index: 0;
	bottom: -1px;
	left: -1px;
	right: -1px;
	height: 100px;
	pointer-events: none
}
.keditLayer_header.h-100,
.keditLayer_footer.h-100 {
	height: calc(100% + 2px) !important
}
.keditLayer_header svg,
.keditLayer_footer svg {
	width: 100%;
	height: 100%;
	display: flex;
	vertical-align: bottom
}
.kedit .kedit .keditLayer_header,
.kedit .kedit .keditLayer_footer {
	display: none
}
.keditLayer_overlay {
	bottom: -1px;
	height: 105%
}
.kedit>.container,
.kedit>.no-container {
	position: relative;
	z-index: 1;
	width: 100%;
	align-self: start
}
.koIconHolder {
	display: inline-block;
	margin: 0 auto;
	border-radius: 100%;
	padding: 0;
	text-align: center
}
.koIconHolder i {}.koIconStyle0 {
	width: 50px;
	min-width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 25px
}
.koIconStyle0 i {
	line-height: 50px
}
.koIconStyle1 {
	background: var(--color1_25);
	width: 50px;
	min-width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 25px
}
.koIconStyle1 i {
	line-height: 50px;
	color: var(--color1)
}
.koIconStyle2 {
	background: linear-gradient(-135deg, var(--color1_50), var(--color1_75));
	width: 50px;
	min-width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 25px
}
.koIconStyle2 i {
	line-height: 50px;
	color: var(--color1_25);
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1)
}
.koIconStyle3 {
	background: var(--color1);
	width: 50px;
	min-width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 25px
}
.koIconStyle3 i {
	line-height: 50px;
	color: var(--color1_bw)
}
.koIconStyle4 {
	background: linear-gradient(-135deg, var(--color1), var(--color1_125));
	width: 50px;
	min-width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 25px
}
.koIconStyle4 i {
	line-height: 50px;
	color: var(--color1_25);
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1)
}
.koIconStyle5 {
	background: #fff;
	width: 50px;
	min-width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 25px;
	box-shadow: 0 7px 14px rgba(0, 0, 0, .1), 0 3px 6px rgba(0, 0, 0, .08)
}
.koIconStyle5 i {
	line-height: 50px;
	color: var(--color1)
}
.koIconStyle6 {
	background: var(--color1);
	width: 50px;
	min-width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 25px
}
.koIconStyle6 i {
	line-height: 50px;
	color: var(--color1_bw)
}
.koIconStyle7 {
	background: #111;
	width: 50px;
	min-width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 25px
}
.koIconStyle7 i {
	line-height: 50px;
	color: #f5f6f7
}
.koIconStyle11 {
	background: var(--color2_25);
	width: 50px;
	min-width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 25px
}
.koIconStyle11 i {
	line-height: 50px;
	color: var(--color2)
}
.koIconStyle12 {
	background: linear-gradient(-135deg, var(--color2_50), var(--color2_75));
	width: 50px;
	min-width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 25px
}
.koIconStyle12 i {
	line-height: 50px;
	color: var(--color2_125);
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1)
}
.koIconStyle13 {
	background: var(--color2);
	width: 50px;
	min-width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 25px
}
.koIconStyle13 i {
	line-height: 50px;
	color: var(--color2_bw)
}
.koIconStyle14 {
	background: linear-gradient(-135deg, var(--color2_75), var(--color2_125));
	width: 50px;
	min-width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 25px
}
.koIconStyle14 i {
	line-height: 50px;
	color: var(--color2_25);
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1)
}
.koIconStyle15 {
	background: #fff;
	width: 50px;
	min-width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 25px;
	box-shadow: 0 7px 14px rgba(0, 0, 0, .1), 0 3px 6px rgba(0, 0, 0, .08)
}
.koIconStyle15 i {
	line-height: 50px;
	color: var(--color2)
}
.koIconStyle21 {
	width: 50px;
	min-width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 25px;
	color: rgba(0, 0, 0, 0.5);
	background: linear-gradient(300deg, #e6e6e6, #fcfcfc);
	box-shadow: inset 0 -1px rgba(0, 0, 0, .1), 0 .5em .6em -.5em rgba(0, 0, 0, .15)
}
.koIconStyle21 i {
	line-height: 50px;
	color: rgba(0, 0, 0, 0.5)
}
.koIconStyle22 {
	width: 50px;
	min-width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 25px;
	color: rgba(255, 255, 255, 0.5);
	background: linear-gradient(300deg, #111, #666);
	box-shadow: -1px 2px rgba(0, 0, 0, .109804), -2px 12px 20px -7px rgba(0, 0, 0, .2);
	border: 1px solid #292929
}
.koIconStyle22 i {
	line-height: 50px;
	color: rgba(255, 255, 255, 0.5)
}
.koIconSquare {
	border-radius: 10px
}
.koIconSize125 {
	width: 75px;
	min-width: 75px;
	height: 75px;
	line-height: 75px;
	font-size: 37px
}
.koIconSize150 {
	width: 100px;
	min-width: 100px;
	height: 100px;
	line-height: 100px;
	font-size: 50px
}
.koIconSize175 {
	width: 125px;
	min-width: 125px;
	height: 125px;
	line-height: 125px;
	font-size: 62px
}
.koIconSize200 {
	width: 150px;
	min-width: 150px;
	height: 150px;
	line-height: 150px;
	font-size: 75px
}
@media (max-width: 767px) {
	div.kedit {
		padding: 20px
	}
	div.kedit .kedit {
		padding: 10px
	}
	section.kedit {
		padding: 40px 0
	}
}
@media (max-width: 992px) {}@media (min-width: 767px) {
	.keditRight:not(.headerBanner) {
		padding-left: 40%
	}
	.keditLeft:not(.headerBanner) {
		padding-right: 40%
	}
	.keditRight.headerBanner {
		margin-left: 40%
	}
	.keditLeft.headerBanner {
		margin-right: 40%
	}
	section.keditRight {
		padding-left: 30%
	}
	section.keditLeft {
		padding-right: 30%
	}
}
.ContactForm,
.ContactForm.whiteShadowContainer {
	max-width: 700px;
	margin: 0 auto;
	font-size: 16px
}
.ContactForm .form-row {
	padding: 3vw
}
.keditLayout_1 .ContactForm .form-row {
	padding: 0
}
.keditLayout_1 .ContactForm .thumbTitle {
	padding: 20px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2)
}
.keditLayout_1 .ContactForm.whiteShadowContainer {
	background: transparent;
	box-shadow: none
}
.keditLayout_2 .ContactForm .form-label {
	display: none
}
.keditLayout_2 .ContactForm .btn {
	display: block;
	width: 100%
}
.keditLayout_2 .ContactForm .form-row {
	padding: 0
}
.keditLayout_2 .ContactForm .thumbTitle {
	padding: 20px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2)
}
.keditLayout_2 .ContactForm.whiteShadowContainer {
	background: transparent;
	box-shadow: none
}
.keditFullHeight .keditInheritFullHeight {
	min-height: 100vh
}
.parallax-window {
	background-attachment: fixed !important;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: cover !important
}
@supports (-webkit-touch-callout: none) {
	.parallax-window {
		background-attachment: scroll !important
	}
}
.koBg1,
.koBgHover1:hover {
	background: #1865C5;
	background: linear-gradient(to bottom, #36A8F3 0, #37ACF5 4%, #1865C5 100%)
}
.koBg2,
.koBgHover2:hover {
	background: #fbdd32;
	background: linear-gradient(to bottom, #fbdd32 0, #ffeb34 4%, #fed430 50%, #ffcf31 100%)
}
.koBg3,
.koBgHover3:hover {
	background: #555;
	background: linear-gradient(to bottom, #666 0, #333 100%)
}
.koBg4,
.koBgHover4:hover {
	background: #BABEC7;
	background: linear-gradient(to bottom, #999DA9 10%, #E5E4E9 100%)
}
.koBg5,
.koBgHover5:hover {
	background: rgb(255, 48, 25);
	background: linear-gradient(to bottom, rgba(255, 48, 25, 1) 0, rgba(207, 4, 4, 1) 100%)
}
.koBgHover-1:hover {
	background: #1865C5;
	background: linear-gradient(to bottom, #37ACF5 4%, #1865C5 50%)
}
.koBgHover-2:hover {
	background: #ffeb34;
	background: linear-gradient(to bottom, #ffeb34 4%, #fed430 50%)
}
.koBgHover-3:hover {
	background: #555;
	background: linear-gradient(to bottom, #666 0, #333 50%)
}
.koBgHover-5:hover {
	background: rgb(255, 48, 25);
	background: linear-gradient(to bottom, rgba(255, 48, 25, 1) 0, rgba(207, 4, 4, 1) 50%)
}
.marketing .col-lg-4 {
	margin-bottom: 20px;
	text-align: center
}
.marketing h2 {
	font-weight: normal
}
.marketing .col-lg-4 p {
	margin-right: 10px;
	margin-left: 10px
}
@media (min-width: 992px) {
	.featurette-heading {}
}
#contentArea {
	min-height: 75vh
}
#contentArea hr {
	margin: 20px 0
}
#contentArea div.kedit .breadcrumb,
#contentArea .kedit .breadcrumb.breadcrumbHeader {}#website .breadcrumb a {
	text-decoration: none!important;
	color: #000!important
}
#website .breadcrumb a i {
	margin-right: 10px
}
#website .breadcrumb>li+li:before {
	content: "\203a";
	color: rgba(0, 0, 0, 0.2);
	width: 20px;
	display: inline-block;
	text-align: center
}
#website .breadcrumb>.active {
	color: rgba(0, 0, 0, 0.5)
}
#website .breadcrumb li>a:before {
	font-family: Font Awesome\ 5 Free;
	content: "\f015";
	display: inline-block;
	font-weight: 900;
	margin-right: 10px;
	font-size: 16px;
	padding: 0
}
#website .breadcrumb {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.1));
	background: none;
	padding: 0;
	margin: 0
}
.koThemeDark #contentArea .breadcrumb a,
#contentArea .keditDark .breadcrumb a {
	color: rgba(255, 255, 255, 0.9)!important
}
.koThemeDark #contentArea .breadcrumb a:hover,
#contentArea .keditDark .breadcrumb a:hover {
	color: rgba(255, 255, 255, 1)!important
}
.koThemeDark #contentArea .breadcrumb>.active,
#contentArea .keditDark .breadcrumb>.active {
	color: rgba(255, 255, 255, 0.6)
}
.koThemeDark #contentArea .breadcrumb>li+li:before,
#contentArea .keditDark .breadcrumb>li+li:before {
	color: rgba(255, 255, 255, 0.4)
}
.koButtons {
	margin: 20px 0 10px;
	clear: both
}
.kedit.koZeroPadding {
	padding: 0
}
.kedit.koZeroPadding .row {
	margin: 0
}
.kedit.koZeroPaddingRight {
	padding-right: 0
}
.kedit.koZeroPaddingLeft {
	padding-left: 0
}
.kedit.koZeroPaddingTop {
	padding-top: 0
}
.kedit.koZeroPaddingBottom {
	padding-bottom: 0
}
.keditPullRight:not(.kedit) {
	padding-right: 0;
	margin-right: 0
}
.keditPullLeft:not(.kedit) {
	margin-left: 0;
	padding-left: 0
}
img.boxShadow50 {
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.5)
}
.kedit.koBlock1 {
	display: flex;
	justify-content: center;
	align-items: center
}
.koBlock1 h2 {
	font-size: 40px;
	margin: 30px 0
}
.koBlock1 .koButtons {
	margin-top: 40px
}
.kedit.koBlock2 {
	padding: 0 15px
}
.koBlock2_A .row {
	overflow: hidden;
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.03) 33.33%, rgba(0, 0, 0, 0.06) 33.33%, rgba(0, 0, 0, 0.06) 66.66%, rgba(0, 0, 0, 0.09) 66.66%, rgba(0, 0, 0, 0.09) 100%)
}
.koBlock2_A .col-sm-4 {
	padding-top: 30px;
	padding-bottom: 30px
}
img.img-bw {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}
.koGreyLogos img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	max-height: 40px;
	max-width: 200px;
	opacity: 0.5;
	margin: 0 20px 40px
}
.koGreyLogos {
	text-align: center
}
.koGreyLogos {
	margin: -20px 0 -60px
}
.koGreyLogos-2 img {
	max-height: 40px;
	max-width: 200px;
	opacity: 0.5;
	margin: 0 20px 40px
}
.koGreyLogos-2 {
	text-align: center
}
.koGreyLogos-2 {
	margin: -20px 0 -60px
}
.koGreyLogos-3 img {
	max-height: 40px;
	max-width: 200px;
	margin: 15px 20px
}
.koGreyLogos-3 img.kimgfilter5,
.koGreyLogos-3 img.kimgfilter5.lazy[data-was-processed] {
	opacity: 0.5!important;
	transition: 0.2s opacity!important
}
.koGreyLogos-3 img.kimgfilter5:hover,
.koGreyLogos-3 img.kimgfilter5.lazy[data-was-processed]:hover {
	opacity: 1!important
}
.koGreyLogos-3 {
	text-align: center
}
.koGreyLogos-3 {
	margin: 0
}
.koGreyLogos-4 img {
	max-height: 30px
}
.koOpacity {
	opacity: 0.5
}
@media (min-width: 992px) {
	.nm-l100 {
		margin-left: -100px
	}
	.nm-r100 {
		margin-right: -100px
	}
	.nm-t100 {
		margin-top: -100px
	}
	.nm-b100 {
		margin-bottom: -100px
	}
	div.koBlock1 .row {
		max-width: 60vw
	}
}
.bs-1 {
	box-shadow: 0 15px 25px -15px rgba(0, 0, 0, 0.4)
}
.bs-2,
.btn.bs-2 {
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2)
}
.bs-3,
.btn.bs-3 {
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.5)
}
.bs-4 {
	box-shadow: 5px 15px 50px 0 rgba(0, 0, 0, .1)
}
.hoverUp {
	transition: .2s transform ease-in
}
.hoverUp:hover {
	transform: translateY(-5px)
}
.minHeight {
	min-height: 20px
}
#website {
	letter-spacing: -0.02em;
	font-size: 1.1rem
}
#website h1,
#website h2,
#website h3,
#website h4,
#website h5,
#website h6 {
	letter-spacing: -0.03em;
	font-weight: 700
}
#website h1 b,
#website h2 b,
#website h3 b,
#website h4 b,
#website h5 b,
#website h6 b {
	font-weight: 100
}
#contentArea,
.koThemeDark #contentArea .whiteShadowContainer,
#contentArea .keditWhite {
	color: rgba(0, 0, 0, 0.7)
}
.keditQuote {
	position: relative
}
.keditQuote:before {
	content: '❞';
	position: absolute;
	left: 0;
	top: 0;
	font-size: 150px;
	font-family: serif;
	transform: translateX(-25%) translateY(-25%);
	color: #000
}
.keditQuote.keditQuoteColor1:before {
	color: var(--color1)
}
.keditQuote.keditQuoteColor2:before {
	color: var(--color2)
}
#contentArea h1,
#contentArea h2,
#contentArea h3,
#contentArea h4,
.koThemeDark #contentArea .keditWhite strong,
.koThemeDark #contentArea .keditWhite h1,
.koThemeDark #contentArea .keditWhite h2,
.koThemeDark #contentArea .keditWhite h3,
.koThemeDark #contentArea .keditWhite h4,
.koThemeDark #contentArea .whiteShadowContainer strong,
.koThemeDark #contentArea .whiteShadowContainer h1,
.koThemeDark #contentArea .whiteShadowContainer h2,
.koThemeDark #contentArea .whiteShadowContainer h3,
.koThemeDark #contentArea .whiteShadowContainer h4,
#contentArea .keditDark .keditWhite strong,
#contentArea .keditDark .keditWhite h1,
#contentArea .keditDark .keditWhite h2,
#contentArea .keditDark .keditWhite h3,
#contentArea .keditDark .keditWhite h4 {
	color: rgba(0, 0, 0, 1)
}
.koThemeDark #contentArea .keditLayout_1 .ContactForm.whiteShadowContainer {
	color: rgba(255, 255, 255, 0.5)
}
.koThemeDark #contentArea .keditLayout_1 .ContactForm.whiteShadowContainer strong,
.koThemeDark #contentArea .keditLayout_1 .ContactForm.whiteShadowContainer h1,
.koThemeDark #contentArea .keditLayout_1 .ContactForm.whiteShadowContainer h2,
.koThemeDark #contentArea .keditLayout_1 .ContactForm.whiteShadowContainer h3,
.koThemeDark #contentArea .keditLayout_1 .ContactForm.whiteShadowContainer h4,
.koThemeDark #contentArea .keditLayout_2 .ContactForm.whiteShadowContainer strong,
.koThemeDark #contentArea .keditLayout_2 .ContactForm.whiteShadowContainer h1,
.koThemeDark #contentArea .keditLayout_2 .ContactForm.whiteShadowContainer h2,
.koThemeDark #contentArea .keditLayout_2 .ContactForm.whiteShadowContainer h3,
.koThemeDark #contentArea .keditLayout_2 .ContactForm.whiteShadowContainer h4 {
	color: rgba(255, 255, 255, 1)
}
.koThemeDark .keditLayout_1 .ContactForm .thumbTitle,
.koThemeDark .keditLayout_2 .ContactForm .thumbTitle {
	border-bottom-color: rgba(255, 255, 255, 0.2)
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
	margin-top: 10px;
	margin-bottom: 10px
}
.keditTextShadow {
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.5)
}
.keditTextShadow .kelement {
	text-shadow: none
}
.koThemeDark #contentArea {
	color: rgba(255, 255, 255, 0.5)
}
.koThemeDark #contentArea strong {
	color: rgba(255, 255, 255, 0.7)
}
.koThemeDark #contentArea select {
	color: #000
}
.koThemeDark #website {
	color: rgba(255, 255, 255, 0.5)
}
.koThemeDark #website h1,
.koThemeDark #website h2,
.koThemeDark #website h3:not(.thumbTitle),
.koThemeDark #website h4:not(.thumbTitle) {
	color: rgba(255, 255, 255, 1)
}
#website .keditDark {
	color: rgba(255, 255, 255, 0.7)
}
#website .keditDark strong {
	color: rgba(255, 255, 255, 0.9)
}
#website .keditDark h1,
#website .keditDark h2,
#website .keditDark h3:not(.thumbTitle),
#website .keditDark h4:not(.thumbTitle),
#website .keditDark h5:not(.thumbTitle) #website #footerContent .keditDark h5:not(.thumbTitle),
.ko_Theme #website #footerContent .keditDark h5:not(.thumbTitle) {
	color: rgba(255, 255, 255, 1)
}
#website .keditDark a:not(.btn):not(.page-link),
#website .keditDark a.btn.btn-link {
	color: rgba(255, 255, 255, 0.7)
}
#website .keditDark a:not(.btn):not(.page-link):hover,
#website .keditDark a.btn.btn-link:hover {
	color: rgba(255, 255, 255, 1)
}
.shopProductsList h3 {
	word-wrap: break-word
}
#contentArea .keditDark .btn.btn-ghost {
	color: #fff;
	border: 1px solid #fff
}
#contentArea .keditDark .btn.btn-ghost.btn-xl {
	border: 2px solid #fff;
	box-sizing: border-box
}
#contentArea .keditDark .btn.btn-ghost:hover {
	background: rgba(255, 255, 255, 0.3)
}
#footerContent {
	color: rgba(0, 0, 0, 0.5);
	overflow: hidden
}
#footerContent a:not(.btn) {
	color: rgba(0, 0, 0, 0.75);
	text-decoration: underline
}
#footerContent ul.sitemap,
.keditFooter ul.sitemap {
	min-width: inherit;
	margin-bottom: 30px
}
#footerContent ul.sitemap:not(:last-of-type),
.keditFooter ul.sitemap:not(:last-of-type) {
	margin-right: 100px
}
#footerContent ul.sitemap li,
.keditFooter ul.sitemap li {
	padding: 0;
	font-size: inherit;
	line-height: 1.5;
	font-weight: 700
}
#footerContent ul.sitemap h5 {
	font-weight: normal;
	font-size: 100%
}
#footerContent ul.sitemap ul,
.keditFooter ul.sitemap ul {
	margin: 10px 0 0;
	padding: 0
}
#footerContent ul.sitemap ul::before,
.keditFooter ul.sitemap ul::before {
	content: unset
}
#footerContent ul.sitemap ul li::before,
.keditFooter ul.sitemap ul li::before {
	content: unset
}
#website #footerContent ul.sitemap li a,
#website .keditFooter ul.sitemap li a {
	padding: 0;
	border: none;
	background: inherit;
	border-radius: 0;
	text-decoration: inherit;
	color: inherit;
	box-shadow: none;
	font-weight: 400;
	opacity: 0.7
}
#website #footerContent ul.sitemap li a:hover,
#website .keditFooter ul.sitemap li a:hover {
	opacity: 1
}
#website .kimgcover img {
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	object-fit: cover;
	object-position: center
}
.kimgRatio1,
.kimgRatio2 {
	width: 100%;
	position: relative
}
#website .kimgRatio1 img,
#website .kimgRatio2 img {
	object-fit: cover;
	width: 1000px;
	height: 1000px;
	position: absolute;
	top: 0;
	left: 0;
	max-height: 100%
}
.kimgRatio1 .keditImageWrap,
.kedit .kimgRatio1>a,
.kimgRatio2 .keditImageWrap,
.kedit .kimgRatio2>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block
}
.kimgRatio1::before,
.kimgRatio2::before {
	content: '';
	padding-top: 100%;
	float: left
}
.kimgRatio2::before {
	padding-top: 75%
}
.kimgRatio1::after,
.kimgRatio2::after {
	content: '';
	display: block;
	clear: both
}
.kimgfilter1 {
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
	background: #f5f6f7
}
.kimgfilter2 {
	border-radius: 10px
}
.kimgfilter3 {
	box-shadow: 2px 2px 12px -2px rgba(0, 0, 0, 0.1), 1px 3px 5px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	background: #f5f6f7
}
.kimgfilter4 {
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	border: 7px solid #fff;
	background: #f5f6f7
}
.kimgfilter5 {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}
.kimgfilter6 {
	border-radius: 50%;
	background: #f5f6f7
}
.kimgfilter7 {
	-webkit-filter: sepia(100%);
	filter: sepia(100%);
	background: #f5f6f7
}
.kfilterBgMove50 {
	background-position: -50vw!important
}
.kedit {
	position: relative
}
#website div.kfilter1,
div.kfilter1,
#website section.kfilter1,
div.keditActive.kfilter1,
div.keditActive.kfilter1:hover {
	box-shadow: inset 0 0 0 100vw rgba(0, 0, 0, 0.5)
}
#website div.kfilter2,
#website section.kfilter2,
div.keditActive.kfilter2,
div.keditActive.kfilter2:hover {
	box-shadow: inset 0 0 100vw 10vw rgba(0, 0, 0, 0.7)
}
#website div.kfilter3,
#website section.kfilter3,
div.keditActive.kfilter3,
div.keditActive.kfilter3:hover {
	box-shadow: inset 60vw 0 100vw rgba(0, 0, 0, 0.7)
}
#website div.kfilter4,
#website section.kfilter4,
div.keditActive.kfilter4,
div.keditActive.kfilter4:hover {
	box-shadow: inset -60vw 0 100vw rgba(0, 0, 0, 0.7)
}
#website div.kfilter5,
#website section.kfilter5,
div.keditActive.kfilter5,
div.keditActive.kfilter5:hover {
	box-shadow: inset 65vw 0 0 0 rgba(0, 0, 0, 0.5)
}
#website div.kfilter6,
#website section.kfilter6,
div.keditActive.kfilter6,
div.keditActive.kfilter6:hover {
	box-shadow: inset -65vw 0 0 0 rgba(0, 0, 0, 0.5)
}
#website div.kfilter11,
#website section.kfilter11,
div.keditActive.kfilter11,
div.keditActive.kfilter11:hover {
	box-shadow: inset 0 0 0 100vw rgba(255, 255, 255, 0.8)
}
#website div.kfilter12,
#website section.kfilter12,
div.keditActive.kfilter12,
div.keditActive.kfilter12:hover {
	box-shadow: inset 0 0 100vw 10vw rgba(255, 255, 255, 0.8)
}
#website div.kfilter13,
#website section.kfilter13,
div.keditActive.kfilter13,
div.keditActive.kfilter13:hover {
	box-shadow: inset 60vw 0 100vw rgba(255, 255, 255, 0.8)
}
#website div.kfilter14,
#website section.kfilter14,
div.keditActive.kfilter14,
div.keditActive.kfilter14:hover {
	box-shadow: inset -60vw 0 100vw rgba(255, 255, 255, 0.8)
}
#website div.kfilter15,
#website section.kfilter15,
div.keditActive.kfilter15,
div.keditActive.kfilter15:hover {
	box-shadow: inset 65vw 0 0 rgba(255, 255, 255, 0.8)
}
#website div.kfilter16,
#website section.kfilter16,
div.keditActive.kfilter16,
div.keditActive.kfilter16:hover {
	box-shadow: inset -65vw 0 0 rgba(255, 255, 255, 0.8)
}
#website div.kfilter21 .keditHeader,
div.keditActive.kfilter21 .keditHeader,
div.keditActive.kfilter21:hover .keditHeader,
#website div.kfilter22 .keditHeader,
div.keditActive.kfilter22 .keditHeader,
div.keditActive.kfilter22:hover .keditHeader {
	box-shadow: inset 0 0 0 100vw rgba(0, 0, 0, 0.3)
}
#website div.kfilter22 .keditHeader,
div.keditActive.kfilter22 .keditHeader,
div.keditActive.kfilter22:hover .keditHeader,
#website div.kfilter23 .keditHeader,
div.keditActive.kfilter23 .keditHeader,
div.keditActive.kfilter23:hover .keditHeader,
#website div.kfilter23 .headerBanner,
div.keditActive.kfilter23 .headerBanner,
div.keditActive.kfilter23:hover .headerBanner,
#website div.headerBanner.kfilter23,
div.headerBanner.keditActive.kfilter23,
div.headerBanner.keditActive.kfilter23:hover {
	border-radius: 25px
}
#website div.kfilter23 .keditHeader,
div.keditActive.kfilter23 .keditHeader,
div.keditActive.kfilter23:hover .keditHeader,
#website div.kfilter23 .headerBanner,
div.keditActive.kfilter23 .headerBanner,
div.keditActive.kfilter23:hover .headerBanner,
#website div.headerBanner.kfilter23,
div.headerBanner.keditActive.kfilter23,
div.keditActive.headerBanner.kfilter23:hover,
div.kedit.headerBanner.kfilter23:hover {
	box-shadow: inset 0 0 0 100vw rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.4)
}
#website div.kfilterColor1,
#website section.kfilterColor1,
div.keditActive.kfilterColor1,
div.keditActive.kfilterColor1:hover {
	--filtercolor: rgba(var(--color1_rgb), 0.75);
	box-shadow: inset 0 0 0 100vw var(--filtercolor)
}
#website div.kfilterColor2,
div.kfilterColor2,
#website section.kfilterColor2,
div.keditActive.kfilterColor2,
div.keditActive.kfilterColor2:hover {
	--filtercolor: rgba(var(--color2_rgb), 0.75);
	box-shadow: inset 0 0 0 100vw var(--filtercolor)
}
.koPreTitle {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 1rem;
	font-weight: 700;
	color: rgba(0, 0, 0, 0.3)
}
.keditDark .koPreTitle {
	color: rgba(255, 255, 255, 0.3)
}
.koHeader1 {
	text-align: center;
	position: relative;
	line-height: 2;
	overflow: hidden
}
.koHeader1:before,
.koHeader1:after {
	content: "";
	display: inline-block;
	bottom: .6ex;
	left: -2ex;
	width: 100%;
	margin-left: -100%;
	height: 3px;
	position: relative;
	border-bottom: 2px solid rgba(0, 0, 0, 0.3)
}
.koHeader1::after {
	left: 2ex;
	margin-right: -100%;
	margin-left: auto
}
.koHeader2 {
	text-align: center;
	position: relative;
	line-height: 2;
	overflow: hidden
}
.koHeader2:before,
.koHeader2:after {
	content: "";
	display: inline-block;
	bottom: .6ex;
	left: -2ex;
	width: 100%;
	margin-left: -100%;
	height: 2px;
	position: relative;
	background: linear-gradient(to right, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.3))
}
.koHeader2::after {
	left: 2ex;
	margin-right: -100%;
	margin-left: auto;
	background: linear-gradient(to left, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.3))
}
#website img {
	display: inline-block;
	/*height: auto;*/
	max-width: 100%;
	flex: none
}
#website .input-group-addon img {
	max-width: none
}
.col-autoheight {
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0
}
.col-autoheight-right {
	right: 0
}
.col-autoheight-left {
	left: 0
}
#website .img-autoheight {
	object-fit: cover;
	height: 100%;
	width: 100%
}
@media (max-width: 768px) {
	.keditLayer_footer,
	.keditLayer_header {
		height: inherit!important
	}
	.col-autoheight {
		height: inherit;
		position: relative;
		top: inherit;
		bottom: inherit;
		max-height: 50vh
	}
	.keditExpand {
		position: static;
		z-index: inherit;
		top: inherit;
		right: inherit;
		bottom: inherit;
		height: inherit;
		width: 100%
	}
	.col-8.keditExpand {
		display: none
	}
}
.col-autoheight .keditImageWrap {
	height: 100%;
	width: 100%
}
@media (min-width: 768px) {
	.img-perspective-right {
		will-change: transform;
		transition: all 0.3s ease-out!important;
		box-shadow: 15px 25px 50px rgba(0, 0, 0, 0.25);
		transform: perspective(1000px) rotateY(-15deg) rotateX(5deg) rotateZ(5deg) scaleY(0.9) scaleX(0.95)
	}
	.img-perspective-right:hover,
	.keditImageWrap:hover .img-perspective-right {
		box-shadow: 5px 15px 50px rgba(0, 0, 0, 0.3) !important;
		transform: perspective(1000px) rotateY(0deg) rotateX(0deg) rotateZ(0deg) scale(1) !important
	}
	.img-perspective-left {
		will-change: transform;
		transition: all 0.3s ease-out!important;
		box-shadow: -15px 25px 50px rgba(0, 0, 0, 0.25);
		transform: perspective(1000px) rotateY(15deg) rotateX(5deg) rotateZ(-5deg) scaleY(0.9) scaleX(0.95)
	}
	.img-perspective-left:hover,
	.keditImageWrap:hover .img-perspective-left {
		box-shadow: -5px 15px 50px rgba(0, 0, 0, 0.3) !important;
		transform: perspective(1000px) rotateY(0deg) rotateX(0deg) rotateZ(0deg) scale(1) !important
	}
}
.loginWithPanel img {
	display: block;
	float: left;
	margin-right: 20px
}
.btn.loginWithPanel {
	display: block;
	overflow: auto;
	padding: 20px 30px;
	text-align: left;
	color: #666
}
.loginWithPanel span {
	line-height: 20px;
	padding: 10px;
	display: block
}
.btn-facebook:before {
	font-family: "Font Awesome 5 Brands";
	content: "\f082";
	margin-right: 7%
}
.btn-twitter:before {
	font-family: "Font Awesome 5 Brands";
	content: "\f099";
	margin-right: 7%
}
.btn-google:before {
	font-family: "Font Awesome 5 Brands";
	content: "\f0d5";
	margin-right: 7%
}
.btn-linkedin:before {
	font-family: "Font Awesome 5 Brands";
	content: "\f08c";
	margin-right: 7%
}
.btn-youtube:before {
	font-family: "Font Awesome 5 Brands";
	content: "\f167";
	margin-right: 7%
}
.btn-instagram:before {
	font-family: "Font Awesome 5 Brands";
	content: "\f16d";
	margin-right: 7%
}
.btn-email:before {
	font-family: "Font Awesome 5 Free";
	content: "\f0e0";
	margin-right: 7%
}
.btn-addtoany:before {
	font-family: "Font Awesome 5 Free";
	content: "\f1e0";
	text-indent: 0;
	font-weight: 800
}
.btn-facebook {
	background: #3B5998;
	color: #fff!important;
	text-decoration: none;
	margin-bottom: 5px
}
.btn-facebook:hover {
	background: #2A477D;
}
.btn-twitter,
.btn-twitter:hover {
	background: #55ACEE;
	color: #fff!important;
	text-decoration: none;
	margin-bottom: 5px
}
.btn-twitter:hover {
	background: #0084B4
}
.btn-google,
.btn-google:hover {
	background: #E53935;
	color: #fff!important;
	text-decoration: none;
	margin-bottom: 5px
}
.btn-google:hover {
	background: #C9322E
}
.btn-linkedin,
.btn-linkedin:hover {
	background: #1D87BD;
	color: #fff!important;
	text-decoration: none;
	margin-bottom: 5px
}
.btn-linkedin:hover {
	background: #0077B5
}
.btn-youtube,
.btn-youtube:hover {
	background: #E32524;
	color: #fff!important;
	text-decoration: none;
	margin-bottom: 5px
}
.btn-youtube:hover {
	background: #CC181E
}
.btn-instagram,
.btn-instagram:hover {
	background: #4c89bb;
	color: #fff!important;
	text-decoration: none;
	margin-bottom: 5px
}
.btn-instagram:hover {
	background: #3f729b
}
.btn-email,
.btn-addtoany,
.btn-email:hover,
.btn-addtoany:hover {
	background: #8899A6;
	color: #fff!important;
	text-decoration: none;
	margin-bottom: 5px
}
.btn-email:hover,
.btn-addtoany:hover {
	background: #777
}
.btn-addtoany span {
	display: none
}
.btn-addtoany {
	font-family: "Font Awesome 5 Free";
	content: "\f1e0";
	font-weight: 800;
	margin-bottom: 5px;
	min-width: 0!important
}
.topmenu .topmenuSocial a {
	display: inline-block;
	padding: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-shadow: none
}
#headerMenu.koMenu2 .topmenu .topmenuSocial a,
#headerMenu.koMenu7 .topmenu .topmenuSocial a {
	padding: 0 15px;
	width: auto
}
html:not(.koTheme4) #headerMenu:not(.koMenu2):not(.koMenu7) .topmenuSocial span {
	margin-left: 10px;
	padding-left: 10px;
	display: inline-block
}
html:not(.koTheme4) #headerMenu.koMenu5 .topmenuSocial span,
.koTheme5 #headerMenu .topmenuSocial span {}.koTheme4 #headerMenu.koMenu2 li.topmenuSocial a,
.koTheme4 #headerMenu.koMenu7 li.topmenuSocial a {
	border: 0
}
.koTheme4 #headerMenu .topmenuSocial span {
	display: block;
	text-align: center;
	border: none;
	padding: 25px 0 0;
	margin: 0
}
#headerMenu .topmenu .topmenuSocial span a:hover {
	border-radius: 3px;
	opacity: 1
}
#headerMenu .topmenu .topmenuSocial span a.koSocialFacebookHover:hover {
	color: #fff;
	background: #44619D
}
#headerMenu .topmenu .topmenuSocial span a.koSocialTwitterHover:hover {
	color: #fff;
	background: #55ACEE
}
#headerMenu .topmenu .topmenuSocial span a.koSocialGoogleHover:hover {
	color: #fff;
	background: #DE5347
}
#headerMenu .topmenu .topmenuSocial span a.koSocialYouTubeHover:hover {
	color: #fff;
	background: #CC181E
}
#headerMenu .topmenu .topmenuSocial span a.koSocialSkypeHover:hover {
	color: #fff;
	background: #009EE5
}
#headerMenu .topmenu .topmenuSocial span a.koSocialWhatsappHover:hover {
	color: #fff;
	background: #02E876
}
#headerMenu .topmenu .topmenuSocial span a.koSocialInstagramHover:hover {
	color: #fff;
	background: #125688
}
#headerMenu .topmenu .topmenuSocial span a.koSocialPinterestHover:hover {
	color: #fff;
	background: #BD1D23
}
#headerMenu .topmenu .topmenuSocial span a.koSocialLinkedInHover:hover,
#headerMenu .topmenu .topmenuSocial span a.koSocialLinkedHover:hover {
	color: #fff;
	background: #1A85BC
}
#headerMenu .topmenu .topmenuSocial span a.koSocialTelegramHover:hover {
	color: #fff;
	background: #34AEED
}
#headerMenu .topmenu .topmenuSocial span a.koSocialVKHover:hover {
	color: #fff;
	background: #4B75A8
}
#headerMenu .topmenu .topmenuSocial span a.koSocialOKHover:hover {
	color: #fff;
	background: #EE8213
}
.ko_Theme .menuHolder li {
	align-items: center;
	display: flex!important
}
.ko_Theme .menuHolder li.topmenuSocial a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	line-height: 30px;
	text-shadow: none;
	background: none;
	opacity: 0.7;
	text-transform: inherit
}
.ko_Theme .menuHolder li.topmenuSocial em {
	display: block;
	line-height: 18px;
	margin-top: -7px;
	opacity: 0.7;
	font-weight: normal;
	font-style: normal;
	font-size: 75%
}
.ko_Theme .menuHolder li.topmenuSocial#topmenuSocialShop a {
	height: auto;
	background: inherit
}
#topmenuSocialShop a {
	width: auto;
	padding-left: 10px;
	padding-right: 12px;
	position: relative
}
#topmenuSocialShop {}#totalItems {
	border-radius: 5px;
	position: absolute;
	top: 0;
	right: 0;
	height: 18px;
	width: 18px;
	text-align: center;
	line-height: 18px;
	background: var(--color1);
	color: var(--color1_25);
	opacity: 1;
	padding: 0 !important;
	font-size: 12px
}
#contentArea figure.image {
	display: inline-block;
	border: 1px solid #ccc;
	margin: 10px 2px 10px 1px;
	background: #f5f2f0
}
#contentArea figure.align-left {
	float: left
}
#contentArea figure.align-right {
	float: right
}
#contentArea figure.image img {
	margin: 10px 10px 0
}
#contentArea figure.image figcaption {
	margin: 6px 10px;
	text-align: center;
	font-size: 12px
}
.kedit .page-header {
	margin-top: 0
}
.WxEditableArea .pagination>.active>a,
.WxEditableArea .pagination>.active>a:hover {
	color: #fff
}
ul.koCheckList {
	margin: 0;
	padding: 0;
	list-style: none
}
ul.koCheckList li {
	color: #000;
	position: relative;
	padding: 0 0 0 50px;
	margin-bottom: 10px
}
.koThemeDark ul.koCheckList li,
.keditDark ul.koCheckList li {
	color: #FFF
}
ul.koCheckList li:before {
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	padding: 0;
	margin-right: 10px;
	background: #ccc;
	color: #fff;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	background: transparent!important;
	color: var(--color1);
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	position: absolute
}
.koThemeDark ul.koCheckList li:before,
.keditDark ul.koCheckList li:before {
	color: rgba(0, 0, 0, 0.7)
}
.koGrid {
	display: flex;
	flex-wrap: wrap
}
.koGrid .col-sm-6 {
	display: flex;
	flex-direction: column;
	justify-content: center
}
.koGrid .col-sm-6:nth-of-type(1),
.koGrid .col-sm-6:nth-of-type(2),
.koGrid .col-sm-6.col-md-4:nth-of-type(3) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}
.koGrid .col-sm-6 {
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	position: relative
}
.keditDark .koGrid .col-sm-6.col-md-4:nth-of-type(1),
.keditDark .koGrid .col-sm-6.col-md-4:nth-of-type(2),
.keditDark .koGrid .col-sm-6.col-md-4:nth-of-type(3),
.koThemeDark .koGrid .col-sm-6.col-md-4:nth-of-type(1),
.koThemeDark .koGrid .col-sm-6.col-md-4:nth-of-type(2),
.koThemeDark .koGrid .col-sm-6.col-md-4:nth-of-type(3) {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}
.keditDark .koGrid .col-sm-6.col-md-4,
.koThemeDark .koGrid .col-sm-6.col-md-4 {
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	position: relative
}
.koGrid .col-sm-6:hover {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.025) 100%)
}
.koGrid .col-sm-6.col-md-4:nth-of-type(3n) {
	border-right: 0
}
.koGrid .col-sm-6.col-md-6:nth-of-type(2n) {
	border-right: 0
}
.koGrid .col-sm-6 {
	padding: 45px 20px 30px
}
.koGrid h2 {
	font-size: 120%;
	font-weight: 500;
	margin: 34px 0 18px
}
div.kedit .koGrid i:not(.fa-lg):not(.fa-2x):not(.fa-3x):not(.fa-4x):not(.fa-5x),
div.kedit .koGrid span.fa {
	font-size: 200%
}
@media (max-width: 991px) {
	.koGrid .col-sm-6.col-md-4:nth-of-type(n) {
		border-bottom: 0;
		border-right: 0;
		border-top: 0
	}
}
.text-black,
.text-black a {
	color: rgba(0, 0, 0, 1)!important
}
.koCard1 {
	border: 0;
	box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.1)
}
.koCard1 .card-body,
.kopageMenu .koCard1 .card-body {
	padding: 1.25rem
}
.koSquares {
	overflow: auto
}
.koSquares .koSquare {
	float: left;
	position: relative;
	margin: 0;
	background-color: #000;
	overflow: hidden
}
.koSquares3 .koSquare {
	width: 33.333333333%;
	padding-bottom: 33.333333333%
}
.koSquares4 .koSquare {
	width: 25%;
	padding-bottom: 25%
}
.koSquareContent {
	position: absolute;
	height: 100%;
	width: 100%;
	padding: 0
}
#website .koSquareContent a:not(.keditInlineEdit) {
	position: absolute;
	top: 0;
	left: 0;
	color: #555;
	text-decoration: none;
	display: block;
	bottom: 0;
	right: 0;
	text-align: left;
	padding: 10% 5% 5%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 70%);
	transition: 0.2s all;
	margin-top: -5%
}
#website .koSquareContent a:not(.keditInlineEdit):hover {
	padding-top: 7%;
	margin-top: 0
}
.koSquareContent a strong {
	display: block;
	font-size: 150%;
	color: #000
}
.koSquare_content {
	position: absolute;
	height: 100%;
	width: 100%;
	padding: 0;
	z-index: 1
}
.koSquare_content>a strong {
	display: block;
	font-size: 150%;
	color: #000
}
.koSquare_content>a {
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
	display: block;
	bottom: 0;
	right: 0;
	text-align: left;
	height: 100%
}
.koSquare_content>a span {
	padding: 10% 5% 5%;
	position: absolute;
	color: #555;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	transition: 0.2s all;
	margin-top: -5%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 70%)
}
.koSquare_content>a em {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover
}
.koSquare_content>a:hover span {
	padding-top: 7%;
	margin-top: 0
}
#website .keditDark .koSquareContent>a:not(.keditInlineEdit) {
	color: rgba(255, 255, 255, 0.8);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 10%, rgba(0, 0, 0, 0) 50%)
}
#website .keditDark .koSquareContent>a:not(.keditInlineEdit):hover {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 10%, rgba(0, 0, 0, 0) 70%)
}
#website .keditDark .koSquareContent>a strong {
	color: #fff
}
.keditDark .koSquare_content>a span {
	color: rgba(255, 255, 255, 0.8);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 10%, rgba(0, 0, 0, 0) 50%)
}
.keditDark .koSquare_content>a:hover span {}.keditDark .koSquare_content>a span:before {
	transition: 0.33s opacity;
	content: "";
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 70%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	opacity: 0
}
.keditDark .koSquare_content>a:hover span:before {
	opacity: 1
}
.keditDark .koSquare_content>a strong {
	color: #fff
}
#website .kedit.mce-content-body .koSquareContent a:not(.keditInlineEdit) {
	background: rgba(255, 255, 255, 0.7);
	bottom: auto
}
#website .kedit.mce-content-body.keditDark .koSquareContent a:not(.keditInlineEdit) {
	background: rgba(0, 0, 0, 0.5);
	bottom: auto
}
@media (max-width: 900px) {
	.koSquares .koSquare {
		width: 50%;
		padding-bottom: 50%
	}
}
@media (max-width: 600px) {
	.koSquares .koSquare {
		width: 100%;
		padding-bottom: 100%
	}
}
#website .koSquareContent img {
	height: 100%;
	width: auto;
	max-height: 100%;
	max-width: none
}
.koCount ol {
	counter-reset: li;
	margin: 20px 0;
	padding: 0
}
.koCount ol>li {
	position: relative;
	margin: 0 0 10px 30px;
	padding: 4px 8px 4px 70px;
	list-style: none;
	overflow: hidden;
	min-height: 50px
}
.koCount ol>li::before {
	content: counter(li);
	counter-increment: li;
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-right: 8px;
	padding: 0;
	text-align: center;
	color: white;
	background-color: var(--color1);
	border-radius: 40px;
	font-weight: 700
}
.koCount ol ol li:last-child {
	margin-bottom: 0
}
.kopt_plan ul {
	list-style: none;
	padding: 0;
	margin: 0
}
.kopt_plan li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding: 10px;
	margin: 0;
	text-align: center
}
section .kopt_plan li:last-of-type {
	border: 0
}
section .kopt_plan .btn {
	display: block;
	margin: 20px;
	width: auto
}
section.koPricingTableFlat .kopt_plan .btn {
	margin: 20px 0
}
.kopt_plan {
	background-color: var(--color2);
	border-radius: 0 0 5px 5px;
	color: var(--color2_bw);
	text-align: center
}
.kopt_header {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding: 20px;
	font-size: 90px
}
.kopt_header sub {
	font-size: 32px;
	margin-top: -30px;
	bottom: .25em
}
.kopt_header sup {
	font-size: 40px
}
.kopt_header small {
	display: block;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.2);
	padding: 0;
	margin: -20px 0 0
}
.kopt_price {
	padding: 20px
}
.koPricingTableClean .kopt_plan {
	background: #fff;
	color: #555
}
.koPricingTableClean .kopt_header,
.koPricingTableClean .kopt_plan li {
	border-bottom-color: rgba(0, 0, 0, 0.2)
}
.koPricingTableClean .kopt_header small {
	color: rgba(0, 0, 0, 0.2)
}
.koPricingTableFlat .kopt_plan {
	background: transparent;
	color: #555
}
.koPricingTableFlat .kopt_plan ul {
	color: rgba(0, 0, 0, 0.6)
}
.koPricingTableFlat .kopt_header,
.koPricingTableFlat .kopt_plan li {
	border-bottom-color: rgba(0, 0, 0, 0.2)
}
.koPricingTableFlat .kopt_plan li {
	text-align: left
}
.koPricingTableFlat .kopt_header {
	padding-top: 0!important
}
.koPricingTableFlat .kopt_header small {
	color: rgba(0, 0, 0, 0.5);
	font-size: 16px!important
}
.koPricingTableFlat .kopt_type {
	background: transparent;
	color: #555
}
.koPricingTableFlat .kopt_price {
	padding: 20px 0 0
}
.kopt_type {
	display: block!important;
	margin: 0;
	box-shadow: inset 0 -5px 0 0 var(--color1_bw);
	border-radius: 5px 5px 0 0;
	font-size: 29px;
	color: #fff;
	text-align: center;
	padding: 20px
}
.koPricingTable .col-md-4:nth-of-type(1) .kopt_type,
.koPricingTable .col-lg-4:nth-of-type(1) .kopt_type,
.koPricingTable .col-lg-6:nth-of-type(1) .kopt_type {
	background: var(--color1_75);
	color: var(--color1_75_bw)
}
.koPricingTable .col-md-4:nth-of-type(2) .kopt_type,
.koPricingTable .col-lg-4:nth-of-type(2) .kopt_type,
.koPricingTable .col-lg-6:nth-of-type(2) .kopt_type {
	background: var(--color1);
	color: var(--color1_bw)
}
.koPricingTable .col-md-4:nth-of-type(3) .kopt_type,
.koPricingTable .col-lg-4:nth-of-type(3) .kopt_type {
	background: var(--color1_75);
	color: var(--color1_75_bw)
}
.koPricingTable:not(.koPricingTableFlat) .col-md-4,
.koPricingTable:not(.koPricingTableFlat) .col-lg-4,
.koPricingTable:not(.koPricingTableFlat) .col-lg-6 {
	padding: 0;
	margin-bottom: 10px;
	border-radius: 5px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
	transition: all .3s ease-in-out
}
.koPricingTable:not(.koPricingTableFlat) .col-md-4:hover,
.koPricingTable:not(.koPricingTableFlat) .col-lg-4:hover,
.koPricingTable:not(.koPricingTableFlat) .col-lg-6:hover {
	transform: scale(1.01);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08)
}
.koPricingTable:not(.koPricingTableFlat) .col-md-4:nth-of-type(2),
.koPricingTable:not(.koPricingTableFlat) .col-lg-4:nth-of-type(2),
.koPricingTable:not(.koPricingTableFlat) .col-lg-6:nth-of-type(2) {
	z-index: 2;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12), 0 5px 5px rgba(0, 0, 0, 0.08);
	transform: scale(1.05)
}
.koPricingTable:not(.koPricingTableFlat) .col-md-4:nth-of-type(2):hover,
.koPricingTable:not(.koPricingTableFlat) .col-lg-4:nth-of-type(2):hover,
.koPricingTable:not(.koPricingTableFlat) .col-lg-6:nth-of-type(2):hover {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.22), 0 5px 15px rgba(0, 0, 0, 0.12);
	transform: scale(1.07)
}
.koPricingTable {
	overflow: hidden
}
.koMenuVertical,
.koMenuHorizontal {
	text-align: center;
	overflow: auto
}
.koMenuVertical ul,
.koMenuHorizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 400px;
	display: inline-block
}
.koMenuHorizontal ul {
	width: auto;
	max-width: 100%
}
.koMenuVertical li {
	display: block;
	text-align: left;
	padding: 0;
	margin: 0
}
.koMenuHorizontal li {
	display: inline-block;
	text-align: left;
	padding: 0;
	margin: 0
}
#website .koMenuVertical li a,
#website .koMenuHorizontal li a {
	display: block;
	margin: 0 0 3px;
	background: rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	text-decoration: none!important;
	color: #555;
	transition: 0.2s all;
	text-indent: 0;
	line-height: 1.2;
	padding: 10px 15px
}
#website .koMenuVertical li a:hover,
#website .koMenuHorizontal li a:hover {
	color: #333;
	background: rgba(0, 0, 0, 0.1)
}
.koThemeDark .koMenuVertical li a,
.koThemeDark .koMenuHorizontal li a,
#website .keditDark .koMenuHorizontal li a,
#website .keditDark .koMenuVertical li a {
	background: rgba(255, 255, 255, 0.2);
	color: rgba(255, 255, 255, 0.8)
}
.koThemeDark .koMenuVertical li a span,
.koThemeDark .koMenuHorizontal li a span,
.keditDark .koMenuHorizontal li a span,
.keditDark .koMenuVertical li a span {
	color: rgba(255, 255, 255, 0.8)
}
.koMenuHorizontal li a {
	text-indent: 0;
	padding: 0 20px;
	line-height: 40px;
	margin: 0
}
.koMenuVertical li a span,
.koMenuHorizontal li a span {
	color: #555
}
.koMenuVertical li a:hover,
.koMenuHorizontal li a:hover {
	background: #eee
}
.koMenuVertical li a:hover span,
.koMenuHorizontal li a:hover span {
	color: #333
}
.koThemeDark .koMenuVertical li a:hover,
.koThemeDark .koMenuHorizontal li a:hover,
.keditDark .koMenuVertical li a:hover,
.keditDark .koMenuHorizontal li a:hover {
	background: rgba(255, 255, 255, 0.3)
}
.koThemeDark .koMenuVertical li a:hover span,
.koThemeDark .koMenuHorizontal li a:hover span,
.keditDark .koMenuVertical li a:hover span,
.keditDark .koMenuHorizontal li a:hover span {
	color: rgba(255, 255, 255, 0.9)
}
.koMenuVertical li ul li {
	margin-left: 7%
}
.koMenuHorizontal li ul {
	position: absolute;
	display: none;
	width: 200px
}
.koMenuHorizontal li ul li {
	display: block;
	padding-top: 5px
}
.koMenuHorizontal li:hover ul li ul {
	display: none;
	right: -200px;
	top: 0
}
.koMenuHorizontal li:hover ul {
	display: block
}
.koMenuHorizontal li:hover ul li:hover ul {
	display: block
}
@media (min-width: 900px) {
	.rowVCenter {
		display: flex;
		align-items: center
	}
	.rowVCenter .col-md-1,
	.rowVCenter .col-md-2,
	.rowVCenter .col-md-3,
	.rowVCenter .col-md-4,
	.rowVCenter .col-md-5,
	.rowVCenter .col-md-6,
	.rowVCenter .col-md-7,
	.rowVCenter .col-md-8,
	.rowVCenter .col-md-9,
	.rowVCenter .col-md-10,
	.rowVCenter .col-md-11,
	.rowVCenter .col-md-12 {}
}
audio.kopageAudio {
	display: block;
	text-align: center;
	margin: 0 auto;
	border-radius: 5px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1)
}
.h-100 {
	height: 100%
}
.btn-default {
	color: #333!important;
	background-color: #f5f6f7;
	border-color: #f5f6f7
}
.btn-default:hover {
	background-color: #eee;
	border-color: #eee
}
#website .btn-primary,
#website .btn-secondary,
#website .btn-warning,
#website .btn-danger,
#website .btn-info,
#website .btn-success {}ul.dropmenudiv,
.dropmenudiv ul,
.dropmenudiv li ul {
	visibility: hidden;
	position: absolute;
	z-index: 66500;
	background: #fff;
	margin: 0;
	padding: 5px;
	min-width: 200px;
	list-style: none;
	border: 0;
	border-radius: 6px;
	box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.20), 1px 1px 3px rgba(0, 0, 0, 0.25);
	margin-top: 5px!important
}
.dropmenudiv li a,
.topmenu .topmenuSocial .dropdown-item {
	border-radius: 3px;
	display: block;
	text-decoration: none;
	background: #fff;
	color: #555;
	padding: 7px 14px!important;
	margin: 5px;
	font-size: 90%!important;
	font-family: var(--kopageInterfaceFont_system)
}
.dropmenudiv li a:hover,
.topmenu .topmenuSocial .dropdown-item:hover {
	background: #ebebeb;
	color: #333
}
.topmenuSocial .dropdown-menu {
	border-radius: 6px;
	border: 0;
	padding: 5px!important;
	box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.20), 1px 1px 3px rgba(0, 0, 0, 0.25)
}
.topmenuSocial .dropdown-toggle:focus {
	box-shadow: 0 0 10px -7px black
}
#website {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.koLine {
	background: rgba(0, 0, 0, 0.1);
	min-height: 5px;
	border-radius: 50px;
	width: 100%;
	margin: 0 auto
}
.keditDark .koLine {
	background: rgba(255, 255, 255, 0.3)
}
section .koOpacity,
section.keditDark .keditWhite .koOpacity {
	color: rgba(0, 0, 0, 0.5);
	opacity: 1
}
section.keditDark .koOpacity {
	color: rgba(255, 255, 255, 0.5)
}
section .koOpacity30,
section.keditDark .keditWhite .koOpacity30 {
	color: rgba(0, 0, 0, 0.3);
	opacity: 1
}
section.keditDark .koOpacity30 {
	color: rgba(255, 255, 255, 0.3)
}
.koButtons .btn:not(.btn-link) {
	min-width: 160px;
	padding-left: 25px;
	padding-right: 25px
}
h2 a {
	text-decoration: none!important
}
.koTabs {
	display: flex;
	flex-wrap: wrap
}
.koTabs label {
	order: 1;
	display: block;
	padding: 10px 25px;
	margin: 0;
	cursor: pointer
}
.koTabs .koTab {
	order: 99;
	flex-grow: 1;
	width: 100%;
	display: none;
	padding: 0
}
.koTabs.koTabsVertical {
	width: 180px
}
.koTabs.koTabsVertical label {
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	clear: both;
	width: 100%;
	background: none;
	position: relative;
	box-sizing: border-box;
	color: rgba(0, 0, 0, 0.5);
	text-align: left;
	font-size: 90%
}
.koTabs.koTabsVertical label:hover {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03))
}
.koTabs.koTabsVertical label:first-of-type,
.koTabs.koTabsVertical label:last-of-type {
	height: 50px;
	background: none;
	cursor: default;
	border: 0;
	padding: 0
}
.koTabs.kopageMenuTabs {
	min-height: 100%;
	padding: 10px 0 10px 10px;
	float: left;
	position: relative;
	border-right: 1px solid rgba(0, 0, 0, 0.15);
	background: #fff;
	width: 180px
}
.koTabs.kopageMenuTabs label {
	position: relative;
	box-sizing: border-box;
	clear: both;
	text-align: left;
	text-decoration: none;
	display: block;
	padding: 5px 15px;
	color: rgba(0, 0, 0, 0.5);
	border-radius: 5px;
	font-size: 16px;
	font-size: 14px;
	margin: 0 8px 5px 0
}
.koTabs.kopageMenuTabs label:hover {
	color: var(--kopageColor_LeftMenu)
}
.koTabs.kopageMenuTabs input[type="radio"]:checked + label {
	color: rgba(255, 255, 255, 0.8);
	background: var(--kopageColor_LeftMenu);
	border-radius: 4px 0 0 4px;
	margin-right: 0
}
.koTabs.kopageMenuTabs .koTab {
	width: 520px;
	position: absolute;
	left: 180px;
	padding: 30px
}
.koTabs.koTabsVertical label:first-of-type:before {
	content: " ";
	position: absolute;
	right: 0;
	height: 50px;
	width: 1px;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1))
}
.koTabs.koTabsVertical label:last-of-type:before {
	content: " ";
	position: absolute;
	right: 0;
	height: 50px;
	width: 1px;
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1))
}
.koTabs.koTabsVertical input[type="radio"]:checked + label {
	background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-right: 0;
	border-left: 5px solid rgba(0, 0, 0, 0.1);
	color: #000;
	padding: 9px 20px
}
.koTabs.koTabsVertical .koTab {
	width: 520px;
	position: absolute;
	left: 180px;
	padding: 30px
}
.koTabs.koTabsVertical .koTab {
	overflow-x: hidden;
	overflow-y: auto;
	height: calc(100% - 110px)
}
.koTabs input[type="radio"] {
	display: none
}
.koTabs input[type="radio"]:checked + label {}.koTabs input[type="radio"]:checked + label + .koTab {
	display: block
}
@media (max-width: 45em) {
	.koTabs .koTab,
	.koTabs label {
		order: initial
	}
	.koTabs label {
		width: 100%;
		margin-right: 0;
		margin-top: 0.2rem
	}
}
.kedit.keditFullHeight {
	min-height: 100vh;
	align-items: center;
	display: flex
}
.kedit.keditFullHeight>.container,
.kedit.keditFullHeight>.no-container {
	align-self: center
}
[data-balloon] {
	position: relative
}
[data-balloon]::before {
	opacity: 0;
	pointer-events: none;
	transition: all .18s ease-out;
	background: rgba(17, 17, 17, 0.9);
	border-radius: 4px;
	color: #fff;
	text-shadow: none;
	text-align: center;
	content: attr(data-balloon);
	font-size: 13px;
	padding: 10px 15px;
	line-height: 1;
	position: absolute;
	white-space: nowrap;
	pointer-events: none;
	z-index: 10;
	background: linear-gradient(to bottom, rgb(19, 19, 19) 0, rgb(84, 84, 84) 100%);
	color: #ccc;
	text-shadow: 1px 0 1px #000;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	font-weight: normal
}
.koInfoTip {
	cursor: default
}
.dot[data-balloon]::before,
.koInfoTip[data-balloon]::before,
.balloonStyle[data-balloon]::before {
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2), inset 0 0 0 3px rgba(17, 17, 17, 0.9);
	background: linear-gradient(to bottom, #FEFBDC, #FFD847);
	color: rgba(0, 0, 0, .8);
	padding: 15px;
	font-size: 15px;
	font-weight: normal;
	text-shadow: none
}
[data-balloon]::after {
	background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgb(84,84,84)" transform="rotate(0)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>');
	background-size: 100% auto;
	width: 18px;
	height: 6px;
	opacity: 0;
	pointer-events: none;
	transition: all .18s ease-out;
	content: '';
	position: absolute;
	z-index: 10
}
[data-balloon-pos="downleft"][data-balloon]::after,
[data-balloon-pos="downright"][data-balloon]::after,
[data-balloon-pos="down"][data-balloon]::after {
	background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgb(19,19,19)" transform="rotate(0)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>')
}
[data-balloon]:hover::before,
[data-balloon]:hover::after,
[data-balloon][data-balloon-visible]:before,
[data-balloon][data-balloon-visible]:after {
	opacity: 1;
	pointer-events: none
}
[data-balloon][data-balloon-pos="up"]::before {
	bottom: 100%;
	left: 50%;
	margin-bottom: 11px;
	transform: translate3d(-50%, 10px, 0);
	transform-origin: top
}
[data-balloon][data-balloon-pos="up"]::after {
	bottom: 100%;
	left: 50%;
	margin-bottom: 5px;
	transform: translate3d(-50%, 10px, 0);
	transform-origin: top
}
[data-balloon][data-balloon-pos="up"]:hover::before {
	transform: translate3d(-50%, 0, 0)
}
[data-balloon][data-balloon-pos="up"]:hover::after {
	transform: translate3d(-50%, 0, 0)
}
[data-balloon][data-balloon-pos="upright"]::before {
	margin-left: 0;
	left: 0;
	margin-bottom: 14px;
	bottom: 100%
}
[data-balloon][data-balloon-pos="upright"]::after {
	bottom: 100%;
	right: 50%;
	margin-bottom: 8px;
	transform: translate3d(50%, 0, 0)
}
[data-balloon][data-balloon-pos="upright"]:hover::before,
[data-balloon][data-balloon-visible][data-balloon-pos="upright"]::before {
	margin-bottom: 11px
}
[data-balloon][data-balloon-pos="upright"]:hover::after,
[data-balloon][data-balloon-visible][data-balloon-pos="upright"]::after {
	margin-bottom: 5px
}
[data-balloon][data-balloon-pos="upleft"]::before {
	margin-right: 0;
	right: 0;
	margin-bottom: 14px;
	bottom: 100%;
	right: 0
}
[data-balloon][data-balloon-pos="upleft"]::after {
	bottom: 100%;
	left: 50%;
	margin-bottom: 8px;
	transform: translate3d(-50%, 0, 0)
}
[data-balloon][data-balloon-pos="upleft"]:hover::before {
	margin-bottom: 11px
}
[data-balloon][data-balloon-pos="upleft"]:hover::after {
	margin-bottom: 5px
}
[data-balloon][data-balloon-pos='left']::before {
	margin-right: 11px;
	right: 100%;
	top: 50%;
	transform: translate3d(10px, -50%, 0)
}
[data-balloon][data-balloon-pos='left']::after {
	background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(17,17,17,0.9)" transform="rotate(-90 18 18)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>');
	background-size: 100% auto;
	width: 6px;
	height: 18px;
	margin-right: 5px;
	right: 100%;
	top: 50%;
	transform: translate3d(10px, -50%, 0)
}
[data-balloon][data-balloon-pos='left']:hover::before {
	transform: translate3d(0, -50%, 0)
}
[data-balloon][data-balloon-pos='left']:hover::after {
	transform: translate3d(0, -50%, 0)
}
[data-balloon][data-balloon-length='large']::before {
	white-space: normal;
	width: 260px
}
.pull-right {
	float: right
}
.pull-left {
	float: left
}
#scrollToTop {
	background: var(--color1);
	color: var(--color1_25);
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 20px;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	display: block;
	border-radius: 4px;
	transition: 0.2s all;
	opacity: 0;
	visibility: hidden
}
#scrollToTop.active {
	display: block;
	margin-bottom: 10px;
	opacity: 1;
	visibility: visible;
	z-index: 65401
}
#scrollToTop:hover {
	transform: scale(1.05)
}
.ko_ThemeBoxed #website {
	background: #fff
}
@media (min-width: 1100px) {
	.ko_ThemeBoxed .container {
		max-width: 1000px
	}
	.ko_ThemeBoxed #website {
		max-width: 1110px;
		margin: 25px auto;
		box-shadow: 0 0 35px rgba(0, 0, 0, 0.15)
	}
}
@media (min-width: 768px) {}.kopageBottomMessage {
	position:fixed;
	bottom:0;
	left:0;
	height:50px;
	background:var(--kopageColor_LeftMenu);
	line-height:50px;
	color:rgba(255,
	255,
	255,
	0.7);
	padding:0 20px;
	margin-left:-5px;
	opacity:0;
	visibility:hidden;
	transition:0.2s all;
	z-index:65525
}
.inAdminMode .kopageBottomMessage {
	left: 0;
	padding-left: 120px;
	max-width: calc(100% - 50px)
}
.kopageBottomMessage strong {
	color: #fff;
	font-weight: 900
}
.kopageBottomMessage.active {
	opacity: 1;
	margin-left: 0;
	visibility: visible
}
.kopageBottomMessage .close {
	line-height: 50px;
	width: 50px;
	position: absolute;
	top: 0;
	right: -50px;
	background: var(--kopageColor_LeftMenu)!important;
	box-shadow: inset 0 0 0 50px rgba(0, 0, 0, 0.2);
	color: #fff!important;
	text-align: center;
	text-shadow: none;
	opacity: 1!important
}
.kopageBottomMessage .close:hover {
	box-shadow: inset 0 0 0 50px rgba(0, 0, 0, 0.5)
}
.kopageBottomMessage .btn {
	margin: 0 -15px 0 10px;
	border-radius: 0
}
#spinnerHolder {
	text-align: center
}
#k_spinnerImage {
	position: fixed;
	top: 0;
	left: calc(50% - 50px);
	z-index: 704900;
	margin-top: calc(15% + 10px);
	display: inline-block;
	height: 100px;
	width: 100px;
	position: fixed;
	background: var(--kopageColor_Accent) center center no-repeat;
	background-size: 75px;
	border-radius: 100vw;
	z-index: 1
}
#k_spinnerImage::before {
	content: attr(data-title);
	color: #fff;
	position: fixed;
	bottom: 30px;
	right: -50px;
	white-space: nowrap;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	background: #000;
	border-radius: 100px;
	padding: 10px 100px 10px 20px
}
.kopageLoading #k_spinner {
	background: rgba(0, 0, 0, 0);
	width: 120px;
	height: 120px;
	display: inline-block;
	border-radius: 100vw;
	margin-top: 15%;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
	height: 120px;
	width: 120px;
	-webkit-animation: kopageLoadingRotation 1s infinite linear;
	animation: kopageLoadingRotation 1s infinite linear;
	border: 5px solid rgba(0, 0, 0, 0);
	border-top-color: var(--kopageColor_Accent);
	border-radius: 50%
}
@-webkit-keyframes kopageLoadingRotation {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
@keyframes kopageLoadingRotation {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
.koQuote {
	position: relative
}
.koQuote::before,
.koQuote::after {
	content: "\f10d";
	font-size: 30px;
	line-height: 30px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	left: -45px;
	top: -15px;
	opacity: 0.3;
	float: left
}
.koQuote::after {
	content: "\f10e";
	left: inherit;
	top: inherit;
	bottom: 0;
	opacity: 0.1;
	right: 0;
	font-size: 20px;
	line-height: 20px
}
section.kedit {
	overflow: hidden
}
section.kedit.keditRow {
	padding: 0
}
.keditColumn>.kedit {
	padding-top: 50px;
	padding-bottom: 50px
}
.koSeparator {
	min-height: 1px;
	height: 5px;
	width: 50%;
	max-width: 100%;
	clear: both;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: .1px;
	margin-left: auto;
	margin-right: auto
}
.koSeparator.koSeparatorLeft {
	margin-left: 0;
	margin-right: auto
}
.koSeparator.koSeparatorRight {
	margin-left: auto;
	margin-right: 0
}
.btn-kopage.btn-block i {
	margin-right: 10px
}
.btn-kopage {
	background-color: var(--kopageColor_Accent);
	border: 0;
	color: #fff;
	margin-top: 15px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	font-weight: var(--kopageInterfaceFont_bold);
	outline: none
}
.btn-kopage:hover {
	box-shadow: inset 0 0 100px rgba(255, 255, 255, 0.25);
	color: #fff
}
.btn-kopage:active {
	box-shadow: inset 0 0 100px rgba(255, 255, 255, 0.5)
}
#kopageHiddenEditor {
	position: fixed;
	left: 0;
	bottom: 50px;
	z-index: 77777
}
#kopageHiddenEditor a {
	padding: 0;
	display: block;
	padding: 0 15px;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 0;
	text-decoration: none;
	line-height: 70px;
	height: 70px;
	font-size: 20px;
	min-width: 70px;
	text-align: center;
	background: var(--kopageColor_LeftMenu)
}
#kopageHiddenEditor button {
	line-height: 1;
	height: 50px;
	min-width: 10px;
	padding: 0 20px;
	margin-top: 10px;
	margin-bottom: 10px
}
#kopageHiddenEditor button i {
	line-height: 40px
}
#kopageHiddenEditor button.btn-secondary {
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(0, 0, 0, 0.4)
}
#kopageHiddenEditor button.btn-secondary:hover {
	background: rgba(0, 0, 0, 0.4);
	border-color: rgba(0, 0, 0, 0.4)
}
#kopageHiddenEditor a:hover,
#kopageHiddenEditor.kopageHiddenToolbar a {
	box-shadow: inset 0 0 50px rgba(255, 255, 255, .1), 5px 0 15px -10px #000
}
#kopageHiddenEditor.kopageHiddenToolbar a:hover {
	box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.7), 5px 0 15px -10px #000
}
#kopageHiddenEditor span {
	border-radius: 0 5px 5px 0;
	vertical-align: middle;
	padding: 0 20px 0 40px;
	margin: 0;
	display: block;
	font-size: 14px;
	z-index: -1;
	position: absolute;
	left: 50px;
	top: 7px;
	background: var(--kopageColor_LeftMenu);
	white-space: nowrap;
	margin-left: -10px;
	transition: 0.2s all;
	visibility: hidden;
	opacity: 0
}
#kopageHiddenEditor a:hover span,
#kopageHiddenEditor.kopageHiddenToolbar span {
	display: inline-block;
	margin-left: 0;
	visibility: visible;
	opacity: 1
}
#kopageHiddenEditor span:hover {
	box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2)
}
#kopageHiddenEditor.kopageHiddenToolbar span {
	padding: 0 10px 0 30px
}
#kopageHiddenEditor a i {
	vertical-align: middle;
	line-height: 60px;
	display: inline-block
}
#kopageHiddenEditor::before {
	content: "";
	position: relative;
	height: 7px;
	bottom: 0;
	left: 0;
	width: 100%;
	display: block;
	background: var(--kopageColor_stripesAccent)
}
.alert-heading {
	color: inherit!important
}
.koMenu ul,
.koMenu li {
	margin: 0;
	padding: 0;
	list-style: none
}
.koMenu ul ul {
	margin: 0 0 0 20px
}
.koMenu a {
	text-decoration: none!important
}
.koMenu a:hover {
	text-decoration: underline!important
}
#contentArea .keditLayout_1 .koMenu a {
	text-decoration: none!important;
	color: rgba(0, 0, 0, 0.5);
	display: block;
	line-height: 1.1;
	padding: 10px 0
}
#contentArea .keditLayout_1 .koMenu a:hover {
	color: rgba(0, 0, 0, 0.8)
}
#contentArea .keditLayout_1 .koMenu li:not(:first-of-type) {
	border-top: 1px solid rgba(0, 0, 0, 0.2)
}
#contentArea .keditLayout_2 .koMenu a {
	text-decoration: none!important;
	color: rgba(0, 0, 0, 0.5);
	line-height: 1.1;
	padding: 10px 15px;
	display: block;
	background: rgba(0, 0, 0, 0.05);
	border-radius: 3px;
	margin-bottom: 2px
}
#contentArea .keditLayout_2 .koMenu a:hover {
	color: rgba(0, 0, 0, 0.8);
	background: rgba(0, 0, 0, 0.1)
}
#contentArea .keditLayout_2 .koMenu li:not(:first-of-type) {}.bg-color1_25 {
	background: var(--color1_25)
}
.bg-color1_50 {
	background: var(--color1_50)
}
.bg-color1_75 {
	background: var(--color1_75)
}
.bg-color1 {
	background: var(--color1)
}
.bg-color1_125 {
	background: var(--color1_125)
}
.bg-color1_150 {
	background: var(--color1_150)
}
.bg-color1_175 {
	background: var(--color1_175)
}
.text-color1_25 {
	color: var(--color1_25)
}
.text-color1_50 {
	color: var(--color1_50)
}
.text-color1_75 {
	color: var(--color1_75)
}
.text-color1 {
	color: var(--color1)
}
.text-color1_125 {
	color: var(--color1_125)
}
.text-color1_150 {
	color: var(--color1_150)
}
.text-color1_175 {
	color: var(--color1_175)
}
.bg-color2_25 {
	background: var(--color2_25)
}
.bg-color2_50 {
	background: var(--color2_50)
}
.bg-color2_75 {
	background: var(--color2_75)
}
.bg-color2 {
	background: var(--color2)
}
.bg-color2_125 {
	background: var(--color2_125)
}
.bg-color2_150 {
	background: var(--color2_150)
}
.bg-color2_175 {
	background: var(--color2_175)
}
.text-color2_25 {
	color: var(--color2_25)
}
.text-color2_50 {
	color: var(--color2_50)
}
.text-color2_75 {
	color: var(--color2_75)
}
.text-color2 {
	color: var(--color2)
}
.text-color2_125 {
	color: var(--color2_125)
}
.text-color2_150 {
	color: var(--color2_150)
}
.text-color2_175 {
	color: var(--color2_175)
}
.text-color2_25_bw {
	color: var(--color2_25_bw)
}
.text-color2_50_bw {
	color: var(--color2_50_bw)
}
.text-color2_75_bw {
	color: var(--color2_75_bw)
}
.text-color2_bw {
	color: var(--color2_bw)
}
.text-color2_125_bw {
	color: var(--color2_125_bw)
}
.text-color2_150_bw {
	color: var(--color2_150_bw)
}
.text-color2_175_bw {
	color: var(--color2_175_bw)
}
.text-color1_25_bw {
	color: var(--color1_25_bw)
}
.text-color1_50_bw {
	color: var(--color1_50_bw)
}
.text-color1_75_bw {
	color: var(--color1_75_bw)
}
.text-color1_bw,
#website .headers-color1_bw h1,
#website .headers-color1_bw h2,
#website .headers-color1_bw h3,
#website .headers-color1_bw h4 {
	color: var(--color1_bw)
}
.text-color1_125_bw {
	color: var(--color1_125_bw)
}
.text-color1_150_bw {
	color: var(--color1_150_bw)
}
.text-color1_175_bw {
	color: var(--color1_175_bw)
}
.image-container {
	position: relative
}
.photo-container {
	float: left;
	position: relative;
	overflow: hidden
}
.image-thumb {
	position: relative;
	background-color: #eee
}
img.mfp-img {
	pointer-events: none
}
.mfp-figure figure {
	cursor: default
}
#kopageThemesList .browser-mockup {
	margin-bottom: 20px;
	transition: 0.2s all;
	border-radius: 4px
}
.kopageLightbox .browser-mockup {
	width: 800px;
	background: #fff;
	border-radius: 5px;
	height: 95vh
}
.kopageLightbox .browser-mockup:hover {
	box-shadow: none
}
.browser-mockup strong {
	position: absolute;
	top: -1.75em;
	left: 5em;
	font-weight: 900;
	color: rgba(0, 0, 0, 0.5)
}
.browser-mockup img {
	max-width: 100%
}
.browser-mockup span {
	overflow: hidden;
	height: 300px;
	width: 100%;
	display: block;
	border-radius: 0 0 4px 4px
}
.browser-mockup span a {
	border: 0;
	box-shadow: none;
	padding: 0
}
.browser-preview {
	position: absolute;
	top: -2em;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	background: radial-gradient(circle at center center, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.6) 100%);
	text-align: center;
	opacity: 0;
	transition: 0.2s all;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-radius: 4px
}
.browser-mockup:hover {
	box-shadow: rgba(0, 0, 0, 0.75) 0 15px 45px -9px;
	z-index: 2;
	position: relative
}
.browser-mockup:hover .browser-preview {
	opacity: 1
}
.browser-preview a {
	margin-bottom: 5px;
	margin-left: -10px;
	opacity: 0;
	width: 200px;
	padding: 15px 25px;
	box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.4);
	transition: 0.2s all;
	transition-delay: 0.2s
}
.browser-preview a:not(.btn-kopage-install) {
	background: var(--kopageColor_LeftMenu);
	transition-delay: 0.1s
}
.browser-mockup:hover .browser-preview .btn-kopage {
	margin-left: 0;
	opacity: 1
}
.browser-mockup {
	box-shadow: 0 .1em .5em 0 rgba(0, 0, 0, 0.1);
	position: relative;
	border-radius: 0 0 4px 4px;
	border-top: 2em solid rgba(0, 0, 0, 0);
	width: 360px
}
.browser-mockup:after {
	content: '';
	display: block;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4));
	position: absolute;
	top: -2em;
	left: 0;
	height: 2em;
	width: 100%;
	border-radius: 4px 4px 0 0
}
.browser-mockup:before {
	display: block;
	position: absolute;
	content: '';
	top: -1.25em;
	left: 1em;
	width: .5em;
	height: .5em;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.4), 1.2em 0 0 2px rgba(0, 0, 0, 0.4), 2.4em 0 0 2px rgba(0, 0, 0, 0.4)
}
.browser-mockup .btn-kopage:hover {
	box-shadow: inset 0 0 100px rgba(255, 255, 255, 0.25), 1px 1px 15px rgba(0, 0, 0, 0.4);
	color: #fff
}
.browser-mockup .btn-kopage:active {
	box-shadow: inset 0 0 100px rgba(255, 255, 255, 0.5), 1px 1px 15px rgba(0, 0, 0, 0.4)
}
.kopageLightbox {
	position: fixed;
	z-index: 904401;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center
}
.kopageLightboxOverlay {
	position: absolute;
	background: radial-gradient(circle at center center, rgba(127, 127, 127, 0.7) 0, rgba(0, 0, 0, 0.9) 100%);
	top: 0;
	right: 0;
	left: 0;
	bottom: 0
}
.kopageLightbox a {
	position: absolute;
	color: #fff;
	opacity: 0.7;
	font-size: 50px;
	height: 100px;
	width: 100px;
	text-align: center;
	line-height: 100px;
	right: 0;
	top: 0;
	text-decoration: none;
	transition: 0.2s all
}
.kopageLightbox a:hover {
	background: #000;
	box-shadow: 0 0 100px 50px #000;
	opacity: 1
}
.kopageLightboxHolder {
	position: absolute;
	background: #fff;
	box-shadow: 5px 5px 35px rgba(0, 0, 0, 0.7);
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
	max-height: 800px
}
.kopageLightboxHolder img {
	display: block;
	max-width: 100%;
	width: 800px
}
#website #kopageThemes {
	padding: 0
}
.videoLightbox {
	outline: none;
	overflow: auto;
	position: relative;
	text-align: center;
	display: inline-block
}
.kopageThemesTab {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	opacity: 0;
	margin-left: -10px;
	transition: 0.2s opacity, 0.2s margin;
	position: absolute;
	top: -9999px;
	left: -9999px
}
.kopageThemesTab.active {
	;
	opacity: 1;
	margin-left: 0;
	position: static
}
.kopageAltLogin {
	z-index: -1;
	position: fixed;
	padding: 0 0 10px;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}
.kopageAltLogin div {
	width: 400px;
	background: #fff;
	padding: 10px;
	border-radius: 5px
}
.kopageAltLogin h3 {
	font-size: 15px
}
.kopageModalHolder {
	display: flex;
	justify-content: center;
	align-items: center;
	font: 17px sans-serif;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: fixed;
	z-index: 99999;
	color: #555;
	background: rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 0 150px rgba(0, 0, 0, 0.5), inset 0 0 50px rgba(0, 0, 0, 1)
}
.kopageModal {
	max-width: 1000px;
	flex-direction: row;
	display: flex;
	background: #fff;
	position: relative;
	box-shadow: 5px 5px 75px rgba(0, 0, 0, 0.1), 5px 6px 98px -31px rgba(0, 0, 0, 1)
}
.kopageModal::before {
	background: var(--kopageColor_stripesAccent);
	content: " ";
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 7px;
	height: 100%
}
.kopageModal h4 {
	text-transform: uppercase;
	opacity: 0.4;
	font-size: 12px;
	letter-spacing: 2px
}
.kopageModal .tab-pane strong {
	display: none;
	font-size: 20px;
	margin-bottom: 5px
}
.kopageModal .tab-pane {
	padding: 30px 15px;
	min-width: 400px
}
.kopageModalSide {
	padding: 50px 100px 50px 107px;
	background: var(--kopageColor_Accent);
	display: flex;
	align-items: center
}
.kopageModal .kopageModalBody {
	padding: 100px;
	position: relative
}
.nav-kopage-modal .nav-link {
	background: rgba(0, 0, 0, 0.05);
	border-radius: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 10px 15px;
	color: #555
}
.nav-kopage-modal:hover .nav-link:not(.active) {
	color: #000;
	border-color: transparent;
	background: rgba(0, 0, 0, 0.07)
}
.nav-tabs .nav-kopage-modal .nav-link.active {
	padding: 12px 15px;
	margin-bottom: 0;
	border-radius: 4px 4px 0 0;
	color: #000
}
@media (max-width: 1050px) {
	.kopageModal .kopageModalClose {
		;
		z-index: 1;
		top: 0;
		right: 0;
		color: #555;
	}
}
@media (max-width: 750px) {
	.kopageModalSide {
		display: none
	}
	.kopageModal {
		width: 100vw;
		max-height: 100vh;
		max-width: 100vw
	}
	.kopageModal .tab-pane {
		padding: 10px 0;
		min-width: 0
	}
	.kopageModal h2 {
		font-size: 20px
	}
	.kopageModal .nav-tabs .nav-kopage-modal {
		display: block;
		width: 100%;
		margin: 0;
		border: 0
	}
	.kopageModal .nav-tabs .nav-kopage-modal .nav-link {
		display: block;
		width: 100%;
		margin: 0 0 3px;
		border: 0;
		background: #f8f8f8;
		border-radius: 3px
	}
	.kopageModal .nav-tabs .nav-kopage-modal .nav-link.active {
		background: #e5e5e5
	}
	.kopageModal .kopageModalBody {
		padding: 30px
	}
	.kopageModal .kopageModalClose {
		;
		z-index: 1;
		top: 0;
		right: 0;
		color: #555;
		width: 30px;
		height: 30px;
		line-height: 30px
	}
}
.kopageModalBody {
	transition: 0.2s all
}
.kopageModalLinkBox {
	border-radius: 5px;
	background: #f5f6f7;
	display: block;
	padding: 10px 20px;
	margin-right: 10px;
	color: rgba(0, 0, 0, 0.5);
	overflow: auto;
	text-align: left
}
.kopageModalLinkBox:hover {
	color: rgba(0, 0, 0, 0.8);
	background: rgba(0, 0, 0, 0.1)
}
.kopageModalLinkBox {
	display: flex;
	align-items: center
}
.kopageModalLinkBox img,
.kopageModalLinkBox i {
	margin-right: 20px;
	padding-right: 15px;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	display: block;
	width: 100%;
	height: 50px;
	max-width: 100px;
	object-fit: contain
}
.loginPanelHolder {}.loginPanel {
	display: none
}
.loginPanel.active {
	display: block
}
.kSwitch input {
	display: none
}
.kSwitch {
	cursor: pointer;
	display: flex;
	line-height: 22px;
	padding: 10px;
	position: relative;
	width: 100%;
	justify-content: flex-end;
	align-items: center
}
.kSwitch span {
	max-width: 250px;
	font-weight: normal;
	color: #111
}
.kSwitch span small {
	display: block;
	font-weight: normal;
	opacity: 0.7;
	line-height: 15px
}
.koSwitchLive .kSwitch span {
	max-width: 200px
}
.koSwitchLive .kSwitch {
	padding: 0;
	margin: 0
}
.kopageMenuSwitch .kSwitch span {
	max-width: calc(100% - 50px);
	line-height: 1.1
}
.kopageMenuSwitch .kSwitch {
	padding: 0;
	margin: 0
}
.kopageMenuSwitch {
	margin: 4px auto;
	padding: 15px 13px 15px 5px;
	max-width: 400px
}
.koSwitchInput.koSwitchLive,
.koToolbarInputItem {
	text-align: left;
	clear: both;
	padding: 10px 15px;
	position: relative;
	margin-bottom: 1px
}
.kSwitch i {
	background: #c5c5c5;
	border: 0;
	border-radius: 22px;
	line-height: 22px;
	height: 22px;
	width: 36px!important;
	padding: 0;
	outline: none;
	margin-left: auto;
	position: relative;
	float: right
}
.kSwitch i::after {
	display: block;
	position: absolute;
	left: 2px;
	top: 2px;
	width: 18px;
	height: 18px;
	background: #fff;
	border-radius: 18px;
	text-align: center;
	color: rgba(0, 0, 0, 0.3);
	font-style: normal;
	line-height: 18px;
	transition: left .3s cubic-bezier(0.85, 0.05, 0.18, 1.35);
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
	font-size: 11px;
	content: " "
}
.kopageMenuSwitch:hover .kSwitch i::after {
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2)
}
.kSwitch input:checked + i {
	background: #1865C5;
	background: linear-gradient(to bottom, #36A8F3 0, #37ACF5 4%, #1865C5 100%)
}
.kSwitch input:checked + i::after {
	left: 16px;
	content: "\f00c";
	color: #1865C5
}
.kSwitch input:active + i::after,
.kopageMenuSwitch:hover .kSwitch input:active + i::after {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2)
}
.kedit::selection {
	background: #34495e
}
.btn-color1 {
	color: var(--color1_bw);
	background-color: var(--color1);
	border-color: var(--color1)
}
.btn-color1:hover,
.btn-color1:focus,
.btn-color1:active,
.btn-color1.active,
.open .dropdown-toggle.btn-color1 {
	color: #FFF;
	background-color: var(--color1_125);
	border-color: var(--color1_125)
}
.btn-color1:active,
.btn-color1.active,
.open .dropdown-toggle.btn-color1 {
	background-image: none
}
.btn-color1.disabled,
.btn-color1[disabled],
fieldset[disabled] .btn-color1,
.btn-color1.disabled:hover,
.btn-color1[disabled]:hover,
fieldset[disabled] .btn-color1:hover,
.btn-color1.disabled:focus,
.btn-color1[disabled]:focus,
fieldset[disabled] .btn-color1:focus,
.btn-color1.disabled:active,
.btn-color1[disabled]:active,
fieldset[disabled] .btn-color1:active,
.btn-color1.disabled.active,
.btn-color1[disabled].active,
fieldset[disabled] .btn-color1.active {
	background-color: var(--color1);
	border-color: var(--color1)
}
.btn-color1 .badge {
	color: var(--color1);
	background-color: var(--color1_bw)
}
.btn-outline-color1 {
	color: var(--color1);
	border-color: var(--color1)
}
.btn-outline-color1:hover {
	color: var(--color1_bw);
	background-color: var(--color1);
	border-color: var(--color1)
}
.btn-outline-color1:focus,
.btn-outline-color1.focus {
	box-shadow: 0 0 0 0.2rem var(--color1_50);
	box-shadow: none
}
.btn-outline-color1.disabled,
.btn-outline-color1:disabled {
	color: var(--color1);
	background-color: transparent
}
.btn-outline-color1:not(:disabled):not(.disabled):active,
.btn-outline-color1:not(:disabled):not(.disabled).active,
.show>.btn-outline-color1.dropdown-toggle {
	color: var(--color1_bw);
	background-color: var(--color1);
	border-color: var(--color1)
}
.btn-outline-color1:not(:disabled):not(.disabled):active:focus,
.btn-outline-color1:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-color1.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem var(--color1_50);
	box-shadow: none
}
.btn-color2 {
	color: var(--color2_bw);
	background-color: var(--color2);
	border-color: var(--color2)
}
.btn-color2:hover,
.btn-color2:focus,
.btn-color2:active,
.btn-color2.active,
.open .dropdown-toggle.btn-color2 {
	color: var(--color2_bw);
	background-color: var(--color2_125);
	border-color: var(--color2_125)
}
.btn-color2:active,
.btn-color2.active,
.open .dropdown-toggle.btn-color2 {
	background-image: none
}
.btn-color2.disabled,
.btn-color2[disabled],
fieldset[disabled] .btn-color2,
.btn-color2.disabled:hover,
.btn-color2[disabled]:hover,
fieldset[disabled] .btn-color2:hover,
.btn-color2.disabled:focus,
.btn-color2[disabled]:focus,
fieldset[disabled] .btn-color2:focus,
.btn-color2.disabled:active,
.btn-color2[disabled]:active,
fieldset[disabled] .btn-color2:active,
.btn-color2.disabled.active,
.btn-color2[disabled].active,
fieldset[disabled] .btn-color2.active {
	background-color: var(--color2);
	border-color: var(--color2)
}
.btn-color2 .badge {
	color: var(--color2);
	background-color: var(--color2_bw)
}
.btn-outline-color2 {
	color: var(--color2);
	border-color: var(--color2)
}
.btn-outline-color2:hover {
	color: var(--color2_bw);
	background-color: var(--color2);
	border-color: var(--color2)
}
.btn-outline-color2:focus,
.btn-outline-color2.focus {
	box-shadow: 0 0 0 0.2rem var(--color2_50);
	box-shadow: none
}
.btn-outline-color2.disabled,
.btn-outline-color2:disabled {
	color: var(--color2);
	background-color: transparent
}
.btn-outline-color2:not(:disabled):not(.disabled):active,
.btn-outline-color2:not(:disabled):not(.disabled).active,
.show>.btn-outline-color2.dropdown-toggle {
	color: var(--color1_bw);
	background-color: var(--color2);
	border-color: var(--color2)
}
.btn-outline-color2:not(:disabled):not(.disabled):active:focus,
.btn-outline-color2:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-color2.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem var(--color2_50);
	box-shadow: none
}
.cookie-consent {
	padding: 15px 55px 15px 25px;
	font-size: 15px;
	line-height: 1.5;
	color: #000;
	background-color: #fcfcfc;
	position: fixed;
	border-radius: 5px;
	z-index: 10000000001;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 5px 30px rgba(0, 0, 0, 0.16);
	left: 15px;
	bottom: 15px;
	right: 15px
}
.cookie-consent a {
	white-space: nowrap
}
.cookie-consent.cookie-closed {
	opacity: 0;
	visibility: hidden
}
@media (min-width: 850px) {
	.cookie-consent {
		left: 50%;
		transform: translateX(-50%);
		max-width: 600px;
		transition: transform .3s ease;
		will-change: transform
	}
	.cookie-consent:hover {
		transform: translateX(-50%) scale(1.03)
	}
}
.cookie-close {
	padding: 0;
	margin-left: 10px;
	cursor: pointer
}
.cookie-close button {
	;
	transition: 0.2s all;
	display: flex;
	white-space: nowrap;
	padding: 0 15px;
	height: 35px;
	line-height: 35px;
	top: 0;
	right: 0;
	border-radius: 4px;
	font-size: 13px
}
.cookie-close {
	display: flex;
	flex-direction: column;
	text-align: center
}
.cookie-close a {
	display: block;
	margin-top: 5px;
	font-size: 80%;
	color: var(--gray)
}
.cookie-consent {
	padding: 15px 15px 15px 25px;
	display: flex;
	align-items: center;
	justify-content: space-between
}
.cookie-close {
	width: inherit;
	position: relative
}
input.border-0 {
	outline: none
}
.koUnderline1 {
	position: relative
}
.koUnderline1::after,
.koUnderline2::after {
	content: "";
	position: absolute;
	display: block;
	width: 110%;
	height: 120%;
	--maskImage: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 167 21' preserveAspectRatio='none'%3E%3Cpath d='M141.4 2.603c-.48-.298-.34-.76.345-1.127.808-.43 1.9-.443 2.17-.022.23.372-2.07 1.423-2.515 1.15zM123.607 2.4c-.478.07-.72-.068-.72-.414 0-.34.3-.52.856-.52 1.04 0 .925.78-.136.935zM86.93 2.79c-.365.156-.774.295-.91.308s-.25-.126-.25-.308.4-.32.912-.308c.806.02.835.055.248.308zm-2.798.33c-.74 0-1.345-.148-1.345-.332s.514-.33 1.14-.33 1.232.15 1.345.33c.124.2-.328.332-1.14.332zm-12.008-.13c-.384.384-.695.445-1.102.216-.533-.298-.533-.332-.01-.532.31-.12.804-.216 1.102-.216.497 0 .498.042.01.532zm-4.098-.178c-.105.17-.406.308-.668.308-.547 0-.64-.523-.146-.828.437-.27 1.058.126.814.52zm-30.31.64c-1.413 0-1.65-.136-.8-.462.822-.314 2.127-.235 2.127.13 0 .184-.597.332-1.326.332zm128.308 1.2c-.464-.42-.963-.502-2.108-.343-1.253.17-1.577.098-1.96-.44-.53-.743-3.048-1.315-7.088-1.613l-3.15-.374c-.888-.32-3.763-.05-4.714.44-.703.364-1.09.39-1.605.114-.375-.198-.623-.533-.554-.744s-.626-.632-1.575-.954c-1.3-.44-2.842-.576-6.652-.58l-6.523-.014c-1.258-.006-1.575.103-1.575.55 0 .51-.037.507-.426-.025-.478-.653-.79-.66-19.17-.362L86.06.622c-7.572.086-13.527.29-14.2.492-.647.194-1.224.215-1.326.05-.184-.293-5.62-.912-6.75-.77-.33.042-.875-.07-1.208-.25-.44-.235-.717-.19-1.007.16-.297.356-.564.395-1.03.146-.425-.227-.832-.227-1.257 0-.61.327-6.87.694-7.145.42C51.906.63 33.95.59 32.845.827c-.583.127-1.14.147-1.24.048C31.27.54 29.343.464 28.97.77c-.202.167-1.814.302-3.58.302s-3.357.088-3.53.194-1.447.27-2.833.362l-2.767.22c-.137.03-.682-.066-1.21-.214-.577-.16-1.18-.13-1.512.076-.304.19-1.958.394-3.678.454-1.88.068-3.787.347-4.78.7-.91.324-2.197.588-2.863.588-1.11 0-1.223.09-1.377 1.077-.092.593-.035 1.22.128 1.39.437.467.36.846-.174.846-.258 0-.544.186-.636.414-.274.677-.255.735.61 1.906.456.618.828 1.3.828 1.493 0 .53 1.62 1.976 2.983 2.66a17.12 17.12 0 0 1 2.185 1.365c1.084.823 3.005 1.04 4.088.46.46-.246.774-.128 1.384.52.733.78.747.864.205 1.167-.75.42-.43.95.573.95.425 0 .86.224.964.498.25.654 1.198.63 2.172-.052.62-.433.91-.468 1.395-.164.337.2.875.383 1.197.383s1.37.598 2.332 1.327c1.737 1.317 1.756 1.322 2.94.827.656-.275 1.66-.498 2.23-.502s1.857-.224 2.86-.493 3.11-.49 4.68-.494c1.683-.002 3.437-.21 4.267-.502.775-.272 2.108-.497 2.96-.497 1.117 0 1.853-.22 2.63-.795.976-.72 1.443-.8 4.952-.865 2.132-.038 4.994-.033 6.36.012l3.148.065 5.878-.177c3.04-.097 6.884.006 9.218.245 2.203.225 4.7.306 5.526.178s1.796-.158 2.133-.07.818-.01 1.067-.218c.3-.256.72-.277 1.286-.06 2.196.835 19.095 1.093 22.694.345 1.17-.243 2.92-.3 4.566-.177 4.06.33 12.776.26 17.227-.137 2.187-.193 5.17-.338 6.627-.318l3.48.022 3.228-.028c2.544-.016 10.082-.78 12.85-1.302.91-.172 2.473-.308 3.476-.305 2.127.01 3.645-.494 3.645-1.21 0-.284.3-.504.662-.504s.663-.22.663-.5.59-.91 1.313-1.41 1.32-1.116 1.325-1.37.256-.64.555-.856.56-.87.58-1.445.15-1.05.286-1.05c.47-.002.25-.893-.358-1.442z' fill='white' fill-rule='nonzero'/%3E%3C/svg%3E");
	mask-image: var(--maskImage);
	-webkit-mask-image: var(--maskImage);
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: 100% 100%;
	-webkit-mask-size: 100% 100%;
	background: var(--color2_25);
	left: -5%;
	z-index: -1;
	top: 0
}
.koUnderline2 {
	position: relative
}
.koUnderline2::after {
	width: 110%;
	height: 20%;
	background: var(--color2);
	left: -5%;
	bottom: -10%;
	top: auto
}
.koUnderline_2_25::after {
	background: var(--color2_25)
}
.koUnderline_1_25::after {
	background: var(--color1_25)
}
.display-1 {
	font-size: 6rem;
	font-weight: 300;
	line-height: 1.2
}
h2.display-1 {
	font-size: 5.5rem
}
h3.display-1 {
	font-size: 5.2rem
}
h4.display-1 {
	font-size: 4.8rem
}
h5.display-1 {
	font-size: 4.5rem
}
h6.display-1 {
	font-size: 4.2rem
}
@media (max-width: 1200px) {
	.display-1 {
		font-size: calc(1.725rem + 5.7vw)
	}
}
.display-2 {
	font-size: 5.5rem;
	font-weight: 300;
	line-height: 1.2
}
h2.display-2 {
	font-size: 5.2rem
}
h3.display-2 {
	font-size: 5.0rem
}
h4.display-2 {
	font-size: 4.8rem
}
h5.display-2 {
	font-size: 4.3rem
}
h6.display-2 {
	font-size: 4rem
}
@media (max-width: 1200px) {
	.display-2 {
		font-size: calc(1.675rem + 5.1vw)
	}
}
.display-3 {
	font-size: 4.5rem;
	font-weight: 300;
	line-height: 1.2
}
h2.display-3 {
	font-size: 4.2rem
}
h3.display-3 {
	font-size: 4.0rem
}
h4.display-3 {
	font-size: 3.8rem
}
h5.display-3 {
	font-size: 3.3rem
}
h6.display-3 {
	font-size: 3rem
}
@media (max-width: 1200px) {
	.display-3 {
		font-size: calc(1.575rem + 3.9vw)
	}
}
.display-4 {
	font-size: 3.5rem;
	font-weight: 300;
	line-height: 1.2
}
h2.display-4 {
	font-size: 3.2rem
}
h3.display-4 {
	font-size: 3.0rem
}
h4.display-4 {
	font-size: 2.8rem
}
h5.display-4 {
	font-size: 2.3rem
}
h6.display-4 {
	font-size: 2rem
}
@media (max-width: 1200px) {
	.display-4 {
		font-size: calc(1.475rem + 2.7vw)
	}
}
ul.koCheckList1 {
	list-style: none;
	margin: 0;
	padding: 0
}
ul.koCheckList1 li {
	display: block;
	line-height: 30px;
	vertical-align: middle;
	padding: 0 0 0 50px;
	margin: 0 0 10px 0
}
ul.koCheckList1 li:before {
	content: '';
	color: #28A845;
	padding: 0;
	margin: 0 0 0 -45px;
	font-size: 150%;
	float: left;
	display: block;
	width: 30px;
	height: 30px;
	background: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='100%' height='100%' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path fill='%2328A845' d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/></svg>") center center no-repeat
}
.videoLightbox[data-aos] {
	transform: none!important;
	opacity: 1!important;
	overflow: auto!important
}
.videoLightbox {
	overflow: visible
}
.ko_Theme:not(.inAdminMode)[data-aos=fade-up]:not(.aos-animate) {
	transform: translate3d(0, 10px, 0)
}
.ko_Theme:not(.inAdminMode)[data-aos=fade-right]:not(.aos-animate) {
	transform: translate3d(-10px, 0, 0)
}
.ko_Theme:not(.inAdminMode)[data-aos=fade-left]:not(.aos-animate) {
	transform: translate3d(10px, 0, 0)
}
.js_datepicker.form-control:disabled,
.js_datepicker.form-control[readonly] {
	background-color: #fff;
	opacity: 1;
	text-indent: 20px
}
/**/

.picker--opened .picker__frame {
	top: 50px!important;
	bottom: auto;
	max-width: 555px
}
.js_datepicker_icon {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center
}
input[type="number"].form-control-number {
	-moz-appearance: textfield;
	padding-right: 45px
}
input[type="number"].form-control-number::-webkit-outer-spin-button,
input[type="number"].form-control-number::-webkit-inner-spin-button {
	-webkit-appearance: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0
}
.form-control-number-up,
.form-control-number-down {
	background: rgba(0, 0, 0, 0.05);
	border: 0;
	color: #555;
	text-align: center;
	width: 30px;
	height: 20px;
	line-height: 20px;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 3px;
	top: 3px;
	border-radius: 2px
}
.form-control-number-up:hover,
.form-control-number-down:hover {
	background: rgba(0, 0, 0, 0.07)
}
.form-control-number-up:active,
.form-control-number-down:active {
	background: rgba(0, 0, 0, 0.1)
}
.form-control-number-down {
	top: auto;
	bottom: 3px
}
#website .img-in-content {
	max-width: 20vw;
	position: relative;
	z-index: 2
}
.img-in-content.float-left {
	margin: 0 2vw 2vw 0
}
.img-in-content.float-right {
	margin: 0 0 2vw 2vw
}
.sl-overlay {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #fff;
	opacity: .7;
	display: none;
	z-index: 714400
}
.sl-wrapper {
	z-index: 1000
}
.sl-wrapper button {
	border: 0;
	background: 0 0;
	font-size: 24px;
	padding: 0;
	cursor: pointer
}
.sl-wrapper .sl-navigation button:hover,
.sl-wrapper button:hover {
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.7);
	background: #444;
	color: #fff
}
.sl-wrapper .sl-close {
	display: none;
	position: fixed;
	right: 30px;
	top: 30px;
	z-index: 1015
}
.sl-wrapper .sl-counter {
	display: none;
	position: fixed;
	top: 30px;
	left: 30px;
	z-index: 1015
}
.sl-wrapper .sl-navigation {
	width: 100%;
	display: none
}
.sl-wrapper .sl-navigation button {
	position: fixed;
	top: 50%;
	margin-top: -10px;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-algin: center;
	display: block;
	z-index: 1015
}
.sl-wrapper .sl-navigation button.sl-next {
	right: 40px
}
.sl-wrapper .sl-navigation button.sl-prev {
	left: 40px
}
.sl-wrapper .sl-image {
	position: fixed;
	-ms-touch-action: none;
	touch-action: none;
	z-index: 10000
}
.sl-wrapper .sl-image img {
	margin: 0;
	padding: 0;
	display: block;
	max-width: 100%
}
.sl-wrapper .sl-image .sl-caption {
	display: none;
	padding: 10px;
	color: #fff;
	background: #000;
	opacity: .8;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}
.sl-wrapper .sl-image .sl-download {
	display: none;
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: #fff;
	z-index: 1005
}
.sl-spinner {
	display: none;
	border: 5px solid #333;
	border-radius: 40px;
	height: 40px;
	left: 50%;
	margin: -20px 0 0 -20px;
	opacity: 0;
	position: fixed;
	top: 50%;
	width: 40px;
	z-index: 1007;
	-webkit-animation: pulsate 1s ease-out infinite;
	-moz-animation: pulsate 1s ease-out infinite;
	-ms-animation: pulsate 1s ease-out infinite;
	-o-animation: pulsate 1s ease-out infinite;
	animation: pulsate 1s ease-out infinite
}
@-webkit-keyframes pulsate {
	0% {
		transform: scale(.1);
		opacity: 0
	}
	50% {
		opacity: 1
	}
	100% {
		transform: scale(1.2);
		opacity: 0
	}
}
@keyframes pulsate {
	0% {
		transform: scale(.1);
		opacity: 0
	}
	50% {
		opacity: 1
	}
	100% {
		transform: scale(1.2);
		opacity: 0
	}
}
@-moz-keyframes pulsate {
	0% {
		transform: scale(.1);
		opacity: 0
	}
	50% {
		opacity: 1
	}
	100% {
		transform: scale(1.2);
		opacity: 0
	}
}
@-o-keyframes pulsate {
	0% {
		transform: scale(.1);
		opacity: 0
	}
	50% {
		opacity: 1
	}
	100% {
		transform: scale(1.2);
		opacity: 0
	}
}
@-ms-keyframes pulsate {
	0%, 100% {
		opacity: 0
	}
	0% {
		transform: scale(.1)
	}
	50% {
		opacity: 1
	}
	100% {
		transform: scale(1.2)
	}
}
.sl-wrapper .sl-image {
	box-sizing: content-box
}
.sl-wrapper .sl-image .sl-caption {
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 10px 20px;
	right: inherit;
	border-radius: 0
}
.sl-counter {
	color: rgba(255, 255, 255, 0.5)
}
.sl-overlay {
	z-index: 714400;
	background: #000;
	background-image: radial-gradient(circle at center center, rgba(127, 127, 127, 0.5) 0, rgba(0, 0, 0, 0.7) 100%);
	opacity: 0.8
}
.sl-wrapper {
	z-index: 714500
}
.sl-wrapper .sl-close,
.sl-wrapper .sl-counter,
.sl-wrapper .sl-navigation button,
.sl-wrapper .sl-image .sl-download {
	z-index: 714700
}
.sl-spinner {
	z-index: 714600
}
.sl-wrapper .sl-image {
	z-index: 714600
}
.sl-wrapper .sl-image,
.sl-wrapper .sl-navigation button,
.sl-wrapper .sl-close {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
	background: #fff;
	padding: 10px;
	color: #666;
	transition: 0.2s all
}
.sl-wrapper button.sl-close {
	background: #000;
	color: #f5f6f7
}
.sl-wrapper .sl-navigation button,
.sl-wrapper .sl-close {
	height: 50px;
	width: 50px;
	line-height: 50px;
	border-radius: 4px;
	padding: 0
}
.sl-wrapper .sl-close {
	right: 40px
}
#searchHolder {
	position: fixed;
	z-index: 704400;
	top: 0;
	left: 0;
	right: 0;
	padding: 20px;
	background: #fff;
	display: flex;
	box-shadow: 0 0 100px rgba(0, 0, 0, 0.5), 0 0 50px rgba(0, 0, 0, 025), 0 0 10px rgba(0, 0, 0, 025);
	opacity: 0;
	visibility: hidden;
	transition: 0.2s all;
	margin-top: -5px
}
.kopageMenuActive #searchHolder {
	padding-left: 120px
}
#searchHolder.active {
	opacity: 1;
	visibility: visible;
	margin-top: 0
}
#searchHolder form {
	display: flex;
	width: 100%;
	align-items: center
}
#searchHolder div {
	padding: 0 10px
}
#searchHolder .btn-light {
	min-width: auto;
	margin-left: 10px
}
#searchInput {
	margin: 0 10px
}
.ko_Theme .mfp-bg {
	z-index: 704401
}
.ko_Theme .mfp-wrap {
	z-index: 704402
}
img.lazy {
	opacity: 0;
	transition: opacity 0.5s linear 0.2s
}
img.lazy[data-was-processed],
img.lazy.loaded {
	opacity: 1
}
#BlogArea .itemShare {}#contentArea #BlogArea .itemShare a {
	line-height: 36px;
	height: 36px;
	width: 36px;
	text-align: center;
	padding: 0;
	margin: 0;
	display: inline-block;
	color: #333;
	border-radius: 36px;
	opacity: 0.5;
	transition: 0.3s all
}
#contentArea #BlogArea .itemShare a:hover {
	opacity: 1;
	background: linear-gradient(300deg, #e6e6e6, #fcfcfc);
	box-shadow: inset 0 -1px rgba(0, 0, 0, .1), 0 .5em .6em -.5em rgba(0, 0, 0, .15)
}
.kopageBlock_mockup {
	text-align: center
}
.kopageBlock_mockup>div {
	background: #DFE1E5;
	border-radius: 5px;
	box-shadow: 0 0 0 1px #D3D4D6, -1px -1px 20px -5px rgba(0, 0, 0, 0.2), -1px -1px 50px -15px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	display: inline-block;
	max-width: 90vw;
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #3D4043;
	position: relative;
	text-align: left
}
.kopageBlock_mockupHead {
	display: flex;
	height: 41px
}
.kopageBlock_mockupHead>span {
	height: 13px;
	width: 13px;
	border-radius: 13px;
	display: inline-block;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
	margin-top: calc(13px * 1.1);
	margin-right: calc(13px / 2)
}
.kopageBlock_mockupHead>span:first-child {
	margin-left: calc(13px / 1.1);
	background: #FF7870
}
.kopageBlock_mockupHead>span:nth-child(2) {
	background: #FFD272
}
.kopageBlock_mockupHead>span:nth-child(3) {
	background: #64C455;
	margin-right: 13px
}
/**/

.kopageBlock_mockupTab {
	margin-top: calc(13px / 3);
	display: flex;
	align-items: center
}
.kopageBlock_mockupTab>div {
	background: #fff;
	border-radius: 8px 8px 0 0;
	line-height: calc(13px * 2.65);
	display: inline-block;
	padding: 0 10px;
	display: flex;
	align-items: center;
	margin-top: auto;
	position: relative
}
.kopageBlock_mockupTabStart,
.kopageBlock_mockupTabEnd {
	position: absolute;
	height: 8px;
	width: 8px;
	overflow: hidden;
	bottom: 0
}
.kopageBlock_mockupTabStart {
	left: -8px
}
.kopageBlock_mockupTabEnd {
	right: -8px
}
.kopageBlock_mockupTabStart::before,
.kopageBlock_mockupTabEnd::before {
	content: '';
	position: absolute;
	right: 0;
	height: 200%;
	width: 200%;
	border-radius: 100%;
	box-shadow: 8px 8px 5px 100px #fff
}
.kopageBlock_mockupTabStart::before {
	top: -100%
}
.kopageBlock_mockupTabEnd::before {
	top: -100%;
	right: -100%
}
.kopageBlock_mockupContent {
	border-top: 1px solid #D9DBDF;
	background: #fff
}
.kopageBlock_mockupContent img {
	max-width: 100%;
	display: block;
	border-radius: 0 0 5px 5px;
	min-width: 100%
}
.kopageBlock_mockupTabTitle {
	padding: 0 8px;
	min-width: 100px;
	font-size: 12px
}
.kopageBlock_mockupBar {
	margin-top: 0;
	background: #fff;
	line-height: 26px;
	display: flex;
	align-items: center;
	padding: 4px 10px
}
.kopageBlock_mockupBar>div {
	background: #F1F3F4;
	line-height: 28px;
	height: 28px;
	padding: 0 8px;
	margin-left: 12px;
	border-radius: 30px;
	flex-grow: 1;
	color: #202124;
	align-items: center;
	display: flex
}
.kopageBlock_mockupBar>div>div {
	padding: 0 8px
}
.koHoverZoom>* {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}
.koHoverZoom:hover>* {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}
.koHoverShine {
	overflow: hidden
}
.koHoverShine::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg)
}
.koHoverShine:hover::before {
	-webkit-animation: koShine .75s;
	animation: koShine .75s
}
@-webkit-keyframes koShine {
	100% {
		left: 125%
	}
}
@keyframes koShine {
	100% {
		left: 125%
	}
}
.kapp .instagram_private {
	padding: 20px;
	text-align: center;
	display: block
}
.kedit-rotating-text {
	display: inline-flex;
	margin: 0;
	vertical-align: top
}
.kedit-rotating-text .word {
	position: absolute;
	display: flex;
	opacity: 0
}
.kedit-rotating-text .word .letter {
	transform-origin: center center 25px
}
.kedit-rotating-text .word .letter.out {
	transform: rotateX(90deg);
	transition: 0.2s cubic-bezier(0.6, 0, 0.7, 0.2)
}
.kedit-rotating-text .word .letter.in {
	transition: 0.25s ease
}
.kedit-rotating-text .word .letter.behind {
	transform: rotateX(-90deg)
}
.keditDisplay-td,
.keditDisplay-mt,
.keditDisplay-md,
.keditDisplay-m,
.keditDisplay-t,
.keditDisplay-d {
	display: none
}
.keditDisplay-m {
	display: block
}
.keditDisplay-t {
	display: none
}
.keditDisplay-d {
	display: none
}
.keditDisplay-mt,
.keditDisplay-md {
	display: block
}
.keditDisplay-td {
	display: none
}
.keditDisplay-none {
	display: none
}
@media (min-width: 768px) {
	.keditDisplay-m {
		display: none
	}
	.keditDisplay-t {
		display: block
	}
	.keditDisplay-d {
		display: none
	}
	.keditDisplay-mt,
	.keditDisplay-td {
		display: block
	}
	.keditDisplay-md {
		display: none
	}
}
@media (min-width: 1200px) {
	.keditDisplay-m {
		display: none
	}
	.keditDisplay-t {
		display: none
	}
	.keditDisplay-d {
		display: block
	}
	.keditDisplay-md,
	.keditDisplay-td {
		display: block
	}
	.keditDisplay-mt {
		display: none
	}
}
.tick {
	font-size: 1rem;
	white-space: nowrap
}
.tick-flip,
.tick-text-inline {
	font-size: 3.5rem
}
@media (max-width: 700px) {
	.tick-flip,
	.tick-text-inline {
		font-size: calc(1em + (100vw / 25))
	}
}
.tick-label {
	margin-top: 1em;
	font-size: 1em
}
.tick-char {
	width: 1.5em
}
.tick-text-inline {
	display: inline-block;
	text-align: center;
	min-width: 1em
}
.tick-text-inline+.tick-text-inline {
	margin-left: -.325em
}
.tick-group {
	margin: .5em;
	text-align: center
}