/**************** ROOT ****************//**************** ROOT ****************//**************** ROOT ****************/
/**************** ROOT ****************//**************** ROOT ****************//**************** ROOT ****************/
/**************** ROOT ****************//**************** ROOT ****************//**************** ROOT ****************/

:root {
    --color-first: hsla(210,80%,20%,1);
    --color-first-ulight: hsla(210,25%,95%,1);
    --color-second: hsla(50,100%,50%,1);
    --color-second-border: hsla(50,90%,45%,1);
    --color-black: hsla(0,0%,12%,1);
    --color-black-text-light: hsla(0,0%,24%,1);
    --color-white: hsla(0,0%,100%,1);
    --color-grey-bg-light: hsla(0,0%,96%,1);
    --color-grey-border: hsla(0,0%,78%,1);
    --color-grey-border-dark: hsla(0,0%,72%,1);
    --color-grey-text: hsla(0,0%,60%,1);
    --color-grey-text-light: hsla(0,0%,78%,1);
    --color-error-border: hsla(5,75%,75%,1);
    --color-error-text: hsla(5,90%,45%,1);
    --color-accessibility-bg: hsla(0,0%,0%,1) !important;
    --color-accessibility-text: hsla(60,100%,50%,1) !important;
}



/**************** MAIN ****************//**************** MAIN ****************//**************** MAIN ****************/
/**************** MAIN ****************//**************** MAIN ****************//**************** MAIN ****************/
/**************** MAIN ****************//**************** MAIN ****************//**************** MAIN ****************/

/**************** MAP ****************/

#map {position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 1;}
#map img {display: none; width: 100%; height: 100%; object-fit: cover;} #map img.i2560 {display: block;}
#map .fix {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--color-first-ulight); opacity: 0.78;}


@media screen and (max-width: 1920px){
    #map img.i2560 {display: none;} #map img.i1920 {display: block;}
}

@media screen and (max-width: 1400px){
    #map img.i1920 {display: none;} #map img.i1366 {display: block;}
}

@media screen and (max-width: 1024px){
    #map img.i1366 {display: none;} #map img.i1024 {display: block;}
}

@media screen and (max-width: 720px){
    #map img.i1024 {display: none;} #map img.i720 {display: block;}
}



/**************** BODY ****************/

body {font-family: 'Newember', sans-serif; font-weight: 400; font-stretch: 100%; font-size: 16px; line-height: 1; color: var(--color-black); background-color: var(--color-white);}

#body .scwbox {width: 100%; max-width: 1600px; margin: 0px auto; padding-left: 60px; padding-right: 60px;}


@media screen and (max-width: 1400px){
    #body .scwbox {padding-left: 36px; padding-right: 36px;}
}

@media screen and (max-width: 660px){
    #body .scwbox {padding-left: 18px; padding-right: 18px;}
}



/**************** BTN ****************/

.btn {
    display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap;
    -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center;
    position: relative; min-height: 54px; padding: 15px 18px 15px 18px; font-weight: 600; font-size: 16px; line-height: 24px; text-align: center;
    color: var(--color-first); background: var(--color-second); border-radius: 12px; cursor: pointer; transition: opacity linear 200ms;
}
.btn:hover {opacity: 0.84;}

.btn > svg {display: block; height: 24px; aspect-ratio: 1; fill: var(--color-first);}
.btn > b {display: block; font-weight: inherit; margin-bottom: 0px; margin-right: 0px;}
.btn > svg + b {margin-left: 9px;}
.btn > b + svg {margin-left: 9px;}

.btn.w100pc {width: 100%;}


@media screen and (max-width: 1400px){
    .btn {min-height: 48px; padding: 14px 18px 14px 18px; font-size: 14px; line-height: 20px; border-radius: 9px;}
    .btn > svg {height: 20px;}
}


/***/ html[dir="rtl"] .btn > svg {transform: scale(-1,1);}
/***/ html[dir="rtl"] .btn > svg + b {margin-left: 0px; margin-right: 9px;}
/***/ html[dir="rtl"] .btn > b + svg {margin-left: 0px; margin-right: 9px;}



/**************** TAIL TITLE ****************/

.tail-title {width: 100%;}
.tail-title b {display: block; height: 36px; font-weight: 800; font-size: 30px; line-height: 36px; color: var(--color-first);}
.tail-title .tail {display: block; height: 36px; margin: 0px 0px 0px 9px; aspect-ratio: 0.25; fill: var(--color-second);}


/***/ html[dir="rtl"] .tail-title .tail {margin: 0px 9px 0px 0px;}


@media screen and (max-width: 1400px){
    .tail-title b {height: 30px; font-size: 24px; line-height: 30px;}
    .tail-title .tail {height: 30px;}
}

@media screen and (max-width: 660px){
    .tail-title b {height: 26px; font-size: 20px; line-height: 26px;}
    .tail-title .tail {height: 26px;}
    .tail-title .no-mobile {display: none;}
}



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

.input input, .select select, .textarea textarea {
    display: block; width: 100%; height: 100%; font-family: 'Newember', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px; text-align: start; letter-spacing: 0px;
    color: var(--color-black); background-color: transparent; border: none; border-radius: 0px; outline: none;
}

.input {width: 100%; height: 54px; padding: 0px 0px 0px 0px; background-color: transparent; border: solid 1px var(--color-grey-border); border-radius: 12px; overflow: hidden;}
.input:hover {border: solid 1px var(--color-grey-border-dark);}
.input.focus {border: solid 1px var(--color-second-border);}
.input input {padding: 1px 18px 0px 48px;}

.input input[type="date"] {position: relative;}
.input input[type="date"]::-webkit-calendar-picker-indicator {position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: auto; height: auto; color: transparent; background: transparent;}
.input input[type="date"]::-webkit-inner-spin-button {z-index: 1;}
.input input[type="date"]::-webkit-clear-button {z-index: 1;}

.input input::-webkit-input-placeholder {color: var(--color-grey-text-light); -webkit-text-fill-color: var(--color-grey-text-light); text-shadow: none; transition: all linear 60ms;}
.input input::placeholder {color: var(--color-grey-text-light); -webkit-text-fill-color: var(--color-grey-text-light); text-shadow: none; transition: all linear 60ms;}
.input input:focus::-webkit-input-placeholder {color: transparent !important; -webkit-text-fill-color: transparent !important; text-shadow: none; transition: all linear 60ms;}
.input input:focus::placeholder {color: transparent !important; -webkit-text-fill-color: transparent !important; text-shadow: none; transition: all linear 60ms;}

.select {width: 100%; height: 54px; padding: 0px 12px 0px 38px; background-color: transparent; border: solid 1px var(--color-grey-border); border-radius: 12px; overflow: hidden;}
.select:hover {border: solid 1px var(--color-grey-border-dark);}
.select.focus {border: solid 1px var(--color-second-border);}
.select select {padding: 1px 6px 0px 6px;}
.select select:invalid {color: var(--color-grey-text-light);}
.select option {padding: 0px 0px 0px 12px; font-weight: 400; color: var(--color-black); background-color: var(--color-white);}

.textarea {width: 100%; height: 96px; padding: 18px 0px 18px 0px; background-color: transparent; border: solid 1px var(--color-grey-border); border-radius: 12px; overflow: hidden;}
.textarea:hover {border: solid 1px var(--color-grey-border-dark);}
.textarea.focus {border: solid 1px var(--color-second-border);}
.textarea textarea {padding: 1px 18px 0px 18px;}

.textarea textarea::-webkit-input-placeholder {color: var(--color-grey-text-light); -webkit-text-fill-color: var(--color-grey-text-light); text-shadow: none; transition: all linear 60ms;}
.textarea textarea::placeholder {color: var(--color-grey-text-light); -webkit-text-fill-color: var(--color-grey-text-light); text-shadow: none; transition: all linear 60ms;}
.textarea textarea:focus::-webkit-input-placeholder {color: transparent !important; -webkit-text-fill-color: transparent !important; text-shadow: none; transition: all linear 60ms;}
.textarea textarea:focus::placeholder {color: transparent !important; -webkit-text-fill-color: transparent !important; text-shadow: none; transition: all linear 60ms;}


/***/ html[dir="rtl"] .input input {padding: 1px 48px 0px 18px;}
/***/ html[dir="rtl"] .select {padding: 0px 38px 0px 12px;}


@media screen and (max-width: 1400px){
    .input input, .select select, .textarea textarea {font-weight: 400; font-size: 14px; line-height: 20px;}
    .input {height: 48px; border-radius: 9px;}
    .input input {padding: 1px 12px 0px 42px;}
    .select {height: 48px; padding: 0px 9px 0px 32px; border-radius: 9px;}
    .select select {padding: 1px 3px 0px 6px;}
    .select option {padding: 0px 0px 0px 12px;}
    .textarea {width: 100%; height: 84px; padding: 12px 0px 12px 0px; border-radius: 9px;}
    .textarea textarea {padding: 1px 12px 0px 12px;}

    /***/ html[dir="rtl"] .input input {padding: 1px 42px 0px 12px;}
    /***/ html[dir="rtl"] .select {padding: 0px 32px 0px 9px;}
    /***/ html[dir="rtl"] .select select {padding: 1px 6px 0px 3px;}
}



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

#header {padding: 60px 0px 60px 0px;}

#header .first-line {
    width: 100%; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap;
    -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: stretch; align-items: stretch; -webkit-align-content: flex-start; align-content: flex-start;
}
#header .first-line .promo-side {
    display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; flex-wrap: nowrap;
    -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; -webkit-align-content: flex-start; align-content: flex-start;
    max-width: 100%; -webkit-flex: 1 1 auto; flex: 1 1 auto;
}

#header .promo-side .logo-box {width: 100%; padding: 0px 120px 0px 0px;}
#header .promo-side .logo-box .logo {display: block; position: relative; width: 236px; height: 60px; overflow: hidden;}
#header .promo-side .logo-box .logo svg {display: block; width: 100%; height: 100%; fill: var(--color-first);}
#header .promo-side .logo-box .logo::after {
    content: ''; display: block; position: absolute; top: 0%; left: -150%; width: 150%; height: 100%;
    background: linear-gradient(60deg, hsla(210,24%,92%,0) 26%, hsla(210,24%,92%,0.6) 50%, hsla(210,24%,92%,0) 74%);
    animation: logo-blink 3350ms linear infinite; animation-delay: 2800ms;
}
@keyframes logo-blink { 0% {left: -150%;} 50% {left: 100%;} 99.9999999% {left: 100%;} 100% {left: -150%;} }

