/*
Theme name: CARid
Description: Описание
Author: Aleksandrlao
Author URI: http://alao.pp.ua/
*/




@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;800&display=swap');



*, *::before, *::after {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	color: #1c1c1c;
	font: 16px/1.5 'Montserrat', Arial, sans-serif;
}
.box {
	width: 100%;
	min-width: 320px;
	position: relative;
}
.container {
	width: 100%;
	min-width: 320px;
	max-width: 1200px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
	position: relative;
	border-top: 0px solid transparent;
	z-index: 10;
}
.container:after {
	content: '';
	display: block;
	clear: both;
	width: 100%;
	height: 0;
}
.flx {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}


a {
	color: #000;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

input, textarea {
	font-family: 'Montserrat', Arial, sans-serif;
}
input.error {
	color: #f00 !important;
	border: 1px solid #f00 !important;
}
input.valid {
	border: 1px solid #339e36 !important;
}
input:focus {
	color: #000;
}
input::-webkit-input-placeholder {
	color: #cbcbcb;
}
input::-moz-placeholder {
	color: #cbcbcb;
}
input:-moz-placeholder {
	color: #cbcbcb;
}
input:-ms-input-placeholder {
	color: #cbcbcb;
}



.s-hero .btn-block .btn-v2{
	border: 0;
	cursor: pointer;
}




.text {
	overflow: hidden;
}
.text p {
	margin-bottom: 21px;
}
.text h2, .text h3, .text h4, .text h5 {
	margin-bottom: 16px;
	color: #000;
	font-size: 30px;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
}
.text h3 {
	font-size: 25px;
}
.text h4, .text h5 {
	font-size: 22px;
}
.text table {
	width: 100%;
	border-collapse: collapse;
}
.text table tr td {
	border: 1px solid #373737;
	padding: 10px;
}
.text ul, .text ol {
	margin: 0 0 25px 25px;
}
.text li {
	margin-bottom: 7px;
}
.text img {
	max-width: 100%;
	height: auto;
}
.text blockquote {
	padding: 16px 88px 16px 80px;
	position: relative;
	border-radius: 4px;
	background: #e4edef;
}
.text blockquote::before,
.text blockquote::after {
	content: '';
	position: absolute;
	width: 49px;
	height: 31px;
	background: url(i/bg-icon-quote.png) center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.text blockquote::before {
	top: 18px;
	left: 18px;
}
.text blockquote::after {
	bottom: 18px;
	right: 18px;
	transform: scale(1, -1);
}
.text blockquote *:last-child {
	margin-bottom: 0;
}




.social {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
}
.social__item {
	display: block;
	width: 38px;
	height: 38px;
	margin: 2px 4px;
	border-radius: 50%;
	border: 2px solid #fff;
	background: transparent;
	position: relative;
	transition: all .3s ease;
}
.social__item:hover {
	background: #fff;
}
.social__item::before {
	content: '';
	position: absolute;
	top: calc(50% - 10px);
	left: calc(50% - 10px);
	width: 20px;
	height: 20px;
	background: #fff;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: all .3s ease;
}
.social__item--vib::before {
	-webkit-mask-image: url(i/bg-icon-vi.svg);
	mask-image: url(i/bg-icon-vi.svg);
}
.social__item--wap::before {
	-webkit-mask-image: url(i/bg-icon-wa.svg);
	mask-image: url(i/bg-icon-wa.svg);
}
.social__item--tgr::before {
	-webkit-mask-image: url(i/bg-icon-tg.svg);
	mask-image: url(i/bg-icon-tg.svg);
}

.social__item--tik::before {
    -webkit-mask-image: url(i/tiktok-fill.svg);
    mask-image: url(i/tiktok-fill.svg);
}
.social__item:hover::before {
	background: #000;
}






.btn {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 220px;
	min-height: 60px;
	padding: 16px;
	border-radius: 2px;
	background: transparent;
	border: none;
	outline: none;
	position: relative;
	font-size: 14px;
	color: rgb(0, 0, 0);
	font-weight: bold;
	line-height: 28px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	transition: all .3s ease;
}
.btn::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 2px;
	background-image: -moz-linear-gradient( 90deg, rgb(107,169,65) 0%, rgb(154,191,54) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(107,169,65) 0%, rgb(154,191,54) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(107,169,65) 0%, rgb(154,191,54) 100%);
	z-index: -1;
}
.btn--black,
.btn:hover {
	background-color: #000;
	color: #fff;
}
.btn--black:hover {
	background: transparent;
	color: #000;
}



.head,
.text h1 {
	width: 100%;
	margin-bottom: 40px;
	color: #1c1c1c;
	font-size: 40px;
	font-weight: 900;
	line-height: 1.1;
	text-transform: uppercase;
}
.head-invest {
	text-align: center;
	text-transform: none;
}
.head-invest span {
	display: block;
}
.top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	margin-bottom: 40px;
}
.top .head {
	width: auto;
	margin-bottom: 0;
}
.top-btn {
	display: block;
	width: 150px;
	min-height: 56px;
	border: 1px solid rgb(218, 218, 218);
	border-radius: 2px;
	padding: 16px;
	color: #1c1c1c;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	transition: all .3s ease;
}
.article .top-btn {
	width: 160px;
}
.top-btn:hover {
	border-color: rgb(28, 28, 28);
}
.top-btn--top {
	display: block;
}
.top-btn--bottom {
	display: none;
	margin: 0 auto 16px;
}

.list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	width: calc(100% + 30px);
	margin-left: -15px;
}






.alignleft {display: inline;float: left;margin: 5px 15px 5px 0;}
.alignright {display: inline;float: right;margin: 5px 0 5px 15px;}
.aligncenter {clear: both;display: block;margin: 5px auto;}



/* Header ----------------------------------------------------------------------------- */
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 24px;
	background: url(i/bg-start.jpg) center top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	transition: all .3s ease;
	z-index: 120;
}
.front-page .header {
	background: transparent;
}
.header.sticky {
	padding-top: 0;
	padding-bottom: 8px;
	background-color: rgba(0, 0, 0, .8);
}
.header__logo {
	display: block;
	width: 106px;
	height: 84px;
	background: url('i/bg-logo.png') center no-repeat;
	background-size: contain;
}
.header__box {
	-ms-align-items: center;
	align-items: center;
	width: calc(100% - 160px);
	margin-top: 8px;
}
.header__nav {

}
.header__nav-btn {
	display: none;
	cursor: pointer;
}
.header__nav-btn span {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 4px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
	margin: 8px 0;
	position: relative;
}
.header__nav-btn span::before, .header__nav-btn span::after {
	content: "";
	position: absolute;
	left: 0;
	width: 40px;
	height: 4px;
	-webkit-border-radius: 3px;
		  border-radius: 3px;
	background: #fff;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header__nav-btn span::before {
	top: -8px;
}
.header__nav-btn span::after {
	bottom: -8px;
}
.header.active .header__nav-btn span {
	background: transparent;
}
.header.active .header__nav-btn span::before {
	top: 0;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.header.active .header__nav-btn span::after {
	bottom: 0;
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.header__nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-align-items: flex-start;
	align-items: flex-start;
	list-style: none;
}
.header__nav li {
	margin: 0 8px;
	position: relative;
}
.header__nav a {
	display: inline-block;
	padding: 4px 6px;
	position: relative;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
	text-transform: uppercase;
}
.header__nav a:hover,
.header__nav li.current-menu-item a {
	text-decoration: underline;
}

.header__nav li.menu-item-has-children > a {
	padding-right: 8px;
}
.header__nav li.menu-item-has-children > a::after {
	content: '';
	display: inline-block;
	vertical-align: top;
	margin-top: 6px;
	margin-left: 5px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top: 6px solid #fff;
}
.header__nav .sub-menu {
	position: absolute;
	top: -24px;
	left: -12px;
	width: 164px;
	background: #fff;
	padding: 12px;
	opacity: 0;
	pointer-events: none;
	transition: all .3s ease;
}

.header__nav li:hover .sub-menu {
	top: 20px;
	opacity: 1;
	pointer-events: auto;
}
.header__nav .sub-menu a {
	color: #000;
}
.header__nav .sub-menu a:hover {
	text-decoration: underline;
}


.header__social {
	margin-left: 50px;
}

.header__phone-btn {
	display: none;
}
.header__phone-wrapper {
	margin-right: 20px;
	margin-left: auto;
}
.header__phone {
	display: block;
	color: #fff;
	font-size: 20px;
	line-height: 1.2;
	text-decoration: none;
}
.header__phone:hover {
	text-decoration: underline;
}

.header__nav .header__phone-wrapper,
.header__nav .header__social {
	display: none;
}

.header__btn {
	width: 170px;
	min-height: 46px;
	padding: 12px;
	font-size: 12px;
	line-height: 22px;
}

.header__lang {
	background-color: transparent;
	position: relative;
}
.header__lang-current {
	display: block;
	width: 100%;
	position: relative;
	padding-right: 20px;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
}
.header__lang-current::before {
	content: '';
	position: absolute;
	top: 8px;
	right: 4px;
	width: 8px;
	height: 8px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: rotate(-45deg);
}
.header__lang-other {
	position: absolute;
	top: 40px;
	left: 0;
	padding: 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
	opacity: 0;
	transition: all .3s ease;
	visibility: hidden;
}
.header__lang.active .header__lang-other {
	top: 28px;
	opacity: 1;
	visibility: visible;
}
.header__lang-other a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
.header__lang-other a:hover {
	text-decoration: underline;
}







	/* Breadcrumbs ----------------------------------------------------------------------------- */
.breadcrumbs {
	padding-top: 172px;
	padding-bottom: 32px;
}
.breadcrumbs a,
.breadcrumbs span {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-right: 24px;
	font-size: 14px;
	line-height: 1.2;
}
.breadcrumbs a::before {
	content: '/';
	position: absolute;
	right: -18px;
	font-size: 14px;
	line-height: 1.2;
}
.breadcrumbs span.current {
	color: #828282;
}













/* Start ----------------------------------------------------------------------------- */
.start {
	min-height: 650px;
	padding-top: 184px;
	padding-bottom: 80px;
	background: #000 url('https://carid-hub.com.ua/wp-content/uploads/2023/09/bg-hero.jpg') center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.start .container {
	z-index: 40;
}
.start__head {
	max-width: 720px;
	margin-bottom: 40px;
	color: #fff;
	font-size: 60px;
	font-weight: bold;
	line-height: 1.2;
	text-transform: uppercase;
}
.start__desc {
	max-width: 580px;
	margin-bottom: 48px;
	color: #fff;
	font-size: 24px;
	font-weight: 300;
	line-height: 1.4;
}
.start__btn {
	display: inline-block;
	margin-right: 8px;
}


.start__show-messenger {
	background-color: #FFF600;
}
.start__messendger-box {
	position: absolute;
	bottom: -160px;
	left: 244px;
	background-color: rgba(255,255,255,.9);
    box-shadow: 0 0 15px 2px rgb(0 0 0 / 10%);
    border-radius: 7px;
	padding: 20px;
	opacity: 0;
	pointer-events: none;
	z-index: 40;
	transition: all .4s ease;
}
.start__messendger-box.active {
	bottom: -200px;
	opacity: 1;
	pointer-events: auto;
}


.widget-preview {
	opacity: 0;
	pointer-events: none;
}










/* Main advantage ----------------------------------------------------------------------------- */
.main-advant {
	padding-bottom: 32px;
}
.main-advant__list {
	-ms-align-items: stretch;
	align-items: stretch;
	margin-top: -20px;
}
.main-advant__item {
	width: calc(33.3% - 30px);
	margin: 0 15px 30px;
	background: #f1f8f9;
	padding: 44px 40px;
	position: relative;
}
.main-advant__icon {
	position: absolute;
	top: -32px;
	right: 36px;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: #fcf114;
	z-index: 10;
}
.main-advant__icon-ins {
	width: 24px;
	height: 24px;
	margin: 20px auto 0;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.main-advant__title {
	color: #1c1c1c;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
}
.main-advant__title span {
	display: block;
}
















/* Goods ----------------------------------------------------------------------------- */
.main-goods {
	padding-top: 40px;
	padding-bottom: 32px;
	overflow: hidden;
}
.goods__list {
	padding-top: 8px;
}
.item {
	width: calc(33.3% - 30px);
	margin: 0 15px 56px;
	position: relative;
}
.item__link {
	display: block;
	text-decoration: none;
}
.item__thumb {
	display: block;
	width: 100%;
	margin-bottom: 28px;
	overflow: hidden;
}
.item__thumb img {
	display: block;
	width: 100%;
	transition: all .3s ease;
}
.item__link:hover .item__thumb img {
	transform: scale(1.2);
}


.item__gallery {
	margin-bottom: 20px;
	overflow: hidden;
}
.item-photo {
	display: block;
	width: 100%;
}
.item-photo__slide {
	float: left;
	display: block;
	width: 100%;
}
.item-photo__slide-ins {
	display: block;
	width: 100%;
	padding-top: 60%;
	position: relative;
	overflow: hidden;
}
.item-photo__slide-ins img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s ease;
}
.item-photo__slide-ins:hover img {
	transform: scale(1.2);
}
.item-min-thumb {
	width: calc(100% + 8px);
	margin-left: -4px;
	padding-top: 8px;
	overflow: hidden;
}
.item-min-thumb__slide {
	float: left;
	display: block;
	width: calc(33.3% - 8px);
	margin: 0 4px;
}
.item-min-thumb__slide-ins {
	display: block;
	width: 100%;
	padding-top: 60%;
	position: relative;
}
.item-min-thumb__slide-ins img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}



.item__title {
	color: #1c1c1c;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
}
.item__title:hover {
	text-decoration: underline;
}
.item__excerpt {
	margin-bottom: 16px;
	color: #8a8888;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.3;
}
.item-price {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	margin-bottom: 32px;
	color: #1c1c1c;
}
.item-price__all {
	font-size: 18px;
}
.item-price__per-day {
	font-size: 15px;
	font-weight: bold;
}
.item-price__per-day span {
	font-size: 24px;
}
.item__bottom {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}
.item__btn {
	width: 136px;
	min-height: 44px;
	padding: 12px;
	margin-right: 8px;
	font-size: 12px;
	line-height: 20px;
}















/* About ----------------------------------------------------------------------------- */
.main-about {
	padding-top: 64px;
	padding-bottom: 104px;
}
.main-about__info {
	width: 90%;
	max-width: 630px;
	padding-top: 24px;
	position: relative;
	z-index: 20;
}
.main-about__box {
	background: #fff;
	padding: 8px 32px 8px 0;
}
.main-about__head {
	margin-bottom: 32px;
}
.main-about__text {
	font-size: 18px;
	line-height: 1.55;
}
.main-about__more {
	margin-top: -8px;
}

.main-about__bg {
	position: absolute;
	top: -12px;
	right: 0;
	width: 80%;
	max-width: 700px;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}








.welcome-sto {
	padding-top: 48px;
	padding-bottom: 64px;
	background: #000 url('i/bg-welcome-sto.png') center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.welcome-sto__head {
	max-width: 300px;
	margin: 0 auto 24px;
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	text-transform: uppercase;
}
.welcome-sto__button {
	display: flex;
	margin: 0 auto;
}












/* Applic ----------------------------------------------------------------------------- */
.applic {
	padding-top: 72px;
	padding-bottom: 72px;
	background: url(i/bg-applic.jpg) center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.applic__head {
	max-width: 850px;
	margin: 0 auto 32px;
	color: #fff;
	text-align: center;
}
.applic__btn {
	display: block;
	margin: 0 auto 8px;
}














/* Advantage ----------------------------------------------------------------------------- */
.advantage {
	padding-top: 116px;
	padding-bottom: 52px;
	overflow: hidden;
}
.advantage__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	padding-top: 16px;
}
.advantage-item {
	width: calc(25% - 40px);
	margin: 0 20px 50px;
}
.advantage-item__icon {
	width: 102px;
	height: 102px;
	border-radius: 50%;
	margin: 0 auto 24px;
	background: #fcf114;
	position: relative;
}
.advantage-item__icon-ins {
	position: absolute;
	top: calc(50% - 16px);
	left: calc(50% - 16px);
	width: 32px;
	height: 32px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.advantage-item__title {
	color: #1c1c1c;
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
}
.advantage-item__title span {
	display: block;
}




















/* Detail ----------------------------------------------------------------------------- */
.detail {
	padding-top: 104px;
	padding-bottom: 104px;
	overflow: hidden;
	background: #e4edef;
}
.detail__top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-align-items: flex-start;
	align-items: flex-start;
	margin-bottom: 80px;
}
.detail__head {
	width: 48%;
	margin-bottom: 20px;
}
.detail__btn {
	min-width: 200px;
	margin-top: 12px;
	background: #fcf114;
	border-color: #fcf114;
}
.detail__desc {
	width: 48%;
	max-width: 540px;
	font-size: 24px;
	font-weight: 300;
	line-height: 1.4;
}
.detail__desc > div > div:first-child {
	margin-bottom: 20px;
}
.detail__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	-ms-align-items: stretch;
	align-items: stretch;
	width: calc(100% + 30px);
	margin-left: -15px;
	counter-reset: list;
}
.detail-item {
	width: calc(33.3% - 30px);
	margin: 0 15px 30px;
	background: #fff;
	padding: 40px 24px;
	position: relative;
}
.detail-item::before {
	counter-increment: list;
	content: counter(list);
	position: absolute;
	top: 160px;
	right: 40px;
	color: #ecf3f4;
	font-size: 200px;
	font-weight: 900;
	line-height: 0.8;
}
.detail-item__icon {
	position: absolute;
	top: -32px;
	right: 36px;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: #fcf114;
	z-index: 10;
}
.detail-item__icon-ins {
	width: 24px;
	height: 24px;
	margin: 20px auto 0;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.detail-item__text {
	position: relative;
	color: #1c1c1c;
	font-size: 18px;
	line-height: 1.5;
	z-index: 20;
}
.detail-item__text li {
	margin-bottom: 16px;
}



















/* Why ----------------------------------------------------------------------------- */
.why {
	padding-top: 120px;
	padding-bottom: 120px;
}
.why__head {
	max-width: 720px;
}
.why__wrapper {
	-ms-align-items: stretch;
	align-items: stretch;
	padding-top: 12px;
}
.why__box {
	width: calc(50% - 16px);
	padding: 40px 40px 56px 32px;
	background-color: #fcf114;
}
.why__box--minus {
	background: #1c1c1c;
}
.why__title {
	margin-bottom: 48px;
	color: #1c1c1c;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	text-transform: uppercase;
}
.why__box--minus .why__title {
	color: #fff;
}
.why__item {
	min-height: 25px;
	margin-bottom: 16px;
	padding-top: 2px;
	padding-left: 48px;
	position: relative;
	color: #1c1c1c;
	font-size: 18px;
	line-height: 24px;
}
.why__box--minus .why__item {
	color: #fff;
}
.why__item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(i/bg-icon-good.png);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: 12px 12px;
	background-size: 12px 12px;
}
.why__box--minus .why__item::before {
	background-image: url(i/bg-icon-bad.png);
}
























/* Calc ----------------------------------------------------------------------------- */
.calc {
	padding-top: 88px;
	padding-bottom: 80px;
	background: #e4edef;
	overflow: hidden;
}
.calc__wrapper {
	-ms-align-items: stretch;
	align-items: stretch;
	position: relative;
}
.calc__title {
	width: 100%;
	margin-bottom: 40px;
	margin-left: 15px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.1;
	text-transform: uppercase;
}
.calc__label {
	width: calc(33.3% - 30px);
	margin: 0 15px 24px;
}
.calc__box .calc__label {
	width: 100%;
	margin: 0 0 24px;
}
.calc__name {
	margin-bottom: 3px;
	font-size: 16px;
	line-height: 1.2;
} 
.calc__label input {
	display: block;
	width: 100%;
	height: 52px;
	background: #fff;
	border: 1px solid #fff;
	outline: none;
	padding-left: 16px;
	padding-right: 8px;
	font-size: 18px;
	font-weight: 600;
}
.calc__select {
	width: 100%;
	height: 52px;
	position: relative;
	overflow: hidden;
}
.calc__select select {
	width: calc(100% + 30px);
	height: 52px;
	margin-left: -2px;
	padding-left: 16px;
	background: #fff;
	border: 1px solid #fff;
	outline: none;
	font-size: 18px;
	font-weight: 600;
}

.calc__box {
	width: calc(33.3% - 32px);
	margin: 0 16px;
	padding-bottom: 40px;
}

.calc-result {
	width: calc(66.7% - 32px);
	margin: 0 16px;
}
.calc-result__top {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	padding-top: 20px;
}
.calc-result__title {
	width: 70%;
	max-width: 184px;
	margin-right: 24px;
	font-size: 16px;
	line-height: 1.5;
}
.calc-result__sum {
	display: inline-block;
	background: #fcf114;
	padding: 12px 24px;
	border-radius: 15px;
	font-size: 26px;
	font-weight: bold;
	line-height: 34px;
}
.calc-result__car {
	position: absolute;
	bottom: 32px;
	right: 104px;
	width: 585px;
	height: 258px;
}
.calc-result__car img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}


.calc__line {

}
.calc__line .calc__label {
	width: calc(33.3% - 30px);
	margin: 0 15px 15px;
}
.calc__submit input {
	background: #fcf114;
	border: none;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	transition: all .3s ease;
	cursor: pointer;
}
.calc__submit input:hover {
	background: #1c1c1c;
	color: #fcf114;
}



















/* FAQ ----------------------------------------------------------------------------- */
.faq {
	padding-top: 120px;
	padding-bottom: 40px;
	overflow: hidden;
	z-index: 10;
}
.faq__head {
	width: calc(50% - 32px);
	margin: 0 16px 32px;
	padding-top: 8px;
}
.faq__box {
	justify-content: flex-start;
	width: calc(100% + 32px);
	margin-left: -16px;
	counter-reset: list;
}
.faq-item {
	width: calc(50% - 32px);
	margin: 0 16px 32px;
	background: #e4edef;
	border-radius: 3px;
	position: relative;
}
.faq-item__arrow {
	position: absolute;
	top: 28px;
	right: 20px;
	width: 20px;
	height: 18px;
	transition: all .3s ease;
	z-index: 20;
	cursor: pointer;
}
.faq-item__arrow::before,
.faq-item__arrow::after {
	content: '';
	position: absolute;
	top: 5px;
	right: 10px;
	width: 10px;
	height: 6px;
	border-top: 1px solid #1c1c1c;
	border-bottom: 1px solid #1c1c1c;
	transform: skew(0deg, -135deg);
	transition: all .3s ease;
}
.faq-item__arrow::after {
	right: 0;
	transform: skew(0deg, -45deg);
}
.faq-item.active .faq-item__arrow {
	top: 24px;
	transform: rotate(180deg);
}
.faq-item__question {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	-ms-align-items: flex-start;
	align-items: flex-start;
	min-height: 72px;
	padding: 8px 80px 8px 24px;
	position: relative;
	background: #fcf114;
	border-radius: 3px;
	font-size: 20px;
	line-height: 1.3;
	cursor: pointer;
}
.faq-item__answer {
	max-height: 0;
	overflow: hidden;
	padding: 0 24px;
	font-size: 16px;
	line-height: 1.6;
}
.faq-item.active .faq-item__answer {
	max-height: 2000px;
	padding-top: 12px;
	padding-bottom: 12px;
}









.main-subscribe {
	margin-top: -120px;
	margin-bottom: -80px;
	z-index: 0;
}















