/* --------------------------------- */
.containerWrapper { width: 100%; max-width: 1640px; min-width: 540px; padding: 0 84px 0 170px; box-sizing: border-box; margin: 0 auto; position: relative; }
.containerContent { padding: 0; overflow: hidden; position: relative;  }
.containerContent.bottom { padding-bottom: 0; margin-top: 38px; }
.containerContent.top { padding-top: 64px;}
.fancybox__backdrop { background-color: rgba(189, 189, 189, 0.7) !important; }
.fancybox__thumbs .carousel__slide .fancybox__thumb::after { border-color: #990000b8!important;}

.containerPage { min-width: 540px; box-sizing: border-box; height: 100%; }
.containerServices { width: 100%; position: relative; display: inline-block; padding: 100px 0 0 0;}
.mainContent { width: 100%; min-width: 540px; max-width: 1540px; padding: 0 84px 0 135px; box-sizing: border-box; margin: 0 auto; position: relative;}
.mainContent .topNews { display: flex; gap: 16px; padding: 30px 0 30px; }
.mainContent .caption { margin-top: 20px; font-size: 10px; font-weight: 500; color: #000; }
.mainContent h3 { margin-top: 10px; }
.mainContent .containerView--title { border-bottom: 4px solid black; margin-bottom: 13px; margin-top: 26px; }
.mainContent .containerView--title .capitalize {  padding-bottom: 5px; font-size: 40px; font-weight: 800; color: #000; text-transform: capitalize;!important;}
.mainContent .topNews .blockWrapper { flex-basis: 33.3%; padding: 24px 50px 31px 28px; background-color: #F7F7F7;  }
.mainContent .topNews .blockWrapper a { font-size: 14px; line-height: 17px; font-weight: 500; color: #000;}
.containerTitle { font-size: 40px; font-weight: 200; padding-bottom: 7px;  border-bottom: 4px solid #000; position: relative; display: block; text-decoration: none; margin-bottom: 34px;}
.containerTitle.link { font-size: 45px; font-weight: 800; color: #000; position: relative; display: block; text-decoration: none; }
.miniText.main { float: right; padding: 10px 0 30px;}
.overlay { background: url('/templates/img/bg.jpg'); z-index: -5; background-size: contain; }
/* --------------------------------- */
.containerHeader { position: relative; top: 0; }
.containerMain--left { position: fixed; border-right: 1px solid #f14d44; height: 100%; background: #fff; z-index: 100;}
.containerMain--left .containerHeader--logotype { position: relative; padding: 60px 30px;}
.containerMain--left .containerHeader--logotype .containerHeader--logo { display: block; background-size: contain!important; width: 65px; height: 67px; background: url('../img/logo.png') no-repeat; }
.containerMain--left .containerFirst--content--links { position: relative; text-align: center;}
.containerMain--left .containerFirst--content--links a { padding: 0 0 15px 0; display: block; color: #000; text-transform: uppercase; font-size: 18px; font-weight: 200;}
/* --------------------------------- */
.containerHeader--first { position: relative; display: flex; width: 100%; padding: 18px 0 24px; justify-content: space-between;}
.containerHeader--first .logoText { color: #000; text-transform: uppercase; float: left; margin: 50px 0 0 0; font-size: 30px;}
.containerHeader--first .logoText a {color: #000; text-decoration: none; }
.containerHeader--first .logoText span { font-size: 10px; display: block; color: #999;}
.containerHeader--first .containerHeader--social { float: right; margin: 60px 0 0 0;}
.containerHeader--first .containerHeader--social a { opacity: 0.3; padding: 0 7px 0 0;}
.containerHeader--first .containerHeader--social a:hover { opacity: 8; transition: 1s;}
.containerHeader--first .section--container--buttons { float: right; margin: 60px 0 0 0;}
.containerHeader .containerHeader--first .containerHeader--burger { display: none; float: left; width: 65px; box-sizing: border-box; padding: 26px 18px 10px; cursor: pointer; }
.containerHeader .containerHeader--first .containerHeader--burger .burger--element { float: right; width: 100%; height: 3px; background: #fff; margin: 3px 0; }
.containerHeader--donate { padding-top: 15px;}
.btn-whatsapp-pulse { opacity: 1!important;  background: #f24e44; font-weight: 400; color: white;  font-size: 18px; display: flex; justify-content: center; align-items: center; padding: 10px 35px!important; text-decoration: none; }

.containerHeader { position: fixed; display: inline-block; width: 100%; background-color: #8e0541; z-index: 100; }
.containerHeader .containerHeader--logotype { position: absolute; left: 33px; }
.containerHeader .containerHeader--logotype .containerHeader--logo { display: block; width: 68px; height: 68px; }
.containerHeader .containerHeader--languages { position: absolute; right: 34px; }
.containerHeader .containerHeader--languages .containerHeader--languages--links { position: relative; }
.containerHeader .containerHeader--languages .containerHeader--languages--links a { font-size: 17px; font-weight: 700; color: #5d5d5d; text-transform: uppercase; }
.containerHeader .containerHeader--menu { margin-left: 128px; }
.containerHeader .containerHeader--menu .containerHeader--menu--bg { z-index: 100; position: relative; width: fit-content;}
.containerHeader .containerHeader--menu img { margin: 3px 5px 0 0;}
.containerHeader .containerHeader--menu ul li { display: inline-block; position: relative;}
.containerHeader .containerHeader--menu ul li a { font-size: 17px; font-weight: 700; color: #fff; text-transform: uppercase; padding: 5px 11px; }
.containerHeader .containerHeader--menu ul li a.active { text-shadow: 2px 2px #ffffff66;}
.containerHeader .containerHeader--menu ul li a:hover { text-decoration: none;!important; background-color: #cc095f; }
.containerHeader .containerHeader--menu ul li:hover > ul { display: block;}
.containerHeader .containerHeader--menu ul li ul { position: absolute; top: 20px; left: 0; width: 360px; background: #fff; display: none;}
.containerHeader .containerHeader--menu ul li ul li { float: left; width: 100%; border-bottom: 1px solid #dddddd; transition: all .2s; padding: 10px 10px; }
.containerHeader .containerHeader--menu ul li ul li::after { display: none; }
.containerHeader .containerHeader--menu ul li ul li:hover { background: #f5f5f5; }
.containerHeader .containerHeader--menu ul li ul li a {  line-height: 21px; text-transform: none;}
.containerHeader--search--icon { display: none; }
.containerHeader--search { margin-right: 144px; float: right; position: relative; }
.containerHeader--search input { border: none; border-bottom: 2px solid #fff; width: 170px; padding-right: 30px; height: 25px; line-height: 30px; font-size: 15px; background: transparent; transition: all .3s; color: #fff; }
.containerHeader--search input:active, .section--container--search input:focus { width: 210px; background: none; }
.containerHeader--search input::placeholder { color: #ccc;}
.containerHeader--search button { position: absolute; border: none; right: 0; top: 2px; cursor: pointer; background: transparent; }
.containerHeader--search--button img { opacity: 0.8;}

/* --------------------------------- */
.mainBlock--left { float: left; width: 50%; padding: 0; box-sizing: border-box;}
.mainBlock--right {  float: left; width: 50%; padding: 0; }
.mainBlock--right .infoBlock--group { display: grid; grid-template-columns: 50% 50%; }
.mainBlock--right .infoBlock--group .infoBlock--element { width: 300px; height: 300px; }
.mainBlock--right .infoBlock--group .infoBlock--element .infoBlock--element--image img { width: 300px; height: 300px; }

/* --------------------------------- */
.containerView { padding: 64px 0 50px 0;  }
.containerView .containerView--title h1 { padding-bottom: 5px; font-size: 40px; font-weight: 800; color: #000; }
.containerView .containerView--title a { font-size: 45px; color: #000; }
.containerView .containerView--bread a { font-size: 13px; color: #999; text-transform: uppercase;}
.containerView .containerView--content { padding: 5px 0 0 0; overflow: hidden; min-height: 50vh; }
.containerView .containerView--content .containerView--content--left { float: left; padding-top: 5px; position: relative; overflow: hidden; }
.containerView .containerView--content .containerView--content--right { margin-left: 300px; }
.containerView .containerView--content .containerView--content--right img { max-width: 100%; }

/* ---- ---- ---- ---- ---- ---- ---- ---- */
.journalBlock { width: 100%; position: relative; display: inline-block; }
.newsMain--block { width: 100%; padding-right: 30px; box-sizing: border-box;}
.newsMain--block .newsMain--image { width: 100%; height: 100%; overflow: hidden; transition: scale 1s;}
.newsMain--block .newsMain--image img { width: 100%; height: 100%; object-fit: cover; }
.newsMain--block .newsMain--image:hover { scale: 1.04; }
.newsMain--block .newsMain--present { padding-top: 22px; padding-right: 65px; }
.newsMain--block .newsMain--present h3  { font-size: 45px; font-weight: 800; line-height: 45px; margin-bottom: 11px; }
.newsMain--block .newsMain--present h3 a { color: #000;}

.newsList { position: relative; padding: 0 0 23px 20px; margin-left: 40px; border-left: 2px solid #c1c1c1; transition: all 0.3s ease; }
.newsList--link { color: #000; font-size: 15px; }
.newsList { margin-block-start: 0; margin-block-end: 0; }
.newsList a:before { content: ''; position: absolute; left: -8px; top: 3px; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; transition: background-color 0.3s ease;border: 2px solid #c1c1c1; }
.newsList a:hover:before { background-color: #cc095f; }

.dropdown-container {position: relative; display: inline-block; }
.dropdown-button { background-color: #cc095f; cursor: pointer; width: 66px; height: 66px; border-radius: 50%; text-align: center;}
.dropdown-value {position: relative; top: 22px; font-size: 17px; font-weight: 700; text-transform: uppercase; color: #fff; }
.dropdown-content { display: none; position: absolute; padding-inline: 6px; background-color: #f9f9f9; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); z-index: 1; border-radius: 5px; overflow: hidden;}
.dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; }
.dropdown-content a:hover { background-color: #f1f1f1; }
.dropdown-container.show .dropdown-content { display: block; }
.dropdown-container.show { bottom: 0; }

/* --------------------------------- */
.containerFooter {  overflow: hidden; color: #000; margin-top: 49px; }
.containerFooter a { color: #000; }
.containerFooter .containerFooter--times { float: left; margin-right: 65px; }
.containerFooter .containerFooter--times a { display: block; font-size: 21px; font-weight: 500; }
.containerFooter .containerFooter--times a.none { font-size: 18px; }
.containerFooter .containerFooter--menu { padding: 35px 0 20px; background-color: #F7F7F7; border-top: 4px solid #000;}
.containerFooter .containerFooter--menu .containerFooter--wrapper { display: flex; justify-content: center; gap: 27px; }
.containerFooter .containerFooter--menu .containerFooter--wrapper a .contact-icon { width: 16px; padding-top: 3px; padding-left: 4px; }
.containerFooter .containerFooter--menu .containerFooter--wrapper a { display: block; padding: 5px 0; color: #000; font-weight: 700; text-transform: uppercase; }
.containerFooter .containerFooter--relative { display: flex; gap: 40px; justify-content: center; margin: 30px 0;}
.containerFooter .containerFooter--relative .relatives p { margin: 0;}
.containerFooter .containerFooter--relative .relatives p a { font-size: 11px; font-weight: 500;}
.containerFooter .containerFooter--relative .relatives p a span { font-weight: 300;}
.containerFooter .containerFooter--contacts { display: block; float: right; padding: 190px 0 0 0; text-align: end;}
.containerFooter .containerFooter--first { overflow: hidden; padding-bottom: 20px; }
.containerFooter .containerFooter--second { overflow: hidden; }
.containerFooter .containerFooter--right { margin-left: 315px; line-height: 24px; }
.containerFooter .containerFooter--right span { padding-top: 5px; display: block; }
.containerFooter .containerFooter--right h3 { font-weight: 500; font-size: 18px; padding-bottom: 10px; color: #000; }
.containerFooter .containerFooter--left { float: left; width: 250px; }
.containerFooter .containerFooter--left .containerFooter--logotype { float: left; }
.containerFooter .containerFooter--left .containerFooter--logotype .containerFooter--logo { display: block; width: 220px; height: 78px; background: url('../img/logo.png') no-repeat; }
.containerFooter .containerFooter--socials { padding-top: 10px; text-align: center; }
.containerFooter .containerFooter--socials a { margin-right: 5px; }
.containerFooter .containerFooter--copyrights {  font-size: 15px;  margin-top: 10px; padding-left: 35px; padding-right: 35px; text-align: left; }
.containerFooter .containerFooter--copyrights a { font-size: 13px; display: inline-block; text-transform: none; }
.containerFooter .containerFooter--copyrights p { margin: 3px 0; font-size: 11px;}
.containerFooter .containerFooter--copyrights .copyright-block {display: flex; flex-direction: column; gap: 5px;     align-items: center;}
.containerFooter .containerFooter--copyrights .copyright-block .logo { align-self: center; justify-self: self-end;}
.containerFooter .containerFooter--copyrights .copyright-block .sitemap {  padding-top: 0; margin-top: 10px; text-transform: lowercase; font-size: 11px; font-weight: 200; box-sizing: border-box; }
.containerFooter .containerFooter--copyrights .copyright-block .copyright .brandLink {  font-weight: 700; }
.containerFooter .containerFooter--times.graph { float: right; text-align: right; margin-right: 0; width: 100%; }
.containerFooter--partners { padding: 0 24px 24px 30px; border-bottom: 1px solid #ddd; display: flex;  align-items: center; flex-direction: row; gap: 10px; margin: 20px 0; justify-content:center;}
.containerFooter--partners h3 { margin-right:20px; font-size: 15px; }
.containerFooter--links { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.containerFooter--links a { display: inline-flex; align-items: center; flex: 0 0 auto; }
.containerFooter--links img { display: block; width: auto; max-width: 120px; max-height: 55px; object-fit: contain; filter: grayscale(1) brightness(.5); transition: filter .25s ease; }
.containerFooter--links a:hover img,
.containerFooter--links div:hover img{ filter: grayscale(0) brightness(1); }
.containerFooter--links a:focus-visible img { filter: grayscale(0) brightness(1); }

/* --------------------------------- */
.containerModal { display: none; }
.containerSearch { position: relative; width: 100%; display: inline-block; }
.containerSearch .containerSearch--element { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eee; }
.containerSearch .containerSearch--element .containerSearch--element--where { display: inline-block; padding: 5px 10px; background: #f1f1f1; border-radius: 2px; color: #666; font-size: 13px; margin-bottom: 10px; }
.containerSearch .containerSearch--element .containerSearch--element--title { font-weight: 700; font-size: 18px; margin-bottom: 10px; line-height: 22px; }
.containerSearch .containerSearch--element .containerSearch--element--title a { color: #000;}
.section--news--link {color: #4a4a4a; }
.arrowTransform { transform: scaleX(-1); }

/* ---- ---- ---- ---- ---- ---- ---- ---- */
.containerCookies { position: fixed; left: 0; bottom: 0; width: 100%; background: rgb(255 255 255 / 93%); color: #000; z-index: 500; padding: 25px 0;}
.containerCookies .containerWrapper { display: flex; align-items: center; gap: 50px; }
.containerCookies--button {  width: 160px; border-radius: 4px; height: 38px;  padding: 5px 10px; color: #000; background-color: transparent; border: 1px solid #000; font-weight: 400; font-size: 14px; display: block; text-align: center;transition: all .2s; }
.containerCookies--present { font-size: 14px; }
.hide { visibility: hidden; }
.show { visibility: visible; }

/* ---- ---- ---- ---- ---- ---- ---- ---- */
.containerMenu { display: none; position: fixed; top: 0; left: 0; width: 50%; height: 100%; z-index: 1000; background: #fffffff2; }
.containerMenu--container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: inline-grid; justify-content: center; align-content: start; }
.containerMenu--close { position: absolute; top: 0; right: 14px; font-size: 60px; cursor: pointer; color: #cc095fe6; font-weight: 300; transition: rotate 2s; }
.containerMenu--content { position: relative; display: inline-block; text-align: left; margin-bottom: -200px; opacity: 0; visibility: hidden; transition: all .3s; }
.containerMenu--content.active { margin-bottom: 0; opacity: 1; visibility: visible;  margin-top: 100px;}
.containerMenu--content a { display: block; color: #cc095fe6; text-transform: uppercase; font-size: 22px; font-weight: 300; padding: 10px 0; border-bottom: 1px solid #97259f40; }
.containerMenu--content ul li ul li a { font-size: 18px; padding: 7px 0 7px 30px; color: rgba(255,255,255,0.7); }
.containerMenu--content a:last-child { border-bottom: none; }

/* --------------------------------- */
.containerView--mobile { border: 1px solid #000; margin-top: 20px; width: 100%; height: 52px; line-height: 21px; display: none; padding: 15px 20px 17px 20px; border-radius: 4px; background: #fff; box-sizing: border-box; position: relative; }
.containerView--mobile::after { content: ''; width: 30px; height: 2px; position: absolute; top: 26px; right: 20px; display: block; background: #000; }
.containerView--mobile img { vertical-align: middle; }
.containerView--mobile span { display: inline-block; vertical-align: middle; margin-left: 12px; font-weight: 600; }
.containerCategories.show-menu { display: block!important; }
.infoBlock { width: 100%; position: relative;}
.infoBlock .infoBlock--group { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; }
.infoBlock .containerTitle { padding-top: 14px; grid-column: 1 / span 4; }
.infoBlock .infoBlock--element .infoBlock--element--image { margin-bottom: 20px; transition: scale 1s; }
.infoBlock .infoBlock--element .infoBlock--element--image:hover { scale: 1.04; }
.infoBlock .infoBlock--element .infoBlock--element--image img { max-width: 100%; }
.infoBlock .infoBlock--element .infoBlock--element--present { padding-top: 3px;  margin-bottom: 20px; }
.infoBlock .infoBlock--element .infoBlock--element--present h3 { font-size: 27px; font-weight: 800; line-height: 27px; padding-bottom: 7px; }
.infoBlock .infoBlock--element .infoBlock--element--present h3 a { color: #000;}



@media screen and (max-width: 1400px) {
    .infoBlock .infoBlock--element .infoBlock--element--present h3 { font-size: 24px; }
    .infoBlock .infoBlock--element .infoBlock--element--image { margin-bottom: 0; }
}


@media screen and (max-width: 1280px) {
    .mainContent .caption { margin-top: 39px; }
    .infoBlock .infoBlock--element .infoBlock--element--present h3 { font-size: 22px; line-height: 25px; word-wrap: break-word;  }
    .newsMain--block .newsMain--present h3 { font-size: 37px; line-height: 39px;  word-wrap: break-word; }
}

@media screen and (max-width: 1200px){
    .containerHeader--languages { top: 50px; }
    .containerHeader .containerHeader--logotype { top: 50px; }
    .containerWrapper { padding: 0 50px; }
    .containerView { padding-bottom: 0; }
    .infoBlock .infoBlock--group { gap: 15px; }
    .newsMain--block .newsMain--present { padding-right: 0; }
    .mainContent .topNews .blockWrapper { padding: 21px 31px;}
    .containerFooter { margin-top: 30px; }
    .containerFooter .containerFooter--menu .containerFooter--wrapper { flex-wrap: wrap; column-gap: 22px; row-gap: 0; }

}

@media screen and (max-width: 1024px){
    .containerFirst .containerFirst--content--menu { display: none;}
    .containerFirst--content--logotype .containerFirst--content--menu { display: block; width: 30px; float: left; padding: 10px; border-radius: 45px; margin: 17px 15px 13px 20px; overflow: hidden; cursor: pointer; background-color: #25aae1;}
}

@media screen and (max-width: 1000px){
    .containerHeader--languages { top: 63px; }
    .containerHeader .containerHeader--menu ul li { line-height: 27px; }
    .containerHeader .containerHeader--logotype { top: 63px; }
    .containerContent.top { padding-top: 105px; }
    .containerView { padding-top: 105px;}
    .containerFirst::after { width: 100%; }
    .containerFirst .containerFirst--content--slider h3 { font-size: 40px; line-height: 55px; }
    .containerFirst .containerFirst--content--right { width: calc(100% - 85px); }
    .logoCont--block .logoCont--element { padding: 20px;}
    .infoBlock .infoBlock--group { grid-template-columns: repeat(2, 1fr); }
    .infoBlock .containerTitle { grid-column: 1 / span 2; }
    .mainContent .caption { margin-top: 21px; }
    .containerFooter .containerFooter--menu { padding: 35px 0; }
    .containerFooter .containerFooter--menu .containerFooter--wrapper { display: block; width: 500px; margin: auto; text-align: center; }
    .containerFooter .containerFooter--menu .containerFooter--wrapper a {display: inline-block;  font-size: 17px;  line-height: 13px;  padding: 5px 11px;}
    .containerFooter .containerFooter--menu .containerFooter--wrapper a .contact-icon { padding-top: 0; }
    .containerFooter .containerFooter--copyrights .sitemap { font-size: 13px; }
    .containerFooter .containerFooter--right { margin-left: 0; clear: both; padding-top: 30px; }
    .containerFooter--partners {flex-direction: column;}
    .containerFooter--links {grid-template-columns: repeat(4, 1fr); display: grid; width: 100%;justify-items: center;justify-content: center;}
}

@media screen and (max-width: 900px) {
    .containerHeader--search--icon { display: block; padding-top: 7px;}
    .containerHeader--search--icon .containerHeader--search--btn { width: 21px; height: 21px; border: none; background-color: transparent;background-image: url('/templates/img/glass-white.svg'); }
    .containerHeader--languages { top: 62px; }
    .containerHeader .containerHeader--logotype { top: 62px; }
    .containerHeader .containerHeader--first { padding: 5px 0 10px; justify-content: center; }
    .containerHeader .containerHeader--search { display: none;}
    .containerHeader .containerHeader--menu { margin-left: 0; width: 360px; text-align: center; }
    .mainBlock--left { width: 100%; float: none; }
    .mainBlock--right { width: 100%; float: none; }
    .mainContent .topNews .blockWrapper { padding: 21px 10px; }
    .mainContent { padding-inline: 84px;}
    .newsMain--block .newsMain--present h3  { font-size: 35px; line-height: 37px; }
    .newsMain--block { padding-right: 0; }
    .newsLink.text-lg { margin-bottom: 26px; }
    .containerView { padding-top: 125px; }
}

@media screen and (max-width: 768px) {
    .containerView .containerView--content { padding: 20px 0 0 0;}
    .containerCookies .containerWrapper { gap: 10px; }
}

@media screen and (max-width: 700px) {
    .containerHeader--first .section--container--buttons { display: none;}
    .containerHeader--second--menu--bg { display: none;}
    .containerHeader--first .logoText { font-size: 19px; max-width: 240px; }
    .containerView .containerView--mobile { display: inline-block; }
    .containerMain--left { border-right: 2px solid #000;}
    .containerMain--left .containerHeader--logotype { padding: 60px 5px;}
    .mainContent { padding-inline: 50px; }
    .mainContent .caption { margin-top: 31px; }
    .newsMain--block { width: 100%;}
    .containerPage { height: auto; }
    .newsMain--block .newsMain--image { width: 100%;}
    .newsMain--block .newsMain--image img { max-width: 600px; max-height: 600px; }
    .logoCont--block .logoCont--element { padding: 15px;}
    .infoBlock .infoBlock--group { grid-template-columns: 1fr; }
    .infoBlock .containerTitle { grid-column: 1 / span 1; }
    .infoBlock .infoBlock--element .infoBlock--element--image img { min-width: 100%; }
    .infoBlock .containerTitle a { font-size: 35px;}
    .containerFooter .containerFooter--times.graph { float: left; text-align: left; padding-top: 10px; }
    .containerFooter .containerFooter--menu .containerFooter--wrapper a { font-size: 16px;}
}

@media screen and (max-width: 576px) {
    .containerHeader .containerHeader--menu { display: none;}
    .containerHeader .containerHeader--logotype { top: 19px;  left: 0; position: relative; margin: auto; }
    .containerHeader .containerHeader--logotype .containerHeader--logo { width: 87px; height: 87px;}
    .containerHeader .containerHeader--first { padding: 5px 0; height: 68px; }
    .containerHeader .containerHeader--languages { position: relative; right: 0; top: 0; margin-right: 30px; margin-top: 17px; }
    .containerHeader .containerHeader--first .containerHeader--burger { display: block; margin-left: 12px; padding-top: 22px; }
    .containerHeader--search--icon { position: absolute; top: 22px; right: 76px; padding: 0}
    .containerHeader--search--icon .containerHeader--search--btn { width: 35px; height: 34px; border-radius: 50%;  background-image: url('/templates/img/glass-black.svg'); background-color: #fff; background-repeat: no-repeat; background-size: 21px; background-position: center;}
    .dropdown-button { height: auto; width: auto; min-width: 26px; padding: 5px 4px; background-color: #fff; }
    .dropdown-value { top: 0; font-size: 20px; font-weight: 500; color: #000; }
    .dropdown-container.show  { right: 0; }
    .dropdown-container.show .dropdown-content { right: -16px; }
    .infoBlock .infoBlock--element { width: 100%; }
    .infoBlock .infoBlock--element .infoBlock--element--present h3 { font-size: 35px; line-height: 37px; word-wrap: break-word; }
    .containerArticle .containerArticle--image { padding-right: 10px; }
    .containerArticle--right--bottom { padding-right: 10px;}
    .containerContent.top { padding-top: 53px; }
    .containerView { padding-top: 38px; }
    .mainContent .caption { margin-top: 59px; }
    .newsLink { font-size: 17px; line-height: 19px; margin-bottom: 12px;}
    .containerFooter .containerFooter--copyrights .copyright .brandLink { padding-left: 2px;}
    .containerFooter .containerFooter--menu .containerFooter--wrapper { width: 450px; }
    .containerFooter .containerFooter--menu .containerFooter--wrapper a { padding: 5px 8px; }
    .containerFooter .containerFooter--relative { gap: 10px;}
    /*.containerFooter .containerFooter--socials { text-align: left; margin-left: 35px; }*/
    .containerFooter--links {grid-template-columns: repeat(4, 1fr); display: grid;   gap: 20px;}
}

@media screen and (max-width: 540px)  {
    .containerArticle--right--bottom { padding-right: 39px;}
    .containerArticle .containerArticle--image { padding-right: 0; text-align: left;}
    .infoBlock .infoBlock--element .infoBlock--element--image img,
    .newsMain--block .newsMain--image img,
    .containerArticle .containerArticle--image img { width: 440px; height: 440px; }
}



/* Roxy: rounded editorial photos and article navigation. */
.newsMain--image,
.containerArticles--element--image,
.infoBlock--element--image,
.containerArticle--image,
.item--image--thumbs .thumbs--element {
    border-radius: 15px;
    overflow: hidden;
}
.newsMain--image img,
.containerArticles--element--image img,
.infoBlock--element--image img,
.containerArticle--image img,
.item--image--thumbs .thumbs--element img,
.containerArticle--content p img,
.containerArticle--content figure img {
    border-radius: 15px;
}
.containerArticle--navigation {
    display: flex;
    justify-content: space-between;
    gap: 32px;
    width: 100%;
    margin-top: 38px;
    padding-top: 8px;
}
.containerArticle--navigation--link {
    flex: 1 1 0;
    min-width: 0;
    max-width: 48%;
    padding-top: 14px;
    border-top: 2px solid #cc095f;
    color: #0f0f0b;
    text-decoration: none;
    overflow-wrap: anywhere;
}
.containerArticle--navigation--link.next { margin-left: auto; text-align: right; }
.containerArticle--navigation--link span {
    display: block;
    margin-bottom: 8px;
    color: #cc095f;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}
.containerArticle--navigation--link strong { display: block; font-size: 18px; line-height: 1.25; }
.containerArticle--navigation--link:hover strong { text-decoration: underline; }
.containerArticle--navigation--link:focus-visible { outline: 2px solid #cc095f; outline-offset: 5px; }
@media screen and (max-width: 700px) {
    .containerArticle--navigation { flex-direction: column; gap: 24px; }
    .containerArticle--navigation--link { max-width: 100%; }
    .containerArticle--navigation--link.next { margin-left: 0; text-align: left; }
}

/* Keep the article hero proportional when HTML dimensions exceed its column. */
.containerArticle .containerArticle--image img {
    display: block;
    width: 100%;
    height: auto;
}

/* A small grade increase strengthens headings without changing their metrics. */
.mainContent h1,
.mainContent h2,
.mainContent h3,
.mainContent h4,
.mainContent h5,
.mainContent h6,
.mainContent .containerTitle,
.mainContent .containerView--title,
.containerArticle--navigation--link strong {
    font-variation-settings: "GRAD" 50;
}

/* Local legacy trial: contain the original logo and article media. */
.containerHeader--logo img {width:100%;height:100%;object-fit:contain;}
/* Old editor images have inline pixel dimensions: shrink both axes together. */
.legacy-article-body img,
.legacy-article-intro img {max-width:100%!important;height:auto!important;box-sizing:border-box;}

/* All legacy categories are visible; public UI is Ukrainian only. */
.legacy-categories { padding: 112px 0 16px; border-bottom: 1px solid #f0e5eb; }
.legacy-categories--links { display: flex; flex-wrap: nowrap; justify-content: center; gap: 3px; }
.legacy-categories--links a { display: inline-flex; flex: 0 0 auto; align-items: center; white-space: nowrap; padding: 6px clamp(4px, .5vw, 8px); border: 1px solid #eadce3; border-radius: 18px; background: #fff; color: #5d5d5d; font-size: clamp(11px, .9vw, 13px); font-weight: 500; line-height: 18px; text-decoration: none; }
.legacy-categories--links a:hover, .legacy-categories--links a.active { color: #fff; background: #cc095f; border-color: #cc095f; }
.legacy-categories--links a:focus-visible { outline: 2px solid #cc095f; outline-offset: 3px; }
.legacy-categories + .containerContent.top { padding-top: 8px; }
.legacy-categories + .containerView { padding-top: 0; }
.containerHeader .containerHeader--first { max-width: 1540px; height: 96px; margin: 0 auto; padding: 0 84px 0 135px; display: flex; align-items: center; justify-content: space-between; }
.containerHeader .containerHeader--logotype { position: static; flex: 0 0 auto; margin: 0; }
.containerHeader .containerHeader--logotype .containerHeader--logo { display: flex; align-items: center; width: 180px; height: 68px; }
.containerHeader .containerHeader--logotype .containerHeader--logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.containerHeader--search { float: none; margin: 0; }
@media screen and (max-width: 1240px) {
    .containerHeader .containerHeader--first { padding-left: 84px; padding-right: 84px; }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .legacy-categories .mainContent { padding-left: 32px; padding-right: 32px; }
}
@media screen and (max-width: 1023px) {
    .legacy-categories--links { flex-wrap: wrap; justify-content: flex-start; gap: 6px; }
    .legacy-categories--links a { font-size: 12px; padding: 6px 10px; }
}
@media screen and (max-width: 700px) {
    .legacy-categories { padding-top: 96px; }
    .legacy-categories--links { gap: 6px; }
    .legacy-categories--links a { padding: 6px 10px; font-size: 12px; }
    .containerHeader .containerHeader--first { height: 80px; padding: 0 20px; }
    .containerHeader .containerHeader--logotype { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
    .containerHeader .containerHeader--logotype .containerHeader--logo { width: 150px; height: 56px; }
    .containerHeader .containerHeader--burger { float: none; flex: 0 0 40px; width: 40px; margin: 0; padding: 8px; box-sizing: border-box; }
    .containerHeader .containerHeader--burger .burger--element { float: none; display: block; width: 24px; height: 3px; margin: 5px 0; background: #fff; }
    .containerHeader .containerHeader--burger .burger--element.short { width: 16px; }
    .containerHeader .containerHeader--search--icon { position: static; flex: 0 0 35px; padding: 0; }
}
@media screen and (max-width: 540px) {
    .containerPage, .containerWrapper, .mainContent { min-width: 0; }
    .mainContent { padding-left: 20px; padding-right: 20px; }
    .newsMain--block .newsMain--image img,
    .infoBlock .infoBlock--element .infoBlock--element--image img,
    .containerArticle .containerArticle--image img { width: 100%; height: auto; }
    .containerFooter .containerFooter--menu .containerFooter--wrapper { width: 100%; max-width: 100%; }
    .containerFooter--links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* The original 134x50 logo, a pinned masthead and a slow, soft colour drift. */
.legacy-masthead { position: sticky; top: 0; z-index: 100; width: 100%; box-shadow: 0 4px 18px rgba(93, 12, 52, .07); }
.legacy-masthead .containerHeader {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    background: #8e0541;
    isolation: isolate;
    overflow: hidden;
}
.legacy-masthead .containerHeader::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(110deg, transparent 10%, rgba(49,10,34,.68) 42%, rgba(67,13,45,.56) 58%, transparent 88%);
    opacity: .8;
    animation: roxy-header-drift 18s ease-in-out infinite alternate;
}
.legacy-masthead .containerHeader--logo { filter: drop-shadow(0 1px 3px rgba(72, 0, 35, .7)); }
.legacy-masthead .containerHeader--search { filter: drop-shadow(0 1px 2px rgba(72, 0, 35, .7)); }
.legacy-categories--links a { font-family: "Google Sans", Arial, sans-serif; font-size: clamp(12px, 1.05vw, 15px); font-weight: 700; font-variation-settings: "GRAD" 100; line-height: 20px; padding-left: 4px; padding-right: 4px; }
@media screen and (min-width: 1440px) {
    .legacy-categories--links { gap: 6px; }
    .legacy-categories--links a { padding: 8px 6px; }
}
@media screen and (min-width: 1600px) {
    .legacy-categories--links { gap: 8px; }
    .legacy-categories--links a { padding-left: 8px; padding-right: 8px; }
}
@media screen and (min-width: 1024px) and (max-width: 1100px) {
    .legacy-categories--links a { font-size: 11.5px; padding-left: 4px; padding-right: 4px; }
}
@media screen and (max-width: 1023px) {
    .legacy-categories--links a { font-size: 14px; padding-left: 10px; padding-right: 10px; }
}
.legacy-masthead .containerHeader .containerHeader--first { height: 90px; }
.legacy-masthead .containerHeader .containerHeader--logotype .containerHeader--logo { width: 134px; height: 50px; }
.legacy-masthead .containerHeader .containerHeader--logotype .containerHeader--logo img { display: block; width: 134px; height: 50px; max-width: none; object-fit: contain; }
.legacy-masthead .legacy-categories { padding: 10px 0; margin: 0; background: #fff; }
.legacy-masthead + .containerContent.top { padding-top: 8px; }
.legacy-masthead + .containerView { padding-top: 0; }
/* A clean page background replaces the inherited Roxy7 artwork. */
html, body, .containerPage { background: #fff; }
.overlay { position: relative; z-index: 0; isolation: isolate; background: #fff; }
.overlay::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(ellipse at 8% 28%, rgba(133,52,99,.055), transparent 58%), radial-gradient(ellipse at 94% 78%, rgba(98,66,120,.04), transparent 55%);
    opacity: .25;
    animation: roxy-page-breathe 48s ease-in-out infinite;
}
.containerTitle.link a { color: #171717; }
.containerTitle.link a:hover { color: #b72c69; }
@keyframes roxy-header-drift {
    from { transform: translateX(-55%); }
    to { transform: translateX(55%); }
}
@keyframes roxy-page-breathe {
    0%, 100% { opacity: .25; }
    50% { opacity: .65; }
}
@media screen and (max-width: 700px) {
    .legacy-masthead .containerHeader .containerHeader--first { height: 80px; }
}
@media (prefers-reduced-motion: reduce) {
    .legacy-masthead .containerHeader::before, .overlay::before { animation: none; }
    .legacy-masthead .containerHeader::before { opacity: .8; transform: none; }
    .overlay::before { opacity: .25; }
}
@media print {
    .legacy-masthead .containerHeader::before, .overlay::before { display: none; animation: none; }
}

/* Wider article text with a naturally sized hero and same-category reading. */
.containerArticle .containerArticle--grid {
    grid-template-columns: minmax(0, 1.85fr) minmax(0, 1fr);
    grid-template-areas: "article hero" "article related";
    grid-template-rows: auto 1fr;
    column-gap: 36px;
    align-items: start;
}
.containerArticle .containerArticle--grid .containerArticle--left { grid-area: article; min-width: 0; }
.containerArticle .containerArticle--grid .containerArticle--right { grid-area: hero; min-width: 0; }
.containerArticle .containerArticle--grid .containerArticle--right--bottom { grid-area: related; min-width: 0; padding: 0; }
.containerArticle .containerArticle--content { padding-right: 0; overflow-wrap: anywhere; }
.legacy-article-related { margin: 28px 0 0; border-top: 2px solid #eadce3; padding-top: 22px; }
.legacy-article-related h2 { font-size: 25px; line-height: 1.15; font-weight: 700; color: #202020; margin: 0 0 6px; }
.legacy-article-related--category { color: #b72c69; font-size: 14px; margin: 0 0 22px; }
.legacy-article-related--list { display: grid; gap: 26px; }
.legacy-article-related--card { display: block; min-width: 0; color: #171717; text-decoration: none; }
.legacy-article-related--card img { display: block; width: 100%; height: auto; aspect-ratio: 8 / 5; object-fit: cover; border-radius: 15px; }
.legacy-article-related--card h3 { font-size: 21px; line-height: 1.2; font-weight: 700; margin: 12px 0 7px; }
.legacy-article-related--card:hover h3 { color: #b72c69; }
.legacy-article-related--card:focus-visible { outline: 2px solid #b72c69; outline-offset: 5px; border-radius: 4px; }
.legacy-article-related--date { color: #888; font-size: 12px; }
@media screen and (max-width: 1023px) {
    .containerArticle .containerArticle--grid { column-gap: 24px; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); }
}
@media screen and (max-width: 700px) {
    .containerArticle .containerArticle--grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "hero" "article" "related"; grid-template-rows: auto auto auto; }
    .containerArticle .containerArticle--image { padding: 0; }
    .legacy-article-related { margin-top: 32px; }
}

.legacy-category-seo { float: none; clear: both; margin-top: 40px; padding-top: 28px; border-top: 1px solid #eadce3; font-size: 17px; line-height: 1.75; color: #222; overflow-wrap: anywhere; }
.legacy-category-seo h2, .legacy-category-seo h3 { line-height: 1.3; margin: 22px 0 12px; }
.legacy-category-seo p, .legacy-category-seo ul, .legacy-category-seo ol { margin: 0 0 16px; }
.legacy-category-seo ul, .legacy-category-seo ol { padding-left: 24px; }
.legacy-category-seo a { color: #b72c69; text-decoration: underline; }
.legacy-category-seo img { max-width: 100%; height: auto; }