#header .promo-side .logo-box .accessibility-btn {width: 36px; aspect-ratio: 1; margin: 12px 0px 12px 18px; cursor: pointer;}
#header .promo-side .logo-box .accessibility-btn svg {display: block; width: 100%; height: 100%; fill: var(--color-first);}

#header .promo-side .logo-box .lang-box {padding: 0px 0px 0px 12px;}
#header .promo-side .logo-box .lang-box .lang-lnk {position: relative; height: 60px; margin: 0px 0px 0px 6px; aspect-ratio: 5 / 9;}
#header .promo-side .logo-box .lang-box .lang-lnk span {margin-top: 2px; font-weight: 600; font-size: 14px; line-height: 1; color: var(--color-first); z-index: 2;}
#header .promo-side .logo-box .lang-box .lang-lnk svg {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; fill: var(--color-second); opacity: 0; z-index: 1;}
#header .promo-side .logo-box .lang-box .lang-lnk:hover svg {opacity: 0.12;}
#header .promo-side .logo-box .lang-box .lang-lnk.sel {pointer-events: none;}
#header .promo-side .logo-box .lang-box .lang-lnk.sel svg {opacity: 0.36;}

#header .promo-side .text-box {width: 100%; padding: 36px 0px 54px 0px;}
#header .promo-side .text-box .title-swiper {width: 100%; height: 51px; font-weight: 800; font-size: 42px; line-height: 51px; color: var(--color-second); text-shadow: 0px 1px 0px hsla(210,80%,20%,0.48); overflow: hidden;}
#header .promo-side .text-box .title-swiper .swiper-slide {width: 100%; height: 51px;}

#header .promo-side .text-box .slogan {padding: 18px 0px 24px 0px; font-weight: 800; font-size: 30px; line-height: 36px; color: var(--color-first);}
#header .promo-side .text-box .slogan span {color: var(--color-second);}

#header .promo-side .text-box .contacts {width: 100%; padding: 0px 0px 0px 0px;}
#header .promo-side .text-box .contacts .icon {width: 36px; aspect-ratio: 1; margin: 0px 0px 0px 24px; border-radius: 9px;}
#header .promo-side .text-box .contacts .icon svg {display: block; width: 100%; height: 100%; fill: var(--color-white);}
#header .promo-side .text-box .contacts .icon.whatsapp {display: block; background-color: #25D366;}
#header .promo-side .text-box .contacts .icon.telegram {display: block; background-color: #2AABEE;}

#header .promo-side .text-box .contacts .phone {margin: 0px 12px 0px 0px;}
#header .promo-side .text-box .contacts .phone .icon {margin: 0px 12px 0px 0px; height: 36px; padding: 8px; background-color: var(--color-second); box-sizing: border-box;}
#header .promo-side .text-box .contacts .phone .text {display: block; padding: 7px 0px 5px 0px; font-weight: 600; font-size: 24px; line-height: 24px; color: var(--color-first);}

#header .promo-side .promo-image {width: 100%; margin-bottom: -1.8%; padding: 0px 120px 0px 0px;}
#header .promo-side .promo-image img {display: block; width: 100%;}

#header .second-line {
    width: 100%; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap;
    -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: stretch; align-items: stretch; -webkit-align-content: flex-start; align-content: flex-start;
}
#header .second-line .promo-side {
    display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; flex-wrap: nowrap;
    -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: flex-start; align-items: flex-start; -webkit-align-content: flex-start; align-content: flex-start;
    max-width: 100%; -webkit-flex: 1 1 auto; flex: 1 1 auto;
}

#header .promo-side .advantages-list {width: 100%; padding: 0px 60px 0px 0px;}
#header .promo-side .advantages-list .margin-box {margin: 0px 0px -24px 0px;}
#header .promo-side .advantage {width: 33.333333%; padding: 12px 0px 0px 0px;}
#header .promo-side .advantage .icon {width: 100%; height: 48px; aspect-ratio: 1;}
#header .promo-side .advantage .icon svg {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; fill: var(--color-second); z-index: 2;}
#header .promo-side .advantage .icon svg:last-child {top: 1px; fill: var(--color-first); opacity: 0.48; z-index: 1;}
#header .promo-side .advantage .text {width: 100%; min-height: 78px; padding: 12px 0px 0px 0px; font-weight: 600; font-size: 16px; line-height: 22px; text-align: center; color: var(--color-first); -webkit-flex: 1 1 auto; flex: 1 1 auto;}


/**/ html[dir="rtl"] #header .promo-side .logo-box {padding: 0px 0px 0px 120px;}
/**/ html[dir="rtl"] #header .promo-side .logo-box .accessibility-btn {margin: 12px 18px 12px 0px;}
/**/ html[dir="rtl"] #header .promo-side .logo-box .lang-box {padding: 0px 12px 0px 0px;}
/**/ html[dir="rtl"] #header .promo-side .logo-box .lang-box .lang-lnk {margin: 0px 6px 0px 0px;}
/**/ html[dir="rtl"] #header .promo-side .text-box .contacts {-webkit-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-justify-content: flex-end; justify-content: flex-end;}
/**/ html[dir="rtl"] #header .promo-side .text-box .contacts .phone {-webkit-flex-direction: row-reverse; flex-direction: row-reverse;}
/**/ html[dir="rtl"] #header .promo-side .promo-image {padding: 0px 0px 0px 120px;}
/**/ html[dir="rtl"] #header .promo-side .advantages-list {padding: 0px 0px 0px 60px;}


@media screen and (max-width: 1400px){
    #header {padding: 48px 0px 60px 0px;}
    #header .promo-side .logo-box {padding: 0px 150px 0px 0px;}
    #header .promo-side .logo-box .accessibility-btn {width: 30px; margin: 6px 0px 6px 18px; cursor: pointer;}
    #header .promo-side .logo-box .logo {width: 165px; height: 42px;}
    #header .promo-side .logo-box .lang-box .lang-lnk {height: 42px;}
    #header .promo-side .logo-box .lang-box .lang-lnk span {font-size: 12px;}
    #header .promo-side .text-box {padding: 18px 0px 36px 0px;}
    #header .promo-side .text-box .title-swiper {height: 42px; font-size: 30px; line-height: 42px;}
    #header .promo-side .text-box .title-swiper .swiper-slide {height: 42px;}
    #header .promo-side .text-box .slogan {padding: 18px 0px 24px 0px; font-size: 24px; line-height: 30px;}
    #header .promo-side .text-box .contacts .icon {width: 30px; border-radius: 6px;}
    #header .promo-side .text-box .contacts .phone .icon {height: 30px; padding: 7px;}
    #header .promo-side .text-box .contacts .phone .text {padding: 6px 0px 4px 0px; font-size: 20px; line-height: 20px;}
    #header .promo-side .promo-image {padding: 0px 150px 0px 0px;}
    #header .promo-side .advantages-list {padding: 0px 42px 0px 0px;}
    #header .promo-side .advantages-list .margin-box {margin: 0px 0px -24px 0px;}
    #header .promo-side .advantage {padding: 0px 0px 0px 0px;}
    #header .promo-side .advantage .icon {height: 42px;}
    #header .promo-side .advantage .text {min-height: 72px; padding: 12px 0px 0px 0px; font-size: 14px; line-height: 20px;}
    
    /**/ html[dir="rtl"] #header .promo-side .logo-box {padding: 0px 0px 0px 150px;}
    /**/ html[dir="rtl"] #header .promo-side .logo-box .accessibility-btn {margin: 6px 18px 6px 0px;}
    /**/ html[dir="rtl"] #header .promo-side .promo-image {padding: 0px 0px 0px 150px;}
    /**/ html[dir="rtl"] #header .promo-side .advantages-list {padding: 0px 0px 0px 36px;}
}

@media screen and (max-width: 1300px){
    #header .promo-side .logo-box {padding: 0px 90px 0px 0px;}
    #header .promo-side .promo-image {padding: 0px 90px 0px 0px;}
    
    /**/ html[dir="rtl"] #header .promo-side .logo-box {padding: 0px 0px 0px 90px;}
    /**/ html[dir="rtl"] #header .promo-side .promo-image {padding: 0px 0px 0px 90px;}
}

@media screen and (max-width: 1200px){
    #header {padding: 48px 0px 0px 0px;}
    #header .promo-side .logo-box {padding: 0px 60px 0px 0px;}
    #header .promo-side .promo-image {padding: 0px 60px 0px 0px;}
    #header .second-line {-webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    #header .second-line .promo-side {width: 100%; order: 2;}
    #header .promo-side .advantages-list {padding: 48px 0px 0px 0px;}
    #header .promo-side .advantage {padding: 12px 0px 0px 0px;}
    
    /**/ html[dir="rtl"] #header .promo-side .logo-box {padding: 0px 0px 0px 60px;}
    /**/ html[dir="rtl"] #header .promo-side .promo-image {padding: 0px 0px 0px 60px;}
    /**/ html[dir="rtl"] #header .promo-side .advantages-list {padding: 48px 0px 0px 0px;}
}

@media screen and (max-width: 1000px){
    #header {padding: 36px 0px 0px 0px;}
    #header .first-line {-webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    #header .promo-side .logo-box {padding: 0px 0px 0px 0px;}
    #header .promo-side .text-box {padding: 36px 0px 54px 0px; text-align: center;}
    #header .promo-side .text-box .slogan {padding: 24px 0px 30px 0px;}
    #header .promo-side .text-box .contacts {-webkit-justify-content: center; justify-content: center;}
    #header .promo-side .promo-image {padding: 0px 12% 60px 12%;}
    
    /**/ html[dir="rtl"] #header .promo-side .logo-box {padding: 0px 0px 0px 0px;}
    /**/ html[dir="rtl"] #header .promo-side .text-box .contacts {-webkit-justify-content: center; justify-content: center;}
    /**/ html[dir="rtl"] #header .promo-side .promo-image {padding: 0px 12% 60px 12%;}
}

