/* ::selection {
    background: #da2127;
    color: #FFF;
}
::-moz-selection {
    background: #da2127;
    color: #FFF;6
} */

:target {
    display: block;
    position: relative;
    top: -180px;
    visibility: hidden;
}

.visually-hidden-focusable {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: .25em;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
    color: #000;
}

.visually-hidden-focusable:active, .visually-hidden-focusable:focus {
    position: absolute !important;
    z-index: 999999;
    background-color: #fff;
    color: #000;
    top: 0;
    left: 0;
}

.visually-hidden-focusable:active, .visually-hidden-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

body {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #333 !important;
    font-family: Arial, "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, sans-serif;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

body:lang(zh-hk) {
    font-family: Arial, "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, sans-serif;
}

body:lang(zh-cn) {
    font-family: Arial, "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, sans-serif;
}

#skipToContent {
    position: absolute;
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1800px;
}

.breadcrumb-container .container, .breadcrumb-container .container-lg, .breadcrumb-container .container-md, .breadcrumb-container .container-sm, .breadcrumb-container .container-xl {
    max-width: 1140px;
}

.page .container, .page .container-lg, .page .container-md, .page .container-sm, .page .container-xl {
    max-width: 1800px;
}

/** Header **/
header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
}

header > nav.navbar {
    padding: 0;
    padding-top: 0;
}

header nav.bg-dark {
    background-color: #da2127!important;
}

header nav.bg-dark:first-child {
    /*padding-top: 2rem;*/
}

header nav.bg-dark:last-child {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

header nav.bg-dark:last-child .controls {
    display: none;
}

header nav ul.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    width: 100%;
    justify-content: center;
}

header nav ul.nav > li {
    padding: 0;
    width: 14.2857%;
}

header nav ul.nav > li:before {
    content: "";
    position: absolute;
    top: 25%;
    height: 50%;
    width: 1px;
    background: #000;
}

header nav ul.nav > li > div {
    /* padding-left: 1rem;
    padding-right: 1rem; */
    padding-left: 1px;
    position: relative;
    height: 100%;
}

header nav ul.nav > li:first-child:before, header nav ul.nav > li:last-child:after {
    display: none;
}

header nav ul.nav > li > div > a, header nav ul.nav > li > div > a:focus {
    padding: 0.5rem;
    color: #FFF;
    line-height: 21px;
    height: 100%;
    transition: .5s;
    display: block;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    /*width: 100%;*/
    font-size: 1.25em;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

header nav ul.nav > li > div > a:focus-visible {
    box-shadow: none;
    outline: -webkit-focus-ring-color auto 1px;
}

header nav ul.nav > li > div > a.cursor {
    display: none;
}

header nav ul.nav > li > div > a:nth-child(2) {
    display: none;
}

/*header nav ul.nav > li > a:after {*/
/*    content: '';*/
/*    border-top: 2px solid #FF3747;*/
/*    width: 0;*/
/*    transition: .5s;*/
/*    margin-left: 50%;*/
/*    margin-top: 5px;*/
/*    top: 0;*/
/*}*/

/*header nav ul.nav > li > a:hover:after {*/
/*    width: 100%;*/
/*    margin-left: 0;*/
/*}*/

header nav ul.nav > li > div > a:hover, header nav ul.nav > li:hover > div > a {
    color: #fff;
    background-color: #b12e37;
}

header nav ul.nav > li:hover > div > .children {
    display: block;
}

header nav ul.nav > li > div > .children {
    border: none;
    position: absolute;
    background-color: #dfdfdf;
    z-index: 999;
    display: none;
    text-align: left;
    /*max-width: 250px;*/
    width: calc(150% - 30px);
    list-style: none;
    padding: 0;
}

header nav ul.nav > li > div > .children > li {
    width: 100%;
    border-bottom: 1px solid #eee;
}

header nav ul.nav > li > div > .children > li:before {
    display: none;
}

header nav ul.nav > li:last-child > div > .children {
    text-align: right;
    margin-left:0px;
    margin-right: 0;
    right: 0;
}

header nav ul.nav > li > div > .children > li > a {
    border-bottom: 1px solid #eee;
    padding: .75rem 1.75rem .75rem 1.5rem !important;
    color: #000;
    text-align: left;
    white-space: normal;
    width: 100%;
    transition: .5s;
    margin-left: 0;
}

header nav ul.nav > li > div > .children > li > a:hover, header nav ul.nav > li > div > .children > li > a:focus, header nav ul.nav > li > div > .children > li:hover a {
    color: #fff;
    background-color: #b12e37;
    text-align: left;
}

header nav ul.nav > li > div > .children > li > a:active {
    background-color: #b12e37;
    color: #fff;
}

header nav ul.nav > li > div > .children > li > a:last-child {
    border-bottom: 0;
}

header nav ul.nav > li > div > .children > li > a.cursor {
    padding-right: 40px;
    position: relative;
}

header nav ul.nav > li > div > .children > li > a.cursor:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f105";
    display: inline-block;
    position: absolute;
    padding-right: 1rem;
    right: 0;
}


header nav ul.nav > li:last-child > div > .children > li > a {
    /*text-align: right;*/
}

header nav ul.nav > li.focus > div > .children {
    display: block;
}

header nav ul.nav > li > div > .children > li:hover .subchildren, header nav ul.nav > li > div > .children > li.focus .subchildren {
    display: block;
    position: absolute;
    left: calc(100% + 1px);
    /* bottom: 1px; */
    list-style: none;
    padding: 0;
    width: calc(100% - 30px);
    /* top: 0; */
    margin-top: -50px;
}

header nav ul.nav > li > div > .children > li:last-child:hover .subchildren, header nav ul.nav > li > div > .children > li:last-child.focus .subchildren {
    top: 0;
    margin-top: 0;
}

header nav ul.nav > li.focus > div > .children > li.focus > .subchildren {
    display: block;
}

header nav ul.nav > li > div > .children > li .subchildren > li > a {
    border-bottom: 1px solid #eee;
    padding: .75rem 1rem !important;
    color: #000;
    text-align: left;
    white-space: normal;
    width: 100%;
    transition: .5s;
    margin-left: 0;
    background-color: #efefef;
}

header nav ul.nav > li > div > .children > li .subchildren > li > a:hover, header nav ul.nav > li > div > .children > li .subchildren > li > a:focus {
    background-color: #E3291C;
    color: #fff;
}


header .navbar-brand {
    margin-top: 25px;
    margin-bottom: 10px;
    display: inline-block;
    transition: .5s;
    padding-top: 0;
    padding-bottom: 0;
}

/*header .navbar-brand img {*/
/*    max-width: 550px;*/
/*}*/

header .navbar-brand img {
    /*max-width: 1080px;*/
    /*max-height: 135px;*/
    max-width: 450px;
    width: 450px;
    transition: .5s;
}

header .navbar .controls {
    /*width: 100%;*/
    /* margin-bottom: 16px; */
}

header .navbar .controls .toolbar {
    float: right;
    /*margin-top: 0.5rem;*/
}

header .navbar .controls a {
    color: #da2127;
    margin-left: .25rem;
    margin-right: .75rem;
    display: inline-block;
    vertical-align: top;
    line-height: 44px;
    text-decoration: none;
}

header .navbar .controls a:hover {
    text-decoration: underline;
}

header .navbar .controls span.rounded-circle {
    width: 2rem;
    height: 2rem;
    /*display: inline-block;*/
    line-height: 2rem;
    text-align: center;
    color: #0069a5;
    background-color: #fff;
    border-color: #0069a5 !important;
    display: none;
}

header .navbar .controls a.rounded-circle {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    line-height: 2rem;
    text-align: center;
    color: #FFF;
    background-color: #000;
    border-color: #000 !important;
    padding-right: 0;
    margin-right: 16px;
}

header .navbar .controls a.rounded-circle:hover {
    transition: .3s;
    color: #000;
    background-color: #FFF;
    border-color: #000 !important;
    text-decoration: none;
}

header .navbar .controls .control-icon {
    width: 32px;
    height: 40px;
    max-width: 32px;
    max-height: 40px;
    /*width: 2.5vw;*/
    /*height: 2.2916vw;*/
    display: inline-block;
    vertical-align: top;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    position: relative;
    font-size: 0;
    border: none;
    background: transparent;
    padding: 0;
/*
    background-color: #B12E37!important;
    border-radius: 50%;
    background-size: 200%;
*/
    transition: .5s;
/*
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    border-color: transparent;
    color: #fff;
*/
}

header .navbar .controls .control-icon.control-icon--language {
    width: 32px;
}

header .navbar .controls .control-icon:hover:before, header .navbar .controls .control-icon:focus:before {
    background-position-y: -45px;
}

header .navbar .controls .control-icon.control-icon--home:before {
    background-position-x: 0px;
}

header .navbar .controls .control-icon.control-icon--contactus:before {
    background-position-y: -1px;
    background-position-x: -50px;
}
header .navbar .controls .control-icon.control-icon--print:before {
    background-position-x: -115px;
    background-position-y: 0px;
}
header .navbar .controls .control-icon.control-icon--share:before {
    background-position-y: -1px;
    background-position-x: -153px;
}
header .navbar .controls .control-icon.control-icon--language:before {
    background-position-y: -1px;
    background-position-x: -203px;
}
header .navbar .controls .control-icon.control-icon--search:before {
    background-position-x: -253px;
    background-position-y: -1px;
}

header .navbar .controls .control-icon:before {
    content: '';
    background-image: url(../../images/icon.png);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    width: 32px;
    height: 40px;
    /*width: 100%;*/
    /*height: 100%;*/
    top: 0;
    left: 0;
    background-size: unset;
    /*background-size: 33.854vw;*/
    /*background-position: center center;*/
}

header .navbar .controls .share {
    /*display: inline-block;*/
}


header .navbar .controls .share:hover .control-icon:before {
    background-position-y: -47px;
}


header .navbar .controls .share .tools-sub-holder {
    /* transition: .5s all;
    position: absolute;
    top: 0;
    z-index: 200;
    display: block;
    margin-left: -10px;
    margin-right: 0;
    margin-top: -400px;
    padding: 1rem;
    width: 70px; */
    /*overflow: hidden;*/
    /*vertical-align: sub;*/
    /*border-radius: 1rem;*/
    /*border-top-left-radius: 0;*/
    /*border-top-right-radius: 0;*/
}

header .navbar .controls .share:hover .tools-sub-holder, header .navbar .controls .share .tools-sub-holder.active {
    /* margin-top: 60px; */
}

header .navbar .controls .share .tools-sub-holder .share-btns {
    display: inline-block;
    vertical-align: top;
}

header .navbar .controls ul {
    list-style: none;
    display: inline-block;
    margin-bottom: .25em;
    /*margin-right: 1em;*/
}

header .navbar .controls ul li {
    display: flex;
    align-items: center;
    /*margin-left: 10px;*/
}

header .navbar .controls > ul > li:after {
    content: ' ';
    display: inline-block;
    border-right: 1px solid #000;
    height: 44px;
    margin-right: .5rem;
    margin-left: .5rem;
}

header .navbar .controls > ul > li:last-child:after {
    display: none;
}

header .navbar .controls > ul > li .dropdown-menu {
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.25);
    border: none;
    /* border-radius: 0;
    margin: 0;
    */
    min-width: 5em;
    top: calc(100% + 10px);
    padding: 0;
    /* overflow: hidden; */
}

header .navbar .controls > ul > li .dropdown-menu:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #da2127;
    left: 14px;
    top: -6px;
}

header .navbar .controls > ul > li.search .dropdown-menu {
    min-width: 340px;
    right: 0;
    left: unset;
    background-color: #da2127;
}

header .navbar .controls > ul > li.search .dropdown-menu:before {
    right: 28px;
    left: unset;
}

header .navbar .controls > ul > li.search .dropdown-menu .btn {
    background-color: transparent;
    border-color: #fff;
}

header .navbar .controls > ul > li.search .dropdown-menu .btn:focus-visible {
    box-shadow: none;
    outline: -webkit-focus-ring-color auto 1px;
}

header .navbar .controls > ul > li.share .dropdown-menu {
    background-color: #da2127;
    width: 52px;
    min-width: unset;
}

header .navbar .controls ul.language-selector {
    /* display: block;
    position: absolute;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.25); */
    padding: 0;
    margin: 0;
    /* margin-top: .5rem;
    border-radius: 0rem; */
    transition: .5s all;
    /* background-color: #fdfdfd; */
    /* z-index: 5000; */
    width: 100%;
    border-radius: .5em;
}

/* header .navbar .controls .collapsed ul.language-selector {
    display: none;
} */

header .navbar .controls ul.language-selector li {
    display: block;
    list-style: none;
    margin: 0;
}

header .navbar .controls ul.language-selector li span {
    padding: .25rem;
}

header .navbar .controls ul.language-selector li a {
    color: #fdfdfd;
    transition: .25s all;
    display: block;
    margin: 0;
    padding: .25rem;
    text-decoration: none;
    background-color: #da2127;
}

header .navbar .controls ul.language-selector li a:hover, header .navbar .controls ul.language-selector li a:focus, header .navbar .controls ul.language-selector li a.active {
    color: #fdfdfd;
    text-decoration: none;
    /* background-color: #da2127!important; */
    background-color: #b12e37;
}

/*header .navbar .controls ul li:after {*/
/*    content: ' ';*/
/*    display: inline-block;*/
/*    width: 1px;*/
/*    height: 25px;*/
/*    vertical-align: middle;*/
/*    border-right: 1px solid #000;*/
/*}*/

header .form-inline {
    display: inline-block;
    position: relative;
}

header .form-inline .form-control {
    border-radius: 0em;
    /*border: 2px solid #000;*/
    /*padding-right: 3em !important;*/
    margin-right: 0 !important;
    position: relative;
    cursor: pointer;
    opacity: 0;
    width: 45px;
    height: 45px;
    padding: 10px 10px;
    font-size: .92857em;
    color: #1c1d1d;
    background-color: #fff;
    transition: opacity .15s ease-in,width .15s ease-in;
    z-index: 1;
    min-width: 1px;
    border: 2px solid transparent;
}

header .form-inline.active-form .form-control {
    width: 170px;
    border: 2px solid #000;
    opacity: 1;
    margin-right: 60px !important;
    padding-right: 10px !important;
    /*width: 8.85416vw;*/
}

