html,
    body {
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
        color: #00333C;
        background: #E5E5E5;
    }
    
h1,h2,h3,h4,strong {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #1B4E9B;
} 

.uk-background-primary {
    background-color: #0033A0;
}

.uk-card-primary {
    background-color: #0033A0;
}


.uk-heading-3xlarge, .uk-heading-2xlarge, .uk-heading-xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #cf4520;
} 

    
/* div#preloader.active {
    opacity: 1;
}

div#preloader.hidden {
    z-index: -999999;
} */

em {
    color: #0033A0;
}
/* 
div#preloader {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 999999;
    background: #E5E5E5;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .4s ease;
} */
    
    body.overflow {
    overflow: hidden;
}
    
    .wrap {
        margin-left: 100px;
        position: relative;
    }
    
    header {
        background: #0033A0;
        z-index: 1;
        position: relative;
    }
    
    div#left_bar {
        width: 100px;
        height: 100vh;
        background: rgba(0, 38, 118, 1);
        z-index: 99;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        transition: width .2s ease-in-out;
        overflow-y: auto;
         -ms-overflow-style: none;
    scrollbar-width: none;
    }
    
    div#left_bar::-webkit-scrollbar { 
    width: 0px; 
    background: transparent;
}


    
    div#left_bar.open {
        width: 790px;
    }
    
    a#menu {
        position: absolute;
        height: 24px;
        width: 24px;
        left: 38px;
        top: 30px;
    }
    
    #callback {
        position: absolute;
        display: inline-block;
        width: 18px;
        height: 15px;
        left: 38px;
        top: 120px;
        transform: translateY(-50%);
        right: inherit;
        padding: 0;
    }

    
    #nav-toggle {
        position: absolute;
        display: inline-block;
        width: 18px;
        height: 15px;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        right: inherit;
        padding: 0;
    }
    
    #nav-toggle span {
        position: absolute;
        left: 0;
        top: 7px;
    }
    
    #nav-toggle span,
    #nav-toggle span:before,
    #nav-toggle span:after {
        position: absolute;
        display: block;
        content: '';
        height: 2px;
        width: 20px;
        background: white;
        border-radius: 1px;
        cursor: pointer;
    }
    
    #nav-toggle span:before {
        top: -8px;
    }
    
    #nav-toggle span:after {
        bottom: -8px;
    }
    
    #nav-toggle span,
    #nav-toggle span:before,
    #nav-toggle span:after {
        transition: all 200ms ease-in-out;
    }
    
    #nav-toggle.active span {
        background-color: transparent;
    }
    
    #nav-toggle.active span:before,
    #nav-toggle.active span:after {
        top: 0;
    }
    
    #nav-toggle.active span:before {
        transform: rotate(45deg);
    }
    
    #nav-toggle.active span:after {
        transform: rotate(-45deg);
    }
    
    #menu:hover #nav-toggle span:after {
        bottom: -10px;
    }
    
    #menu:hover #nav-toggle span:before {
        top: -10px;
    }
    
    #menu:hover #nav-toggle.active span:before {
        top: 0;
    }
    /*
    body.overflow {
        overflow: hidden;
    }
    */
    body.overflow:after {
        content: '';
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgb(0 0 0 / 70%);
        z-index: 97;
    }
    
    header .uk-slider {
        position: relative;
        width: 100%;
    }
    
    header.main .uk-slider ul.uk-slider-items> li {
        position: relative;
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1920 800' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100' height='800' fill='%23002676'/%3E%3Crect width='1920' height='800' fill='%230033A0'/%3E%3Cg clip-path='url(%23clip0_774_44)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1920 0.00439453V799.996H0V0.00439453H1920Z' fill='%230033A0'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M687.847 0L0 397.131V0H687.847Z' fill='url(%23paint0_linear_774_44)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1707.68 68C1721.25 68 1733.97 71.7743 1744.87 78.2901L1963 204.016V820.466L1757.35 939H1660.38C1654.25 933.815 1648.9 927.498 1644.66 920.168C1637.9 908.448 1634.79 895.555 1635.01 882.862V140.547C1635.01 136.316 1635.37 132.184 1636.09 128.131V128.092L1636.3 126.88L1636.46 126.145L1636.58 125.589C1638.11 118.298 1640.78 111.127 1644.72 104.353C1650.09 95.0362 1657.28 87.3684 1665.58 81.5082C1677.47 73.0258 1692.02 68 1707.68 68Z' fill='url(%23paint1_linear_774_44)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_774_44' x1='786.5' y1='-246.8' x2='331' y2='208.7' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236AB9E8'/%3E%3Cstop offset='1' stop-color='%230033A0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_774_44' x1='811.453' y1='-543.905' x2='2322' y2='-99.4137' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236AB9E8'/%3E%3Cstop offset='1' stop-color='%230033A0'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_774_44'%3E%3Crect width='1920' height='800' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    min-height: 750px;
        background-repeat: no-repeat;
    background-size: cover;
    }
    
.themes-img-svg {
    width: 64%;
    height: 750px;
    display: inline-block;
    -webkit-mask: url(../images/themes.svg) no-repeat 50% 0%;
    mask: url(../images/themes.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-size: cover;
    background-position: 0% 50%;
    position: absolute;
    right: 0;
    top: 0%;
}
    
    header .uk-slider li .uk-container {
        position: relative;
        height: 100%;
        z-index: 1;
    }
    
    
    header .uk-slider li svg {
        width: 100%;
        z-index: 0;
        height: 100%;
    }
    
    header h1 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 48px;
        line-height: 109.71%;
        text-transform: uppercase;
        color: #FFFFFF;
    }
    
    header p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 30px;
        line-height: 37px;
        color: #FFFFFF;
    }
    
    .uk-button-default {
        height: 40px;
        background: #6AB9E8 !important;
        border-radius: 5px;
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 40px;
        border: 1px solid #6AB9E8 !important;
        color: #fff;
    }
    
    .uk-button-default:hover {
        background: #fff !important;
        border: 1px solid #fff !important;
        color: rgba(0, 38, 118, 1) !important;
    }
    
    header ul.uk-slider-nav {
        position: absolute;
        bottom: 15px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .uk-slider li .uk-position-center-left {
        left: 40px;
    }
    
    div#topBar {
        position: fixed;
        top: 0;
        left: 100px;
        width: calc(100% - 100px);
        height: 100px;
        z-index: 97;
        box-sizing: border-box;
        padding: 0 40px;
    }
    
    div#topBar.active {
        background: #fff;
        height: 80px;
        padding: 0 40px;
    }
    
    div#topBar.active a {
        color: rgba(27, 78, 155, 1);
    }
    
    div#topBar.active .logo svg path.logo_text{
        fill: rgba(27, 78, 155, 1);
    }
    
    div#topBar.active .logo svg line.logo_text {
    stroke: rgba(27, 78, 155, 1);
    }
    
    .logo {
        float: left;
        margin-right: 24px;
        margin-top: 10px;
    }
    
    .logo a {
        display: block;
    }
    
    .logo svg {
        height: 60px;
    }
    
    #topBar nav {
        float: left;
    }
    
    #topBar nav li {
        display: inline-block;
        margin: 0;
        padding-right: 6px;
    }
    
    #topBar nav li a {
        display: block;
        color: #fff;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 80px;
        text-transform: uppercase;
        transition: all .1s ease-in-out;
        height: 80px;
        white-space: nowrap;
        position: relative;
        padding: 0 4px;
    }
    
    #topBar nav li.active a:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 3px;
        background: #E54D2A;
    }
    
    #topBar nav li a:hover {
        text-decoration: none;
        opacity: 0.8;
    }
    
    #topBar .phone {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 80px;
        text-transform: uppercase;
        color: #FFFFFF;
        height: 80px;
        padding-left: 30px;
        padding-right: 30px;
        position: relative;
    }
    
    #topBar .phone.open {
        font-size: 14px;
    }
    
    #topBar .phone:hover {
        text-decoration: none;
        opacity: 0.8;
    }
    
    #topBar .phone>div>span {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    
    div#phone_text {
    font-size: 12px;
}

