/* хлебные крошки */

    /* Стиль списка */
    .breadcrumb {
        margin: 0;
        padding-top: 27px;
    }

    ul.breadcrumb__list {
    list-style: none;
    background-color: transparent;
    }

    /* Отображение элементов списка бок о бок */
    ul.breadcrumb__list li {
    display: inline;
    font-size: 16px;
        color: #585858;
    }

    /* Добавить символ косой черты (/) перед/за каждым элементом списка */
    ul.breadcrumb__list li+li:before {
    padding: 2px 4px 2px 2px;
    color: #585858;
    content: "|";
    }

    /* Добавить цвет для всех ссылок внутри списка */
    ul.breadcrumb__list li a {
        font-family: "Fira Sans", sans-serif;
    text-decoration: none;
    }

    /* Добавить цвет на наведении курсора мыши */
    ul.breadcrumb__list li a:hover {
    color: #FF0000;
    text-decoration: underline;
    }

    ul.breadcrumb__list li.breadcrumb__item {
        color: #000;
    }

/* Общие стили слайдера */
.slider {
    position: relative;
    box-sizing: border-box;
}

.prime-page__slider {
    margin-bottom: 12px;
}

.slider-navi {
    width: 295px;
    display: flex;
    justify-content: space-between;
}

.prime-page__slider .slick-arrow,
.slider .slick-arrow {
    position: absolute;
    z-index: 10;
    font-size: 0;
}

.prime-page__slider .slick-arrow.slick-next,
.slider .slick-arrow.slick-next {
    right: 0;
    width: 12px;
    height: 24px;
    border: none;
    opacity: 40%;
    background: url('/img/arrow_right.png') 0 0 / 100% no-repeat;
}

.prime-page__slider .slick-arrow.slick-prev,
.slider .slick-arrow.slick-prev {
    right: 56px;
    width: 12px;
    height: 24px;
    border: none;
    opacity: 40%;
    background: url('/img/arrow_left.png') 0 0 / 100% no-repeat;
}

.prime-page__slider .slick-arrow.slick-next:hover,
.prime-page__slider .slick-arrow.slick-prev:hover,
.slider .slick-arrow.slick-next:hover,
.slider .slick-arrow.slick-prev:hover{
    opacity: 100%;
}

.prime-page__slider .slick-arrow.slick-next {
    right: 10px;
}

.prime-page__slider .slick-arrow.slick-prev {
    left: 10px;
}
/* Конец */

/* Стили слайдера в клиентах */
.clients__slider {
    margin-bottom: 30px;
}

.clients__slider .slick-arrow {
    top: -59%;
}
/* Конец */

.slick-list {
    padding: 0;
}

.slider .slick-arrow {
    position: absolute;
    top: -59%;
}

/* Стили для слик-слайдера */
.slick-slider {
    width: 100%;
}

.slick-track {
    display: flex;
    gap: 20px;
}

.slick-dots {
    display: none !important;
}

.prime-page__slider .slick-slide {
    border-radius: 16px;
}

.slider-nav .slick-track {
    margin-top: 12px;
    width: 305px;
    display: flex;
    justify-content: start;
    transform: translate3d(0px, 0px, 0px);
    gap: 8px;
}

.slider-nav .slick-slide{
    width: 94px;
}

.slick-track:before, .slick-track:after {
    display: none;
    content: '';
}
/* Конец */

/* слик слайдер на второй странице в верхней карточке */

.content {
  width: 505px;
  box-sizing: border-box;
}

.content .slider-nav {
    width: 432px;
    margin: 0 auto;
}

.content .slider-nav .slick-list{
    /* width: 432px; */
    margin: 0 auto;
}

.content .slider-nav .slick-slide {
    width: 96px;
}

.content .slider-nav .slick-track {
    gap: 14px;
}

.content .slider-nav .slick-current {
    border: 2px solid red;
}

.content .slider-nav .slick-arrow {
    bottom: 0;
}

.content .slider .slick-arrow.slick-next,
.content .slider .slick-arrow.slick-prev {
    width: 19px;
    height: 28px;
}


.content .slider-nav img {
    width: 100%;
}

.content .slider .slick-arrow {
    top: auto;
    bottom: -19%;
}

