/*
	Theme Name: Conditioners Sensei
	Theme URI: http://bshepelev.ru
	Description: The theme for WordPress. 
	Author: Shepelev Boris
	Version: 1.a
*/

/* --- RESET ---------------------------------------------------------------------------------------------------------------------------------------------------------- */

* { 
	border:0; 
	margin:0; 
	padding:0; 
	outline: none; 
	border-collapse: collapse; 
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: transparent;
}

:focus {
	outline:none;
	box-shadow:none;
	border-color:transparent;;
}

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }

body { line-height: 1; }

h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; }

ol, ul {  }

blockquote { quotes: none; }

blockquote:before, blockquote:after { content: ''; content: none; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

a img { border: none; }

input, textarea{
	-webkit-appearance: none;
	font-family: 'Ubuntu', sans-serif;
}

::selection {
	background:none!important;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

html,
body { 
	padding:0;
	margin:0;
}

body {
	font-family: 'Ubuntu', sans-serif;
	font-weight: normal; 
	font-style: normal; 
	font-size:12px;
	line-height:19px;
	position:relative;
	height:100%; 
	width:100%;
	min-width:330px;
	background:#FFF;
	-webkit-text-size-adjust: 100%;
	text-size-adjust:100%;
	color:#FFF;
}

html { overflow-x:hidden; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.block {
	clear:both;
	width:100%;
	display:block;
	position:relative;
	text-align:center;
	
}

.center { 
	clear:both;
	float:none;
	width:100%;
	max-width:1240px;
	min-width:300px;
	padding:0;
	margin:0 auto;
	text-align:left;
	box-sizing: border-box;
	position:relative;
}

.clear {
	clear:both;
	width:100%;
	height:0px;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.lang {
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 150%;
	display: flex;
	align-items: center;
	letter-spacing: 0.05em;
	color: #161616;	
	position:relative;
	position:fixed;
	right:30px;
	top:68px;
	z-index:30;
}

.lang li {
	display:block;
	list-style:none;
}

.lang a {
	color: #FFFFFF;	
	text-decoration:none;
	padding-left:28px;
	position:relative;
}

.lang a::before {
	content:'';
	display:block;
	position:absolute;
	left:0px;
	top:50%;
	margin:-7px 0 0 0;
	width:20px;
	height:14px;
}

.lang a.ua::before { background:url("images/ua.svg") no-repeat center center; }
.lang a.ru::before { 
	background:url("images/ru.svg") no-repeat center center;
	background-size:auto 14px;
}

.lang a.active { display:none; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#fp-nav ul li a span, .fp-slidesNav ul li a span {
	background:#FFF!important;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#fullpage .section {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	overflow:hidden;
}

#fullpage .section .logo {
	position:absolute;
	width:180px;
	height:39px;
	background:url("images/logo.svg") no-repeat center center;
	left:0px;
	top:68px;
	z-index:11;
	transition: all 0.5s;
}

#fullpage .section.start .logo {
	background:url("images/logo-start.svg") no-repeat center center;
}

#fullpage .section .payment-in-installments {
	position:absolute;
	width:334px;
	height:87px;
	left:0px;
	bottom:68px;
	z-index:11;	
}

#fullpage .section .years-7-warranty {
	position:absolute;
	width:140px;
	height:65px;
	left:0px;
	bottom:68px;
	z-index:11;	
	display:flex;
	justify-content: space-between;
	align-items: center;		
}

#fullpage .section.start .years-7-warranty {
	left:auto;
	right:0px;
	bottom:68px;
}

#fullpage .section .years-7-warranty a.visa,
#fullpage .section .years-7-warranty a.mastercard {
	display:block;
	width:65px;
	height:41px;
	background-size:65px auto;
}

#fullpage .section .years-7-warranty a.visa { 
	background:url("images/visa.svg") no-repeat center center; 
	background-size:65px auto;
}

#fullpage .section .years-7-warranty a.mastercard { 
	background:url("images/mastercard.svg") no-repeat center center; 
	background-size:65px auto;
}

#fullpage .section .text-link {
	position:absolute;
	left:250px;
	top:80px;
	z-index:100;
	display:inline-block;
}

