/* import fonts */

@font-face {
    font-family:"OpenSans";
    src: url(../fonts/OpenSans-Regular.ttf) format("truetype");
    font-weight:400;
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family:"OpenSans";
    src: url(../fonts/OpenSans-Medium.ttf) format("truetype");
    font-weight:500;
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family:"OpenSans";
    src: url(../fonts/OpenSans-SemiBold.ttf) format("truetype");
    font-weight:600;
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family:"OpenSans";
    src: url(../fonts/OpenSans-Bold.ttf) format("truetype");
    font-weight:700;
    font-style:normal;
    font-display: swap;
}

/* import fonts END */

/* **************************************************************************************************************************************** */

/* css reset */

*, *::before, *::after {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html {
    /* scroll-padding-top: 145px; */
}

img, picture {
    max-width: 100%;
    display: block;
}

h1, h2, h3, h4, h5, h6 {
    text-wrap: balance;
}

address {
    font-style: normal; 
}

input, button, textarea, select {
    font: inherit;
    outline: none;
    color: #434748;
}

input, button, select {
    width: 100%;
    margin: 0;
    border: 1px solid #fff;
    box-shadow: none;
    border-radius: 0;
    padding: 5px 15px;
    background: #fff;
}

input::-moz-placeholder { color: #434748; }
input::-webkit-input-placeholder { color: #434748; }
input:-ms-input-placeholder { color: #434748; }
input::placeholder { color: #434748; } 

button {
    cursor: pointer;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(../img/ico_select.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    display: block;
    color: #434748;
    width: 100%;
    padding-left: 15px;
    padding-right: 35px;
    border: 1px solid #434748;
}

.select::-ms-expand {
    display: none;
}

.select:hover {
    border-color: #434748;
}

.select:focus {
    border-color: #434748;
    box-shadow: none;
    box-shadow: none -moz-mac-focusring;
    color: inherit;
    outline: none;
}

.select option {
    font-weight: normal;
}

body {
    min-height: 100vh;
    line-height: 1.3;
}

ul, ol {
  list-style: none;
}

:focus {
    outline: 0;
}

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

blockquote, q {
    quotes: none;
}

q:before, q:after {
    content: '';
}

a, ins {
    text-decoration: none;
    color: inherit;
}

sub, sup {  
    vertical-align: baseline;
    position: relative;
    font-size: .8em;
}

sup {
    top: -5px;
}

sub {
    bottom: -2px;
}

pre {
    font: inherit;
}

/* css reset END */

/* **************************************************************************************************************************************** */


/* common styles */



body {
    font-family: "OpenSans", Arial, sans-serif;
    font-size: 16px;
    color: #fff;
    position: relative;
    font-weight: 400;
    padding: 0px;
    overflow-x: hidden;
    max-width: 1920px;
    margin: 0 auto;
}

section {
    /* margin-top: 80px; */
}

.bg-dark {
    color: #fff;
}

.compensate-for-scrollbar {
    margin: 0 auto !important;
    overflow: auto !important;
}

.fancybox-button svg {
    pointer-events: none;
}

.fancybox-content {
    background: #141413;
}

.resp_table{width:100%;}
.resp_table tr td:before{display:none;}
.resp_table img {
    max-width: unset;
    width: unset;
    display: block;
    width: 100%;
}


.form_title {color: inherit;font-size: 20px;padding: 0px;margin: 0px;text-align: center;padding-bottom: 20px;}

.form_title span {
    display: block;
    white-space: nowrap;
}

input, textarea, select, button, .btn {
    height: 50px;
    border-radius: 50px;
}

form .form-group {
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}

form .form-group .btn {
    width: 100%;
    margin: 0;
}

form .form-group-wrapper {
    display: flex;
    justify-content: space-between;
}

form .form-group-wrapper .form-group {
    width: 49%;
}

form .form-group-wrapper .form-group_w64 {
    width: 64%;
}

form .form-group-wrapper .form-group_w35 {
    width: 35%;
}

.has-danger input,
.has-danger select,
.has-danger textarea
{
	border-width:2px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c86461;
}

#form_popup { display:none; }
#form_popup2 { display:none; }

.popup_container {width: 520px;max-width:100%;padding: 30px;overflow: hidden !important;position: relative;box-sizing: border-box;background: #141413;text-align: center;}

.alert.fancybox-content {
    overflow: hidden;
}

.not_agree button {
    background-color: #434748 !important;
    cursor: auto !important;
    color: white !important;
}

.agree_field {
    font-size: 12px;
    line-height: 100%;
    position: relative;
    display: inline-block;
    padding-left: 20px;
    top: 0px;
}

.agree_field a {
    color: inherit;
    text-decoration: underline;
}

.agree_field input {
    position: absolute;
    top: -1px;
    left: -1000px;
    margin: -0px;
    height: auto;
    width: auto;
    opacity: 0;
}

.agree_field input + .checked-inp {
    display: block;
    width: 12px;
    height: 12px;
    background-color: #FFED00;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 3px;
    position: absolute;
    left: 0;
}
.agree_field input:checked + .checked-inp {
    background-image: url(../img/ico_checked_input.svg);
}

.agree_field > span {
    padding-left: 25px;
    display: inline-block;
}

.main {
    /* scroll-padding-top: 222px; */
}

.container {
    width: 100%;
    max-width: 1340px;
    padding: 0 30px;
    margin: 0 auto;
    position: relative;
}

.title {
    color: #141413;
    font-size: 48px;
    font-weight: 600;
    padding-bottom: 40px;
}

.title-text_white {
    color: #fff;
}

.title2 {
    font-size: 64px;
    font-weight: 700;
    margin-top: 60px;
    display: flex;
    gap: 25px;
}

.title2__text_black {
    position: relative;
    color: #000;
    display: inline-block;
    z-index: 1;
}

.title1__text-smaller {
    font-size: 0.865em;
}

.btn {
    background: #fff;
    color: #141413;
    text-align: center;
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    position: relative;
    text-decoration: none;
    transition:  all .2s linear;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
}

.btn span {
    display:inline-block;
    width: 100%;
}

.btn:hover {
    background-color: #FFED00;
    border-color: #FFED00;    
    color: #141413;
}

.btn_white {
    background-color: #fff;
    border-color: #fff;    
    color: #141413;
}
.btn_white:hover {
    background-color: #FFED00;
    border-color: #FFED00;    
    color: #141413;
}
.btn_black {
    background-color: #141413;
    border-color: #141413;    
    color: #fff;
}
.btn_black:hover {
    background-color: #FFED00;
    border-color: #FFED00;    
    color: #141413;
}
.btn_yellow {
    background-color: #FFED00;
    border-color: #FFED00;    
    color: #141413;
}
.btn_yellow:hover {
    background-color: #FFF574;
    border-color: #FFF574;    
    color: #141413;
}

.btn_arrows {
}

.btn_arrows.btn_black {}

.btn_arrows.btn_yellow {}

.btn_arrows .btn__text {
    padding-right: 30px;
    width: auto;
    background: url(../img/ico_btn_arrow_white.svg) calc(100% - 6px) 56% no-repeat, url(../img/ico_btn_arrow_white.svg) 100% 56% no-repeat;
}

.btn_arrows.btn_yellow .btn__text {

background: url(../img/ico_btn_arrow.svg) calc(100% - 6px) 56% no-repeat, url(../img/ico_btn_arrow.svg) 100% 56% no-repeat;
}

.btn_arrows.btn_yellow:hover .btn__text {

}

.btn_arrows.btn_black .btn__text {

}

.btn_arrows.btn_black:hover .btn__text {
    background: url(../img/ico_btn_arrow.svg) calc(100% - 6px) 56% no-repeat, url(../img/ico_btn_arrow.svg) 100% 56% no-repeat;
}

.text-btn-anim {
    display: flex;
    align-items: center;
    gap: 15px;
}
.text-btn-anim__text {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
.text-btn-anim__yellow {
    color: #FFED00;
}
.text-btn-anim .anim-arrows {
    display: flex;
}
.text-btn-anim .anim-arrows__item {}
.text-btn-anim .anim-arrows__item_item1 {
    animation: arrows 1.2s linear .3s infinite;
}
.text-btn-anim .anim-arrows__item_item2 {
    animation: arrows 1.2s linear .6s infinite;
}
.text-btn-anim .anim-arrows__item_item3 {
    animation: arrows 1.2s linear .9s infinite;
}

@keyframes arrows {
    0% {opacity: .3;}
    50% {opacity: 1;}
    100% {opacity: .3;}
}

.text-btn {
    font-size: 20px;
    font-weight: 600;
}
.text-btn_arrow {
    padding-right: 20px;
    background: url(../img/ico_btn_arrow.svg) 100% 60% no-repeat;
}
.text-btn__text {}
.text-btn_arrow .text-btn__text {}
.text-btn:hover {}
.text-btn_arrow:hover .text-btn__text {}


.addr {
    padding-left: 35px;
    background: url(../img/ico_loc_header.svg) 0 50% no-repeat;
    transition: all .2s linear;
}
.addr:hover {
    color: #FFED00;
}

.phone {
    padding-left: 35px;
    background: url(../img/ico_phone_header.svg) 0 50% no-repeat;
    transition: all .2s linear;
}
.phone:hover {
    color: #FFED00;
}

.logo {
    display: flex;
    gap: 30px;
    align-items: center;
}
.logo__img {
    width: 76px;
}
.logo__img_hover {
    display: none;
}
.logo-text {
    padding-left: 30px;
    border-left: 1px solid #fff;
    font-size: 14px;
}
.logo-text__big {
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 700;
}
.logo-text__small {
}
.logo:hover .logo__img {display: none;}
.logo:hover .logo__img_hover {display: block;}
.logo:hover .logo-text {
    border-color: #FFED00;
    color: #FFED00;
}

.block-decor-triangle {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
}
.banner__slide-item_slide3 .block-decor-triangle {
    transform: translateX(-46%);
}
.block-decor-triangle__item {}
.block-decor-triangle_white {}

.text-bg-decor {
    position: absolute;
    background: #FFED00;
    transform: perspective(1000px) rotateY(-45deg) skewX(-10deg);
    height: 100%;
    width: 170%;
    z-index: -1;
    border-radius: 10px;
    top: 0;
    left: -40%;
}

.popup-content-item {}

.popup-text-block {/* font-size: 24px; *//* display: flex; *//* flex-direction: column; *//* justify-content: flex-end; *//* height: 340px; */}

.popup-info {
    border-radius: 20px;
    padding: 0;
    max-width: 1278px;
    width: 100%;
    z-index: 1;
    background: #fff;
}
.popup-info__img-block {position: relative;z-index: 1;}
.popup-info__title {
    position: absolute;
    z-index: 1;
    bottom: 50px;
    left: 30px;
}

.popup-info__title .specials__item-title {
    font-size: 48px;
}

.popup-info__title .specials__item-subtitle {
    font-size: 32px;
}
.popup-info__img {}
.popup-info__text {
    padding: 30px;
    color: #141413;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    line-height: 1.6;
}
.popup-info__text-block {}
.popup-info__text_order1 {
    font-weight: 600;
}
.popup-info__text_order2 {}
.popup-info__text_order3 {
    font-size: 16px;
    color: #434748;
}
.popup2__list {
    padding-left: 30px;
}
.popup2__list-item {
    list-style: disc;
}
.popup-info__btn {
    width: 100%;
    max-width: 400px;
    margin-left: 30px;
    margin-top: 20px;
}
.popup-info__form {
    background-color: #141413;
    background-image: url(../img/popup_img_form_1.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding: 30px;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.popup-info__form .agree_field {
    width: 100%;
    max-width: 665px;
}
.popup-info__form .form-group-wrapper {
    width: 100%;
    max-width: 665px;
}
.popup-info__form .form-group-wrapper .form-group {}



#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    transition: all 0.5s;
    background-color: #141413;
    z-index: 9999999999;
    transition: all .5s;
}

#preloader.hide {
    display: none;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FFED00;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.loader__img {
    position: fixed;
    top: calc(50% - 40px);
    left: calc(50% - 38px);
    transform: scale(.7);
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ffee0079;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ffee0034;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}



.anim {
    transform: translateY(100px);
    opacity: 0;
    transition: all .5s linear;
}
.anim.animated {
    opacity: 1;
    transform: translateY(0px);
}




.main .swiper-pagination {display: flex;justify-content: center;gap: 10px;bottom: 30px !important;}
.main .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    background: #FFFFFF80;
    position: relative;
}
.main .swiper-pagination-bullet-active {
    background: #fff;
}

.main .swiper-pagination-bullet-active:before {
    content: "";
    display: block;
    width: 200%;
    height: 200%;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    top: -50%;
    left: -50%;
}

.main .swiper-button-arrow {
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
    z-index: 1;
    background: url(../img/ico_arrow_prev.svg) 50% no-repeat;
}
.main .swiper-button-prev {left: -5%;}
.main .swiper-button-next {
    transform: scaleX(-1);
    right: -5%;
}
.main .swiper-button-arrow:after {
    display: none;
}
.main .swiper-button-prev:after {}
.main .swiper-button-next:after {}




.main .swiper-scrollbar {
    left: 0 !important;
    height: 90% !important;
    top: 5% !important;
    background: #D9D9D9;
    width: var(--swiper-scrollbar-size,2px) !important;
}
.main .swiper-scrollbar-drag {
    background: #141413;
}

/* common styles END */



/*************************************************************************************************************************/




.header .mob-menu-btn {
    display: none;
}

.header{
    background: #141413;
    position: fixed;
    z-index: 10;
    width: 100%;
    /* left: 0; */
    max-width: 1920px;
}
.header__container{}
.header__content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
    transition: all .2s linear;
}
.header__logo{
}
.header__addr{}
.header__phone{}
.header__btn{}
.menu-wrapper{
    padding-top: 30px;
    border-top: 1px solid #fff;
    transition: all .2s linear;
}
.menu__container{}
.menu{
    display: flex;
    justify-content: space-between;
    font-weight: 600;
}
.menu__item{
    position: relative;
    padding-bottom: 30px;
    transition: all .2s linear;
}

.menu__item:before {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0;
    background: #FFED00;
    opacity: 0;
    transition: all .2s linear;
}
.menu__item:hover{
    color: #FFED00;
}
.menu__item:hover:before {
    opacity: 1;
}

.header.fixed {}
.header.fixed .header__container{}
.header.fixed .header__content{
    padding: 10px 0;
}
.header.fixed .header__logo{}

.header.fixed .header__addr{}
.header.fixed .header__phone{}
.header.fixed .header__btn{}
.header.fixed .menu-wrapper{
    padding-top: 10px;
}
.header.fixed .menu__container{}
.header.fixed .menu{}
.header.fixed .menu__item{
    padding-bottom: 10px;
}

.header.fixed .logo-text {
    /* font-size: 10px; */
}

.header.fixed .logo-text__big {
    /* font-size: 23px; */
}

.header.fixed .logo__img {
    /* max-width: 35px; */
}

/**************************************************************************************************************/


.banner .swiper-button-arrow {}
.banner .swiper-button-prev {}
.banner .swiper-button-next {}
.banner .swiper-button-arrow:after {}
.banner .swiper-button-prev:after {}
.banner .swiper-button-next:after {}

.banner .swiper-pagination {}
.banner .swiper-pagination-bullet {}
.banner .swiper-pagination-bullet-active {}
.banner .swiper-pagination-bullet-active:before {}

.banner .swiper-scrollbar {}
.banner .swiper-scrollbar-drag {}

.banner {margin: 0;}
.banner__slide-item {
    position: relative;
    z-index: 1;
    margin-top: 220px;
}
.banner__slide-item_slide1 {}
.banner__slide-item_slide2 {}
.banner__container {}
.banner__content {
    position: absolute;
    z-index: 1;
    top: 180px;
    display: flex;
    flex-direction: column;
}
.banner__block-decor-triangle {
    padding-bottom: 20px;
}
.banner__title-block {}
.banner__title1 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 69px;
}
.banner__title1_yellow {
    color: #FFED00;
}
.banner__title1_size60 {
    font-size: 60px;
}
.banner__title2 {
}
.banner__text-bg-decor {}
.banner__title3 {
    font-size: 36px;
    margin-top: 10px;
}
.banner__text-btn-anim {
    margin-top: 60px;
}
.banner__bg {}
.banner__bg-img {}
.banner__bg-img img {}

.banner__slide-item_slide3 .banner__title2.title2 {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 16px;
}
.banner__slide-item_slide3 .title2__text_black {
    position: relative;
    padding: 0 16px;
    font-size: 64px;
    font-weight: 700;
}
.banner__slide-item_slide3 .title2__text_black:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #FFED00;
    border-radius: 10px;
    z-index: -1;
    transform: skewX(-8deg);
}


/**************************************************************************************************************/


.specials {
    padding: 80px 0;
}
.specials__container {}
.specials__title {}
.specials__content {
    display: flex;
    justify-content: space-between;
    padding-bottom: 46px !important;
}
.specials__item {
    width: 49%;
    background: #141413;
    border-radius: 25px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.specials__block-decor-triangle {
    position: absolute;
    top: 30px;
    right: 30px;
}
.specials__text-bg {
    color: rgba(255,255,255,.2);
    font-weight: 700;
    font-size: 250px;
    position: absolute;
    z-index: -1;
    white-space: nowrap;
    top: 5%;
}
.specials__img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.specials__img-item {}
.specials__img-item img {}
.specials__text-block {height: 340px;display: flex;flex-direction: column;justify-content: flex-end;}
.specials__item-title {
    font-size: 40px;
    font-weight: 700;
}
.specials__item-subtitle {
    font-size: 24px;
    font-weight: 700;
    margin-top: 15px;
    display: flex;
    gap: 10px;
}
.specials__subtitle-text {
    position: relative;
    display: inline-block;
    color: #000;
}
.specials__text-bg-decor {
    width: 160%;
    left: -30%;
}
.specials__btn {
    width: 100%;
    margin-top: 50px;
}

.specials .swiper-pagination {
    bottom: 10px !important;
}
.specials .swiper-pagination-bullet {
    background: #14141380;
}
.specials .swiper-pagination-bullet-active {
    background: #141413;
}
.specials .swiper-pagination-bullet-active:before {
    border-color: #141413;
}


/**************************************************************************************************************/



.service .swiper-slide {
    opacity: .1 !important;
    transition: all .2s linear;
}

.service .swiper-slide-active {
    transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1) !important;
    opacity: 1 !important;
}

.service .swiper-slide-next {
    transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1) !important;
    opacity: 1 !important;
}

.service .swiper-slide-next + .swiper-slide {
    transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1) !important;
    opacity: 1 !important;
}
.service .swiper-button-arrow {
    display: block;
}
.service .swiper-button-prev {}
.service .swiper-button-next {}
.service .swiper-button-arrow:after {}
.service .swiper-button-prev:after {}
.service .swiper-button-next:after {}

.service .swiper-pagination {}
.service .swiper-pagination-bullet {}
.service .swiper-pagination-bullet-active {}
.service .swiper-pagination-bullet-active:before {}

.service .swiper-scrollbar {}
.service .swiper-scrollbar-drag {}

.service {
    background: #141413;
    padding: 80px 0;
    overflow-x: hidden;
    /* margin-top: 50px; */
}
.service__container {
}
.service__title {}
.service__content {overflow: visible !important;}
.service__item {
    border-radius: 20px;
    overflow: hidden;
    position: relative !important;
    z-index: 1;
}
.service__decor-arrow {
    position: absolute;
    top: 30px;
    right: 30px;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #fff;
    background: url(../img/ico_services_1.svg) 50% no-repeat rgba(255, 255, 255, .2);
    z-index: 1;
}
.service__item:hover .service__decor-arrow {
    background: url(../img/ico_services_1_hover.svg) 50% no-repeat #FFED0033;
    border-color: #FFED00;
}

.service__item-title {
    position: absolute;
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    bottom: 21%;
    padding: 0 30px;
    width: 100%;
    z-index: 1;
}
.service__img {
    transition: all 1s linear;
}
.service__item:hover .service__img {
    transform: scale(1.05);
}
.service__img-item img {
    margin: 0 auto;
    border-radius: 20px;
}

.service__img-item {}
.service__btn {
    position: absolute;
    z-index: 1;
    bottom: 30px;
    left: 30px;
    width: calc(100% - 60px);
}
.service__item:hover .service__btn {
    background-color: #FFED00;
    border-color: #FFED00;    
    color: #141413;
}

/**************************************************************************************************************/


.detailing {
    padding: 80px 0;
}
.detailing__container {}
.detailing__title {}
.detailing__content {
    background: #141413;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    gap: 50px;
}
.detailing__sticker {
    position: absolute;
    top: 0;
    right: 0;
}
.detailing__sticker img {}
.detailing__img {
    /* width: 50%; */
}
.detailing__img-item {
    border-radius: 10px;
    overflow: hidden;
}
.detailing__info {
    width: 44.3%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px;
}
.detailing__info-title {
    font-size: 40px;
    font-weight: 700;
}
.detailing__info-subtitle {
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    gap: 20px;
    font-size: 24px;
}
.detailing__subtitle-text {
    position: relative;
    z-index: 1;
    display: inline-block;
    color: #141413;
}
.detailing__text-bg-decor {}
.detailing__info-desc {}
.detailing__btn {
    width: 100%;
}


/**************************************************************************************************************/


.aboutus {
    position: relative;
    z-index: 1;
    padding: 80px 0;
    overflow: hidden;
}
.aboutus__bg {
    position: absolute;
    top: 0;
    width: 1920px;
    left: 50%;
    transform: translateX(-50%);
}
.aboutus__bg-img {
}
.aboutus__container {}
.aboutus__title {
    padding: 0;
}

.aboutus__bg-img-mob {
    display: none;
}
.aboutus__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: -60px;
}
.aboutus__text {
    position: relative;
    top: -40px;
    font-size: 18px;
    width: 49%;
}
.aboutus__img {
    width: 49%;
}
.aboutus__img-item {}
.aboutus__items {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-template-areas:
        "item1 item2 item3 ."
        "item4 item5 item6 item7";
    column-gap: 2%;
    row-gap: 20px;
    margin-top: -80px;
}
.aboutus__item {
    border-radius: 10px;
    background: #F7F7F8;
    color: #141413;
    padding: 17px 15px 17px 92px;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    position: relative;
}
.aboutus__item-text {}
.aboutus__item_ico1 {
    grid-area: item1;
}
.aboutus__item_ico2 {
    grid-area: item2;
}
.aboutus__item_ico3 {
    grid-area: item3;
}
.aboutus__item_ico4 {
    grid-area: item4;
}
.aboutus__item_ico5 {
    grid-area: item5;
}
.aboutus__item_ico6 {
    grid-area: item6;
}
.aboutus__item_ico7 {
    grid-area: item7;
}
.aboutus__item_ico8 {
    display: none;
}
.aboutus__item_ico9 {
    display: none;
}

.aboutus__item:before {
    content: "";
    display: block;
    border-radius: 8px;
    background-color: #FFFFFF;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    width: 65px;
    height: 65px;
    position: absolute;
    left: 10px;
    top: 10px;
    max-height: 70%;
    max-width: 25%;
}
.aboutus__item_ico1:before {
    background-image: url(../img/ico_aboutus_1.svg);
}
.aboutus__item_ico2:before {
    background-image: url(../img/ico_aboutus_2.svg);
}
.aboutus__item_ico3:before {
    background-image: url(../img/ico_aboutus_3.svg);
}
.aboutus__item_ico4:before {
    background-image: url(../img/ico_aboutus_4.svg);
}
.aboutus__item_ico5:before {
    background-image: url(../img/ico_aboutus_5.svg);
}
.aboutus__item_ico6:before {
    background-image: url(../img/ico_aboutus_6.svg);
}
.aboutus__item_ico7:before {
    background-image: url(../img/ico_aboutus_7.svg);
}


/**************************************************************************************************************/



.reviews .swiper-button-arrow {}
.reviews .swiper-button-prev {}
.reviews .swiper-button-next {}
.reviews .swiper-button-arrow:after {}
.reviews .swiper-button-prev:after {}
.reviews .swiper-button-next:after {}

.reviews .swiper-pagination {}
.reviews .swiper-pagination-bullet {}
.reviews .swiper-pagination-bullet-active {}
.reviews .swiper-pagination-bullet-active:before {}

.reviews .swiper-scrollbar {}
.reviews .swiper-scrollbar-drag {}

.reviews {
    padding: 80px 0;
}
.reviews__container {}
.reviews__title {}
.reviews__content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.reviews__img-block {
    width: 49%;
    position: relative;
}
.reviews__text {
    position: absolute;
    max-width: 95%;
}
.reviews__text img {}
.reviews__text_top {
    top: 30px;
    left: 0;
}
.reviews__text_bottom {
    bottom: 30px;
    right: 0;
}
.reviews__img {
    overflow: hidden;
    border-radius: 15px;
}
.reviews__img-item {}
.reviews__items {
    width: 49%;
    height: 504px;
    padding-left: 20px !important;
    margin: 0 !important;
}
.reviews__item {
    height: auto !important;
    color: #141413;
    padding-bottom: 20px;
    border-bottom: 1px solid #ACACAC;
    padding-top: 20px;
}
.reviews__item-about {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.reviews__item-title {
    font-size: 24px;
    font-weight: 700;
}
.reviews__item-rating {
    display: flex;
    gap: 2px;
}
.reviews__item-rating img {}
.reviews__item-text {
    font-size: 18px;
    margin-top: 18px;
}
.reviews__text-btn {
    margin-left: auto;
    color: #141413;
    margin-top: 20px;
}

.reviews__text-btn:hover {
    color: #E6233C;
    background: url(../img/ico_btn_arrow_red.svg) 100% 60% no-repeat;
}

.reviews__text-btn:hover .reviews__text-btn {}
.reviews__text-btn .text-btn__text {}


/**************************************************************************************************************/


.contacts {
    padding: 80px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.contacts__bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1920px;
}
.contacts__bg img {}
.contacts__container {}
.contacts__title {}
.contacts__content {
    display: flex;
    justify-content: space-between;
}
.contacts__info-block {
    width: 38.1%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    padding: 30px;
    /* border-radius: 20px;
    padding: 30px;
    border: double 1em transparent;
    border-image-source: linear-gradient(233.91deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
    border-width: 1px;
    border-style: solid;
    background-clip: content-box, border-box; */
    /* border-radius: 20px;
    border: 1px solid transparent;
    background: linear-gradient(233.91deg, #FFFFFF 0%, rgba(255, 255, 255, 0)) border-box;
    -webkit-mask:
        linear-gradient(#fff 0 0) padding-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; 
            mask-composite: exclude; */
}
.contacts__info-block:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    border: 1px solid transparent;
    background: linear-gradient(233.91deg, #FFFFFF 0%, rgba(255, 255, 255, 0)) border-box;
    -webkit-mask:
        linear-gradient(#fff 0 0) padding-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; 
            mask-composite: exclude;
}
.contacts__logo {}
.contacts__info {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.contacts__addr {
}
.contacts__metro {
    padding-left: 35px;
    background: url(../img/ico_metro_footer.svg) 0 50% no-repeat;
    transition: all .2s linear;
    display: flex;
    gap: 10px;
}
.metro__text:first-child {
    display: none;
}
.metro__text_pad-left {
    padding-left: 20px;
    position: relative;
}
.metro__color {}
.metro__color_red {
    position: absolute;
    left: 0;
    top: calc(50% - 5px);
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #FF5574;
}
.metro__color_violet {
    position: absolute;
    left: 0;
    top: calc(50% - 5px);
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #8100AE;
}
.contacts__openhours {
    padding-left: 35px;
    background: url(../img/ico_clock_footer.svg) 0 50% no-repeat;
    transition: all .2s linear;
}
.contacts__phone {}
.contacts__btn {}


#map1 {
    height: 481px;
    width: 60.3%;
    max-width: 100%;
    filter: grayscale();
    border-radius: 20px;
    overflow: hidden;
}


/**************************************************************************************************************/



.footer {
    padding: 50px 0;
    color: #9AA2A7;
    font-size: 16px;
    background: #141413;
}
.footer__container {}
.footer__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
.footer__copyright {}
.footer__dislamer-btn {
    color: #9AA2A7;
    text-decoration: none;
}
.footer__comp-info {}
.footer__terms {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
}
.footer__logo-text {
    padding: 0;
    border: unset;
    color: #fff;
}
.footer__madein {}
.footer__policy {
    color: #9AA2A7;
    text-decoration: none;
}
.footer__disclamer {font-size:14px;display: none;text-align: left;padding-top: 35px;}


/* **************************************************************************************************************************************** */

/* media */


/* desktop and laptops */

/* tablets */

@media only screen and (min-width: 768px) and (max-width: 1366px) { 
    .container {
        max-width: 1082px;
        padding: 0 15px;
    }

   
    .logo-text {
    font-size: 11px;
}
    .logo-text__big {
    font-size: 25px;
}
    
.banner__content {
    top: 60px;
}
.service__item-title {
    font-size: 20px;
    bottom: 28%;
}
.detailing__info-title {
    font-size: 2vw;
}
.aboutus__text {
    font-size: 1.2vw;
}
.aboutus__items {
    margin-top: -60px;
}
.aboutus__item {
    font-size: .9vw;
    min-height: 65px;
}
.reviews__text_bottom {
    bottom: unset;
    top: 25vw;
}

}
@media only screen and (min-width: 768px) and (max-width: 1112px) { 
    .container {
        max-width: 930px;
    }

    .header__addr {
        display: none;
    }

}
@media only screen and (min-width: 768px) and (max-width: 1024px) { 
    .container {
        max-width: 100%;
    }

}

/* mobiles */
@media only screen and (max-width: 991px) {
    .banner__title1_size60 {
        font-size: 4vw;
    }
    .banner__slide-item_slide3 .banner__title2.title2 {
        font-size: 4vw;
    }
    .banner__slide-item_slide3 .title2__text_black {
        padding: 0 2vw;
        font-size: 5vw;
    }
}
@media only screen and (max-width: 767px) {
    .container {
        max-width: 610px;
        padding: 0 15px;
    }

    .fancybox-type-image {width: 100% !important;margin: 0px !important;left: 0px !important;}
	.fancybox-close {right: 9px !important;top: 9px !important;}
	.fancybox-inner {width: 100% !important;margin: 0px !important;padding: 0px !important;}
	.fancybox-wrap {margin:0px !important;width: 100% !important;left: 0px !important;top: 20px !important;}
	.fancybox-type-image .fancybox-close {top: -8px !important;}

	.simple_slider .btn_left {display:none !important;}
	.simple_slider .btn_right {display:none !important;}
	
	.popup_container {width:100%;}



    .popup-content-item {}
    .popup-text-block {
    height: auto;
}
    .popup-info {}
    .popup-info__img-block {
    overflow: hidden;
}
    .popup-info__title {bottom: unset;top: 010%;}

.popup-info__title .specials__text-block {
    padding-bottom: 0;
}
    .popup-info__title .specials__item-title {
    font-size: 8vw;
}
    .popup-info__title .specials__item-subtitle {
    font-size: 7vw;
}
    .popup-info__img {
    width: 300%;
    transform: translateX(-32%) translateY(-1%);
}

.popup-info__img img {
    width: 100%;
}
    .popup-info__text {
    padding: 20px;
}
    .popup-info__text-block {}
    .popup-info__text_order1 {}
    .popup-info__text_order2 {}
    .popup-info__text_order3 {}
    .popup2__list {}
    .popup2__list-item {}
    .popup-info__btn {}
    .popup-info__form {background-image: none;}
    .popup-info__form .agree_field {}
    .popup-info__form .form-group-wrapper {
    flex-direction: column;
}
    .popup-info__form .form-group-wrapper .form-group {
    width: 100% !important;
}


    .swiper-button-arrow {}
    .swiper-button-prev {}
    .swiper-button-next {}
    .swiper-button-arrow:after {}
    .swiper-button-prev:after {}
    .swiper-button-next:after {}

    .swiper-pagination {}
    .swiper-pagination-bullet {}
    .swiper-pagination-bullet-active {}
    .swiper-pagination-bullet-active:before {}

    .swiper-scrollbar {}
    .swiper-scrollbar-drag {}

    .anim {
        transform: translateY(0);
        opacity: 1;
    }

    .title {
    padding-bottom: 40px;
    font-size: 10vw;
    text-align: center;
    }
    
    .title-text_white {
    }
    
    .title2 {
    margin-top: 2vw;
    font-size: 9.9vw;
    padding-left: 16px;
}

.banner__slide-item_slide2 .title2 {
    padding: 0;
    margin-left: -20px;
}
    
    .title2__text_black {}
    
    .btn {
        width: calc(100% - 40px);
        margin: 0 20px;
    }

section {
    /* margin-top: 60px; */
}
    
   
    .text-btn-anim__text {
    font-size: 5vw;
}
    
    .logo__img {
    max-width: 40px;
}
    .logo__img_hover {}
    .logo-text {
    font-size: 2.2vw;
    padding-left: 10px;
}
    .logo-text__big {
    font-size: 5vw;
}
   

    /************************************************************************/

    .header .mob-menu-btn {
        display: block;
        position: relative;
        width: 30px;
        height: 22px;
        z-index: 1;
    }

    .header .mob-menu-btn span {
        position: absolute;
        display: block;
        width: 30px;
        height: 3px;
        background: #fff;
        transition: all .2s linear;
    }

    .header .mob-menu-btn span:nth-child(1) {
        top: 0;
    }

    .header .mob-menu-btn span:nth-child(2) {
        top: calc(50% - 1px);
        opacity: 1;
    }

    .header .mob-menu-btn span:nth-child(3) {
        bottom: 0;
    }

    .header .mob-menu-btn.active span:nth-child(1) {
        transform-origin: top right;
        transform: rotate(-45deg);
        top: -1px;
    }
    
    .header .mob-menu-btn.active span:nth-child(2) {
        opacity: 0;
    }
    
    .header .mob-menu-btn.active span:nth-child(3) {
        transform-origin: bottom right;
        transform: rotate(45deg);
        bottom: -1px;
    }

    .header{
        top: 0;
    }
.header__container{}
.header__content{
    flex-wrap: wrap;
    padding: 10px 0;
}
.header__logo{
    gap: 10px;
    width: 69%;
}
.header__addr{
    display: none;
}
.header__phone{
    /* margin: 0 auto; */
    /* margin-top: 10px; */
    color: transparent;
    font-size: 0;
    display: block;
    width: 44px;
    height: 44px;
    border: 1px solid #FFED00;
    border-radius: 50%;
    background-position: 50% 50%;
}
.header__btn{
    display: none;
}
.menu-wrapper{
    position: fixed;
    width: 100%;
    z-index: 10;
    top: 15vw;
    background: #141413;
    left: 100%;
    transition: all .2s linear;
}

.menu-wrapper.active {
    left: 0;
}
.menu__container{}
.menu{
    flex-direction: column;
    align-items: center;
}



/**************************************************************************************************************/


.banner {
    margin-top: 15vw;
}
.banner__slide-item {
    margin-top: 0;
}
.banner__content {
    top: 50px;
    width: 100%;
    left: 0;
    padding: 0 15px;
}

.banner__title-block {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.banner__title1 {
    font-size: 13vw;
}
.banner__title1_yellow {}
.banner__title1_size60 {
    font-size: 10.2vw;
}
.banner__title2 {}
.banner__text-bg-decor {}
.banner__title3 {
    font-size: 6vw;
}
.banner__text-btn-anim {
    margin-top: 4vw;
}
.banner__bg {}
.banner__bg-img {}
.banner__bg-img img {}

.banner__title-block {

}
.banner__title-block {
    align-items: start;
}
.banner__slide-item_slide3 .block-decor-triangle {
    transform: translateX(0);
}
.banner__slide-item_slide3 .banner__title1_size60 {
    font-size: 8vw;
    text-align: left;
}
.banner__slide-item_slide3 .title2 {
    padding-left: 0;
}
.banner__slide-item_slide3 .title2__text_black {
    padding: 0 2vw;
    font-size: 6vw;
}
.banner__slide-item_slide3 .banner__title2.title2 {
    margin-top: 2vw;
    font-size: 6vw;
}
.banner__slide-item_slide3 .text-btn-anim__text {
    font-size: 6vw;
}

.main .swiper-pagination {
    bottom: 20px !important;
}


/**************************************************************************************************************/


.specials {
    padding: 40px 0;
}
.specials__container {}
.specials__title {}
.specials__content {
    flex-wrap: wrap;
    gap: 20px;
    padding-bottom: 45px !important;
}
.specials__item {
    width: 100%;
}

.specials__block-decor-triangle {
    display: none;
}

.specials__text-block {
    padding-top: 0;
    padding-bottom: 30px;
    justify-content: flex-start;
}

.popup-text-block {/* height: 300px; *//* justify-content: flex-start; */}

.specials__text-bg {
    top: 19%;
    font-size: 38vw;
}

.specials__img {
    top: 14%;
    right: -14%;
    width: auto;
    max-width: 80vw;
}

.specials__text {
}
.specials__item-title {
    font-size: 9vw;
}
.specials__item-subtitle {
    font-size: 7vw;
}


/**************************************************************************************************************/


.service .swiper-pagination {
    bottom: 10px !important;
}

.service__content {
    padding-bottom: 50px !important;
}

.service .swiper-button-arrow {
    display: none;
}
.service .swiper-pagination-bullet {}
.service .swiper-pagination-bullet-active {}
.service .swiper-pagination-bullet-active:before {}

.service {
    padding: 40px 0;
}
.service__item-title {
    font-size: 6vw;
}
.service__btn {
    left: 0px;
    right: 0px;
}


/**************************************************************************************************************/
.detailing {
    padding: 40px 0;
}

.detailing__content {
    padding: 0;
    flex-wrap: wrap;
    gap: 0;
    padding: 20px;
}

.detailing__sticker {
    max-width: 30%;
}

.detailing__content {}

.detailing__img-item {
    border-radius: 10px 10px 0 0;
}
.detailing__info {
    width: 100%;
    padding: 0;
    gap: 20px;
    margin-top: 20px;
}
.detailing__info-title {
    font-size: 7.7vw;
}

/**************************************************************************************************************/


.aboutus {
    padding: 40px 0;
}
.aboutus__bg {
    width: auto;
    height: 100%;
    left: 0;
    transform: unset;
}

.aboutus__bg-img {
    height: 100%;
    width: auto;
}

.aboutus__bg-img img {
    height: 100%;
    width: auto;
}
.aboutus__content {
    flex-wrap: wrap;
    margin-top: 20px;
}

.aboutus__bg-img-mob {
    display: block;
}

.aboutus__bg-img-mob img {
    border-radius: 10px;
}
.aboutus__text {
    width: 100%;
    font-size: 4vw;
}
.aboutus__img {
    width: 100%;
    margin-top: 20px;
    display: none;
}
.aboutus__img-item {}
.aboutus__items {
    margin-top: 30px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, .5fr);
    grid-template-areas:
        "item1 item2"
        "item3 item4"
        "item5 item6"
        "item7 ."
        "item8 item9";
    row-gap: 15px;
    column-gap: 4%;
}

.aboutus__item {
    padding: 10px;
    font-size: 3.7vw;
}

.aboutus__item:before {
    display: none;
}

.aboutus__item_ico1 {
    grid-area: item1;
}
.aboutus__item_ico2 {
    grid-area: item2;
}
.aboutus__item_ico3 {
    grid-area: item3;
}
.aboutus__item_ico4 {
    grid-area: item4;
}
.aboutus__item_ico5 {
    grid-area: item5;
}
.aboutus__item_ico6 {
    grid-area: item6;
}
.aboutus__item_ico7 {
    grid-area: item7;
}
.aboutus__item_ico8 {
    grid-area: item8;
    background: none;
    display: block;
}
.aboutus__item_ico9 {
    grid-area: item9;
    background: none;
    grid-row: span 2;
    display: block;
}

.aboutus__item_ico8,
.aboutus__item_ico9 {
    padding: 0;
}

/**************************************************************************************************************/
.reviews {
    padding: 40px 0;
}

.reviews__content {
    flex-wrap: wrap;
}
.reviews__img-block {
    width: 100%;
}

.reviews__text-btn {
    display: none;
}

.reviews .swiper-pagination {
    bottom: 10px !important;
}

.reviews .swiper-pagination-bullet {
    background: #000;
}

.reviews .swiper-pagination-bullet-active {}

.reviews .swiper-pagination-bullet-active:before {
    border-color: #000;
}

.reviews__text_top, .reviews__text_bottom {
    display: none;
}
.reviews__items {
    width: 100%;
    height: 435px;
    padding: 0 !important;
    margin-top: 15px !important;
    padding-bottom: 60px !important;
}

.reviews .swiper-scrollbar {
    height: 4px !important;
    bottom: 0 !important;
    top: unset !important;
}
.reviews__item {
    height: unset !important;
    padding-bottom: 0;
    border-bottom: unset;
    padding-right: 10px;
    border-right: 1px solid #ACACAC;
}
.reviews__item-title {
    font-size: 6vw;
}
.reviews__item-text {
    font-size: 4vw;
}


/**************************************************************************************************************/


.contacts {
    overflow: hidden;
    padding: 40px 0;
    background: #141413;
}
.contacts__bg {
    left: 0;
    transform: unset;
    display: none;
}
.contacts__content {
    flex-wrap: wrap;
    gap: 20px;
}
.contacts__info-block {
    width: 100%;
    gap: 20px;
}
.contacts__metro {
    /* flex-wrap: wrap; */
}
.metro__text {}
.metro__text_pad-left {
    /* width: 100%; */
}


#map1 {
    margin-left: 0;
    width: 100%;
    max-width: none;
    height: 350px;
}


/**************************************************************************************************************/



.footer {padding: 15px 0;text-align: center;}
.footer__terms {
    align-items: center;
    width: 100%;
}
}

/* **************************************************************************************************************************************** */

/* media END*/

@media only screen and (max-width: 460px) {
    .banner__slide-item_slide3 .banner__title1_size60 {
        font-size: 10vw;
    }
}