.content .slider .slick-arrow.slick-prev {
    left: 0;
}



/* qwe */

.prime-page__slider div {
    width: 305px;
    height: 354px;
}

.p1 {
    background: url("/img/prime__slider/p1.jpg") center / cover;
}
.p2 {
    background: url("/img/prime__slider/p2.jpg") center / cover;
}
.p3 {
    background: url("/img/prime__slider/p3.jpg") center / cover;
}
.p4 {
    background: url("/img/prime__slider/p4.jpg") center / cover;
}
.p5 {
    background: url("/img/prime__slider/p5.jpg") center / cover;
}
.p6 {
    background: url("/img/prime__slider/p6.jpg") center / cover;
}

.ps1 {
    background: url("/img/prime__slider/ps1.jpg") center / cover;
}
.ps2 {
    background: url("/img/prime__slider/ps21.jpg") center / cover;
}
.ps3 {
    background: url("/img/prime__slider/ps3.jpg") center / cover;
}
.ps4 {
    background: url("/img/prime__slider/ps4.jpg") center / cover;
}
.ps5 {
    background: url("/img/prime__slider/ps5.jpg") center / cover;
}
.ps6 {
    background: url("/img/prime__slider/ps6.jpg") center / cover;
}
.ps7 {
    background: url("/img/prime__slider/ps7.jpg") center / cover;
}
/* qwe */

body {
    box-sizing: border-box;
    font-size: 24px;
    overflow: hidden;
}

section {
    margin-bottom: 0;
}

.header__mobile {
    display: none;
}

.header {
    position: absolute;
    width: 1440px;
    margin: 0 auto;
    display: flex;
    font-size: 18px;
    color: #fff;
    left: 50%;
    top: 0;
    transform: translate(-50%);
}

.header__wrap {
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
}

.header__contacts {
    display: flex;
    align-items: center;
}

.header__adress {
    margin-right: 26px;

}

.header__phone {
    margin-right: 24px;
}

.header__social {
    display: flex;
    gap: 7px;
}

/* PRIME */

.prime {
    background: url("/img/frame.jpg") no-repeat center/cover;
    height: 790px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #fff;
}

.prime__first {
    padding: 187px 0 70px;
}

.container {
    padding: 0 100px;
}

.prime__wrap {
    display: flex;
    justify-content: space-between;
}

.prime__title {
    max-width: 738px;
    margin-bottom: 20px;
    font-size: 58px;
    font-weight: 700;
}

.prime__subtitle {
    max-width: 738px;
}

.prime__btn {
    height: 48px;
    padding: 15px 37px;
    color: #FF0000;
    background-color: #fff;
    border: none;
    border-radius: 48px;
    font-size: 16px;
    font-weight: 600;
}

.prime__btn:hover {
    color: #FFF;
    background-color: #FF0000;
}

.prime__second {
    padding: 60px 0 64px;
}

.prime__second {
    background-image: linear-gradient(to bottom, rgb(84 83 83 / 32%), rgba(46, 45, 45, 1));        
}

.tre {
    margin-bottom: 20px;
}

.prime__second p {
    line-height: 120%;
    font-size: 24px;
}

.prime__second p span{
    font-weight: 600;
}

.prime__second a {
    color: #FF0000;
}

.prime__second a:hover,
.header__phone:hover {
    color: #be0404;
}

/* CALCULATION */

.calculation {
    background-color: #FF0000;
    padding: 60px 0;
}

.calculation__wrap {
    display: flex;
    justify-content: space-between;
}

.calculation__desc {
    max-width: 710px;
    color: #fff;
}

.prime-page__agreement {
    color: #fff;
}

.calculation__desc h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 24px;
}

.calculation__desc p {
    font-size: 24px;
    font-weight: 400;
    line-height: 120%;
}

.calculation__send-form {
    max-width: 296px;
}

.prime-page__phone {
    width: 100%;
    height: 57px;
    margin-bottom: 10px;
    padding: 19px 19px 13px;
    font-size: 22px;
    border: 0.5px solid #C4C4C4;
    border-radius: 4px;
    outline: none;
}

.prime-page__btn {
    width: 100%;
    padding: 15px;
    border-radius: 4px;
    font-size: 16px;
}


