/*
primary color -  #033c67 #033053
secondary color -  #033c67
default font -  
logo background - 
login button -  #edbc07
*/



* {
    box-sizing: border-box;
}

body {
    color:  ;
    }

body.fixed-nav .sitenavigation {
    margin-top:56px; z-index:2;
}

body.fixed-nav .headline-carousel {
    padding-top: 62px !important;
}

body.fixed-nav .page-title-container {
    padding-top: 71px !important;
}

@media (min-width: 992px) {
    body.fixed-nav .headline-carousel {
        padding-top: 114px !important;
    }
    body.fixed-nav .page-title-container {
        padding-top: 130px !important;
    }
}

.navbar-toggler {
    padding: .25rem .5rem !important;
}

.navbar-toggler-icon {
    display: inline-block;
    width:auto;
    height: 1.5em;
}

.navbar-toggler-icon > svg {
height: 1.8rem;
}

.navbar-dark .navbar-toggler-icon {
    background-image: none !important;
}

a {
    color:#033053;
}

a:hover {
    color:#00;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.text-eschools {
    color: #396f9d;
}

a.text-eschools {
    color: #396f9d;
}

a.text-eschools:hover {
    color:#23435f;
}

.btn:not([class*="btn-"]) {
    background-color:#033c67;

    border-color: #033c67;
    color: #f8f9fa;

-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
}

.btn:not([class*="btn-"]):hover {
    background-color:#4f7795;
    border-color: #4f7795;
    color:#f8f9fa;

}




/*
    HEADER
*/

.login-header {
    background-color: #033c67;
    z-index:3;
}

.eschools-login-button {
    background-color:#edbc07;
    border-color:#edbc07;
        color:#f8f9fa;
    }

.eschools-login-button .owl-icon {
    height:24px !important;
    fill:#f8f9fa;
    fill-rule: evenodd;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.eschools-login-button:hover {
    background-color:#e2b307;
    border-color:#e2b307;
    color:#f8f9fa;
}

.eschools-login-button:hover .owl-icon {
    fill:#f8f9fa;
}

.page-title-container {
    background-color:#033c67;
}

h1.page-title {
    color:#f8f9fa;
    line-height:1.1;
    font-size:1.7rem;
    padding-top:0.5rem;
}

@media (min-width: 992px) {
h1.page-title {
    font-size: 2rem;
padding-top:0;
}
}






/*
    NAVIGATION
*/

.navbar-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
}

.navbar-wrapper > .container {
    padding-right: 0;
    padding-left: 0;
}

.navbar-wrapper .navbar {
    padding-right: 15px;
    padding-left: 15px;
}

.navbar-wrapper .navbar .container {
    width: auto;
}

.navbar-toggle {
    color:#fff;
    border:none;
}

.navbar-brand.school-logo {
    background-color:#fff;
    position: absolute;
    top:-2px;
    left:15px;
padding-left: 5px;
padding-right: 5px;
    width:75px;
    height:75px;
border-top-right-radius: 0px !important;
border-top-left-radius: 0px !important;
overflow:hidden;

    box-shadow: 0 0 5px 1px rgba(0,0,0,0.4);
    display:inline-block;
    vertical-align:middle;
}

.navbar-brand:hover {
    background-color:#fff !important;
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.6);
}

.h-95 {
    max-height: 95%!important;
}

@media (min-width: 992px) {
.h-md-85 {
max-height: 85%!important;
}
}


#main-navbar {
    padding-left: 170px;
}

#nav-main-navbar {
    min-height:0;
}

#nav-main-navbar .dropdown-menu {
    width: 250px;
}

#nav-main-navbar .dropdown-menu .dropdown-item {
overflow: hidden;
text-overflow: ellipsis;
}

.navbar-toggle:hover, .navbar-toggle:active, .navbar-toggle:focus, .navbar-toggle:focus:active {
    color:#fff;
    background-color: transparent !important;
}


li.sidr-class-divider {
display: none !important;
}