.pr_assistent:hover {
    text-decoration: none;
    opacity: 0.8;
}

a.pr_assistent  {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 80px;
    text-transform: uppercase;
    color: #FFFFFF;
    height: 80px;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    text-decoration: none
}

span.material-icons.bolt {
    position: absolute;
    left: inherit;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .1s ease-in-out;
}
    
 #topBar .login {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    height: 40px;
    position: relative;
    margin-left: 40px;
    transition: all .1s ease-in-out;
    line-height: 40px;
    margin-top: 20px;
    text-align: center;
    background: #cf4520;
    border-radius: 50%;
    color: #fff !important;
    font-size: 14px;
    text-transform: uppercase;
}
    
    #topBar .login:hover {
        opacity: 0.8;
        text-decoration: none;
    }
    
    #topBar .login>span {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    
h2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 32px;
    color: #0033A0;
}
    
    .head_title {
        position: relative;
        z-index: 1;
    }
    
    .right_block_title {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    
    .tags_button {
        height: 40px;
        padding: 0 25px;
        line-height: 40px;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        text-transform: uppercase;
        color: #6AB9E8;
        transition: all .1s ease-in-out;
    }
    
    .tags_button:hover {
        text-decoration: none;
        color: #0033A0;
    }
    
    .bg_title>.uk-container {
        position: relative;
    }
    
    .bg_title>.uk-container:before {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 518 373' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M321.688 65.7827L410.391 119.271C413.783 121.318 413.783 126.26 410.391 128.308L216.379 245.368C213.662 247.625 213.88 252.025 217.034 253.929L306.212 307.713C309.613 309.76 309.613 314.702 306.212 316.749L217.519 370.238C214.013 372.352 209.539 369.819 209.539 365.714V258.738C209.539 254.643 205.073 252.11 201.568 254.224L113.349 307.427C109.844 309.531 105.369 307.008 105.369 302.904V70.3059C105.369 66.2017 109.844 63.6687 113.349 65.7827L217.034 128.308L305.737 181.796C309.243 183.91 313.708 181.377 313.708 177.273V70.3059C313.708 66.2017 318.173 63.6687 321.688 65.7827Z' stroke='white' stroke-width='2'/%3E%3Cpath d='M1 7.27614V114.252C1 118.357 5.46509 120.89 8.97065 118.776L97.6739 65.2875C101.075 63.2402 101.075 58.298 97.6739 56.2506L8.97065 2.76245C5.46509 0.648447 1 3.18145 1 7.27614Z' stroke='white' stroke-width='2'/%3E%3Cpath d='M1 132.907V239.883C1 243.988 5.46509 246.521 8.97065 244.407L97.6739 190.919C101.075 188.862 101.075 183.929 97.6739 181.882L8.97065 128.393C5.46509 126.27 1 128.812 1 132.907Z' stroke='white' stroke-width='2'/%3E%3Cpath d='M209.339 7.27614V114.252C209.339 118.357 213.804 120.89 217.31 118.776L306.013 65.2875C309.414 63.2402 309.414 58.298 306.013 56.2506L217.31 2.76245C213.804 0.648447 209.339 3.18145 209.339 7.27614Z' stroke='white' stroke-width='2'/%3E%3Cpath d='M417.773 258.538V365.515C417.773 369.609 422.248 372.142 425.753 370.028L514.456 316.54C517.848 314.493 517.848 309.56 514.456 307.503L425.753 254.015C422.248 251.901 417.773 254.434 417.773 258.538Z' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
        max-width: 500px;
        width: 40%;
        height: 400px;
        position: absolute;
        left: 0;
        top: -130px;
        background-repeat: no-repeat;
        z-index: 0;
    }
    
    .news_item a {
        position: relative;
        display: block;
        height: 480px;
        z-index: 1;
        background: #DBE4F0;
        border-radius: 5px;
        transition: all .2s linear;
    }
    
    .news_item a:hover {
        box-shadow: 0px -10px 50px #FFFFFF, 0px 10px 50px rgba(0, 0, 0, 0.25);
    }
    
    .news_item a .footer_news_item {
        padding: 30px;
        position: absolute;
        left: 0;
        bottom: 0;
        transition: all 0s linear;
        width: 100%;
        box-sizing: border-box;
    }
    
    .news_item a:hover .footer_news_item {
        background: #fff;
    }
    
    .news_item a:hover .footer_news_item h4 {
        color: rgba(0, 51, 60, 1);
    }
    
    .news_item_img {
        position: relative;
        width: 100%;
        height: 100%;
        transition: all .1s linear;
    }
    
    .news_item_img span.material-icons {
        color: #fff;
        font-size: 48px;
    }
    
    .digest  .news_item_img::before {
        content: '';
        display: none;
    }
    
    .news_item_img::before {
        content: '';
        background: linear-gradient(360deg, #0033A0 0%, rgba(0, 51, 160, 0) 53.42%), linear-gradient(194.25deg, #6AB9E8 -1.93%, rgba(106, 185, 232, 0) 41.31%);
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        transition: all .1s linear;
    }
    
    .news_item_img.hover::before {
        content: '';
        background: linear-gradient(360deg, #0033A0 5%, rgba(0, 51, 160, 0) 100%), linear-gradient(194.25deg, #6AB9E8 -1.93%, rgba(106, 185, 232, 0) 41.31%);
    }
    
    .news_item a .footer_news_item h4 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
        color: #FFFFFF;
    }
    
    .news_item.digest a .footer_news_item h4 {
        color: #00333C;
    }
    
    .news_item a .footer_news_item .uk-flex>div {
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 16px;
        text-transform: uppercase;
        color: #6AB9E8;
    }
    
    .source {
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 16px;
        text-transform: uppercase;
        color: #FFFFFF;
        text-align: center;
        display: block;
        opacity: 0;
    }
    
    .news_item a:hover .source {
        opacity: 1;
    }
    
    .uk-button-more {
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 16px;
        text-transform: uppercase;
        color: #6AB9E8;
        border: none;
        background: transparent;
        display: table;
        transition: all .2s ease-in-out;
    }
    
    .uk-button-more span {
        display: block;
        text-align: center;
    }
    
    .uk-button-more:hover {
        cursor: pointer;
        opacity: 0.8;
    }
    
    .uk-button-more:hover>span {
        animation-name: rotation;
        animation-duration: 5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }
    
    @keyframes rotation {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    
    #banner_main {
        position: relative;
        z-index: 1;
    }
    
    #banner_main .uk-slider-items>li {
        min-height: 400px;
    }
    
    #banner_main li>a>div {
        min-height: 400px;
    }
    
    #banner_main ul li .uk-container {
        min-height: 400px;
        position: relative;
    }
    
    #banner_main ul.uk-slider-nav {
        position: absolute;
        bottom: 15px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    #banner_main .uk-flex {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    
    #banner_main h4 {
        margin: 0;
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 29px;
        color: #FFFFFF;
    }
    
    .banner_date {
        font-style: normal;
        font-weight: bold;
        font-size: 32px;
        line-height: 117%;
        color: #FFFFFF;
        margin-bottom: 21px;
        white-space: nowrap;
    }
    
    .banner_place {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 21px;
        line-height: 29px;
        color: #FFFFFF;
    }
    
    .banner_address {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 29px;
        color: #FFFFFF;
        white-space: nowrap;
    }
    
    .uk-button-orange {
        height: 40px;
        background: #e54d2a !important;
        border-radius: 5px;
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 40px;
        border: 1px solid #e54d2a !important;
        color: #fff;
    }
    
    .uk-button-orange:hover {
        background: #fff !important;
        border: 1px solid #fff !important;
        color: rgba(0, 38, 118, 1) !important;
    }
    
    #materials_slider {
        position: relative;
        z-index: 1;
    }
    
    .pdf_icon {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 82 82' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.0105 0H64.2804C65.7099 0 66.8729 1.17108 66.8729 2.59253V70.1842C66.8729 71.6137 65.7099 72.7767 64.2804 72.7767H18.0105C16.581 72.7767 15.418 71.6137 15.418 70.1842V2.59253C15.418 1.17108 16.581 0 18.0105 0Z' fill='white'/%3E%3Cpath d='M15.418 80.9259V65.1445C15.418 64.5388 16.0802 64.1592 16.5971 64.4742L29.7213 72.3648C30.214 72.6718 30.214 73.3986 29.7213 73.7055L16.5971 81.5962C16.0802 81.9112 15.418 81.5316 15.418 80.9259Z' fill='%236AB9E8'/%3E%3Cpath d='M45.1392 45.8903L1.20339 72.3406C0.686497 72.6475 0.0242293 72.276 0.0242293 71.6703L0 18.8181C0 18.2124 0.662267 17.8328 1.17916 18.1478L45.1392 44.5577C45.6399 44.8565 45.6399 45.5834 45.1392 45.8903Z' fill='%231B4E9B'/%3E%3Cpath d='M30.8521 71.6864V55.897C30.8521 55.2913 31.5143 54.9197 32.0312 55.2266L45.1554 63.1254C45.6561 63.4242 45.6561 64.1511 45.1554 64.458L32.0312 72.3487C31.5143 72.6637 30.8521 72.2841 30.8521 71.6864Z' fill='%231B4E9B'/%3E%3Cpath d='M15.418 8.50439V24.2938C15.418 24.8995 16.0722 25.2711 16.5971 24.9561L29.7133 17.0654C30.2221 16.7666 30.2221 16.0316 29.7133 15.7328L16.5971 7.84212C16.0722 7.52714 15.418 7.89866 15.418 8.50439Z' fill='%23E54D2A'/%3E%3C/svg%3E");
        width: 82px;
        height: 82px;
        background-repeat: no-repeat;
        background-position: center;
        transition: all .2s ease-in-out;
        position: relative;
    }
    
    .pdf_icon span.extension {
        position: absolute;
        top: 8px;
        left: 34px;
        font-size: 21px;
        text-transform: uppercase;
        font-weight: bold;
        color: #1B4E9B;
        letter-spacing: -2px;
        font-family: Montserrat;
        font-style: normal;
    }
    
    #materials_slider strong {
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 16px;
        text-transform: uppercase;
        color: #6AB9E8;
    }
    
    #materials_slider p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
        color: #2B2A29;
        margin-top: 10px;
    }
    
    #materials_slider .uk-slider-items li>a {
        display: block;
        padding: 15px;
        box-sizing: border-box;
        border-radius: 5px;
        transition: all .1s ease-in-out;
    }
    
    #materials_slider .uk-overlay {
        margin: -30px -30px -30px -10px;
        padding: 30px 30px 30px 10px;
    }
    
    #materials_slider a:hover {
        text-decoration: none;
        background: #fff;
        box-shadow: 0 0 30px rgb(0 0 0 / 18%);
    }
    
    #materials_slider li {
        margin-bottom: 20px;
    }
    
    #materials_slider .uk-slider-nav {
        margin-top: 50px !important;
    }
    
    #materials_slider .uk-dotnav>.uk-active>* {
        background-color: rgba(106, 185, 232, 1);
    }
    
    #materials_slider .uk-dotnav>*>* {
        border: 1px solid rgba(106, 185, 232, 1);
    }
    
    .uk-dotnav>.uk-active>*,
    .uk-dotnav>*>:focus,
    .uk-dotnav>*>:hover {
        background-color: rgba(106, 185, 232, 1) !important;
    }
    
    .uk-dotnav>*>*,
    .uk-light .uk-dotnav>*>* {
        border: 1px solid rgba(106, 185, 232, 1);
    }
    
    #materials.bg_title>.uk-container:after {
        content: '';
        top: -240px;
    }
    
    .action_wrap_item {
        background: #FFFFFF;
        border-radius: 5px;
        padding: 50px 50px;
        margin: 110px 0;
        transition: all .2s ease-in-out;
        min-height: 300px;
        position: relative;
    }
    
    .action_wrap_item a {
        position: absolute;
        bottom: 50px;
    }
    
    .action_wrap_item:hover {
        box-shadow: 0 0 60px rgb(0 0 0 / 18%);
    }
    
    .action_one {
        position: relative;
    }
    
    .action_wrap_item img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -30px;
    }
    
    .action_wrap_item_info {
        margin-left: 65%;
    }
    
    #action h4 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 100%;
        color: #0033A0;
        position: relative;
        margin-bottom: 75px;
        display: table;
    }
    
    #action h4:after {
        content: '';
        background: #6AB9E8;
        height: 2px;
        width: 60%;
        position: absolute;
        bottom: -22px;
        left: 0;
        display: block;
    }
    
    .uk-button {
        white-space: nowrap;
    }
    
    #action .hover {
        z-index: 1;
    }
    
    #action .uk-button-orange:hover {
        background: #6ab9e8 !important;
        border: 1px solid #6ab9e8 !important;
        color: #fff !important;
    }
    
    .action_two .action_wrap_item_info {
        margin-left: 0;
    }
    
    .action_two .action_wrap_item {
        padding: 50px 50px;
    }
    
    #mass_media.bg_title>.uk-container:after {
        content: '';
        width: 30%;
        top: -75px;
    }
    
    #mass_media .head_title a,
    #mass_media .head_title p {
        font-style: normal;
        font-weight: normal;
        font-size: 21px;
        line-height: 31px;
        color: #00333C;
        margin: 0;
    }
    
    #mass_media h2 {
        margin-top: 50px;
    }
    
    .mass_media_link {
        display: block;
        height: 280px;
        position: relative;
        border-radius: 5px;
        overflow: hidden;
        transition: all .2s ease-in-out;
    }
    
    .mass_media_link.fotobank::after {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 388 225' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 224.012L388 0V224.012H225.796L271.196 196.707C274.64 194.615 274.64 189.572 271.196 187.478L180.396 132.868C176.827 130.708 172.235 133.293 172.235 137.479V224.012H0Z' fill='%230033A0'/%3E%3Cpath d='M279.047 182.73V73.504C279.047 69.3176 283.608 66.7327 287.208 68.8926L377.977 123.503C381.452 125.594 381.452 130.637 377.977 132.731L287.208 187.342C283.608 189.502 279.047 186.916 279.047 182.73Z' fill='%23E54D2A'/%3E%3C/svg%3E");
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        background-repeat: no-repeat;
        background-position: bottom;
    }
    
    .mass_media_link.corporate_style::after {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 388 225' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 224.012L388 0V224.012H225.796L271.196 196.707C274.64 194.615 274.64 189.572 271.196 187.478L180.396 132.868C176.827 130.708 172.235 133.293 172.235 137.479V224.012H0Z' fill='%230033A0'/%3E%3Cpath d='M279.047 182.73V73.504C279.047 69.3176 283.608 66.7327 287.208 68.8926L377.977 123.503C381.452 125.594 381.452 130.637 377.977 132.731L287.208 187.342C283.608 189.502 279.047 186.916 279.047 182.73Z' fill='%236AB9E8'/%3E%3C/svg%3E");
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        background-repeat: no-repeat;
        background-position: bottom;
    }
    
    .mass_media_link h4 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 29px;
        color: #FFFFFF;
        position: absolute;
        top: 30px;
        left: 30px;
    }
    
    .mass_media_link:hover {
        opacity: 0.8;
    }
    
    #logo_block_main {
        background: #fff;
        padding: 120px 0;
    }
    
    footer {
        background: #0033A0;
        position: relative;
    }
    
    footer ul {
        margin-bottom: 40px;
    }
    
    footer ul li {
        margin: 12px 0;
    }
    
    footer ul li a {
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 120%;
        text-transform: uppercase;
        color: #FFFFFF;
    }
    
    footer ul li:first-child a {
        font-weight: bold;
    }
    
    footer .uk-list>*>ul,
    footer .uk-list>:nth-child(n+2) {
        margin-top: 3px;
    }
    
    footer h4 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 29px;
        color: #FFFFFF;
        margin-bottom: 60px;
    }
    
    footer strong {
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 18px;
        color: #FFFFFF;
    }
    
    footer p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 21px;
        color: #FFFFFF;
        margin: 40px 0;
    }
    
    .link_href {
        display: block;
        color: #fff;
        margin-bottom: 10px;
    }
    
    footer a {
        transition: all .1s ease-in-out;
    }
    
    footer a:hover,
    footer li.active a,
    footer a:hover strong,
    footer a.active strong {
        text-decoration: none;
        color: #6ab9e8;
    }
    
    header.default {
        padding: 100px 0 40px;
        background: #69B3E7;
    }
    
    header.default h1 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 117%;
        color: #FFFFFF;
    }
    
    .submenu {
        position: relative;
    overflow: hidden;
    }
    
    .submenu li a {
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 16px;
        text-transform: uppercase;
        color: #FFFFFF;
        padding: 12px 12px;
        background: #5299D1;
        border-radius: 5px;
        display: block;
        white-space: nowrap;
        transition: all .1s ease-in-out;
        height: auto;
    }
    
    .submenu li.active a,
    .submenu li a:hover {
        background: #fff;
        color: #6AB9E8;
        box-shadow: 0px -10px 20px rgba(255, 255, 255, 0.3), 0px 10px 20px rgba(27, 78, 155, 0.3);
        text-decoration: none;
    }
    
    .submenu .uk-overlay {
        margin: 0 0 0 -10px;
    padding: 0 30px 0 10px;
    }
    
    .uk-inline.datarange {
        height: 40px;
        position: relative;
    }
    
    .uk-inline.datarange input, .uk-inline.region select {
        height: 40px;
        line-height: 40px;
        background: #fff;
        border: none;
        padding: 0 10px 0 40px;
        border-radius: 5px;
        box-sizing: border-box;
        color: #6AB9E8;
        font-size: 14px;
        font-family: 'Montserrat', sans-serif;
        width: 240px;
    }
    
    .uk-inline.datarange>span, .uk-inline.region>span {
        color: #6AB9E8;
        font-size: 18px;
    }
    
    .uk-inline.datarange input::placeholder {
        color: #6AB9E8;
    }
    
    .uk-inline.datarange input:focus,
    .uk-inline.datarange input:hover {
        border: none !important;
        box-shadow: none;
        outline: none;
    }
    
    .submenu .uk-slider {
        position: relative;
        box-sizing: border-box;
    }
    
    .sub_nav_slider a.uk-position-center-right {
        background: rgb(105, 179, 231);
        background: linear-gradient( 90deg, rgba(105, 179, 231, 0) 0%, rgba(105, 179, 231, 1) 45%);
        margin: 15px 0 0;
        padding: 40px 0 40px 40px;
        box-sizing: border-box;
        right: -35px;
    }
    
    .sub_nav_slider a.uk-position-center-left {
        background: rgb(105, 179, 231);
        background: linear-gradient(90deg, rgba(105, 179, 231, 1) 45%, rgba(105, 179, 231, 0) 100%);
        margin: 15px 0 0;
        padding: 40px 40px 40px 10px;
        box-sizing: border-box;
        left: -10px;
    }
    
    .submenu .uk-slider span.material-icons-outlined {
        color: #fff;
        opacity: 0.8;
    }
    
    .submenu .uk-slider span.material-icons-outlined:hover {
        opacity: 1;
    }
    
    #resultFilterButton {
        position: absolute;
        top: -50px;
        height: 40px;
        line-height: 40px;
        padding: 0 15px;
        background: rgb(207, 69, 32);
        border-radius: 5px;
        color: #fff;
        font-size: 10px;
        text-transform: uppercase;
        right: 0;
        transition: all .1s ease-in-out;
        display: none;
        border: none;
    }
    
    #resultFilterButton.active {
        display: table;
    }
    
    #resultFilterButton:after {
        content: '';
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        margin-left: -5px;
        left: 80%;
        border-top: 5px solid rgb(207, 69, 32);
        bottom: -5px;
        position: absolute;
    }
    
    #resultFilterButton:hover {
        text-decoration: none;
        transform: scale(1.05);
        cursor: pointer;
    }
    
    .closeDate {
        position: absolute;
        color: #000;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        color: #cf4520 !important;
    }
    
    .closeDate:hover {
        cursor: pointer;
        opacity: 0.8;
    }
    
    a#searchMenu {
        position: absolute;
        color: #fff;
        top: 75px;
        left: 38px;
        transition: all .1s ease-in-out;
    }
    
    a#callback {
        position: absolute;
        color: #fff;
        transition: all .1s ease-in-out;
    }
    
    a#callback:hover {
        transform: scale(1.1);
    }
    
    
    a#searchMenu:hover {
        transform: scale(1.1);
    }
    
    #leftBarWrap {
        margin-left: 100px;
        box-sizing: border-box;
        display: none;
        padding: 30px 40px;
        color: #fff;
    }
    
    #leftBarWrap .uk-search-input {
        display: block;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 240%;
        text-transform: uppercase;
        color: #FFFFFF;
        border: 1px solid #ffffff;
        border-radius: 5px;
        padding-left: 40px;
    }
    
    #leftBarWrap .uk-search-input::placeholder {
        color: #fff;
    }
    
    #leftBarWrap .uk-search-input:focus {
        color: rgba(106, 185, 232, 1);
        background: #fff;
    }
    
    #leftBarWrap .uk-search-input:focus::placeholder {
        color: rgba(106, 185, 232, 1);
    }
    
    #leftBarWrap .uk-search-default {
        width: 100%;
        position: relative;
    }
    
    #leftBarWrap .uk-search-default span {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        color: #fff;
    }
    
    #leftBarWrap .uk-search-default.focus span {
        color: rgba(106, 185, 232, 1);
    }
    
    #leftBarWrap ul li:first-child a {
        font-weight: bold;
    }
    
    #leftBarWrap ul li {
        margin: 12px 0;
    }
    
    #leftBarWrap ul li a {
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 120%;
        text-transform: uppercase;
        color: #FFFFFF;
    }
    
    #leftBarWrap .uk-list>*>ul,
    #leftBarWrap .uk-list>:nth-child(n+2) {
        margin-top: 3px;
    }
    
    #leftBarWrap a:hover,
    #leftBarWrap li.active a,
    #leftBarWrap a:hover strong,
    #leftBarWrap a.active strong {
        text-decoration: none;
        color: #6ab9e8;
    }
    
    #leftBarWrap h5 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 29px;
        color: #FFFFFF;
        margin-bottom: 30px;
    }
    
    #tagsList {
        display: none;
    }
    
    #tagsList a {
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 33px;
        text-transform: uppercase;
        color: #6AB9E8;
        letter-spacing: -0.3px;
        padding: 3px 5px;
        border-radius: 3px;
        white-space: nowrap;
    }
    
    #tagsList a:hover {
        background: #6AB9E8;
        color: #fff;
    }
    
    #topBar .phone>span.arrow_down {
        position: absolute;
        left: inherit;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        transition: all .1s ease-in-out;
    }
    
    #topBar .phone.open>span.arrow_down {
        transform: translateY(-50%) rotate(180deg);
    }
    