.prime-page__chekbox {
    padding-top: 8px;
    display: flex;
    align-items: top;
    gap: 8px;
}

#checkbox1 {
    width: 16px;
    height: 16px;
}

.prime-page__agreement {
    max-width: 272px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}

/* CLIENTS */

.clients {
    padding-top: 60px;
    margin-bottom: 60px;
    background-color: #fff;
}

.clients__title {
    margin-bottom: 34px;
}

.slider-line {
    width: 1240px;
    height: 100px;
    display: flex;
    gap: 20px;
}

.clients__item {
    width: 295px;
    height: 100px;
}

.item1 {
    background: url('/img/c1.png') center no-repeat;
}

.item2 {
    background: url('/img/c2.png') center no-repeat;
}

.item3 {
    background: url('/img/c3.png') center no-repeat;
}

.item4 {
    background: url('/img/c4.png') center no-repeat;
}

/* advantages */

.advantages {
    padding-top: 60px;
    margin-bottom: 60px;
}

.advantages__wrap {
    display: flex;
    justify-content: space-between;
}

.advantages__title {
    margin-bottom: 52px;
}

.advantages__list {
  display: grid;
  grid-template-columns: repeat(2, 295px);
  grid-template-rows: repeat(2, 198px);
  gap: 42px 21px;
}

.advantage__img {
    width: 40px;
    height: 40px;
    margin-bottom: 15px;
}

.advantage__image {
    width: 568px;
    height: auto;
    background-image: url("/img/advantages_img.jpg");
}

.advantage__title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.advantage__subtitle {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.4%;
}


/* areas */

.areas {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #D9D9D9;
}

.areas__title {
    margin-bottom: 40px;
}

.areas__list {
    display: grid;
    grid-template-columns: repeat(3, 400px);
    grid-template-rows: repeat(2, 220px);
    gap: 20px;
}

.areas__item {
    padding: 30px;
    background: #fff;
}

.area__img {
    margin-bottom: 10px;
}

.area__title {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
}

.areas__item ul li {
    font-size: 16px;
    font-weight: 400;
}

/* faq */

.faq {
    padding: 60px 0;
    background-color: #2C2F37;
}

.faq__title {
    margin-bottom: 50px;
    color: #fff;
}

.faq__btns {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
} 

.faq__btn {
    padding: 8.5px 24px;   
    font-size: 18px;
    background-color: #fff;
    border-radius: 18px;
    cursor: pointer;
}

.faq__btn:hover {
    background-color: #FF0000;
    color: #fff;
}

