.kva-none { display: none !important; }
.kva-hide { display: none !important; }
.kva-w100 { width: 100% !important; }
.kva-c { text-align: center !important; }
.kva-r { text-align: right !important; }

/* *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *
   *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *
   *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *
   *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *
*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */

.outGloMenuBox {
    width: 100%;
    box-shadow: 0px 10px 10px #ccc;
}

.out-block-menu-frame {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
.out-block-menu-box *, .out-block-menu-box a:visited { text-decoration: none; color: #fff; }
.out-block-menu-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 1240px;
    
}
    @media (max-width: 799px) {
        .out-block-menu-box *, .out-block-menu-box a:visited { color: #000; }
        .out-block-menu-box.hide-mobile-menu {
            display: none;
        }
        .out-block-menu-box {
            display: block;
            position: absolute;
            left: 0px;
            top: 0px;
            background: #fff;
            width: 100%;
            height: 5000px;
            z-index: 5000;
        }
        .out-block-menu-box .cross {
            display: block;
            position: fixed;
            right: 10px;
            top: 5px;
            width: 32px;
            padding: 10px;
            cursor: pointer;
            z-index: 1000;
        }
        .out-block-menu-box .cross * {
            color: #aaa;
        }
        .out-block-menu-box .cross:hover * {
            color: #0CA397;
        }
    }
    
.out-block-menu-box .tit {
    white-space: nowrap;
    font-size: 17px !important;
    
}
    @media (min-width: 480px) and (max-width: 1304px) {
        .out-block-menu-box .tit {

        }
    }
    @media (max-width: 479px) {
        .out-block-menu-box .tit {
            
        }
    }
    @media (max-width: 360px) {
        .out-block-menu-box .tit {
            
        }
    }
    
.out-block-menu-box .main-item-group .tit-arrow-box {
    display: flex;
    flex-direction: row;
}

.out-block-menu-box .main-item-group .arrow { color: #fff; padding: 0px 10px 0px 5px; }
.out-block-menu-box .main-item-group {
    display: flex;
    flex-direction: row;
    position: relative;
    cursor: pointer;
    padding: 12px 32px;
    z-index: 50;
    z-index: 950;
    background: url(/sites/all/themes/roso/images/dot-bord.png) no-repeat right center;
    
}
    @media (max-width: 799px) {
        .out-block-menu-box .main-item-group .arrow { color: #333; }
        .out-block-menu-box .main-item-group {
            display: flex;
            flex-direction: column;

        }
    }
    
.out-block-menu-box .main-item-url a {
    font-size: 17px !important;
}    
    @media (min-width: 480px) and (max-width: 1304px) {
        .out-block-menu-box .main-item-url a {

        }
    }
    @media (max-width: 479px) {
        .out-block-menu-box .main-item-url a {
            
        }
    }
    @media (max-width: 360px) {
        .out-block-menu-box .main-item-url a {
            
        }
    }

.out-block-menu-box .main-item-url {
    cursor: pointer;
    padding: 12px 34px;
    background: url(/sites/all/themes/roso/images/dot-bord.png) no-repeat right center;
    
}
    @media (min-width: 480px) and (max-width: 1304px) {
        .out-block-menu-box .main-item-url {

        }
    }
    @media (max-width: 479px) {
        .out-block-menu-box .main-item-url {
            
        }
    }
    @media (max-width: 360px) {
        .out-block-menu-box .main-item-url {
            
        }
    }    

.out-block-menu-box .sub-menu-box a.act { background: #5886442e; background: #F1F5F9;; }
.out-block-menu-box .sub-menu-box a.act .tit-box { color: #4b8249; color: #333; font-weight: bold; }

.out-block-menu-box .main-item-url:hover a {
    color: #ffffff;
}

.out-block-menu-box .main-item-group-off:hover
, .out-block-menu-box .main-item-url:hover
, .out-block-menu-box .main-item-url:hover a
, .out-block-menu-box .sub-menu-box a:hover
, .out-block-menu-box .sub-menu-box a:hover .tit-box {
    background: #1d417d;
    color: #ffffff;
    
}
    @media (min-width: 480px) and (max-width: 1304px) {
        .out-block-menu-box .main-item-group:hover
        , .out-block-menu-box .main-item-url:hover
        , .out-block-menu-box .main-item-url:hover a
        , .out-block-menu-box .sub-menu-box a:hover
        , .out-block-menu-box .sub-menu-box a:hover .tit-box {
            
        }
    }
    @media (max-width: 479px) {
        .out-block-menu-box .main-item-group:hover
        , .out-block-menu-box .main-item-url:hover
        , .out-block-menu-box .main-item-url:hover a
        , .out-block-menu-box .sub-menu-box a:hover
        , .out-block-menu-box .sub-menu-box a:hover .tit-box {
            
        }
    }
    @media (max-width: 360px) {
        .out-block-menu-box .main-item-group:hover
        , .out-block-menu-box .main-item-url:hover
        , .out-block-menu-box .main-item-url:hover a
        , .out-block-menu-box .sub-menu-box a:hover
        , .out-block-menu-box .sub-menu-box a:hover .tit-box {
            
        }
    }
    
.out-block-menu-box .sub-menu-box {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 10px;
    padding: 0px;
    box-shadow: 5px 10px 10px #1c1c1c75;
    background: #fff;
    background: #1d417d;
    background: #ee701c;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 900;
    min-width: 175px;
    
}
    @media (max-width: 799px) {
        .out-block-menu-box .sub-menu-box {
            width: 90%;
            position: initial;
            box-shadow: none;
            background: #fff;
            margin-top: 10px;
        }
    }

.out-block-menu-box .sub-menu-box a {
    display: flex;
    flex-direction: row;
    padding: 10px 15px 10px 10px;
}
    @media (max-width: 799px) {
        .out-block-menu-box .sub-menu-box a {
            /* box-shadow: 3px 3px 5px #ccc; */
            margin-bottom: 10px;
        }
    }

.out-block-menu-box .sub-menu-box a .tit-box {
    color: #66778B;
    color: #ffffff;
    white-space: nowrap;
}    
    @media (max-width: 799px) {
        .out-block-menu-box .sub-menu-box a .tit-box {
            white-space: wrap;
            color: #333;
        }
    }

.out-block-menu-box .sub-menu-box a .icon-box {
    padding: 0px 10px 0px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}    
    @media (min-width: 480px) and (max-width: 1304px) {
        .out-block-menu-box .sub-menu-box a .icon-box {

        }
    }
    @media (max-width: 479px) {
        .out-block-menu-box .sub-menu-box a .icon-box {
            
        }
    }
    @media (max-width: 360px) {
        .out-block-menu-box .sub-menu-box a .icon-box {
            
        }
    }

.out-block-menu-box .sub-menu-box a .icon-box img {
    max-width: 18px;
    max-height: 18px;
    object-fit: cover;
}    
    @media (min-width: 480px) and (max-width: 1304px) {
        .out-block-menu-box .sub-menu-box a .icon-box {

        }
    }
    @media (max-width: 479px) {
        .out-block-menu-box .sub-menu-box a .icon-box {
            
        }
    }
    @media (max-width: 360px) {
        .out-block-menu-box .sub-menu-box a .icon-box {
            
        }
    }    
    
/** */    

.out-burger-frame {
    display: none;
}
    @media (min-width: 480px) and (max-width: 800px) {
        .out-burger-frame {
            display: flex;
            flex-direction: row;
        }
    }
    
    @media (max-width: 479px) {
        .out-burger-frame {
            display: flex;
            flex-direction: column;
            flex-direction: row;
        }
    }

.out-burger-frame .burger-box {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 15px 0px 5px;
}

.out-burger-frame .burger {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.out-burger-frame .burger-box .b1
, .out-burger-frame .burger-box .b2
, .out-burger-frame .burger-box .b3 {
    width: 35px;
    height: 5px;
    background-color: #054B81;
    background-color: #ffffff;
    margin: 4px 0;
    transition: 0.4s;
}

.out-burger-frame .burger-box .act .b1 {
    transform: translate(0, 11px) rotate(-45deg);
}

.out-burger-frame .burger-box .act .b2 { opacity: 0; }
.out-burger-frame .burger-box .act .b3 {
    transform: translate(0, -11px) rotate(45deg);
}
        
    
/* *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *
   *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *
   *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *
   *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *
*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */

.out-shapka-frame {
    display: flex;
    flex-direction: row;
    justify-content: center;
} 

.out-shapka-box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 8px 0px 0px 0px;
} 
.out-shapka-m-box {
    display: flex;
    flex-direction: column;
    padding: 12px 0px 0px 0px;
    max-width: 380px;
} 

    @media (min-width: 801px) {
        .out-shapka-box {
            
        } 
        .out-shapka-m-box {
            display: none;
        } 
    }

    @media (min-width: 480px) and (max-width: 800px) {
        .out-shapka-box {
            display: none;
        } 
    }
    
    @media (max-width: 479px) {
        .out-shapka-box {
            display: none;
        } 
    }

/** */

.out-shapka-box .out-r1-box
, .out-shapka-box .out-r2-box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0px 0px 0px 0px;
} 

    @media (min-width: 801px) and (max-width: 1239px) {
        .out-shapka-box {
            flex-direction: column;
            
        } 
        .out-shapka-box .out-b4-box {
            padding-left: 48px !important;
        }
    }

/** */

.out-shapka-box .out-b1-box {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    max-width: 300px;
}

.out-shapka-box .out-b1-box .logo {
    padding: 4px 4px 2px 4px;
}
.out-shapka-box .out-b1-box .logo img
, .out-shapka-m-box .logo img {
    width: 100%;
    max-width: 300px;
}

.out-shapka-box .out-b1-box .label-0 {
    font-weight: 100;
    font-size: 14px;
    color: #2B2A29;
    white-space: break-spaces;
    padding: 0px 12px 12px 12px;
    /* font-family: arial, "PT Sans", sans-serif; */
}
.out-shapka-m-box .label-0 {
    font-weight: 100;
    font-size: 14px;
    color: #2B2A29;
    white-space: break-spaces;
    padding: 0px 12px 6px 12px;
    /* font-family: arial, "PT Sans", sans-serif; */
}

/** */

.out-shapka-box .out-b2-box {
    width: 420px;
    max-width: 420px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.out-shapka-box .out-b2-box .u1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.out-shapka-box .out-b2-box .u2 {
    
}
.out-shapka-box .out-b2-box .u2 input::placeholder
, .out-shapka-m-box input::placeholder {
    color: #131;
    font-size: 13px;
    font-weight: 300;
}
.out-shapka-box .out-b2-box .u2 .input-box {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.out-shapka-box .out-b2-box .u2 input
, .out-shapka-m-box input {
    width: clamp(320px, 95%, 375px);
    max-width: 420px;
    border: 2px solid #EF7A00;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    height: 32px;
    max-height: 36px;
    padding: 2px 12px;
    color: #354d32;
    font-family: arial, "PT Sans", sans-serif;
    font-size: 17px;
    font-weight: 600;
    outline: none;
}

.out-shapka-box .out-b2-box .u1 .e1 
, .out-shapka-box .out-b2-box .u1 .e2 {
    display: flex;
    flex-direction: column;
}

.out-shapka-box .out-b2-box .label-1
, .out-shapka-m-box .label-1 {
    font-weight: bold;
    font-size: 14px;
    color: #2B2A29;
    white-space: nowrap;
    padding: 6px 12px 6px 12px;
}

.out-shapka-box .out-b2-box .email a
, .out-shapka-m-box .email a {
    font-weight: bold;
    font-size: 21px;
    color: #254B89;
    font-family: tahoma, geneva, sans-serif;
    white-space: nowrap;
    text-decoration: none;
}

.out-shapka-box .out-b2-box .u1 .e2 img {
    height: 33px;
    max-height: 38px;
}

/** */

.out-shapka-box .out-b3-box {
    width: 240px;
    max-width: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 0px 0px 9px;
}
.out-shapka-box .out-b3-box .u1 { width: 100%; padding: 6px 12px 6px 12px; }
.out-shapka-box .out-b3-box .u2 { width: 100%; padding: 0px 12px 8px 0px; }
.out-shapka-box .out-b3-box .u3 { width: 100%; padding: 0px 12px 6px 12px; }

.out-shapka-box .out-b3-box .label-2
, .out-shapka-m-box .label-2 {
    font-weight: 100;
    font-size: 14px;
    color: #2B2A29;
}

.out-shapka-box .out-b3-box .phone
, .out-shapka-m-box .u2.phone {
    font-weight: bold;
    font-size: 24px;
    color: #254B89;
    font-family: tahoma, geneva, sans-serif;
    white-space: nowrap;
}

.out-shapka-box .out-button-blue-orange
, .out-shapka-m-box .out-button-blue-orange {
    color: #fff;
    padding: 8px 18px;
    font-size: 17px;
    font-weight: bold;
    font-family: arial, "PT Sans", sans-serif;
    background-image: linear-gradient(
        #2F5DA6 0%
        , #2B579E 25%
        , #234B8B 50%
        , #204581 75%
        , #1E427D 100%
    );
    border-right: 2px solid #002466;
    border-bottom: 2px solid #002466;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    box-shadow: 2px 2px 2px #BCBDBD;
    max-width: 240px;
    cursor: pointer;
}
.out-shapka-box .out-button-blue-orange:hover
, .out-shapka-m-box .out-button-blue-orange:hover {
    background-image: linear-gradient(
        #F7A800 0%
        , #F4940E 25%
        , #F07E17 50%
        , #EF731B 75%
        , #F06D1E 100%
    );
    border-right: 2px solid #9D4A00;
    border-bottom: 2px solid #9D4A00;
    box-shadow: 2px 2px 2px #A08074;
    
}

/** */

.out-shapka-box .out-b4-box {
    width: 240px;
    max-width: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 0px 0px 24px;
}
.out-shapka-box .out-b4-box .u1 { width: 100%; padding: 0px 12px 0px 12px; }
.out-shapka-box .out-b4-box .u2 { width: 100%; padding: 0px 12px; }
.out-shapka-box .out-b4-box .u3 { width: 100%; padding: 2px 12px 1px 12px; }

.out-shapka-m-box .u1 { width: 100%; padding: 0px 12px 0px 12px; }
.out-shapka-m-box .u2 { width: 100%; padding: 0px 12px; }

.out-shapka-box .out-b4-box .u1
, .out-shapka-box .out-b4-box .u2
, .out-shapka-m-box .u1
, .out-shapka-m-box .u2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 5px;
    padding-right: 9px;
}

.out-shapka-box .out-b4-box .e1 { max-width: 60px; }
.out-shapka-box .out-b4-box .e1 img { max-width: 60px; }
.out-shapka-m-box .e1 { max-width: 60px; }
.out-shapka-m-box .e1 img { max-width: 60px; }
 
.out-shapka-box .out-b4-box .phone
, .out-shapka-m-box .phone {
    font-weight: bold;
    font-size: 17px;
    color: #254B89;
    font-family: tahoma, geneva, sans-serif;
    white-space: nowrap;
    padding: 3px 0px 0px 0px;
}

.out-shapka-box .out-button-orange-blue
, .out-shapka-m-box .out-button-orange-blue {
    color: #fff;
    padding: 8px 18px;
    font-size: 17px;
    font-weight: bold;
    font-family: arial, "PT Sans", sans-serif;
    background-image: linear-gradient(
        #F7A800 0%
        , #F4940E 25%
        , #F07E17 50%
        , #EF731B 75%
        , #F06D1E 100%
    );
    border-right: 2px solid #9D4A00;
    border-bottom: 2px solid #9D4A00;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    box-shadow: 2px 2px 2px #A08074;
    max-width: 240px;
    cursor: pointer;
}
.out-shapka-box .out-button-orange-blue:hover
, .out-shapka-m-box .out-button-orange-blue:hover {
    background-image: linear-gradient(
        #2F5DA6 0%
        , #2B579E 25%
        , #234B8B 50%
        , #204581 75%
        , #1E427D 100%
    );
    border-right: 2px solid #002466;
    border-bottom: 2px solid #002466;
    box-shadow: 2px 2px 2px #BCBDBD;
    
}

/** */

.out-shapka-m-box .logo {
    padding: 8px 10px 0px 10px;
}
.out-shapka-m-box .u4 {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.out-shapka-m-box .u2.phone {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 12px 0px 0px 0px;
}
.out-shapka-m-box .u3.call-us-box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 3px 0px 0px 0px;
}
.out-shapka-m-box .u4.label-1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 12px 0px 16px 0px;
}
.out-shapka-m-box .u6 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 3px 12px 12px 12px;
}
.out-shapka-m-box .u5 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 16px 12px 16px 12px;
}

/* *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *
   *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *
   *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *
   *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *
*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */

.out-block-warn {
    background: #fff !important;
    border-radius: 10px;
}
.out-block-warn .txt {
    width: 100%;
    max-width: 1200px;
    color: black !important;
    border: 3px solid rgb(205,150,109);
    border-radius: 10px;
}

.out-block-warn .txt img {
    float: left;
    margin: 20px 40px 20px 20px;
    border-radius: 50%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.15);
}

.out-block-warn .txt #T0 {
    display: inline-block;
    background: red;
    padding: 3px 10px;
    border-radius: 16px;
    font-size: 14px;
    color: white;
}

.out-block-warn .txt #T1 {
    color: #4651a7;
    font-size: 23px;
    letter-spacing: 1px;
    text-shadow: rgba(0, 0, 0, 0.15) 1px 1px 2px, rgba(0, 0, 0, 0.1) 2px 2px 4px;
}
.out-block-warn .txt b {color: #000;}




.banner-attention-v1 {
width: 100%;
max-width: 1200px;
min-width: 700px;
border: 3px solid transparent;
border-radius: 10px;
background-image:
radial-gradient(ellipse at bottom left, rgba(255, 210, 180, 0.3), transparent 60%),
radial-gradient(ellipse at top right, rgba(200, 230, 255, 0.25), transparent 55%),
linear-gradient(white, white),
linear-gradient(90deg, rgb(205, 150, 109), rgb(160, 90, 50));
background-origin: border-box, border-box, padding-box, border-box;
background-clip: border-box, border-box, padding-box, border-box;
display: grid;
grid-template-columns: 120px 1fr min-content min-content min-content min-content;
}

.banner-attention-v1-item1 {
display: flex;
padding: 10px;
justify-content: center;
align-items: center;
grid-row: span 2;
}

.banner-attention-v1-item2 {
padding: 20px 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
grid-row: span 2;
}

.banner-attention-v1-item3 {
border-left: 2px dotted #c0c0c0;
grid-row: span 2;
}

.banner-attention-v1-item4 {
padding: 25px 10px 5px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}

.banner-attention-v1-item5 {
padding: 25px 5px 5px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}

.banner-attention-v1-item6 {
padding: 25px 30px 5px 15px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}

.banner-attention-v1-item7 {
padding: 5px 10px 25px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}

.banner-attention-v1-item8 {
padding: 5px 5px 25px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}

.banner-attention-v1-item9 {
padding: 5px 30px 25px 15px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}


.banner-attention-v1-img1 {
margin-bottom: 8px;
border-radius: 50%;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.15);
}

