@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.page > * {
    margin-bottom: 0 !important;
}
#scrollToTop {
  background-image: url(/sites/all/themes/vesta_theme/image/strelka.svg) !important;
}

:root{
  --fz-h-mail: 14px;
  --fz-h-tel: 16px;
  --width-head-btn: 185px;
  --height-head-btn: 40px;
  --pad-head-btn: 9px 15px;
  --pad-right-head-btn: 125px;
  --pad-head-tel: 0 10px 0 5px;
  --fz-menu: 18px;
  --pad-menu: 0 85px;
  --pad-menu-a: 10px 20px;
  --width-menu: 167px; 
  --width-logo: 105px;
  --height-logo: 106px;
  --pad-search: 14px 40px;
  --width-search: 223px;
  --height-search: 46px;
  --top-search: 25px;
  --left-search: 6px;
  --fz-slaid-h1: 56px;
  --width-slaid-h1:700px;
  --fz-slaid-p: 18px;
  --width-slaid-p: 574px;
  --pad-btm-slaid-p: 44px;
  --fz-slaid-btn: 18px;
  --pad-slaid-btn: 24px 36px;
  --min-height-slaid: 785px;
  --fz-btn: 20px;
  --pad-btn: 19px 35px;
  --pad-btn2: 19px 36px;
  --pad-btn-about: 16px 35px; 
  --pad-btn2-about: 16px 42px; 
  --marg-right-btn: 24px;
  --fz-h2: 40px;  
  --fz-span: 36px;
  --fz-about-p: 24px; 
  --height-about-p: 145px;
  --pad-top-about-knop: 44px;
  --height-about-img: 531px;
  --pad-about: 80px 0;
  --gap-about: 62px;
  --pad-top-servis: 80px;
  --pad-top-dom: 45px;
  --fz-servis-p: 16px;
  --width-servis: 543px;
  --height-servis: 413px;
  --pad-top: 153px;
  --height-servis-text: 52px;
  --pad-servis-p: 24px 30px 32px 25px;
  --height-servis2: 703px;
  --pad-servis-p2: 0 25px;    
  --width-servis-p: 488px;
  --height-servis-hover-img: 0px;  
  --pad-servis-btn: 16px 41px;
  --pad-servis-btn-form: 16px 49px;
  --pad-servis-btn-footer: 18px 36px;
  --fz-servis-btn-footer: 18px;
  --pad-servis-title: 34px 50px 24px 25px;  
  --border-left-servis-img: 25px;
  --border-right-servis-img: 25px;
  --border-servis-img:25px;
  --gap-servis: 22px;
  --line-height-servis: 26px;
  --pad-servis-podrobnee: 0 0 25px 25px;
  --marg-left-servis-btn: 15px;
  --pad-servis-knopka: 25px;
  --pad-servis-footer: 45px 0 62px 0;
  --pad-online: 80px 0;
  --pad-bot-online-h2: 61px;
  --pad-online-a: 16px 50px; 
  --pad-works: 50px 0 37px 0;
  --width-works-img: 354px;
  --height-works-img: 354px;
  --border-works-img: 25px;
  --pad-top-works-title: 77px;
  --pad-top-works-footer: 37px;
  --pad-bot-works-footer: 66px;
  --pad-works-btn: 18px 36px;
  --gap-page: 22px;
  --fz-form-h3: 36px;
  --fz-form-title: 40px;  
  --marg-top-form: 20px;
  --marg-bot-form: 20px;
  --transform-form: translate(567px, -779px);
  --width-form-map: 454px;
  --height-form-map: 374px;
  --width-form-iframe: 454px;
  --height-form-iframe: 374px;
  --pad-form-block: 80px 0 121px 0;
  --marg-bot-form-block: 37px;
  --pad-form-vebforma: 45px 41px 39px 41px;
  --width-form-vebforma: 538px;
  --width-form-name: 213px;  
  --height-form-name: 72px;
  --pad-form-name: 27px 0 27px 24px;
  --transform-form-email: translate(238px, -140px);
  --width-form-email: 219px;  
  --height-form-message: 142px;
  --pad-form-message: 24px;
  --width-form-submit: 171px;
  --height-form-submit: 66px;
  --pad-form-kont: 35px 20px 39px 42px;
  --pad-bot-form-h3: 24px;
  --pad-bot-form-a: 26px; 
  --pad-bot-form-p: 26px;
  --marg-form-tel: 32px auto;
  --transform-form-tree: translate(275px, -142px);  
  --width-form-tree: 114px;
  --height-form-tree: 141px;
  --transform-form-description: translatey(-23px);
  --fz-form-description: 14px;
  --margin-left-form-description: 25px;
  --pad-top-footer: 72px;
  --pad-footer-a: 0 0 24px 0;
  --pad-footer-copy: 24px 0;
  --pad-article: 25px;
  --transform-footer: translate(647px, -59px);
  --width-footer-logo: 152px;
  --height-footer-logo: 154px;
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
    :root {
        --fz-h-mail: 12px;       
       --fz-h-tel: 12px;
         --pad-head-tel: 0 5px 0 5px;
       --width-head-btn: 185px;
  --height-head-btn: 40px;
  --pad-head-btn: 9px 15px;
  --pad-right-head-btn: 0;
       --fz-menu: 18px;
       --pad-menu-a: 6px 10px;
       --pad-menu: 0 25px;
       --width-menu: 157px;       
       --width-logo: 80px;
       --height-logo: 80px;
       --pad-search: 10px 35px;
       --width-search: 200px;
       --height-search: 40px;
       --top-search: 22px;
       --left-search: 2px;
       --fz-slaid-h1: 52px;
       --width-slaid-h1:630px;
       --fz-slaid-p: 17px;
       --width-slaid-p: 500px;
       --pad-btm-slaid-p: 40px;  
       --fz-slaid-btn: 17px;
       --pad-slaid-btn: 18px 30px;
       --min-height-slaid: 685px;
       --pad-btn2: 18px 30px;
       --marg-right-btn: 18px;
       --fz-btn: 19px;
       --pad-btn: 18px 30px;
       --pad-btn-about: 18px 30px;
       --pad-btn2-about: 18px 30px; 
       --fz-h2: 39px;
       --fz-span: 32px;
       --fz-about-p: 20px;
       --height-about-p: 122px;
       --pad-top-about-knop: 44px;
       --height-about-img: 455px;
       --pad-about: 70px 0;
       --gap-about: 52px;
       --pad-top-servis: 70px;
       --pad-top-dom: 40px;
       --fz-servis-p: 16px;
       --width-servis: 450px;
       --height-servis: 380px;
       --pad-top: 103px;
       --height-servis-text: 53px;
       --pad-servis-p: 21px 27px 29px 22px;
       --height-servis2: 653px;
        --pad-servis-p2: 0 22px;    
       --width-servis-p: 408px;
       --height-servis-hover-img: 0px;        
        --pad-servis-btn: 18px 30px; 
        --pad-servis-btn-form: 18px 36px;
         --pad-servis-btn-footer: 18px 33px;
         --fz-servis-btn-footer: 18px;
       --pad-servis-title: 34px 50px 24px 25px;  
        --border-left-servis-img: 20px;
        --border-right-servis-img: 20px;
        --border-servis-img:20px;
        --gap-servis: 20px;
        --line-height-servis: 20px;
        --pad-servis-podrobnee: 0 0 20px 20px;
        --marg-left-servis-btn: 13px;
        --pad-servis-knopka: 20px;
        --pad-servis-footer: 40px 0 60px 0;
        --pad-online: 60px 0;
        --pad-bot-online-h2: 55px;
        --pad-online-a: 18px 40px; 
        --pad-works: 45px 0 30px 0;
        --width-works-img: 280px;
        --height-works-img: 280px;
        --border-works-img: 20px;
        --pad-top-works-title: 70px;
        --pad-top-works-footer: 30px;
        --pad-bot-works-footer: 60px;
        --pad-works-btn: 16px 30px;
        --gap-page: 15px;
        --fz-form-h3: 32px;
        --fz-form-title: 36px;  
         --marg-top-form: 15px;
         --marg-bot-form: 5px;
        --transform-form: translate(494px, -693px);
        --width-form-map: 390px;
        --height-form-map: 335px;
        --width-form-iframe: 390px;
        --height-form-iframe: 335px;
        --pad-form-block: 70px 0 111px 0;
        --marg-bot-form-block: 20px;
        --pad-form-vebforma: 40px 36px 34px 36px;
        --width-form-vebforma: 468px;
        --width-form-name: 190px;
        --transform-form-email: translate(202px, -125px);
        --height-form-name: 60px;
        --pad-form-name: 21px 0 21px 18px;
        --width-form-email: 196px;        
        --height-form-message: 130px;
        --pad-form-message: 20px;
        --width-form-submit: 160px;
        --height-form-submit: 60px;
        --pad-form-kont: 30px 15px 34px 37px;
        --pad-bot-form-h3: 20px;
        --pad-bot-form-a: 20px;        
        --pad-bot-form-p: 20px;
        --marg-form-tel: 25px auto;
        --transform-form-tree: translate(267px, -134px);  
        --width-form-tree: 109px;
        --height-form-tree: 136px;
       --transform-form-description: translatey(-23px);
        --fz-form-description: 14px;
        --margin-left-form-description: 25px;
        --pad-top-footer: 55px;
        --pad-footer-a: 0 0 20px 0;
        --pad-footer-copy: 20px 0;
        --pad-article: 20px;
        --transform-footer: translate(581px, -52px);
         --width-footer-logo: 152px;
         --height-footer-logo: 154px;

    }
  }