/* Review ----------------------------------------------------------------------------- */
.review {
	padding-top: 40px;
	padding-bottom: 40px;
	overflow: hidden;
	z-index: 10;
}
.review-item {
	width: calc(33.3% - 32px);
	margin: 0 16px 32px;
	position: relative;
}
.review-item__link {
	display: block;
	text-decoration: none;
}
.review-item__thumb,
.review-item__thumb img {
	display: block;
	width: 100%;
	height: auto;
}
.review-item__thumb {
	margin-bottom: 24px;
	position: relative;
}
.review-item__thumb::before {
	content: '';
	position: absolute;
	top: calc(50% - 32px);
	left: calc(50% - 32px);
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: #fcf114;
	transition: all .3s ease;
	z-index: 5;
}
.review-item__link:hover .review-item__thumb::before {
	top: calc(50% - 40px);
	left: calc(50% - 40px);
	width: 80px;
	height: 80px;
}
.review-item__thumb::after {
	content: '';
	position: absolute;
	top: calc(50% - 10px);
	left: calc(50% - 7px);
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left: 16px solid #1c1c1c;
	z-index: 10;
}
.review-item__title {
	display: block;
	color: #1c1c1c;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	text-transform: uppercase;
}
.review-item__model {
	display: block;
	margin-bottom: 16px;
	color: #8a8888;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.3;
}
.review-item__text {
	display: block;
	font-size: 18px;
	line-height: 1.4;
}










/* Partner ----------------------------------------------------------------------------- */
.partner {
	padding-top: 40px;
	padding-bottom: 40px;
	overflow: hidden;
}
.partner-item {
	width: calc(33.3% - 32px);
	margin: 0 16px 32px;
	position: relative;
}
.partner-item__link {
	display: block;
	width: 100%;
	text-decoration: none;
}
.partner-item__logo {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 240px;
}
.partner-item__logo img {
	display: block;
	max-width: 98%;
	max-height: 98%;
}
.partner-item__title {
	display: block;
	color: #1c1c1c;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	text-transform: uppercase;
	text-align: center;
	transition: all .3s ease;
}
.partner-item__link:hover .partner-item__title {
	text-decoration: underline;
}
















/* Article ----------------------------------------------------------------------------- */
.article {
	padding-top: 40px;
	padding-bottom: 40px;
	overflow: hidden;
}
.article-item {
	width: calc(33.3% - 32px);
	margin: 0 16px;
	padding-bottom: 32px;
	position: relative;
}
.article-item__link {
	display: block;
	margin-bottom: 16px;
	text-decoration: none;
}
.article-item__thumb {
	display: block;
	width: 100%;
	height: 200px;
	margin-bottom: 20px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	transition: all .3s ease;
}
.article-item:hover .article-item__thumb {
	height: 180px;
}
.article-item__title {
	display: block;
	color: #1c1c1c;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.3;
}
.article-item__link:hover .article-item__title {
	text-decoration: underline;
}
.article-item__excerpt {
	margin-bottom: 16px;
	font-size: 18px;
	line-height: 1.55;
}
.article-item__more {
	display: block;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	color: #1c1c1c;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: underline;
	text-transform: uppercase;
	transition: all .3s ease;
}
.article-item:hover .article-item__more {
	max-height: 40px;
	opacity: 1;
}
.article-item__more:hover {
	text-decoration: none;
}


.load-more {
	display: block;
	margin: 16px auto 40px;
	cursor: pointer;
}








/* Page ----------------------------------------------------------------------------- */
.page {
	padding-top: 40px;
	padding-bottom: 40px;
}
.page__text {
	font-size: 18px;
	line-height: 1.5;
}


.page-thanks .container {
	background: url('i/bg-thank-you.jpg') right center no-repeat;
	background-size: 700px 400px;
}
.page-thanks .page__text {
	width: 100%;
	max-width: 280px;
	padding-top: 40px;
	padding-bottom: 80px;
	font-size: 19px;
	line-height: 1.8;
}
.page-thanks .btn {
	margin-bottom: 40px;
}






/* Single ----------------------------------------------------------------------------- */
.single {
	padding-top: 40px;
	padding-bottom: 40px;
}
.single .container {
	max-width: 840px;
}
.single__text {
	font-size: 18px;
	line-height: 1.5;
}
.single__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 36px;
	margin: 16px 0 40px;
}
.single__meta-item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	font-weight: 500;
	color: #8a8888;
}
.single__meta-icon {
	color: #cbcbcb;
	flex-shrink: 0;
}















/* Contact ----------------------------------------------------------------------------- */
.contact {
	padding-top: 40px;
	overflow: hidden;
}

.tabs__caption {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom: 40px;
	list-style: none;
	row-gap: 4px;
}
.tabs__caption li {
	min-height: 56px;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	padding: 16px 40px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	transition: all .3s ease;
}
.tabs__caption li:first-child {
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	border-left: 2px solid #000;
}
.tabs__caption li:last-child {
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	border-right: 2px solid #000;
}
.tabs__caption li.active {
	background: #000;
	color: #fff;
	cursor: default;
}
.tabs__caption li:hover:not(.active) {
	background: rgba(0, 0, 0, .1);
}

.tabs__content {
	display: none;
}
.tabs__content.active {
	display: block;
}

.tabs__content-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.contact__map-out {
	width: calc(50% + 15px);
	height: 540px;
	position: relative;
}
.contact__map {
	position: absolute;
	top: 0;
	right: 0;
	width: 980px;
	height: 540px;
	background: #ccc;
}
.contact__wrapper {
	width: calc(50% - 80px);
	padding-top: 44px;
	padding-bottom: 60px;
	position: relative;
	z-index: 20;
}
.contact__box {
	padding: 40px 0;
	position: relative;
}
.contact__box::before {
	content: '';
	position: absolute;
	top: 0;
	left: -144px;
	width: calc(100% + 280px);
	height: 100%;
	background-color: #fcf114;
	z-index: -1;
}
.contact__item {
	margin-bottom: 24px;
	font-size: 20px;
	line-height: 1.4;
}
.contact__item a {
	color: #1c1c1c;
	text-decoration: none;
}
.contact__item a:hover {
	text-decoration: underline;
}
.contact-phone__line {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-align-items: flex-start;
	align-items: flex-start;
}
.contact-phone__label {
	width: 120px;
}
.contact-phone__label .header__social {
	margin-left: 0;
}
.contact-phone__label .social__item {
    width: 28px;
    height: 28px;
}
.contact-phone__label .social__item:before {
    top: calc(50% - 8px);
    left: calc(50% - 8px);
    width: 16px;
    height: 16px;
	background: #000;
}

.contact-phone__value {
	width: calc(100% - 128px);
}

.contact__bottom {
	padding-top: 8px;

}
.contact__callme,
.contact__pick {
	display: block;
	width: calc(50% - 13px);
	min-height: 56px;
	padding: 16px;
	border: 2px solid #1c1c1c;
	background-color: #1c1c1c;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	transition: all .3s ease;
	cursor: pointer;
}
.contact__pick,
.contact__callme:hover {
	background-color: transparent;
	color: #1c1c1c;
}
.contact__pick:hover {
	background-color: #1c1c1c;
	color: #fff;
}











.vacancy__list {
	border-top: 1px solid #cbcbcb;
	padding-bottom: 40px;
}
.vacancy-item {
	border-bottom: 1px solid #cbcbcb;
}
.vacancy-item__head {
	padding: 24px 24px 24px 72px;
	position: relative;
	color: #1c1c1c;
	font-size: 32px;
	line-height: 1.1;
	cursor: pointer;
}
.vacancy-item__head::before,
.vacancy-item__head::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 20px;
	width: 28px;
	height: 2px;
	background: #cbcbcb;
	transition: all .3s ease;
}
.vacancy-item__head::after {
	transform: rotate(90deg);
}
.vacancy-item.active .vacancy-item__head::after {
	opacity: 0;
}
.vacancy-item__body {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: all .3s ease;
}
.vacancy-item.active .vacancy-item__body {
	max-height: 4000px;
	opacity: 1;
}
.vacancy-item__body-text h3,
.vacancy-item__body-text h4 {
	text-transform: none;
	font-weight: 600;
}









/* Staff --------------------------------------------------------------------------------- */
.staff__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	width: calc(100% + 32px);
	margin-left: -16px;
}
.staff__list--slider {
	display: block;
	overflow: hidden;
}
.staff-item {
	width: calc(33.3% - 32px);
	margin: 0 16px 40px;
	position: relative;
}
.staff__list--slider .staff-item {
	float: left;
}
.staff-item__thumb {
	margin-bottom: 24px;
}
.staff-item__thumb img {
	display: block;
	width: 100%;
	height: auto;
}
.staff-item__name {
	color: #1c1c1c;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
}
.staff-item__posit {
	color: #8a8888;
	font-size: 18px;
	line-height: 1.2;
}


.staff__list--slider .slick-arrow {
	position: absolute;
	top: calc(50% - 20px);
	width: 24px;
	height: 24px;
	background-color: transparent;
	outline: none;
	border: none;
	border-left: 2px solid #cecece;
	border-bottom: 2px solid #cecece;
	font-size: 0;
	transform: rotate(45deg);
	transition: all .3s ease;
	cursor: pointer;
	z-index: 40;
}
.staff__list--slider .slick-prev {
	left: -8px;
}
.staff__list--slider .slick-next {
	right: -8px;
	transform: rotate(-135deg);
}
.staff__list--slider .slick-arrow:hover {
	border-color: #fcf114;
}















/* Hero invest ----------------------------------------------------------------------------- */
.hero-invest {
	padding-top: 168px;
	padding-bottom: 80px;
	overflow: hidden;
	background: #000 url('i/bg-hero-invest.jpg') center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.hero-invest__info {
	width: calc(100% - 480px);
	max-width: 560px;
	color: #fff;
}
.hero-invest__head {
	margin-bottom: 48px;
	font-size: 60px;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
}
.hero-invest__desc {
	margin-bottom: 40px;
	font-size: 24px;
	font-weight: 300;
	line-height: 1.3;
}
.hero-invest__desc p {
	margin-bottom: 24px;
}
.hero-invest__desc ul {
	list-style: none;
	font-size: 18px;
}
.hero-invest__desc li {
	padding-left: 30px;
	position: relative;
	margin-bottom: 12px;
}
.hero-invest__desc li::before {
	content: '';
	position: absolute;
	top: 2px;
	left: 0;
	width: 18px;
	height: 18px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #fcf114 url('i/bg-icon-check.png') center no-repeat;
	-webkit-background-size: 12px 9px;
	background-size: 12px 9px;
}
.hero-invest__bottom {
	justify-content: flex-start;
}
.hero-invest__consult {
	margin-right: 12px;
	border: 1px solid #fff;
	color: #fff;
}
.hero-invest__consult::before {
	background: transparent;
}
.hero-invest__consult:hover {
	border-color: transparent;
}

.hero-invest__box {
	width: 420px;
	background-color: #fff;
}
.hero-invest__box-head {
	margin-bottom: 32px;
	font-size: 28px;
	color: rgb(14, 14, 14);
	line-height: 1.214;
	text-align: center;
}
.hero-invest__label {
	margin-bottom: 24px;
}
.hero-invest__label label {
	display: block;
	width: 100%;
	margin-bottom: 4px;
	font-size: 16px;
	color: rgb(28, 28, 28);
	line-height: 1.25;
}
.hero-invest__label input {
	display: block;
	width: 100%;
	height: 52px;
	background-color: rgb(245, 245, 245);
	padding-left: 16px;
	padding-right: 8px;
	outline: none;
	border: none;
	font-size: 16px;
}
.hero-invest__submit {
	padding-top: 8px;
}
.hero-invest__submit input {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 62px;
	border: none;
	outline: none;
	border-radius: 2px;
	background-image: -moz-linear-gradient( 90deg, rgb(84,1,210) 0%, rgb(0,150,255) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(84,1,210) 0%, rgb(0,150,255) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(84,1,210) 0%, rgb(0,150,255) 100%);
	font-size: 14px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}
.hero-invest__submit input:hover {
	background: rgb(0,150,255);
}











/* advantage invest ----------------------------------------------------------------------------- */
.advant-invest {
	padding-top: 104px;
	padding-bottom: 120px;
	overflow: hidden;
}
.advant-invest__list {
	width: calc(100% + 48px);
	margin-left: -24px;
	padding-top: 24px;
}
.advant-invest-item {
	width: calc(25% - 48px);
	margin: 0 24px 24px;
	text-align: center;
}
.advant-invest-item__icon {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: rgb(252, 241, 20);
	margin: 0 auto 28px;
	position: relative;
}
.advant-invest-item__icon::before {
	content: '';
	position: absolute;
	top: -10px;
	left: -10px;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid rgb(252, 241, 20);
	pointer-events: none;
}
.advant-invest-item__icon img {
	display: block;
	max-width: 48px;
	max-height: 42px;
}
.advant-invest-item__title {
	font-size: 20px;
	color: rgb(28, 28, 28);
	line-height: 1.2;
}
.advant-invest-item__title span {
	display: block;
}