#fullpage .section .text-link a {
	color:#FFF;
	text-decoration:none;
	font-size:15px;
	line-height:15px;
	text-transform: uppercase;
	font-weight:bold;	
	position:relative;
}

#fullpage .section .text-link a { 
	margin:0 15px 0 0; 
}

#fullpage .section.start .text-link a { color:#df0c04; }

#fullpage .section .text-link a::before {
	content:'';
	display:block;
	position:absolute;
	bottom:-4px;
	left:0px;
	width:0px;
	height:1px;
	background:#FFF;
	transition: all 0.5s;
}

#fullpage .section.start .text-link a::before { background:#df0c04; }

#fullpage .section .text-link a:hover::before {
	width:100%;
}

#fullpage .section .center {
	height:100vh;
	display:flex;
}

#fullpage .section.start {
	background:url("images/start-min.jpg") no-repeat center center;
	background-size:cover;
}

#fullpage .section.start::before {
	content:'';
	display:block;
	left:0px;
	right:0px;
	bottom:0px;
	height:500px;
	background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 80%);
	position:absolute;
	z-index:1;
}

#fullpage .section.start .center {
	justify-content: flex-start;
	align-items: center;	
}

#fullpage .section.start .center h1 {
	font-style: normal;
	font-weight: bold;
	font-size: 50px;
	line-height: 150%;
	text-transform: uppercase;
	color: #161616;	
}

#fullpage .buttons-start {
	position:absolute;
	left:0px;
	bottom:107px;
	z-index:2;
}

#fullpage .buttons-start a {
	width: 308px;
	height: 64px;
	display:flex;
	justify-content:center;
	align-items: center;
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 135%;
	display: flex;
	align-items: center;
	text-align: center;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #DF0C04;
	padding-left:29px;
	border-radius: 34px;
	border: 1px solid #DF0C04;
	position:relative;
	text-decoration:none;
	overflow:hidden;
	transition: all 1.5s;
}

#fullpage .buttons-start a:nth-child(2) {
	margin:20px 0 0 0;
}

#fullpage .buttons-start a span {
	position:relative;
	z-index:5;
	transition: all 0.5s;
}

#fullpage .buttons-start a::after {
	content:'';
	display:block;
	left:0px;
	top:0px;
	bottom:0px;
	background:#DF0C04;
	width:0px;
	position:absolute;
	transition: all 0.5s;
	z-index:1;
}

#fullpage .buttons-start a.selection-conditioner span { color:#FFF; }
#fullpage .buttons-start a.selection-conditioner::after { width:100%; }
#fullpage .buttons-start a.selection-conditioner:hover::after { width:0px; }
#fullpage .buttons-start a.selection-conditioner:hover span { color:#DF0C04; }

#fullpage .buttons-start a.get-consultation:hover::after { width:100%; }
#fullpage .buttons-start a.get-consultation:hover span { color:#FFF; }

#fullpage .buttons-start a::before {
	content:'';
	display:block;
	width:32px;
	height:32px;
	position:absolute;
	top:16px;
	left:24px;
	z-index:2;
	transition: all 0.5s;
}

#fullpage .buttons-start a:hover::before {
	transform: rotateY(360deg);
}

#fullpage .buttons-start a.selection-conditioner::before { background:url("images/selection-conditioner.svg") no-repeat center center; }
#fullpage .buttons-start a.get-consultation::before { background:url("images/get-consultation.svg") no-repeat center center; }

#fullpage .buttons-start a.selection-conditioner:hover::before { background:url("images/selection-conditioner-red.svg") no-repeat center center; }
#fullpage .buttons-start a.get-consultation:hover::before { background:url("images/get-consultation-white.svg") no-repeat center center; }

#fullpage .buttons p,
#fullpage .buttons-start p {
	padding:30px 0 0 0;
}

#fullpage .buttons-start a.public-offer-agreement,
#fullpage .buttons-start a.public-offer-agreement:hover {
	width:auto;
	height:auto;
	display:flex;
	justify-content:center;
	align-items: center;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 14px;
	display: flex;
	align-items: center;
	text-align: center;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #FFF;
	padding-left:0;
	border-radius:0;
	border:0px!important;
	position:relative;
	text-decoration:none;
	overflow:hidden;
	transition: all 1.5s;	
	background:none!important;
	padding:0!important;
	margin:0!important;
}

