/* Colors */

:root {
    --main-bg-color: #0D6C68;
    --black-color: black;
    --white-color: white;
    --light-grey-color: grey;
    --dark-grey-color: #898989;
}

/* Common */

.body_not_overflow{
    overflow-y: hidden;
}
html{
    font-family: "Montserrat";
}
body{
    margin: 0px;
}
.container{
    max-width: 1296px;
    margin: auto;
    padding-right:5px;
    padding-left:5px;
}
section{
    position: relative;
}
a{
    text-decoration: none;
}
.btn{
    font-family: "Montserrat";
    cursor: pointer;
    border-radius: 5px;
    background: var(--main-bg-color);
    display: flex;
    padding: 16px 58px;
    justify-content: center;
    align-items: center;
    color: var(--white-color);
    border:none;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    width: fit-content;
}

.btn_white{
    font-family: "Montserrat";
    display: flex;
    padding: 16px 49px 16px 50px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border: 1px solid var(--main-bg-color);
    color:var(--black-color);
    background-color: var(--white-color);
    width: fit-content;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}

p{
    margin: 0px;
}
.section__title{
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-left: 51px;
    margin-right: 51px;
    text-align: center;
}
.overlay{
    position: fixed;
    z-index: 29;
    background: rgba(0, 0, 0, 0.7);
    width:100%;
    height: 100%;
    top:0px;
    opacity: 0;
    display: none;
    transition: opacity 0.1s linear;
}
.overlay-opened{
    display: block;
    opacity: 1;
}
.modal_callback, .modal_ask_product{
    position: fixed;
    width: 30vw;
    height: auto;
    background: white;
    z-index: 30;
    top: 15%;
    padding: 15px;
    left: 35vw;
    transition: transform 0.1s linear;
    transform: translateY(-100vh);
    display: none;
}
.modal_ask_product{
    height: fit-content;
}
.modal_ask_product .modal__title{
    font-size: 26px;
}
.modal-opened{
    display: block;
    transform: translateY(0);
}
.modal__border{
    border-radius: 10px;
    border: 1px solid var(--main-bg-color);
    height: 100%;
    width: 100%;
}
.modal__title{
    text-align: center;
    font-family: "Open Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
}
.modal__border form{
    display: flex;
    flex-direction: column;
    padding: 20px;
}
.modal__border form label{
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
}
.modal__border form input{
    border-radius: 10px;
    border: 1px solid var(--main-bg-color);
    padding: 14px;
    margin-bottom: 22px;
}
.modal__small_text{
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 30px;
}
.modal__border .btn{
    margin: auto;
}
.modal_callback > img, .modal_ask_product > img{
    position: absolute;
    top: 4px;
    right: 2px;
    background: white;
    cursor: pointer;
}
section{
    background-size: 100% 100%;
}
.pulsar{
    cursor: pointer;
    z-index: 15;
}
.pulsar__menu {
    position: absolute;
    transform: translateY(-200vh);
    transition: transform 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    bottom: 70px;
}
.pulsar__menu_opened{
    transform: translate(0);
}
.pulsar__menu a{
    display: block;
    padding: 10px;
}
.pulsar img{
    position: relative;
    z-index: 2;
}
.pulsar__wrapper{
    position: fixed;
    bottom: 4rem;
    right: 10rem;
    padding: 20px;
    z-index: 15;
}
.pulsar::after,
.pulsar::before {
  content: '';
  position: absolute;
  background: var(--main-bg-color);
  left: -20px;
  opacity: 0;
  right: -20px;
  top: -20px;
  bottom: -20px;
  border-radius: 50%;
  animation: pulse 3s linear infinite;
}

.pulsar::after {
  animation-delay: 1.5s;
}

@keyframes pulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: scale(1.01);
    opacity: 0;
  }
}




/* Header */

header{
    background: linear-gradient(180deg, #EEE 0%, rgba(252, 252, 252, 0.54) 100%);
    position: absolute;
    top:0px;
    width:100%;
    z-index: 29;
}
.header_fixed{
    position: fixed;
}
header > div{
    display: flex;
    justify-content: space-between;
}
.header__logo{
    margin-top:15px;
    margin-bottom:15px;
}
.header__address{
    display: flex;
    align-items: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
}
.header__address a{
    text-decoration: none;
    color: black;
}
.header__address_icon{
    margin-right:10px;
}
.header__phones{
    display: flex;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    color: var(--main-bg-color);
    align-items: center;
}
.header__language{
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    color: var(--main-bg-color);
    border:none;
    background: transparent;
}
.header__phone, .header__phone_icon{
    margin-right: 30px;
}
.header__phone{
    color: var(--main-bg-color);
    text-decoration: none;
}
.menu_icon{
    position: absolute;
    top:30px;
    left: 5vw;
    cursor: pointer;
}
.mobile_menu{
    display: none;
}


/* Main section */


#main_section .main_slider__title{
    color: var(--main-bg-color);
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    text-transform: uppercase;
    margin-bottom: 40px;
}
#main_section ul{
    padding-left: 0px;
}
.main_slider__slide{
    background-repeat: no-repeat;
    background-position: bottom;
    height: 100%;
    padding-bottom: 50px;
    margin-top:230px;
}
.main_slider__slide_wrapper{
    max-width: 50%;
}
.main_slider__subtitle{
    color: var(--black-color);
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px; 
    text-transform: uppercase;
    margin-bottom: 40px;
}
.main_slider__parameters_title{
    font-size: 24px;
    font-weight: 600;
    line-height: 46px;
}
.main_slider__parameter{
    display: flex;
    margin-bottom: 19px;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    align-items: center;
}
.main_slider__parameter_img{
    margin-right: 10px;
}
.main_slider__slide .btn{
    margin-top:100px;
}
#main_section{
    background-repeat: no-repeat;
    background-position: right;
    background-position-y: bottom;
    background-size: contain;
    height: fit-content;
}
.main_section__background{
    position: absolute;
    height: 100%;
    width: 40vw;
    margin-left:59vw;
    top: 0px;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.main_section__background_image{
    width: inherit;
    height: inherit;
}
.main_section__background > *{
    position: absolute;
}
.main_section__background_border{
    height:inherit;
    margin-left:-3px;
}
.main_section__background_front{
    position: absolute;
    top: 0px;
    width: 30rem;
    margin-top: 35%;
    margin-left: -3rem;
}

.main_slider__button{
    position: absolute;
    margin-top: -39vh;
    cursor: pointer;
}
.main_slider__button_left{
    left:5vw;
}
.main_slider__button_right{
    right:5vw;
}

.main_slider-dots{
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
}
.main_slider__slide{
    padding-bottom: 200px;
}
#main_section .main_slider-dots{
    margin-top: -100px;
}