/* Presentation invest ----------------------------------------------------------------------------- */
.present-invest {
	padding-top: 112px;
	padding-bottom: 120px;
	overflow: hidden;
	background: url('i/bg-present-invest.jpg') center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.present-invest__head {
	color: #fff;
}
.present-invest__desc {
	padding-bottom: 20px;
	font-size: 28px;
	color: rgb(255, 255, 255);
	line-height: 1.2;
	text-align: center;
}
.present-invest__desc p {
	margin-bottom: 20px;
}
.present-invest__bottom {
	justify-content: center;
}
.present-invest__bottom .btn {
	padding: 6px;
}

.director-invest {
	padding-top: 64px;
}
.director-invest__photo {
	width: 44%;
}
.director-invest__photo img {
	display: block;
	width: 100%;
	height: auto;
}
.director-invest__info {
	width: 50%;
	padding-top: 12px;
	color: #fff;
}
.director-invest__name {
	margin-bottom: 8px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	text-transform: uppercase;
}
.director-invest__posit {
	margin-bottom: 32px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
}
.director-invest__desc {
	font-size: 18px;
	line-height: 1.4;
}














/* Step invest ----------------------------------------------------------------------------- */
.step-invest {
	padding-top: 104px;
	padding-bottom: 96px;
}
.step-invest__list {
	width: calc(100% + 24px);
	margin-left: -12px;
	overflow: hidden;
	counter-reset: step;
}
.step-invest-item {
	float: left;
	width: calc(25% - 24px);
	margin: 0 12px 24px;
	padding-top: 32px;
	counter-increment: step;
	position: relative;
}
.step-invest-item__wrapper {
	border: 1px solid rgb(228, 237, 239);
	background-color: rgb(255, 255, 255);
	width: 100%;
	min-height: 144px;
}
.step-invest-item__icon {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background-color: rgb(252, 241, 20);
	margin: -32px auto 16px;
}
.step-invest-item__icon img {
	display: block;
	max-width: 32px;
	max-height: 32px;
}
.step-invest-item__title {
	font-size: 18px;
	color: rgb(28, 28, 28);
	line-height: 1.556;
	text-align: center;
}
.step-invest-item__title::before {
	content: counter(step)".";
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: rgb(28, 28, 28);
	line-height: 1.556;
}
.step-invest-item__next {
	position: absolute;
	bottom: 16px;
	right: 16px;
	width: 64px;
	height: 40px;
	background: url('i/bg-icon-next-step.png') center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.step-invest-item__finish {
	position: absolute;
	bottom: 16px;
	right: 16px;
	width: 48px;
	height: 44px;
	background: url('i/bg-icon-finish-step.png') center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}





























/* Club invest ----------------------------------------------------------------------------- */
.club-invest {
	padding-top: 104px;
	padding-bottom: 128px;
	background-color: rgb(228, 237, 239);
}
.club-invest__video {
	margin-top: 20px;
	width: 100%;
}
.club-invest__video a,
.club-invest__video img {
	display: block;
	width: 100%;
	height: auto;
}
.club-invest__video a {
	position: relative;
}
.club-invest__video a::before {
	content: '';
	position: absolute;
	top: calc(50% - 50px);
	left: calc(50% - 50px);
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #fcf114 url('i/bg-icon-triangle.png') center no-repeat;
	z-index: 20;
	transition: all .3s ease;
}
.club-invest__video a:hover::before {
	transform: scale(1.1);
}













/* Team invest ----------------------------------------------------------------------------- */
.team-invest {
	padding-top: 112px;
	padding-bottom: 56px;
	overflow: hidden;
	position: relative;
}
.team-invest__list {
	width: calc(100% + 32px);
	margin-left: -16px;
	padding-top: 24px;
}
.team-invest-item {
	width: calc(33.3% - 32px);
	max-width: 288px;
	margin: 0 16px 32px;
}
.team-invest-item__photo {
	display: block;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto 20px;
}
.team-invest-item__photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.team-invest-item__name {
	display: block;
	margin-bottom: 4px;
	font-size: 24px;
	color: rgb(28, 28, 28);
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
}
.team-invest-item__posit {
	font-size: 18px;
	color: #888;
	line-height: 1.2;
	text-align: center;
}









/* Team invest ----------------------------------------------------------------------------- */
.faq-invest {
	padding-top: 96px;
	padding-bottom: 212px;
	border-top: 1px solid rgb(0, 0, 0);
	border-bottom: 1px solid rgb(0, 0, 0);
	background-color: rgb(56, 52, 225);
}
.faq-invest__head {
	color: #fff;
}
.faq-invest__list {
	padding-top: 24px;
}
.faq-invest-item {
	padding-top: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid rgb(97, 94, 246);
	cursor: pointer;
}
.faq-invest-item__head {
	padding-top: 8px;
	padding-bottom: 8px;
	position: relative;
	color: #fff;
	font-size: 28px;
	line-height: 30px;
}
.faq-invest-item__head::before,
.faq-invest-item__head::after {
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	right: 0;
	width: 26px;
	height: 2px;
	background: #fff;
	transition: all .3s ease;
}
.faq-invest-item__head::after {
	transform: rotate(90deg);
}
.faq-invest-item.is-active .faq-invest-item__head::after {
	opacity: 0;
}
.faq-invest-item__body {
	max-height: 0;
	overflow: hidden;
	transition: all .3s ease;
}
.faq-invest-item.is-active .faq-invest-item__body {
	max-height: 4000px;
}
.faq-invest-item__text {
	padding: 16px 40px 8px;
	color: #fff;
	font-size: 16px;
	line-height: 1.3;
}






.main-text {
	padding-top: 32px;
	padding-bottom: 40px;
}
.main-text .text {
	column-width: 48%;
	column-count: 2;
	column-gap: 4%;
}










/* Remont ----------------------------------------------------------------------------- */
.hero-remont {
	background-image: url('https://carid-hub.com.ua/wp-content/uploads/2023/09/bg-hero-sto.jpg');
}
.hero-remont .hero-invest__head span {
	display: block;
}

.remont-service {
	padding-top: 104px;
	padding-bottom: 12px;
	overflow: hidden;
}
.remont-service__head {
	font-weight: normal;
	font-size: 48px;
	text-transform: none;
	text-align: center;
}
.remont-service__list {
	justify-content: flex-start;
	width: calc(100% + 32px);
	margin-left: -16px;
}
.remont-service-item {
	width: calc(25% - 32px);
	margin: 0 16px 56px;
	position: relative;
}
.remont-service-item__thumb {
	position: relative;
	margin-bottom: 24px;
}
.remont-service-item__thumb-inside {
	width: 100%;
	padding-top: 92%;
	overflow: hidden;
	position: relative;
}
.remont-service-item__thumb-inside img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.remont-service-item__title {
	margin-bottom: 4px;
	color: #1c1c1c;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	text-transform: uppercase;
}
.remont-service-item__desc {
	color: #8a8888;
	font-size: 18px;
	line-height: 1.3;
}
.remont-service-item__price {
	color: #0d0b0c;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.2;
}







.remont-advantage {
	padding-top: 120px;
	padding-bottom: 80px;
	overflow: hidden;
	background: #4642dd url('i/bg-remont-advantage.jpg') center top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	color: #fff;
}
.remont-advantage__head {
	margin-bottom: 56px;
	color: #fff;
	font-size: 48px;
	font-weight: normal;
	text-transform: none;
	text-align: center;
}
.remont-advantage__list {
	width: calc(100% + 16px);
}
.remont-advantage-item {
	width: calc(20% - 16px);
	margin: 0 8px 16px;
	text-align: center;
}
.remont-advantage-item__icon {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100px;
	height: 100px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: relative;
	margin: 0 auto 24px;
	background: #fcf114;
}
.remont-advantage-item__icon::before {
	content: '';
	position: absolute;
	top: -10px;
	left: -10px;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: transparent;
	border: 1px solid #fcf114;
}
.remont-advantage-item__icon img {
	display: block;
	max-width: 48px;
	max-height: 48px;
}
.remont-advantage-item__title {
	margin-bottom: 8px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
}
.remont-advantage-item__desc {
	font-size: 18px;
	line-height: 1.3;
}





.remont-price {
	padding-top: 112px;
	padding-bottom: 120px;
	overflow: hidden;
}
.remont-price__head {
	margin-bottom: 64px;
	color: #1c1c1c;
	font-size: 48px;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
}
.remont-price-tabs__caption {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	position: relative;
	list-style: none;
	margin-bottom: 32px;
}
.remont-price-tabs__caption::before {
	content: '';
	position: absolute;
	top: 0;
	left: calc(50% - 57px);
	width: 114px;
	height: 32px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	background: #e4edef;
	z-index: 10;
}
.remont-price-tabs__caption::after {
	content: '';
	position: absolute;
	top: 4px;
	left: calc(50% - 53px);
	width: 53px;
	height: 24px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background: #fcf114;
	z-index: 20;
	transition: all .3s ease;
}
.remont-price-tabs__caption.active-two::after {
	left: 50%;
}
.remont-price-tabs__caption li {
	min-width: 168px;
	color: #1c1c1c;
	font-size: 18px;
	font-weight: 500;
	line-height: 32px;
	cursor: pointer;
}
.remont-price-tabs__caption li:first-child {
	margin-right: 82px;
	text-align: right;
}
.remont-price-tabs__caption li:last-child {
	margin-left: 82px;
}

.remont-price-tabs__content {
	display: none;
}
.remont-price-tabs__content.active {
	display: block;
}
.remont-price-tabs__content table {
	width: 100%;
	border: 1px solid #e4edef;
	border-collapse: collapse;
}
.remont-price-tabs__content tr td {
	width: 30%;
	padding: 8px 32px;
	border: none;
	font-size: 18px;
	line-height: 1.2;
}
.remont-price-tabs__content tr td:first-child {
	width: 70%;
	border-right: 1px solid #e4edef;
}
.remont-price-tabs__content table thead td {
	padding: 24px 32px;
	border-bottom: 1px solid #e4edef;
	font-weight: bold;
}
.remont-price-tabs__content table tbody tr:nth-child(even) td {
	background: #eff4f5;
}

.remont-price-tabs__content tr.remont-price__title td:first-child {
	width: 100%;
}
.remont-price-tabs__content tr.remont-price__title td span {
	display: block;
	width: 100%;
	font-size: 24px;
	line-height: 1.2;
	text-align: center;
}




.remont-how-cost {
	padding-top: 112px;
	padding-bottom: 136px;
	overflow: hidden;
	background: #342fcb url('i/bg-remont-how-cost.jpg') center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	color: #fff;
	font-size: 28px;
	font-weight: 300;
	line-height: 1.3;
}
.remont-how-cost__head {
	margin-bottom: 0;
	padding-bottom: 152px;
	position: relative;
	color: #fff;
	font-size: 48px;
	font-weight: 500;
	line-height: 1.3;
	text-align: center;
	text-transform: none;
}
.remont-how-cost__head span {
	display: block;
	font-weight: 900;
}
.remont-how-cost__head::before {
	content: '';
	position: absolute;
	bottom: 16px;
	left: calc(50% - 300px);
	width: 368px;
	height: 138px;
	background: url('i/bg-remont-how-cost-arrow.png') center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.remont-how-cost__wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}
.remont-how-cost__answer {
	width: 50%;
	max-width: 440px;
	padding-left: 96px;
	position: relative;
}
.remont-how-cost__answer::before {
	content: '';
	position: absolute;
	top: 28px;
	left: 0;
	width: 82px;
	height: 82px;
	background: url('i/bg-remont-how-cost-answer.png') center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.remont-how-cost__answer p {
	margin-bottom: 24px;
}
.remont-how-cost__applic {

}
.remont-how-cost__bg {
	position: absolute;
	top: -236px;
	left: -400px;
	width: 638px;
	height: 460px;
	z-index: -10;
}
.remont-how-cost__bg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.remont-how-cost__box {
	width: 50%;
	max-width: 510px;
	padding-left: 92px;
	position: relative;
}
.remont-how-cost__box::before {
	content: '';
	position: absolute;
	top: 40px;
	left: 0;
	width: 64px;
	height: 40px;
	background: url('i/bg-remont-how-cost-box.png') center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.remont-how-cost__box p {
	margin-bottom: 24px;
}
.remont-how-cost__phone {
	display: block;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.4;
	text-decoration: none;
}






.remont-brand {
	padding-top: 128px;
	padding-bottom: 104px;
}
.remont-brand__head {
	margin-bottom: 64px;
	color: #1c1c1c;
	font-size: 48px;
	font-weight: 500;
	line-height: 1.3;
	text-align: center;
	text-transform: none;
}
.remont-brand__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}
.remont-brand-item {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	width: 92px;
	height: 89px;
	margin: 0 24px 24px;
	filter: grayscale(1);
	transition: all .3s ease;
}
.remont-brand-item:hover {
	filter: grayscale(0);
}
.remont-brand-item img {
	display: block;
	max-width: 100%;
	max-height: 100%;
}











.head-tradein {
	margin-bottom: 24px;
	font-weight: 700;
	font-size: 25px;
	line-height: 1.2;
	color: #000;
}

.hero-tradein {
	padding-bottom: 40px;
}
.hero-tradein__info {
	width: calc(100% - 388px);
}
.hero-tradein__head {
	margin-bottom: 44px;
	font-weight: 700;
	font-size: 40px;
	line-height: 1.2;
	color: #000;
}
.hero-tradein__desc {
	font-size: 18px;
	line-height: 1.3;
	color: #000;
}
.hero-tradein__desc ul {
	margin-left: 0;
	list-style: none;
}
.hero-tradein__desc li {
	min-height: 28px;
	margin-bottom: 20px;
	padding-left: 40px;
	position: relative;
}
.hero-tradein__desc li::before {
	content: '';
	position: absolute;
	top: calc(50% - 12px);
	left: 0;
	width: 24px;
	height: 24px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #FCF114 url('i/bg-icon-list-arrow.svg') center no-repeat;
	-webkit-background-size: 16px 8px;
	background-size: 16px 8px;
}
.hero-tradein__box {
	width: 370px;
}
.hero-tradein__box-head {
	margin-bottom: 30px;
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	color: #000;
}





.advant-tradein {
	padding-top: 36px;
	padding-bottom: 30px;
}
.advant-tradein__head {
	margin-bottom: 44px;
}
.advant-tradein__list {
	justify-content: flex-start;
	width: calc(100% + 30px);
	margin-left: -15px;
}
.advant-tradein-item {
	width: calc(25% - 30px);
	margin: 0 15px 30px;
}
.advant-tradein-item__icon {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 112px;
	height: 112px;
	border-radius: 50%;
	background: #FCF114;
	margin: 0 auto 20px;
}
.advant-tradein-item__icon img {
	display: block;
	max-width: 90%;
	max-height: 90%;
}
.advant-tradein-item__title {
	font-size: 18px;
	line-height: 1.2;
	text-align: center;
	color: #1C1C1C;
}


.step-tradein {
	padding-top: 106px;
	padding-bottom: 60px;
	background: #E4EDEF;
}
.step-tradein__head {
	margin-bottom: 80px;
}
.step-tradein__list {
	justify-content: center;
	width: calc(100% + 30px);
	margin-left: -15px;
	counter-reset: list;
}
.step-tradein-item {
	width: calc(33.3% - 30px);
	margin: 0 15px 40px;
	position: relative;
	counter-increment: list;
}
.step-tradein-item::before {
	content: counter(list);
	position: absolute;
	top: 27px;
	left: 29px;
	font-weight: 700;
	font-size: 60px;
	line-height: 1.2;
	color: rgba(255, 255, 255, 0.2);
	z-index: 5;
}
.step-tradein-item__thumb {
	margin-bottom: 20px;
}
.step-tradein-item__thumb-ins {
	display: block;
	width: 100%;
	padding-top: 65%;
	position: relative;
}
.step-tradein-item__thumb-ins img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.step-tradein-item__icon {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -32px;
	right: 10px;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: #FCF114;
	z-index: 10;
}
.step-tradein-item__icon img {
	display: block;
	max-width: 25px;
	max-height: 25px;
}
.step-tradein-item__title {
	font-size: 18px;
	line-height: 1.2;
	text-align: center;
	color: #1C1C1C;
}




.banner-tradein {
	padding-top: 100px;
	padding-bottom: 50px;
}
.banner-tradein a,
.banner-tradein img {
	display: block;
	width: 100%;
	height: auto;
}



.reqdoc-tradein {
	padding-top: 50px;
	padding-bottom: 30px;
}
.reqdoc-tradein__box {
	width: calc(50% - 15px);
}
.reqdoc-tradein__head {
	margin-bottom: 40px;
}
.reqdoc-tradein__desc {
	font-size: 18px;
	line-height: 1.3;
	color: #000;
}
.reqdoc-tradein__desc ul {
	margin-left: 0;
	list-style: none;
}
.reqdoc-tradein__desc li {
	min-height: 28px;
	margin-bottom: 20px;
	padding-left: 40px;
	position: relative;
}
.reqdoc-tradein__desc li::before {
	content: '';
	position: absolute;
	top: calc(50% - 12px);
	left: 0;
	width: 24px;
	height: 24px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #FCF114 url('i/bg-icon-list-arrow.svg') center no-repeat;
	-webkit-background-size: 16px 8px;
	background-size: 16px 8px;
}


.info-tradein {
	padding-top: 50px;
	padding-bottom: 50px;
}













/* Single auto ----------------------------------------------------------------------------- */
.single-auto {

}
.single-auto__top {
	padding-bottom: 48px;
}
.single-auto-photos {
	width: 31%;
}

.single-auto-charact {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	width: 42%;
}
.single-auto-charact__item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	width: calc(50% - 32px);
	margin: 0 16px 36px;
}
.single-auto-charact__icon {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
}
.single-auto-charact__icon img {
	display: block;
	max-width: 100%;
	max-height: 100%;
}
.single-auto-charact__info {
	width: calc(100% - 36px);
	font-weight: 400;
	font-size: 15px;
	line-height: 1.5;
	color: #929292;
}
.single-auto-charact__value {
	font-weight: 500;
	font-size: 16px;
	color: #000;
}



.single-auto-start {
	width: 24%;
}
.single-auto-start__block {
	margin-bottom: 32px;
}
.single-auto-start__title {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	color: #929292;
	text-transform: uppercase;
}
.single-auto-start__value {
	font-weight: 700;
	font-size: 22px;
	line-height: 1.5;
	color: #000;
}
.single-auto-start .item__btn {
	width: 100%;
	min-height: 56px;
	margin-bottom: 16px;
}
.single-auto-start__count-credit {
	min-height: 56px;
	border: 2px solid #000;
	background: #000;
	padding: 8px;
	color: #fff;
}
.single-auto-start__count-credit:hover {
	background: #fff;
	color: #000;
}



.single-auto-content {
	padding-top: 24px;
	padding-bottom: 24px;
}
.single-auto-content iframe {
	width: 100%;
}
.single-auto-content table tr td {
	border: none;
	padding: 8px;
}
.single-auto-content table tr td:first-child {
	color: #929292;
}



.team-advantage {
	position: relative;
	padding: 520px 40px 40px;
	background: #888;
}
.team-advantage__list {
	justify-content: flex-start;
	width: calc(100% + 48px);
	margin-left: -24px;
	position: relative;
	z-index: 10;
}
.team-advantage-item {
	width: calc(25% - 48px);
	margin: 0 24px 40px;
	font-size: 18px;
	line-height: 1.2;
	color: #fff;
	text-align: center;
}
.team-advantage-item__icon {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0 auto 20px;
	width: 112px;
	height: 112px;
	background: #FCF114;
	border-radius: 50%;
}
.team-advantage-item__icon img {
	display: block;
	max-width: 90%;
	max-height: 90%;
}
.team-advantage-item__title {
	margin-bottom: 16px;
	font-weight: 700;
}
.team-advantage__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.team-advantage__bg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
















.service {

}
.service-signs {
	padding-top: 50px;
	padding-bottom: 32px;
}
.service-signs__list {
	justify-content: flex-start;
	width: calc(100% + 30px);
	margin-left: -15px;
}
.service-signs-item {
	width: calc(25% - 30px);
	margin: 0 15px 30px;
}
.service-signs-item__thumb {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
.service-signs-item__thumb-ins {
	display: block;
	width: 100%;
	padding-top: 75%;
	position: relative;
}
.service-signs-item__thumb-ins img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.service-signs-item__title {
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2;
	text-align: center;
	color: #1C1C1C;
}




.service-price {
	padding-top: 112px;
	padding-bottom: 132px;
	background: #000 url('i/bg-service-price.jpg') center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.service-price .container {
	z-index: 10;
}
.service-price__head {
	margin-bottom: 56px;
	font-weight: 700;
	font-size: 25px;
	line-height: 1.2;
	text-transform: uppercase;
	color: #FFF;
}
.service-price__list {
	background: #fff;
	border: 1px solid #E4EDEF;
}
.service-price-head {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2;
	color: #000;
}
.service-price-item__label {
	width: 70%;
	padding: 10px 36px 12px;
}
.service-price-item__value {
	width: 30%;
	padding: 10px 36px 12px;
}
.service-price-head .service-price-item__label,
.service-price-head .service-price-item__value {
	border-bottom: 1px solid #E4EDEF;
	padding: 20px 36px 24px;
}
.service-price-head .service-price-item__value {
	border-left: 1px solid #E4EDEF;
}
.service-price-block {
	margin-bottom: 38px;
}
.service-price-block__head {
	width: 100%;
	padding: 8px;
	font-weight: 500;
	font-size: 24px;
	line-height: 1.2;
	color: #000;
	text-align: center;
}
.service-price-item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #E4EDEF;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.2;
	color: #1C1C1C;
}
.service-price-item:nth-child(odd) {
	background: #EFF4F5;
}


.service-price__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}
.service-price__bg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.service-banner,
.service-info {
	padding-top: 104px;
	padding-bottom: 104px;
}
.service-banner a,
.service-banner img {
	display: block;
	width: 100%;
	height: auto;
}












.credit-calc {
	padding-bottom: 64px;
}
.credit-calc__title {
	margin-bottom: 44px;
	font-size: 24px;
	line-height: 1.5;
	color: #343434;
}
.credit-calc__content {
	width: calc(100% - 428px);
}
.credit-calc__box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 32px;
}
.credit-calc__label {
	width: calc(100% - 200px);
}
.credit-calc__name {
	margin-bottom: 8px;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
	color: #000;
}
.irs--flat .irs-min, .irs--flat .irs-max {
	padding: 0;
	background: transparent;
	border-radius: 0;
	font-size: 16px;
	line-height: 1.5;
	color: #929292;
}
.irs--flat .irs-handle {
	top: 18px;
	width: 20px;
	height: 20px;
	background: #95C249;
	border-radius: 3px;
	padding: 0 !important;
}
.irs--flat .irs-handle>i:first-child,
.irs--flat .irs-handle:hover>i:first-child {
	background-color: transparent;
}
.irs--flat .irs-bar--single {
	height: 4px;
	background: #95C249;
	border-radius: 3px 0 0 3px;
}
.irs--flat .irs-line {
	height: 4px;
	background: #F5F5F5;
	border-radius: 3px;
}


.credit-calc__right {
	width: 160px;
	padding-top: 20px;
}
.credit-calc__right input {
	display: block;
	width: 100%;
	height: 46px;
	padding: 8px;
	background: #FFF;
	border: 1px solid #E0E0E0;
	font-weight: 500;
	font-size: 16px;
	color: #000;
	text-align: center;
}




.credit-calc__side {
	width: 300px;
	background: #F5F5F5;
	border-radius: 3px;
	padding: 30px;
}
.credit-calc__side-box {
	margin-bottom: 20px;
}
.credit-calc__side-head {
	font-size: 14px;
	line-height: 1.5;
	text-transform: uppercase;
	color: #929292;
}
.credit-calc__side-result {
	font-weight: 700;
	font-size: 22px;
	line-height: 1.5;
	color: #000;
}










/* Anketa ----------------------------------------------------------------------------- */
.anketa {
	width: 100%;
	max-width: 880px;
}
.anketa__head {
	padding-top: 26px;
	margin-bottom: 22px;
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	color: #000;
}
.anketa__line {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	width: calc(100% + 30px);
	margin-left: -15px;
}
.anketa__label {
	width: calc(100% - 30px);
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 22px;
}
.anketa__label--3 {
	width: calc(33.3% - 30px);
}
.anketa__label--6 {
	width: calc(50% - 30px);
}
.anketa__label--9 {
	width: calc(66.6% - 30px);
}
.anketa__label > label {
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	line-height: 1.1;
	color: rgba(0, 0, 0, 0.6);
}
.anketa__label > label span {
	color: rgba(255, 62, 62, 1);
}
.anketa__label input,
.anketa__label textarea,
.anketa__label select {
	display: block;
	width: 100%;
	height: 56px;
	background: #F2F2F2;
	border: 1px solid #E8E8E8;
	border-radius: 4px;
	padding-left: 16px;
	padding-right: 16px;
	font-size: 14px;
}
.anketa__label textarea {
	height: 80px;
	resize: none;
}
.anketa__label .wpcf7-radio {
	display: block;
	padding-top: 16px;
}
.anketa__label .wpcf7-radio .wpcf7-list-item {
	margin-left: 0;
	margin-right: 24px;
	padding-top: 4px;
}
.anketa__label .wpcf7-radio input {
	width: 0;
	height: 0;
	visibility: hidden;
}
.anketa__label .wpcf7-radio .wpcf7-list-item-label {
	display: inline-block;
	min-height: 24px;
	padding-left: 36px;
	font-size: 14px;
	line-height: 24px;
	color: #000;
}
.anketa__label .wpcf7-radio .wpcf7-list-item-label::before {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #F2F2F2;
	border: 1px solid #E8E8E8;
}
.anketa__label .wpcf7-radio .wpcf7-list-item-label::after {
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #fff;
	border: 8px solid #399C29;
}
.anketa__label .wpcf7-radio input:checked + .wpcf7-list-item-label::after {
	opacity: 1;
}

.anketa__desc {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 40px;
	font-size: 14px;
	line-height: 1.4;
	color: #888;
}
.anketa__submit {
	width: 100%;
	max-width: 370px;
	margin-left: auto;
}
.anketa__submit input {
	width: 100%;
	max-width: 100%;
	height: 64px;
	background: #399C29;
	border-radius: 4px;
	color: #fff;
	text-transform: none;
	z-index: 10;
}









/* Banner front page */
.front-page-banner a {
	display: block;
	width: 100%;
	max-width: 600px;
	height: auto;
	margin: 0 auto;
}
.front-page-banner img {
	display: block;
	width: 100%;
	height: auto;
}








	/* Footer ----------------------------------------------------------------------------- */