#fullpage .buttons-start a.public-offer-agreement.phone,
#fullpage .buttons-start a.public-offer-agreement.phone:hover {
	font-size: 18px;
	line-height: 18px;	
}

#fullpage .buttons-start a.public-offer-agreement.phone span {
	position:relative;
	padding:0 0 0 34px;
	color:#DF0C04;
}

#fullpage .buttons-start a.public-offer-agreement.phone span::before {
	content:'';
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	left:0px;
	top:50%;
	margin:-15px 0 0 0;
	background:url("images/phone-red.svg") no-repeat center center;
	background-size:20px auto;
}

#fullpage .buttons-start a.public-offer-agreement::after {
	display:none;
	background:none!important;
}

#fullpage .buttons a.public-offer-agreement,
#fullpage .buttons a.public-offer-agreement:hover {
	width:auto;
	height:auto;
	display:flex;
	justify-content:center;
	align-items: center;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 14px;
	display: flex;
	align-items: center;
	text-align: center;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #FFF;
	padding-left:0;
	border-radius:0;
	border:0px!important;
	position:relative;
	text-decoration:none;
	overflow:hidden;
	transition: all 1.5s;	
	background:none!important;
	padding:0!important;
	margin:0!important;
}

#fullpage .buttons a.public-offer-agreement.phone,
#fullpage .buttons a.public-offer-agreement.phone:hover {
	font-size: 18px;
	line-height: 18px;	
}

#fullpage .buttons a.public-offer-agreement.phone span {
	position:relative;
	padding:0 0 0 34px;
	color:#FFF;
}

#fullpage .buttons a.public-offer-agreement.phone span::before {
	content:'';
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	left:0px;
	top:50%;
	margin:-15px 0 0 0;
	background:url("images/phone.svg") no-repeat center center;
	background-size:20px auto;
}

#fullpage .buttons a.public-offer-agreement::after {
	display:none;
	background:none!important;
}

#fullpage .section .left,
#fullpage .section .right {
	width:50%;
	height:100vh;
	position:relative;
	transition: all 1.5s;
}

#fullpage .section .left { 
	left:-50px; 
	opacity:0;
}

#fullpage .section .right { right:-100px; }

#fullpage .section.active .left { 
	left:0px; 
	opacity:1;
}

#fullpage .section.active .right { right:0px; }

#fullpage .section .left {
	display:flex;
	justify-content: flex-start;
	align-items: center;	
}

#fullpage .section .left .thumb {
	display:block;
	width:632px;
	height:414px;
	background-repeat:no-repeat;
	background-position:0px center;
	position:relative;
}

#fullpage .section .left .thumb .info {
	display:block;
	width:81px;
	height:81px;
	border-radius:50%;
	text-indent:-9999px;
	background:#DF0C04 url("images/info.svg") no-repeat center center;
	position:absolute;
	left:90px;
	bottom:40px;
}

#fullpage .section .left .thumb .info::before {
	content:'';
	display:block;
	width:81px;
	height:81px;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	position:absolute;
	border-radius:50%;
	-webkit-animation: si-button-pulse3 3s ease;
	animation: si-button-pulse3 3s ease;
	-webkit-animation-iteration-count: 199;
	animation-iteration-count: 199;		
	z-index:4;
}

#fullpage .section .left .thumb .info::after {
	content:'';
	display:block;
	width:81px;
	height:81px;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	position:absolute;
	border-radius:50%;
	-webkit-animation: si-button-pulse4 3s ease;
	animation: si-button-pulse4 3s ease;
	-webkit-animation-iteration-count: 199;
	animation-iteration-count: 199;		
	z-index:4;
}

@keyframes si-button-pulse3 {
    from { box-shadow: 0 0 0 0px rgba(255, 255, 255, 1); }
    to { box-shadow: 0 0 0 22px rgba(255, 255, 255, 0); }
}

@keyframes si-button-pulse4 {
    from { box-shadow: 0 0 0 0px rgba(255, 255, 255, 1); }
    to { box-shadow: 0 0 0 11px rgba(255, 255, 255, 0); }
}

