.header-1 * {transition:.3s;}
.header-1 {position:relative; z-index:10;}
.header-1 #logo {display:block;}
.header-1 #logo:hover {opacity:.75;}
.header-1 #logo img {}

.header-1 #header_items {margin:.5rem 0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.header-1 #header_items .logo svg path {fill: var(--color-base);}
.header-1 #header_items .logo svg path.arrow {fill: var(--color-body);}

.header-1 #top_menu {}
.header-1 #top_menu ul {display:flex; padding: 0; flex-wrap:wrap; margin:0;}
.header-1 #top_menu ul li {position: relative; flex: auto; text-align: center; display:block;}
.header-1 #top_menu ul li a {display:block; padding:1rem;}
.header-1 #top_menu ul li ul {display:none; position:absolute; top:100%; left:0; background:#fff; text-align:left; box-shadow: 0 6px 12px rgb(0 0 0 / 18%); white-space: nowrap;}
.header-1 #top_menu ul li ul li {text-align:left; border-bottom:1px solid #ddd; position: unset; max-width: 60rem;}
.header-1 #top_menu ul li ul li a {color: var(--color-text) !important;}
.header-1 #top_menu ul li ul li:hover > a {background:#ddd;}
.header-1 #top_menu ul li ul li ul li:hover a {box-shadow: 0 6px 12px rgb(0 0 0 / 18%);}
.header-1 #top_menu ul li:hover > ul {display: block;}
.header-1 #top_menu ul li ul li ul {display: none; top: 0; left: 100%; min-height: 100%;}
.header-1 #top_menu ul li ul li.parent > a {padding-right:2rem; position:relative;}
.header-1 #top_menu ul li ul li.parent > a::before {content: '\27A4'; position:absolute; right:.5rem; top:50%; transform:translateY(-50%);}

