/*RST*/:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert;}*,::after,::before{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;overflow-x: hidden;}a,button{cursor:revert}menu,ol,summary,ul{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto;}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}
/*MFP*/.mfp-bg,.mfp-container,.mfp-wrap{left:0;top:0;width:100%;height:100%}.mfp-container:before,.mfp-content{display:inline-block;vertical-align:middle}.mfp-bg{z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position: fixed;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:"";height:100%}.mfp-align-top .mfp-container:before,.mfp-loading.mfp-figure,.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}.mfp-content{position:relative;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-gallery .mfp-image-holder .mfp-figure,.mfp-zoom{cursor:pointer}.mfp-zoom{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-close,.mfp-preloader a:hover{color:#fff}.mfp-preloader a{color:#ccc}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-arrow:focus,.mfp-arrow:hover,.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:after,.mfp-arrow:before{content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{content:"";top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile .mfp-bottom-bar:empty,.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}

/************ FONTS ************/

@font-face {
	font-family: 'Golos';
	src: url('../font/GolosText-Medium.woff2') format('woff2');
	src: url('../font/GolosText-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Golos';
	src: url('../font/GolosText-DemiBold.woff2') format('woff2');
	src: url('../font/GolosText-DemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Manrope';
	src: url('../font/Manrope-Light.woff2') format('woff2');
	src: url('../font/Manrope-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Manrope';
	src: url('../font/Manrope-Regular.woff2') format('woff2');
	src: url('../font/Manrope-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Manrope';
	src: url('../font/Manrope-Medium.woff2') format('woff2');
	src: url('../font/Manrope-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Manrope';
	src: url('../font/Manrope-SemiBold.woff2') format('woff2');
	src: url('../font/Manrope-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Manrope';
	src: url('../font/Manrope-Bold.woff2') format('woff2');
	src: url('../font/Manrope-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

/************ SETUP ************/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    line-height: 1.4em;
    color: #282828;
    font-size: 16px;
    background: #ffffff;
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    letter-spacing: 0.25px;
    overflow-x: hidden;
    position: relative;
}

section {
	position: relative;
}

.gray {
	background: #F8F8F8;
}
.dark {
	background: #111827;
	color: #b8c0d3;
}

.container {
	padding: 50px 100px;
	width: 100%;
	max-width: 1600px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	overflow: hidden;
}
.container.pb-0 {
	padding-bottom: 0;
}
@media (max-width: 1400px) {
	.container {
	    padding: 40px 20px;
	}
}

h1,h2,h3,h4,h5,h6,label {
    color: #111827;
    font-weight: 600;
}
h1 {
	font-family: 'Golos', sans-serif;
	font-size: 44px;
	font-weight: 600;
	line-height: 1.2em;
	text-transform: none;
	margin: 0 0 30px 0;
}
h2 {
	font-family: 'Golos', sans-serif;
	font-size: 44px;
	letter-spacing: -1px;
	font-weight: 600;
	line-height: 1em;
	margin: 0.4em auto;
	width: fit-content;
	text-align: center;
}
h3 {
	font-size: 20px;
	letter-spacing: 0.5px;
	margin: 0.6em 0;
	font-weight: 900;
	line-height: 1em;
}
h4 {
	font-size: 28px;
	line-height: 1em;
	font-weight: 600;
	text-transform: uppercase;
}
h5 {
	font-size: 24px;
	line-height: 1em;
	font-weight: 600;
	text-transform: uppercase;
}
h6 {
	font-size: 20px;
	line-height: 1em;
	font-weight: 800;
	text-transform: uppercase;
}
@media (max-width: 1024px) {
	h1 {font-size: 32px;}
	h2 {font-size: 28px;}
	h3 {font-size: 20px;}	
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}
}
.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,.dark label {
	color: #FFF;
}

.responsive {
    max-width: 100%;
    height: auto;
}
.sub {
	font-weight: 500;
	font-size: 16px;
	max-width: 640px;
	text-align: center;
	width: fit-content;
	margin: 0 auto 4em;
}

.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
@media (max-width: 1024px) {
	.order-1 {order: 1;}
	.order-2 {order: 2;}
	.order-3 {order: 3;}
	.order-4 {order: 4;}
	.order-5 {order: 5;}
	.order-6 {order: 6;}
}
b, strong {
    font-weight: bold;
}

.red {
	color: #C41011;
}
.red-bg {
	background: #C41011!important;
	color: #FFF;
}

.panel {
	border-radius: 16px;
	padding: 20px;
}
.panel.space {
	border-radius: 20px;
	padding: 35px;
}
.panel.red {background: #9B2D30; color: #FFF}
.panel.red>* {color: #FFF;}
.panel.gray {background: #F4F4F4;}
.panel.white {background: #FFF;}
.panel.dark {background-color: #212121;color: #FFF}
.panel.dark h3,.panel.dark h4 {color: #FFF}
.panel h3,.panel h4,.panel h5 {
	height: fit-content;
	margin-top: 0;
}
@media (max-width: 1024px) {
	.container>.panel {
		padding: 20px;
	}
	.panel h4, .panel h5 {
		margin-bottom: 10px;
		margin-right: auto;
	}
}

.r20 {border-radius: 20px;}

.lh0 {line-height: 0px;}

.block-center {
	display: block;
	margin: 0 auto;
}

.maxw360 {max-width: 360px;}
.maxw400 {max-width: 400px;}
.maxw720 {max-width: 720px;}

.h520 {height: 520px;}
.h480 {height: 480px;}
.h400 {height: 400px;}
.h360 {height: 360px;}
.h320 {height: 320px;}
.h200 {height: 200px;}
.h280 {height: 280px;}
.h160 {height: 160px;}
.h180 {height: 180px;}

.mt0 {margin-top: 0!important;}
.mr0 {margin-right: 0!important;}
.mb0 {margin-bottom: 0!important;}
.ml0 {margin-left: 0!important;}
.mt1 {margin-top: 1em!important;;}
.mr1 {margin-right: 1em!important;}
.mb1 {margin-bottom: 1em!important;}
.ml1 {margin-left: 1em!important;}
.mt2 {margin-top: 2em!important;}
.mr2 {margin-right: 2em!important;}
.mb2 {margin-bottom: 2em!important;}
.ml2 {margin-left: 2em!important;}

.p1 {padding: 1em!important;}
.p2 {padding: 2em!important;}
.pt1 {padding-top: 1em!important;}
.pb1 {padding-bottom: 1em!important;}
.pt2 {padding-top: 2em!important;}
.pb2 {padding-bottom: 2em!important;}
.pt0 {padding-top: 0!important;}
.pb0 {padding-bottom: 0!important;}

@media (max-width: 1024px) {
	.pm0 {padding: 0!important;}
}

.grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 20px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.gap0 {gap: 0!important;}

.col { grid-column: span 1;}

.col1 { grid-column: span 1; }
.col2 { grid-column: span 2; }
.col3 { grid-column: span 3; }
.col4 { grid-column: span 4; }
.col5 { grid-column: span 5; }
.col6 { grid-column: span 6; }
.col7 { grid-column: span 7; }
.col8 { grid-column: span 8; }
.col9 { grid-column: span 9; }
.col10 { grid-column: span 10; }
.col11 { grid-column: span 11; }
.col12 { grid-column: span 12; }
@media (max-width: 1024px) {
	.grid.gapm0 {gap: 0;}
	.col1,.col2,.col3,.col4,.col5 {
		grid-column: span 6;
	}
	.col6,.col7,.col8,.col9,.col10,.col11,.col12 {
		grid-column: span 12;
	}
}
@media (max-width: 540px) {
	.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12 {
		grid-column: span 12;
	}
}
.col3.right {
	grid-column: 10 / span 3;
}
@media (max-width: 1024px) {
	.col3.right {
		grid-column: span 12;
	}
}

.flex {
	display: flex;
}
.flex>* {
	flex: 0 0 auto;
}
.flex.row {
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}
.flex.col {
	flex-direction: column;
}
.flex.full {
	gap: 20px;
}
.flex.full>* {
	flex: 1 1 0;	
}
.flex.row input[type] {
	flex: 1;
	margin: 0;
}

.flex .right {
	margin-left: auto;
}
@media (max-width: 1024px) {
	.flex {
		flex-direction: column;
	}
	.flex.row {
		align-items: left;
	}
	.flex .right {
        margin-left: 0;
        margin-right: auto;
	}
}

.block {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.block .text {
	color: #707070;
	font-size: 16px;
}

.bottom {
	margin-top: auto;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.bottom .buttons {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 10px;
}
.bottom .button {
	width: auto;
	flex: 0 auto;
}
.bottom.full {
	flex-wrap: wrap;
}
.bottom.full input[type],
.bottom.full .button {
	flex: 1 0 100%;
	width: 100%;
}
.bottom.half {
	flex-wrap: wrap;
	gap: 10px;
}
.bottom.half input[type],
.bottom.half .button {
	flex: 0 0 48%;
	box-sizing: border-box;
}
.bottom.half input[type].full {
	flex: 0 0 100%;
}
.bottom.arrows::after {
	content: '';
	flex: 0 0 132px;
}
@media (max-width: 540px) {
	.bottom.wrap {
		flex-direction: column;
	}
	.bottom.half input[type],
	.bottom.half .button {
		flex: 0 0 100%;
	}
}

.half-bg {
	width: 50%;
	height: 100%;
	position: absolute;
	background-size: cover;
	background-position: center;
}
@media (max-width: 1024px) {
	.half-bg {
		width: 100%;
		position: relative;
		height: 340px;
	}
}

.hidden {
	display: none!important;
}
@media screen and (max-width: 1023px) {
	.hidden-sm {
		display: none!important;
	}
}
@media screen and (min-width: 1024px) {
	.hidden-lg {
		display: none!important;
	}
}

.rounded {
	border-radius: 12px;
}

.splide__arrows {
	position: absolute;
	display: flex;
	gap: 8px;
}
.splide__arrows button {
	height: 54px;
	width: 54px;
	border-radius: 6px;
	background: #9b2d30;
	opacity: 1;
	position: relative;
	top: 0;
	transform: none;
}
.splide__arrow svg {
	fill: #FFF!important;
}
.splide__arrow--next {
    right: 0px !important;
}
.splide__arrow--prev {
    right: 0px !important;
    left: unset !important;
}

/************ COMMON ************/

a {
	color: #185BEA;
	text-underline-offset: 2px;
}
a:hover {
	color: #6a99ff;
	transition: color .1s 0s;
}
p {
	letter-spacing: 0.25px;
}

.button {
    display: block;
    width: fit-content;
    color: #FFF;
    padding: 8px 24px;
    margin: 0;
    font-size: 14px;
    line-height: 38px;
    font-weight: 500;
    background: #185BEA;
    border: none;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s;
    border-radius: 8px;
    text-transform: uppercase;
}
.button.wide {
	padding: 8px 48px;
}
.button.full {
	width: 100%;
}
.button.white {
    background-color: #FFF;
    color: #1D1D1D;
}
.white .button.white {
	padding: 7px 16px;
	border: 2px solid #9b2d30;
}
.button.gray {
	background: #3D3D3D;
}
.button:hover {
	background-color: #1c65ff;
	color: #FFF!important;
}
.button:active,
.button:focus {
	box-shadow: none;
	background-image: none;
}
.button.disabled {
	background: #3D3D3D;
	user-select: none;
	cursor: not-allowed;
}
.button .icon {
	background: #FFF;
	width: 36px;
	height: 36px;
	font-size: 24px;
	line-height: 36px;
	display: inline-block;
	border-radius: 50%;
	margin: 0 -14px 0 18px;
	vertical-align: top;
	color: #185bea;
}
.button.white .icon {
	background: #9B2D30;
	color: #FFF;
	margin-right: -8px;
}

.button.ico {
	padding: 8px;
}
.button.ico.white {
	background: #FFF;
}
.button.ico .icon {
	margin: 0;
	padding: 0;
	font-size: 36px;
	color: #FFF;
	background: transparent;
}
.button.ico.white .icon {
	color: #9b2d30;
	background: transparent;
}

.image {
	background-size: cover;
	background-position: center;
}
@media (max-width: 540px) {
	.image {
		height: 240px;
	}
}


.features .heading,
.essentials .heading {
	font-family: 'Golos', sans-serif;
	font-size: 20px;
	font-weight: 500;
	margin-top: 28px;
}
.features .text,
.essentials .text {
	font-weight: 300;
}

ul.social,
ul.shop {
	list-style: none;
	padding: 0;
	gap: 4px;
}
ul.social li,
ul.shop li {
	display: inline-block;
}
ul.social li a {
	display: inline-block;
	text-decoration: none;
	font-size: 18px;
	line-height: 28px;
	width: 28px;
	height: 28px;
	transition: opacity 0.1s;
	color: #FFF;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	margin: 0 3px;
}

ul.marked li {
	position: relative;
	padding-left: 38px;
	margin: 16px 0;
}
ul.marked li:before {
	position: absolute;
	content: "\e904";
	font-family: 'icons' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	left: 0px;
	top: -4px;
	font-size: 16px;
	color: #ff2d20;
	background: #FFF;
	text-align: center;
	padding: 6px;
	border-radius: 4px;
}

.line {
	position: relative;
}
.line:after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    height: 2px;
    width: 38px;
    background: #9B2D30;
}

.pswp__container {
    transition: transform var(--pswp-transition-duration) ease-out;
}
.pswp__img, .pswp__zoom-wrap {
    max-block-size: inherit;
}
.gallery .splide {
	height: 100%;
}
.gallery .splide .splide__track {
	height: 100%;
}
.gallery a {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}
.gallery a img {
	max-width: 100%;
	border-radius: 4px;
	opacity: 0.3;
	transition: opacity 0.1s;
}
.gallery li.is-active a img {
	opacity: 1;
}

.toggle .icon {
	transition: transform .2s ease;
}
.toggle.active .icon {
	transform: rotate(45deg);
}
.expand {
	width: 100%;
	overflow: hidden;
	flex: 1 1 auto;
	max-height: 0;
	opacity: 0;
	transition: max-height .4s ease-in-out, opacity .4s ease, padding-top .4s ease-in-out;
}
.expand.active {
	max-height: 1000px;
	opacity: 1;
	padding-top: 1em;
}

/************ HEADER ************/

header {
    position: fixed;
    width: 100%;
    z-index: 99;
    height: auto;
    max-height: none;
    overflow: visible;
}
header .container {
    padding: 0;
    overflow: visible;
    max-width: 100%;
}
@media screen and (max-width: 1024px) {
	header {position: fixed;height: auto;transition: all .1s;}
	header .container {padding: 0.6em 0.8em;}
}
header .wrap {
	position: relative;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: visible;
	padding: 0 20px;
	transition: background .2s ease;
}
header.scroll .wrap {
	background: rgb(0 0 0 / 50%);
}
@media screen and (max-width: 1024px) {
	header.active.scroll .wrap {
		background: transparent;
	}
}
header #logo {
    display: block;
    line-height: 80px;
    z-index: 1;
    flex: 0 1 auto;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
    height: 80px;
    width: 80px;
}
header #logo img {
	width: 78px;
	display: block;
	margin-top: 8px;
	background: transparent;
}
header #logo img.light {
	display: none;
}

header #nav {
	display: block;
	text-align: left;
	flex: 0 0 auto;
	align-self: flex-start;
	margin-left: 32px;
	line-height: 80px;
	min-width: 0;
	width: auto;
}
header #nav .menu {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}
header #nav .menu:before {
	content: '';
	width: 8px;
	height: 8px;
	display: inline-block;
	background: #185bea;
	border-radius: 50%;
	margin: 0 -4px 2px 0;
}
header #nav .menu li {
    display: inline-block;
    padding: 0;
    vertical-align: top;
}
header #nav .menu li:first-child, 
header #nav .menu li:last-child {
	padding-right: 0;
}
header #nav .menu li a {
    text-decoration: none;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    display: block;
    position: relative;
    padding: 0px 10px;
}
header #nav .menu li.parent {
	margin-right: 2px;
	position: relative;
}
header #nav .menu li.parent>a:after {
    position: absolute;
    top: 50%;
    right: -2px;
    width: 0px;
    height: 0px;
    content: " ";
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #ffffff26;
    transition: all .3s ease 0s;
}
header #nav .menu li ul li.parent:after {
	top: 16px;
	right: -12px;
}
header #nav .menu li a:hover {
	color: #185bea !important;
}
header #nav .menu li a.button {
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 600;
    margin-left: 4px;
}
header #nav .menu li a.button.white {
	color: #111;
}
header #nav .menu>li>ul {
	position: absolute;
	background: rgb(0 0 0 / 30%);
	backdrop-filter: blur(10px);
	border-radius: 6px;
	text-align: left;
	padding: 1em;
	width: 240px;
	margin-top: 40px;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease .3s;
}
header #nav .menu>li:hover>ul {
	opacity: 1;	
	visibility: visible;
	transition: all .3s ease 0s;
}
header #nav .menu>li:first-child>ul {
	margin-top: 32px;
}
header #nav .menu li ul li {
	display: block;
}
header #nav .menu li ul li>a {
	width: fit-content;
	line-height: 1.8em;
}
header #nav .menu li ul li ul {
	height: 0px;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
}
header #nav .menu li.active ul {
	height: auto;
	opacity: 1;
	visibility: visible;
}
header #nav .menu li ul li ul a {
	font-size: 0.9em;
	padding-left: 1.2em;
}
header #nav .menu li.active>a,
header #nav .menu li:hover.active>a {
	color: #FF2D20;
}