.submit__overflow{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    cursor: not-allowed;
}
.btn_submit_wrapper{
    position: relative;
    width: fit-content;
}

  
  
  .main_slider-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    padding: 0;
    cursor: pointer;
  }
  
  .main_slider-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 7px;
    height: 7px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #0D6C68;
    transform: rotate(45deg);
  }
  .main_slider-dots li button:hover,
  .main_slider-dots li button:focus {
    outline: none;
  }
  .main_slider-dots li button:hover:before,
  .main_slider-dots li button:focus:before {
    opacity: 1;
  }

  .main_slider-dots li.slick-active button {
    outline: 2px solid #0D6C68;
    outline-offset: 5px;
  }

  /* Catalog */

  #catalog{
    background-size: cover;
  }
  #catalog_page{
    padding-bottom: 100px;
  }
  #products{
    background: linear-gradient(0deg, rgba(251, 251, 251, 0.97) 0%, rgba(251, 251, 251, 0.97) 100%);
  }
  .recomended_products{
    background-color: #0D6C680D;
  }
  .section__title_wrapper{
    display: flex;
    align-items: center;
    margin: auto;
    padding-top: 100px;
    justify-content: center;
    margin-bottom: 50px;
  }
  .catalog__card a{
    text-decoration: none;
  }
  .section__title_wrapper img{
    height: fit-content;
  }
  .catalog__cards{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 24px;
  }
  .catalog__card{
    height: 276px;
    width: 416px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    margin-bottom: 20px;
    background-size: cover;
    overflow: hidden;
  }
  .catalog__card_content, .catalog__card .btn_white{
    max-height: 0px;
    overflow: hidden;
    padding: 0px;
    transition: opacity 0.5s linear;
    opacity: 0;
  }
  .catalog__card_title{
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
    position: relative;
    color: var(--main-bg-color);
    height:62px;
    background-color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0;
    margin-bottom: -2px;
    z-index: 1;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    transition: color 0.2s linear;
  }
  .catalog__card__overflow{
    border-radius: 11px;
    opacity:0;
    transition: opacity 0.2s linear;
  }
  .catalog__card .btn_white{
    margin: 0 auto;
  }
  .catalog__card:hover{
    color:var(--white-color);
    justify-content: space-evenly;
    text-align: center;
  }
  .catalog__card:hover .catalog__card_content, .catalog__card:hover .btn_white{
    max-height:200px;
    z-index:1;
    padding-left: 30px;
    padding-right: 30px;
    opacity: 1;
  }
  .catalog__card:hover .btn_white{
    padding: 16px 49px 16px 50px;

  }
  .catalog__card:hover .catalog__card__overflow{
    position: absolute;
    height: inherit;
    width: inherit;
    background-color: rgba(13, 108, 104, 0.90);
    opacity: 1;
  }
  .catalog__card:hover .catalog__card_title{
    background-color: transparent;
    color:var(--white-color);
    padding-left: 30px;
    padding-right: 30px;
    opacity: 1;
  }
  .button_wrapper{
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top:30px;
    padding-bottom: 164px;
  }
  .background__bottom_border{
    width: 100%;
    height: 60px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    position: absolute;
    bottom: 0px;
    margin-bottom: 0px;
  }
  .products{
    display: flex;
    justify-content: flex-start;
    padding-bottom: 50px;
    flex-wrap: wrap;
    column-gap: 24px;
  }
  .product {
    width: 306px;
    height: 353px;
    position: relative;
    font-family: "Manrope";
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: 50px;
    }
    .product a{
        text-decoration: none;
    }
    .product > a{
        display: flex;
        justify-content: center;
    }
  .product_new{
    position: absolute;
    top:5px;
    left:5px;
    background-color: var(--white-color);
    color:var(--main-bg-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 1px 16px 1px 16px;
    border-radius: 5px;
  }
  .product__thumbnail{
    width: auto;
    max-width: 100%;
    height:203px;
    transition: height 0.1s linear;
    object-fit: cover;
    object-position: center;
    width: 100%;
  }
  .product__front{
    padding: 15px;
    padding-bottom: 0px;
  }
  .product__back{
    padding-left:15px;
    padding-right: 15px;
  }
  .product__category {
    color: #9A9A9A;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    }
  .product__title{
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    color: black;
  }
  .product h5{
    margin-top:8px;
    margin-bottom: 13px;
  }
  .product__reviews{
    display: flex;
    align-items: center;
  }
  .product__stars{
    display: flex;
    margin-right: 10px;
  }
  .product__star{
    margin-right: 5px;
  }
  .reviews__star_active path{
    fill: var(--main-bg-color);
  }
  .product__star_active path{
    fill: #C67434;
  }
  .product__reviews a{
    color: #9A9A9A;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
  }
  .product__description{
    margin-top: 15px;
    color: #9A9A9A;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
  }
  .product__parameters{
    margin-top:10px;
  }
  .product__parameter{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #B3B3B3;
    margin-bottom: 5px;
  }
  .product__parameter_name{
    color: var(--light-grey-color);
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
  }
  .close_gallery_modal{
    display: none;
  }
  .close_gallery_modal_opened{
    position: absolute;
    top: 11rem;
    right: 24%;
    height: 25px;
    width: 25px;
    display: block;
    z-index: 30;
    background-color: white;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
  }
  .close_portfolio_modal{
    display: none;
  }
  .close_portfolio_modal_opened{
    position: absolute;
    top: -1.5rem;
    right: -1.5rem;
    height: 25px;
    width: 25px;
    display: block;
    z-index: 30;
    background-color: white;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
  }
  .product__parameter_value{
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
  }
  .product__bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top:10px;
    padding: 0px 15px 15px 15px;
  }
  .product__bottom .btn{
    font-family: "Montserrat";
    padding: 8px 15px 8px 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    opacity: 1;
    transition: opacity 0.2s linear;
  }
  .product__price{
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
  }
  .product__price span{
    font-weight: 400;
  }
  .product__back{
    max-height: 0;
    display: none;
    transition: height 0.1s linear;
  }

  /* .product:hover .product__back{
    display: block;
    max-height: 203px;
  }
  .product:hover .product_new{
    display: none;
  }
  .product:hover .product__thumbnail{
    height: 0px;
  }
  .product:hover .product__bottom .btn{
    opacity: 1;
  } */
  

  /* Reviews */

  .reviews{
    margin-top:100px;
  }
  .review__btn{
    margin: auto;
    margin-top: 100px;
    margin-bottom: 100px;
  }

  /* Product */

    #product_card {
        padding-top: 150px;
        padding-bottom: 1px;
        margin-top: -9px;
        background: linear-gradient(0deg, rgba(251, 251, 251, 0.97) 0%, rgba(251, 251, 251, 0.97) 100%);
    }
    #product_card > .container{
        padding: 20px;
        background-color: var(--white-color);
        padding: 40px 12px 40px 12px;
    }
    .product_card__top {
        display: flex;
        width: 100%;
        height: 460px;
    }
    .product_card__thumb {
        width: 40%;
        height: fit-content;
    }
    .product_card__thumb_big{
        margin-bottom: 10px;
        transition: all 0.5s linear;
        overflow: hidden;
        max-height: 370px;
    }
    .product_card__thumb_big img{
        border-radius: 5px;

        aspect-ratio: 526/370;
        width: 100%;
        height: auto;
        object-fit: cover;
        object-position: center;
        max-width: 100%;
    }
    .product_card__thumb_mini{
        overflow:hidden;
        max-height: 49px;
    }
    .product_card__thumb_mini img{
        object-fit: cover;
        object-position: center;
    }
    .product_card__thumb_big_opened {
        width: 50%;
        background: white;
        z-index: 30;
        height: fit-content;
        left: 25%;
        border: 6px solid white;
        position: absolute;
        overflow: hidden;
        cursor: pointer;
        border-radius: 5px;
      }
      .product_card__image .product_card__image_modal{
        width: 100%;
        width: -moz-available;          /* WebKit-based browsers will ignore this. */
        width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
        width: fill-available;
        height: 100%;
        height: -moz-available;          /* WebKit-based browsers will ignore this. */
        height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
        height: fill-available;
      }
    .product_card__image{
        opacity: 0;
        pointer-events: none;
        position: absolute;
        transition: all 0.2s linear;
      }
      .product_card__image_opened{
        opacity: 1;
        pointer-events: unset;
        width: 50%;
        height: 50%;
        top: 11rem;
        background: white;
        z-index: 30;
        height: fit-content;
        left: 25%;
        border: 6px solid white;
      }
      .close_single_gallery_modal{
        width: 25px;
        height: 25px;
        background-color: white;
        border-radius: 50%;
        padding: 5px;
        position: absolute;
        top: -1rem;
        right: -1rem;
        cursor: pointer;
      }
      .portfolio_modal .product_card__thumb_big, .portfolio_modal .product_card__thumb_mini{
        display: none;
      }
      .portfolio_modal .product_card__thumb_big_opened, .portfolio_modal .product_card__thumb_mini_opened{
        display: block;
      } 
      .product_modal_close{
        position: absolute;
        width: 25px;
        top: 15px;
        right: 15px;
        cursor: pointer;
      }
      .product_card__thumb_portfolio{
        display: none;
        transition: all 0.3s linear;
      }
      #portfolio .container{
        position: relative;
      }
      .product_card__thumb_portfolio_opened{
        display: block;
        position: absolute;
        /* top: 11rem; */
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        z-index: 32;
        background-color: white;
        border: 6px solid white;
        border-radius: 5px;
        transform: scale(1.3);
      }
      .product_card__thumb_big_portfolio, .product_card__thumb_big_portfolio > .slick-list {
        height: inherit;
      }
      .product_card__thumb_big_portfolio > .slick-list > .slick-track, .product_card__thumb_big_portfolio .slick-slide > div, .product_card__thumb_big_portfolio .slick-slide img{
        height: inherit;
      }
      .portfolio_modal__prev, .portfolio_modal_next{
        position: absolute;
        top: 42%;
        cursor: pointer;
      }
      .portfolio_modal__prev{
        left: -3rem;
    }
    .portfolio_modal_next{
        right: -3rem;
    }
    .product_card__thumb_big_opened img{
        width: inherit;
        height: inherit;
    }
    .product_card__thumb_mini{
        margin-left: 25%;
        margin-right: 25%;
        height: 50px;
    }
    .product_card__thumb_mini .slick-slider {
        margin:0 -15px;
    }
    .product_card__thumb_mini .slick-slide {

        border-radius: 5px;
        cursor: pointer;
    }
    .product_card__thumb_mini .slick-slide img{
        width: 47.939px;
        height: 49px;
    }
    .product_card__thumb_mini_overflow{
        position: absolute;
        height: 49px;
        top: 0px;
        background: rgb(0,0,0);
        width: 47px;
        opacity: 0.3;
        transition: opacity 0.3s linear;
    }
    .product_card__thumb_mini .slick-slide:hover .product_card__thumb_mini_overflow, 
    .product_card__thumb_mini .slick-slide.slick-current .product_card__thumb_mini_overflow{
        opacity: 0;
    }
    .product_card__thumb_mini_overflow, .product_card__thumb_mini .slick-slide img{
        border-radius: 5px;
    }
    .product_card__info_main{
        padding-left:24px;
        width: 50%;
    }
    #product_card h1, .product_card__price{
        font-size: 32px;
        font-weight: 700;
        line-height: normal;
        margin:0;
        margin-bottom: 15px;
    }
    .product_card__text_small{
        color: #909090;
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
    }
    .product_card__title_mobile, .middle_line, .product_card__menu_icon, .product_card__menu_mobile{
        display: none;
    }
    #product_card .product_card__price{
        margin-top:20px;
    }
    #product_card .product__parameters {
        margin-top: 16px;
        max-width: 416px;
    }
    #product_card .product__parameter {
        margin-bottom: 7px;
    }
    .rating_hidden{
        display: none;
    }
    .order, .order__btns_manage{
        display: flex;
        align-items: center;
    }
    .order{
        justify-content: center;
        position: relative;
        background-color: #F8F8F9;
        padding-top: 24px;
        padding-bottom: 24px;
        margin-top: 25px;
    }
    .order__btns_manage{
        position: absolute;
        left: 3vw;
        cursor: pointer;
    }
    .order__number{
        margin-left: 10px;
        margin-right: 10px;
    }
    .manage_order_button{
        width: 24px;
        height: 24px;
    }

    .product_card__menu{
        display: flex;
        border-bottom: 1px solid #E0E0E0;
        margin-bottom: 20px;
    }
    .product_card__description p{
        margin-bottom: 10px;
    }
    .product_card__menu_item{
        cursor: pointer;
        font-size: 20px;
        font-weight: 400;
        line-height: normal;
        margin-right: 40px;
        color:var(--main-bg-color);
        padding-bottom: 18px;
    }
    .product_card__menu_item-choosen{
        border-bottom: 2px solid var(--main-bg-color);
    }
    .product_card__description{
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
    }
    #product_card > .container{
        margin-bottom: 150px;
    }
    .product_card__bottom_content > *{
        display: none;
    }
    .product_card__bottom-showed{
        display: block;
    }

    .review{
        border-radius: 4px;
        border: 1px solid var(--gray, #EEE);
        margin-bottom: 10px;
        padding: 20px 22px 20px 22px;
    }
    .review__row{
        display: flex;
        margin-bottom: 16px;
    }
    .review__stars{
        display: flex;
        margin-right: 23px;
    }
    .review__stars > *{
        margin-right:5px;
    }
    .review__author{
        margin: 0;
        font-family: "Ubuntu";
        font-size: 17px;
        font-weight: 400;
        line-height: 150%;
    }
    .review__title{
        color: #606060;
        font-family: "Ubuntu";
        font-size: 15px;
        font-weight: 400;
        line-height: 130%; 
    }
    .review__title, .review__author{
        min-width:180px;
    }
    .review p{
        font-family: "Ubuntu";
        font-size: 15px;
        font-weight: 400;
        line-height: 130%;
    }
    .pagination{
        max-width: 30%;
        margin: auto;
        display: flex;
        justify-content: center;
        column-gap: 10px;
        align-items: center;
        margin-top:20px;
        list-style-type: none;
    }
    .pagination .btn_page{
        color: var(--black-color);
        background-color: white;
        text-decoration: none;
        font-family: "Ubuntu";
        display: flex;
        padding: 0px;
        width:40px;
        height:40px;
        font-size: 20px;
        font-weight: 400;
        line-height: 130%;
    }
    .pagination .btn_page_active{
        border-radius: 4px;
        background: var(--main-bg-color);
        width:40px;
        height:40px;
        color: var(--white-color);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .pagination .btn_transparent{
        margin: 0;
    }
    .reviews__page-choosen{
        border-radius: 4px;
        background: var(--main-bg-color);
        width:40px;
        height:40px;
        color: var(--white-color);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .reviews__form{
        display: flex;
        margin-top: 45px;
        margin-left: 3rem;
        margin-right: 3rem;
    }
    .reviews__form  ::-webkit-input-placeholder {
        color:    #EEE;
        font-family: "Ubuntu";
        font-size: 17px;
        font-weight: 400;
        line-height: normal;
    }
    .reviews__form :-moz-placeholder { 
        color:    #EEE;
        font-family: "Ubuntu";
        font-size: 17px;
        font-weight: 400;
        line-height: normal;
       opacity:  1;
    }
    .reviews__form ::-moz-placeholder { 
        color:    #EEE;
        font-family: "Ubuntu";
        font-size: 17px;
        font-weight: 400;
        line-height: normal;
       opacity:  1;
    }
    .reviews__form :-ms-input-placeholder { 
        color:    #EEE;
        font-family: "Ubuntu";
        font-size: 17px;
        font-weight: 400;
        line-height: normal;
    }
    .reviews__form ::-ms-input-placeholder {
        color:    #EEE;
        font-family: "Ubuntu";
        font-size: 17px;
        font-weight: 400;
        line-height: normal;
    }
    .reviews__form ::placeholder { 
        color:    #EEE;
        font-family: "Ubuntu";
        font-size: 17px;
        font-weight: 400;
        line-height: normal;
    }
    .reviews__form > form{
        width: 100%;
    }
    .reviews__form_title{
        min-width: 135px;
        font-family: "Ubuntu";
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        padding-right: 54px;
    }
    .reviews__form_stars > svg{
        transition: all 0.3s linear;
        cursor: pointer;
    }
    .reviews__form_stars > svg:hover{
        transform: scale(1.05);
    }
    .reviews__form_row{
        display: flex;
        justify-content: space-between;
        align-items: center;
        column-gap: 5px;
    }
    .reviews__form_row_top{
        justify-content: start;
    }
    .reviews__form_stars_info{
        margin-left: 30px;
    }
    .reviews__form input, .reviews__form textarea{
        padding: 13px 21px 17px 21px;
        border-radius: 4px;
        border: 1px solid #B3B3B3;
        width: 100%;
        width: -moz-available;          /* WebKit-based browsers will ignore this. */
        width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
        width: fill-available;
    }
    .reviews__full_width_input{
        width:100%;
    }
    .reviews__half_width_input{
        width:37%;
    }
    .reviews__form_inputs{
        margin-top:19px;
    }
    .reviews__form_inputs > *{
        margin-bottom: 21px;
    }

  /* Numbers */

  #numbers{
    margin-top:100px;
    padding-bottom: 114px;
  }
  .numbers{
    display: flex;
    justify-content: space-between;
  }
  #numbers h2, #numbers h5{
    margin:7px;
  }
  .number{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .number__title{
    color: var(--main-bg-color);
    text-align: center;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    text-transform: uppercase;
  }
  .number__text{
    text-align: center;
    font-size: 14px;
    font-weight: 600;
  }

  /* About company */

  #about_company{
    background: rgba(13, 108, 104, 0.05);
  }
  #about_company .container{
    padding-bottom: 164px;
  }
  .about_company__content{
    display: flex;
    justify-content: space-between;
    position: relative;
  }
  .about_company__content > div{
    width:50%;
  }
  .about_company__banner{
    height:423px;
    display: flex;
    justify-content: end;
    margin-right:24px;
  }
  .about_company__banner img{
    width: 602px;
    height: 390px;
  }
  .about_company__content > .about_company__banner_back {
    position: absolute;
    width: 526px;
    height: 316px;
    margin-top: 108px;
    border-bottom: 1px solid var(--main-bg-color);
    border-left: 1px solid var(--main-bg-color);
    border-radius: 0 0 0 10px;
}
.about_company__right_side{
    display: flex;
    flex-direction: column;
}
.about_company__text{
    border-radius: 10px;
    background-size: 100% 100%;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    padding: 30px 40px 30px 40px;
    justify-content: space-around;
}
.about_company__text img{
    height: 71px;
    width: 31px;
    position: absolute;
    margin-left: -40px;
}
.about_company__text p{
    margin-bottom:20px;
}
.about_company__title{
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
    
}

