.header-2 *,
.header-2 *::before,
.header-2 *::after {transition:.3s;}
.header-2 {position:relative; z-index:10;}
.header-2 #logo {display:flex; font-weight: 700; align-items:center; max-width:250px;}
.header-2 #logo .img {margin-right:.3rem;}
.header-2 #logo:hover .img {opacity:.75;}
.header-2 #logo img {max-width:200px; max-height:200px;}

.header-2 #header_items {margin:.5rem 0; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center;}
.header-2 #top_menu {}
.header-2 #top_menu ul {display:flex; padding: 0; flex-wrap:wrap; margin:0;}
.header-2 #top_menu ul li {position: relative; flex: auto; text-align: center; display:block;}
.header-2 #top_menu ul li a {display:flex; padding: 1rem .4rem;}
.header-2 #top_menu > ul > li.parent > a::after {content:"\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-left:.3rem; position:relative;}
.header-2 #top_menu > ul > li.active > a {border-bottom:2px solid var(--color-inverse);}
.header-2 #top_menu ul li:hover a::after {transform:rotate(180deg);}
.header-2 #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-2 #top_menu ul li ul li {text-align:left; border-bottom:1px solid #ddd; position: unset; max-width: 60rem;}
.header-2 #top_menu ul li ul li a {color: var(--color-text) !important;}
.header-2 #top_menu ul li ul li:hover > a {background:#ddd;}
.header-2 #top_menu ul li ul li ul li:hover a {box-shadow: 0 6px 12px rgb(0 0 0 / 18%);}
.header-2 #top_menu ul li:hover > ul {display: block;}
.header-2 #top_menu ul li ul li ul {display: none; top: 0; left: 100%; min-height: 100%;}
.header-2 #top_menu ul li ul li.parent > a {padding-right:2rem; position:relative;}
.header-2 #top_menu ul li ul li.parent > a::before {content: '\27A4'; position:absolute; right:.5rem; top:50%; transform:translateY(-50%);}
.header-2 .mobile-window {}
.header-2 .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-2 .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-2 .mobile-window .close {position:fixed; top:0; left:300px; margin:1rem; font-size:0; color:#fff; cursor:pointer;}
.header-2 .mobile-window .close:hover {opacity:.7;}
.header-2 .mobile-window .window > div {margin:1rem 0;}
.header-2 .mobile-window .mobile_menu {background:var(--color-base); text-align:left; margin-bottom:auto;}
.header-2 .mobile-window .mobile_menu ul {display:block; margin:0; padding:0;}
.header-2 .mobile-window .mobile_menu ul li {display:block; margin:0; padding:0; border-bottom:1px solid #ddd; position:relative;}
.header-2 .mobile-window .mobile_menu ul li a {color: var(--color-base-text); display:block; padding:.5rem;}
.header-2 .mobile-window .mobile_menu ul li ul li {display:none; background:rgba(255,255,255,.3); padding-left:.5rem;}
.header-2 .mobile-window .mobile_menu ul li ul.active > li {display:block;}
.header-2 .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-2 .mobile-window {display:block;}
body.active-menu .header-2 .mobile-window .bg {right:0; border-radius:0;}
body.active-menu .header-2 .mobile-window .close {font-size:3rem;}
body.active-menu .header-2 .mobile-window .window {width:300px; border-radius:0; opacity:1; padding:1rem;}

.header-2 .btn {padding: 0.5rem 1rem;}


@media (min-width: 450px) {
	.header-2 .btn {padding: 1rem 2rem;}
}

@media (min-width: 1200px) {
	.header-2 #top_menu ul li a {padding:1rem;}
}

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

.cover-22 svg {position:absolute; bottom:2rem; cursor:pointer; left:50%; margin-left:-1rem; animation: cover-22-pulse 2s infinite ease-in-out; width:2rem;}
@keyframes cover-22-pulse {
	0%, 100% {margin-top:0;}
	50%{margin-bottom:1rem;}
}

[data-color="#ffffffff"] {color:#ffffffff}

.cover-22 {display:none;}


.content-2 .bg-color::before {background:#0C3C7C;}
.content-2 .image {height:400px;}
.content-2 .image img {height:100%; width:100%; object-fit:cover; border-radius:1rem;}

.content-2 .owl-carousel .owl-nav {color:#FEDE73; font-size:100px; max-width:1400px;}
.content-2 .owl-carousel .owl-item {padding: 1rem 1rem 2rem;}
.content-2 .owl-carousel .owl-stage {display: flex;}
.content-2 .owl-carousel .owl-stage .item {display: flex; flex: 1 0 auto; height: 100%;}
.content-2 .owl-carousel .owl-dots {bottom:-60px;}
.content-2 .owl-carousel .owl-dot {background:#fff !important;}
.content-2 .owl-carousel .owl-dot.active {background:#FEDE73 !important; transform: scale(1.5);}

.content-2 .news .nav-tabs {border:0 none;}
.content-2 .news .nav-tabs .nav-link {padding: .5rem 1rem; background:#EFEFEF; border-left:1px solid #D0D0D0; border-radius:0; color:#000;}
.content-2 .news .nav-tabs .nav-link:nth-child(1) {border-left:0 none; border-radius:1.85rem 0 0 1.85rem;}
.content-2 .news .nav-tabs .nav-link:nth-last-child(1) {border-radius:0 1.85rem 1.85rem 0;}
.content-2 .news .nav-tabs .nav-link.active {background:#FEDE73; color:#000;}
.content-2 .news .nav-links-1 {padding-top: .5rem;}
.content-2 .news .btn.btn-inverse-primary {padding: .5rem 1rem; border-radius:1.85rem; position: absolute; top: 100%; left: 50%;  transform: translate(-50%, -50%); background: #0C3C7C; border: 0;color: #fff;}
.content-2 .news .btn.btn-inverse-primary:hover {background: #FEDE73;color: #000;}

.content-2 .news .article {display: flex; flex-direction: column; padding: 0; box-shadow: -1rem -1rem #FEDE73; border: 2px solid #FEDE73; position: relative; border-radius: 0.75rem;}
.content-2 .news .article:hover {background:#ddd;}
.content-2 .news .article img {width: 100%; height: 250px; object-fit: cover;}
.content-2 .news .article .cards-date {padding: 0 1rem; color: #666; text-align:right;}
.content-2 .news .article .cards-title {flex: 1 0 auto; padding: 0 1rem 1rem; color: #424243; border-bottom: 1.5px solid #FEDE73;}
.content-2 .news .article .cards-desc {padding: 0 1rem 2rem; font-size: 1rem; color: #424243; }
.content-2 .news .article .cards-img {border-radius: .5rem .5rem 0 0; overflow: hidden;}

.content-2 .news .nav-link-2 {display: none;}
.content-2 .news .nav-tabs .nav-link {padding: .5rem .5rem;}
.content-2 .news .nav-link-2:hover {color: #000}

@media (max-width: 1000px) {
	.content-2 .news .owl-nav {display: none;}
}


.content-2 .events.bg-color::before {top:40%; background:#0C3C7C;}
.content-2 .events .article {display: flex; flex-direction: column; padding: 0; position: relative; border-radius: 0.75rem}
.content-2 .events .article:hover {background:#ddd;}
.content-2 .events .article img {width: 100%; height: 250px; object-fit: cover;}
.content-2 .events .module-background {top:50%}
.content-2 .events .container .h1 { font-weight: bold;}
.content-2 .events .owl-carousel .owl-nav {color:#FEDE73; font-size:100px; max-width:1400px;}
.content-2 .events .owl-carousel .owl-stage {display: flex;}
.content-2 .events .owl-carousel .owl-stage .item {display: flex; flex: 1 0 auto; height: 100%;}
.content-2 .events .owl-carousel .owl-dots {bottom:-60px;}
.content-2 .events .owl-carousel .owl-dot {background:#fff !important;}
.content-2 .events .owl-carousel .owl-dot.active {background:#FEDE73 !important; transform: scale(1.5);}
.content-2 .events .nav-tabs {border:0 none;}
.content-2 .events .nav-tabs .nav-link {padding: .5rem 1rem; background:#EFEFEF; border-left:1px solid #D0D0D0; border-radius:0; color:#000;}
.content-2 .events .nav-tabs .nav-link:nth-child(1) {border-left:0 none; border-radius:1rem 0 0 1rem;}
.content-2 .events .nav-tabs .nav-link:nth-last-child(1) {border-radius:0 1rem 1rem 0;}
.content-2 .events .nav-tabs .nav-link.active {background:#0C3C7CFF; color:#fff;}
.content-2 .events .nav-link-2 {padding: .5rem 1rem; background:#FEDE73; border-left:1px solid #D0D0D0; border-radius:1rem; color:#000;}
.content-2 .events .btn.btn-inverse-primary {padding: .5rem 1rem; border-radius:1.85rem; position: absolute; top: 100%; left: 50%;  transform: translate(-50%, -50%); background:#FEDE73; border: 0;}
.content-2 .events .article .cards-date {padding: 0 1rem; color: #666666; text-align:right; }
.content-2 .events .article .cards-title {padding: 0 1rem; font-size: 1.25rem; font-weight: bold; color: #424243; }
.content-2 .events .article .cards-desc {padding: 0 1rem 2rem; font-size: 1rem; color: #424243; }
.content-2 .events .article .cards-img {border-radius: .5rem .5rem 0 0; overflow: hidden;}
.content-2 .events .owl-carousel .owl-item {padding-bottom: 2rem;}
.content-2 .events .btn-inverse-primary:hover {color: #000;}
.content-2 .events .nav-link-2:hover {color: #000;}

.content-2 .text-white a {color: #fff; text-decoration:underline;}


.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 a {color:var(--color-inverse);}
.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="#FFFFFFFF"] {color:#FFFFFFFF}
[data-color="#A2A2A2"] {color:#A2A2A2}