header button.search-toggle {
	width: 28px;
	height: 28px;
	flex: 0 0 auto;
	line-height: 80px;
	display: inline-block;
	text-align: center;
	margin-left: 12px;
	border: 1px solid #D9D9D9;
	border-radius: 50%;
	cursor: pointer;
}
header button.search-toggle .icon {
	display: block;
	font-size: 18px;
	color: #FFF;
}

header #contact {
	flex: 1;
	align-self: flex-start;
	text-align: right;
	min-width: 0;
	z-index: 1;
	line-height: 80px;
}
header #contact>ul,header #contact>a {
	display: inline-block;
}

header #contact ul.shop {
	padding: 0;
	margin: 0;
	padding-right: 12px;
}
body.home header #contact ul.shop,
body.page header #contact ul.shop {
	vertical-align: middle;
}
header #contact ul.shop li.search-toggle {
	display: none;
}
header #contact ul.shop a {
	color: #FFF;
	display: block;
	width: 28px;
	height: 28px;
	text-align: center;
	margin: 0 4px;
	border: 1px solid #D9D9D9;
	border-radius: 50%;
}
header #contact ul.shop a:hover {
    color: #9b2d30!important;
}
header #contact ul.shop a .icon {
	font-size: 16px;
	line-height: 26px;
}
body.home header #contact ul.shop a,
body.page header #contact ul.shop a {
	color: #FFF;
}