@media screen and (max-width: 660px){
    #header {padding: 18px 0px 0px 0px;}
    #header .promo-side .text-box {padding: 30px 0px 48px 0px; text-align: center;}
    #header .promo-side .text-box .title-swiper {height: 33px; font-size: 24px; line-height: 33px;}
    #header .promo-side .text-box .title-swiper .swiper-slide {height: 33px;}
    #header .promo-side .text-box .slogan {padding: 18px 0px 24px 0px; font-size: 20px; line-height: 26px;}
    #header .second-line .promo-side {order: 3;}
    #header .promo-side .promo-image {padding: 0px 9% 48px 9%;}
    #header .promo-side .advantages-list {padding: 36px 0px 0px 0px;}
    #header .promo-side .advantage {width: 50%;}
    
    /**/ html[dir="rtl"] #header .promo-side .promo-image {padding: 0px 9% 48px 9%;}
    /**/ html[dir="rtl"] #header .promo-side .advantages-list {padding: 36px 0px 0px 0px;}
}



/**************** HEADER FORM ****************/

#header .form-side {width: 660px; -webkit-flex: 0 0 auto; flex: 0 0 auto;}

#header .form-wrapper {margin: 0px 12px 12px 0px;}
#header .form-box {width: 100%; background-color: var(--color-white); border-radius: 24px; z-index: 2; overflow: hidden;}
#header .form-shadow {position: absolute; top: 12px; left: 12px; width: 100%; height: 100%; background-color: var(--color-first); border-radius: 27px; z-index: 1;}

#header .form-box .form-bg {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.24; pointer-events: none;}
#header .form-box .form-bg svg.top {display: block; position: absolute; top: 0px; right: 0px; width: 100%; aspect-ratio: 2; transform: translate(55%,-52.5%) rotate(31deg);}
#header .form-box .form-bg svg.bottom {display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; aspect-ratio: 2; transform: translate(-45%,45%) rotate(31deg);}
#header .form-box .form-bg svg.mini {display: block; position: absolute; top: 0px; right: 0px; width: 100%; aspect-ratio: 2; transform: translate(45%,-45%) rotate(31deg);}

#header .form-box .form-title {width: 100%; padding: 30px 36px 0px 36px;}
#header .form-box .form-title.mini {padding: 30px 36px 0px 36px; font-weight: 800; font-size: 18px; line-height: 24px; color: var(--color-first);}

#header .form-box .form-list {width: 100%; padding: 18px 18px 18px 18px;}
#header .form-box .form-item-pad {width: 50%; padding: 18px 18px 18px 18px;}
#header .form-box .form-item-pad.w100pc {width: 100%;}
#header .form-box .form-item-box {width: 100%;}

#header .form-box .form-item-box legend {display: block; position: absolute; top: -5px; left: 12px; height: 6px; padding: 0px 6px; font-weight: 600; font-size: 16px; line-height: 6px; color: var(--color-first); background-color: var(--color-white);}

#header .form-box .form-item-box .form-icon {
    display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center;
    position: absolute; top: 18px; left: 18px; height: 18px; aspect-ratio: 1; pointer-events: none;
}
#header .form-box .form-item-box .form-icon.fix {top: 17px; height: 20px;}
#header .form-box .form-item-box .form-icon svg {display: block; height: 100%; aspect-ratio: 1; fill: var(--color-second);}

#header .form-box .form-item-box .input.error {border: solid 1px var(--color-error-border);}
#header .form-box .form-item-box .input.error ~ legend {color: var(--color-error-text);}

#header .form-box .check-list {margin: -9px 0px -9px 0px;}
#header .form-box .check-box {padding: 9px 0px 9px 0px; user-select: none;}
#header .form-box .check-box .check {width: 18px; height: 18px; padding: 2px; border: solid 1px var(--color-grey-border); border-radius: 4px; cursor: pointer;}
#header .form-box .check-box .check svg {display: block; width: 100%; height: 100%; fill: var(--color-first); opacity: 0;}
#header .form-box .check-box .name {height: 18px; padding: 0px 0px 0px 12px; font-weight: 600; font-size: 16px; line-height: 20px; color: var(--color-first); cursor: pointer;}
#header .form-box .check-box:hover .check {border: solid 1px var(--color-second-border);}
#header .form-box .check-box.sel .check svg {opacity: 1;}

#header .form-box .form-item-box .form-placeholder {width: 100%; height: 54px;}
#header .form-box .form-item-box .form-placeholder .text-box {
    position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 15px 18px 15px 18px;
    font-weight: 600; font-size: 16px; line-height: 24px; text-align: center; background-color: hsla(0,0%,100%,0.6); border-radius: 12px;
}
#header .form-box .form-item-box .form-placeholder .text-box.error {color: var(--color-error-text);}
#header .form-box .form-item-box .form-placeholder .text-box.submit {color: var(--color-second);}

#header .form-box .form-item-box .form-placeholder.error-box {display: none;}

#header .form-box .form-item-box .form-placeholder.btn-box .text-box.submit {opacity: 0; pointer-events: none; transition: opacity linear 200ms;}

#header .form-box .form-item-box .form-placeholder.btn-box .sync {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; pointer-events: none; transition: opacity linear 200ms;}
#header .form-box .form-item-box .form-placeholder.btn-box .sync .flexac {width: 100%; height: 100%;}
#header .form-box .form-item-box .form-placeholder.btn-box .sync svg {width: 48px; aspect-ratio: 1; fill: var(--color-first); animation: iso-sync 2000ms infinite linear;}

#header .form-box .form-item-box .form-placeholder.btn-box .btn {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
#header .form-box .form-item-box .form-placeholder.btn-box .btn.mini {width: auto;}

#header .form-box .form-item-box .form-placeholder.btn-box.sync .sync {opacity: 1;}
#header .form-box .form-item-box .form-placeholder.btn-box.sync .btn {opacity: 0; pointer-events: none;}

#header .form-box .form-item-box .form-placeholder.btn-box.sync.submit .sync {opacity: 0;}
#header .form-box .form-item-box .form-placeholder.btn-box.sync.submit .btn {opacity: 0; pointer-events: none;}
#header .form-box .form-item-box .form-placeholder.btn-box.sync.submit .text-box.submit {opacity: 1;}

#header .form-box .form-item-sub {width: 100%; margin-top: -9px; padding: 30px 0px 18px 18px; border: solid 1px var(--color-grey-border); border-top-color: transparent; border-radius: 0px 0px 12px 12px;}
#header .form-box .form-item-sub .form-item-box {width: auto;}
#header .form-box .form-item-sub .form-item-box .input.number {width: 78px; height: 48px; padding: 0px 0px 0px 0px;}
#header .form-box .form-item-sub .form-item-box .input.number input {padding: 1px 12px 0px 18px;}
#header .form-box .form-item-sub .form-item-box .check-list {margin: -6px 0px -6px 24px;}
#header .form-box .form-item-sub .form-item-box .check-box {padding: 6px 0px 6px 0px;}

#header .form-side .form-or-box {width: 100%; padding: 27px 0px 30px 0px; font-weight: 800; font-size: 30px; line-height: 36px; text-align: center; color: var(--color-first);}
#header .form-side .form-or-box span {color: var(--color-second);}

#header .form-box #phone-form .form-item-box .form-placeholder.btn-box .btn {display: none;}
#header .form-box #phone-form .form-item-box .form-placeholder.btn-box .btn.mini {display: flex;}


/**/ html[dir="rtl"] #header .form-wrapper {margin: 0px 0px 12px 12px;}
/**/ html[dir="rtl"] #header .form-shadow {left: auto; right: 12px;}
/**/ html[dir="rtl"] #header .form-box .form-bg svg.top {right: auto; left: 0px; transform: translate(-55%,-52.5%) rotate(-31deg);}
/**/ html[dir="rtl"] #header .form-box .form-bg svg.bottom {left: auto; right: 0px; transform: translate(45%,45%) rotate(-31deg);}
/**/ html[dir="rtl"] #header .form-box .form-bg svg.mini {right: auto; left: 0px; transform: translate(-45%,-45%) rotate(-31deg);}
/**/ html[dir="rtl"] #header .form-box .form-item-box legend {left: auto; right: 12px;}
/**/ html[dir="rtl"] #header .form-box .form-item-box .form-icon {left: auto; right: 18px;}
/**/ html[dir="rtl"] #header .form-box .form-item-box .form-icon svg {transform: scale(-1,1);}
/**/ html[dir="rtl"] #header .form-box .check-box .name {padding: 0px 12px 0px 0px;}
/**/ html[dir="rtl"] #header .form-box .form-item-box .form-placeholder.btn-box .btn {left: auto; right: 0px;}
/**/ html[dir="rtl"] #header .form-box .form-item-sub {padding: 30px 18px 18px 0px;}
/**/ html[dir="rtl"] #header .form-box .form-item-sub .form-item-box .input.number input {padding: 1px 18px 0px 12px;}
/**/ html[dir="rtl"] #header .form-box .form-item-sub .form-item-box .check-list {margin: -6px 24px -6px 0px;}


@media screen and (max-width: 1400px){
    #header .form-side {width: 540px;}
    #header .form-wrapper {margin: 0px 9px 9px 0px;}
    #header .form-box {border-radius: 18px;}
    #header .form-shadow {top: 9px; left: 9px; border-radius: 21px;}
    #header .form-box .form-title {padding: 18px 24px 0px 24px;}
    #header .form-box .form-title.mini {padding: 18px 24px 0px 24px; font-size: 16px; line-height: 22px;}
    #header .form-box .form-list {width: 100%; padding: 12px 12px 12px 12px;}
    #header .form-box .form-item-pad {padding: 12px 12px 12px 12px;}
    #header .form-box .form-item-box legend {left: 9px; font-size: 14px;}
    #header .form-box .form-item-box .form-icon {top: 16px; left: 16px; height: 16px;}
    #header .form-box .form-item-box .form-icon.fix {top: 15px; height: 18px;}
    #header .form-box .check-list {margin: -6px 0px -6px 0px;}
    #header .form-box .check-box {padding: 7px 0px 7px 0px;}
    #header .form-box .check-box .check {width: 16px; height: 16px; padding: 2px; border-radius: 3px;}
    #header .form-box .check-box .name {height: 16px; padding: 0px 0px 0px 9px; font-size: 14px; line-height: 18px;}
    #header .form-box .form-item-box .form-placeholder {height: 48px;}
    #header .form-box .form-item-box .form-placeholder .text-box {padding: 12px 12px 12px 12px; font-size: 14px; line-height: 24px; border-radius: 9px;}
    #header .form-box .form-item-sub {margin-top: -6px; padding: 24px 0px 12px 12px; border-radius: 0px 0px 9px 9px;}
    #header .form-box .form-item-sub .form-item-box .input.number {width: 66px; height: 42px;}
    #header .form-box .form-item-sub .form-item-box .input.number input {padding: 1px 9px 0px 12px;}
    #header .form-box .form-item-sub .form-item-box .check-list {margin: -6px 0px -6px 18px;}
    #header .form-box .form-item-sub .form-item-box .check-box {padding: 5px 0px 5px 0px;}
    #header .form-side .form-or-box {padding: 24px 0px 24px 0px; font-size: 24px; line-height: 30px;}

    /**/ html[dir="rtl"] #header .form-wrapper {margin: 0px 0px 9px 9px;}
    /**/ html[dir="rtl"] #header .form-shadow {right: 9px;}
    /**/ html[dir="rtl"] #header .form-box .form-item-box .form-icon {right: 16px;}
}

