@import "https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('assets/css/main/base.css?var=H091774024683');
@import url('assets/css/main/all.css?var=H091774024683');
@import url('assets/css/main/cap.css?var=H091774024683');
@import url('assets/css/main/burger-menu.css?var=H091774024683');

@import url('assets/css/main/breadcrumb.css?var=H091774024683');

@import url('assets/css/main/security__block.css?var=H091774024683');
@import url('assets/css/main/steps.css?var=H091774024683');
@import url('assets/css/main/tabs.css?var=H091774024683');
@import url('assets/css/main/help__table.css?var=H091774024683');
@import url('assets/css/main/adittional__block.css?var=H091774024683');
@import url('assets/css/main/complecs-programm.css?var=H091774024683');
@import url('assets/css/main/contact_data_block.css??var=H091774024683');
@import url('assets/css/main/about-company.css?var=H091774024683');
@import url('assets/css/main/reviews.css?var=H091774024683');
@import url('assets/css/main/contacts.css?var=H091774024683');
@import url('assets/css/main/questions.css?var=H091774024683');
@import url('assets/css/main/catalog.css?var=H091774024683');


@import url('assets/css/main/products.css?var=H091774024683');


:root {   
    --basecolor:#d4b68a;
}

.bg-gray {
      background:#eee;
} 
.center {
    text-align: center;
}
.base-padding {
    padding:8vw 0;
}
.base-padding.about-company {
    padding: 12vw 0;
}

.about-company .title__block {
    margin-bottom: 5vw;
}

.about-company .cert__items.info-comp {
    margin: 4vw 0;
}
img {
  max-width: 100%
}

 .base-margin {
        margin: 4vw 0;
    }

 .wow {
        visibility: hidden;
    }
    .base-margin-top {
    margin-top: 2vw;
}
.d-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.adittional_items {
    width: calc(100% / 5);
}
h1 {
    font-size: 3.5vw;
}
h2 {
    margin: 3vw 0 2vw;
    margin-top: 0;
    font-size: 2.7vw;
}
h3 a {
    text-decoration: none;
}

h3 {
    font-size: 2vw;
}
.btn {
    display: inline-flex;
    padding: 1vw 2vw;
    text-decoration: none;
    cursor: pointer;
    text-decoration: none;
    border: navajowhite;
}
b,strong {
        font-weight: bold;
}
.gallery-section {
    margin-top: 4vw;
    display: flex;
    align-items: flex-start;
    gap: 2vw;
}

.gallery-section img {
    flex-grow: 1;
    max-width: 30vw;
}
 .wrapper-product-page .text {
   width: 62%;
   padding-top:3vw;
   }
   .wrapper-product-page {
   align-items: flex-start;
   }
   .wrapper-product-page img, .wrapper-text-section img {
   width: 30%;
   }
  .text p, .text li {
   font-size: 1.4vw;
   line-height: 120%;
   margin: 1vw 0;
   }
    .text ul,.text ol {
        margin:1.8vw;
    }
  .text  h2 {
    margin: 2vw 0;
}
.bg-yellow {
    background: #ffffe9;
}
.wrapper-text-section .text {
    width: 70%;
    padding: 4vw;
}
@media (max-width:992px){
    h3 {
    font-size: 3vw;
}

.content {
    width: 93vw;
    margin: 0 auto;
}
h2 {

    font-size: 4vw;
}
.btn {
    padding: 1vw;
    font-size: 2vw;
}
.adittional_items {
    width: calc(100% / 2);
    align-self: flex-start;
}
}
@media (max-width:768px) {
    h2 {
    font-size: 3.5vw;
}
.text p, .text li {
    font-size: 2vw;
}
}
@media (max-width:576px) {
    h1 {
    font-size: 7vw;
}
h2 {
    font-size: 6vw;
}


.btn {
    padding: 2vw;
    font-size: 3vw;
}
h3 {
    font-size: 5vw;
}
.wrapper-text-section img {
    order:1;
}
.wrapper-text-section .text {
    padding: 0;
    width: 100%;
}
.wrapper-product-page,.wrapper-text-section {
    flex-direction: column;
    gap: 4vw;
}
.wrapper-product-page .text {
    width: 100%;
    padding-top: 0;
}
.text p, .text li {
    font-size: 3.5vw;
    line-height: 140%;
    margin: 4vw 0;
}
.wrapper-product-page img, .wrapper-text-section img {
    width: 100%;
}
.text ul {
    margin: 5vw;
}
.text li {
   margin: 2vw 0;
}
}