.header-1 .mobile-window {}
.header-1 .mobile-window .bg {position:fixed; background:rgba(0,0,0,.5); top:0; left:0; right:100%; bottom:0; border-radius:0 100% 100% 0;}
.header-1 .mobile-window .window {width:0; background:#fff; position:fixed; top:0; left:0; bottom:0; border-radius:0 100% 100% 0; opacity:0; padding:0; overflow:auto; display:flex; flex-direction: column; text-align: center;}
.header-1 .mobile-window .close {position:fixed; top:0; left:300px; margin:1rem; font-size:0; color:#fff; cursor:pointer;}
.header-1 .mobile-window .close:hover {opacity:.7;}
.header-1 .mobile-window .window > div {margin:1rem 0;}
.header-1 .mobile-window .mobile_menu {background:var(--color-base); text-align:left; margin-bottom:auto;}
.header-1 .mobile-window .mobile_menu ul {display:block; margin:0; padding:0;}
.header-1 .mobile-window .mobile_menu ul li {display:block; margin:0; padding:0; border-bottom:1px solid #ddd; position:relative;}
.header-1 .mobile-window .mobile_menu ul li a {color: var(--color-base-text); display:block; padding:.5rem;}
.header-1 .mobile-window .mobile_menu ul li ul li {display:none; background:rgba(255,255,255,.3); padding-left:.5rem;}
.header-1 .mobile-window .mobile_menu ul li ul.active > li {display:block;}
.header-1 .mobile-window .mobile_menu ul li.parent ul::before {content:'\f107'; font-family: "Font Awesome 6 Free"; font-weight: 900; position:absolute; background:#fff; padding:0 .5rem; top: .5rem; right:.5rem; cursor:pointer;}

body.active-menu {overflow:hidden;}
body.active-menu .header-1 .mobile-window {display:block;}
body.active-menu .header-1 .mobile-window .bg {right:0; border-radius:0;}
body.active-menu .header-1 .mobile-window .close {font-size:3rem;}
body.active-menu .header-1 .mobile-window .window {width:300px; border-radius:0; opacity:1; padding:1rem;}


[data-color="#000000FF"] {color:#000000FF}

body {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
.news__title {font-size: 2rem; line-height: 2.2rem;}

.breadcrumb__item {padding: 0 1rem 0 0; position: relative;}
.breadcrumb__item::before {position: absolute; content: "-"; left: -13px;}
.breadcrumb__item:first-child::before {content: none;}

.news-inner {display: flex;}
.news-content {width: calc(100% - 220px); padding: 0 3rem 0 0; float: left;}

.news-filter {display: flex; border: 1px solid #ececec; border-radius: 5px;}
.news-filter__item {border-right: 1px solid #ececec; padding: 14px 20px; display: inline-block;}
.news-filter__item:hover {background-color: #e6e6e6;}


.news-content-list__item {border: 1px solid #ececec; border-radius: 5px; transition: all .3s;}
.news-content-list__item:hover {transform: translateY(-3px); background-color: #ebebeb;}
.news-content-list__item-img {width: 100%; height: 200px;	background-size: cover; background-position: center; z-index: 100; display: block; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.news-content-list__item-text {padding: 25px 20px;}
.news-content-list__item-uptitle {text-transform: uppercase; color: var(--color-text-small); font-size: .7rem; line-height: .9rem;}
.news-content-list__item-title {color: var(--color-base-text); display: block;}
.news-content-list__item-date {color: var(--color-text-small);}

.news-side {width: 220px; float: right;}
.news-sub {border: 1px solid #ececec; text-align: center;}
.news-sub__top {padding: 40px 15px 15px;}
.news-sub__bottom {border-top: 1px solid #ececec;}
.news-sub__bottom-btn {display: block; width: 100%; padding: 15px 0; transition: all .3s;}
.news-sub__bottom-btn:hover {background-color: #e6e6e6;}


.news-categories ul {list-style-type: none; margin: 0; padding: 0;}
.categories__item {border: 1px solid #ececec; padding: 10px; cursor: pointer;}
.accordion-body li {padding: 5px;}


.news-tags__title {font-weight: bold;}
.tags {display: flex; flex-wrap: wrap; gap: .3rem;}
.tags a {padding: 5px 11px; color: var(--color-text-small); border-radius: 4px; border: 1px solid #ececec; font-size: .9rem; transition: all .3s;}
.tags a:hover {background-color: var(--color-inverse); color: #000000;}


.news-article__title {font-weight: bold;}
.news-article__item {padding: 13px 20px; border: 1px solid #ececec; border-radius: 5px; transition: all .3s; display: flex;}
.news-article__item:hover {transform: translateY(-3px); background-color: #e6e6e6;}
.news-article__img {width: 40px; height: 40px; border-radius: 50%; background-position: center center; background-size: cover; background-repeat: no-repeat; flex: 1 0 auto; margin: 0 10px 0 0;}
.news-article__item-date {color: var(--color-text-small); font-size: 14px;}

.footer-1 {padding:3rem 0;}
.footer-1 ul {display:block; margin:0; padding:0;}
.footer-1 ul li {display:block; margin:0; padding:0; border-bottom:1px solid var(--color-inverse);}
.footer-1 ul li a {display:block; margin:0; padding:.3rem 1rem;}
.footer-1 .zerro-author {display: flex; color:#A2A2A2;}
.footer-1 .zerro-author:hover {color:#A2A2A2;}
.footer-1 .zerro-author::before {content: url('/assets/images/zerro.svg'); margin-right:1rem; filter:grayscale(1) invert(1);}
.footer-1 .row:nth-child(1) {padding-bottom:1.5rem; margin-bottom:1.5rem; border-bottom:1px solid #a2a2a2;}
.footer-1 .row:nth-child(2) a:hover {filter:contrast(3);}


[data-color="#ffffffFF"] {color:#ffffffFF}
[data-color="#A2A2A2"] {color:#A2A2A2}