@media screen and (min-width: 767px) and (max-width: 992px) {
        :root {
         --fz-h-mail: 12px;
         --fz-h-tel: 12px;
           --pad-head-tel: 0 3px 0 3px;
         --width-head-btn: 161px;
         --height-head-btn: 35px;
        --pad-head-btn: 7px 15px;
         --pad-right-head-btn: 0;
         --fz-menu: 14px;
         --pad-menu-a: 3px 5px;
         --pad-menu: 0 38px;
         --width-menu: 120px;        
         --width-logo: 70px;
         --height-logo: 70px;
         --pad-search: 14px 40px;
         --width-search: 160px;
         --height-search: 36px;
         --top-search: 20px;
         --left-search: 2px;
         --fz-slaid-h1: 40px;
         --width-slaid-h1:560px;
         --fz-slaid-p: 16px;
         --width-slaid-p: 400px;
         --pad-btm-slaid-p: 30px;
         --fz-slaid-btn: 16px;
         --pad-slaid-btn: 14px 20px;
         --min-height-slaid: 585px;
         --pad-btn2: 14px 28px;
         --pad-btn-about: 14px 20px;
         --pad-btn2-about: 14px 20px; 
         --marg-right-btn: 15px;
         --fz-btn: 16px;
         --pad-btn: 14px 20px;
         --fz-h2: 30px;
         --fz-span: 24px;
         --fz-about-p: 16px;
         --height-about-p: 115px;
         --pad-top-about-knop: 30px;
         --height-about-img: 325px;
          --pad-about: 50px 0;
          --gap-about: 42px;
          --pad-top-servis: 50px;
          --pad-top-dom: 35px;
          --fz-servis-p: 14px;
          --height-servis-text: 45px;
          --width-servis: 350px;
          --height-servis: 350px;
         --pad-top: 83px;         
         --pad-servis-p: 18px 24px 26px 19px;
         --height-servis2: 603px;
          --pad-servis-p2: 0 19px;    
          --width-servis-p: 330px;
          --height-servis-hover-img: 0px;          
          --pad-servis-btn: 14px 20px; 
          --pad-servis-btn-form: 14px 20px;
         --pad-servis-btn-footer: 14px 20px;
         --fz-servis-btn-footer: 16px;
          --pad-servis-title: 10px 30px 5px 20px;  
          --border-left-servis-img: 18px;
          --border-right-servis-img: 18px;
         --border-servis-img:18px;
          --gap-servis: 15px;
          --line-height-servis: 16px;
          --pad-servis-podrobnee: 0 0 15px 15px;
          --marg-left-servis-btn: 10px;
          --pad-servis-knopka: 20px;
          --pad-servis-footer: 35px 0;
          --pad-online: 40px 0;
          --pad-bot-online-h2: 40px;
          --pad-online-a: 15px 37px; 
          --pad-works: 30px 0 20px 0;
          --width-works-img: 230px;
          --height-works-img: 230px;
          --border-works-img: 15px;
         --pad-top-works-title: 46px;
         --pad-top-works-footer: 27px;
          --pad-bot-works-footer: 50px;
          --pad-works-btn: 14px 20px;
          --gap-page: 10px;
          --fz-form-h3: 24px;
          --fz-form-title: 28px;  
         --marg-top-form: 8px;
          --marg-bot-form: 8px;
          --transform-form: translate(377px, -582px);
          --width-form-map: 300px;
          --height-form-map: 270px;
         --width-form-iframe: 300px;
         --height-form-iframe: 270px;
          --pad-form-block: 30px 0 50px 0;
         --marg-bot-form-block: 0;
         --pad-form-vebforma: 30px 26px 24px 26px;
         --width-form-vebforma: 356px;
         --width-form-name: 134px;
         --transform-form-email: translate(153px, -104px);
        --height-form-name: 40px;
        --pad-form-name: 12px 0 12px 15px;
        --width-form-email: 140px;        
        --height-form-message: 120px;
        --pad-form-message: 18px;
         --width-form-submit: 130px;
        --height-form-submit: 50px;
        --pad-form-kont: 20px 5px 24px 27px;
        --pad-bot-form-h3: 18px;
        --pad-bot-form-a: 14px;        
        --pad-bot-form-p: 14px;
        --marg-form-tel: 16px auto;
        --transform-form-tree: translate(197px, -116px);  
        --width-form-tree: 91px;
        --height-form-tree: 118px;
       --transform-form-description: translatey(-20px);
       --fz-form-description: 12px;
        --margin-left-form-description: 20px;
        --pad-top-footer: 40px;
       --pad-footer-a: 0 0 15px 0;
        --pad-footer-copy: 15px 0;
       --pad-article: 15px;
        --transform-footer: translate(0, -26px);
       --width-footer-logo: 152px;
        --height-footer-logo: 154px;

        }
     }

     @media screen and (min-width: 575px) and (max-width: 767px) {
        :root {
        --fz-h-mail: 12px;  
        --fz-h-tel: 12px;  
        --fz-menu: 12px;
        --pad-menu: 0;        
        --fz-slaid-h1: 35px;
        --width-slaid-h1:480px;
        --fz-slaid-p: 15px;
        --width-slaid-p: 454px;
        --pad-btm-slaid-p: 20px;
        --fz-slaid-btn: 12px;
        --pad-slaid-btn: 8px 15px;
        --min-height-slaid: 485px;
        --pad-btn2: 8px 15px;
        --pad-btn-about: 8px 13px;
        --pad-btn2-about: 8px 13px; 
        --marg-right-btn: 8px;
        --fz-btn: 12px;
        --pad-btn: 8px 15px;
        --fz-h2: 20px;
        --fz-span: 16px;
        --fz-about-p: 12px;   
        --height-about-p: 95px;  
        --pad-top-about-knop: 20px;   
        --height-about-img: 240px;
        --pad-about: 30px 0;
        --gap-about: 32px;
       --pad-top-servis: 20px;
        --pad-top-dom: 20px;
        --fz-servis-p: 14px;
        --width-servis: 250px;
        --height-servis: 200px;
        --pad-top: 63px;
        --height-servis-text: 44px;
        --pad-servis-p: 15px 21px 23px 16px;
        --height-servis2: 553px;
        --pad-servis-p2: 0 15px;   
        --width-servis-p: 232px;        
        --pad-servis-btn: 8px 10px; 
        --pad-servis-btn-form: 8px 15px;
         --pad-servis-btn-footer: 8px 15px;
         --fz-servis-btn-footer: 12px;
        --pad-servis-title: 15px 30px 10px 20px;           
        --border-left-servis-img: 15px;
        --border-right-servis-img: 15px;
        --border-servis-img:15px;
        --gap-servis: 15px;
        --line-height-servis: 10px;
        --pad-servis-podrobnee: 0 0 10px 10px;
        --marg-left-servis-btn: 8px;
        --pad-servis-knopka: 10px;    
        --pad-servis-footer: 35px 0;
        --pad-online: 15px 0;
        --pad-bot-online-h2: 20px;
        --pad-online-a: 10px 20px; 
        --pad-works: 15px 0 0 0;
        --width-works-img: 170px;
       --height-works-img: 170px;
       --border-works-img: 10px;
       --pad-top-works-title: 20px;
         --pad-top-works-footer: 20px;
        --pad-bot-works-footer: 20px;
        --pad-works-btn: 8px 15px;
        --gap-page: 10px;
        --fz-form-h3: 16px;
        --fz-form-title: 20px;  
         --marg-top-form: 0;
         --marg-bot-form: 0;
        --transform-form: translate(280px, -456px);
        --width-form-map: 220px;
        --height-form-map: 175px;
        --width-form-iframe: 220px;
        --height-form-iframe: 175px;
        --pad-form-block: 30px 0 50px 0;
       --marg-bot-form-block: 0;
       --pad-form-vebforma: 19px 16px 14px 16px;
        --width-form-vebforma: 260px;
        --width-form-name: 100px;
         --transform-form-email: translate(120px, -81px);
        --height-form-name: 40px;
        --pad-form-name: 10px 0 10px 15px;
        --width-form-email: 106px;        
        --height-form-message: 90px;
        --pad-form-message: 12px;
         --width-form-submit: 90px;
        --height-form-submit: 35px;
        --pad-form-kont: 25px 10px 25px 18px;
        --pad-bot-form-h3: 15px;
        --pad-bot-form-a: 15px;         
         --pad-bot-form-p: 15px;
        --marg-form-tel: 0 auto;
        --transform-form-tree: translate(131px, -76px);  
        --width-form-tree: 57px;
        --height-form-tree: 84px;
        --transform-form-description: translatey(-19px);
       --fz-form-description: 12px;
        --margin-left-form-description: 20px;
        --pad-top-footer: 20px;
        --pad-footer-a: 0 0 10px 0;
         --pad-footer-copy: 10px 0;
         --pad-article: 10px;
         --transform-footer: translate(0px, -24px);
          --width-footer-logo: 100px;
        --height-footer-logo: 102px;

        }
    }