@media screen and (max-width: 1200px){
    #header .second-line .form-side {order: 1;}
}

@media screen and (max-width: 660px){
    #header .form-side {width: 100%;}
    #header .form-box .form-title {padding: 15px 18px 6px 18px;}
    #header .form-box .form-title.mini {padding: 15px 18px 0px 18px; font-size: 14px; line-height: 20px;}
    #header .form-box .form-list {width: 100%; padding: 6px 6px 6px 6px;}
    #header .form-box .form-item-pad {width: 100%;}
    #header .form-box .check-list {margin: -6px 0px 6px 15px;}
    #header .form-side .form-or-box {padding: 18px 0px 18px 0px; font-size: 20px; line-height: 26px;}
    #header .form-box #phone-form .form-item-box .form-placeholder.btn-box .btn.mini {display: none;}
    #header .form-box #phone-form .form-item-box .form-placeholder.btn-box .btn {display: flex;}

    /**/ html[dir="rtl"] #header .form-box .check-list {margin: -6px 15px 6px 0px;}
}



/**************** VIDEO VERT ****************/

#video-vert {display: none; width: 100%; padding: 48px 0px 0px 0px; order: 2;}
#video-vert .video-size {width: 100%;}
#video-vert .video-wrapper {margin: 0px 9px 9px 0px;}
#video-vert .video-box {width: 100%; aspect-ratio: 9 / 16; background-color: var(--color-white); border-radius: 18px; overflow: hidden; z-index: 2;}
#video-vert .video-shadow {position: absolute; top: 9px; left: 9px; width: 100%; height: 100%; background-color: var(--color-first); border-radius: 21px; z-index: 1;}

#video-vert .video-box video {display: block; width: 100%; height: 100%;}
#video-vert .video-box .preview {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
#video-vert .video-box .preview img {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
#video-vert .video-box .preview .play {width: 90px; height: 90px; padding: 21px 15px 21px 24px; background-color: var(--color-first); border-radius: 100%; overflow: hidden;}
#video-vert .video-box .preview .play svg {display: block; width: 100%; height: 100%; fill: var(--color-white);}

#video-vert.play .video-box .preview {display: none;}

/***/ html[dir="rtl"] #video-vert .video-wrapper {margin: 0px 0px 9px 9px;}
/***/ html[dir="rtl"] #video-vert .video-shadow {left: auto; right: 9px;}


@media screen and (max-width: 660px){
    #video-vert {display: block;}
}



/**************** SERVICES ****************//**************** SERVICES ****************//**************** SERVICES ****************/
/**************** SERVICES ****************//**************** SERVICES ****************//**************** SERVICES ****************/
/**************** SERVICES ****************//**************** SERVICES ****************//**************** SERVICES ****************/

#services {width: 100%; padding: 60px 0px 0px 0px;}
#services .margin-box {margin: 0px -18px 24px -18px;}

#services .service-pad {width: 33.333333%; padding: 0px 18px 36px 18px;}
#services .service-wrapper {margin: 0px 12px 12px 0px;}
#services .service-box {width: 100%; padding: 18px 24px 0px 24px; z-index: 2;}
#services .service-bg {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--color-white); border-radius: 24px; pointer-events: none; overflow: hidden;}
#services .service-bg svg {display: block; position: absolute; top: 0px; right: 0px; width: 100%; aspect-ratio: 2; transform: translate(40%,-50%) rotate(31deg); opacity: 0.24;}
#services .service-shadow {position: absolute; top: 12px; left: 12px; width: 100%; height: 100%; background-color: var(--color-first); border-radius: 27px; z-index: 1;}
#services .service-box .tail-title b {height: 30px; font-size: 24px; line-height: 30px;}
#services .service-box .tail-title .tail {height: 30px;}
#services .service-box .text {padding: 12px 0px 0px 0px; font-weight: 400; font-size: 14px; line-height: 20px; color: var(--color-black);}

#services .service-box .icon {position: absolute; top: 24px; right: 36px; width: 48px; aspect-ratio: 1;}
#services .service-box .icon.house {padding: 0px;}
#services .service-box .icon svg {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; fill: var(--color-second); z-index: 2;}
#services .service-box .icon svg:last-child {top: 1px; fill: var(--color-first); opacity: 0.48; z-index: 1;}

#services .service-box .list {padding: 24px 0px 18px 0px;}
#services .service-box .list .li-title {padding: 0px 0px 6px 0px; font-weight: 800; font-size: 16px; line-height: 22px; color: var(--color-second);}
#services .service-box .list .li {padding: 0px 0px 3px 18px; font-weight: 400; font-size: 14px; line-height: 20px; color: var(--color-first);}
#services .service-box .list .li .bull {position: absolute; top: 0px; left: 0px; font-weight: 800; font-size: 16px; color: var(--color-second);}

#services .service-box .price-swiper {position: absolute; bottom: 24px; right: -24px; width: 180px; padding: 15px 0px 12px 0px; color: var(--color-first); background-color: var(--color-second); border-radius: 15px; z-index: 3;}
#services .service-box .price-swiper .swiper {width: 100%; height: 100%;}
#services .service-box .price-swiper .swiper-slide .top {font-weight: 800; font-size: 20px; line-height: 26px; text-align: center;}
#services .service-box .price-swiper .swiper-slide .bottom {font-weight: 600; font-size: 16px; line-height: 22px; text-align: center; color: var(--color-white);}
#services .service-box .price-swiper-button {position: absolute; top: 50%; height: 36px; aspect-ratio: 0.5; margin-top: -18px; cursor: pointer; z-index: 10;}
#services .service-box .price-swiper-button::after {display: none;}
#services .service-box .price-swiper-button svg {display: block; width: 100%; height: 100%; fill: var(--color-white);}
#services .service-box .price-swiper-button.next {right: 6px;}
#services .service-box .price-swiper-button.prev {left: 6px;}
#services .service-box .price-swiper-button.prev svg {transform: rotate(180deg);}

#services .second-line .margin-box {margin-bottom: 0px;}
#services .second-line .service-bg svg {top: auto; bottom: 0px; right: auto; left: 0px; transform: translate(-30%,46%) rotate(31deg);}
#services .second-line .service-pad {min-width: 500px;}

#services .service-box .content {padding: 6px 0px 18px 0px;}
#services .service-box .content .text {padding: 11px 0px 1px 0px;}
#services .service-box .content .price {text-align: end;}
#services .service-box .content .price .top {font-weight: 800; font-size: 24px; line-height: 30px; color: var(--color-first);}
#services .service-box .content .price .bottom {font-weight: 600; font-size: 16px; line-height: 22px; color: var(--color-second);}

/***/ html[dir="rtl"] #services .service-wrapper {margin: 0px 0px 12px 12px;}
/***/ html[dir="rtl"] #services .service-bg svg {transform: translate(-40%,-50%) rotate(-31deg);}
/***/ html[dir="rtl"] #services .service-box .icon {right: auto; left: 36px;}
/***/ html[dir="rtl"] #services .service-box .icon svg {transform: scale(-1,1);}
/***/ html[dir="rtl"] #services .second-line .service-bg svg {transform: translate(30%,46%) rotate(-31deg);}
/***/ html[dir="rtl"] #services .service-shadow {left: auto; right: 12px;}
/***/ html[dir="rtl"] #services .service-box .list .li {padding: 0px 18px 3px 0px;}
/***/ html[dir="rtl"] #services .service-box .list .li .bull {left: auto; right: 0px;}
/***/ html[dir="rtl"] #services .service-box .price-swiper {right: auto; left: -24px; width: 210px;}


@media screen and (max-width: 1400px){
    #services .margin-box {margin: 0px -12px 36px -12px;}
    #services .service-pad {padding: 0px 12px 24px 12px;}
    #services .service-wrapper {margin: 0px 9px 9px 0px;}
    #services .service-bg {border-radius: 18px;}
    #services .service-shadow {top: 9px; left: 9px; border-radius: 21px;}
    #services .service-box .icon {right: 24px;}
    #services .second-line .service-pad {width: 50%; max-width: 600px;}

    /***/ html[dir="rtl"] #services .service-wrapper {margin: 0px 0px 9px 9px;}
    /***/ html[dir="rtl"] #services .service-shadow {right: 9px;}
    /***/ html[dir="rtl"] #services .service-box .icon {left: 24px;}
}

@media screen and (max-width: 1300px){
    #services .service-pad {width: 50%;}
    #services .service-box .icon {right: 36px;}

    /***/ html[dir="rtl"] #services .service-box .icon {left: 36px;}
}

@media screen and (max-width: 1000px){
    #services .margin-box {margin: 0px -12px 36px -12px;}
    #services .service-pad {width: 100%; max-width: 564px;}
    #services .second-line .service-pad {width: 100%; min-width: 0px; max-width: 564px;}
}