.sidr-class-sr-only {
display: none !important;
}

@media (min-width: 992px) {
.navbar-brand.school-logo {

height: 240px;
width:220px;
;
}

#nav-main-navbar {
min-height:50px;
}
}


.sitenavigation {
    background-color:#FFF;
        height:0px;
}

@media (min-width: 992px) {
.sitenavigation {
height:auto;
}
}

.sitenavigation .nav-link {
    color:;
    border-bottom: 1px solid transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sitenavigation .nav-link:focus {
outline:none!important;
}

@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.7rem;
padding-left: .7rem;
}
}

.sitenavigation .navbar-nav {
display:block;
}



.sitenavigation .nav-item {
    border-bottom: 1px solid transparent;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
display: inline-block;
}

.sitenavigation .nav-link:hover,
.sitenavigation .nav-item.active .nav-link,
.sitenavigation .nav-item.active {
color:#02243e;
border-bottom: 1px solid  #033c67;
}

.dropdown-toggle::after {
display: none;
}

.dropdown-item[data-toggle="collapse"] > svg {
margin: 4px -10px 4px 0;
transition: transform .5s ease;
}

.dropdown-item[data-toggle="collapse"][aria-expanded="true"] > svg {
transform:rotate(-90deg);
transition: transform .5s ease;
}

.dropdown-item[data-toggle="collapse"] + .collapse > a,
.dropdown-item[data-toggle="collapse"] + .collapsing > a {
    padding-left: 2.25rem;
}

.sitenavigation .main-nav-dropdown-menu {
background-color:#033c67;
}

.sitenavigation .main-nav-dropdown-menu .dropdown-item {
color:#f8f9fa;
}

.sitenavigation .main-nav-dropdown-menu .dropdown-item:focus,
.sitenavigation .main-nav-dropdown-menu .dropdown-item:hover {
background-color:#033053;
color:#f8f9fa;
}

/*
    PAGE CONTENT
*/

.page-content {
    background-color:#edbc07;
}







/*
    PAGE ELEMENTS
*/

.resource:first-child,
.staff_member:first-child,
.textblock:first-child,
.video:first-child,
.pdfViewer:first-child,
.album:first-child,
.embed:first-child {
    margin-top: 0 !important;
}


.embed-responsive-16by9::before {
}

.staff_member > .card > .card-header {
    background-color:#edbc07;
}

.social-feed > .card > .card-header {
background-color:;
}

.staff_member > .card > .card-header > .media > .media-body,
.social-feed > .card > .card-header > .media > .media-body {
    width:100%;
}


.staff_member > .card > .card-header > .media > img,
.social-feed > .card > .card-header > .media > img {
    width: 64px;
    height: 64px;
}

.staff_member > .card > .card-header > .media > img + .media-body,
.social-feed > .card > .card-header > .media > img + .media-body{
    width: calc(100% - 80px);
}

.social-feed > .card > .card-body {
    background-color:#f3;
    color:#343a40;
}

.staff_member > .card > .card-body {
background-color:#fffcf3;
}

.staff_member h5 {
    color:#f8f9fa;
}

.staff_member p {
color:#343a40;
}

.social-feed h5 {
color:#f8f9fa;
}
.social-feed p{
color:#f8f9fa;
}

.staff_member .job-title {
    color:#f8f9fa;
    font-weight:300;
}

.resource-item {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
    background-color:#033c67;
    color: #f8f9fa;
}

.resource-item:hover {
    background-color:#4f7795;
    color: #f8f9fa;
}

.resource-item-icon {
background-color:#f8f9fa;
color:#033c67;
    width:64px;
    height: 64px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.resource-item:hover .resource-item-icon {
color:#4f7795;
}

.resource-item h5 {
-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; line-height:1.4;
}

.resource-item .event-location {
font-size: 0.8rem; -webkit-box-orient: vertical; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1;
}


.textblock {
    color:#343a40;
}

.textblock .card > .card-header {
color: #212529;
}





/*
    SIDE NAV
*/

#sidenavAccordian {
    }