.banner-attention-v1-title-small {
width: 50px;  
color: white;
background: rgb(243,12,8);
padding: 3px 10px;
font-size: 12px;
font-weight: bold;
border-radius: 16px;
text-align: center;
}

.banner-attention-v1-title-main {
margin-bottom: 5px;
color: #4651a7;
font-size: 22px;
letter-spacing: 0.5px;
font-weight: 770;
}

.banner-attention-v1-content {
color: #000;
font-family: Tahoma;
font-size: 14px;
line-height: 1.2rem;
}

.phone-v1 {
padding: 5px;
background: #092a55;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
}

.banner-attention-content-contacts {
padding-right: 10px;
color: #092a55;
font-family: Tahoma;
Font-size: 15px;
font-weight: bold;
white-space: nowrap;
}

.banner-attention-content-dop {
padding-right: 10px;
color: #000;
font-family: Tahoma;
Font-size: 14px;
white-space: nowrap;
}

.btn {
transition: all 0.3s ease-in-out;
font-family: "Dosis", sans-serif;
}

.btn {
width: 150px;
height: 35px;
border-radius: 8px;
background-image: linear-gradient(135deg, rgb(238 158 99) 0%, #ea5455 100%);
box-shadow: 0 10px 20px -6px rgb(176 176 176 / 50%);
outline: none;
cursor: pointer;
border: none;
font-size: 15px;
font-weight: 600;
color: white;
}

.btn2 {
background: white;
border: 1px solid #092a55;
color: #092a55;
}

.btn:hover {
transform: translateY(2px);
box-shadow: none;
}

.btn:active {opacity: 0.3;}

.b24-form-control-label {text-align: left;}

.b24-form-sign-abuse {display: none !important;}

@media (max-width: 1000px) {
.banner-attention-v1 {grid-template-columns: 150px min-content 1fr 1fr;}
.banner-attention-v1-item1 {grid-row: span 1;}
.banner-attention-v1-item2 {grid-column: span 3; grid-row: span 1;}
.banner-attention-v1-item3 {border-left: none; border-top: 2px dotted #c0c0c0;}
.banner-attention-v1-item4, .banner-attention-v1-item5, .banner-attention-v1-item6 {border-top: 2px dotted #c0c0c0;}
.banner-attention-v1-item5, .banner-attention-v1-item8 {flex-direction: row; justify-content: left; align-items: center;}
.view-content {text-align: center;}
#header, .main-wrapper {margin: auto 8px !important;}
}

/* [13.11.2026] Страница «Новости» (/novosti): в плитке картинка слева, справа дата, заголовок и текст,
   под текстом строка счётчиков: просмотры, лайки, комментарии (.news-counters добавляет kva/web.js).
   Порядок элементов в .views-row: картинка, дата, заголовок, текст, счётчики.
   Ряд плиток сделан flex, чтобы пробелы между плитками не переносили вторую плитку на новую строку. */
.view-news.view-display-id-page .view-content {
  clear: both; /* заголовок страницы выше — float: left */
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.view-news .views-row.volodyan-novosti {
  display: grid;
  width: 50% !important;
  grid-template-columns: clamp(120px, 42%, 250px) minmax(0, 1fr);
  grid-template-rows: auto auto auto auto 1fr;
  column-gap: 20px;
  box-sizing: border-box;
  padding: 0 20px 30px 0 !important;
  text-align: left;
}
.view-news .views-row.volodyan-novosti > * {
  grid-column: 2;
  min-width: 0;
}
.view-news .views-row.volodyan-novosti > .views-field-field-news-img {
  grid-column: 1;
  grid-row: 1 / -1;
  margin: 0;
  text-align: left;
}
.view-news .views-row.volodyan-novosti > .views-field-field-news-img img {
  display: block;
  width: 100%;
  height: auto;
}
.view-news .views-row.volodyan-novosti > .views-field-created {
  margin-top: 2px;
}
/* заголовок новости (в представлении у него нет своего класса) */
.view-news .views-row.volodyan-novosti > span:not(.views-field) {
  margin: 6px 0 8px;
  font-size: 16px;
  line-height: 1.25;
}
.view-news .views-row.volodyan-novosti > .views-field-body {
  max-width: none;
}
.view-news .views-row.volodyan-novosti > .views-field-body p {
  margin: 0 0 6px;
}
.view-news .views-row.volodyan-novosti > .views-field-body p:last-child {
  margin-bottom: 0;
}
.view-news .news-counters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 10px;
  font-size: 13px;
  line-height: 1;
  color: #555;
}
.view-news .news-counter {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}
.view-news .news-counter svg {
  flex: none;
}
/* до 900px: по одной плитке в строке, текст справа от картинки */
@media (max-width: 900px) {
  .view-news .views-row.volodyan-novosti {
    width: 100% !important;
    padding-right: 0 !important;
  }
}
/* до 560px (телефоны): картинка сверху, под ней дата, заголовок, текст и счётчики */
@media (max-width: 560px) {
  .view-news .views-row.volodyan-novosti {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    padding-bottom: 28px !important;
  }
  .view-news .views-row.volodyan-novosti > * {
    grid-column: 1;
  }
  .view-news .views-row.volodyan-novosti > .views-field-field-news-img {
    grid-row: auto;
    margin: 0 0 8px;
    text-align: center;
  }
  .view-news .views-row.volodyan-novosti > .views-field-field-news-img img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .view-news .views-row.volodyan-novosti > span:not(.views-field) {
    font-size: 15px;
  }
}
/* [13.11.2026] Страница новости: строка счётчиков (#mainDop из kva/web.js) стоит под текстом статьи */
#main #mainDop {
  clear: both;
  flex-wrap: wrap;
  margin: 20px 0 10px;
}
/* [13.11.2026] До 1000px у .main-wrapper нет нижнего отступа (правило выше: margin: auto 8px),
   а #container (margin-bottom -76px) и #footer (margin-top 60px) дают нахлёст подвала на 16px:
   на странице новости он закрывал строку счётчиков и форму комментария. */
@media (max-width: 1000px) {
  .node-type-news .main-wrapper {
    margin-bottom: 40px !important;
  }
}

/* [13.11.2026] Баннер «Внимание!» на главной: выводит roso_kvadro_banner_attention() (template.php),
   данные из панели /kvadro/kvadroservice-banner-attention.php. Базовые стили баннера — выше (.banner-attention-v1). */
.kvadro-attention-site {
  max-width: 1240px;
  margin: 10px auto 15px;
  box-sizing: border-box;
}
.kvadro-attention-site .banner-attention-v1 {
  max-width: none;
  box-sizing: border-box;
}
.kvadro-attention-site a {
  text-decoration: none;
}
@media (max-width: 1000px) {
  .kvadro-attention-site {
    margin: 10px 8px 15px;
  }
  .kvadro-attention-site .banner-attention-v1 {
    min-width: 0;
  }
}
/* телефоны: картинка скрыта, текст на всю ширину, ниже телефон и почта с кнопками */
@media (max-width: 700px) {
  .kvadro-attention-site .banner-attention-v1 {
    grid-template-columns: 45px minmax(0, 1fr);
  }
  .kvadro-attention-site .banner-attention-v1-item1,
  .kvadro-attention-site .banner-attention-v1-item3 {
    display: none;
  }
  .kvadro-attention-site .banner-attention-v1-item2 {
    grid-column: 1 / -1;
    grid-row: auto;
    padding: 15px 12px 10px;
  }
  .kvadro-attention-site .banner-attention-v1-item4,
  .kvadro-attention-site .banner-attention-v1-item7 {
    grid-column: 1;
    padding: 10px 0 8px 12px;
    border-top: 2px dotted #c0c0c0;
  }
  .kvadro-attention-site .banner-attention-v1-item5,
  .kvadro-attention-site .banner-attention-v1-item8 {
    grid-column: 2;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 12px 8px 8px;
    border-top: 2px dotted #c0c0c0;
  }
  .kvadro-attention-site .banner-attention-v1-item6,
  .kvadro-attention-site .banner-attention-v1-item9 {
    grid-column: 1 / -1;
    align-items: stretch;
    padding: 0 12px 12px;
    border-top: 0;
  }
  .kvadro-attention-site .banner-attention-v1-item6 a,
  .kvadro-attention-site .banner-attention-v1-item9 a {
    display: block;
  }
  .kvadro-attention-site .banner-attention-content-contacts,
  .kvadro-attention-site .banner-attention-content-dop {
    padding-right: 0;
    white-space: normal;
  }
  .kvadro-attention-site .btn {
    width: 100%;
  }
}