/*
Theme Name: GreenPellet
Theme URI: 
Author: sm
Author URI: 
Description: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: greenpellet
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
   font-family: "Montserrat", sans-serif;
   font-optical-sizing: auto;
   font-weight: normal;
   font-style: normal;
   background-color: white;
   color: #000;
   overflow-x:hidden ;
}
header {background-color:#fff;}


.navbar-expand-lg .navbar-nav .nav-link {
   font-size: 20px;
   font-weight: 600;
   line-height: 25.6px;
   text-align: left;
   padding-left: 1rem;
   padding-right: 1rem;

}

.button-call .btn {
   padding: 10px 20px;
   border-radius: 5px;
   color: #fff;
   background: rgba(239, 122, 46, 1);
   font-size: 20px;
   font-weight: 700;
   line-height: 25.6px;
   letter-spacing: 0.05em;
   text-align: left;
   text-transform: uppercase;
}

.button-call .btn:hover,
.button-call .btn:focus {
   background: rgba(110, 171, 46, 1);
   color: #fff;
}

.top-header .phone {
   margin: 0 15px;
   margin-right: 35px;
}

.top-header .phone::before {
   display: inline-block;
   margin-right: .5em;
   vertical-align: 0;
   border: 0;
   content: url(images/phone.svg);
   transition: transform 0.3s ease;
}

.top-header .phone a {
   font-size: 21px;
   font-weight: 500;
   line-height: 25.6px;
   text-align: left;
   color: #000;
   text-decoration: none;
}

header {
   padding: 10px 0;
}

.social a {
   margin: 0 5px;
   text-decoration: none;
}

.top-header {
   margin-bottom: 10px;
}

.button-call {
   margin-left: 20px;
}

.social a:hover svg path {
   fill: rgba(239, 122, 46, 1);
}

.carousel-caption {
   position: absolute;
   right: 15%;
   bottom: 15%;
   left: 15%;
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
   color: #fff;
   text-align: left;
}

.carousel-caption .carousel-caption-name {
   font-size: 32px;
   font-weight: 500;
   line-height: 39.01px;
   letter-spacing: 0.05em;
}

.carousel-caption .carousel-caption-name {
   font-size: 32px;
   font-weight: 500;
   line-height: 39.01px;
   letter-spacing: 0.05em;
}

.carousel-caption .carousel-caption-text {
   font-size: 32px;
   font-weight: 500;
   line-height: 39.01px;
   letter-spacing: 0.05em;
}

.carousel-caption .carousel-caption-text span {
   font-size: 125.49px;
   font-weight: 700;
   line-height: 152.97px;
   letter-spacing: 0.05em;
   text-align: center;
}

.carousel-indicators [data-bs-target] {
   box-sizing: content-box;
   flex: 0 1 auto;
   width: 10px;
   height: 10px;
   padding: 0;
   margin-right: 3px;
   margin-left: 3px;
   text-indent: -999px;
   cursor: pointer;
   background-color: #fff;
   background-clip: padding-box;
   border: 0;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   opacity: 1;
   transition: opacity .6s ease;
   border-radius: 50%;
}

.carousel-indicators .active {
   background-color: rgba(110, 171, 46, 1)
}

.top-header .dropdown {
   margin-left: 35px;
}

.top-header .dropdown-toggle {
   font-size: 16px;
   font-weight: 500;
   line-height: 19.5px;
   text-align: left;
   color: #000;
}

.top-header .dropdown-toggle::after {
   display: inline-block;
   margin-left: .1em;
   vertical-align: 0;
   content: url(images/arrow.svg);
   transition: transform 0.3s ease;
   border: 0;
}

.top-header .dropdown:hover .dropdown-toggle::after {
   transform: rotate(180deg);
}

.top-header .dropdown-toggle img {
   margin-right: .1em;
   vertical-align: sub;
}

.top-header .dropdown .dropdown-menu .dropdown-item img {
   vertical-align: sub;
}

.top-header .dropdown:hover .dropdown-menu {
   display: block;
}

.top-header .btn-check:checked+.btn,
.top-header .btn.active,
.top-header .btn.show,
.top-header .btn:first-child:active,
:not(.btn-check)+.btn:active {
   border: none;
   box-shadow: none;
}

.dropdown-menu {
   --bs-dropdown-min-width: 6rem;
}

.dropdown-item:focus,
.dropdown-item:hover {
   color: var(--bs-dropdown-link-hover-color);
   background-color: #f8f9fa;
   ;
}

.m80 {
   margin: 80px auto;
}

.title {
   font-size: 32px;
   font-weight: 700;
   line-height: 39.01px;
   letter-spacing: 0.05em;
   text-align: center;
   color: rgba(77, 77, 77, 1);
   text-transform: uppercase;
   margin-bottom: 40px;
}

.item-product-image {
   min-height: 296px;
}

.item-product-name {
   font-size: 24px;
   font-weight: 700;
   line-height: 31.69px;
   text-align: center;
   color: rgba(77, 77, 77, 1);
   margin-bottom: 16px;
   min-height:64px;
}
.item-product-image { cursor: pointer;}
.item-product-text {
   font-size: 16px;
   font-weight: 300;
   line-height: 19.5px;
   text-align: center;
   color: rgba(0, 0, 0, 1);
}
.item-product {
padding: 16px;
border-radius: 5px;
border: 1px solid transparent;
}
.item-product:hover {border: 1px solid #6EAB2E80;}
.item-product-btn .btn {
   font-size: 21px;
   font-weight: 700;
   line-height: 25.6px;
   letter-spacing: 0.05em;
   text-align: center;
   color: #fff;
   background-color: rgba(239, 122, 46, 1);
   border-radius: 5px;
   margin-top: 24px;
   padding: 10px 35px;
   border: 0;
}

.item-product-btn .btn:hover,
.item-product-btn .btn:focus {
   background: rgba(110, 171, 46, 1);
   color: #fff;
}

.about-description p {
   font-size: 20px;
   font-weight: 500;
   line-height: 24.38px;
   text-align: left;
}

.m40 {
   margin-top: 40px;
}

.item-advantages {
   padding: 20px;
   border: 1px solid rgba(110, 171, 46, 1);
   border-radius: 5px;
   min-height: 111px;
}

.item-advantages-image {
   margin-right: 20px;
}

.item-advantages-name {
   font-size: 24px;
   font-weight: 700;
   line-height: 29.26px;
   text-align: left;
   color: rgba(77, 77, 77, 1)
}

.item-advantages-description {
   font-size: 16px;
   font-weight: 300;
   line-height: 19.5px;
   text-align: left;
   color: rgba(77, 77, 77, 1)
}

.gallery {
   background: rgba(110, 171, 46, 0.5);
   padding-top: 80px;
   padding-bottom: 40px;
}

.swiper-wrappper {
   overflow: hidden;
   position: relative;
   padding-bottom: 40px;
}

.swiper-slide img {
   border-radius: 5px;
}

.swiper-container {
   position: relative;
}
.swiper-sertificates {
   position: relative;
}

.swiper-wrappper .swiper-horizontal>.swiper-pagination-bullets,
.swiper-wrappper .swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-wrappper .swiper-pagination-custom,
.swiper-wrappper .swiper-pagination-fraction {
   bottom: -40px;
   top: var(--swiper-pagination-top, auto);
   left: 0;
   width: 100%;
}

.swiper-wrappper .swiper-pagination-bullet {
   background: #fff;
   opacity: 1;
   width: 10px;
   height: 10px;

}

.swiper-wrappper .swiper-pagination-bullet-active {
   opacity: 1;
   background: rgba(239, 122, 46, 1);
}

.accordion-button:not(.collapsed) {
   color: rgba(0, 0, 0, 1);
   background-color: transparent;
   box-shadow: none;
}

.accordion-button {
   position: relative;
   display: flex;
   align-items: center;
   width: 100%;
   padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
   background-color: var(--bs-accordion-btn-bg);
   border: 0;
   border-radius: 0;
   overflow-anchor: none;
   transition: var(--bs-accordion-transition);
   font-size: 24px;
   font-weight: 700;
   line-height: 29.26px;
   text-align: left;

}

.accordion-button:hover,
.accordion-button:focus {
   box-shadow: none;
   outline: none;
}

.accordion-body {
   font-size: 20px;
   font-weight: 500;
   line-height: 24.38px;
   text-align: left;
   color: rgba(0, 0, 0, 1);
   border-radius: 0;
}

.accordion-item {
   background-color: transparent;
   border: none;
   border-top: 1px solid #000;
   border-bottom: 1px solid #000;
   border-radius: 0;
}

.accordion-item:not(:first-of-type) {
   border-top: inherit;
   border-radius: 0;
}

.accordion-item:first-of-type {
   border-radius: 0;
}

#map {
   position: relative;
}

.map {
   position: relative;
   width: 100%;
   height: 660px;
}

.form-wrapper {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   max-width: 1600px;
   margin: 40px auto;
   padding: 0 15px;
   display: flex;
   justify-content: flex-end;
   z-index: 9;
}

.form-wrapper .form {
   background-color: rgba(255, 255, 255, 0.6);
   padding: 40px;
   width: 50%;
}

.form-title {
   font-size: 32px;
   font-weight: 700;
   line-height: 39.01px;
   letter-spacing: 0.05em;
   color: rgba(77, 77, 77, 1);
   text-transform: uppercase;
   margin-bottom: 20px;

}

.form .form-control {
   border: 1px solid rgba(164, 164, 164, 1);
   font-size: 20px;
   font-weight: 500;
   line-height: 24.38px;
   text-align: left;
   padding: 0.5em;
   color: #000;

}

.form .form-control::placeholder {
   color: rgba(130, 130, 130, 1);
}

.form .form-control:focus:focus {
   border-color: rgba(239, 122, 46, 1);
   outline: 0;
   box-shadow: none;
}

.form textarea {
   height: 130px;
}

.form .btn {
   padding: 10px 35px;
   border-radius: 5px;
   color: #fff;
   background: rgba(239, 122, 46, 1);
   font-size: 21px;
   font-weight: 700;
   line-height: 25.6px;
   letter-spacing: 0.05em;
   text-align: left;
   text-transform: uppercase;
}

.form .btn:hover,
.form .btn:focus {
   background: rgba(110, 171, 46, 1);
}

.item-rewiews .item-name-rewiews {
   font-size: 24px;
   font-weight: 700;
   line-height: 29.26px;
   text-align: left;
   color: rgba(77, 77, 77, 1);
   margin-bottom: 16px;
}

#rewiews .swiper-wrappper .swiper-horizontal>.swiper-pagination-bullets,
#rewiews .swiper-wrappper .swiper-pagination-bullets.swiper-pagination-horizontal,
#rewiews .swiper-wrappper .swiper-pagination-custom,
#rewiews .swiper-wrappper .swiper-pagination-fraction {
   bottom: -40px;
   top: var(--swiper-pagination-top, auto);
   left: 0;
   width: 100%;
}

#rewiews .swiper-wrappper .swiper-pagination-bullet {
   background: rgba(217, 217, 217, 1);
   opacity: 1;
   width: 10px;
   height: 10px;

}

#rewiews .swiper-wrappper .swiper-pagination-bullet-active {
   opacity: 1;
   background: rgba(110, 171, 46, 1);
}

.block-banner {
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   height: 500px;
   margin: 40px 0 80px 0;
   display: flex;
   align-items: center;
}

.block-banner p {
   font-size: 70px;
   font-weight: 900;
   line-height: 85.33px;
   letter-spacing: 0.05em;
   text-align: center;
   color: #fff;
   text-transform: uppercase;
}

h1 {
   font-size: 32px;
   font-weight: 700;
   line-height: 39.01px;
   letter-spacing: 0.05em;
   text-align: center;
   color: rgba(77, 77, 77, 1);
   margin-bottom: 40px;
}

.bottom-text p {
   font-size: 18px;
   font-weight: 400;
   line-height: 21.94px;
   text-align: left;
   color: #000;
}

h2 {
   font-size: 24px;
   font-weight: 700;
   line-height: 28.8px;
   text-align: left;
   color: #000;
   margin-bottom: 14px;
}

h3 {
   font-size: 21px;
   font-weight: 600;
   line-height: 25.2px;
   text-align: left;
   color: #000;
   margin-bottom: 14px;
}

.bottom-text ul li {
   font-size: 18px;
   font-weight: 400;
   line-height: 21.94px;
   text-align: left;
   color: #000;
   list-style: none;
   margin-bottom: 8px;
}

.bottom-text ul li::before {
   display: inline-block;
   margin-right: .5em;
   vertical-align: 0;
   border: 0;
   content: url(images/arrow-li.svg);
   transition: transform 0.3s ease;
}

.bottom-text ol li {
   font-size: 18px;
   font-weight: 400;
   line-height: 21.94px;
   text-align: left;
   color: #000;
   margin-bottom: 8px;
}

.bottom-text ol {
   margin-left: 23px;
}

footer {
   color: #fff;
   background: rgba(110, 171, 46, 1);
   padding: 40px 0;
   margin-top: 80px;
}

footer .footer-menu ul {
   padding: 0;
   margin: 0;
   column-count: 3;
   column-gap: 20px;
   margin-top: 16px;
}

footer .footer-menu ul li {
   list-style: none;
   break-inside: avoid-column;
   margin-bottom: 8px;

}

footer .footer-menu ul li a {
   color: #fff;
   font-size: 21px;
   font-weight: 500;
   line-height: 25.6px;
   text-align: left;
   text-decoration: none;

}

.footer-adress {
   margin-top: 16px;
}

.footer-adress .phone a {
   color: #fff;
   font-size: 18px;
   font-weight: 400;
   line-height: 21.94px;
   text-align: left;
   text-decoration: none;
}

.footer-adress .phone::before {
   display: inline-block;
   margin-right: .5em;
   vertical-align: 0;
   border: 0;
   content: url(images/phone-footer.svg);
   transition: transform 0.3s ease;
}

.footer-adress .email a {
   color: #fff;
   font-size: 18px;
   font-weight: 400;
   line-height: 21.94px;
   text-align: left;
   text-decoration: none;
}

.footer-adress .email::before {
   display: inline-block;
   margin-right: .5em;
   vertical-align: 0;
   border: 0;
   content: url(images/email-footer.svg);
   transition: transform 0.3s ease;
}

.footer-adress .adress {
   color: #fff;
   font-size: 18px;
   font-weight: 400;
   line-height: 21.94px;
   text-align: left;
   text-decoration: none;
   display: flex;
}

.footer-adress .adress::before {
   display: inline-block;
   margin-right: .5em;
   vertical-align: 0;
   border: 0;
   content: url(images/adress-footer.svg);
   transition: transform 0.3s ease;
}

.copy p {
   margin-bottom: 0;
   color: #fff;
   font-size: 16px;
   font-weight: 400;
}

.copy p a {
   color: #fff;
}

code {
   font-size: .875em;
   color: rgba(239, 122, 46, 1);
   word-wrap: break-word;
}

.modal-title {
   font-size: 32px;
   font-weight: 700;
   line-height: 39.01px;
   letter-spacing: 0.05em;
   color: rgba(77, 77, 77, 1);
   text-transform: uppercase;
}

.modal-body .form-control {
   border: 1px solid rgba(164, 164, 164, 1);
   font-size: 20px;
   font-weight: 500;
   line-height: 24.38px;
   text-align: left;
   padding: 0.5em;
   color: #000;

}

.modal-body .form-control::placeholder {
   color: rgba(130, 130, 130, 1);
}

.modal-body .form-control:focus:focus {
   border-color: rgba(239, 122, 46, 1);
   outline: 0;
   box-shadow: none;
}

.modal-body textarea {
   height: 130px;
}

.modal-body .btn {
   padding: 10px 35px;
   border-radius: 5px;
   color: #fff;
   background: rgba(239, 122, 46, 1);
   font-size: 21px;
   font-weight: 700;
   line-height: 25.6px;
   letter-spacing: 0.05em;
   text-align: left;
   text-transform: uppercase;
}

.modal-body .btn:hover,
.modal-body .btn:focus {
   background: rgba(110, 171, 46, 1);
}
.works-scheme-image img {    width: auto!important;}
.works-scheme-title {margin-top:20px;margin-bottom: 23px;
font-size: 24px;
font-weight: 700;
line-height: 29.26px;
text-align: center;
}
.works-scheme-description {
font-size: 16px;
font-weight: 300;
line-height: 19.5px;
text-align: center;
}
#productModal .btn-close { position: absolute;
    top: 21px;
    right: 15px;}
#modalProductName {margin-top:35px;margin-bottom:15px}   
#modalProductDescription ul {padding-left:0;}
#modalProductDescription ul li {list-style:none;
font-size: 16px;
font-weight: 400;
line-height: 19.5px;
text-align: left;
margin-bottom: 5px;
}
#cookie-banner {
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   background-color: #32373c;
   color: #fff;
   padding: 20px;
   text-align: center;
   z-index: 9999;
   display: none;
}

#cookie-banner button {
   background: rgba(239, 122, 46, 1);
   border: none;
   padding: 10px 20px;
   color: #fff;
   cursor: pointer;
   border-radius: 5px;
   margin-left: 20px;
}

#cookie-banner button:hover,
#cookie-banner button:focus {
   background: rgba(110, 171, 46, 1);
   color: #fff;
}

#cookie-banner a {
   color: #fff;
   font-weight: 600;
   text-decoration: underline;
}

#cookie-banner p {
   margin-bottom: 0;
   text-align: left;
}

.swiper-slide img {
   width: 100%;
   max-width: 100%;
   height: auto;
}

#burger {
   display: none;
}

#menu {
   display: none;
}

.carousel-inner {
   position: relative;
   width: 100%;
   overflow: hidden;
}

.carousel-inner .carousel-item {
   height: 500px;
   width: 100%;
}

.carousel-item .slider-image {
   height: 100%;
   width: 100%;
   object-fit: cover;
}
footer .social a:nth-child(1) {margin-left:0;}
.blog-posts .post-thumbnail {overflow:hidden;border-radius:.5rem;}
.blog-posts .post-thumbnail img {width:100%;height:auto;max-width:100%;border-radius:.5rem;    transition: .3s ease-in-out;}
.blog-posts .post-thumbnail:hover img {    -webkit-transform: scale(1.1);
    transform: scale(1.1);}
.blog-posts .entry-title a {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.1em;
    text-align: left;
    color: rgba(62, 69, 70, 0.95);
    margin-top: 20px;
        display: block;
    text-decoration: none;
}    
.post-content {margin-left:15px;}
.entry-content .post-thumbnail img {border-radius:.5rem;}
.e404 {font-size: 100px;font-weight: 700;color:rgba(239, 122, 46, 1);}
@media (min-width: 1140px) {

   .container,
   .container-lg,
   .container-md,
   .container-sm,
   .container-xl {
      max-width: 1300px;
   }
}

@media (min-width: 1400px) {

   .container-xxl,
   .container-xl,
   .container-lg,
   .container-md,
   .container-sm,
   .container {
      max-width: 1600px;
   }
}
@media (max-width: 1450px) {
    .item-product-name {
      font-size: 20px;
   }
}
@media (max-width: 1400px) {
   .navbar-expand-lg .navbar-nav .nav-link {
      font-size: 19px;
   }
.item-product-image {
    min-height: 246px;
}
   .button-call .btn {
      font-size: 16px;
      text-align: center;
      padding: 10px;
   }

   .item-product-name {
      font-size: 20px;
   }

   .item-product-text {
      font-size: 14px;
   }

   .about-description p {
      font-size: 16px;
   }

   .item-advantages-name {
      font-size: 19px;
   }

   .item-advantages-image img {
      max-width: 40px;
   }

   .item-rewiews .item-name-rewiews {
      font-size: 20px;
   }

   .item-rewiews .item-text-rewiews {
      font-size: 15px;
   }

   .block-banner p {
      font-size: 55px;
   }

   .accordion-button {
      font-size: 20px;
   }

   .accordion-body {
      font-size: 16px;
   }

   .bottom-text p {
      font-size: 16px;
   }

   .bottom-text ol li,
   .bottom-text ul li {
      font-size: 16px;
   }
}

@media (max-width: 1140px) {
    .entry-content .post-thumbnail img {border-radius:.5rem;max-width:100%;width:100%;height:auto;}
     .entry-content   {flex-direction: column;}
     .post-content {margin-left: 0px;margin-top: 15px;}
   body {
      margin: 0;
      padding: 0;
      overflow-x: hidden;
   }

   #overlay {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.5);
      display: none;
   }

   #menu {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      width: 50%;
      height: 100%;
      background-color: #fff;
      box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
      z-index: 1000;
      display: none;
      padding: 40px;
   }

   #menu .collapse:not(.show) {
      display: block;
   }

   .navbar-nav .dropdown:hover>.nav-child {
      display: none;
   }

   .navbar-expand-lg {
      display: none !important;
   }

   .top-header {
      display: none !important;
   }

   #burger {
      display: block;
      font-size: 44px;
   }

   #burger:hover {
      color: rgba(239, 122, 46, 1);
   }

   .button-call {
      display: none;
   }

   header {
      padding: 15px 0;
   }

   header .row {
      align-items: center;
   }

   header .logo img {
      max-width: 160px;
   }

   #menu .button-call {
      display: block;
      text-align: center;
      width: 80%;
      margin: 20px auto;
   }

   #menu .button-call a {
      width: 100%;
   }

   #menu .social {
      text-align: center;
      margin-top: 20px;
   }

   #menu .navbar-nav .nav-link {
      font-size: 20px;
      font-weight: 600;
      line-height: 25.6px;
      text-align: left;
      padding-left: 0;
      padding-right: 1rem;
   }

   #menu .phone a {
      font-size: 21px;
      font-weight: 500;
      line-height: 25.6px;
      text-align: left;
      color: #000;
      text-decoration: none;
   }

   #menu .phone::before {
      display: inline-block;
      margin-right: .5em;
      vertical-align: 0;
      border: 0;
      content: url(images/phone.svg);
      transition: transform 0.3s ease;
   }

   .language-mobile-item {
      font-size: 18px;
      font-weight: 500;
      line-height: 25.6px;
      margin: 0 5px;
      color: #000;
      text-decoration: none;
   }

   .row-advantages .col-lg-3 {
      width: 50%;
      margin-bottom: 20px;
   }

   .row-product .col-lg-3 {
      width: 50%;
      margin-bottom: 20px;
   }

   #burger svg path {
      fill: rgba(110, 171, 46, 1);
   }

   #burger:hover svg path,
   #burger:focus svg path {
      fill: rgba(239, 122, 46, 1);
   }

   #close:hover svg path,
   #close:focus svg path {
      fill: rgba(239, 122, 46, 1);
   }

   .block-banner {
      height: 300px;
   }

   .footer-menu {
      display: none;
   }

   .footer-adress {
      width: 75%;


   }

   footer .logo img {
      max-width: 100%;
   }

   footer .social {
      display: flex;
      justify-content: end;
   }
   

}

@media (max-width: 1000px) {
    #modalImage  {    text-align: center;
    margin: 0 auto;
    display: block;}
   header .logo {
      width: 50%;
   }
.swiper-works .swiper-pagination-bullet {
   background: #6EAB2E80;
   opacity: 1;
   width: 10px;
   height: 10px;
   display:inline-block;
}
.swiper-works .swiper-pagination-bullet-active {
   opacity: 1;
   background: rgba(239, 122, 46, 1);
}
.swiper-works .swiper-pagination {bottom:0!important;}
   header .col-lg-10 {
      width: 50%;
   }

   .container {
      max-width: 100%;
   }

   .carousel-caption {
      left: 5%;
      right: 5%;
   }

   .about-image img {
      width: 100%;
   }

   .about-image {
      margin-bottom: 20px;
   }

   .form-wrapper {
      position: relative;
      top: 0;
      right: 0;
      left: 0;
      max-width: 1600px;
      margin: 0 auto;
      padding: 0;
      display: flex;
      justify-content: flex-end;
      z-index: 9;
      order: 2;
      width: 100%;
   }

   .form-wrapper .form {
      background-color: rgba(110, 171, 46, 1);
      padding: 0px;
      width: 100%;
      padding: 20px;
   }

   #map {
      position: relative;
      display: flex;
      flex-direction: column;
   }

   .map {
      height: 300px;
   }

   .block-banner p {
      font-size: 40px;
      line-height: normal;
   }

   .form-title {
      color: #fff;
   }

   footer .logo {
      text-align: center;
   }

   .footer-adress .adress {
      margin-top: 10px;
      justify-content: center;
   }

   .footer-adress .phone {
      margin-top: 10px;
   }

   .footer-adress .email {
      margin-top: 10px;
   }

   .footer-adress {
      width: 100%;
      text-align: center;
   }

   .copy-d .copy {
      width: 75%;
   }

   .copy-d .social {
      width: 25%;
   }
}

@media (max-width:800px) {
    #cookie-banner p {text-align:center;}
   #menu {
      width: 75%;
   }

   .gallery {
      padding-top: 40px;
   }

   .carousel-caption .carousel-caption-text span {
      font-size: 70px;
      line-height: 100.97px;

   }

   .title {
      font-size: 26px;
   }

   .form-title {
      font-size: 26px;
   }

   .modal-title {
      font-size: 26px;
   }

   .form .form-control {
      font-size: 15px;
   }

   .modal-body .form-control {
      font-size: 15px;
   }

   .modal-body textarea {
      height: 90px;
   }

   .modal-body .btn {
      font-size: 15px;
   }

   .form .btn {
      font-size: 15px;
   }

   .form textarea {
      height: 90px;
   }

   .form .btn:hover,
   .form .btn:focus {
      background-color: #fff;
      color: #000;
   }

   .form br {
      display: none;
   }

   .modal-body br {
      display: none;
   }

   .wpcf7-form-control-wrap {
      position: relative;
      margin-bottom: 10px;
      display: block;
   }
}

@media (max-width:700px) {
   #menu {
      width: 100%;
   }

   .footer-adress .adress::before {
      display: none;
   }

   .footer-adress .adress {
      text-align: center;
   }

   .copy-d .copy {
      width: 100%;
      text-align: center;
      order: 2;
      margin-top: 15px;
   }

   .copy-d .social {
      width: 100%;
      text-align: center;
      order: 1;
   }

   .copy-d {
      margin-top: 0px !important;
   }

   footer .social {
      display: flex;
      justify-content: center;
      margin-top: 15px;
   }
}

@media (max-width:560px) {
   .row-product .col-lg-3 {
      width: 100%;
   }

   .row-advantages .col-lg-3 {
      width: 100%;
   }
}

@media (max-width:500px) {
   .phone-top {
      flex-direction: column;
      text-align: center;
      margin-top: 20px !important;
   }

   .phone-top .phone {
      order: 2;
      margin-top: 20px;
   }

   .block-banner p {
      font-size: 30px;
   }

   .m80 {
      margin: 40px auto;
   }

   .block-banner {
      margin-bottom: 40px;
   }

   .carousel-caption .carousel-caption-text span {
      font-size: 40px;
      line-height: normal;
   }

   .copy p a {
      display: block;
   }

   h1 {
      font-size: 24px;
      line-height: normal;
   }
}

@media (max-width:415px) {
   #menu {
      padding: 20px;
   }

   .title {
      font-size: 22px;
      line-height: normal;
   }

   h2,
   h3 {
      font-size: 20px;
      line-height: normal;
   }
}