#sidenavAccordian .sidenav-subnav-item {
}


#sidenavAccordian .active-page {
    background-color:#033c67;
    color:#f8f9fa;
}


#sidenavAccordian .active-page > [data-fa-pseudo-element=":before"] {
    display: inline-block;
    width: 15px;
    margin-left: -15px;
    color:#f8f9fa;
}

#sidenavAccordian .sidenav-subnav-item.active-page + .sidenav-subnav-item {
    border-top: none !important;
}

#sidenavAccordian a.sidenav-subnav-item:hover > [data-fa-pseudo-element=":before"] {
display: inline-block;
}

#sidenavAccordian>.card {
border: none;
background-color:#033c67;
border-radius: 0px;
}

#sidenavAccordian>.card:not(:last-of-type) {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
#sidenavAccordian>.card:not(:first-of-type) {
border-top-left-radius: 0;
border-top-right-radius: 0;
}

#sidenavAccordian>.card:last-child {
padding-bottom: 0.5rem;
}

h6[data-toggle="collapse"] {
    cursor: pointer;
}

h6[data-toggle="collapse"] > svg {
    margin-right: -10px;
}

h6[data-toggle="collapse"][aria-expanded="true"] > svg.fa-caret-left {
transform:rotate(-90deg);
transition: transform .5s ease;
}

h6[data-toggle="collapse"][aria-expanded="false"] > svg.fa-caret-left {
transition: transform .5s ease;
}


.sidenav > .card:first-child > .card-header {
    color:#f8f9fa;
    background-color:#033b65;
}

.sidenav > .card:not(:first-child) > .card-header,
.sidenav > .card:not(:first-child) > .card-header a,
.sidenav > .card:not(:first-child) > .collapse .card-body,
.sidenav > .card:not(:first-child) > .collapse .card-body a,
.sidenav > .card:not(:first-child) > .collapsing .card-body,
.sidenav > .card:not(:first-child) > .collapsing .card-body a{
    color:#f8f9fa;
border:none;
background-color:transparent;
}





/*
    FOOTER
*/

.footer-contact-details {
background-color:#033c67;
}

.footer-contact-details .contact-details {
    color:#f8f9fa;
}

.footer-contact-details .contact-details a {
color:#f9fafb;
}
















/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.carousel:not(.carousel-slider) {
height:0;
padding-bottom: 71%;
background-color: transparent;
}

/* Carousel base class */
.headline-carousel .carousel:not(.carousel-slider) {
height: calc(100vh - 87px);
max-height:300px;
padding-bottom: 0;
margin-top: 0 !important;
margin-bottom:0 !important;
border-radius: 0 !important;
border:none !important;
}

.headline-carousel > .video {
    margin:0 !important;
}


/* Declare heights because of positioning of img element */
.carousel:not(.carousel-slider) .carousel-item {
height:0;
padding-bottom: 71%;
}

.headline-carousel .carousel:not(.carousel-slider) .carousel-item {
    height: calc(100vh - 87px);
max-height:300px;
padding-bottom: 0;
}

.carousel:not(.carousel-slider) .carousel-inner > .carousel-item > .img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 0;
padding-bottom: 71%;
background-position: center;
background-repeat: no-repeat;
background-color:transparent;
background-size: contain;

}

.headline-carousel .carousel:not(.carousel-slider) .carousel-inner > .carousel-item > .img {
background-size: cover;
    height: calc(100vh - 87px);
max-height:300px;
padding-bottom: 0;
}