#about_us__banner_section{
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}
#about_us__banner_section > .container{
    padding-bottom: 252px;
}
#about_us__banner_section > .container > div{
    max-width: 415px;
}
#about_us__banner_section .breadcrumb{
    padding-top: 250px;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
#about_us__banner_section .breadcrumb a{
    text-decoration: none;
    color: black;
}
#about_us__banner_section h1{
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 10px;
}

#our_mission{
    background: rgba(13, 108, 104, 0.05);
}
#our_mission > .container{
    display: flex;
    padding-top:100px;
}
#our_mission h3{
    margin: 0;
    margin-right: 50px;
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.our_mission__content{
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding-bottom: 164px;
}

.about_company_long__logo{
    width: 220px;
    height: 73px;
    margin-bottom: 50px;
}
#about_company_long{
    padding-bottom: 100px;
}
#about_company_long .about_company__title{
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}
#about_company_long .about_company__text{
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    border: none;
    padding-left: 0px;
    padding-top: 0px;
}
.about_company__content_inverted .about_company__banner{
    margin-right:0px;
    margin-left:24px;
}
.about_company__content_inverted{
    position: relative;
}
.about_company__content_inverted .about_company__banner_back{
    right: 7rem;
}
#about_company_long .about_company__content{
    margin-bottom: 50px;
    position: relative;
}
#about_company_long .container{
    padding-top: 100px;
}