#topBarPanel {
    color: #fff;
    position: fixed;
    top: 100px;
}

#topBarPanel .uk-offcanvas-bar {
    position: absolute;
    top: -100vh;
    height: auto;
    bottom: auto;
    left: 100px;
    box-sizing: border-box;
    width: calc(100vw - 100px);
    padding: 50px 40px 80px;
    background: #0033a0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    transform: translateY(-100vh);
}

#topBarPanel.uk-open>.uk-offcanvas-bar {
    left: 100px;
    top: 0;
    width: calc(100vw - 100px);
    box-sizing: border-box;
    transform: translateY(0);
    
}
    
    #topBarPanel h4 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 29px;
        color: #FFFFFF;
        margin-bottom: 60px;
    }
    
.uk-offcanvas-overlay::before {
    content: "";
    left: 100px;
    background: #222222ba;
}
    
    div#topBar.open {
        background: rgba(0, 51, 160, 1);
        padding: 0 40px;
        height: auto;
        z-index: 98;
    }
    
    div#topBar.active.open {
        background: rgba(0, 51, 160, 1);
    }
    
    div#topBar.active.open a {
        color: #fff;
    }
    
    div#topBar.active.open .logo svg path.logo_text {
        fill: #fff;
    }
    
    .contact-wrap a {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 21px;
        line-height: 29px;
        text-align: right;
        color: #FFFFFF;
        display: block;
    }
    
    .contact-wrap a strong {
        font-weight: bold;
    }
    
    #topBar input.uk-input,
    #topBar .uk-textarea {
        background: #5299D1;
        border-radius: 5px;
        border-color: #5299D1;
        color: #fff;
    }
    
    #topBar input.uk-input::placeholder,
    #topBar .uk-textarea::placeholder {
        color: #fff;
        text-transform: uppercase;
        font-size: 12px;
        opacity: .7;
    }
    
    #topBar .uk-textarea {
        min-height: 190px;
        resize: none;
    }
    
    #topBarPanel>.uk-flex {
        width: 100%;
    }
    
    .form-footer label {
        margin-top: 10px;
        margin-left: 20px;
        font-size: 12px;
    }
    
    .uk-checkbox:checked,
    .uk-checkbox:indeterminate {
        background-color: #5299d1;
        border-color: transparent;
    }
    
    .uk-checkbox {
        border-radius: 3px;
        margin-right: 5px;
    }
    
    button:disabled {
        opacity: 0.3;
        background: #fff !important;
        color: #0033a0;
        border-color: #fff !important;
    }
    
    .jGrowl.center .jGrowl-closer,
    .jGrowl.center .jGrowl-notification {
        margin-left: 0;
        margin-right: 0;
        top: 50%;
        position: fixed;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 40px;
        font-size: 24px;
        width: 100vw;
        max-width: 400px;
        background: #fff !important;
        font-family: IBM Plex Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        opacity: 0.95;
        color: #00333C;
        box-shadow: 0 0 60px rgb(0 0 0 / 46%);
    }
    
    .jGrowl-notification.alert.ui-state-highlight.ui-corner-all.af-message-error {
        margin-left: 0;
        margin-right: 0;
        top: 50%;
        position: fixed;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 40px;
        font-size: 24px;
        width: 100vw;
        max-width: 400px;
        background: linear-gradient( 279.77deg, #FF4848 -12.95%, #FF4848 80.77%) !important;
        font-family: IBM Plex Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        opacity: 0.95;
    }
    
    header.background {
        min-height: 600px;
        height: calc(70vh - 80px);
        margin-top: 60px;
    }
    header.background:after {
        content: '';
    background: linear-gradient(360deg, #0033A0 -20.25%, rgba(0, 51, 160, 0) 53.42%), linear-gradient(127.95deg, #6AB9E8 10.94%, rgba(106, 185, 232, 0) 55.57%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
        
    }
    header.background .uk-container {
        min-height: 600px;
        height: calc(70vh - 80px);
        position: relative;
        z-index: 1;
    }
    
    header.background h1 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 36px;
        line-height: 44px;
        color: #FFFFFF;
        text-transform: none;
    }
    
    .title-block-background {
        position: absolute;
        bottom: 15%;
        width: 75%;
        left: 40px;
    }
    
    .introtext_news {
        padding: 70px 0;
        background: #E5E5E5;
        position: relative;
        z-index: 1;
    }
    
    .introtext_news h2 {
        font-style: italic;
        font-weight: bold;
        font-size: 18px;
        line-height: 160%;
        color: #1B4E9B;
        margin: 0 !important;
    }
    
    section#content {
        background: #fff;
        position: relative;
        z-index: 1;
    }
    
    section#content p {
        line-height: 160%;
    }
    
    .soc_link strong {
        text-transform: uppercase;
        font-size: 12px;
    }
    
    .soc_link ul {
        margin: 0 0 0 25px !important;
    }
    
    .soc_link li {
        margin: 0 10px !important;
    }
    
    .soc_link a {
        width: 24px;
        height: 24px;
        display: block;
        margin: 0;
    }
    
    .soc_link a svg:hover path {
        fill: rgba(0, 38, 118, 1);
    }
    
    .soc_link a:hover svg path {
        transition: all .1s ease-in-out;
    }
    
    .soc_link a:hover svg path {
        fill: rgba(0, 38, 118, 1);
    }
    
    a.link-back {
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 30px;
        text-transform: uppercase;
        color: #FFFFFF;
        height: 30px;
        border: 1px solid #fff;
        border-radius: 5px;
        display: table;
        padding: 0 15px 0 35px;
        position: relative;
        margin-top: 30px;
        transition: all .2s ease-in-out;
        float: left;
    }
    
    a.link-back span {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
    }
    
    a.link-back:hover {
        text-decoration: none;
        background: #fff;
        color: rgba(27, 78, 155, 1);
    }
    
    .date-block-background {
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 20px;
        height: 20px;
        text-transform: uppercase;
        color: #FFFFFF;
        position: relative;
        /*padding-left: 25px;*/
    }
    
    .date-block-background span {
        /* position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%); */
        margin: 0 6px;
        font-size: 18px;
    }
    
    #mediaBlock {
        border-top: 2px solid #6AB9E8;
        padding: 50px 0;
        margin-top: 50px;
    }
    
    #mediaBlock a {
        height: 80px;
        width: 80px;
        border-radius: 5px;
        overflow: hidden;
        position: relative;
    }
    
    #mediaBlock a:after {
        content: '';
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: linear-gradient( 360deg, #0033A0 -20.25%, rgba(0, 51, 160, 0) 53.42%), linear-gradient( 127.95deg, #6AB9E8 10.94%, rgba(106, 185, 232, 0) 55.57%);
        opacity: 0;
        transition: all .1s ease-in-out;
    }
    
    #mediaBlock a:hover {
        border-radius: 5px;
        overflow: hidden;
        position: relative;
    }
    
    #mediaBlock a:hover:after {
        opacity: 1;
    }
    
    #mediaBlock a>div {
        height: 80px;
        width: 80px;
        overflow: hidden;
        border-radius: 5px;
    }
    
    #mediaBlock h5 {
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 16px;
        text-transform: uppercase;
        color: #1B4E9B;
        margin-bottom: 30px;
    }
    
    a.link-gallery {
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 30px;
        text-transform: uppercase;
        color: #FFFFFF;
        height: 30px;
        border-radius: 5px;
        display: table;
        padding: 0 40px 0 15px;
        position: relative;
        margin-top: 30px;
        transition: all .2s ease-in-out;
        float: right;
    }
    
    a.link-gallery span {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }
    
    a.link-gallery:hover {
        text-decoration: none;
        background: #fff;
        color: rgba(27, 78, 155, 1);
    }
    
   .uk-lightbox {
    background: rgb(0 38 118 / 85%);
}