.carousel:not(.carousel-slider) .carousel-control-prev,
.carousel:not(.carousel-slider) .carousel-control-next {
display:none;
background-image:none !important;
width: 5%;
min-width:60px;
opacity: 0.6;
top: 50%;
height:60px;
margin-top:-30px;
background-color:#819eb3;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.headline-carousel .carousel:not(.carousel-slider) .carousel-control-prev,
.headline-carousel .carousel:not(.carousel-slider) .carousel-control-next {
min-width:80px;
height:80px;
margin-top:-40px;
}


.carousel:not(.carousel-slider) .carousel-control-prev .carousel-control-prev-icon,
.carousel:not(.carousel-slider) .carousel-control-next .carousel-control-next-icon {
width:30px;
height:30px;
}

.headline-carousel .carousel:not(.carousel-slider) .carousel-control-prev .carousel-control-prev-icon,
.headline-carousel .carousel:not(.carousel-slider) .carousel-control-next .carousel-control-next-icon {
width:40px;
height:40px;
}





.carousel:not(.carousel-slider) .carousel-control-prev:hover,
.carousel:not(.carousel-slider) .carousel-control-next:hover {
background-color:#033c67;
opacity: 0.8;
display:block;
}

.carousel:not(.carousel-slider) .carousel-control-next {
border-radius: 40px 0 0 40px;
}
.carousel:not(.carousel-slider) .carousel-control-prev {
border-radius: 0 40px 40px 0;
}

@media screen and (min-width: 768px)
{

/* Carousel base class */
.headline-carousel .carousel:not(.carousel-slider) {
    height: calc(100vh - 200px);

max-height: calc(100vh - 200px);
}

.headline-carousel > .video {
    height: calc(100vh - 200px);
max-height: calc(100vh - 200px);
}

.headline-carousel > .video,
.headline-carousel > .video .video-js {
    padding-bottom: calc(100vh - 200px) !important;
}

/* Declare heights because of positioning of img element */
.headline-carousel .carousel:not(.carousel-slider) .carousel-item {
    height: calc(100vh - 200px);
max-height: calc(100vh - 200px);
}
.headline-carousel .carousel:not(.carousel-slider) .carousel-inner > .carousel-item > .img {
    height: calc(100vh - 200px);
max-height: calc(100vh - 200px);
}

}

.headline-carousel .album-counter {
display:none !important;
}

.carousel:not(.carousel-slider) .carousel-caption {
text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
background-color:rgba(3,60,103,0.5);

left:5px;
right:5px;
    bottom: 40px;

padding-top:5px;
padding-bottom:5px;
}

@media (min-width: 992px) {
.headline-carousel .carousel:not(.carousel-slider) .carousel-caption {
        bottom: 71px;
}
}

@media (min-width: 1200px) {
.headline-carousel .carousel:not(.carousel-slider) .carousel-caption {

            left: calc((100vw - 1110px) / 2);
        right: calc((100vw - 1110px) / 2);
        bottom: 71px;

}
}

.carousel:not(.carousel-slider) .carousel-caption p {
margin:0;
color:#343a40;
}

#responsive-menu-button {
    border-color: transparent;
    color:#f8f9fa;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
/* Navbar positioning foo */
.navbar-wrapper {
margin-top: 20px;
}
.navbar-wrapper .container {
padding-right: 15px;
padding-left: 15px;
}
.navbar-wrapper .navbar {
padding-right: 0;
padding-left: 0;
border-radius: 4px; /* The navbar becomes detached from the top, so we round the corners */
}

/* Bump up size of carousel content */
.carousel-caption p {
margin-bottom: 20px;
font-size: 18px;
line-height: 1.4;
}

.featurette-heading {
font-size: 50px;
}
}

@media (min-width: 992px) {
.featurette-heading {
margin-top: 120px;
}
}

a.card .card-img-overlay {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: rgba(0,0,0,0.3);
}

a.card:hover .card-img-overlay {
background-color: rgba(255,255,255,0);
text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}

.homeblockquote  {
padding: 0;
z-index: 0;
}

.homeblockquote blockquote .smaller {
    font-weight: 400;
    font-size: 17px;
    clear: both;
    display: block;
    margin: 10px 0;
}

.homeblockquote blockquote .smaller::before,
.homeblockquote blockquote .smaller::after {
content: '';
background: #ffffff;
width: 20px;
height: 1px;
display: inline-block;
position: relative;
top: -5px;
}