.faq__questions {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.faq__question {
    background-color: #fff;
    padding: 20px 30px;
}


/* products */

.products {
    padding: 60px;
    background-color: #D9D9D9;
}

.products .slick-arrow {
    top: -38%;
}

.products__title {
    margin-bottom: 27px;
}

.products__btns {
    display: flex;
    justify-content: space-between;
    margin-bottom: 47px;    
}

.products__btn {
    padding: 8.5px 24px;   
    font-size: 18px;
    background-color: #fff;
    border-radius: 18px;
    cursor: pointer;
}

.products__btn:hover {
    background-color: #FF0000;
    color: #fff;
}

.products__list, .products__list-second{
    display: flex;
    justify-content: space-between;
}

.products__card {
    width: 295px;
    height: 395px;
    background-color: #fff;
}

.product__img {
    width: 100%;
}

.product__description {
    padding: 24px;
    font-size: 18px;
}

/* footer */

footer {
    padding: 81px 0 60px;
    background-color: #000;
    color: #fff;
    font-size: 16px;
}

.footer__wrap {
    display: flex;
}

/* колонна 1 */
.footer__column-1 {
    max-width: 295px;
    margin-right: 21px;
}

.footer__logo {
    margin-bottom: 29px;
}

.footer__column-1 p{
    margin-bottom: 38px;
}

.column-1__phons {
    display: flex;
    gap: 10px;
}

.column-1__phons img{
    width: 20px;
    height: 20px;
}

.footer__phons {
    max-width: 280px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer__phone {
    font-size: 24px;
}


/* колонна 2 */
.footer__column-2 {
    max-width: 400px;
}

.requisites__title {
    margin-bottom: 32px;
    font-size: 24px;
}

.requisites__item {
    margin-bottom: 10px;
}


/* колонна 3 */
.footer__column-3 {
    max-width: 400px;
    margin-left: auto;
}

.footer__map {
    margin-bottom: 30px;
}

.footer__contacts {
    display: flex;
    gap: 4px;
}

.column-3__phons {
    display:  flex;
    gap: 4px;
}

.footer__phone-red {
    color: #FF0000;
}

.column-3__email {
    display: flex;
    gap: 4px;
}

/* 2 страница */

.header__second {
    position: relative;
    width: 100%;
    background-color: #010411;
}

.card__product {
    padding: 100px 0 0;
}

.card__main {
    display: flex;
    justify-content: space-between;
    margin-bottom: 62px;
}

.card__slider {
    width: 505px;
    height: 470px;
    background-color: black;
}

.card__desc {
    max-width: 610px;
}

.card__desc div {
    display: flex;
    gap: 6px;
}

.card__desc span {
    font-weight: 600;
}

.manufacturer {
    margin-bottom: 12px;
    font-size: 18px;
}

.country {
    margin-bottom: 40px;
    font-size: 18px;
}

.card__title {
    margin-bottom: 40px;
    font-size: 32px;
    font-weight: 600;
    line-height: 120%;
}

.card__subtitle {
    margin-bottom: 40px;
    font-size: 24px;
    line-height: 120%;
}

.card__button {
    padding: 16px 54px;
    font-size: 16px;
    background-color: #FF0000;
    color: #fff;
    border: none;
}

.card__button:hover {
    background-color: #da0303;
}

.card__btns {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.card__btn {
    padding: 16px 0;
    border-bottom: 5px solid #00000099;
    cursor: pointer;
}

.card__btn:hover {
   border-bottom: 5px solid #FF0000; 
}

#features {
    padding-right: 45px;
}

#specific {
    padding-right: 10px;
}

#recommendations {
    padding-right: 28px;
}

.card__function {
    background-color: #F8F7F5;
}

.card__description {
    height: 360px;
    padding-top: 60px;
    font-size: 18px;
}

.card__description li {
    margin-bottom: 16px;
    list-style-type: square;
    list-style-position: inside;
    line-height: 120%;
}

.card__description li::marker {
    color: #FF0000;
	font-size: 28px;
}

.specific__wrap {
    display: flex;
    justify-content: space-between;
}

.specific__column-1 {
    width: 420px;
}

.specific__column-2 {
    width: 400px;
}

.specific__column-3 {
    width: 272px;
}

table {
    border-spacing: 10px 8px;
}

thead {
    font-weight: 600;
}


.configuration li:first-child{
    font-weight: 600;
}

.configuration li {
    margin-bottom: 8px;
    list-style-type: none;
}

.conditions li {
    margin-bottom: 8px;
}

.conditions h3 {
     font-size: 18px;
     font-weight: 600;
}

.conditions__table {
    display: flex;
    gap: 80px;
}

.features,
.specific,
.recommendations,
.configuration,
.conditions {
    display: none;
}


.active {
    display: block;
}