#our_partners{
    background: linear-gradient(0deg, rgba(251, 251, 251, 0.98) 0%, rgba(251, 251, 251, 0.98) 100%);
    padding-bottom: 75px;
}
.partners{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.partner{
    width: 306px;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1px solid var(--main-bg-color);
    margin-bottom: 24px;
    background-size: cover;
    background-color: rgba(255, 255, 255, 1);
    background-blend-mode: color;
    transition: all 0.25s linear;
    cursor: pointer;
}
.partner:hover{
    background-color: rgba(255, 255, 255, 0);
    color:var(--white-color);
    background-size: 100% 100%;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.10);
}
.partner__title{
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    padding: 10px;
}

/* Advantages */

.advantages__content{
    display: flex;
    justify-content: center;
    padding-bottom: 150px;
}
.advantages__rock_wrapper{
    margin-top:70px;
}
.advantage__top{
    display: flex;
}
.advantage__title{
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.advantage__icon{
    margin-right:20px;
}
.advantage{
    display: flex;
    max-width: 372px;
    position: absolute;
}
.advantage__route{
    position: absolute;
    z-index: 1;
}
.advantage__text{
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin-top:10px;
}

#advantage__route_1{
    margin-left: -291px;
    margin-top: 68px;
}
#advantage_1{
    margin-right: 865px;
    margin-top: 61px;
}

#advantage__route_2{
    margin-right: 276px;
    margin-top: 334px;
}
#advantage_2{
    margin-left: -923px;
    margin-top: 324px;
}

#advantage__route_3{
    margin-right: -339px;
    margin-top: 37px;
}
#advantage_3 {
    margin-left: 900px;
    margin-top: 31px;
}

#advantage_4 {
    margin-top: 230px;
    margin-left: 995px;
}
#advantage__route_4{
    margin-left: 507px;
    margin-top: 239px;
}

#advantage_5{
    margin-top: 408px;
    margin-left: 1002px;
}
#advantage__route_5{
    margin-top: 403px;
    margin-left: 495px;
}

/* Portfolio */

#portfolio{
    padding-bottom: 50px;
}
.portfolio{
    display: flex;
    height: 500px;
    justify-content: space-between;
}
.portfolio > div{
    width: 49%;
}
.portfolio__slider .slick-list{
    display: none;
}
.portfolio__inactive_cards{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}
.portfolio__card_active .portfolio__card_overflow{
    display: none;
}
.portfolio__card img{
    object-position: center;
    object-fit: cover;
}
.portfolio__card_active img{
    height: 100%;
    width: 100%;
}
.portfolio__inactive_cards > div, .portfolio__inactive_cards img{
    width: 306px;
    height: 236px;
}
.portfolio__card_overflow{
    width: 100%;
    display: block;
    height: 100%;
    margin-top: -241px;
    background: linear-gradient(0deg, rgba(4, 7, 13) 0%, rgba(4, 7, 13) 100%);
    opacity: 0.7;
    transition: all 0.2s linear;
    position: absolute;
        height: 237px;
}
.portfolio__card{
    transition: all 0.2s linear;
    position: relative;
}
.portfolio__card:hover .portfolio__card_overflow{
    opacity: 0;
}
.portfolio__card:hover{
    transform: scale(1.02);
    cursor: pointer;
}
.portfolio__slider-dots{
    bottom: -69px;
    padding-left: 0px
}
.portfolio_slider__button{
    position: absolute;
    top: 0px;
    cursor: pointer;
}
.portfolio_slider__button_right{
    right: -5rem;
}
.portfolio__slider_buttons{
    position: absolute;
    top: 50%;
    width: 100%;
}
.portfolio_slider__button_left{
    left: -5rem;
}
.btn_transparent{
    background: transparent;
    color: var(--main-bg-color);
    border: 1px solid var(--main-bg-color);
    margin: auto;
    margin-top: 50px;
    padding: 16px 27px;
}
#portfolio_card_3 > div, #portfolio_card_3 .portfolio__card{
    height: 100%;
}

#portfolio__portfolio{
    padding-bottom: 164px;
}
#portfolio__portfolio .container{
    display: grid;
    grid-template-rows: 236px 236px 236px 236px;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 100px;
}
.portfolio__card_big_right{
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3;
}
.portfolio__card_big_left{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 5;
}
#portfolio__portfolio .portfolio__card{
    background-size: cover;
    background-position: center;
}
#portfolio__portfolio .portfolio__overflow{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0px;
}
#portfolio__portfolio .portfolio__title{
    position: absolute;
    display: flex;
    bottom: 20px;
    color: white;
    z-index: 1;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px; /* 160% */
    text-transform: uppercase;
    align-items: center;
}
#portfolio__portfolio .portfolio__title img{
    width: 20px;
    height: 46px;
    margin-right: 5px;
}
.portfolio__data{
    display: none;
}
#portfolio .btn_transparent{
    margin-top: 110px;
}
.portfolio_modal{
    position: fixed;
    z-index: 30;
    top:30%;
    height: 40%;
    width:60%;
    left: 20%;
    background-color: white;
    border-radius: 10px;
    border: 1px solid var(--main-bg-color);
    padding: 10px;
    padding-right: 30px;
    display: flex;
    transform: translateY(-200vh);
    transition: transform 0.2s linear;
}
.portfolio_modal_close{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.portfolio_modal_opened{
    transform: translateY(0);
}
.portfolio_modal__img{
    width: 70%;
    height: 100%;
    border-radius: 10px;
    background-size: 100% 100%;
    margin-right: 24px;
    z-index: 1;
}
.portfolio_modal .btn{
    padding: 10px 58px;
    margin-top: 30px;
}
.portfolio__card_parameters{
    margin-top: 5px;
    margin-bottom: 15px;
}
.portfolio__card_parameter{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #B3B3B3;
    margin-bottom: 5px;
}
.portfolio__card_parameter__name{
    color: #9A9A9A;
    font-family: "Manrope";
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}
.portfolio__card_parameter__value{
    font-family: "Manrope";
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
}
.portfolio_modal__title{
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
    margin-top: 30px;
}
.portfolio_modal__description{
    color: #9A9A9A;
    font-family: "Manrope";
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}

#similar_products{
    background: rgba(13, 108, 104, 0.05);
}

/* Promos */