@media screen and (max-width: 575px) {
        :root {
         --fz-h-mail: 10px;
         --fz-h-tel: 10px;        
         --fz-menu: 10px;         
         --fz-slaid-h1: 20px;
         --width-slaid-h1:300px;
         --fz-slaid-p: 12px;
          --width-slaid-p: 300px;
          --pad-btm-slaid-p: 10px;
          --fz-slaid-btn: 10px;
          --pad-slaid-btn: 3px 5px;
          --min-height-slaid: 250px;
          --pad-btn2: 5px 12px;
          --pad-btn-about: 3px 4px;
          --pad-btn2-about: 3px 4px; 
          --marg-right-btn: 8px;
          --fz-btn: 8px;
          --pad-btn: 3px 5px;
          --fz-h2: 16px;
          --fz-span: 14px;
          --fz-about-p: 8px;  
           --height-about-p: 50px;      
           --pad-top-about-knop: 15px;  
          --height-about-img: 170px;
           --pad-about: 15px 0;
           --gap-about: 20px;
           --pad-top-servis: 20px;
           --pad-top-dom: 16px;
           --fz-servis-p: 12px;
           --width-servis: 160px;
           --height-servis: 117px;
            --pad-top: 53px;
            --height-servis-text: 36px;
            --pad-servis-p: 5px 8px 10px 5px;
            --height-servis2: 503px;
            --pad-servis-p2: 0 15px;   
            --width-servis-p: 260px;           
            --pad-servis-btn: 3px 5px; 
            --pad-servis-btn-form: 3px 5px;
             --pad-servis-btn-footer: 3px 5px;
             --fz-servis-btn-footer: 8px;
            --pad-servis-title: 10px 5px 10px 15px;  
            --border-left-servis-img: 10px;
            --border-right-servis-img: 10px;
            --border-servis-img: 10px;
            --gap-servis: 5px;
            --line-height-servis: 6px;
            --pad-servis-podrobnee: 0 0 5px 5px;
            --marg-left-servis-btn: 5px;
            --pad-servis-knopka: 10px;
            --pad-servis-footer: 30px 0;
            --pad-left-servis-knopka: 5px;
            --pad-online: 10px 0;
            --pad-bot-online-h2: 10px;
            --pad-online-a: 5px 10px; 
            --pad-works: 10px 0 5px 0;
            --width-works-img: 105px;
            --height-works-img: 105px;
            --border-works-img: 10px;
            --pad-top-works-title: 15px;
            --pad-top-works-footer: 15px;
            --pad-bot-works-footer: 20px;
            --pad-works-btn: 3px 5px;
            --gap-page: 10px;
            --fz-form-h3: 22px;
            --fz-form-title: 26px;  
             --marg-top-form: 10px;
            --marg-bot-form: 10px;
            --transform-form: translate(0, 19px);
            --width-form-map: 100%;
            --height-form-map: 100%;
            --width-form-iframe: 100%;
           --height-form-iframe: 100%;
            --pad-form-block: 40px 0 56px 0;
            --marg-bot-form-block: 0;
           --pad-form-vebforma: 20px 16px 14px 16px;           
            --width-form-vebforma: 100%; 
            --width-form-name: 136px;
            --transform-form-email: translate(152px, -102px);
            --height-form-name: 40px;
            --pad-form-name: 20px 0 20px 17px;
            --width-form-email: 142px;            
            --height-form-message: 100px;
            --pad-form-message: 14px;            
            --width-form-submit: 90px;
            --height-form-submit: 35px;
            --pad-form-kont: 20px 15px 24px 15px;
            --pad-bot-form-h3: 15px; 
            --pad-bot-form-a: 15px;           
           --pad-bot-form-p: 15px;
           --marg-form-tel: 15px auto;
           --transform-form-tree: translate(180px, -650px);  
          --width-form-tree: 15%;
          --height-form-tree: 15%;
           --transform-form-description: translatey(-19px);
          --fz-form-description: 12px;
          --margin-left-form-description: 20px;
            --pad-top-footer: 30px;
            --pad-footer-a: 0 0 10px 0;
           --pad-footer-copy: 10px 0;
           --pad-article: 5px;
           --transform-footer: translate(0px, -24px);
            --width-footer-logo: 70px;
            --height-footer-logo: 70px;

        }
    }  