.footer {
	padding-top: 40px;
	padding-bottom: 24px;
}
.footer .container {
	-ms-align-items: center;
	align-items: center;
}
.footer__copy {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
}
.footer-social {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.footer-social__item {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 8px;
	background: #1c1c1c;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: all .3s ease;
}
.footer-social__item--ig {
	-webkit-mask-image: url('i/bg-icon-ig.svg');
	mask-image: url('i/bg-icon-ig.svg');
}
.footer-social__item--fb {
	-webkit-mask-image: url('i/bg-icon-fb.svg');
	mask-image: url('i/bg-icon-fb.svg');
}
.footer-social__item--tt {
	-webkit-mask-image: url('i/bg-icon-tt.png');
	mask-image: url('i/bg-icon-tt.png');
}
.footer-social__item:hover {
	background: #fcf114;
}

.footer__made {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
}
.footer__made a {
	color: #1c1c1c;
	text-decoration: none;
}
.footer__made a:hover {
	text-decoration: underline;
}
.footer__made span {
	display: inline-block;
	vertical-align: middle;
	width: 29px;
	height: 27px;
	margin-top: -4px;
	background: url(i/bg-glorypixel.png) center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}



.go-calc {
	position: fixed;
    bottom: 148px;
    right: 36px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
	background: #fcf114;
	cursor: pointer;
    z-index: 10;
}
.go-calc::before {
	content: '';
	position: absolute;
	top: calc(50% - 12px);
	left: calc(50% - 12px);
	width: 24px;
    height: 24px;
	background: url('i/bg-icon-calc.svg') center no-repeat;
	background-size: contain;
	z-index: 50;
}
.go-calc span {
	position: absolute;
	top: 0;
	right: -20%;
	width: 128px;
	height: 100%;
	padding-left: 8px;
	padding-right: 8px;
	opacity: 0;
	pointer-events: none;
	overflow: hidden;
	border-radius: 32px 0 0 32px;
    background: #fcf114;
	color: #222;
	font-size: 17px;
	line-height: 56px;
	text-align: center;
	text-decoration: none;
	transition: all .3s ease;
}
.go-calc:hover span {
	right: 60%;
	opacity: 1;
	pointer-events: auto;
}



.go-tour {
	position: fixed;
    bottom: 232px;
    right: 36px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
	background: #fcf114 url('https://carid-hub.com.ua/wp-content/uploads/2023/09/bg-icon-360.svg') center no-repeat;
	background-size: cover;
	cursor: pointer;
	font-size: 0;
    z-index: 50;
	transition: all .3s ease;
}
.go-tour:hover {
	transform: scale(1.1);
}
.go-tour-office,
.go-tour-sto {
	position: absolute;
	top: 0;
	right: -20px;
	width: 120px;
	opacity: 0;
	pointer-events: none;
	border-radius: 12px;
    background: #fcf114;
	color: #222;
	font-size: 17px;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	transition: all .3s ease;
}
.go-tour-sto {
	top: 32px;
}
.go-tour.open .go-tour-office,
.go-tour.open .go-tour-sto {
	right: 60px;
	opacity: 1;
	pointer-events: auto;
}


















/* Всплывающие окна */
.overlay {
	display: none;
	background-color: #000;
	opacity: .7;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999
}
.overlay.active {
	display: block;
}

.popup {
	display: none;
	position: relative;
	width: 96%;
	max-width: 560px;
	padding: 24px;
	background: #fff;
	text-align: center;
	z-index: 9999;
}
.popup__close {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.popup__close::before,
.popup__close::after {
	content: '';
	position: absolute;
	top: 8px;
	width: 24px;
	height: 3px;
	border-radius: 4px;
	background: #000;
	transform: rotate(45deg);
	transition: all .3s ease;
}
.popup__close::before {
	left: -2px;
}
.popup__close::after {
	right: -2px;
	transform: rotate(135deg);
}
.popup__close:hover::before,
.popup__close:hover::after {
	background: #D4A207;
}
.popup__head {
	margin-bottom: 12px;
	font-weight: 900;
	font-size: 24px;
	line-height: 1.3;
	text-align: center;
	text-transform: uppercase;
	color: #232325;
}
.popup__subhead {
	margin-bottom: 24px;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	color: #232338;
}
.popup__box {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}
.popup__label {
	position: relative;
	margin-bottom: 20px;
}
.popup__label input, .popup__label textarea {
	width: 100%;
	height: 54px;
	padding-left: 20px;
	padding-right: 8px;
	border: 1px solid #eee;
	background: #FFF;
	border: 1px solid #E5E5E5;
	border-radius: 10px;
	outline: none;
	font-size: 15px;
}
.popup__label textarea {
	height: 96px;
	resize: none;
	padding-top: 5px;
}
.popup__label input.wpcf7-not-valid {
	border-color: #c00;
}
.popup__confirm {
	margin-top: -10px;
	margin-bottom: 30px;
}
.popup__confirm input {
	display: none;
}
.wpcf7-list-item-label {
	padding-left: 30px;
	position: relative;
	font-size: 12px;
	line-height: 1.3;
	color: #C4C4C4;
}
.wpcf7-list-item-label::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #E5E5E5;
	background: #fff;
	z-index: 10;
}
.wpcf7-list-item-label::after {
	content: '';
	position: absolute;
	top: 4px;
    left: 4px;
    width: 11px;
    height: 6px;
	border-left: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	opacity: 0;
	transform: rotate(-45deg);
	transition: all .3s ease;
	z-index: 10;
}
.popup__confirm input:checked + .wpcf7-list-item-label::after {
	opacity: 1;
}
.popup__submit {
	position: relative;
}
.popup__submit input {
	display: block;
	width: 100%;
	max-width: 300px;
	min-height: 56px;
	margin: 0 auto;
    padding: 16px;
    border: 2px solid #1c1c1c;
    background-color: #1c1c1c;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    transition: all .3s ease;
    cursor: pointer;
	z-index: 20;
	transition: all .3s ease;
}
.popup__submit input:hover {
	background-color: transparent;
	color: #1c1c1c;
}



/* Форма */


input.hide_input {
	display: none;
}
span.wpcf7-not-valid-tip, div.wpcf7-validation-errors {
	display: none !important;
}
input.wpcf7-not-valid {
	border: 1px solid #c00;
}

.popup-thy {
	position: fixed;
	top: calc(50% - 160px);
	left: calc(50% - 200px);
}






















/* ==============================================================
   ========================  MEDIA  =============================
   ============================================================== */
@media screen and (max-width:1200px) {

	.header__box {
	    width: calc(100% - 136px);
	}
	.header__nav li {
	    margin: 0 4px;
	}
	.header__social {
	    margin-left: 12px;
	}
	.header__phone-wrapper {
	    margin-right: 12px;
	}


	.head {
	    margin-bottom: 36px;
	    font-size: 36px;
	}


	.main-advant__title span {
		display: inline;
	}


	.main-about__info {
        max-width: 600px;
	}
	.main-about__bg {
	    max-width: 640px;
	    -webkit-background-size: cover;
	    background-size: cover;
	}


	.advantage-item {
	    width: calc(25% - 24px);
	    margin: 0px 12px 40px;
	}
	

	.detail__desc {
    	line-height: 1.2;
    }
    .detail-item {
    	padding-bottom: 16px;
    }

	
	.why__box {
	    padding: 32px;
	}
    .why__title {
	    margin-bottom: 32px;
	    font-size: 22px;
	}



	.calc-result__car {
        right: 40px;
	}



	.contact__wrapper {
	    width: calc(50% - 24px);
	    padding-top: 32px;
	    padding-bottom: 40px;
	}
	.contact__head {
		margin-left: 24px;
	}
	.contact__box::before {
	    left: -80px;
	    width: calc(100% + 120px);
	}


	.hero-invest__head {
		font-size: 56px;
	}



}


















@media screen and (max-width:1050px) {

	.header__box {
		width: calc(100% - 200px);
		margin-top: 0;
	}
	.header__nav {
		width: 100%;
		margin-bottom: 16px;
	}

	.header__phone-wrapper {
		width: 360px;
		position: relative;
	}
	.header__phone-wrapper .header__btn {
		position: absolute;
		top: calc(50% - 23px);
		right: 0;
	}


	.start__head {
	    margin-bottom: 32px;
	    font-size: 54px;
	}

	
	.main-advant__list {
		width: calc(100% + 16px);
		margin-left: -8px;
	}
	.main-advant__item {
	    width: calc(33.3% - 16px);
	    margin: 0 8px 24px;
	    padding: 32px 24px;
	}


	.main-about__info {
	    max-width: 560px;
	}
	.main-about__bg {
	    max-width: 440px;
	}

	
	.advantage__list {
		justify-content: center;
	}
	.advantage-item {
	    width: calc(33.3% - 24px);
	}

	
	.detail {
	    padding-top: 64px;
	    padding-bottom: 56px;
	}
	.detail__head {
		width: 56%;
	}
	.detail__desc {
		width: 100%;
		max-width: 100%;
	}
	.detail__list {
	    width: calc(100% + 16px);
	    margin-left: -8px;
	}
	.detail-item {
	    width: calc(33.3% - 16px);
	    margin: 0 8px 24px;
	    padding-left: 16px;
	    padding-right: 16px;
	}


	.why {
	    padding-top: 80px;
	    padding-bottom: 80px;
	}


	.calc-result__car {
	    right: 0;
	}


	.hero-invest__info {
		width: calc(100% - 400px);
	}
	.hero-invest__head {
		font-size: 48px;
	}
	.hero-invest__box {
		width: 360px;
	}


	.remont-advantage__list {
		justify-content: center;
	}
	.remont-advantage-item {
		width: calc(33.3% - 16px);
		margin-bottom: 40px;
	}


	.remont-how-cost {
		font-size: 24px;
	}
	.remont-how-cost__box:before {
		left: 8px;
	}


	.hero-tradein__info {
		width: calc(100% - 330px);
	}
	.hero-tradein__box {
		width: 320px;
	}


	.banner-tradein {
		padding-top: 50px;
		padding-bottom: 20px;
	}


	.service-signs-item {
		width: calc(33.3% - 30px);
	}

	.service-banner, .service-info {
		padding-top: 64px;
		padding-bottom: 64px;
	}


	.credit-calc__content {
		width: calc(100% - 328px);
	}


}



















@media screen and (max-width:900px) {
	
	.tabs__caption{
		max-width: 570px;
		margin: 0 auto;
	}
	
	.tabs__caption li:nth-child(4) {
		-webkit-border-radius: 0 4px 4px 0;
		-moz-border-radius: 0 4px 4px 0;
		border-radius: 0 4px 4px 0;
		border-right: 2px solid #000;
	}
	
	.tabs__caption li:nth-child(5) {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    border-left: 2px solid #000;
}

	.header__box {
	    width: calc(100% - 120px);
	}

	
	.head {
	    margin-bottom: 32px;
	    font-size: 32px;
	}
	.list {
		width: calc(100% + 16px);
		margin-left: -8px;
	}


	.item {
	    width: calc(33.3% - 16px);
	    margin: 0 8px 20px;
	}
	.item__thumb {
		margin-bottom: 16px;
	}
	.item-price__per-day span {
	    font-size: 22px;
	}


	.applic {
	    padding-top: 56px;
	    padding-bottom: 56px;
	}


	.advantage {
	    padding-top: 80px;
	    padding-bottom: 40px;
	    overflow: hidden;
	}
	.advantage__list {
		padding-top: 0;
		width: calc(100% + 24px);
		margin-left: -12px;
	}
	.advantage-item {
	    width: calc(33.3% - 16px);
	    margin: 0px 8px 32px;
	}



	.detail__head {
	    width: 60%;
	}
	.detail-item {
	    width: calc(50% - 16px);
	}


	.why__box {
	    width: calc(50% - 8px);
	    padding: 24px;
	}
	.why__item {
        padding-left: 40px;
	}


	
	.calc__box {
	    width: 40%;
	    margin: 0;
	}
	.calc-result {
	    width: calc(60% - 16px);
	    margin: 0 0 0 16px;
	}
	.calc-result__car {
	    width: 400px;
	    height: 184px;
	}
	.calc__line {
		width: calc(100% + 16px);
		margin-left: -8px;
	}
	.calc__line .calc__label {
	    width: calc(33.3% - 16px);
	    margin: 0 8px 12px;
	}


	.faq {
	    padding-top: 80px;
	}
	.faq__box {
		width: 100%;
		margin: 0;
	}
	.faq__head,
	.faq-item {
	    width: 100%;
	    margin: 0 0 24px;
	}


	.main-text .text {
		column-width: 100%;
		column-count: 1;
		column-gap: 0;
	}


	.article-item {
	    width: calc(33.3% - 16px);
	    margin: 0 8px;
	}
	.article-item__link {
		margin-bottom: 8px;
	}
	.article-item__thumb {
		margin-bottom: 12px;
	}
	.article-item__title {
        font-size: 20px;
	}
	.article-item__excerpt {
	    margin-bottom: 12px;
	    font-size: 17px;
	    line-height: 1.35;
	}


		
	.contact__map-out {
	    width: calc(48% + 15px);
	}
	.contact__wrapper {
	    width: calc(52% - 24px);
	}
	.contact__callme, 
	.contact__pick {
	    width: calc(50% - 8px);
	    min-height: 54px;
	    padding: 8px;
	    font-size: 14px;
	    line-height: 34px;
	}


	.page-thanks .container {
		background-size: 410px 210px;
	}



	.hero-invest__info {
		width: calc(100% - 360px);
	}
	.hero-invest__head {
		font-size: 40px;
	}
	.hero-invest__bottom {
		width: calc(100% + 20px);
	}
	.hero-invest__consult,
	.hero-invest__present {
		max-width: 176px;
	}
	.hero-invest__box {
		width: 320px;
	}
	.hero-invest__box-head {
		margin-bottom: 24px;
		font-size: 24px;
	}


	.advant-invest-item {
		width: calc(50% - 48px);
	}


	.step-invest-item {
		width: calc(50% - 24px);
	}


	.team-invest-item__photo {
		width: 144px;
		height: 144px;
	}
	.team-invest-item__name {
		font-size: 20px;
	}
	.team-invest-item__posit {
		font-size: 16px;
	}


	.faq-invest {
		padding-top: 48px;
		padding-bottom: 120px;
	}
	.faq-invest__list {
		padding-top: 0;
	}


	.remont-service {
		padding-top: 64px;
	}
	.remont-service-item {
		width: calc(33.3% - 32px);
	}


	.remont-advantage {
		padding-top: 64px;
		padding-bottom: 40px;
	}


	.remont-price,
	.remont-how-cost,
	.remont-brand {
		padding-top: 64px;
		padding-bottom: 56px;
	}



	.advant-tradein-item {
		width: calc(50% - 30px);
	}


	.step-tradein {
		padding-top: 60px;
		padding-bottom: 20px;
	}
	.step-tradein-item {
		width: calc(50% - 30px);
	}


	.single-auto-photos {
		width: 52%;
	}
	.single-auto-charact {
		order: 1;
		width: 100%;
		padding-top: 32px;
	}
	.single-auto-start {
		width: 44%;
	}


	.team-advantage {
		padding: 440px 20px 20px;
	}
	.team-advantage__list {
		justify-content: flex-start;
		width: calc(100% + 32px);
		margin-left: -16px;
	}
	.team-advantage-item {
		width: calc(25% - 32px);
		margin: 0 16px 24px;
		font-size: 15px;
	}
	.team-advantage-item__title {
		font-size: 17px;
	}


	.service-price-item__label, .service-price-item__value {
		padding: 12px 20px 14px;
	}


	.credit-calc__content {
		width: calc(100% - 300px);
	}
	.credit-calc__side {
		width: 260px;
		padding: 20px;
	}
	.credit-calc__label {
		width: calc(100% - 140px);
	}
	.credit-calc__right {
		width: 120px;
	}
	.credit-calc__form .b24-form-field {
		width: 100% !important;
		margin: 0 0 15px !important;
	}


}



















@media screen and (max-width:750px) {

	.header__box {
	    width: calc(100% - 112px);
	}
	.header__social {
	    margin-left: 0;
	}
	.header__phone-wrapper {
		width: 296px;
		margin-right: 4px;
	}
	.header__phone {
        font-size: 17px;
	}
	.header__btn {
	    width: 145px;
	}
	.header__lang-current {
		padding-right: 16px;
	}


	.social__item {
		margin: 2px;
	}


	.start__head {
	    font-size: 48px;
	}


	.head {
	    margin-bottom: 28px;
	    font-size: 28px;
	}


	.main-advant__item {
	    width: calc(50% - 16px);
	}


	.item {
	    width: calc(50% - 16px);
	}

	
	.main-about {
	    padding-top: 32px;
	    padding-bottom: 40px;
	}
	.main-about__info {
		width: 100%;
		max-width: 100%;
		padding-top: 160px;
	}
	.main-about__box {
		padding: 0;
		background-color: transparent;
	}
	.main-about__bg {
		width: 100%;
		height: 220px;
		top: -40px;
	}


	.applic__head {
	    max-width: 480px;
	}


	.advantage-item {
	    width: calc(50% - 16px);
	}
	.advantage-item:first-child .advantage-item__title {
		max-width: 240px;
		margin: 0 auto;
	}


	.detail__head {
	    width: 72%;
	}


	.why__box {
	    padding: 16px;
	}
	.why__title {
	    margin-bottom: 24px;
	    text-align: center;
	}
	.why__item {
	    padding-left: 32px;
	}


	.calc {
	    padding-top: 56px;
	    padding-bottom: 40px;
	}
	.calc__box {
	    padding-bottom: 40px;
	}
	.calc__title {
	    margin-bottom: 24px;
	    margin-left: 0;
	}
	.calc-result__sum {
	    padding: 16px 12px;
	    font-size: 24px;
	    line-height: 29px;
	}
	.calc-result__title {
	    max-width: 176px;
	    margin-right: 8px;
	}
	.calc-result__car {
		bottom: 8px;
	    width: 320px;
	    height: 146px;
	}
	.calc__line {
		justify-content: center;
	}
	.calc__line .calc__label {
	    width: calc(50% - 16px);
	}



	.review-item,
	.article-item {
	    width: calc(50% - 16px);
	    margin: 0 8px 24px;
	}
	.review-item__thumb {
	    margin-bottom: 12px;
	}
	.review-item__model {
	    margin-bottom: 8px;
	}


	.staff-item {
		width: calc(50% - 32px);
	}


	.hero-invest {
		padding-top: 160px;
		padding-bottom: 40px;
	}
	.hero-invest__info {
		width: 100%;
		margin-bottom: 40px;
	}
	.hero-invest__box {
		margin: 0 auto;
	}


	.advant-invest,
	.present-invest,
	.step-invest,
	.club-invest,
	.team-invest {
		padding-top: 48px;
		padding-bottom: 48px;
	}
	.present-invest__desc {
		font-size: 20px;
	}


	.hero-invest__bottom {
		width: 100%;
	}


	.club-invest__video a:before {
		top: calc(50% - 40px);
		left: calc(50% - 40px);
		width: 80px;
		height: 80px;
	}


	.faq-invest {
		padding-bottom: 40px;
		margin-bottom: 32px;
	}
	.faq-invest-item__head {
		font-size: 20px;
	}


	
	.contact {
		padding-top: 0;
		overflow: hidden;
	}
	.contact .container {
		display: block;
	}
	.contact__map-out {
		width: calc(100% + 24px);
		margin-left: -12px;
		height: 400px;
		overflow: hidden;
	}
	.contact__map {
		position: relative;
		width: 100%;
		height: 400px;
	}
	.contact__wrapper {
		width: 100%;
		padding-bottom: 0;
	}


	.remont-how-cost__head:before {
		bottom: 0;
		left: calc(50% - 120px);
		width: 300px;
		height: 120px;
	}
	.remont-how-cost__answer {
		width: 100%;
	}
	.remont-how-cost__bg {
		left: -240px;
		width: 400px;
		height: 360px;
	}
	.remont-how-cost__box {
		width: 100%;
		padding-left: 0;
		padding-top: 80px;
	}
	.remont-how-cost__box::before {
		top: 20px;
		left: calc(50% - 20px);
		transform: rotate(90deg);
	}


	.remont-brand-item {
		width: 80px;
		height: 72px;
		margin: 0 16px 20px;
	}


	.head-tradein {
		font-size: 20px;
	}


	.hero-tradein__info {
		width: 100%;
	}
	.hero-tradein__box {
		width: 320px;
		margin: 20px auto 0;
	}


	.step-tradein-item__icon {
		top: -20px;
		width: 40px;
		height: 40px;
	}


	.banner-tradein {
		padding-top: 20px;
		padding-bottom: 10px;
	}


	.team-advantage-item {
		width: calc(50% - 32px);
	}


	.service-signs-item {
		width: calc(50% - 30px);
	}
	.service-signs-item__thumb {
		margin-bottom: 10px;
	}


	.anketa__label--3 {
		width: calc(50% - 30px);
	}
	.anketa__label--6 {
		width: calc(50% - 30px);
	}
	.anketa__label--9 {
		width: calc(100% - 30px);
	}


	.credit-calc__content {
		width: calc(100% - 220px);
	}
	.credit-calc__side {
		width: 200px;
		padding: 16px;
	}
	.credit-calc__label {
		width: calc(100% - 100px);
	}
	.credit-calc__right {
		width: 80px;
	}


	.credit-calc__content {
		width: 100%;
		margin-bottom: 32px;
	}
	.credit-calc__side {
		width: 100%;
	}


	.footer {
	    padding-top: 24px;
	    padding-bottom: 16px;
	}


}



















@media screen and (max-width:600px) {
	
		.tabs__caption li {
		min-height: 52px;
		padding: 12px 10px;
	}
	
	.tabs__caption {
    max-width: 400px;
}


	.text h2, .text h3, .text h4, .text h5 {
		margin-bottom: 12px;
		font-size: 26px;
	}
	.text h3 {
		font-size: 22px;
	}
	.text h4, .text h5 {
		font-size: 18px;
	}
	.text blockquote {
	    padding: 8px 24px;
	}
	.text blockquote::before, 
	.text blockquote::after {
		display: none;
	}
	
	.front-page .header {
		padding-top: 0;
		padding-bottom: 8px;
		background-color: rgba(0, 0, 0, .5);
	}
	.header .container {
		-webkit-align-items: stretch;
		        align-items: stretch;
	}
	.header__logo {
        width: 88px;
	    height: 64px;
	}
	.header__box {
	    width: calc(100% - 112px);
		position: relative;
	}
	.header__nav-btn {
		display: block;
		margin-right: 8px;
	}
	.header__nav {
		position: absolute;
		top: 40px;
		right: 0;
		display: block;
		width: 160px;
		padding: 8px;
		background: #fff;
		border-radius: 4px;
		opacity: 0;
		transition: all .3s ease;
		z-index: 20;
		visibility: hidden;
	}
	.header.active .header__nav {
		top: 56px;
		opacity: 1;
		visibility: visible;
	}
	.header__nav ul {
		display: block;
		padding-bottom: 8px;
	}
	.header__nav li {
		margin: 0;
	}
	.header__nav a {
		display: block;
		padding: 4px;
		color: #000;
	}
	.header__nav li.menu-item-has-children > a:after {
		border-top-color: #000;
	}
	.header__nav .sub-menu {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		padding: 0 8px;
		max-height: 0;
		overflow: hidden;
		margin-bottom: 10px;
		opacity: 1;
		pointer-events: auto;
	}
	.header__nav .is-open .sub-menu {
		max-height: 800px;
	}
	.header__nav li:hover .sub-menu {
		top: 0;
	}

	.header__btn,
	.header__phone-btn {
		order: -2;
		width: 32px;
		height: 32px;
		min-height: 32px;
		position: relative;
		border-radius: 50%;
		margin-right: 16px;
		margin-left: auto;
		padding: 0;
		background: url('i/bg-icon-email.png') center no-repeat;
		font-size: 0;
	}
	.header__phone-btn {
		order: -1;
		display: block;
		margin-right: 16px;
		margin-left: 0;
		background: url('i/bg-icon-phone.png') center no-repeat;
		-webkit-background-size: 16px 16px;
		background-size: 16px 16px;
	}
	.header__btn::before,
	.header__phone-btn::before {
		width: 32px;
		height: 32px;
		border-radius: 50%;
	}
	.header__btn:hover,
	.header__phone-btn:hover {
		background-color: transparent;
	}
	.header__phone-wrapper,
	.header .header__social {
		display: none;
	}
	.header__phone-wrapper--mobile {
		position: absolute;
		top: 40px;
		right: 0;
		display: block;
		width: 160px;
		padding: 8px;
		background: #fff;
		border-radius: 4px;
		opacity: 0;
		pointer-events: none;
		transition: all .3s ease;
		z-index: 10;
	}
	.header__phone-wrapper--mobile.active {
		top: 56px;
		opacity: 1;
		pointer-events: auto;
	}
	.header__phone-wrapper--mobile.active .header__phone {
		color: #000;
		font-size: 16px;
		text-align: center;
	}
	.header__nav .header__phone-wrapper {
		display: block;
		margin: 0;
	}
	.header__nav .header__social {
		display: flex;
		-webkit-justify-content: center;
		        justify-content: center;
		padding-top: 12px;
	}
	.header__nav .header__social .social__item {
		border-color: #000;
	}
	.header__nav .header__social .social__item:before {
		background: #000;
	}


	.start {
	    min-height: 560px;
	    padding-top: 160px;
	    padding-bottom: 72px;
	}
	.start__head {
		margin-bottom: 24px;
	    font-size: 36px;
	}
	.start__desc {
	    margin-bottom: 40px;
	    font-size: 20px;
	}


	.breadcrumbs {
		padding-top: 148px;
		padding-bottom: 24px;
	}

	
	.top {
		margin-bottom: 24px;
	}
	.top-btn--top {
		display: none;
	}
	.top-btn--bottom {
		display: block;
	}


	.main-goods {
	    padding-top: 24px;
	    padding-bottom: 24px;
	}

		
	.head {
	    margin-bottom: 24px;
	    font-size: 24px;
	}
	.list {
	    width: 100%;
	    margin-left: 0;
	}
	.item,
	.review-item,
	.article-item {
	    width: 100%;
	    margin: 0 0 32px;
	}
	.item__thumb,
	.item__excerpt {
	    margin-bottom: 8px;
	}
	.item-price {
		margin-bottom: 4px;
	}


	.main-about__info {
	    padding-top: 200px;
	}
	.main-about__bg {
		right: 15px;
	    width: calc(100% - 30px);
	}


	.advantage-item__title span {
		display: inline;
	}


	.detail__desc {
        font-size: 22px;
	}
	.detail__list {
	    width: 100%;
	    margin-left: 0;
	}
	.detail-item {
	    width: 100%;
	    margin: 0 0 40px;
	}
	.detail-item::before {
        top: 64px;
	}

	
	.why {
	    padding-top: 48px;
	    padding-bottom: 24px;
	}
	.why__box {
	    width: 100%;
	    margin: 0 0 32px;
	}
	.why__item {
	    padding-left: 40px;
	}


	.calc__box {
	    width: 50%;
	    padding-bottom: 16px;
	}
	.calc-result__top {
		justify-content: center;
	}
	.calc-result {
	    width: calc(50% - 16px);
	}
	.calc-result__title {
	    width: 100%;
	    margin-bottom: 8px;
	}
	.calc-result__car {
	    bottom: 24px;
	    width: 200px;
	    height: 104px;
	}


	.faq-item__question {
	    padding: 8px 56px 8px 16px;
	}
	.faq-item__answer {
	    padding: 0 16px;
	}
	.faq-item.active .faq-item__answer {
	    padding-top: 8px;
	    padding-bottom: 8px;
	}
	

	.review,
	.article {
	    padding-top: 24px;
	    padding-bottom: 24px;
	}

	.article-item {
		margin-bottom: 16px;
		padding-bottom: 0;
	}


	.page-thanks .container {
		background: none;
	}


	.staff__list {
		width: 100%;
		margin: 0;
	}
	.staff-item {
		width: 100%;
		max-width: 360px;
		margin: 0 auto 32px;
	}
	.staff__list--slider .staff-item {
		max-width: 100%;
	}
	.staff__list--slider .slick-prev {
		left: 24px;
	}
	.staff__list--slider .slick-next {
		right: 24px;
	}



	.hero-invest {
		padding-top: 120px;
	}


	.director-invest__photo {
		width: 100%;
		max-width: 360px;
	}
	.director-invest__info {
		width: 100%;
	}
	.director-invest__posit {
		margin-bottom: 16px;
		font-size: 18px;
	}


	.team-invest-item {
		width: calc(50% - 32px);
	}


	.remont-service-item {
		width: calc(50% - 32px);
	}


	.remont-advantage-item {
		width: calc(50% - 16px);
	}


	.remont-price-tabs__caption::before,
	.remont-price-tabs__caption::after {
		display: none;
	}
	.remont-price-tabs__caption li {
		min-width: auto;
	}
	.remont-price-tabs__caption li:first-child {
		margin-right: 24px;
	}
	.remont-price-tabs__caption li:last-child {
		margin-left: 24px;
	}
	.remont-price-tabs__content tr td {
		padding: 8px;
	}
	.remont-price-tabs__content table thead td {
		padding: 12px 8px;
	}


	.step-tradein-item__thumb {
		margin-bottom: 10px;
	}
	.step-tradein-item__title {
		font-size: 15px;
	}


	.reqdoc-tradein__box {
		width: 100%;
		margin-bottom: 24px;
	}
	.reqdoc-tradein__desc li {
		margin-bottom: 12px;
	}


	.single-auto-photos {
		width: 100%;
		max-width: 400px;
		margin: 0 auto 24px;
	}
	.single-auto-start {
		width: 100%;
	}


	.service-price__list {
		width: 100%;
		overflow: hidden;
		overflow-x: visible;
	}
	.service-price-head,
	.service-price-block {
		min-width: 520px;
	}
	.service-price-head .service-price-item__label,
	.service-price-head .service-price-item__value,
	.service-price-item__label,
	.service-price-item__value {
		padding: 10px 8px;
	}


	.anketa__label--3,
	.anketa__label--6 {
		width: calc(100% - 30px);
	}


}




















/* 450 ================================================================================= */



@media screen and (max-width:450px) {

	.container {
		padding-left: 12px;
		padding-right: 12px;
	}


	.start {
        padding-top: 176px;
	}
	.start__head {
	    font-size: 32px;
	    text-align: center;
	}
	.start__desc {
	    margin-bottom: 32px;
	    font-size: 18px;
	    font-weight: normal;
	    line-height: 1.3;
	}
	.start__btn {
		margin-bottom: 8px;
	}
	.start__messendger-box {
		left: 10px;
	}


	.main-advant__list {
	    width: 100%;
	    margin-left: 0;
	}
	.main-advant__item {
	    width: 100%;
	    margin: 0 0 32px;
	    padding: 32px 16px 24px;
	}
	.main-advant__icon {
		top: -28px;
		right: calc(50% - 28px);
		width: 56px;
		height: 56px;
	}
	.main-advant__icon-ins {
		margin-top: 16px;
	}


	.advantage__list {
	    width: 100%;
	    margin-left: 0;
	}
	.advantage-item {
	    width: 100%;
	    margin: 0 0 32px;
	}
	.advantage-item__icon {
		margin-bottom: 8px;
	}

	
	.detail__top {
	    margin-bottom: 40px;
	}
	.detail__head {
		width: 100%;
	}
	.detail__desc {
	    font-size: 18px;
	}
	.detail-item {
		padding-left: 8px;
	}
	.detail-item__text ul {
		margin: 0 0 8px 20px;
	}



	.calc__box,
	.calc-result {
		width: 100%;
		margin: 0;
	}
	.calc__title {
	    margin-bottom: 16px;
	}
	.calc-result__top {
		padding-top: 0;
		padding-bottom: 88px;
	}
	.calc-result__title {
		max-width: 100%;
		margin: 0;
	}
	.calc-result__car {
		bottom: 0;
	}
	.calc__line .calc__label {
	    width: 100%;
	}


	.hero-invest__head {
		margin-bottom: 32px;
		font-size: 32px;
	}
	.hero-invest__consult {
		margin-bottom: 8px;
	}


	.advant-invest-item {
		width: calc(100% - 48px);
	}


	.step-invest-item {
		width: calc(100% - 24px);
	}
	.step-invest-item__next {
		transform: rotate(90deg);
	}


	.team-invest-item__photo {
		width: 120px;
		height: 120px;
	}


	.faq-invest-item__head {
		padding-top: 4px;
		padding-bottom: 4px;
	}
	.faq-invest-item__text {
		padding: 12px 20px 8px;
	}



	.contact__callme, 
	.contact__pick {
		width: 100%;
		margin-bottom: 8px;
	}
	.contact__item {
	    margin-bottom: 20px;
	    font-size: 18px;
	}
	.contact__map-out {
        height: 320px;
	}


	.tabs__caption li {
		min-height: 52px;
		padding: 12px 10px;
	}


	.remont-service__list,
	.remont-advantage__list {
		width: 100%;
		margin: 0;
	}
	.remont-service-item,
	.remont-advantage-item {
		width: 100%;
		margin: 0 0 40px;
	}
	.remont-price-tabs__caption li {
		width: 100%;
		min-width: auto;
		text-align: center;
	}
	.remont-price-tabs__caption li:first-child {
		margin-right: 0;
		text-align: center;
	}
	.remont-price-tabs__caption li:last-child {
		margin-left: 0;
	}

	.remont-price-tabs__content {
		overflow: hidden;
		overflow-x: visible;
		padding-bottom: 16px;
	}
	.remont-price-tabs__content table {
		width: 600px;
	}


	.advant-tradein-item__icon {
		width: 80px;
		height: 80px;
		margin-bottom: 12px;
	}
	.advant-tradein-item__title {
		font-size: 15px;
	}


	.step-tradein-item {
		width: calc(100% - 30px);
	}


	.single-auto-charact__item {
		width: 100%;
		margin: 0 0 20px;
	}


	.team-advantage-item {
		font-size: 14px;
	}
	.team-advantage-item__icon {
		margin: 0 auto 8px;
		width: 64px;
		height: 64px;
	}
	.team-advantage-item__title {
		margin-bottom: 4px;
		font-size: 16px;
	}



	.service-signs-item {
		width: calc(100% - 30px);
	}



	.footer__copy,
	.footer__made {
	    font-size: 13px;
	}
	.footer__made span {
	    width: 20px;
	    height: 21px;
	}


	.go-calc {
		bottom: 16px;
		right: 16px;
		width: 48px;
		height: 48px;
	}
	.go-calc:hover span {
		opacity: 0;
		pointer-events: none;
	}
	
	.go-tour {
		bottom: 120px;
		right: 16px;
		width: 48px;
		height: 48px;
	}

}





.services-new {
  padding-top: 60px;
  padding-bottom: 12px;
  position: relative;
  z-index: 99
}
@media screen and (max-width:576px) {
  .services-new {
    padding: 50px 0 20px
  }
}
.services-new .container {
  max-width: 1230px;
  padding: 0 15px;
  margin: 0 auto
}
.services-new h2 {
  font-weight: 400;
  font-size: 48px;
  text-transform: none;
  text-align: center;
  line-height: 100%;
  margin-bottom: 40px
}
@media screen and (max-width:576px) {
  .services-new h2 {
    font-size: 35px;
    line-height: 100%;
    margin-bottom: 30px
  }
}
.services-new .table-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 28px 24px 30px;
  border-bottom: 4px solid #ffcf0f;
  padding-right: 65px
}
@media screen and (max-width:992px) {
  .services-new .table-title {
    padding-right: 40px
  }
}
@media screen and (max-width:576px) {
  .services-new .table-title {
    padding: 20px 5px 20px
  }
}
.services-new .table-title .title {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #1c1c1c;
  max-width: 860px;
  width: 100%;
  margin-right: 11px
}
@media screen and (max-width:1200px) {
  .services-new .table-title .title {
    max-width: 700px
  }
}
@media screen and (max-width:992px) {
  .services-new .table-title .title {
    max-width: 500px
  }
}
@media screen and (max-width:576px) {
  .services-new .table-title .title {
    font-size: 14px;
    line-height: 100%
  }
}
.services-new .table-title .price {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #1c1c1c
}
@media screen and (max-width:992px) {
  .services-new .table-title .price {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 40px;
    margin-left: 15px
  }
}
@media screen and (max-width:576px) {
  .services-new .table-title .price {
    font-size: 14px;
    line-height: 100%
  }
}
.services-new .acc-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 29px 24px;
  background: #f4fafb;
  border-bottom: 1px solid #d8e5e8;
  cursor: pointer;
  position: relative;
  padding-right: 65px;
   transition: .3s linear
}