#promos{
    padding-bottom: 100px;
}
#promos > div{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top:100px;
}
.promo{
    transition: transform 0.3s linear; 
}
.promo:hover{
    transform: scale(1.02);
}

/* News */
#news{
    background: rgba(13, 108, 104, 0.05);
    padding-bottom: 100px;
}
.news__cards{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 22px;
}
.news__card{
    width: 404.114px;
    height: 176px;
    padding-top:20px;
    padding-bottom: 20px;
    background-repeat: no-repeat;
    padding-right:5px;
    display: flex;
}
.news__card_banner img{
    width: 112.914px;
    height: 140px;
    margin-left:-10px;
    object-fit: cover;
    object-position: center;
}
.news__card_title{
    margin: 0;
}
.news__card_content{
    margin-left:25px;
}
.news__card_title{
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}
.news__card_content a{
    text-decoration: none;
    color:var(--main-bg-color);
}
.news__card_date{
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
}
.news__card_text{
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-top:10px;
}
.news__card_border{
    position: absolute;
    width: inherit;
    height: inherit;
    background-repeat: no-repeat;
    margin-top: -20px;
    margin-left: 31px;
    pointer-events: none;
}
.news__read_next{
    display: flex;
    justify-content: end;
    align-items: center;
}
.news__read_next a{
    text-decoration: none;
    color:var(--black-color);
    margin-right:10px;
}
.new img{
    width: 100%;
    height: 235px;
    object-fit: cover;
    object-position: center;
}

/* Single page */

.news{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 80px;
    column-gap: 24px;
}
.new{
    width: 306px;
    height: 461px;
    background: #F6F6F6;
    position: relative;
    margin-bottom: 48px;
}
.new__content{
    padding-left: 21px;
    padding-right: 21px;
}
.new__title{
    color:var(--main-bg-color);
    leading-trim: both;
    text-edge: cap;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    margin-top:15px;
    margin-bottom: 15px;
}
.new__date{
    color: #898989;
    leading-trim: both;
    text-edge: cap;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.new__text{
    leading-trim: both;
    text-edge: cap;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* number of lines to show */
            line-clamp: 4; 
    -webkit-box-orient: vertical;
}
.new a{
    color: var(--main-bg-color);
    leading-trim: both;
    text-edge: cap;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}
.new__link{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    bottom: 30px;
}
.new__link a{
    margin-right: 5px;
}
.new > img{
    position: absolute;
    top: -12px;
    left: 10px;
    height: 105%;
    width:auto;
    pointer-events: none;
}
#news__news .btn_white{
    margin: auto;
}

#new__card_full{
    padding-bottom: 100px;
}
#new__card_full > .container{
    margin-top: 100px;
}
.new__card_full__text{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 15px;
}
.new__card_full__image{
    float: right;
    width: 50%;
    padding: 0px 0px 24px 24px;
}
.new__card_full__title{
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
}

/* Callback form */

#callback_form{
    padding-top: 100px;
    padding-bottom: 100px;
}
#callback_form .col{
    width:45%;
}
#callback_form .container{
    display: flex;
    justify-content: space-between;
}
.callback_form__title{
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    margin-bottom: 16px;
}
.callback_form__subtitle{
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    margin:0;
    margin-bottom: 25px;
}
.callback_form__text{
    font-size: 16px;
    font-weight: 400;
}
#callback_form form{
    display: flex;
    flex-direction: column;
}
#callback_form label{
    font-size: 15px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 10px;
    cursor: pointer;
}
#callback_form input[type="text"], #callback_form input[type="tel"]{
    padding: 10px 15px 10px 15px;
    border-radius: 10px;
    border: 1px solid var(--black-color);
    margin-bottom: 10px;
}
.callback_form__checkbox_wrapper{
    display: flex;
    align-items: center;
    margin-bottom: 28px;
}
#callback_form .callback_form__checkbox_wrapper label {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    margin-left: 25px;
}
#callback_form .callback_form__checkbox_wrapper label span{
    margin-right: 10px;
}
.checkmark {
    display: block;
    content: ' ';
    width: 15px;
    height: 15px;
    position: absolute;
    border: 2px solid var(--black-color);
    margin-left: -25px;
}
.checkmark_error{
    animation: checkmark-error 0.5s;
    border: 1px solid red;
}

@keyframes checkmark-error {   
0% {     
    transform: scale(1);  
}   
50% {     
    transform: scale(1.3);    
} 
100% {
    transform: scale(1); 
    }
}
input[type='checkbox']{
    display: none;
}
input[type='checkbox']:checked + label > .checkmark{
 
    transition: all 0.25s ease;
    background-color:var(--main-bg-color);
}
input[type='checkbox'] + label > .checkmark:after{
    opacity: 0;
    content: "";
    position: absolute;
    width: 3px;
    height: 8px;
    margin-left: 5px;
    margin-top: 1px;
    border: solid var(--white-color);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    transition: opacity 0.4s linear;
}
input[type='checkbox']:checked + label > .checkmark:after{
    opacity: 1;
}

/* Menu */