.uk-lightbox-items>*>* {
    max-width: 100vw;
    max-height: 90vh;
}
    
    .get_tags_link {
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 16px;
        text-transform: uppercase;
        color: #FFFFFF;
        padding: 8px 35px 8px 12px;
        background: #5299D1;
        border-radius: 5px;
        display: inline-block;
        white-space: nowrap;
        transition: all .1s ease-in-out;
        height: auto;
        position: relative;
    }
    
    .get_tags_link a {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: #cf4520;
    }
    
    .get_tags_link a span {
        font-size: 18px;
    }
    
    .get_tags_link:hover {
        background: #fff;
        color: #6AB9E8;
        box-shadow: 0px -10px 20px rgb(255 255 255 / 30%), 0px 10px 20px rgb(27 78 155 / 30%);
        text-decoration: none;
    }
a.link-icon {
    position: relative;
    padding-left: 30px;
    color: #1b4e9b;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
}
a.link-icon>span {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #69b3e7;
}

a.link-icon:hover {
    color: #69b3e7;
    text-decoration: none;
}

a.login.avatar {
    width: 40px !important;
    display: table;
}
a.login.avatar img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#topBar .uk-dropdown {
   border-radius: 5px;
}

#topBar .uk-dropdown .uk-list {
    padding: 0;
    margin: 0;
}

