@font-face {
    font-family: 'Gotham Pro';
    src: local('Gotham Pro Regular'), local('Gotham-Pro-Regular'),
        url('../fonts/GothamPro.woff2') format('woff2'),
        url('../fonts/GothamPro.woff') format('woff'),
        url('../fonts/GothamPro.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Pro';
    src: local('Gotham Pro Bold'), local('Gotham-Pro-Bold'),
        url('../fonts/GothamPro-Bold.woff2') format('woff2'),
        url('../fonts/GothamPro-Bold.woff') format('woff'),
        url('../fonts/GothamPro-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'AGRESSIVE';
    src: local('AGRESSIVE'), local('AGRESSIVE'),
        url('../fonts/AGRESSIVE.woff2') format('woff2'),
        url('../fonts/AGRESSIVE.woff') format('woff'),
        url('../fonts/AGRESSIVE.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Tactic Sans';
    src: local('Tactic Sans Regular'), local('Tactic-Sans-Regular'),
        url('../fonts/TacticSans-Reg.woff2') format('woff2'),
        url('../fonts/TacticSans-Reg.woff') format('woff'),
        url('../fonts/TacticSans-Reg.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Tactic Sans';
    src: local('Tactic Sans Medium'), local('Tactic-Sans-Medium'),
        url('../fonts/TacticSans-Med.woff2') format('woff2'),
        url('../fonts/TacticSans-Med.woff') format('woff'),
        url('../fonts/TacticSans-Med.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}


:root {
    --family-gotham: 'Gotham Pro';
    --family-tactic: 'Tactic Sans';
    --family-agressive: 'AGRESSIVE';
    --color-gold: #BF906C;
    --color-black: #191B1D;
    --color-dark: #3C3C3C;
    --color-white: #FFFFFF;
}

.mob-hide {
    display: none;
}

.desc-hide {
    display: block;
}

body {
    font-family: 'Gotham Pro';
    font-style: normal;

    /* background: var(--color-black); */
}

button {
    cursor: pointer;
}

.section__upper {
    position: relative;
}

.section__upper::after {
    content: "";

    display: block;
    height: 1px;
    width: 0;

    background: var(--color-gold);

    margin-left: auto;
    margin-top: 12px;

    transition: all .4s;
}

.section.active .section__upper::after {
    width: calc(100% - 16px);
}

.section__upper.right::after {
    margin-left: 0;
}

.section__upper.right .section__title {
    text-align: right;
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*================ $SECTION STYLE ===============*/

.btn {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    transition: all .4s;
    text-transform: uppercase;
}

.btn.bg_gold_color {
    background: var(--color-gold);

    color: var(--color-white);
}

.btn.bg_gold_color:hover {
    background: var(--color-white);

    color: var(--color-gold);

    border: 1px solid var(--color-gold);
}

.btn.bg_white_color {
    color: var(--color-white);

    background-color: var(--color-dark);
}

.btn.bg_white_color:hover {
    background: var(--color-gold);

    color: var(--color-white);
}

.section__title {
    font-family: var(--family-tactic);
    font-weight: 500;
    font-size: 32px;
    line-height: 35px;
    text-transform: uppercase;
    color: var(--color-gold);

    transition: all .6s;
}

/* section.active .section__title {
    opacity: 1;
} */

.section__title.align_left {
    text-align: left;
}

.section__title.align_right {
    text-align: right;
}

.container {
    padding: 0 16px;
    margin: 0 auto;
}

/*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*/


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*================ $HEADER STYLE ===============*/

.header {
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    z-index: 12;
    transition: all .4s;
    background-color: var(--color-dark);
}

.header.js-scroll {
    /* background: var(--color-black); */
    background-color: var(--color-dark);

}

.header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 14px 0;
}

.header-btn.mob_hide {
    display: none;
}

.header__img {
    max-width: 124px;
}

.header-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.header-info__text {
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    text-decoration: none;
    color: var(--color-white);

    text-align: right;
}

.header__nav {
    display: none;
}

/*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*/


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*================ $MAIN-BANNER STYLE ===============*/


.main-banner {
    background: url(../img/banners/main-banner_mob-1.webp) no-repeat;
    background-size: cover;
    background-position-y: 50px;

    padding: 65px 0 0;

    position: relative;
}

/* .main-banner::before {
    content: "";

    display: block;

    position: absolute;
    bottom: -120px;
    left: 0;

    width: 100%;
    height: 198px;

    background: linear-gradient(365deg, #191B1D 61.33%, rgba(25, 27, 29, 0.00) 103.25%);
} */

.main-banner__title {
    font-family: var(--family-tactic);
    font-weight: 500;
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: var(--color-gold);

    margin-bottom: 8px;
}

.main-banner__sub-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    color: var(--color-dark);

    display: block;
}

.main-banner__list {
    margin-bottom: calc(100% + -140px);

    display: flex;
    flex-direction: column;
    /* gap: 10px; */

    margin-top: 40px;
    position: relative;
    z-index: 1;
}

.main-banner__list::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 110%;
    left: -100px;
    top: -6px;
    background-color: rgb(94, 95, 98);
    z-index: -1;
}

.main-banner__list-item {
    font-size: 11px;
    line-height: 13px;
    font-weight: 400;
    color: var(--color-white);
    display: flex;
    align-items: center;
    gap: 5px;
}

.main-banner__list-item b {
    font-weight: bold;
}

.main-banner__list-item img {
    display: none;
}

.main-banner__list-item svg {
    width: 10px;
}

.wrapper-utp {
    background-color: rgb(94, 95, 98);
    /* padding-bottom: 30px; */
    padding: 10px 0;
}

.main-banner__button {
    height: 32px;

    /* font-weight: 700; */
    font-size: 12px;
    line-height: 11px;
}

.main-banner__time {
    /* margin: 14px 0 -235px; */

    display: flex;
    flex-direction: column-reverse;
    gap: 30px;

    position: relative;
}

.main-banner__time-text {
    display: flex;
    align-items: center;
    justify-content: space-between;

    position: relative;

    display: none;
}

.main-banner__time-price {
    /* font-weight: 700; */
    font-size: 10.8px;
    line-height: 13px;
    text-transform: uppercase;
    color: var(--color-white);
}

.main-banner__time-action {
    font-weight: 400;
    font-size: 14px;
    line-height: 13px;
    text-transform: uppercase;
    color: var(--color-gold);
}

.main-banner__form {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 11px;
    column-gap: 20px;
}

.main-banner__form .checkbox-text,
.main-banner__form .checkbox-link {
    font-size: 8px;
    line-height: 10px;
    color: var(--color-white);
    text-transform: uppercase;
}

.main-banner__form .form__input-check[type=checkbox]+.custom-checkbox {
    border-radius: 0;
    border: 1px solid var(--color-white);
}

.main-banner__form-inputs {
    flex-basis: 46%;
}

.main-banner__form-input {
    width: 100%;
    height: 33px;

    border: 2px solid var(--color-white);

    padding-left: 15px;

    font-size: 14px;
    line-height: 13px;

    color: var(--color-white);

    background: none;
}

.main-banner__form-input::placeholder {
    color: var(--color-white);
}

.timer {
    display: none;
    width: 92%;
    justify-content: space-between;
    margin: 35px auto 0;
}

.time-count__item {
    width: 40px;
    display: flex;
    flex-flow: column;
    align-items: center;
    position: relative;
}

.time-count__val {
    font-weight: 400;
    font-size: 24px;
    line-height: 23px;
    text-transform: uppercase;
    color: var(--color-white);
}

.time-count__text {
    font-weight: 400;
    font-size: 8px;
    line-height: 8px;
    text-transform: uppercase;
    color: var(--color-white);
}

.pie {
    display: block;
    width: 63px;
    height: 63px;
    border-radius: 50%;
    transform: rotate(-90deg);
    position: absolute;
    bottom: -14px;
    left: -11px;
}

.pie .background {
    fill: none;
    stroke: var(--color-white);
    stroke-width: 2px;

}

.pie .chart {
    fill: none;
    stroke: var(--color-gold);
    stroke-width: 3;
    z-index: 3;
}

/*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*/


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*================ $MODELS STYLE ===============*/

.models {
    overflow: hidden;

    padding-top: 40px;
}

.models__card {
    position: relative;

    padding: 0 0 16px;
}

.models__card-line1 {
    position: absolute;

    top: 0;
    left: -16px;

    width: 100%;
    height: 100%;

    background: linear-gradient(90deg, rgba(191, 144, 108, 0.40) 0%, rgba(191, 144, 108, 0.00) 100%);

    z-index: -1;
}

.models__card-line2 {
    position: absolute;

    bottom: 0;
    left: 100px;

    width: 100%;
    height: 100%;

    background: linear-gradient(180deg, rgba(191, 144, 108, 0) 0%, rgba(191, 144, 108, 0.4) 40.32%, rgba(191, 144, 108, 0) 100%);

    transform: skewX(-35deg);

    z-index: -1;
}

.models__list {
    margin-top: 60px;

    display: flex;
    flex-direction: column;
    gap: 40px;
}

.models__card-info {
    display: flex;
    flex-direction: column;
}

.models__card-head {
    /* font-family: var(--family-agressive); */
    /* font-style: italic; */
    font-weight: 700;
    font-size: 75px;
    line-height: 75px;
    color: rgba(25, 27, 29, 0.70);
    transform: skew(-10deg, 0deg);

    margin-bottom: 0px;
}

.models__card-number {
    font-weight: 400;
    font-size: 14px;
    line-height: 13px;
    text-transform: uppercase;
    color: var(--color-white);
}

.models__card-number.mob_hide {
    display: none;
}

.models__card-number b {
    font-weight: bold;
}

.models__colors-container {
    display: flex;
    gap: 15px;

    margin-top: 20px;
}

.models__card-color {
    display: block;

    width: 27px;
    height: 27px;

    border-radius: 50%;

    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;
}

.models__card-color.color-active::before {
    content: "";

    display: block;

    width: 13px;
    height: 13px;

    background: url(../img/ok-color.svg)no-repeat;
}

/* .swiper-pagination {
    display: none;
} */

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0;
}

.swiper-pagination-bullet,
.swiper-pagination-bullet-active {
    background-color: var(--color-dark);
    width: 26px;
    height: 3px;
    border-radius: 0;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-next:after {
    display: none;
}

.models__card-benefit {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: var(--color-gold);
    text-transform: uppercase;

    display: flex;
    flex-direction: column;
    gap: 20px;

    margin-top: 40px;
}

.models__card-img {
    position: relative;
}

.card__img {
    width: 100%;

    /* position: absolute;
  top: 0;
  left: 0;
  opacity: 0;

  z-index: -1;

  transition: all .6s; */
}

/* .card__img.js-active {
  position: static;
  opacity: 1;
  z-index: 1;
} */

.models__card-images {
    display: flex;
    justify-content: space-between;
    gap: 10px;

    margin-top: 20px;
}

.models__card-prev {
    width: 100%;
}

.models__card-action {
    margin-top: 30px;

    position: relative;

    overflow: hidden;
}

.models__card-list {
    display: grid;
    row-gap: 20px;
}

.models__card-list.mob_hide {
    display: none;
}

.models__card-list.margin {
    margin-top: 20px;
}

.models__card-item {
    display: flex;
    align-items: center;
    gap: 9px;

    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--color-white);
}

.models__card-item b {
    font-weight: bold;
}

.models__card-item::before {
    content: "";

    display: block;

    background: url(../img/arrow-card.svg)no-repeat;
    width: 70px;
    height: 4px;

    margin-left: -10px;
}

.models__card-credit {
    display: flex;
    justify-content: space-between;
    align-items: center;

    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    color: var(--color-white);

    margin: 16px 0 0;
}

.models__card-action-info {
    margin-top: 35px;
}

.models__card-price-old {
    display: block;

    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    text-decoration: line-through;
    color: rgba(255, 255, 255, 0.40);
    text-align: right;
}

.models__card-credit_big_size {
    font-size: 16px;
    line-height: 18px;
}

.models__card-price {
    font-weight: 700;
    font-size: 12px;
    line-height: 11px;
    text-transform: uppercase;
    color: var(--color-white);

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.models__card-price_big_size {
    font-size: 20px;
    line-height: 19px;
}

.models__card-btns {
    display: grid;
    row-gap: 10px;

    margin-top: 14px;
}

.models__card-button {
    height: 43px;

    font-weight: 700;
    font-size: 14px;
    line-height: 13px;
    text-transform: uppercase;
}


.item-models {
    padding: 30px 0 20px;
    position: relative;
}

.item-models::before {
    content: '';
    width: 116%;
    height: 230px;
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    z-index: -1;
    background-image: linear-gradient(to top, #EFCDB3 0%, #FFF2E8 100%);
    margin: 0 -20px;
}

.title-stock-benefits-model {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wrapper-title-n-stock {
    display: flex;
    flex-direction: column;
}

.wrapper-benefits-model {
    display: flex;
    flex-direction: column;
    gap: 5px;
}


.swiper-models {
    /* width: 655px; */
    height: 280px;
    /* position: static; */
    margin: 0 -20px;
}

.swiper-slide {
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.swiper-button-next,
.swiper-button-prev {
    display: none;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 35px;
}

@media (min-width: 400px) {

    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 25px;
    }
}

.wrapper-price-n-btn-models {
    display: flex;
    flex-direction: column;
    /* padding-top: 30px; */
}

.wrapper-price-n-btn-models.mob-hide {
    display: none;
}

.wrapper-price-models {
    display: flex;
    flex-direction: column;
    gap: 10px 0;
}

.wrapper-price-models {
    font-size: 14px;
}

.wrapper-price-models .new-price-models span,
.wrapper-price-models .price-month-models span {
    font-size: 16px;
}

.wrapper-price-models .old-price-models {
    font-size: 14px;
    text-align: right;
    color: #9E958E;
}

.new-price-models,
.price-month-models {
    display: flex;
    justify-content: space-between;
    color: var(--color-dark);
}

.new-price-models span,
.price-month-models {
    color: var(--color-gold);
}


.wrapper-btn-models {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.wrapper-btn-models .bg_white_color {
    background-color: #9E958E;
}



/*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*/


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*================ $EQUIP STYLE ===============*/

.equip__upper {
    padding: 40px 0 30px;
}

.equip__title {
    font-size: 30px;
    line-height: 35px;
}

.equip__filter {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.select2-container--default .select2-selection--single {
    height: 39px;

    background: none;
    border: none;
    border-radius: 0;
    /* border-bottom: 1px solid var(--color-gold); */
    border: 1px solid var(--color-gold);

    position: relative;

    display: flex;
    align-items: center;
}

/* .select2-container--default .select2-selection--single::before {
  content: "";

  display: block;

  width: 1px;
  height: 39px;

  background: rgb(191, 144, 108);
  background: linear-gradient(0deg, rgba(191, 144, 108, 1) 0%, rgba(191, 144, 108, 0) 100%);

  position: absolute;
  left: 0;
  bottom: 0;
}

.select2-container--default .select2-selection--single::after {
  content: "";

  display: block;

  width: 1px;
  height: 39px;

  background: rgb(191, 144, 108);
  background: linear-gradient(0deg, rgba(191, 144, 108, 1) 0%, rgba(191, 144, 108, 0) 100%);

  position: absolute;
  right: 0;
  bottom: 0;
} */

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;

    width: 20px;
    height: 11px;

    background: url(../img/arrow-select.svg)no-repeat;

    top: 16px;
    left: auto;
    right: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;

    font-weight: 400;
    font-size: 18px;
    line-height: 17px;
    color: var(--color-gold);
}

.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
    background: var(--color-black);

    border: 1px solid var(--color-gold);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: var(--color-gold);
}

.select2-results__option {
    color: var(--color-gold);

    font-size: 14px;
    line-height: 16px;

    padding: 10px 20px;
}

.equip__list {
    display: flex;
    flex-direction: column;
    gap: 40px;

    margin-top: 40px;
}

.equip__card {
    padding: 10px;

    border: 1px solid var(--color-gold);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.equip__card-img {
    display: flex;
    justify-content: center;
}

/* .equip__card-images {
  width: 100%;
} */

.equip__card-info {
    display: flex;
    flex-direction: column;
    gap: 20px;

    margin-top: 10px;
}

.equip__card-head {
    font-family: var(--family-agressive);
    font-style: italic;
    font-weight: 700;
    font-size: 32px;
    line-height: 37px;
    text-transform: uppercase;
    color: var(--color-gold);
}

.equip__card-name,
.equip__card-drive {
    font-weight: 400;
    font-size: 14px;
    line-height: 13px;
    color: var(--color-dark);

    display: block;
}

.equip__card-specs {
    display: grid;
    gap: 10px;
}

.equip__card-price {
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
    color: var(--color-dark);

    display: block;
    text-align: right;
}

.equip__card-price b {
    color: var(--color-gold);
}

.equip__card-price .price_text {
    font-size: 15px;
    line-height: 17px;
    text-transform: uppercase;
}

.equip__card-spec {
    font-weight: 700;
    font-size: 15px;
    line-height: 15px;
    color: var(--color-dark);
}

.equip__card-button {
    font-weight: 400;
    font-size: 14px;
    line-height: 13px;
    text-transform: uppercase;

    height: 43px;
}

/*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*/


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*================ $CREDIT STYLE ===============*/

.credit__upper {
    padding: 40px 0 30px 0;
}

.credit__img img {
    width: 100%;
}

.credit__bg {
    /* background: linear-gradient(-90deg, rgba(191, 144, 108, 0.4) 0%, rgba(191, 144, 108, 0) 100%); */
    /* background: url('../img/credit-bg_mob.webp')no-repeat; */
    background-size: cover;

    /* padding: 34px 0 20px; */

    position: relative;
}

.trade .credit__bg {
    /* background: url('../img/trade-bg_mob.webp')no-repeat; */
    background-size: cover;

    /* padding: 280px 0 20px; */

    position: relative;
}

.credit__info-head {
    font-family: var(--family-tactic);
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    text-transform: uppercase;
    color: var(--color-gold);

    display: block;
}

.trade .credit__info-head {
    font-size: 16px;
    line-height: 18px;

    /* line-height: 145.039%; */
    text-align: right;
}

.credit__list {
    display: flex;
    flex-direction: column;
    gap: 10px;

    margin-top: 10px;
}

.credit__list.tradein-list {
    align-items: flex-end;
}

.credit__button {
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    color: var(--color-black);

    margin-top: 20px;

    height: 41px;
}

.credit__list-item {
    font-weight:400;
    font-size: 15px;
    line-height: 17px;
    color: black;
}

.credit__list-item b {
    font-weight: bold;
}

/* .credit__img-arrow1 {
    position: absolute;

    top: 15px;
    left: -16px;

    height: 240px;

    z-index: -1;
} */

.credit__img-arrow1 {
    /* position: static;

    top: 15px;
    left: -16px; */

    /* height: 204px; */

    z-index: -1;
    width: 100%;
    object-fit: cover;
}

.credit__img-arrow2 {
    display: none;
}


/*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*/



/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*================ $CONTACTS STYLE ===============*/

.contacts {
    padding-bottom: 40px;
}

.contacts__upper {
    padding: 100px 10px 60px 0;
}

.contacts__map img {
    width: 100%;

    display: block;
}

.contacts__info {
    padding: 0 16px;
}

.contacts__list {
    padding: 63px 0 63px 17px;

    border: 1px solid var(--color-gold);

    margin-top: 20px;

    display: flex;
    flex-direction: column;
    gap: 40px;
}

.contacts__list-item,
.contacts__link {
    display: flex;
    align-items: center;
    gap: 19px;

    font-weight: 400;
    font-size: 16px;
    line-height: 15px;
    color: var(--color-dark);
    text-decoration: none;
}

.contacts__list img {
    max-width: 25px;
}

/*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*/


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*================ $FOOTER STYLE ===============*/

.footer {

    border-top: 1px solid var(--color-gold);

    padding: 30px 16px;
    background-color: var(--color-dark);
}

.footer__info-link {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer__link,
.footer__info-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 11px;
    color: var(--color-white);
    text-decoration: none;
}

.footer__link {
    color: var(--color-gold);
}

.footer__info-flex {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer__info {
    margin-top: 26px;

    display: flex;
    flex-direction: column;
    gap: 20px;
}

/*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*/


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*================ $POP-UP STYLE ===============*/


.pop-up {
    display: none;

    width: 90%;

    background: url(../img/pop-up_mob.webp)no-repeat;
    background-size: cover;
    background-position: center;

    padding: 10px;
}

#popup-success {
    height: 320px;
}

.pop-up__text {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pop-up__head {
    font-family: var(--family-tactic);
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    text-transform: uppercase;
    color: var(--color-white);

    width: 284px;
}

#popup-success .pop-up__sub-head {
    font-size: 14px;
    line-height: 16px;
    text-transform: inherit;
}

.pop-up__list {
    list-style: none;

    margin-top: 10px;
}

.pop-up__list-item {
    font-size: 15px;
    line-height: 17px;
    font-weight: 400;
    color: var(--color-white);
}

.pop-up__sub-head {
    font-weight: 400;
    font-size: 16px;
    line-height: 15px;
    text-transform: uppercase;
    color: var(--color-gold);
}

.pop-up__form {
    margin-top: 53px;
}

.pop-up__form-inputs {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pop-up__input {
    width: 100%;
    height: 32px;

    background: none;

    /* border: none; */
    border: 1px solid var(--color-white);

    padding: 10px;

    font-weight: 400;
    font-size: 14px;
    line-height: 13px;
    color: var(--color-white);
}

.pop-up__input::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 13px;
    color: var(--color-white);
}

.pop-up__form-inputs label {
    position: relative;
}

.pop-up__line1 {
    width: 1px;
    height: 33px;

    background: linear-gradient(0deg, rgba(191, 144, 108, 1) 0%, rgba(191, 144, 108, 0) 100%);

    position: absolute;
    left: 0;
    bottom: 0;
}

.pop-up__line2 {
    width: 1px;
    height: 33px;

    background: linear-gradient(0deg, rgba(191, 144, 108, 1) 0%, rgba(191, 144, 108, 0) 100%);

    position: absolute;
    right: 0;
    bottom: 0;
}

.pop-up__button {
    height: 32px;

    font-weight: 400;
    font-size: 14px;
    line-height: 13px;
    text-align: right;
    text-transform: uppercase;
    color: var(--color-white);

    margin-top: 10px;
}

.form-checkbox label {
    display: flex;
    align-items: flex-start;
    gap: 4px;

    margin-top: 10px;

    width: 100%;
}

.form__input-check[type=checkbox] {
    position: absolute;
    left: 0;
    opacity: 0;
    z-index: 2;

    width: 57%;
}

.form__input-check[type=checkbox]+.custom-checkbox {
    display: block;

    width: 9px;
    height: 9px;

    border: 1px solid var(--color-white);
    border-radius: 50%;
}

.form__input-check[type=checkbox]:checked+.custom-checkbox {
    background-image: url(../img/ball.svg);
    background-repeat: no-repeat;
    background-size: 3px;
    background-position: center;
}


.checkbox-text,
.checkbox-link {
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    color: var(--color-white);
}

.f-button.is-close-btn {
    background: none;
}

.f-button svg {
    stroke: var(--color-gold);
}

/*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*|*/

.filtered-show,
.showmore-show {
    display: block;
    opacity: 1;
    transition: .3s;
}

.filtered-hide,
.showmore-hide {
    display: none;
    opacity: 0;
}

@media screen and (min-width: 360px) {
    .pop-up {
        width: 320px;
    }
}

@media screen and (min-width: 430px) {
    .main-banner__time {
        width: 400px;

        margin: 30px auto 0;
    }

    .main-banner__button {
        width: 400px;

        margin: 0 auto;
    }

    .models__list {
        width: 400px;
        margin: 60px auto 0;
    }

    .equip__list {
        width: 400px;

        margin: 40px auto 0;
    }

    .credit__button {
        width: 400px;

        margin: 20px auto 0;
    }

    .contacts__list {
        width: 400px;

        margin: 20px auto 0;
    }

    .pop-up {
        width: 400px;
    }

    .pop-up__head {
        padding-right: 10px;
    }
}

@media screen and (min-width: 600px) {
    .fancybox__content>.f-button.is-close-btn {
        top: 0;
    }
}

@media screen and (min-width: 700px) {
    .credit__img {
        display: flex;
        justify-content: center;
    }

    .credit__img img {
        max-width: 683px
    }
}

.swiper-slide >img{
    max-width: 100%;
}
@media (max-width: 768px) {
    .hide-desc img{display: block;}
    .hide-mob .credit__img-arrow1{display: none }
  }