/*  */




 @media screen and (min-width: 575px) and (max-width: 767px) {
        #page #header .header-mobile-block {
            height: 65px;
               }
        #header .region-header-mobile svg {
                display: none;
               }
               .header-mobile-block a img.menu-mob {
                position: absolute;
                transform: translate(11px,-48px);
                width: 47px;
                height: 47px;
               }                
          #slider-block a.btn-form.btn-outline-light img {
              width: 10px;
            }
            #block-vesta-theme-logo-2 .text-formatted p a img {
            transform: translateX(-240px);        
            width: 50px;
          }
        #footer ul.sf-menu.sf-vertical {
                  width: 7em;
                }
              .form-item, .form-actions {
                    margin-top: 4px !important;
                    margin-bottom: 4px !important;
                  }     
            
           
    

      .not-front h1.page-title { 
          padding-top: 20px;
        }
    }


 @media screen and (max-width: 575px) {
       #block-vesta-theme-logo-2 .text-formatted p a img {
        transform: translateX(-214px);
        width: 50px;
       }
        #header .region-header-mobile svg {
        display: none;
               }
               .header-mobile-block a img.menu-mob {
                position: absolute;
                transform: translate(11px,-46px);
                width: 47px;
                height: 47px;
               }
          
  

                    #footer .region-footer {
                  flex-wrap: wrap !important;
                  }
        .view-gostevoy-dom .field--name-node-title:hover {
              padding: var(--pad-servis-title);
            }
          .not-front h1.page-title { 
                    padding-top: 20px;
              }
              #form-block #block-vesta-theme-bloknastranicekontakty {
                position: relative !important;
              }
       }






     /* шапка */