.uk-button.uk-button-text {
    height: 40px;
    background: #fff!important;
    border-radius: 5px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 40px;
    border: 1px solid #6AB9E8 !important;
    color: #6ab9e8;
    padding: 0 15px;
}

h3.title {
    font-weight: bold;
}

.ticket-comment-author {
    font-weight: bold;
    font-size: 14px;
}

a.reply {
    color: #a3a3a3;
    font-size: 14px;
}

a.reply:hover {
    color: #6AB9E8;
    text-decoration: none;
}
#comment-editor {
    width: 99%;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
    padding: 15px;
    box-sizing: border-box;
}

.uk-modal-dialog {
    border-radius: 5px;
}

#auth .uk-modal-dialog h2 {
    color: #333;
}

#auth .uk-modal-dialog {
    width: 400px;
    padding: 60px 50px 40px;
    position: relative;
}

#auth .uk-modal-dialog.send:after {
content: '';
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
background: rgba(255,255,255, .6);
}

#auth  .uk-button-default:hover {
    background: #fff !important;
    border: 1px solid #6AB9E8 !important;
    color: #6AB9E8 !important;
}
span.error {
    font-size: 13px;
    color: #f0506e;
}
#auth .uk-modal-dialog a {
    font-size: 13px;
}

#auth .uk-modal-dialog label {
    font-size: 13px;
}
blockquote {
    font-size: 16px;
}
header.background img {
    position: absolute;
    top: 0;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.background-before {
    background-size: cover !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    -webkit-filter: blur(7px);
    filter: blur(7px);
}

#topBarPanel input, #topBarPanel textarea {
    background-color: #5299D1;
    border: 1px solid #5299D1;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 5px;
}