.menu{
    position: fixed;
    height:100%;
    width:25vw;
    z-index: 26;
    top:0px;
    transform: translateX(-200vw);
    transition: transform 0.4s linear;
    background-color: white;
    padding-top: 110px;
    padding-left:5vw;
    padding-right: 28px;
}
.menu ul{
    padding-left: 13px;
}
.menu h5{
    margin: 0px;
}
.menu a{
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
    color: black;
}
.menu a:hover li{
    color: var(--main-bg-color);
    font-style: normal;
    font-weight: 700;
}
.menu li{
    list-style-type: none;
}
.nav{
    max-height: 61vh;
    overflow-y: auto;
}
.nav__item, .nav__subitem{
    color: #898989;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.nav__item_selected{
    color: var(--main-bg-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 13px;
}
.nav__item_selected_page{
    color: var(--main-bg-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 13px;
    margin-left: 16px;
}
.nav__item_selected_page::before{
    content: "";
    background-image: url(/image/footer/menu_icon_selected.png);
    position: absolute;
    margin-left: -20px;
    height: 10px;
    width: 14px;
}
.menu_opened{
    transform: translateX(0);
}
.menu__title{
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    text-transform: uppercase;
}
.menu .menu__phone{
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.menu__row{
    display: flex;
    justify-content: space-between;
}
.menu__row img{
    transition: all 0.1s linear;
    cursor: pointer;
}
.menu_subitem_icon_close{
    height: 6px;
    width: 17px;
}
.menu_subitem_icon_open{
    height: 6px;
    width: 10px;
    transform: rotate(-90deg);
}
.menu__buttons{
    display: flex;
}
.menu__button{
    margin-right:15px;
}
.menu__address{
    display: flex;
    margin-top: 20px;
    align-items: center;
}
.menu__address_icon{
    margin-right: 10px;
}
.menu__address_text{
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}
.menu_mobile_icon{
    display: none;
}

/* Footer */

footer{
    background: linear-gradient(180deg, #EFF4F4 0%, #EEE 100%);
    padding-top: 100px;
    padding-bottom: 100px;
}
footer > .col{
    width:24%;
}
footer .col{
    min-width: 10%;
}
footer .col_products{
    width:49%;
}
.footer__top, .footer__products{
    display: flex;
    justify-content: space-between;
    gap: 3px;
    flex-wrap: wrap;
}
.footer__products a{
    width: 48%;
}
footer .col{
    display: flex;
    flex-direction: column;
}
footer a{
    text-decoration: none;
    color:var(--black-color);
    margin-bottom: 10px;
}
footer a:hover{
    color:var(--main-bg-color);
    font-weight: 700;
}
.footer__phone{
    display: flex;
    margin-bottom: 19px;
}
.footer__phone_icon, .footer__mail_icon, .footer__location_icon{
    margin-right: 10px;
}
.footer__phone_phone{
    font-size: 16px;
    font-weight: 700;
}
.footer__phone_daytime{
    color: #7D7D79;
    font-size: 14px;
    font-weight: 400;
}
.footer__mail{
    display: flex;
    margin-top:19px;
    align-items: center;
    margin-bottom: 0px;
}
.footer__mail_mail{
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
}
.footer__location{
    display: flex;
    margin-top:19px;
    align-items: center;
    margin-bottom: 0px;
}
.footer__location_location{
    color: #7D7D79;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.footer__bottom{
    display: flex;
    justify-content: space-between;
    margin-top:50px;
    align-items: center;
}
.footer__bottom_content{
    max-width:966px;
    margin-left:10px;
}
.footer__bottom_content p.copyright{
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
}
.footer__bottom_content p{
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}
.footer__bottom_link{
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline;
    margin-right: 20px;
    margin-top:10px;
}
.footer__title{
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 10px;
}

/* Contacts */

#contacts{
    display: flex;
    margin-top: 100px;
    justify-content: space-between;
}
.contacts__contacts{
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.contact{
    width: 80%;
    background-size: 100% 100%;
    padding: 25px;
    display: flex;
}
.contact__content{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.contact .contact__title{
    color: var(--main-bg-color);
    leading-trim: both;
    text-edge: cap;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
}
.contact .contact__text{
    color: var(--black-color);
    leading-trim: both;
    text-edge: cap;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}
.contact a{
    text-decoration: none;
    color: black;
}
.contact__content > *{
    margin-bottom: 5px;
    margin-top: 0px;
}
.contact__icon{
    margin-right: 15px;
}
#map{
    width: 746px;
    height: 532px;
}
.ymaps3x0--marker img{
    margin-left: -60px;
    margin-top: -82px;
}




@media(max-width: 1550px){
    .container{
        max-width: 1100px;
    }
    .main_slider__slide{
        margin-top:175px;
    }

    /* Portfolio */

    .portfolio__inactive_cards > div, .portfolio__inactive_cards img{
        width: 255px;
    }

    /* Promos */

    #promos > div{
        justify-content: center;
    }
    .promo{
        width:80%;
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    /* About us */

    .partners{
        justify-content: flex-start;
        column-gap: 88px;
    }
    .about_company__banner_back {
        margin-left: -44px;
        margin-top: 154px;
    }
    .about_company__banner img{
        width: 100%;
        height: 100%;
    }
    .about_company__content > .about_company__banner_back{
        margin-top: 145px;
    }
    .about_company__content_inverted .about_company__banner_back{
        right: 3rem;
    }

    /* Catalog */

    .product {
        transform: scale(0.9);
    }
    .catalog__cards{
        justify-content: space-between;
        column-gap: unset;
    }

    /* Product */

    .reviews__form_inputs .reviews__form_row {
        flex-direction: column;
    }
    .reviews__form_inputs .reviews__form_row > input{
        min-width: 100%;
        min-width: -moz-available;          
        min-width: -webkit-fill-available;  
        min-width: fill-available;
        margin-bottom: 21px;
    }
    .products{
        column-gap: 90px;
    }

    /* Contacts */

    #map{
        width: 500px;
    }

    /* News */

    .news{
        column-gap: 90px;
    }
    .news__cards{
        flex-direction: column;
        align-items: center;
    }
}

@media(max-width: 1400px){

    /* Common */

    .container{
        max-width: 1000px;
    }

    /* Main section */

    .main_section__background {
        margin-left: 58.5vw;
    }

    /* Advantages */

    .advantages__content {
        display: flex;
        justify-content: center;
        padding-bottom: 150px;
        align-items: start;
        flex-wrap: wrap;
    }
    #advantage_1, #advantage_2, #advantage_3, #advantage_4, #advantage_5{
        margin:0;
        margin-bottom: 50px;
    } 
    .advantage {
        max-width: 372px;
        position: relative;
    }
    .advantage__route {
        display: none;
    }
    .advantages__rock_wrapper{
        margin-top:0px;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .advantages__rock_wrapper img{
        width: 40%;
    }

    /* Portfolio */

    .portfolio__inactive_cards > div, .portfolio__inactive_cards img{
        width: 229px;
        height: 225px;
    }
    .portfolio__card_overflow {
        margin-top: -230px;
        height: 227px;
    }

    /* About us */

    .about_company__banner_back {
        margin-left: -50px;
    }
    .about_company__content_inverted .about_company__banner_back{
        right: -0.4rem;
    }
    .our_mission__content{
        padding-bottom: 40px;
    }
    .partners{
        justify-content: space-between;
    }

    /* Products */
    .products {
        column-gap: 41px;
    }

    /* News */
    .news{
        column-gap: 41px;
    }
}

@media(max-width: 1200px){

        .product_card__image_opened {
        transform:scale(1.5);
    }
    .products {
        column-gap: 10px;
        justify-content: space-between;
      }

    .product_card__thumb_big_portfolio, .product_card__thumb_big_portfolio > .slick-list {
        height: fit-content;
        top: 0px;
    }
    .product_card__thumb_portfolio{
        padding-top: 11rem;
    }
    .close_portfolio_modal_opened{
        top: 9.5rem;
    }
    /* Common */
    .container{
        max-width: unset;
        margin-left:30px;
        margin-right:30px;
    }
    .menu{
        margin-left:0px;
    }

    /* Header */

    .header__address, .header__phones{
        display: none;
    }
    header > div {
        justify-content: center;
    }

    /* Main banner */

    .main_slider__slide{
        margin-top: 90px;
    }
    .main_slider__buttons{
        display: none;
    }
    .main_section__background_front{
        margin-left: -6rem;
    }
    .main_slider__buttons {
        display: none;
    }
    .background__bottom_border {
        z-index: 2;
    }
    .main_slider__slide_wrapper {
        max-width: 100%;
    }
    .main_slider__title, .main_slider__subtitle{
        text-align: center;
    }
    .main_slider__slide .btn {
        margin: auto;
        margin-top: 70px;
        position: relative;
        z-index: 2;
    }
    .main_section__background {
        background-size: cover;
        height: 60vw;
        width: 100vw;
        margin-left: 0;
        background-repeat: no-repeat;
        background-position: center;
        margin-top: -82px;
        position: relative;
        display: flex;
        align-items: end;
    }
    .slick-slide .main_section__background_border{
        display: none;
    }
    
    .main_section__background_front{
        position: absolute;
        top: 0px;
        width: 52vw;
        margin-top: 6rem;
        margin-left: 24vw;
    }
    #main_section > .background__bottom_border{
        display: none;
    }
    .main_slider__slide{
        padding-bottom:0px;
    }

    /* Portfolio */

    .portfolio{
        height: 430px;
    }
    .portfolio__inactive_cards > div, .portfolio__inactive_cards img{
        width: 208px;
        height: 194px;
    }
    .portfolio__card_overflow {
        margin-top: -198px;
        height: 195px;
    }
    .portfolio_slider__button{
        transform: scale(0.9);
    }
    .portfolio_slider__button_left {
        left: -2rem
    }
    .portfolio_slider__button_right {
        right: -1.5rem;
    }
    .portfolio__slider_buttons{
        display: block;
    }

    /* About us */

    .about_company__content > div {
        width: 600px;
    }
    .about_company__content > .about_company__right_side{
        width: 703px;
        margin-top: 84px;
    }
    .about_company__content{
        flex-direction: column;
        align-items: center;
    }
    .about_company__banner_back {
        margin-left: -176px;
    }
    .about_company__content_inverted .about_company__banner{
        margin-left: 0px;
        margin-right: 0px;
        order: 0;
    }
    .about_company__content > .about_company__right_side{
        margin-top: 60px;
        order: 1;
    }
    .about_company__content_inverted .about_company__banner_back {
        right: unset;
    }

    /* Portfolio */

    .portfolio_modal {
        top: 5%;
        width: 50%;
        left: 20%;
        height: fit-content;
        padding-right: 10px;
        flex-direction: column;
    }
    .portfolio_modal__img {
        height: 300px;
        width: 100%;
        margin-right: 0;
        margin-top: 31px;
        margin: auto;
    }
    .portfolio_modal .btn {
        margin: 30px auto 0 auto;
    }
    .modal_callback, .modal_ask_product {
        height: auto;
        top: 19vh;
        left: 0vw;
        width: 98%;
        margin: auto;
        padding: 0;
        margin-left: 1%;
    }
    .overlay{
        background-color: white;
    }

    /* Contacts */

    .contacts__contacts{
        width: 100%;
    }

    /* News */
    .news{
        column-gap: 9px;
        justify-content: center;
    }
}

@media(max-width: 1000px){

    .product_card__thumb_big_opened{
        width: 100%;
        left: 0%;
    }
    .close_gallery_modal_opened{
        right: 5%;
    }
    .product_card__thumb_big img{
        height: auto;
    }
    .main_slider .slick-track
    {
        display: flex !important;
    }
    .main_slider .slick-slide
    {
        height: inherit !important;
        display: flex;
    }
    .main_slider .slick-slide > div{
        display: flex;
        height: inherit;
        flex-direction: column;
        justify-content: end;
    }
    .main_slider .main_slider__slide{
        height: unset;
    }

    /* News */
    .news{
        justify-content: space-between;
    }

    /* Common */

    .pulsar{
        display: none;
    }
    .mobile_menu{
        position: fixed;
        bottom: 0px;
        min-width: 100%;
        min-width: -moz-available;          
        min-width: -webkit-fill-available;  
        min-width: fill-available;
        display: flex;
        justify-content: space-between;
        background-color: white;
        height:47px;
        align-items: center;
        padding-left: 20px;
        padding-right: 20px;
        border-top: 0.5px solid #000;
        z-index: 5;
    }
    .menu__row{
        position: relative;
    }
    .menu__row img{
        top: 0px;
        margin-top: 2px;
    }
    
    #open_mobile_menu{
        margin-top: -30px;
    }
    .menu{
        transform: translateX(0);
        transform: translateY(-200vh);
    }
    .menu_opened {
        transform: translateY(0);
    }
    #close_mobile_menu_button{
        width: 38px;
        height: 38px;   
    }
    header{
        background-color: white;
        position: relative;
    }

    /* Main section */
    
    .news__cards {
        justify-content: unset;
        flex-direction: column;
        align-items: center;
    }

    /* Catalog */

    .catalog__card {
        height: 237px;
        width: 353px;
    }

    /* Portfolio */

    .portfolio, .portfolio__card_overflow{
        display: none;
    }
    .portfolio__slider .slick-list {
        display: block;
    }
    .portfolio__slider .slick-slide{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .portfolio__slider .slick-slide > div{
        width: 85%;
        height: auto;
    }
    .portfolio__slider .slick-track{
        display: flex;
        align-items: center;
    }
    .portfolio__slider{
        height: fit-content;
        padding-bottom:50px;
    }
    .portfolio__slider-dots {
        bottom: unset;
        margin-bottom: unset;
        margin-top: 40px;
    }
    .portfolio__card > img{
        width: 100%;
    }
    .btn_transparent{
        background: transparent;
        color: var(--main-bg-color);
        border: 1px solid var(--main-bg-color);
        margin: auto;
        margin-top:50px;
        padding: 16px 27px;
    }
    .menu_mobile_icon{
        display:block;
        position: absolute;
        top:31px;
        left:28px;
    }
    .menu_icon{
        display: none;
    }
    #close_mobile_menu_button{
        top: 16px;
    }

    .portfolio_slider__button_left {
        left: 2.5vw;
    }
    .portfolio_slider__button_right {
        right: 2.5vw;
    }
    .portfolio__slider_buttons{
        display: block;
    }

    /* Product */

    #product_card {
        padding-top: 0px;
    }
    .product_card__price{
        text-align: center;
    }
    #product_card .container{
        background-color: transparent;
    }
    .product_card__top {
        flex-direction: column;
        height: unset; 
    }
    .product_card__thumb {
        width: 60%;
        margin: auto;
    }
    .order__btns_manage {
        position: relative;
        left: unset;
    }
    .order {
        justify-content: space-between;
        padding-left: 1rem;
        position: relative;
        background-color: #F8F8F9;
        margin-top: 25px;
        padding-right: 1rem;
    }
    .product_card__title_mobile{
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }
    .product_card__menu{
        transform: translateY(-1vh);
        align-items: center;
        flex-direction: column;
        align-items: self-start;
        transition: all 0.15s linear;
        display: flex;
        position: absolute;
        opacity: 0;
    }
    .product_card__menu-opened{
        position: relative;
        opacity: 1;
        transform: translateY(0vh);
    }
    
    .product_card__info_main .product_card__title, 
    .product_card__info_main .product_card__category{
        display: none;
    }
    .product_card__menu_icon, .middle_line{
        display: block;
    }
    .product_card__menu_mobile{
        display: flex;
        align-items: center;
    }
    .product_card__menu_item-choosen{
        padding-bottom: 20px;
        border-bottom: none;
        color: var(--black-color);
    }
    .product_card__menu_item{
        margin-right: 20px;
        font-size: 16px;
        font-weight: 400;
    }
    .product_card__menu_icon{
        transition: all 0.15s linear;
    }
    .product_card__menu_icon-opened{
        transform: rotate(-90deg);
    }
    .product_card__info_main {
        padding-left: 0px;
        width: 100%;
    }
    .order{
        margin-bottom: 29px;
    }
    .middle_line{
        width: 100%;
        height: 1px;
        background-color: var(--main-bg-color);
        margin-left: 15px;
    }

    .review{
        background-color: white;
    }
    #product_card > .container{
        margin-bottom: 0px;
    }

    /* About us */

    .about_company__content_inverted .about_company__banner{
        margin-left: 0px;
        margin-right: 0px;
        order: 0;
    }
    .about_company__content > .about_company__right_side{
        margin-top: 60px;
        order: 1;
    }
    .about_company__content_inverted .about_company__banner_back {
        right: unset;
    }
    #about_us__banner_section .breadcrumb{
        padding-top: 100px;
    }

    /* Contacts */

    #contacts{
        flex-direction: column;
        align-items: center;
    }
    .contacts__contacts, #map{
        width: 60%;
    }
    .contact {
        width: initial;
        margin-bottom: 20px;
    }
   
}