header #contact a.email,
header #contact a.phone {
	text-decoration: none;
	color: #FFF;
	padding: 0 16px;
	font-size: 12px;
	font-weight: 500;
	line-height: 80px;
}
header #contact a.email i,
header #contact a.phone i,
header #contact a.address i {
	display: none;
}
body.home header #contact a.email,
body.home header #contact a.phone,
body.page header #contact a.email,
body.page header #contact a.phone {
	color: #FFF;
}
header #contact a.address,
header #contact a.address-toggle {
	color: #FFF;
	text-transform: uppercase;
	font-size: 12px;
}
header #contact .addresses {
	position: relative;
	display: inline-block;
}
header #contact a.address-toggle svg {
	transform: rotate(90deg);
	opacity: 0.3;
	width: 8px;
	height: 8px;
	margin-left: 4px;
}
header #contact a.address-toggle path {
	fill: #FFF;
}

@media screen and (min-width: 1024px) {
	header #contact .addresses.active a.address-toggle svg {
		opacity: 1;
	}
	header #contact .addresses.active a.address-toggle path {
		fill: #9B2D30;
	}
	header #contact a.address {
		height: 0px;
		opacity: 0;
		visibility: hidden;
		overflow: hidden;
		position: absolute;
		left: -22px;
		bottom: -75px;
		white-space: nowrap;
	}
	header #contact a.address:nth-child(3) {
		bottom: -121px;
	}
	header #contact .addresses.active a.address {
		opacity: 1;
		visibility: visible;
		height: auto;
		background: rgb(0 0 0 / 50%);
		padding: 12px 20px;
		width: 320px;
		text-align: left;
	    transition: opacity .4s ease;
	}
	header #contact .addresses.active a.address:nth-child(3) {
		transition: opacity .4s .1s ease;
	}
}