#fullpage .section .right {
	display:flex;
	justify-content: flex-end;
	align-items: center;		
}

#fullpage .title-price-installation h2 {
	display:block;
	font-style: normal;
	font-weight: bold;
	font-size: 64px;
	line-height: 135%;
	text-align: right;
	text-transform: uppercase;
	color: #FFFFFF;
	margin:0 0 48px 0;
}

#fullpage .title-price-installation p {
	font-style: normal;
	font-weight: normal;
	font-size: 40px;
	line-height: 135%;
	text-align: right;
	color: #FFFFFF;	
}

#fullpage .buttons {
	position:absolute;
	right:0px;
	bottom:80px;
	opacity:0;
	transition: all 5s;
}

#fullpage .section.active .buttons { opacity:1; }

#fullpage .buttons a {
	width: 308px;
	height: 64px;
	display:flex;
	justify-content:center;
	align-items: center;
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 135%;
	display: flex;
	align-items: center;
	text-align: center;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-left:29px;
	border-radius: 34px;
	border: 1px solid #FFFFFF;
	position:relative;
	text-decoration:none;
	overflow:hidden;
	transition: all 1.5s;
}

#fullpage .buttons a:hover {
	background:#FFF;
}

#fullpage .buttons a span {
	position:relative;
	z-index:5;
	transition: all 0.5s;
}

#fullpage .buttons a:hover span {
	color:#DF0C04;
}

#fullpage .buttons a::after {
	content:'';
	display:block;
	left:0px;
	top:0px;
	bottom:0px;
	background:#FFF;
	width:0px;
	position:absolute;
	transition: all 0.5s;
	z-index:1;
}

#fullpage .buttons a:hover::after {
	width:100%;
}

#fullpage .buttons a:nth-child(2) {
	margin:24px 0 0 0;
}

#fullpage .buttons a::before {
	content:'';
	display:block;
	width:32px;
	height:32px;
	position:absolute;
	top:16px;
	left:24px;
	z-index:2;
	transition: all 0.5s;
}

#fullpage .buttons a:hover::before {
	transform: rotateY(360deg);
}

#fullpage .buttons a.selection-conditioner::before { background:url("images/selection-conditioner.svg") no-repeat center center; }
#fullpage .buttons a.order-installation::before { background:url("images/order-installation.svg") no-repeat center center; }

#fullpage .buttons a.selection-conditioner:hover::before { background:url("images/selection-conditioner-red.svg") no-repeat center center; }
#fullpage .buttons a.order-installation:hover::before { background:url("images/order-installation-red.svg") no-repeat center center; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.hide { display:none; }

.panel {
	position:fixed;
	right:-2000px;
	top:0px;
	bottom:0px;
	z-index:100;
	transition: all 1s;
}

.panel.show { right:0px; }

.panel .center {
	background:#FFF;
	padding:62px 70px;
	position:relative;
}

.panel .center::before {
	content:'';
	display:block;
	position:absolute;
	right:-1000px;
	top:0px;
	bottom:0px;
	width:1005px;
	background:#FFF;
}

.panel .center::after {
	content:'';
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	width:1000px;
	background: rgba(25, 28, 54, 0.68);
	transition: all 0.5s;
}

.panel.show .center::after {
	left:-1000px;
}

.panel .data {
	height:calc(100vh - 62px - 62px);
	width:calc(100% - 20px);
}

.panel .list {
	display:flex;
	position:relative;
	flex-wrap: wrap;
}

.panel .list .item {
	width:465px;
	margin:24px 0;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 150%;
	color: #747680;
}

.panel .list .item:nth-child(2n+1) {
	margin-right:86px;
}

.panel .list .item h3 {
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 150%;
	color: #161616;	
	margin:32px 0 24px 0;
}