.form-control:focus-visible {
    box-shadow: none;
    outline: -webkit-focus-ring-color auto 1px;
}

header .form-inline .btn {
    /*border: 0;*/
    /*margin-left: -4em;*/
    /*position: absolute;*/
    /*pointer-events: none;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
}

header .navbar .controls .form-inline .control-icon {
    /*width: 48px;*/
    /*height: 45px;*/
    max-width: 48px;
    max-height: 45px;
    width: 2.5vw;
    height: 2.34375vw;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    position: relative;
    font-size: 0;
    border: none;
    background: #fff;
    border-radius: 0;
    padding: 0;
    transition: .5s;
    position: absolute;
    top: 0;
    right: 0;
}

header .navbar .controls .form-inline.active-form .control-icon {
    pointer-events: auto;
    z-index: 2;
    /*border-left: 2px solid #000;*/
}

header .navbar .controls .control-icon:focus {
    border: 2px solid #000;
    border-radius: 4px;
}

header .navbar .controls .control-icon:focus:before, header .navbar .controls .control-icon.control-icon--search:hover:before {
    background-position-y: -47px;
}

header.fixed .navbar-brand {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

header.fixed .navbar-brand img {
    max-width: 450px;
    width: 450px;
}

@-moz-document url-prefix() {
    header .form-inline .btn {
        position: absolute;
    }
}

/** End of Header **/




/** Share Button **/

.wc-qrcode {
    display: none;
}

.share-btns__btn {
    width: 36px;
    height: 36px;
    max-width: 36px;
    max-height: 36px;
    display: inline-block;
    vertical-align: top;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    border: 0;
    position: relative;
    font-size: 0;
    transition: .5s;
    border-color: transparent;
    color: #000;
    background-color: transparent;
    margin-bottom: 10px;
}

.share-btns__btn:hover:before, .share-btns__btn:focus:before {
    background-position-y: -49px;
    /*background-position: 100%;*/
    /*background-color: #FFAB15!important;*/
}

.share-btns__btn:before {
    content: '';
    background-image: url(../../images/icon.png);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-size: unset;
    background-position-y: -3px;
}

.share-btns__btn.share-btns__btn--email:before {
    background-position-x: -450px;
}
.share-btns__btn.share-btns__btn--fb:before {
    background-position-x: -300px;
}
.share-btns__btn.share-btns__btn--wa:before {
    background-position-x: -500px;
}
.share-btns__btn.share-btns__btn--wb:before {
    background-position-x: -400px;
}
.share-btns__btn.share-btns__btn--wc:before {
    background-position-x: -600px;
}
.share-btns__btn.share-btns__btn--tw:before {
    background-position-x: -350px;
}
.share-btns__btn.share-btns__btn--ln:before {
    background-position-x: -550px;
}

/** End of Share Button **/


/** Back to Top Button **/
.backtotop:hover {
    background-color: #da2127;
    border: 1px solid #da2127;
}

.backtotop {
    position: fixed;
    right: 0rem;
    bottom: 6em;
    display: none;
    cursor: pointer;
    z-index: 100;
    background-color: #56575b;
    transition: 0.5s;
    border-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    text-align: center;
    padding-left: 0rem;
    padding-right: 0rem;
    border: 1px solid transparent;
}

.backtotop a {
    width: 100%;
    height: 100%;
    color: #FFF;
    padding: .5em .75em;
    display: block;
    opacity: 1;
    text-decoration: none;
    font-size: 1em;
    font-weight: bold;
}

.backtotop:hover a {
    color: #fff;
    text-decoration: underline;
}

.backtotop a span {
    font-size: 2em;
    height: 1.25rem;
    vertical-align: text-top;
    margin-top: -.5rem;
}

/** End of Back to Top Button **/



/** Footer **/

footer {
    background-color: #F6F6F6!important;
    margin-top: 6em;
}

footer > .container {
    /*padding-top: 220px;*/
    max-width: 1834px;
    width: 100%;
    margin: 0 auto;
}
footer > .container > .menu {
    max-width: 1834px;
    width: 100%;
}


footer .nav {
    margin-left: 0;
    margin-right: 0;
    padding-top: 2.75em;
    padding-bottom: 5em;
}

footer .nav li.nav-item {
    padding: 0;
    width: 14.2857%;
}


footer .nav li.nav-item .nav-link {
    color: #B12E37;
    font-size: 1.25em;
    font-weight: bold;
    padding: 0;
}

footer .nav li.nav-item .nav-link:focus-visible {
    box-shadow: 0 0 0 0.1rem #000000;
}

footer .nav li.nav-item .children {
    list-style: disc;
    padding-inline-start: 1.5em;
    padding-right: 1em;
}

footer .nav li.nav-item:last-child .children {
    padding-right: 0;
}

footer .menu .dropdown-item {
    padding: 0;
}

footer .menu .dropdown-item:hover {
    text-decoration: underline;
}

footer .nav div.grid {
    min-height: 220px;
}

footer .nav div.title {
    color: #fff;
    text-decoration: underline;
    font-size: 1.5em;
    font-weight: bold;
}

footer .nav div.title a {
    color: #000;
}

footer .nav div.title a:hover {
    color: #000;
    text-decoration: underline;
}

footer .nav ul {
    list-style: none;
    padding-left: 0;
}

footer .nav ul li a {
    color: #000;
}

footer .share {
    border-top: 1px solid #fff;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

footer .share a {
    width: 50px;
    height: 50px;
    display: inline-block;
    /*background-image: url("../../images/share_icons.png");*/
    background-repeat: no-repeat;
    background-position: 0;
    margin-left: .25rem;
    margin-right: .25rem;
}

footer .share a.whatsapp {
    background-position-x: -1px;
}

footer .share a.line {
    background-position-x: -65px;
}

footer .share a.weibao {
    background-position-x: -128px;
}

footer .share a.twitter {
    background-position-x: -192px;
}

footer .share a.facebook {
    background-position-x: -255px;
}

footer .share a.email {
    background-position-x: -319px;
}

footer .share a.wechat {
    background-position-x: -382px;
}

footer .controls {
    padding: 1.5em 2em;
    border-top: 1px solid #12100B;
}

footer .controls ul {
    list-style: none;
    padding-left: 0;
}

footer .controls ul li {
    color: #000;
    display: inline-block;
}

footer .controls ul li:before {
    content : ' ';
    width: 1px;
    height: 1em;
    margin-left: .25em;
    margin-right: .5em;
    border-left: 1px solid #000;
}

footer .controls ul li:first-child:before {
    display: none;
}

footer .controls ul li:first-child {
    display: inline-block;
}

footer .controls ul li a {
    color: #000;
    text-decoration: none;
}

footer .controls ul li a:hover {
    text-decoration: underline;
}

footer .controls ul.icons {
    display: flex;
}

footer .controls p {
    font-size: 1em;
    color: #000;
}

footer p a {
    color: #000;
}

footer .controls p a:hover {
    color: #000;
    text-decoration: underline;
}

footer .controls p.float-right a {
    margin-left: 0.5rem;
}

footer .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    padding-left: 0;
    padding-right: 0;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: normal;
    background-color: transparent;
    border: 0;
}


footer .title {
    font-size: 1.25em;
    font-weight: bold;
}

footer .icons {
    list-style: none;
    margin-bottom: 0;
}

footer .icons li {
    display: inline-block;
}

footer .controls ul.icons li:before {
    display: none;
}

/** End of Footer **/

.offcanvas, .offcanvas-backdrop {
    display: none;
}


main {
    font-size: 1em;
}

/** Home **/

.home .home-container {
    max-width: 1920px;
    margin: 0 auto;
}

.home .home-container p.title {
    color: #b12e37;
    font-size: 2.5em;
    font-weight: bold;
    padding: 0 .25em;
    padding-bottom: .5em;
    display: inline-block;
}

.home .home-container p.title:after {
    content: '';
    display: block;
    left: 50%;
    width: 6em;
    margin-left: -3em;
    margin-top: .25em;
    position: relative;
    border-bottom: .25em solid #cd5445;
}

.home .home-container h2 {
    color: #b12e37;
    /* font-size: 2.25em; */
    font-size: 2.5em;
    font-weight: bold;
    padding: 0 .25em;
    padding-bottom: .5em;
    display: inline-block;
}

.home .home-container h2:after {
    content: '';
    display: block;
    left: 50%;
    width: 6em;
    margin-left: -3em;
    margin-top: .5em;
    position: relative;
    border-bottom: .25em solid #cd5445;
}

.home .home-container > div {
    margin: 0;
}

.home .home-container > div > div {
    padding: 0;
}

.home .home-container > div > div p.title {
    padding-bottom: 0;
    padding-top: .25em;
}

.home .home-container .swiper-button-prev, .home .home-container .swiper-rtl .swiper-button-next {
    left: 0;
}

.home .home-container .swiper-button-next, .home .home-container .swiper-rtl .swiper-button-prev {
    right: 0;
}

.home .home-container .swiper-button-next, .home .home-container .swiper-button-prev {
    color: #fff;
    background-color: rgba(0, 0, 0, .75);
    padding: 1.5em;
    font-weight: bold;
    transition: .5s all;
}

.home .home-container .swiper-button-next:hover, .home .home-container .swiper-button-prev:hover {
    background-color: #da2127;
}

.home .home-container .swiper-button-next:after, .home .home-container .swiper-button-prev:after {
    font-size: 1.5em;
}

.home .slider1 {

}

.home .slider1 .swiper-slide {
    width: 100% !important;
    display: flex;
    justify-content: center;
}

.home .slider1 img {
    height: 100%;
}

.home .slider2 {
    background-color: #f5eadb;
    position: relative;
}

.home .slider2 .swiper-slide {
    padding: 1.5em 3em 1em 3em;
}

.home .slider2:after {
    content: '';
    position: absolute;
    width: 112px;
    height: 114px;
    display: block;
    right: 3em;
    /* bottom: .5em; */
    top: 1em;
    background: url(../../images/home_bg_01.png);
}

.home .slider2 .swiper-slide div {
    padding: 0 1em;
}

.home .slider2 p {
    margin-bottom: .5em;
    font-weight: bold;
}

.home .slider2 p.title {
    font-size: 2em;
    color: #B12E37;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-left: 85px;
    position: relative;
}

.home .slider2 p.title:before {
    content: '';
    display: inline-block;
    width: 76px;
    height: 65px;
    background: url(../../images/icon.png);
    background-repeat: no-repeat;
    background-position-x: -87px;
    background-position-y: -94px;
    margin-right: 10px;
    position: absolute;
    left: 0;
}

.home .slider2 p.title:after {
    display: none;
}

.home .slider2 .swiper-slide a {
    color: #0260ED;
    text-decoration: none;
}

.home .slider2 .swiper-slide a:hover {
    color: #00317a;
    text-decoration: underline;
}

.home .slider2 ul {
    padding-inline-start: 0;
    list-style: none;
}

.home .slider2 ul:last-child {
    margin-bottom: 0;
}

.home .slider2 ul li {
    /* display: flex; */
    margin-bottom: .5em;
    position: relative;
    padding-left: 25px;
}

.home .slider2 ul li:before {
    content: ' ';
    display: inline-block;
    left: 0;
    width: 17px;
    height: 25px;
    background: url(../../images/icon.png);
    background-position-y: -168px;
    background-position-x: -40px;
    vertical-align: bottom;
    margin-right: 0.5em;
    position: absolute;
}

.home .slider2 ul li:last-child {
    margin-bottom: 0;
}

.home .slider3 {
    background-color: #f9f7f9;
}

.home .slider3 .container {
    padding: 0em 2em;
}

.home .slider3 .container > div > div {
    text-align: center!important;
	padding-top: 12px;
    padding-bottom: 12px;
}

.home .slider3 .container div.swiper-slide > div {
    padding: .25em;
}

.home .slider3 .container div.swiper-slide > div > a {
    display: inline-block;
    padding: .5em;
    text-decoration: none;
    font-weight: bold;
    color: #000;
    font-size: 1.25em;
}

.home .slider3 .container div.swiper-slide > div > a:hover {
    outline: 2px solid #000;
}

.home .slider3 .container div.swiper-slide > div > a > p {
    margin-top: .25em;
    font-size: .85em;
    margin-bottom: 0;
}

.home .slider3 .container div.swiper-slide > div > a img {
    max-width: 90px;
}


.home .slider4 {
    background-color: #CB4A3A;
    color: #fff;
    position: relative;
}

/** New Initiative **/

.home .slider4 .container {
    padding: 2em 2em;
    display: flex;
    flex-direction: column;
}

.home .slider4 .container > div {
    display: flex;
}

.home .slider4 .container > div > div:first-child {
    text-align: center!important;
}

.home .slider4 .container > div > div:last-child {
    height: 100%;
}

.home .slider4 .container > div > div h2 {
    color: #fff;
}

.home .slider4 .container > div > div h2:after {
    border-bottom: 0.25em solid #f5d300;
}

.home .slider4:after {
    content: '';
    position: absolute;
    width: 132px;
    height: 117px;
    display: block;
    right: 3em;
    bottom: 2em;
    background: url(../../images/home_bg_02.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;

}

.home .slider4 .swiper {
    text-align: left;
    height: 100%;
}

.home .slider4 .swiper-wrapper {
    height: 80%;
}

.home .slider4 .swiper-slide {
    padding: 1.5em 2em;
}

.home .slider4 .swiper-slide p.title {
    font-size: 1.25em;
    color: #fff;
}

.home .slider4 .swiper-slide p.title a {
    color: #fff;
    text-decoration: none;
}

.home .slider4 .swiper-slide p.title a:hover {
    color: #fff;
    text-decoration: underline;
}

.home .slider4 .swiper-pagination-container {
    padding: 0 2em;
    height: 20%;
}

.home .slider4 .swiper-pagination, .home .slider4 .swiper-control {
    background-color: #b12e37;
    position: relative;
    width: auto;
    display: inline-block;
    padding: .25em 1em;
    border-radius: 1em;
    bottom: 10px;
    left: 0;
}

.home .slider4 .swiper-horizontal>.swiper-pagination-bullets, .home .slider4 .swiper-pagination-bullets.swiper-pagination-horizontal, .home .slider4 .swiper-pagination-custom, .home .slider4 .swiper-pagination-fraction {
    width: auto;
}

.home .slider4 .swiper-pagination .swiper-pagination-bullet {
    background-color: #dddddd;
    opacity: 1;
    width: .75em;
    height: .75em;
    margin: 0 .5em;
}

.home .slider4 .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #f5d300;
    opacity: 1;
}

.home .slider4 .swiper-control button {
    background: none;
    border: 0;
    color: #dbdbdb;
    padding: 0;
    width: 2rem;
}

/** End of New Initiative **/


.home .service p.title {
    margin-top: .5em;
}

.home .service .container {
    padding: 0em 2em;
    /* padding-top: 4em; */
    padding-top: 2em;
    max-width: 1920px;
}

.home .service .card {
    background-color: #f5eadb;
    border: 0;
    border-radius: 2.5em;
    width: 100%;
}

.home .service .container > div:last-child > div:nth-child(2n) > .card {
    background-color: #fbf6f0;
}

.home .service .card .img-container {
    padding: 1em;
}

.home .service .card .card-body {
    padding: 1.5em 1em;
}

.home .service .card h3 {
    color: #2E3189;
    font-size: 1.25em;
    font-weight: bold;
}

.home .service .card ul {
    list-style: none;
    padding-left: 0;
}

.home .service .card a {
    color: #000;
    text-decoration: none;
}

.home .service .card a:hover {
    color: #2E3189;
    text-decoration: underline;
}
.home_district_height{
	height:275px;
}
.home .project .container {
    max-width: 1920px;
}

.home .project .swiper-container {
    position: relative;
}

.home .project .swiper-container .swiper-button-prev {
    left: 1em;
}

.home .project .swiper-container .swiper-button-next {
    right: 5em;
}

.home .project .swiper-container .swiper-button-pause {
    right: 1em;
}

.home .project .swiper-container .swiper-button-pause button {
    border-radius: 1.5em;
    border: none;
    padding: 0.5em;
    background-color: #C70000;
    color: #fff;
    width: 2.5em;
    transition: .5s all;
}

.home .project .swiper-container .swiper-button-pause button:hover {
    background-color: #da2127;
}

.home .project .swiper-element {
    width: 75%;
    width: calc(100% - 15em);
    padding-top: 2em;
    padding-top: 2em;
    /* padding: 2em 8em; */
    background-color: #f9f7f9;
    margin-left: calc(15% / 3);
    margin-right: calc(15% / 3 * 2);
}

.home .project .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: #fff; */
    height: calc((100% - 30px) / 2) !important;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.home .project .swiper-slide a {
    display: block;
    border: 2px solid #aaaaaa;
    margin-bottom: 1em;
    color: #0367FC;
}

.home .programme {
    position: relative;
}

.home .programme .container {
    max-width: 1920px;
}

.home .programme .swiper-container {
    position: relative;
}

.home .programme .swiper-container .swiper-element {
    /* width: 100%; */
    margin: 0 auto;
    margin-right: .5em;
}

/* .home .programme .full-container > .row:last-child:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 417px;
    height: 394px;
    bottom: 0;
    left: 3em;
    background: url(../../images/home_bg_03.png);
    z-index: 1;
} */

.home .programme .swiper-container > .swiper-element > .card {
    border: 0;
    margin-left: auto;
}

.home .programme .swiper-container > .swiper-element > .card > .card-header {
    background-color: #555759;
    text-align: end;
    border-top-left-radius: 1.5em;
    border-top-right-radius: 1.5em;
}

.home .programme .swiper-container .swiper-pagination-container {
    position: relative;
    background-color: #ffffff;
    padding: .25em 1em;
    display: inline-block;
    border-radius: 1em;
    right: 1.5em;
}

.home .programme .swiper-container .swiper-pagination-container .swiper-pagination {
    position: relative;
    bottom: unset;
}

.home .programme .swiper-container .swiper-pagination-container .swiper-pagination .swiper-pagination-bullet {
    width: .75em;
    height: .75em;
    background-color: #dddddd;
    opacity: 1;
}

.home .programme .swiper-container > .swiper-element > .card > .card-body {
    background-color: #f9f7f9;
    padding: 1.5em 4em;
    padding-bottom: 0em;
    border-bottom-left-radius: 1.5em;
    border-bottom-right-radius: 1.5em;
}

.home .programme .swiper-container > .swiper-element > .card > .card-body .filter form {
    display: flex;
    justify-content: end;
    margin-bottom: 0.5em;
}

.home .programme .swiper-container > .swiper-element > .card > .card-body .filter form .form-item {
    margin-bottom: 0;
    flex: 1;
}

.home .programme .swiper-container > .swiper-element > .card > .card-body select {
    background: #e9e9e9;
    font-size: 1em;
    padding: 0.4rem;
    padding-right: 3em;
    border: 0;
    border-radius: 0em;
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    padding-left: 1em;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin-left: 0.25em;
    background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(to right, #5ca26a, #5ca26a);
    background-position: calc(100% - 22px) calc(1em + 0px), calc(100% - 12px) calc(1em + 0px), 100% 0;
    background-size: 10px 10px, 10px 10px, 2.5em 2.5em;
    background-repeat: no-repeat;
    max-width: 100%;
    transition: .5s;
    cursor: pointer;
    width: 100%;
}

.home .programme .swiper-container > .swiper-element > .card > .card-body .filter .btn:hover {
    background: #da2127;
}

.home .programme .swiper-container > .swiper-element > .card > .card-body .filter .btn:focus-visible {
    box-shadow: 0 0 0 0.2rem #000000;
}

.home .programme .swiper-container > .swiper-element > .card > .card-body .filter .btn {
    vertical-align: unset;
    background: #C70000;
    color: #fff;
    font-size: 1em;
    text-decoration: none;
    border-color: #C70000;
    display: inline-block;
}

.home .programme .swiper-container .swiper-pagination-container .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #e41c24;
}

.home .programme .swiper-container > .swiper-element > .card > .card-body .swiper-slide .card {
    border-radius: 0;
    border-bottom-right-radius: 1em;
    border: 0;
}

.home .programme .swiper-container > .swiper-element > .card > .card-body .swiper-slide .card-header {
    background-color: #f3e1c9;
    border-radius: 0;
    border: 0;
    min-height: 4em;
    font-size: 1.25em;
}

.home .programme .swiper-container > .swiper-element > .card > .card-body .swiper-slide .card-header div.location {
    color: #B12E37;
    font-weight: bold;
    padding-left: 36px;
    position: relative;
    min-height: 3em;
    display: inline-flex;
    align-items: center;
}

.home .programme .swiper-container > .swiper-element > .card > .card-body .swiper-slide .card-header div.location:before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 38px;
    background: url(../../images/icon.png);
    background-position-x: -59px;
    background-position-y: -162px;
    padding-right: .5em;
    position: absolute;
    left: 0;
}

