

/* Start:/local/templates/gazeta2024/components/bitrix/menu/top-line-menu/style.css?1729051090327*/
.top-menu{font-size:14px;text-transform:uppercase;display:flex;align-items:center;flex-wrap: wrap;}
.top-menu li {margin: 3px 0;}
.top-menu a{padding:5px 10px;color:var(--white)}
.top-menu a:hover{text-decoration:underline}
@media screen and (max-width: 998px) {
    .top-menu {font-size: 12px}
    .top-menu a {padding: 5px}
}
/* End */


/* Start:/local/templates/gazeta2024/components/bitrix/menu/header-main-menu/style.css?1727843826633*/
.main-menu{display:flex;align-items:center;justify-content:space-evenly}
.main-menu a{padding:10px;font-size:16px;color:var(--white);white-space:nowrap}
.main-menu a:hover{text-underline-offset:5px;text-decoration:underline}
.main-menu .menu-item-1lvl.parent-item {
    position: relative;
}
.main-menu .main-menu-2lvl {
    display: none;
    position: absolute;
    background-image: linear-gradient(180deg, #003254, #002137);
}
.main-menu .menu-item-1lvl.parent-item:hover > .main-menu-2lvl {
    display: flex;
    flex-direction: column;
}
.main-menu .main-menu-2lvl a {
    padding: 5px 10px;
    display: flex;
}
.main-menu {}
/* End */


/* Start:/local/templates/gazeta2024/components/bitrix/search.form/header-search/style.css?1722918344152*/
.header-search-form input[type=text]{width:100%;height:26px;border:none;border-bottom:1px solid var(--dark-blue)}
.header-search-form .btn{padding:5px}
/* End */


/* Start:/local/templates/gazeta2024/styles.css?1729504279412*/
.btn{padding:10px 15px;font-weight:700;color:var(--black);background-color:var(--white);border:1px solid var(--black);cursor:pointer}
.btn.btn-blue{color:var(--white);background-color:var(--blue);border-color:var(--blue)}
.btn.btn-dark-blue{color:var(--white);background-color:var(--dark-blue);border-color:var(--dark-blue)}
.btn.btn-red{color:var(--white);background-color:var(--red);border-color:var(--red)}
/* End */


/* Start:/local/templates/gazeta2024/template_styles.css?177944047619783*/
@font-face{font-family:Roboto;src:url(/local/fonts/Roboto.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Roboto;src:url(/local/fonts/Robotoblack.ttf) format('truetype');font-weight:900;font-display:swap}
@font-face{font-family:Roboto;src:url(/local/fonts/Robotobold.ttf) format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Roboto;src:url(/local/fonts/Robotolight.ttf) format('truetype');font-weight:100;font-display:swap}
@font-face{font-family:Lora;src:url(/local/fonts/Lora-Bold.ttf) format('truetype');font-weight:600px;font-display:swap}
*,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
    /* --max-width:1600px; */
    /* --max-width:1460px; */
    --max-width:1300px;
    --white:#fff;
    --visited:#d9d9d9;
    --light-grey:#f3f3f3;
    --grey-white: #D6D6D6;
    --tr-grey:#8080800f;
    --bordo: #78323A;
    --blue: #005E9D;
    --blue-label: #557A95;
    --dark-blue: #002137;
    --dark-grey: #5D5C61;
    --black: #333;
    /* --blue-grad: ; */
    /* --blue:#0F1243;
    --blue2:#38368B;
    --lightblue:#BCD8F1; */
    --black:#333;
    --shadow:#0000003b;
    --shadow-color:#00000021;
    --green:#005900;
    --red:#690000;
    --trans:.3s;
    --grey1: #828282;
    --font1: 'Montserrat';
    /* --aside-width: 250px; */
    --aside-width: 300px;
}
.blue-gradient {
    background-image: linear-gradient(180deg, #005E9D,#002137);
}
.w-100{width:100%}
.h-100{height:100%}
.w-fc{width:fit-content}
.block{display:block}
.flex{display:flex}
.hidden{display:none!important}
.row{flex-direction:row}
.column{flex-direction:column}
.align-start{align-items:flex-start}
.align-center{align-items:center}
.align-bottom{align-items:end}
.align-stretch{align-items:stretch}
.justify-center{justify-content:center}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-between{justify-content:space-between}
.grow-1 {flex-grow: 1;}
.row-sm-col{flex-direction:row}
.wrap{flex-wrap:wrap}
.dec-none{text-decoration:none}
.fw-500{font-weight:500}
.fb{font-weight:700}
.italic{font-style: italic}
.bold{font-weight:700}
.absolute{position:absolute}
.fixed{position:fixed}
.uppercase{text-transform:uppercase}
.relative{position:relative}
.unstyled{list-style:none}
.nowrap{white-space:nowrap}
.absolute-centered{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.pointer{cursor:pointer}
.green{color:var(--green)}
.red{color:var(--red)}
.grey {color: var(--grey1);}
.black {color:var(--black)}
.grey-white {color: var(--grey-white);}
.dark-grey {color: var(--dark-grey);}
.blue {color: var(--blue);}
.bck-blue-label {background-color: var(--blue-label);}
.bck-dark-blue {background-color: var(--dark-blue);}
.bck-bordo {background-color: var(--bordo);}
.white {color: var(--white);}
.tr-grey-back{background-color:var(--tr-grey)}
.highlight-blue{color:var(--blue);font-weight:600;font-style:normal}
.italic{font-style:italic}
.Lora {font-family: Lora, sans-serif;}
.m-0{margin:0}
.p-0{padding:0}
.p-5{padding:5px}
.p-10{padding:10px}
.p-15{padding:15px}
.p-20{padding:20px}
.pe-10{padding-right:10px}
.px-10{padding-left:10px;padding-right:10px}
.px-20{padding-left:20px;padding-right:20px}
.py-10{padding-top:10px;padding-bottom:10px}
.py-20{padding-top:20px;padding-bottom:20px}
.py-30{padding-top:30px;padding-bottom:30px}
.my-10{margin-top:10px;margin-bottom:10px}
.me-5{margin-right:5px}
.me-10{margin-right:10px}
.me-20{margin-right:20px}
.me-30{margin-right:30px}
.me-50{margin-right:50px}
.ms-10{margin-left:10px}
.mt-5{margin-top:5px}
.mt-10{margin-top:10px}
.mt-20{margin-top:20px}
.mt-40{margin-top:40px}
.mb-0{margin-bottom:0}
.mb-5{margin-bottom:5px}
.mb-10{margin-bottom:10px}
.mb-15{margin-bottom:15px}
.mb-20{margin-bottom:20px}
.mb-30{margin-bottom:30px}
.mb-50{margin-bottom:50px}
.mx-auto{margin-left:auto;margin-right:auto}
.fs-10{font-size:10px}
.fs-12{font-size:12px}
.fs-14{font-size:14px}
.fs-16{font-size:16px}
.fs-18{font-size:18px}
.fs-20{font-size:20px}
.fs-24{font-size:24px}
.lh-1{line-height:1.2}
.font1-b {font-family: var(--font1);font-weight: bold;}
h1{margin-top: 20px;margin-bottom:50px;line-height:1.3}
h2{margin-bottom:30px;line-height:1.3}
h3{margin-bottom:20px;line-height:1.3}
h1:empty {display: none;}
body,html{height:100%;font-size:18px;line-height:1.75;font-family:Roboto,sans-serif;box-sizing:border-box}
body {background-color: #eee;min-width:300px;width:100%}
a{text-decoration-color:transparent;transition:color var(--trans);color:var(--black)}
a:hover{text-decoration-color:var(--black);text-decoration-thickness:1px;text-underline-offset:2px}
.h-underline:hover {text-decoration: underline;}
.h-underline::after,
.h-underline:hover::after {content: unset;}
.video-icon {
    width: 34px;
    height: 34px;
}
.video-icon-small {
    width: 18px;
    height: 18px;
}

/* main {padding-top: 75px;} */
/* main a{padding:3px;position:relative;text-decoration:none} */
main a{position:relative;text-decoration:none}
main a::after{content:'';position:absolute;left:0;bottom:0;background-color:var(--blue);z-index:-1;width:100%;height:1px;transition:.3s}
main a:hover::after{height:100%}
/* main a:hover{color:var(--white)} */
main a:hover{color:var(--black);}
.unstyled,ul{list-style:none}
.container{max-width:var(--max-width);margin:0 auto;padding: 0 20px}
/* .container */
.bck-white {background-color: var(--white);}
.wrapper{padding:20px 0}
.container img{max-width:100%;height:auto}
main pre {white-space: break-spaces;}
div#page{min-height:100vh;width:100%;max-width:100%;display:flex;flex-direction:column;justify-content:space-between}
.row-column {
    display: flex;
    flex-direction: row;
}
#aside-banners {}
#aside-banners .aside-banner {}
#aside-banners .aside-banner a {padding: 0;}
#aside-banners .aside-banner img {width: 100%;height: auto;}
.popup-wrapper {padding: 20px;}
.popup-window-overlay {height: 100vh;position: fixed;}
#top-banner{
    width:100%;
    /* height:128px; */
    height: 10vw;
    max-height: 128px;
    min-height: 100px;

    
    
    margin:0;display:flex;align-items:center;justify-content:center;    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#top-banner.new {
    height: fit-content;
    min-height: fit-content;
}
#top-banner.new img {
    height: auto;
    width: 100%;
    max-height: 128px;
    min-height: 40px;
    object-fit: contain;
}

header {
    width: 100%;
    /* position: fixed;
    top: auto; */
    position: sticky;
    top: 0;
    z-index: 9;
}
header .wrapper {padding: 0;}
.underline {text-decoration: underline;}
#sup-menu {
    padding: 5px 0;
}
#main-line {
    padding: 10px 0;
}
#main-line .line-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#logo-wrapper {
    /* min-width: 150px; */
    /* max-width: 250px; */
    min-width: 250px;
    width: 250px;
}
#logo-wrapper img {
    max-height: 45px;
}
#logo-wrapper img.logo-icon {
    width: 45px;
}
#search-field {
    display: none;
}
#menu-trigger {
    display: none;
}
#search-expand:checked + #search-field {
    display: flex;
    width: calc(100% - 300px);
    left: 280px;
    background-color: var(--white);
    transform: translateY(-15%);
}
#search-field .search-form {
    /* display: flex; */
}
#menu-close-trigger {display: none;}