@media(max-width: 800px){


    /* Header */

    .button_wrapper{
        padding-bottom: 80px;
    }
    
    /* Promos */

    .promo{
        width: 100%;
    }
    .promo img{
        width: inherit;
    }
    

    /* About_us */

    .about_company__content > div{
        width: 100%;
    }
    .about_company__banner img {
        width: 93%;
        height: 100%;
    }
    .about_company__banner_back {
        margin-left: 0px; 
        margin-top: 154px;
        left: 36px;
        
    }
    .about_company__content > .about_company__right_side {
        width: 100%;
        margin-top: 84px;
    }
    .about_company__content > .about_company__banner_back{
        width: 65%;
        margin-top: 122px;
        margin-left: unset;
        left: 0px;
    }
    #about_us__banner_section {
        background-position: -10vw;
    }

    /* Catalog */ 

    .catalog__card {
        height: 237px;
        width: 48%;
    }
    .catalog__card__overflow{
        display: none;
    }
    .catalog__card:hover .catalog__card_title{
        background-color: white;
        color: var(--main-bg-color);
        padding-left: 0px;
        padding-right: 0px;
    }
    .catalog__card:hover .catalog__card_content, .catalog__card:hover .btn_white{
        max-height: 0px;
        z-index: 0;
        padding-left: 0px;
        padding-right: 0px;
        opacity: 0;
    }
    .catalog__card:hover .btn_white{
        padding: 0px;
    }
    .catalog__card:hover{
        justify-content: end;
    }

    /* NEws */

    #new__card_full > .container{
        display: flex;
        flex-direction: column;
        margin-top: 30px;
    }
    
    .new__card_full__image {
        width: 100%;
        order: 3;
        padding: 0px;
        margin: auto;
        margin-top: 20px;
    }

    /* Portfolio */

    #portfolio__portfolio .container{
        display: grid;
        grid-auto-rows: 130px;
        grid-column-gap: 24px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: unset;
    }

    .portfolio__card_big_right, .portfolio__card_big_left{
        grid-column-start: unset;
        grid-column-end: unset;
        grid-row-start: unset; 
        grid-row-end: unset;
    }
    /* Footer */

    .footer__top{
        flex-wrap: wrap;
    }
    footer .col{
        width: 100%;
    }
    .footer__bottom{
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer__bottom_content{
        margin-top:30px;
    }
    footer{
        padding-top:0px;
    }

    /* Contacts */

    .contacts__contacts, #map{
        width: 80%;
    }

    .partners {
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }
}

@media(max-width: 700px){
    .products, .partners, .news{
        justify-content: center;
    }
}