#block-vesta-theme-knopkaostavitzayavku {
  padding-right: var(--pad-right-head-btn);
}
#header .header-mobile-block {
       background-color: #D7D3CF !important;
}
#mobile-nav .mm-panels {
  background: #D7D3CF;
}
#mobile-nav .nav-item {
  background: #d7d3cf;
}

  #header .header-block {
      background-color: #000000;
  } 
  #block-vesta-theme-kontakty .text-formatted {
    display: inline !important;
  }
  #block-vesta-theme-kontakty .text-formatted a{
    color: #ffffff;
    padding: var(--pad-head-tel);
  }
  #block-vesta-theme-kontakty .text-formatted a.mail{
    font-size: var(--fz-h-mail);
    font-family: 'Inter';
    text-decoration: underline;
  }
  #block-vesta-theme-kontakty .text-formatted a.tel{
    font-size: var(--fz-h-tel);
    font-family: 'Inter';
  }
  #block-vesta-theme-knopkaostavitzayavku a.use-ajax.btn-form.btn.btn-outline-light {
    font-family: roboto;
    border-radius: 50px;
    font-size: var(--fz-h-mail);
    width: var(--width-head-btn);
    height: var(--height-head-btn);
    padding: var(--pad-head-btn);
  border: 2px #fff solid;

}


/* меню */

.navigation, .main {
  background-color: #D7D3CF !important;
}
#block-vesta-theme-logo {
  padding: 6px 0;
}
#block-vesta-theme-logo img {
  width: var(--width-logo);
  height: var(--height-logo);
}
#block-vesta-theme-osnovnayanavigaciya-2 {
  padding: var(--pad-menu);
}
.navigation .region-navigation #block-vesta-theme-osnovnayanavigaciya-2 ul li a {
  font-family: 'Inter';
  font-size: var(--fz-menu);
  color: #000000 !important;
  padding: var(--pad-menu-a) !important;
  background: #D7D3CF;
}
.navigation .region-navigation #block-vesta-theme-osnovnayanavigaciya-2 ul li a:hover {
    background: #fff;
}
ul.sf-menu .sf-sub-indicator:after {
      left: 2px;
    top: -2px;
   content: url(/sites/all/themes/vesta_theme/image/galka.png);

}
.navigation .region-navigation #block-vesta-theme-osnovnayanavigaciya-2 li#main-menu-link-contentf2a7702e-f95b-444a-9a5a-25524b552893 {
    width: var(--width-menu);
}
.navigation ul.sf-menu.sf-horizontal.sf-shadow ul, ul.sf-menu.sf-vertical.sf-shadow ul, ul.sf-menu.sf-navbar.sf-shadow ul ul {
  transform: translateX(101px);
}



#page .navigation .region-navigation #block-vesta-theme-osnovnayanavigaciya-2 ul li.active-trail {
  background: #D7D3CF !important;
}
.navigation .region.region-navigation div#block-vesta-theme-osnovnayanavigaciya-2 > ul li:hover {
  background-color: #D7D3CF !important;
}

.navigation .search-block-form .form-control, .main .search-api-page-block-form .form-control{
  border-radius: 50px;
  background-color: #F2F1FA;
  text-align: left;
  padding: var(--pad-search);
  width: var(--width-search);
  height: var(--height-search);
}

.navigation .search-block-form{
  padding-top: 20px;
  
}
.navigation .search-block-form .btn-primary, .main .search-api-page-block-form .btn-primary{
  position: absolute;
  background: url(/sites/all/themes/vesta_theme/image/Search.svg) no-repeat center;
  font-size: 0;
  width: 37px;
  height: 37px;
  border: 0px solid;
  box-shadow: none;
  left: var(--left-search);
  top: var(--top-search);
  z-index: 2;
}
.main .search-api-page-block-form .btn-primary{
    top: 5px;   
}
.main .search-api-page-block-form {
    margin-bottom: 25px;
}
.main .search-api-page-block-form ~ h3 a, .node--view-mode-full .field--name-body a{
    color: #A9664D;
}
/* слайд */
#slider-block{
  background: url("/sites/all/themes/vesta_theme/image/slider.png")no-repeat center #000000;
    background-size: cover;
    min-height: var(--min-height-slaid);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    margin: 0px !important;
    padding: 30px 0;
}
#slider-block:after{
  content: '';
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
  z-index: -1;
  }


#slider-block #block-vesta-theme-slayd .block-content--type-basic .text-formatted h1 {
    color: #ffffff;
    font-size: var(--fz-slaid-h1);
    font-family: 'Inter';
    width:var(--width-slaid-h1);
}
#slider-block #block-vesta-theme-slayd .block-content--type-basic .text-formatted p {
  font-size: var(--fz-slaid-p);
  font-family: 'Inter';
  color: #fff;
  width: var(--width-slaid-p);
  padding-bottom: var(--pad-btm-slaid-p);
}
#slider-block .btn-form.btn-outline-light {
          border-radius: 40px;
          background-color: #fff;  
}
#about-block .group-right .btn-form.btn-outline-light {
          border-radius: 50px;
          background-color: #fff;  
}
#slider-block a.btn-form.btn-outline-light {
            color: #000;
            font-size: var(--fz-slaid-btn);
            font-family: 'Inter';
            padding: var(--pad-btn);
            font-weight: bold;
            margin-right: var(--marg-right-btn);
}
#about-block .group-right a.btn-form.btn-outline-light {
            color: #000;
            font-size: var(--fz-btn);
            font-family: 'Inter';
            padding: var(--pad-btn-about);
            font-weight: bold;
}
.photoswipe-gallery.field.field--name-field-izobrazhenie.field--type-entity-reference.field--label-hidden.field__items {
  text-align: center;
}

