:root{
    --navy-blue: #23397d;
    --light-blue: #29a9e1;
    --red: #E54360;
    --border-radius: 5px;
}

* { box-sizing: border-box; }
a{ text-decoration: none; color:#000; }
a:hover{ text-decoration: underline; }
.shadow{ box-shadow: 0 0 5px rgba(0,0,0,.01) !important;}
.btn{}
.btn:hover{ text-decoration: none; }
button{ outline: 0; }

html{ padding: 0; margin: 0; }
body{
    font-family: 'Ankara Display', sans-serif, arial;
    font-size: 1rem;
    padding: 0;
    margin: 0;
    line-height: 1.3;
    background: #f1f1f1;
    background-size: cover;
    -webkit-font-smoothing: antialiased;
}

.noscroll {
    overflow: hidden;
}

.center{ display: flex !important; align-items: center !important; }
body:not(.home){ padding-top: 90px; }

/**/
.has-megamenu{ position: static !important; }
.megamenu{ width: 100% !important; left: 0; top: 100% !important; }
.dropdown-menu{ border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 0; top: 100%; margin-top: 0 !important; }
.dropdown-menu[data-bs-popper]{ left: inherit; }
.dropup .dropdown-menu{ top: auto; bottom: 100%; left: 0; }
.dropup .dropdown-menu[data-bs-popper]{ margin-bottom: 0;}
.fancybox-content { border-radius: var(--border-radius); }

main .containers{ max-width: 1200px; }

.dropdown-toggle[aria-expanded="true"]:after {
    transform: rotate(180deg);
}
.dropdown-toggle:after {
    transition: 0.5s;
}

/* ----- header ----- */
#header{ position: absolute; left: 0; right: 0; top: 0; z-index: 1111; transition: .3s; -webkit-transition: .3s;  }
#header > .container{ align-items: stretch; height: 90px; transition: .3s; -webkit-transition: .3s; }
#header.active{ transition: .3s; -webkit-transition: .3s; background: var(--navy-blue); }
#header.sticky{ position: fixed; top: 0; left: 0; right: 0; background: var(--navy-blue); }
#header.sticky > .container{ height: 60px; transition: .3s; -webkit-transition: .3s; }
#header.sticky .header-nav{  }
#header.sticky .header-logo{ height: 60px; }
#header.sticky .header-logo img{ height: 50px;  }
#header.sticky .hundredth {   }
#header.sticky .hundredth img{ height: 30px; }

.navbar{ padding: 0; position: inherit; width: 100%; }
.navbar-collapse{ flex-grow: inherit; }

/*------- mobile --------*/
#mobile-nav{ justify-content: space-between; display: flex; align-items: stretch; }
#mobile-nav .navbar-brand{ display: flex; margin: 10px 15px; }
#mobile-nav .navbar-brand img{ height: 60px; }
#mobile-nav .hundredth{ display: flex; margin: 0; padding: 10px 15px; background: #fff; }
#mobile-nav .hundredth img{ height: 30px; }
#mobile-nav .buttons{ display: flex; align-items: stretch;  }
#mobile-nav .buttons button{ display: flex; align-items: center; border: 0; font-size: 1.2rem; background: transparent; padding: 0 .75rem; }
#mobile-nav .buttons .navbar-toggler{ display: flex; align-items: center;  }
#mobile-nav .buttons .navbar-toggler:focus{ box-shadow: none; }


/* mobile menu */
#mobile-menu{ background: rgba(0,0,0,.1); }
#mobile-menu .nav-item:hover .nav-link{ text-decoration: none;}
#mobile-menu .nav-menu:hover .nav-link{ background: #fff; color: #23397D;  }

#mobile-menu .nav-link{ width: 100%; text-transform: uppercase; z-index: 11; position: relative; font-weight: 400; font-size: 20px; padding: 15px 20px; margin: 0; color: #fff; height: 100%; align-items: center; display: flex; }
#mobile-menu .nav-link:focus{ box-shadow: none; }
#mobile-menu .nav-link:after{ position: absolute; border: 0; right: 20px; content: "\f054"; font-family: "Font Awesome 6 Pro";  }
#mobile-menu .nav-item{ display: flex; flex-direction: column; z-index: 999; height: 100%; align-items: center; display: flex; padding: 0; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -o-transition: all .5s ease-out; }
#mobile-menu .navbar-nav > .nav-item:nth-child(2n){ background: rgba(0,0,0,.1); }
#mobile-menu .navbar-nav > .nav-item:nth-child(3n){ background: rgba(0,0,0,.15); }
#mobile-menu .navbar-nav > .nav-item:nth-child(4n){ background: rgba(0,0,0,.2); }
#mobile-menu .navbar-nav > .nav-item:nth-child(5n){ background: rgba(0,0,0,.25); }
#mobile-menu .navbar-nav > .nav-item:nth-child(6n){ background: rgba(0,0,0,.1); }
#mobile-menu .navbar-nav > .nav-item:nth-child(6n){ background: rgba(0,0,0,.1); }

#mobile-menu .navbar-nav .nav-item.baskent153{ background: var(--red); !important; }
#mobile-menu .navbar-nav .nav-item.baskent153 .dropdown-menu{  background: var(--red); !important; }
#mobile-menu .navbar-nav .nav-item.baskent153:hover .nav-link{ background: rgba(0,0,0,0.2); color: #fff; }
#mobile-menu .navbar-nav .nav-item.baskent153:hover .nav-link:after{ color: #fff; }
#mobile-menu .navbar-nav .nav-item.baskent153:hover .nav-link:before{ border-color: rgba(255,255,255,.4); }
#mobile-menu .navbar-nav .nav-item.baskent153 ul li a i{ border-right: 1px solid rgba(255,255,255,.4); padding-right: 10px; margin-right: 10px; }

#mobile-menu .nav-link.show{ background: rgba(0,0,0,.2); }
#mobile-menu .dropdown-menu{ background: none; position: relative !important; transform: none !important; inset: inherit !important; width: 100%; }
#mobile-menu .dropdown-menu .nav-link{ font-size: 1rem; font-weight: 300; padding: 10px 20px; }
#mobile-menu .dropdown-toggle[aria-expanded="true"]:after{ transform: rotate(90deg); }

/**/
#header .header-logo{ align-items: center; margin: 0; padding: 0; }
#header .header-logo img{ height: 70px; -webkit-transition: .3s; transition: .3s; }
#header .hundredth{ align-items: center; margin: 0;background: #fff; padding: 0 10px; }
#header .hundredth img{ height: 40px; -webkit-transition: .3s; transition: .3s; }

/**/
body:not(.home) #header{ margin-bottom: 0; background: var(--navy-blue); }

.header-nav{ display: flex; height: 100%; align-items: stretch; padding: 0; margin: 0; }
.header-nav .weather{ color: #fff; padding-right: 20px; display: flex; }
.header-nav .weather .nav-link{ padding-right: 15px !important; }
.header-nav .weather .nav-link:before{ display: none !important; }
.header-nav .weather .nav-link:after{ display: none !important; }
.header-nav .weather img{ display: flex; width: 60px; margin-right: 10px; }
.header-nav .weather .right{ display: flex;flex-direction: column; }
.header-nav .weather .deg{ font-size: 16px; font-weight: 500; }
.header-nav .weather .deg small{ font-weight: 300; color: rgba(255,255,255,.5); font-size: 12px; padding-left: 2px; }
.header-nav .weather .status{ font-weight: 300; font-size: 13px; color: rgba(255,255,255,.6); }
.header-nav .weather:hover .status{ color: #000; }
.header-nav .weather:hover .deg small{ color: #000; }
.header-nav .weather .forecast{ color: #000;}
.header-nav .weather .forecast .forecast-item{ background: #fff; border-radius: 10px; overflow: hidden; }
.header-nav .weather .forecast .forecast-item .body{ align-items: center; align-content: center; display: flex; flex-direction: column; background: #fff; border-radius: 10px; padding: 20px; }
.header-nav .weather .forecast .forecast-item .body .temp{ gap: 20px; display: flex; font-size: 2rem; justify-content: space-between; align-items: center; }
.header-nav .weather .forecast .forecast-item .body .temp span{ display: flex; align-items: baseline; }
.header-nav .weather .forecast .forecast-item .body .temp span small{ font-size: 1.2rem; padding-left: 5px; }
.header-nav .weather .forecast .forecast-item .body .temp span.highest{ color: #069; }
.header-nav .weather .forecast .forecast-item .body .temp span.lowest{ color: #c00; }
.header-nav .weather .forecast .forecast-item .body img{ width: 100px; }
.header-nav .weather .forecast .forecast-item .body .condition{ font-weight: 300;}
.header-nav .weather .forecast .forecast-item .date{ background: #23397d; color: #fff; text-align: center; height: 40px; display: flex; align-items: center; justify-content: center; }

.header-nav .nav-item{ display: inline-flex; z-index: 12; align-items: center; }
.header-nav .nav-item .nav-link{ text-transform: uppercase; z-index: 11; position: relative; font-weight: 400; font-size: 20px; color: #fff; padding: 0 15px; height: 100%; align-items: center; display: flex; }
.header-nav .nav-item:hover .nav-link{ text-decoration: none;}
.header-nav .nav-menu .nav-link{ padding: 0 55px 0 15px; }
.header-nav .nav-menu:hover .nav-link{ background: #fff; color: #23397D;  }
.header-nav .nav-menu .nav-link:before{ position: absolute; border-right: 1px solid rgba(255,255,255,.2); content: ''; width: 1px; height: 20px; display: inline-block; right: 40px; }
.header-nav .nav-menu .nav-link:after{ transition: .3s; -webkit-transition: .3s; margin: 0; padding: 0; border: 0; line-height: 20px; height: 20px; content: '\f107'; position: absolute; display: inline-block; font-family: "Font Awesome 6 Pro"; font-weight: 300; text-align: center; color: #fff; right: 0; width: 40px; }
.header-nav .nav-menu:hover .nav-link:before{ border-right-color: rgba(0,0,0,.2);  }
.header-nav .nav-menu:hover .nav-link:after{ transform: rotate(180deg); -webkit-transform: rotate(180deg); transition: .3s; -webkit-transition: .3s; color: #23397D;   }

.header-nav .nav-item{ z-index: 999; height: 100%; align-items: center; display: flex; padding: 0; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -o-transition: all .5s ease-out; }
.header-nav .nav-item:nth-child(3n){ background: #1e336f; }
.header-nav .nav-item:nth-child(4n){ background: #1e316b; }
.header-nav .nav-item:nth-child(5n){ background: #1c2d63; }
.header-nav .nav-item:nth-child(6n){ background: #182758; }
.header-nav .nav-item.weather{ background: transparent; max-width: 160px; }
.header-nav .nav-sub{ box-shadow: 0 0 10px rgba(0,0,0,.1); z-index: 10; visibility: hidden; opacity: 0; position: absolute; left: 0; top: 100%; background: url(../images/nav-sub-bg.png) no-repeat bottom center #fff; right: 0; padding: 75px 20px; transition: .3s all; -webkit-transition: .3s all; }
.header-nav .nav-menu:hover .nav-sub{ visibility: visible; opacity: 1; transition: .3s all; -webkit-transition: .3s all; }

.nav-card{; border-radius: 5px; overflow: hidden; background: #fff; }
.nav-card .nav-card-header{ text-transform: uppercase; font-size: 1.125rem; font-weight: 500; color: #1e336f; border-bottom: 1px solid #efefef; padding: 0 20px; height: 50px; display: flex; align-items: center; }
.nav-card .nav-card-body{  padding: 20px;  }
.nav-card .nav-card-body ul{ list-style: none; margin: 0; padding: 0; }
.nav-card .nav-card-body ul li{}
.nav-card .nav-card-body ul li a{ display: block; position: relative; padding: 5px 10px 5px 20px; }
.nav-card .nav-card-body ul li a:before{ content: '\f061'; color: rgba(0,0,0,.5); font-size: .75rem; font-family: 'Font Awesome 6 Pro'; font-weight: 900;  border-radius: 100%; position: absolute; left: 0; top: 8px; -webkit-transition: .3s all; transition: .3s all; }
.nav-card .nav-card-body ul li a:hover{ text-decoration: none; color: #000; -webkit-transition: .3s all; transition: .3s all; }
.nav-card .nav-card-body ul li a:hover:before{ color: #000; left: 5px; -webkit-transition: .3s all; transition: .3s all; }

.nav-grid{}
.nav-grid .grid-item{}
.nav-grid .grid-item a{ text-transform: uppercase; position: relative; background: #fff; border-bottom: 3px solid #23397D; font-weight: 400; font-size: 1.125rem; padding: 20px; display: flex; height: 80px; border-radius: 5px; text-align: center; justify-content: center; align-items: center; transition: .3s; -webkit-transition: .3s; }
.nav-grid .grid-item a:hover{ text-decoration: none; color: #fff; background: var(--navy-blue); transition: .3s; -webkit-transition: .3s; }

/* header nav baskent153 */
.header-nav .nav-item.baskent153{ position: relative; background: var(--red); !important; }
.header-nav .nav-item.baskent153 .sub-menu{ list-style: none; position: absolute; top: 100%; left:0; background: var(--red); !important; width: 120%; padding: 0; visibility: hidden; }
.header-nav .nav-item.baskent153:hover .nav-link{ background: rgba(0,0,0,0.2); color: #fff; }
.header-nav .nav-item.baskent153:hover .nav-link:after{ color: #fff; }
.header-nav .nav-item.baskent153:hover .nav-link:before{ border-color: rgba(255,255,255,.4); }
.header-nav .nav-item.baskent153:hover .sub-menu{ visibility: visible; }
.header-nav .nav-item.baskent153 ul li{}
.header-nav .nav-item.baskent153 ul li a{ color: #fff; display: block; padding:10px; }
.header-nav .nav-item.baskent153 ul li a i{ border-right: 1px solid rgba(255,255,255,.4); padding-right: 10px; margin-right: 10px; }
.header-nav .nav-item.baskent153 ul li a:hover{ text-decoration: none; background: rgba(0,0,0,.2); }

/* nav search */
.header-nav .nav-item.nav-search{ background: #cd3550; }
.header-nav .nav-item.nav-search .nav-link{ font-size: 1.5rem; }
.header-nav .nav-item.nav-search .nav-link:hover{ background: rgba(0,0,0,.2); }

/* nav lang */
.header-nav .nav-item.nav-lang{ background: #af2f47; }
.header-nav .nav-item.nav-lang .nav-link{ font-size: 1.5rem; }

.nav-icon{
    width: 28px;
    height: 20px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.nav-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    border-radius: 2px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.nav-icon span:nth-child(1) {top: 0; }
.nav-icon span:nth-child(2) {top: 8px; }
.nav-icon span:nth-child(3) {top: 16px; }

.header-nav .nav-item.shortcuts{ background: #29A9E1 !important;}
.header-nav .nav-item.shortcuts .nav-link{ padding: 0 15px; }
.header-nav .nav-item.shortcuts .nav-shortcuts{ opacity: 0; visibility: hidden; transition: .3s all; -webkit-transition: .3s all; position: absolute; left: 0; top: 100%; right: 0; background: #fff; z-index: 111; padding: 50px 0; }
.header-nav .nav-item.shortcuts:hover { background: #fff !important; color: #29A9E1 !important; }
.header-nav .nav-item.shortcuts:hover .nav-shortcuts { visibility: visible; opacity: 1; transition: .3s all; -webkit-transition: .3s all; }
.header-nav .nav-item.shortcuts:hover em:before{ content: '\f00d'; }
.header-nav .nav-item.shortcuts:hover .nav-icon span{ background: var(--light-blue); }
.header-nav .nav-item.shortcuts:hover .nav-icon span:nth-child(1){ top: 8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.header-nav .nav-item.shortcuts:hover .nav-icon span:nth-child(2){ opacity: 0; left: -30px; }
.header-nav .nav-item.shortcuts:hover .nav-icon span:nth-child(3){ top: 8px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.shortcuts-menu{ padding: 20px; }
.shortcuts-menu ul{ list-style: none; padding-left:0; }
.shortcuts-menu ul li{ margin-bottom: 20px; }
.shortcuts-menu ul li a{ border: 1px solid #efefef; justify-content: center; flex-direction: column; display: flex; background: #fff;  border-radius: 5px; overflow: hidden; transition: all .2s ; -webkit-transition: all .2s ; -o-transition: all .2s ; }
.shortcuts-menu ul li a:hover{ box-shadow: 0 0 30px rgba(0,0,0,.1); text-decoration: none; transition: all .2s ; -webkit-transition: all .2s ; -o-transition: all .2s ; }
.shortcuts-menu ul li a:hover .title{ color: var(--light-blue); background: #f4f4f4; }
.shortcuts-menu ul li a .icon{ display: flex; height: 80px; align-items: center; justify-content: center; }
.shortcuts-menu ul li a .icon img{ max-width: 80%; max-height: 50px; }
.shortcuts-menu ul li a .title{ border-top: 1px solid #efefef; background: #f8f8f8; text-align: center; height: 60px; padding: 10px; display: flex; justify-content: center; align-items: flex-start; }

/* ------ footer ---- */
#footer{ background: #333; color: #fff; position: relative; margin-top: 30px; }
.home #footer{ margin-top: 0; }
#footer:before{ content: ''; z-index: 1; position: absolute; top: 0; height: 60px; background: rgba(0, 0, 0, .2); width: 100%; }
#footer .footer-top{ z-index: 2; position: relative; padding-bottom: 100px; background: url(../images/footer-silhouette.png) repeat-x bottom center; }

#footer .footer-logos{ text-align: right; padding-top: 80px; }
#footer .footer-logos .baskent-mobil{ display: flex; flex-direction: column; margin: 50px 0 10px; justify-content: flex-end; border: 1px solid rgba(0,0,0,.2); padding: 10px; border-radius: 5px; }
#footer .footer-logos .baskent-mobil > img{ width: 200px; margin: -25px auto 10px; background: #333; padding: 0 20px; justify-content: flex-end; }
#footer .footer-logos .baskent-mobil .badges{ display: flex;  gap: 5px; justify-content: space-around; }
#footer .footer-logos .baskent-mobil .badges a{ display: block; }
#footer .footer-logos .baskent-mobil .badges img{ height: 34px; }

#footer .footer-menu{ font-size: .925rem; font-weight: 300; }
#footer .footer-menu .menu-heading{ height: 60px; line-height: 60px; font-weight: 400; font-size: 1.25rem; }
#footer .footer-menu ul{ list-style: none; margin: 20px 0 0; padding: 0; }
#footer .footer-menu ul li{ }
#footer .footer-menu ul li a{ color: rgba(255,255,255,.7); display: block; padding: 3px 5px 3px 20px; position: relative; -webkit-transition: .3s all; transition: .3s all; }
#footer .footer-menu ul li a:before{ content: '\f061'; color: rgba(255,255,255,.7); font-size: .60rem; font-family: 'Font Awesome 6 Pro'; font-weight: 300;  border-radius: 100%; position: absolute; left: 0; top: 7px; -webkit-transition: .3s all; transition: .3s all; }
#footer .footer-menu ul li a:hover{ text-decoration: none; color: #fff; -webkit-transition: .3s all; transition: .3s all; }
#footer .footer-menu ul li a:hover:before{ color: #fff; left: 5px; -webkit-transition: .3s all; transition: .3s all; }
#footer .footer-bottom{ height: 50px; background: #fff; color: #222; }
#footer .footer-bottom .container{ display: flex; justify-content: space-between; }
#footer .footer-bottom .icons{ display: flex; }

.footer-socials{ height: 50px; padding: 0; margin: 0; list-style: none; display: flex; }
.footer-socials li{  display: flex; height: 100%; align-items: center; }
.footer-socials li span{ font-size: .925rem; border-left: 1px solid rgba(255,255,255,.2); padding-left: 10px; margin-left: 10px; }
.footer-socials li a{ padding: 0 10px; color: #888; display: flex; height: 100%; align-items: center; font-size: 20px; }
.footer-socials li a:hover{ text-decoration: none; background: rgba(0,0,0,.1); }
.footer-socials li.fb a{ color: #1877f2; }
.footer-socials li.tw a{ color: #1da1f2; }
.footer-socials li.ins a{ color: #c13584; }
.footer-socials li.yt a{ color: #ff0000; }
.footer-socials li.te a{ color: #0088cc; }
.footer-socials li.btn1{ background: #777; }
.footer-socials li.btn2{ background: #666 }
.footer-socials li.btn1 a, .footer-socials li.btn2 a{ color: #fff; padding: 0 15px; }
.footer-socials li.btn-abbtv{ background: #555; }
.footer-socials li.btn-abbtv img{ height: 30px; }

.footer-icon-list { margin: 0; padding: 0; display: flex; flex-direction: column; align-items: stretch;  }
.footer-icon-list li { display: flex; margin-bottom: 7px; border: 1px solid rgba(0,0,0,.2); border-radius: var(--border-radius); overflow: hidden; transition: .2s all; -webkit-transition: .2s all; }
.footer-icon-list li:hover { background: rgba(0,0,0,.2); transition: .2s all; -webkit-transition: .2s all; cursor: pointer; }
.footer-icon-list li label {  justify-content: center; align-items: center; display: flex; flex: 0 0 50px; padding: 10px 0; }
.footer-icon-list li label i { font-size: 1.125rem; }
.footer-icon-list li div { font-size: .925rem; display: flex; flex: 0 100%; padding: 10px 10px 10px 0; font-weight: 300; }


/*-------- COMMON -----------*/
.swal2-container { z-index: 1000000 }
.form-controls{ border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.form-selects{ border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.btns{ border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }

/* card */
.card { border:0; }
.card .card-header{ border: 0; background: #ddd; padding: 0 25px; display: flex; align-items: center; height: 50px; font-size: 1.25rem; }
.card .card-header .card-title{ margin: 0; font-size: 1.25rem; }
.card .card-body{ padding: 25px; }

/* nav tabs container */
.nav-tabs-container{ border-radius: 5px; overflow: hidden; }
.nav-tabs-container .nav-tabs{ display: flex; background: #ddd; }
.nav-tabs-container .nav-tabs .nav-item{ flex-grow: 1;}
.nav-tabs-container .nav-tabs .nav-item{  }
.nav-tabs-container .nav-tabs .nav-item .nav-link{ text-align: center; border-radius: 0;  }
.nav-tabs-container .nav-tabs .nav-item .nav-link.active{ background: rgba(0,0,0,.1); }
.nav-tabs-container .nav-tabs .nav-link{ flex: 1 1; border: 0; border-right: 1px solid #efefef; padding: 20px; font-weight: 400; font-size: 1rem; color: #333; }
.nav-tabs-container .nav-tabs .nav-link:last-child{ border-right: 0; }
.nav-tabs-container .nav-tabs .nav-link.active{  }
.nav-tabs-container .tab-content{ padding: 20px; font-size: 14px; background: #fff; }

/**/
#subheader{ background: var(--navy-blue); color: #fff; text-align: center; }
#subheader .subheader-top{ padding: 40px 0;  }
#subheader h1{ font-weight: 500; font-size: 2.5rem; margin: 0; font-family: 'Ankara Display'; }

/*------ BREADCRUMB -----*/
#breadcrumb{ background: #fff; padding: 10px 0; display: flex; justify-content: center; /*box-shadow: 0 0 5px rgba(0,0,0,.1);*/ margin-bottom: 30px; }
#breadcrumb > .container{ display: flex; justify-content: space-between; }

#breadcrumb h1{ margin: 0 0 5px; font-size: 1.7rem; text-transform: uppercase; font-weight: 700; }
.breadcrumb{ border: 0; margin-bottom: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; font-weight: 300; font-size: 0.925rem; color: #666; }
.breadcrumb a{ color: #666; }
.breadcrumb a:hover{ color: #000; text-decoration: none; }
#breadcrumb .tools{ display: flex; align-items: center; }
#breadcrumb .tools a{ font-size: 1.125rem; height: 40px; padding: 0 10px; display: flex; border: 1px solid #ddd; margin: 0 2px; border-radius: 5px; align-items: center; justify-content: center; }
#breadcrumb .tools a:hover{ text-decoration: none; }
#breadcrumb .tools a.back{ width: auto; }

/*------- CONTENT -------*/
.content-wrapper{ display: flex; }
.content-wrapper .sidebar{ flex: 0 0 20rem; }
.content-wrapper .content{ flex: 1; width: calc(100% - 20rem); }
.content-wrapper .content .inner{ padding: 30px; }

/**/
.navigation{ background: #fff; margin-top: 0; margin-bottom: 50px; /*box-shadow: 0 0 5px rgba(0,0,0,.05);*/ }
.navigation .navigation-header{ font-size: 1.2rem; color: #23397D; background: #fff; padding: 25px 25px 0 25px; }
.navigation .navigation-header a{ color: #23397D; }
.navigation .navigation-header a:hover{ text-decoration: none; }
.navigation .navigation-body{ padding: 15px 0; }
.navigation .navigation-body ul{ list-style: none; padding: 0; margin: 0; }
.navigation .navigation-body ul li{ border-bottom: 1px dashed #fff; }
.navigation .navigation-body ul li:last-child{ border: 0; }
.navigation .navigation-body ul li a{ display: block; padding: 10px 25px; color: #000; }
.navigation .navigation-body ul li a:hover, .navigation .navigation-body ul li.active a{ color: #29a9e1; text-decoration: none; }

.navigation.sticky{ position: -webkit-sticky; position: sticky; top: 90px;}

/* sidebar menu */
.sidebar-menu{ margin-bottom: 20px; }
.sidebar-menu ul{ overflow: hidden; list-style: none; margin: 0; padding: 0; border-radius: 5px; background: #fff; }
.sidebar-menu ul li:not(.heading):not(:first-child){ border-top: 1px solid #efefef; }
.sidebar-menu ul li:not(.heading):hover a{ padding-left: 25px; background: #ddd; color: #000; text-decoration: none; }
.sidebar-menu ul li:not(.heading):hover a:after{ right: 15px; }

.sidebar-menu ul li a{ display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: 15px 50px 15px 20px; font-size: 1.063rem; line-height: 1.5; -webkit-transition: .2s; transition: .2s; }
.sidebar-menu ul li:not(.heading) a:after{ position: absolute; top: 50%; margin-top: -10px; right: 20px; width: 20px; height: 20px; content: '\f105'; font-family: "Font Awesome 6 Pro"; color: #000; display: inline-block; font-weight: 900; -webkit-transition: .2s; transition: .2s; }
.sidebar-menu .heading a{ text-transform: uppercase; background: #ddd; color: #000; font-weight: 500; font-size: 1.25rem; padding: 15px 20px; }
.sidebar-menu .heading a:hover{ text-decoration: none; }

/*----- PROGRAM ------*/
#program-table{}
#program-table thead th{ font-weight: 400; font-size: 13px; }
#program-table tbody td{ font-weight: 300; font-size: 13px; }

/**/

/*------ PAGE -------*/
#page{ }
#page .sidebar{ padding-left: 0;  }
#page .sidebar > .inner{ position: relative; background: rgba(0,0,0,.3); padding: 40px 20px 20px; }
#page .sidebar h2{ background: transparent; margin: 0 0 10px -20px; padding: 0 0 0 25px; font-size: 18px; font-weight: 500; border-left: 5px solid #21abe1; color: #fff; line-height: 30px; }
#page .left-sidebar{  text-align: right; }
#page .left-sidebar h2{ margin: 0 -20px 10px 0; padding: 0 25px 0 0; border-right: 5px solid #21abe1; border-left: 0; }
#page .right-sidebar{  }

#page .sidebar ul{ list-style: none; margin: 0; padding: 0; }
#page .sidebar ul li{ font-weight: 400; border-bottom: 1px solid rgba(255,255,255,.1); font-size: 15px; }
#page .sidebar ul li a{ display: block; color: #fff; padding: 10px; }
#page .sidebar ul li:last-child{ border-bottom: 0; }
#page .content{ }
#page .content.lrd{  }
#page .content.lra{  }
#page .content.lca{  }
#page .content.rca{  }
#page .content > .inner{ padding: 30px; background: #fff; box-shadow: 0 5px 40px rgba(0,0,0,.05); }


#page .content .detail{ font-size: 15px; line-height: 1.7; font-weight: 400; }
#page .content .detail strong{ font-weight: 600; }

/* page header */
.page-header{ border-bottom: 2px solid #efefef; margin-bottom: 15px;  }
.page-header h1{ font-size: 24px; color: #009edb; font-weight: 400; }

.page-wrapper{ background: #fff; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,.05); }


/*------ NEWS --------*/
.filters-form{ padding: 15px; background: #ddd; border-radius: 5px; margin-bottom: 20px; }

/* news item */
.news-item{ margin-bottom: 25px; }
.news-item a{ overflow: hidden; display: block; color: #000; text-align: center; padding: 15px; border-radius: var(--border-radius); background: #fff; }
.news-item a:hover{ text-decoration: none; }
.news-item a:hover strong{ color: var(--red); }
.news-item a img{ width: 100%; height: 170px; margin-bottom: 10px; object-fit: cover; border-bottom: 3px solid var(--red); }
.news-item a .date{ display: block; font-weight: 300; font-size: 0.925rem; margin-bottom: 5px; }
.news-item a strong{ display: block; font-weight: 400; font-size: 1.1rem; height: 80px; }

.news-item-department{}
.news-item-department a { padding: 0; background: #f8f8f8;}
.news-item-department a img{ height: 120px; }
.news-item-department a span{ padding: 0 10px; }
.news-item-department a strong{ font-size: 1rem; padding: 0 10px 10px; }

.news-item-search{}
.news-item-search a { padding: 0; background: #f8f8f8;}
.news-item-search a img{ height: 120px; }
.news-item-search a span{ padding: 0 10px; }
.news-item-search a strong{ font-size: 1rem; padding: 0 10px 10px; height: 120px; }

/* news detail */
#news{ background: #fff; padding: 30px; }
#news .news-header{ margin: 0 0 20px; }
#news .news-header h2{ font-size: 2rem; font-weight: 700; }
#news .news-header p{ font-size: 1.25rem; }
#news .news-header span{ font-size: 1rem; }
#news .news-header h2{ font-size: 2.5rem; }
#news .news-header p{ font-size: 1.3rem; font-weight: 500; }
#news .news-header .date{ font-size: 1rem; font-weight: 300; display: block; margin: 0 0 20px; }
#news .news-body{ font-weight: 400; font-size: 1.125rem; line-height: 1.6; }
#news .news-body strong{ font-weight: 600; }
#news .news-body a{ color: var(--navy-blue); }
#news .thumb{ border-radius: 5px;}

#news .photos{ margin-top: 30px; }
#news .photos a{  display: block; background: #fff; overflow: hidden; border-radius: var(--border-radius); }
#news .photos a img{ transition: .2s all; -webkit-transition: .2s all; width: 100%; height: 130px;  object-fit: cover; }
#news .photos a:hover img{ transform: scale(1.1); transition: .2s all; -webkit-transition: .2s all; }

/*---------- CONTACT ------------*/
#contact{}
#contact .contact-item{ background: #fff; border-radius: 5px; overflow: hidden; align-items: stretch; }
#contact .contact-item .top{ background: rgba(35, 57,125,.2); color: #23397d; padding: 20px; display: flex; flex-direction: column; align-items: center; }
#contact .contact-item .top i{ font-size: 2rem; margin-bottom: 10px; }
#contact .contact-item .top span{ text-transform: uppercase; font-weight: 500; }
#contact .contact-item .info{ display: flex; padding: 20px; word-break: break-word; text-align: center; align-items: center; height: 100px; justify-content: center; }
#contact .contact-item:hover .top{ text-decoration: none; background: #23397d; color: #fff; }
#contact .contact-item a:hover{ text-decoration: none; color: #23397d; }

#contact-map{ background: #fff; padding: 20px; margin-top: 30px; border-radius: 5px; }

/*--------- COMPANIES -----------*/
.companies{}
.companies .box-body .logo{ margin-bottom: 20px; text-align: center; }
.companies .box-body .logo img{ height: 100px; }
.companies .company{ margin-bottom: 30px; border-radius: 0; }
.companies .company .card-header{}
.companies .company .card-body{}
.companies .company .card-body ul{ list-style: none; margin: 0; padding: 0; }
.companies .company .card-body ul li{ overflow: hidden; border-bottom: 1px solid #efefef; padding: 10px 0; }
.companies .company .card-body ul li:last-child{ border-bottom: 0; margin-bottom: 0; }
.companies .company .card-body ul li label{ margin: 0; float: left; display: inline-block; width: 70px; }
.companies .company .card-body ul li label em{ width: 18px; display: inline-block; }
.companies .company .card-body ul li span{ display: block; margin-left: 80px; font-weight: 300; }

/*--------- PUBLICATIONS ---------*/
.publications{}
.publications .item{ background: #fff; }
.publications .item a{ display: block; padding: 15px; }
.publications .item a:hover{ text-decoration: none; color: var(--red); }
.publications .item img{ width: 100%; height: 270px; object-fit: cover; object-position: top; margin-bottom: 15px;  }
.publications .item span{ font-weight: 500; display: block; text-align: center; font-size: 1rem; border-top: 1px solid #efefef; padding-top: 15px;  }

/*--------- PUBLICATIONS ---------*/
.journal{}
.journal .item{ background: #fff; }
.journal .item a{ display: block; padding: 15px; text-align: center; }
.journal .item a:hover{ text-decoration: none; color: var(--red); }
.journal .item img{ width: auto; height: 100px; margin-bottom: 15px; }
.journal .item span{ font-weight: 500; display: block; text-align: center; font-size: 1rem; border-top: 1px solid #efefef; padding-top: 15px;  }

/*-------- WIDGET ------------- */
.card-has-tabs{}
.card-has-tabs.card-widget-builder .card-header{ padding: 1rem 1.5rem 0; }
.card-header-tabs{  margin: 0; font-size: 1rem; }

.card-widget-builder{}
.card-widget-builder .card-header{ padding: 1rem 1.5rem; font-size: 1.2rem; font-weight: 500; }
.card-widget-builder .card-footer{ padding: 1rem 1.5rem;}

.btn-widget-create{ display: block; padding: 7px 10px; background: #fff; border: 1px dashed #aaa; text-align: center; font-weight: 400; color: #000; font-size: 1rem; }
.btn-widget-create:hover{ text-decoration: none; background: #ccc; color: #000; }

/**/
.page-menu{ background: #fff; /*box-shadow: 0 0 5px rgba(0,0,0,.05);*/ }
.page-menu .page-menu-header{ font-size: 1.2rem; color: #23397D; background: #fff; padding: 25px 25px 0 25px; }
.page-menu .page-menu-header a{ text-decoration: none; color: #23397d; }
.page-menu .page-menu-body{ padding: 15px 0; }
.page-menu .page-menu-body ul{ list-style: none; padding: 0; margin: 0; }
.page-menu .page-menu-body ul li{ border-bottom: 1px dashed #efefef; }
.page-menu .page-menu-body ul li:last-child{ border: 0; }
.page-menu .page-menu-body ul li a{ display: block; padding: 10px 25px; color: #000; }
.page-menu .page-menu-body ul li a:hover, .page-menu .page-menu-body ul li.active a{ color: #29a9e1; text-decoration: none; }

.page-menu.sticky{ position: -webkit-sticky; position: sticky; top: 90px;}

/**/
.page-widget{ display: block; position: relative; margin-bottom: 20px; }
.page-widget-highlight{ border: 1px dashed rgba(255,0,0,.3); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; min-height: 40px; position: relative; }
.page-widget-highlight:before{ content: ''; background: rgba(255,0,0,.05); width: 100%; height: 100%; left: 0; right: 0; z-index: 11; position: absolute; visibility: hidden;  }
.page-widget-highlight:hover:before{ visibility: visible;  }
.page-widget-highlight:not(:hover):before{ visibility: hidden;  }
.page-widget-highlight.drag-highlight{ border-color: #badbcc; background: #d1e7dd; }
.page-widget-highlight.sortable-ghost{ opacity: .3; }

.page-widget-new.sortable-ghost{ border: 1px dashed #badbcc; background: #d1e7dd; color: #0f5132; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-align: center;  padding: 10px; margin-bottom: 10px; }
.page-widget-new.sortable-ghost img { display: none;  }

.page-widget .toolbar{ visibility: hidden; position: absolute; top: 0; right: 0; background: #fff;  border: 1px solid #ddd; }
.page-widget .toolbar { list-style: none; margin: 0; padding: 0; height: 36px; }
.page-widget .toolbar li{ float: left; display: inline-block; border-left: 1px solid #ddd; }
.page-widget .toolbar li:first-child{ border-left: 0; }
.page-widget .toolbar li a{ color: #000; width: 36px; display: block; text-align: center; height: 36px; line-height: 36px; }

.page-widget .page-widget-header{ font-weight: 500; font-size: 1.2rem; border-bottom: 1px solid #ddd; margin-bottom: 10px; height: 30px; }

/**/
.page-toolbar{ position: fixed; top: calc(50% - 180px); left: 0; display: flex; flex-direction: column; gap: 1px; }
.page-toolbar button{ border: 0; height: 60px; border-radius: 0; width: 50px; display: flex; align-items: center; justify-content: center; }

.widget-list{ list-style: none; margin: 0; padding: 0; }
.widget-list .item{ border-radius: 5px; text-align: center; margin-bottom: 15px; display: flex; flex-direction: column; border: 1px solid #efefef; color: #000; font-weight: 400; }
.widget-list .item .icon{ display: flex; align-items: center; align-content: center; justify-content: center; height: 100px; }
.widget-list .item .icon i{ font-size: 2.5rem; color: #222; }
.widget-list .item:hover{ text-decoration: none; background: #f8f8f8; }
.widget-list .item span{ display: flex; align-items: center; justify-content: center; height: 40px; background: #efefef; }

.offcanvas{ border: 0; z-index: 100000; box-shadow: 0 0 3px rgb(0 0 0 / 10%); -webkit-box-shadow: 0 0 3px rgb(0 0 0 / 10%); }
.offcanvas-header{ height: 60px; padding: 0 1rem; align-items: center; background: var(--light-blue); color: #fff; flex: 0 0 60px; }
.offcanvas-header h5{ margin: 0; }
.offcanvas-start{ width: 200px; border-left: 0; box-shadow: 0 10px 0 rgba(0,0,0,.2); flex: 0 0 100%; }

/**/
.fancybox-content{ padding: 30px; }
.modal-page{ width: 800px; }
.modal-page .page-header{ border-bottom: 1px solid #ddd; padding: 0 0 10px; margin: 0 0 10px; }
.modal-page .page-header h4{ margin: 0; padding: 0; font-size: 20px; }
.modal-page .form-actions{ border-top: 1px solid #ddd; padding: 10px 0 0; margin: 10px 0 0; }
.modal-page .form-actions .btn{ border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; font-weight: 400; }

/**/
#error-page{width:720px;margin:50px auto}
#error-page .top{overflow:hidden;text-align:center;margin-bottom:30px}
#error-page .top .error-number{display:block;color:#333;font-weight:700;font-size:10em}
#error-page .top h3{margin:0;font-size:2em;color:#fff}
#error-page .bottom{background:rgba(0,0,0,.2);padding:20px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;overflow:hidden}
#error-page .bottom .question-icon{float:left;width:128px}
#error-page .bottom .desc{float:left;margin-left:20px;color:#fff;border-left:1px solid rgba(255,255,255,.1);padding-left:20px;height:128px}
#error-page .bottom .desc h4{color:#fff;font-size:16px;margin-bottom:10px}
#error-page .bottom .desc ul{margin:0;padding-left:15px; font-size: 13px; font-weight: 300; }
#error-page .bottom .desc ul li{padding:2px 0}
#error-page .logo{text-align:center;margin-top:20px}
#error-page .logo .homepage{display:block;text-align:center;color:#fff;text-decoration:none;margin-top:20px}

/* council detail */
.council-detail{ border: 1px dashed #ccc; border-radius: var(--border-radius); overflow: hidden; }
.council-detail img{ height: 300px; width: 100%; object-fit: cover; object-position: top; }
.council-detail h4{ font-size: 1.5rem; }
.council-detail .detail{ padding: 20px; font-size: 1rem; line-height: 1.5; }

/* council */
.council-member{ background: #fff; border-radius: 5px; padding: 1rem; margin-bottom: 1.25rem; }
.council-member:hover{ text-decoration: none; color: var(--navy-blue); }
.council-member img{ object-fit: cover; height: 190px; object-position: top; }
.council-member .info{ margin: 10px 0 0; display: flex; flex-direction: column; align-items: center; }
.council-member .info strong{ font-weight: 500; }

.council-parties{}
.council-parties .party {  overflow: hidden; margin-bottom: 1rem; }
.council-parties .party .party-header {  border-radius: 5px; background: #ddd; height: 50px; padding: 0 20px; font-weight: 500; font-size: 1.125rem; display: flex; align-items: center; }
.council-parties .party .party-body { padding: 20px 0 0;  }

.custom-table{}
.custom-table th{ background: #083f88; color: #fff; font-weight: 500; font-size: 1rem; padding: 15px 10px; border-color: rgba(255,255,255,.2); }

.decision-detail{}
.decision-detail > .row{ border-bottom: 1px dashed #efefef; padding-bottom: 10px; margin-bottom: 10px; }
.decision-detail > .row .form-label{ margin: 0; font-weight: 500; }

/* tender */
.tender-table{}
.tender-table th{ background: #083f88; color: #fff; font-weight: 400; font-size: 16px; padding: 15px 10px; }

/**/
.tender-list-item{ overflow: hidden; padding: 0; align-items: stretch; display: flex; border: 1px dashed #ddd; gap: 10px; width: 100%; margin-bottom: 10px; border-radius: var(--border-radius); }
.tender-list-item:hover{ border-color: var(--red); color:var(--red); }
.tender-list-item span{ align-items: center; flex: 0 0 160px; padding: 10px; display: flex; background: #f8f8f8; }
.tender-list-item strong{ align-items: center; display: flex; flex: 0 100%; padding: 10px; }
.tender-list-item .buttons{ align-items: center; display: flex; padding: 10px; justify-content: flex-end; }

/**/
.tender-detail{}
.tender-detail .item{ margin-bottom: 5px; background: #fff; border-radius: var(--border-radius); overflow: hidden; border: 1px solid #efefef; display: flex; align-items: stretch; }
.tender-detail .item .label{ display: flex; flex: 0 0 150px; padding: 15px; background: #f4f4f4; font-weight: 500; }
.tender-detail .item .info{flex: 0 auto; padding: 15px; }

/**/
.tabs-container{}
.tabs-container .nav-tabs{ border-bottom: 1px solid #efefef; }
.tabs-container .nav-tabs .nav-link.active{ background: #f8f8f8; border-color: #083f88 #083f88 #fff; }

/**/
#departments-tree{ border: 1px dashed #ccc; padding: 20px; border-radius: 5px; }

ul.fancytree-container{ border: 0 !important; padding: 0 !important; background: transparent !important; font-size: 1.1rem !important; font-family: inherit !important; }
span.fancytree-node{ margin-bottom: 2px; height: auto !important; padding: 10px; background: transparent; border-bottom: 0px solid var(--light-blue); border-radius: var(--border-radius); box-shadow: 0 0 2px rgba(0,0,0,.1);   width: auto !important; }
ul.fancytree-container ul{ padding: 0 0 0 25px !important; }
.fancytree-has-children span.fancytree-title{ font-weight: 500 !important; }
.fancytree-expand {}
.fancytree-has-children .fancytree-expander{ position: relative !important; background: none !important; }

.fancytree-plain span.fancytree-title{ border: 0 !important; background: transparent !important; }
.fancytree-plain span.fancytree-node:hover span.fancytree-title{  border: none; background: transparent !important; }
span.fancytree-node:hover{ background: #fff; }

span.fancytree-expander{ width: 30px !important; font-size: 1rem; }
span.fancytree-node{ display: flex !important; align-items: stretch; }
span.fancytree-expander{ flex: 0 0 40px; align-items: stretch; justify-content: center; height: 100% !important; margin: 0 !important; }
.fancytree-expander:before{ font-family: "Font Awesome 6 Pro" !important; font-weight: 300 !important; height: 100%; display: flex; align-items: center; justify-content: center; position: relative !important; top: inherit!important; }
.fancytree-has-children .fancytree-expander:before{ font-size: 1.125rem; content: '\f0fe'; }
.fancytree-has-children.fancytree-expanded .fancytree-expander:before{ content: '\f146'; }
.fancytree-plain span.fancytree-title{ align-items: center; display: flex; margin: 0; padding: 0; }
span.fancytree-custom-icon{ height: 100% !important; align-items: center; }

/* ---------------- */
/**/
#department{ border: 1px solid rgba(0, 0, 0, .15); border-radius: var(--border-radius); overflow: hidden; }
#department .department-header { background: rgba(255,255,255,1); position: relative; display: flex; align-items: flex-end; padding: 1.5rem 1.5rem 0;  }
#department .department-header:after { position: absolute; content: ''; background: rgba(0,0,0,.1); height: 50px; left: 0; bottom: 0; right: 0; }
#department .department-header .photo{ z-index: 11; background: #fff; padding: 10px; margin-bottom: 10px; flex: 0 0 140px; box-shadow: 0 0 5px rgba(0,0,0,.1); border-radius: var(--border-radius); }
#department .department-header .photo img{ width: 120px; height: 150px; object-fit: cover;  }
#department .department-header .info{ z-index: 12;  flex: 0 100%;  }
#department .department-header .info .name{ display: flex; flex-direction: column;  justify-content: flex-start;  padding: 15px 20px; }
#department .department-header .info .name .head-name{ font-size: 2rem; margin: 0;  }
#department .department-header .info .name .head-title{ font-size: 1.125rem; }
#department .department-header .info .name .resume{ text-decoration: none; color: var(--red); padding: 0; width: 100px; }
#department .department-header .info .contact{ color: #000; padding: 15px 20px; display: flex; margin-bottom: 0px;  }
#department .department-header .info .contact ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 20px; min-height: 20px; }
#department .department-header .info .contact ul li { display: flex; gap: 5px; }
#department .department-about{ padding: 1.5rem; }

#department .department-section{ margin-bottom: 20px; }
#department .department-section .section-header{ padding: 15px 20px; background: rgba(0,0,0,.1); margin-bottom: 10px; border-radius: var(--border-radius); }
#department .department-section .section-header h4{ font-size: 1.25rem; margin: 0; }

.department-list{ list-style: none; margin: 0; padding: 0; }
.department-list li{ margin-bottom: 5px; }
.department-list li a{ -webkit-transition: .2s all; transition: .2s all; position: relative; display: block; color: #333; padding: 10px; background: #fff; font-weight: 400; font-size: 1.1rem; border-radius: var(--border-radius); box-shadow: 0 0 2px rgba(0,0,0,.05); }
.department-list li a:after{ -webkit-transition: .2s all; transition: .2s all; position: absolute; right: 20px; content: '\f054'; font-family: "Font Awesome 6 Pro"; }
.department-list li a:hover{ padding-left: 20px; -webkit-transition: .2s all; transition: .2s all; text-decoration: none; background: transparent; }
.department-list li a:hover:after{ -webkit-transition: .2s all; transition: .2s all; right: 10px; }

.department-list-bordered{}
.department-list-bordered li a{ border: 1px dashed #ddd;  padding: 10px 15px; }
.department-list-bordered li a:hover{ background: #f8f8f8; }

/* --- WIDGETS ----- */
/* department head */
.department-head{ display: flex; align-items: flex-start; justify-content: flex-start; }
.department-head .image{ flex: 0 1; }
.department-head .image img{ width: 100px; background: #fff; padding: 5px; }
.department-head .name{ flex: 1 1; display: flex; flex-direction: column; margin-top: 10px; margin-left: 20px; justify-content: flex-start; align-items: flex-start; }
.department-head .name h3{ font-weight: 500; font-size: 1.3rem; margin: 0; }
.department-head .name span{ font-weight: 400; font-size: 1rem; margin: 5px 0; }
.department-head .name a{  }
.department-head .head-about{ margin: 15px 0; font-weight: 400;  }

/**/
.widget-news-list{}
.widget-news-list a{ display: block; }
.widget-news-list a:hover{ text-decoration: none; }
.widget-news-list a img{ display: block; margin-bottom: 10px; }
.widget-news-list a strong{ display: block; font-weight: 500; }
.widget-news-list a p{ display: block; color: #666; font-weight: 400; }

/* table gutters */
.table.gy-0 th, .table-gy-0 td{ padding-top: 0; padding-bottom: 0; }
.table.gy-1 th, .table-gy-1 td{ padding-top: 0.25rem; padding-bottom: 0.25rem; }
.table.gy-2 th, .table-gy-2 td{ padding-top: 0.50rem; padding-bottom: 0.50rem; }
.table.gy-3 th, .table-gy-3 td{ padding-top: 0.75rem; padding-bottom: 0.75rem; }
.table.gy-4 th, .table-gy-4 td{ padding-top: 1rem; padding-bottom: 1rem; }
.table.gy-5 th, .table-gy-5 td{ padding-top: 1.25rem; padding-bottom: 1.25rem; }
.table.gy-6 th, .table-gy-6 td{ padding-top: 1.50rem; padding-bottom: 1.50rem; }
.table.gx-0 th, .table.gx-0 td{ padding-left: 0; padding-right: 0; }
.table.gx-1 th, .table.gx-1 td{ padding-left: 0.25rem; padding-right: 0.25rem; }
.table.gx-2 th, .table.gx-2 td{ padding-left: 0.50rem; padding-right: 0.50rem; }
.table.gx-3 th, .table.gx-3 td{ padding-left: 0.75rem; padding-right: 0.75rem; }
.table.gx-4 th, .table.gx-4 td{ padding-left: 1rem; padding-right: 1rem; }
.table.gx-5 th, .table.gx-5 td{ padding-left: 1.25rem; padding-right: 1.25rem; }
.table.gx-6 th, .table.gx-6 td{ padding-left: 1.50rem; padding-right: 1.50rem; }

/**/
#home{ height: 100vh; position: relative; }
#home #slide{ height: 100vh;  }
#home #slide-name{ height: 100px; text-transform: uppercase; letter-spacing: .2rem; position: absolute; bottom: 115px; left: 50%; width: 500px; margin-left: -250px; text-align: center; color: #fff; font-size: 2.5rem; font-weight: 700; text-shadow: 0 0 5px rgba(0,0,0,.5); opacity: 1;  }
#home .home-menu{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 11; height: 70px;  color: #fff; }
#home .home-menu ul{ list-style: none; padding: 0; }
#home .home-menu .item{ background: #03316a; position: relative; }
#home .home-menu .item > a{ z-index: 12; display: flex; color: #fff; height: 70px; align-content: center !important; align-items: center !important; padding: 0 20px; position: relative; }
#home .home-menu .item:nth-child(1) > a{ background: rgba(0,0,0,.1); }
#home .home-menu .item:nth-child(2) > a{ background: rgba(0,0,0,.2); }
#home .home-menu .item:nth-child(3) > a{ background: rgba(0,0,0,.3); }
#home .home-menu .item:nth-child(4) > a{ background: rgba(0,0,0,.4); }
#home .home-menu .item:nth-child(5) > a{ background: rgba(0,0,0,.5); }
#home .home-menu .item > a i{ display: flex; flex: 0 0 40px; align-items: center; padding-right: 10px; font-size: 1.7rem; position: relative; }
#home .home-menu .item > a p{ display: flex; flex-direction: column; margin: 0; }
#home .home-menu .item > a strong{ display: flex; margin-bottom: -2px; }
#home .home-menu .item > a span{ display: flex; font-weight: 300; font-size: .925rem; }
#home .home-menu .item > a:hover{ text-decoration: none; }
#home .home-menu .item > a:before{ position: absolute; right: 40px; height: 20px; content: ''; border-left: 1px solid rgba(255,255,255,.1); }
#home .home-menu .item > a:after{ transition: .3s all; -webkit-transition: .3s all; margin: 0; text-align: center; width: 40px; position: absolute; font-weight: 900; right: 0; content: '\f106'; font-family: 'Font Awesome 6 Pro'; border: 0; display: inline-block; font-size: 16px; line-height: 20px; height: 20px; color: #fff;  }
#home .home-menu .item:hover > a:before{ border-left-color: rgba(0,0,0,.2); }
#home .home-menu .item:hover > a:after{ color: #000; transform: rotate(180deg); transition: .3s all; -webkit-transition: .3s all; }
#home .home-menu .item:hover > a{ background: #fff; color: #000; }
#home .home-menu .item:hover .dropup{ visibility: visible; opacity: 1; transition: .3s all; -webkit-transition: .3s all;  transform: translateY(0); -webkit-transform: translateY(0); }
#home .home-menu .item:hover{ background: #fff; }
#home .home-menu .item .dropup{ z-index: 11; position: absolute; bottom: 100%; left: 0; background: #fff; width: 100%; padding: 20px; visibility: hidden; opacity: 0; transition: .3s all; -webkit-transition: .3s all; transform: translateY(20px); -webkit-transform: translateY(20px); }
#home .home-menu .item .dropup li{ border-bottom: 1px solid rgba(0,0,0,.05); }
#home .home-menu .item .dropup li:last-child{ border: 0; }
#home .home-menu .item .dropup li a{ padding: 5px 10px 5px 20px; position: relative; color: rgba(0,0,0,.7); font-weight: 400; font-size: 0.925rem; display: block; }
#home .home-menu .item .dropup li a:before{ content: '\f061'; color: rgba(0,0,0,.5); font-size: .75rem; font-family: 'Font Awesome 6 Pro'; font-weight: 300;  border-radius: 100%; position: absolute; left: 0; top: 5px; -webkit-transition: .3s all; transition: .3s all; }
#home .home-menu .item .dropup li a:hover{ text-decoration: none; color: #000; -webkit-transition: .3s all; transition: .3s all; }
#home .home-menu .item .dropup li a:hover:before{ color: #000; left: 5px; -webkit-transition: .3s all; transition: .3s all; }

#home .dropdown-menu{ margin: 0 !important; padding: 20px !important; left: 0; width: 100%; border: 0 !important; bottom: -3px !important; }
#home .scroll{ position: absolute; bottom: 100px; z-index: 10; display: flex; align-items: center; justify-content: center; left: 0; right: 0; height: 100px; }
#home .scroll .wrapper{ position: relative; width: 24px; height: 24px; display: flex;  }
#home .scroll .chevron{ position: absolute; width: 28px; height: 8px; opacity: 0; transform: scale3d(0.5, 0.5, 0.5); animation: move 3s ease-out infinite;}
#home .scroll .chevron:first-child{ animation: move 3s ease-out 1s infinite; }
#home .scroll .chevron:nth-child(2){ animation: move 3s ease-out 2s infinite; }
#home .scroll .chevron:before, #home .scroll .chevron:after{ content: ' '; position: absolute; top: 0; height: 100%; width: 51%; background: #fff; }
#home .scroll .chevron:before{ left: 0; transform: skew(0deg, 30deg); }
#home .scroll .chevron:after{ right: 0; width: 50%; transform: skew(0deg, -30deg); }

@keyframes move {
    25% {
        opacity: 1;

    }
    33% {
        opacity: 1;
        transform: translateY(30px);
    }
    67% {
        opacity: 1;
        transform: translateY(40px);
    }
    100% {
        opacity: 0;
        transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
    }
}

/**/
#section-news{ padding: 50px 0; background: #fff; }

.news-carousel{ border-radius: 5px; overflow: hidden; }
.news-carousel .item{}
.news-carousel .item a{ display: block; position: relative; }
.news-carousel .item a:after{ z-index: 11; content: ''; position: absolute; top:0; left: 0; right: 0; bottom: 0; background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.8) 26%, rgba(0,0,0,0) 100%); }
.news-carousel .item a img{ width: 100%; height: 360px; object-fit: cover; }
.news-carousel .item a .info { z-index: 12; display: flex; flex-direction: column; justify-content: flex-end; color: #fff;  position: absolute; left: 0; right: 0; bottom: 0; padding: 20px; }
.news-carousel .item a .info strong{ display: block; font-size: 1.4rem; margin: 0; }
.news-carousel .item a .info span{ display: block;  }
.news-carousel .item a .info p{ display: block; font-size: 1.1rem; font-weight: 300; margin: 5px 0; height: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news-carousel .owl-dots{ display: flex; justify-content: space-between; align-items: center; background: var(--navy-blue); }
.news-carousel .owl-dots .owl-dot{ width: 100%; height: 50px; }
.news-carousel .owl-dots .owl-dot:not(:last-child){ border-right: 1px solid rgba(255,255,255,.1); }
.news-carousel .owl-dots .owl-dot button{ font-weight: 500; font-size: 1.5rem; border: 0; width: 100%; text-align: center; height: 100%; background: transparent; color: #fff; }
.news-carousel .owl-dots .owl-dot.active button{ background: rgba(0,0,0,.3); }

.news-grid{}
.news-grid a{ display: block; position: relative; border-radius: 3px; overflow: hidden; }
.news-grid a:first-child, .news-grid a:nth-child(2){ margin-bottom: .50rem; }
.news-grid a img{ width: 100%; height: 200px;  }
.news-grid a .info{ display: flex; flex-direction: column; justify-content: flex-end; color: #fff; background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; }
.news-grid a .info strong{ display: block; font-size: 1rem; margin: 0; }
.news-grid a .info span{ display: block; font-size: .925rem; }

/**/
#section-slider{ background: #fff; padding: 50px 0; }

#slider-wrapper{ }
#slider-wrapper .slider-carousel{ border-radius: var(--border-radius); overflow: hidden; }
#slider-wrapper .slider-carousel .item{}
#slider-wrapper .slider-carousel .item img{  width: 100%; height: 100%; }
#slider-wrapper .slider-carousel .owl-item{  }
#slider-wrapper .slider-carousel .owl-item img{ width: 100%; height: 360px;  }
#slider-wrapper .slider-carousel .owl-item.active.center{ opacity: 1; }
#slider-wrapper .slider-carousel .owl-item.active.center img{ transform: scale(1); }
#slider-wrapper .slider-carousel .owl-nav{}
#slider-wrapper .slider-carousel .owl-nav button{ color: #fff; display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; font-size: 1.2rem;  background: transparent; width: 50px; height: 50px; }
#slider-wrapper .slider-carousel .owl-nav .owl-prev{ left: 0; }
#slider-wrapper .slider-carousel .owl-nav .owl-next{ right: 0; }
#slider-wrapper .slider-carousel .owl-dots{ background: var(--navy-blue); height: 50px; display: flex; align-items: center; justify-content: center; gap: 2px; }
#slider-wrapper .slider-carousel .owl-dots .owl-dot{ margin: 0 2px; display: inline-flex; align-items: center; }
#slider-wrapper .slider-carousel .owl-dots .owl-dot span{ display: block; width: 12px; height: 12px; background: rgba(255,255,255,.1); border-radius: 50%; }
#slider-wrapper .slider-carousel .owl-dots .owl-dot.active span{ background: #fff; }

/**/
#section-link{ background: #fff; padding: 30px 0; }
#section-link .link-carousel{}
#section-link .link-carousel a{ margin: 30px 0; transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all; border: 1px solid #efefef; border-radius: 10px; background: #f8f8f8; overflow: hidden; text-align: center; display: block; height: 200px; width: 100%; }
#section-link .link-carousel a:hover{ box-shadow: 0 0 30px rgba(0,0,0,.1); text-decoration: none; transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all;  }
#section-link .link-carousel a:hover span{ color: #29A9E1; }
#section-link .link-carousel a .icon { height: 110px; align-items: center; padding: 20px; display: flex; justify-content: center; background: #fff; }
#section-link .link-carousel a .icon img{ max-height: 70px; width: auto; max-width: 120px; filter: grayscale(1); -webkit-filter: grayscale(1); opacity: .5; transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all;  }
#section-link .link-carousel a:hover .icon img{ filter: grayscale(0); -webkit-filter: grayscale(0); opacity: 1; transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all; }
#section-link .link-carousel a span { display: block; border-top: 1px solid #efefef; padding: 20px; font-weight: 500; color: #333; }
#section-link .link-carousel .owl-nav{}
#section-link .link-carousel .owl-nav button{ position: absolute; top: 50%; font-size: 1.2rem; line-height: 50px; background: #efefef; border-radius: var(--border-radius); width: 40px; height: 50px; margin-top: -25px; }
#section-link .link-carousel .owl-nav button:hover{ background: #ddd; }
#section-link .link-carousel .owl-nav .owl-prev{ left: 0; margin-left: -20px; }
#section-link .link-carousel .owl-nav .owl-next{ right: 0; margin-right: -20px; }

/**/
#section-project{ }
#section-project .section-header .types{ text-transform: uppercase; position: relative; display: flex; gap: 10px; justify-content: center; margin-top: 15px; }
#section-project .section-header .types a{ text-transform: uppercase; background: #fff; font-weight: 500; display: flex; padding: 0 30px; border-radius: 5px; height: 40px; align-items: center; }
#section-project .section-header .types a:hover{ text-decoration: none; background: #fff; color: #cd3550; }
#section-project .section-header .types a.active{ background: var(--red); color: #fff;  }
#section-project .project-carousel{}
#section-project .project-carousel a{ transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all; border-radius: var(--border-radius); background: #fff; overflow: hidden; text-align: center; display: block; height: 240px; width: 100%; }
#section-project .project-carousel a:hover{ text-decoration: none; transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all;  }
#section-project .project-carousel a:hover span{ color: #29A9E1;  }
#section-project .project-carousel a .photo { display: flex; justify-content: center; background: #fff; }
#section-project .project-carousel a .photo img{ width: 100%; height: 160px; object-fit: cover; }
#section-project .project-carousel a:hover .icon img{ filter: grayscale(0); -webkit-filter: grayscale(0); opacity: 1; transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all; }
#section-project .project-carousel a span { display: block; padding: 20px; font-weight: 500; color: #333; }
#section-project .project-carousel .owl-nav{}
#section-project .project-carousel .owl-nav button{ position: absolute; top: 50%; font-size: 1.2rem; line-height: 45px; background: #efefef; border: 5px solid #fff; border-radius: 100%; width: 60px; height: 60px; margin-top: -30px; }
#section-project .project-carousel .owl-nav .owl-prev{ left: 0; margin-left: -30px; }
#section-project .project-carousel .owl-nav .owl-next{ right: 0; margin-right: -30px; }
#section-project .nav-carousel{ display: flex; align-items: center; justify-content: center; margin-top: 30px; gap: 5px; }
#section-project .nav-carousel a, #section-project .nav-carousel button{ border: 0; background: #ddd; border-radius: var(--border-radius); padding: 10px 15px; transition: .2s all; -webkit-transition: .2s all; }
#section-project .nav-carousel a:hover, #section-project .nav-carousel button:hover{ text-decoration: none; transition: .3s all; -webkit-transition: .2s all; background: #333; color: #fff; }
#section-project .nav-carousel .disabled{ opacity: .5; }
#section-project .nav-carousel .all{ background: var(--red); color: #fff; transition: .2s all; -webkit-transition: .2s all; }
#section-project .nav-carousel .all:hover{ background: #333; transition: .2s all; -webkit-transition: .2s all; }

.projects .item{}
.projects .item a{ transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all; border-radius: var(--border-radius); background: #fff; overflow: hidden; text-align: center; display: block; height: 280px; width: 100%; }
.projects .item a:hover{ text-decoration: none; transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all;  }
.projects .item a:hover span{ color: #29A9E1;  }
.projects .item a .photo { display: flex; justify-content: center; background: #fff; }
.projects .item a .photo img{ height: 180px; width: 100%; object-fit: cover; }
.projects .item a:hover .icon img{ filter: grayscale(0); -webkit-filter: grayscale(0); opacity: 1; transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all; }
.projects .item a span { display: block; padding: 20px; font-weight: 500; color: #333; }

/* news item */
.project-item{ margin-bottom: 25px; }
.project-item a{ overflow: hidden; display: block; color: #000; text-align: center; padding: 0; border-radius: var(--border-radius); background: #f8f8f8; }
.project-item a:hover{ text-decoration: none; }
.project-item a:hover strong{ color: var(--red); }
.project-item a img{ width: 100%; height: 120px; margin-bottom: 10px; object-fit: cover; border-bottom: 3px solid var(--red); }
.project-item a .date{ display: block; font-weight: 300; font-size: 0.925rem; margin-bottom: 5px; }
.project-item a strong{ display: block; font-weight: 400; font-size: 1rem; padding: 0 10px 10px; height: 80px; }

.news-item-department{}
.news-item-department a { padding: 0; background: #f8f8f8; }
.news-item-department a img{ height: 120px; }
.news-item-department a span{ padding: 0 10px; }
.news-item-department a strong{  }

/* project detail */
#project{}
#project .project-header{ background: #fff; padding: 25px; }
#project .project-header .photo{ margin-bottom: 20px;}

#project .list-item{ display: flex; flex-direction: column; }
#project .list-item .item{ margin-bottom: 5px; background: #fff; border-radius: var(--border-radius); overflow: hidden; border: 1px solid #efefef; display: flex; align-items: stretch; }
#project .list-item .item .label{ display: flex; flex: 0 0 150px; padding: 15px; background: #f4f4f4; font-weight: 500; }
#project .list-item .item .info{ display: flex; flex: 0 auto; padding: 15px; }

/* pagination */
.pagination{ padding: 20px 0; margin-bottom: 0; }
.page-link{ color: #23397D; font-weight: 400; font-size: 1.125rem; border-radius: 5px; min-width: 40px; height: 40px; margin: 0 3px !important; display: flex; align-content: center; align-items: center; border: 0; justify-content: center; }
.page-link:hover, .page-item.active .page-link{ text-decoration: none; background: var(--navy-blue); color: #fff; }
.page-item:first-child .page-link{ border-radius: 5px;}
.page-item:last-child .page-link{ border-radius: 5px;}

/* galleries */
.galleries{}
.galleries a{ background: #fff; border-radius: 5px; overflow: hidden; display: flex; flex-direction: column; align-content: center; }
.galleries a .hover{ width: 100%; height: 120px; position: relative; overflow: hidden; }
.galleries a .hover img{ width: 100%; height: auto; position: absolute; top: 0; left: 0; transition: .3s; -webkit-transition: .3s; }
.galleries a span{ text-align: center; padding: 15px; display: flex; justify-content: center; align-items: center; height: 80px; align-content: center; }
.galleries a:hover{ text-decoration: none; }
.galleries a:hover .hover img{ transition: .3s; -webkit-transition: .3s; transform: scale(1.2); -webkit-transform: scale(1.2); }

.gallery-grid { display: block; position: relative; margin-top: -10px; margin-left: -10px; margin-right: -10px; }
.gallery-grid .thumb{ display: block; float: left; width: 25%;}
.gallery-grid .thumb a{ display: block; margin: 10px; }
.gallery-grid .thumb a img{ max-width: 100%; display: block; border-radius: 5px; }

/**/
.town-grid{}
.town-grid a{ font-size: 1.125rem; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05); margin-bottom: 20px; display: block; padding: 20px 15px; border-radius: var(--border-radius); text-align: center; }
.town-grid a:hover{ text-decoration: none; background: #f8f8f8; }

/* reeve */
.reeve{ background: #fff; border-radius: 5px; padding: 1rem; margin-bottom: 1.25rem; }
.reeve .info{ margin: 0; display: flex; flex-direction: column; align-items: center; }
.reeve .info strong{ font-weight: 500; text-align: center; }
.reeve .info .town{ color: #666; }
.reeve .info .district{ color: #cd3550; }

/**/
.box{ background: #fff; border-radius: var(--border-radius); overflow: hidden; border: 0px solid #efefef; box-shadow: 0 0 5px rgba(0,0,0,.1); }
.box .box-header{ padding: 0 25px; display: flex; border-bottom: 1px solid #efefef; height: 70px; justify-content: space-between; align-items: stretch; }
.box .box-header .box-title{ margin: 0; font-size: 22px; font-weight: 700; display: flex; align-items: center; }
.box .box-header a{ font-size: 14px; }
.box .box-header .controls { display: flex; align-items: stretch; }
.box .box-header .controls a, .box .box-header .controls button{ background: transparent; border: 0; display: flex; width: 30px; align-items: center; justify-content: center; }
.box .box-header .controls a:hover, .box .box-header .controls button:hover{ text-decoration: none; color: var(--red); }
.box .box-header .controls a i, .box .box-header .controls button i{ font-size: 1.2rem; }
.box .box-body{ padding: 25px; }
.box .box-footer{  }

.section-announcement{ padding: 70px 0; }

/**/
.tender-list{}
.tender-list .item{ border: 1px solid #efefef; margin-bottom: 5px; border-radius: var(--border-radius); overflow: hidden; }
.tender-list .item a{ display: flex; background: #fff;  flex-flow: row; overflow: hidden; }
.tender-list .item:hover{ border-color: var(--red); }
.tender-list .item a:hover{ text-decoration: none; color: var(--red); }
.tender-list .item a:hover .date{ background: var(--red); color: #fff; }
.tender-list .item a:hover .info .department{ color: var(--red); }

.tender-list .item a{ display: flex; background: #fff;  flex-flow: row; overflow: hidden; }
.tender-list .item a .date{  box-shadow: 0 0 2px rgba(0,0,0,.2); flex: 0 100px; background: #f9f9f9; color: var(--red); align-items: center; justify-content: center; display: flex; flex-direction: column;  }
.tender-list .item a .date .time{ font-size: 1rem; font-weight: 500; }
.tender-list .item a .info{ flex: 0 100%; flex-direction: column; display: flex; padding: 10px; }
.tender-list .item a .info .name{ font-weight: 500; height: 20px; overflow: hidden; text-overflow: ellipsis; }
.tender-list .item a .date{ font-size: 14px; }
.tender-list .item a .info .department{ color: #666; font-size: 14px; height: 20px; overflow: hidden; text-overflow: ellipsis; align-items: center; }

/**/
.announcement-list{ }
.announcement-list .item{ border: 1px solid #efefef; margin-bottom: 5px; border-radius: var(--border-radius); overflow: hidden; }
.announcement-list .item a{ display: flex; background: #fff;  flex-flow: row; overflow: hidden; }
.announcement-list .item:hover{ border-color: var(--red); }
.announcement-list .item a:hover{ text-decoration: none; color: var(--red); }
.announcement-list .item a:hover .icon{ background: var(--red); color: #fff; }
.announcement-list .item a:hover .info .date{ color: var(--red); }
.announcement-list .item a .icon{ font-size: 20px;  box-shadow: 0 0 2px rgba(0,0,0,.2); flex: 0 80px; background: #f9f9f9; color: var(--red); align-items: center; justify-content: center; display: flex; flex-direction: column;  }
.announcement-list .item a .info{ flex: 0 100%; flex-direction: column; display: flex; padding: 10px; }
.announcement-list .item a .info .name{ font-weight: 500; height: 20px; overflow: hidden; text-overflow: ellipsis; }
.announcement-list .item a .info .date{ color: #666; font-size: 14px; height: 20px; overflow: hidden; text-overflow: ellipsis; align-items: center; }

#announcement { background: #fff; padding: 25px; border-radius: var(--border-radius); box-shadow: 0 0 5px rgba(0,0,0,.05); }
#announcement .title { border-bottom: 1px solid #efefef; padding-bottom: 10px; margin-bottom: 10px; }
#announcement .description { font-weight: 500; font-size: 1rem; }

/**/
.event-list{}
.event-list .event{ }
.event-list .event a{ display: flex; gap: 20px; }
.event-list .event a:hover{ text-decoration: none; color: inherit; }
.event-list .event a:hover .info .name strong{ color: var(--red); }
.event-list .event .photo { border-radius: var(--border-radius); overflow: hidden; display: flex; flex: 0 0 150px; }
.event-list .event .photo img{ width: 100%; height: 210px; }
.event-list .event .info{ display: flex; flex: 0 auto; flex-direction: column; }
.event-list .event .info .name{ margin-bottom: 20px; max-height: 160px; overflow: hidden; display: flex; flex-direction: column; }
.event-list .event .info .name strong{ display: block; margin-bottom: 10px; font-weight: 700; font-size: 1.125rem; }
.event-list .event .info .name p{ color: #444; display: block; margin: 0; font-weight: 400; font-size: 1rem; }
.event-list .event .info .item{ margin-bottom: 5px; display: flex; border: 1px solid #efefef; border-radius: var(--border-radius); align-items: stretch; }
.event-list .event .info .item label{ color: var(--red); display: flex; flex: 0 0 40px; background: #f4f4f4; align-items: center; justify-content: center; height: 100%; min-height: 40px; font-size: .925rem; }
.event-list .event .info .item span{ display: flex; flex: 0 100%; align-items: center; padding: 5px 15px; }

.events{}
.events .item{ position: relative; border-radius: var(--border-radius); overflow: hidden;  }
.events .item a{ position: relative; display: block;  }
.events .item .photo{ z-index: 1; position: relative; height: 400px; }
.events .item .photo img { width: 100%; height: 100%; object-fit: cover; transition: .2s all; -webkit-transition: .2s all;  }
.events .item .info { transform: scale(1.1); transition: .2s all; -webkit-transition: .2s all; opacity: 0; visibility: hidden; padding: 30px; background: rgba(0,0,0,.8); z-index: 2; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: space-between;  flex-direction: column; }
.events .item .info .name{ color: #fff; font-weight: 700; font-size: 1.25rem; }
.events .item .info ul{ display: flex; flex-direction: column; color: #fff; list-style: none; margin: 0; padding: 0; }
.events .item .info ul li{ overflow: hidden; display: flex; align-items: stretch;  border: 1px solid rgba(255,255,255,.5); border-radius: var(--border-radius); margin-bottom: 10px; }
.events .item .info ul li:hover{ background: #fff; color: #000; }
.events .item .info ul li:hover label{ color: #000; }
.events .item .info ul li label{ color: #fff; display: flex; flex: 0 0 40px; background: transparent; align-items: center; justify-content: center; height: 100%; min-height: 40px; font-size: .925rem; }
.events .item .info ul li span{ display: flex; flex: 0 100%; align-items: center; padding: 5px 10px; }
.events .item a:hover .photo img{ transform: scale(1.1); transition: .2s all; -webkit-transition: .2s all;  }
.events .item a:hover .info{ transform: scale(1); opacity: 1; visibility: visible; transition: .2s all; -webkit-transition: .2s all;  }

.event-detail{}
.event-detail .event-header{ background: #fff; padding: 25px; }
.event-detail .event-header .photo { border-radius: var(--border-radius); overflow: hidden;  }
.event-detail .event-header .photo img{ width: 100%; }
.event-detail .event-header .info{ margin-top: 30px; }
.event-detail .event-header .info .name{ display: block; margin-bottom: 10px; font-weight: 700; font-size: 1.5rem; }
.event-detail .event-header .info p{ color: #444; display: block; margin: 0 0 30px; font-weight: 400; font-size: 1rem; }
.event-detail .event-header .info ul{ list-style: none; margin: 0; padding: 0; }
.event-detail .event-header .info ul li{ overflow: hidden; margin-bottom: 10px; display: flex; border: 1px solid #efefef; border-radius: var(--border-radius); align-items: stretch; }
.event-detail .event-header .info ul li label{ color: var(--red); display: flex; flex: 0 0 60px; background: #f4f4f4; align-items: center; justify-content: center; height: 100%; min-height: 60px; font-size: 1.25rem; }
.event-detail .event-header .info ul li span{ font-size: 1.1rem; display: flex; flex: 0 100%; align-items: center; padding: 5px 15px; }
.event-detail .event-body{ padding: 25px; font-size: 1.1rem; }


.events{}
.events .item{ position: relative; border-radius: var(--border-radius); overflow: hidden;  }
.events .item a{ position: relative; display: block;  }
.events .item .photo{ z-index: 1; position: relative; height: 400px; }
.events .item .photo img { width: 100%; height: 100%; object-fit: cover; transition: .2s all; -webkit-transition: .2s all;  }
.events .item .info { transform: scale(1.1); transition: .2s all; -webkit-transition: .2s all; opacity: 0; visibility: hidden; padding: 30px; background: rgba(0,0,0,.8); z-index: 2; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: space-between;  flex-direction: column; }
.events .item .info .name{ color: #fff; font-weight: 700; font-size: 1.25rem; }
.events .item .info ul{ display: flex; flex-direction: column; color: #fff; list-style: none; margin: 0; padding: 0; }
.events .item .info ul li{ overflow: hidden; display: flex; align-items: stretch;  border: 1px solid rgba(255,255,255,.5); border-radius: var(--border-radius); margin-bottom: 10px; }
.events .item .info ul li:hover{ background: #fff; color: #000; }
.events .item .info ul li:hover label{ color: #000; }
.events .item .info ul li label{ color: #fff; display: flex; flex: 0 0 40px; background: transparent; align-items: center; justify-content: center; height: 100%; min-height: 40px; font-size: .925rem; }
.events .item .info ul li span{ display: flex; flex: 0 100%; align-items: center; padding: 5px 10px; }
.events .item a:hover .photo img{ transform: scale(1.1); transition: .2s all; -webkit-transition: .2s all;  }
.events .item a:hover .info{ transform: scale(1); opacity: 1; visibility: visible; transition: .2s all; -webkit-transition: .2s all;  }



/**/
#section-program{ }
#section-program .program-carousel{}
#section-program .program-carousel .item{ border: 1px solid #efefef; background: #fff;  padding: 10px; border-radius: var(--border-radius); font-size: 15px; }
#section-program .program-carousel .item ul{ align-items: stretch; list-style: none; margin: 0; padding: 0; }
#section-program .program-carousel .item ul li{ overflow: hidden; border: 1px solid #efefef; display: flex; align-items: stretch; margin-bottom: 4px; border-radius: var(--border-radius); }
#section-program .program-carousel .item ul li label{ background: #f8f8f8; color: var(--red); border-right: 1px solid #efefef; margin: 0; display: flex; align-items: flex-start; padding-top: 7px; justify-content: center; flex: 0 0 40px; }
#section-program .program-carousel .item ul li div{ margin: 7px 10px; display: flex; justify-content: left; flex: 0 100%; max-height: 38px; overflow: hidden; text-overflow: ellipsis; flex-wrap: wrap; }
#section-program .program-carousel .item ul li.department div{ max-height: 18px;  }
#section-program .program-carousel .item ul li.name div{ font-weight: 500; height: 36px; }
#section-program .program-carousel .item ul li.address div{ height: 36px; }
#section-program .program-carousel .item ul li.dates div{ flex-direction: column; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap; }
#section-program .program-carousel .item ul li.dates div span{ display: block; }
#section-program .program-carousel .owl-nav { margin-top: 20px; display: flex; align-items: center; justify-content: center; gap: 10px;  }
#section-program .program-carousel .owl-nav button{ width: 40px; height: 40px; box-shadow: 0 0 5px rgba(0,0,0,.05); border-radius: 50%; background: #fff; border: 1px solid #efefef; display: flex; align-items: center; justify-content: center; transition: .3s all; -webkit-transition: .3s all; }
#section-program .program-carousel .owl-nav button:hover{ background: var(--red); border-color: var(--red); transition: .3s all; -webkit-transition: .3s all; color: #fff; }
#section-program .nav-carousel{ display: flex; align-items: center; justify-content: center; margin-top: 30px; gap: 5px; }
#section-program .nav-carousel a, #section-program .nav-carousel button{ border: 0; background: #ddd; border-radius: var(--border-radius); padding: 10px 15px; transition: .2s all; -webkit-transition: .2s all; }
#section-program .nav-carousel a:hover, #section-program .nav-carousel button:hover{ text-decoration: none; transition: .3s all; -webkit-transition: .2s all; background: #333; color: #fff; }
#section-program .nav-carousel .all{ background: var(--red); color: #fff; transition: .2s all; -webkit-transition: .2s all; }
#section-program .nav-carousel .all:hover{ background: #333; transition: .2s all; -webkit-transition: .2s all; }


/**/
.section{ padding: 70px 0; }
.section .section-header{ text-align: center; margin: 0 0 30px; }
.section .section-header h2{ text-transform: uppercase; font-size: 2rem; font-weight: 700; letter-spacing: -.2px; margin: 0 0 10px; position: relative; }
.section .section-header p{ color: #666; }

.icon-list{ align-items: stretch; list-style: none; margin: 0; padding: 0; }
.icon-list li{ overflow: hidden; border: 1px solid #efefef; display: flex; align-items: stretch; margin-bottom: 4px; border-radius: var(--border-radius); }
.icon-list li label{ background: #f8f8f8; color: var(--red); border-right: 1px solid #efefef; margin: 0; display: flex; align-items: flex-start; padding: 10px; justify-content: center; flex: 0 0 40px; }
.icon-list li div{ padding: 10px; display: flex; justify-content: left; flex: 0 100%; overflow: hidden; text-overflow: ellipsis; flex-wrap: wrap; }

/**/
.document-categories{ display: flex; align-items: stretch;}
.document-categories a{ height: 230px; padding: 30px; overflow: hidden; z-index: 2; position: relative; background: #fff; display: flex; flex-direction: column; justify-content: flex-start; }
.document-categories a:before{ z-index: 1; content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 0; background: var(--red); opacity: .05; transition: .2s all; -webkit-transition: .2s all; }
.document-categories a:hover:before{ height: 100%; transition: .2s all; -webkit-transition: .2s all; }
.document-categories a:hover{ text-decoration: none; color: var(--red); }
.document-categories a .icon{ height: 90px; margin-bottom: 30px; z-index: 2; display: flex; justify-content: center; align-items: center;  }
.document-categories a .icon img{ width: 80px; height: 80px; }
.document-categories a span{ z-index: 2; display: flex; justify-content: center; align-items: flex-start; text-align: center; font-weight: 700; font-size: 1.2rem; }

/* widget page list */
.widget-page-list{ overflow: hidden; list-style: none; margin: 0; padding: 0; }
.widget-page-list li:not(:first-child){ border-top: 1px solid #efefef; }
.widget-page-list li:hover a{ padding-left: 15px; color: var(--red); text-decoration: none; }
.widget-page-list li:hover a:after{ right: 5px; color: var(--red); }
.widget-page-list li a{ display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: 7px 40px 7px 10px; font-size: 1rem; line-height: 1.5; -webkit-transition: .2s; transition: .2s; }
.widget-page-list li a:after{ position: absolute; top: 50%; margin-top: -10px; right: 10px; width: 20px; text-align: right; height: 20px; content: '\f105'; font-family: "Font Awesome 6 Pro"; color: #000; display: inline-block; font-weight: 900; -webkit-transition: .2s; transition: .2s; }

/* widget file list */
.widget-file-list{}
.widget-file-list a{ border: 1px dashed #efefef; border-radius: 3px; padding:10px; width: 100%; margin-bottom: 10px; display: flex; align-items: center; gap: 10px; }
.widget-file-list a:hover{ border-color: #ddd; background: #f8f8f8; text-decoration: none;  }
.widget-file-list a:hover .name{ color: var(--red);  }
.widget-file-list a .icon{ flex: 0 0 30px; }
.widget-file-list a .icon img{ width: 25px; }
.widget-file-list a .name{ display: flex; flex: 0 100%; font-weight: 500; }
.widget-file-list a .size{ display: flex; color: var(--red); }

/* widget photo gallery */
.widget-photo-gallery{}
.widget-photo-gallery a{ overflow: hidden; display: block; position: relative; transition: .2s all; -webkit-transition: .2s all; }
.widget-photo-gallery a:hover img{ transform: scale(1.1); transition: .2s all; -webkit-transition: .2s all; }
.widget-photo-gallery a img{ transition: .2s all; -webkit-transition: .2s all; border-radius: var(--border-radius); width: 100%;  object-fit: cover; object-position: top; }

/* widget photo gallery */
.widget-photos-list{ justify-content: center; }
.widget-photos-list a{ text-align: center; overflow: hidden; display: block; position: relative; transition: .2s all; -webkit-transition: .2s all; }
.widget-photos-list a:hover img{ transform: scale(1.1); transition: .2s all; -webkit-transition: .2s all; }
.widget-photos-list a img{ transition: .2s all; -webkit-transition: .2s all; border-radius: var(--border-radius); width: 100%; object-fit: cover; object-position: top; margin-bottom: 10px; }
.widget-photos-list a strong{ font-size: 1rem; display: block; margin-bottom: 2px; font-weight: 500; }
.widget-photos-list a p{ margin: 0; display: block; color: #444; }

/**/
.item-list{ list-style: none; margin: 0; padding: 0; }
.item-list li{ }
.item-list li a{ -webkit-transition: .2s all; transition: .2s all; position: relative; display: block; color: #333; padding: 10px 0 10px 25px; font-weight: 400; }
.item-list li:not(:last-child) a{ border-bottom: 1px dashed #ddd; }
.item-list li a:before{ -webkit-transition: .2s all; transition: .2s all; position: absolute; left: 5px; content: '\f105'; font-family: "Font Awesome 6 Pro"; font-size: 1rem; }
.item-list li a:hover{ color: var(--red); padding-left: 35px; -webkit-transition: .2s all; transition: .2s all; text-decoration: none; background: transparent; }
.item-list li a:hover:before{ -webkit-transition: .2s all; transition: .2s all; left: 15px; }

/**/
.accordion{ border: 0; }
.accordion-item:first-of-type{ border-radius: 0; }
.accordion-item:first-of-type .accordion-button{ border-radius: 0; }
.accordion-item{ border: 0; margin-bottom: 10px; border-radius: var(--border-radius) !important; overflow: hidden; /*box-shadow: 0 0 5px rgba(0,0,0,.05); */ border-bottom: 0px solid rgba(0,0,0,.2); }
.accordion-button{ transition: none; padding: 1.25rem 1.5rem; outline: 0; font-size: 1.25rem; font-weight: 500; background: rgba(0,0,0,.1); }
.accordion-button:hover{ outline: 0; }
.accordion-button:not(.collapsed), .accordion-button:focus{ color: var(--light-blue); background: #fff; box-shadow: none; border-bottom: 1px solid #efefef; }
.accordion-body{ padding: 1.5rem; }

/**/
#pagetools{ height: 60px; padding: 0; box-shadow: 0 -2px 2px rgba(0,0,0,.05); position: fixed; left: 0; right: 0; bottom:0; z-index: 999; background: #fff; display: flex; align-items: stretch; justify-content: space-between;  }
#pagetools .left{ display: flex; gap: 10px;}
#pagetools .left .tool-action{ border-left: 0; }
#pagetools .left .tool-action.active{ background: #fde19a; }
#pagetools .right{ display: flex; }
#pagetools .tool-action{ font-size: 1rem; font-weight: 500; padding: 0 20px; border-left: 1px solid #ddd; display: flex; gap: 10px; align-items: center; }
#pagetools .tool-action:hover{ text-decoration: none; background: #f4f4f4; }
#pagetools .page-action-menu{ width: 400px; border-radius: 0; margin-bottom: -2px; }
#pagetools .page-action-menu .menu-header{ padding: 15px 20px; color: #000; border-bottom: 1px dashed #ddd; font-weight: 500; font-size: 1.2rem; }
#pagetools .page-action-menu .action-header{ padding: 20px; }
#pagetools .page-action-menu .action-header .btn{ }
#pagetools .page-action-menu .action-header .btn:hover{ text-decoration: none; }
#pagetools .page-action-menu .action-header .version{ border-top: 1px solid #efefef; padding-top: 20px; display: flex; gap: 10px; margin-top: 20px; font-size: .925rem; }
#pagetools .page-action-menu .action-header .version .name{ flex-wrap: nowrap; white-space: nowrap; align-items: center; display: flex;  background: var(--red); color: #fff; padding: 5px; border-radius: var(--border-radius); font-size: .925rem; }

#pagetools .page-action-menu .actions{ background: #ddd; padding: 20px; }
#pagetools .page-action-menu .actions a{ padding: 5px 10px; border-radius: var(--border-radius); margin-bottom: 5px; display: flex; gap: 10px; }
#pagetools .page-action-menu .actions a:hover{ text-decoration: none; }

.page-types-list{}
.page-types-list .col-lg-3{ display: block; border: 1px solid #fff; padding-top: 10px; padding-bottom: 10px; border-radius: var(--border-radius); }
.page-types-list .col-lg-3:hover{ border-color: var(--red); background: #fff4f5; }
.page-types-list .col-lg-3:hover a{ text-decoration: none; color: var(--red);  }

/**/
#search-container{ background: #fff; position: fixed; top: -100%; left: 0; width: 100%; min-height: 100%; height: 100%; z-index: 99999; display: none; opacity: 0; overflow-y: scroll; }
#search-container.show{ display: block; opacity: 1; top: 0; }
#search-container .search-body { position: relative; padding: 50px 0;  }
#search-container .search-body .close{ position: absolute; top: 30px; right: 40px; font-size: 3rem; color: #666; }
#search-container .search-body .close:hover{ color: var(--red); }
#search-container .container{}
#search-container .search-form{ background: #f8f8f8; padding: 5px 20px; border-radius: var(--border-radius); border-bottom: 1px solid #efefef; }
#search-container .search-form button{ font-size: 4rem; border: 0; background: transparent; }
#search-container .search-form button:focus{ box-shadow: none; color: var(--red); }
#search-container .search-form button:hover{ color: var(--red); }
#search-container .search-form input{ outline: 0; font-weight: 500; font-size: 4rem; border: 0; background: transparent; }
#search-container .search-form input:focus{ outline: 0; box-shadow: none; }
#search-container .search-form input::placeholder {
    color: #999;
    opacity: .9;
}
#search-container .search-form input:-ms-input-placeholder {
    color: #999;
}
#search-container .search-form input::-ms-input-placeholder {
    color: #999;
}

/**/
#search{}
#search .search-form{ background: #fff; padding: 10px; border-radius: var(--border-radius); box-shadow: 0 0 5px rgba(0,0,0,.05); }
#search .search-form button{ font-size: 1.5rem; border: 0; background: transparent; }
#search .search-form button:focus{ box-shadow: none; color: var(--red); }
#search .search-form button:hover{ color: var(--red); }
#search .search-form input{ outline: 0; font-weight: 400; font-size: 1.5rem; border: 0; background: transparent; }
#search .search-form input:focus{ outline: 0; box-shadow: none; }

/* works */
.work-departments{}
.work-departments .item{ font-weight: 500; font-size: 17px; }
.work-departments .item a { display: flex; justify-content: center; align-content: stretch; align-items: center; height: 100%; padding: 15px; transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all; border-radius: var(--border-radius); background: #fff; overflow: hidden; text-align: center;  width: 100%; }
.work-departments .item a:hover{ text-decoration: none; transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all;  }

/* works */
.works{}
.works .item{ font-weight: 500; font-size: 17px; }
.works .item a { display: flex; justify-content: center; align-content: stretch; align-items: center; height: 100%; padding: 15px; transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all; border-radius: var(--border-radius); background: #fff; overflow: hidden; text-align: center;  width: 100%; }
.works .item a:hover{ text-decoration: none; transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all;  }

/* work detail */
#work{}
#work .work-header{ background: #fff; padding: 25px; }
#work .work-header .photo{ margin-bottom: 20px;}

#work .list-item{ display: flex; flex-direction: column; }
#work .list-item .item{ margin-bottom: 5px; background: #fff; border-radius: var(--border-radius); overflow: hidden; border: 1px solid #efefef; display: flex; align-items: stretch; }
#work .list-item .item .label{ display: flex; flex: 0 0 150px; padding: 15px; background: #f4f4f4; font-weight: 500; }
#work .list-item .item .info{ display: flex; flex: 0 auto; padding: 15px; }

@media (max-width: 767px) {

    body:not(.home){ padding: 0; }
    .header-mobile{ background: var(--navy-blue); }
    #header{ background: var(--navy-blue); position: relative; }
    #header .header-logo{ margin: 10px; }
    #header > .container{ height: auto; padding: 0; }
    .header-nav{ flex-direction: column; }

    .header-nav{ display: block; }
    .header-nav .nav-item{ height: auto; position: relative; display: block; }
    .header-nav .nav-item .nav-link{ width: 100%; height: 50px; }
    .header-nav .nav-sub{ position: relative; top: 0; display: none; visibility: visible; padding: 20px; opacity: 1; }


    #search-container{ top: 100px; width: 100%; left: 0; margin-left: auto; padding: 5px; }
    #search-container .search-area{ }
    #search-container .search-area input{ height: 40px; font-size: 16px; padding: 0 10px 0 30px; }
    #search-container .search-area .icon{ font-size: 20px; height: 40px; width: 30px; }

    /**/
    #footer .footer-top{ height: auto; }
    #footer .footer-bottom{ height: auto; padding: 20px 0 0; }
    #footer .footer-bottom .container{ align-items: center; padding: 0; flex-direction: column; }
    #footer .footer-bottom .icons{ flex-direction: column; align-items: center; }
    #footer .footer-logos{ text-align: center; }
    .footer-socials li span{ font-size: .825rem; }

    /* error page */

    #error-page{ width: 80%; }
    #error-page .top{ }
    #error-page .top .error-number{display:block;color:#333;font-weight:700;font-size:10em}
    #error-page .top h3{margin:0;font-size:2em;color:#fff}
    #error-page .bottom{ }
    #error-page .bottom .question-icon{float:none;width:128px}
    #error-page .bottom .desc{float:left;margin-left:20px;color:#fff;border-left:1px solid rgba(255,255,255,.1);padding-left:20px;height:128px}
    #error-page .bottom .desc h4{color:#fff;font-size:16px;margin-bottom:10px}
    #error-page .bottom .desc ul{margin:0;padding-left:15px; font-size: 13px; font-weight: 300; }
    #error-page .bottom .desc ul li{padding:2px 0}
    #error-page .logo{text-align:center;margin-top:20px}
    #error-page .logo .homepage{display:block;text-align:center;color:#fff;text-decoration:none;margin-top:20px}

    /**/
    #breadcrumb{ padding: 15px 0; margin-bottom: 20px; }
    .breadcrumb{ display: none; }
    #breadcrumb h1{ font-size: 1.25rem; margin: 0; text-align: center; }
    #breadcrumb > .container{ flex-direction: column; }
    #breadcrumb .tools{ border-top: 1px solid #efefef; padding-top: 10px; margin-top: 10px; justify-content: center; }
    #breadcrumb .tools a{ font-size: .925rem; height: 30px; border-radius: 3px; }

    /**/
    .event-list .event .photo{ flex: 0 0 120px; }
    .event-list .event .photo img{ height: 168px; }

    /**/
    .section{ padding: 20px 0; }
    .section .section-header{ margin: 0 0 20px; }
    .section .section-header h2{ font-size: 1.5rem; }

    /**/
    .box .box-header{ padding: 0 15px; }
    .box .box-header .box-title{ font-size: 1.25rem; }
    .box .box-body{ padding: 15px; }


    /**/
    #slider-wrapper .slider-carousel .owl-item img{ height: 200px; }
    #slider-wrapper .slider-carousel .owl-dots{ height: 40px; }
    #slider-wrapper .slider-carousel .owl-nav button{ height: 40px; width: 40px; font-size: 1rem; }
    #slider-wrapper .slider-carousel .owl-dots .owl-dot span{ width: 10px; height: 10px; }

    /*news carousel */
    .news-carousel .item a .info strong{ font-size: 1rem; }
    .news-carousel .item a .info p{ display: none; }
    .news-carousel .item a img{ height: 200px; }
    .news-carousel .owl-dots .owl-dot{ height: 40px; }
    .news-carousel .owl-dots .owl-dot button{ font-size: 1rem; }

    /**/
    .tender-detail .item{ flex-direction: column; margin-bottom: 10px; }
    .tender-detail .item .label{ flex: 0 0 auto; }

    /**/
    #section-link .link-carousel a{ margin: 10px 0; }
    #section-link .link-carousel .owl-nav{ text-align: center; }
    #section-link .link-carousel .owl-nav button{ position: relative; top: inherit; margin: 5px; line-height: 40px; font-size: 1rem; height: 40px; }

    /**/
    #section-project .section-header .types a{ padding: 0 5px; font-size: .825rem; font-weight: 400; }
    #section-project .project-carousel a .photo img{ height: 120px; }

    /**/
    #news{ padding: 20px; }
    #news .thumb{ width: 100% !important; margin: 0 0 20px !important; }
    #news .news-header h2{ font-size: 1.5rem; }
    #news .news-header p{ font-size: 1.1rem; }
    #news .news-header span{ font-size: 1rem; }
    #news .news-body{ font-size: 1.1rem; }
    #news .news-body strong{ font-weight: 600; }
    #news .photos a img{ height: 90px; }

    .news-item a{}
    .news-item a img{ height: 100px; }
    .news-item a strong{ font-size: 1rem; overflow: hidden; }

    /**/
    #announcement{ padding: 20px; }
    #announcement .detail img{ max-width: 100% !important; height: auto !important; }
    #announcement .detail video{ max-width: 100% !important; height: auto !important; }

    /**/
    .publications .item img{ height: 200px; }
    .publications .item span{ height: 60px; overflow: hidden; }

    /**/
    .document-categories a{ height: 250px; }
    .document-categories a span{ font-size: 1rem; }

    /**/
    .council-member img{ height: 150px; }

    /**/
    #department .department-header{ flex-direction: column; justify-content: center; align-items: center; padding: 1.5rem 0 0; }
    #department .department-header:after{ display: none; }
    #department .department-header .photo{ flex: 0 0 170px; }
    #department .department-header .info { width: 100%; }
    #department .department-header .info .name{ align-items: center; padding: 15px; }
    #department .department-header .info .name .head-name{ font-size: 1.5rem; }
    #department .department-header .info .name .head-title{ font-size: 1rem; }
    #department .department-header .info .contact{ justify-content: center; background: rgba(0,0,0,.1); }
    #department .department-header .info .contact ul{ flex-direction: column; gap: 10px; align-items: center; }

    .department-list li a{ font-size: 1rem; padding: 10px 40px 10px 10px; }
    #department .department-section .section-header h4{ font-size: 1.1rem; }

    /**/
    .events .item .photo{ height: 240px; }
    .events .item .photo img{}
    .events .item .info{ padding: 10px; }
    .events .item .info .name{ font-size: 1rem;  margin-bottom: 10px; font-weight: 500; }
    .events .item .info ul{ font-size: .925rem; }
    .events .item .info ul li{ margin-bottom: 5px; }
    .events .item .info ul li label{ flex: 0 0 30px; }
    .events .item .info ul li span{ padding: 5px; }

    /**/
    #project .list-item .item { flex-direction: column; margin-bottom: 10px; }
    #project .list-item .item .label{ flex: auto;  }

    .projects .item a .photo img{ height: 120px; }
    .projects .item a{ height: 230px; }

    /**/
    #home{ display: none; }
    #home #slide{ height: 300px; }

    /**/
    .page-link{ padding: .325rem; font-size: .925rem; min-width: 20px; height: 30px; margin: 0 2px; border-radius: 3px; }

    /**/
    .tender-list-item{ flex-direction: column; justify-content: center;}
    .tender-list-item span{ flex: 0 0 40px; justify-content: center; }
    .tender-list-item strong{ justify-content: center; text-align: center; }
    .tender-list-item .buttons{ justify-content: center; border-top: 1px dashed #ddd; }

    /**/
    .project-item a img{ height: 90px; }

    /**/
    #search-container .search-body { position: relative; padding: 60px 0 30px;  }
    #search-container .search-body .close{ top: 10px; right: 20px; font-size: 1.5rem; }
    #search-container .search-form{ padding: 5px 10px; }
    #search-container .search-form button{ font-size: 1.5rem; border: 0; background: transparent; }
    #search-container .search-form input{ font-size: 1.5rem; border: 0; background: transparent; }


    /**/
    #work .list-item .item { flex-direction: column; margin-bottom: 10px; }
    #work .list-item .item .label{ flex: auto;  }
}