#topBarPanel input::-webkit-input-placeholder, #topBarPanel textarea::-webkit-input-placeholder {color:#fff;}
#topBarPanel input::-moz-placeholder, #topBarPanel textarea::-moz-placeholder {color:#fff;}
#topBarPanel input:-moz-placeholder, #topBarPanel textarea:-moz-placeholder {color:#fff;}
#topBarPanel input:-ms-input-placeholder, #topBarPanel textarea:-ms-input-placeholder {color:#fff;}

.uk-checkbox:checked {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A);
}

.ticket-avatar {
    font-family: Montserrat;
    font-style: normal;
    height: 24px;
    line-height: 24px;
    background: #cf4520;
    border-radius: 50%;
    color: #fff !important;
    font-size: 8px;
    text-transform: uppercase;
    width: 24px;
    text-align: center;
}

.ticket-comment-author {
    margin-left: 5px !important;
}

.ya-share2 {
   min-width: 200px; 
}

.ya-share2__badge, .ya-share2__mobile-popup-badge {
    background-color: transparent !important;
}

.ya-share2__item_service_vkontakte .ya-share2__icon {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.07 2H8.93C3.33 2 2 3.33 2 8.93V15.07C2 20.67 3.33 22 8.93 22H15.07C20.67 22 22 20.67 22 15.07V8.93C22 3.33 20.67 2 15.07 2ZM18.15 16.27H16.69C16.14 16.27 15.97 15.82 15 14.83C14.12 14 13.74 13.88 13.53 13.88C13.24 13.88 13.15 13.96 13.15 14.38V15.69C13.15 16.04 13.04 16.26 12.11 16.26C10.57 16.26 8.86 15.32 7.66 13.59C5.85 11.05 5.36 9.13 5.36 8.75C5.36 8.54 5.43 8.34 5.85 8.34H7.32C7.69 8.34 7.83 8.5 7.97 8.9C8.69 11 9.89 12.8 10.38 12.8C10.57 12.8 10.65 12.71 10.65 12.25V10.1C10.6 9.12 10.07 9.03 10.07 8.68C10.07 8.5 10.21 8.34 10.44 8.34H12.73C13.04 8.34 13.15 8.5 13.15 8.88V11.77C13.15 12.08 13.28 12.19 13.38 12.19C13.56 12.19 13.72 12.08 14.05 11.74C15.1 10.57 15.85 8.76 15.85 8.76C15.95 8.55 16.11 8.35 16.5 8.35H17.93C18.37 8.35 18.47 8.58 18.37 8.89C18.19 9.74 16.41 12.25 16.43 12.25C16.27 12.5 16.21 12.61 16.43 12.9C16.58 13.11 17.09 13.55 17.43 13.94C18.05 14.65 18.53 15.24 18.66 15.65C18.77 16.06 18.57 16.27 18.15 16.27Z' fill='%236AB9E8'/%3E%3C/svg%3E") !important;
}
.ya-share2__item_service_facebook .ya-share2__icon {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2.04004C6.5 2.04004 2 6.53004 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85004C10.44 7.34004 11.93 5.96004 14.22 5.96004C15.31 5.96004 16.45 6.15004 16.45 6.15004V8.62004H15.19C13.95 8.62004 13.56 9.39004 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96C15.9164 21.5879 18.0622 20.3856 19.6099 18.5701C21.1576 16.7546 22.0054 14.4457 22 12.06C22 6.53004 17.5 2.04004 12 2.04004Z' fill='%236AB9E8'/%3E%3C/svg%3E") !important;
}
.ya-share2__item_service_odnoklassniki .ya-share2__icon {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8301 12.74C17.5501 12.17 16.7601 11.69 15.7101 12.5C14.2801 13.64 12.0001 13.64 12.0001 13.64C12.0001 13.64 9.72005 13.64 8.29005 12.5C7.24005 11.69 6.45005 12.17 6.17005 12.74C5.67005 13.74 6.23005 14.23 7.50005 15.04C8.59005 15.74 10.0801 16 11.0401 16.1L10.2401 16.9C9.10005 18.03 8.00005 19.12 7.25005 19.88C6.80005 20.34 6.80005 21.07 7.25005 21.5L7.39005 21.66C7.84005 22.11 8.58005 22.11 9.03005 21.66L12.0001 18.68C13.1501 19.81 14.2401 20.9 15.0001 21.66C15.4501 22.11 16.18 22.11 16.64 21.66L16.7701 21.5C17.2301 21.07 17.2301 20.34 16.7701 19.88L13.7901 16.9L13.0001 16.09C13.9501 16 15.4201 15.73 16.5001 15.04C17.7701 14.23 18.3301 13.74 17.8301 12.74ZM12.0001 4.57C13.3801 4.57 14.5001 5.69 14.5001 7.06C14.5001 8.44 13.3801 9.55 12.0001 9.55C10.6201 9.55 9.50005 8.44 9.50005 7.06C9.50005 5.69 10.6201 4.57 12.0001 4.57ZM12.0001 12.12C14.8001 12.12 17.0601 9.86 17.0601 7.06C17.0601 4.27 14.8001 2 12.0001 2C9.20005 2 6.94005 4.27 6.94005 7.06C6.94005 9.86 9.20005 12.12 12.0001 12.12Z' fill='%236AB9E8'/%3E%3C/svg%3E") !important;
}
.ya-share2__item_service_twitter .ya-share2__icon {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.46 6C21.69 6.35 20.86 6.58 20 6.69C20.88 6.16 21.56 5.32 21.88 4.31C21.05 4.81 20.13 5.16 19.16 5.36C18.37 4.5 17.26 4 16 4C13.65 4 11.73 5.92 11.73 8.29C11.73 8.63 11.77 8.96 11.84 9.27C8.28004 9.09 5.11004 7.38 3.00004 4.79C2.63004 5.42 2.42004 6.16 2.42004 6.94C2.42004 8.43 3.17004 9.75 4.33004 10.5C3.62004 10.5 2.96004 10.3 2.38004 10C2.38004 10 2.38004 10 2.38004 10.03C2.38004 12.11 3.86004 13.85 5.82004 14.24C5.46004 14.34 5.08004 14.39 4.69004 14.39C4.42004 14.39 4.15004 14.36 3.89004 14.31C4.43004 16 6.00004 17.26 7.89004 17.29C6.43004 18.45 4.58004 19.13 2.56004 19.13C2.22004 19.13 1.88004 19.11 1.54004 19.07C3.44004 20.29 5.70004 21 8.12004 21C16 21 20.33 14.46 20.33 8.79C20.33 8.6 20.33 8.42 20.32 8.23C21.16 7.63 21.88 6.87 22.46 6Z' fill='%236AB9E8'/%3E%3C/svg%3E") !important;
}
.ya-share2__item_service_telegram .ya-share2__icon {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M18.92 6.089L4.747 11.555c-.967.388-.962.928-.176 1.168l3.534 1.104 1.353 4.146c.164.454.083.634.56.634.368 0 .53-.168.736-.368.13-.127.903-.88 1.767-1.719l3.677 2.717c.676.373 1.165.18 1.333-.628l2.414-11.374c.247-.99-.378-1.44-1.025-1.146zM8.66 13.573l7.967-5.026c.398-.242.763-.112.463.154l-6.822 6.155-.265 2.833-1.343-4.116z' fill='%236AB9E8' fill-rule='evenodd'/></svg>") !important;
}