/* header #header-main{width:540px} */
/* header #header-main a{display:flex;align-items:flex-start}
header #header-main img{width:auto;max-height:90px;margin-right:30px}
header #header-main h2{width:400px;margin:0;color:var(--blue);font-size:24px;line-height:28px}
header #header-info{width:calc(100% - 540px)}
header #header-info{display:flex;align-items:flex-start;justify-content:space-between} */
header .header__container{display:flex;align-items:flex-end;justify-content:space-between}
.block-w-icon{margin:0 10px;padding-left:30px;position:relative;font-size:16px;font-weight:500}
.block-w-icon svg{width:24px;height:35px;padding-top:5px;position:absolute;left:0;top:-4px;transform:scale(.7)}
/* #header__nav{background-color:var(--blue);color:var(--white)}
#header__nav *{color:var(--white)}
#header__nav .container{padding:10px 0}
#header__nav .wrapper{display:flex;align-items:center;justify-content:space-between}
#header__nav ul{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
#header__nav ul li{display:flex;align-items:center} */
.blue{color:var(--blue)!important}
.no-hover:hover{text-decoration:none!important}
.no-hover::after{content: none!important;}
main{flex:1 0 auto}
#main-content.w-aside {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
#main-content.w-aside #page-content {
    width: calc(100% - var(--aside-width) - 20px);
    margin-bottom: 20px;
}
#main-content.w-aside #main-aside-part {
    width: var(--aside-width);
    /* margin-bottom: 20px; */
}