.home .programme .swiper-container > .swiper-element > .card > .card-body .swiper-slide .card-header p.card-title {
    color: #333333;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: .5em;
}

.home .programme .swiper-container > .swiper-element > .card > .card-body .swiper-slide .card-body {
    text-align: end;
    min-height: 4em;
    display: flex;
    flex-direction: column;
}

.home .programme .swiper-container > .swiper-element > .card > .card-body .swiper-slide .card-body p.card-text {
    text-align: left;
    flex: 1;
    display: none;
}

.home .programme .swiper-container > .swiper-element > .card > .card-body .swiper-slide .card-body .btn {
    background-color: #c3551f;
    border-color: #c3551f;
    border-radius: 1em;
    padding: .25em 1em;
}

.home .programme .swiper-container > .swiper-element > .card > .card-body .swiper-slide .card-body .btn:focus-visible {
    box-shadow: 0 0 0 0.2rem #000000;
}

.home .programme .swiper-container .swiper-pagination-lock {
    display: block;
}

.home .programme .swiper-container .swiper-pagination-lock .swiper-pagination-bullet:only-child {
    display: inline-block!important;
}


.home .thematic .container {
    max-width: 1920px;
}

.home .thematic .swiper-container {
    position: relative;
}

.home .thematic .swiper-container .swiper-element {
    width: calc(100% - 15em);
    padding: 2em 2em;
    background-color: #f9f7f9;
    margin: 0 auto;
    margin-left: calc(15% / 3);
    margin-right: calc(15% / 3 * 2);
}

.home .thematic .swiper-container .swiper-button-prev {
    left: 1em;
}

.home .thematic .swiper-container .swiper-button-next {
    right: 5em;
}

.home .thematic .swiper-container .swiper-button-pause {
    right: 1em;
}

.home .thematic .swiper-container .swiper-button-pause button {
    border-radius: 1.5em;
    border: none;
    padding: .5em;
    background-color: #C70000;
    color: #fff;
    width: 2.5em;
    transition: .5s all;
}

.home .thematic .swiper-container .swiper-button-pause button:hover {
    background-color: #da2127;
}

.swiper-button-pause {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: 3em;
    height: 3em;
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}

.home .thematic .swiper {
}

.home .thematic .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    height: calc((100% - 30px) / 2) !important;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.home .thematic .swiper-slide a {
    display: block;
    border: 2px solid #aaaaaa;
    margin-top: .5em;
    margin-bottom: .5em;
    color: #0367FC;
}

.home .thematic .swiper-slide img {
    height: 70px;
}

.home .contact .container {
    max-width: 1680px;
}

.home .contact .container h2 {
    padding: 0;
}

.home .contact .container h2:after {
    display: none;
}

.home .contact .container p.info {
    line-height: 25px;
    display: inline-flex;
    justify-content: center;
}

.home .contact .container span {
    padding-right: 2em;
    line-height: 25px;
    display: inline-flex;
    justify-content: center;
}

.home .contact .container span:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../../images/icon.png);
    margin-right: .5em;
}

.home .contact .container span.tel:before {
    background-position-x: -91px;
    background-position-y: -168px;
}

.home .contact .container span.fax:before {
    background-position-x: -120px;
    background-position-y: -168px;
}

.home .contact .container span.email:before {
    width: 23px;
    height: 22px;
    background-position-x: -149px;
    background-position-y: -168px;
    margin-left: 1em;
}

.home .contact .container span.clear {
    padding-right: 0;
}

.home .contact .container span.clear:before {
    display: none;
}

.home .contact .container span a {
    color: #333;
    text-decoration: none;
}

.home .contact .container span a:hover {
    text-decoration: underline;
}


/** End of Home **/


/** Begin of Home Slider **/

.home-slider {
    background-color: #e6eaf0;
    /*background: url(../../images/bg18.png);*/
    /*background-repeat: no-repeat;*/
    /*background-position: right bottom;*/
    /*background-size: contain;*/
    /*background-size: 57.8125vw;*/
    overflow-x: hidden;
    position: relative;
}

.home-slider > div.container {
    max-width: 1680px;
}

.home-slider .owl-carousel {
    width: 100%;
    /*max-width: 1120px;*/
    margin-left: auto;
    margin-right: auto;
    /*padding-bottom: 7.03125vw;*/
}

.home-slider .owl-carousel .owl-stage-outer {
    overflow: unset;
    overflow: hidden;
}

.home-slider .owl-item .caption-container {
    top: 100%;
    position: relative;
    width: 100%;
    padding: 0;
    color: #002A63;
    border-top: 1rem solid #002A63;
    /*width: 20%;*/
}

.home-slider .owl-item .caption-container .container {
    width: 87.5vw;
    max-width: 1620px;
}

