@font-face { font-family: 'AvantGarde LT'; src: url("../fonts/AvantGardeLT-Bold.eot"); src: url("../fonts/AvantGardeLT-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/AvantGardeLT-Bold.woff2") format("woff2"), url("../fonts/AvantGardeLT-Bold.woff") format("woff"), url("../fonts/AvantGardeLT-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap }
@font-face { font-family: 'AvantGarde LT'; src: url("../fonts/AvantGardeLT-Medium.eot"); src: url("../fonts/AvantGardeLT-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/AvantGardeLT-Medium.woff2") format("woff2"), url("../fonts/AvantGardeLT-Medium.woff") format("woff"), url("../fonts/AvantGardeLT-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap }
@font-face { font-family: 'ITC Avant Garde Gothic LT'; src: url("../fonts/AvantGardeLT-Bold_1.eot"); src: url("../fonts/AvantGardeLT-Bold_1.eot?#iefix") format("embedded-opentype"), url("../fonts/AvantGardeLT-Bold_1.woff2") format("woff2"), url("../fonts/AvantGardeLT-Bold_1.woff") format("woff"), url("../fonts/AvantGardeLT-Bold_1.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap }
.max1000 { max-width: 1000px; margin: 0px auto }
@font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?3zn2ug"); src: url("../fonts/icomoon.eot?3zn2ug#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?3zn2ug") format("truetype"), url("../fonts/icomoon.woff?3zn2ug") format("woff"), url("../fonts/icomoon.svg?3zn2ug#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.icon-teamo:before { content: "\e910" }
.icon-arrow-right:before { content: "\e900" }
.icon-caret-right:before { content: "\e901" }
.icon-check:before { content: "\e902" }
.icon-check-circle:before { content: "\e903" }
.icon-close:before { content: "\e904" }
.icon-cookie:before { content: "\e905" }
.icon-download:before { content: "\e906" }
.icon-email:before { content: "\e907" }
.icon-facebook:before { content: "\e908" }
.icon-file:before { content: "\e909" }
.icon-filter:before { content: "\e90a" }
.icon-home:before { content: "\e90b" }
.icon-instagram:before { content: "\e90c" }
.icon-phone:before { content: "\e90d" }
.icon-twitter:before { content: "\e90e" }
.icon-user:before { content: "\e90f" }
html { height: 100% }
body { min-width: 300px; font-size: 16px; color: #0e1827; line-height: 1.5; margin: 0px; padding: 0px; font-family: 'Poppins', sans-serif; font-weight: normal; font-style: normal; height: 100% }
@media screen and (max-width:991px) {
  body { font-size: 14px }
}
h1, h2, h3, h4, h5, h6 { font-weight: 500; font-family: 'Poppins', sans-serif; line-height: 1.2 }
a { text-decoration: none; cursor: pointer }
a:hover { text-decoration: none }
a:focus { outline: none }
#main-content ul, #main-content li { margin-left: 20px; padding: 0px; list-style-position: outside }
.colright ul, .colright li { margin: 0px !important; padding: 0px !important }
img { max-width: 100% }
.clearfix { clear: both }
:root { scroll-behavior: inherit !important }
@media (min-width:1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1240px }
}
@keyframes load-animate {
  0% { transform: rotate(0deg) }
  50% { transform: rotate(180deg); opacity: 0.15 }
  100% { transform: rotate(360deg) }
}
.paragraph--type--utm-banner__breadcrumb.background-under>.utm-bgr::after { opacity: 0.15 !important }
.img-main { font-family: 'Poppins', sans-serif !important; font-size: 18px !important }
.button { line-height: 40px; background-color: #fff; color: #015989; text-transform: uppercase; display: inline-flex; align-items: center; padding: 0px 55px; justify-content: center; border: none; outline: none; cursor: pointer; font-weight: 700; font-size: 16px; font-family: 'Poppins', sans-serif; border-radius: 30px }
.button:hover { background-color: #fff; color: #015989 }
.button.button-brand { background-color: #015989; color: #fff }
.button.button-brand:hover { background-color: #017abc }
.button.button-border { border: 1px solid #015989 }
.db-field { margin-bottom: 25px }
.db-field .cap { font-size: 12px; margin: 0px 0px 5px 0px; font-weight: 300 }
.input { display: block; width: 100%; height: 44px; border: solid 1px #DDDDDD; background-color: #F8F8FA; outline: none; padding: 0px 20px; font-size: 15px; transition: all ease 0.3s }
.input:focus { border: 1px solid #015989 }
.input.is-large { padding: 0px 15px; height: 40px; font-size: 15px }
.select { display: block; width: 100%; height: 44px; border: solid 1px #DDDDDD; background-color: #F8F8FA; outline: none; padding: 0px 15px; font-size: 15px; transition: all ease 0.3s }
.select:focus { border: 1px solid #015989 }
.textarea { display: block; width: 100%; height: 70px; border: solid 1px #DDDDDD; background-color: #F8F8FA; outline: none; padding: 15px 15px; font-size: 15px; transition: all ease 0.3s }
.textarea:focus { border: 1px solid #015989 }
.textarea.is-large { padding: 10px 10px; font-size: 15px }
.radio { display: inline-block; position: relative; min-height: 35px; margin: 0px 20px 0px 0px }
.radio label { margin: 0px; padding: 0px; display: block }
.radio label input { width: 1px; height: 1px; position: absolute; z-index: -1; visibility: hidden; opacity: 0 }
.radio label span { display: block; line-height: 30px; padding: 0px 0px 0px 30px; font-size: 16px; color: #0e1827; cursor: pointer; transition: all ease 0.3s; line-height: 26px }
.radio label span:before { content: ""; display: block; width: 26px; height: 26px; border: 2px solid #f1f1f1; border-radius: 50%; position: absolute; top: 0px; left: 0px }
.radio label span:hover { color: #015989 }
.radio label input:checked~span:after { content: ""; display: block; width: 7px; height: 7px; background-color: #333; border-radius: 50%; position: absolute; top: 10px; left: 10px }
.checkbox { display: inline-block; position: relative }
.checkbox label { margin: 0px; padding: 0px; display: block }
.checkbox label input { width: 1px; height: 1px; position: absolute; z-index: -1; visibility: hidden; opacity: 0 }
.checkbox label span { display: block; line-height: 30px; padding: 0px 0px 0px 38px; font-size: 15px; font-weight: 300; line-height: 1.2; cursor: pointer }
.checkbox label span a { font-weight: 700; color: #015989 }
.checkbox label span:before { content: ""; display: block; width: 24px; height: 24px; border: 1px solid #0e1827; position: absolute; border-radius: 50%; top: 50%; margin: -12px 0px 0px 0px; left: 0px }
.checkbox label input:checked~span:before { border: 1px solid #015989; background-color: #015989 }
.checkbox label input:checked~span:after { position: absolute; content: "\e902"; display: block; width: 24px; height: 24px; top: 50%; margin: -12px 0px 0px 0px; left: 0px; color: #fff; line-height: 24px; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; text-align: center; font-size: 12px }
.color-brand { color: #015989 }
.color-second { color: #F9D930 }
.color-third { color: #0099fe }
.color-red, .text-error { color: #dc3545 }
.color-green, .text-success { color: #65BA86 }
.color-blue { color: #007bff }
.color-yellow { color: #e8a82a }
.color-orange { color: #FA8742 }
.color-pink { color: #dc3545 }
.color-pink { color: #dc3545 }
.color-black { color: #000 }
.color-white { color: #fff }
.text-base { color: #0e1827 }
.text-second { color: #686867 }
.text-third { color: #CDCDCD }
.bg-brand { color: #015989 }
.bg-second { color: #F9D930 }
.bg-green { background-color: #65BA86 }
.bg-red { background-color: #D94040 }
.bg-orange { background-color: #F08655 }
.bg-brand { background-color: #015989 }
.clearfix { clear: both }
.row-fix { margin-left: -10px; margin-right: -10px }
.row-fix .col-fix { padding-left: 10px; padding-right: 10px }
.font-bold { font-weight: 700 }
.text-underline { text-decoration: underline }
.page-loader { background-color: #fff; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999 }
.overlay { z-index: 999; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.2); transition: all ease 0.2s; visibility: hidden; opacity: 0; z-index: -1 }
.open-menu .overlay { opacity: 1; visibility: visible; z-index: 900 }
.detail-page .header { position: absolute; background-image: url(../images/header-inner.png) }
.header { position: absolute; background-image: url(../images/header.png); background-repeat: no-repeat; background-size: cover; left: 0px; right: 0px; background-position: bottom center; padding: 10px 0px 60px 0px }
@media screen and (max-width:991px) {
  .header { padding: 10px 0px 30px 0px }
}
@media screen and (max-width:350px) {
  .header { padding: 10px 0px 20px 0px }
  .header select { margin-bottom: 8px }
}
.header .brand img { width: 120px }
@media screen and (max-width:991px) {
  .header .brand img { width: 50px }
}
.header .header-inner { display: flex; align-items: flex-start; justify-content: space-between; position: relative; position: relative }
.header .header-inner .header-left { display: flex }
.header .header-inner .header-right { display: flex; flex-wrap: wrap; justify-content: flex-end; width: 145px }
@media screen and (max-width:991px) {
  .header .header-inner .header-right { width: auto; align-items: center }
}
.header .header-inner .header-right select { background-color: #ffdd21; padding: 0px 5px; color: #0e1827; font-size: 14px; outline: none }
@media screen and (max-width:991px) {
  .header .header-inner .header-right select { font-size: 12px }
}
@media screen and (max-width:1024px) {
  .region--top-bar { display: none !important }
}
.subItem:hover .expandMenu { cursor: pointer }
.subItem:hover .collapseMenu { cursor: pointer }
#edit-topic--2 .js-form-type-checkbox { margin: 7px !important }
#edit-topic--2 label { font-size: 15px !important }
.header .header-inner .header-right .searchbox { margin: 10px 0px 0px 0px; width: 145px; height: 40px; position: relative }
@media screen and (max-width:991px) {
  .header .header-inner .header-right .searchbox { width: 100px; margin: 0px 0px 0px 10px }
}
.header .header-inner .header-right .searchbox input { width: 100%; height: 40px; display: block; padding: 0px 30px 0px 10px; border: none; outline: none; background-color: #fff; border-radius: 5px; font-size: 16px }
@media screen and (max-width:991px) {
  .header .header-inner .header-right .searchbox input { font-size: 14px }
}
@media screen and (max-width:350px) {
  .header .header-inner .header-right .searchbox input { height: 32px; font-size: 12px }
}
.header .header-inner .header-right .searchbox button { position: absolute; top: 0px; right: 0px; width: 30px; bottom: 0px; border: none; outline: none; background-color: transparent; background-image: url(../images/search.png); background-repeat: no-repeat; background-position: center center }
@media screen and (max-width:350px) {
  .header .header-inner .header-right .searchbox button { height: 30px; background-size: 50% }
  #block-bannerinternal img { height: 350px; width: 400px; object-fit: cover }
}
.header .header-inner .menu { padding: 20px 0px 0px 0px }
@media screen and (max-width:991px) {
  .header .header-inner .menu { display: none }
}
.header .header-inner .menu>ul { list-style: none; margin: 0px; padding: 0px }
.header .header-inner .menu>ul>li { display: inline-block; margin: 0px 30px }
@media screen and (max-width:1399px) {
  .header .header-inner .menu>ul>li { margin: 0px 15px }
}
.header .header-inner .menu>ul>li>a { display: block; line-height: 80px; color: #fff; font-size: 22px; font-weight: 700; transition: all ease 0.3s; align-items: center; position: relative; text-transform: uppercase; padding: 0px 0px; position: relative }
@media screen and (max-width:1199px) {
  .header .header-inner .menu>ul>li>a { font-size: 18px }
}
.header .header-inner .menu>ul>li>a:before { height: 6px; position: absolute; content: ""; display: block; bottom: 0px; left: 50%; right: 50%; background-color: #F9D930; transition: all ease 0.3s }
.header .header-inner .menu>ul>li:hover>a { color: #fff }
.header .header-inner .menu>ul>li:hover>a:before { left: 0px; right: 0px }
.header .header-inner .menu>ul>li.active a { color: #015989 }
.header .header-inner .menu>ul>li.active:before { left: 0px; right: 0px }
.header .header-inner .menu>ul>li.has-menu { position: relative }
.header .header-inner .menu>ul>li.has-menu:hover ul { display: block }
.header .header-inner .menu>ul>li.has-menu ul { position: absolute; background-color: #fff; top: 100%; left: -50px; width: 250px; list-style: none; margin: 0px; padding: 10px 0px; display: none }
.header .header-inner .menu>ul>li.has-menu ul li a { display: block; color: #0e1827; font-size: 16px; padding: 6px 10px 6px 20px }
.header .header-inner .menu>ul>li.has-menu ul li a:hover { color: #015989 }
.header .header-inner .menu>ul>li.has-mega:hover .mega-menu { display: block }
.header .header-inner .menu>ul>li .mega-menu { min-height: 100px; background-color: #fff; position: absolute; top: 100%; left: -12px; z-index: 999; right: -12px; padding: 30px 0px; display: none; margin: -20px 0px 0px 0px }
.header .header-inner .menu>ul>li .mega-menu ul ul { display: none }
.header .header-inner .menu>ul>li .mega-menu ul ul ul { display: none; border: none }
.header .header-inner .menu>ul>li .mega-menu ul { position: relative; list-style: none; margin: 0px; border-right: 2px solid #015989; width: 350px }
.header .header-inner .menu>ul>li .mega-menu ul>li { padding: 0px 20px 0px 20px }
.header .header-inner .menu>ul>li .mega-menu ul>li>a { font-size: 16px; padding: 9px 20px 9px 10px; position: relative; color: #0e1827; display: block }
.header .header-inner .menu>ul>li .mega-menu ul>li:hover>a { background-color: #F9D930 }
.header .header-inner .menu>ul>li .mega-menu ul>li:hover>a:after { display: block !important }
.header .header-inner .menu>ul>li .mega-menu ul>li:hover>ul { display: block; position: absolute; top: 0px; left: 100% }
.header .header-inner .menu>ul>li .mega-menu ul>li.has-menu>a:after { display: block; content: ""; position: absolute; top: 50%; right: 5px; margin: -5px 0px 0px; display: none; width: 0px; height: 0px; border: 5px solid transparent; border-left-color: #000 }
.menu-icon { cursor: pointer; display: none; padding: 0px 0px 0px 0px; z-index: 9999; margin: 0px 9px 0px 0px; width: 50px; height: 50px; background-color: #fff; flex-shrink: 0; border-radius: 50%; border: 2px solid #0a2581; padding: 13px 10px 10px 10px }
@media screen and (max-width:991px) {
  .menu-icon { display: block }
}
@media screen and (max-width:350px) {
  .menu-icon { width: 45px; height: 45px }
}
.menu-icon span { height: 2px; display: block; background-color: #0a2581; border-radius: 2px; width: 100%; margin: 0px 0px 6px 0px; transition: all ease 0.3s; position: relative }
.show-menu-mobile .menu-mobile { z-index: 99999; opacity: 1; visibility: visible; transform: translateX(0%) }
.menu-mobile { position: fixed; z-index: 99999; top: 0px; overflow: auto; right: 0px; background-color: #ddd; transition: all ease 0.3s; top: 0px; left: 0; right: 0; bottom: 0; z-index: -1; opacity: 0; visibility: hidden; transform: translateX(-100%) }
@media screen and (min-width:1200px) {
  .menu-mobile { display: none !important }
}
.menu-mobile .head { height: 60px; position: relative }
.menu-mobile .head .close-menu-mobile { position: absolute; top: 20px; left: 20px; width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #0a2581 }
.menu-mobile .head .close-menu-mobile i { display: block; line-height: 50px; color: #0a2581; font-size: 20px; text-align: center }
.menu-mobile .menu { text-align: left; padding: 20px 0px 0px 0px }
.menu-mobile .menu>ul { list-style: none; padding: 0px; margin: 0px }
.menu-mobile .menu>ul>li>a { display: block; line-height: 50px; font-size: 20px; color: #0e1827; text-transform: uppercase; font-weight: 700; position: relative; padding: 0px 0px 0px 40px }
.menu-mobile .menu>ul>li>a:before { content: ""; display: block; width: 0px; height: 0px; border: 8px solid transparent; border-top-color: #0e1827; position: absolute; left: 20px; top: 50%; margin: -4px 0px 0px 0px }
.menu-mobile .menu>ul>li>a i { position: absolute; top: 50%; right: 10px; margin: -6px 0px 0px 0px; color: #ddd }
.menu-mobile .menu>ul>li.active>a:before { transform: rotate(180deg); margin: -14px 0px 0px 0px }
.menu-mobile .menu>ul>li.active .sub-menu { display: block }
.menu-mobile .menu .sub-menu { display: none }
.menu-mobile .menu .sub-menu ul { margin: 0px; padding: 0px; list-style: none }
.menu-mobile .menu .sub-menu ul li a { display: block; text-align: left; padding: 5px 10px 5px 40px; color: #0e1827; font-size: 15px; font-weight: 300; position: relative }
.menu-mobile .menu .sub-menu ul li a i { position: absolute; top: 50%; right: 20px; margin: -6px 0px 0px 0px; color: #ddd }
.page { transition: all ease 0.3s }
@media screen and (max-width:991px) {
  .open-menu .header.scrolled { background-color: #0e1827 !important }
  .open-menu .menu-mobile { opacity: 1; z-index: 99; visibility: visible; margin-top: 0 }
  .open-menu .page { overflow: hidden }
  .open-menu .menu-icon span { background-color: #fff !important }
  .open-menu .menu-icon span:nth-child(2) { opacity: 0 }
  .open-menu .menu-icon span:nth-child(1) { opacity: 1; transform: rotate(45deg); top: 7px }
  .open-menu .menu-icon span:nth-child(3) { opacity: 1; transform: rotate(-45deg); width: 100%; top: -9px }
}
@media screen and (max-width:1199px) {
  .hero { min-height: 500px }
}
@media screen and (max-width:991px) {
  .hero { min-height: 300px }
}
@media screen and (max-width:767px) {
  .hero { min-height: 500px !important }
}
.hero .content { padding: 210px 0px 0px 0px; text-align: center; display: flex }
@media screen and (max-width:1199px) {
  .hero .content { padding: 250px 0px 100px 0px }
}
@media screen and (max-width:991px) {
  .hero .content { padding: 200px 0px 100px 0px }
}
@media screen and (max-width:767px) {
  .hero .content { padding: 40px 0px 0px 0px }
}
.hero .content h1 { font-size: 75px; font-weight: 500; color: #fff; margin: 0px 0px 100px 0px; text-shadow: 2px 2px 15px #000 }
@media screen and (max-width:1199px) {
  .hero .content h1 { font-size: 50px; margin: 0px 0px 50px 0px }
}
@media screen and (max-width:767px) {
  .hero .content h1 { font-size: 26px; margin-bottom: 75px; text-shadow: 1px 3px 5px #000 }
}
@media screen and (max-width:390px) {
  .hero .content h1 { font-size: 24px; margin-bottom: 62px }
}
.hero .content h1 span { color: #F9D930; font-weight: 400 }
.hero .content .searchbox { margin: 10px auto 0px auto; max-width: 720px; height: 80px; position: relative }
@media screen and (max-width:1199px) {
  .hero .content .searchbox { max-width: 400px; height: 50px }
}
@media screen and (max-width:767px) {
  .hero .content .searchbox { max-width: 78% }
  .hero .content .searchbox input { height: 45px }
  .contentleftheroblock { flex: 0 0 auto; width: auto !important }
}
.hero .content .searchbox input { width: 100%; height: 55px; display: block; padding: 0px 0px 0px 90px; border: 3px solid white; background-color: transparent; border-radius: 45px; font-size: 24px; color: white }
.hero .content .searchbox input::placeholder { color: white !important }
@media screen and (max-width:1199px) {
  .hero .content .searchbox input { height: 50px; padding: 0px 10px 0px 60px; font-size: 16px; border-radius: 10px }
  #content-hero-right { margin-top: -360px }
}
.hero .content .searchbox button { position: absolute; top: -20px; left: 0px; width: 80px; bottom: 5px; border: none; outline: none; background-color: transparent; background-image: url(search-m.png); background-repeat: no-repeat; background-position: center center }
@media screen and (max-width:1199px) {
  .hero .content .searchbox button { width: 50px; background-image: url(search-m.png); top: 0px;  !important }
}
@media screen and (max-width:767px) {
  .hero .content .searchbox button { height: 35px; background-size: 50% }
}
.block-category { padding: 50px 0px; margin-bottom: 50px }
@media screen and (max-width:767px) {
  .block-category { margin-bottom: 0 }
}
.block-category .category { display: flex; justify-content: space-between; align-items: flex-start }
@media screen and (max-width:1199px) {
  .block-category .category { flex-wrap: wrap }
}
@media screen and (max-width:1199px) {
  .block-category .category .item { width: 33.33%; flex-shrink: 0; margin: 0px 0px 20px 0px }
}
.block-category .category .item a { display: block; text-align: center; padding: 0px 10px }
.block-category .category .item a .icon { margin: 0px 0px 10px 0px; min-height: 186px; text-align: center }
@media screen and (max-width:1199px) {
  .block-category .category .item a .icon { min-height: 140px }
}
@media screen and (max-width:767px) {
  .block-category .category .item a .icon { min-height: 100px }
}
@media screen and (max-width:390px) {
  .block-category .category .item a .icon { min-height: 50px }
}
.block-category .category .item a p { font-size: 18px; color: #0e1827; margin: 0px; width: 150px; margin: 0px auto }
@media screen and (max-width:1199px) {
  .block-category .category .item a p { width: auto; font-size: 14px }
}
.block-category .category .item a:hover p { font-weight: 700 }
.block-caption { margin: 0px 0px 15px 0px; border-bottom: 7px solid #015989; text-align: left; padding: 0px 0px 5px 0px }
.block-caption span { color: #015989; font-size: 24px; font-weight: 500 }
@media screen and (max-width:767px) {
  .block-caption span { font-size: 18px }
}
.slider-news { padding: 0px 0px; margin: 30px 0px 60px 0px }
@media screen and (max-width:1199px) {
  .slider-news { padding: 0px 40px }
}
@media screen and (max-width:767px) {
  .slider-news { padding: 0px 20px }
}
.slider-news .thumb { position: relative; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4) }
.slider-news .thumb .cap { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 10px 10px; font-size: 16px; text-align: center; color: #F9D930; font-weight: 700; background-color: rgba(1, 89, 137, 0.8) }
@media screen and (max-width:767px) {
  .slider-news .thumb .cap { font-size: 12px; font-weight: 600 }
}
.slider-news .owl-carousel .owl-nav .owl-next { width: 42px; height: 74px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/next.png); position: absolute; right: -70px; top: 50%; margin: -37px 0px 0px 0px; color: transparent }
@media screen and (max-width:1199px) {
  .slider-news .owl-carousel .owl-nav .owl-next { width: 20px; height: 40px; background-size: 20px auto; right: -30px }
}
.slider-news .owl-carousel .owl-nav .owl-prev { width: 42px; height: 74px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/prev.png); position: absolute; color: transparent; left: -70px; top: 50%; margin: -37px 0px 0px 0px }
@media screen and (max-width:1199px) {
  .slider-news .owl-carousel .owl-nav .owl-prev { width: 20px; height: 40px; background-size: 20px auto; left: -30px }
}
.event { margin: 0px 0px 80px 0px; display: flex; justify-content: space-between }
@media screen and (max-width:1199px) {
  .event { flex-wrap: wrap }
}
#edit-topic--2 .js-form-type-checkbox { margin: 7px !important }
#edit-topic--2 label { font-size: 15px !important }
.event .left { width: 100% }
.event .left .thumb img { width: 100%; display: block }
.event .left .thumb a { position: relative; display: block }
.event .left .thumb .cap { position: absolute; bottom: 0; left: 0; right: 0; display: flex; background-color: rgba(1, 89, 137, 0.6) }
.event .left .thumb .cap .date { flex-shrink: 0; background-color: rgba(1, 89, 137, 0.6); padding: 5px 10px }
.event .left .thumb .cap .date span { display: block; text-align: center; font-size: 18px; color: #fff; opacity: 0.8; line-height: 1; padding: 5px 0px 5px 0px }
@media screen and (max-width:767px) {
  .event .left .thumb .cap .date span { font-size: 10px }
}
.event .left .thumb .cap .date strong { display: block; text-align: center; color: #fff; text-align: center; font-size: 55px; font-weight: 800; opacity: 0.8; line-height: 1 }
@media screen and (max-width:767px) {
  .event .left .thumb .cap .date strong { font-size: 30px }
}
.event .left .thumb .cap .des { padding: 5px 20px }
@media screen and (max-width:991px) {
  .event .left .thumb .cap .des { padding: 5px 10px }
}
.event .left .thumb .cap .des h3 { font-size: 28px; font-weight: 700; margin: 0px; color: #F9D930 }
@media screen and (max-width:767px) {
  .event .left .thumb .cap .des h3 { font-size: 16px }
}
@media screen and (max-width:575px) {
  .event .left .thumb .cap .des h3 { font-size: 14px }
}
.event .left .thumb .cap .des p { font-size: 22px; font-weight: 700; margin: 0px; color: #fff; line-height: 1.1 }
@media screen and (max-width:767px) {
  .event .left .thumb .cap .des p { font-size: 14px }
}
@media screen and (max-width:575px) {
  .event .left .thumb .cap .des p { font-size: 12px; font-weight: 400 }
}
.event .right { flex-shrink: 0; width: 500px; margin: 0px 0px 0px 60px }
@media screen and (max-width:1199px) {
  .event .right { width: 100%; margin: 60px 0px 0px 0px }
}
.event .right .tab-caption { border-bottom: 7px solid #015989; list-style: none; margin: 0px 0px 10px 0px; padding: 0px }
.event .right .tab-caption li { display: inline-block; margin: 0px 15px 0px 0px }
.event .right .tab-caption li a { display: block; font-size: 22px; font-weight: 600; color: #fff; padding: 3px 20px; border-radius: 10px 10px 0px 0px; background-color: #77cfe7 }
@media screen and (max-width:767px) {
  .event .right .tab-caption li a { font-size: 18px }
}
.event .right .tab-caption li a.active { background-color: #015989 }
.event .right .tab-content .see-all { font-weight: bold; font-size: 16px; color: #0e1827 }
.event .right .tab-content .line { margin: 15px 0px; height: 1px; background-color: #000; opacity: 0.6 }
.event .right .tab-content .item { background-color: #fff; display: flex }
.event .right .tab-content .item .date { flex-shrink: 0; background-color: #015989; padding: 5px 10px }
.event .right .tab-content .item .date span { display: block; text-align: center; font-size: 18px; color: #fff; opacity: 0.8; line-height: 1; padding: 5px 0px 5px 0px }
@media screen and (max-width:767px) {
  .event .right .tab-content .item .date span { font-size: 10px }
}
.event .right .tab-content .item .date strong { display: block; text-align: center; color: #fff; text-align: center; font-size: 55px; font-weight: 800; opacity: 0.8; line-height: 1 }
@media screen and (max-width:767px) {
  .event .right .tab-content .item .date strong { font-size: 30px }
}
.event .right .tab-content .item .des { padding: 5px 20px }
.event .right .tab-content .item .des h3 { font-size: 20px; font-weight: 700; margin: 0px 0px 5px 0px; color: #015989 }
@media screen and (max-width:767px) {
  .event .right .tab-content .item .des h3 { font-size: 16px }
}
@media screen and (max-width:575px) {
  .event .right .tab-content .item .des h3 { font-size: 14px }
}
.event .right .tab-content .item .des p { font-size: 18px; font-weight: 600; margin: 0px; color: #0e1827; line-height: 1.1 }
@media screen and (max-width:767px) {
  .event .right .tab-content .item .des p { font-size: 14px }
}
@media screen and (max-width:575px) {
  .event .right .tab-content .item .des p { font-size: 12px; font-weight: 400 }
}
@media screen and (min-width:992px) {
  .spotlight { max-width: 76.5%; margin-top: 100px !important; margin: auto }
}
.slider-spotlight { padding: 0px 0px }
@media screen and (max-width:991px) {
  .slider-spotlight { padding: 0px 30px }
}
.slider-spotlight .spotlight-item { display: flex; align-items: center }
@media screen and (max-width:991px) {
  .slider-spotlight .spotlight-item { flex-wrap: wrap }
}
.slider-spotlight .spotlight-item .thumb { flex-shrink: 0; width: 50% }
@media screen and (max-width:991px) {
  .slider-spotlight .spotlight-item .thumb { width: 100% }
}
.slider-spotlight .spotlight-item .des { padding: 0px 0px 0px 20px }
@media screen and (max-width:991px) {
  .slider-spotlight .spotlight-item .des { padding: 20px 0px 0px 0px }
}
.slider-spotlight .spotlight-item .des h3 { font-size: 20px; font-weight: 700; color: #015989; margin: 0px 0px 24px 0px }
@media screen and (max-width:991px) {
  .slider-spotlight .spotlight-item .des h3 { font-size: 18px; margin: 0px 0px 15px 0px }
}
.slider-spotlight .spotlight-item .des p { font-size: 20px; font-weight: normal; margin: 0px 0px 20px 0px }
@media screen and (max-width:991px) {
  .slider-spotlight .spotlight-item .des p { font-size: 18px }
}
.slider-spotlight .spotlight-item .des .readmore { display: inline-block; font-size: 14px; padding: 3px 10px; color: #fff; background-color: #77cfe7; border-radius: 10px }
.slider-spotlight .owl-carousel .owl-nav .owl-next { width: 42px; height: 74px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/next-active.png); position: absolute; right: -70px; top: 50%; margin: -37px 0px 0px 0px; color: transparent }
@media screen and (max-width:1199px) {
  .slider-spotlight .owl-carousel .owl-nav .owl-next { width: 20px; height: 40px; background-size: 20px auto; right: -30px }
}
.slider-spotlight .owl-carousel .owl-nav .owl-prev { width: 42px; height: 74px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/prev-active.png); position: absolute; color: transparent; left: -70px; top: 50%; margin: -37px 0px 0px 0px }
@media screen and (max-width:1199px) {
  .slider-spotlight .owl-carousel .owl-nav .owl-prev { width: 20px; height: 40px; background-size: 20px auto; left: -30px }
}
.footer { }
@media screen and (max-width:767px) {
  .footer { padding: 90px 0px 50px 0px }
  .footer .container { padding: 0 10px }
}
.footer .footer-col { display: flex; justify-content: space-between; align-items: flex-start }
@media screen and (max-width:767px) {
  .footer .footer-col { flex-wrap: wrap }
}
@media screen and (max-width:767px) {
  .footer .footer-col .col1 { width: 100%; padding: 0px 0px 30px 0px }
  .footer .footer-col .col1 img { width: 45% }
}
@media screen and (min-width:768px) and (max-width:991px) {
  .footer .footer-col .col1 { text-align: center }
  .footer .footer-col .col1 img { width: 80% }
}
@media screen and (max-width:767px) {
  .footer .footer-col .col2, .footer .footer-col .col3, .footer .footer-col .col4 { width: 100%; padding: 0px 0px 30px 0px }
}
.footer .footer-col h3 { color: #77cfe7; font-weight: 500; font-size: 30px; text-transform: uppercase; margin: 0px 0px 10px 0px }
@media screen and (max-width:991px) {
  .footer .footer-col h3 { font-size: 18px }
}
.footer .footer-col p { font-size: 18px; margin: 0px 0px 15px 0px }
@media screen and (max-width:991px) {
  .footer .footer-col p { font-size: 14px }
}
.footer .footer-col p strong { font-weight: bold }
.footer .footer-col ul { list-style: none; margin: 0px; padding: 0px }
.footer .footer-col ul li { margin: 0px 0px 10px 0px }
.footer .footer-col ul li a { color: #0e1827; font-size: 18px }
@media screen and (max-width:991px) {
  .footer .footer-col ul li a { font-size: 14px }
}
.footer .footer-col ul li a span { width: 20px; display: inline-block; margin: 0px 5px 0px 0px }
.footer .footer-col ul li a span svg { width: 15px }
.footer .footer-col ul li a .facebook svg { width: 12px; color: #3b5998 }
.footer .footer-col ul li a .email svg { color: #7a90a3 }
.footer .footer-col ul li a .twitter svg { color: #3a92c8 }
.footer .footer-col ul li a .instagram svg { color: #fb3958 }
.cols { display: flex; padding: 230px 0px 0px 0px; display: flex }
@media screen and (max-width:991px) {
  .cols { flex-wrap: wrap; padding: 120px 0px 0px }
}
.colleft { flex-shrink: 0; width: 280px; margin: 0px 30px 0px 0px; background: rgb(225, 239, 190); background: linear-gradient(180deg, rgba(225, 239, 190, 1) 0%, rgba(255, 255, 255, 1) 44%, rgba(255, 255, 255, 1) 100%) }
@media screen and (max-width:1199px) {
  .colleft { width: 230px }
}
@media screen and (max-width:991px) {
  .colleft { width: 100%; margin: 0px 0px 30px 0px; display: none }
}
.colleft h3 { color: #015989; font-size: 24px; font-weight: 500; margin: 0px 0px 15px 0px }
.colleft ul { list-style: none; margin: 0px; padding: 0px }
.colleft ul li { position: relative; cursor: pointer }
.colleft ul li span { color: #015989 }
.colleft ul li a { font-size: 16px; display: block; padding: 5px 0px 5px 0px }
.colleft ul li ul { }
.colright { flex-shrink: 0; padding: 60px 0 0 0; width: 280px; margin: 0 0 0 15px; background: rgb(225, 239, 190); background: linear-gradient(180deg, rgba(225, 239, 190, 1) 0%, rgba(255, 255, 255, 1) 44%, rgba(255, 255, 255, 1) 100%) }
@media screen and (max-width:1199px) {
  .colright { width: 230px }
}
@media screen and (max-width:991px) {
  .colright { width: 100%; margin: 30px 0px 0px 0px }
  .page-node-type-internal-page .colright { padding-top: 20px !important }
}
@media screen and (max-width:991px) {
  .colright-mobile { display: block }
}
@media screen and (max-width:991px) {
  .colleft-mobile { display: block; padding: 0px 20px }
}
.colmid { min-width: 1px; width: 100%; color: black }
.colmid h3 { color: #015989 }
.colmid .head { display: none }
.colmid .head h1 { color: #004e6d; font-size: 30px; letter-spacing: 1px; margin: 0px }
@media screen and (max-width:991px) {
  .colmid .head h1 { font-size: 26px; text-align: center }
  .utm-card-button { text-align: center !important }
  .center-content .paragraph--type--basic-section h2 { text-align: center }
  .view-video-reel .owl-carousel .owl-item { margin: 20px 20px 20px 0 }
  #edit-markup--2 { font-size: 1.2em; text-align: center }
}
.colmid .head .sitemap { font-size: 15px }
.colmid .head .sitemap a { color: #015989 }
.colmid .head .sitemap span { margin: -0px 3px }
.colmid .article { margin: 0px 0px 50px 0px }
.colmid .article h3 { font-size: 18px; font-weight: 500; margin: 0px 0px 10px 0px }
.colmid .article img { float: left; margin: 0px 10px 0px 0px; width: 300px }
@media screen and (max-width:767px) {
  .colmid .article img { width: 100%; float: none; margin: 0px 0px 10px p0x }
}
.colmid .article p { color: #112e50; font-size: 13px }
.colmid .article p a { color: #0099fe }
.colmid .c-cate { display: flex; justify-content: space-between; text-align: center; padding: 0px 0px 50px 0px }
@media screen and (max-width:390px) {
  .colmid .c-cate { flex-direction: column }
}
.colmid .c-cate .item { text-align: center }
.colmid .c-cate .item img { max-width: 120px }
.colmid .c-cate .item p { font-size: 14px; font-weight: normal; color: #0e1827 }
.colmid .c-cate .item:hover p { font-weight: 700 }
.colmid .accordion { margin: 0px 0px 50px 0px }
.colmid .accordion h3 { font-size: 18px; font-weight: 500; margin: 0px 0px 10px 0px }
.colmid .accordion .acc-caption { border-bottom: 1px solid #015989; position: relative; padding: 10px 30px 10px 0px; font-size: 16px; color: #0e1827; cursor: pointer; font-weight: bold }
.colmid .accordion .acc-caption .arrow { width: 30px; height: 30px; background-repeat: no-repeat; position: absolute; top: 50%; right: 0px; margin: -15px 0px 0px 0px; background-image: url(../images/arrow-down.png); background-repeat: no-repeat; background-position: center center; background-size: 12px auto }
.colmid .accordion .acc-caption.active { background-color: #015989; color: #fff; padding-left: 10px }
.colmid .accordion .acc-caption.active .arrow { background-image: url(../images/arrow-up.png) }
.colmid .accordion .acc-content { border-bottom: 1px solid #015989; padding: 10px 10px; font-size: 15px; display: none }
.colmid .c-table { margin: 0px 0px 50px 0px }
.colmid .c-table h3 { font-size: 18px; font-weight: 500; margin: 0px 0px 10px 0px; text-align: center }
.colmid .c-table table { width: 100%; border: 1px solid #009dc8 }
.colmid .c-table table thead tr th { background-color: #009dc8; color: #fff; font-size: 16px; font-weight: bold; padding: 10px 5px; text-align: center }
.colmid .c-table table tbody tr td { border: 1px solid #009dc8; padding: 10px 5px; font-size: 15px; font-weight: 500; color: #0e1827; text-align: center }
.colmid .c-gallery { margin: 0px 0px 50px 0px }
.colmid .c-gallery h3 { font-size: 18px; font-weight: 500; margin: 0px 0px 10px 0px }
.colmid .c-text { margin: 0px 0px 50px 0px }
.colmid .c-text h3 { font-size: 18px; font-weight: 500; margin: 0px 0px 10px 0px }
.colmid .c-text p { margin: 0px 0px 20px 0px; font-size: 14px }
.colmid .c-form { margin: 0px 0px 100px 0px }
.colmid .c-form h3 { font-size: 18px; font-weight: 500; margin: 0px 0px 30px 0px }
.colmid .c-form p { margin: 0px 0px 20px 0px; font-size: 14px; color: #4683a4 }
.colmid .c-form .form-inner { padding: 0px 30px }
@media screen and (max-width:991px) {
  .colmid .c-form .form-inner { padding: 0px }
}
.colmid .c-form .form-inner .text { display: block; width: 100%; margin: 0px 0px 20px 0px; border: none; font-size: 14px; font-weight: 500; outline: none; border-bottom: 2px solid #009dc8; color: #015989; height: 30px; background-color: transparent; padding: 0px 0px; max-width: 220px }
@media screen and (max-width:991px) {
  .colmid .c-form .form-inner .text { max-width: 100% }
}
.colmid .c-form .form-inner .c-right { text-align: right }
.colmid .c-form .form-inner .c-right .text { display: inline-block }
.colmid .c-form .form-inner textarea { display: block; width: 100%; border: none; font-size: 14px; font-weight: 500; outline: none; border: 2px solid #009dc8; color: #015989; height: 30px; padding: 10px 10px; height: 150px; background-color: transparent }
.slider-gallery { padding: 0px 0px; position: relative }
@media screen and (max-width:991px) {
  .slider-gallery { padding: 0px 30px }
}
.slider-gallery .gallery-item { display: flex; align-items: center; flex-wrap: wrap }
.slider-gallery .gallery-item .c-col { width: 33.33%; padding: 10px 10px }
.slider-gallery .owl-carousel .owl-nav .owl-next { width: 42px; height: 74px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/next-active.png); position: absolute; right: -70px; top: 50%; margin: -25px 0px 0px 0px; color: transparent; width: 20px; height: 40px; background-size: 20px auto; right: -30px }
.slider-gallery .owl-carousel .owl-nav .owl-prev { width: 42px; height: 74px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/prev-active.png); position: absolute; color: transparent; left: -70px; top: 50%; margin: -25px 0px 0px 0px; width: 20px; height: 40px; background-size: 20px auto; left: -30px }
.contact-box { padding: 30px; margin: 0px 0px 30px 0px; background-color: #ecf8fd }
.contact-box h3 { font-size: 18px; font-weight: 500; color: #015989 }
.contact-box p { font-size: 15px; font-weight: 500; color: #015989; margin: 20px 0px 0px 0px }
.contact-box p span { color: #0e1827 }
.kios-box { padding: 30px; margin: 0px 0px 30px 0px; background-color: #ecf8fd }
.kios-box h3 { font-size: 18px; font-weight: 500; color: #015989 }
.kios-box p { font-size: 15px; font-weight: 500; color: #015989; margin: 20px 0px 0px 0px }
.kios-box p span { color: #0e1827 }
.images-box { padding: 30px; margin: 0px 0px 30px 0px; background-color: #ecf8fd }
.images-box h3 { font-size: 18px; font-weight: 500; color: #015989 }
.images-box p { font-size: 15px; font-weight: 500; color: #015989; margin: 20px 0px 0px 0px }
.images-box p span { color: #0e1827 }
.images-box p a { color: #009dc8 }
.map { background-image: url(../images/map.png); background-repeat: no-repeat; background-position: center center; background-size: cover; min-height: 550px; position: relative }
@media screen and (max-width:1199px) {
  .map { min-height: 500px }
}
@media screen and (max-width:390px) {
  .map { min-height: 650px }
}
.map .location { position: absolute; top: 100px; right: 30px; width: 300px; background-color: #fff; border-top: 5px solid #009dc8; padding: 15px 10px 10px 10px }
@media screen and (max-width:991px) {
  .map .location { top: 120px; right: 10px }
}
@media screen and (max-width:767px) {
  .map .location { top: 110px }
}
@media screen and (max-width:390px) {
  .map .location { top: 190px }
}
.map .location h3 { font-size: 18px; font-weight: 700; color: #0e1827; margin: 0px 0px 10px 0px }
.map .location p { font-size: 14px; margin: 0px 0px 8px 0px }
.map .location p a { color: #0e1827 }
.map .location .view { display: inline-block; line-height: 23px; border: none; padding: 0px 15px; border-radius: 10px; background-color: #77cfe7; outline: none; font-size: 13px; color: #fff }
.map .cap { position: absolute; top: 0; left: 0; right: 0; background-color: rgba(0, 157, 200, 0.8) }
.map .cap-inner { padding: 20px 0px; display: flex; align-items: center; justify-content: space-between }
@media screen and (max-width:991px) {
  .map .cap-inner { flex-wrap: wrap; padding: 15px 0px }
}
.map .cap-inner p { margin: 0px; font-size: 24px; color: #fff; font-weight: 600 }
@media screen and (max-width:991px) {
  .map .cap-inner p { width: 100%; text-align: center; font-size: 16px; margin: 0px 0px 10px 0px }
}
.map .cap-inner .cap-search { display: flex; align-items: center }
@media screen and (max-width:991px) {
  .map .cap-inner .cap-search { justify-content: center; width: 100% }
}
@media screen and (max-width:390px) {
  .map .cap-inner .cap-search { flex-direction: column }
}
.map .cap-inner .cap-search input { width: 200px; height: 40px; border-radius: 10px; font-size: 16px; outline: none; border: none; background-color: #fff; padding: 0px 10px; font-size: 14px; flex-shrink: 0; margin: 0px 20px 0px 0px }
@media screen and (max-width:575px) {
  .map .cap-inner .cap-search input { width: 140px; margin: 0px 10px 0px 0px; height: 30px; font-size: 13px }
}
@media screen and (max-width:390px) {
  .map .cap-inner .cap-search input { margin: 0 }
}
.map .cap-inner .cap-search select { width: 200px; height: 40px; border-radius: 10px; font-size: 16px; outline: none; border: none; background-color: #fff; padding: 0px 0px 0px 10px; font-size: 14px; flex-shrink: 0; margin: 0px 20px 0px 0px }
@media screen and (max-width:575px) {
  .map .cap-inner .cap-search select { width: 140px; margin: 0px 10px 0px 0px; height: 30px; font-size: 13px }
}
@media screen and (max-width:390px) {
  .map .cap-inner .cap-search select { margin: 8px 0 }
}
.map .cap-inner .cap-search button { height: 25px; border: none; padding: 0px 15px; border-radius: 10px; background-color: #77cfe7; outline: none; font-size: 13px; color: #fff }
@media screen and (max-width:991px) {
  .page>.container, section.middle .container { padding: 0 }
  #content-bottom-first, #content-bottom-second { margin: 0 20px }
  .page>.container .slider-spotlight, .page>.container .slider-gallery, .page>.container .slider-news, section.middle .container .slider-spotlight, section.middle .container .slider-gallery, section.middle .container .slider-news { padding: 0 }
  .page>.container .slider-gallery .gallery-item .c-col, section.middle .container .slider-gallery .gallery-item .c-col { padding: 4px 4px }
}
body.toolbar-fixed header.header-fixed.is-fixed { top: 0; z-index: 500 }
body.toolbar-fixed .footer { margin-top: 0 }
@media screen and (max-width:1025px) {
  .dialog-off-canvas-main-canvas { margin-top: 0px !important }
  #block-loremwater .col-sm-8, #block-preservingwaterqualitytwo .col-sm-4, #block-loremwater .col-sm-4, #block-preservingwaterqualitytwo .col-sm-8 { flex: 0 0 auto; width: 100% !important }
  #content-bottom-first, #content-bottom-second { margin: 0 20px }
  .cmm-mobile-menu-wrapper button#mobile-menu-open { background: none }
  .cmm-mobile-menu-wrapper button#mobile-menu-open svg { width: 24px; height: 24px }
  #block-headerlogo-2 .img-w-100 { height: 43px !important }
  div.search-block-form { display: none }
  .header-search-form .search-icon-button { background: url(../images/search.png) no-repeat center }
  .header-search-form .search-icon-button svg { display: none }
  .header-search-form input[type="search"] { height: 40px }
  header .header-content { padding-top: 10px; padding-bottom: 0 }
  header .region--header-right { width: 200px; justify-content: flex-end }
  header.header-fixed { padding-bottom: 0px }
  #civic-mega-menu-mobile .mobile-search, #civic-mega-menu-mobile #dynamic_select { display: none }
  #civic-mega-menu-mobile { background: #85c7bd }
  .mobile-menu-close { }
  .mobile-menu-close svg { width: 20px }
  .cmm-mobile-ul--level-1 { top: 80px; margin-top: 0; display: block }
  .cmm-mobile-ul--level-1 .cmm-mobile-li--level-1 { padding: 0; position: relative }
  .cmm-mobile-ul--level-1 .cmm-mobile-li--level-1 .dropdown-toggle-container { }
  .cmm-mobile-ul--level-1 .cmm-mobile-li--level-1 button.toggle-submenu { right: -20px; top: 2px; width: 0; height: 0; border-style: solid; border-color: white; border-width: 0 4px 4px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg) }
  .cmm-mobile-ul--level-1 .cmm-mobile-li--level-1 button.toggle-submenu.active { border-color: #c0db79; top: 6px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg) }
  .cmm-mobile-ul--level-1 .cmm-mobile-li--level-1 button.toggle-submenu>span { display: none }
  .cmm-mobile-ul--level-1 .cmm-mobile-li--level-1 .cmm-mobile-ul { padding: 10px 0 10px 20px }
  .cmm-mobile-ul--level-1 .cmm-mobile-li--level-1 .cmm-mobile-ul a { font-size: 15px !important }
  .cmm-mobile-ul--level-1 .cmm-mobile-li--level-1 .cmm-mobile-ul button.toggle-submenu { top: 8px; right: -15px }
  .cmm-mobile-ul--level-1 a { color: white !important }
  .cmm-mobile-ul--level-1 a.mobile-menu-item--level-1 { }
  #block-footerblock .row .col-6:first-child { justify-content: left }
  footer .footer-content h1 { font-size: 18px; margin-bottom: 10px }
  footer .footer-content p { font-size: 14px }
  footer .footer-content>.row>.col { padding-left: 0; padding-right: 0; padding-bottom: 20px }
  footer .footer-content>.row>.col a { color: #0e1827 }
  footer .footer-content>.row>.col ul li { padding: 5px 0 }
}
@media screen and (max-width:550px) {
  header.header-fixed { padding-bottom: 0; margin-bottom: 0 !important }
  .cols { padding: 10px !important }
  #block-breadcrumbs { top: 82px }
  .front-page header { margin-bottom: 35px !important }
}
.field-type--block-field { display: inline-flex !important }
.gm-style .gm-style-iw-c { border-radius: 0px !important }
@media screen and (max-width:700px) {
  .field-type--block-field { display: inline-flex !important; flex-flow: wrap !important; height: 45rem !important; gap: 20px !important }
}
.tabsbar ul { padding-left: 0px !important; margin-left: 20px !important; margin-top: 0px !important; margin-bottom: unset !important; border-bottom: 7px solid #015989 !important }
.tabsbar .quicktabs-tabs>li.active>a, .tabsbar .quicktabs-tabs>li.active>a:hover, .tabsbar .quicktabs-tabs>li.active>a:focus { color: white; background-color: #015989; border-color: #dee2e6 #dee2e6 #fff }
.tabsbar .quicktabs-tabs>li:not(.active)>a { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; display: block; padding: .5rem 1rem; background: #77cfe7 !important; color: white !important }
.tabsbar .quicktabs-main { padding-top: 10px !important }
#block-homepageeventsblockcustom>h2:first-child { display: none !important }
.paragraph--type--utm-gallery__gallery>.field-name--field-u-fields { max-width: unset !important }
.quicktab-list li { display: inline; background: none; list-style-type: none; padding: 2px; white-space: nowrap }
.quicktab-list li a, .quicktabs-loaded { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; display: block; padding: .5rem 1rem }
.quicktab-list>li.active>a, .quicktab-list>li.active>a:hover, .quicktab-list>li.active>a:focus { color: #495057; background-color: #015989; border-color: #dee2e6 #dee2e6 #fff }
.tabsbar ul.quicktabs-tabs li { margin-bottom: unset !important }
ul.quicktabs-tabs li { padding: unset !important }
.event-text { display: inline-flex; flex-shrink: 0; position: absolute; left: 0; right: 0; bottom: 0 }
.view-id-events .event-image img { height: 355px !important; object-fit: cover }
.date-top-event { background-color: #015989; padding: 10px 30px 0 30px; color: white }
.text-top-event { width: 100%; background-color: #015989; opacity: 0.8; text-align: center; padding: 0 30px 0 30px }
.text-top-event .event-title, .text-top-event .event-title a { color: #F9D930 !important; font-size: 19px; font-weight: bold }
.event-text .date-top-event span { display: block; text-align: center; font-size: 18px; color: #fff; opacity: 0.8; line-height: 1; padding: 5px 0px 5px 0px }
.event-body { color: white }
.event-text .date-top-event h4 { display: block; text-align: center; color: #fff; text-align: center; font-size: 55px; font-weight: 800; opacity: 0.8; line-height: 1 }
@media only screen and (min-device-width:200px) and (max-device-width:1199px) {
  .paragraph--type--information-card-section .field-name--field-card { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly }
  .field-name--field-reference-block { display: inline-flex !important; height: 40rem !important; gap: 20px }
}
@media only screen and (min-device-width:1200px) and (max-device-width:4000px) {
  .paragraph--type--information-card-section .field-name--field-card { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap: 10px }
  .field-name--field-reference-block { display: inline-flex !important; height: 28rem !important }
}
@media only screen and (min-device-width:700px) and (max-device-width:820px) {
  .paragraph--type--information-card-section .field-name--field-card { justify-content: center !important; gap: 10px }
  .paragraph--type--internal-page-icon .field-name--field-icon-item { justify-content: space-evenly !important; gap: 20px !important }
}
#quicktabs-tab-homepage_tabs-1 { padding-left: 10px !important }
.paragraph--type--information-card-section .field-name--field-title { margin: 0px 0px 15px 0px; border-bottom: 7px solid #015989; text-align: left; padding: 0px 0px 5px 0px; color: #015989; font-size: 24px; font-weight: 500 }
.paragraph--type--information-card-section .paragraph--type--information-card, .view-id-events { position: relative }
.paragraph--type--information-card-section .paragraph--type--information-card .field-type--link { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 10px 10px; font-size: 16px; text-align: center; color: #F9D930; font-weight: 700; background-color: rgba(1, 89, 137, 0.8) }
.paragraph--type--information-card-section .paragraph--type--information-card .field-type--link a { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 10px 10px; font-size: 16px; text-align: center; color: #F9D930; font-weight: 700; background-color: rgba(1, 89, 137, 0.8) }
.page-node-type-internal-page .center-content .paragraph--type--basic-section table caption { text-align: center }
.page-node-type-internal-page .center-content .paragraph--type--basic-section table thead tr th { background-color: #009dc8; color: #fff; font-size: 16px; font-weight: bold; padding: 10px 5px; text-align: center }
.page-node-type-internal-page .center-content .paragraph--type--basic-section table tbody tr td { background-color: unset !important; text-align: center }
.page-node-type-internal-page .center-content .paragraph--type--basic-section table td { border: 2px solid #009dc8; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-right: 2px solid #009dc8 }
.page-node-type-internal-page .center-content .paragraph--type--basic-section table tr td:last-child { border-right: 0 !important }
.page-node-type-internal-page .center-content .paragraph--type--basic-section table tr td:first-child { border-left: 0 !important }
.colleft h3 { color: #015989; font-size: 24px; font-weight: 500; margin: 0 0 15px 0 }
.cn7-wrapper .paragraph--type--utm-text__text { box-shadow: none !important; border: none !important }
.cn7-wrapper .col-4.col-small { width: 100%; max-width: 100% }
.cn7-wrapper .d-flex.row.col-12-if-one.count-2 { display: block !important }
.cols { padding: 0 !important; display: flex }
.cn7-wrapper .col-4.col-small p img { float: left; margin: 0px 10px 0px 0px; width: 300px }
.cn7-wrapper .col-4.col-small p { color: #112e50; font-size: 13px }
.cn7-wrapper .row.three-col { display: flex; justify-content: space-between; text-align: center; padding: 0px 0px 50px 0px; width: 100%; padding-bottom: 0 }
.cn7-wrapper .row.three-col .col-sm-4.col-md-4 { text-align: center }
.cn7-wrapper .col-8.col-big { width: 100%; max-width: 100% }
.cn7-wrapper .row.three-col .col-sm-4.col-md-4:hover figcaption { font-weight: 700 }
body .cn7-wrapper .colleft ul li { list-style: none }
.paragraph--type--utm-sidemenu__sidemenu ul li { list-style: none }
body .cn7-wrapper .ckeditor-accordion-container { margin: 0 }
body .cn7-wrapper .ckeditor-accordion-container>dl dt a { position: relative; padding: 20px 10px 20px 50px; font-size: 20px; cursor: pointer; font-weight: bold; margin-bottom: 10px }
body .cn7-wrapper .ckeditor-accordion-container>dl dt a:hover { background-color: #015989; color: #fff }
body .cn7-wrapper .ckeditor-accordion-container>dl dt a span:before { display: none }
body .cn7-wrapper .ckeditor-accordion-container>dl dt a span:after { display: none }
body .cn7-wrapper .ckeditor-accordion-container>dl dt>a:hover { background-color: #84C7BD !important; color: #014D6E !important }
body .cn7-wrapper .ckeditor-accordion-container>dl dt.active>a:hover { background-color: #84C7BD !important; color: #014D6E !important }
body .cn7-wrapper .ckeditor-accordion-container>dl dt.active>a { background-color: #85c7bd !important; color: #014D6E !important; position: relative; padding: 20px 10px 20px 50px; font-size: 20px; cursor: pointer; font-weight: bold; margin-bottom: 0px }
.cn7-wrapper .colmid h3 { font-size: 18px; font-weight: 500; margin: 0px 0px 10px 0px }
.cn7-wrapper .col-8.col-big table caption { text-align: center; font-size: 18px; font-weight: 500; margin: 0px 0px 10px 0px; color: #015989 }
.cn7-wrapper .col-8.col-big table { width: 100% !important }
.cn7-wrapper .col-8.col-big table thead tr th { background-color: #009dc8; color: #fff; font-size: 16px; font-weight: bold; padding: 10px 5px; text-align: center }
.cn7-wrapper .col-8.col-big table tbody tr td { border: 1px solid #009dc8; padding: 10px 5px; font-size: 15px; font-weight: 500; color: #0e1827; text-align: center }
.maps iframe { width: 100% }
.maps p { margin-bottom: 0 }
.list-gallery-carousel-custom { margin: 0 0 50px 0 }
.cn7-wrapper .paragraph.paragraph--type--utm-webform__webform { margin-top: 30px }
.cn7-wrapper .webform-submission-form-internal-page-form div#edit-markup { margin: 0 0 20px 0; font-size: 14px; color: #4683a4 }
.cn7-wrapper .webform-submission-form-internal-page-form { padding: 0 30px; margin-top: 20px }
.cn7-wrapper .webform-submission-form-internal-page-form input { border-radius: 0; border: none; display: block; width: 100%; margin: 0 0 20px 0; border: none; font-size: 14px; font-weight: 500; outline: none; border-bottom: 2px solid #009dc8; color: #015989; height: 30px; background-color: transparent; padding: 0 0; max-width: 220px }
.cn7-wrapper .webform-submission-form-internal-page-form input::placeholder { color: #009dc8; opacity: 1 }
.cn7-wrapper .webform-submission-form-internal-page-form input:-ms-input-placeholder { color: #009dc8 }
.cn7-wrapper .webform-submission-form-internal-page-form input::-ms-input-placeholder { color: #009dc8 }
.cn7-wrapper .webform-submission-form-internal-page-form textarea { border-radius: 0; display: block; width: 100%; border: none; font-size: 14px; font-weight: 500; outline: none; border: 2px solid #009dc8; color: #015989; height: 30px; padding: 10px 10px; height: 150px; background-color: transparent }
.cn7-wrapper .webform-submission-form-internal-page-form input[type="submit"] { border: 2px solid #009dc8; height: 40px }
.custom-gallery-carousel.slide-item .field-content img { width: calc(100% / 3); padding: 10px 10px }
.custom-gallery-carousel.slide-item .field-content { display: flex; flex-wrap: wrap }
.cn7-wrapper .owl-prev { position: absolute; left: -47px; top: 50%; background: transparent !important; width: 20px; height: 40px; transform: translateY(-50%); opacity: 1 !important }
.cn7-wrapper .owl-next { position: absolute; right: -47px; top: 50%; background: transparent !important; width: 20px; height: 40px; transform: translateY(-50%); opacity: 1 !important }
.cn7-wrapper .owl-pagination { display: block }
.cn7-wrapper .owl-prev:before { content: ''; position: absolute; background-repeat: no-repeat; background-position: center center; background-image: url(/images/prev-active.png); width: 20px; height: 40px; background-size: 20px auto; top: 0; left: 0 }
.cn7-wrapper .owl-next:before { content: ''; position: absolute; background-repeat: no-repeat; background-position: center center; background-image: url(/images/next-active.png); width: 20px; height: 40px; background-size: 20px auto; top: 0; left: 0 }
.cn7-wrapper .colleft ul li a { position: relative; z-index: 44 }
.paragraph--type--utm-sidemenu__sidemenu ul li a { position: relative; z-index: 44; font-size: 16px; color: black; display: block; padding: 5px 20px 5px 20px }
.paragraph--type--utm-sidemenu__sidemenu ul li span { position: absolute; right: 5px !important; margin: 0; color: #015989; width: 30%; height: 100% }
.paragraph--type--utm-sidemenu__sidemenu>ul { margin: 0px; padding: 0px !important }
.paragraph--type--utm-sidemenu__sidemenu ul li ul { display: none }
.center-content .modular-section { padding-top: unset !important; padding-bottom: unset !important; overflow: auto }
.center-content .modular-section img { border-radius: unset !important; object-fit: cover }
@media screen and (max-width:991px) {
  .cn7-wrapper .row.three-col { margin: 0; padding: 0px 0px 0 0px }
  .cn7-wrapper.container .colright { display: block }
  .cn7-wrapper .row.three-col .col-sm-4.col-md-4 { width: 100%; padding: 0 }
  .cn7-wrapper .col-4.col-small, .cn7-wrapper .col-8.col-big { padding: 0 !important }
  .cn7-wrapper .col-4.col-small p img { display: block; width: 100% }
  .cn7-wrapper .col-4.col-small p { }
  .cn7-wrapper .owl-prev { left: -30px }
  .cn7-wrapper .owl-next { right: -30px }
  .cn7-wrapper .webform-submission-form-internal-page-form { padding: 0 }
  .cn7-wrapper .paragraph.paragraph--type--utm-webform__webform { padding: 0 }
  .cn7-wrapper .webform-submission-form-internal-page-form input { margin: 0; border-bottom: 2px solid #009dc8; border-radius: 8px }
  .cn7-wrapper input#edit-phone { float: right }
  .cn7-wrapper input#edit-company { float: right }
  .cn7-wrapper .webform-submission-form-internal-page-form textarea { border-radius: 8px }
}
.center-content .paragraph--type--utm-webform__webform input:not(.form-submit) { border-radius: 0; border: none; display: block; width: 100%; margin: 0 0 20px 0; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; font-size: 14px; font-weight: 500; outline: none; color: #84C7BD; height: 30px; background-color: #014D6E; padding: 0 0 }
.center-content .paragraph--type--utm-webform__webform textarea { border: none; border-radius: unset !important }
.center-content .paragraph--type--utm-webform__webform input:not(.form-submit)::placeholder, .center-content .paragraph--type--utm-webform__webform textarea::placeholder { color: #84C7BD }
.center-content .paragraph--type--utm-webform__webform .field-type--webform { padding: 0 15px 0 15px !important }
.paragraph--type--utm-sidemenu__sidemenu .box-title { padding-left: 20px }
.box-title { color: black !important; font-size: 19px !important; font-weight: 500 !important; letter-spacing: 1px !important }
.box-div { padding: 30px; margin: 0px 0px 30px 0px }
.layout-container { overflow: unset !important }
.paragraph--type--image-w-text-box a { color: black !important }
.page-node-type-internal-page .paragraph--type--basic-section a:not(.ckeditor-accordion-toggler) { text-decoration: underline !important }
.dialog-off-canvas-main-canvas { --header-height: 0px !important; --root-margin-top: 0px !important }
@media screen and (max-width:767px) {
  .dialog-off-canvas-main-canvas { margin-top: 0px !important }
}
.hero { margin-top: -50px !important }
body.toolbar-fixed header.header-fixed.is-fixed { z-index: 50; top: 0 !important }
header.header-fixed.is-fixed { top: 0 !important }
.blue-text, .paragraph--type--internal-page-basic-section .field-type--text-long, .paragraph--type--image-w-text-box, .breadcrumbs-list span, .contact-title { color: black }
.contact-number a { color: black !important }
footer .footer-content { color: unset !important }
.footer ul li { margin-bottom: 5px; margin-top: 5px; list-style: none }
.paragraph--type--utm-gallery__gallery>.field-name--field-u-title, .paragraph--type--utm-webform__webform .field-name--field-u-title { color: #004e6d; font-size: 30px !important; letter-spacing: 1px; font-weight: bold; text-align: center; margin-bottom: 20px }
.center-content .paragraph--type--basic-section h1 { font-size: 30px !important }
.center-content .paragraph--type--basic-section h2 { font-size: 30px !important; padding: 0 }
.center-content .paragraph--type--basic-section h3 { font-size: 20px !important }
.center-content .paragraph--type--basic-section h4 { font-size: 16px !important }
.center-content .paragraph--type--basic-section h5 { font-size: 12.45px !important }
.center-content .paragraph--type--basic-section h6 { font-size: 10px !important }
.page-node-type-internal-page .center-content .paragraph--type--basic-section table caption { text-align: center }
.page-node-type-internal-page .center-content .paragraph--type--basic-section table thead tr th { background-color: #009dc8; color: #fff; font-size: 16px; font-weight: bold; padding: 10px 5px; text-align: center }
.page-node-type-internal-page .center-content .paragraph--type--basic-section table tbody tr td { background-color: unset !important; text-align: center }
.page-node-type-internal-page .center-content .paragraph--type--basic-section table td { border: 2px solid #009dc8; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-right: 2px solid #009dc8 }
.page-node-type-internal-page .center-content .paragraph--type--basic-section table tr td:last-child { border-right: 0 !important }
.page-node-type-internal-page .center-content .paragraph--type--basic-section table tr td:first-child { border-left: 0 !important }
.page-node-type-internal-page .head, .paragraph--type--internal-page-icon { padding-right: var(--bs-gutter-x, .75rem); padding-left: var(--bs-gutter-x, .75rem) }
.paragraph--type--internal-page-icon .field-name--field-icon-item .paragraph--type--internal-page-icons .field-name--field-link a, .paragraph--type--internal-page-icon .field-name--field-icon-item .paragraph--type--internal-page-icons .field-name--field-link span { color: black }
.submenu-links { text-decoration: none !important }
.submenu-links a:hover { background-color: #002838 !important; color: white }
.paragraph--type--utm-gallery__gallery>.field-name--field-u-title { font-weight: unset !important; padding-left: unset !important }
.paragraph--type--utm-gallery__gallery>.field-name--field-u-fields { margin: 0 !important; padding: 0 !important }
.paragraph--type--utm-galleryitem__galleryitem>a>img { width: 100%; height: 125px !important }
.paragraph--type--utm-galleryitem__galleryitem>a { width: unset !important; height: unset !important; display: block; margin: 5px !important }
.paragraph--type--utm-gallery__gallery { display: block !important }
.slick-prev::before { display: block; width: 26px; height: 55px; content: '<' !important; background-image: unset !important; color: white !important; opacity: 1 !important; font-size: 50px; font-weight: bold }
.slick-next::before { display: block; width: 26px; height: 55px; content: '>' !important; background-image: unset !important; color: white !important; opacity: 1 !important; font-size: 50px; font-weight: bold }
#content-hero-left .flex-control-paging li a { border: 3px solid white !important }
#content-hero-left .flex-control-paging li a.flex-active { background: white !important }
.slick-next { position: absolute !important; top: 50%; right: -4% !important }
.slick-prev { position: absolute !important; top: 50%; left: -4% !important }
.slick-dots { display: none !important }
.page-node-type-internal-page .paragraph--type--map { width: 100vw; position: relative; margin-left: -50vw; left: 50%; right: 0; padding: 0 !important }
.map-filters { background: #009dc8; padding: 15px 0 10px 0; opacity: 0.65; color: white !important }
.quicktab-list { border-bottom: 7px solid #dee2e6 !important; display: flex !important; flex-wrap: wrap; list-style: none; margin-top: unset !important; margin-bottom: unset !important; margin-left: 14px }
.quicktab-list li { display: inline; background: none; list-style-type: none; padding: 2px; white-space: nowrap }
.quicktab-list li a, .quicktabs-loaded { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; display: block; padding: .5rem 1rem }
.quicktab-list>li.active>a, .quicktab-list>li.active>a:hover, .quicktab-list>li.active>a:focus { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff }
.view-id-events .event-image { position: relative }
.main-event { position: absolute; border: 0; bottom: 0; width: 100%; text-align: center }
.path-frontpage .field-name--field-sections>div>:not(.full-width) { max-width: unset !important; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px }
.event-wrapper { display: inline-flex; margin: 15px 0 15px 0; gap: 25px }
.event-wrapper .img-wrapper { position: relative }
.event-wrapper .img-wrapper .date-inner { position: absolute; bottom: 0; right: 0; background-color: #015989; padding: 5px 10px; min-width: 85px }
.event-wrapper .img-wrapper .date-inner span { display: block; text-align: center; font-size: 18px; color: #fff; opacity: 0.8; line-height: 1; padding: 5px 0px 5px 0px }
.event-wrapper .img-wrapper .date-inner strong { display: block; text-align: center; color: #fff; text-align: center; font-size: 55px; font-weight: 800; opacity: 0.8; line-height: 1 }
.event-title { font-size: 20px !important }
.event-title a { color: #000 !important }
.card-text { font-size: 16px; padding: 0 5px 0 5px }
#edit-upload-photos-upload--2 { padding: 10px 5px 10px 5px !important; height: unset !important }
.view-display-id-block_accordion_resolution .ckeditor-accordion-container dd h3 { display: none !important }
.view-display-id-block_accordion dl, .view-display-id-block_accordion_resolution dl { display: flex; width: 100%; flex-direction: column; flex-wrap: wrap }
#ui-id-2 { width: 300px !important; min-width: unset !important }
.path-frontpage #ui-id-1 { width: 575px !important; min-width: unset !important }
.path-node #ui-id-1 { width: 300px !important; min-width: unset !important }
.view-display-id-block_accordion .items-main .header-label-first, .view-display-id-block_accordion .items-main .header-label-second, .view-display-id-block_accordion .items-main .header-label-third, .view-display-id-block_accordion .views-row .views-field-title, .view-display-id-block_accordion .views-row .views-field-field-event-date-for-title, .view-display-id-block_accordion .views-row .views-field-field-agenda-or-action-agenda { flex-basis: 15% !important }
.view-display-id-block_accordion .items-main .header-label-fifth, .view-display-id-block_accordion .items-main .header-label-sixth, .view-display-id-block_accordion .views-row .views-field-field-approved-minutes, .view-display-id-block_accordion .views-row .views-field-field-approved-video { flex-basis: 14% !important }
.view-display-id-block_accordion .views-row .views-field-field-combined-agenda-packet, .view-display-id-block_accordion .items-main .header-label-fourth { flex-basis: 18% !important }
.view-display-id-block_accordion_archived .items-main .header-label-first, .view-display-id-block_accordion_archived .items-main .header-label-second, .view-display-id-block_accordion_archived .items-main .header-label-third, .view-display-id-block_accordion_archived .views-row .views-field-title, .view-display-id-block_accordion_archived .views-row .views-field-field-event-date-for-title, .view-display-id-block_accordion_archived .views-row .views-field-field-agenda-or-action-agenda { flex-basis: 15% !important }
.view-display-id-block_accordion_archived .items-main .header-label-fifth, .view-display-id-block_accordion_archived .items-main .header-label-sixth, .view-display-id-block_accordion_archived .views-row .views-field-field-approved-minutes, .view-display-id-block_accordion_archived .views-row .views-field-field-approved-video { flex-basis: 14% !important }
.view-display-id-block_accordion_archived .views-row .views-field-field-combined-agenda-packet, .view-display-id-block_accordion_archived .items-main .header-label-fourth { flex-basis: 18% !important }
.view-display-id-block_accordion_commission .items-main .header-label-first, .view-display-id-block_accordion_commission .items-main .header-label-second, .view-display-id-block_accordion_commission .items-main .header-label-third, .view-display-id-block_accordion_commission .views-row .views-field-title, .view-display-id-block_accordion_commission .views-row .views-field-field-event-date-for-title, .view-display-id-block_accordion_commission .views-row .views-field-field-notice-or-agenda { flex-basis: 15% !important }
.view-display-id-block_accordion_commission .items-main .header-label-fifth, .view-display-id-block_accordion_commission .items-main .header-label-sixth, .view-display-id-block_accordion_commission .views-row .views-field-field-meeting-recap, .view-display-id-block_accordion_commission .views-row .views-field-field-approved-video { flex-basis: 14% !important }
.view-display-id-block_accordion_commission .views-row .views-field-field-approved-minutes, .view-display-id-block_accordion_commission .items-main .header-label-fourth { flex-basis: 18% !important }
.view-display-id-block_accordion_archived_committee .items-main .header-label-first, .view-display-id-block_accordion_archived_committee .items-main .header-label-second, .view-display-id-block_accordion_archived_committee .items-main .header-label-third, .view-display-id-block_accordion_archived_committee .views-row .views-field-title, .view-display-id-block_accordion_archived_committee .views-row .views-field-field-event-date-for-title, .view-display-id-block_accordion_archived_committee .views-row .views-field-field-notice-or-agenda { flex-basis: 15% !important }
.view-display-id-block_accordion_archived_committee .items-main .header-label-fifth, .view-display-id-block_accordion_archived_committee .items-main .header-label-sixth, .view-display-id-block_accordion_archived_committee .views-row .views-field-field-meeting-recap, .view-display-id-block_accordion_archived_committee .views-row .views-field-field-approved-video { flex-basis: 14% !important }
.view-display-id-block_accordion_archived_committee .views-row .views-field-field-approved-minutes, .view-display-id-block_accordion_archived_committee .items-main .header-label-fourth { flex-basis: 18% !important }
.region--top-bar .main-search { position: relative; width: 150px; max-width: 100% }
.region--top-bar .main-search #civic-banner-search { background-color: transparent; border: 2px solid #012839; padding: 2px 2px 2px 32px; color: #012839; border-radius: 8px; outline: none !important }
#block-languageswitcher .dropdown-menu .svg-inline--fa { display: none !important }
#civic-banner-search::placeholder { color: #012839 }
header.header-fixed.is-fixed { z-index: 50 !important }
.main-search #civic-banner-search { background: transparent !important; border: 2px solid white; border-radius: 25px; padding: 20px; text-align: center; line-height: 18px; width: 100%; display: block; transition: border-color .2s; background: #85c7bd; color: white }
.event-content { position: relative }
#block-views-block-sportlight-block-1 h2 { text-align: end; padding-right: 110px; color: #062e3e; display: none }
#block-views-block-sportlight-block-1 .slick-slide img { margin: 10px 8px; box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 8px; transition: 0.5s }
#block-views-block-sportlight-block-1 .slick-slide img:hover { transform: scale(1.1); z-index: 9999999999999 }
#block-views-block-sportlight-block-1--2>h2 { display: none }
#content-spotlight-inside > h2 { text-align: center }
#block-views-block-sportlight-block-1 .slick__arrow { }
#block-views-block-sportlight-block-1 .slick-prev, #block-views-block-sportlight-block-1 .slick-next { background: #004d6b; height: 60px; width: 55px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px }
#block-views-block-sportlight-block-1 .slick-arrow { border-radius: 5px }
#block-views-block-sportlight-block-1 .slick-prev::before { display: block; width: unset !important; height: 55px; content: '<' !important; background-image: unset !important; color: white !important; opacity: 1 !important; font-size: 50px; font-weight: bold }
#block-views-block-sportlight-block-1 .slick-next::before { display: block; width: unset !important; height: 55px; content: '>' !important; background-image: unset !important; color: white !important; opacity: 1 !important; font-size: 50px; font-weight: bold }
.node-img img { height: 275px !important; width: 342px !important; object-fit: contain !important }
.page-node-type-event .event-title { font-size: 30px !important; color: #015989 !important; font-weight: 500px !important }
.node--type-event .colmid { margin-top: 50px !important }
.event-header { position: initial !important; margin-top: 0px !important; padding-bottom: 3% !important }
/*.view-display-id-block_accordion_resolution .header-label-first { flex-basis: 40% !important }
.view-display-id-block_accordion_resolution .views-field-title { flex-basis: 40% !important }*/
.view-display-id-block_accordion_resolution .header-label-second { flex-basis: 60% !important }
.view-display-id-block_accordion_resolution .views-field-field-pdf { flex-basis: 60% !important }
.ckeditor-accordion-container .views-row { display: inline-flex !important; flex-direction: row !important; width: 100% !important }
.btn-secondary:hover, input[type="submit"]:hover { background-color: #004d6c; color: white }
.center-content .paragraph--type--utm-webform__webform input:not(.form-submit) { font-weight: normal; text-transform: none }
.btn-secondary, input[type="submit"] { font-weight: normal; text-transform: none }
.blue-title { color: #00517A !important }
.view-new-events-view .card-text>a { color: black !important }
.fc-day-grid-event { margin: 0 auto; padding: 5px; background-color: #004D6C; border-radius: 5px; font-size: 12px; line-height: 16px; color: white; list-style: none; list-style-type: none; list-style-type: none }
.fc-title .card-text-time { color: #85c7bd !important }
.event-location { width: 250px !important }
.spotlight-text { display: none }
.view-id-sportlight .slick-current { filter: unset !important; height: auto !important }
.view-id-sportlight .views-field-field-report-preview-image img { width: 100% !important; height: 100% !important }
.spotlight-title { font-weight: bold; font-size: 18px }
#content-spotlight { padding: 70px 0px 85px 0px !important }
#content-spotlight-second { padding: 0px 40px 45px 35px !important; margin-top: 45px !important }
.fc-event-container .fc-time { display: none }
.fc-event-container .fc-time-2 { font-weight: 700 !important }