@media screen and (max-width: 660px){
    #services {padding: 48px 0px 0px 0px;}
    #services .margin-box {margin: 0px -12px 24px -12px;}
    #services .service-box {padding: 15px 18px 18px 18px;}
    #services .service-box .tail-title b {height: 26px; font-size: 20px; line-height: 26px;}
    #services .service-box .tail-title .tail {height: 26px;}
    #services .service-box .text {padding: 9px 0px 0px 0px; font-size: 12px; line-height: 18px;}
    #services .service-box .icon {top: auto; bottom: 27px; right: 27px; width: 48px;}
    #services .service-box .list {padding: 18px 0px 15px 0px;}
    #services .service-box .list .li-title {padding: 0px 0px 6px 0px; font-size: 14px; line-height: 20px;}
    #services .service-box .list .li {padding: 0px 0px 3px 15px; font-size: 12px; line-height: 18px;}
    #services .service-box .list .li .bull {font-size: 14px;}
    #services .service-box .price-swiper {position: relative; bottom: auto; right: auto; width: 192px; padding: 12px 0px 9px 0px; border-radius: 12px;}
    #services .service-box .price-swiper .swiper-slide .top {font-size: 20px; line-height: 26px;}
    #services .service-box .price-swiper .swiper-slide .bottom {font-size: 14px; line-height: 20px;}
    #services .service-box .price-swiper-button {height: 30px; margin-top: -15px;}
    #services .service-box .content {display: block; padding: 0px 0px 0px 0px;}
    #services .service-box .content .text {padding: 9px 0px 12px 0px;}
    #services .service-box .content .price {
        display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap;
        -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-align-content: flex-start; align-content: flex-start;
    }
    #services .service-box .content .price .top {font-size: 18px; line-height: 24px;}
    #services .service-box .content .price .bottom {margin: 0px 0px 0px 12px; font-size: 18px; line-height: 24px;}
    #services .second-line .service-bg svg {bottom: auto; top: 0px; left: auto; right: 0px; transform: translate(40%,-50%) rotate(31deg);}

    /***/ html[dir="rtl"] #services .service-box .icon {left: 27px;}
    /***/ html[dir="rtl"] #services .service-box .price-swiper {left: auto; width: 198px; padding: 12px 0px 9px 0px;}
    /***/ html[dir="rtl"] #services .service-box .content .price .bottom {margin: 0px 12px 0px 0px;}
    /***/ html[dir="rtl"] #services .second-line .service-bg svg {right: auto; left: 0px; transform: translate(-40%,-50%) rotate(-31deg);}
}



/**************** PACKBUY ****************//**************** PACKBUY ****************//**************** PACKBUY ****************/
/**************** PACKBUY ****************//**************** PACKBUY ****************//**************** PACKBUY ****************/
/**************** PACKBUY ****************//**************** PACKBUY ****************//**************** PACKBUY ****************/

#packbuy {padding: 84px 0px 60px 0px;}

#packbuy .form-wrapper {width: calc(100% - 9px); max-width: 648px; margin: 0px 12px 12px 0px;}
#packbuy .form-box {width: 100%; background-color: var(--color-white); border-radius: 24px; z-index: 2; overflow: hidden;}
#packbuy .form-shadow {position: absolute; top: 12px; left: 12px; width: 100%; height: 100%; background-color: var(--color-first); border-radius: 27px; z-index: 1;}

#packbuy .form-box .form-title {width: 100%; padding: 30px 36px 0px 36px;}

#packbuy .form-box .form-image {position: absolute; bottom: 21px; right: 21px; width: 210px;}
#packbuy .form-box .form-image img {display: none; width: 100%;}
#packbuy .form-box .form-image img.main {display: block;}

#packbuy .form-box .form-list {width: 100%; max-width: 360px; padding: 18px 18px 18px 18px;}
#packbuy .form-box .form-item-pad {width: 100%; padding: 18px 18px 18px 18px;}
#packbuy .form-box .form-item-box {width: 100%;}

#packbuy .form-box .form-item-box legend {display: block; position: absolute; top: -5px; left: 12px; height: 6px; padding: 0px 6px; font-weight: 600; font-size: 16px; line-height: 6px; color: var(--color-first); background-color: var(--color-white);}

#packbuy .form-box .form-item-box .form-icon {
    display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center;
    position: absolute; top: 18px; left: 18px; height: 18px; aspect-ratio: 1; pointer-events: none;
}
#packbuy .form-box .form-item-box .form-icon svg {display: block; height: 100%; aspect-ratio: 1; fill: var(--color-second);}

#packbuy .form-box .form-item-box .input.error {border: solid 1px var(--color-error-border);}
#packbuy .form-box .form-item-box .input.error ~ legend {color: var(--color-error-text);}

#packbuy .form-box .form-item-box .form-placeholder {width: 100%; height: 54px;}
#packbuy .form-box .form-item-box .form-placeholder .text-box {
    position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 15px 18px 15px 18px;
    font-weight: 600; font-size: 16px; line-height: 24px; text-align: center; background-color: hsla(0,0%,100%,0.6); border-radius: 12px;
}
#packbuy .form-box .form-item-box .form-placeholder .text-box.error {color: var(--color-error-text);}
#packbuy .form-box .form-item-box .form-placeholder .text-box.submit {color: var(--color-second);}

#packbuy .form-box .form-item-box .form-placeholder.error-box {display: none;}

#packbuy .form-box .form-item-box .form-placeholder.btn-box .text-box.submit {opacity: 0; pointer-events: none; transition: opacity linear 200ms;}

#packbuy .form-box .form-item-box .form-placeholder.btn-box .sync {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; pointer-events: none; transition: opacity linear 200ms;}
#packbuy .form-box .form-item-box .form-placeholder.btn-box .sync .flexac {width: 100%; height: 100%;}
#packbuy .form-box .form-item-box .form-placeholder.btn-box .sync svg {width: 48px; aspect-ratio: 1; fill: var(--color-first); animation: iso-sync 2000ms infinite linear;}

#packbuy .form-box .form-item-box .form-placeholder.btn-box .btn {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}

#packbuy .form-box .form-item-box .form-placeholder.btn-box.sync .sync {opacity: 1;}
#packbuy .form-box .form-item-box .form-placeholder.btn-box.sync .btn {opacity: 0; pointer-events: none;}
#packbuy .form-box .form-item-box .form-placeholder.btn-box.sync.submit .sync {opacity: 0;}
#packbuy .form-box .form-item-box .form-placeholder.btn-box.sync.submit .btn {opacity: 0; pointer-events: none;}
#packbuy .form-box .form-item-box .form-placeholder.btn-box.sync.submit .text-box.submit {opacity: 1;}


/**/ html[dir="rtl"] #packbuy .form-wrapper {margin: 0px 0px 12px 12px;}
/**/ html[dir="rtl"] #packbuy .form-shadow {left: auto; right: 12px;}
/**/ html[dir="rtl"] #packbuy .form-box .form-image {right: auto; left: 21px;}
/**/ html[dir="rtl"] #packbuy .form-box .form-item-box legend {left: auto; right: 12px;}
/**/ html[dir="rtl"] #packbuy .form-box .form-item-box .form-icon {left: auto; right: 18px;}
/**/ html[dir="rtl"] #packbuy .form-box .form-item-box .form-icon svg {transform: scale(-1,1);}
/**/ html[dir="rtl"] #packbuy .form-box .form-item-box .form-placeholder.btn-box .btn {left: auto; right: 0px;}


@media screen and (max-width: 1400px){
    #packbuy .form-wrapper {max-width: 531px; margin: 0px 9px 9px 0px;}
    #packbuy .form-box {border-radius: 18px;}
    #packbuy .form-shadow {top: 9px; left: 9px; border-radius: 21px;}
    #packbuy .form-box .form-title {padding: 18px 24px 0px 24px;}
    #packbuy .form-box .form-image {bottom: 12px; right: 12px; width: 168px;}
    #packbuy .form-box .form-list {max-width: 270px; padding: 12px 12px 12px 12px;}
    #packbuy .form-box .form-item-pad {padding: 12px 12px 12px 12px;}
    #packbuy .form-box .form-item-box legend {left: 9px; font-size: 14px;}
    #packbuy .form-box .form-item-box .form-icon {top: 16px; left: 16px; height: 16px;}
    #packbuy .form-box .form-item-box .form-placeholder {height: 48px;}
    #packbuy .form-box .form-item-box .form-placeholder .text-box {padding: 12px 12px 12px 12px; font-size: 14px; line-height: 24px; border-radius: 9px;}
    
 
    /**/ html[dir="rtl"] #packbuy .form-wrapper {margin: 0px 0px 9px 9px;}
    /**/ html[dir="rtl"] #packbuy .form-shadow {right: 9px;}
    /**/ html[dir="rtl"] #packbuy .form-box .form-image {left: 12px;}
    /**/ html[dir="rtl"] #packbuy .form-box .form-item-box .form-icon {right: 16px;}
}

@media screen and (max-width: 1200px){
    #packbuy {padding: 48px 0px 12px 0px;}
}

@media screen and (max-width: 660px){
    #packbuy {padding: 24px 0px 36px 0px;}
    #packbuy .form-wrapper {max-width: 100%; margin: 0px 9px 9px 0px;}
    #packbuy .form-box .form-title {padding: 15px 36px 6px 36px;}
    #packbuy .form-box .form-title.tail-title b {width: 100%; height: auto; text-align: center;}
    #packbuy .form-box .form-title.tail-title .tail {display: none;}
    #packbuy .form-box .form-image {position: relative; bottom: auto; right: auto; width: 100%; padding: 6px 18px 12px 18px;}
    #packbuy .form-box .form-image img {max-width: 240px;}
    #packbuy .form-box .form-image img.main {display: none;}
    #packbuy .form-box .form-image img.mini {display: block;}
    #packbuy .form-box .form-list {width: 100%; max-width: 100%; padding: 6px 6px 6px 6px;}

    /**/ html[dir="rtl"] #packbuy .form-box .form-image {left: auto;}
}




/**************** VIDEO  ****************//**************** VIDEO  ****************//**************** VIDEO  ****************/
/**************** VIDEO  ****************//**************** VIDEO  ****************//**************** VIDEO  ****************/
/**************** VIDEO  ****************//**************** VIDEO  ****************//**************** VIDEO  ****************/

#video {padding: 60px 0px 60px 0px;}
#video .video-size {width: 100%; max-width: 1280px;}
#video .video-wrapper {margin: 0px 12px 12px 0px;}
#video .video-box {width: 100%; aspect-ratio: 16 / 9; background-color: var(--color-white); border-radius: 24px; overflow: hidden; z-index: 2;}
#video .video-shadow {position: absolute; top: 12px; left: 12px; width: 100%; height: 100%; background-color: var(--color-first); border-radius: 27px; z-index: 1;}

#video .video-box video {display: block; width: 100%; height: 100%;}
#video .video-box .preview {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
#video .video-box .preview img {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
#video .video-box .preview .play {width: 120px; height: 120px; padding: 30px 24px 30px 35px; background-color: var(--color-first); border-radius: 100%; overflow: hidden;}
#video .video-box .preview .play svg {display: block; width: 100%; height: 100%; fill: var(--color-white);}