.services-new .acc-button:hover{
	background: #d8d8d8;
}
@media screen and (max-width:992px) {
  .services-new .acc-button {
    padding-right: 40px
  }
}
@media screen and (max-width:576px) {
  .services-new .acc-button {
    padding: 20px 5px
  }
}
.services-new .acc-button.active .arrow {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg)
}
.services-new .acc-button .arrow {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 31px;
  -webkit-transition: .3s linear;
  -o-transition: .3s linear;
  transition: .3s linear
}
@media screen and (max-width:576px) {
  .services-new .acc-button .arrow {
    right: 5px
  }
}
.services-new .acc-button .title {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #1c1c1c;
  max-width: 860px;
  width: 100%;
  margin-right: 11px
}
@media screen and (max-width:1200px) {
  .services-new .acc-button .title {
    max-width: 700px
  }
}
@media screen and (max-width:992px) {
  .services-new .acc-button .title {
    max-width: 500px
  }
}
@media screen and (max-width:576px) {
  .services-new .acc-button .title {
    font-size: 14px;
    line-height: 100%
  }
}
.services-new .acc-button .price {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #1c1c1c
}
@media screen and (max-width:992px) {
  .services-new .acc-button .price {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 40px;
    margin-left: 15px
  }
}
@media screen and (max-width:576px) {
  .services-new .acc-button .price {
    font-size: 14px;
    line-height: 100%
  }
}
.services-new .acc-content {
  display: none
}
.services-new .services-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 24px;
  background: #f4fafb;
  border-bottom: 1px solid #d8e5e8;
  cursor: pointer;
  position: relative;
  background: #fff;
  padding-right: 65px
}
@media screen and (max-width:992px) {
  .services-new .services-block {
    padding-right: 40px
  }
}
@media screen and (max-width:576px) {
  .services-new .services-block {
    padding: 15px 5px
  }
}
.services-new .services-block .arrow {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 31px
}
@media screen and (max-width:992px) {
  .services-new .services-block .arrow {
    right: 10px
  }
}
.services-new .services-block .title {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #1c1c1c;
  max-width: 860px;
  width: 100%;
  margin-right: 11px
}
@media screen and (max-width:1200px) {
  .services-new .services-block .title {
    max-width: 700px
  }
}
@media screen and (max-width:992px) {
  .services-new .services-block .title {
    max-width: 500px
  }
}
@media screen and (max-width:576px) {
  .services-new .services-block .title {
    font-size: 14px;
    line-height: 100%
  }
}
.services-new .services-block .price {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #1c1c1c
}
@media screen and (max-width:992px) {
  .services-new .services-block .price {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 40px;
    margin-left: 15px
  }
}
@media screen and (max-width:576px) {
  .services-new .services-block .price {
    font-size: 14px;
    line-height: 100%
  }
}

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




.s-hero {
  position: relative;
  padding: 141px 0 62px
}
@media screen and (max-width:479.98px) {
  .s-hero {
    padding: 100px 0 30px
  }
}
.s-hero .container {
  max-width: 1278px;
  margin: 0 auto;
  padding: 0 15px
}
@media screen and (max-width:1266px) {
  .s-hero .container {
    max-width: 970px
  }
}
@media screen and (max-width:991.98px) {
  .s-hero .container {
    max-width: 750px
  }
}
@media screen and (max-width:767.98px) {
  .s-hero .container {
    max-width: none
  }
}
.s-hero h1 {
  font-weight: 800;
  font-size: 48px;
  line-height: 139.9%;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 22px
}
@media screen and (max-width:767.98px) {
  .s-hero h1 {
    font-size: 35px
  }
}
@media screen and (max-width:479.98px) {
  .s-hero h1 {
    font-size: 25px
  }
}
.s-hero .content {
  max-width: 735px
}
.s-hero .flex-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 36px
}
.s-hero .flex-text .icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 31px
}
@media screen and (max-width:479.98px) {
  .s-hero .flex-text .icon {
    margin-right: 20px
  }
}
.s-hero .flex-text p {
  font-weight: 600;
  font-size: 16px;
  line-height: 143.4%;
  color: #fff;
  margin-bottom: 0;
  max-width: 405px
}
.s-hero .btn-block {
  max-width: 345px
}
@media screen and (max-width:479.98px) {
  .s-hero .btn-block {
    max-width: 100%
  }
}
.s-hero .btn-block .btn-v2 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 30px;
  width: 100%;
  height: 62px;
  background: #ffcf0f;
  border-radius: 4px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #1c1c1c;
  text-decoration: none;
}
.s-hero .btn-block .btn-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  text-align: center;
  margin-top: 17px
}
.s-hero .bg-block {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1
}
.s-hero .bg-block img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.s-problems {
  padding: 116px 0 40px
}
@media screen and (max-width:991.98px) {
  .s-problems {
    padding: 80px 0 20px
  }
}
@media screen and (max-width:479.98px) {
  .s-problems {
    padding: 40px 0 20px
  }
}
.s-problems .block {
  position: relative
}
.s-problems .container {
  max-width: 1224px;
  margin: 0 auto;
  padding: 0 15px
}
@media screen and (max-width:1266px) {
  .s-problems .container {
    max-width: 970px
  }
}
@media screen and (max-width:991.98px) {
  .s-problems .container {
    max-width: 750px
  }
}
@media screen and (max-width:767.98px) {
  .s-problems .container {
    max-width: none
  }
}
.s-problems h2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 49px;
  text-transform: uppercase;
  color: #1c1c1c;
  text-align: center;
  margin-bottom: 16px
}
@media screen and (max-width:991.98px) {
  .s-problems h2 {
    font-size: 35px;
    line-height: 120%
  }
}
@media screen and (max-width:479.98px) {
  .s-problems h2 {
    font-size: 25px
  }
}
.s-problems .subtitle p {
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  color: #1c1c1c;
  max-width: 800px;
  margin: 0 auto 40px
}
@media screen and (max-width:479.98px) {
  .s-problems .subtitle p {
    font-size: 16px;
    line-height: 140%
  }
}
.s-problems .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.s-problems .flex .col {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
  padding: 0 15px;
  margin-bottom: 30px
}
@media screen and (max-width:991.98px) {
  .s-problems .flex .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
}
.s-problems .block {
  padding: 72px 32px 69px 42px;
  height: 100%
}
@media screen and (max-width:479.98px) {
  .s-problems .block {
    padding: 30px 20px 25px
  }
}
.s-problems .block h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  text-transform: uppercase;
  color: #fff;
  margin-top: 24px;
  margin-bottom: 0
}
@media screen and (max-width:479.98px) {
  .s-problems .block h3 {
    font-size: 18px;
    line-height: 120%
  }
}
@media screen and (max-width:479.98px) {
  .s-problems .block h3 br {
    display: none
  }
}
.s-problems .block p {
  text-align: left;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #fff;
  margin-top: 9px;
  margin-bottom: 0
}
@media screen and (max-width:479.98px) {
  .s-problems .block p {
    font-size: 14px;
    line-height: 140%
  }
}
.s-problems .block.border-block {
  border: 2px solid #e0e0e0;
  padding: 77px 32px 69px 40px
}
@media screen and (max-width:479.98px) {
  .s-problems .block.border-block {
    padding: 30px 20px 25px
  }
}
.s-problems .block.border-block h3 {
  color: #1c1c1c
}
.s-problems .block.border-block p {
  color: #8a8888
}
.s-problems .bg-block {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1
}
.s-problems .bg-block img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.s-advantages {
  padding: 46px 0 88px
}
@media screen and (max-width:479.98px) {
  .s-advantages {
    padding: 20px 0 20px
  }
}
.s-advantages .container {
  max-width: 1224px;
  margin: 0 auto;
  padding: 0 15px
}
@media screen and (max-width:1266px) {
  .s-advantages .container {
    max-width: 970px
  }
}
@media screen and (max-width:991.98px) {
  .s-advantages .container {
    max-width: 750px
  }
}
@media screen and (max-width:767.98px) {
  .s-advantages .container {
    max-width: none
  }
}
.s-advantages h2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 49px;
  text-transform: uppercase;
  color: #1c1c1c;
  text-align: center;
  margin-bottom: 40px
}
@media screen and (max-width:991.98px) {
  .s-advantages h2 {
    font-size: 35px;
    line-height: 120%
  }
}
@media screen and (max-width:479.98px) {
  .s-advantages h2 {
    font-size: 25px
  }
}
@media screen and (max-width:767.98px) {
  .s-advantages h2 br {
    display: none
  }
}
.s-advantages .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.s-advantages .flex .col {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
  padding: 0 15px
}
@media screen and (max-width:991.98px) {
  .s-advantages .flex .col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    margin-bottom: 30px
  }
}
@media screen and (max-width:479.98px) {
  .s-advantages .flex .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
}
@media screen and (max-width:991.98px) {
  .s-advantages .flex .block {
    padding: 0 20px
  }
}
@media screen and (max-width:767.98px) {
  .s-advantages .flex .block {
    padding: 0
  }
}
.s-advantages .flex .icon {
  width: 112px;
  height: 112px;
  background: #fcf114;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 20px
}
.s-advantages .flex h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #1c1c1c;
  margin-bottom: 16px
}
.s-advantages .flex p {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #8a8888;
  margin-bottom: 0
}
.s-advantages.s-guarante {
  padding: 116px 0 60px
}
@media screen and (max-width:991.98px) {
  .s-advantages.s-guarante {
    padding: 80px 0 30px
  }
}
@media screen and (max-width:479.98px) {
  .s-advantages.s-guarante {
    padding: 40px 0 20px
  }
}
.s-advantages.s-guarante p {
  padding: 0 10px
}
.s-check {
  padding: 116px 0 66px;
  background: #ebeff2
}
@media screen and (max-width:991.98px) {
  .s-check {
    padding: 80px 40px
  }
}
@media screen and (max-width:479.98px) {
  .s-check {
    padding: 40px 0 20px
  }
}
.s-check .container {
  max-width: 1224px;
  margin: 0 auto;
  padding: 0 15px
}
@media screen and (max-width:1266px) {
  .s-check .container {
    max-width: 970px
  }
}
@media screen and (max-width:991.98px) {
  .s-check .container {
    max-width: 750px
  }
}
@media screen and (max-width:767.98px) {
  .s-check .container {
    max-width: none
  }
}
.s-check h2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 49px;
  text-transform: uppercase;
  color: #1c1c1c;
  text-align: center;
  margin-bottom: 60px
}
@media screen and (max-width:991.98px) {
  .s-check h2 {
    font-size: 35px;
    line-height: 120%
  }
}
@media screen and (max-width:479.98px) {
  .s-check h2 {
    font-size: 25px;
    margin-bottom: 30px
  }
}
.s-check .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.s-check .flex .col {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
  padding: 0 15px;
  margin-bottom: 50px
}
@media screen and (max-width:1266px) {
  .s-check .flex .col {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%
  }
}
@media screen and (max-width:991.98px) {
  .s-check .flex .col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
  }
}
@media screen and (max-width:991.98px) {
  .s-check .flex .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 30px
  }
}
.s-check .block {
  background: #fff;
  height: 100%;
  position: relative
}
.s-check .block .check {
  position: absolute;
  width: 60px;
  height: 60px;
  background: #fcf114;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: -20px;
  right: 20px;
  z-index: 99
}
.s-check .block .image {
  height: 172px
}
@media screen and (max-width:479.98px) {
  .s-check .block .image {
    height: 200px
  }
}
.s-check .block .info {
  padding: 32px 24px
}
.s-check .block h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #1c1c1c;
  margin-bottom: 16px
}
.s-check .block p {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #8a8888;
  margin-bottom: 0
}
.s-services {
  padding: 56px 0 80px
}
@media screen and (max-width:479.98px) {
  .s-services {
    padding: 20px 0 20px
  }
}
.s-services .container {
  max-width: 1224px;
  margin: 0 auto;
  padding: 0 15px
}
@media screen and (max-width:1266px) {
  .s-services .container {
    max-width: 970px
  }
}
@media screen and (max-width:991.98px) {
  .s-services .container {
    max-width: 750px
  }
}
@media screen and (max-width:767.98px) {
  .s-services .container {
    max-width: none
  }
}
.s-services h2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 49px;
  text-transform: uppercase;
  color: #1c1c1c;
  text-align: center;
  margin-bottom: 40px
}
@media screen and (max-width:991.98px) {
  .s-services h2 {
    font-size: 35px;
    line-height: 120%
  }
}
@media screen and (max-width:479.98px) {
  .s-services h2 {
    font-size: 25px
  }
}
.s-services .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.s-services .flex .col {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%;
  padding: 0 16px
}
@media screen and (max-width:991.98px) {
  .s-services .flex .col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
  }
}
@media screen and (max-width:479.98px) {
  .s-services .flex .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
}
.s-services .service-block {
  border-radius: 12px;
  overflow: hidden;
  display: block;
  position: relative;
  margin-bottom: 30px
}
.s-services .service-block:hover .image img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}
.s-services .service-block .image {
  height: 229px;
  position: relative
}
.s-services .service-block .image img {
  -webkit-transition: .3s linear;
  -o-transition: .3s linear;
  transition: .3s linear
}
.s-services .service-block .image::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: -o-linear-gradient(340.94deg,rgba(26,26,26,.35) 13.34%,rgba(26,26,26,.45) 94.86%);
  background: linear-gradient(109.06deg,rgba(26,26,26,.35) 13.34%,rgba(26,26,26,.45) 94.86%);
  z-index: 9
}
.s-services .service-block .title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: 99;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #fff
}

.hidden{
	display:none;
}




/* END ================================================================================= */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}
.swiper-container-pointer-events {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}
.swiper-container-pointer-events.swiper-container-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}
.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform
}
.swiper-slide-invisible-blank {
  visibility: hidden
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  -o-transition-property: transform,height;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform
}
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: x mandatory;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: y mandatory;
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory
}
.leasing-hero {
  position: relative;
  padding: 212px 0 80px
}
@media screen and (max-width:479.98px) {
  .leasing-hero {
    padding: 100px 0 40px
  }
}
.leasing-hero .container {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 15px
}
@media screen and (max-width:1266px) {
  .leasing-hero .container {
    max-width: 970px
  }
}
@media screen and (max-width:991.98px) {
  .leasing-hero .container {
    max-width: 750px
  }
}
@media screen and (max-width:767.98px) {
  .leasing-hero .container {
    max-width: none
  }
}
.leasing-hero .bg-block::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: -o-linear-gradient(178.25deg,#3f404e 2.27%,rgba(63,64,78,0) 31.75%),-o-linear-gradient(top,rgba(63,64,78,.94) 0,rgba(63,64,78,0) 20.79%),-o-linear-gradient(342.29deg,rgba(63,64,78,.97) 6.47%,rgba(63,64,78,0) 65.15%),rgba(17,24,39,.22);
  background: linear-gradient(271.75deg,#3f404e 2.27%,rgba(63,64,78,0) 31.75%),linear-gradient(180deg,rgba(63,64,78,.94) 0,rgba(63,64,78,0) 20.79%),linear-gradient(107.71deg,rgba(63,64,78,.97) 6.47%,rgba(63,64,78,0) 65.15%),rgba(17,24,39,.22)
}
.leasing-hero .content {
  max-width: 750px
}
.leasing-hero h1 {
  font-weight: 700;
  font-size: 64px;
  line-height: 72px;
  color: #fff;
  font-stretch: 108;
  margin-bottom: 0
}
@media screen and (max-width:767.98px) {
  .leasing-hero h1 {
    font-size: 40px;
    line-height: 120%
  }
}
@media screen and (max-width:479.98px) {
  .leasing-hero h1 {
    font-size: 30px
  }
}
.leasing-hero .title {
  position: relative;
  padding-left: 56px;
  margin-bottom: 56px
}
@media screen and (max-width:479.98px) {
  .leasing-hero .title {
    padding-left: 40px
  }
}
.leasing-hero .title span {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  color: #fcf114;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: absolute;
  left: -63px;
  top: 77px
}
@media screen and (max-width:479.98px) {
  .leasing-hero .title span {
    font-size: 20px;
    top: 56px;
    left: -51px
  }
}
.leasing-hero .flex-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 13px;
  margin-bottom: 53px
}
@media screen and (max-width:767.98px) {
  .leasing-hero .flex-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}
.leasing-hero .flex-text .hero-item {
  height: 64px;
  border-left: 4px solid #fcf114;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 39px
}
.leasing-hero .flex-text .hero-item:not(:last-child) {
  margin-right: 54px
}
@media screen and (max-width:767.98px) {
  .leasing-hero .flex-text .hero-item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 35px
  }
}
.leasing-hero .flex-text .hero-item p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 0
}
.leasing-hero .flex-text .hero-item p span {
  font-weight: 600
}
.leasing-hero .flex-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:767.98px) {
  .leasing-hero .flex-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}