#slider-block a.btn-form.btn-outline-light:hover {
  background-color: transparent;
  color: #fff;
}
#about-block .group-right a.btn-form.btn-outline-light:hover {
  background-color: transparent;
  color: #fff;
}
#slider-block .btn-outline-light,
#about-block .group-right .btn-outline-light {
          border-radius: 40px;           
}
#slider-block a.btn-outline-light {
            color: #ffffff;
            font-size: var(--fz-slaid-btn);
            font-family: 'Inter';
            padding: var(--pad-btn2);            
}

#about-block .group-right a.btn-outline-light {
            color: #ffffff;
            font-size: var(--fz-btn);
            font-family: 'Inter';
            padding: var(--pad-btn2-about);            
}
#slider-block a.btn-outline-light:hover {
  background-color: #fff;
  color: #000;
}
#about-block .group-right a.btn-outline-light:hover {
  background-color: #fff;
  color: #000;
}

/* о гостевом доме */


#about-block {
  background: url("/sites/all/themes/vesta_theme/image/Our-houses2.jpg")no-repeat center;
    background-size: cover;
    position: relative;
    z-index: 2;
    padding: var(--pad-about);
}
#about-block .block-content.block-content--type-o-gostevom-dome.block-content--view-mode-full.ds-2col.clearfix {
  display: flex;
  gap: var(--gap-about);
  align-items: center;
}
#about-block .group-left img {   
  height: var(--height-about-img);
  border-radius: var(--border-servis-img);
  object-fit:cover;
  width: 100%;  
}

#about-block .group-right h2{
  font-size: var(--fz-h2);
  font-family: 'Inter';
  color: #fff;
  font-weight: normal;
}
#about-block .group-right .knop {
   padding-top: var(--pad-top-about-knop);
}
#about-block .group-right p{
  font-size: var(--fz-about-p);
  font-family: 'Inter';
  color: #fff;
  line-height: initial;
  width: 100%;  
  height: var(--height-about-p);
  
  
  }
.not-front h1.page-title {
    text-align: center;
}




/* Гостевой дом */
#services-block {
    background-color: #D7D3CF;
}
#services-block .block-title {
    text-align: center;
    font-size: var(--fz-h2);
    color: #1e1e1e;
    font-family: 'Inter';
    line-height: var(--line-height-servis);
    padding-top: var(--pad-top-servis);
}
#services-block .view-gostevoy-dom {
    padding-top: var(--pad-top-dom);
}

.view-gostevoy-dom .views-row {
    background-color: #fff;
    border-radius: var(--border-servis-img);   
    /* height: 100%; */
}
.view-gostevoy-dom .views-row>*{
  width: 100%;
}
.photoswipe-gallery.photoswipe-gallery--fallback-wrapper {
  transition: all 0.40s ease;
}
.view-gostevoy-dom .views-row .field--name-body {
  height: var(--height-servis-text);  
  overflow: hidden;
}
      

.view-gostevoy-dom img.image-style-gostevoy-dom-543x413 {
    border-top-left-radius: var(--border-left-servis-img);
    border-top-right-radius:var(--border-right-servis-img);
   
}
.image-style-gostevoy-dom-543x413 {
   object-fit: cover;
   width: 100%;
   height: 100%;
}
.view-gostevoy-dom .field--name-node-title a{
    display:block;
    color: #1E1E1E;
} 

.view-gostevoy-dom .group-down{
  display: flex;
}
.view-gostevoy-dom .field--name-node-title {
  padding: var(--pad-servis-title);
    }

.view-gostevoy-dom .view-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gap-servis);
}
.view-gostevoy-dom .field--name-node-title {
    font-size: var(--fz-span);
    color: #1e1e1e;
    font-family: 'Inter';  
    font-weight: bold;  
}
.view-gostevoy-dom .field--name-body {
    padding: var(--pad-servis-p2);
    font-size: var(--fz-servis-p);
    font-family: 'Inter';
    color: #1e1e1e;
    }

.view-gostevoy-dom .views-field-field-podrobnee {
    padding: var(--pad-servis-podrobnee);
}
.view-gostevoy-dom a.btn-form.btn-outline-light {
    color: #000;
    font-size: var(--fz-btn);
    font-family: 'Inter';
    padding: var(--pad-servis-btn-form);  
    margin-left: var(--marg-left-servis-btn);   
}
.view-gostevoy-dom a.btn-outline-light {
    color: #000;
    font-size: var(--fz-btn);
    font-family: 'Inter';
    padding: var(--pad-servis-btn);  
     
}
.view-gostevoy-dom a.btn-light {
    color: #fff;
    font-size: var(--fz-btn);
    font-family: 'Inter';
    padding: var(--pad-servis-btn);  
    background: #A9664D;
    border: 2px solid #A9664D;
    border-radius: 50px;
    margin-left: 10px;
}
.view-gostevoy-dom a.btn-light:hover{
    background: transparent;
    color: #000;
}
.view-gostevoy-dom .wrhover a.btn-light {
    background: #fff;
    color: #000;
    border-color: #fff;
}
.view-gostevoy-dom .wrhover a.btn-light:hover{
    color: #fff;
    background: transparent;
    border-color: #fff;
}
.view-gostevoy-dom a.btn.btn-outline-dark, .node--type-gostevoy-dom.node--view-mode-full .field--name-dynamic-token-fieldnode-zabronirovat a.btn-light,
.node--type-banya.node--view-mode-full .field--name-dynamic-token-fieldnode-zabronirovat a.btn-light{
    color: #000;
    font-size: var(--fz-servis-btn-footer);
    font-family: 'Inter';
    padding: var(--pad-servis-btn-footer); 
    
    
}
.node--type-gostevoy-dom.node--view-mode-full .field--name-dynamic-token-fieldnode-zabronirovat a.btn-light,
.node--type-banya.node--view-mode-full .field--name-dynamic-token-fieldnode-zabronirovat a.btn-light{
    background: transparent;
}
.view-gostevoy-dom a.btn-outline-light:hover, .node--type-gostevoy-dom.node--view-mode-full .field--name-dynamic-token-fieldnode-zabronirovat a.btn-light:hover,
.node--type-banya.node--view-mode-full .field--name-dynamic-token-fieldnode-zabronirovat a.btn-light:hover{
        background-color: #A9664D;
        color: #fff;
    border: 2px #fff solid;    
}
.view-gostevoy-dom .btn-form.btn-outline-light:hover{
        background-color: #A9664D;
        color: #fff;
        border: 2px #fff solid;   
}
.view-gostevoy-dom .btn.btn-outline-dark:hover{
        background-color: #A9664D;
        color: #fff;
        border: 2px #fff solid;   
}