#video.play .video-box .preview {display: none;}

/***/ html[dir="rtl"] #video .video-wrapper {margin: 0px 0px 12px 12px;}
/***/ html[dir="rtl"] #video .video-shadow {left: auto; right: 12px;}


@media screen and (max-width: 1400px){
    #video .video-box {border-radius: 18px;}
    #video .video-shadow {top: 9px; left: 9px; border-radius: 21px;}

    /***/ html[dir="rtl"] #video .video-shadow {right: 9px;}
}

@media screen and (max-width: 1200px){
    #video .video-wrapper {max-height: none; min-height: 0px;}
    #video .video-box .preview .play {width: 90px; height: 90px; padding: 21px 15px 21px 24px;}
}

@media screen and (max-width: 660px){
    #video {display: none;}
}



/**************** AUTO ****************//**************** AUTO ****************//**************** AUTO ****************/
/**************** AUTO ****************//**************** AUTO ****************//**************** AUTO ****************/
/**************** AUTO ****************//**************** AUTO ****************//**************** AUTO ****************/

#auto {padding: 120px 0px 120px 0px;}
#auto .road {width: 100%; height: 90px; padding-top: 43px; background-color: var(--color-first); opacity: 0.3;}
#auto .road::before {content: ''; display: block; position: absolute; top: 50%; left: 0px; width: 100%; height: 3px; margin-top: -1px; background: repeating-linear-gradient(to right, transparent, transparent 9px, var(--color-white) 9px, var(--color-white) 18px);}

#auto .swiper {margin: -150px auto 0px auto;}
#auto .swiper .swiper-slide {width: 25%;}
#auto .swiper .swiper-slide .icon {height: 150px; padding: 0px 0px 6px 0px; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-end; align-items: flex-end; -webkit-align-content: flex-end; align-content: flex-end; box-sizing: border-box;}
#auto .swiper .swiper-slide .icon img {display: block; aspect-ratio: 1;}
#auto .swiper .swiper-slide .icon img.kangoo {height: 80%;}
#auto .swiper .swiper-slide .icon img.mercedes {height: 97.5%;}
#auto .swiper .swiper-slide .icon img.jac {height: 80%;}
#auto .swiper .swiper-slide .icon img.truck {height: 100%;}

#auto .swiper .swiper-slide .text {padding: 12px 0px 0px 0px; font-weight: 800; font-size: 18px; line-height: 24px; text-align: center; color: var(--color-first);}
#auto .swiper .swiper-slide .text b {color: var(--color-second);}
#auto .swiper .swiper-slide .text sup {vertical-align: super; font-size: 10px;}

#auto .swiper-button {position: absolute; top: 75px; height: 60px; aspect-ratio: 0.5; cursor: pointer; z-index: 10;}
#auto .swiper-button::after {display: none;}
#auto .swiper-button svg {display: block; width: 100%; height: 100%; fill: var(--color-second);}
#auto .swiper-button.next {right: 18px;}
#auto .swiper-button.prev {left: 18px;}
#auto .swiper-button.prev svg {transform: rotate(180deg);}


/***/ html[dir="rtl"] #auto .swiper .swiper-slide .icon img {transform: scale(-1,1);}


@media screen and (max-width: 1000px){
    #auto {padding: 72px 0px 60px 0px;}
    #auto .swiper .swiper-slide {width: 50%;}
}

@media screen and (max-width: 660px){
    #auto .swiper .swiper-slide {width: 100%;}
    #auto .swiper .swiper-slide .text {font-size: 16px; line-height: 22px;}
}



/**************** BIGMOVING ****************//**************** BIGMOVING ****************//**************** BIGMOVING ****************/
/**************** BIGMOVING ****************//**************** BIGMOVING ****************//**************** BIGMOVING ****************/
/**************** BIGMOVING ****************//**************** BIGMOVING ****************//**************** BIGMOVING ****************/

#bigmoving-banner-mobile {display: none; width: 100%; padding: 15px 0px 60px 0px;}
#bigmoving-banner-mobile a {display: block; width: 100%;}
#bigmoving-banner-mobile img {display: block; width: 100%;}


@media screen and (max-width: 660px){
    #bigmoving-banner-mobile {display: block;}
}



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

#footer {width: 100%; padding: 0px 0px 90px 0px;}


@media screen and (max-width: 1400px){
    #footer {padding: 0px 0px 0px 0px;}
}



/**************** FOTTER CONTENT LINE ****************/

#footer .content-line {z-index: 10;}
#footer .content-box {padding: 0px 0px 0px 600px;}


/***/ html[dir="rtl"] #footer .content-box {padding: 0px 600px 0px 0px;}


@media screen and (max-width: 1400px){
    #footer .content-box {padding: 0px 0px 0px 396px;}
    
    /***/ html[dir="rtl"] #footer .content-box {padding: 0px 396px 0px 0px;}
}

@media screen and (max-width: 1000px){
    #footer .content-box {padding: 0px 0px 0px 0px;}
    
    /***/ html[dir="rtl"] #footer .content-box {padding: 0px 0px 0px 0px;}
}



/**************** FOTTER CONTENT REVIEWS ****************/

#footer .content-box .reviews {position: absolute; top: 0px; left: 0px; width: 510px;}

#footer .content-box .reviews .iphone-box {width: 100%; aspect-ratio: 12 / 23;}
#footer .content-box .reviews .iphone-img {display: block; width: 100%; height: 100%;}
#footer .content-box .reviews .iphone-pad {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 16% 4.7% 4% 4.7%;}

#footer .content-box .reviews .iphone-body {width: 100%; height: 100%; padding-top: 60px;}
#footer .content-box .reviews .iphone-title {position: absolute; top: 0px; left: 0px; width: 100%; height: 60px; padding: 12px 0px 0px 0px; border-bottom: solid 1px var(--color-grey-border);}

#footer .content-box .reviews .iphone-messenger {width: 100%; height: 100%; border-radius: 0px 0px 58px 58px; overflow: hidden;}
#footer .content-box .reviews .iphone-messenger::after {content: ''; display: block; position: absolute; bottom: 12px; left: 50%; width: 35%; height: 6px; transform: translate(-50%,0%); background-color: var(--color-black); border-radius: 6px;}

#footer .content-box .reviews .iphone-messenger .scrollbar .simplebar-track.simplebar-vertical {background-color: transparent;}
#footer .content-box .reviews .iphone-messenger .scrollbar .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {top: 6px; bottom: 6px; left: 5px; right: 4px; background-color: rgba(0,0,0,0.3);}
#footer .content-box .reviews .iphone-messenger .scrollfix {padding: 24px 24px 12px 24px;}

#footer .content-box .reviews .iphone-messenger .iphone-bg {position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; opacity: 0.24; pointer-events: none;}
#footer .content-box .reviews .iphone-messenger .iphone-bg svg.top {display: block; position: absolute; top: 0px; right: 0px; width: 150%; aspect-ratio: 2; transform: translate(25%,-65%) rotate(31deg);}
#footer .content-box .reviews .iphone-messenger .iphone-bg svg.bottom {display: block; position: absolute; bottom: 0px; left: 0px; width: 150%; aspect-ratio: 2; transform: translate(-30%,45%) rotate(31deg);}

#footer .content-box .reviews .message {padding: 0px 0px 24px 60px;}
#footer .content-box .reviews .message .photo {position: absolute; top: 0px; left: 0px; width: 72px; aspect-ratio: 1; border-radius: 100%; overflow: hidden; z-index: 2;}
#footer .content-box .reviews .message .photo img {width: 100%; height: 100%;}

#footer .content-box .reviews .message .content {padding: 18px 24px 18px 24px; background-color: var(--color-first-ulight); border-radius: 24px;}
#footer .content-box .reviews .message .content .top {height: 18px;}
#footer .content-box .reviews .message .content .top .name {height: 100%; font-weight: 800; font-size: 18px; line-height: 20px; color: var(--color-first);}
#footer .content-box .reviews .message .content .top .rating {height: 100%;}
#footer .content-box .reviews .message .content .top .rating .star {display: block; position: relative; height: 100%; aspect-ratio: 1;}
#footer .content-box .reviews .message .content .top .rating .star svg {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; fill: var(--color-second);}
#footer .content-box .reviews .message .content .top .rating .star.null svg.full {fill: var(--color-grey-border);}
#footer .content-box .reviews .message .content .top .rating .star.null svg.full,
#footer .content-box .reviews .message .content .top .rating .star.half svg.full {fill: var(--color-grey-border-dark);}
#footer .content-box .reviews .message .content .top .rating .star.null svg.half {display: none;}

#footer .content-box .reviews .message .content .bottom {padding: 9px 0px 0px 0px; font-weight: 800; font-size: 14px; line-height: 20px; color: var(--color-black-text-light);}
#footer .content-box .reviews .message .content .bottom .date {padding: 0px 0px 0px 18px; font-weight: 400; font-size: 12px; color: var(--color-grey-text);}

#footer .content-box .reviews .message .content .text {padding: 12px 0px 0px 0px; font-weight: 400; font-size: 14px; line-height: 20px; color: var(--color-black);}


/***/ html[dir="rtl"] #footer .content-box .reviews {left: auto; right: 0px;}
/***/ html[dir="rtl"] #footer .content-box .reviews .iphone-messenger .iphone-bg svg.top {right: auto; left: 0px; transform: translate(-25%,-65%) rotate(-31deg) scale(-1,1);}
/***/ html[dir="rtl"] #footer .content-box .reviews .iphone-messenger .iphone-bg svg.bottom {left: auto; right: 0px; transform: translate(30%,45%) rotate(-31deg) scale(-1,1);}
/***/ html[dir="rtl"] #footer .content-box .reviews .iphone-messenger .scrollbar .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {left: 4px; right: 5px;}
/***/ html[dir="rtl"] #footer .content-box .reviews .message {padding: 0px 60px 24px 0px;}
/***/ html[dir="rtl"] #footer .content-box .reviews .message .photo {left: auto; right: 0px;}
/***/ html[dir="rtl"] #footer .content-box .reviews .message .content .bottom .date {padding: 0px 18px 0px 0px;}