.panel .list .item span {
	display:block;
	width:80px;
	height:80px;
	background-repeat:no-repeat;
	background-position:center center;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.consultation,
.order {
	position:fixed;
	right:-2000px;
	top:0px;
	bottom:0px;
	z-index:1000;
	transition: all 1s;
}

.consultation.show,
.order.show { right:0px; }

.consultation .center,
.order .center {
	height:100vh;
	display:flex;
	justify-content: flex-end;
}

.consultation .region,
.order .region {
	height:90vh;
	width:847px;
	background:#FFF;
	display:flex;
	position:relative;
	padding:62px 70px;
	overflow-y:scroll;
	overflow-x:hidden;
}

.consultation .region::before,
.order .region::before {
	content:'';
	display:block;
	position:absolute;
	right:-1000px;
	top:0px;
	bottom:0px;
	width:1005px;
	background:#FFF;
}

.consultation .region::after,
.order .region::after {
	content:'';
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	width:1000px;
	background: rgba(25, 28, 54, 0.68);
	transition: all 0.5s;
}

.consultation.show .region::after,
.order.show .region::after {
	left:-1000px;
}

.consultation h2,
.order h2 {
	font-style: normal;
	font-weight: 500;
	font-size: 30px;
	line-height: 135%;
	color: #000000;
	display:block;
	margin:0 0 24px 0;
}

.consultation h3,
.order h3 {
	display:block;
	margin:32px 0 4px 0;
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 135%;
	color: #000000;
}

.consultation .wpcf7,
.order .wpcf7 {
	max-width:497px;
	position:relative;
}

.consultation .wpcf7 span.wpcf7-form-control-wrap,
.order .wpcf7 span.wpcf7-form-control-wrap {
	display:block;
	margin:20px 0 0 0;
}

.consultation .four,
.order .four {
	display:flex;
	justify-content: space-between;
	align-items: center;		
}

.consultation .four span.wpcf7-form-control-wrap,
.order .four span.wpcf7-form-control-wrap {
	width:calc(25% - 12px);
}

.consultation input.wpcf7-text,
.order input.wpcf7-text {
	font-family: 'Ubuntu', sans-serif;
	display:flex;
	align-items: center;		
	width:100%;
	height:40px;
	box-sizing: border-box;
	padding:0 16px;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 135%;
	color: #000;
	border: 1px solid #BFCAD6;
	box-sizing: border-box;
	border-radius: 3px;
}

.consultation span.wpcf7-radio span.wpcf7-list-item,
.order span.wpcf7-radio span.wpcf7-list-item {
	display:block;
	position:relative;
	margin:0;
}

.order input[type="radio"] {
	display:block;
	width:0px;
	height:20px;
}

.order input[type="radio"]::before {
	content:'';
	display:block;
	width:20px;
	height:20px;
	background:url("images/radio.svg") no-repeat center center;
	position:absolute;
	left:0px;
	top:50%;
	margin:-10px 0 0 0;
}

.consultation label,
.order label {
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 135%;
	display: flex;
	align-items: center;
	color: #000000;	
	height:38px;
	padding-left:32px;
}

.order label > input[type="radio"]:checked::before {
	background:url("images/radio-checked.svg") no-repeat center center;
}

.consultation .submit,
.order .submit {
	display:block;
	padding:30px 0 0 0;
}

.consultation input.wpcf7-submit,
.order input.wpcf7-submit {
	width: 299px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content:center;	
	background: #DF0C04;
	border-radius: 29px;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 35px;
	color: #FFFFFF;
	cursor:pointer;
	border:1px solid #DF0C04;
	transition: all 0.5s;
}

.consultation input.wpcf7-submit:hover,
.order input.wpcf7-submit:hover {
	background:none;
	color:#DF0C04;
}

.consultation .wpcf7-not-valid-tip,
.order .wpcf7-not-valid-tip { 
	display:none; 
}

.consultation .wpcf7 input.wpcf7-text.wpcf7-not-valid,
.consultation .wpcf7 textarea.wpcf7-not-valid,
.order .wpcf7 input.wpcf7-text.wpcf7-not-valid,
.order .wpcf7 textarea.wpcf7-not-valid {
	border:1px solid red;
}

.consultation .wpcf7 .wpcf7-response-output,
.order .wpcf7 .wpcf7-response-output { display:none!important; }

.consultation .ajax-loader,
.order .ajax-loader {
	position:absolute;
	padding:0;
	display:block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	top:50%!important;
	left:50%!important;
	background:#DF0C04 url("images/loading.svg") no-repeat center center!important;
	background-size:31px 31px!important;
	width:50px!important;
	height:50px!important;
	margin:-25px 0 0 -25px!important;
	box-shadow: 0px 7px 8px 0px rgba(255, 136, 124, 0.16);
}

.consultation .ajax-loader {
	top:190px!important;
}

.consultation .wpcf7 small,
.order .wpcf7 small {
	display:block;
	font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 135%;
    color: #000000;	
	padding:15px 0 0 0;
}

.consultation .wpcf7 small a,
.order .wpcf7 small a {
	color: #DF0C04;
	text-decoration:underline;
}

.consultation .wpcf7 small a:hover,
.order .wpcf7 small a:hover {
	text-decoration:none;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.selection {
	position:fixed;
	right:-2000px;
	top:0px;
	bottom:0px;
	z-index:100;
	transition: all 1s;
}

.selection.show { right:0px; }

.selection .center {
	height:100vh;
	display:flex;
	justify-content: flex-end;
}

.selection .region {
	height:100vh;
	width:847px;
	background:#FFF;
	display:flex;
	position:relative;
	padding:62px 70px;
}

.selection .region::before {
	content:'';
	display:block;
	position:absolute;
	right:-1000px;
	top:0px;
	bottom:0px;
	width:1005px;
	background:#FFF;
}

.selection .region::after {
	content:'';
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	width:1000px;
	background: rgba(25, 28, 54, 0.68);
	transition: all 0.5s;
}

.selection.show .region::after {
	left:-1000px;
}

.selection h2 {
	font-style: normal;
	font-weight: 500;
	font-size: 30px;
	line-height: 135%;
	color: #000000;
	display:block;
	margin:0 0 24px 0;
}

.selection .description {
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 150%;
	color: #161616;
	width:672px;
	padding:0 0 28px 0;
}

.form-calc {
	width:622px;
}

.form-calc .two {
	display:flex;
	justify-content: space-between;
	align-items: center;
	padding:12px 0;
}

.form-calc .two .item {
	width:calc(50% - 12px);
	display:block;
	position:relative;
}

.form-calc .two .item input[type="text"] {
	height:40px;
	padding:0 42px 0 16px;
	width:100%;
	box-sizing: border-box;
	border: 1px solid #BFCAD6;
	box-sizing: border-box;
	border-radius: 3px;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 135%;
	color: #161616;	
}

.form-calc .two .item input[type="text"].error {
	border:1px solid red;
}

.form-calc .two .item span.m {
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 135%;
	display: flex;
	align-items: center;
	text-align: right;
	color: #878E97;	
	position:absolute;
	right:16px;
	top:10px;
}

.form-calc .two .item span.m sup {
	font-size:0.7em;
	position:relative;
	top:-3px;
}

.form-calc span.checkbox {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-left:32px;
	position:relative;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 135%;
	color: #757575;
	text-decoration:none;
	cursor:pointer;
	right:auto;
	top:auto;
}

.form-calc span.checkbox::before {
	content:'';
	display:block;
	width:20px;
	height:20px;
	background:url("images/radio.svg") no-repeat center center;
	position:absolute;
	left:0px;
	top:50%;
	margin:-10px 0 0 0;
}

.form-calc span.checkbox.checked::before {
	background:url("images/radio-checked.svg") no-repeat center center;
}

.form-calc .submit { padding:84px 0 0 0; }

.form-calc .submit a {
	background: #DF0C04;
	border-radius: 29px;
	width: 299px;
	height: 40px;	
	display:flex;
	justify-content:center;
	align-items: center;
	text-decoration:none;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 35px;
	color: #FFFFFF;
}

.insolyaciya { 
	display:block;
	list-style:none;
	position:relative;
	width:100%;
}

.insolyaciya span {
	width:100%;
	display:flex;
	justify-content: flex-start;
	align-items: center;
	height:40px;
	padding:0 42px 0 16px;
	width:100%;
	box-sizing: border-box;
	border: 1px solid #BFCAD6;
	box-sizing: border-box;
	border-radius: 3px;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 135%;
	color: #757575;	
}

.insolyaciya > li {
	position:relative;
}

.insolyaciya span::before {
	content:'';
	display:block;
	width:55px;
	height:40px;
	position:absolute;
	right:0px;
	top:0px;
	background:url("images/dropdown.svg") no-repeat center 11px;
	transition: all 0.5s;
}

.insolyaciya span.active::before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	background:url("images/dropdown.svg") no-repeat center 10px;	
}

.insolyaciya ul {
	position:absolute;
	left:0px;
	top:calc(100% - 1px);
	background: #FFFFFF;
	border: 1px solid #BFCAD6;
	box-shadow: 0px 4px 10px rgba(1, 21, 52, 0.16);	
	border-radius: 4px;
	width:100%;
	padding:0;
	box-sizing: border-box;
	z-index:55;
	display:none;
}

.insolyaciya ul li {
	padding:12px 16px;
	border-top: 1px solid #F0F2F5;
}

.insolyaciya ul li:first-child { border:none; }

.insolyaciya ul li:hover a {
	color:#DF0C04;
}

.insolyaciya ul li a {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow:hidden;
	display:block;
	text-decoration:none;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 135%;
	color: #161616;	
}

.insolyaciya ul li.active a {
	color:#DF0C04;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mfilter {
	position:fixed;
	right:-2000px;
	top:0px;
	bottom:0px;
	z-index:100;
	transition: all 1s;
}

.mfilter.show { right:0px; }

.mfilter .center {
	height:100vh;
	display:flex;
	justify-content: flex-end;
}

.mfilter .region {
	height:100vh;
	width:847px;
	background:#EDEFF7;
	display:flex;
	position:relative;
	padding:62px 70px;
}

.mfilter .region::before {
	content:'';
	display:block;
	position:absolute;
	right:-1000px;
	top:0px;
	bottom:0px;
	width:1005px;
	background:#EDEFF7;
}

.mfilter .region::after {
	content:'';
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	width:1000px;
	background: rgba(25, 28, 54, 0.68);
	transition: all 0.5s;
}

.mfilter.show .region::after {
	left:-1000px;
}

.mfilter h2 {
	font-style: normal;
	font-weight: 500;
	font-size: 30px;
	line-height: 135%;
	color: #000000;
	display:block;
	margin:0 0 24px 0;
}

.mfilter .text {
	width:450px;
}

.mfilter .data {
	height:calc(100vh - 62px - 62px - 31px - 24px);
	width:calc(100% - 20px);
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#cond {
	width:400px;
}

#cond .item {
	background:#FFF;
	border: 1px solid #E9EEFC;
	box-sizing: border-box;
	border-radius: 8px;
	position:relative;
	height:338px;
	padding:200px 0 0 0;
	margin:16px 0;
	background-repeat:no-repeat;
	background-position:center calc(50% - 50px);
	background-size:auto 130px;
}