.homeblockquote blockquote .smaller::before {
left: -10px;
}

.homeblockquote blockquote .smaller::after {
right: -10px;
}

.homeblockquote blockquote {
background-color:#033c67;
}

.homeblockquote blockquote h4 {
color:#ffffff;
}

.homeblockquote blockquote .textblock > .textblock {
color:#ffffff;
font-size:12px;
}

@media (min-width: 992px) {
.homeblockquote {
position: relative;
z-index: 1;
}
blockquote {
bottom: 70px;
right:15px; z-index: 100000; width:450px; min-height:100px;

max-height:calc(100vh - 340px);

position: absolute; overflow: scroll;
border-radius: .25rem!important;
}
}

.poweredby {
height: 45px;
width: 147px;
display: inline-block;
}

.fc-view-container {}

.fc-list-empty {
    display:none;
}



.accordion > .card.l2,
.accordion > .card.l3 {
}


.fc-button {
background-color:#033c67;
border-color:#033053;
color:#f8f9fa;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}

.fc-button:hover {
background-color:#033053;
border-color:#02243e;
}




.fc-toolbar.fc-header-toolbar {
margin-bottom: 0.7rem;
}

.fc-toolbar h2 {
color:#033c67;
}

#calendar.homebox .fc-toolbar h2 {
font-size: 1.3rem;
color:#033c67;
}

#calendar.homebox .fc-toolbar h2::after {
display:none !important;
}


.homeboxes {
    background-color:#edbc07;
    color:#033c67;
}

.homeboxes h2:after {
content:'';
display:block;
box-sizing: content-box;
height: 0;
overflow: visible;
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid  #033c67;
opacity: 0.5;
}
    
.fc-scroller.fc-day-grid-container {
    height:auto !important;
}

.home-calendar-container {
    min-height:312px;
}


.fc-head-container {
background-color:#033c67 !important;
}


.fc-day-grid-event {
padding:.3rem .3rem .5rem .3rem;
}
.fc-day-grid-event .fc-time {
display: block;
font-weight: 300;
}
.fc-day-grid-event .fc-title {
display: block;
overflow: auto;
white-space: normal;
line-height: 1rem;
font-weight: 600;
}


.fc-list-table,
.fc-list-table tbody,
.fc-list-table tr,
.fc-list-table td {
    display: block;
}

.fc-list-heading {
    margin-top: 1rem;

}


.fc-list-heading:first-child {
    margin-top: 0px;
}

.fc-list-item-marker {
    display:none !important;
}

.fc-list-heading td {
    background-color:#033c67 !important;
    color:#f8f9fa !important;
    overflow: hidden;
border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;padding: .75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0,0,0,.03);
border-bottom: 1px solid rgba(0,0,0,.125);
}

.fc-list-heading .fc-list-heading-alt {
    float: left;
}

.fc-list-heading .fc-list-heading-main {
    float:right;
}

.fc-list-empty {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;

position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
margin:0;
    font-weight: 600;
}

.fc-list-item {
border-bottom: 1px solid rgba(0,0,0,.125);
border-right: 1px solid rgba(0,0,0,.125);
border-left: 1px solid rgba(0,0,0,.125);
overflow:hidden;
}

.fc-unthemed .fc-list-item {
background-color: #f5f5f5;
color:#343a40
}

.fc-unthemed .fc-list-item:hover {
background-color:#e9e9e9;
}


.fc-list-item td {
padding: .75rem 1.25rem;
border: none;
}

.fc-unthemed .fc-list-item:hover td {
background-color:transparent;
}

.fc-list-item td:first-child {

float:right;
    text-align: right;
    font-size: .7rem;
width: 100px;
padding-left:5px;
line-height:2.2;
}
.fc-list-item td:last-child {
float:left;
}

.fc-list-item td.fc-list-item-time {
    font-weight: 300;
}

.fc-list-item td.fc-list-item-title {
    font-weight: 500;
width: calc(100vw - 185px);
padding-right:5px;
}