header #contact a.support {
	margin-right: 1.4em;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
}
header #contact .call .icon {
	display: none;
}
header #contact .button.call {
	height: 38px;
	position: relative;
	padding: 0px 20px;
	border-radius: 4px;
	font-size: 12px;
}
header .button.call b {
	font-weight: 500;
}

header #menu_button {
    align-self: flex-start;
    z-index: 1;
    height: 38px;
    padding: 0px 8px;
    display: inline-block;
    margin: 22px 0 0 12px;
    border-radius: 4px;
    display: none;
}
header #menu_button .icon {
	background: none;
	color: #FFF;
	width: auto;
	height: auto;
	margin: 0;
	vertical-align: middle;
}
header #menu_button .ico_plus {
	display: none;
}

header .search {
	background: #F4F4F4;
	padding: 40px 20px 20px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	visibility: hidden;
	max-height: 0px;
	opacity: 0;
	overflow: hidden;
	transition: max-height .4s ease, opacity .4s ease;
	position: relative;
}
header .search.active {
	max-height: 200px;
	opacity: 1;
	visibility: visible;
}
@media screen and (max-width: 1024px) {
	header .search .button {
		margin-left: auto;
		width: 100%;
		text-align: left;
		position: relative;
	}
	header .search .button .icon {
		text-align: center;
		margin-left: auto;
		position: absolute;
		right: 24px;
	}
}
header .search .search-toggle {
	position: absolute;
	right: 4px;
	top: 4px;
	color: #505050;
	opacity: 0.4;
	font-size: 24px;
	font-weight: 600;
	transform: rotate(45deg);
	cursor: pointer;
}
header .search-over {
	content: '';
	position: fixed;
	width: 100%;
	height: 100%;
	background: #202020e6;
	left: 0;
	top: 0;	
	visibility: hidden;
	z-index: 1;
}
header .search-over.active {
	visibility: visible;
	opacity: 1;
	z-index: -1;
}