/* Мобильная версия */
@media (max-width: 1000px) {

    html {
        background: #fff;
    }

    body {
        /* background: url("/img/bg_mobile.jpg") no-repeat 60% 340px;         */
        font-size: 20px;
        overflow: visible;
    }

    .container {
        max-width: 360px;
        padding: 0 20px;
    }

    h2 {
        font-size: 28px;
    }

    .header {
        display: none;
    }


    .header__mobile {
        display: block;
        font-size: 16px; 
        background: #000;
        color: #fff; 
    }
    
    .header__logo {
        width: 140px;
        height: 28px;
    }

    .header__wrap {
        display: flex;
        padding: 22px 0;
    }

    .header__contacts {
        display: block;
    }

    .header__phone {
        margin-bottom: 10px;
    }

    .header__adress {
        max-width: 300px;
        margin: 0;
    }

    /* prime */

    .prime {
    background: url(/img/frame.jpg) no-repeat center / cover;
    height: auto;
    display: block;
    color: #fff;
    }
    
    .prime__wrap {
        flex-direction: column;
    }

    .prime__first {
        padding-top: 40px;
    }

    .prime__subtitle {
        margin-bottom: 20px;
    }

    .prime__second {
        padding: 47px 0 60px;
        
    }

    .prime__second p {
        font-size: 20px;
    }

    .tre {
        margin-bottom: 40px;
    }

    /* calculation */

    .calculation__wrap {
        flex-direction: column;
    }

    .calculation__desc h2 {
        font-size: 28px;
    }

    .calculation__desc p{
        margin-bottom: 40px;
        font-size: 20px;
    }

    .prime-page__phone, 
    .prime-page__btn {
        margin-bottom: 17px;
    }

    /* clients */

    .clients {
        padding-top: 40px;
        margin-bottom: 40px;
    }

    .clients__title {
        margin-bottom: 40px;
    }

    .clients__item {
        width: 157px;
    }

    .clients .slick-track {
        gap: 6px;
    }

    /* advantages */

    .advantages {
        padding-top: 40px;
        margin-bottom: 40px;
    }

    .advantages__wrap {
        flex-direction: column;
    }

    .advantages__list {
        grid-template-columns: repeat(1, 100%);
        grid-template-rows: repeat(4, auto);
        gap: 20px;
        margin-bottom: 40px;
    }

    .advantages__item {
        height: auto;
    }

    .advantage__image {
        width: 320px;
        height: 190px;
        background-image: url("img/z1.jpg");
    }

    .slick-dots {
        margin-top: 30px;
        display: flex !important;
        justify-content: center;
        gap: 8px;
    }

    .slick-dots li button {
        font-size: 0;
        width: 16px;
        height: 4px;
        border: none;
        background-color: #091520;
        opacity: 40%;
        border-radius: 8px;
    }

    .slick-dots .slick-active button {
        width: 56px;
        opacity: 100%;
    }

    .products__list, .products__list-second {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    /* areas */

    .areas {
        padding: 40px 0;
    }

    .areas__item {
        height: 200px;
        padding: 20px;
    }

    .areas__list {
        display: block;
    }

    .areas__title {
        margin-bottom: 20px;
    }

    .area__title {
        font-size: 18px;
    }

    .areas__item ul li {
        font-size: 14px;
    }

    .areas .slick-track {
        gap: 1px;
    }

    /* faq */

    .faq {
        padding: 40px 0;
    }

    .faq__title {
        margin-bottom: 30px;
    }

    .faq__btns {
        display: block;
        margin-bottom: 22px;
    }

    .faq__btn {
        display: inline-block;
        margin-bottom: 8px;
    }

    .faq__question {
        padding: 6px 10px;        
    }

    /* products */

    .products {
        padding-top: 40px;
    }

    .products__btns {
        display: none;
    }

    .products__card {
        width: 320px;
    }

    .footer__wrap {
        display: block;
    }

    .footer__map {
        width: 320px;
        height: 190px;
        margin-bottom: 27px;
    }

    .footer__column-1, .footer__column-2{
        margin-bottom: 40px;
    }

    .requisites__title {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .requisites__list {
        font-size: 14px;
    }

    .item1 {
        background: url('/img/cl0.png') center no-repeat;
    }

    .item2 {
        background: url('/img/cl2.png') center no-repeat;
    }

    .item3 {
        background: url('/img/cl3.png') center no-repeat;
    }

    .item4 {
        background: url('/img/cl4.png') center no-repeat;
    }

    /* ???????? Second ????????? */

    .header__mobile {
        padding-bottom: 20px;
    }

    .card__product {
        padding-top: 60px;
    }
    
    .card__main {
        display: block;
    }

    .card__title {
        font-size: 28px;
    }

    .content {
        width: 320px;
        margin-bottom: 42px;
    }

    .card__slider {
        
        background-color: black;
    }

    .slick-slide img {
        width: 320px;
        /* height: 231px; */
    }

    .content .slider-for {
        margin-bottom: 24px;
    }

    .content .slider-nav {
        width: 252px;
    }

    .content .slider-nav .slick-slide {
        width: 51px;
    }

    .content .slider .slick-arrow {
        bottom: -31%;
    }

    .country {
        margin-bottom: 20px;
    }

    .card__title {
        margin-bottom: 20px;
    }

    .card__subtitle {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .card__btns {
        flex-direction: column;
    }

    .card__description {
        height: auto;
        padding: 40px 0;
    }



    /* конец */

}