@media (min-width: 768px) {
.fc-list-item td.fc-list-item-title {
width: calc(100vw - 265px);
}
}

.fc-head-container .fc-day-header {
    padding: 6px 0 6px 0;
    color:#f8f9fa;
}


.fc-day-grid {
    background-color:#f5f8f9;
}

.fc-day-grid-event.fc-event {
    background-color:#033c67;
    border-color:#033c67;
    color:#f8f9fa;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.fc-day-grid-event.fc-event:hover {
background-color:#03365d;
border-color:#03365d;
color:#f8f9fa;
}

.fc-unthemed td.fc-today {
    background-color:#b4c5d2;
}


.fc-row {
    display: -ms-flexbox!important;
    display: flex!important;
}

.fc-row .fc-content-skeleton {
    -ms-flex-item-align: center!important;
    align-self: center!important;
}

.fc-day-top {
    text-align: center;
}


.fc-day-number {
    display: inline-block;
    width:30px;
    height:30px;
    line-height: 30px;
    color: #343a40;
}

@media (min-width: 768px) {
        #calendar:not(.homebox) .fc-row .fc-content-skeleton {
        -ms-flex-item-align: start !important;
        align-self: start !important;
    }
    #calendar:not(.homebox) .fc-day-top {
        text-align: left;
        padding: 0 0.5rem !important;
    }
}

.fc-today > .fc-day-number {
    color:#343a40;
}

.calendar_event_by_date {
background:#033c67;
border-radius: 50%;
display: inline-block;
width:30px;
height:30px;
line-height: 30px;
color:#f8f9fa;
-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.calendar_event_by_date:hover {
    background:#033053;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.6);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.6);
    color:#f8f9fa;
}

.modal-header {
    background-color:#033c67;
}

.modal-header .modal-title {
    color:#f8f9fa;
    line-height: 1.2;
}

.modal-header .close {
color:#f8f9fa;
}

.modal-header a {
color:#f8f9fa;
}

.modal-body + .modal-body {
    padding: 0 1rem 2rem 1rem;
}



/*
    IMPORTANT MESSAGE
*/

@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
    .ticker-wrap {
    z-index: 1040 !important;
        position: fixed;
    top: 0;
        width: 100%;
        overflow: hidden;
        height: 3rem;
        background-color: rgba(0, 0, 0, 0.9);
        padding-left: 100%;
    box-sizing: content-box;
    box-shadow: grey 0px 0px 5px;
            background-color:rgba(255, 255, 255, 1) !important;
        }


.ticker-wrap::before {
display: none;
-webkit-font-smoothing: antialiased;
font-family: 'Font Awesome 5 Duotone' !important;
font-weight:900;
content: '\f12a';
}

.ticker-wrap > [data-fa-pseudo-element=":before"] {
display: inline-block;
position: absolute;
top:0;
left:0;
bottom:0;
width: 4rem;
height:100%;
line-height: 2rem;
padding:0.5rem;
background-color:#edbc07;
color:#f8f9fa;
z-index:1;
}


.ticker-wrap>.after {
    position: absolute;
display:block;
    left:4rem;
    top:0;
    bottom:0;
    width:0;
    height:0;
    border-top: 1.5rem solid transparent;
    border-bottom: 1.5rem solid transparent;
    border-right: 1.5rem solid transparent;
    border-left: 1.5rem solid  #edbc07;
    background-color:transparent;
    z-index:1;
}

    .ticker-wrap .ticker {
    display: inline-block;
        height: 3rem;
    line-height: 3rem;
        white-space: nowrap;
        padding-right: 100%;
    box-sizing: content-box;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-name: ticker;
        animation-name: ticker;
        -webkit-animation-duration:7.1428571428571s;
        animation-duration:7.1428571428571s;
    }

.ticker-wrap .ticker__item {
    display: inline-block;
    padding: 0 2rem;
    font-size: 14px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
            color:#343a40 !important;
    }

@media (min-width: 992px) {
.ticker-wrap .ticker__item {
font-size:24px;
}



}


/*
    RECAPTCHA
*/

.grecaptcha-badge {
    z-index: 1001;
}



/*
    FORMS
*/

.form-group {
    position: relative;
}

.form-group > label {
    color: #9e9e9e;
    position: absolute;
    top:0;
    left: 1rem;
    font-size: 1rem;
    cursor: text;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    text-align: initial;
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
}

.form-control-lg {
    padding: 1rem 1rem 0.75rem 1rem;
}

.form-group>input:focus + label,
.form-group>textarea:focus + label,
.form-group>input:not(:placeholder-shown) + label,
.form-group>textarea:not(:placeholder-shown) + label {
    -webkit-transform: translateY(-14px) scale(0.8);
    transform: translateY(-14px) scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    top: 5px;
    background-color:#FFF;
    padding: 1px 10px;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
    border-radius: 5px;
}

.form-control:focus {
box-shadow: 0 0 0 0.05rem rgba(0,123,255,.25);
}

.goog-te-gadget-simple {
border:none !important;
}

#map-canvas {
    height:0;
    padding-bottom: 100%;
}