header .burger {
	width: 680px;
	position: absolute;
	right: 20px;
	top: 102px;
	border-radius: 15px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	visibility: hidden;
	max-height: 0px;
	opacity: 0;
	box-shadow: 1px 1px 20px #00000033;
	transition: max-height .2s ease, opacity .4s ease;
}
@media screen and (min-width: 1023px) {
	header.active .burger {
		visibility: visible;
		max-height: 1000px;
		opacity: 1;
	}
}
header .burger .custom,
header .burger .service,
header .burger .detail {
	background-repeat: no-repeat;
	border-radius: 0px;
	padding: 30px;
}
header .burger .custom,
header .burger .service {
	flex: 0 0 50%;
	box-sizing: border-box;
	height: 280px;
}
header .burger .custom {
	background-image: url(../img/srv/wheel.avif);
	background-position: bottom 12px right -32px;
}
header .burger .service {
	background-image: url(../img/srv/tool.avif);
	background-position: bottom 0px right 0px;
}
header .burger .detail {
	background-image: url(../img/srv/soc2.avif);
	background-position: bottom -96px right -240px;
	flex: 0 0 100%;
	height: 220px;
}
header .burger .burger-toggle {
	position: absolute;
	right: 12px;
	top: 12px;
	font-size: 24px;
	transform: rotate(45deg);
	cursor: pointer;
}



@media screen and (max-width: 1560px) {
	header .container {padding: 0;}
}
@media screen and (max-width: 1400px) {
	header #contact .call .icon {
		display: inline-block;
	}
	header #contact .call b {
		display: none;
	}
	header #contact .addresses {
		display: none;
	}
}
@media screen and (max-width: 1160px) {
	header #contact .call {
	}
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
	ul.shop li a {
	    font-size: 16px;
	    line-height: 30px;
	    width: 28px;
	    height: 28px;
	    margin: 0 3px;
	}
	header #contact a.email {
	    padding-right: 10px;
	}
	header .button,
	header #nav .menu li a.button {
		/* padding: 4px 8px; */
	}
}
@media screen and (min-width: 960px) and (max-width: 1024px) {
	header .shape {
	    left: 16em;
	}
    header #logo {
        margin-left: 0;
    }
    header #nav, header #contact {
    	margin-left: 212px;
    }
}
@media screen and (min-width: 870px) and (max-width: 960px) {
	header .shape {
	    left: 11.2em;
	}
    header #logo {
        margin-left: 0;
    }
    header #nav, header #contact {
    	margin-left: 132px;
    }
}
@media screen and (min-width: 540px) and (max-width: 870px) {
	header .shape {
	    left: 6em;
	}
    header #logo {
        margin-left: 0;
    }
    header #nav, header #contact {
    	margin-left: 50px;
    }
}
@media screen and (min-width: 540px) and (max-width: 768px) {
	header:not(.active) ul.shop li a {
	    font-size: 16px;
	    line-height: 30px;
	    width: 28px;
	    height: 28px;
	    margin: 0 3px;
	}
	header:not(.active) #contact a.email, header #contact a.phone {
	    padding: 0 12px;
	    font-size: 14px;
	}
	header:not(.active) #contact a.email {
	    padding-right: 10px;
	}
	header:not(.active) .button,
	header #nav .menu li a.button {
		/* padding: 4px 8px; */
	}
}
@media screen and (min-width: 540px) and (max-width: 660px) {
	header #contact a.email {
	    display: none;
	}
}
@media screen and (max-width: 540px) {
	header #contact .shop,
	header #contact .email,
	header #contact .call {
	    display: none;
	}
	header #contact a.phone {
		padding: 0;
	}
    header #nav, header #contact {
    	margin-left: 4px;
    }
	header #nav, header #contact {
		align-self: stretch;
		width: 100%;
	}
	header #logo {
		margin-left: 0;
		margin-top: 0;
	}
	header #logo img {
		width: 80px;
	}
}
@media screen and (max-width: 320px) {
	header #contact a.phone {
		display: none;
	}
}

/************ MOB MENU ************/