@media screen and (max-width: 1400px){
    #footer .content-box .reviews {width: 360px;}
    #footer .content-box .reviews .iphone-body {padding-top: 48px;}
    #footer .content-box .reviews .iphone-title {height: 48px; padding: 9px 0px 0px 0px;}
    #footer .content-box .reviews .iphone-messenger {border-radius: 0px 0px 40px 40px;}
    #footer .content-box .reviews .iphone-messenger .scrollfix {padding: 18px 12px 12px 6px;}
    #footer .content-box .reviews .message {padding: 0px 0px 18px 42px;}
    #footer .content-box .reviews .message .photo {width: 51px;}
    #footer .content-box .reviews .message .content {padding: 12px 18px 12px 18px; border-radius: 18px;}
    #footer .content-box .reviews .message .content .top {height: 16px;}
    #footer .content-box .reviews .message .content .top .name {font-size: 16px; line-height: 18px;}

    /***/ html[dir="rtl"] #footer .content-box .reviews .iphone-messenger .scrollfix {padding: 18px 6px 12px 12px;}
    /***/ html[dir="rtl"] #footer .content-box .reviews .message {padding: 0px 42px 18px 0px;}
}

@media screen and (max-width: 1000px){
    #footer .content-box .reviews {position: relative; top: auto; left: auto; width: 540px; margin: 0px 0px 60px 0px;}
    #footer .content-box .reviews .iphone-body {padding-top: 60px;}
    #footer .content-box .reviews .iphone-title {height: 60px; padding: 12px 0px 0px 0px;}
    #footer .content-box .reviews .iphone-title.tail-title b {height: 36px; font-size: 30px; line-height: 36px;}
    #footer .content-box .reviews .iphone-title.tail-title .tail {height: 36px;}
    #footer .content-box .reviews .iphone-messenger {border-radius: 0px 0px 60px 60px;}
    #footer .content-box .reviews .iphone-messenger .scrollfix {padding: 24px 24px 12px 24px;}
    #footer .content-box .reviews .message {padding: 0px 0px 24px 60px;}
    #footer .content-box .reviews .message .photo {width: 72px;}
    #footer .content-box .reviews .message .content {padding: 18px 24px 18px 24px; border-radius: 24px;}
    #footer .content-box .reviews .message .content .top {height: 18px;}
    #footer .content-box .reviews .message .content .top .name {font-size: 18px; line-height: 20px;}
    
    /***/ html[dir="rtl"] #footer .content-box .reviews .iphone-messenger .scrollfix {padding: 18px 6px 12px 12px;}
    /***/ html[dir="rtl"] #footer .content-box .reviews .message {padding: 0px 60px 24px 0px;}
}

@media screen and (max-width: 660px){
    #footer .content-box .reviews {width: calc(100% + 8px) ; margin: 0px -4px 48px -4px;}
    #footer .content-box .reviews .iphone-body {padding-top: 42px;}
    #footer .content-box .reviews .iphone-title {height: 42px; padding: 9px 0px 0px 0px;}
    #footer .content-box .reviews .iphone-title.tail-title b {height: 26px; font-size: 20px; line-height: 26px;}
    #footer .content-box .reviews .iphone-title.tail-title .tail {height: 26px;}
    #footer .content-box .reviews .iphone-messenger {border-radius: 0px 0px 10.5vw 10.5vw;}
    #footer .content-box .reviews .iphone-messenger .scrollfix {padding: 18px 12px 12px 6px;}
    #footer .content-box .reviews .message {padding: 0px 0px 18px 42px;}
    #footer .content-box .reviews .message .photo {width: 51px;}
    #footer .content-box .reviews .message .content {padding: 15px 18px 15px 18px; border-radius: 18px;}
    #footer .content-box .reviews .message .content .top {height: 14px;}
    #footer .content-box .reviews .message .content .top .name {font-size: 14px; line-height: 16px;}
    #footer .content-box .reviews .message .content .bottom {padding: 6px 0px 0px 0px; font-size: 12px; line-height: 18px;}
    #footer .content-box .reviews .message .content .bottom .date {font-size: 10px;}
    #footer .content-box .reviews .message .content .text {padding: 9px 0px 0px 0px; font-size: 12px; line-height: 18px;}

    /***/ html[dir="rtl"] #footer .content-box .reviews .iphone-messenger .scrollfix {padding: 18px 6px 12px 12px;}
    /***/ html[dir="rtl"] #footer .content-box .reviews .message {padding: 0px 42px 18px 0px;}
}



/**************** FOTTER CONTENT BEST ****************/

#footer .content-box .best {width: calc(100% - 12px); margin: 0px 12px 12px 0px;}
#footer .content-box .best-box {width: 100%; min-height: 696px; padding: 30px 36px 30px 36px; background-color: var(--color-white); border-radius: 24px; overflow: hidden; z-index: 2;}
#footer .content-box .best-box .best-img {position: absolute; bottom: 0px; right: 0px; height: 100%;}
#footer .content-box .best-box .best-fix {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(90deg, hsla(0,0%,100%,1) 0%, hsla(0,0%,100%,0.72) 100%);}
#footer .content-box .best-shadow {position: absolute; top: 12px; left: 12px; width: 100%; height: 100%; background-color: var(--color-first); border-radius: 27px; z-index: 1;}

#footer .content-box .best .tail-title {width: 100%;}

#footer .content-box .best .text {width: 100%; font-weight: 400; font-size: 16px; line-height: 22px; color: var(--color-first);}
#footer .content-box .best .text p {max-width: 480px; padding: 12px 0px 0px 0px;}
#footer .content-box .best .text p.signature {font-weight: 800; font-size: 18px; line-height: 24px;}


/***/ html[dir="rtl"] #footer .content-box .best {margin: 0px 0px 12px 12px;}
/***/ html[dir="rtl"] #footer .content-box .best-box .best-img {right: auto; left: 0px; transform: scale(-1,1);}
/***/ html[dir="rtl"] #footer .content-box .best-box .best-fix {background: linear-gradient(270deg, hsla(0,0%,100%,1) 0%, hsla(0,0%,100%,0.72) 100%);}
/***/ html[dir="rtl"] #footer .content-box .best-shadow {left: auto; right: 12px;}


@media screen and (max-width: 1400px){
    #footer .content-box .best {width: calc(100% - 9px); margin: 0px 9px 9px 0px;}
    #footer .content-box .best-box {min-height: 530px; padding: 18px 24px 18px 24px; border-radius: 18px;}
    #footer .content-box .best-shadow {top: 9px; left: 9px; border-radius: 21px;}
    #footer .content-box .best .text {font-size: 14px; line-height: 20px;}

    /***/ html[dir="rtl"] #footer .content-box .best {margin: 0px 0px 9px 9px;}
    /***/ html[dir="rtl"] #footer .content-box .best-shadow {right: 9px;}
}

@media screen and (max-width: 1200px){
    #footer .content-box .best-box .best-fix {background: linear-gradient(90deg, hsla(0,0%,100%,1) 0%, hsla(0,0%,100%,0.84) 100%);}

    /***/ html[dir="rtl"] #footer .content-box .best-box .best-fix {background: linear-gradient(270deg, hsla(0,0%,100%,1) 0%, hsla(0,0%,100%,0.84) 100%);}
}

@media screen and (max-width: 1000px){
    #footer .content-box .best-box {min-height: 0px;}
    #footer .content-box .best-box .best-fix {background: linear-gradient(90deg, hsla(0,0%,100%,1) 0%, hsla(0,0%,100%,0.72) 100%);}
    #footer .content-box .best .text p {max-width: 480px;}

    /***/ html[dir="rtl"] #footer .content-box .best-box .best-fix {background: linear-gradient(270deg, hsla(0,0%,100%,1) 0%, hsla(0,0%,100%,0.72) 100%);}
    /***/ html[dir="rtl"] #footer .content-box .best .text p {max-width: 480px;}
}

@media screen and (max-width: 660px){
    #footer .content-box .best-box {padding: 15px 18px 15px 18px;}
    #footer .content-box .best-box .best-fix {background: linear-gradient(90deg, hsla(0,0%,100%,1) 0%, hsla(0,0%,100%,0.84) 100%);}
    #footer .content-box .best .text {font-size: 12px; line-height: 18px;}
    #footer .content-box .best .text p {padding: 9px 0px 0px 0px;}
    #footer .content-box .best .text p.signature {font-size: 14px; line-height: 20px;}

    /***/ html[dir="rtl"] #footer .content-box .best-box .best-fix {background: linear-gradient(27deg, hsla(0,0%,100%,1) 0%, hsla(0,0%,100%,0.84) 100%);}
}



/**************** FOTTER PAY LINE ****************/

#footer .pay-line {z-index: 1;}
#footer .pay-box {width: 100%; height: 120px; padding: 36px 36px 36px 636px; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center;}
#footer .pay-box img {display: block; height: 100%;}

#footer .social-box {display: none; width: 100%; padding: 0px 0px 36px 0px;}
#footer .social-box .icon-box {width: 50%;}
#footer .social-box .icon-box:nth-child(1) {padding: 0px 9px 0px 0px;}
#footer .social-box .icon-box:nth-child(2) {padding: 0px 0px 0px 9px;}
#footer .social-box .icon {display: block; width: 100%;}
#footer .social-box .icon img {display: block; width: 100%;}

/***/ html[dir="rtl"] #footer .pay-box {padding: 36px 636px 36px 36px;}
/***/ html[dir="rtl"] #footer .social-box .icon-box:nth-child(1) {padding: 0px 0px 0px 9px;}
/***/ html[dir="rtl"] #footer .social-box .icon-box:nth-child(2) {padding: 0px 9px 0px 0px;}

@media screen and (max-width: 1400px){
    #footer .pay-box {height: 90px; padding: 24px 48px 24px 444px;}
    #footer .pay-box img {max-height: 36px;}

    /***/ html[dir="rtl"] #footer .pay-box {padding: 24px 414px 24px 18px;}
}

@media screen and (max-width: 1000px){
    #footer .pay-box {height: auto; padding: 24px 0px 0px 0px; -webkit-justify-content: center; justify-content: center;}
    #footer .pay-box img {max-height: 36px; margin: 0px 18px 24px 18px;}

    /***/ html[dir="rtl"] #footer .pay-box {padding: 24px 0px 0px 0px;}
}