.sidr {
width:calc(100vw - 88px);
background-color:#033c67;
box-shadow: none;
border-left:2px solid #fff;
}

.sidr a {
    color:#f8f9fa;
}

.sidr.right {
left: auto;
right:calc((100vw - 88px) * -1);
}

.sidr input[type="text"], .sidr input[type="password"], .sidr input[type="date"], .sidr input[type="datetime"], .sidr input[type="email"], .sidr input[type="number"], .sidr input[type="search"], .sidr input[type="tel"], .sidr input[type="time"], .sidr input[type="url"], .sidr textarea, .sidr select {
font-size: 1rem;
padding: .375rem .75rem;
background-color: #fff;
margin:0;
color: #495057;
}

.sidr #accordionL1 {
border-top: 1px solid rgba(255,255,255,0.5);
}


.sidr .card {
background-color: transparent;
font-size:1.3rem;
}

.sidr .card-header {
background-color: transparent;
border: none;
}

.sidr .active.l1 > .card-header {
    background-color:#033c67;
}



.sidr .active.l1 > .card-header > a {
    color:#f8f9fa;
    -webkit-appearance: none !important;
}



.sidr .active.l1 > .card-header + .collapse,
.sidr .active.l1 > .card-header + .collapsing {
}


.sidr .active.l2 > .card-header {
    background-color:#4f7795;
}

.sidr .active.l2 > .card-header > a {
    color:#f8f9fa;
-webkit-appearance: none !important;
}


.sidr .active.l2 > .card-header + .collapse,
.sidr .active.l2 > .card-header + .collapsing {
}

.sidr .active.l3 > .card-header {
    background-color:#819eb3;
}

.sidr .active.l3 > .card-header > a {
    color:#f8f9fa;
-webkit-appearance: none !important;
}




.sidr .active.l3 {
background-color:#819eb3;
}

.sidr .active.l3 > a {
color:#f8f9fa;
}

        .sidr .active.l4 {
        background-color:#9bb1c3;
        }

        .sidr .active.l4 > a {
        color:#f8f9fa;
        }







.sidr .l1 > .card-header > a[aria-expanded="false"] > svg.fa-caret-left,
.sidr .l2 > .card-header > a[aria-expanded="false"] > svg.fa-caret-left,
.sidr .l3 > .card-header > a[aria-expanded="false"] > svg.fa-chevron-left{
transition: transform .5s ease;
}

.sidr .l1 > .card-header > a[aria-expanded="true"] > svg.fa-caret-left,
.sidr .l2 > .card-header > a[aria-expanded="true"] > svg.fa-caret-left,
.sidr .l3 > .card-header > a[aria-expanded="true"] > svg.fa-chevron-left{
transform:rotate(-90deg);
transition: transform .5s ease;
}