#cond .item .form11 {
	display:none!important;
	height:0px!important;
	overflow:hidden!important;
}

#cond .item:first-child { margin-top:0px; }
#cond .item:last-child { margin-bottom:0px; }

#cond .item  h3 {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	text-align: center;
	color: #323232;
}

#cond .item span {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 100%;
	text-align: center;
	color: #FFF;
	display:block;
}

#cond .item span.square {
	color: #9FA1B0;
}

#cond .item span.old {
	text-decoration:line-through;
}

#cond .item a {
	display:flex;
	height: 51px;
	display:flex;
	justify-content:center;
	align-items: center;
	border-radius: 8px;
	background: #DF0C04;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	color: #FFFFFF;
	text-decoration:none;
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
}

#cond .item a em {
	font-style:normal;
	padding-left:5px;
}

#cond .item p {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	text-align: center;
	color: #DF0C04;	
	padding:24px 0 0 0;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
}

#cond .item span sup {
    position: relative;
    top: -3px;
    font-size: 0.8em;
}

#cond .discount {
	display:inline-block;
	position:absolute;
	left:11px;
	top:11px;
	border:1px solid #DF0C04;
	padding:3px 7px 9px;
	color:#DF0C04;
	font-size:33px;
	font-weight:bold;
	border-radius:8px;
	text-align:center;
}