@media screen and (max-width: 1024px) {
	header:not(.active) #contact {
		margin-right: 6px;
		margin-left: 0;
	}
	header #menu_button {
		display: block;
	}
	header #menu_button .icon {
	    color: #FFF;
	}
	body.home header #menu_button .icon,
	body.page header #menu_button .icon {
		color: #FFF;
	}
	header #nav {
		display: none;
	}
	header button.search-toggle {
		display: none;
	}
	header #contact a.email, header #contact a.phone {
	    padding: 0 12px;
	    font-size: 14px;
	}

	header #menu_button.active .ico_burger {
		display: none;
	}
	header #menu_button.active .ico_plus {
		display: block;
		transform: rotate(45deg);
		color: #817f7f !important;
		font-size: 28px;
	}	
	header.active {
		background: #ffffff;
		height: 100%;
	}
	header.active .container {
		height: 100%;
	}
	header.active .wrap {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		height: 100%;
	}
	header.active #logo  {
		order: 1;
	}
	header.active #logo img.dark {
		display: none;
	}
	header.active #logo img.light {
		display: block;
	}
	header.active #nav {
		order: 2;
		display: block;
		margin-top: 48px;
	}
	header.active #nav .menu {
		width: 95%;
	}
	header.active #nav .menu:before {	
		display: none;
	}
	header.active #nav .menu:after {
		height: 1px;
		width: 100%;
		position: absolute;
		margin-bottom: 0;
		bottom: -16px;
	}
	header.active #nav .menu>li {
		display: block;
		line-height: 1.6em;
	}
	header.active #nav .menu>li a {
		font-size: 20px;
		color: #151515!important;
	}
	header.active #nav .menu>li.burger {
	    display: block;
	    width: fit-content;
	}
	header #nav .menu li a {
		margin: 0;
		font-weight: 700;
		padding: 6px 0px;
		font-size: 16px;
	}
	header #nav .menu li a:hover {
		color: inherit;
	}
	header #nav .menu li.parent>a:after {
		right: -12px;
	}
	header.active #nav .menu li .button {
		margin: 0;
		background: none;
		color: #FFF;
		padding: 6px 0px;
		font-weight: 400;
		text-align: left;
	}
	header.active #nav .menu li:first-child .button {
		display: none;
	}
	header.active #nav .menu li ul {
		display: block;
		position: relative;
		opacity: 1;
		visibility: visible;
		background: transparent;
		padding: 0;
		margin: 0;
		width: fit-content;
	}
	header.active #contact {
		order: 3;
		margin-top: auto;
		max-height: fit-content;
		text-align: left;
		display: flex;
		flex-direction: column;
	}
	header.active #contact ul.shop {
		display: block;
		order: 3;
		margin: 0.6em 0 2.4em 0;
		border: none;
	}
	header.active #contact ul.shop li {
		display: inline-block;
	}
	header.active #contact ul.shop a {
		line-height: 40px;
		height: 40px;
		width: 40px;
		margin: 0 4px 0 0;
	}
	header.active #contact ul.shop a i {
		color: #212121;
		font-size: 20px;
		line-height: 40px;
	}
	header.active #contact a.email i,
	header.active #contact a.phone i,
	header.active #contact a.address i {
		display: block;
		font-size: 10px;
		text-transform: capitalize;
		font-weight: 700;
	}
	header.active #contact a.email,
	header.active #contact a.phone {
		display: block;
		order: 1;
		padding: 0;
		color: #151515!important;
		line-height: 1em;
		font-size: 20px;
		font-weight: 600;
	}
	header.active #contact a.phone {
		margin-bottom: 12px;
	}
	header.active #contact .addresses {
		display: block;
	}
	header.active #contact a.address {	
		display: block;	
		order: 2;
		color: #151515!important;
		line-height: 1.2em;
		font-size: 16px;
		max-width: 260px;
		font-weight: 500;
		margin: 12px 0;
		text-transform: none;
		font-size: 20px;
		line-height: 1.1em;
	}
	header.active #contact .call {
		display: none;
	}
	header.active #contact .call .icon {
		display: none;
	}
	header.active #contact .call b {
		display: block;
	}
	header.active #menu_button {
		position: absolute;
		background: transparent;
		right: 8px;
		top: -16px;
		height: 46px;
		text-align: center;
		padding: 16px;
	}
	header #nav .menu li a.button {
		padding: 8px 16px;
	}
}
@media screen and (max-width: 540px) {
    header.active #logo {
    }
}

/************ CRUMBS ************/

.breadcrumb {
	list-style: none;
	padding: 0;
	margin: 0;
}
.breadcrumb li {
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
	color: #b1b1b1;
}
.breadcrumb li:not(.active):after {
	content: '/';
	padding: 0 4px;
}
.breadcrumb li a {
	color: #737373;
	text-decoration: none;
}

/************ HERO ************/

.hero {
	overflow: hidden;
	position: relative;
	background: #111827;
	line-height: 0;
	padding: 0;
	height: 720px;
	background-size: cover;
	background-position: center;
	z-index: 0;
}
.hero .container {
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.hero .panel {
	padding-bottom: 6em;
	max-width: 720px;
}
.hero .panel h1 {
	color: #FFF;
	line-height: 1em;
}
.hero .panel h1 em {
	display: block;
	font-size: 0.8em;
}
.hero .panel h2 {
	font-size: 16px;
	line-height: 1.4em;
	text-transform: none;
	color: #d9d9d9;
	text-align: left;
}
.hero .panel img {
	height: 64px;
	margin: 1.2em 0.4em 1.6em 0;
	opacity: 0.2;
}

.hero #img_circle,
.hero #img_dots,
.hero #img_hand {
	position: absolute;	
}
.hero #img_circle {
	bottom: 40px;
	right: 14vw;
	animation: spin 60s linear infinite;
}
.hero #img_dots {
	bottom: 220px;
	right: 20vw;
	opacity: 0.1;
	animation: blink 6s ease-in-out infinite;
}
.hero #img_hand {
	bottom: 0;
	right: 13vw;
}