.leasing-hero .flex-btns a.btn {
  min-width: 364px;
  height: 80px;
  background: #fcf114;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #292b31;
  border-radius: 0
}
@media screen and (max-width:479.98px) {
  .leasing-hero .flex-btns a.btn {
    height: 50px;
    min-width: 100%;
    padding: 0
  }
}
.leasing-hero .flex-btns a.btn:hover img {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px)
}
.leasing-hero .flex-btns a.btn img {
  margin-left: 16px;
  -webkit-transition: .3s linear;
  -o-transition: .3s linear;
  transition: .3s linear
}
@media screen and (max-width:479.98px) {
  .leasing-hero .flex-btns a.btn img {
    margin-right: 10px
  }
}
.leasing-hero .flex-btns a.more {
  width: 236px;
  height: 80px;
  border: 1px solid #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  margin-left: 24px;
  text-decoration: none
}
@media screen and (max-width:767.98px) {
  .leasing-hero .flex-btns a.more {
    margin-top: 20px;
    margin-left: 0
  }
}
@media screen and (max-width:479.98px) {
  .leasing-hero .flex-btns a.more {
    height: 50px;
    min-width: 100%
  }
}
.leasing-hero .flex-btns a.more:hover {
  color: #fcf114;
  border: 1px solid #fcf114
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.bg-block {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1
}
.bg-block img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.object-fit img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.btn-block a {
  text-decoration: none
}
.leasing-benefit {
  padding: 104px 0 195px;
  background-image: url(i/b-bg.jpg);
  background-size: auto 100%;
  background-position: center
}
@media screen and (max-width:1266px) {
  .leasing-benefit {
    background-image: none
  }
}
@media screen and (max-width:479.98px) {
  .leasing-benefit {
    padding: 40px 0 60px
  }
}
.leasing-benefit .container {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 15px
}
@media screen and (max-width:1266px) {
  .leasing-benefit .container {
    max-width: 970px
  }
}
@media screen and (max-width:991.98px) {
  .leasing-benefit .container {
    max-width: 750px
  }
}
@media screen and (max-width:767.98px) {
  .leasing-benefit .container {
    max-width: none
  }
}
.leasing-benefit h2 {
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  color: #292b31;
  font-stretch: 108;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 551px;
  margin-bottom: 0
}
@media screen and (max-width:479.98px) {
  .leasing-benefit h2 {
    font-size: 30px;
    line-height: 120%;
    margin-bottom: 25px
  }
}
.leasing-benefit .title-sec {
  position: relative;
  padding-left: 56px;
  margin-bottom: 100px;
  max-width: 600px
}
@media screen and (max-width:479.98px) {
  .leasing-benefit .title-sec {
    padding-left: 40px;
    margin-bottom: 50px
  }
}
.leasing-benefit .title-sec .icon {
  position: absolute;
  right: -26px;
  top: 83px
}
@media screen and (max-width:1266px) {
  .leasing-benefit .title-sec .icon {
    display: none
  }
}
.leasing-benefit .title-sec span {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  color: #b1b1b3;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: absolute;
    left: -77px;
bottom: 66px;
    width: 225px;
    text-align: center;
    justify-content: center;
}
@media screen and (max-width:479.98px) {
  .leasing-benefit .title-sec span {
    font-size: 20px;
    bottom: 41px;
	 width: 195px;
  }
}
.leasing-benefit .benefit-item {
  width: 651px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
@media screen and (max-width:1266px) {
  .leasing-benefit .benefit-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}
@media screen and (max-width:767.98px) {
  .leasing-benefit .benefit-item {
    width: 100%
  }
}
.leasing-benefit .benefit-item .title {
  text-align: right
}
@media screen and (max-width:1266px) {
  .leasing-benefit .benefit-item .title {
    text-align: left
  }
}
.leasing-benefit .benefit-item .text {
  text-align: right
}
@media screen and (max-width:1266px) {
  .leasing-benefit .benefit-item .text {
    text-align: left
  }
}
.leasing-benefit .benefit-item .line {
  margin-left: 20px;
  margin-right: 46px
}
@media screen and (max-width:1266px) {
  .leasing-benefit .benefit-item .line {
    margin-right: 20px;
    margin-left: 46px
  }
}
.leasing-benefit .benefit-item:nth-child(odd) {
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}
@media screen and (max-width:1266px) {
  .leasing-benefit .benefit-item:nth-child(odd) {
    margin-left: 0
  }
}
.leasing-benefit .benefit-item:nth-child(odd) .line {
  margin-right: 20px;
  margin-left: 46px
}
.leasing-benefit .benefit-item:nth-child(odd) .icon {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.leasing-benefit .benefit-item:nth-child(odd) .title {
  text-align: left
}
.leasing-benefit .benefit-item:nth-child(odd) .text {
  text-align: left
}
.leasing-benefit .benefit-item:not(:last-child) {
  margin-bottom: 20px
}
.leasing-benefit .benefit-item:nth-child(2) {
  margin-bottom: -54px
}
@media screen and (max-width:1266px) {
  .leasing-benefit .benefit-item:nth-child(2) {
    margin-bottom: 20px
  }
}
.leasing-benefit .benefit-item:nth-child(3) {
  margin-bottom: -54px
}
@media screen and (max-width:1266px) {
  .leasing-benefit .benefit-item:nth-child(3) {
    margin-bottom: 20px
  }
}
.leasing-benefit .benefit-item:nth-child(4) {
  margin-bottom: -54px
}
@media screen and (max-width:1266px) {
  .leasing-benefit .benefit-item:nth-child(4) {
    margin-bottom: 20px
  }
}
.leasing-benefit .benefit-item:nth-child(5) {
  margin-bottom: -14px
}
@media screen and (max-width:1266px) {
  .leasing-benefit .benefit-item:nth-child(5) {
    margin-bottom: 20px
  }
}
.leasing-benefit .benefit-item .number {
  width: 72px;
  height: 72px;
  background: #fcf114;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #292b31;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media screen and (max-width:479.98px) {
  .leasing-benefit .benefit-item .number {
    height: 50px;
    width: 50px;
    margin-right: 15px
  }
}
.leasing-benefit .benefit-item .content {
  width: 340px;
  margin-top: 18px
}
@media screen and (max-width:479.98px) {
  .leasing-benefit .benefit-item .content {
    width: 100%;
    margin-top: 5px
  }
}
.leasing-benefit .benefit-item .line {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 22px
}
@media screen and (max-width:479.98px) {
  .leasing-benefit .benefit-item .line {
    display: none
  }
}
.leasing-benefit .benefit-item .icon {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
@media screen and (max-width:1266px) {
  .leasing-benefit .benefit-item .icon {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}
.leasing-benefit .benefit-item .title {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: #292b31;
  margin-bottom: 10px
}
.leasing-benefit .benefit-item .text {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #5b5b5e
}
.leasing-image .image {
  max-height: 771px;
	    line-height: 0;
}
@media screen and (max-width:767.98px) {
  .leasing-image .image {
    height: 350px
  }
}
@media screen and (max-width:479.98px) {
  .leasing-image .image {
    height: 250px
  }
}
.leasing-conditions {
  background: #292b31;
  padding: 104px 0
}
@media screen and (max-width:479.98px) {
  .leasing-conditions {
    padding: 40px 0
  }
}
.leasing-conditions .container {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 15px
}
@media screen and (max-width:1266px) {
  .leasing-conditions .container {
    max-width: 970px
  }
}
@media screen and (max-width:991.98px) {
  .leasing-conditions .container {
    max-width: 750px
  }
}
@media screen and (max-width:767.98px) {
  .leasing-conditions .container {
    max-width: none
  }
}
.leasing-conditions h2 {
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 48px
}
@media screen and (max-width:479.98px) {
  .leasing-conditions h2 {
    font-size: 30px;
    line-height: 120%
  }
}
.leasing-conditions .flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:1266px) {
  .leasing-conditions .flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
.leasing-conditions .flex .col {
  margin-right: 95px
}
@media screen and (max-width:1266px) {
  .leasing-conditions .flex .col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    margin-right: 0
  }
}
@media screen and (max-width:479.98px) {
  .leasing-conditions .flex .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
}
.leasing-conditions .c-item {
  height: 81px;
  border-left: 4px solid #fcf114;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 24px;
  margin-bottom: 48px
}
@media screen and (max-width:479.98px) {
  .leasing-conditions .c-item {
    margin-bottom: 25px
  }
}
.leasing-conditions .c-item .title {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  margin-bottom: 4px
}
.leasing-conditions .c-item .number {
  font-weight: 700;
  font-size: 32px;
  line-height: 39px;
  color: #fff
}
.leasing-conditions .c-item .number span {
  font-size: 18px
}
.leasing-conditions .btn-block a {
  min-width: 336px;
  height: 64px;
  background: #fcf114;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #292b31
}
@media screen and (max-width:479.98px) {
  .leasing-conditions .btn-block a {
    height: 50px;
    min-width: 100%
  }
}
.leasing-conditions .btn-block a:hover img {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px)
}
.leasing-conditions .btn-block a img {
  margin-left: 16px;
  -webkit-transition: .3s linear;
  -o-transition: .3s linear;
  transition: .3s linear
}
.leasing-review {
  padding: 104px 0;
  overflow: hidden
}
@media screen and (max-width:479.98px) {
  .leasing-review {
    padding: 40px 0
  }
}
.leasing-review .container {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 15px
}
@media screen and (max-width:1266px) {
  .leasing-review .container {
    max-width: 970px
  }
}
@media screen and (max-width:991.98px) {
  .leasing-review .container {
    max-width: 750px
  }
}
@media screen and (max-width:767.98px) {
  .leasing-review .container {
    max-width: none
  }
}
.leasing-review .image {
  height: 302px
}
.leasing-review h2 {
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  color: #292b31;
  font-stretch: 108;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 551px;
  margin-bottom: 0
}
@media screen and (max-width:479.98px) {
  .leasing-review h2 {
    font-size: 30px;
    line-height: 120%;
    margin-bottom: 25px
  }
}
.leasing-review .title {
  position: relative;
  padding-left: 56px;
  margin-bottom: 23px
}
@media screen and (max-width:479.98px) {
  .leasing-review .title {
    padding-left: 40px
  }
}
.leasing-review .title span {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  color: #b1b1b3;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: absolute;
  left: -43px;
  bottom: 39px
}
@media screen and (max-width:479.98px) {
  .leasing-review .title span {
    font-size: 20px;
    bottom: 18px
  }
}
.leasing-review .btn-block {
  margin-top: 32px
}
.leasing-review .btn-block a {
  min-width: 188px;
  height: 56px;
  background: #fcf114;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #292b31
}
@media screen and (max-width:479.98px) {
  .leasing-review .btn-block a {
    height: 50px;
    min-width: 100%
  }
}
.leasing-review .btn-block a:hover img {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px)
}
.leasing-review .btn-block a img {
  margin-left: 16px;
  -webkit-transition: .3s linear;
  -o-transition: .3s linear;
  transition: .3s linear
}
.leasing-review .slider-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 40px
}
.leasing-review .slider-btns .swiper-button-disabled svg path {
  stroke: #b1b1b3
}
.leasing-review .slider-btns .swiper-button-prev {
  margin-right: 24px
}
.leasing-choose {
  background: #292b31;
  padding: 104px 0 97px
}
@media screen and (max-width:479.98px) {
  .leasing-choose {
    padding: 50px 0
  }
}
.leasing-choose .container {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 15px
}
@media screen and (max-width:1266px) {
  .leasing-choose .container {
    max-width: 970px
  }
}
@media screen and (max-width:991.98px) {
  .leasing-choose .container {
    max-width: 750px
  }
}
@media screen and (max-width:767.98px) {
  .leasing-choose .container {
    max-width: none
  }
}
.leasing-choose h2 {
  color: #fff;
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  color: #fff;
  margin-bottom: 62px
}
@media screen and (max-width:479.98px) {
  .leasing-choose h2 {
    font-size: 30px;
    line-height: 120%;
    margin-bottom: 25px
  }
}
.leasing-choose .flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:991.98px) {
  .leasing-choose .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.leasing-choose .tabs-btns {
  width: 396px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 20px
}
@media screen and (max-width:991.98px) {
  .leasing-choose .tabs-btns {
    width: 100%;
    margin-right: 0
  }
}
.leasing-choose .content {
  max-width: 580px
}
@media screen and (max-width:991.98px) {
  .leasing-choose .content {
    max-width: 100%
  }
}
.leasing-choose .content .title {
  font-weight: 900;
  font-size: 20px;
  line-height: 24px;
  color: #fcf114;
  margin-bottom: 16px
}
.leasing-choose .content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 8px
}
.leasing-choose .content p strong {
  font-weight: 600
}
.leasing-choose .tab-content {
  display: none
}
.leasing-choose .tab-content.active {
  display: block
}
@media screen and (max-width:991.98px) {
  .leasing-choose .tab-menu {
    margin-bottom: 30px
  }
}
.leasing-choose .tab-menu li {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 81px;
  cursor: pointer;
  -webkit-transition: .3s linear;
  -o-transition: .3s linear;
  transition: .3s linear
}
@media screen and (max-width:479.98px) {
  .leasing-choose .tab-menu li {
    font-size: 20px;
    height: 60px
  }
}
.leasing-choose .tab-menu li:not(:last-child) {
  margin-bottom: 38px
}
@media screen and (max-width:991.98px) {
  .leasing-choose .tab-menu li:not(:last-child) {
    margin-bottom: 16px
  }
}
.leasing-choose .tab-menu li:hover {
  color: #fcf114
}
.leasing-choose .tab-menu li:hover svg path {
  stroke: #fcf114
}
.leasing-choose .tab-menu li.active {
  color: #fcf114;
  border-left: 4px solid #fcf114;
  padding-left: 20px
}
.leasing-choose .tab-menu li.active svg path {
  stroke: #fcf114
}
.leasing-form {
  background: #292b31;
  padding: 49px 0 26px;
  margin-bottom: 20px
}
@media screen and (max-width:479.98px) {
  .leasing-form {
    padding: 30px 0
  }
}
.leasing-form .container {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 15px
}
@media screen and (max-width:1266px) {
  .leasing-form .container {
    max-width: 970px
  }
}
@media screen and (max-width:991.98px) {
  .leasing-form .container {
    max-width: 750px
  }
}
@media screen and (max-width:767.98px) {
  .leasing-form .container {
    max-width: none
  }
}
.leasing-form .flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:991.98px) {
  .leasing-form .flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.leasing-form h2 {
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  max-width: 351px;
  font-weight: 700;
  margin-bottom: 0
}
@media screen and (max-width:767.98px) {
  .leasing-form h2 {
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
    text-align: center
  }
}
@media screen and (max-width:479.98px) {
  .leasing-form h2 {
    font-size: 30px
  }
}
.leasing-form .image {
  max-width: 514px;
  margin-left: auto
}
@media screen and (max-width:991.98px) {
  .leasing-form .image {
    margin: 30px auto 0
  }
}
@media screen and (max-width:767.98px) {
  .leasing-form .btn-block {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.leasing-form .btn-block a {
  min-width: 287px;
  height: 64px;
  background: #fcf114;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #292b31
}
@media screen and (max-width:479.98px) {
  .leasing-form .btn-block a {
    height: 50px;
    min-width: 100%
  }
}
.leasing-form .btn-block a:hover img {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px)
}
.leasing-form .btn-block a img {
  margin-left: 16px;
  -webkit-transition: .3s linear;
  -o-transition: .3s linear;
  transition: .3s linear
}
.popup-block {
  max-width: 600px;
  background: #fff;
  margin: 0 auto;
  padding: 30px;
  border-radius: 10px
}
.popup-block h3 {
  text-align: center;
  font-size: 24px
}
.popup-block h3 span {
  font-size: 18px;
  display: block
}
.popup-block .input-item {
  margin-bottom: 30px
}
.popup-block .input-item label {
  font-size: 15px;
  display: block;
  margin-bottom: 5px;
  color: rgba(0,0,0,.5)
}
.popup-block .input-item input,
.popup-block .input-item select {
  width: 100%;
  border: 0;
  border-bottom: 2px solid #fcf114;
  height: 50px;
  font-size: 16px
}
.popup-block .input-item input::-webkit-input-placeholder,
.popup-block .input-item select::-webkit-input-placeholder {
  color: rgba(0,0,0,.5);
  -webkit-transition: .3s linear;
  transition: .3s linear
}
.popup-block .input-item input::-moz-placeholder,
.popup-block .input-item select::-moz-placeholder {
  color: rgba(0,0,0,.5);
  -moz-transition: .3s linear;
  transition: .3s linear
}
.popup-block .input-item input:-ms-input-placeholder,
.popup-block .input-item select:-ms-input-placeholder {
  color: rgba(0,0,0,.5);
  -ms-transition: .3s linear;
  transition: .3s linear
}
.popup-block .input-item input::-ms-input-placeholder,
.popup-block .input-item select::-ms-input-placeholder {
  color: rgba(0,0,0,.5);
  -ms-transition: .3s linear;
  transition: .3s linear
}
.popup-block .input-item input::placeholder,
.popup-block .input-item select::placeholder {
  color: rgba(0,0,0,.5);
  -webkit-transition: .3s linear;
  -o-transition: .3s linear;
  transition: .3s linear
}
.popup-block .input-item input:focus,
.popup-block .input-item select:focus {
  outline: 0
}
.popup-block .input-item input:focus::-webkit-input-placeholder,
.popup-block .input-item select:focus::-webkit-input-placeholder {
  color: transparent
}
.popup-block .input-item input:focus::-moz-placeholder,
.popup-block .input-item select:focus::-moz-placeholder {
  color: transparent
}
.popup-block .input-item input:focus:-ms-input-placeholder,
.popup-block .input-item select:focus:-ms-input-placeholder {
  color: transparent
}
.popup-block .input-item input:focus::-ms-input-placeholder,
.popup-block .input-item select:focus::-ms-input-placeholder {
  color: transparent
}
.popup-block .input-item input:focus::placeholder,
.popup-block .input-item select:focus::placeholder {
  color: transparent
}
.popup-block button,
.popup-block input[type="submit"] {
  width: 100%;
  height: 60px;
  background: #fcf114;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #292b31;
  border-radius: 0;
  border: 0;
  cursor: pointer
}
.wpcf7-form { position: relative; }
.wpcf7-spinner {
    width: auto;
    height: auto;
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    background: #fff;
    border-radius: 0;
}
.wpcf7-spinner:before {
    top: calc(50% - 8px);
    left: calc(50% - 8px);
    z-index: 2;
}
.wpcf7-spinner:after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    width: 24px;
    height: 24px;
    background-color: #23282d;
    border-radius: 50%;
    margin: -12px;
}
.popup-block .mfp-close {
  display: none
}
.popup-block .wpcf7 form.invalid .wpcf7-response-output {
  border: 0;
  text-align: center;
  padding: 0;
  font-size: 14px;
  line-height: 18px;
  margin: 10px 0 0
}
.popup-block span.wpcf7-not-valid-tip {
  display: block!important;
  font-size: 14px;
  margin-top: 5px
}
.popup-block .close-popup {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  -webkit-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8)
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: all .4s linear;
  -o-transition: all .4s linear;
  transition: all .4s linear
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: .8
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  -webkit-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8);
  opacity: 0
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0
}
.mfp-bg {
  background: rgba(0,0,0,.9)
}
.form-inner {
  -webkit-box-shadow: 0 4px 18px 0 rgba(0,0,0,.3);
  box-shadow: 0 4px 18px 0 rgba(0,0,0,.3);
  max-width: 370px;
  padding: 30px
}
.form-inner h3 {
  text-align: center;
  font-size: 24px
}
.form-inner span {
  font-size: 16px;
  font-weight: 400;
  display: block
}
.form-inner .input-item {
  margin-bottom: 30px
}
.form-inner .input-item label {
  font-size: 15px;
  display: block;
  margin-bottom: 5px;
  color: rgba(0,0,0,.5)
}
.form-inner .input-item input,
.form-inner .input-item select {
  width: 100%;
  border: 0;
  border-bottom: 2px solid #fcf114;
  height: 50px;
  font-size: 16px
}
.form-inner .input-item input::-webkit-input-placeholder,
.form-inner .input-item select::-webkit-input-placeholder {
  color: rgba(0,0,0,.5);
  -webkit-transition: .3s linear;
  transition: .3s linear
}
.form-inner .input-item input::-moz-placeholder,
.form-inner .input-item select::-moz-placeholder {
  color: rgba(0,0,0,.5);
  -moz-transition: .3s linear;
  transition: .3s linear
}
.form-inner .input-item input:-ms-input-placeholder,
.form-inner .input-item select:-ms-input-placeholder {
  color: rgba(0,0,0,.5);
  -ms-transition: .3s linear;
  transition: .3s linear
}
.form-inner .input-item input::-ms-input-placeholder,
.form-inner .input-item select::-ms-input-placeholder {
  color: rgba(0,0,0,.5);
  -ms-transition: .3s linear;
  transition: .3s linear
}
.form-inner .input-item input::placeholder,
.form-inner .input-item select::placeholder {
  color: rgba(0,0,0,.5);
  -webkit-transition: .3s linear;
  -o-transition: .3s linear;
  transition: .3s linear
}
.form-inner .input-item input:focus,
.form-inner .input-item select:focus {
  outline: 0
}
.form-inner .input-item input:focus::-webkit-input-placeholder,
.form-inner .input-item select:focus::-webkit-input-placeholder {
  color: transparent
}
.form-inner .input-item input:focus::-moz-placeholder,
.form-inner .input-item select:focus::-moz-placeholder {
  color: transparent
}
.form-inner .input-item input:focus:-ms-input-placeholder,
.form-inner .input-item select:focus:-ms-input-placeholder {
  color: transparent
}
.form-inner .input-item input:focus::-ms-input-placeholder,
.form-inner .input-item select:focus::-ms-input-placeholder {
  color: transparent
}
.form-inner .input-item input:focus::placeholder,
.form-inner .input-item select:focus::placeholder {
  color: transparent
}
.form-inner button,
.form-inner input[type="submit"] {
  width: 100%;
  height: 60px;
  background: #fcf114;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #292b31;
  border-radius: 0;
  border: 0;
  cursor: pointer
}
.form-inner .wpcf7 form.invalid .wpcf7-response-output {
  border: 0;
  text-align: center;
  padding: 0;
  font-size: 14px;
  line-height: 18px;
  margin: 10px 0 0
}
.form-inner span.wpcf7-not-valid-tip {
  display: block!important;
  font-size: 14px;
  margin-top: 5px
}
.form-inner.form-calc {
  -webkit-box-shadow: none;
  box-shadow: none;
  max-width: 100%;
  padding: 0 15px
}
.form-inner.form-calc .calc-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px
}
.form-inner.form-calc .col {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%;
  padding: 0 15px
}
@media screen and (max-width:991.98px) {
  .form-inner.form-calc .col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
  }
}
@media screen and (max-width:479.98px) {
  .form-inner.form-calc .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
}
.form-inner.form-calc .col input,
.form-inner.form-calc .col select {
  padding-left: 20px
}
.form-inner.form-calc .flex-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.form-inner.form-calc .flex-btn button {
  max-width: 300px
}

.credit-calc__form .form-inner.form-calc .col{
	-ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

@media screen and (max-width:479.98px) {
.credit-calc__form .form-inner.form-calc .col{
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }

 .credit-calc__form .form-inner.form-calc{
 	padding: 0;
 }
}
.how-work {
  padding: 100px 0
}
@media screen and (max-width:767.98px) {
  .how-work {
    padding: 50px 0
  }
}
.how-work .container {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 15px
}
@media screen and (max-width:1266px) {
  .how-work .container {
    max-width: 970px
  }
}
@media screen and (max-width:991.98px) {
  .how-work .container {
    max-width: 750px
  }
}
@media screen and (max-width:767.98px) {
  .how-work .container {
    max-width: none
  }
}
.how-work h2 {
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  color: #292b31;
  font-stretch: 108;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 551px;
  margin-bottom: 0
}
@media screen and (max-width:479.98px) {
  .how-work h2 {
    font-size: 30px;
    line-height: 120%;
    margin-bottom: 25px
  }
}
.how-work .title {
  position: relative;
  padding-left: 56px;
  margin-bottom: 49px
}
@media screen and (max-width:479.98px) {
  .how-work .title {
    padding-left: 40px
  }
}
.how-work .title span {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  color: #b1b1b3;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: absolute;
  left: -29px;
  bottom: 41px
}
@media screen and (max-width:479.98px) {
  .how-work .title span {
    font-size: 20px;
    bottom: 18px
  }
}
.how-work .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -16px
}
@media screen and (max-width:767.98px) {
  .how-work .flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 30px
  }
}
.how-work .flex .col {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%;
  padding: 0 16px
}
@media screen and (max-width:767.98px) {
  .how-work .flex .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
}
.how-work .flex .col:first-child .text {
  max-width: 310px
}
.how-work .flex .col:nth-child(2) .text {
  max-width: 340px
}
.how-work .work-item {
  position: relative
}
.how-work .work-item .arrow {
  position: absolute;
  right: -11px;
  top: 24px;
  width: calc(100% - 80px);
  overflow: hidden
}
@media screen and (max-width:767.98px) {
  .how-work .work-item .arrow {
    display: none
  }
}
.how-work .work-item .arrow img {
  float: right
}
.how-work .work-item .number {
  width: 72px;
  height: 72px;
  background: #fcf114;
  color: #292b31;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 42px
}
@media screen and (max-width:479.98px) {
  .how-work .work-item .number {
    margin-bottom: 20px;
    height: 60px;
    width: 60px
  }
}
.how-work .work-item .icon {
  margin-bottom: 16px
}
.how-work .work-item .text {
  color: #292b31;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px
}
.how-work .work-item .text span {
  color: #00a94e;
  font-weight: 600
}
.office-hero {
  position: relative;
  padding: 185px 0 20px
}
@media screen and (max-width:479.98px) {
  .office-hero {
    padding: 100px 0 40px
  }
}
.office-hero .container {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 15px
}
@media screen and (max-width:1266px) {
  .office-hero .container {
    max-width: 970px
  }
}
@media screen and (max-width:991.98px) {
  .office-hero .container {
    max-width: 750px
  }
}
@media screen and (max-width:767.98px) {
  .office-hero .container {
    max-width: none
  }
}
.office-hero .bg-block::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(271.75deg,#3f404e 2.27%,rgba(63,64,78,0) 31.75%),linear-gradient(180deg,rgba(63,64,78,.94) 0,rgba(63,64,78,0) 20.79%),linear-gradient(107.71deg,rgba(63,64,78,.97) 6.47%,rgba(63,64,78,0) 65.15%),rgba(17,24,39,.22)
}
.office-hero .content {
  max-width: 750px
}
.office-hero h1 {
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 64px;
  color: #fff;
  margin-bottom: 28px
}
@media screen and (max-width:767.98px) {
  .office-hero h1 {
    font-size: 40px;
    line-height: 120%
  }
}
@media screen and (max-width:479.98px) {
  .office-hero h1 {
    font-size: 30px
  }
}
.office-hero .subtitle {
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  color: #fff;
  max-width: 650px
}
@media screen and (max-width:479.98px) {
  .office-hero .subtitle {
    font-size: 20px;
    line-height: 24px
  }
}
.office-hero .title {
  position: relative;
  padding-left: 45px;
  margin-bottom: 66px
}
@media screen and (max-width:479.98px) {
  .office-hero .title {
    padding-left: 40px
  }
}
.office-hero .title span {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  color: #fcf114;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: absolute;
  left: -116px;
  top: 119px
}
@media screen and (max-width:479.98px) {
  .office-hero .title span {
    font-size: 20px;
    top: 93px;
    left: -91px
  }
}
.office-hero .items-inner {
  max-width: 544px;
  margin-bottom: 90px
}
@media screen and (max-width:479.98px) {
  .office-hero .items-inner {
    margin-bottom: 40px
  }
}
.office-hero .flex-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 24px
}
@media screen and (max-width:767.98px) {
  .office-hero .flex-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}
