.hidden {
    display: none; 
    visibility: hidden;
}

.uc-intro > .t-cover {
    background: transparent;
    background-image: url("https://riverwatch.ecocentrum.ru/sites/default/files/klimat_navi/dotsphere.png"), linear-gradient(0.256turn,#1f5980 0%,#7d785a 50%,#542234 100%) !important;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto 80%, auto;
}


.uc-intro {
    border-bottom: 15px;
    border-image: linear-gradient(90deg, rgba(64,137,193,1) 0%, rgba(252,198,114,1) 50%, rgba(172,27,40,1) 100%) 1;
    border-style: solid;    
}

.uc-news {
    background: transparent;
    background-image: url("https://riverwatch.ecocentrum.ru/sites/default/files/klimat_navi/black_dots_03.png"), linear-gradient(0.256turn,#4089c1 0%,#fac371 50%,#ae212f 100%) !important;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size:  clamp(30%, 40%, 50%) auto, auto;
}

.uc-accordeon {
    background: transparent;
    background-image: url("https://riverwatch.ecocentrum.ru/sites/default/files/klimat_navi/dot_cloud.png"), linear-gradient(0.256turn,#1f5980 0%,#7d785a 50%,#542234 100%) ;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto clamp(70%, 75%, 80%), auto;
}

.uc-accordeon .t849__accordion {
    background-color: rgba(255,255,255,0.9);
    padding: 0 25px;
}

h2 {
    text-shadow: 0px 2px 20px rgba(0, 0, 0, 0.5)
}

.uc-aboutus {
    background: transparent;
    background-image: url("https://riverwatch.ecocentrum.ru/sites/default/files/klimat_navi/dots_on_side.png"), linear-gradient(0.256turn,#4089c1 0%,#fac371 50%,#ae212f 100%) !important;
    background-repeat: no-repeat;
    background-position: right center;
}

.moreButton {
    color: rgb(30, 30, 30); 
    background-color: rgb(255, 204, 0); 
    border-radius: 30px; 
    opacity: 1; 
    display: inline-block;
}

.t1032 .t-text {
    text-align: justify;
}

.bttn-pill {
    color:#1e1e1e;
    background-color:#ffcc00;
    border-radius:30px; 
    -moz-border-radius:30px; 
    -webkit-border-radius:30px;
    text-align: center;
    height: 60px;
    border: 0 none;
    font-size: 16px;
    padding-left: 60px;
    padding-right: 60px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    font-family: 'Evolventa', Arial, sans-serif;
    text-transform: uppercase;
}

.uc-backtomain {
    background-color: #ffffff;
    position: fixed;
    top: 0;
    height: 60px;
    z-index: 990;
    width: 100%;
}

.uc-moreinfo > div > .t-container > div > div:nth-child(1) {
    background-color: rgba(63, 137, 193, 0.3);
}
.uc-moreinfo > div > .t-container > div > div:nth-child(2) {
    background-color: rgba(162, 171, 154, 0.3);
}
.uc-moreinfo > div > .t-container > div > div:nth-child(3) {
    background-color: rgba(237, 164, 99, 0.5);
}
.uc-moreinfo > div > .t-container > div > div:nth-child(4) {
    background-color: rgba(173, 30, 41, 0.3);
}


.uc-moreinfo-mobile, .uc-moreinfo {
    hyphens: auto;
}




@media screen and (min-width: 960px) { 

    
    .uc-topmenu .t229 {
        background: linear-gradient(90deg, rgba(201,221,236,1) 0%, rgba(254,239,216,1) 50%, rgba(231,191,195,1) 100%); 
        border-bottom: 15px;
        border-image: linear-gradient(90deg, rgba(64,137,193,1) 0%, rgba(252,198,114,1) 50%, rgba(172,27,40,1) 100%) 1;
        border-style: solid;
    }
        
    .uc-topmenu .t229 li {
        white-space: break-spaces;
        width: min-content;
    }
    
    .uc-topmenu .t229 ul {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
}



@media screen and (max-width: 960px) { 
    
    .uc-topmenu .t229 {
        background: white; 
        border: 0;
    }
    .uc-topmenu .t229 ul {
        flex-direction: column;
    }
    
    .t838 .t-site-search-input {
        display: flex;
        flex-flow: row;
        gap: 1rem;
    }
    
    .t838 .t838__blockbutton {
        width: unset;
    }
    

}


@media screen and (max-width: 640px) { 
    
    .uc-intro > .t-cover {
        background-size: auto 50%, auto;
        height: 55vh !important;
    }

}