@media screen and (max-width: 1400px) {
	.hero #img_circle {right: 3vw;}
	.hero #img_dots {right: 14vw;}
	.hero #img_hand {right: 4vw;}
}
@media screen and (max-width: 1200px) {
	.hero .panel {
		padding-bottom: 4em;
		max-width: 659px;
	}
	.hero #img_circle {right: -5vw;}
	.hero #img_dots {right: 9vw;}
	.hero #img_hand {right: -4vw;}
}
@media screen and (max-width: 1024px) {
	.hero {
		height: auto;
	}
	.hero .panel {
		max-width: 100%;
		padding: 4em 0 0;
	}
	.hero .panel h1 {
		margin-bottom: 0.6em;
	}
	.hero .panel h2 {
		max-width: 480px;
		font-size: 14px;
		font-weight: 400;
	}
	.hero .panel img {
		height: 56px;
	}
	.hero #img_circle {
	    height: auto;
	    width: 400px;
	}
	.hero #img_dots {
	    bottom: 140px;
	    height: auto;
	    width: 180px;
	}
	.hero #img_hand {
		height: auto;
		width: 360px;
	}
}
@media screen and (max-width: 800px) {
	.hero {
		padding-bottom: 420px;
	}
	.hero #img_circle {
		right: unset;
		left: 2em;
	}
	.hero #img_dots {
		right: unset;
		left: 8em;
	}
	.hero #img_hand {
		right: unset;
		left: 4em;
	}
}
@media screen and (max-width: 540px) {
	.hero {
		padding-bottom: 420px;
	}
	.hero #img_circle {
		left: 0em;
	}
	.hero #img_dots {
		left: 4em;
	}
	.hero #img_hand {
		left: 1em;
	}
}
@media screen and (max-width: 400px) {
	.hero {
		padding-bottom: 120%;
	}
	.hero #img_dots {
		width: 50%;
	}
	.hero .panel img {
		height: 40px;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
@keyframes blink {
	0%, 100% { opacity: 0.1; }
	50% { opacity: 0; }
}

/************ BLOCKS ************/

.about .item {
	height: 320px;
	padding: 4em;
}
.about .item .number {
	width: 72px;
	height: 72px;
	background: #e2f4fd;
	border-radius: 50%;
	line-height: 72px;
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 1em;
}
.about .img {
	padding: 4em;
	background-image: url('../img/ccp/circle-blue.svg'), url('../img/ccp/dots.png');
	background-repeat: no-repeat, no-repeat;
	background-position: center, left 15% top;
	background-size: contain, 60% auto;
}
.about .img img {
	max-width: 100%;
	height: auto;
}
.about .button {
	margin: 2em auto;
}
@media screen and (max-width: 1024px) {
	.about .item {
		text-align: right;
	}
}
@media screen and (max-width: 540px) {
	.about .item {
		text-align: center;
		height: auto;
		padding: 1em;
	}
}

.branding .item {
	display: flex;
	margin-bottom: 2em;
	gap: 1em;
	max-width: 480px;
}
.branding .item .icon {
	width: 72px;
	height: 72px;
	line-height: 72px;
	text-align: center;
	font-size: 44px;
	border-radius: 12px;
	background: #e2f4fd;
}
.branding .item p {
    width: fit-content;
    padding: 0;
    margin: 0;
}
.branding .item p b {
    display: block;
}

.admin .item .icon {
	display: block;
	margin: 0 auto;
	color: #01ADE5;
	font-size: 100px;
	margin-top: 20px;
}

.export .img {
	line-height: 0;
}
.export ul {
	margin-bottom: 2em;
	display: block;
}
.export ul li {
	list-style: disc;
	max-width: 440px;
	margin-bottom: 1em;
}
.export h3 .icon {
	color: #c41011;
}
@media screen and (min-width: 1024px) {
	.export .container {
		padding-bottom: 0;
	}
}

.currency ul {
	margin-bottom: 2em;
	display: block;
}
.currency ul li {
	max-width: 440px;
	margin-bottom: 1em;
	position: relative;
	padding-left: 48px;
}
.currency ul li:before {
	content: '\e905';
	font-family: 'icons' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	left: 0;
	top: 0px;
	font-size: 40px;
	color: #111827;
}
.currency ul li:first-child:before {
	color: #c41011;
}
.currency h3 .icon {
	color: #c41011;
}

.cta .grid {
	background: #185bea;
	padding: 4em;
	border-radius: 24px;
}
.cta h2 {
	text-align: left;
	margin: 0.8em 0 0.4em 0;
	color: #FFF;
}
.cta p {
	color: #FFF;
	margin-bottom: 1em;
}
.cta .button {
	background: #FFF;
	color: #111827;
	font-weight: 700;
}
.cta .button .icon {
	background: #185bea;
	color: #CCC;
}
.cta img {
	max-width: 256px;
}
@media screen and (max-width: 1024px) {
	.cta .grid {
		padding: 2em;
	}
	.cta .img {
		text-align: left;
		padding-top: 2em;
	}
}

/************ FOOTER ************/

footer {
    width: 100%;
    background: #111827;
    text-align: center;
}
footer .container {
	padding-top: 4em;
	padding-bottom: 3em;
}

footer .logo {
	width: 120px;
}

footer .legal {
	color: #404e6c;
	font-size: 12px;
	margin-top: 2em;
}
footer .legal a {
	color: inherit;
}
@media screen and (max-width: 1024px) {
	footer .navigation .heading {
	    margin-bottom: 0.4em;
	}
}

#popup_video_wrap video {
	width: auto;
	height: auto;
	max-height: 96vh;
	display: block;
	margin: 0 auto;
	border-radius: 12px;
}
#popup_video_wrap {
	padding: 0;
	width: auto !important;
	max-width: none;
}
.mfp-content {
	width: auto !important;
	max-width: none;
}
#popup_video_wrap .mfp-close {
	color: #FFF;
	font-size: 36px;
	opacity: 0.8;
}