.themes-img-svg:after {
    content: '';
    background: linear-gradient(180deg, #0033A0 -39.94%, rgba(0, 51, 160, 0) 44.81%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
header.main ul.uk-slider-items li:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' version='1.1' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'%0AviewBox='0 0 4053 2223'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .fil0 %7Bfill:url(%23id0)%7D %5D%5D%3E%3C/style%3E%3ClinearGradient id='id0' gradientUnits='userSpaceOnUse' x1='2269' y1='1349' x2='-888' y2='3824'%3E%3Cstop offset='0' style='stop-opacity:1; stop-color:%230033A0'/%3E%3Cstop offset='1' style='stop-opacity:1; stop-color:%236AB9E8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Слой_x0020_1'%3E%3Cmetadata id='CorelCorpID_0Corel-Layer'/%3E%3Cpath class='fil0' d='M238 21l3815 2202 -4053 0 0 -2065 0 -158 193 0c19,0 33,14 45,21z'/%3E%3C/g%3E%3C/svg%3E");
    width: 92%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.imgNewHeaderBg {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateX(-50%);
}

div#map {
    width: 100%;
    height: 600px;
}

#topBarPanel textarea.uk-textarea {
    min-height: 190px;
}

.analytic-item {
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    box-sizing: border-box;
    min-height: 230px;
}

.analytic-item span {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 44px;
    color: #00333C;
}


.expert-item {
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    box-sizing: border-box;
    min-height: 215px;
}

.expert-item span {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 44px;
    color: #00333C;
}

.expert-item img {
    border-radius: 100%;
    width: 240px;
    height: 240px;
}