.office-hero .flex-text .col {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
  padding: 0 12px
}
@media screen and (max-width:479.98px) {
  .office-hero .flex-text .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
}
.office-hero .hero-item {
  height: 64px;
  border-left: 4px solid #fcf114;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 24px
}
@media screen and (max-width:479.98px) {
  .office-hero .hero-item {
    max-width: 260px
  }
}
.office-hero .hero-item:not(:last-child) {
  margin-right: 54px
}
@media screen and (max-width:767.98px) {
  .office-hero .hero-item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 35px
  }
}
.office-hero .hero-item p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 0
}
.office-hero .hero-item p span {
  font-weight: 600
}
.office-hero .flex-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:479.98px) {
  .office-hero .flex-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}
.office-hero .flex-btns a.btn {
  min-width: 244px;
  height: 80px;
  background: #fcf114;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #292b31;
  border-radius: 0
}
@media screen and (max-width:479.98px) {
  .office-hero .flex-btns a.btn {
    height: 50px;
    min-width: 100%;
    padding: 0
  }
}
.office-hero .flex-btns a.btn:hover {
  text-decoration: none
}
.office-hero .flex-btns a.btn:hover img {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px)
}
.office-hero .flex-btns a.btn img {
  margin-left: 16px;
  -webkit-transition: .3s linear;
  transition: .3s linear
}
@media screen and (max-width:479.98px) {
  .office-hero .flex-btns a.btn img {
    margin-right: 10px
  }
}
.office-hero .flex-btns a.more {
  width: 236px;
  height: 80px;
  border: 1px solid #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  margin-left: 24px;
  text-decoration: none
}
@media screen and (max-width:479.98px) {
  .office-hero .flex-btns a.more {
    margin-top: 20px;
    margin-left: 0;
    height: 50px;
    min-width: 100%
  }
}
.office-hero .flex-btns a.more:hover {
  color: #fcf114;
  border: 1px solid #fcf114
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.bg-block {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1
}
.bg-block img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.object-fit img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.btn-block a {
  text-decoration: none
}
.office-banner {
  position: relative;
  padding: 96px 0 92px
}
@media screen and (max-width:479.98px) {
  .office-banner {
    padding: 40px 0 20px;
    background: #292b31
  }
}
@media screen and (max-width:479.98px) {
  .office-banner .bg-block {
    display: none
  }
}
.office-banner .container {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 15px
}
@media screen and (max-width:1266px) {
  .office-banner .container {
    max-width: 970px
  }
}
@media screen and (max-width:991.98px) {
  .office-banner .container {
    max-width: 750px
  }
}
@media screen and (max-width:767.98px) {
  .office-banner .container {
    max-width: none
  }
}
.office-banner .content .title {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  max-width: 842px;
  margin: 0 auto 30px;
  text-align: center
}
@media screen and (max-width:479.98px) {
  .office-banner .content .title {
    font-size: 22px;
    line-height: 120%
  }
}
.office-banner .content .title span {
  color: #fcf114
}
.office-banner .content .text {
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 38px;
  max-width: 595px;
  margin: 0 auto
}
@media screen and (max-width:479.98px) {
  .office-banner .content .text {
    font-size: 18px;
    font-weight: 600;
    line-height: 120%
  }
}
.office-banner .mob-img {
  display: none
}
@media screen and (max-width:479.98px) {
  .office-banner .mob-img {
    display: block
  }
}




/* Авто з Кореї style */


.k-hero {
  position: relative;
  padding: 180px 0 90px
}
@media screen and (max-width:1266px) {
  .k-hero {
    padding: 140px 0 90px
  }
}
@media screen and (max-width:479.98px) {
  .k-hero {
    padding: 100px 0 50px
  }
}
.k-hero .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:991.98px) {
  .k-hero .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.k-hero h1 {
  color: #fff;
  font-size: 70px;
  font-weight: 700;
  line-height: 63px;
  margin-bottom: 17px
}
@media screen and (max-width:1266px) {
  .k-hero h1 {
    font-size: 60px
  }
}
@media screen and (max-width:479.98px) {
  .k-hero h1 {
    font-size: 40px
  }
}
.k-hero .subtitle {
  color: #fff;
  font-size: 33px;
  font-weight: 700;
  line-height: 46px;
  margin-bottom: 40px
}
@media screen and (max-width:479.98px) {
  .k-hero .subtitle {
    font-size: 28px;
    line-height: 120%
  }
}
.k-hero .content {
  max-width: 550px
}
@media screen and (max-width:991.98px) {
  .k-hero .content {
    max-width: 100%;
    margin-bottom: 40px
  }
}
.k-hero ul {
  margin-bottom: 0;
  list-style: none;
  padding: 0
}
.k-hero ul li {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  position: relative;
  padding-left: 35px
}
@media screen and (max-width:479.98px) {
  .k-hero ul li {
    font-size: 18px
  }
}
.k-hero ul li:not(:last-child) {
  margin-bottom: 15px
}
.k-hero ul li::before {
  content: url(i/k-list-check.svg);
  position: absolute;
  left: 0;
  top: 3px;
  height: 26px
}
.k-hero ul li strong {
  font-weight: 600
}
.k-hero .form-block {
  width: 419px;
  background: #fff;
  padding: 30px
}
@media screen and (max-width:479.98px) {
  .k-hero .form-block {
    width: 100%;
    padding: 30px 20px
  }
}
.k-hero .form-block .form-title {
  color: #000;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 24px
}
@media screen and (max-width:479.98px) {
  .k-hero .form-block .form-title {
    font-size: 20px
  }
}
.k-hero .form-block .form-title span {
  font-weight: 600
}
.k-hero .input-item {
  margin-bottom: 30px
}
.k-hero .input-item input {
  width: 100%;
  border: 0;
  border-bottom: 2px solid #fcf114;
  height: 50px;
  font-size: 16px
}
.k-hero .input-item input:focus {
  outline: 0
}
.k-hero .input-item input::placeholder {
  color: #000
}
.k-hero .wpcf7-submit {
  width: 100%;
  height: 60px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #292b31;
  background: #fcf114;
  border: 2px solid #fcf114;
	cursor: pointer;
	transition: .3s ease-out;
}

.k-hero .wpcf7-submit:hover{
	background: 0 0;
}

.k-benefit {
  padding: 120px 0 115px
}
@media screen and (max-width:479.98px) {
  .k-benefit {
    padding: 90px 0
  }
}
.k-benefit h2 {
  margin-bottom: 50px;
  color: #292b31;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px
}
@media screen and (max-width:479.98px) {
  .k-benefit h2 {
    font-size: 35px;
    margin-bottom: 30px;
    line-height: 120%
  }
}
.k-benefit .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
  row-gap: 36px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
  z-index: 20
}
@media screen and (max-width:479.98px) {
  .k-benefit .flex {
    row-gap: 30px
  }
}
.k-benefit .flex .col {
  padding: 0 12px;
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%
}
@media screen and (max-width:991.98px) {
  .k-benefit .flex .col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
  }
}
@media screen and (max-width:479.98px) {
  .k-benefit .flex .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
}
.k-benefit .benefit-item .icon {
  width: 70px;
  height: 70px;
  background: #fcf114;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 17px
}
@media screen and (max-width:479.98px) {
  .k-benefit .benefit-item .icon {
    margin-bottom: 15px
  }
}
.k-benefit .benefit-item .title {
  color: #292b31;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 20px;
  min-height: 60px
}
@media screen and (max-width:479.98px) {
  .k-benefit .benefit-item .title {
    min-height: auto;
    font-size: 22px;
    margin-bottom: 15px
  }
}
.k-benefit .benefit-item .text {
  max-width: 320px;
  color: #505050;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px
}
@media screen and (max-width:479.98px) {
  .k-benefit .benefit-item .text {
    max-width: 100%
  }
}
.k-benefit .container {
  position: relative
}
.k-benefit .benefiit-img {
  position: absolute;
  bottom: -70px;
  left: -232px
}
@media screen and (max-width:479.98px) {
  .k-benefit .benefiit-img {
    display: none
  }
}
.k-benefit .benefiit-img img {
  height: 415px;
  width: auto;
}
@media screen and (max-width:767.98px) {
  .k-benefit .benefiit-img img {
    height: 350px
  }
}
.k-price {
  position: relative;
  padding: 120px 0 115px
}
@media screen and (max-width:991.98px) {
  .k-price {
    padding: 120px 0 60px;
  }
}
@media screen and (max-width:479.98px) {
  .k-price {
    padding: 90px 0 60px
  }
}
.k-price h2 {
  margin-bottom: 57px;
  color: #292b31;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px
}
@media screen and (max-width:479.98px) {
  .k-price h2 {
    font-size: 35px;
    margin-bottom: 30px;
    line-height: 120%
  }
}

.k-price .price-inner {
  width: 540px
}
@media screen and (max-width:991.98px) {
  .k-price .price-inner {
    width: 100%
  }
}
.k-price .price-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 22px 0
}
@media screen and (max-width:479.98px) {
  .k-price .price-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.k-price .price-item:first-child {
  padding: 22px 0 42px
}
@media screen and (max-width:479.98px) {
  .k-price .price-item:first-child {
    padding: 22px 0
  }
}
.k-price .price-item:not(:last-child) {
  border-bottom: 1px solid #fff
}
.k-price .price-item .title {
  color: #292b31;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  max-width: 320px
}
@media screen and (max-width:479.98px) {
  .k-price .price-item .title {
    margin-bottom: 15px
  }
}
.k-price .price-item .price {
  color: #292b31;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  width: 170px
}
.k-auctions, .korea-main .goods {
  padding: 120px 0
}
@media screen and (max-width:479.98px) {
  .k-auctions, .korea-main .goods {
    padding: 60px 0
  }
}
.k-auctions .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:991.98px) {
  .k-auctions .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.k-auctions h2, .korea-main .goods .head {
  margin-bottom: 57px;
  color: #292b31;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
	text-transform: none;
}
.korea-main .goods .head{
	margin-bottom: 0;
}
@media screen and (max-width:479.98px) {
  .k-auctions h2, .korea-main .goods .head {
    font-size: 35px;
    margin-bottom: 30px;
    line-height: 120%
  }
}


.k-auctions .form-block {
  width: 419px;
  background: #fcf114;
  padding: 30px
}
@media screen and (max-width:479.98px) {
  .k-auctions .form-block {
    width: 100%;
    padding: 30px 20px
  }
}
.k-auctions .form-block .form-title {
  color: #000;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 24px
}
@media screen and (max-width:479.98px) {
  .k-auctions .form-block .form-title {
    font-size: 20px
  }
}
.k-auctions .form-block .form-title span {
  font-weight: 600
}
.k-auctions .input-item {
  margin-bottom: 30px
}
.k-auctions .input-item input {
  width: 100%;
  border: 0;
  border-bottom: 2px solid #292b31;
  height: 50px;
  font-size: 16px;
  color: #000;
  background: 0 0
}
.k-auctions .input-item input:focus {
  outline: 0
}
.k-auctions .input-item input::placeholder {
  color: #000
}
.k-auctions .wpcf7-submit {
  width: 100%;
  height: 60px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  background: #292b31;
  border: 0
  border: 2px solid #292b31;
	cursor: pointer;
	transition: .3s ease-out;
}

.k-auctions .wpcf7-submit:hover{
	background: 0 0;
	color: #292b31;
}

.k-auctions .content {
  max-width: 690px
}
@media screen and (max-width:1266px) {
  .k-auctions .content {
    max-width: 500px
  }
}
@media screen and (max-width:991.98px) {
  .k-auctions .content {
    max-width: 100%;
    margin-bottom: 40px
  }
}
@media screen and (max-width:479.98px) {
  .k-auctions .content {
    margin-bottom: 30px
  }
}
.k-auctions .flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 10px
}
.k-auctions .flex-row .col {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
  padding: 0 5px
}
.k-auctions .auction-item {
  background: #f1f6f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 170px
}
@media screen and (max-width:1266px) {
  .k-auctions .auction-item {
    height: 120px
  }
}
@media screen and (max-width:991.98px) {
  .k-auctions .auction-item {
    height: 170px
  }
}
@media screen and (max-width:479.98px) {
  .k-auctions .auction-item {
    height: 100px
  }
}
.k-process {
  position: relative;
  padding: 120px 0
}
@media screen and (max-width:479.98px) {
  .k-process {
    padding: 60px 0
  }
}
.k-process h2 {
  margin-bottom: 40px;
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px
}
@media screen and (max-width:479.98px) {
  .k-process h2 {
    font-size: 35px;
    margin-bottom: 30px;
    line-height: 120%
  }
}
.k-process .bg-block::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  mix-blend-mode: soft-light
}
.k-process .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
  row-gap: 35px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
  z-index: 20
}
@media screen and (max-width:479.98px) {
  .k-process .flex {
    row-gap: 30px
  }
}
.k-process .flex .col {
  padding: 0 12px;
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%
}
@media screen and (max-width:991.98px) {
  .k-process .flex .col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
  }
}
@media screen and (max-width:479.98px) {
  .k-process .flex .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
}
.k-process .number {
  width: 64px;
  height: 64px;
  background: #fcf114;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 17px;
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 56px
}
@media screen and (max-width:479.98px) {
  .k-process .number {
    height: 50px;
    width: 50px;
    font-size: 20px
  }
}
.k-process .process-item {
  background: rgba(36,39,50,.3);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  width: 340px;
  padding: 20px 30px;
  min-height: 240px
}
@media screen and (max-width:1266px) {
  .k-process .process-item {
    width: 100%
  }
}
@media screen and (max-width:479.98px) {
  .k-process .process-item {
    min-height: auto
  }
}
.k-process .process-item .title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 20px;
  min-height: 48px
}
@media screen and (max-width:479.98px) {
  .k-process .process-item .title {
    font-size: 20px;
    min-height: auto
  }
}
.k-process .process-item .text {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px
}
.k-content {
  background: #e4edf4;
  padding: 100px 0
}
@media screen and (max-width:479.98px) {
  .k-content {
    padding: 50px 0
  }
}
.k-content h2 {
  color: #292b31;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  margin-bottom: 40px
}
@media screen and (max-width:479.98px) {
  .k-content h2 {
    font-size: 32px;
    line-height: 120%;
    margin-bottom: 30px
  }
}
.k-content p {
  color: #505050;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 30px
}
@media screen and (max-width:479.98px) {
  .k-content p {
    font-size: 16px;
    margin-bottom: 20px
  }
}
.k-content .content-block {
  max-width: 710px;
  max-height: 300px;
  overflow: hidden;
  margin-bottom: 40px;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out
}
.k-content .content-block.active {
  max-height: 1000px
}
.k-content .show-more {
  border: 1px dashed #292b31;
  background: rgba(0,0,0,0);
  min-width: 188px;
  height: 56px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #292b31;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px
}

.k-content .show-more .hide {
  display: none
}
.k-content .show-more.active .hide {
  display: block
}
.k-content .show-more.active .show {
  display: none
}

.black-header:not(.sticky) .header__nav a {
  color: #000
}
.black-header:not(.sticky) .social__item {
  border: 2px solid #000
}
.black-header:not(.sticky) .header__phone {
  color: #000
}
.black-header:not(.sticky) .header__lang-current {
  color: #000
}
.black-header:not(.sticky) .header__lang-current::before {
  border-left: 1px solid #000;
  border-bottom: 1px solid #000
}
.black-header:not(.sticky) .header__nav li.menu-item-has-children > a::after {
  border-top: 6px solid #000
}
.black-header:not(.sticky) .social__item::before {
  background: #000
}
.black-header:not(.sticky) .header__nav-btn span {
  background: #000
}
.black-header:not(.sticky) .header__nav-btn span::after,
.black-header:not(.sticky) .header__nav-btn span::before {
  background: #000
}


.k-full {
  position: relative;
  padding: 100px 0;
  aspect-ratio: 16/9
}
@media screen and (max-width:991.98px) {
  .k-full {
    padding: 25px 0;
    aspect-ratio: 4/3
  }
}
.k-full h2 {
  margin-bottom: 57px;
  color: #292b31;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px
}
@media screen and (max-width:991.98px) {
  .k-full h2 {
    font-size: 40px
  }
}
@media screen and (max-width:479.98px) {
  .k-full h2 {
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 120%
  }
}




/* Оренда Авто */



.rent-hero {
  position: relative;
  padding: 168px 0 148px
}
@media screen and (max-width:991.98px) {
  .rent-hero {
    padding: 100px 0 80px
  }
}
.rent-hero .container {
  max-width: 1230px
}
.rent-hero h1 {
  color: #fff;
  font-size: calc(.01922 * 100vw + 22.79379px);
  font-weight: 700;
  line-height: 114.286%;
  margin-bottom: 32px
}
@media screen and (min-width:1728px) {
  .rent-hero h1 {
    font-size: 56px
  }
}
.rent-hero .content {
  max-width: 690px
}
@media screen and (max-width:991.98px) {
  .rent-hero .content {
    max-width: 100%
  }
}
.rent-hero .subtitle {
  color: #fff;
  font-size: calc(.00739 * 100vw + 19.22838px);
  font-weight: 400;
  line-height: 131.25%;
  margin-bottom: 56px
}
@media screen and (min-width:1728px) {
  .rent-hero .subtitle {
    font-size: 32px
  }
}
@media screen and (max-width:575.98px) {
  .rent-hero .subtitle {
    margin-bottom: 30px
  }
}
.rent-hero .subtitle strong {
  font-weight: 700
}
.rent-hero ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  background: rgba(217,217,217,.1);
  -webkit-backdrop-filter: blur(12.5px);
  backdrop-filter: blur(12.5px);
  max-width: 581px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 22px;
  margin-left: -22px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  row-gap: 28px
}
@media screen and (max-width:991.98px) {
  .rent-hero ul {
    max-width: 100%;
    margin-left: 0
  }
}
.rent-hero ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 144.444%;
  -webkit-column-gap: 13px;
  -moz-column-gap: 13px;
  column-gap: 13px
}
@media screen and (max-width:767.98px) {
  .rent-hero ul li {
    font-size: 16px
  }
}
@media screen and (max-width:575.98px) {
  .rent-hero ul li span {
    width: 100%
  }
}
.rent-hero ul li:nth-child(odd) {
  width: 279px
}
@media screen and (max-width:991.98px) {
  .rent-hero ul li:nth-child(odd) {
    width: calc(50% - 10px)
  }
}
@media screen and (max-width:575.98px) {
  .rent-hero ul li:nth-child(odd) {
    width: 100%
  }
}
.rent-hero ul li:nth-child(even) {
  width: 218px
}
@media screen and (max-width:991.98px) {
  .rent-hero ul li:nth-child(even) {
    width: calc(50% - 10px)
  }
}
@media screen and (max-width:575.98px) {
  .rent-hero ul li:nth-child(even) {
    width: 100%
  }
}
.rent-hero ul li .icon {
  background: #fcf114;
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.rent-hero ul li strong {
  font-weight: 700
}
.rent-hero .flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-column-gap: 25px;
  -moz-column-gap: 25px;
  column-gap: 25px
}
@media screen and (max-width:991.98px) {
  .rent-hero .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 40px
  }
}
.rent-hero .form-block {
  width: 419px;
  background: #fff;
  padding: 46px 30px 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media screen and (max-width:991.98px) {
  .rent-hero .form-block {
    width: 100%
  }
}
@media screen and (max-width:575.98px) {
  .rent-hero .form-block {
    padding: 35px 20px 30px
  }
}
.rent-hero .form-block h3 {
  text-align: center;
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 125%;
  margin-bottom: 37px
}
.rent-hero .wpcf7 form .wpcf7-response-output {
  margin: 1em 0 0;
  padding: 0;
  border: 0;
  font-size: calc(.00148 * 100vw + 13.44568px);
  font-weight: 600
}
@media screen and (min-width:1728px) {
  .rent-hero .wpcf7 form .wpcf7-response-output {
    font-size: 16px
  }
}
.rent-hero .input-item {
  margin-bottom: 30px
}
.rent-hero .input-item input {
  width: 100%;
  border: 0;
  color: #000;
  border-bottom: 2px solid #fcf114;
  height: 50px;
  font-size: 16px
}
.rent-hero .input-item input::-webkit-input-placeholder {
  color: rgba(0,0,0,.7)
}
.rent-hero .input-item input::-moz-placeholder {
  color: rgba(0,0,0,.7)
}
.rent-hero .input-item input:-ms-input-placeholder {
  color: rgba(0,0,0,.7)
}
.rent-hero .input-item input::-ms-input-placeholder {
  color: rgba(0,0,0,.7)
}
.rent-hero .input-item input::placeholder {
  color: rgba(0,0,0,.7)
}
.rent-hero .input-item input:focus {
  outline: 0
}
.rent-hero .input-item input:focus::-webkit-input-placeholder {
  color: transparent
}
.rent-hero .input-item input:focus::-moz-placeholder {
  color: transparent
}
.rent-hero .input-item input:focus:-ms-input-placeholder {
  color: transparent
}
.rent-hero .input-item input:focus::-ms-input-placeholder {
  color: transparent
}
.rent-hero .input-item input:focus::placeholder {
  color: transparent
}
.rent-hero .wpcf7-submit {
  width: 100%;
  height: 60px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #292b31;
  background: #fcf114;
  border: 2px solid #fcf114;
  cursor: pointer;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out
}
.rent-hero .wpcf7-submit:hover {
  background: 0 0
}
.rent-benefit {
  padding: 80px 0 50px
}
@media screen and (max-width:575.98px) {
  .rent-benefit {
    padding: 40px 0 25px
  }
}
.rent-benefit h2 {
  color: #292b31;
  font-size: calc(.01552 * 100vw + 29.1796px);
  font-weight: 700;
  line-height: 114.286%;
  margin-bottom: 80px
}
@media screen and (min-width:1728px) {
  .rent-benefit h2 {
    font-size: 56px
  }
}
@media screen and (max-width:767.98px) {
  .rent-benefit h2 {
    margin-bottom: 40px
  }
}
.rent-benefit .container {
  max-width: 1230px
}
.rent-benefit .flex {
  margin: 0 -10px;
  row-gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.rent-benefit .flex .col {
  padding: 0 10px;
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%
}
@media screen and (max-width:991.98px) {
  .rent-benefit .flex .col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
  }
}
@media screen and (max-width:575.98px) {
  .rent-benefit .flex .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
}
.rent-benefit .flex .image {
  height: 100%
}
@media screen and (max-width:575.98px) {
  .rent-benefit .flex .image {
    height: auto
  }
}
.rent-benefit .benefit-item {
  padding: 24px;
  background: #f5f5f5;
  min-height: 386px
}
@media screen and (max-width:575.98px) {
  .rent-benefit .benefit-item {
    padding: 24px 20px;
    min-height: auto
  }
}
.rent-benefit .benefit-item .icon {
  background: #fcf114;
  height: 48px;
  width: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  margin-bottom: 8px
}
.rent-benefit .benefit-item h3 {
  color: #292b31;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 20px;
  min-height: 72px
}
@media screen and (max-width:575.98px) {
  .rent-benefit .benefit-item h3 {
    min-height: auto;
    font-size: 22px;
    line-height: 130%
  }
}
.rent-benefit .benefit-item p {
  color: #292b31;
  font-size: 18px;
  font-weight: 400;
  line-height: 133.333%;
  max-width: 100%
}
@media screen and (max-width:575.98px) {
  .rent-benefit .benefit-item p {
    font-size: 16px
  }
}
.rent-car {
  position: relative;
  padding: 60px 0 120px
}
@media screen and (max-width:575.98px) {
  .rent-car {
    padding: 40px 0 60px
  }
}
.rent-car h2 {
  color: #292b31;
  font-size: calc(.01552 * 100vw + 29.1796px);
  font-weight: 700;
  line-height: 114.286%;
  margin-bottom: 80px
}
@media screen and (min-width:1728px) {
  .rent-car h2 {
    font-size: 56px
  }
}
@media screen and (max-width:767.98px) {
  .rent-car h2 {
    margin-bottom: 40px
  }
}
.rent-car .container {
  max-width: 1230px
}
.rent-car .flex {
  margin: 0 -10px;
  row-gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.rent-car .flex .col {
  padding: 0 10px;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%
}
@media screen and (max-width:991.98px) {
  .rent-car .flex .col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
  }
}
@media screen and (max-width:575.98px) {
  .rent-car .flex .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
}
.rent-car .car-item {
  position: relative;
  min-height: 480px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 24px 24px 25px
}
@media screen and (max-width:767.98px) {
  .rent-car .car-item {
    min-height: 450px
  }
}
@media screen and (max-width:575.98px) {
  .rent-car .car-item .bg-block img {
    -o-object-position: top center;
    object-position: top center
  }
}
.rent-car .car-item .title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 141.667%;
  margin-bottom: 10px;
  min-height: 102px
}
@media screen and (max-width:1266px) {
  .rent-car .car-item .title {
    font-size: 20px
  }
}
@media screen and (max-width:991.98px) {
  .rent-car .car-item .title {
    min-height: 60px
  }
}
@media screen and (max-width:575.98px) {
  .rent-car .car-item .title {
    min-height: auto;
    margin-bottom: 20px
  }
}
.rent-car .car-item .text {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 144.444%;
  padding-left: 17px;
  position: relative;
  min-height: 78px
}
@media screen and (max-width:1266px) {
  .rent-car .car-item .text {
    font-size: 16px
  }
}
@media screen and (max-width:991.98px) {
  .rent-car .car-item .text {
    min-height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.rent-car .car-item .text::before {
  content: "";
  width: 4px;
  height: 52px;
  position: absolute;
  left: 0;
  top: 0;
  background: #fcf114
}
.rent-work {
  background: #292b31;
  padding: 80px 0 120px
}
@media screen and (max-width:575.98px) {
  .rent-work {
    padding: 40px 0 60px
  }
}
.rent-work h2 {
  color: #fff;
  font-size: calc(.01552 * 100vw + 29.1796px);
  font-weight: 700;
  line-height: 114.286%;
  margin-bottom: 32px
}
@media screen and (min-width:1728px) {
  .rent-work h2 {
    font-size: 56px
  }
}
@media screen and (max-width:767.98px) {
  .rent-work h2 {
    margin-bottom: 24px
  }
}
.rent-work .container {
  max-width: 1230px
}
.rent-work .subtitle {
  color: #fff;
  font-size: calc(.00739 * 100vw + 19.22838px);
  font-weight: 700;
  line-height: 131.25%;
  margin-bottom: 48px
}
@media screen and (min-width:1728px) {
  .rent-work .subtitle {
    font-size: 32px
  }
}
@media screen and (max-width:575.98px) {
  .rent-work .subtitle {
    margin-bottom: 30px
  }
}
.rent-work .flex {
  margin: 0 -10px;
  row-gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.rent-work .flex .col {
  padding: 0 10px;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%
}
@media screen and (max-width:991.98px) {
  .rent-work .flex .col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
  }
}
@media screen and (max-width:575.98px) {
  .rent-work .flex .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
}
.rent-work .flex .col:first-child .work-item {
  background: #fcf114;
  padding-top: 30px
}
.rent-work .work-item {
  padding: 24px 22px 31px 24px;
  background: #fff;
  height: 100%
}
.rent-work .work-item h3 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 108.333%;
  margin-bottom: 30px
}
@media screen and (max-width:575.98px) {
  .rent-work .work-item h3 {
    font-size: 22px;
    margin-bottom: 20px
  }
}
.rent-work .work-item p {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 144.444%;
  margin-bottom: 0
}
@media screen and (max-width:575.98px) {
  .rent-work .work-item p {
    font-size: 16px
  }
}
.rent-work .work-item p:not(:last-child) {
  margin-bottom: 19px
}
@media screen and (max-width:575.98px) {
  .rent-work .work-item p:not(:last-child) {
    margin-bottom: 15px
  }
}
.rent-work .work-item p strong {
  font-weight: 700
}
.rent-faq {
  padding: 120px 0 60px
}
@media screen and (max-width:575.98px) {
  .rent-faq {
    padding: 60px 0 30px
  }
}
.rent-faq .container {
  max-width: 1230px
}
.rent-faq h2 {
  color: #292b31;
  font-size: calc(.01552 * 100vw + 29.1796px);
  font-weight: 700;
  line-height: 114.286%;
  margin-bottom: 80px
}
@media screen and (min-width:1728px) {
  .rent-faq h2 {
    font-size: 56px
  }
}
@media screen and (max-width:767.98px) {
  .rent-faq h2 {
    margin-bottom: 40px
  }
}
@media screen and (max-width:767.98px) {
  .rent-faq h2 br {
    display: none
  }
}
.rent-faq .acc-item {
  border-top: 1px solid #e9e9e9
}
.rent-faq .acc-item:last-child {
  border-bottom: 1px solid #e9e9e9
}
.rent-faq .acc-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  color: #000;
  font-size: 24px;
  font-weight: 600;
  line-height: 100%;
  padding: 7px 0 8px;
  border: 0;
  background: 0 0;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  text-align: left
}
@media screen and (max-width:767.98px) {
  .rent-faq .acc-btn {
    font-size: 20px;
    line-height: 125%
  }
}
@media screen and (max-width:575.98px) {
  .rent-faq .acc-btn {
    font-size: 18px;
    padding: 15px 0
  }
}
@media screen and (max-width:767.98px) {
  .rent-faq .acc-btn img {
    width: 50px
  }
}
@media screen and (max-width:575.98px) {
  .rent-faq .acc-btn img {
    width: 40px
  }
}
.rent-faq .acc-btn.active .acc-icon {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg)
}
.rent-faq .acc-icon {
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out
}
.rent-faq .acc-content {
  display: none;
  padding-bottom: 10px
}
.rent-faq .acc-content p {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 144.444%;
  margin-bottom: 0;
  max-width: 90%
}
@media screen and (max-width:767.98px) {
  .rent-faq .acc-content p {
    max-width: 100%
  }
}
@media screen and (max-width:575.98px) {
  .rent-faq .acc-content p {
    font-size: 16px
  }
}