.dual-column-wrapper {display: flex;justify-content: space-between;align-items: stretch;}
/* footer{color:var(--white);background-color:var(--blue)}
footer .wrapper{display:flex;align-items:stretch;justify-content:space-between}
footer a{color:var(--white);text-decoration-color:transparent;transition:color var(--trans)} */
/* footer a:visited{color:var(--visited)}
footer a:hover{text-decoration-color:#fff} */

.no-after::after {content: none;}
.hover-sh{cursor:pointer;transition:box-shadow var(--trans)}
.hover-sh:hover{box-shadow:5px 5px 3px #80808052}
.btn{padding:10px 15px;font-weight:700;color:var(--black);background-color:var(--white);border:1px solid var(--black);cursor:pointer}
.btn.btn-blue{color:var(--white);background-color:var(--blue);border-color:var(--blue)}
.btn.btn-dark-blue{color:var(--white);background-color:var(--dark-blue);border-color:var(--dark-blue)}
.btn.btn-red{color:var(--white);background-color:var(--red);border-color:var(--red)}
.response__p{margin-top:3px;margin-bottom:3px;padding:3px 5px;color:var(--white);font-size:14px;font-weight:700;background-color:#d3d3d3}
.response__p.green{background-color:var(--green)}
.response__p.red{background-color:var(--red)}
.loader{width:48px;height:48px;border-radius:50%;display:inline-block;position:relative;border:10px solid;box-sizing:border-box;animation:animloader 1s linear infinite alternate}
@keyframes animloader{
0%{border-color:var(--blue) rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0)}
33%{border-color:var(--blue) var(--blue) rgba(255,255,255,0) rgba(255,255,255,0)}
66%{border-color:var(--blue) var(--blue) var(--blue) rgba(255,255,255,0)}
100%{border-color:var(--blue) var(--blue) var(--blue) var(--blue)}
}
.inline-loader{padding-right:40px!important;position:relative}
.inline-loader::after{width:20px;height:20px;content:"";position:absolute;right:10px;border-radius:50px;border:5px solid #fff;border-top-color:#000;-webkit-animation:loading 1.5s linear infinite;animation:loading 1.5s linear infinite}
@-webkit-keyframes loading{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes loading{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.progress__container{height:var(--indicator-height);width:100%;position:relative;padding:0 5px;font-size:10px;color:var(--white);background-color:#eeebeb}
.progress__container .progress__text{position:relative;font-weight:900;color:#fff;font-size:13px;z-index:10;animation:showIn 1.8s;text-shadow:0 0 5px #000}
.progress__container .progress_indicator.w-0{width:0!important}
.progress__container .progress_indicator{height:var(--indicator-height);position:absolute;left:0;top:0;bottom:0;background-color:var(--blue);transition:width .7s cubic-bezier(.45,1.45,.61,.88) .5s}
@keyframes showIn{
0%{opacity:0}
100%{opacity:1}
}
.svg-icon-18{width:18px;height:18px;display:flex}
.svg-icon-24{width:24px;height:24px;display:flex}
.svg-icon-36{width:36px;height:36px;display:flex}
.svg-icon-50{width:50px;height:50px;display:flex}
.green-svg {fill: var(--green);}
.red-svg {fill: var(--red);}
.news-block-title {
    width: fit-content;
    margin: 20px 0;
    color: var(--black);
    font-size: 32px;
    font-family: Lora, sans-serif;
    border-bottom: 2px solid #333;
}


/* #nav-control{width:100%;max-width:300px;min-width:270px;display:flex;align-items:center;justify-content:space-between}
.nav-control__btn{margin:0 5px;cursor:pointer} */

footer .bck-dark-blue .footer-column {color: var(--white);}
footer .bck-dark-blue .footer-column li a {color: var(--white);line-height: 1.8;}
footer .bck-dark-blue .footer-column li a:hover {text-decoration: underline;}
footer .wrapper {
    padding: 10px 0;
}
footer .wrapper p {
    line-height: 1.8;
}
footer .grid-columns {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    row-gap: 20px;
    line-height: 1.8;
}
footer .footer-text-delimeter hr {
    height: 1px;
    border: none;
    background-color: #DDDDDD;
}
.btn {
    width: fit-content;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    border: none;
    color: var(--dark-grey);
    background-color: var(--light-grey);
}
.social-media__div .btn {
    padding: 10px 50px;
}

.popup-wrapper .popup-title {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
}
.popup-wrapper .form-field {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
}
form input, 
form select, 
form textarea {
    margin: 0 0 5px 0;
    padding: 8px 10px;
    border-radius: 0;
    border: 1px solid var(--grey1);
}
form input::placeholder, 
form select::placeholder, 
form textarea::placeholder {
    color: var(--grey);
}
form input:invalid, 
form select:invalid, 
form textarea:invalid {
    color: var(--red);
}
.radio-container .form-field label {
    padding: 10px;
}
#runing-line-container .wrapper {
    padding: 8px;
}
#detail-news-page {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
#detail-news-page #detail-content {
    width: 100%;
    margin-right: 30px;
}
#detail-news-page #detail-banners {
    width: 100%;
    max-width: 380px;
}
.social-icons {
    display: grid;
    grid-template-columns: repeat(3, fit-content(100%));
}
.social-icons .social-icon {
    /* width: fit-content; */
    width: 30px;
    height: 30px;
    margin: 0 8px;
    display: flex;
    align-items: center;
    border-radius: 100%;
    overflow: hidden;
    
}
.social-icons .social-icon svg {transition: transform var(--trans);}
.social-icons .social-icon:hover svg {
    transform: scale(1.4);
}
#calendar table {
    border: unset;
    border-color: unset;
    border-radius: unset;
    box-shadow: unset;
}
#calandar:not(.is-index)tbody td,
#calandar:not(.is-index) thead .jsCalendar-week-days th {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
#calendar tbody td.jsCalendar-current {
    background-color: var(--dark-blue);
}
#calendar .jsCalendar-unselectable {pointer-events: none;}
#cookie-modal{left:0;right:0;bottom:0;z-index:20;background-color:#000000b5;backdrop-filter: blur(10px);box-shadow:0 0 20px var(--shadow-color)}
#cookie-modal .container{padding:0 15px}
#cookie-modal .cookie-modal__wrapper{padding:20px 0}
#cookie-modal .cookie-modal__text{padding:0 20px 0 0;color:var(--white)}
#cookie-modal h5{font-size:20px;font-weight:700}
#cookie-modal #accept_policy{margin:0 auto;transition:background-color var(--trans)}
#cookie-modal #accept_policy:hover{background-color: var(--dark-blue);color:var(--white)}
#cookie-modal #accept_policy.success{background-color:var(--brand-green)}
#cookie-modal #accept_policy.error{background-color:var(--brand-green)}
#cookie-modal a {color: var(--white);border-bottom: 1px solid var(--white);}

/* NEW */
@media screen and (max-width: 998px) {
    .container {
        max-width: 100%;
        width: 100%;
    }
    /* .wrapper {background-color: lightgrey;} */
    /* .container {padding: 0 ;} */
    .row-column {flex-direction: column;}
    .main-menu a {padding: 10px 8px;}
    #menu-wrapper {
        display: none;
    }
    #menu-trigger {
        display: flex;
    }
    #search-wrapper {flex-direction: row-reverse;}
    #search-trigger {
        margin: 0 10px;
    }
    #mobile-menu:checked + #menu-wrapper {
        width: 100%;
        height: 100%;
        min-height: 100vh;
        max-height: fit-content;
        display: flex;
        align-items: center;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 100000;
        background-color: var(--dark-blue);
    }
    #menu-close-trigger {display:flex;right: 30px;top: 30px;}
    #menu-wrapper .main-menu {
        width: 100%;
        max-height: 80vh;
        padding: 30px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        overflow-y: auto;
    }
    #menu-wrapper .main-menu li {margin: 5px 0;}
    #menu-wrapper .main-menu a {
        padding: 5px 10px ;
    }
    .main-menu .main-menu-2lvl {position: relative;}
    .main-menu .main-menu-2lvl a {margin-left: 30px;}
    #search-expand:checked + #search-field {    left: 25px;
        width: calc(100% - 45px);}
    #runing-line-container .wrapper {
        display: flex;
        flex-direction: column;
    }
    #runing-line-container .right {
        width: 100%;
        margin-top: 10px;
    }
    #main-content.w-aside {
        flex-direction: column;
    }
    #main-content.w-aside #page-content {margin-bottom: 50px;}
    #main-content.w-aside #page-content,
    #main-content.w-aside #main-aside-part {
        width: 100%;
    }
    aside #aside-banners {
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
    }
    aside #aside-banners .aside-banner {
        width: 25%;
        height: 300px;
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    aside #aside-banners .aside-banner a {height: 300px;}
    aside #aside-banners .aside-banner img {}
    #logo-wrapper
    /* #logo-wrapper img  */
    {
        /* width: 150px; */
        min-width:150px
    }
    footer .dual-column-wrapper {
        flex-direction: column;
    }
    .cookie-modal__text h5 {font-size: 16px;line-height: 1;}
    .cookie-modal__text p {font-size: 12px;}
}
@media screen and (max-width: 768px) {
   
    aside #aside-banners .aside-banner {
        width: 50%;
    }
    footer .grid-columns {
        display: flex;
        flex-direction: column;
    }
    footer .grid-columns .footer-column {
        margin-bottom: 20px;
    }
    /* #search-wrapper {} */
    #calendar tbody td, #calendar thead .jsCalendar-week-days th {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    #cookie-modal .cookie-modal__wrapper{flex-direction:column}
#cookie-modal .cookie-modal__btn{width:100%}
#cookie-modal #accept_policy{margin:20px 0 5px}

#logo-wrapper img.logo-icon {
    max-height: 25px;
    width: unset;
}
    #logo-wrapper .logo-text {
        max-height: 25px;
    }
}
@media screen and (max-width: 500px) {
    aside #aside-banners .aside-banner {
        width: 100%;
    }

}
@media screen and (max-width: 768px) {}



/* End */
/* /local/templates/gazeta2024/components/bitrix/menu/top-line-menu/style.css?1729051090327 */
/* /local/templates/gazeta2024/components/bitrix/menu/header-main-menu/style.css?1727843826633 */
/* /local/templates/gazeta2024/components/bitrix/search.form/header-search/style.css?1722918344152 */
/* /local/templates/gazeta2024/styles.css?1729504279412 */
/* /local/templates/gazeta2024/template_styles.css?177944047619783 */