#cond .discount i {
	font-weight:normal;
	font-size:12px;
	display:block;
	padding:0 0 3px 0;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.halfwindow .close {
	position:absolute;
	right:40px;
	top:40px;
	z-index:100;
	display:block;
	width:32px;
	height:32px;
	background:url("images/close.svg") no-repeat center center;
	transition: all 0.5s;
	text-indent:-9999px;
}

.halfwindow .close:hover { 
	background:url("images/close-red.svg") no-repeat center center; 
	transform: rotate(180deg);
}

.halfwindow .prev {
	position:absolute;
	right:104px;
	top:40px;
	z-index:100;
	display:block;
	width:32px;
	height:32px;
	background:url("images/prev.svg") no-repeat center center;
	transition: all 0.5s;
	text-indent:-9999px;
}

.halfwindow .prev:hover { 
	background:url("images/prev-red.svg") no-repeat center center; 
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.sendok.fancybox-content {
	background:#FFF;
	width:628px;
	height:459px;
	box-sizing: border-box;
	padding:0px;
	overflow:hidden;
	border-radius: 20px;
	position:relative;
}

#discount.sendok.fancybox-content {
	height:359px;
}

.sendok.fancybox-content .cell {
	display:flex;
	justify-content:center;
	align-items: center;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	box-sizing: border-box;
	padding:0 58px;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 150%;
	color: #000000;
}