.day-hero {
  overflow: hidden;
  padding: 0 0 40px
}
@media screen and (max-width:575.98px) {
  .day-hero {
    padding: 0 0 30px
  }
}
.day-hero .image {
  position: relative
}
@media screen and (max-width:1266px) {
  .day-hero .image {
    height: 700px
  }
}
@media screen and (max-width:991.98px) {
  .day-hero .image {
    height: 600px
  }
}
@media screen and (max-width:767.98px) {
  .day-hero .image {
    height: 500px
  }
}
@media screen and (max-width:575.98px) {
  .day-hero .image {
    height: 300px
  }
}
.day-hero .image::before {
  content: "";
  height: 120%;
  width: 140%;
  position: absolute;
  left: -20%;
  top: 82%;
  background: #fff;
  -webkit-filter: blur(70px);
  filter: blur(70px)
}

@media screen and (max-width:767.98px) {
.day-hero .image::before {
  top: 90%;
}
}
.day-hero .hero-inner {
  border-radius: 50px;
  background: #fcf114;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 9;
  padding: 58px 62px 72px;
  margin-top: -160px
}

@media screen and (max-width:991.98px) {
  .day-hero .hero-inner {
    margin-top: -150px
  }
}

@media screen and (max-width:991.98px) {
  .day-hero .hero-inner {
    margin-top: -150px
  }
}
@media screen and (max-width:767.98px) {
  .day-hero .hero-inner {
    margin-top: -100px;
    padding: 40px 20px
  }
}
@media screen and (max-width:575.98px) {
  .day-hero .hero-inner {
    margin-top: -50px
  }
}
.day-hero .hero-inner h1 {
  color: #000;
  text-align: center;
  font-size: calc(.01922 * 100vw + 22.79379px);
  font-weight: 600;
  line-height: 114.286%;
  margin-bottom: 29px
}
@media screen and (min-width:1728px) {
  .day-hero .hero-inner h1 {
    font-size: 56px
  }
}
.day-hero .hero-inner p {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: 33px
}
.day-hero .hero-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  margin-bottom: 19px
}
@media screen and (max-width:767.98px) {
  .day-hero .hero-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px
  }
}
.day-hero .hero-flex .hero-item {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
  border-radius: 4px;
  background: #fff;
  height: 52px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 14px
}
@media screen and (max-width:767.98px) {
  .day-hero .hero-flex .hero-item {
    width: 100%
  }
}
@media screen and (max-width:575.98px) {
  .day-hero .hero-flex .hero-item {
    font-size: 18px
  }
}
.day-hero .flex-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 26px
}
.day-hero .flex-btn .btn {
  border-radius: 4px;
  background: #171717;
  height: 62px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 320px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  text-transform: none;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out
}
@media screen and (max-width:575.98px) {
  .day-hero .flex-btn .btn {
    min-width: 100%
  }
}
.day-hero .flex-btn .btn:hover {
  color: #171717;
  background: #fff
}
.day-hero .timer-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 52px;
  -moz-column-gap: 52px;
  column-gap: 52px;
  text-align: center
}
@media screen and (max-width:575.98px) {
  .day-hero .timer-block {
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px
  }
}
.day-hero .timer-block .time-item {
  width: 55px
}
.day-hero .timer-block .time {
  color: #000;
  font-size: 40px;
  font-weight: 600;
  line-height: 100%
}
@media screen and (max-width:575.98px) {
  .day-hero .timer-block .time {
    font-size: 35px
  }
}
.day-hero .timer-block span {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%
}
.day-content {
  padding: 40px 0 120px
}
@media screen and (max-width:575.98px) {
  .day-content {
    padding: 20px 0 50px
  }
}
.day-content h2 {
  color: #000;
  text-align: center;
  font-size: calc(.01922 * 100vw + 22.79379px);
  font-weight: 600;
  line-height: 114.286%;
  margin-bottom: 56px
}
@media screen and (min-width:1728px) {
  .day-content h2 {
    font-size: 56px
  }
}
@media screen and (max-width:575.98px) {
  .day-content h2 {
    margin-bottom: 30px
  }
}
.day-content p {
  color: #000;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 155.556%;
  max-width: 754px;
  margin: 0 auto
}
@media screen and (max-width:575.98px) {
  .day-content p {
    font-size: 16px
  }
}
.day-schedule {
  padding: 80px 0 120px;
  background: #f7f7f7
}
@media screen and (max-width:575.98px) {
  .day-schedule {
    padding: 50px 0
  }
}
.day-schedule h2 {
  color: #000;
  text-align: center;
  font-size: calc(.01922 * 100vw + 22.79379px);
  font-weight: 600;
  line-height: 114.286%;
  margin-bottom: 76px
}
@media screen and (min-width:1728px) {
  .day-schedule h2 {
    font-size: 56px
  }
}
@media screen and (max-width:575.98px) {
  .day-schedule h2 {
    margin-bottom: 30px
  }
}
.day-schedule .schedule-group {
  position: relative;
  padding-left: 48px;
  max-width: 659px;
  margin: 0 auto
}
.day-schedule .schedule-group::before {
  content: "";
  height: calc(100% + 30px);
  width: 16px;
  position: absolute;
  left: 0;
  top: -30px;
  border-radius: 8px;
  background: #e8e8e8
}
@media screen and (max-width:767.98px) {
  .day-schedule .schedule-group::before {
    left: 5px
  }
}
@media screen and (max-width:575.98px) {
  .day-schedule .schedule-group::before {
    top: -15px;
    height: calc(100% + 15px)
  }
}
.day-schedule .schedule-item {
  position: relative
}
.day-schedule .schedule-item::before {
  content: "";
  width: 44px;
  height: 44px;
  position: absolute;
  left: -62px;
  top: -7px;
  background: #fcf114;
  border-radius: 50%;
  border: 6px solid #fff
}
@media screen and (max-width:767.98px) {
  .day-schedule .schedule-item::before {
    width: 36px;
    height: 36px;
    left: -52px;
    top: -4px
  }
}
@media screen and (max-width:575.98px) {
  .day-schedule .schedule-item::before {
    top: -7px
  }
}
.day-schedule .schedule-item:not(:last-child) {
  margin-bottom: 40px
}
.day-schedule .schedule-item .time {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 16px
}
@media screen and (max-width:575.98px) {
  .day-schedule .schedule-item .time {
    font-size: 18px;
    line-height: 120%;
    margin-bottom: 10px
  }
}
.day-schedule .schedule-item p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%
}
.day-cta {
  position: relative;
  padding: 160px 0
}
@media screen and (max-width:1266px) {
  .day-cta {
    padding: 100px 0
  }
}
@media screen and (max-width:575.98px) {
  .day-cta {
    padding: 80px 0
  }
}
.day-cta .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.day-cta .btn {
  border-radius: 4px;
  background: #fcf114;
  height: 80px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 480px;
  color: #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
  text-transform: none;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out
}
@media screen and (max-width:575.98px) {
  .day-cta .btn {
    min-width: 100%;
    height: 50px
  }
}
.day-cta .btn:hover {
  color: #171717;
  background: #fff
}
.day-gift {
  position: relative;
  padding: 120px 0 60px
}
@media screen and (max-width:575.98px) {
  .day-gift {
    padding: 60px 0 30px
  }
}
.day-gift .gift-img {
  position: absolute
}
.day-gift .gift-img img {
  max-width: 100%
}
.day-gift .gift-img1 {
  width: 26.6%;
  top: 22%;
  left: 0
}
@media screen and (max-width:575.98px) {
  .day-gift .gift-img1 {
    top: 30%
  }
}
.day-gift .gift-img2 {
  right: 0;
  width: 28.9%;
  top: -13%
}
@media screen and (max-width:991.98px) {
  .day-gift .gift-img2 {
    top: -10%
  }
}
@media screen and (max-width:575.98px) {
  .day-gift .gift-img2 {
    top: -5%
  }
}
.day-gift h2 {
  color: #000;
  text-align: center;
  font-size: calc(.01922 * 100vw + 22.79379px);
  font-weight: 600;
  line-height: 114.286%;
  margin-bottom: 43px
}
@media screen and (min-width:1728px) {
  .day-gift h2 {
    font-size: 56px
  }
}
@media screen and (max-width:575.98px) {
  .day-gift h2 {
    margin-bottom: 30px
  }
}
.day-gift p {
  color: #000;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 155.556%;
  max-width: 754px;
  margin: 0 auto
}
@media screen and (max-width:575.98px) {
  .day-gift p {
    font-size: 16px
  }
}
.day-gift .gift-inner {
  border-radius: 50px;
  background: #f7f7f7;
  padding: 46px 84px 48px;
  max-width: 857px;
  margin: 46px auto 0
}
@media screen and (max-width:991.98px) {
  .day-gift .gift-inner {
    padding: 46px 30px 48px
  }
}
.day-gift .gift-inner h3 {
  color: #000;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 116.667%;
  margin-bottom: 34px
}
@media screen and (max-width:575.98px) {
  .day-gift .gift-inner h3 {
    margin-bottom: 20px
  }
}
.day-gift .gift-inner ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 21px;
  margin-bottom: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:767.98px) {
  .day-gift .gift-inner ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 15px
  }
}
@media screen and (max-width:575.98px) {
  .day-gift .gift-inner ul {
    row-gap: 10px
  }
}
.day-gift .gift-inner ul li {
  -ms-flex-preferred-size: 49.4%;
  flex-basis: 49.4%;
  max-width: 49.4%;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 175%;
  padding-left: 26px;
  position: relative
}
@media screen and (max-width:767.98px) {
  .day-gift .gift-inner ul li {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
}
@media screen and (max-width:575.98px) {
  .day-gift .gift-inner ul li {
    font-size: 14px;
    line-height: 140%
  }
}
.day-gift .gift-inner ul li::before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 5px;
  background: #fcf114;
  border-radius: 50%
}
.day-why {
  padding: 60px 0 120px
}
@media screen and (max-width:575.98px) {
  .day-why {
    padding: 50px 0
  }
}
.day-why .container {
  max-width: 1231px
}
.day-why h2 {
  color: #000;
  text-align: center;
  font-size: calc(.01922 * 100vw + 22.79379px);
  font-weight: 600;
  line-height: 114.286%;
  margin-bottom: 48px
}
@media screen and (min-width:1728px) {
  .day-why h2 {
    font-size: 56px
  }
}
@media screen and (max-width:575.98px) {
  .day-why h2 {
    margin-bottom: 30px
  }
}
.day-why .flex-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 120px
}
@media screen and (max-width:575.98px) {
  .day-why .flex-btn {
    margin-top: 50px
  }
}
.day-why .btn {
  border-radius: 4px;
  background: #fcf114;
  height: 80px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 480px;
  color: #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
  text-transform: none;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out
}
@media screen and (max-width:575.98px) {
  .day-why .btn {
    min-width: 100%;
    height: 50px
  }
}
.day-why .btn:hover {
  color: #fff;
  background: #171717
}
.day-why .flex {
  margin: 0 -10px;
  row-gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.day-why .flex .col {
  padding: 0 10px;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  max-width: 20%
}
@media screen and (max-width:1266px) {
  .day-why .flex .col {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%
  }
}
@media screen and (max-width:767.98px) {
  .day-why .flex .col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
  }
}
@media screen and (max-width:575.98px) {
  .day-why .flex .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
}
.day-why .why-item {
  border-radius: 45px;
  background: #171717;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 40px 25px 19px
}
@media screen and (max-width:575.98px) {
  .day-why .why-item {
    width: 90%;
    margin: 0 auto;
    padding: 30px 25px;
    border-radius: 30px
  }
}
.day-why .why-item img {
  width: 32px;
  height: 32px;
  margin-bottom: 33px
}
.day-why .why-item p {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  min-height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0
}
@media screen and (max-width:575.98px) {
  .day-why .why-item p {
    min-height: auto;
    max-width: 200px
  }
}
.day-map {
  background: #f7f7f7;
  padding: 120px 0 0
}
@media screen and (max-width:767.98px) {
  .day-map {
    padding: 60px 0 0
  }
}
.day-map h2 {
  color: #000;
  text-align: center;
  font-size: calc(.01922 * 100vw + 22.79379px);
  font-weight: 600;
  line-height: 114.286%;
  margin-bottom: 40px
}
@media screen and (min-width:1728px) {
  .day-map h2 {
    font-size: 56px
  }
}
@media screen and (max-width:575.98px) {
  .day-map h2 {
    margin-bottom: 30px
  }
}
.day-map .address {
  color: #000;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 28px
}
@media screen and (max-width:575.98px) {
  .day-map .address {
    margin-bottom: 20px
  }
}
.day-map p {
  color: #000;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 66px
}
@media screen and (max-width:575.98px) {
  .day-map p {
    margin-bottom: 30px
  }
}
@media screen and (max-width:767.98px) {
  .day-map .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.day-map .map {
  height: 643px;
  width: 100%;
  background: #f2f2f2
}
@media screen and (max-width:991.98px) {
  .day-map .map {
    height: 500px
  }
}
@media screen and (max-width:767.98px) {
  .day-map .map {
    height: 300px
  }
}
.day-map .map iframe {
  width: 100%;
  height: 100%
}
.day-map .video-inner {
  width: 361px;
  height: 643px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #d9d9d9
}
@media screen and (max-width:991.98px) {
  .day-map .video-inner {
    height: 500px;
    width: 300px
  }
}
@media screen and (max-width:767.98px) {
  .day-map .video-inner {
    height: 300px;
    width: 100%
  }
}
.day-map .video-inner .video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}






.main-goods.new-goods {
  padding: 60px 0;
  overflow: hidden
}
@media screen and (max-width:575.98px) {
  .main-goods.new-goods {
    padding: 30px 0
  }
}
.main-goods.new-goods .slider-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  margin-bottom: 40px
}
.main-goods.new-goods .swiper-slide.item {
  margin: 0
}
.main-goods.new-goods .swiper-button-next,
.main-goods.new-goods .swiper-button-prev {
  cursor: pointer
}
.main-goods.new-goods .swiper-button-disabled svg path {
  stroke: #b1b1b3
}
.main-goods.new-goods .swiper-slide.item .item__title {
  color: #2e1d49;
  font-size: 24px;
  font-weight: 700;
  line-height: 125%;
  margin-bottom: 8px;
  display: block
}
.main-goods.new-goods .swiper-slide.item .item__excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #5b5b5e;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 24px
}
@media screen and (max-width:767.98px) {
  .main-goods.new-goods .swiper-slide.item .item-price {
    margin-bottom: 20px
  }
}
.main-goods.new-goods .swiper-slide.item .item-price__all {
  color: #5b5b5e;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%
}
.main-goods.new-goods .swiper-slide.item .item-price__per-day {
  color: #292b31;
  font-size: 20px;
  font-weight: 900;
  line-height: 120%
}
.main-goods.new-goods .swiper-slide.item .item__bottom {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.main-goods.new-goods .swiper-slide.item .item__bottom .item__btn {
  -ms-flex-preferred-size: calc(50% - 8px);
  flex-basis: calc(50% - 8px);
  max-width: calc(50% - 8px);
  height: 56px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  margin-right: 0;
  background: #fcf114;
  color: #292b31;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  text-transform: none
}
.main-goods.new-goods .swiper-slide.item .item__bottom .item__btn img {
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out
}
.main-goods.new-goods .swiper-slide.item .item__bottom .item__btn:hover img {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px)
}
.main-goods.new-goods .swiper-slide.item .item__bottom .item__btn.top-btn {
  color: #5b5b5e;
  background: 0 0;
  border: 1px solid #b1b1b2
}
.main-goods.new-goods .swiper-slide.item .item__bottom .item__btn.top-btn:hover {
  border-color: #1c1c1c
}
.main-goods.new-goods .container {
  max-width: 1230px
}
.main-goods.new-goods .top {
  margin-bottom: 0
}
.main-goods.new-goods .head {
  font-size: calc(.01552 * 100vw + 29.1796px);
  font-weight: 700;
  line-height: 114.286%;
  margin-bottom: 8px;
  text-transform: none
}

.no-hover {
  pointer-events: none;
}
@media screen and (min-width:1728px) {
  .main-goods.new-goods .head {
    font-size: 56px
  }
}
@media screen and (max-width:767.98px) {
  .main-goods.new-goods .head {
    margin-bottom: 24px
  }
}
/* Native FAQ controls keep the existing heading and card layout. */
.carid-faq-toggle { display:block; width:100%; padding:0; border:0; background:transparent; color:inherit; font:inherit; text-align:inherit; cursor:pointer; }
.carid-faq-toggle:focus-visible { outline:2px solid #222; outline-offset:5px; }
.faq-item__answer[hidden] { display:none; }
label.calc__name { display:block; }

/* Reserve five description lines in vehicle cards, including short descriptions. */
.item .item__excerpt,
.main-goods.new-goods .swiper-slide.item .item__excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    line-height: 1.3;
    height: 6.5em;
    min-height: 6.5em;
    max-height: 6.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0;
}
/* Keep catalog actions aligned when a payment wraps onto another line. */
.goods__list { align-items: stretch; }
.goods__list > .item { display: flex; flex-direction: column; min-width: 0; }
.goods__list > .item > .item__bottom { margin-top: auto; }