.view-gostevoy-dom .group-down{
        padding: var(--pad-servis-knopka);
    
}
.view-gostevoy-dom .btn-form.btn-outline-light, 
.view-gostevoy-dom .btn-outline-light {
          border-radius: 50px;
          background-color: #fff;  
          border: 2px #A9664D solid;
}
.view-gostevoy-dom .btn.btn-outline-dark, .node--type-gostevoy-dom.node--view-mode-full .field--name-dynamic-token-fieldnode-zabronirovat a.btn-light,
.node--type-banya.node--view-mode-full .field--name-dynamic-token-fieldnode-zabronirovat a.btn-light
{
          border-radius: 36px;            
          border: 2px #A9664D solid;
}
.view-gostevoy-dom .view-footer {
    text-align: center;
    padding: var(--pad-servis-footer);
}
.view-gostevoy-dom .views-row{
    position: relative;
}
.view-gostevoy-dom .wrhover{
    position: absolute;
    background: #A9664D;
    color: #fff;
    min-height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all 0.40s ease;
    border-radius: var(--border-servis-img);   
    z-index: 5;
}
.view-gostevoy-dom .views-row:hover .wrhover{
    visibility: visible;
    opacity: 1;
}
.view-gostevoy-dom .wrhover>*{
    width: 100%;
}
.view-gostevoy-dom .wrhover .field--name-node-title a, .view-gostevoy-dom .wrhover .field--name-body{
    color: #fff;
}
 
.view-gostevoy-dom .wrhover .field--name-body{
    height: auto;
}
.view-gostevoy-dom .wrhover a.btn-outline-light{
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
}
.view-gostevoy-dom .wrhover a.btn-outline-light:hover{
    background: #fff;
    color: #000;
}
/* Забронировать онлайн */
#online-block {
  background-color: #A9664D;
}
#online-block .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    text-align: center;
        padding: var(--pad-online);
}
#online-block h2 {
    padding-bottom: var(--pad-bot-online-h2);
    font-size: var(--fz-h2);
    font-family: inter;
    color: #fff;
}
#online-block .btn-form.btn-outline-light {
          border-radius: 50px;
}
#online-block a.btn-form.btn-outline-light {
    color: #000;
    font-size: var(--fz-btn);
    font-family: 'Inter';
    padding: var(--pad-online-a);  
    background-color: #fff;    
    border: 2px #fff solid;   
}
#online-block a.btn-form.btn-outline-light:hover {
        background-color: #A9664D;
        color: #fff;  
        border: 2px #fff solid;    
}

  /* Галерея */
#works-block {
      background: url("/sites/all/themes/vesta_theme/image/Frame38641.jpg")no-repeat center;
        background-size: cover;
        position: relative;
        z-index: 2;
    }

#works-block .views-field-field-izobrazhenie5 {
  padding: var(--pad-works);
}
#works-block .field-content {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--gap-page);
 
}

#works-block .views-field-field-izobrazhenie5 img {
  border-radius: var(--border-works-img);
}


#works-block .block-title {
    font-size: var(--fz-h2);
    font-family: 'Inter';
    color: #fff;
    text-align: center;
    padding-top: var(--pad-top-works-title);
}


#works-block .view-footer {
    text-align: center;
    padding-top: var(--pad-top-works-footer);
    padding-bottom: var(--pad-bot-works-footer);
}
#works-block a.btn-outline-dark {
    border: 2px transparent;
    border-radius: 36px;
    padding: var(--pad-works-btn);
    background-color: #fff;
    color: #000;
    font-size: var(--fz-btn);
    font-family: 'Inter';
    border: 2px #fff solid;   
}
#works-block a.btn-outline-dark:hover {
  background-color: transparent;
  border: 2px #fff solid;
  
}

#page .field--name-field-galereya {
   display: flex;
    gap: var(--gap-page);
    flex-wrap: wrap;
    justify-content: center;
}
  .field--name-field-galereya .field__item {
  width: 30.333%;
  height: 30.333%;
}
.image-style-galereya-354x354 {
  width: 100%;
  height: 100%;
}
#page .photoswipe-gallery.field.field--name-field-galereya.field--type-entity-reference.field--label-hidden.field__items img {
   border-radius: var(--border-servis-img);
}

#page .front .page-title {
  text-align: center;
  color: #fff;
  font-size: 36px;
}
#page.page.not-front.page-node.page-node--811 .main {
      background: url("/sites/all/themes/vesta_theme/image/Frame38641.jpg")no-repeat center;
        background-size: cover;
        position: relative;
        z-index: 2;
    }

#page.page.not-front.page-node.page-node--811 .main #block-vesta-theme-tabs {
    background-color: #D7D3CF;
}




/* контакты */
#form-block {
  background-color: #D7D3CF;
  padding: var(--pad-form-block);
}


#form-block .form-control{
  font-size: var(--fz-menu);
}

#form-block #block-vesta-theme-vebforma::before {
  content: "контакты ";
  font-size: var(--fz-menu);
  font-family: inter;
}
#form-block .block-title {
  font-size: var(--fz-form-title) !important;
  font-family: inter !important;
  margin-bottom:var(--marg-bot-form-block);
}
#form-block #block-vesta-theme-vebforma {
  padding: var(--pad-form-vebforma);
  background-color: #a9664d;
  border-radius: var(--border-servis-img);
  color: #fff;
  width:var(--width-form-vebforma);
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#form-block #edit-name {
  width: var(--width-form-name);
  border-radius: 50px;
  height: var(--height-form-name);
  padding: var(--pad-form-name);
}
#form-block #edit-email {
  width: var(--width-form-email);
  height: var(--height-form-name);
  border-radius: 50px;
  padding: var(--pad-form-name);
}
#form-block .js-form-item.form-item.js-form-type-email.form-type-email.js-form-item-email.form-item-email {
  width: var(--width-form-name);
  position: absolute;
  transform: var(--transform-form-email);
}
#form-block .form-control::placeholder {
  color: #000;  
}
#form-block #edit-telefon {
  height: var(--height-form-name);
  border-radius: 50px;
  padding: var(--pad-form-name);
  
}
#form-block #edit-message {
  border-radius: 20px;
  height: var(--height-form-message);
  padding: var(--pad-form-message);
  
}