@media(max-width: 600px){

    .product_card__thumb_big_portfolio, .product_card__thumb_big_portfolio > .slick-list{
        width: 80%;
        margin: auto;
    }
    .portfolio_modal__prev, .portfolio_modal_next{
        transform: scale(0.5);
        top: 30%;
    }
    .portfolio_modal_next{
        right:0.5rem;
    }
    .portfolio_modal__prev{
        left:0.5rem;
    }
    .close_portfolio_modal_opened{
        right: 13%;
    }
    .portfolio__slider_buttons{
        top: 43%;
    }

    /* Common */

    .container {
        max-width: unset;
        margin-left: 10px;
        margin-right: 10px;
    }
    .section__title{
        font-size: 24px;
        margin-left: 1px;
        margin-right: 1px;
    }
    .section__title_wrapper{
        margin-bottom: 20px;
        padding-top: 50px;
    }
    .section__title_wrapper img{
        width: 50px;
    }
    .first_section{
        margin-top:60px;
    }
    

    /* Header */

    .menu{
        width: 100%;
        margin-right:0px;
        margin-left:0px;
    }
    .header__logo{
        transform: scale(0.8);
    }
    .menu__row img{
        position: absolute;
        margin-left: 100px;
        margin-top: 4px;
    }
    .nav{
        max-height: 40vh;
    }

    /* Main banner */ 

    #main_section .main_slider__title {
        font-size: 24px;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 10px;
    }
    .main_slider__slide{
        margin-top: 10px;
    }
    #main_section h2{
        font-size: 18px;
        font-weight: 400;
        line-height: normal;
    }
    #main_section h5{
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .main_slider__parameter_text{
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }
    .main_section__background {
        height: 85vw;
    }

    /* Catalog */

    .catalog__card {
        height: 165px;
        background-size: cover;
        background-position: center;
    }
   .main_slider__subtitle {
        color: var(--black-color);
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        text-transform: uppercase;
        margin-bottom: 40px;
        margin-top: 0px;
    }
    .catalog__card_title{
        font-size: 14px;
        padding: 0px;
    }

    /* Numbers */

    .numbers{
        flex-wrap: wrap;
    }
    .number{
        width: 47%;
        margin-bottom: 30px;
    }

    /* About us */

    .about_company__banner_back {
        margin-left: -17px;
    }
    #about_company .container{
        padding-bottom: 0px;
    }
    .about_company__content_inverted > .about_company__banner_back{
        margin-left: 0px;
    }
    .about_company__content > .about_company__banner{
        width: 95%;
        overflow: hidden;
        border-radius: 10px;;
        margin-left: unset;
        margin-right: unset;
        display: flex;
        justify-content: center;
    }
    .about_company__banner img{
        width: fit-content;
    }
    #about_us__banner_section {
        background-position: -45vw;
    }
    #about_us__banner_section h2{
        padding-top: 200px;
        font-size: 14px;
        font-weight: 700;
        line-height: normal;
    }
    #about_us__banner_section > .container{
        display: flex;
        justify-content: center;
        padding-bottom: 100px;
    }
    #about_us__banner_section h1{
        font-size: 24px;
        font-weight: 700;
        line-height: normal;
    }
    #about_company{
        padding-bottom: 100px;
    }
    .our_mission__title{
        text-align: center;
        width: 100%;
    }

    .partners{
        justify-content: space-between;
    }
    .partner{
        width: 48%;
        height: 106px;
    }
    .partner__title {
        padding: 10px;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
    }

    /* Advantages */

    .advantages__rock_wrapper{
        display: none;
    }
    #advantage_1, #advantage_2, #advantage_3, #advantage_4, #advantage_5{
        margin-bottom: 20px;
    }
    .advantages__content{
        padding-bottom: 0px;
    }
    #advantages{
        padding-bottom: 50px;
    }
    

    /* News */

    .news__card {
        width: 100%;
        height: 176px;
        padding-bottom: 0px;
        background-size: 100% 100%;
        margin-bottom: 20px;
    }
    .news__card_border {
        width: 100%;
        width: -moz-available;          
        width: -webkit-fill-available;  
        width: fill-available;
        height: 197px;
        background-repeat: no-repeat;
        margin-top: -20px;
        margin-left: 31px;
        pointer-events: none;
        background-size: 98% 100%;
    }

    /* Callback form */

    #callback_form .container{
        flex-direction: column;
    }
    #callback_form .col {
        width: 100%;
    }
    .callback_form__title{
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    .callback_form__subtitle{
        font-size: 16px;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 10px;
    }
    .callback_form__text{
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        margin-bottom: 20px;
    }
    #callback_form .btn{
        background: transparent;
        color: var(--main-bg-color);
        border: 1px solid var(--main-bg-color);
        margin: auto;
    }

    /* Footer */

    .footer__products{
        width: 100%;
        flex-wrap: wrap;
    }
    .footer__bottom_links{
        margin-bottom: 20px;
        display: flex;
        flex-wrap: wrap;
    }
    .footer__bottom_links > *{
        width: 100%;
    }
    .footer__title{
        margin-top:20px;
        margin-bottom: 20px;;
    }

    .footer__products a{
        width:100%;
    }

    /* Product */

    .reviews__form{
        flex-direction: column;
        margin-left:0px;
        margin-right: 0px;
    }
    .reviews__form_title{
        margin-bottom: 30px;
    }
    .review__title, .review__author {
        min-width: unset;
    }
    .review__author{
        font-size: 14px;
        margin-right: 14px;
    }
    .review__title{
        font-size: 10px;
        font-weight: 400;
        min-width: 80px;
    }
    .review p{
        font-size: 14px;
        font-weight: 400;
    }
    .review__date{
        font-size: 13px;
        font-weight: 400;
    }
    .reviews__pages, .reviews__form{
        display: none;
    }
    .products{
        padding-bottom: 0px;
    }
    .product{
        margin-bottom: 30px;
    }
    #callback_form{
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .product_card__thumb{
        width: 100%;
    }
    #products{
        padding-top: 50px;
    }

    /* Review */

    .reviews .reviews__form{
        display: block;
    }
    .reviews__form svg{
        transform: scale(1);
    } 
    .reviews__form_stars{
        width: 40%;
        display: flex;
        justify-content: space-between;
    }

    /* About us */

    #our_mission > .container{
        flex-direction: column;
    }
    #our_mission h3{
        margin-bottom:20px;
    }

    /* Portfolio */
    
    .portfolio_modal__wrapper{
        display: block;
        z-index: 28;
        background-color: white;
        top: 0px;
        height: 100%;
        width: 100%;
        display: none;
        opacity:0;
        transition: opacity 0.2s linear;
    }
    .portfolio_modal__wrapper_opened{
        display: block;
        opacity:1;
    }
    .portfolio_modal{
        width: 90%;
        left: 2.5%;
        top: 10%;
    }
    .portfolio_modal_close {
        top: -10px;
        right: -10px;
        background: white;
    }
    #portfolio__portfolio .portfolio__title {
        font-size: 14px;
        line-height: normal;
    }
    .portfolio_slider__button_left {
        left: -0.5rem;
    }
    .portfolio_slider__button_right {
        right: -0.5rem;
    }

    /* Contacts */

    .contacts__contacts, #map{
        width: 100%;
    }
    #contacts{
        margin-top: 50px;
    }
    #map{
        height: 250px;
    }
    .contact .contact__title {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
    }
    .contact .contact__text{
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
    }
    .contact a{
        display: block;
    }
    #new__card_full img{
        width: 100% !important;
    }
}

@media(max-width: 400px){

    .portfolio__slider_buttons{
        top: 41.5%;
    }
    .portfolio_slider__button_right{
        right: 0.3rem;
    }

    /* Common */

    .section__title{
        padding: 10px;
    }

    /* Main page */

    #numbers{
        margin-top: 30px;
        padding-bottom: 50px;
    }
    .numbers {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }
    .number {
        width: 100%;
    }
    .about_company__text .btn{
        display: none;
    }
    #promos > .container{
        margin-top: 50px;
    }
    .section__title_wrapper {
        padding-top: 10px;
    }
    .background__bottom_border {
        background-size: 100% 20px;
    }

    /* Product */

    .order{
        flex-direction: column;
    }
    .order__btns_manage{
        margin-bottom: 20px;
    }

    /* About us */

    #about_us__banner_section {
        background-position: 20%;
    }

    /* Catalog */

    .catalog__card_title{
        font-size: 12px;
    }

    /* Portfolio */

    .portfolio_slider__button {
        transform: scale(0.8);
    }

    /* NEws */
    .new{
        width:100%;
    }
    .new > img{
        width: 93%;
    }
}

@media(max-width: 350px){

    /* Common */

    .section__title {
        font-size: 20px;
    }

    /* Reviews */

    .review__row{
        flex-wrap: wrap;
    }

}