body .login-header > .container
{
-webkit-transition: max-width 0.4s ease;
-moz-transition: max-width 0.4s ease;
-o-transition: max-width  0.4s ease;
transition: max-width 0.4s ease;
}

body.sidr-open .login-header > .container
{
    max-width:100%;
}


.dropdown-submenu {
position: relative;
}

.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
}


#google_translate_element select {
    -webkit-appearance: none !important;
}



.open-cookie-modal:not([href]) {
    position:fixed;
bottom: 15px;
left: 0;
background-color: rgba(255,255,255,0.7);
border-radius: 0 5px 5px 0;

-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index:1;

}

.open-cookie-modal:not([href]):hover {

background-color: rgba(255,255,255,0.9);
}

#cookie-icon {
background-image: none !important;
color: #755041;
position: relative !important;
bottom: auto !important;
left:auto !important;
width: auto !important;
border-radius: 0 !important;
margin-top: 0 !important;
height: 68px !important;
padding: 10px;
}

#cookie-icon::before {
display: none;
-webkit-font-smoothing: antialiased;
font-family: 'Font Awesome 5 Duotone' !important;
font-weight: 900;
content: "\f564";
font-size:3rem !important;
}

#cookie-icon > [data-fa-pseudo-element=":before"] {
display: inline-block;
width: 3rem;
height: 3rem;
}

.slogan-container {
top:0; z-index: 1; background-color:rgba(255,255,255,0.5);
}


h1.slogan {
text-shadow: 1px 1px 1px  #f8f9fa;
font-family:;font-size:0px;
text-align: center;
color:#343a40;
}

@media (min-width: 992px) {
    h1.slogan {
        text-align:left;
font-size:0px;
    }
}


.scroll-to-view {
margin-left:0;
margin-right:10px;
transform: rotate(-20deg);
-webkit-animation:linear infinite alternate;
-webkit-animation-name: run;
-webkit-animation-duration: 2s;
}


@-webkit-keyframes run {
0% { margin-left: 0; margin-right: 10px;}
50%{ margin-left : 10px; margin-right: 0;}
100%{ margin-left: 0; margin-right: 10px; }
}

.welcome-message {
    background-color:#033c67;
color:#ffffff;
            padding-left:0 !important;
        padding-right:0 !important;
    }

.welcome-message-content * {
color:#ffffff;
}

.welcome-message h2 {
    font-size: 1.5rem;
}

.welcome-message h2 + hr {
border-top: 1px solid  #ffffff;
}


@media (min-width: 768px) {
.welcome-message {
        }
}

@media (min-width: 992px) {



.welcome-message h2 {
font-size: 2rem;
}
}



.twitter-link {
color: #38A1F3;
line-height:1;
}

.twitter-link:hover {
color:#3391db !important;
}

.facebook-link {
color: #4267B2;
line-height:1;
}

.facebook-link:hover {
color:#3c5da1 !important;
}

.instagram-link {
color: #E1306C;
line-height:1;
}

.instagram-link:hover {
    color:#cb2c62 !important;
}

.linkedin-link {
color: #2867B2;
line-height:1;
}

.linkedin-link:hover {
color:#245da1 !important;
}




.home-link-button-container {
z-index:1;
}

.home-link-button-container > .row > .col-12 > .row {
    margin-top:-50px;
}

.home-link-button-container h5.card-title {
    color:#ffffff;
}
@media (min-width: 992px) {
.home-link-button-container > .row > .col-12 > .row {
}
}

    .page-content > div {
        background-color:#ffffff;
    }
    body.home .page-content > div {
        background-color:rgba(3, 60, 103, 1);
    }


.table-responsive > table {
    min-width:100%;
}

.welcome-message {
position:relative;
min-height: 350px;
overflow: hidden;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}

.welcome-message.expandable {
padding-bottom:68px !important;
}

.expand-container {
    position: absolute;
    bottom: 0;
    left:0;
    right: 0;
    height: 68px;
    background-color:#033c67;
}