/************ FORM ************/

.form label {
    margin: 1em 0 0;
    font-weight: 600;
    font-size: 100%;
}
.form input[type],
.form textarea,
.form select {
    background: #ffffff;
    box-shadow: none;
    font-size: 18px;
    line-height: 56px;
    padding: 0px 16px;
    color: #111;
    font-weight: 400;
    display: inline-block;
    min-width: auto;
    width: 100%;
    margin-bottom: 8px;
    border-radius: 8px;
}
.form select * {
	background-color: #ffffff;
}
.sel-wrap {
  position: relative;
  width: 100%;
  display: inline-block;
}
.sel-wrap::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  transform: translateY(-50%);
}
.sel-wrap select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 30px; /* пространство для стрелки */
}
.form textarea {
	line-height: 1em;
	padding: 12px;
}

textarea::placeholder,
input::placeholder {
	color: #b5c7cd;
	font-size: 14px;
	font-weight: 300;
	transition: color 0.2s;
}
textarea:focus::placeholder,
input:focus::placeholder {
	color: #04b280;
}
.form input[type=color]:focus,
.form input[type=date]:focus,
.form input[type=datetime-local]:focus,
.form input[type=datetime]:focus,
.form input[type=email]:focus,
.form input[type=month]:focus,
.form input[type=number]:focus,
.form input[type=password]:focus,
.form input[type=search]:focus,
.form input[type=tel]:focus,
.form input[type=text]:focus,
.form input[type=time]:focus,
.form input[type=url]:focus,
.form input[type=week]:focus,
.form select:focus,
.form textarea:focus {
	border-color: #04b280;
}

.form input[type=text][disabled],
.form input[type=tel][disabled],
.form input[type=email][disabled],
.form select[disabled],
.form textarea[disabled] {
	background: transparent;
	color: #5c5b5b;
}

#form_thank {
	display: none;
}
.form h2 {
	font-family: 'Manrope';
	margin: 0.2em 0;
	text-align: left;
	font-size: 28px;
	font-weight: 600;
	letter-spacing: 0;
}
.form .sub {max-width: 220px;font-size: 14px;line-height: 1.3;font-weight: 300;opacity: 0.8;text-align: left;margin: 0 0 1em 0;}
.form label {
    margin: 1em 0 0;
    font-weight: 300;
    font-size: 12px;
    line-height: 12px;
    padding: 0;
    min-height: 24px;
    display: block;
}
.form label i {
	display: inline-block;
	vertical-align: sub;
	max-width: 280px;
}
@media screen and (max-width: 48em) {
	.form input[type] {
		width: 100%;
	}
}
textarea::placeholder,
input::placeholder {
	color: #717471;
	font-size: 16px;
	font-weight: 300;
	transition: color 0.2s;
}
textarea:focus::placeholder,
input:focus::placeholder {
	color: #2c2c2c;
}
.form input[type=color]:focus,
.form input[type=date]:focus,
.form input[type=datetime-local]:focus,
.form input[type=datetime]:focus,
.form input[type=email]:focus,
.form input[type=month]:focus,
.form input[type=number]:focus,
.form input[type=password]:focus,
.form input[type=search]:focus,
.form input[type=tel]:focus,
.form input[type=text]:focus,
.form input[type=time]:focus,
.form input[type=url]:focus,
.form input[type=week]:focus,
.form select:focus,
.form textarea:focus {
	border-color: #cda173;
}
.form button {
	margin: 1em auto;
	width: 100%;
}

.form>.full {
	flex: 0 0 100%;
	width: 100%;
}

.company-input {display: none!important;}

/* Customize the label (the container) */
.form .container {
  display: block;
  position: relative;
  padding-left: 32px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.form .container input {
	appearance: none;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* Create a custom checkbox */
.form .checkmark {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 2px;
  background-color: #FFF;
  border: 1px solid #D5D5D5;
}

/* On mouse-over, add a grey background color */
.form .container:hover input ~ .checkmark {
  background-color: transparent;
}

/* When the checkbox is checked, add a blue background */
.form .container input:checked ~ .checkmark {
  background-color: transparent;
}

/* Create the checkmark/indicator (hidden when not checked) */
.form .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.form .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.form .container .checkmark:after {
  left: 7px;
  top: 4px;
  width: 6px;
  height: 10px;
  border: solid #282828;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/************ POPUP **************/

.popup-form-wrap {
    position: relative;
    background: #f3f3f3;
    padding: 1.8em;
    width: auto;
    max-width: 400px;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0px 4px 20px 2px rgb(0 0 0 / 40%);
}
@media screen and (max-width: 48em) {
	.popup-form-wrap {
		padding: 2em;
	}
}
.mfp-close-btn-in .mfp-close {
    color: #000000;
    opacity: 0.4;
    font-size: 2em;
    font-family: inherit;
    font-weight: lighter;
    transition: opacity 0.1s ease-out;
}
.mfp-close-btn-in .mfp-close:hover {
    opacity: 0.3;
}
.mfp-zoom-out {
	/* start state */
	/* animate in */
	/* animate out */
}
.mfp-zoom-out .mfp-with-anim {
	opacity: 0;
	transition: all 0.3s ease-out;
	transform: scale(0.95);
}
.mfp-zoom-out.mfp-bg {
	opacity: 0;
	transition: all 0.2s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
	opacity: 0.95;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
	transform: scale(1.1);
	opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
	opacity: 0;
}