@media screen and (max-width: 660px){
    #footer .pay-box {padding: 30px 0px 6px 0px;}
    #footer .pay-box img {max-height: 30px; margin: 0px 24px 24px 24px;}
    #footer .social-box {display: block;}

    /***/ html[dir="rtl"] #footer .pay-box {padding: 30px 0px 6px 0px;}
}



/**************** FOTTER BOTTOM LINE ****************/

#footer .bottom-line {background-color: var(--color-first); z-index: 1;}
#footer .bottom-box {padding: 27px 36px 27px 636px; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row-reverse; flex-direction: row-reverse;}

#footer .bottom-box .copyright {-webkit-flex: 1 1 auto; flex: 1 1 auto; max-width: 100%; padding: 0px 24px 0px 0px; font-weight: 400; font-size: 14px; line-height: 20px; color: var(--color-white);}
#footer .bottom-box .copyright .lnk {color: var(--color-second);}

#footer .bottom-box .contacts {padding: 0px 0px 0px 0px;}
#footer .bottom-box .contacts .icon {width: 36px; aspect-ratio: 1; margin: 0px 0px 0px 24px; border-radius: 9px; cursor: pointer;}
#footer .bottom-box .contacts .icon svg {display: block; width: 100%; height: 100%; fill: var(--color-white);}
#footer .bottom-box .contacts .icon.whatsapp {display: block; background-color: #25D366;}
#footer .bottom-box .contacts .icon.telegram {display: block; background-color: #2AABEE;}
#footer .bottom-box .contacts .icon.facebook {display: block; padding: 6px; background-color: #15b5ff;}
#footer .bottom-box .contacts .icon.instagram {display: block; padding: 4px; background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);}

#footer .bottom-box .contacts .phone {margin: 0px 12px 0px 0px;}
#footer .bottom-box .contacts .phone .icon {margin: 0px 12px 0px 0px; height: 36px; padding: 8px; background-color: var(--color-second); box-sizing: border-box;}
#footer .bottom-box .contacts .phone .text {display: block; padding: 7px 0px 5px 0px; font-weight: 600; font-size: 24px; line-height: 24px; color: var(--color-white);}


/***/ html[dir="rtl"] #footer .bottom-box {padding: 27px 636px 27px 36px;}
/***/ html[dir="rtl"] #footer .bottom-box .copyright {padding: 0px 0px 0px 24px;}
/***/ html[dir="rtl"] #footer .bottom-box .contacts {-webkit-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-justify-content: flex-end; justify-content: flex-end;}
/***/ html[dir="rtl"] #footer .bottom-box .contacts .phone {-webkit-flex-direction: row-reverse; flex-direction: row-reverse;}


@media screen and (max-width: 1400px){
    #footer .bottom-box {padding: 30px 0px 30px 396px;}
    #footer .bottom-box .contacts .icon {width: 30px; border-radius: 6px;}
    #footer .bottom-box .contacts .phone .icon {height: 30px; padding: 7px;}
    #footer .bottom-box .contacts .phone .text {padding: 6px 0px 4px 0px; font-size: 20px; line-height: 20px;}

    /***/ html[dir="rtl"] #footer .bottom-box {padding: 30px 414px 30px 18px;}
}

@media screen and (max-width: 1000px){
    #footer .bottom-box {padding: 30px 0px 30px 0px;}
    
    /***/ html[dir="rtl"] #footer .bottom-box {padding: 30px 0px 30px 0px;}
}

@media screen and (max-width: 660px){
    #footer .bottom-line {z-index: 100;}
    #footer .bottom-box {-webkit-flex-direction: row; flex-direction: row;}
    #footer .bottom-box .copyright {width: 100%; padding: 0px 0px 42px 0px; font-size: 16px; line-height: 24px; text-align: center;}
    #footer .bottom-box .copyright .flex {-webkit-justify-content: center; justify-content: center;}
    #footer .bottom-box .contacts {position: fixed; bottom: 0px; left: 0px; right: 0px; padding: 18px; width: auto; background-color: var(--color-first); -webkit-justify-content: space-between; justify-content: space-between; z-index: 500;}
    #footer .bottom-box .contacts .phone {margin: 0px 0px 0px 0px;}
    
    /***/ html[dir="rtl"] #footer .bottom-box .copyright {padding: 0px 0px 42px 0px;}
    /***/ html[dir="rtl"] #footer .bottom-box .contacts {-webkit-justify-content: space-between; justify-content: space-between;}
}

@media screen and (max-width: 400px){
    #footer .bottom-box .contacts .icon {margin: 0px 0px 0px 15px;}
}



/**************** SCREEN FIX ****************//**************** SCREEN FIX ****************//**************** SCREEN FIX ****************/
/**************** SCREEN FIX ****************//**************** SCREEN FIX ****************//**************** SCREEN FIX ****************/
/**************** SCREEN FIX ****************//**************** SCREEN FIX ****************//**************** SCREEN FIX ****************/

.screen-fix-btn {position: fixed; bottom: 105px; width: 64px; height: 60px; box-shadow: 0px 1px 0px 0px var(--color-first); cursor: pointer; z-index: 500;}
.screen-fix-btn svg {display: block; width: 100%; height: 100%; fill: var(--color-white);}
.screen-fix-btn.phone {left: 0px; padding: 16px 18px 16px 18px; background-color: var(--color-second); border-radius: 0px 12px 12px 0px;}
.screen-fix-btn.whatsapp {right: 0px; padding: 0px 0px 0px 4px; background-color: #25D366; border-radius: 12px 0px 0px 12px;}


@media screen and (max-width: 1400px){
    .screen-fix-btn {bottom: 114px; width: 52px; height: 48px;}
    .screen-fix-btn.phone {padding: 13px 15px 13px 15px; border-radius: 0px 9px 9px 0px;}
    .screen-fix-btn.whatsapp {padding: 0px 0px 0px 4px; border-radius: 9px 0px 0px 9px;}
}

@media screen and (max-width: 1000px){
    .screen-fix-btn {bottom: 114px;}
}

@media screen and (max-width: 660px){
    .screen-fix-btn {bottom: 24px; width: 52px; height: 48px;}
    .screen-fix-btn.phone {left: 9px; padding: 13px 15px 13px 15px; border-radius: 9px;}
    .screen-fix-btn.whatsapp {right: 9px; padding: 0px 0px 0px 4px; border-radius: 9px;}
}



/**************** ACCESSIBILITY ****************//**************** ACCESSIBILITY ****************//**************** ACCESSIBILITY ****************/
/**************** ACCESSIBILITY ****************//**************** ACCESSIBILITY ****************//**************** ACCESSIBILITY ****************/
/**************** ACCESSIBILITY ****************//**************** ACCESSIBILITY ****************//**************** ACCESSIBILITY ****************/

body[data-accessibility="grayscale"] #map .fix {background-color: hsla(0,0%,96%,1); opacity: 1;}
body[data-accessibility="grayscale"] * {filter: grayscale(100%) saturate(0%);}

body[data-accessibility="inverted"] #map .fix {background-color: hsla(0,0%,100%,1); opacity: 1;}
body[data-accessibility="inverted"] > * {filter: invert(100%) contrast(100%) brightness(400%) saturate(200%) hue-rotate(180deg);}
body[data-accessibility="inverted"] img {filter: invert(100%) contrast(15%) brightness(175%) saturate(100%) hue-rotate(180deg);}
body[data-accessibility="inverted"] video {filter: invert(100%) contrast(15%) brightness(175%) saturate(100%) hue-rotate(180deg);}
body[data-accessibility="inverted"] #footer .pay-box img {filter: invert(100%) contrast(0%) brightness(150%) saturate(0%) hue-rotate(180deg);}


#accessibility {display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; transition: opacity ease 300ms; z-index: 10000;}
#accessibility.open {opacity: 1;}
#accessibility .bg {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--color-first-ulight); opacity: 0.9; z-index: 1;}
#accessibility .flexac {width: 100%; height: 100%; z-index: 2;}
#accessibility .options {width: 360px; margin: 0px 12px 12px 0px; padding: 0px 24px 0px 24px; background-color: var(--color-white); border-radius: 24px; box-shadow: 12px 12px 0px 0px var(--color-first);}
#accessibility .options .tail-title {padding: 24px 36px 24px 0px;}
#accessibility .options .close {position: absolute; top: 24px; right: 24px; width: 36px; height: 36px; background: var(--color-grey-bg-light); border-radius: 100%; cursor: pointer;}
#accessibility .options .close i {display: block; position: absolute; top: 17px; left: 8px; width: 20px; height: 2px; background: var(--color-first); transform: rotate(45deg);}
#accessibility .options .close i:last-child {transform: rotate(-45deg);}
#accessibility .options .btn-box {padding: 0px 0px 6px 0px;}
#accessibility .options .btn-box .btn {margin: 0px 0px 18px 0px;}
#accessibility .options .btn-box .lnk {display: block; margin: 24px 0px 18px 0px; font-weight: 600; font-size: 16px; line-height: 22px; text-align: center; color: var(--color-second-border); cursor: pointer;}


/***/ html[dir="rtl"] #accessibility .options {margin: 0px 12px 0px 12px; box-shadow: -12px 12px 0px 0px var(--color-first);}
/***/ html[dir="rtl"] #accessibility .options .tail-title {padding: 18px 0px 24px 36px;}
/***/ html[dir="rtl"] #accessibility .options .close {right: auto; left: 24px;}


@media screen and (max-width: 1400px){
    #accessibility .options {width: 300px; margin: 0px 9px 9px 0px; padding: 0px 18px 0px 18px; background-color: var(--color-white); border-radius: 18px; box-shadow: 9px 9px 0px 0px var(--color-first);}
    #accessibility .options .close {top: 18px; right: 18px;}
    #accessibility .options .btn-box {padding: 0px 0px 6px 0px;}
    #accessibility .options .btn-box .btn {margin: 0px 0px 12px 0px;}

    /***/ html[dir="rtl"] #accessibility .options {margin: 0px 9px 0px 9px; box-shadow: -9px 9px 0px 0px var(--color-first);}
    /***/ html[dir="rtl"] #accessibility .options .close {left: 18px;}
}

@media screen and (max-width: 660px){
    #accessibility .options .tail-title {padding: 21px 30px 18px 0px;}
    #accessibility .options .close {width: 30px; height: 30px;}
    #accessibility .options .close i {top: 14px; left: 6px; width: 18px;}
    
    /***/ html[dir="rtl"] #accessibility .options .tail-title {padding: 21px 0px 18px 30px;}
}