.sendok.fancybox-content .cell b {
	color: #DF0C04;
}

.sendok.fancybox-content .cell p {
	background:url("images/sendok.svg") no-repeat center 0;
	padding:217px 0 0 0;
	text-align:center;
}

#discount.sendok.fancybox-content .cell p {
	background:none;
	padding:0;
}

.sendok.fancybox-content .fancybox-button.fancybox-close-small {
	background:url("images/close.svg") no-repeat center center;
	width:36px;
	height:36px;
	opacity:1;
	top:32px;
	right:32px;
	transition: all 0.5s;
}

.fancybox-button svg { display:none!important; }

.sendok.fancybox-content .fancybox-button.fancybox-close-small:hover {
	background:url("images/close-red.svg") no-repeat center center;
	transform: rotate(180deg);
}

.context,
.context {
	color:#000;
	font-size:16px;
	line-height:26px;
	padding-right:40px;
}

.context p {
	padding:0 0 10px 0;
}

.context strong,
.context b {
	font-weight:600;
}

.context img {
	border-radius:5px;
}

.context h2 {
	font-size:30px;
	line-height:40px;
	padding:5px 0 15px 0;
}

.context h3 {
	font-size:26px;
	line-height:36px;
	padding:5px 0 15px 0;
}

.context ul {
	margin:0 0 10px 0;
}

.context ul li {
	display:block;
	list-style:none;
	padding-left:20px;
	position:relative;
}

.context ul li::before {
	content:'-';
	display:block;
	position:absolute;
	left:0px;
	top:-1px;
	color:#000;
	font-size:16px;
	line-height:26px;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.policy-text {
	font-size:16px;
	line-height:145%;
	color:#000;
	padding:48px 0;
}

.policy-text a.logo {
	display:block;
	width:180px;
	height:39px;
	background:url("images/logo-start.svg") no-repeat center center;
}

.policy-text .logo-phone {
	display:flex;
	justify-content: space-between;
	align-items: center;		
}

.policy-text .logo-phone  .phone a {
	font-size: 18px;
    line-height: 18px;
	text-decoration:none;
}

.policy-text .logo-phone  .phone a span {
	position: relative;
    padding: 0 0 0 34px;
    color: #DF0C04;
}

.policy-text .logo-phone  .phone a span::before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0px;
    top: 50%;
    margin: -15px 0 0 0;
    background: url("images/phone-red.svg") no-repeat center center;
    background-size: 20px auto;
}

.policy-text h1 {
	font-style: normal;
    font-weight: bold;
    font-size: 45px;
    line-height: 145%;
    text-transform: uppercase;
    color: #161616;
	padding:30px 0;
}

.policy-text p {
	padding:10px 0;
}

.policy-text h2 {
	font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 145%;
    text-transform: uppercase;
	padding:10px 0;
}

.policy-text h3 {
	font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 145%;
    text-transform: uppercase;
	padding:10px 0;
}

.policy-text a {
	color: #DF0C04;
	text-decoration:underline;
}

.policy-text a:hover {
	text-decoration:none;
}