.event-item {
    background: #0033a0;
    padding: 40px;
    border-radius: 5px;
    box-sizing: border-box;
    min-height: 215px;
}

.event-item span {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
}

.event-item img {
    height: 80px;
}

.event-item a {
    text-decoration:none;
    color: inherit;
}

.event-item a:hover {
    text-decoration:none;
    color: inherit;
}
.select2-container--default .select2-selection--multiple {
    border: 1px solid #fff;
}
.select2-container .select2-selection--multiple {
    min-height: 40px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #69b3e7;
    border: 1px solid #69b3e7;
        margin-left: 10px;
    margin-top: 8px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: 1px solid #fff;
    color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    color: #fff;
    font-size: 12px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    top: 2px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #fff 1px;
    outline: 0;
    color: #6AB9E8;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #fff;
}

.select2-container--open .select2-dropdown {
    box-shadow: 0 60px 60px #00000021;
    border-radius: 0 0 5px 5px;
}
.select2-container .select2-search--inline .select2-search__field {
    margin-top: 10px;
    margin-left: 10px;
    font-size: 14px;
}

.select2-selection__clear span {
    color: #cf4520 !important;
    font-size: 18px;
    margin-top: 5px;
}

.select2-selection__clear span:hover {
    cursor: pointer;
    opacity: 0.8;
}

select[name="region[]"] .select2-default {
    color: #69B3E7 !important;
}

textarea.select2-search__field::-webkit-input-placeholder {
    color: #69b3e7 !important;
}

header.background-digest {
    min-height: 360px;
    height: auto;
}

header.background-digest .uk-container {
    min-height: 360px;
    height: auto;
    position: relative;
    z-index: 1;
}

header.background-digest .title-block-background {
    position: relative;
    margin-bottom: 5% !important;
    width: 100%;
    left: inherit;
    margin-top: 120px;
}


header.background-report {
    min-height: 200px;
    height: auto;
}

header.background-report .uk-container {
    min-height: 200px;
    height: auto;
    position: relative;
    z-index: 1;
}

header.background-report .title-block-background {
    position: relative;
    margin-bottom: 5% !important;
    width: 100%;
    left: inherit;
    margin-top: 90px;
}

#play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    opacity: 0.8;
    transition: opacity .1s ease-in-out;
    z-index: 98;
}

#play:hover {
    opacity: 1;
    cursor: pointer;
}

#play span {
    font-size: 70px;
    
}

div#pdopage {
    position: relative;
}

.source-link {
    opacity: 1;
    color: #5299d1;
    font-size: 12px;
    font-weight: normal;
    position: relative;
    padding-left: 30px;
    height: 40px;
    line-height: 40px;
}

.source-link span {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.post_region {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 30px;
    text-transform: uppercase;
    color: #FFFFFF;
    height: 30px;
    border-radius: 5px;
    padding: 0 15px;
    position: relative;
    transition: all .2s ease-in-out;
    float: left;
    background-color: #69b3e7;
}

span.uk-badge {
    background: #6ab9e8;
}

span.uk-label {
    background: #6ab9e8;
    font-size: 11px;
}


a.uk-link {
    color: #6ab9e8;
}

a.uk-link:hover {
    text-decoration: none;
}

#reportTable.uk-table th {
    font-size: 12px;
}

.uk-icon svg {
    max-width: 16px;
    color: #1e87f0;
}


.uk-tooltip {
    display: none;
    position: absolute;
    z-index: 1030;
    top: 0;
    box-sizing: border-box;
    max-width: 302px;
    padding: 16px;
    background: #fff;
    border-radius: 10px;
    color: #00333C;
    font-size: 14px;
    line-height: 1.5;
    box-shadow: 0 14px 20px 0px rgba(0, 0, 0, 0.1), 0 -4px 20px 0px rgba(255, 255, 255, 0.5);
}


.uk-link-heading a:hover, a.uk-link-heading:hover {
    color: #6ab9e8;
    text-decoration: none;
}


/* Карта регионов */

#map-container {
    overflow: hidden; /* Скрыть всё, что выходит за пределы контейнера */
    position: relative;
    width: 100%;
}

#map {
    transition: transform 0.3s ease; /* Плавное масштабирование */
}

.zoom-controls {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}

.zoom-controls button {
    display: block;
    margin-bottom: 5px;
    padding: 0 5px;
    font-size: 16px;
    cursor: pointer;
    width:38px;
}

#map path {
    fill: #f8f8f8;
    opacity: 75%;
    stroke: #999;
    stroke-opacity: 0.25;
    stroke-width: 0.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity 0.3s ease, opacity 0.3s ease;
    cursor: pointer;
}

#map path:hover {
    opacity: 100%;
    stroke-opacity: 0.75;
}


#legend {
    margin-top: 20px;
    text-align: center;
}
.legend-item {
    display: inline-block;
    margin-right: 10px;
    text-align: center;
}
.legend-color {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
}
.legend-title {
    font-weight: bold;
    margin-bottom: 10px;
}
    
/* Общий стиль для медалей */
.best_pr {
    font-size: 20px; /* Размер значка */
    border-radius: 50%;
    padding: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}

/* Золотая медаль */
.best_pr.gold {
    color: #ffcc00;
    background: linear-gradient(45deg, #ffdf6e, #ffcc00, #d4a200);
    box-shadow: 0 0 10px rgba(255, 204, 0, 0.7);
}

/* Серебряная медаль */
.best_pr.silver {
    color: #c0c0c0;
    background: linear-gradient(45deg, #e0e0e0, #c0c0c0, #a0a0a0);
    box-shadow: 0 0 10px rgba(192, 192, 192, 0.7);
}

/* Анимация блика для медалей */
.best_pr::after {
    content: "";
    position: absolute;
    top: -50%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.6), transparent);
    transform: rotate(30deg);
    animation: shine 3s infinite linear;
}

/* Анимация блика (общая) */
@keyframes shine {
    0% { left: -100%; opacity: 0.2; }
    100% { left: 100%; opacity: 0.8; }
}

/* Карточки рейтинга */
.rating-item {
    position: relative;
    padding: 20px;
    border-radius: 10px;
    overflow: hidden;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: rgba(0, 0, 0, 0.5);
}

/* Фон карточки */
.rating-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.3s ease-in-out;
}

/* Эффект увеличения фона при наведении */
.rating-item:hover .rating-bg {
    transform: scale(1.1);
}

/* Текст */
.rating-item h3, .rating-item a {
    position: relative;
    z-index: 1;
    color: white;
    font-weight: bold;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}

/* Изменение цвета прогресс-бара */
.uk-progress::-webkit-progress-value {
    background-color: #cf4520;
}

/* Для Firefox */
.uk-progress::-moz-progress-bar {
    background-color: #cf4520;
}

/* Для Safari / Edge */
.uk-progress {
    background-color: #f0f0f0;
    border-radius: 5px;
    height: 10px;
}

/* SVG-анимация блика */
.svg-glow {
    position: relative;
    overflow: hidden;
}

/* Эффект блеска */
.svg-glow::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 150%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 40%,
        rgba(255, 255, 255, 0.6) 50%,
        rgba(255, 255, 255, 0) 60%
    );
    transform: skewX(-30deg);
    animation: shine 2s infinite linear;
}