#form-block #edit-actions-submit {
  border-radius: 40px;
  background-color: transparent;
  border: 2px #fff solid;
  width: var(--width-form-submit);
  height: var(--height-form-submit);
  font-size:var(--fz-menu) ;
}

#form-block img.tree {
   position: absolute;
   transform: var(--transform-form-tree);  
   width: var(--width-form-tree);
   height: var(--height-form-tree);
}

#form-block #block-vesta-theme-bloknastranicekontakty {
  background-color: #d78d58;
  width: var(--width-form-vebforma);
  border-radius: var(--border-servis-img);
  padding: var(--pad-form-kont);
  color: #fff;
  position: absolute;
  transform: var(--transform-form);
}
 #form-block .mapContainer {
  width: var(--width-form-map) !important;
  height: var(--height-form-map) !important;
}
  

#form-block .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item h3 {
  font-size: var(--fz-form-h3);
  font-family: inter;
  margin: 0;
  padding-bottom: var(--pad-bot-form-h3);
}
#form-block .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item a {
  color: #fff;
  padding-bottom: var(--pad-bot-form-a);
}
#form-block .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item img {
  padding-right: 8px;
}
#form-block iframe {
  border-radius: var(--border-right-servis-img);
  width: var(--width-form-iframe);
  height: var(--height-form-iframe);
}

#form-block .description {
  transform: var(--transform-form-description);  
   font-size: var(--fz-form-description);
  margin-left: var(--margin-left-form-description);
}
#form-block .description a {
    color: #fff;
    text-decoration: revert;
  }

#form-block #block-vesta-theme-bloknastranicekontakty p {
  margin: 0;
  padding-bottom: var(--pad-bot-form-p);
}
#form-block label {
  font-size: var(--fz-menu);
  font-family: inter;
  font-weight: bold;
}
#form-block #edit-actions--2 {
    margin: 0;
}
#form-block .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label {
  margin: 0;
}
#form-block .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-telefon.form-item-telefon {
  margin: var(--marg-form-tel);
}


/*  Подвал */
#footer {
  background-color: #D7D3CF !important ;
  padding-top: var(--pad-top-footer);
  border-top: 1px #fff solid;
}
#footer #block-vesta-theme-logo-3 p a img {
  width: var(--width-footer-logo);
  height: var(--height-footer-logo);
}
#footer #block-vesta-theme-logo-3 {
  width: 50%;
  text-align: center;
}
#footer #block-vesta-theme-telefonpodval {
  width: auto;
}

#footer #block-vesta-theme-osnovnayanavigaciya-3 a {
  color: #000 !important;
  
}
#page footer#footer .region.region-footer div#block-vesta-theme-osnovnayanavigaciya-3 > ul li:hover {
  background: #E1E4ED;
}

#footer #block-vesta-theme-osnovnayanavigaciya-3 > ul li a {
    padding:var(--pad-footer-a) !important;
    font-size: var(--fz-h-tel);
    font-family: inter;
}
#footer #block-vesta-theme-telefonpodval p {
    font-size: var(--fz-h-mail);
    font-family: inter;
   
}
#footer #block-vesta-theme-telefonpodval a {
  color: #000;
   font-size: var(--fz-h-mail);
    font-family: inter;
    font-weight: bold;
}
#footer #copyrights-block {
    background-color: #D7D3CF !important;
    padding-top: 58px !important;
}
#footer #block-vesta-theme-kopirayt {
    border-top: 1px #fff solid;
}
#page div#copyrights-block .region.region-copyrights div#block-vesta-theme-kopirayt .copyright p.privacy-content {
      gap: 0 !important;
      color: #B4B9C9;
}
#footer #block-vesta-theme-kopirayt .copyright{
    font-size: var(--fz-h-tel);
}
#footer #block-vesta-theme-kopirayt .copyright a {
    color: #B4B9C9 !important;
    font-family: 'Inter';
    padding: var(--pad-footer-copy);
}
#footer .vesta_backlink {
    position: absolute;
    transform: var(--transform-footer);
}
#footer .vesta_backlink a {
    color: #1E1E1E;
    font-size: var(--fz-h-tel);
    font-family: 'Inter';
}
#footer {
    padding-bottom: 0;
}
#footer #block-vesta-theme-osnovnayanavigaciya-3 > ul li:hover {
  background: #fff;
  width: 70%;
}
#footer p.privacy-content {
    font-size: 16px;
}
#footer #block-vesta-theme-osnovnayanavigaciya-3 {
    width: 25%;
}
@media screen and (min-width: 575px) and (max-width: 1199px) {
#footer .region-footer {   
    flex-wrap: nowrap !important;
    }
  }

/* Баня */
article.contextual-region.node.node--type-page.node--view-mode-full .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    /*text-align: center;*/
    padding: var(--pad-article);
}

  #footer .region.region-footer div#block-vesta-theme-osnovnayanavigaciya-3 > ul li:hover {
  background: #D7D3CF !important;
}
#footer #block-vesta-theme-osnovnayanavigaciya-3 a:hover {
  color: #a9664d !important;
}

@media screen and (max-width: 992px) {
    .view-gostevoy-dom .wrhover{
        display:none;
    }
}
.not-front .main{
    padding-bottom: 45px;
}
.body-node--811 h1.page-title{
    color: #fff;
}

@media screen and (max-width: 992px) {
    .node--type-gostevoy-dom.node--view-mode-full .field--name-dynamic-token-fieldnode-zabronirovat a.btn-light{
            font-size: 13px;
            padding: 7px 15px;
    }
}