#site_messageFooter, #site_messageZakaz, #site_messageMenu      
{
    display: none;
}
#staticBackdropMenu button[type="submit"]   
{
    width: 75%;
}
    
    *
    {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        font-family: 'Raleway', sans-serif;
        
    }
    *::after, *::before
    {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    body, html
    {
        overflow-x: hidden;
    }
    img
    {
    	height: auto;
    }
    h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6
    {
        font-family: 'Raleway', sans-serif;
    }
    p, a, input, textarea
    {
        font-feature-settings: 'pnum' on, 'lnum' on;
        margin-bottom: 0;
    }
    header
    {
        box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 50%);
    }
    
    .scrolltoTop
    {
        display: none;
        position: fixed;
        bottom: 10px;
        right: 50%;
        transform: translate(50%, 0);
        font-size: 20px;
        height: 35px;
        width: 35px;
        z-index: 100001;
        color: #B8E2E2;
        transition: all 0.5s;
        background-color: #000;
        border: 0;
        border-radius: 50%;
        cursor: pointer;
        box-sizing: border-box;
    }
    .scrolltoTop:hover
    {
        background-color: #B8E2E2;
        color: #000;
        text-decoration: none;
        outline: none;
    
    }
    .scrolltoTop:active
    {
        background-color: #B8E2E2;
        color: #000;
        outline: none;
    }
    .scrolltoTop:focus
    {
        outline: none;
    }
    
    .header-slogan{display:none !important;}
    .btn-akva
    {
        width: 100%;
        border: 2px solid #b8e2e2;
        text-transform: uppercase;
        border-radius: 15px;
        color: #000;
        transition: all 0.5s ease;
    }
    .btn-akva:hover
    {
        background: linear-gradient(90.55deg, #86B9C0 0%, #B8E2E2 100%);
        box-shadow: 0px 15px 20px rgba(113, 113, 113, 0.2);
        color: #fff;
        outline: none;
        box-shadow: none;
    }
    .btn-akva:focus, .btn-akva:active
    {
        outline: none;
        box-shadow: none;
    }
    .body.modal-open
    {
        overflow: hidden;
        position: fixed;
    }
    #staticBackdrop, .modal-open
    {
        padding: 0!important;
    }
    .modal-body input
    {
        background-color: #fff;
        border: 2px solid #b8e2e2;
        border-radius: 15px;
        width: 80%;
        margin: 0 auto 1rem;
    }
    .modal-body 
    {
        padding: 1rem;
    }
    .modal-footer
    {
        justify-content: center;
        border-top: none;
        padding: 0 0 0.75rem;
    }
    
    .pad-left
    {
        padding-left: 70px;
    }
    .pad-right
    {
        padding-right: 70px;
    }
    @media (min-width: 320px) and (max-width: 767.98px){
        .pad-left
        {
            padding-left: 15px;
        }
        .pad-right
        {
            padding-right: 15px;
        }
    }
    @media (min-width: 768px) and (max-width: 1199.98px){
        .pad-left
        {
            padding-left: 30px;
        }
        .pad-right
        {
            padding-right: 30px;
        }
    }
    
    /* ----------------------------------------------------------------------------------------------------------------------- */
    .rowsss 
    {
        margin: 8px -16px;
    }
    
    /* Add padding BETWEEN each column (if you want) */
    .rowsss, .rowsss > .column 
    {
        padding: 8px;
    }
    /* Create three equal columns that floats next to each other */
    .column 
    {
        float: left;
        width: 33.33%;
        display: none; /* Hide columns by default */
    }
    
    /* Clear floats after rows */
    .rowsss:after
    {
        content: "";
        display: table;
        clear: both;
    }
    /* Content */
    .content 
    {
        background-color: white;
        padding: 10px;
    }
    
    /* The "show" class is added to the filtered elements */
    .show 
    {
        display: block;
    }
    
    /* Style the buttons */
    .btnnn 
    {
      border: none;
      outline: none;
      padding: 12px 16px;
      background-color: white;
      cursor: pointer;
    }
    
    /* Add a grey background color on mouse-over */
    .btnnn:hover 
    {
      background-color: #ddd;
    }
    
    /* Add a dark background color to the active button */
    .btnnn.active 
    {
      background-color: #666;
       color: white;
    }



    .result
    {
        background-image: url(../img/header.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: 615px;
        color: #fff;
        padding-left: 3rem;
    }
    .result .header-name
    {
        padding: 10rem 3rem 0 0;
    }
    .result .header-name p span
    {
        font-size: 50px;
        color: #fff;
        text-transform: uppercase;
    }
    .sisea-results
    {
        color: #fff;
        font-size: 20px;
    }
    .sisea-results .sisea-highlight
    {
        font-size: 22px;
        color: #b8e2e2;
        text-transform: uppercase;
    }
    .sisea-paging
    {
        opacity: 0;
    }
    .sisea-results-list .sisea-result h3
    {
        color: #fff;
    }
    .sisea-results-list .sisea-result h3 > a
    {
        color: #b8e2e2;
        transition: all 0.5s ease;
    }
    .sisea-results-list .sisea-result h3 > a:hover
    {
        color: #fff;
        text-decoration: none;
    }

    
    /* ------------------------------------------------------------------------------------------------------------------------ */
    /* LOGO SEARCH MENU PHONE-MSG */
    .navigation .header-logo
    {
        width: 140px;
        position: absolute;
        top: 35px;
        left: 35px;
        z-index: 949;
    }
    .navigation .header-logo img, .navigation2 .nav-list .header-logo img
    {
        width: 65px;   
        height: 65px;
    }


    .about_inner
    {
        font-size: 43px;
        font-weight: 500;
        line-height: 50px;
        text-transform: uppercase;
        color: #000;
    }
    .header-menu
    {
        position: fixed;
        z-index: 900;
        height: 100vh;
        width: 140px;
        background-color: rgba(0,0,0,0);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.5s;
    }
    .header-menu:hover
    {
        background-color: rgba(0,0,0,0.5);
    }
    #btnmenu
    {
        padding: 120px 45px;
    }
    .header-menu button .menu-item
    {
        text-transform: uppercase;
        color: #fff;/* #B8E2E2; */
        font-size: 22px;
        font-weight: 600;
        line-height: 22px;
/*         text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); */
        transform: rotate(270deg);
        margin-bottom: 0;
        text-shadow: black 1px 1px 0, black -1px -1px 0, black -1px 1px 0, black 1px -1px 0;
        padding: 0 2px;
        transition: all 0.5s;
    }
    .header-menu .menu-line
    {
        position: absolute;
        border-bottom: 2px solid #fff;
        width: 50px;
        transform: rotate(90deg) translate(2px,0);
        margin-left: 25px;
    }
    #btnmobilemenu .menu-item
    {
        padding: 0;
    }
    .header-name-boss, .header-name
    {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .header-name-boss
    {
        align-items: center;
    }
    .header-name
    {
        margin-right: 100px;
        align-items: flex-end;
        margin-top:300px;
    }

    .open-menu
    {
        position: fixed;
        width: 311px;
        left: 0;
        top: 0;
        height: 100vh;
        z-index: 950;
        background-color: rgba(0,0,0,1);
        padding: 0;
        align-items: flex-start;

        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        
        -webkit-transform: translateX(-110%);
        -moz-transform: translateX(-110%);
        -ms-transform: translateX(-110%);
        -o-transform: translateX(-110%);
        transform: translateX(-110%);
    }
    .wroom
    {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    .open-menu .close-menu
    {
        color: #ffffff;
        font-size: 27px;
        margin: 5px 10px 0;
        position: absolute;
        top: 0;
        right: 0;
    }
    .open-menu .close-menu i:hover
    {
        color: #86B9C0;
    }
    .open-menu ul 
    {
        list-style-type: none;
        display: flex;
        flex-direction: column;
        margin: 40px 0 0;
        width: 100%;
    }
    .open-menu ul li
    {
        border: 1px solid rgba(255,255,255,0.2);
        border-bottom: none;
        border-left: none;
        border-right: none;
        transition: all 0.5s ease;
    }
    .open-menu ul li:hover
    {
        background-color: #B8E2E2;
        color: #000;
    }
    .open-menu ul li a
    {
        color: #fff;
        transition: all 0.5s ease;
        display: flex;
        padding: 5px 50px 5px 20px;
        font-size: 18px;
    }
    .open-menu .nested li a
    {
        font-weight: normal;
        font-size: 17px;
        line-height: 20px;
        text-transform: uppercase;
    }
    .open-menu ul li a:hover
    {
        color: #fff;
        text-decoration: none;
    }
    .open-menu .phone, .open-mobile-menu .phone
    {
        text-align: center;
        margin-top: 10px;
    }
    .open-menu .phone p > a, .open-mobile-menu .phone p > a
    {
        font-size: 20px;
        color: #fff;
        transition: all 0.5s;
    }
    .open-menu .phone p > a:hover, .open-mobile-menu .phone p > a:hover
    {
        color: #B8E2E2;
        text-decoration: none;
    }
    .open-menu .social-list
    {
        float: left;
    }
    .open-menu .social-list li
    {
        margin-bottom: 0;
    }
    .open-menu .social-list li a
    {
        font-size: 50px;
    }
    .open-menu > a
    {
        color: #fff;
        margin: 10px;
        padding: 5px;
        width: 90%;
    }
    .open-mobile-menu
    {
        position: fixed;
        width: 290px;
        height: 100vh;
        top: 0;
        left: 0;
        z-index: 950;
        background-color: rgba(0,0,0,1);
        text-transform: uppercase;
        padding: 10px;

        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        
        -webkit-transform: translateX(-110%);
        -moz-transform: translateX(-110%);
        -ms-transform: translateX(-110%);
        -o-transform: translateX(-110%);
        transform: translateX(-110%);
    }
    .wroommobile
    {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    .open-mobile-menu p > a
    {
        color: #fff;
        width: 230px;
        font-size: 14px;
        margin-top: 10px;
    }
    .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after
    {
        border-color: #fff transparent transparent;
    }
    .accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after
    {
         border-color: #86B9C0 transparent transparent;
    }
    .open-mobile-menu .close-mobile-menu i
    {
        color: #ffffff;
        position: absolute;
        right: 20px;
        top: 10px;
        font-size: 22px;
    }
    .open-mobile-menu .close-mobile-menu i:hover
    {
        color: #86B9C0;
    }
    .open-mobile-menu ul li
    {
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
    .open-mobile-menu ul li a
    {
        color: #fff;
        font-size: 14px;
        padding: 6px 0;
    }
    .open-mobile-menu ul li a:hover
    {
        color: #86B9C0;
        text-decoration: none;
    }
     .navigation .header-breadcrumb
    {
        position: absolute;
        top: 53px;
        left: 130px;
        z-index: 948;
        opacity: 0;
    }
    .header-breadcrumb .breadcrumb
    {
        background: inherit;
        padding: 0;
    }
    .header-breadcrumb .breadcrumb li a
    {
        color: #b8e2e2;
        font-size: 14px;
    }
    .header-breadcrumb .breadcrumb li a:hover
    {
        text-decoration: none;
    }
    .breadcrumb-item+.breadcrumb-item 
    {
        padding-left: 0;
    }
    .header-breadcrumb .breadcrumb .breadcrumb-item.active
    {
        color: #fff;
        font-size: 14px;
        display: flex;
        align-items: baseline;
    }
    .breadcrumb-item+.breadcrumb-item::before
    {
    	margin: 0 5px 0 0;
        content: '>';
        padding-right: 0;
        font-size: 16px;
    }
    .header-phone-msg
    {
        position: relative;
        z-index: 900;
    }
    .header-phone-msg .phone-msg-btn #phoneShow,
    .header-phone-msg .phone-msg-btn #phoneHide
    {
        font-size: 30px;
        color: #fff;
        background-color: inherit;
        border: none;
        transition: all 0.5s ease;
    }
    .header-phone-msg .phone-msg-btn #phoneShow:hover 
    {
        transform: rotate(-50deg);
    }
    .header-phone-msg .phone-msg-btn #phoneHide
    {
        transform: rotate(-50deg); 
    }
    .header-phone-msg #show-phones
    {
        position: absolute;
        right: 60px;
        top: 35px;
    }
    .header-phone-msg #show-phones p
    {
        font-family: 'Red Hat Display', sans-serif;
        font-size: 23px;
        font-weight: 400;
        line-height: 1.4;
        margin: 0;
    }
    .header-phone-msg #show-phones p > a
    {
        color: #fff;
    }
    .header-phone-msg #show-phones p > a:hover
    {
         text-decoration: none;
    }
    #phoneShow
    {
        display: block;
    }
    #phoneHide
    {
        display: none;
    }
    
    
    /* HEADER */
    .header
    {
        background-image: url(../img/header2.png);
        background-repeat: no-repeat;
        background-size: cover;
  /*       position: relative; */
        height: 940px;
        display: flex;
        align-items: center;
    }
    .header .header-name-boss
    {
       margin-bottom: 25px;
    }
    .header .header-name-boss p
    {
        text-transform: uppercase;
        color: #fff;
        font-size: 70px;
        letter-spacing: 1px;
        font-weight: 900;
        line-height: 1;
        text-align: center;
    }
    .header .header-name-boss .header-boss
    {
        margin-bottom:10px;
    }
    .header .header-name-boss p span
    {
        text-transform: uppercase;
        color: transparent;
        font-size: 130px;
        line-height: 120px;
/*         position: relative; */
        -webkit-text-stroke: 2px white;
    }
    .header .header-name-boss .line
    {
        border-bottom: 5px solid #B8E2E2;
        width: 700px;
    }
    
    
    /* раздел ADVANTAGES */
    .advantages
    {
        margin-top: -40px;
        padding: 0 0 50px;
    }
    .advantages .advantages-info
    {
        display: flex;
        justify-content: center;
    }
    .advantages .advantages-info .header-item
    {
        margin: 0 20px;
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
        background: rgba(184, 226, 226, 0.8);
        border-radius: 50%;
        min-width: 250px;
        max-width: 250px;
        height: 250px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        z-index: 811;
    }
    .advantages .advantages-info .header-item p
    {
        font-size: 17px;
        font-weight: 600;
        line-height: 25px;
        text-transform: uppercase;
        text-align: center;
        color: #000;
        margin: 3px 0;
    }
    .advantages .advantages-info .header-item p > span
    {
        font-family: 'Red Hat Display', sans-serif;
        font-size: 90px;
        font-weight: 900;
        line-height: 70px;
        color: #fff;
    }
    .advantages .advantages-info .header-item .header-item-more
    {
        margin-top: 20px;
    }
    
    
    /* раздел ABOUT */
    .about 
    {
        padding: 50px 0 100px;
    }
    .about h2
    {
        margin-top: -10px;
        font-size: 43px;
        font-weight: 500;
        line-height: 50px;
        text-transform: uppercase;
        color: #000;
    }
    .about .about-image img
    {
        width: 467px;
        filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.35));
        border-radius: 15px;
    } 
    .about .about-info
    {
        padding-left: 70px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .about .about-info h5
    {
        font-size: 18px;
        font-weight: 400;
        color: #000;
        line-height: 21px;
        text-align: justify;
        letter-spacing: 0.025em;
        font-feature-settings: 'pnum' on, 'lnum' on;
    }
    .about .about-info p
    {
        font-size: 18px;
        font-weight: 300;
        line-height: 21px;
        letter-spacing: 0.025em;
        color: #000;
        text-align: justify;
        margin-bottom: 10px;
    }
    .about .about-info ul
    {
        list-style-type: none;
    }
    .about .about-info ul li
    {
        font-size: 16px;
        font-weight: 300;
        line-height: 28px;
        letter-spacing: 0.025em;
        color: #000;
    }
    .about .about-info a
    {
        background-color: #86B9C0;
        border: 1px solid #b8e2e2;
        color: #fff;
        border-radius: 15px;
        padding: 16px;
        transition: all 0.5s;
        text-transform: uppercase;
        text-align: center;
        width: 40%;
    }
    .about .about-info a:hover
    {
        background-color: #fff;
        color: #000;
    }
    
    /* DIRECTION */
    .direction 
    {
        background-color: #b8e2e2;
        padding: 40px 0;
    }
    .direction h2
    {
        margin-bottom: 20px;
        font-size: 43px;
        font-weight: 500;
        line-height: 50px;
        text-transform: uppercase;
        color: #000;
    }
    .direction .direction-item
    {
        margin: 15px 0;
    }
    .direction .direction-item > div
    {
        border-radius: 15px;
        height: 100%;
        overflow: hidden;
    }
    .direction .direction-item .direction-item-img
    {
        width: 262px;
        height: 196px;
        background-size: cover;
        transition: all 0.5s;
        box-shadow: inset 0 0 0 2000px rgb(8 51 56 / 74%);
    }
    .direction .direction-item .direction-item-img:hover,
    .direction .direction-item a:hover .direction-item-img
    {
        box-shadow: none;
    }
    .direction .direction-item a > img
    {
        width: 100%;
        height: 100%;
        border-radius: 15px;
        transition: all 0.5s;
        filter: brightness(0.5);
    }
    .direction .direction-item a:hover > img
    {
        filter: brightness(1);
    }
    .direction .direction-item a > p
    {
        position: absolute;
        top: 50%;
        left: 50%;
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        transform: translate(-50%, -50%);
        margin: 0;
        text-align: center;
    }
    .direction .direction-item a:hover > p
    {
        font-size: 22px;
    }
  
    
    /* раздел ЗАПИСЬ НА КОНСУЛЬТАЦИЮ */
    .consultation 
    {
        /* padding: 50px 0; */
        background-color: #008899;
    }
    .consultation .consul-info
    {
        padding: 50px 50px 50px 100px;
    }
    .consultation .consul-info .info-item
    {
        color: #b8e2e2;
        font-weight: 600;
        font-size: 20px;
        text-transform: uppercase;
        margin-bottom: 5px;
    }
    .consultation .consul-info p
    {
        color: #b8e2e2;
        font-size: 14px;
        font-weight: 500;
    }
    .consultation .consul-info input
    {
        background-color: #fff;
        border: 2px solid #b8e2e2;
        border-radius: 15px; 
        margin: 16px 0;
    }
    .consultation .consul-form
    {
        padding: 50px 50px 50px 100px;
    }
    .consultation #messageClose, .consultation #name, .consultation #city,
    .consultation #phone, .consultation #email
    {
        display: none;
    }
    .consultation .consul-form input[type="button"]
    {
        background-color: #fff;
        border: 2px solid #b8e2e2;
        border-radius: 15px;
        padding: 20px 200px 20px 20px;
    }
    .consultation .consul-form textarea
    {
        background-color: #fff;
        border: 2px solid #b8e2e2;
        border-radius: 15px;
        resize: none;
        color: #000;
        padding: 20px 0 20px 20px;
        margin-bottom: 13px;
        resize: none;
    }
    .consultation .consul-info input::-webkit-input-placeholder {color:#000;}
    .consultation .consul-info input::-moz-placeholder          {color:#000;}/* Firefox 19+ */
    .consultation .consul-info input:-moz-placeholder           {color:#000;}/* Firefox 18- */
    .consultation .consul-info input:-ms-input-placeholder      {color:#000;}
    .consultation .consul-form textarea::-webkit-input-placeholder {color:#000;}
    .consultation .consul-form textarea::-moz-placeholder          {color:#000;}/* Firefox 19+ */
    .consultation .consul-form textarea:-moz-placeholder           {color:#000;}/* Firefox 18- */
    .consultation .consul-form textarea:-ms-input-placeholder      {color:#000;}
    .consultation .consul-form input[type="submit"]
    {
        background-color: #fff;
        border: 2px solid #b8e2e2;
        border-radius: 15px;
        padding: 12px 0;
        margin: 10px 0 0;
        width: 100%;
    }
    
    
    
    
    
    /* раздел НОВОСТИ */
    .news
    {
        padding: 30px 0 50px;
        background-color: #b8e2e2;
    }
    .news .news-head
    {
        text-align: center; 
        margin: 10px 0 26px;
    }
    .news .news-head a
    {
        font-size: 43px;
        font-weight: 500;
        line-height: 50px;
        text-transform: uppercase;
        color: #000;
        transition: all 0.5s;
    }
    .news .news-head a:hover
    {
        text-decoration: none;
        color: #b8e2e2;
    }

    
    /* страница О КОМПАНИИ */
    .about-page
    {
        background-image: url(../img/about-page.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .about-page .about-page-head
    {
        padding: 6rem 0 0;
    }
    .about-page .about-page-head .h1
    {
        font-size: 110px;
        font-weight: 900;
        line-height: 122px;
        text-transform: uppercase;
        color: transparent;
        -webkit-text-stroke: 1px white;
        border-bottom: 5px solid #B8E2E2;
    }
    .about-page .about-page-head .line
    {
        border-bottom: 4px solid #B8E2E2;
        width: 688px;
        margin: 0 auto;
    }
    .about-page-body .about-page-open
    {
        padding: 20px 20px 50px;
    }
    
    .about-page-body .about-page-reviews,
    .about-page-body .about-page-foto,
    .about-page-body .about-page-partners,
    .about-page-body .about-page-sert
    {
        padding: 20px;
    }
    .about-page-body .about-page-block
    {
        background: #fff;
    }
    .about-page-body .about-page-open p
    {
        font-family: 'Raleway', sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 21px;
        color: #000;
        text-align: justify;
    }
    .about-page-body .about-page-partners p,
    .about-page-body .about-page-sert p,
    .about-page-body .about-page-reviews p
    {
        font-family: 'Raleway', sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        color: #000;
        font-feature-settings: 'pnum' on, 'lnum' on;
        letter-spacing: 0.025em;
        text-align: justify;
        padding-left: 20px;
    }
    .about-page-body .about-page-partners .partners-img 
    {
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
    }
    .about-page-body .about-page-partners .partners-img > div
    {
        width: 95%;
        height: 170px;
        display: flex;
        align-items: center;
        padding: 10px;
        border: 1px solid #000;
            margin: 10px 0 0 0;
    }
    .about-page-body .about-page-partners table tbody,
    .about-page-body .about-page-partners table tbody tr:nth-child(even) 
    {
        background-color: inherit;
    }
    .about-page-body .about-page-partners table tbody tr td
    {
        border: 1px solid #000;
        max-width: 180px;
        min-width: 180px;
        height: 180px;
    }
    .about-page-body .about-page-partners table tbody tr td a > img
    {
        width: 100%;
    }
    .about-page-body .about-page-partners .partners-img div > img 
    {
        width: 100%;
    }
    .about-page-body .about-page-sert .sert-img a > img
    {
        margin: 10px;
        border: 2px solid #fff;
        padding: 20px;
        width: 150px;
    }
    .about-page-body .about-page-reviews
    {
        display: flex;
        align-items: center;
    }

.about-page-body .about-page-foto
    {
        background: rgba(184, 226, 226, 0.6);
        padding: 20px;
    }
.about-page-body .about-page-foto .foto-group
    {
        width: 86.5%;
        margin: 50px auto 0; 
    }
.about-page-body .about-page-foto .foto-group .foto-item
    {
        margin: 0 25px 0 0;
        transition: all 0.5s ease;
    }
.about-page-body .about-page-foto .foto-group .item .foto-image img
    {
        filter: brightness(0.4);
    }
.about-page-body .about-page-foto .foto-group .item p
    {
        font-family: 'Raleway', sans-serif;
        font-size: 14px;
        font-weight: 300;
        line-height: 16px;
        color: #000;
        text-transform: uppercase;
        margin-bottom: 0;
    }
.about-page-body .about-page-foto .foto-group .item .foto-image
    {
        padding: 25px;
        margin-bottom: 25px;
        border: 3px solid #B8E2E2;
        border-radius: 15px;
    }
.about-page-body .about-page-foto .foto-group .item:hover .foto-image
    {
        border: 3px solid #06879A;
    }
.about-page-body .about-page-foto .foto-group .item:hover .foto-image img
    {
        filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.35));
    }
.about-page-body .about-page-foto .foto-group .owl-dots
    {
        display: none;
    }
.about-page-body .about-page-foto .owl-nav > button.owl-prev
    {
        position: absolute;
        top: 15%;
        left: -50px;
    }
.about-page-body .about-page-foto .owl-nav > button.owl-prev:hover, .about-page-body .about-page-foto .owl-nav > button.owl-next:hover
    {
        background: inherit;
    }
.about-page-body .about-page-foto .owl-nav > button.owl-next
    {
        position: absolute;
        top: 15%;
        right: -50px;
    }
.about-page-body .about-page-foto .owl-nav > button.owl-prev > span, .about-page-body .about-page-foto .owl-nav > button.owl-next > span
    {
        font-size: 50px;
        color: #fff;
    }
.about-page-body .about-page-reviews .owl-dots
    {
        display: none;
    }
    
    
    /* раздел МЕНЮ на ВНУТРЕННИХ СТРАНИЦАХ */
    .nav-list
    {
        position: fixed;
        height: auto;
        width: 20%;
        top: 2%;
        left: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        z-index: 999;
    }
    .nav-list .header-logo
    {
        padding: 10px 0 10px 20px;
    }
    .nav-list ul
    {
        list-style-type: none;
        width: 100%;
    }
    .nav-list ul li
    {
        border: 1px solid rgba(255,255,255,0.2);
        border-bottom: none;
        border-left: none;
        border-right: none;
        transition: all 0.5s ease;
    }
    .nav-list ul li:last-child
    {
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
    .nav-list ul li:hover
    {
        background-color: #B8E2E2;
        color: #000;
    }
    .nav-list ul li a
    {
        color: #fff;
        transition: all 0.5s ease;
        display: flex;
        padding: 5px 50px 5px 20px;
        font-size: 14px;
    }
    .nav-list ul li:hover a
    {
        text-decoration: none;
        color: #000;
    }
    .nav-list .phone
    {
        margin: 0 auto;
    }
    .nav-list .phone p 
    {
        font-size: 20px;
        font-weight: 400;
        line-height: 1.4;
        margin: 0;
    }
    .nav-list .phone p > a
    {
        color:#fff;
        transition: all 0.5s ease;
    }
    .nav-list .phone p > a:hover
    {
        text-decoration: none;
        color: #B8E2E2;
    }
    .nav-list .btn
    {
        width: 90%;
        margin: 0 auto 10px;
        color: #fff;
        font-size: 14px;
    }
    
    .nav-list .btn:hover svg,.open-menu .btn:hover svg
    {
        stroke: #fff;
        fill: #fff;
    }



    .header-slogan
    {
        display: flex;
        justify-content: flex-end;
        margin: 30px 103px 0 0;
        width: 100%;
    }
    .header-slogan p
    {
        color: #fff;
        font-size: 21px;
        font-weight: 500;
        line-height: 24px;
        text-align: justify;
        width: 739px;
    }
    
    /* страница СПА*/
    .spa
    {
        background-image: url(../img/spa.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 100vh;
        display: flex;
        align-items: center;
        position: relative;
    }
    .spa .header-name p span
    {
        text-transform: uppercase;
        color: transparent;
        font-size: 120px;
        font-weight: 900;
        line-height: 132px;
        -webkit-text-stroke: 1px white;
    }
    .spa .header-name .line
    {
        border-bottom: 5px solid #B8E2E2;
        width: 742px;
        margin-right: 38px;
    }
    .spa .header-slogan p
    {
        width: 730px;
    }

    /* страница ОБОРУДОВАНИЕ */
    .equipment
    {
        background-image: url(../img/equipment.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
    }
    .equip
    {
        background-image: url(../img/equipment1.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        display: flex;
        align-items: center;
        position: relative;
    }
    .equip .header-name p span
    {
        text-transform: uppercase;
        color: transparent;
        font-size: 100px;
        font-weight: 900;
        line-height: 115px;
        -webkit-text-stroke: 1px white;
    }
    .equip .header-name .line
    {
        border-bottom: 5px solid #B8E2E2;
        width: 782px;
        margin-right: 38px;
        margin-top: 10px;
    }
    .equip .header-slogan p
    {
        width: 900px;
    }
    
    .equipment .equipment-list 
    {
        padding: 180px 0 0 0;
    }
    .equipment .equipment-list .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after,
    .submenu-toggle::after
    {
        opacity: 0;
    }
    .equipment .equipment-list ul
    {
        list-style-type: none;
    }
    .equipment .equipment-list .menu li a
    {
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        padding: 5px 10px 10px 0;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .equipment .equipment-list .menu li a:hover
    {
        color: #06879A;
    }
    .equipment .equipment-list .menu li .openTab
    {
        font-size: 16px;
        line-height: 16px;
        color: #06879A;
        padding-left: 0;
    }
    .equipment .equipment-list .menu .active > a
    {
        color: #06879A;
        font-size: 18px;
        line-height: 18px;
        background-color: inherit;
    }
    .equipment .equipment-list .menu .nested li .openTab,
    .equipment .equipment-list .menu .nested li .openSubTab:hover
    {
        color: #86B9C0;
    }
    
    .equip111 .equip111-info
    {
        padding: 40px 0;
    }
    .equip111 .equip111-info p
    {
        text-align: justify;
        margin-bottom: 20px;
    }
    .equip111 .equip111-info p > span
    {
        font-size: 30px;
        font-weight: 600;
        margin: 15px 0;
    }
    .equip111 .equip111-info .equip111-foto img
    {
        width: 100%;
    }
    .equip111 .equip111-info .equip111-foto, .equip111 .equip111-info .equip111-foto > p
    {
        text-align: center;
    }
    .equip111 .equip111-info .equip111-list
    {
        display: flex;
        justify-content: space-around;
    }
    .equip111 .equip111-info .equip111-list ul
    {
        list-style-type: none;
    }
    .equip111 .equip111-info .equip111-list ul li
    {
        padding-left: 15px;
        list-style-image: url(/assets/img/equipment/check-blue.png);
    }
    .equip111 .equip111-info .equip111-item p > span
    {
        font-size: 20px;
    }
    .equip111 .equip111-info .equip111-item-last
    {
        display: flex;
    }
    .equip111 .equip111-info .equip111-item-last img
    {
        padding-right: 40px;
    }
    .equip111 .equip111-info .equip111-item-last p
    {
        margin-bottom: 0;
    }
        .equip111 .equip111-info .equip111-item-last p > span
    {
        font-size: 20px;
    }
    
    /* ОКНО ОПИСАНИЯ ОБОРУДОВАНИЯ */
    .desc-window
    {
        background: rgba(255, 255, 255, 0.7);
        backdrop-filter: blur(50px);  
        height: 100vh;
        overflow-y: scroll;
        overflow-x: hidden;
        padding: 50px 0 50px 100px;
    }
    .desc-window::-webkit-scrollbar  {
          background-color: inherit;
          width: 6px;
          height: 10px;
    }
    .desc-window::-webkit-scrollbar-thumb {
        background-color: #fff;
        border-radius: 3px;
    }
    
    
    /* страница ПВХ */
    .pvh
    {
        background-image: url(../img/equipment1.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        display: flex;
        align-items: center;
        position: relative;
    }
    .pvh .header-name p
    {
        word-wrap: break-word;
        width: 80%;
        text-align: right;
    }
    .pvh .header-name p span
    {
        text-transform: uppercase;
        color: transparent;
        font-size: 96px;
        font-weight: 900;
        line-height: 100px;
        -webkit-text-stroke: 1px white;
    }
    .pvh .header-name .line
    {
        border-bottom: 5px solid #B8E2E2;
        width: 892px;
        margin-right: 38px;
    }
    .pvh .header-slogan p
    {
        width: 290px;
    }
    
    /* страница ПРОЕКТИРОВАНИЕ */
    .proekt
    {
        background-image: url(../img/fontans1.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        display: flex;
        align-items: center;
        position: relative;
    }
    .proekt .header-name p span
    {
        text-transform: uppercase;
        color: transparent;
        font-size: 90px;
        font-weight: 900;
        line-height: 100px;
        -webkit-text-stroke: 1px white;
    }
    .proekt .header-name .line
    {
        border-bottom: 5px solid #B8E2E2;
        width: 430px;
        margin-right: 30px;
        margin-top: 10px;
    }
    .proekt .header-slogan p
    {
        width: 970px;
    }
    
    /* страница ОБСЛУЖИВАНИЕ */
    .service
    {
        background-image: url(../img/fontans1.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        display: flex;
        align-items: center;
        position: relative;
    }
    .service .header-name p span
    {
        text-transform: uppercase;
        color: transparent;
        font-size: 100px;
        font-weight: 900;
        line-height: 115px;
        -webkit-text-stroke: 1px white;
    }
    .service .header-name .line
    {
        border-bottom: 5px solid #B8E2E2;
        width: 822px;
        margin-right: 38px;
    }
    .service .header-slogan p
    {
        width: 940px;
    }
    
    /* страница БАССЕЙНЫ */
    .swimming-pools
    {
        background-image: url(../img/equipment1.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        display: flex;
        align-items: center;
        position: relative;
    }
    .swimming-pools .header-name p span
    {
        text-transform: uppercase;
        color: transparent;
        font-size: 130px;
        font-weight: 900;
        line-height: 152px;
        -webkit-text-stroke: 1px white;
    }
    .swimming-pools .header-name .line
    {
        border-bottom: 5px solid #B8E2E2;
        width: 675px;
        margin-right: 38px;
    }

    /* страница БАССЕЙНЫ */
    .pool-info .pool-info-image
    {    
        margin: 140px 0;
        padding: 0;
    }
    .pool-info .pool-info-image .pool-image-item img
    {
        width: 100%;
        height: 85%;
        position: absolute;
        top: 40px;
        left: 0;
        z-index: 700;
    }
    .pool-info .pool-info-list
    {
        background-color: #B8E2E2;
        padding: 125px 20px 120px 65px;
    }
    .pool-info .pool-info-list ul
    {
        list-style-type: none;
        height: 416px;
        margin: 0;
    }
    .pool-info .pool-info-list ul li
    {
        margin: 15px 0;
    }
    .pool-info .pool-info-list ul li > a
    {
        font-family: 'Raleway', sans-serif;
        font-size: 20px;
        font-weight: 300;
        line-height: 20px;
        text-transform: uppercase;
        text-decoration: none;
        color: #000;
        transition: all 0.5s ease;
    }
    .pool-info .pool-info-list ul li > a:hover
    {
        color: #06879A;
    }
    
    .pool-list
    {
        padding: 50px 0;
        background-color: #fff;
    }
    
    
    .pool-list .pool-list-item > div
    {
        border-radius: 15px;
        height: 100%;
        overflow: hidden;
    }
    .pool-list .pool-list-item a
    {
        position: relative;
     }
    .pool-list .pool-list-item a > img
    {
        width: 100%;
        height: 100%;
        border-radius: 15px;
        transition: all 0.5s;
        filter: brightness(0.5);
    }
    .pool-list .pool-list-item a:hover > img
    {
        filter: brightness(1);
    }
    .pool-list .pool-list-item a > p
    {
        position: absolute;
        top: 50%;
        left: 50%;
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        transform: translate(-50%, -50%);
        margin: 0;
        text-align: center; 
        width: 100%;
    }
    .pool-list .pool-list-item a:hover > p
    {
        font-size: 22px;
    }

    
    
    
    
    .owl-carousel-project .item
    {
        width: 90%;
        margin: 0 auto;
        border: 2px solid #b8e2e2;
        border-radius: 15px;
        overflow: hidden;
        min-height: 315px;
    }
    .owl-carousel-project .item img
    {
        width: 100%;
        height: 240px;
        filter: brightness(0.5);
    }
    .owl-carousel-project.owl-theme.owl-loaded.owl-drag > div.owl-nav > button.owl-prev > span,
    .owl-carousel-project.owl-theme.owl-loaded.owl-drag > div.owl-nav > button.owl-next > span
    {
        font-size: 33px;
        line-height: 0;
    }
    .owl-carousel-project.owl-theme .owl-nav [class*=owl-]:hover
    {
        background: inherit;
    }
    
    /* раздел ПРОЕКТЫ для страниц Бассейны, Сауна, Спа и Фонтаны */
    .fontans-grid, .spa-grid, .jacuzzi-grid, .wellness-grid,
    .service-grid, .equip-grid
    {
        display: flex;
        flex-direction: column;
    }
    .proekt-grid
    {
        display: flex;
        flex-direction: column;
    }
    .sauna-grid
    {
        display: flex;
        flex-direction: column;
    }
    .pool-grid
    {
        display: flex;
        flex-direction: column;
    }
    .gallery-grid, .galleryFS-grid, .galleryS-grid
    {
        display: flex;
        flex-direction: column;
    }
    .money-grid
    {
        display: flex;
        flex-direction: column;
    }
    .contact-grid
    {
         display: flex;
        flex-direction: column;
    }
    .navigation2
    {
        grid-area: menu1;
        background-color: rgba(0,0,0,1);
    }
    header  
    {
        grid-area: header;
    }
    .cost
    {
        grid-area: cost;
        padding: 50px 0;
        background: #b8e2e2;
    }
    .cost2
    {
        grid-area: cost2;
        padding: 50px 0;
    }
    .pool-list
    {
        grid-area: pool-list;
    }
    .aquapark
    {
        grid-area: aquapark;
        padding: 69px 0 74px 0;
        background-color: #b8e2e2;
    }
    .fix
    {
        grid-area: fix;
        padding: 69px 0;
        background-color: #fff;
    }
    .reconstru
    {
        grid-area: reconstru;
        padding: 81px 0 51px 0;
        background-color: #b8e2e2;
    }
    .private
    {
        grid-area: private;
        padding: 82px 0;
    }
    .project
    {
        grid-area: project;
    }
    .project2
    {
        grid-area: project2;
    }
    .project3
    {
        grid-area: project3;
    }
    .gallery
    {
        grid-area: gallery
    }
    .contact-head
    {
        grid-area: contact
    }
    .footer
    {
        grid-area: footer;
    }
    .cost .cost-image > img, .cost2 .cost-image > img, .aquapark .cost-image > img, .fix .cost-image > img, 
    .reconstru .cost-image > img, .private .cost-image > img
    {
        width: 100%;
        border-radius: 15px;
        filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.35));
    }
    .cost .cost-text, .cost2 .cost-text, .aquapark .cost-text, .fix .cost-text, 
    .reconstru .cost-text, .private .cost-text
    {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 100px;
    }
    .cost p, .cost2 p, .aquapark p, .fix p, .reconstru p, .private p
    {
        margin-bottom: 20px;
        line-height: 22px;
        text-align: justify;
        font-size: 18px;
    }
    .cost-text > ul > li
    {
        line-height: 22px;
        text-align: justify;
        font-size: 17px;
    }
    .cost p > span, .cost2 p > span, .aquapark p > span, .fix p > span, .reconstru p > span, .private p > span
    {
        font-size: 30px;
        line-height: 30px;
        font-weight: 600;
        text-transform: uppercase;
    }
    .private .cost-text ul, .cost2 .cost-text ul
    {
        padding-left: 30px;
        list-style-type: none;
        list-style-image: url(/assets/img/equipment/check-blue.png);
    }
    
    .cost .cost-text input, .aquapark .cost-text input, .fix .cost-text input,
    .reconstru .cost-text input, .private .cost-text input, .cost2 .cost-text input
    {
        background-color: inherit;
        border: 1px solid #b8e2e2;
        border-radius: 15px; 
        padding: 15px;
        color: #000;
    }
    .cost .cost-form input[type="button"],.aquapark .cost-form input[type="button"], 
    .fix .cost-form input[type="button"],.private .cost-form input[type="button"],
    .reconstru .cost-form input[type="button"], .cost2 .cost-form input[type="button"]
    {
        background-color: #86B9C0;
        border: 1px solid #b8e2e2;
        color: #fff;
        border-radius: 15px;
        padding: 20px;
        transition: all 0.5s;
    }
    .cost .cost-form input[type="button"]:hover,.aquapark .cost-form input[type="button"]:hover, 
    .fix .cost-form input[type="button"]:hover,.private .cost-form input[type="button"]:hover,
    .reconstru .cost-form input[type="button"]:hover, .cost2 .cost-form input[type="button"]:hover
    {
        background-color: #fff;
        color: #000;
        outline: none;
        box-shadow: none;
    }
    .cost .cost-form textarea, .aquapark .cost-form textarea,
    .fix .cost-form textarea, .reconstru .cost-form textarea, 
    .private .cost-form textarea, .cost2 .cost-form textarea,
    .modal-body textarea
    {
        background-color: inherit;
        border: 1px solid #b8e2e2;
        border-radius: 15px;
        resize: none;
        padding: 10px;
        margin: 0 auto 20px;
        width: 80%;
        resize: none;
    }
    .cost2 .cost-text a
    {
        background-color: #86B9C0;
        border: 1px solid #b8e2e2;
        color: #fff;
        border-radius: 15px;
        padding: 20px;
        transition: all 0.5s;
        text-transform: uppercase;
        width: 235px;
        text-align: center;
    }
    .cost2 .cost-text a:hover
    {
        text-decoration: none;
        background-color: #fff;
        color: #000;
    }

    .aquapark .cost-form input[type="submit"], .fix .cost-form input[type="submit"],
    .reconstru .cost-form input[type="submit"], .private .cost-form input[type="submit"], 
    .cost .cost-form input[type="submit"], .cost2 .cost-form input[type="submit"],
    #exampleModalZakaz .modal-body.cost-form input[type="submit"]
    {
        background-color: inherit;
        border: 1px solid #b8e2e2;
        border-radius: 15px;
        padding: 12px 0;
        width: 80%;
        margin: 0;
    }
    
    .project-head
    {
        display: flex;
        justify-content: center;
        margin: 15px 0;
    }
    .project
    {
        padding: 20px 0 50px;
        background-color: #fff;
    }
    .project2
    {
        padding: 20px 0 50px;
        background-color: #b8e2e2;
    }
    .project3
    {
        padding: 20px 0 115px 0;
        background-color: #b8e2e2;
    }
    .project .project-head a, .project2 .project-head a, .project3 .project-head a
    {
        font-size: 43px;
        text-transform: uppercase;
        font-weight: 500;
        line-height: 50px;
        color: #000;
        margin: 0;
        position: relative;
    }
    .project .project-head a:hover
    {
        text-decoration: none;
        color: #B8E2E2;
    }
    .project2 .project-head a:hover, .project3 .project-head a:hover
    {
        text-decoration: none;
        color: #fff;
    }
    .project a > .works-item, .project2 a > .works-item, .project3 a > .works-item
    {
        border-radius: 15px;
        margin: 10px auto;
        transition: all 0.3s ease;
        text-align: center;
        overflow: hidden;
        height: 280px;
        background-size: cover;
        box-shadow: inset 0 0 0 2000px rgb(8 51 56 / 74%);
    }
    .project a > .works-item:hover, .project2 a > .works-item:hover, .project3 a > .works-item:hover,
    .project a:hover > .works-item, .project2 a:hover > .works-item, .project3 a:hover > .works-item
    {
        box-shadow: none;
    }
    .project a > p, .project2 a > p, .project3 a > p
    {
        position: absolute;
        top: 50%;
        left: 50%;
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        transform: translate(-50%, -50%);
        text-align: center;
        width: 90%;
    }
    .project a:hover, .project2 a:hover, .project3 a:hover
    {
        text-decoration: none;
    }
    .project a:hover > p, .project2 a:hover > p, .project3 a:hover > p
    {
        font-size: 22px;
    }
    
    
    /* страница САУНЫ и ХАММАМЫ */
    .sauna
    {
        background-image: url(../img/sauna.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        display: flex;
        align-items: center;
        position: relative;
    }
    .sauna .header-name p span
    {
        text-transform: uppercase;
        color: transparent;
        font-size: 120px;
        font-weight: 900;
        line-height: 132px;
        -webkit-text-stroke: 1px white;
    }
    .sauna .header-name .line
    {
        border-bottom: 5px solid #B8E2E2;
        width: 600px;
        margin-right: 38px;
    }
    .sauna .header-slogan p
    {
        width: 630px;
    }
    .sauna-info .sauna-info-image
    {    
        margin: 140px 0;
        padding: 0;
    }
    .sauna-info .sauna-info-image .sauna-image-item img
    {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 700;
    }
    .sauna-info .sauna-info-list
    {
        background-color: #B8E2E2;
        padding: 125px 20px 120px 65px;
    }
    .sauna-info .sauna-info-list ul
    {
        list-style-type: none;
        height: 416px;
        margin: 0;
    }
    .sauna-info .sauna-info-list ul li
    {
        margin: 15px 0;
    }
    .sauna-info .sauna-info-list ul li > a
    {
        font-family: 'Raleway', sans-serif;
        font-size: 20px;
        font-weight: 300;
        line-height: 20px;
        text-transform: uppercase;
        text-decoration: none;
        color: #000;
        transition: all 0.5s ease;
    }
    .sauna-info .sauna-info-list ul li > a:hover
    {
        color: #06879A;
    }
   
    /* страница ОБЩЕСТРОИТЕЛЬНЫЕ РАБОТЫ*/
    .allbuild
    {
        background-image: url(../img/fontans1.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        display: flex;
        align-items: center;
        position: relative;
    }
    .allbuild .header-name p span
    {
        text-transform: uppercase;
        color: transparent;
        font-size: 85px;
        font-weight: 900;
        line-height: 100px;
        -webkit-text-stroke: 1px white;
    }
    .allbuild .header-name .line
    {
        border-bottom: 5px solid #B8E2E2;
        width: 310px;
        margin-right: 30px;
    }
    .allbuild .header-slogan
    {
        justify-content: center;
        margin: 30px 0 0 100px;
    }
    .allbuild .header-slogan p
    {
        width: 420px;
    }
    /* страница ФОНТАНЫ*/
    .fontans
    {
        background-image: url(../img/fontans1.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        display: flex;
        align-items: center;
        position: relative;
    }
    .fontans .header-name p span
    {
        text-transform: uppercase;
        color: transparent;
        font-size: 130px;
        font-weight: 900;
        line-height: 152px;
        -webkit-text-stroke: 1px white;
    }
    .fontans .header-name .line
    {
        border-bottom: 5px solid #B8E2E2;
        width: 610px;
        margin-right: 38px;
    }
    .fontans .header-slogan p
    {
        width: 590px;
    }
    
    /* страница ДЖАКУЗИ*/
    .jacuzzi
    {
        background-image: url(../img/fontans1.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        display: flex;
        align-items: center;
        position: relative;
    }
    .jacuzzi .header-name p span
    {
        text-transform: uppercase;
        color: transparent;
        font-size: 130px;
        font-weight: 900;
        line-height: 152px;
        -webkit-text-stroke: 1px white;
    }
    .jacuzzi .header-name .line
    {
        border-bottom: 5px solid #B8E2E2;
        width: 645px;
        margin-right: 38px;
        margin-top: 10px;
    }
    .jacuzzi .header-slogan p
    {
        width: 610px;
    }
    
    /* страница WELLNESS*/
    .wellness
    {
        background-image: url(../img/spa.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        display: flex;
        align-items: center;
        position: relative;
    }
    .wellness .header-name p span
    {
        text-transform: uppercase;
        color: transparent;
        font-size: 130px;
        font-weight: 900;
        line-height: 152px;
        -webkit-text-stroke: 1px white;
    }
    .wellness .header-name .line
    {
        border-bottom: 5px solid #B8E2E2;
        width: 602px;
        margin-right: 38px;
    }
    .wellness .header-slogan p
    {
       width: 600px; 
    }
    
    
    /* страница НОВОСТИ */
    .news-page
    {
        background-image: url(../img/header1.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 30vh;
    }
    .news-page .news-page-head
    {
        padding: 6rem 0 0;
    }
    .news-page .h1
    {
        font-size: 110px;
        font-weight: 900;
        line-height: 122px;
        text-transform: uppercase;
        color: transparent;
        -webkit-text-stroke: 2px white;
        margin-bottom: 0;
        border-bottom: 3px solid #B8E2E2;
    }
    .news-page .line
    {
        display: none;
        position: absolute;
        border-bottom: 5px solid #B8E2E2;
        width: 36%;
        bottom: 0;
        left: 32%;
    }
    .news-list
    {
        background-color: #fff;
        padding: 20px 0;
    }
    .news-list .news-list-item
    {
        margin: 20px 0;
        padding: 5px;
        border: 2px solid transparent;
    }
    .news-list .news-list-item:hover
    {
        text-decoration: none;
        border: 2px solid #fff;
        border-radius: 15px;
    }
    .news-list .news-list-item .news-image
    {
        border-radius: 25px;
        width: 25%;
        height: 135px;
        overflow: hidden;
        box-shadow: inset 0 0 0 2000px rgb(23 35 75 / 70%);
        background-size: cover;
        transition: all 0.5s ease;
    }
    .news-list .news-list-item:hover .news-image
    {
        box-shadow: none;
    }
    .news-list .news-list-item .news-image img
    {
        width: 100%;
        height: 100%;
    }
    .news-list .news-list-item .news-text
    {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-left: 20px;
        width: 70%;
    }
    .news-list .news-list-item .news-text p
    {
        font-size: 14px;
        font-style: italic;
        color: #17234b;
        font-weight: 600;
    }
    .news-list .news-list-item .news-text p > span
    {
        font-size: 18px;
        font-weight: 900;
    }
    .news-list .news-list-item .news-text .newsDate
    {
        font-size: 10px;
        color: #b4b4b4;
    }
    .news-content
    {
        padding-bottom: 20px;
    }
    .news-content h3
    {
        color: #0f466b;
        font-weight: 600;
        font-style: italic;
    }
    .news-content .newsDate
    {
        font-size: 14px;
        color: #565656;
    }
    .news-content .newsDesc
    {
        text-align: justify;
        margin-top: 20px;
    }
    .news-content .newsDesc p:first-child > img
    {
        width: 100%;
        border-radius: 25px;
    }
    .news-content .newsDesc p > img,
    .news-content .newsDesc p > iframe
    {
        margin: 20px 0;
    }

    /* страница УЗНАТЬ СТОИМОСТЬ */
    .money
    {
        /* font-family: 'Raleway', sans-serif; */
        background-image: url(../img/money.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
    }
    .money h1
    {
        font-size: 72px;
        font-weight: 900;
        line-height: 20px;
        text-transform: uppercase;
        color: transparent;
        -webkit-text-stroke: 2px white;
        margin: 8rem 0 3rem;
    }
    .money .line
    {
        position: absolute;
        border-bottom: 4px solid #B8E2E2;
        width: 64%;
        bottom: 20px;
        left: 18%;
    }
    .money .accordion
    {
        background: inherit;
        margin-bottom: 20px;
    }
    .money .money-item
    {
        margin-bottom: 20px!important;
        text-transform: uppercase;
        font-size: 20px;
        text-align: center;
    }
    .money .money-item ul
    {
        list-style-type: none;
        display: flex;
        justify-content: space-evenly;
        margin-bottom: 0;
    }
    .money .money-item ul li
    {
        margin-right: 200px;
    }
    .money .money-item ul li:last-child
    {
        margin-right: 0;
    }
    .money .money-item ul li p
    {
        background-color: inherit;
        text-transform: uppercase;
        font-size: 22px;
        font-weight: 300;
        line-height: 22px;
        transition: all 0.5s ease;
        color: #fff;
    }
    .money #accordionExample h2 > button
    {
        background-color: inherit;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 300;
        line-height: 16px;
        transition: all 0.5s ease;
        color: #fff;
    }
    .money #accordionExample h2 > button:hover,   
    .money #accordionExample h2 > button:active,
    .money #accordionExample h2 > button:focus
    {
        box-shadow: none;
        text-decoration: none;
        border: none;
    }
    .money #accordionExample h2 > button:before
    {
        content: "▼";
        font-size: 12px;
        position: absolute;
        right: 10px;
        color: #fff;
        z-index: 1;
        text-align: center;
        pointer-events: none;
        box-sizing: border-box;
    }
    .money #accordionExample h2 > button[aria-expanded='true']:before
    {
        content: "▲";
    }
    .money .money-item ul .active p
    {
        font-weight: 500;
    }
    .money .money-item-pools
    {
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas:
         "item-info item-info item-info"
         "item-features item-features item-features"
         "item-location item-type item-build"
         "item-type-bowl item-type-bowl1 item-water"
         "item-kotel item-water-obezz item-light"
         "item-rides item-rides item-rides"
         "item-text item-text item-text"; 
         margin: 10px 0 20px;
    }
    .money .money-item-sauna
    {
        margin-top: 10px;
    }
    .money .money-item-pools .money-item-info{grid-area: item-info;}
    .money .money-item-pools .money-item-features{grid-area: item-features}
    .money .money-item-pools .money-item-location{grid-area: item-location}
    .money .money-item-pools .money-item-type{grid-area: item-type}
    .money .money-item-pools .money-item-build{grid-area: item-build}
    .money .money-item-pools .money-item-type-bowl{grid-area: item-type-bowl}
    .money .money-item-pools .money-item-type-bowl1{grid-area: item-type-bowl1}
    .money .money-item-pools .money-item-water{grid-area: item-water}
    .money .money-item-pools .money-item-kotel{grid-area: item-kotel}
    .money .money-item-pools .money-item-water-obezz{grid-area: item-water-obezz}
    .money .money-item-pools .money-item-light{grid-area: item-light}
    .money .money-item-pools .money-item-rides{grid-area: item-rides}
    .money .money-item-pools .money-item-text{grid-area: item-text}
    .money .money-item-pools .money-item-rides > label, .money .money-item-sauna .money-item-choice > label
    {
        width: 50%;
        float: right;
    }
    .money .money-item-sauna .money-item-choice > label:last-child
    {
        float: none;
    }
    .money .money-item-pools input::-moz-placeholder {color:#000;}
    .money .money-item-pools input:-moz-placeholder{color:#000;}
    .money .money-item-pools input:-ms-input-placeholder{color:#000;}
    .money .money-item-pools input::-webkit-input-placeholder{color:#000;}
    .money .money-item-sauna input::-moz-placeholder {color:#000;}
    .money .money-item-sauna input:-moz-placeholder{color:#000;}
    .money .money-item-sauna input:-ms-input-placeholder{color:#000;}
    .money .money-item-sauna input::-webkit-input-placeholder{color:#000;}
    .money .money-item-pools textarea::-webkit-input-placeholder{color:#000;}
    .money .money-item-pools textarea::-moz-placeholder{color:#000;}
    .money .money-item-pools textarea:-moz-placeholder {color:#000;}
    .money .money-item-pools textarea:-ms-input-placeholder{color:#000;}
    .money .money-item-sauna textarea::-webkit-input-placeholder{color:#000;}
    .money .money-item-sauna textarea::-moz-placeholder{color:#000;}
    .money .money-item-sauna textarea:-moz-placeholder {color:#000;}
    .money .money-item-sauna textarea:-ms-input-placeholder{color:#000;}
    .money .money-item-pools > div
    {
        padding: 5px;
    }
    .money .money-item-pools > div > p, .money .money-item-sauna > div > p
    {
        margin-bottom: 0;
    }
    .money .money-item-sauna > div
    {
        padding: 5px;
    }
    .money .money-item-pools .money-item-info > div,
    .money .money-item-sauna .money-item-info > div
    {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .money .money-item-pools .money-item-features > div, .money .money-item-sauna .money-item-features > div
    {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .money .money-item-pools .money-item-text,
    .money .money-item-sauna .money-item-text
    {
        margin-bottom: 0;
        border: none;
        width: 100%;
        float: none;
    }
    .money .money-item-sauna .money-item-text input, .money .money-item-pools .money-item-text input
    {
        width: 98%;
    }
    .money button
    {
        color: #fff;
        width: 98%;
    }
    .money p
    {
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        color: #fff;
    }
    .money input, .money textarea
    {
        font-size: 14px;
        font-weight: 400;
        color: #fff;
        margin: 10px auto;
        border: 1px solid #b8e2e2;
        border-radius: 15px;
        background: rgba(255, 255, 255, 0.3);
        box-sizing: border-box;
    }
    .money input[type='radio']
    {
        width: auto;
    }
    .money input
    {
        padding: 25px 5px;
        width: 95%;
    }
    
    .money textarea
    {
        padding: 25px;
        margin-bottom: 30px;
    }
    .money input:active, .money input:focus,
    .money textarea:active, .money textarea:focus
    {
        color: #000;
        background: rgba(255, 255, 255, 0.9);
    }
    .money span
    {
        color: #fff;
        padding-left: 5px;
        font-size: 14px;
    }
    .money .money-item-text textarea
    {
        height: 160px;
        width: 98%;
        resize: none;
    }
    .money .money-item-text .btn
    {
        height: 3.4375rem;
    }

    /* страница СТАТЬИ */
    .paper
    {
        background-image: url(../img/header.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .paper .paper-head
    {
        padding: 6rem 0 0;
    }
    .paper .h1
    {
        font-size: 90px;
        font-weight: 900;
        line-height: 100px;
        text-transform: uppercase;
        color: transparent;
        -webkit-text-stroke: 2px white;
        margin-bottom: 0;
    }
    .paper .line
    {
        position: absolute;
        border-bottom: 5px solid #B8E2E2;
        width: 69%;
        bottom: 0;
        left: 16%;
    }
    .paper-list
    {
        background-color: #fff;
        padding: 20px 0;
    }
    .paper-list .paper-list-item
    {
        margin: 20px 0;
        padding: 5px;
        border: 2px solid transparent;
    }
    .paper-list .paper-list-item:hover
    {
        text-decoration: none;
        border: 2px solid #fff;
        border-radius: 15px;
    }
    .paper-list .paper-list-item .paper-image
    {
        border-radius: 25px;
        width: 25%;
        height: 135px;
        overflow: hidden;
        box-shadow: inset 0 0 0 2000px rgb(8 51 56 / 74%);
        background-size: cover;
        transition: all 0.5s ease;
    }
    .paper-list .paper-list-item:hover .paper-image
    {
        box-shadow: none;
    }
    .paper-list .paper-list-item .paper-image img
    {
        width: 100%;
        height: 100%;
    }
    .paper-list .paper-list-item .paper-text
    {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-left: 20px;
        width: 70%;
    }
    .paper-list .paper-list-item .paper-text p
    {
        font-size: 14px;
        font-style: italic;
        color: #17234b;
        font-weight: 600;
    }
    .paper-list .paper-list-item .paper-text p > span
    {
        font-size: 18px;
        font-weight: 900;
    }
    .paper-list .paper-list-item .paper-text .paperDate
    {
        font-size: 10px;
        color: #b4b4b4;
    }
    .paper-content
    {
        background-color: #fff;
        padding-bottom: 20px;
    }
    .paper-content h1
    {
        color: #0f466b;
        font-weight: 600;
        font-style: italic;
    }
    .paper-content .paperDate
    {
        font-size: 14px;
        color: #565656;
    }
    .paper-content .paperDesc
    {
        text-align: justify;
        margin-top: 20px;
    }

    /*странца ГАЛЕРЕЯ*/
    .gallery
    {
        background-image: url(../img/pool.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .gallery .header-name
    {
        margin-right: 0;
        margin-top: 0;
        padding: 4rem 0 0;
        align-items: center;
    }
    .gallery .header-name .h1
    {
        text-transform: uppercase;
        color: transparent;
        font-size: 110px;
        line-height: 130px;
        font-weight: 900;
        -webkit-text-stroke: 1px white;
        margin-top: 0;
        border-bottom: 3px solid #B8E2E2;
    }
    .gallery .header-name .line
    {
        border-bottom: 5px solid #B8E2E2;
        width: 430px;
        margin-right: 0;
    }
    .gallery .header-slogan p
    {
        width: 500px;
    }
    .gallery .gallery-list
    {
        display:flex;
        justify-content: center;
        margin-top: -100px;
    }
    .gallery .gallery-group > a:hover, .gallery .gallery-list > a:hover
    {
        text-decoration: none;
    }
    .gallery .gallery-group p, .gallery .gallery-list p
    {
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 600;
        line-height: 15px;
        color: #000;
        margin: 10px auto;
        width: 236px;
    }
    .gallery .gallery-group .gallery-item, .gallery .gallery-list .gallery-item
    {
        margin: 0 10px 20px;
        transition: all 0.5s ease;
        text-align: center;
    }
    .gallery .gallery-group .gallery-item > h6, .gallery .gallery-list .gallery-item > h6
    {
        text-transform: uppercase;
        color: #fff;
        font-size: 24px;
        font-weight: 300;
        line-height: 28px;
        margin-bottom: 15px;
    }
    .gallery .gallery-group .gallery-item .gallery-image img,
    .gallery .gallery-list .gallery-item .gallery-image img
    {
        width: 190px;
        height: 190px;
        filter: brightness(0.4);
    }
    .gallery .gallery-group .gallery-item:hover > p,
    .gallery .gallery-group .gallery-item:hover > h6,
    .gallery .gallery-list .gallery-item:hover > p,
    .gallery .gallery-list .gallery-item:hover > h6
    {
        color:#06879A;
    }
    .gallery .gallery-group .gallery-item .gallery-image,
    .gallery .gallery-list .gallery-item .gallery-image
    {
        padding: 20px;
        border: 3px solid #B8E2E2;
        border-radius: 15px;
        width: 236px;
        height: 236px;
        margin: 0 auto;
    }
    .gallery .gallery-group .gallery-item:hover > .gallery-image,
    .gallery .gallery-list .gallery-item:hover > .gallery-image
    {
        border: 3px solid #06879A;
    }
    .gallery .gallery-group .gallery-item:hover > .gallery-image img,
    .gallery .gallery-list .gallery-item:hover > .gallery-image img
    {
        filter: brightness(1);
    }
    .gallery-section
    {
        padding-top: 170px;
        overflow: inherit;
    }
    
    .galleryS-grid .owl-nav .owl-next
    {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(25px, -50%);
    }
    .galleryS-grid .owl-nav .owl-prev
    {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(-25px, -50%);
    }
    .galleryS-grid .owl-nav .owl-next > span,
    .galleryS-grid .owl-nav .owl-prev > span
    {
        font-size: 30px;
        line-height: 0;
        background-color: #b8e2e2;
        color: #000;
        padding: 0px 10px 3px;
        border-radius: 5px;
    }
    .galleryS-grid .owl-stage-outer .item > img
    {
        height: 550px;
    }
    .gallery-section .gallery-group
    {
        display: flex;
        justify-content: center;
    }
    .gallery-section .gallery-group .gallery-section-item
    {
        margin: 0 20px 20px;
    }
    .gallery-section .gallery-group .gallery-section-item > img:hover
    {
        cursor: pointer;
    }
    .gallery-section .gallery-group .gallery-section-item > img
    {
        width: 250px;
        height: 100%;
    }
    
    
    #pdopage .pagination 
    {
        margin: 0 auto!important;
        display: flex;
        padding-left: 0;
        list-style: none;
        border-radius: .25rem;
    }
    #pdopage .pagination .page-item .page-link 
    {
        color: #000;
        margin-right: 5px;
        background-color: inherit;
        border: none;
        font-size: 30px;
    }
    #pdopage .pagination .page-item.active .page-link 
    {
        color: #b8e2e2;
    }
    #pdopage .pagination .page-item .page-link:focus
    {
        box-shadow: none;
    }
    
    /* Hide the images by default */
    .mySlides 
    {
        display: none;
        text-align: center;
        margin-bottom: 10px;
    }
    .mySlides > img
    {
        min-width: 370px;
        max-width: 660px; 
        min-height: 490px; 
        max-height: 490px;
    }
    /* Add a pointer when hovering over the thumbnail images */
    .cursor 
    {
        cursor: pointer;
    }
    /* Next & previous buttons */
    .prev, .next 
    {
        cursor: pointer;
        position: absolute;
        top: 20%;
        width: auto;
        padding: 16px;
        margin-top: 0;
        color: white;
        font-weight: bold;
        font-size: 70px;
        border-radius: 0 3px 3px 0;
        user-select: none;
        -webkit-user-select: none;
    }
    /* Position the "next button" to the right */
    .next 
    {
        right: 111px;
    }
    .prev 
    {
        left: 111px;
    }
    /* On hover, add a black background color with a little bit see-through */
    .prev:hover, .next:hover 
    {
        color: #B8E2E2;
        text-decoration: none;
    }
    .demoGallery .row:after 
    {
        content: "";
        display: table;
        clear: both;
    }
    /* Six columns side by side */
    .column 
    {
        margin: 0 5px 10px 5px;
    }
    .column > img
    {
        max-height: 100px;
    }
    /* Add a transparency effect for thumnbail images */
    .demo 
    {
        opacity: 0.6;
    }
    .active,.demo:hover 
    {
        opacity: 1;
    }


    
    /* CONTACT */
    .contact-head
    {
        background-image: url(../img/pool.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .contact-head .h1
    {
        font-size: 110px;
        font-weight: 900;
        line-height: 122px;
        text-transform: uppercase;
        font-family: 'Raleway', sans-serif;
        color: transparent;
        -webkit-text-stroke: 1px white;
        margin-top: 0;
        border-bottom: 5px solid #B8E2E2;
    }
    .contact-head .contact-head-name
    {
        padding: 6rem 0 0;
    }
    .contact-body
    {
        padding: 20px 0;
    }
    .contact-body .lead-grid
    {
        display: grid;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:"a1 a2" "b1 b2" "c1 c2" "d1 d2" "e1 e1";
    }
    .contact-body .lead-grid .lb1
    {
        grid-area: a1;
    }
    .contact-body .lead-grid .lb2
    {
        grid-area: a2;
    }
    .contact-body .lead-grid .lb3
    {
        grid-area: b1;
    }
    .contact-body .lead-grid .lb4
    {
        grid-area: b2;
    }
    .contact-body .lead-grid .lb5
    {
        grid-area: c1;
    }
    .contact-body .lead-grid .lb6
    {
        grid-area: c2;
    }
    .contact-body .lead-grid .lb7
    {
        grid-area: d1;
    }
    .contact-body .lead-grid .lb8
    {
        grid-area: d2;
    }
    .contact-body .lead-grid .lb9
    {
        //grid-area: e1;
    }
    .contact-body .lead-grid .lead-boss
    {
        background-color: rgba(184, 226, 226, 1);
        margin: 10px;
        text-align: center;
        border: 2px solid #B8E2E2;
        border-radius: 15px;
        padding: 10px;
    }
    .contact-body h3,  .contact-body .leader-email
    {
        font-size: 24px;
        font-weight: 600;
        color: #000;
        margin-bottom: 0;
        text-transform: uppercase;
        transition: all 0.5s ease;
    }
    .contact-body .leader-email:hover
    {
        text-decoration: none;
        color: #fff;
    }
    .contact-body .leader-phone
    {
        color: #000;
        transition: all 0.5s ease;
    }
    .contact-body .leader-phone:hover
    {
        text-decoration: none;
        color: #fff;
    }
    .contact-body h4
    {
        font-size: 24px;
        font-weight: 500;
        line-height: 31px; 
        font-feature-settings: 'pnum' on, 'lnum' on;
        margin-bottom: 0;
    }
    .contact-body .lead-bank
    {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .contact-body .lead-bank-company
    {
        margin: 0 0 15px 0;
        border: 1px solid #b8e2e2;
        border-radius: 15px;
        background-color: #b8e2e2;
        padding: 10px;
    }
    .contact-body .lead-bank .UNP
    {
        font-size: 18px;
        font-weight: 600;
        line-height: 23px;
        text-transform: uppercase;
        font-family: 'Raleway', sans-serif;
        font-feature-settings: 'pnum' on, 'lnum' on;
        margin-bottom: 0;
    }
    .contact-body .lead-bank h3
    {
        margin: 15px 0;
    }
    .contact-body p
    {
        font-size: 18px;
        font-weight: 500;
        line-height: 23px;
    }
    
    
    /* 404 */
    .page404
    {
        background-image: url(../img/header.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 60vh;
        display: flex;
        align-items: center;
        justify-content: center; 
        overflow: auto;   
    }
    .page404 p
    {
        font-family: 'Raleway', sans-serif;
        text-transform: uppercase;
        color: #fff;
        font-size: 40px;
        font-weight: 700;
        text-align: center;
    }
    .page404 p > span
    {
        color: transparent;
        font-size: 200px;
        font-weight: 900;
        line-height: 200px;
        font-style: normal;
        -webkit-text-stroke: 1px white;
    }


    /* FOOTER */
    .footer
    {
        padding: 48px 0 48px;
    }
    .footer-black
    {
        background-color: #313131;
    }
    .footer .h6
    {
        font-size: 20px;
        text-decoration: underline;
        margin: 0 0 1rem 0;
        color: #000;
    }
    .footer-black .h6
    {
        font-size: 20px;
        text-decoration: underline;
        margin: 0 0 1rem 0;
        color: #fff;
    }
    .footer .footer-address, .footer .footer-phones, .footer .footer-info
    {
        text-align: center;
        margin: 10px 0;
    }
    .footer p, .footer p > a
    {
        font-family: 'Raleway', sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 15px;
        letter-spacing: 0.1em;
        color: #313131;
        margin-bottom:0;
    }
    .footer-black p, .footer-black p > a
    {
        color: #fff;
    }
    .footer p > a:hover,.footer-black p > a:hover
    {
        text-decoration: none;
        color: #b8e2e2;
    }
    .footer .social-list 
    {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    .footer .social-list ul
    {
        list-style-type: none;
        display: flex;
        justify-content: flex-end;
        margin-bottom: 5px;
    }
    .footer .social-list ul li a
    {
        color: #313131;
        font-size: 40px;
        display: flex;
        transition: all 0.5s ease;
    }
    .footer-black .social-list ul li a
    {
        color: #fff;
        display: flex;
    }
    .footer .social-list ul li a:hover
    {
        color: #b8e2e2;
    }
    .footer .btn-akva
    {
        width: 75%;
        color: #000;
        background-color: inherit;
        border: 1px solid #b8e2e2;
        border-radius: 15px;
        padding: 12px 0;
        width: 80%;
        margin: 0;
       
    }
    .footer-black .btn-akva
    {
        color:#fff;
    }




@media (max-width: 320px){
    .header .header-name-boss p span
    {
        font-size: 45px;
        line-height: 50px;
        -webkit-text-stroke: 1px white;
    }   
    .header .header-name-boss p 
    {
        font-size: 29px;
    }
    .header .header-name-boss .line 
    {
        border-bottom: 3px solid #B8E2E2;
        width: 260px;
    }
    .header .header-name p span
    {
        font-size: 46px;
        line-height: 46px;
    }
    .advantages .advantages-info .header-item p
    {
        font-size: 8px;
    }
    .advantages .advantages-info .header-item 
    {
        min-width: 100px;
        max-width: 100px;
        height: 100px;
    }
    .direction .direction-item a > p 
    {
        font-size: 13px;
    }
    .news .news-head a 
    {
        font-size: 25px;
        line-height: 25px;
    }
    /* страница БАССЕЙНЫ */
    .swimming-pools .header-name p span 
    {
        font-size: 52px;
        line-height: 55px;
    }
    .swimming-pools .header-name .line 
    {
        width: 260px;
    }
    /* страница ФОНТАНЫ */
    .fontans .header-name p span 
    {
        font-size: 55px;
        line-height: 55px;
    }
    .fontans .header-name .line 
    {
       width: 260px; 
    }
    /* страница САУНЫ И ХАММАМЫ */
    .sauna .header-name p span 
    {
        font-size: 55px;
        line-height: 50px;
    }
    .sauna .header-name .line 
    {
       width: 260px; 
    }
    /* страница СПА */
    .spa .header-name p span 
    {
        font-size: 45px;
        line-height: 45px;
    }
    .spa .header-name .line 
    {
       width: 260px; 
    }
    /* страница ДЖАКУЗЗИ */
    .jacuzzi .header-name p span 
    {
        font-size: 55px;
        line-height: 55px;
    }
    .jacuzzi .header-name .line 
    {
       width: 260px;
       margin-top: 5px;
    }
    /* страница WELLNESS */
    .wellness .header-name p span 
    {
        font-size: 55px;
        line-height: 60px;
    }
    .wellness .header-name .line 
    {
       width: 270px; 
    }
    /* страница ПРОЕКТИРОВАНИЕ */
    .proekt .header-name p span
    {
        font-size: 31px;
        line-height: 35px;
    }
    .proekt .header-name .line
    {
        width: 280px;
    }
    /* страница ОБСЛУЖИВАНИЕ */
    .service .header-name p span 
    {
        font-size: 35px;
        line-height: 40px;
    }
    .service .header-name .line
    {
        width: 290px;
    }
    /* страница ОБОРУДОВАНИЕ */
    .equip .header-name p span 
    {
        font-size: 37px;
        line-height: 40px;
    }
    .equip .header-name .line
    {
        width: 290px;
        margin-top: 3px;
    }
    /* страница ОБЩЕСТРОИТЕЛЬНЫЕ РАБОТЫ */
    .allbuild .header-name p span 
    {
        font-size: 25px;
        line-height: 30px;
    }
    .allbuild .header-name .line
    {
        width: 90px;
    }
    /* страница ПВХ */
    .pvh .header-name p span 
    {
        font-size: 37px;
        line-height: 45px;
    }
    .pvh .header-name .line
    {
        width: 230px;
    }
    
    
    /* страница О КОМПАНИИ */
    .about-page .about-page-head .h1 
    {
        font-size: 43px;
        line-height: 50px;
    }
    .about-page .about-page-partners .partners-img div
    {
        height: 150px;
    }
    
    /* страница СТАТЬИ */
    .paper .line 
    {
        border-bottom: 3px solid #B8E2E2;
        width: 70%;
        bottom: -5px;
        left: 15%;
    }
    .news-page .h1
    {
        font-size: 55px;
        line-height: 55px;
    }
    
    .gallery .header-name .h1
    {
        font-size: 66px;
        line-height: 76px;
    }
    
    /* страница КОНТАКТЫ */
    .contact-head .h1 
    {
        font-size: 50px;
        line-height: 55px;
        border-bottom: 3px solid #B8E2E2;
    }
    .contact-head .line 
    {
        width: 83%;
        bottom: 0;
        left: 25px;
    }
}









@media (min-width: 360px) and (max-width: 413.98px){
    .header .header-name-boss p span
    {
        font-size: 55px;
        line-height: 60px;
        -webkit-text-stroke: 1px white;
    }   
    .header .header-name-boss .line 
    {
        border-bottom: 3px solid #B8E2E2;
        width: 320px;
    }
    .header .header-name-boss p 
    {
        font-size: 34px;
    }
    .advantages .advantages-info .header-item p
    {
        font-size: 8px;
    }
    .advantages .advantages-info .header-item 
    {
        min-width: 100px;
        max-width: 100px;
        height: 100px;
    }
    .news .news-head a 
    {
        font-size: 28px;
        line-height: 30px;
    }
    /* страница БАССЕЙНЫ */
    .swimming-pools .header-name p span 
    {
        font-size: 60px;
        line-height: 60px;
    }
    .swimming-pools .header-name .line 
    {
        width: 300px;
    }
    /* страница ФОНТАНЫ */
    .fontans .header-name p span 
    {
        font-size: 66px;
        line-height: 66px;
    }
    .fontans .header-name .line 
    {
       width: 300px; 
    }
    /* страница САУНЫ И ХАММАМЫ */
    .sauna .header-name p span 
    {
        font-size: 63px;
        line-height: 60px;
    }
    .sauna .header-name .line 
    {
       width: 310px; 
    }
    /* страница СПА */
    .spa .header-name p span 
    {
        font-size: 50px;
        line-height: 50px;
    }
    .spa .header-name .line 
    {
       width: 300px; 
    }
    /* страница ДЖАКУЗЗИ */
    .jacuzzi .header-name p span 
    {
        font-size: 62px;
        line-height: 62px;
    }
    .jacuzzi .header-name .line 
    {
       width: 300px;
       margin-top: 5px;
    }
    /* страница WELLNESS */
    .wellness .header-name p span 
    {
        font-size: 60px;
        line-height: 60px;
    }
    .wellness .header-name .line 
    {
       width: 300px; 
    }
    /* страница ПРОЕКТИРОВАНИЕ */
    .proekt .header-name p span
    {
        font-size: 36px;
        line-height: 40px;
    }
    .proekt .header-name .line
    {
        width: 325px;
    }
    /* страница ОБСЛУЖИВАНИЕ */
    .service .header-name p span 
    {
        font-size: 40px;
        line-height: 45px;
    }
    .service .header-name .line
    {
        width: 325px;
    }
    /* страница ОБОРУДОВАНИЕ */
    .equip .header-name p span 
    {
        font-size: 41px;
        line-height: 45px;
    }
    .equip .header-name .line
    {
        width: 320px;
        margin-top: 3px;
    }
    /* страница ОБЩЕСТРОИТЕЛЬНЫЕ РАБОТЫ */
    .allbuild .header-name p span 
    {
        font-size: 30px;
        line-height: 35px;
    }
    .allbuild .header-name .line
    {
        width: 110px;
    }
    /* страница ПВХ */
    .pvh .header-name p span 
    {
        font-size: 37px;
        line-height: 45px;
    }
    .pvh .header-name .line
    {
        width: 260px;
    }
    
    /* страница СТАТЬИ */
    .paper .line 
    {
        border-bottom: 3px solid #B8E2E2;
        width: 62%;
        bottom: -5px;
        left: 19%;
    }
    .news-page .h1
    {
        font-size: 67px;
        line-height: 60px;
    }
    
    .gallery .header-name .h1
    {
        font-size: 77px;
        line-height: 80px;
    }
    
    /* страница О КОМПАНИИ */
    .about-page .about-page-head .h1 
    {
        font-size: 50px;
        line-height: 60px;
    }
    .about-page .about-page-partners .partners-img div
    {
        height: 177px;
    }
    
    
    .contact-head .line 
    {
        width: 83%;
        bottom: 0;
        left: 25px;
    }
}




@media (min-width: 414px) and (max-width: 479.98px){
    .header .header-name-boss p 
    {
        font-size: 39px;
    }
    .header .header-name-boss p span 
    {
        font-size: 63px;
        line-height: 65px;
    }
    .header .header-name-boss .line 
    {
        border-bottom: 4px solid #B8E2E2;
        width: 360px;
    }
    .header-slogan p 
    {
        font-size: 15px;
    }
    .advantages .advantages-info .header-item p
    {
        font-size: 11px;
    }
    .advantages .advantages-info .header-item 
    {
        min-width: 130px;
        max-width: 130px;
        height: 130px;
    }
    .news .news-head a 
    {
        font-size: 33px;
        line-height: 35px;
    }
    /* страница БАССЕЙНЫ */
    .swimming-pools .header-name p span 
    {
        font-size: 70px;
        line-height: 70px;
    }
    .swimming-pools .header-name .line 
    {
        width: 360px;
    }
    /* страница ФОНТАНЫ */
    .fontans .header-name p span 
    {
        font-size: 76px;
        line-height: 76px;
    }
    .fontans .header-name .line 
    {
       width: 340px; 
    }
    /* страница САУНЫ И ХАММАМЫ */
    .sauna .header-name p span 
    {
        font-size: 74px;
        line-height: 70px;
    }
    .sauna .header-name .line 
    {
       width: 360px; 
    }
    /* страница СПА */
    .spa .header-name p span 
    {
        font-size: 58px;
        line-height: 58px;
    }
    .spa .header-name .line 
    {
       width: 340px; 
    }
    /* страница ДЖАКУЗЗИ */
    .jacuzzi .header-name p span 
    {
        font-size: 72px;
        line-height: 72px;
    }
    .jacuzzi .header-name .line 
    {
       width: 340px;
       margin-top: 5px;
    }
    /* страница WELLNESS */
    .wellness .header-name p span 
    {
        font-size: 70px;
        line-height: 70px;
    }
    .wellness .header-name .line 
    {
       width: 340px; 
    }
    /* страница ПРОЕКТИРОВАНИЕ */
    .proekt .header-name p span
    {
        font-size: 41px;
        line-height: 45px;
    }
    .proekt .header-name .line
    {
        width: 370px;
    }
    /* страница ОБСЛУЖИВАНИЕ */
    .service .header-name p span 
    {
        font-size: 45px;
        line-height: 50px;
    }
    .service .header-name .line
    {
        width: 370px;
    }
    /* страница ОБОРУДОВАНИЕ */
    .equip .header-name p span 
    {
        font-size: 46px;
        line-height: 50px;
    }
    .equip .header-name .line
    {
        width: 365px;
        margin-top: 3px;
    }
    /* страница ОБЩЕСТРОИТЕЛЬНЫЕ РАБОТЫ */
    .allbuild .header-name p span 
    {
        font-size: 30px;
        line-height: 35px;
    }
    .allbuild .header-name .line
    {
        width: 110px;
    }
    /* страница ПВХ */
    .pvh .header-name p span 
    {
        font-size: 37px;
        line-height: 45px;
    }
    .pvh .header-name .line
    {
        width: 300px;
    }
    /* страница СТАТЬИ */
    .paper .line 
    {
        border-bottom: 3px solid #B8E2E2;
        width: 53%;
        bottom: -5px;
        left: 24%;
    }
    .news-page .h1
    {
        font-size: 75px;
        line-height: 65px;
    }
    
    .gallery .header-name .h1
    {
        font-size: 83px;
        line-height: 83px;
    }
    
    /* страница О КОМПАНИИ */
    .about-page .about-page-head .h1 
    {
        font-size: 57px;
        line-height: 60px;
    }
    .about-page .about-page-partners .partners-img div
    {
        height: 197px;
    }
    
    
    .contact-head .line 
    {
        width: 75%;
        bottom: 0;
        left: 50px;
    }
}








@media (min-width: 360px) and (max-width: 479.98px){
    .header .header-name p span
    {
        font-size: 52px;
        line-height: 52px;
    }
    .direction .direction-item a > p 
    {
        font-size: 15px;
    }
    .contact-head .h1 
    {
        font-size: 59px;
        line-height: 65px;
        border-bottom: 3px solid #B8E2E2;
    }
}








@media (max-width: 479.98px){
    .news-page .line 
    {
        border-bottom: 3px solid #B8E2E2;
        width: 70%;
        bottom: 0;
        left: 15%;
    }
    .about_inner 
    {
        font-size: 35px;
    }
    .about-page-body .about-page-open p 
    {
        font-size: 14px;
    }
    .contact-body .lead-grid
    {
        grid-template-rows: 1fr;
        grid-template-columns: 1fr;
        grid-template-areas:"a1" "a2" "b1" "b2" "c1" "c2" "d1" "d2" "e1";
    }
    .about-page .about-page-head .h1 
    {
        margin-top: 0;
        border-bottom: 3px solid #B8E2E2;
    }
}






@media (min-width: 480px) and (max-width: 575.98px){

    .header .header-name-boss p 
    {
        font-size: 46px;
    }
    .header .header-name-boss p span 
    {
        font-size: 74px;
        line-height: 75px;
    }
    .header .header-name-boss .line 
    {
        border-bottom: 4px solid #B8E2E2;
        width: 430px;
    }
    .header .header-name p 
    {
        font-size: 30px;
    }
    .header .header-name p span 
    {
        font-size: 60px;
        line-height: 70px;
    }
    .header-slogan p 
    {
        font-size: 16px;
    }
    .advantages .advantages-info .header-item 
    {
        min-width: 150px;
        max-width: 150px;
        height: 150px;
    }
    .advantages .advantages-info .header-item p
    {
        font-size: 12px;
    }
    .direction .direction-item a > p 
    {
        font-size: 18px;
    }
    .news .news-head a 
    {
        font-size: 33px;
        line-height: 35px;
    }
    /* страница БАССЕЙНЫ */
    .swimming-pools .header-name p span 
    {
        font-size: 80px;
        line-height: 80px;
    }
    .swimming-pools .header-name .line 
    {
        width: 400px;
    }
    /* страница ФОНТАНЫ */
    .fontans .header-name p span 
    {
        font-size: 86px;
        line-height: 86px;
    }
    .fontans .header-name .line 
    {
       width: 385px; 
    }
    /* страница САУНЫ И ХАММАМЫ */
    .sauna .header-name p span 
    {
        font-size: 84px;
        line-height: 80px;
    }
    .sauna .header-name .line 
    {
       width: 410px; 
    }
    /* страница СПА */
    .spa .header-name p span 
    {
        font-size: 68px;
        line-height: 68px;
    }
    .spa .header-name .line 
    {
       width: 410px; 
    }
    /* страница ДЖАКУЗЗИ */
    .jacuzzi .header-name p span 
    {
        font-size: 82px;
        line-height: 82px;
    }
    .jacuzzi .header-name .line 
    {
       width: 385px;
       margin-top: 5px;
    }
    /* страница WELLNESS */
    .wellness .header-name p span 
    {
        font-size: 82px;
        line-height: 82px;
    }
    .wellness .header-name .line 
    {
       width: 400px; 
    }
    /* страница ПРОЕКТИРОВАНИЕ */
    .proekt .header-name p span
    {
        font-size: 48px;
        line-height: 50px;
    }
    .proekt .header-name .line
    {
        width: 435px;
    }
    /* страница ОБСЛУЖИВАНИЕ */
    .service .header-name p span 
    {
        font-size: 52px;
        line-height: 55px;
    }
    .service .header-name .line
    {
        width: 430px;
    }   
    /* страница ОБОРУДОВАНИЕ */
    .equip .header-name p span 
    {
        font-size: 55px;
        line-height: 60px;
    }
    .equip .header-name .line
    {
        width: 430px;
        margin-top: 3px;
    }
    /* страница ОБЩЕСТРОИТЕЛЬНЫЕ РАБОТЫ */
    .allbuild .header-name p span 
    {
        font-size: 40px;
        line-height: 45px;
    }
    .allbuild .header-name .line
    {
        width: 150px;
    }
    /* страница ПВХ */
    .pvh .header-name p span 
    {
        font-size: 50px;
        line-height: 60px;
    }
    .pvh .header-name .line
    {
        width: 330px;
    }
    
    .gallery .header-name .h1
    {
        font-size: 96px;
        line-height: 86px;
    }
    
    
   
   
    .contact-head .h1 
    {
        font-size: 75px;
        line-height: 80px;
        border-bottom: 4px solid #B8E2E2;
    }
    .contact-head .contact-head-name 
    {
        padding: 4rem 0 0;
    }
    .contact-body .lead-grid
    {
        grid-template-rows: 1fr;
        grid-template-columns: 1fr;
        grid-template-areas:"a1" "a2" "b1" "b2" "c1" "c2" "d1" "d2" "e1";
    }
    .contact-head .line 
    {
        width: 75%;
        bottom: 0;
        left: 50px;
    }
    
    
    /* страница СТАТЬИ */
    .paper .line 
    {
        border-bottom: 3px solid #B8E2E2;
        width: 46%;
        bottom: -5px;
        left: 27%;
    }
    
    /* страница НОВОСТИ */
    .news-page .h1
    {
        font-size: 80px;
        line-height: 70px;
    }



    .owl-carousel-project .item 
    {
        width: 85%;
    }

    /* страница О КОМПАНИИ */
    .about-page .about-page-head .h1 
    {
        font-size: 64px;
        line-height: 60px;
        border-bottom: 4px solid #B8E2E2;
        margin-top: 0;
    }
    .about-page .about-page-partners .partners-img div
    {
        height: 230px;
    }
    .about-page-body .about-page-partners .partners-img 
    {
        grid-template-columns: 1fr 1fr 1fr;
    }    
}







@media (max-width: 575.98px){
    header
    {
        height: 25vh!important;
    }
    header.header
    {
        height: 35vh!important;
    }
    .navigation
    {
        height: 100px;
        background: #313131;
    }
     .navigation .header-logo, .navigation2 .header-logo
    {
        top: 20px;
        left: 70px;
    }
    
    
    .equip111 .equip111-info p 
    {
        padding: 0 20px;
        font-size: 14px;
        margin-bottom: 0;
    }
    .equip111 .equip111-info p > span, .equip111 .equip111-info .equip111-item p > span,
    .equip111 .equip111-info .equip111-item-last p > span 
    {
        font-size: 17px;
    }
    .equip111 .equip111-info .equip111-list, .equip111 .equip111-info .equip111-item-last
    {
        flex-direction: column;
    }
    .equip111 .equip111-info .equip111-list ul 
    {
        margin: 0 auto 20px;
    }
    .equip111 .equip111-info .equip111-list ul p
    {
        margin-bottom: 0;
        font-size: 16px;
    }
    .equip111 .equip111-info .equip111-list ul li
    {
        font-size: 14px;
        padding-left: 0;
    }
    .equip111 .equip111-info .equip111-item
    {
        text-align: center;
        padding: 0;
    }
    .equip111 .equip111-info .equip111-item img
    {
        width: 100%;
    }
    
    
    .header-name 
    {
        margin-right: 0;
        align-items: center;
        margin-top: 0;
    }
    .header-menu 
    {
        height: 100px;
        width: auto;
    }
    .header-menu:hover
    {
        background-color: transparent;
    }

    .header-phone-msg #show-phones 
    {
        right: 15px;
        top: 27px;
    }
    .header-phone-msg #show-phones p 
    {
        font-size: 18px;
    }
    .header .header-name p
    {
        margin: 0;
    }
    .header .header-name .line 
    {
        width: 70%;
        bottom: 0;
        border-bottom: 4px solid #B8E2E2;
    }
    .header .header-info 
    {
        display: flex;
        justify-content: center;
        position: inherit;
    }
    .header .header-info .header-item 
    {
        margin: 0 2px;
        width: 100%;
        height: 150%;
    }
    .header .header-info .header-item p 
    {
        font-size: 9px;
    }
    .header .header-info .header-item p > span 
    {
        font-size: 30px;
        line-height: 30px;
    }
    
    
    .header-slogan 
    {
        display: none;
    }



    /* раздел ПРЕИМУЩЕСТВА */
    .advantages 
    {
        padding: 20px 0;
    }
    .advantages .advantages-info .header-item 
    {
        margin: 0px 5px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .advantages .advantages-info .header-item p
    {
        line-height: 12px;
        margin: 0;
    }
    .advantages .advantages-info .header-item p > span 
    {
        font-size: 40px;
        font-weight: 900;
        line-height: 35px;
    }
    
    /* раздел О НАС */
    .about
    {
        padding: 20px 0 40px;
    }
    .about h2
    {
        font-size: 25px;
        margin-bottom: 0;
    }
    .about .about-info 
    {
        padding-left: 15px;
    }
    .about .about-info h5 
    {
        font-size: 14px;
        line-height: 18px;
    }
    .about .about-info p
    {
        font-size: 14px;
        line-height: 18px;
    }
    .about .about-info ul li
    {
        font-size: 14px;
    }
    .about .about-info a 
    {
        margin-top: 10px;
        width: 100%;
    }

    /* раздел НАПРАВЛЕНИЯ */
    .direction 
    {
        padding: 20px 0 30px;
    }
    .direction h2
    {
        margin-bottom: 10px;
        font-size: 25px;
        line-height: 25px;
    }

    
    
    /* раздел ЗАПИСЬ НА КОНСУЛЬТАЦИЮ */
    .consultation .consul-info .info-item 
    {
        font-size: 18px;
    }
    .consultation
    {
        padding: 30px 0;
    }
    .consultation .consul-info 
    {
        padding: 0 20px 20px;
    }
    .consultation .consul-form 
    {
        padding: 0 20px;
    }
    .consultation .consul-form input[type="button"] 
    {
        padding: 20px 50px;
    }
    
    
    
    /* раздел НОВОСТИ */
    .news 
    {
        padding: 30px 0;
    }
    .news h2
    {
        margin-bottom: 0;
        font-size: 36px;
    }
    .news .news-head 
    {
        justify-content: center;
        margin: 0;
    }
    .news-list .news-list-item 
    {
        margin: 10px 0;
    }
    .news-list .news-list-item .news-image 
    {
        width: 60%;
        height: 180px;
    }
    .news-list .news-list-item .news-text 
    {
        margin-left: 10px;
        width: 100%;
    }
    .news-list .news-list-item .news-text p 
    {
        font-size: 10px;
    }
    .news-list .news-list-item .news-text p > span 
    {
        font-size: 14px;
    }
    .news-list .news-list-item .news-text .newsDate 
    {
        font-size: 8px;
    }

    /* ВНУТРЕННИЕ СТРАНИЦА - HEADER*/
    .swimming-pools, .fontans, .sauna, .spa, .jacuzzi, .wellness,
    .service, .proekt, .equip, .pvh, .allbuild
    {
        height: 35vh;
    } 
    .swimming-pools .header-name .line, .fontans .header-name .line,
    .sauna .header-name .line, .spa .header-name .line, 
    .jacuzzi .header-name .line, .wellness .header-name .line,
    .proekt .header-name .line, .service .header-name .line,
    .equip .header-name .line, .pvh .header-name .line, .allbuild .header-name .line
    {
        border-bottom: 3px solid #B8E2E2;
        margin-right: 0;
    }
    
    
    
    .allbuild .header-name p 
    {
        text-align: center;
    }
    .news-page .news-page-head
    {
        padding: 4rem 0 0;
    }
    .news-page .h1
    {
        margin: 0;
    }

    
    
    .owl-carousel-project .item
    {
        min-height: auto;
    }



    .cost p > span, .cost2 p > span, .aquapark p > span, .fix p > span, .reconstru p > span, .private p > span 
    {
        font-size: 18px;
    }
    .cost p, .cost2 p, .aquapark p, .fix p, .reconstru p, .private p 
    {
        margin-bottom: 10px;
        line-height: 18px;
        font-size: 16px;
    }
    .cost-text > ul > li
    {
        font-size: 14px;
    }
    .pool-list 
    {
        padding: 30px 0 15px;
    }
    .pool-list .pool-list-item
    {
        margin-bottom: 15px;
    }
    .pool-list .pool-list-item div > img
    {
        height: auto;
    }
    .pool-list .pool-list-item a > p 
    {
        font-size: 16px;
    }
    .aquapark, .fix, .reconstru, .private
    {
        padding: 30px 0;
    }


    /* страница КОНТАКТЫ */
    .contact-head .contact-head-name 
    {
        padding: 4rem 0 0;
    }
    .contact-head .contact-leadership 
    {
        padding: 10px 0;
    }
    .contact-head .contact-leadership .lead-boss,
    .contact-head .contact-leadership .lead-bank 
    {
        text-align: center;
    }
    .contact-head h3
    {
        font-size: 14px;
        margin-bottom: 0;
        line-height: 18px;
    }
    .contact-head h4 
    {
        font-size: 14px;
        line-height: 20px;
    }
    .contact-head .lead-bank h3 
    {
        font-size: 18px;
    }
    .contact-head .lead-bank .UNP 
    {
        font-size: 14px;
        line-height: 18px;
    }
    .contact-head .leader-email
    {
        font-size: 11px;
        line-height: 15px;
        margin-bottom: 0;
    }
    
    /* страница О КОМПАНИИ */
    .about-page .about-page-head 
    {
        padding: 4rem 0 0;
    }
    .about-page .about-page-foto .foto-group 
    {
        margin: 10px auto 0; 
    }
    .about-page-foto .owl-carousel .owl-stage-outer .item
    {
        text-align: center;
    }
    .about-page .about-page-foto .foto-group .foto-item .foto-image 
    {
        width: 90%;
        margin: 0 auto 10px;
        padding: 15px;
    }
    .about-page .about-page-foto .owl-nav > button.owl-prev
    {
        top: 25%;
        left: -30px;
    }
    .about-page .about-page-foto .owl-nav > button.owl-next 
    {
        top: 25%;
        right: -30px;
    }
    .about-page .about-page-foto .owl-nav > button.owl-prev > span, 
    .about-page .about-page-foto .owl-nav > button.owl-next > span 
    {
        font-size: 40px;
    }
    

    .about-page .about-page-reviews .owl-nav > button.owl-prev
    {
        top: 15%;
        left: -7px;
    }
    .about-page .about-page-reviews .owl-nav > button.owl-next 
    {
        top: 15%;
        right: -7px;
    }
    .about-page .about-page-reviews .owl-nav > button.owl-prev > span, 
    .about-page .about-page-reviews .owl-nav > button.owl-next > span 
    {
        font-size: 30px;
    }

    .about-page .about-page-partners .partners-img > img,
    .about-page .about-page-sert .sert-img a > img
    {
        margin: 5px 10px;
        width: 26%;
    }
    .about-page .about-page-sert
    {
        text-align: center;
    }
    .about-page .about-page-sert .sert-img > img 
    {
        margin: 5px 10px;
    }
    .about-page-body .about-page-open
    {
        padding: 0 0 20px 0;
    }
    .about-page .about-page-info ul 
    {
        width: 100%;
    }
    .about-page .about-page-info ul li a 
    {
        font-size: 10px;
        line-height: 10px;
    }
    .about-page .about-page-partners, 
    .about-page .about-page-reviews, 
    .about-page .about-page-foto 
    {
        padding: 10px;
    }
    .about-page .about-page-open p 
    {
        font-size: 14px;
    }
     
    .about-page .about-page-sert .sert-img > div
    {
        display: block;
        margin-bottom: 0;
    }
    .about-page .about-page-sert
    {
        position: inherit;
        padding: 10px;
        margin-top: 10px;
        overflow-y: scroll;
    }
    .about-page .about-page-sert .sert-img > div > img
    {
        margin-bottom: 15px;
        margin-right: 15px;
    }
    .about-page .about-page-reviews .reviews-carousel .item > img
    {
        width: 130px;
    }
    .about-page .about-page-reviews .reviews-carousel .item > p
    {
        font-size: 10px;
        line-height: 13px;
        margin-bottom: 0;
    }
    .about-page .about-page-reviews .owl-nav > button.owl-prev
    {
        position: absolute;
        top: 20%;
        left: -7px;
    }
    .about-page .about-page-reviews .owl-nav > button.owl-next
    {
        position: absolute;
        top: 20%;
        right: -7px;
    }
    .about-page .about-page-reviews .owl-nav > button.owl-prev > span,
    .about-page .about-page-reviews .owl-nav > button.owl-next > span
    {
        color: #fff;
        font-size: 30px;
    }
    .about-page .about-page-reviews .owl-nav > button.owl-prev:hover, .about-page .about-page-reviews .owl-nav > button.owl-next:hover
    {
        background: inherit;
    }
    .about-page .about-page-reviews .owl-stage-outer .owl-item .item a > img 
    {
        width: 100px;
    }


    /* страница СТАТЬИ и ОБЗОРЫ */
    .paper .paper-head
    {
        padding: 3rem 0 0;
    }
    .paper .h1 
    {
        font-size: 57px;
        line-height: 57px;
        margin-top: 20px;
    }
    .paper-list .paper-list-item .paper-image 
    {
        width: 60%;
        height: 180px;
    }
    .paper-list .paper-list-item .paper-text 
    {
        margin-left: 10px;
        width: 100%;
    }
    .paper-list .paper-list-item .paper-text p 
    {
        font-size: 12px;
    }
    .paper-list .paper-list-item .paper-text p > span 
    {
        font-size: 15px;
    }


    
    /* страница ОБОРУДОВАНИЕ */
    .equipment 
    {
        padding: 20px 0 0;
        background-size: auto;
        height: auto;
    }
    .equipment .equipment-list
    {
        padding: 10px 0 20px 10px;
    }
    .equipment .equipment-list .menu li a
    {
        font-size: 12px;
        line-height: 14px;
        padding: 3px 0;
    }
    .equipment .equipment-list .menu .active > a 
    {
        font-size: 14px;
        line-height: 14px;
    }
    .equipment .equipment-list .menu li .openTab,
    .equipment .equipment-list .menu .nested li .openTab
    {
        font-size: 14px;
        line-height: 18px;
    }
    .equipment .equipment-list .menu .nested li .openSubTab:hover
    {
        font-size: 12px;
        line-height: 14px;
    }
    .desc-window 
    {
        height: 70vh;
        padding: 10px 0 0 10px;
        margin-bottom: 0;
    }
    .desc-window > p
    {
        font-size: 14px;
        margin-bottom: 0;
    }
    .desc-window p > img
    {
        width: 95%;
        margin: 10px 0;
    }
    .desc-window::-webkit-scrollbar
    {
        opacity: 0;
    }
    .desc-window::-webkit-scrollbar-thumb 
    {
        opacity: 0;
    }
    
    
    /* страница РАСЧЕТ СТОИМОСТИ */
    .money
    {
        height: 100%;
    }
    .money .money-head
    {
        margin: 1rem 0;
    }
    .money h1 
    {
        font-size: 40px;
        line-height: 40px;
        margin: 0 0 5px;
    }
    .money .line 
    {
        border-bottom: 3px solid #B8E2E2;
        width: 65%;
        bottom: 0;
        left: 18%;
    }
    .money .money-item
    {
        margin-bottom: 0;
    }
    .money p
    {
        font-size: 14px;
        margin-bottom: 0;
    }
    .money #accordionExample .card-body
    {
        padding: 10px;
    }
    .money #accordionExample .card-body > div
    {
        margin-bottom: 10px;
    }
    .money .money-item ul li 
    {
        margin-right: 50px;
    }
    .money .money-item ul li a 
    {
        font-size: 17px;
        line-height: 17px;
    }
    .money .money-item ul li p 
    {
        font-size: 14px;
    }
    .money .money-item-pools, .money .money-item-sauna
    {
        padding: 0;
    }
    .money input, .money textarea
    {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 10px;
    }
    .money input, .money textarea
    {
        padding: 20px;
    }
    .money .money-item-features 
    {
        flex-direction: column;
    }
    .money input[type="text"],
    .money textarea,
    .money .money-item-text button
    {
        width: 100%;
    }

    
    /* страница ГАЛЕРЕЯ*/
    .mySlides > img 
    {
        min-width: auto;
        max-width: 90%;
        min-height: 220px;
        max-height: auto;
    }
    .next 
    {
        right: 0px;
    }
    .prev 
    {
        left: 0px;
    }
    .prev, .next 
    {
        padding: 0px;
        font-size: 20px;
    }
    .column > img
    {
        max-height: 50px;
    }

    .gallery .header-name .line 
    {
        border-bottom: 4px solid #B8E2E2;
        width: 55%;
        bottom: -5px;
        left: 23%;
        transform: none;
    }
    .gallery .gallery-group 
    {
        grid-template-columns: 1fr;
    }
    .gallery .gallery-group .gallery-item > h6
    {
        margin-bottom: 15px;
        margin-top: 20px;
    }
    .gallery .gallery-group .gallery-item .gallery-image, 
    .gallery .gallery-list .gallery-item .gallery-image 
    {
        padding: 15px 5px;
    }
    .gallery .gallery-group .gallery-item .gallery-image img 
    {
        width: 90%;
        height: 100%;
    }
    .gallery .gallery-list 
    {
        flex-direction: column;
        margin-top: -65px;
    }
    
    /* раздел ПРОЕКТ */
    .project, .project2, .project3
    {
        padding: 15px 0;
    }
    .project a > p, .project2 a > p, .project3 a > p 
    {
        font-size: 18px;
    }
    .project-head 
    {
        margin: 0;
    }
    .project .project-head a, .project2 .project-head a, .project3 .project-head a
    {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .project h2 
    {
        font-size: 30px;
        margin: 0;
    }
    .project .all-see
    {
        padding: 0 25px 10px 0;
    }
    .project .project-works
    {
        margin-top: 5px;
    }
    .project .project-works a > .works-item 
    {
        margin: 0px 20px;
    }
    .project .project-works a > .works-item .works-image 
    {
        padding: 20px;
    }
    .project .project-works a > .works-item .works-image img 
    {
        width: 100%;
        height: 200px;
        margin: 0 auto;
    }
    .project .project-works .owl-nav > button.owl-prev
    {
        position: absolute;
        top: 25%;
        left: -15px;
    }
    .project .project-works .owl-nav > button.owl-next
    {
        position: absolute;
        top: 25%;
        right: -15px;
    }
    .project .project-works .owl-nav > button.owl-prev > span,
    .project .project-works .owl-nav > button.owl-next > span
    {
        color: #fff;
        font-size: 40px;
    }
    .project .project-works .owl-nav > button.owl-prev:hover,
    .project .project-works .owl-nav > button.owl-next:hover
    {
        background: inherit;
    }
    
    
    /* раздел ПРОЕКТЫ для страниц Бассейны, Сауна, Спа и Фонтаны */
    .fontans-grid, .spa-grid, .jacuzzi-grid, .wellness-grid,
    .proekt-grid, .service-grid, .equip-grid, .contact-grid, 
    .gallery-grid, .galleryFS-grid,
    .galleryS-grid, .money-grid, .pool-grid, .sauna-grid
    {
        display: flex;
        flex-direction: column;
    }
    .cost, .cost2 
    {
        padding: 25px 0;
    }
    .cost .cost-image
    {
        margin-bottom: 10px;
    }
    .cost-text .cost-form
    {
        text-align: center;
    }
    .cost .cost-form input[type="button"], .cost2 .cost-form input[type="button"] 
    {
        padding: 20px 0;
        width: 100%;
    }


 

    .gallery-section
    {
        padding-top: 25px;
        background-size: auto;
    }
    
    

    .contact-head .lead-grid .lead-boss 
    {
        margin: 5px;
        padding: 5px;
    }
    
    
    
    
    .about-page .about-page-partners .partners-img > div
    {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
    }
    .about-page .about-page-partners .partners-img 
    {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
    }
    .about-page .about-page-partners .partners-img div:nth-child(1),
    .about-page .about-page-partners .partners-img div:nth-child(2)
    {
        border-top: 1px solid #000;
    }
    .about-page .about-page-partners .partners-img div:nth-child(2n)
    {
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        padding: 20px;
    }
    .about-page .about-page-partners .partners-img div:nth-child(2n+1)
    {
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        padding: 20px;
    }
    .about-page .about-page-partners .partners-img div:last-child
    {
        border-right: 1px solid #000;
    }
    
    
    
    .footer .btn-akva 
    {
        width: 66%;
    }
}











@media (min-width: 576px) and (max-width: 767.98px){
    header
    {
        height: 35vh!important;
    }
    header.header
    {
        height: 45vh!important;
    }
    .contact-head .h1 
    {
        line-height: 90px;
        font-size: 90px;
        border-bottom: 4px solid #B8E2E2;
    }
    .contact-body .lead-grid
    {
        grid-template-rows: 1fr;
        grid-template-columns: 1fr;
        grid-template-areas:"a1" "a2" "b1" "b2" "c1" "c2" "d1" "d2" "e1";
    }
    .about-page-body .about-page-partners .partners-img 
    {
        grid-template-columns: 1fr 1fr 1fr;
    }
    /* ЛОГО, меню, телефоны и поиск */
    .navigation
    {
        height: 100px;
        background: #313131;
    }
    .navigation .header-logo, .navigation2 .header-logo
    {
        top: 20px;
        left: 80px;
    }
    
    .news .news-head 
    {
        margin: 15px 0 0;
    }
    .news .news-head a 
    {
        font-size: 40px;
    }
    
    .header-menu 
    {
        height: 10vh;
        width: auto;
        align-items: flex-end;
        justify-content: flex-start;
    }
    .header-menu:hover
    {
        background-color: transparent;
    }
    .header .header-name-boss p 
    {
        font-size: 52px;
    }
    .header .header-name-boss p span
    {
        font-size: 85px;
        line-height: 85px;
        -webkit-text-stroke: 1px white;
    }
    .header .header-name-boss .line 
    {
        border-bottom: 4px solid #B8E2E2;
        width: 85%;
    }
    
    .header-slogan 
    {
        margin: 20px auto 0;
        width: 90%;
    }


    .header-phone-msg #show-phones 
    {
        top: 20px;
        width: auto;
    }
    .header .header-name 
    {
        margin: 0 0 100px;
    }
    .header .header-name p
    {
        line-height: 50px;
        margin: 0;
    }
    .header .header-name p span
    {
        font-size: 82px;
        line-height: 90px;
    }
    .header .header-name .line 
    {
        width: 80%;
    }
    .header .header-info 
    {
        bottom: 0;
        left: 0;
        padding: 0;
    }
    .header .header-info .header-item 
    {
        margin: 0 auto 20px;
        width: 185px;
        height: 185px;
    }
    .header .header-info .header-item p 
    {
        font-size: 11px;
    }
    
    
    /* раздел ПРЕИМУЩЕСТВА */
    .advantages .advantages-info .header-item
    {
        margin: 0px 5px;
        min-width: 180px;
        max-width: 180px;
        height: 180px;
    }
    .advantages .advantages-info .header-item p
    {
        font-size: 14px;
        line-height: 18px;
    }
    .advantages .advantages-info .header-item p > span
    {
        font-size: 75px;
    }
    /* раздел О НАС */
    .about
    {
        padding: 20px 0 40px;
    }
    .about h2
    {
        font-size: 35px;
        margin-bottom: 0;
    }
    .about .about-info 
    {
        padding-left: 15px;
    }
    .about .about-info h5 
    {
        font-size: 16px;
    }
    .about .about-info p
    {
        font-size: 16px;
    }
    .about .about-info button 
    {
        margin-top: 10px;
        width: 70%;
    }
    
    
    /* раздел НАПРАВЛЕНИЯ */
    .direction 
    {
        padding: 20px 0;
    }
    .direction h2
    {
        margin-bottom: 0;
        font-size: 32px;
    }

    .direction .direction-item a > p 
    {
        font-size: 22px;
    }

    /* раздел КОНСУЛЬТАЦИЯ */
    .consultation .consul-info
    {
        padding: 20px 0 0;
        text-align: center;
    }
    .consultation .consul-form 
    {
        text-align: center;
        padding: 20px 0;
    }
    /* раздел НОВОСТИ */
    .news 
    {
        padding: 10px 0 40px;
    }

    /* ВНУТРЕННИЕ СТРАНИЦА - HEADER*/
    .swimming-pools, .fontans, .sauna, .spa, .jacuzzi, .wellness, .service, .proekt, .equip, .pvh, .allbuild
    {
        height: 35vh;
    }
    .swimming-pools .header-name .line, .fontans .header-name .line,
    .sauna .header-name .line, .spa .header-name .line, 
    .jacuzzi .header-name .line, .wellness .header-name .line,
    .proekt .header-name .line, .service .header-name .line,
    .equip .header-name .line, .pvh .header-name .line, .allbuild .header-name .line
    {
        border-bottom: 4px solid #B8E2E2;
        margin-right: 0;
    }
    
    
    .header-name 
    {
        margin-right: 0;
        align-items: center;
        margin-top: 0;
    }
    .header-slogan
    {
        display: none;
    }
    /* страница ФОНТАНЫ */
    .fontans .header-name p span 
    {
        font-size: 100px;
        line-height: 110px;
    }
    .fontans .header-name .line 
    {
       width: 435px; 
    }
    /* страница СПА */
    .spa .header-name p span 
    {
        font-size: 80px;
        line-height: 80px;
    }
    .spa .header-name .line 
    {
        width: 490px;
    }
    /* страница ДЖАКУЗЗИ */
    .jacuzzi .header-name p span 
    {
        font-size: 100px;
        line-height: 110px;
    }
    .jacuzzi .header-name .line 
    {
       width: 455px;
       margin-top: 5px;
    }
    /* страница ПРОЕКТИРОВАНИЕ */
    .proekt .header-name p span
    {
        font-size: 57px;
        line-height: 60px;
    }
    .proekt .header-name .line
    {
        width: 510px;
    }
    /* страница ОБСЛУЖИВАНИЕ */
    .service .header-name p span 
    {
        font-size: 63px;
        line-height: 65px;
    }
    .service .header-name .line
    {
        width: 515px;
    }   
    /* страница ОБОРУДОВАНИЕ */
    .equip .header-name p span 
    {
        font-size: 65px;
        line-height: 70px;
    }
    .equip .header-name .line
    {
        width: 515px;
        margin-top: 5px;
    }
    /* страница ПВХ */
    .pvh .header-name p span 
    {
        font-size: 58px;
        line-height: 68px;
    }
    .pvh .header-name .line
    {
        width: 400px;
    }
    /* страница ОБЩЕСТРОИТЕЛЬНЫЕ РАБОТЫ */
    .allbuild .header-name p span 
    {
        font-size: 48px;
        line-height: 50px;
    }
    .allbuild .header-name .line
    {
        width: 170px;
        margin-right: 13px;
    }

    /* страница ОБОРУДОВАНИЕ */
    .equip111 .equip111-info p 
    {
        padding: 0 10px;
        font-size: 14px;
    }
    .equip111 .equip111-info p > span 
    {
        font-size: 18px;
    }
    .equip111 .equip111-info .equip111-item-last
    {
        flex-direction: column;
    }
    .equip111 .equip111-info .equip111-list ul 
    {
        margin: 0 auto 20px;
    }
    .equip111 .equip111-info .equip111-list ul p
    {
        margin-bottom: 0;
        font-size: 16px;
    }
    .equip111 .equip111-info .equip111-list ul li
    {
        font-size: 14px;
        padding-left: 0;
    }
    .equip111 .equip111-info .equip111-item
    {
        text-align: center;
    }
    .equip111 .equip111-info .equip111-item-last img 
    {
        padding-right: 0;
        width: 50%;
        margin: 0 auto;
    }
    
    
    /* страница КОНТАКТЫ */
    .contact-head .contact-leadership 
    {
        padding: 10px 0;
    }
    .contact-head .contact-leadership .lead-boss,
    .contact-head .contact-leadership .lead-bank 
    {
        text-align: center;
    }
    .contact-head h3
    {
        font-size: 16px;
        margin-bottom: 0;
        line-height: 18px;
    }
    .contact-head .leader-email 
    {
        font-size: 20px;
    }
    .contact-head .contact-leadership h4 
    {
        font-size: 18px;
        line-height: 24px;
    }
    .contact-head .contact-leadership .leader-email
    {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .contact-head .contact-leadership .lead-boss > div
    {
        margin-bottom: 0;
    }
    .contact-head .contact-leadership .lead-bank-company 
    {
        margin-bottom: 5px;
    }
    .contact-head .lead-bank .UNP 
    {
        font-size: 14px;
        line-height: 18px;
    }
    .contact-head p 
    {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 0;
    }
    
    
    /* страница БАССЕЙНЫ */
    /* ------------------------------------------------------------ */
    .pvh .header-name 
    {
        margin-right: 75px;
        align-items: flex-end;
    }
    .pool-list
    {
        padding: 40px 0 25px;
    }
    .pool-list .pool-list-item
    {
        margin-bottom: 15px;
    }
    
    
    .owl-carousel-project .item 
    {
        min-height: auto;
    }
    

    /* страница ОБОРУДОВАНИЕ */
    .equipment 
    {
        padding: 20px 0 0;
        height: auto;
    }
    .equipment .equipment-list
    {
        padding: 0 0 20px 10px;
    }
    .equipment .equipment-list .menu li a
    {
        font-size: 12px;
        line-height: 10px;
        padding: 5px 0px;
    }
    .equipment .equipment-list .menu .active > a 
    {
        font-size: 14px;
        line-height: 14px;
    }
    .equipment .equipment-list .menu li .openTab,
    .equipment .equipment-list .menu .nested li .openTab
    {
        font-size: 14px;
        line-height: 14px;
    }
    .equipment .equipment-list .menu .nested li .openSubTab:hover 
    {
        font-size: 12px;
        line-height: 10px;
    }
    .desc-window 
    {
        height: 50vh;
        padding: 10px 0 10px 15px;
        margin-bottom: 0;
    }
    .desc-window > p
    {
        font-size: 14px;
        margin-bottom: 0;
    }
    .desc-window p > img
    {
        width: 55%;
        margin: 10px 0;
    }
    .desc-window::-webkit-scrollbar
    {
        opacity: 0;
    }
    .desc-window::-webkit-scrollbar-thumb 
    {
        opacity: 0;
    }
    
    
    /* страница РАСЧЕТ СТОИМОСТИ */
    .money
    {
        height: 100%;
    }
    .money .money-head 
    {
        margin: 1rem 0;
    }
    .money h1 
    {
        font-size: 48px;
        line-height: 90px;
        margin: 0;
    }
    .money .line 
    {
        border-bottom: 3px solid #B8E2E2;
        width: 75%;
        bottom: 0;
        left: 13%;
    }
    .money #accordionExample h2 > button 
    {
        font-size: 20px;
    }
    .money .money-item button 
    {
        display: flex;
        font-size: 15px;
    }
    .money .money-item .dropdown-pane 
    {
        height: 380px;
    }
    .money .money-item .money-item-pools,
    .money .money-item .money-item-sauna
    {
        padding-left: 0;
    }
    .money .money-item input, 
    .money .money-item textarea
    {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 10px;
    }
    .money .money-item input, 
    .money .money-item textarea
    {
        padding: 20px;
    }
    .money .money-item-features 
    {
        flex-direction: column;
    }
    .money .money-item-features input
    {
        width: 100%;
    }
    .money .money-item input[type="text"],
    .money .money-item textarea,
    .money .money-item .money-item-text button
    {
        width: 95%;
    }

    
    /* страница СТАТЬИ и ОБЗОРЫ */
    .paper .h1 
    {
        font-size: 53px;
        line-height: 53px;
        margin-top: 0;
    }
    .paper .line 
    {
        border-bottom: 4px solid #B8E2E2;
        width: 87%;
        bottom: -10px;
        left: 7%;
    }
    
    
    
    /* страница О КОМПАНИИ */
    .about-page
    {
        padding-bottom: 0;
        height: auto;
    }
    .about-page .about-page-reviews .reviews-carousel .item > p 
    {
        font-size: 13px;
        line-height: 15px;
    }
    .about-page .about-page-reviews .owl-stage-outer .owl-item .item a > img
    {
        width: 100px;
    }
    .about-page .about-page-reviews .owl-nav > button.owl-prev
    {
        position: absolute;
        top: 20%;
        left: -7px;
    }
    .about-page .about-page-reviews .owl-nav > button.owl-next
    {
        position: absolute;
        top: 20%;
        right: -7px;
    }
    .about-page .about-page-reviews .owl-nav > button.owl-prev > span,
    .about-page .about-page-reviews .owl-nav > button.owl-next > span
    {
        color: #fff;
        font-size: 40px;
    }
    .about-page .about-page-reviews .owl-nav > button.owl-prev:hover, .about-page .about-page-reviews .owl-nav > button.owl-next:hover
    {
        background: inherit;
    }
    .about-page .about-page-head .h1 
    {
        font-size: 75px;
        margin-top: 0;
        line-height: 75px;
    }
    .about-page .about-page-head .line 
    {
        border-bottom: 3px solid #B8E2E2;
        width: 400px;
    }
    .about-page .about-page-info ul 
    {
        width: 100%;
    }
    .about-page .about-page-info ul li a 
    {
        font-size: 15px;
        line-height: 15px;
    }
    .about-page .about-page-open, 
    .about-page .about-page-partners, 
    .about-page .about-page-sert, 
    .about-page .about-page-reviews, 
    .about-page .about-page-foto 
    {
        position: inherit;
        padding: 10px;
        height: auto;
        overflow-y: scroll;
    }
    
    
    .news-page .h1
    {
        font-size: 85px;
        line-height: 100px;
        margin: 0;
    }
    
    
    /* страница ГАЛЕРЕЯ */
    .mySlides > img 
    {
        min-width: auto;
        max-width: 315px;
        min-height: auto;
        max-height: 220px;
    }
    .next 
    {
        right: 0px;
    }
    .prev 
    {
        left: 0px;
    }
    .prev, .next 
    {
        padding: 0px;
        font-size: 35px;
    }
    .column > img
    {
        max-height: 50px;
    }
    .gallery .header-name .line 
    {
        border-bottom: 4px solid #B8E2E2;
        width: 55%;
        bottom: -5px;
        left: 23%;
        transform: none;
    }
    .gallery .gallery-group 
    {
        grid-template-columns: 1fr 1fr;
    }
    .gallery .gallery-group .gallery-item > h6
    {
        margin-bottom: 15px;
        margin-top: 20px;
        font-size: 22px;
    }
    .gallery .gallery-group .gallery-item .gallery-image img 
    {
        width: 90%;
        height: 90%;
    } 
    .gallery .gallery-list 
    {
        margin-top: -60px;
    }
    .galleryS-grid .owl-stage-outer .item > img 
    {
        height: 425px;
    }
    .galleryS-grid .owl-nav .owl-next, .galleryS-grid .owl-nav .owl-prev
    {
        transform: translate(0, -50%);
    }
    
    /* раздел ПРОЕКТЫ */
    /* ------------------------------------------------------------------------------------------------------------- */
    .project, .project2, .project3
    {
        padding: 0 0 10px;
    }
    .project .all-see 
    {
        padding: 0 0 10px;
    }
    .project .project-head 
    {
        margin: 15px 0 0;
    }
    .project .project-head a, .project2 .project-head a, .project3 .project-head a 
    {
        font-size: 35px;
        line-height: 40px;
    }
    .project .project-works 
    {
        margin-bottom: 20px;
    }
    .project .project-works a > .works-item .works-image 
    {
        padding: 15px;
    }
    .project .project-works a > .works-item .works-image img 
    {
        width: 200px;
        height: 200px;
    }
    .project .project-works a > p 
    {
        font-size: 12px;
    }
    .project .project-works .owl-nav > button.owl-prev
    {
        position: absolute;
        top: 25%;
        left: -25px;
    }
    .project .project-works .owl-nav > button.owl-next
    {
        position: absolute;
        top: 25%;
        right: -25px;
    }
    .project .project-works .owl-nav > button.owl-prev > span,
    .project .project-works .owl-nav > button.owl-next > span
    {
        color: #fff;
        font-size: 40px;
    }
    .project .project-works .owl-nav > button.owl-prev:hover,
    .project .project-works .owl-nav > button.owl-next:hover
    {
        background: inherit;
    }
    
    
    /* FOOTER */
    .footer
    {
        margin-bottom: 0;
        padding: 15px 0;
    }
    .footer .social-list 
    {
        margin-top: 5px;
    }
    
    .aquapark, .fix, .reconstru, .private 
    {
        padding: 30px 0;
    }
    /* раздел ПРОЕКТЫ для страниц Бассейны, Сауна, Спа и Фонтаны */
    .fontans-grid, .spa-grid, .jacuzzi-grid, .wellness-grid,
    .proekt-grid, .service-grid, .equip-grid, .contact-grid, 
 .gallery-grid, .galleryFS-grid, 
    .galleryS-grid, .money-grid, .pool-grid, .sauna-grid
    {
        display: flex;
        flex-direction: column;
    }
    .cost .cost-image
    {
        margin-bottom: 10px;
    }
    .cost .cost-form input[type="button"], .cost2 .cost-form input[type="button"] 
    {
        padding: 20px 0;
        width: 50%;
    }
    .cost p > span, .cost2 p > span, .aquapark p > span, .fix p > span, .reconstru p > span, .private p > span 
    {
        font-size: 25px;
    }
    .cost p, .cost2 p, .aquapark p, .fix p, .reconstru p, .private p 
    {
        margin-bottom: 10px;
    }
    .cost-text > ul > li
    {
        font-size: 15px;
    }
    /* ----------------------------------------------------------------------------------------------------------------- */
    .header-breadcrumb
    {
        top: 75px;
        left: 10px;
        width: auto;
    }    
    .breadcrumb-item+.breadcrumb-item::before
    {
    	float: none;
    	font-size: 16px;
    	margin: 0 5px;
    }
    
    
    .gallery-section
    {
        padding-top: 25px;
    }
    
    /* страница О КОМПАНИИ */
    .about-page .about-page-partners .partners-img 
    {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .about-page .about-page-partners .partners-img div
    {
        height: 173px;
    }
    .about-page .about-page-partners .partners-img div:nth-child(1),
    .about-page .about-page-partners .partners-img div:nth-child(4),
    .about-page .about-page-partners .partners-img div:nth-child(7),
    .about-page .about-page-partners .partners-img div:nth-child(10),
    .about-page .about-page-partners .partners-img div:nth-child(13)
    {
        border-left: 1px solid #000;
        border-top: 1px solid #000;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .about-page .about-page-partners .partners-img div:nth-child(2),
    .about-page .about-page-partners .partners-img div:nth-child(5),
    .about-page .about-page-partners .partners-img div:nth-child(8),
    .about-page .about-page-partners .partners-img div:nth-child(11),
    .about-page .about-page-partners .partners-img div:nth-child(14)
    {
        border-left: 1px solid #000;
        border-top: 1px solid #000;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .about-page .about-page-partners .partners-img div:nth-child(3),
    .about-page .about-page-partners .partners-img div:nth-child(6),
    .about-page .about-page-partners .partners-img div:nth-child(9),
    .about-page .about-page-partners .partners-img div:nth-child(12),
    .about-page .about-page-partners .partners-img div:nth-child(15)
    {
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-top: 1px solid #000;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .about-page .about-page-partners .partners-img div:nth-child(1),
    .about-page .about-page-partners .partners-img div:nth-child(2),
    .about-page .about-page-partners .partners-img div:nth-child(3)
    {
        border-top: 1px solid #000;
    }
    .about-page .about-page-partners .partners-img div:nth-child(13),
    .about-page .about-page-partners .partners-img div:nth-child(14),
    .about-page .about-page-partners .partners-img div:nth-child(15)
    {
        border-bottom: 1px solid #000;
    }
}










@media (min-width: 768px) and (max-width: 991.98px){
    header {
        height: 35vh!important;
    }
    header.header
    {
        height: 50vh!important;
    }
    .about-page-body .about-page-partners .partners-img 
    {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    /* ЛОГО, меню, телефоны и поиск */
    .navigation
    {
        height: 100px;
        background: #313131;
    }
    .navigation .header-logo, .navigation2 .header-logo
    {
        left: 100px;
        top: 20px;
    }
    .header-menu 
    {
        height: 10vh;
        width: auto;
        align-items: flex-end;
        justify-content: flex-start;
    }
    .header-menu:hover
    {
        background-color: transparent;
    }
    .header .header-name-boss p span
    {
        font-size: 118px;
        line-height: 110px;
        -webkit-text-stroke: 2px white;
    }
    .header .header-name-boss .line 
    {
        width: 90%;
    }

    .header-phone-msg #show-phones 
    {
        top: 20px;
    }


    .header .header-name p 
    {
        line-height: 50px;
    }
    .header .header-name p span 
    {
        font-size: 110px;
        line-height: 120px;
    }
    .header .header-name .line 
    {
        width: 80%;
        bottom: 7px;
    }
    .header .header-info 
    {
        left: 0;
    }
    .header-slogan 
    {
        justify-content: center;
        margin: 30px auto 0;
    }

    /* раздел ПРЕИМУЩЕСТВА */
    .advantages .advantages-info .header-item 
    {
        margin: 0 10px;
        min-width: 230px;
        max-width: 230px;
        height: 230px;
    }
    .advantages .advantages-info .header-item p
    {
        font-size: 14px;
        line-height: 18px;
    }
    
    /* раздел О НАС */
    .about 
    {
        padding: 30px 0 50px;
    }
    .about h2 
    {
        font-size: 40px;
    }
    .about .about-info 
    {
        padding-left: 0;
    }
    .about .about-info button 
    {
        margin-top: 20px;
    }
    /* раздел НАПРАВЛЕНИЯ */
    .direction 
    {
        padding: 20px 0;
    }
    .direction h2 
    {
        margin-bottom: 15px;
    }
    .direction ul li 
    {
        margin: 0 0 20px;
    }
    
    /* раздел КОНСУЛЬТАЦИЯ */
    .consultation .consul-info
    {
        padding: 45px 0;
    }
    .consultation .consul-form 
    {
        padding-left: 20px;
    }
    .consultation .consul-form input[type="button"] 
    {
        padding: 20px 150px 20px 20px;
    }
    
    
    /* ВНУТРЕННИЕ СТРАНИЦА - HEADER*/
    .swimming-pools, .fontans, .sauna, .spa, .jacuzzi, .wellness, .service, .proekt, .equip, .pvh, .allbuild
    {
        height: 35vh;
        /* padding: 30px 0; */
    }
    .swimming-pools .header-name .line, .fontans .header-name .line,
    .sauna .header-name .line, .spa .header-name .line, 
    .jacuzzi .header-name .line, .wellness .header-name .line,
    .proekt .header-name .line, .service .header-name .line,
    .equip .header-name .line, .pvh .header-name .line,
    .allbuild .header-name .line
    {
        margin-right: 0;
    }
    .header-name 
    {
        margin-right: 0;
        align-items: center;
        margin-top:0;
    }
    /* страница ФОНТАНЫ */
    .fontans .header-name .line 
    {
       width: 435px; 
    }
    /* страница СПА */
    .spa .header-name p span 
    {
        font-size: 90px;
        line-height: 90px;
    }
    .spa .header-name .line 
    {
        width: 580px;
    }
    /* страница ПРОЕКТИРОВАНИЕ */
    .proekt .header-name p span
    {
        font-size: 75px;
        line-height: 75px;
    }
    .proekt .header-name .line
    {
        width: 675px;
    }
    /* страница ОБСЛУЖИВАНИЕ */
    .service .header-name p span 
    {
        font-size: 82px;
        line-height: 85px;
    }
    .service .header-name .line
    {
        width: 670px;
    }   
    /* страница ОБОРУДОВАНИЕ */
    .equip .header-name p span 
    {
        font-size: 85px;
        line-height: 80px;
    }
    .equip .header-name .line
    {
        width: 685px;
    }
    /* страница ПВХ */
    .pvh .header-name p span
    {
        font-size: 75px;
        line-height: 80px;
    }
    .pvh .header-name .line 
    {
        width: 565px;
    }
    /* страница ОБЩЕСТРОИТЕЛЬНЫЕ РАБОТЫ */
    .allbuild .header-name p span 
    {
        font-size: 62px;
        line-height: 65px;
    }
    .allbuild .header-name .line
    {
        width: 225px;
        margin-right: 0;
    }
    .allbuild .header-slogan 
    {
        margin: 30px 0 0 0;
    }
    .allbuild .header-slogan p 
    {
        width: 350px;
    }
    
    /* страница ПРОЕКТИРОВАНИЕ */
    .proekt .header-slogan p 
    {
        width: 720px;
    }
    
    /* страница ОБОРУДОВАНИЕ */
    .equip .header-slogan p 
    {
        width: 680px;
    }
    .equip111 .equip111-info p 
    {
        padding: 0 10px;
        font-size: 14px;
    }
    .equip111 .equip111-info p > span 
    {
        font-size: 18px;
    }
    .equip111 .equip111-info .equip111-item-last
    {
        flex-direction: column;
    }
    .equip111 .equip111-info .equip111-list ul 
    {
        margin: 0 auto 20px;
    }
    .equip111 .equip111-info .equip111-list ul p
    {
        margin-bottom: 0;
        font-size: 16px;
    }
    .equip111 .equip111-info .equip111-list ul li
    {
        font-size: 14px;
        padding-left: 0;
    }
    .equip111 .equip111-info .equip111-item
    {
        text-align: center;
    }
    .equip111 .equip111-info .equip111-item-last img 
    {
        padding-right: 0;
        width: 35%;
        margin: 0 auto;
    }


    /* страница БАССЕЙНЫ */
    /* ------------------------------------------------------------ */
    .pool-info .pool-info-list 
    {
        padding: 10px;
    }
    .pool-info .pool-info-list ul 
    {
        height: auto;
    }

    .owl-carousel-project .item 
    {
        min-height: auto;
    }
    
    .service .header-slogan p 
    {
        width: 700px;
    }
    /* раздел ПРОЕКТЫ */
    /* ------------------------------------------------------------------------------------------------------------- */
    .project 
    {
        padding: 20px 0;
    }
    .project h2 
    {
        font-size: 40px;
        line-height: 40px;
    }
    .project .project-works a > .works-item .works-image 
    {
        padding: 33px;
    }
    .project .project-works a > .works-item .works-image img 
    {
        width: 252px;
        height: 250px;
    }
    .project .project-works .owl-nav > button.owl-prev
    {
        position: absolute;
        top: 25%;
        left: -25px;
    }
    .project .project-works .owl-nav > button.owl-next
    {
        position: absolute;
        top: 25%;
        right: -25px;
    }
    .project .project-works .owl-nav > button.owl-prev > span,
    .project .project-works .owl-nav > button.owl-next > span
    {
        color: #fff;
        font-size: 40px;
    }
    .project .project-works .owl-nav > button.owl-prev:hover,
    .project .project-works .owl-nav > button.owl-next:hover
    {
        background: inherit;
    }
    
    
    /* раздел НОВОСТИ */
    .news 
    {
        padding: 20px 0;
    }

    
    /* страница КОНТАКТЫ */
    .contact-head .line 
    {
        width: 40%;
        left: 30%;
    }
    .contact-head .contact-leadership 
    {
        padding: 10px 0;
    }
    .contact-head .contact-leadership .lead-boss,
    .contact-head .contact-leadership .lead-bank 
    {
        text-align: center;
    }
    .contact-head h3
    {
        margin-bottom: 0;
        line-height: 18px;
    }
    .contact-head .contact-leadership .lead-boss > div
    {
        margin-bottom: 0;
    }
    .contact-head .contact-leadership .lead-bank-company 
    {
        margin-bottom: 5px;
    }
    
    
    /* страница ОБОРУДОВАНИЕ */
    .equipment 
    {
        height: auto;
        padding: 20px 0 0;
    }
    .equipment .equipment-list 
    {
        padding: 0 0 15px 15px;
    }
    .equipment .equipment-list .menu li a 
    {
        font-size: 14px;
        line-height: 14px;
    }
    .equipment .equipment-list .menu .active > a 
    {
        font-size: 16px;
        line-height: 16px;
    }
    .equipment .equipment-list .menu li .openTab 
    {
        font-size: 14px;
        line-height: 14px;
    }
    .desc-window 
    {
        height: 70vh;
        padding: 0 0 0 15px;
    }
    
    
    /* страница РАСЧЕТ СТОИМОСТИ */
    .money
    {
        height: 100%;
    }
    .money .money-head 
    {
        margin: 1rem 0;
    }
    .money h1 
    {
        font-size: 55px;
        line-height: 90px;
        margin: 0;
    }
    .money .line 
    {
        border-bottom: 3px solid #B8E2E2;
        width: 75%;
        bottom: 0;
        left: 13%;
    }
    .money #accordionExample h2 > button 
    {
        font-size: 20px;
    }
    .money .money-item 
    {
        justify-content: space-around;
    }
    .money .money-item button 
    {
        display: flex;
        font-size: 15px;
    }
    .money .money-item .dropdown-pane 
    {
        margin-top: 10px;
        height: 380px;
    }
    .money .money-item .money-item-pools,
    .money .money-item .money-item-sauna
    {
        padding-left: 0;
    }
    .money .money-item input, 
    .money .money-item textarea
    {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 10px;
    }
    .money .money-item input, 
    .money .money-item textarea
    {
        padding: 20px;
    }
    .money .money-item .money-item-features 
    {
        flex-direction: column;
    }
    .money .money-item input[type="text"],
    .money .money-item textarea,
    .money .money-item .money-item-text button
    {
        width: 95%;
    }

    
    /* страница СТАТЬИ и ОБЗОРЫ */
    .paper .h1 
    {
        font-size: 70px;
        line-height: 90px;
        margin-top: 0;
    }
    .paper .line 
    {
        width: 85%;
        bottom: 0;
        left: 8%;
    }

    
    /* страница О КОМПАНИИ */
    .about-page .about-page-head 
    {
        padding: 4rem 0 0;
    }
    .about-page .about-page-head .h1 
    {
        font-size: 100px;
        margin-top: 0;
        line-height: 111px;
    }
    .about-page .about-page-head .line 
    {
        border-bottom: 3px solid #B8E2E2;
        width: 48%;
        bottom: -10px;
        left: 26%;
    }
    .about-page .about-page-info
    {
        margin-bottom: 10px;
    }
    .about-page .about-page-info ul 
    {
        width: 100%;
    }
    .about-page .about-page-info ul li a 
    {
        font-size: 17px;
        line-height: 17px;
    }
    .about-page .about-page-open, 
    .about-page .about-page-partners, 
    .about-page .about-page-sert, 
    .about-page .about-page-reviews, 
    .about-page .about-page-foto 
    {
        position: inherit;
        padding: 20px;
        height: auto;
    }
    .about-page .about-page-reviews .owl-nav > button.owl-prev
    {
        position: absolute;
        top: 20%;
        left: -7px;
    }
    .about-page .about-page-reviews .owl-nav > button.owl-next
    {
        position: absolute;
        top: 20%;
        right: -7px;
    }
    .about-page .about-page-reviews .owl-nav > button.owl-prev > span,
    .about-page .about-page-reviews .owl-nav > button.owl-next > span
    {
        color: #fff;
        font-size: 40px;
    }
    .about-page .about-page-reviews .owl-nav > button.owl-prev:hover, .about-page .about-page-reviews .owl-nav > button.owl-next:hover
    {
        background: inherit;
    }
    .about-page .about-page-partners table tbody tr td 
    {
        border: 1px solid #000;
        max-width: 135px;
        min-width: 135px;
        height: 135px;
    }
    .about-page .about-page-reviews .reviews-carousel .item > p 
    {
        font-size: 13px;
        line-height: 15px;
    }
    .about-page .about-page-reviews .owl-nav > button.owl-next, .about-page .about-page-reviews .owl-nav > button.owl-prev
    {
        top: 20%;
    }
    .about-page .about-page-reviews .owl-nav > button.owl-prev > span, .about-page .about-page-reviews .owl-nav > button.owl-next > span 
    {
        font-size: 35px;
    }
    
    
    /* страница ГАЛЕРЕЯ */
    .mySlides > img 
    {
        min-width: auto;
        max-width: 315px;
        min-height: auto;
        max-height: 220px;
    }
    .next 
    {
        right: 75px;
    }
    .prev 
    {
        left: 75px;
    }
    .prev, .next 
    {
        padding: 0px;
        font-size: 35px;
    }
    .column > img
    {
        max-height: 50px;
    }
    

    /* FOOTER */
    .footer .btn-akva 
    {
        width: 100%;
    }
    
    /* раздел ПРОЕКТЫ для страниц Бассейны, Сауна, Спа и Фонтаны */
    .fontans-grid, .spa-grid, .jacuzzi-grid, .wellness-grid,
    .proekt-grid, .service-grid, .equip-grid, .contact-grid,
    .gallery-grid, .galleryFS-grid, 
    .galleryS-grid, .money-grid, .pool-grid, .sauna-grid
    {
        display: flex;
        flex-direction: column;
    }
    .cost .cost-image
    {
        margin-bottom: 10px;
    }
    .cost .cost-form input[type="button"], .cost2 .cost-form input[type="button"] 
    {
        padding: 20px 0;
        width: 100%;
    }
    .cost p, .cost2 p, .aquapark p, .fix p, .reconstru p, .private p 
    {
        font-size: 16px;
    }
    .cost-text ul li
    {
        font-size: 15px;
    }
    .project .project-head h2, .project2 .project-head h2, .project3 .project-head h2 
    {
        font-size: 30px;
        line-height: 30px;
    }
    
    /* -------------------------------------------------------------------------------------------------------- */
    .header-breadcrumb
    {
        top: 80px;
        left: 10px;
    }    
    .breadcrumb-item+.breadcrumb-item::before
    {
    	float: none;
    	font-size: 16px;
    	margin: 0 5px;
    }
    
    
    
    

    .gallery .gallery-group 
    {
        grid-template-columns: 1fr 1fr;
    }
    .gallery .gallery-group .gallery-item > h6
    {
        margin-bottom: 15px;
        margin-top: 20px;
        font-size: 22px;
    }
    .gallery .gallery-group .gallery-item .gallery-image img 
    {
        width: 90%;
        height: 90%;
    } 
    .gallery .gallery-list 
    {
        margin-top: -70px;
    }
    
    .gallery-section
    {
        padding-top: 10px;
    }
    .gallery-section h2
    {
        font-size: 25px;
    }
    
    
    
    
    .open-menu 
    {
        height: auto;
    }
    .open-menu ul 
    {
        margin: 10px 30px;
    }
    .open-menu ul li 
    {
        margin-bottom: 0;
    }
    .open-menu ul li a 
    {
        font-size: 15px;
        line-height: 18px;
    }

    .open-menu .close-menu 
    {
        font-size: 22px;
        margin-bottom: 70px;
    }
    .open-menu .social-list li a 
    {
        font-size: 33px;
    }
    
    
    .news-page h1 
    {
        margin: 0;
        font-size: 80px;
        line-height: 85px;
    }

}





@media (max-width: 992px){
    .money .money-item-pools, .money .money-item-sauna
    {
        display: none;
    }
}




@media (min-width: 992px) and (max-width: 1279.98px){
    .gallery .header-name, .news-page .news-page-head, .paper .paper-head, .contact-head .contact-head-name, .about-page .about-page-head
    {
        padding: 7rem 0 0;
    }
    .about-page-body .about-page-partners .partners-img 
    {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr ;
    }
    .nav-list ul li a 
    {
        padding: 5px 50px 5px 10px;
    }
    .nav-list .btn
    {
        font-size: 11px;
    }
    .nav-list .phone p 
    {
        font-size: 18px;
    }

    /* раздел О НАС*/
    .about .about-image img 
    {
        width: 100%;
        height: auto;
    }
    .about 
    {
        padding: 50px 0 70px;
    }
    
    
    /* раздел НАПРАВЛЕНИЯ */
    .direction 
    {
        padding: 50px 0;
    }
    .direction ul li 
    {
        margin: 0 0 30px;
    }
    
    
    /* раздел НОВОСТИ */
    .news 
    {
        padding: 30px 0;
    }



    /* раздел ПРОЕКТЫ */
    .project a > .works-item, .project2 a > .works-item, .project3 a > .works-item 
    {
        height: 222px;
    }
    .project a > p, .project2 a > p, .project3 a > p 
    {
        font-size: 14px;
    }
    
    
    /* страница ОБОРУДОВАНИЕ */
    .equipment .equipment-list .menu li a 
    {
        font-size: 15px;
        line-height: 15px;
    }
    .equipment .equipment-list .menu .nested li .openTab,
    .equipment .equipment-list .menu .nested li .openSubTab:hover
    {
        font-size: 15px;
        line-height: 15px;
    }
    .desc-window 
    {
        padding: 120px 0 0px 20px;
    }
    
    /* страница РАСЧЕТ СТОИМОСТИ */
    .money
    {
        height: 100%;
    }
    .money h1 
    {
        font-size: 60px;
        line-height: 100px;
        margin: 0;
    }
    .money .line 
    {
        width: 65%;
        bottom: 0;
        left: 15%;
    }
    .money .money-head 
    {
        margin: 2rem 0 1rem;
    }
    .money .money-item button 
    {
        font-size: 18px;
        line-height: 18px;
    }
    .money #accordionExample h2 > button 
    {
        font-size: 22px;
    }
    .money .money-item .dropdown-pane 
    {
        margin-top: 10px;
        height: 380px;
    }
    .money .money-item .money-item-features input
    {
        width: 100%;
    }
    
    
    
    /* страница О КОМПАНИИ */
    .about-page .about-page-info ul
    {
        margin-bottom: 10px;
    }
    .about-page .about-page-info ul li a
    {
        font-size: 21px;
        line-height: 21px;
    }
    .about-page .about-page-open, 
    .about-page .about-page-partners, 
    .about-page .about-page-sert, 
    .about-page .about-page-reviews, 
    .about-page .about-page-foto 
    {
        position: inherit;
        padding: 20px;
        height: auto;
    }
    .about-page .about-page-partners table tbody tr td 
    {
        max-width: 160px;
        min-width: 160px;
        height: 160px;
    }
    /* страница ГАЛЕРЕЯ */
    .mySlides > img 
    {
        min-width: auto;
    }
    .next 
    {
        right: 100px;
    }
    .prev 
    {
        left: 100px;
    }
    .prev, .next 
    {
        padding: 0px;
        font-size: 35px;
    }
    .column > img
    {
        max-height: 50px;
    }
    
    /* --------------------------- */
    .gallery .gallery-group 
    {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .gallery .gallery-group .gallery-item > h6
    {
        margin-bottom: 15px;
        margin-top: 20px;
        font-size: 22px;
    }
    .gallery-section
    {
        padding-top: 5%;
    }
    .galleryS-grid .owl-nav .owl-next, .galleryS-grid .owl-nav .owl-prev
    {
        transform: translate(0, -50%);
    }
    .gallery-section h2
    {
        font-size: 25px;
    }
    .open-menu ul li 
    {
        margin-bottom: 0;
    }
    .open-menu ul li a 
    {
        font-size: 15px;
        line-height: 18px;
    }
    .open-menu .nested 
    {
        margin: 10px 0;
    }
    .open-menu .nested li 
    {
    margin-bottom: 0;
    }
    .open-menu .nested li a 
    {
        font-size: 12px;
        line-height: 12px;
    }
    .open-menu .close-menu 
    {
        font-size: 22px;
        margin-bottom: 70px;
    }
    .open-menu .social-list li a 
    {
        font-size: 33px;
    }
    .equipment .equipment-list 
    {
        padding: 220px 0 0 0;
    }
    .news-page .line 
    {
        width: 42%;
        left: 29%;
    }
    
    

    /* страница ОБЩЕСТРОИТЕЛЬНЫЕ РАБОТЫ */
    .allbuild .header-name p span 
    {
        font-size: 68px;
        line-height: 70px;
    }
    .allbuild .header-name .line
    {
        width: 255px;
        margin-right: 265px;
    }
    .allbuild .header-name 
    {
        margin-right: 50px;
    }
    .allbuild .header-slogan
    {
        justify-content: center;
        margin: 30px 0 0 130px;
    }
    .allbuild .header-slogan p 
    {
        width: 385px;
    }
    
    

    .proekt .header-name
    {
        margin-right: 30px
    }
    .proekt .header-slogan p 
    {
        width: 815px;
    }
    .service .header-name
    {
        margin-right: 30px
    }
    .service .header-name .line
    {
        width: 745px;
        margin-right: 25px;
    }
    .service .header-slogan p 
    {
        width: 810px;
    }
    .equip .header-name 
    {
        margin-right: 30px;
    }
    .equip .header-slogan p 
    {
        width: 820px;
    }
}





@media (min-width: 992px){
    .about-page, .gallery, .news-page, .paper, .contact-head
    {
        height: 35vh;
    }
}




@media (min-width: 1200px) and (max-width: 1599.98px) {
    .open-menu .nested 
    {
        margin: 10px 0;
    }
    .open-menu .nested li 
    {
        margin-bottom: 0;
    }
    .open-menu .nested li a 
    {
        font-size: 14px;
        line-height: 14px;
    }
    .open-menu .social-list li a 
    {
        font-size: 40px;
    }
    
    /* страница О КОМПАНИИ */
    .about-page
    {
        padding-bottom: 0;
    }
    .about-page .about-page-info ul
    {
        margin-bottom: 10px;
    }
    .about-page .about-page-info ul li a
    {
        font-size: 21px;
        line-height: 21px;
    }
    .about-page .about-page-open, 
    .about-page .about-page-partners, 
    .about-page .about-page-sert, 
    .about-page .about-page-reviews, 
    .about-page .about-page-foto 
    {
        position: inherit;
        padding: 20px;
        height: auto;
    }
    .about-page .about-page-open p 
    {
        font-size: 14px;
        line-height: 20px;
    }
    

    
    .result
    {
        height: 599px;
    }
     .equipment .equipment-list .menu li a 
    {
        font-size: 14px;
        line-height: 10px;
        padding: 5px 10px 5px 0;
    }
    .equipment .equipment-list .menu .active > a
    {
        font-size: 16px;
        line-height: 16px;
    }
    .equipment .equipment-list .menu li .openTab
    {
        font-size: 14px;
        line-height: 14px;
    }
    .desc-window 
    {
        padding: 115px 0 20px 30px;
    }


}







@media (min-width: 1600px){
    .header .header-name-boss p
    {
        font-size: 80px;
    }
    .header .header-name-boss p span
    {
        font-size: 150px;
        line-height: 140px;
    }
}


.news-content .newsDesc img,.paper-content .paperDesc img{
    border-radius:25px;
    width:100%;
    height:auto;
}
.partners-table{
    display:grid;
    grid-template-columns:repeat(6 , 1fr);
    gap:20px;
}
.partners-item {
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center; /* Центрирование изображения */
    border-radius: 20px;
    background: #fff;
    padding: 10px;
    overflow: hidden; /* Скрытие лишнего */
    box-shadow:0 5px 10px #00000040;
}

.partners-item img {
    width: 100%; /* Изображение занимает всю ширину */
    height: 100%; /* Изображение занимает всю высоту */
    object-fit: contain; /* Сохраняет пропорции и полностью вписывается в блок */
    border-radius: inherit; /* Наследует закругление от родителя */
}
@media (max-width: 1200px){
    .partners-table{
        grid-template-columns:repeat(5 , 1fr);
    }
}
@media (max-width: 990px){
    .partners-table{
        grid-template-columns:repeat(4 , 1fr);
    }
}
@media (max-width: 768px){
    .partners-table{
        grid-template-columns:repeat(3 , 1fr);
    }
}
@media (max-width: 576px){
    .partners-table{
        grid-template-columns:repeat(2 , 1fr);
    }
}