.home-slider .owl-item .caption-container p.title {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 0;
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.home-slider .owl-item .caption-container p {
    font-size: 1.5em;
}

.home-slider .owl-theme .owl-nav {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin-top: 0;
    height: 0;
}

.home-slider .owl-theme .owl-nav .owl-prev {
    float: left;
}

.home-slider .owl-theme .owl-nav .owl-next {
    float: right;
}

.home-slider .owl-theme .owl-nav [class*=owl-] {
    background-color: rgba(0, 0, 0, 0.7) !important;
    width: 40px;
    height: 40px;
    border-radius: 0;
}

.home-slider .owl-theme .owl-nav [class*=owl-]:hover
{
    transition: 0.5s;
    background-color: rgb(43, 62, 96, 1) !important;
}

.home-slider .owl-theme .owl-nav [class*=owl-] span {
    font-size: 48px;
    line-height: 24px;
    color: #fff;
}

.home-slider .owl-theme .owl-nav [class*=owl-]:hover span {
    transition: 0.5s;
    color: #FFAB15;
}

.home-slider .dots-container {
    position: absolute;
    left: unset;
    right: 0;
    height: auto;
    margin-top: -3rem;
    z-index: 10;
    text-align: right;
    max-width: 1680px;
    width: inherit;
    display: inline;
    background-color: #E6EAF3;
    padding-right: 11.2vw;
}

.home-slider .dots-container .owl-dots, .dots-container .owl-controls {
    width: auto;
    display: inline-block;
    /*background-color: rgba(0, 0, 0, 0.7);*/
    padding: .4rem;
    padding-left: 0;
    padding-right: 0;
}

.home-slider .dots-container .owl-controls {
    /*margin-left: .5rem;*/
}

.home-slider .dots-container .owl-dots button.owl-dot {
    /*border: 0;*/
    /*width: 1em;*/
    /*height: 1em;*/
    /*margin-left: .25rem;*/
    /*margin-right: .25rem;*/
    /*border-radius: 50%;*/
    /*vertical-align: super;*/
    /*border: .15rem solid #002A63;*/
    /*background-color: transparent;*/
    max-width: 1em;
    max-height: 1em;
    border: 0;
    width: 1.5vw;
    height: 1.5vw;
    margin-left: 0.333vw;
    margin-right: 0.333vw;
    border-radius: 50%;
    vertical-align: super;
    border: 0.1666vw solid #002A63;
    background-color: transparent;
    padding: 0;
}

.home-slider .dots-container .owl-dots button.owl-dot:hover {
    background-color: #002A63;
}

.home-slider .dots-container .owl-dots button.owl-dot.active {
    transition: .5s;
    background-color: #002A63;
}

.home-slider .dots-container .owl-controls button.owl-control {
    background: none;
    border: 0;
    color: #002A63;
    padding: 0;
    width: 2rem;
}

.home-slider .dots-container .owl-controls button.owl-control:hover {
    transition: .5s;
    color: #002A63;
}


/** End of Home Slider **/



/** Home Section 0 **/

.home-section0 {
}

.home-section0 .container2 {
}

.home-section0 .container2 .container {
    margin-top: -40px;
}

.home-section0 .container2 .col-md-6:first-child {
    padding-right: 0;
    text-align: center;
}

.home-section0 .container2 .col-md-6:last-child {
    padding-left: 0;
    text-align: center;
}

.home-section0 .container2 .col-md-6 img {
    width: 100%;
}

.home-section0 .container2 .col-md-6 a.title {
    color: #fff;
    font-size: 1.75em;
    margin-top: .75em;
    margin-bottom: .75em;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.home-section0 .container2 .col-md-6 a.title span.img-container {
    max-width: 100%;
    max-height: 313px;
    overflow: hidden;
    display: block;
}

.home-section0 .container2 .col-md-6 a.title img {
    transition: .5s all;
}

.home-section0 .container2 .col-md-6 a.title:hover img {
    width: 110%;
    max-width: 110%;
    margin-left: -5%;
    height: 110%;
    max-height: 110%;
    margin-top: -5%;
}

.home-section0 h2 {
    color: #B12E37;
    font-weight: bold;
    margin-bottom: 2rem;
}

.home-section0 p {
    font-size: 1.35em;
    text-align: justify;
    margin-bottom: 1.5em;
}

.home-section0 h3 {
    color: #B12E37;
    font-size: 1.75em;
    font-weight: bold;
}

.home-section0 p iframe {
    max-width: 100%;
}

.home-section0 p img {
    max-width: 100%;
}

.home-section0 p a {
    color: #025CE3;
}

.home-section0 .countdown {
    padding-top: 2rem;
    padding-bottom: 1rem;
    text-align: center;
}
.home-section0 .countdown .item {
    display: inline-block;
}

.home-section0 .countdown .counter {
    background: url(../../images/timer_bg.png);
    background-repeat: no-repeat;
    background-size: 178px 201px;
    width: 9.27083vw;
    height: 10.46875vw;
    display: inline-block;
    text-align: center;
    padding-right: 1rem;
}

.home-section0 .countdown .counter span {
    color: #B5272D;
    font-size: 5em;
    font-weight: bold;
    line-height: 9.5vw;
}

.home-section0 .countdown p {
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
    padding-right: 1rem;
}

/** End of Home Section 0 **/


/** Home Section 1 **/

.home-section1 {
    background-color: #FF3747;
    /*background-image: url("../../images/sub-banner-bg.png");*/
    /*background-position: top left;*/
    /*background-repeat: no-repeat;*/
    /*background-size: 54.3vw;*/

}

.home-section1 > div.container {
    max-width: 1920px;
    margin: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

.home-section1 > div > div.row {
    margin-left: 0;
    margin-right: 0;
}

.home-section1 > div > div.row > div {
    padding-left: 0;
    padding-right: 0;
}

.home-section1 > div > div.row > div.left {
    /*max-width: 1120px;*/
}

.home-section1 > div > div.row > div.right {
    /*max-width: 800px;*/
}

/** End of Home Section 1 **/

/** Home Section 1a **/

.home-section1a {
    background-color: #FF3747;
    background: url(../../images/bg19.png);
    background-repeat: no-repeat;
    /*background-size: contain;*/
    background-position: bottom left;
    /*background-size: 41.3021vw;*/
    padding: 3rem;
    padding-right: 4.5rem;
    padding-top: 4rem;
    /*min-height: 39.583vw;*/
    height: 100%;
    display: flex;
    flex-direction: column;
}

.home-section1a .big-title {
    font-size: 2.5em;
    color: #B12E37;
    font-weight: bold;
    margin-bottom: 1rem;
}

.home-section1a .owl-carousel {
    width: 100%;
    max-width: 810px;
    margin-left: auto;
    margin-right: auto;
    height: calc(100% - 14em);
    /*padding-bottom: 7.03125vw;*/
}

.home-section1a .owl-carousel .owl-stage-outer {
    height: 100%;
}

.home-section1a .owl-carousel .owl-stage {
    height: 100%;
}

.home-section1a .owl-carousel .owl-item {
    height: 100%;
}

.home-section1a .owl-carousel .owl-item .item {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.home-section1a .owl-item .content {
    /*min-height: 10.416vw;*/
    flex-grow: 1;
}

.home-section1a .owl-item .title {
    /*margin-top: 7.03125vw;*/
    text-align: right;
    font-weight: bold;
    font-size: 1.5em;
}

.home-section1a .owl-theme .owl-nav {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin-top: 0;
    height: 0;
}

.home-section1a .owl-theme .owl-nav .owl-prev {
    float: left;
}

.home-section1a .owl-theme .owl-nav .owl-next {
    float: right;
}

.home-section1a .owl-theme .owl-nav [class*=owl-] {
    background-color: rgba(0, 0, 0, 0.7) !important;
    width: 40px;
    height: 40px;
    border-radius: 0;
}

.home-section1a .owl-theme .owl-nav [class*=owl-]:hover
{
    transition: 0.5s;
    background-color: rgb(43, 62, 96, 1) !important;
}

.home-section1a .owl-theme .owl-nav [class*=owl-] span {
    font-size: 48px;
    line-height: 24px;
    color: #fff;
}

.home-section1a .owl-theme .owl-nav [class*=owl-]:hover span {
    transition: 0.5s;
    color: #FFAB15;
}

.home-section1a .dots-container {
    /*position: absolute;*/
    left: 0;
    right: 0;
    height: 0;
    margin-top: .5rem;
    /*margin-top: -110px;*/
    /*margin-right: 3rem;*/
    padding-right: 0;
    z-index: 10;
    text-align: right;
}

.home-section1a .dots-container .owl-dots, .dots-container .owl-controls {
    width: auto;
    display: inline-block;
    /*background-color: rgba(0, 0, 0, 0.7);*/
    padding: .4rem;
    padding-left: 0;
    padding-right: 0;
}

.home-section1a .dots-container .owl-controls {
    margin-left: .5rem;
}

.home-section1a .dots-container .owl-dots button.owl-dot {
    border: 0;
    width: 1em;
    height: 1em;
    margin-left: .25rem;
    margin-right: .25rem;
    border-radius: 50%;
    vertical-align: super;
}

.home-section1a .dots-container .owl-dots button.owl-dot:hover {
    background-color: #FFAB15;
}

.home-section1a .dots-container .owl-dots button.owl-dot.active {
    transition: .5s;
    background-color: #FFAB15;
}

.home-section1a .dots-container .owl-controls button.owl-control {
    background: none;
    border: 0;
    color: #fff;
    padding: 0;
}

.home-section1a .dots-container .owl-controls button.owl-control:hover {
    transition: .5s;
    color: #FFAB15;
}


/** End of Home Section 1a **/

/** Home Section 1b **/

.home-section1b {

    padding-top: 2rem;
    padding-bottom: 2rem;
    border-left: 1em solid #fff;
    background-color: #F9F7F9;
}

.home-section1b h2 {
    color: #035E53;
    font-weight: bold;
    font-size: 2em;
    margin-bottom: .5em;
}

.home-section1b .slider {
    overflow-y: scroll;
    max-height: 220px
}

/* width */
.home-section1b .slider::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.home-section1b .slider::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.home-section1b .slider::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.home-section1b .slider::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.home-section1b ul {
    padding-inline-start: 20px;
    padding-right: .5em;
}

.home-section1b ul li {
    margin-bottom: 1em;
    font-size: 1.25em;
}

.home-section1b ul li a{
    color: #000;
}


/** End of Home Section 1b **/


/** Home Section 2 **/

.home-section2 {
    padding: 1rem;
}

.home-section2 .container {
    width: 87.5vw;
    max-width: 1620px;
}

.home-section2 h2 {
    color: #666;
    font-weight: bold;
    font-size: 2.5em;
    text-align: center;
    padding: 1rem;
    border-bottom: 4px dotted #666;
}

.home-section2 .owl-carousel:before {
    content: ' ';
    display: block;
    position: absolute;
    width: 0px;
    height: 100%;
    border-right: 4px dotted #666;
    left: 50%;
}

.home-section2 .owl-carousel .owl-stage-outer {
    /*max-width: 1650px;*/
}

.home-section2 .owl-carousel .owl-stage-outer:after {

}

.home-section2 .owl-carousel .owl-stage-outer .owl-stage {
    display: flex;
}

.home-section2 .owl-carousel.owl-drag .owl-item {
    display: flex!important;
}

.home-section2 .owl-carousel.owl-drag .owl-item .item {
    text-align: left;
}

.home-section2 .owl-carousel.owl-drag .owl-item p {
    margin-bottom: .5rem;
    font-size: 1.25em;
}

.home-section2 .owl-carousel.owl-drag .owl-item p.date {
    font-size: 1.5em;
}

.home-section2 .owl-carousel.owl-drag .owl-item p.title {
    font-size: 1.75em;
    font-weight: bold;
    color: #3D5771;
}

.home-section2 .owl-carousel.owl-drag .owl-item p a {
    color: #3D5771;
}

.home-section2 .owl-carousel.owl-drag .owl-item p a:before {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: inline-block;
    margin-right: .5rem;
    transition: .5s;
}

.home-section2 .owl-carousel.owl-drag .owl-item p a:hover:before {
    margin-right: 1.5rem;
}

.home-section2 .owl-nav.container {
    position: absolute;
    top: 40%;
}

.home-section2 .owl-nav.container button {
    position: absolute;
    background-color: #002A63;
    color: #fff;
    border-radius: 2rem;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
}

.home-section2 .owl-nav.container button:after {
    content: " ";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 1.75em;
    width: 2.5rem;
    height: 2.5rem;
    top: 0;
    left: 0;
    position: absolute;
    display: inline-block;
}

.home-section2 .owl-nav.container button.owl-prev {
    left: -4rem;
}

.home-section2 .owl-nav.container button.owl-prev:after {
    content: "\f0d9";
}

.home-section2 .owl-nav.container button.owl-next {
    right: -2.5rem;
}

.home-section2 .owl-nav.container button.owl-next:after {
    content: "\f0da";
}

/** End of Home Section 2 **/



/** Home Section 3 **/

.home-section3 {
    margin-top: .5rem;
    margin-bottom: 2rem;
}

.home-section3 .container {
    width: 100vw;
    max-width: 1780px;
}

.home-section3 .grid {
    -webkit-box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 50%);
    box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 50%);
    /*max-width: 450px;*/
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin-left: .5rem;
    margin-right: .5rem;
}

.home-section3 .grid > div {
    height: 100%;
}

.home-section3 .grid > div a {
    height: 100%;
}

.home-section3 .grid > div a:hover {
    background-color: #e6eaf0;
}

.home-section3 .grid a div {
    /*max-width: 450px;*/
    /*max-height: 450px;*/
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
}

.home-section3 .grid a div img {
    width: 100%;
    transition: 0.5s all ease-in-out;
}

.home-section3 .grid a:hover div img {
    transform: scale(1.25);
}

.home-section3 .grid a p {
    margin-bottom: 0;
}

.home-section3 .grid a {
    color: #3B556E;
    font-weight: bold;
    font-size: 1.5em;
    text-decoration: none;
    display: block;
}

.home-section3 .grid a .title {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    transition: .5s;
}

.home-section3 .grid a:hover .title {
    text-decoration: underline;
    color: #002A63;
}

    /** End of Home Section 3 **/



/** Section 4 **/

.home-section4 {
    /*margin-top: 2rem;*/
    /*margin-bottom: 4rem;*/
    background: url(../../images/bg17.png);
    background-repeat: no-repeat;
    /*background-size: contain;*/
    background-position: top center;
    /*background-size: 14.27083vw;*/
    /*min-height: 14.27083vw;*/
    padding-top: 3rem;
    padding-bottom: 4rem;
}

.home-section4 h2 {
    color: #1B7DB6;
    font-weight: bold;
    font-size: 2.5em;
}

.home-section4 .owl-theme {
    margin-top: 2rem;
    padding-left: 3em;
    padding-right: 3em;
}

.home-section4 .owl-theme .owl-nav {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin-top: 0;
    height: 0;
}

.home-section4 .owl-theme .owl-nav .owl-prev {
    float: left;
    margin-left: -1em;
}

.home-section4 .owl-theme .owl-nav .owl-next {
    float: right;
    margin-right: -1em;
}

.home-section4 .owl-theme .owl-nav [class*=owl-] {
    background-color: rgba(0, 0, 0, 0.7) !important;
    width: 40px;
    height: 40px;
    border-radius: 0;
}

.home-section4 .owl-theme .owl-nav [class*=owl-]:hover
{
    transition: 0.5s;
    background-color: rgba(85, 101, 127, 1) !important;
}

.home-section4 .owl-theme .owl-nav [class*=owl-] span {
    font-size: 48px;
    line-height: 24px;
    color: #fff;
}

.home-section4 .owl-theme .owl-nav [class*=owl-]:hover span {
    transition: 0.5s;
    color: #FFAB15;
}

.home-section4 .owl-carousel .owl-item img {
    border: 1px solid #888;
}

/** End of Home Section 4 **/





/** District **/

.page .district {

}


.content-container .district .map {
    width: 650px;
    height: 550px;
    display: block;
    background: url(../../images/map.png);
    background-position: 0 0px;
}

.content-container .district .map.d1 {
    background-position-x: -650px;
}

.content-container .district .map.d2 {
    background-position-x: -1300px;
}

.content-container .district .map.d3 {
    background-position-x: -1950px;
}

.content-container .district .map.d4 {
    background-position-x: -2600px;
}

.content-container .district .map.d5 {
    background-position-x: -3250px;
}

.content-container .district .map.d6 {
    background-position-y: -550px;
}

.content-container .district .map.d7 {
    background-position-y: -550px;
    background-position-x: -650px;
}

.content-container .district .map.d8 {
    background-position-y: -550px;
    background-position-x: -1300px;
}

.content-container .district .map.d9 {
    background-position-y: -550px;
    background-position-x: -1950px;
}

.content-container .district .map.d10 {
    background-position-y: -550px;
    background-position-x: -2600px;
}

.content-container .district .map.d11 {
    background-position-y: -550px;
    background-position-x: -3250px;
}


/** End of District **/





.btn-secondary {
    background-color: #375872;
    border-color: #375872;
    border-radius: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.25em;
    transition: .5s all;
    color: #fff;
}

.btn-secondary:hover, .btn-secondary:focus {
    background-color: #002A63;
    border-color: #002A63;
}

.btn-secondary span {
    margin-left: .5rem;
    margin-right: 0rem;
    transition: .5s all;
}

.btn-secondary:hover span {
    margin-left: 0rem;
    margin-right: .5rem;
}


/** Banner **/
.banner-container {
    /* margin-top: .5rem; */
    /*overflow: hidden;*/
    /*background: rgb(245,227,212);*/
    /*background: -moz-linear-gradient(0deg, rgba(245,227,212,1) 23%, rgba(255,55,71,1) 23%, rgba(255,55,71,1) 100%);*/
    /*background: -webkit-linear-gradient(0deg, rgba(245,227,212,1) 23%, rgba(255,55,71,1) 23%, rgba(255,55,71,1) 100%);*/
    /*background: linear-gradient(0deg, rgba(245,227,212,1) 23%, rgba(255,55,71,1) 23%, rgba(255,55,71,1) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5e3d4",endColorstr="#ff3747",GradientType=1);*/
}

.banner-container > .container {
    max-width: 1920px;
    margin: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

.banner-container > .container > div {
    margin-left: 0;
    margin-right: 0;
}

.banner-container > .container > div > div {
    padding-left: 0;
    padding-right: 0;
}

.banner-container .banner {
    width: 100%;
    /*position: relative;*/
    /*!*left: 50%;*!*/
    /*!*padding-top: 15px;*!*/
    /*!*margin-left: -50vw;*!*/
    /*!*min-height: 140px;*!*/
    /*height: auto;*/
    /*background: url(../../images/bg01.png);*/
    /*background-repeat: no-repeat;*/
    /*background-position: top center;*/
}

/*.banner-container .banner:after {*/
/*    content: '';*/
/*    display: block;*/
/*    position: absolute;*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    max-width: 269px;*/
/*    max-height: 269px;*/
/*    background: url(../../images/bg01.png);*/
/*    background-position: center center;*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    bottom: 0;*/
/*    right: 128px;*/
/*}*/

.banner-container .banner img.img-fluid {
    width: 100%;
    /*max-width: 1528px;*/
}

.banner-container .container .d-flex {
    position: absolute;
    height: 100%;
    align-items: center;
    width: 40%;
    top: 0;
    padding: 4rem;
    align-content: center;
}

.banner-container .container .right {
    left: 60%;
}

.banner-container .container .center {
    left: 25%;
    width: 50%;
}

.banner-container .container .content {
    padding: 2rem;
}

.banner-container .container .content-white {
    background-color: rgba(255, 255, 255, 0.8);
}

.banner-container .container .content p {
    display: block;
    color: #333;
    margin-bottom: 0.5rem;
}

.banner-container .container .content p.title {
    color: #3d228b;
    font-weight: bold;
    font-size: 1.8em;
    text-transform: uppercase!important;
}

.banner-container .container .center .content {
    margin-left: auto;
    margin-right: auto;
}

/** End of Banner **/

.page .breadcrumb-container {
    margin: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 1.04166vw;
}

.page .breadcrumb-container h1 {
    font-size: 2.5rem;
    font-weight: bold;
}

.page .breadcrumb-container > div > div {
    padding-bottom: 0;
    /* border-bottom: 4px dotted #666; */
    /*border-bottom: 1px solid #bbb;*/
}

.page .breadcrumb-container a {
    align-content: center;
}

.page .breadcrumb-container ul.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

.page .breadcrumb-container ul.breadcrumb li a {
    color: #666666;
    font-size: 1.25em;
    text-decoration: none;
}

.page .breadcrumb-container ul.breadcrumb li:last-child a {
    color: #000;
    font-weight: bold;
}

.page .breadcrumb-container ul.breadcrumb li a:hover {
    text-decoration: underline;
}

.page .breadcrumb-container ul.breadcrumb li span {
    color: #666666;
    font-size: 1.25em;
    text-decoration: none;
}

.page .breadcrumb-container ul.breadcrumb li:last-child span {
    color: #000;
    font-weight: bold;
}

.breadcrumb-item+.breadcrumb-item::before {
    /*float: left;*/
    padding-right: .5rem;
    color: #666666;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-top: .15625vw;
}

.page .breadcrumb-container a.btn {
    /*margin-right: 1em;*/
}

.page .breadcrumb-container a.btn-back {
    color: #666666;
    font-size: 1.25em;
    text-decoration: none;
}

.page .breadcrumb-container a.btn-back span {
    transition: .25s all;
}

.page .breadcrumb-container a.btn-back:hover {
    text-decoration: underline;
}

.page .breadcrumb-container a.btn-back:hover span {
    padding-right: .5rem;
}

.page .breadcrumb-container h1 {
    font-weight: bold;
    color: #000;
    font-size: 2.5rem;
    display: block;
}

main.page {
    padding-bottom: 2rem;
}

.page .page {
    padding-top: .5rem;
    padding-bottom: 2rem;
    /*min-height: 46.875vw;*/
    /*min-height: 875px;*/
}

/*.page .page-container:before {*/
/*    content: '';*/
/*    background: url(../../images/bg12.png);*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    position: absolute;*/
/*    width: 113.64vw;*/
/*    height: 52.29vw;*/
/*    overflow: hidden;*/
/*    left: -6vw;*/
/*}*/

.page-container {
    position: relative;
    background: url(../../images/bg13.png);
    background-repeat: no-repeat;
    /* background-size: contain; */
    background-position: top center;
}

/*.page-container .top-left-bg {*/
/*    position: absolute;*/
/*    background: url(../../images/bg01.png);*/
/*    background-repeat: no-repeat;*/
/*    width: 13.33vw;*/
/*    height: 13.33vw;*/
/*    left: -6vw;*/
/*}*/


/*.page-container .bottom-left-bg {*/
/*    position: absolute;*/
/*    background: url(../../images/bg04.png);*/
/*    background-repeat: no-repeat;*/
/*    width: 8.90vw;*/
/*    height: 13.33vw;*/
/*}*/

.content-container {
    font-size: 1.2em;
    color: #231F20;
}

/*.page .content a {*/
/*    color: #0000FF;*/
/*}*/

.content-container h1 {
    color: #B12E37;
    margin-bottom: 1em;
    /* padding: .75rem 1rem; */
    font-weight: bold;
    margin-top: 0;
    padding-top: 0;
    /* font-size: 2.5em; */
    font-size: 2.1em;
    /* display: none; */
    padding-bottom: .25em;
    border-bottom: 1px solid #999;
}

.content-container h2 {
    color: #B12E37;
    /* padding: .75rem 1rem; */
    font-weight: bold;
    /* font-size: 2.25em; */
    font-size: 1.7em;
    margin-bottom: 1em;
    position: relative;
    /* padding-left: 100px; */
    padding-left: 90px;
    margin-top: 1em;
}

.content-container h2:before {
    content: ' ';
    display: inline-block;
    position: absolute;
    left: 0;
    width: 80px;
    height: 60px;
    background: url(../../images/icon.png);
    background-size: 650px;
    background-position-y: -100px;
    top: -0.1em;
}

.content-container h2.noicon {
    padding-left: 0;
}

.content-container h2.noicon:before {
    display: none;
}



.content-container h3 {
    color: #000;
    /* padding: .75rem 1rem; */
    font-weight: bold;
    font-size: 1.75em;
    position: relative;
    padding-left: 50px;
    margin-bottom: 1em;
    margin-top: 1em;
}

.content-container h3:before {
    content: ' ';
    display: inline-block;
    position: absolute;
    left: 0;
    width: 40px;
    height: 36px;
    background: url(../../images/icon.png);
    background-size: 650px;
    background-position-y: -165px;
}


.content-container h4 {
    color: #da2127;
    /* padding: .75rem 1rem; */
    font-weight: bold;
    font-size: 1.5em;
    margin-bottom: 1em;
}

.content-container h5 {
    color: #da2127;
    /* padding: .75rem 1rem; */
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 1em;
}

.content-container h6 {
    color: #da2127;
    /* padding: .75rem 1rem; */
    font-weight: bold;
    font-size: 1.15em;
    margin-bottom: 1em;
}

.content-container img {
    max-width: 100% !important;
    height: unset;
}

.content-container a {
    color: #0071B3;
    text-decoration: none;
}

.content-container a.ck-anchor {
    visibility: hidden;
    top: -200px;
    display: block;
    position: relative;
}

/* .content-container a.btn-secondary {
    background-color: #da2127;
    border: none;
    text-decoration: none;
} */

.content-container a:hover {
    color: #da2127;
    text-decoration: underline;
}

.content-container a[target="_blank"]:after {
    content: "\f35d";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 1rem;
    text-decoration: none;
    color: #da2127;
    margin: 0 5px 0 5px
}

.content-container a.btn {
    color: #fff;
}

.content-container .btn-secondary {
    background-color: #da2127;
    border: 1px solid #da2127;
    text-decoration: none;
}

.content-container .btn-secondary:hover {
    background-color: #b12e37;
    border: 1px solid #b12e37;
    text-decoration: none;
}

.content-container .btn-outline-secondary {
    background-color: #fff;
    color: #da2127;
    border: 1px solid #da2127;
    /* border: none; */
    text-decoration: none;
}

.content-container .btn-outline-secondary:hover {
    background-color: #b12e37;
    border: 1px solid #b12e37;
    color: #fff;
}

.content-container p {
    /* margin-left: 1em;
    margin-right: 1em; */
    text-align: justify;
    /* font-size: 1.15em !important; */
    /* font-size: 1.08em !important; */
    margin-bottom: 1em;
}

.content-container p.small {
    font-size: .925em !important;
}

.content-container p span {
    /* font-size: 1.15em !important; */
}


.content-container ul {
    margin-top: .5em;
    padding-inline-start: 2em;
    /* list-style: none; */
}

.content-container ul li {
    margin-bottom: 0.5rem;
    font-size: 1em !important;
    text-align: justify;
}

.content-container ul li::marker {
    color: #da2127;
}

/* .content-container ul li::before {
    content: "\2022";
    color: #da2127;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
} */

.content-container ul li p {
    font-size: 1em !important;
}

.content-container ul li a {
    color: #000;
    text-decoration: none;
    /* font-size: 1.15em; */
    /*font-weight: bold;*/
}

.content-container ul li a:hover {
    text-decoration: underline;
}

.content-container ol li::before {
    display: none;
}

.content-container ul.navigation li:before, .content-container ul li.navigation:before {
    content: ' ';
    display: inline-block;
    /* position: absolute; */
    left: 0;
    width: 40px;
    height: 40px;
    background: url(../../images/icon.png);
    background-size: 650px;
    background-position-y: -160px;
    vertical-align: bottom;
    margin-right: .5em;
    /* margin-left: -2em; */
}

.content-container ul.navigation li, .content-container ul li.navigation {
    margin-bottom: 1em;
    list-style: none;
    justify-items: flex-start;
    display: flex;
}

.content-container ul.navigation li a, .content-container ul li.navigation a {
    font-weight: bold;
    display:inline-block;
    width: calc(100% - 50px);
    margin-top: 0.5em;
}

.content-container a.btn-navigation,.content-container span.btn-navigation {
    display: block;
    text-align: center;
    flex-direction: column;
    text-decoration: none;
    color: #333333;
    font-weight: bold;
    transition: .5s all;
    margin: 0 auto;
}

.content-container a.btn-navigation:hover {
    text-decoration: underline;
    color: #da2127;
}

.content-container a.btn-navigation span {
    display: block;
    font-size: 1.25em;
}

.content-container a.btn-navigation.blue {
    background-color: #a1def8;
    border-radius: 3em;
}

.content-container a.btn-navigation.blue span {
    display: inline-block;
    font-size: 1.25em;
}

.content-container .accordion {
    margin-bottom: 1em;
}

.content-container .accordion > .accordion-item {
    border: none;
    background-color: #EEEEEE;
    border-radius: 1rem;
}

.content-container .accordion h2 {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    min-height: 2em;
    display: flex;
    align-items: center;
}

.content-container .accordion h2:before {
    display: none;
}

.content-container .accordion h2 .accordion-button {
    background-color: #d0e8fc;
    font-size: 1.5rem;
    color: #000;
    font-weight: bold;
    border-radius: 1rem;
    border-bottom-right-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
}

.content-container .accordion h2 .accordion-button:hover {
    color: #da2127;
}

.content-container .accordion h2 .accordion-button:not(.collapsed) {
    /* color: #da2127; */
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.content-container .accordion h2 .accordion-button:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    background: none;
    content: "\f063";
    line-height: 1.5rem;
    color: #000;
}

.content-container .accordion h2 .accordion-button:focus {
    box-shadow: 0 0 0 0.15rem #000;
}

.content-container .accordion h3 .accordion-button:focus {
    box-shadow: 0 0 0 0.15rem #000;
}

.content-container .accordion h2 button {
    position: absolute;
    height: 100%;
    min-height: 2.5em;
}

.content-container .accordion h2 > a {
    position: relative;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    display: block;
    width: calc(100% - 3rem);
    font-size: 1.5rem;
    z-index: 3;
}

.content-container .accordion h2 > a.relative {
    position: relative;
    padding: 0;
    display: inline-flex;
    width: 100%;
    font-size: 1.5rem;
    z-index: 3;
    min-height: 2.75em;
}

.content-container .accordion h2 > span.accordion-button {
    min-height: 2.75em;
}

.content-container .accordion h2 > .accordion-button.relative {
    position: relative;
    min-height: 2.75em;
}

.content-container .accordion h3 {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    min-height: 2em;
    display: flex;
    align-items: center;
}

.content-container .accordion h3:before {
    display: none;
}

.content-container .accordion h3 button {
    position: absolute;
    height: 100%;
    min-height: 2.5em;
}

.content-container .accordion h3 .accordion-button {
    background-color: #d0e8fc;
    font-size: 1.5rem;
    color: #000;
    font-weight: bold;
    border-radius: 1rem;
    border-bottom-right-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
}

.content-container .accordion h3 .accordion-button:hover {
    color: #da2127;
}

.content-container .accordion h3 .accordion-button:not(.collapsed) {
    /* color: #da2127; */
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.content-container .accordion h3 .accordion-button:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    background: none;
    content: "\f063";
    line-height: 1.5rem;
    color: #000;
}

.content-container .accordion h3 > a {
    position: relative;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    display: block;
    width: calc(100% - 3rem);
    font-size: 1.5rem;
    z-index: 3;
}

.content-container .accordion h3 > a.relative {
    position: relative;
    padding: 0;
    display: inline-flex;
    width: 100%;
    font-size: 1.5rem;
    z-index: 3;
    min-height: 2.75em;
}


.content-container .accordion h3 span.accordion-button {
    min-height: 2.75em;
}

.content-container .accordion h3 .accordion-button.relative {
    position: relative;
    min-height: 2.75em;
}

.content-container .accordion a {
    color: #000;
}

.content-container .accordion a:hover {
    color: #da2127;
}

.content-container .accordion ul {
    margin-bottom: 1.5em;
}

.content-container .accordion ul li a {
    font-size: 1.15em;
}

.content-container table.align-middle > tbody > tr > th {
    vertical-align: middle!important;
}

.content-container table.align-middle > tbody > tr > td {
    vertical-align: middle!important;
}

.content-container ul.statistic li {
    display: flex;
}

.content-container ul.statistic li::before {
    margin-left: -1.5em;
}

.content-container ul.statistic li span.title {
    width: 50%;
    display: inline-block;
}


.page .filtering-container {
    background-color: #e6eaf0;
}

.page .filtering-container form {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.page .filtering-container form p {
    color: #375872;
    font-weight: bold;
}

.page .filtering-container form > div > div.form-item:first-child label {
    min-width: 10rem;
}

.page .filtering-container form input[type="text"] {
    width: 20rem;
    margin-left: .25rem;
    border: 1px solid #375872;
    padding: .4rem;
}

.page .result-container h3 {
    margin-top: 1rem;
    color: #375872;
    padding-bottom: 1rem;
    border-bottom: 2px solid #375872;
}

.page table.table caption {
    display: none;
}

.page .result-container table.table {
    border: none;
}

.page .result-container table.table > thead > tr {
    background-color: #fff;
}

.page .result-container table.table > thead > tr > th {
    color: #375872;
    font-weight: bold;
    padding: 0.5rem 0rem;
    font-size: 1.25em;
    border-bottom: none;
    padding-right: 1rem;
}

.page .result-container table.table > thead > tr > th:not(first-child) {
    border-left: 3px solid #FFF;
}

.page .result-container table.table > thead > tr > th:last-child {
    padding-right: 0;
}

.page .result-container table.table > tbody {
    background-color: #fff;
}

.page .result-container table.table > tbody > tr {
    /*margin-top: 1em;*/
    background-color: #FFF;
    /*border-top: 1em #fff solid;*/
}

.page .result-container table.table > tbody > tr:nth-child(even) {
    background-color: #FFF;
}

.page .result-container table.table > tbody > tr > td {
    padding: 1rem 0rem;
    vertical-align: top;
    color: #000;
    font-size: 1em;
    border-bottom: 2px dotted #375872;
    padding-right: 1rem;
    vertical-align: middle;
}

.page .result-container table.table > tbody > tr > td:not(first-child) {
    border-left: 3px solid #FFF;
    /*border-left: none;*/
}

.page .result-container table.table > tbody > tr > td:last-child {
    padding-right: 0;
}

.page .result-container table.table > tbody > tr:nth-child(even)  > td:not(first-child) {
    border-left: 3px solid #FFF;
    /*border-left: none;*/
}

.page .result-container table.table > tbody > tr > td > p {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0;
    padding-bottom: 0;
    font-size: 1.25em;
    color: #666666;
}

.page .result-container table.table > tbody > tr > td > p.date {
    color: #000;
    font-size: 1.25em;
    font-weight: normal;
    white-space: normal;
    color: #666666;
}

.page .result-container table.table > tbody > tr > td > p.title {
    color: #000;
    font-size: 1.25em;
    font-weight: normal;
}

.page .result-container table.table > tbody > tr > td > p > a {
    color: #000;
}

.page .result-container table.table > tbody > tr > td > p > a:hover {
    color: #002A63;
}

.page .result-container table.table > tbody > tr > td > p.title span.indicator {
    margin-left: 0.5rem;
    color: #C70000;
}

.page .section-container {
    margin-top: .5rem;
    margin-bottom: 2rem;
    padding: 0;
}

.page .section-container {
    max-width: 1920px;
}

.page .section-container .row {
    padding-bottom: 1rem;
}

.page .section-container .grid {
    -webkit-box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 50%);
    box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 50%);
    /*max-width: 450px;*/
    padding: 0;
    margin-left: .5rem;
    margin-right: .5rem;
    width: 100%;
}

.page .section-container .grid > .content {
    height: 100%;
}

.page .section-container .col-xl-3 {
    /*width: calc(25% - 16px);*/
}

.page .section-container .grid a:hover {
    background-color: #e6eaf0;
}

.page .section-container .grid a span {
    max-width: 100%;
    /*max-height: 450px;*/
    overflow: hidden;
    display: block;
    width: 100%;
}

.page .section-container .grid a span.img-container {
    /*width: 22.60416vw;*/
    /*height: 22.60416vw;*/
}

.page .section-container .grid a span img {
    transition: 0.5s all ease-in-out;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page .section-container .grid a:hover span img {
    transform: scale(1.25);
}

.page .section-container .grid a span {
    margin-bottom: 0;
}

.page .section-container .grid a {
    color: #3D5771;
    font-weight: bold;
    font-size: 1.15em;
    text-decoration: none;
    display: block;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.page .section-container .grid a .title {
    padding: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    transition: .5s;
    text-align: center;
    flex: 1;
}

.page .section-container .grid a:hover .title {
    text-decoration: underline;
    color: #002A63;
}

.page .section-container .grid a span.indicator {
    margin-left: 0.5rem;
    color: #C70000;
    display: inline-block;
    vertical-align: bottom;
}




.content-container .school-type {
    margin-bottom: 1rem;
}

.content-container .school-type > div {
    text-align: center;
    margin-bottom: .5rem;
}

.content-container .school-type > div > a {
    color: #000;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    padding: 0 1rem;
    padding-bottom: 1rem;
    /* display: flex; */
    /* flex-direction: column; */
    transition: 0.5s all;
}

.content-container .school-type > div > a:hover {
    text-decoration: none;
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    color: #B12E37;
}

.content-container .school-type > div > a:before {
    content: '';
    border-top: 4px solid #B12E37;
    width: 0;
    transition: .5s;
    margin-left: 50%;
    top: 0;
    margin-bottom: 1rem;
    display: block;
}

.content-container .school-type > div > a:focus:before, .content-container .school-type > div > a:hover:before {
    width: 100%;
    margin-left: 0;
}

.content-container .school-type > div > a:hover img {
    margin-top: 0rem;
    margin-bottom: 0.5rem;
}
.content-container .school-type > div > a img {
    margin-top: 0.5rem;
    margin-bottom: 0;
    transition: .3s all;
}


.page .control-container {
    margin-top: 2rem;
}

.page .control-container a {
    color: #fff;
    font-size: 1em;
}

.page .control-container .prevButton a, .page .control-container .nextButton a {
    color: #002A63;
    text-decoration: none;
    font-size: 1.25em;
    color: #fff;
}

.page .control-container .prevButton a:hover, .page .control-container .nextButton a:hover {
    text-decoration: underline;
}

.page .control-container .prevButton a span {
    margin-left: 0rem;
    margin-right: 0rem;
    transition: .5s all;
}

.page .control-container .prevButton a:hover span {
    margin-left: 0rem;
    margin-right: 0.5rem;
}

.page .control-container .nextButton a span {
    margin-left: 0rem;
    margin-right: 0rem;
    transition: .5s all;
}

.page .control-container .nextButton a:hover span {
    margin-left: 0.5rem;
    margin-right: 0rem;
}

.page .back-container {
    margin-bottom: 1rem;
}

.page .back-container a.btn {
    margin-right: 4em;
}

.page-detail {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.page-detail .container {
    max-width: 1010px;
    background: -prefix-linear-gradient(#febecc, #ff5593) !important;
    background: linear-gradient(#febecc, #ff5593) !important;
    padding: 4px !important;
}

.page-detail .container .content {
    background-color: #fff;
    margin: 0;
    padding: 1.5rem;
}


.page-detail .breadcrumb-container {
    margin-top: 0;
}


/** Icon **/
.content-container a.download {
    text-indent: -9999px;
    background-image: url(../../images/blank_icon.png);
    height: 39px;
    width: 37px;
    white-space: normal;
    display: inline-block;
    margin-bottom: 0.25em;
    padding-left: 1.8em;
}
.content-container a.pdf {
    background-image: url(../../images/pdf_icon.png);
}

.content-container a.word {
    background-image: url(../../images/docx_icon.png);
}

.content-container a.excel {
    background-image: url(../../images/xlsx_icon.png);
}

.content-container a.powerpoint {
    background-image: url(../../images/pptx_icon.png);
}

.content-container a.image {
    background-image: url(../../images/jpg_icon.png);
}

.content-container a.ai {
    background-image: url(../../images/ai_icon.png);
}

.content-container a.sound {
    background-image: url(../../images/sound_icon.png);
}

.content-container a.video {
    background-image: url(../../images/video_icon.png);
}

.content-container a.ai {
    background-image: url(../../images/ai_icon.png);
}

.content-container a.blank {
    background-image: url(../../images/blank_icon.png);
}

.content-container a.map {
    background-image: url(../../images/map_icon.png);
}

.content-container a.eform {
    background-image: url(../../images/eform_icon.png);
}

.content-container a.lang {
    background-image: url(../../images/lang_icon.png);
}

.content-container a.link {
    background-image: url(../../images/link_icon.png);
}


/** SCCS **/

.content-container .sccs ul {
    display: flex;
    margin: 0;
    padding: 0;
}

.content-container .sccs ul li {
    list-style: none;
    margin: 0.5em;
}

.content-container .sccs ul li:first-child {
    margin-left: 0;
}

.content-container .sccs ul li:last-child {
    margin-right: 0;
}

.content-container .sccs ul li::before {
    display: none;
}

.content-container .sccs ul li button {
    background-color: #da2127;
    color: #fff;
    font-size: 1.5em;
}

.content-container .sccs ul li button.active {
    background-color: #B12E;
}

.content-container .sccs .radio-group .btn-check:checked+.btn, .content-container .sccs .radio-group .btn.active, .btn.show, .content-container .sccs .radio-group .btn:first-child:active, .content-container .sccs .radio-group :not(.btn-check)+.btn:active {
    background-color: #fff;
    color: #B12E;
    margin-bottom: .5em;
}


/** End of SCCS **/


/** Sitemap **/

.page .content .sitemap .card {
    border-radius: 0;
}

.page .content .sitemap .card .card-header {
    background-color: #ffd0b6;
    border-radius: 0;
}

.page .content .sitemap .card .card-header a {
    color: #000;
    font-weight: bold;
    font-size: 1.25em;
    text-decoration: none;
    display: block;
}

.page .content .sitemap .card .card-header a:hover {
    text-decoration: underline;
}

/** End of Sitemap **/


/** IFPEOI **/

.page .content .ifpeoi .form-control {
    border-radius: 0;
    line-height: 2;
}

.page .content .ifpeoi .form .form-label:after {
    content: ' :';
}

.page .content .ifpeoi .form .form-label.data:after {
    display: none;
}

.captcha_play_button div {
    display: inline-flex;
    width: 1.25em;
    justify-content: center;
    align-items: center;
}

.captcha_play_button span {
    margin: 0;
}

.captcha_play_button:hover span {
    margin: 0;
}

.captcha_play_button span.spinner-border-sm {
    --bs-spinner-width: 1.25rem;
    --bs-spinner-height: 1.25rem;
    --bs-spinner-border-width: 0.2em;
}

/** End of IFPEOI **/


/** School **/
.page .page.school {
    background-color: #F9F7F9;
    margin-top: 0;
    margin-bottom: 2rem;
    padding: 2rem 0;
}

.page .page.school .result .bd-highlight {
    width: calc(100% / 5);
    text-align: center;
    padding: 0 !important;
    margin-bottom: 1rem;
}

.page .page.school .result .bd-highlight {
    /*border-left: 1px solid #AAAAAA;*/
    /*border-right: 1px solid #AAAAAA;*/
}

.page .page.school .result .bd-highlight a {
    color: #000;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #F9F7F9;
    padding: 0 1rem;
    padding-bottom: 1rem;
    /*display: flex;*/
    /*flex-direction: column;*/
    transition: 0.5s all;
}

.page .page.school .result .bd-highlight a:before {
    content: '';
    border-top: 4px solid #b50864;
    width: 0;
    transition: .5s;
    margin-left: 50%;
    top: 0;
    margin-bottom: 1rem;
    display: block;
}

.page .page.school .result .bd-highlight a:focus:before, .page .page.school .result .bd-highlight a:hover:before {
    width: 100%;
    margin-left: 0;
}

/*.page .page.school .result .bd-highlight a:after {*/
/*    content: '';*/
/*    border-bottom: 4px solid #b50864;*/
/*    width: 0;*/
/*    transition: .5s;*/
/*    margin-left: 50%;*/
/*    top: 0;*/
/*    margin-top: 1rem;*/
/*    display: block;*/
/*}*/

/*.page .page.school .result .bd-highlight a:focus:after, .page .page.school .result .bd-highlight a:hover:after {*/
/*    width: 100%;*/
/*    margin-left: 0;*/
/*}*/


.page .page.school .result .bd-highlight a:hover {
    text-decoration: none;
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
}

.page .page.school .result .bd-highlight a img {
    margin-top: .5rem;
    margin-bottom: 0;
    transition: .3s all;
    /*flex-grow: 1;*/
}

.page .page.school .result .bd-highlight a:focus img, .page .page.school .result .bd-highlight a:hover img {
    margin-top: 0rem;
    margin-bottom: .5rem;
    /*flex-grow: 1;*/
}

.page .page.school .result .bd-highlight a span {
    /*flex-grow: 1;*/
}

.page .page.school .result .bd-highlight a span {
    /*transition: 0.5s all;*/
    display: block;
    margin-top: .5rem;
}

.page .page.school .result .bd-highlight a:hover span {
    /*background-color: #f0f0f0;*/
}

.page .page.school.details {
    background-color: transparent;
    background: url(../../images/school_background.png);
    background-position: top center;
    background-position-y: 240px;
    background-repeat: no-repeat;
    background-size: contain;
}

.page .page.school.details .category {
    text-align: center;
    font-size: .9em;
}

.page .page.school.details h3 {
    font-size: 1.75em;
}

.page .page.school.details .content-container .content {
    background-color: #F9F2F3;
    padding: 2rem;
    position: relative;
    padding-top: 7rem;
}

.page .page.school.details .content-container .content .highlight {
    position: absolute;
    left: 0;
    top: 1.5rem;
    background-color: #B50864;
    color: #fff;
    font-weight: bold;
    font-size: 1.75em;
    padding: .5rem 1.5rem;
}

/** End of School **/


/** Whatsnew **/

.whatsnew .result table {
    margin-top: 0rem;
    margin-bottom: 1rem;
    /*background: -prefix-linear-gradient(left, #0067ea, #30dcdc) !important;*/
    /*background: linear-gradient(to right, #0067ea, #30dcdc) !important;*/
    width: 100%;
}

.whatsnew .result table > thead > tr {
    background-color: #002A63;
}

.whatsnew .result table > thead > tr > th {
    color: #fff;
    font-weight: bold;
    padding: 0.5rem 2rem;
    font-size: 1.25em;
    border-left: 4px solid #FFF;
}

.whatsnew .result table > thead > tr > th:not(first-child) {
    border-left: 4px solid #FFF;
}

.whatsnew .result table > tbody {
    background-color: #fff;
}

.whatsnew .result table > tbody > tr {
    /*margin-top: 1em;*/
    background-color: #FFF  ;
    /*border-top: 1em #fff solid;*/
}

.whatsnew .result table > tbody > tr:nth-child(even) {
    background-color: #DDDDDD;
}

.whatsnew .result table > tbody > tr > td {
    padding: 1rem 2rem;
    vertical-align: top;
    color: #000;
}

.whatsnew .result table > tbody > tr > td:not(first-child) {
    border-left: 4px solid #FFF;
}

.whatsnew .result table > tbody > tr:nth-child(even) > td:not(first-child) {
    border-left: 4px solid #FFF;
}

.whatsnew .result table > tbody > tr > td > p {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0;
    padding-bottom: 0;
}

.whatsnew .result table > tbody > tr > td > p.date {
    color: #000;
    font-size: 1.25em;
    font-weight: normal;
    white-space: pre;
}

.whatsnew .result table > tbody > tr > td > p.title {
    color: #000;
    font-size: 1.25em;
    font-weight: normal;
}

.whatsnew .result table > tbody > tr > td > p > a {
    color: #000;
}

.whatsnew .result table > tbody > tr > td > p > a:hover {
    color: #002A63;
}

.whatsnew .result table > tbody > tr > td > p.title span.indicator {
    margin-left: .5rem;
    color: #C70000;
}

/** End of Whatsnew **/


/** Programmes **/

.page.programme .content-container a.btn {
    text-decoration: none;
}

/** End of Programmes **/





/** Page **/

.content-container table {
    border: none;
    margin-bottom: 2em;
    width: 100%;
}

.content-container table > thead > tr {
    /* background-color: #da2127; */
    /* background-color: #B12E37; */
    background-color: #ffd0b6;
    --bs-table-bg: #ffd0b6;
}

.content-container table > thead > tr > th {
    color: #000;
    font-weight: bold;
    padding: 0.25em 1em;
    font-size: 1.1em;
    border-bottom: 1px solid #fff;
}

.content-container table > thead > tr > th:not(first-child) {
    border-left: 1px solid #FFF;
}

.content-container table > tbody {
    background-color: #fff;
}

.content-container table > tbody > tr {
    /*margin-top: 1em;*/
    background-color: #f4f4f4;
    --bs-table-bg: #f4f4f4;
    /*border-top: 1em #fff solid;*/
}

.content-container table > tbody > tr:nth-child(even) {
    background-color: #fafafa;
    --bs-table-bg: #fafafa;
}

.content-container table > tbody > tr > th {
    padding: .25em 1em;
    /* background-color: #da2127; */
    /* background-color: #b12e37; */
    background-color: #ffd0b6;
    vertical-align: top;
    color: #000;
    font-size: 1em;
    border-bottom: none;
    border-bottom: 1px solid #FFF;
}


.content-container table > tbody > tr > td {
    padding: .25em 1em;
    vertical-align: top;
    color: #000;
    font-size: 1em;
    border-bottom: none;
    border-bottom: 1px solid #FFF;
}

.content-container table > tbody > tr > td:not(first-child) {
    border-left: 1px solid #FFF;
}

.content-container table > tbody > tr:nth-child(even)  > td:not(first-child) {
    border-left: 1px solid #FFF;
}

.content-container table > tbody > tr > td > p {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0;
    padding-bottom: 0;
    font-size: 1em;
}

.content-container table > tbody > tr > td > p.date {
    color: #000;
    font-size: 1.25em;
    font-weight: normal;
    white-space: pre;
}

.content-container table > tbody > tr > td > p.title {
    color: #000;
    font-size: 1.25em;
    font-weight: normal;
}

.content-container table > tbody > tr > td > p > a {
    color: #000;
}

.content-container table > tbody > tr > td > p > a:hover {
    color: #002A63;
}

.content-container table > tbody > tr > td > p.title span.indicator {
    margin-left: 0.5rem;
    color: #C70000;
}

.content-container table > tbody > tr > td span.co-host {
    font-weight: bold;
    color: #C70000;
}





.content-container table.table {
    border: none;
    margin-bottom: 2em;
}

.content-container table.table > thead > tr {
    /* background-color: #da2127; */
    /* background-color: #B12E37; */
    background-color: #ffd0b6;
    --bs-table-bg: #ffd0b6;
}

.content-container table.table > thead > tr > th {
    color: #000;
    font-weight: bold;
    padding: 0.25em 1em;
    font-size: 1.1em;
    border-bottom: 1px solid #fff;
}

.content-container table.table > thead > tr > th:not(first-child) {
    border-left: 1px solid #FFF;
}

.content-container table.table > tbody {
    background-color: #fff;
}

.content-container table.table > tbody > tr {
    /*margin-top: 1em;*/
    background-color: #f4f4f4;
    --bs-table-bg: #f4f4f4;
    /*border-top: 1em #fff solid;*/
}

.content-container table.table > tbody > tr:nth-child(even) {
    background-color: #fafafa;
    --bs-table-bg: #fafafa;
}

.content-container table.table > tbody > tr > th {
    padding: .25em 1em;
    /* background-color: #da2127; */
    /* background-color: #b12e37; */
    background-color: #ffd0b6;
    vertical-align: top;
    color: #000;
    font-size: 1em;
    border-bottom: none;
    border-bottom: 1px solid #FFF;
}


.content-container table.table > tbody > tr > td {
    padding: .25em 1em;
    vertical-align: top;
    color: #000;
    font-size: 1em;
    border-bottom: none;
    border-bottom: 1px solid #FFF;
}

.content-container table.table > tbody > tr > td:not(first-child) {
    border-left: 1px solid #FFF;
}

.content-container table.table > tbody > tr:nth-child(even)  > td:not(first-child) {
    border-left: 1px solid #FFF;
}

.content-container table.table > tbody > tr > td > p {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0;
    padding-bottom: 0;
    font-size: 1em;
}

.content-container table.table > tbody > tr > td > p.date {
    color: #000;
    font-size: 1.25em;
    font-weight: normal;
    white-space: pre;
}

.content-container table.table > tbody > tr > td > p.title {
    color: #000;
    font-size: 1.25em;
    font-weight: normal;
}

.content-container table.table > tbody > tr > td > p > a {
    color: #000;
}

.content-container table.table > tbody > tr > td > p > a:hover {
    color: #002A63;
}

.content-container table.table > tbody > tr > td > p.title span.indicator {
    margin-left: 0.5rem;
    color: #C70000;
}

.content-container table.table > tbody > tr > td span.co-host {
    font-weight: bold;
    color: #C70000;
}


.content-container table.border {
    border: none;
    width: 100%;
}

.content-container table.border > thead > tr > th {
    border: 1px solid #000;
    padding: .5rem;
}

.content-container table.border > tbody > tr > td {
    border: 1px solid #000;
    padding: .5rem;
}




.content-container .filter .form-item {
    display: inline-block;
    margin-bottom: 1rem;
    margin-right: 1em;
}

.content-container .filter label {
    font-size: 1.25em;
    font-weight: bold;
}

.content-container select {
    background: #fff;
    font-size: 1em;
    padding: 0.4rem;
    padding-right: 3em;
    border: 1px solid #da2127;
    border-radius: 0em;
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    padding-left: 1em;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin-left: 0.25em;
    background-image: linear-gradient(45deg, transparent 50%, white 50%),
    linear-gradient(135deg, white 50%, transparent 50%),
    linear-gradient(to right, #da2127, #da2127);
    background-position: calc(100% - 22px) calc(1em + 0px),
    calc(100% - 12px) calc(1em + 0px),
    100% 0;
    background-size: 10px 10px,
    10px 10px,
    2.5em 2.5em;
    background-repeat: no-repeat;
    max-width: 100%;
    transition: .5s;
    cursor: pointer;
}

.content-container select:hover {
    border: 1px solid #b12e37;
    background-image: linear-gradient(45deg, transparent 50%, white 50%),
    linear-gradient(135deg, white 50%, transparent 50%),
    linear-gradient(to right, #b12e37, #b12e37);
}

.content-container .filter .btn {
    vertical-align: unset;
    background: #da2127;
    color: #fff;
    /* font-size: 1.15em; */
    text-decoration: none;
    border-color: #da2127;
}

.content-container .filter .btn:hover {
    background: #b12e37;
}

.content-container .filter .btn.btn-secondary span {
    margin-left: 0rem;
    margin-right: 0.5rem;
}

.content-container .filter .btn.btn-secondary:hover span {
    margin-left: 0.5rem;
    margin-right: 0rem;
}

.content-container .btn.btn-danger {
    border-radius: 0;
    background-color: #da2127;
    border-color: #da2127;
    padding: .25em .5em;
    padding: 0.35em 0.5em;
    font-size: 1em;
    vertical-align: top;
}

.content-container .btn.btn-danger:hover {
    background-color: #b12e37;
    border-color: #b12e37;
}

.content-container .btn:focus-visible {
    box-shadow: 0 0 0 0.15rem #000;
}

.content-container figcaption {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0;
}

/** End of Page **/



/** Organisation Chart **/

.org-chart {
    max-width: 1200px;
    margin: 0 auto;
}

.org-chart.full-width {
    max-width: unset;
}

.org-chart ul {
    list-style: none;
    padding: 0;
    position: relative;
    margin: 0;
    padding-inline-start: 0 !important;
}

.org-chart ul li{
    list-style: none;
}

.org-chart ul li:before {
    display: none !important;
}

.org-chart ul.lv1 {
    display: block;
    text-align: center;
}

.org-chart ul.lv1 > li {
    text-align: unset;
}

.org-chart ul.lv1 > li:after {
    content: '';
    background: #000;
    display: block;
    position: absolute;
    height: 185px;
    width: 1px;
    top: 50px;
    left: 50%;
    z-index: 5;
}

.org-chart ul.lv1 > li > .item:after {
    content: '';
    background: #000;
    display: block;
    position: absolute;
    height: 20px;
    width: 1px;
    /* top: 50px; */
    /* top: 0; */
    left: 50%;
    z-index: 0;
}

.org-chart.full-width ul.lv1 > li:after {
    height: 155px;
    display: none;
}

.org-chart ul.lv2 {
    position: relative;
    display: flex;
    margin-top: 0;
}

.org-chart ul.lv1 > li > ul.lv2:before {
    content: '';
    background: #000;
    display: block;
    position: absolute;
    height: 35px;
    width: 1px;
    /* top: 50px; */
    top: 0;
    margin-top: -30px;
    left: 50%;
    z-index: 5;
    display: none;
}

.org-chart ul.lv2 > li {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px !important;
    text-align: right;
    flex: 1;
    position: relative;
}

.org-chart ul.lv2 > li.col-abs {
    position: absolute;
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    right: 0;
    width: 50%;
}

.org-chart ul.lv2 > li:first-child {
    text-align: left;
}

.org-chart ul.lv2:before {
    content: '';
    background: #000;
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    top: 75px;
    z-index: 5;
    display: none;
}

.org-chart ul.lv2 > li:before {
    content: '';
    background: #000;
    display: block !important;
    position: absolute;
    width: 1px;
    height: 20px;
    top: -5px;
    left: calc(50%);
    z-index: 40;
}

.org-chart ul.lv2 > li.col-abs:before {
    display: none !important;
}

.org-chart ul.lv2 > li:after {
    content: '';
    background: #000;
    display: block !important;
    position: absolute;
    width: 100%;
    height: 1px;
    top: -5px;
    z-index: 40;
    left: 0;
}

.org-chart ul.lv2 > li.left-empty:after {
    width: 50%;
    left: 50%;
}

.org-chart ul.lv2 > li:first-child:after {
    content: '';
    background: #000;
    display: block !important;
    position: absolute;
    width: calc(50% + 15px);
    height: 1px;
    top: -5px;
    z-index: 40;
    left: calc(50% + 1px);
}

.org-chart ul.lv2 > li:first-child.empty:after {
    width: 100%;
    left: 0;
}


.org-chart ul.lv2 > li:first-child.empty.nochild:after {
    display: none !important;
}

.org-chart ul.lv2 > li:last-child:after {
    content: '';
    background: #000;
    display: block !important;
    position: absolute;
    width: calc(50% + 1px);
    height: 1px;
    top: -5px;
    z-index: 40;
    left: 0;
}

.org-chart ul.lv2.single > li:last-child:after {
    display: none !important;
}

/* .org-chart ul.lv2 > li:has(> *:nth-child(1)):after {
    display: none !important;
} */

/* .org-chart ul.lv2 > li.empty.all {
    margin-top: 0 !important;
} */

.org-chart ul.lv2 > li.empty.all:after {
    display: none !important;
}

.org-chart ul.lv2 > li.col-abs:after {
    content: '';
    background: #000;
    display: block;
    position: absolute;
    width: calc(100% - 40px);
    height: 1px;
    top: 40px;
    left: 0px;
    z-index: 5;
}

.org-chart .item {
    display: inline-block;
    width: 370px;
    background: #fef4eb;
    text-align: center;
    position: relative;
    z-index: 80;
    margin: 15px 15px;
    border-bottom-right-radius: 1em;
}

.org-chart .lv2 .item {
    background: #fbfbfd;
    width: calc(100% - 30px);
}

.org-chart .lv2 > li > .item > .content {
    min-height: 105px;
}

.org-chart .lv2 > li > .item .content:before {
    content: '';
    background: #000;
    display: block;
    position: absolute;
    width: 15px;
    height: 1px;
    bottom: 20px;
    left: -15px;
    z-index: 5;
}

.org-chart .lv2 > li.nochild > .item .content:before {
    display: none;
}

.org-chart .lv2 > li > .item .content:after {
    content: '';
    background: #000;
    display: block;
    position: absolute;
    width: 1px;
    height: 20px;
    bottom: 0;
    left: -15px;
    z-index: 5;
}

.org-chart .lv2 > li.nochild > .item .content:after {
    display: none !important;
}

.org-chart .lv2 > li:first-child.empty > .item .content:after {
    display: none !important;
}

.org-chart .lv2 > li > .item.no-child .content:before {
    display: none;
}

.org-chart .lv2 > li > .item.no-child .content:after {
    display: none;
}
.org-chart .lv2 > li.empty > .item .content:before {
    display: none;
}

.org-chart .lv2 > li.empty:before {
    content: '';
    background: #000;
    display: block !important;
    position: absolute;
    width: 1px;
    height: 160px;
    top: -5px;
    left: 0;
    z-index: 40;
    display: none!important;
}

.org-chart ul.lv2 > li.empty:last-child:after {
    content: '';
    background: #000;
    display: block !important;
    position: absolute;
    width: calc(50% + 1px);
    height: 1px;
    top: -5px;
    z-index: 40;
    left: 0;
    display: none!important;
}

.org-chart .lv2 > li.empty > .item {
    background: #fbfbfd;
}

.org-chart .lv2 > li.empty > .item:before {
    content: '';
    background: #000;
    display: block !important;
    position: absolute;
    width: 1px;
    height: 190px;
    top: -20px;
    left: -15px;
    z-index: 40;
}

.org-chart .lv2 > li.nochild > .item:before {
    display: none !important;
}

.org-chart .lv2 > li:first-child.empty > .item:before {
    height: 170px;
}

.org-chart .lv2 > li:first-child.empty.nochild > .item:before {
    display: none !important;
}

.org-chart .lv2 > li.empty.all > .item {
    display: none !important;
}

.org-chart .lv2 > li.empty > .item > .title {
    background: #fff;

}

.org-chart .lv2 > li.empty > .item > .content {
    background: #fff;
}

.org-chart .lv3 .item {
    background: #f8f9fd;
}

.org-chart .item .title {
    background-color: #ff9140;
    font-weight: bold;
    padding: .5em 1em;
}

.org-chart .item .title a {
    font-size: 1em;
}

.org-chart .lv2 .item .title {
    background-color: #8bc5d9;
    min-height: 80px;
}

.org-chart .col-abs .item .title {
    background-color: #ffbd8d;
}

.org-chart .lv3 .item .title {
    background-color: #a7cc89;
    min-height: unset;
}

.org-chart .lv3 > li.empty > .item {
    background: #fbfbfd;
}

.org-chart .lv3 > li.empty > .item:before {
    content: '';
    background: #000;
    display: block !important;
    position: absolute;
    width: 1px;
    height: 160px;
    top: -20px;
    left: -15px;
    z-index: 40;
}

.org-chart .lv3 > li.empty > .item > .title {
    background: #fff;
}

.org-chart .lv3 > li.empty > .item > .content {
    background: #fff;
    min-height: 76px;
}

.org-chart ul.lv2 .empty.all .lv3 > li:before {
    content: '';
    background: #000;
    display: block !important;
    position: absolute;
    width: 1px;
    height: 20px;
    top: -5px;
    left: calc(50%);
    z-index: 40;
}

.org-chart ul.lv2 .empty.all .lv3 > li:after {
    content: '';
    background: #000;
    display: block !important;
    position: absolute;
    width: 100%;
    height: 1px;
    top: -5px;
    z-index: 40;
    left: 0;
}

.org-chart ul.lv2 li:first-child.empty.all .lv3 > li:after {
    content: '';
    background: #000;
    display: block !important;
    position: absolute;
    width: calc(50% + 15px);
    height: 1px;
    top: -5px;
    z-index: 40;
    left: calc(50% + 1px);
}

.org-chart ul.lv2 li:last-child.empty.all .lv3 > li:after {
    content: '';
    background: #000;
    display: block !important;
    position: absolute;
    width: calc(50% + 1px);
    height: 1px;
    top: -5px;
    z-index: 40;
    left: 0;
}

.org-chart ul.lv2.single li:last-child.empty.all .lv3 > li:after {
    display: none !important;
}

.org-chart ul.lv2 .empty.all .lv3 > li.empty:before {
    display: none !important;
}

.org-chart ul.lv2 li:last-child.empty.all .lv3 > li.empty:after {
    display: none !important;
}

.org-chart .lv3 .item .title:before {
    content: '';
    background: #000;
    display: block;
    position: absolute;
    width: 15px;
    height: 1px;
    top: 20px;
    left: -15px;
    z-index: 5;
}

.org-chart .lv3 .item .title:after {
    content: '';
    background: #000;
    display: block;
    position: absolute;
    width: 1px;
    height: 60px;
    top: -40px;
    left: -15px;
    z-index: 5;
}

.org-chart ul.lv2 .empty.all .lv3 .item .title:before {
    display: none;
}

.org-chart ul.lv2 .empty.all .lv3 .item .title:after {
    display: none;
}

.org-chart .lv4 .item .title {
    background-color: #ccc589;
}

.org-chart .lv4 .item .title:before {
    content: '';
    background: #000;
    display: block;
    position: absolute;
    width: 15px;
    height: 1px;
    top: 20px;
    left: -15px;
    z-index: 5;
}

.org-chart ul.lv2 .empty.all .lv4 .item .title:before {
    display: block;
}


.org-chart .lv3 > li.empty > .lv4 .item .title:before {
    display: block !important;
    /* top: 32px; */
}

.org-chart .lv4 .item .title:after {
    content: '';
    background: #000;
    display: block;
    position: absolute;
    width: 1px;
    height: 60px;
    top: -40px;
    left: -15px;
    z-index: 5;
}

.org-chart ul.lv2 .empty.all .lv4 .item .title:after {
    display: block;
}

.org-chart .item .content {
    font-size: 1em;
    padding: 0 1em;
}

.org-chart .lv3 .item .content:after {
    content: '';
    background: #000;
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    bottom: 0px;
    left: -15px;
    z-index: 5;
}

.org-chart .lv3 > li:last-child .item .content:after {
    display: none;
}

.org-chart .lv3 .item.child .content:before {
    content: '';
    background: #000;
    display: block;
    position: absolute;
    width: 15px;
    height: 1px;
    bottom: 20px;
    left: -15px;
    z-index: 5;
}

.org-chart .lv3 > li ul.lv4 li .item .content:after {
    content: '';
    background: #000;
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    bottom: 0px;
    left: -15px;
    z-index: 5;
}

.org-chart .lv3 > li ul.lv4 li:last-child .item .content:after {
    display: none;
}

.org-chart .lv3 > li:last-child .item.child .content:after {
    content: '';
    background: #000;
    display: block;
    position: absolute;
    width: 1px;
    height: 20px;
    bottom: 0;
    left: -15px;
    z-index: 5;
}

.org-chart .item .content span {
    display: block;
}

.org-chart .item .content span:first-child {
    padding-top: .5em;
}

.org-chart .item .content span:last-child {
    padding-bottom: .5em;
}

.org-chart .item .content span.post {
    color: #D33636;
}

/** End of Organisation Chart **/


.text-underline {
    text-decoration: underline;
}




.page .pager {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.page .pager ul {
    list-style-type: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 0;
}

.page .pager ul li {
    display: inline-block;
    border-right: 1px solid #fff;
    background: #e6eaf0;
}

.page .pager ul li:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.page .pager ul li:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.page .pager ul li.ellipsis {
    background: none;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.page .pager ul li a {
    display: block;
    padding: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    color: #3D5771;
    font-weight: bold;
    font-size: 1em;
}

.page .pager ul li a.active, .page .pager ul li a:hover {
    transition: 0.5s;
    background: #002A63;
    text-decoration: none;
    color: #fff;
}

.w-5 {
    width: 5%!important;
}

.w-10 {
    width: 10%!important;
}

.w-15 {
    width: 15%!important;
}

.w-20 {
    width: 20%!important;
}

.w-25 {
    width: 25%!important;
}

.w-30 {
    width: 30%!important;
}

.w-35 {
    width: 35%!important;
}

.w-40 {
    width: 40%!important;
}

.w-45 {
    width: 45%!important;
}

.w-50 {
    width: 50%!important;
}

.w-55 {
    width: 55%!important;
}

.w-60 {
    width: 60%!important;
}

.w-65 {
    width: 65%!important;
}

.w-70 {
    width: 70%!important;
}

.w-75 {
    width: 75%!important;
}

.w-80 {
    width: 80%!important;
}

.w-85 {
    width: 85%!important;
}

.w-90 {
    width: 90%!important;
}

.w-95 {
    width: 95%!important;
}

.w-100 {
    width: 100%!important;
}

select:focus option:checked {
    background: #002A63;
    color: #fff;
}

.fancybox-caption__body {
    font-size: 1.25em;
}

figure.image img {
    height: auto;
    width: auto;
}

#popupModel {
    height: 100vh;
    /* width: auto;
    padding: 0 !important; */
}


@media print {

    body {
        -webkit-print-color-adjust: exact !important;
        font-size: 10px;
    }

    h1 {
        display: block;
    }

    #skipToContent, .page .back-container, .banner-container, .breadcrumb-container nav ul, .backtotop {
        display: none !important;
    }

    .container {
        max-width: 1140px !important;
    }

    @supports (-moz-appearance:none) {
        .container {
            max-width: 992px !important;
        }
    }

    header {
        position: relative !important;
    }

    header .navbar-brand img.d-lg-block {
        display: block !important;
    }

    header .navbar-brand img.d-lg-none {
        display: none !important;
    }

    .home-container .col-12.slider1 {
        /* display: none; */
        /* width: 50% !important; */
    }

    .home-container .col-12.slider1 img {
        width: 100% !important;
    }

    .home-container .col-12.slider1 .swiper-wrapper .swiper-slide {
        width: 100% !important;
    }

    .home-container .col-12.slider2 .swiper-wrapper {
        padding: 1em;
    }

    .home-container .col-12.slider2 .swiper-wrapper .swiper-slide {
        width: 100% !important;
    }

    .home .slider2 p.title {
        padding-top: .5em;
        padding-bottom: 1em;
    }

    .home-container .col-12.service .justify-content-center > .col-12 {
        width: 33.33% !important;
    }

    .home-container .col-12.service .justify-content-center > .col-12 .card .col-12:first-child {
        width: 33.33%;
    }

    .home-container .col-12.service .justify-content-center > .col-12 .card .col-12:last-child {
        width: 66.66%;
    }

    .home .project .swiper {
        width: 90%;
    }

    .home .thematic .swiper-container .swiper-element {
        padding: 2em 2em;
    }


    .home-slider {
        display: none;
    }

    .breadcrumb-container a.btn {
        display: none;
    }

    header nav:nth-child(2) {
        display: block;
    }

    .home-section1a {
        min-height: 350px;
        max-width: 100%;
    }

    .home-section1a > .container > .row > div {
        max-width: 100%;
    }

    .home-section1a .owl-item {
        opacity: 0;
    }

    .home-section1a .owl-item.active {
        opacity: 1;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 1140px !important;
    }

    @supports (-moz-appearance:none) {
        .home-section1a .owl-item.active {
            width: 992px !important;
        }
    }

    .home-section1a .owl-item.active > .item {
        /*width: 100% !important;*/
        margin-left: auto !important;
        margin-right: auto !important;
        /*margin-left: 40% !important;*/
    }

    .owl-nav {
        display: none;
    }

    .home-section1b {
        max-width: 100%;
        border-left: none;
    }

    .owl-item {
        /*margin-left: 0 !important;*/
        /*margin-right: 0 !important;*/
    }

    main.page {
        font-size: .9em;
    }

    .content-container .accordion h2 .accordion-button {
        font-size: 1.25rem;    
    }

    .content-container .accordion h3 .accordion-button {
        font-size: 1em;
    }

    .content-container .accordion h3 .accordion-button {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .accordion-item:last-of-type .accordion-button.collapsed {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .content-container .accordion .accordion-button:after {
        display: none;
    }

    .page select {
        background: none;
    }

    .page .btn.btn-danger {
        display: none;
    }

    /* .content-container table.table {
        border: none;
        margin-bottom: 2em;
        margin-left: 1em; 
        margin-right: 1em;
        width: calc(100% - 2em);
    } */

    .content-container h2:before {
        width: 48px !important;
        height: 32px !important;
        background-size: 360px !important;
        background-position-y: -54px !important;
        /* left: .75em; */
        top: -.25em;
    }

    .content-container h3:before {
        content: ' ';
        display: inline-block;
        position: absolute;
        left: 0;
        width: 36px !important;
        height: 40px !important;
        background: url(../../images/icon.png);
        background-size: 600px !important;
        background-position-y: -145px !important;
        /* left: .75em; */
        top: -1em;
    }

    .content-container .accordion > .accordion-item {
        background-color: transparent;
        border: 1px solid #EEEEEE;
    }

    .cat-icon-css {
        min-height: unset !important;
    }

    .collapse:not(.show) {
        display: block;
    }

    .org-chart ul.lv2 > li:before {
        left: calc(50%);
    }

    .org-chart ul.lv2 .empty.all .lv3 > li:before {
        left: calc(50%);
    }    

    .org-chart .lv3 > li.empty > .item:before {
        height: 140px;
    }

    .org-chart .lv3 > li.empty > .item > .content {
        min-height: 43px;
    }

    .en .org-chart .lv3 > li.empty > .item:before {
        height: 140px;
    }

    .en .org-chart .lv3 > li.empty > .item > .content {
        min-height: 60px;
    }

    footer {
        background-color: transparent !important;
    }

    footer > .container {
        width: 100%;
    }

    footer .nav, footer .share {
        display: none;
    }

    /*div {*/
    /*    margin-left: 0 !important;*/
    /*    margin-right: 0 !important;*/
    /*}*/
}

@media (min-width: 768px)
{
    .w20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}