html,
body { color: #fff; background: #000; font-family: 'IBM Plex Sans', sans-serif; font-size: 16px; }
.page { overflow: hidden; }
header { position: relative; z-index: 100; position: fixed; top: 0; left: 0; width: 100%; z-index: 120;
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
}
header a { text-decoration: none; color: inherit; }
header .menu { margin: 0; padding: 0; list-style: none; font-size: 1rem; font-weight: 400; letter-spacing: 0.2em; }
header .logo { font-size: 0.75rem; }
header .logo span { letter-spacing: 0.2em; line-height: 1rem; margin: 0.3rem 0 0; }
header .phone { letter-spacing: 0.2em; }

.lightning { position: absolute; right: 50%; top: 50%; height: 120px; margin-top: -60px; }

#offer { position: relative; z-index: 10; }
.col-lightning { position: relative; }
.col-lightning:after { z-index: -1; position: absolute; width: 50%; height: 74px; background: url('images/ico-lightning.svg') 50% 50% no-repeat; content: ''; right: 0; top: 50%; margin-top: -37px; }
.col-lightning:before { z-index: -1; position: absolute; bottom: 50%; content: ''; background: url('images/flash.png') 50% 50% no-repeat; width: 374px; height: 467px; transform: rotate(20deg); margin-bottom: -45px; margin-left: 63px; }

#count { position: relative; font-size: 1.25rem; font-weight: 400;
	/*
	background: rgb(98,184,48);
	background: -moz-linear-gradient(left,  rgba(98,184,48,1) 0%, rgba(47,230,255,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(98,184,48,1) 0%,rgba(47,230,255,1) 100%);
	background: linear-gradient(to right,  rgba(98,184,48,1) 0%,rgba(47,230,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62b830', endColorstr='#2fe6ff',GradientType=1 );
	*/
}
#count:before { content: ''; position: absolute; top: 0; left: -15%; width: 130%; height: 100%; z-index: 1;
	background: rgb(98,184,48);
	background: -moz-linear-gradient(left,  rgba(98,184,48,1) 0%, rgba(47,230,255,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(98,184,48,1) 0%,rgba(47,230,255,1) 100%);
	background: linear-gradient(to right,  rgba(98,184,48,1) 0%,rgba(47,230,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62b830', endColorstr='#2fe6ff',GradientType=1 );
	filter: blur(25px);
}
#count .container { position: relative; z-index: 10; }


/*
#count:before { display: block; height: 7.5rem; content: '';
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );	
}
#count:after { display: block; height: 7.5rem; content: '';
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
*/
#count .large { font-size: 6.25rem; font-weight: 500; }
#count .large small { font-size: 1.875rem; font-weight: 700; }
#count .row > div { border-right: 1px solid #fff; }
#count .row > div:last-child { border-right: none; }



@media screen and (max-width: 768px) {
	#count { font-size: 1rem; }
	#count .large { font-size: 4rem; line-height: 4rem; }
	/*
	#count .row > div .col-contaner { border-right: none; border-bottom: 1px solid #fff; padding-bottom: 1rem; }
	#count .row > div:last-child .col-contaner { border-bottom: none; }
	*/
}

.mess-contaner { background: rgba(255, 255, 255, 0.6); padding: 1.5rem 1.5rem; font-size: 1.25rem;border-radius: 2.5rem; color: #000; font-weight: 400; }
.mess-contaner .title { color: #000;  }
.mess-contaner .title img { width: 2.3rem; height: 2.3rem; }
.mess-contaner .title span { opacity: 0.7; }
.mess-contaner .title .date { opacity: 0.7; color: #305363; }
.mess-contaner .name { font-size: 1.625rem; font-weight: 600; opacity: 0.7; }

.block-title { text-transform: uppercase; font-size: 1.125rem; letter-spacing: 0.2em; line-height: 1.28em; font-weight: 600; position: relative; margin: 0 2rem; padding: 0 1.4rem; }
.block-title .arrow { position: absolute; top: 0; right: 0; }
.block-title .arrow .slick-arrow { background: none; width: 2.6875rem; height: 1.42rem; display: inline-block; border: none; text-indent: -9999px; margin: 0 0.5rem }
.block-title .arrow .slick-next { background: url('images/arrow-right.svg') 100% 50% no-repeat; background-size: auto 100%; }
.block-title .arrow .slick-prev { background: url('images/arrow-left.svg') 0 50% no-repeat; background-size: auto 100%; }
.block-title .arrow .slick-arrow:hover { opacity: 0.4; }

.block-title:before { content: ''; position: absolute; top: 50%; height: 3px; background: #fff; right: 100%; margin-top: -2px; width: 3000px; border-radius: 10px; }
.block-title span {
	background: linear-gradient(85.94deg, #7ED340 22.62%, #35E1EA 99.67%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

.gradient-text {
	font-family: 'Rubik One', sans-serif;
	font-size: 50px;
	text-transform: uppercase;
	background: linear-gradient(45deg, #0B2349 33%, #0D61BC 66%, #8AA9D6);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #0B2349;
	display: table;
	margin: 20px auto;
}
.sub-title { font-size: 1.875rem; font-weight: 700; color: #fff; }
.list .item { transition: all 0.2s ease; cursor: pointer; margin: 1rem 0; background: rgba(255, 255, 255, 0.4); border-radius: 20px; flex-wrap: nowrap; justify-content: space-between; }
.list .item:hover { transform: scale(1.05); }

.list .item .num { text-align: center; font-weight: 600; font-size: 1.875rem; 
	background: linear-gradient(43.56deg, #62B830 -23.07%, #2FE6FF 88.04%);
	border-radius: 20px;
}
.list .item .col-num { width: 4rem; text-align: center; }
.list .item .col-check { width: 4rem; text-align: center; }
.list .item .col-name { flex: 1; }
.label-form { width: 3.25rem; }
.label-form input { display: none; }
.label-form label,
.label-form .label { cursor: pointer; display: block; }
.label-form label span,
.label-form .label span { cursor: pointer; display: block; background: #C4C4C4; padding: 2px; border-radius: 60px; height: 1.375rem; box-sizing: content-box; position: relative; }
.label-form label span:before,
.label-form .label span:before { content: ''; width: 1.375rem; height: 1.375rem; border-radius: 50%; background: #fff; display: block; position: absolute; top: 2px; left: 2px; }
.label-form input:checked+span { background: linear-gradient(67deg, #7ED340 12.15%, #2FE6FF 112.03%); }
.label-form input:checked+span:before { right: 2px; left: unset; }
.slick-track { padding: 2rem 0; }

.slider-commands .slick-slide { transition: all 0.2s ease; }
.slider-commands .slick-slide:hover { transform: scale(1.05); }


.slider-commands .photo img { border-radius: 1.8rem; vertical-align: top; }
.slider-commands .name { font-size: 1.125rem; text-transform: uppercase; letter-spacing: 0.2em; line-height: 1.4375rem; font-weight: 600; }
.slider-commands .info { font-size: 1.25rem; line-height: 1.5rem; font-weight: 400; }
.slider-commands .check .col-text { opacity: 0.7; font-size: 1rem; line-height: 1.3125rem; }
.slider-commands .check .col-text strong { display: block; font-size: 1.25rem; text-transform: uppercase; font-weight: 400; line-height: 1.625rem; }

.cases-block { padding: 3px;
	background: linear-gradient(43.56deg, #62B830 -23.07%, #2FE6FF 88.04%);
	border-radius: 60px;
}
.cases-contaner { background: #000; border-radius: 57px; }
.cases-contaner img { width: 400px; max-width: 100%; }
.large-title { text-align: center; font-size: 4.75rem; font-weight: 600; }

@media screen and (max-width: 768px) {
	.large-title { font-size: 3rem; line-height: 3.5rem; }
}


.large-title span {
	background: linear-gradient(85.94deg, #7ED340 22.62%, #35E1EA 99.67%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
#form .content { text-align: center; font-size: 1.125rem; line-height: 1.4625rem; letter-spacing: 0.2em; }

.form-group input { background: none; color: #fff; opacity: 0.7; border: none; border-bottom: 1px solid #fff; border-radius: 0; font-size: 1.25rem; }
.form-group .btn { font-size: 1.125rem; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 600; padding: 1.8rem 5rem;
	background: linear-gradient(43.56deg, #62B830 -23.07%, #2FE6FF 88.04%);
	border-radius: 80px; border: none; 
}

.friends-item { background: #fff; border-radius: 4.375rem; }
.friends-item img { border-radius: 4.375rem; }

.ui-datepicker { width: 100%; }
.ui-widget-content { border: none; background: none; }
.ui-datepicker .ui-datepicker-header { background: none; margin: 1.5rem; background: #f3f4f6; border: none; border-radius: 4rem; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus { border: none; } 


.ui-datepicker .ui-datepicker-next-hover { top: 3px; right: 15px; }
.ui-datepicker .ui-datepicker-prev-hover { top: 3px; left: 15px; }
.ui-datepicker .ui-datepicker-next { top: 3px; right: 15px; }
.ui-datepicker .ui-datepicker-prev { top: 3px; left: 15px; }


.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active { border: none; text-align: center; font-weight: 600; background: none; padding: 0.5rem; }

.ui-widget.ui-widget-content { border: none; padding: 0; }

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight { background: #eb4a52; color: #fff; border: none; text-align: center; border-radius: 1rem; }


.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active, .ui-button.ui-state-active:hover { background: #eb4a52; color: #fff; border: none; text-align: center; border-radius: 1rem; }
.ui-datepicker-calendar,
.ui-datepicker table { background: #f7f8f9; margin: 0 0 0; }
.ui-datepicker-calendar thead { background: #fff; }

#calendar .content { text-align: center; font-size: 1.125rem; line-height: 1.4625rem; letter-spacing: 0.2em; }

.calendar { background: #f7f8f9; border-radius: 3.1875rem; }
.calendar .btn-block { padding: 1rem; }
.calendar .btn-block a,
.calendar .btn-block button { width: 100%; display: block; color: #fff; text-decoration: none; font-size: 1.125rem; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 600; padding: 1.8rem 5rem;
	background: linear-gradient(43.56deg, #62B830 -23.07%, #2FE6FF 88.04%);
	border-radius: 80px; border: none; 
}

#Ymap { height: 445px; }

.popup { display: none; }
.fancybox__content { background: #000; border-radius: 2rem; }


input:focus { outline: none !important; background: none !important; color: #fff !important; }
#quickquery:focus { outline: none !important; background: none !important; color: #fff !important; }
.search:focus { outline: none !important; background: none !important; color: #fff !important; }



a:hover { color: #2FE6FF; }