/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700;900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;700&family=Montserrat:wght@200;300;400;500;700;900&family=Oswald:wght@300;400;600&family=Roboto+Condensed:wght@300;400;700&display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Lexend:wght@300;400;700&family=Montserrat:wght@200;300;400;500;700;900&family=Oswald:wght@300;400;600&family=Playfair+Display:wght@400;600&family=Roboto+Condensed:wght@300;400;700&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Lexend:wght@300;400;700&family=Montserrat:wght@200;300;400;500;700;900&family=Oswald:wght@300;400;600&family=Playfair+Display:wght@400;600&family=Roboto+Condensed:wght@300;400;700&family=Roboto+Mono:wght@400;600&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,700;0,900;1,400;1,700;1,900&display=swap');


/* UNIVERSAL */

/* .ck-content {
margin-bottom: 10em;
} */
body {
font-family: 'Montserrat', sans-serif;
font-size: 92%;
/* overflow-x: hidden; */
}
span {
font-weight: 300 !important;
}
.no-underline {
text-decoration: none !important;
}
@keyframes pulse {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.05);
opacity: 0.8;
}
100% {
transform: scale(1);
opacity: 1;
}
}

/* CKEditor text background padding fix */
.container.template-pages span[style*="background"],
.container.template-pages span[style*="background-color"],
.container.template-pages p[style*="background"],
.container.template-pages li[style*="background"] {
  padding: 0.4em .6em;
  border-radius: 2px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1.4;
}

.container.template-pages {
max-width: 1500px;
}
.pulse-animation {
animation: pulse 1.5s forwards;
/*animation: pulse 1s infinite;*/
}

li.breadcrumb-item a {
color: #6d6e70;
font-weight: 400;
text-decoration: none;
}
p, li, h1, h2, h3, h4, h5 {
-webkit-font-smoothing: antialiased;
}
ol.breadcrumb {
border-bottom: solid #e9e9e9 0.15em;
padding: 0.2em;
width: 98.5%;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1.1em;
}
.highlighted {
background-color: yellow;
}
.hp-search-link {
font-size: .9em !important;
}
.plyr.plyr--full-ui.plyr--video.plyr--youtube.plyr--fullscreen-enabled.plyr--hide-controls:hover,
#hp-video-player:hover {
max-height: 32em;
}
/*
.plyr__video-wrapper.plyr__video-embed {
max-height: 32em;
}
*/
.plyr--hide-controls .plyr__controls {
display: none;
}
.plyr--hide-controls:hover .plyr__controls {
display: flex;
}
.breadcrumb-item+.breadcrumb-item::before {
color: #595959;
content: var(--bs-breadcrumb-divider, "/");
content: var(--bs-breadcrumb-divider, ".");
}
span.three100-text {
font-weight: 350;
}
.hp-learn-more-btn {
padding: 0.5em 2em;
margin-top: 1em;
}
/* .light-gray-bg, .hp-search.hpsearch.collapse.show, .template-pages { */
.hp-search.hpsearch.collapse.show {
/* background: rgb(204 204 204 / 70%);
background: linear-gradient(to top, rgb(97, 97, 97), rgb(194 196 196)); */
padding-bottom: 7em;
}
.pad-l-0 {
padding-left: 0;
}
.color-red {
color: red;
}
.hp-scs-logo-text {
border: none !important;
}
.nav22-about-box {
color: #FFF;
background: #142330;
padding: 1em 0 1em 1em;
display: table;
}
.nav22-supbox {
color: #FFF;
background: #006436;
padding: 1em 0 1em 1em;
display: table;
}
.navmenupromo23 {
width: 60%;
margin: 4em auto 1em auto;
display: block;
transition: .25s;
}
.navmenupromo23:hover {
transform: scale(1.15);
}
.ck-content .image img {
display: block;
}
.hp-carousel-overlay {
position: absolute;
z-index: 0;
width: 100%;
background: linear-gradient(to top, #000000, rgb(143, 148, 251, .0));
height: 100%;
display:none;
}
.offcanvas i {
color: #ffc107;
}
.compliance-resizer i {
    color: #FFF;
}

/* .mscs-template-side-menu {
background: #ffffff;
padding: 1% 0 2% 0;
margin: 0 1em;
border-top: solid #4d90fe;
} */
.mscs-template-side-menu {
background: #f7f7f7;
padding: 1% 0 2% 0;
border-top: solid #4d90fe;
border-radius: 0 0 2em 2em;
margin: 0 1em 1em 0 !important;
}
.mscs-template-side-menu ul li {
list-style-type: none;
font-weight: normal;
padding: 0.5em 1.5em 0.5em 0;
/*border-bottom: solid 0.15em #e5e5e5;*/
border-bottom: solid 0.15em #ffffff;
padding-bottom: 0.7em;
}
.mscs-template-side-menu ul li {
list-style-type: none;
font-weight: normal;
padding: 0.5em 0.25em 0.5em 0.25em !important;
width: 75%;
display: block;
margin: auto;
}
.mscs-template-side-menu ul li {
list-style-type: none;
font-weight: normal;
/* padding: 0.5em 1.5em 0.5em 2em !important; */
padding: 0.5em 0.5em 0.5em 0.5em !important;
width: 90%;
display: block;
margin: auto;
transition: .3s;
}
.mscs-template-side-menu ul li:hover {
background: #fff;
background: #d8deff;
}
.mscs-template-side-menu ul li ul li {
border-bottom: solid #ededed .2em;
font-size: 1.15em;
padding-top: .6em !important;
}
ul.tp-sublinks-panel.sub-links.fadeInRight {
background: #f3f3f3;
}
.mscs-template-side-menu a {
color: #403e3e;
font-weight: 400;
font-size: .87em !important;
text-decoration: none;
min-height: 1.6em;
/*display: block;*/
}
.mscs-template-side-menu a:hover {
color: #0e68fb;
}
i.fa-solid.fa-school.gold {
color: #ff9c01;
}
.schools-container a {
text-decoration: none;
font-weight: bold;
}
/*TEMPLATE PAGES SUBMENUS*/

@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

.sub-links {
display: none;
position: absolute;
right: 100%;
top: 0;
background-color: white;
z-index: 1000;
width: 260px;
opacity: 0;
transition: opacity 0.3s ease;
}

.sub-menuD:hover .sub-links {
display: block;
opacity: 1;
animation: fadeInRight 0.3s forwards;
}

.sub-menuD a {
display: flex;
justify-content: flex-start;
align-items: center;
text-decoration: none;
}

.sub-menuD a i {
margin-right: 10px;
}

.sub-menuD:hover > a {
text-decoration: none;
}

.mscs-template-side-menu i.fa-solid.fa-circle-chevron-left {
color: #4d90fe;
}
.tp-sublinks-panel {
font-size: .9em;
}
.tp-sublinks-panel li{
}

.offcanvas-temp-submenu-panel {
font-size: 1.1em;
}
/*DISABLED BECAUSE OF A CONFLICT WITH OTHER MODALS*/
/*
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
*/

.fadeInDown {
animation: fadeInDown 0.5s ease forwards;
}

.offcanvas-temp-submenu-panel .dropdown-menu {
display: none; /* Initially hidden */
}

.offcanvas-temp-submenu-panel .nav-item:hover .dropdown-menu {
display: block; /* Show dropdown on hover */
}
/*END TEMPLATE PAGES SUBMENUS*/

.template-menu-title ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sub-menuD {
    position: relative;
}

.sub-links {
    display: none;
    position: absolute;
    right: 100%; /* Display to the left of the parent menu */
    top: 0;
    background-color: white;
    z-index: 1000;
    width: 330px; /* Adjusted width for more room */
    opacity: 0;
    transition: opacity 0.3s ease;
	border-radius: .4em;
}
ul.sub-links {
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px 2px;
}
ul.sub-links li {
padding-top: .7em 0 !important;
}
.sub-links.fadeInRight {
    animation: fadeInRight 0.3s forwards;
}

.sub-menuD:hover .sub-links {
    display: block;
}

.sub-menuD a {
    display: flex;
    justify-content: flex-start; /* Align items to the left */
    align-items: center;
    text-decoration: none; /* Remove underline from links */
}

.sub-menuD a i {
margin-right: 10px;
color: #3184ff;
}
.sub-menuD:hover > a {
    text-decoration: none; /* Remove underline when hovering */
}
.sub-menuD i.fa-solid.fa-angle-left {
color: #4d90fe;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(20px);
    }
}

.offcanvas.fade-in {
    animation: fadeInRight 0.3s forwards;
}

.offcanvas.fade-out {
    animation: fadeOutRight 0.3s forwards;
}

.mscs-template-side-menu.ng-scope ul {
padding-left: 0rem !important;
}
/* ANIMATED CLOSE BUTTON */
#animatedclose .close-container {
position: absolute;
width: 50px;
height: 50px;
margin: 0.75em 1em;
cursor: pointer;
right: 0;
}
#animatedclose .leftright {
height: 4px;
width: 30px;
position: absolute;
margin-top: 24px;
background-color: #535353;
border-radius: 2px;
transform: rotate(45deg);
transition: all 0.3s ease-in;
}
#animatedclose .rightleft {
height: 4px;
width: 30px;
position: absolute;
margin-top: 24px;
background-color: #535353;
border-radius: 2px;
transform: rotate(-45deg);
transition: all 0.3s ease-in;
}
#animatedclose label {
color: #414141;
font-family: Helvetica, Arial, sans-serif;
font-size: 0.6em;
text-transform: uppercase;
letter-spacing: 2px;
transition: all 0.3s ease-in;
opacity: 0;
}
#animatedclose .close {
margin: 48px 0 0 -10px;
position: absolute;
}
#animatedclose .close-container:hover .leftright {
transform: rotate(-45deg);
background-color: #ff0000;
}
#animatedclose .close-container:hover .rightleft {
transform: rotate(45deg);
background-color: #ff0000;
}
#animatedclose .close-container:hover label {
opacity: 1;
}
/* END ANIMATED CLOSE BUTTON */

#navbar-content {
margin-top: 1em;
}
.center-text {
text-align: center;
}
.rel-pos {
position: relative;
}
.promo-stream-btn {
background: #ffffff;
border-radius: 2em;
text-align: center;
text-decoration: none;
transition: all .3s;
width: auto;
padding: 0.105em 0.7em;
border: solid #517ec3;
color: #517ec3;
display: inline-block;
margin-left: 0.35em;
}
.promo-stream-btn:hover {
background: #ffb500;
color: #ffffff;
}
.hp-section-titles {
/* font-family: 'Roboto Condensed', sans-serif; */
padding: 0.5em 0.5em;
text-transform: uppercase;
color: #343434;
font-size: 2.2em;
text-align: center;
font-weight: 300;
}
.hp-section-spacer {
padding: 5em 0;
}
.container.template-pages {
padding-top: 0;
}
.editor-container {
margin-top: 0%;
padding-right: 4%;
}
.template-staff-page-info:nth-of-type(even) {
background: #EDEDED;
}
.row.template-staff-page-info p {
margin: 0;
margin-bottom: .1rem;
text-rendering: optimizeLegibility;
padding-top: .1em;
}
.template-staff-page-info {
color: #333;
padding: 0.5em;
font-weight: 400;
}
.template-breadcrumb-container {
margin-top: 3em;
padding-left: 1em;
}

.template-staff-page-info, .template-staff-page-header {
padding: 0.7em 0.5em 0.5em 0.5em;
}
.row.template-staff-page-header p {
margin-bottom: 0;
}
.template-menu-title {
margin: 0;
text-align: left;
padding: 0.5em 1.2em 0.1em 1em;
font-weight: bold;
color: #254985;
font-size: 1.5em;
}
.row.template-staff-page-header {
background: #ffffff;
color: #000;
text-transform: uppercase;
border-radius: 0.4em 0.4em 0 0;
text-align: left;
font-weight: bold;
font-weight: 900 !important;
border-bottom: solid #6d6d6d;
padding-bottom: 0;
}
.row.template-staff-page-header.template-pages p, .row.template-staff-page-header.template-pages li {
font-weight: 300;
font-size: 105%;
margin-bottom: 0.7em;
font-weight: bold;
}
.container.template-pages h2 {
font-weight: bold;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
font-size: 2em;
}
.template-breadcrumb-container ol.breadcrumb li {
font-size: 80%;
}
li.breadcrumb-item.active {
font-style: italic;
background: #595959;
background: #d30202;
/*background: #001e4c;*/
background: #252d3a;
color: #FFF;
margin: -0.2em 0.1em 1em 0.5em;
padding: 0.2em 1.2em 0.1em 0em;
border-radius: 4em;
transition: .2s;
}
li.breadcrumb-item.active:hover {
background: #dc3545;
}
.menu-photo-box {
width: 90%;
display: block;
margin: 2em auto;
}
.menu-photo-box img {
width: 100%;
}
.menu-photo-box p {
text-align: center;
}
.row.tp-box-1-bg {
background: red;
background: #010d26;
color: #FFF;
width: 100%;
margin-bottom: 1em;
padding-top: 0.5em;
}
.row.tp-box-1-bg a {
color: white;
font-weight: bold;
}
.tp-box-title {
font-weight: bold;
}
.tp-box-title {
color: gold;
}
.hp-slider {
background-size: cover;
/* background-attachment: fixed; */
/* height: 40vw; */
height: 36vw;
/* background-position-y: 6em; */
position: relative;
}

.hp-slider .overlay {
/* background: linear-gradient(0deg,rgba(0,0,0,.75),rgb(0 0 0 / 50%)); */
background: linear-gradient(0deg,rgba(0,0,0,.15),rgb(0 0 0 / 10%));
position: absolute;
z-index: 0;
top: 0;
bottom: 0;
width: 100%;

}
.hp-slider:hover {
}

@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1500px;
}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
/* .dropdown:hover > .dropdown-menu {display: block; } */
}

@media (max-width: 2200px) {
.mscs-template-side-menu a {
font-size: .9em !important;
font-size: .95em !important;
font-weight: 400 !important;
color: #16171e !important;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1600px;
}
}

@media only screen and (min-width: 1100px) {
img.d-block.w-100 {
width: auto !important;
display: block;
margin: auto;
}
}
@media only screen and (max-width: 1200px) {
.hp-section-titles {
font-size: 3em
}
h3.slider-intro-text {
}
.hp-slider {
background-size: cover !important;
background-repeat: no-repeat;
/* min-height: 30em;
min-height: 25em; */
min-height: 31em;
}
}
/* @media only screen and (max-width: 800px) {
.hp-slider {
background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(/dist/img/home-page/82-d.jpg);
}
}
} */
@media only screen and (max-width: 1150px) {
nav.navbar.navbar-expand-lg.navbar-dark {
display: none;
}
.fixed-top {
position: fixed !important;
}
.nav-bar-locked-on-scroll-bg {
height: 9em;
background: #092b74;
position: fixed;
width: 100%;
z-index: 2;
}
.nav-bar-locked-on-scroll-bg {
height: 6em;
background: #092b74;
background: #00339f;
position: fixed;
width: 100%;
z-index: 2;
}
.announcements {
border: none;
margin: 0em auto 0em auto;
background: #041740;
transition: all .3s;
position: fixed;
z-index: 3;
width: 100%;
}
}

}
@media only screen and (max-width: 1000px) {
/* h3.slider-intro-text {
} */
.hp-data-box2 {
min-height: 20em;
margin-bottom: 2em;
}
.hp-slider {
min-height: 28em;
}
.template-breadcrumb-container ol.breadcrumb li {
font-size: 100%;
}
}
@media only screen and (max-width: 700px) {
.hide-for-small {
display:none;
}
.hp-section-titles {
font-size: 2.5em;
}
.margin-top-3 {
margin-top: 3em;
}
h3.slider-intro-text {
}
}
@media only screen and (max-width: 500px) {
.swiper-button-prev, .swiper-button-next {
margin-top: -87px;
}
.itn-thumbnail {
background-size: cover !important;
}
}
/* END UNIVERSAL */

/* HP PLAY VIDEO  */

.play-button-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: auto;
pointer-events: none;
}
.play-button-wrapper #circle-play-b {
cursor: pointer;
pointer-events: auto;
}

.play-button-wrapper #circle-play-b svg {
width: 100px;
height: 100px;
fill: #f00;
stroke: #f00;
cursor: pointer;
/* background-color: rgba(0, 0, 0, 0.2); */
border-radius: 50%;
opacity: 0.9;
transition: .3s;
}
.play-button-wrapper #circle-play-b svg:hover {
transform: scale(1.3);
}

/*
#hpvideoModal .modal-body {
background: #030b12;
border: gold solid;
}
*/
#hpvideoModal .modal-body {
background: #ffffff;
border: #ffffff solid;
border: none;
border-radius: .5em;
}
div#hpvideoModal h4 {
font-size: 1.5em;
padding-top: .7em;
}

.hp-play-btn-bg {
background: #FFF;
height: 5.5em;
position: absolute;
z-index: 0;
width: 5.5em;
border-radius: 4em;
}
.hp-video-modal-btn-close {
background: #F00;
}
/*
.hp-video-close-btn {
color: gold;
cursor: pointer;
float: right;
font-size: 2em;
position: absolute;
right: 0;
margin: -0.7em -1.2em;
}
*/
.hp-video-close-btn {
color: #ffffff;
cursor: pointer;
float: right;
font-size: 2em;
position: absolute;
right: 0;
margin: -0.7em -1.2em;
background: #ff0000;
border-radius: 2em;
height: 2em;
width: 2em;
border: solid .15em;
}
i.fa-solid.fa-xmark.hp-video-close-btn::before {
content: "\f00d";
position: absolute;
margin: .1em .21em;
font-size: 1.5em;
color: #ffffff;
}
#hpvideoModal h4 {
color: #0c0c0c;
font-size: 95%;
padding: 0.2em 0 0;
text-align: center;
}
/* END HP PLAY VIDEO */
/* COMPLIANCE PANEL */
.compliancepanel {
z-index: 9999;
}
.compliancepanel h4 {
margin-top: 1em;
font-size: 1em;
text-align: center;
color: #333;
}
.compliance-btn {
border: rgb(255 255 255 / 1) solid !important;
position: fixed;
z-index: 3;
top: 0;
right: 0;
margin: 25% 1%;
font-size: 2em;
border-radius: 2em;
border-radius: 0.4em;
height: 2em;
width: 2em;
transition: .5s;
}
.compliance-btn:hover {
border: rgb(255 255 255 / 1) solid;
background-color: #21D4FD;
background-image: linear-gradient(19deg, rgb(13, 110, 253) 0%, rgb(0, 0, 0) 100%);
}
.compliance-resizer button {
transition: 0.2s;
border: none;
transition: .3s;
}
/* .compliance-resizer:hover button {
background: #333;
} */
/* COMPLIANCE PANEL END*/

/* OFF CANVAS MENU */
.off-canvas-menu {
position: absolute;
margin: 2em 0px;
background: none !important;
}
.off-canvas-menu li.nav-item {
font-size: 1.2em;
}
.off-canvas-menu button.navbar-toggler {
/*
margin-top: -3.2em;
margin-top: -4.2em;
margin-top: -1.2em
*/
margin-top: -2.2em;
}

/* .alert-margin-for-navbar {
margin-top: -6.2em !important;
} */
.navbar-toggler-margin-on-scroll {
margin-top: -7.2em;
position: fixed;
right: 0;
width: 3em;
}
/* button.navbar-toggler.hpnbt.\.navbar-toggler-margin-on-scroll {
margin-right: 1em;
margin-top: -7em;
position: fixed;
z-index: 2;
right: 0;
} */
button.navbar-toggler.hpnbt.\.navbar-toggler-margin-on-scroll {
margin-right: 1em;
margin-top: -5em;
position: fixed;
z-index: 2;
right: 0;
}
.off-canvas-nav-logo {
margin: 1em 0;
height: 2.5em;
display: block;
z-index: 1;
top: 0;
}

.off-canvas-menu {
position: absolute;
margin: 6em 0px;
background: none !important;
}

.off-canvas-nav-logo {
margin-top: -5em;
height: 2.5em;
display: none;
transition: all .3s;
}
@media only screen and (max-width: 1150px) {
.off-canvas-nav-logo {
/*
margin: -1.3em 0;
height: 3.5em;
margin: -2em 0em !important;
*/
margin: -4em 0em !important;
width: 260px;
height: auto;
display: block;
z-index: 1;
top: 0;
filter: drop-shadow(2.5px 2.5px 5px #000);
}
.compliance-btn {
margin: 40% 1%;
}
}

/* PRELOADER */
/* Preloader
-------------------------------------------------------*/

.loader-mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 99999;
}

.loader {
position: absolute;
left: 50%;
top: 50%;
width: 50px;
height: 50px;
font-size: 0;
color: #00c9d0;
display: inline-block;
margin: -25px 0 0 -25px;
text-indent: -9999em;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.lead{
font-size:13px;
}
.loader div {
background-color: #d9b06a;
display: inline-block;
float: none;
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
opacity: .5;
border-radius: 50%;
-webkit-animation: ballPulseDouble 2s ease-in-out infinite;
animation: ballPulseDouble 2s ease-in-out infinite;
}

.loader div:last-child {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}

@-webkit-keyframes ballPulseDouble {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}

@keyframes ballPulseDouble {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/* END PRELOADER */


@media only screen and (max-width: 1000px) {
.hp-google-translate {
  margin: 10.5em 0em;
}
.off-canvas-nav-logo {
margin: -4em 0em;
}
}

@media only screen and (max-width: 700px) {

/* .off-canvas-nav-logo {
margin: -3.5em 0;
height: 3.5em;
} */
.off-canvas-nav-logo {
/* margin: -4.5em 0; */
margin: -2.7em 0;
width: auto;
height: 2.5em;
filter: drop-shadow(2.5px 2.5px 5px #0ebeff);
filter: drop-shadow(2px 2px 7px rgb(14 190 255 / 20%));
}
.off-canvas-menu {
margin: 8em 0px;
margin: 6em 0px;
}
/* .nav-bar-locked-on-scroll-bg {
height: 8.5em;
height: 8em;
} */
.nav-bar-locked-on-scroll-bg {
height: 8em;
/*height: 10em;*/
}
.off-canvas-menu button.navbar-toggler {
margin-top: -5.2em;
}
.compliance-btn {
margin: 50% 1%;
}
}

@media only screen and (max-width: 650px) {

/*
.off-canvas-nav-logo {
margin: -5.5em 0em !important;
width: 11em;
}
*/
}


@media only screen and (max-width: 550px) {
.off-canvas-nav-logo {
height: 2.5em;
margin: -3.2em 0;
}
}
/* END OFF CANVAS MENU  */

/* HEADER SECTION*/
#SCSlogoRound {
height: 60px;
transition: all .3s;
display: block;
margin: auto 0em;
}
.hp-video-container {
/* height: 40vw; */
/* height: 50vw; */
overflow: hidden;
margin-top: -.5em;
/* border-bottom: solid #063382; */
}
.hp-video-header {
height: 60vw;
}
.hp-navbar-section .navbar-toggler .hamburger-toggle .hamburger span {
background: rgb(255 255 255 / 80%);
}
.goog-te-gadget-icon {
display:none;
}

.goog-te-gadget-simple {
font-size: 8.5pt;
display: inline-block;
cursor: pointer;
padding: 0.5em !important;
zoom: 1;
}

.goog-te-gadget-simple span {
color: #3e3065 !important;
}
/* .logo-under-slider img {
width: auto;
display: block;
margin: -4em auto;
border-radius: 5em;
} */
.logo-under-slider img {
width: auto;
display: block;
position: absolute;
margin: 44em auto;
border-radius: 5em;
z-index: 3;
left: 0;
right: 0;
}
.announcements {
position: absolute;
position: fixed;
border: none;
margin: 0em auto 0em auto;
background: #041740;
transition: all .3s;
width: 100%;
z-index: 1030;
/* min-height: 2.1em; */
/* max-height: 3.4em; */
}

.announcements p {
font-size: 1em;
text-align: center;
padding: 0.6em 3em 0.4em 3em;
margin: 0 !important;
transition: .2s;
color: #FFF;
color: rgb(0 0 0)
}
.announcements p:hover {
color: gold;
background-color: #1b64ff;
}
.announcements {
background-color: #1b64ff;
background-color: #FFC107;
}
.announcements span.hp-social-btns a, .hp-navbar-section span.hp-social-btns a {
color: #FFF;
padding: 0.2em 0.4em;
transition: .2s;
}
.announcements span.hp-social-btns, .hp-navbar-section span.hp-social-btns {
display: inline-block;
position: absolute;
right: 0;
margin: -1.5em 11em;
margin: 0.5em 1em;
margin: -1.4em 1em;
margin: 0.2em 1em;
z-index: 2;
}
.announcements span.hp-social-btns a:hover, .hp-navbar-section span.hp-social-btns a:hover {
color: gold;
}
.promo-container a, a .announcements, a.announcements {
text-decoration: none;
}
.promo-container a p {
font-size: 90%;
}
.announcements p:hover, .hp-navbar-section p:hover {
color: #FFF !important;
/* background: #021130; */
}

.hp-top-bar i:hover {
color: gold;
}
.hp-top-bar i {
color: #fcfcfc;
margin-right: 0.5em;
background: rgb(0 0 0 / 0%);
padding: 0.5em;
border-radius: 0.5em;
}
.hp-social-btns {
text-align: center;
}
.site-header-section {
background: #092b74;
/* padding: 1em 0 0 0; */
position: relative;
}

@media only screen and (max-width: 1550px) {
ul.navbar-nav.mr-auto.mb-2.mb-lg-1.hp-top-navbar {
display: none;
}
}

@media only screen and (max-width: 1450px) {
.hp-navbar-section span.hp-social-btns {
display:none;
}
}

/* LANGUAGE SELECTOR */

/* select#translate-language {
padding: 0.5em;
border: none;
color: #333;
text-transform: uppercase;
font-size: .9em;
} */
.hp-google-translate.hptranslate.theme22a {
background: none !important;
}
.translate {
font-size: 12px;
color: #333;
max-width: 60%;
}

.google-wrapper {
display: inline-block;
width: 110px;
background-color: #fff;
color: rgb(35 35 35 / 90%);
overflow: hidden;
position: relative;
height: 34px;
line-height: 34px;
border-bottom: solid #1b64ff 0.3em;
}
.google-wrapper select {
border: none;
background: transparent;
font-size: 11px;
width: 100%;
text-transform: uppercase;
color: #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
cursor: text;
padding: 0px 10px 5px 10px;
font-weight: bold;
background: #ffffff;
}

.google-wrapper a,
.google-wrapper a:hover {
display: inline-block;
background-color: none;
border: none;
color: #939598;
text-decoration: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
cursor: pointer;
width: 20px;
transition: all .3s ease;
margin: 0;
}

.google-wrapper a:before {
content: "";
display: inline-block;
width: 0;
height: 0;
border: 4.5px solid transparent;
border-left-color: #939598;
position: absolute;
top: 50%;
left: 5%;
margin-top: -5px;
}

#translator-wrapper select:focus,
#translator-wrapper a:focus,
#translator-wrapper select:active,
#translator-wrapper a:active {
border: none;
outline: none;
cursor: pointer;
}

.google-dropdown {
background: #FFFFFF;
color: #020202;
min-width: 190px;
padding: 15px;
line-height: 20px;
font-size: 10px;
}
#translator-wrapper a:hover,
#translator-wrapper a:active {
opacity: 0.9;
}
.hp-google-translate {
position: fixed;
top: 0;
right: 0;
margin: 8em 0em;
margin: 7em 22em;
margin: 11em 22em;
margin: 11em 14em;
z-index: 1038;
}

.hp-translate-margin-on-scroll {
margin: 3.8% 9%;
margin: 10.8% 9%;
margin: 5.8% 9%;
}
@media only screen and (max-width: 1280px) {
announcements p {
font-size: 100%;
}
.announcements span.hp-social-btns, .hp-navbar-section span.hp-social-btns {
display: none;
}
}
@media only screen and (max-width: 1200px) {
#HP_YT_Video iframe {
margin-top: 0em;
}
.site-header-section {
display: none;
}
.hp-google-translate {
position: fixed;
top: 0;
right: 0;
margin: 7em 0em;
z-index: 9999;
z-index: 99;
}
}
/* HP POPUP */
/* #hpPopupModal {

} */
#hpPopupModal h2 {
text-align: center;
}
/* #hpPopupModal p {
color: #333; 
text-align: center;
} */
/* END HP POPUP */

@media only screen and (max-width: 1150px) {
.announcements span.hp-social-btns, .hp-navbar-section span.hp-social-btns {
margin: 3.5em 1em;
z-index: 2;
}
}
@media only screen and (max-width: 1080px) {
.announcements span.hp-social-btns, .hp-navbar-section span.hp-social-btns {
margin: 4.5em 1em;
display: none;
}
span.hp-social-btns {
margin: 1.5em 1em;
position: absolute;
}
.off-canvas-menu button.navbar-toggler {
/*
margin-top: -1.2em;
margin-top: -5.2em;
*/
margin-top: -5.5em;
}
}
@media only screen and (max-width: 1000px) {

.off-canvas-menu button.navbar-toggler {
margin-top: -2.5em;
}

.announcements p {
font-size: .9em;
padding: 0.9em 3em 0.4em 3em;
}
#SCSlogoRound {
height: 2em;
}
.logo-under-slider img {
transform: scale(.9);
}

.hp-video-container {
height: 44.3vw;
overflow: hidden;
}
}
@media only screen and (max-width: 850px) {
.hp-video-container {
height: 54vw;
}
}
@media only screen and (max-width: 800px) {
.hp-video-header {
height: 70vw;
margin-top: 6em;
}
.hp-video-container {
height: 70vw;
overflow: hidden;
}
.hp-top-bar {
display: none;
}
.announcements p {
font-size: 94%;
padding: 0.6em 2em 0.4em 2em;
}
.announcements-margin-on-scroll {
border: none;
margin: 0em auto 0em auto;
background: #041740;
transition: all .3s;
z-index: 3;
}
}
@media only screen and (max-width: 700px) {
.off-canvas-menu button.navbar-toggler {
margin-top: -5em;
/* margin-top: -7.5em; */
/*margin-top: -4.5em;*/
margin-top: -5.5em;
}
.announcements p {
font-size: 90%;
}
}
@media only screen and (max-width: 600px) {
.logo-under-slider img {
transform: scale(.6);
display: none;
}
.hp-google-translate {
margin: 6em 0em;
}
}
@media only screen and (max-width: 500px) {

}
/* END HEADER SECTION */

/* GOOGLE TRANSLATE  */
.goog-te-gadget-simple {
background-color: #ffffff !important;
/* background-color: #ffc107 !important; */
border: none !important;
/* filter: drop-shadow(1px 1px 2px #CCC); */
font-size: 8.5pt !important;
text-transform: uppercase;
}
.goog-te-menu-frame {
-moz-box-shadow: 0 3px 8px 2px #000;
-webkit-box-shadow: 0 3px 8px 2px #000;
box-shadow: 0 3px 8px 2px #000;
}
.flag {
text-align: center;
padding-bottom: 0.5em;
}
.flag a {
color: #FFF;
text-decoration: none;
margin-right: 1em;
padding: 0.2em .5em;
}
.flag a:hover {
background: #141414;
}
/* ENG GOOGLE TRANSLATE */


@media only screen and (max-width: 1120px) {
.hp-google-translate {
margin: 9em 0em;
}

.nav-bar-locked-on-scroll-bg {
height: 8em;
}

.hp-google-translate {
margin: 11em 0em;
}
}
@media only screen and (max-width: 700px) {
.goog-te-gadget-simple .goog-te-menu-value {
font-size: .8em;
}
}
@media only screen and (max-width: 550px) {
.hp-google-translate {
margin: 29em 0em;
margin: 11em 0em;
}

.hp-promo-box h3 {
font-size: 2em;
margin-top: -1em !important;
}
}

/* END LANGUAGE SELECTOR */


/* NAV */
.hp-nav-container {
max-width: 1700px;
}

.hp-navbar-section {
box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 70%);
box-shadow: 1px 2px 10px #242424 !important;
border-bottom: solid #000 0.25em;
}
.move-navbar {
position: absolute;
margin: 9em 15em;
z-index: 2;
width: 70%;
}
.move-search {
margin-top: 4em !important;
}
.move-overlay {
background: linear-gradient(0deg,rgba(0,0,0,.75),rgb(0 0 0 / 50%));
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
width: 100%;
}
.hp-navbar-section input.empty {
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
text-decoration: inherit;
border-radius:4px;
}
/* .hp-navbar-section .nav-item.dropdown.dropdown-mega .dropdown-menu {
max-height: 42em;
overflow: scroll;
overflow-x: hidden;
width: 90%;
margin: 0 8% 0 5%;
} */
.hp-navbar-section .nav-item.dropdown.dropdown-mega .dropdown-menu {
max-height: 42em;
overflow: scroll;
overflow-x: hidden;
width: 100%;
margin: 0;
}
.dropdown-menu.shadow.hp-dropdown-menu-style.show ul {
list-style: none;
}
.hp-navbar-section a.nav-link:hover {
color: gold;
}
.dropdown-menu ul {
list-style: disc;
}
.hp-dropdown-menu-style h5 {
font-size: 1.3em;
padding: 0.2em 1%;
font-weight: bold;
color: #515151;
margin-bottom: 0;
text-transform: uppercase;
background: #FFF;
}
.hp-dropdown-menu-style a.list-group-item {
border: none;
background: none;
font-weight: normal;
padding: 0.5em;
/* border-bottom: solid 0.12em #CCC; */
border-bottom: 0.12em solid rgb(229 229 229);
}
.mega-submenu-style p {
font-size: 92%;
padding: 0 6% 0 2%;
font-weight: 300;
}
.mega-submenu-style img {
width: 100%;
margin-bottom: 1em;
}
/* .hp-board-menu-nav-section {

} */
.hp-board-menu-nav-section img {
float: right;
width: 40%;
margin: 1.5% 1%;
}
.hp-nav-hover-effect {
--s: 0.1em;   /* the thickness of the line */
--c: gold; /* the color */

color: #0000;
padding-bottom: var(--s);
background:
linear-gradient(90deg,var(--c) 50%,#000 0) calc(100% - var(--_p,0%))/200% 100%,
linear-gradient(var(--c) 0 0) 0% 100%/var(--_p,0%) var(--s) no-repeat;
-webkit-background-clip: text,padding-box;
background-clip: text,padding-box;
transition: 0.5s;
}
.hp-nav-hover-effect:hover {
--_p: 100%
}

.text-bg-dark {
color: #fff!important;
background-color: RGBA(5,22,58,var(--bs-bg-opacity,1))!important;
}
#offcanvastempnav .dropdown-item {
font-size: 82%;
}
#offcanvastempnav ul.dropdown-menu.show {
padding: .07%;
}
#offcanvastemp li.addsubmarg {
padding: 1% 0 0 0;
}
.offcanvas-menu-title {
display: inline-block;
position: absolute;
margin: 0.2em -3.4em;
color: #FFF;
font-size: 1.2em;
font-family: 'Montserrat', sans-serif;
}
.offcanvas-logo {
/* height: 50px; */
height: 30px;
transition: all .3s;
display: block;
margin: auto 0em;
}
/* .hp-navbar-section {
background: #041a48;
background: #092b74;
} */
.hp-navbar-section {
/* background: #041a48; */
background: #092b74;
padding-bottom: 1em;
padding-top: 2em;
padding-top: 0em;
transition: .3s;
}
/* .hp-navbar-section.theme22.shadow-sm .hp-social-btns a {
color: rgb(0 30 76);
} */
/* .hp-navbar-section a {

} */
.hp-navbar-section.fixed-top {
background: #00339f;
}
.hp-navbar-section.fixed-top #SCSlogoRound {
height: 2.5em;
transition: all .3s;
}
.hp-navbar-section input{
background: #CCC;
}

/* @media (min-width: 992px)
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
} */
.hp-navbar-section a {
text-transform: uppercase;
}

.nav-link {
color: rgb(255 255 255 / 90%);
}
.nav-item.dropdown.dropdown-mega .dropdown-menu {
margin-top: 0;
border-radius: 0 0 1em 1em;
}
ul.dropdown-menu.shadow.hp-dropdown-menu-style.show {
margin-top: 0.5em;
}

@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.hp-dropdown-menu-style {
background: rgb(255 255 255 / 90%);
}
.hp-dropdown-menu-style a.dropdown-item {
font-size: .85em;
}
.dropdown-menu.show {
-webkit-animation: fadeIn 0.3s alternate;
/* Safari 4.0 - 8.0 */
animation: fadeIn 0.3s alternate;
}

.nav-item.dropdown.dropdown-mega .dropdown-menu {
background: rgb(255 255 255 / 100%);
}
.nav-item.dropdown.dropdown-mega {
position: static;
}
/* .nav-item.dropdown.dropdown-mega .dropdown-menu {
width: 90%;
top: auto;
left: 5%;
} */
.offcanvas-body .nav-item.dropdown.dropdown-mega .dropdown-menu {
width: 100%;
top: auto;
left: 5%;
}
.navbar-toggler {
border: none;
padding: 0;
outline: none;
}
.navbar-toggler:focus {
box-shadow: none;
}
.navbar-toggler .hamburger-toggle {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
z-index: 11;
float: right;
}
.navbar-toggler .hamburger-toggle .hamburger {
position: absolute;
transform: translate(-50%, -50%) rotate(0deg);
left: 50%;
top: 50%;
width: 50%;
height: 50%;
pointer-events: none;
}
.navbar-toggler .hamburger-toggle .hamburger span {
width: 100%;
height: 4px;
position: absolute;
background: #333;
border-radius: 2px;
z-index: 1;
transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
left: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger span:first-child {
top: 10%;
transform-origin: 50% 50%;
transform: translate(0% -50%) !important;
}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
top: 50%;
transform: translate(0, -50%);
}
.navbar-toggler .hamburger-toggle .hamburger span:last-child {
left: 0px;
top: auto;
bottom: 10%;
transform-origin: 50% 50%;
}
.navbar-toggler .hamburger-toggle .hamburger.active span {
position: absolute;
margin: 0;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
top: 45%;
transform: rotate(45deg);
}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
left: 50%;
width: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
top: 45%;
transform: rotate(-45deg);
}
.icons {
display: inline-flex;
margin-left: auto;
}
.icons a {
transition: all 0.2s ease-in-out;
padding: 0.2rem 0.4rem;
color: #ccc !important;
text-decoration: none;
}
.icons a:hover {
color: white;
text-shadow: 0 0 30px white;
}

.mega-content a.list-group-item {
font-size: .8em;
text-transform: capitalize;
}
li.nav-item.btn.btn-primary {
padding: 0em 0.5em;
color: #FFF;
}

li.nav-item.btn.btn-primary a {
color: #FFF;
}
.logo-under-slider {
position: absolute;
display: block;
margin: -48em auto;
/* margin: -35em auto; */
left: 0;
right: 0;
}

/* .hp-promo-box {
position: absolute;
top: 0;
bottom: 0;
padding: 26% 20%;
width: 100%;
background: linear-gradient(0deg, rgb(30 30 30 / 40%) 10%, rgb(255 255 255 / 0%) 100%)
} */
.hp-promo-box {
position: absolute;
top: 0;
bottom: 0;
padding: 6% 20%;
width: 100%;
overflow: hidden;
/* background: linear-gradient(0deg, rgb(30 30 30 / 40%) 10%, rgb(255 255 255 / 0%) 100%); */
/* background: linear-gradient(0deg, rgb(30 30 30 / 30%) 20%, rgb(255 255 255 / 0%) 100%); */
display:block;
margin-top: 8.5em;
z-index: 0;
}
.hp-promo-box h3 {
color: #FFF;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
font-size: 6em;
line-height: 1.5em;
text-align: center;
text-shadow: 2px 2px 0px rgb(0 0 0 / 70%);
transition: all .3s;
}

.hp-promo-box p {
color: #FFF;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 1.5em;
text-shadow: 2px 2px 0px rgb(0 0 0 / 20%);
transition: all .3s;
}
.announcements span.hp-social-btns {
display: inline-block;
position: absolute;
right: 0;
margin: 0.5em 0.5em;
z-index: 2;
}
.hp-promo-box {
padding: 4% 20%;
}
@media only screen and (max-width: 1280px) {
.hp-promo-box {
padding: 0% 20%;
}

.hp-promo-box h3 {
font-size: 3em;
}
}

@media only screen and (max-width: 1200px) {
.hp-navbar-section.fixed-top {
margin: -4em;
}
.hp-promo-box {
padding: 15% 20%;
}
.hp-slider {
background-size: cover !important;
position: relative;
transition: .2s;
}
span.offcanvas-menu-title {
color: #FFF;
}
.hp-slider .overlay {
background: linear-gradient(176deg, rgb(30 30 30 / 90%) 10%, rgb(255 255 255 / 0%) 100%);
position: absolute;
width: 100%;
top: 0;
bottom: 0;
transition: .2s;
}
.logo-under-slider {
display: none;
}

.hp-promo-box h3 {
font-size: 2.5em;
font-size: 3em;
margin-top: 1em;
}
.hp-promo-box h3 {
font-size: 3em;
margin-top: 0em;
}
.hp-promo-box p {
font-size: 1.2em;
}
}

@media only screen and (max-width: 1140px) {
.hp-video-container {
/* height: 64vw; */
height: auto;
}
}

@media only screen and (max-width: 1040px) {
.hp-video-container {
height: 42.6vw;
height: 50vw;
}
}
@media only screen and (max-width: 800px) {
/* .hp-video-container {
height: 46vw;
overflow: hidden;
} */
.hp-video-container {
height: 60vw;
overflow: hidden;
}
.hp-navbar-section .navbar-toggler {
color: rgb(255 255 255);
}
span.offcanvas-menu-title {
color: #FFF;
}
.hp-slider {
position: relative;
}
.hp-slider .overlay {
background: linear-gradient(176deg, rgb(30 30 30 / 90%) 10%, rgb(255 255 255 / 0%) 100%);
background: linear-gradient(176deg, rgb(0 0 0 / 90%) 10%, rgb(255 255 255 / 0%) 100%);
position: absolute;
width: 100%;
top: 0;
bottom: 0;
display: none;
}
/* .hp-promo-box {
padding: 25% 10%;
} */
.hp-promo-box {
padding: 20% 10%;
}
.hp-promo-box h3 {
font-size: 1.4em;
font-size: 2.4em;
}
.hp-promo-box p {
font-size: 1em;
}
}

@media only screen and (max-width: 730px) {
.hp-video-container {
height: 64vw;
overflow: hidden;
}
}
@media only screen and (max-width: 600px) {
.compliance-btn {
margin: 74% 1%;
}
.hp-promo-box {
position: absolute;
top: 0;
bottom: 0;
padding: 34% 12%;
max-height: 20em;
}
.hp-promo-box {
position: absolute;
top: 0;
bottom: 0;
padding: 20% 5%;
max-height: 20em;
}
.hp-promo-box h3 {
font-size: 2.5em;
margin-top: -2em;
}
.hp-promo-box p {
font-size: 1em;
}
/* .hp-slider {
background-size: cover !important;
background-repeat: no-repeat;
min-height: 23em;
}
.hp-slider {
background-size: cover !important;
background-repeat: no-repeat;
min-height: 30em;
} */
.hp-slider {
background-size: contain !important;
background-repeat: no-repeat;
min-height: 30em;
/* background-position-y: 7em; */
background-position-y: 5em;
}

.hp-video-container {
height: 74vw;
overflow: hidden;
}
}

@media only screen and (max-width: 550px) {
.hp-promo-box {
padding: 44% 12%;
}
.hp-promo-box {
padding: 26% 12%;
}
.red-promo-btn {
font-size: 92%;
}

.hp-promo-box {
background: none;
}
}

@media only screen and (max-width: 450px) {
.hp-promo-box {
padding: 32% 12%;
}
.hp-promo-box h3 {
font-size: 1.8em;
margin-top: -2em;
}
.hp-video-container {
height: 90vw;
}
.announcements span.hp-social-btns, .hp-navbar-section span.hp-social-btns {
margin: 3.5em 1em;
}
}
/* END NAV  */


/* HP SEARCH  */
/* .hp-search {
padding-top: 0%;
position: fixed;
width: 100%;
z-index: 9999;
padding-bottom: 0.05em;
margin-top: 0em;
transition: all 0.2s ease 0s;
} */
/* .hp-search {
padding-top: 0%;
position: fixed;
width: 100%;
z-index: 9999;
padding-bottom: 0.05em;
margin-top: 7em;
transition: all 0.2s ease 0s;
} */
.hp-search {
padding-top: 0%;
position: fixed;
width: 100%;
z-index: 999;
padding-bottom: 0.05em;
margin-top: 0em;
transition: all 0.2s ease 0s;
}
.hpsearch.collapse.show.lock {
padding-top: 0%;
position: fixed;
width: 100%;
z-index: 9999;
padding-bottom: 0.05em;
margin-top: 9.2em;
transition: all 0.2s ease 0s;
}

.hp-search a {
text-decoration: none;
}
/*
a.nav-link.hp-search-close-x span {
color: #464646;
font-size: 1.2em;
margin: -0.4em;
}
a.nav-link.hp-search-close-x span {
color: #464646;
font-size: 1.2em;
margin: -3.4em;
margin-top: 1.2em;
display: block;
}
*/
a.nav-link.hp-search-close-x span {
color: #464646;
font-size: 1.2em;
margin: -0.4em;
margin-top: .55em;
display: block;
position: absolute;
}
/* .container.card.card-body {
min-height: 0.1em;
border: none;
border-radius: 0;
} */
.container.card.card-body {
min-height: 0.1em;
border: none;
border-radius: 0;
padding: 2em 4em;
}
.hp-search-margin-on-scroll {
margin-top: 3.5em;
/* position: fixed; */
}
.hp-search-results-txt {
text-align: center;
padding-top: 2%;
}
.hp-search-results-for {
font-weight: bold;
color: #ff6b00;
border-bottom: solid 0.1em #cfcfcf;
font-size: 1.5em;
}
.hp-search-close-x {
color: #818181;
position: absolute;
top: 0;
right: 0;
margin: 1.2em 1.5em;
font-size: 1.5em;
width: 1em;
transition: .2s;
}
.hp-search-close-x:hover {
color: #ff0000;
}


#website-search-modal hr {
margin: 0 0 1em 0;
border-color: rgb(255, 255, 255);
}

#website-search-modal p {
font-family: inherit;
font-weight: normal;
font-size: 1em;
line-height: 1.6;
text-rendering: optimizeLegibility;
margin-bottom: -.5rem !important;
margin-bottom: 0rem !important;
margin-top: 0;
padding-top: 0;
}

#website-search-modal .search-results-header-line {
color: #808080;
display: block;
font-size: 2em;
font-weight: bold;
margin: 1em 0 1em 0;
}

#website-search-modal .news-releases-found-bubble {
color: #FEFDFD;
margin-bottom: 10px;
font-size: 0.4em;
background-color: #51CB42;
background-color: #4d90fe;
padding: 0.1em 0.6em;
display: block;
border-radius: 10em 2em;
float: left;
position: absolute;
margin: -0.2em 18.8em !important;
}

#website-search-modal hr {
margin: .7em 0 2em 0;
border: dashed .05em #c5c5c5;
}

#website-search-modal .search-results-button {
background: #4d90fe;
background: #e90101;
color: #FFFFFF;
border-style: none;
padding: 0.4em 1em;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
float: left;
}

#website-search-modal .search-col {
padding: 0em 1em !important;
}
#website-search-modal .page-search-input {
background-color: #F0EFEF !important;
float: left;
width: 70% !important;
}

#website-search-modal .filter-label strong {
background: none;
color: #31393f;
padding: .3em 0;
margin-bottom: .5em;
display: -webkit-inline-box;
text-transform: uppercase;
}

#website-search-modal input.page-search-input {
background-color: #f5f5f5 !important;
border: solid #ececec .2em !important;
margin-bottom: 0 !important;
}
#website-search-modal input#search-input {
border-radius: 9em;
}

#website-search-modal .help label {
margin: 2em 0 .5em 0;
font-size: .8em;
color: red;
}

#website-search-modal #myModal {
overflow: hidden;
margin-top: 0em !important;
top: 25px !important;
}
#website-search-modal select {
font-size: .9em;
}

#website-search-modal button.button {
background: #4d90fe;
border: solid #4d90fe;
padding: .3em 1em;
margin: 1em 0;
text-transform: uppercase;
}

#website-search-modal h3.help {
font-size: 2em;
text-transform: capitalize;
text-align: center
}

#website-search-modal .help-image {
width: 10em;
margin: auto;
display: block;
}

#website-search-modal .help input, .help textarea {
background: #f2f2f2;
}

#website-search-modal .help-image {
width: 26em;
margin: auto;
display: block;
position: absolute;
padding: 3em;
left: 0;
right: 0;
z-index: 1;
}

#website-search-modal form.help {
background: rgba(255, 255, 255, .9);
z-index: 2;
position: relative;
margin-top: 1em;
}

#website-search-modal .help-image {
width: 26em;
margin: auto;
display: block;
position: absolute;
padding: 1em;
left: 0;
right: 0;
z-index: 1;
}
#website-search-modal .support-btn {
background: #4d90fe;
color: #FFF;
padding: .35em 1em;
margin: 1em 1em;
/* border: solid .2em #4289ff; */
border-radius: 1em;
transition: .25s;
}
#website-search-modal .support-btn:hover, .support-btn:active {
background: #333;
color:#FFF;
}

#website-search-modal .row.inner-wrap {
max-width: 70em;
width: 63em;
margin-bottom: 2em;
}
#website-search-modal p.title {
font-size: 1em;
padding-left: 0;
padding-bottom: 0em;
padding-top: 0.2em;
font-weight: bold;
color: #222222;
color: #560056;
}
#website-search-modal p.title {
font-size: 1.2em;
padding-left: 0;
padding-bottom: 0em;
padding-top: 0.2em;
font-weight: bold;
background: none;
display: inline-block;
}

.school-title-bg {
background: #f73131;
}
#website-search-modal .search-page-content {
color: #464646;
font-weight: 300;
}
#website-search-modal .search-result-search-main-container {
padding: 0 1em;
padding-left: 1.5em;
padding-bottom: 1.5em;
padding-top: 0.5em;
margin-bottom: 0.5em;
overflow: hidden;
border-bottom: solid #dbdbdb 0.12em;
}
#website-search-modal .search-results {
display: block;
padding: 0em 2em;
}

#website-search-modal .search-page-input {
width: 90% !important;
margin: 2em !important;
}

#website-search-modal .modal a.close-modal[class*="icon-"] {
top: -10px;
right: -10px;
width: 20px;
height: 20px;
color: #fff;
line-height: 1.25;
text-align: center;
text-decoration: none;
text-indent: 0;
background: #900;
border: 2px solid #fff;
-webkit-border-radius:  26px;
-moz-border-radius:     26px;
-o-border-radius:       26px;
-ms-border-radius:      26px;
-moz-box-shadow:    1px 1px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
box-shadow:         1px 1px 5px rgba(0,0,0,0.5);
}

p.hp-search-link {
color: #008cba;
font-weight: bold !important;
}

.search-result-search-main-container a, .search-a, .search-a:hover {
background: none !important;
text-shadow: none !important;
background: none !important;
border: none !important;
}

p.search-page-content {
color: #333;
}

#website-search-modal {
margin-top: 1em !important;
max-width: 100% !important;
width: 100% !important;
z-index: 9999999999;
}
.hp-search-container {
width: 94%;
display: block;
margin: auto;
}
/*
input#search-input {
display: block;
width: 60%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.75rem 0.75rem;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #efefef;
background-clip: padding-box;
border: 2px solid #9cb4e7;
border-radius: 0.2rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin-top: 0.2em;
height: 3em;
display: block;
margin: 0.5em auto;
}
*/
input#search-input {
display: block;
width: 99%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.75rem 0.75rem;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #efefef;
background-clip: padding-box;
border: 2px solid #9cb4e7;
border-radius: 0.2rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
margin-top: 0.2em;
height: 3em;
display: block;
margin: 0.5em auto;
}
.promo-banner-size {
width: 90%;
margin: 6em auto 1em auto;
display: block;
filter: drop-shadow(2px 2px 1px black);
}
.search-add-promo .promo-banner-size {
width: 70%;
margin: 6em auto 1em auto;
display: block;
filter: drop-shadow(2px 2px 1px black);
}
.search-main-container {
padding-bottom: 5em;
overflow-y: auto;
max-height: 50em;
}
.main-search-close-btn {
background: #0a204e;
color: #FFF;
padding: 0.4em 0.7em;
border-radius: 0.5em;
}
.main-search-row {
padding: 0em 3%;
}
p.search-results4 {
text-align: center;
/* border-bottom: solid #f5f5f5; */
color: #333;
padding-bottom: 1em;
}
@media only screen and (max-width: 1200px) {
.hp-search {
width: 100%;
z-index: 999999;
margin-top: 7em;
}
input#search-input {
display: block;
width: 98%;
display: block;
margin: 0.5em auto;
}
.promo-banner-size {
width: 98%;
}


}
@media only screen and (max-width: 600px) {
input#search-input {
font-size: 1.1rem;
}

a.nav-link.hp-search-close-x span {
color: #464646;
font-size: 1.2em;
margin: -0.4em;
margin-top: .25em;
display: block;
position: absolute;
}

}
/* END HP SEARCH  */



/* HP SWIPER SLIDER */
/* .swiper-container {
width: 100%;
} */
/* .swiper-container {
width: 100%;
height: 50em;
overflow: hidden;
margin: 5%;
} */
.hp-announcements-section {
/* background: #CCC; */
padding: 5% 7% 5% 7%;
}
.swiper-container {
width: auto;
height: 34em;
}
/* .swiper-slide {
background-size: cover;
background-position: 50%;
min-height: 20vh;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
} */
.swiper-slide {
background-size: cover;
background-position: 0%;
height: 24vw;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.hp-announcements-section .swiper-pagination-bullets {
display: none;
}
.swiper-pagination-bullet {
background-color: transparent;
border: 2px solid #fff;
border-radius: 50%;
width: 12px;
height: 12px;
opacity: 1;
}
.swiper-pagination-bullet-active {
background-color: #fff;
}
.swiper-button-container {
background-color: rgba(0, 0, 0, .25);
}

.swiper-slide:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
/* background: black; */
opacity: 0.1;
}
.swiper-slide h2 {
pointer-events: none;
opacity: 0;
color: #fff;
font-size: calc(5vw);
letter-spacing: -1px;
transform: translateY(-5%) scale(0.8);
transition: 1s ease;
text-transform: uppercase;
text-shadow: 0 5px 5px rgba(0, 0, 0, .01);
}
.swiper-slide-active h2 {
opacity: 1;
transform: translateY(0%) scale(1);
transition: 1s ease;
}
@media only screen and (max-width: 1200px) {
.swiper-slide {
height: 260px;
}
}
@media only screen and (max-width: 1000px) {
.hp-announcements-section img {
width: 100%;
}
}
@media only screen and (max-width: 830px) {
.hp-announcements-section {
height: 26em;
}
.hp-announcements-section pagination-bullets {
margin: 16em auto;
}
}
@media only screen and (max-width: 650px) {


.hp-announcements-section {
height: 18em;
}
}
/* END HP SWIPER SLIDER */

/* HP ABOUT SECTION */

.hp-about-section {
background: #042656;
padding: 0;
}
.hp-about-section h3 {
color: gold;
font-weight: bold;
}
.hp-data-box1 {
background: #042656;
color: #FFF;
padding: 4%;
}

.hp-data-box2 {
/* background: url(http://www.scsk12.org/superintendent/img/2022/hp-message-pic.jpg); */
background: url(http://www.scsk12.org/img/23/july/81023-yv.jpg);
background: url('/img/23/july/81023-yv.jpg');
background-size: cover;
color: #FFF;
padding: 4%;
position: relative;
/*min-height: 30em;*/
}

@media only screen and (max-width: 800px) {
.hp-data-box2 {
background-size: cover;
min-height: 20em;
}
.hp-data-box1 {
padding: 1% 1%;
}
}
/* END HP ABOUT SECTION */
/* GUTTER FIX */
.row {
--bs-gutter-x: 0rem !important;
}

/* HP NEWS SECTION  */
.hp-news-section {
border-top: solid 0.3em #063382;
}
.hp-news-section a {
text-decoration: none;
}
.hp-news-section p.title {
font-weight: bold;
font-size: 1.2em;
}
goarrow {
float: right;
padding: 0.5em;
border-radius: 0.5em;
color: #FFF;
bottom: 0;
position: absolute;
right: 0;
transition: all .3s;
}
.hp-news-small:hover goarrow {
color: #a7bad9;
}
.apply-online-btn {
display: block;
margin: 4% auto 4% auto;
background: rgb(27, 100, 255);
padding: 1.25% 6%;
transition: .3s;
border-radius: 0.7em;
border: #102a50 0.2em solid;
}
.apply-online-btn:hover {
background: #333;
background: #f70000;
}
.hp-sc-title {
font-weight: bold;
color: #313189;
margin: .5em 0 0 0;
}
.btn-1 {
text-align: center;
display: block;
text-decoration: none;
transition: all .3s;
width: auto;
margin: 0.5em auto;
border: solid #517ec3;
color: #517ec3;
}
a.btn.btn-inline {
background: #ffffff;
border-radius: 2em;
text-align: center;
display: block;
text-decoration: none;
transition: all .3s;
width: 12em;
margin: 3.5em auto;
border: solid #517ec3;
color: #517ec3;
transition: 1.5s;
}
a.btn.btn-inline:hover,.btn-1:hover {
background: #517ec3;
color: #FFF;
}
a.btn.btn-inline2 {
background: #ffffff;
border-radius: 2em;
text-align: center;
display: block;
text-decoration: none;
transition: all .3s;
border: solid #517ec3;
color: #517ec3;
width: 70%;
padding: 0.7em;
margin: 2em auto;
}
a.btn.btn-inline2:hover,.btn-1:hover {
background: #517ec3;
color: #FFF;
}
.hp-new-section a.btn.btn-inline:hover {
transform: scale(1.02);
}
.hp-news-small {
position: relative;
transition: all .3s;
min-height: 26em;
-webkit-transition: all .2s ease-in-out 0s;
transition: all .2s ease-in-out 0s;
/* -webkit-box-shadow: 0 8px 10px 0 rgb(28 28 28 / 20%);
box-shadow: 0 8px 10px 0 rgb(28 28 28 / 20%);
will-change: box-shadow; */
}
.hp-news-small:hover {
background: #f7f7f7;
transform: scale(1.15);
border-bottom: solid #a7bad9 0.3em;
z-index: 1;
}
/* .hp-news-section .date {
padding: 1em 2em;
color: #ff3b00;
display: block;
font-size: 1em;
} */
.hp-news-section .date {
padding: 0.25em 1em;
background-color: #000;
color: #FFF;
display: block;
font-size: .7em;
position: absolute;
margin: -18em 0em;
display: none;
}
/* .popular-stories-header {
font-weight: bold;
padding: 1.5em 1.5em 0 1.5em;
margin-bottom: 0em;
color: #333;
font-size: 1.4em;
font-family: 'Roboto Condensed', sans-serif;
} */
.popular-stories-header {
/* font-weight: bold; */
padding: 1.5em 1.5em 0 1.5em;
margin-bottom: 0em;
color: #222;
font-size: 1.4em;
font-family: 'Roboto Condensed', sans-serif;
/* background: #aa1f2e; */
/* background: #525d6c; */
padding-bottom: 2em;
}

/*
.itn-thumbnail {
padding: 0;
background-size: cover !important;
background-repeat: no-repeat !important;
height: 13em;
}
*/
.itn-thumbnail {
padding: 0;
background-size: cover !important;
background-repeat: no-repeat !important;
height: 13em;
border: solid #ffffff .25em;
border-top: none;
border-bottom: none;
}
.scale-1-2 {
transition: .3s;
}
.scale-1-2:hover {
transform:scale(1.2);
}
h3.hp-section-titles strong {
color: red;
}
.hp-news-section h3 {
padding: 0.5em 0.5em;
text-transform: uppercase;
color: #343434;
font-size:1.9em;
margin-bottom: 0;
text-align: center;
border-bottom: solid 0.2em #ebebeb;
}
@media only screen and (max-width: 1200px) {
.hp-news-section {
border: none;
}
}
@media only screen and (max-width: 1000px) {
.hp-news-small {
min-height: 10em;
}
.hp-news-section h3 {
border:none;
}
.hp-section-spacer {
padding: 5em 0 0 0;
}
}
@media only screen and (max-width: 800px) {
.itn-thumbnail {
background-size: cover !important;
}
.container.card.card-body {
max-width: 100%;
}
.hp-section-spacer {
padding: 1em 0 0 0;
}
}
@media only screen and (max-width: 570px) {
.hp-news-small {
max-height: 22em;
}
}
/* END HP NEWS SECTION */

/* HP COUNTER */
.space-area {
height:850px;
background:#009a11;
padding:100px 0;
position: relative;
}
.space-area h1 {
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
color: #fff;
}
.hp-counter {
padding-top: 0%;
}
.hp-counter h4 {
text-align: center;
color: white;
font-size: 1em;
}
.hp-counter p {
font-size: 1em;
font-weight: 300;
color: #FFF;
margin-bottom: 0;
text-align: center;
}
.counter-text {
color: #fff;
font-weight: 700;
font-size: 20px;
}
.hp-counter {
padding-top: 0%;
margin-bottom: 2em;
margin-top: -1em;
}
.hp-counter span.plus {
color: white;
font-size: 2em;
}
.count-area {
position: relative;
background:#009aaa;
padding: 100px 0;
text-align: center;
color: #fff;
}
.count-area-content {
margin-top: 30px;
}
.count-area i {
font-size: 48px;
}
.count-digit {
color: gold;
font-weight: 700;
font-size: 2em;
text-align: center;
}

.count-title {
font-size: 20px;
}
@media only screen and (max-width: 1200px) {

span {
font-weight: 300 !important;
}

.hp-counter {
display: none;
}
}
/* END COUNTER */

/* HP ABOUT SECTION */
@font-face {
font-family: 'Montserrat';
src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/176026/montserrat-v11-latin-400.woff2');
}

.icobox {
border: solid 0.12em;
padding: 1em;
font-size: 3em;
border-radius: 13em;
height: 1em;
width: 1em;
margin: auto;
display: block;
}
.icobox i.fa-solid.fa-school {
position: absolute;
margin: -0.55em -0.6em;
}
.icobox i.fa-graduation-cap {
position: absolute;
margin: -0.55em -0.6em;
}
.hp-about-section h1 {
line-height: 1.7;
font-size: 28px;
font-weight: bold;
margin-bottom: 48px
}

.hp-about-section p:nth-child(1) {
font-size: 1em;
text-align: left;
}

/* .hp-about-section .container {
display: flex;
width: 100vw;
height: 100vh;
align-items: center;
justify-content: space-around;
text-align: center;
} */

.hp-about-section span {
font-weight: bold;
font-size: 2em;
margin: 0;
}

/* ^^ */
.hp-about-section .regular {
font-feature-settings: "pnum";
}
.hp-about-section .tabular {
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums;
}

.about-schools-data {
font: 800 40px system-ui;
text-align: center;
}
/* END HP ABOUT SECTION */

/* HP COLLAGE SECTION */

/* .hp-collage-section {
min-height: 24em;
background: #000;
border: black solid 0.3em;
border-right: none;
border-bottom: none;
} */
.hp-collage-section {
background: #fff;
border: white solid 0.3em;
border-right: none;
border-bottom: none;
overflow: hidden;
margin: 0 .15%;
}
.hp-collage-section h3 {
color: #FFF;
font-weight: 900;
padding: 15% 0 0 0%;
font-size: 4em;
text-shadow: 2px 2px 30px rgb(0 0 0 / 90%);
width: 100%;
text-align: center;
transition: all .3s;
}
.hp-collage-section p {
color: #FFF;
padding: 2% 20%;
font-size: 1.2em;
text-shadow: 2px 2px 0px rgb(0 0 0 / 90%);
}
.hp-collage-video-overflow {
max-height: 33em;
max-height: 40em;
overflow-y: hidden;
}

.hp-collage-section video {
width: 100%;
border-left: solid 0.5em #FFF;
}

.hp-collage-section .pic {
background: url(/img/2022/22/hoz-22d.jpg);
background-size: cover;
background-repeat: no-repeat;
position: relative;
max-height: 33.2em;
max-height: 40em;
}
.hp-collage-section .text-layer {
position: absolute;
margin: 2% 0%;
width: 58em;
display: none;
}
.text-layer2 {
position: absolute;
background: rgb(0 0 0 / 20%);
background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(255 255 255 / 0%) 0%);
left: 0;
right: 0;
top: 0;
bottom: 0;
}
@media only screen and (max-width: 1200px) {
.hp-collage-section p {
font-size: 1.1em;
}
.hp-collage-section h3 {
padding-top: 6em;
font-size: 3em;
}
.hp-collage-section h3 {
padding-top: 40%;
text-align: center;
}
}
@media only screen and (max-width: 700px) {
.hp-collage-section h3 {
padding-top: 20%;
text-align: center;
}
}
/* END HP COLLAGE SECTION */

/* HP HOZ SECTION  */
.hp-hoz-section {
background: url(/img/2022/22/hoz-22d.jpg);
/* background: url(/img/2022/22/hoz-22d2.jpg) 0% 0% / cover; */
background-size: cover;
height: 38em;
position: relative;
width: 100%;
}
.pz-position {
position: relative;
}
.hp-hoz-section .p1 {
position: absolute;
background: url(/img/2022/22/p1.png);
background-repeat: no-repeat !important;
background-position-x: 0em !important;
margin: -4em 10em;
background-size: contain !important;
height: 42em;
z-index: 2;
top: 0;
width: 32em;
transition: all .3s;
}
.hp-hoz-section .overlay {
background: rgb(6 32 67 / 97%);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
}
.hp-hoz-section p, .hp-hoz-section li {
color: #FFF;
/* padding: 0 22% 10% 22%; */
font-size: 120%;
margin-bottom: 1em;
}
.hp-hoz-section h3 {
color: #FFF;
font-weight: bold;
}


.hp-hoz-section .text1 {
padding: 0 20%;
}
.hp-hoz-section .text1 {
padding: 0% 14%;
z-index: 1;
position: absolute;
left: 0;
right: 0;
margin: 2% 1% 1% 37%;
}
.hp-hoz-section .text1 {
font-weight: 300;
}
@media only screen and (min-width: 1450px) {
.hp-hoz-section .text1 {
margin: 4% 10% 1% 37%;
}
}
@media only screen and (max-width: 1200px) {
.hp-hoz-section .p1 {
margin: -4em 0em;
}
}
@media only screen and (max-width: 1100px) {
.hp-hoz-section .text1 {
padding: 0 6%;
margin-top: 24%;
}
}

@media only screen and (max-width: 990px) {

.hp-hoz-section .container {
max-width: 100% !important;
}
.hp-hoz-section .p1 {
margin: -4em -10em;
}
/* .hp-hoz-section .text1 {
padding: 0 6% 0 8%;
margin-top: 24%;
} */
.hp-hoz-section .text1 {
padding: 0 2% 0 49%;
margin-top: 10%;
}
.hp-counter {
display: block;
padding-top: 0%;
margin-bottom: 2em;
margin-top: -6em;
margin-left: 1em;
float: left;
font-size: 85%;
width: 30%;
}

.rewardschool-hp {
width: 120%;
margin-top: -6.7em !important;
}
.level5district-hp {
margin-top: -8em;
width: 120%;
margin-left: -13em;
margin-top: -5em !important;
}
.perfect-scores-hp {
width: 87%;
margin-top: -16em !important;
display: none;
}
.hp-hoz-section h3 {
color: #FFF;
font-weight: bold;
font-size: 1.1em;
}
.small-90-bullets {
font-size: 80%;
}
}

@media only screen and (max-width: 600px) {
.level5district-hp {
margin-top: -8em;
width: 120%;
margin-left: -13em;
margin-top: -13em !important;
}
.rewardschool-hp {
width: 120%;
margin-top: -12.7em !important;
}
}
@media only screen and (max-width: 540px) {
.hp-hoz-section .p1 {
margin: -4em -9em;
/* height: 33em; */
}
.hp-hoz-section .text1 {
padding: 0 2% 0 4%;
margin-top: 10%;
}
.hp-hoz-section .p1 {
display: none;
}
.hp-hoz-section .text1 {
padding: 0 13% 0 4%;
margin-top: 3%;
margin-left: 9%;
margin-right: 0%;
}
}
@media only screen and (max-width: 415px) {
.hp-hoz-section .p1 {
display: none;
}
.hp-hoz-section .text1 {
padding: 0 10% 0 10%;
margin-top: 10%;
}
.hp-counter:nth-child(1) {
display: none;
}
.rewardschool-hp {
margin-top: -9.7em !important;
}
span.rocket {
margin-top: -5em !important;
position: absolute;
}
#buttontotop {
background-color: #ffc107;
bottom: 122px;
right: 3px;
}
.hp-hoz-section .text1 {
padding: 0 10% 0 0%;
margin-top: 13%;
margin-left: 9%;
margin-right: 0%;
}
}
@media only screen and (max-width: 375px) {
.rewardschool-hp {
margin-top: -8.7em !important;
}
}
/* END HP HOZ SECTION  */

/* STUDENTS & PARENTS SECTION */
.hp-sp-boxes {
margin-top: 3%;
position: relative;
transition: .2s;
transition-timing-function: ease-in;
}
.hp-sp-boxes:hover {
position: relative;
transform: scale(1);
filter: drop-shadow(2px 4px 6px black);
z-index: 1;
}
.search-menu-boxes {
margin-top: 3%;
position: relative;
transition: .2s;
transition-timing-function: ease-in;
}
.search-menu-boxes:hover {
position: relative;
transform: scale(1);
filter: drop-shadow(2px 4px 6px black);
z-index: 1;
}
.search-menu-boxes img {
width: 100%;
}

.hp-search-menu-search-boxes {
margin-bottom: 3em;
}
/* .hp-sp-boxes .overlay {
position: absolute;
background: rgb(51 51 51 / 0%);
top: 0;
bottom: 0;
width: 100%;
margin: 3.89em 0 1em 0;
z-index: 1;
transition: all .3s;
} */
.hp-sp-boxes:hover  {
transition: all .3s;
}
.hp-sp-boxes .overlay {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
margin: 0em 0 1em 0;
z-index: 1;
transition-timing-function: ease-out;
transition: all .3s;
}
/* .hp-sp-boxes .overlay:hover {
background: rgb(13 110 253 / 50%);
} */
.hp-sp-boxes:hover .overlay {
background: linear-gradient(0deg, rgb(4 29 66 / 100%) 10%, rgb(13 110 253 / 50%) 80%);
}
.search-menu-boxes:hover  {
transition: all .3s;
}
.search-menu-boxes .overlay {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
margin: 0em 0 1em 0;
z-index: 1;
transition-timing-function: ease-out;
transition: all .3s;
}

.studentandparents-section {
padding: 5%;
}
.studentandparents-section img {
width: 100%;
margin: 0 0 1em 0;
position: relative;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
/* .studentandparents-section img {
width: 100%;
margin: 0 0 1em 0;
position: relative;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transform: scale(1.2);
z-index: 2;
} */
.studentandparents-section img:hover {
opacity: 1;
-webkit-transform: scale3d(2,2,1);
transform: scale3d(1.2,1.2,1);
}
.hp-sp-boxes p {
margin: 0em 0;
animation: none;
z-index: 1;
padding: 0.5em 0em 0.2em 0.5em;
font-style: normal;
position: absolute;
color: #4c4c4c;
font-size: 1.1em;
margin-top: 8em;
text-align: center;
width: 100%;
transition: all .2s;
cursor: pointer;
bottom: 0;
background: #ffffff;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
}
.hp-sp-boxes:hover p {
/* color: gold; */
background: none;
color: #FFF;
margin: 1.5em 0;
}

.search-menu-boxes p {
margin: 0em 0;
animation: none;
z-index: 1;
padding: 0.5em 0em 0.2em 0.5em;
font-style: normal;
position: absolute;
color: #4c4c4c;
font-size: 1.1em;
margin-top: 8em;
text-align: center;
width: 100%;
transition: all .2s;
cursor: pointer;
bottom: 0;
background: #ffffff;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
}
.search-menu-boxes:hover p {
/* color: gold; */
background: none;
color: #FFF;
margin: 1.5em 0;
}
/* HOVER ANIMATION */

@media screen and (max-width: 25em) {
.codrops-header {
font-size: 75%;
}
.codrops-icon span {
display: none;
}
}

.studentandparents-section .grid {
position: relative;
clear: both;
margin: 0 auto;
padding: 1em 0 4em;
max-width: 1000px;
list-style: none;
text-align: center;
}

/* Common style */
.studentandparents-section .grid figure {
position: relative;
float: left;
overflow: hidden;
margin: 10px 1%;
min-width: 320px;
max-width: 480px;
max-height: 360px;
width: 48%;
height: auto;
background: #3085a3;
text-align: center;
cursor: pointer;
}

.studentandparents-section .grid figure img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;
opacity: 0.8;
}

.studentandparents-section .grid figure figcaption {
padding: 2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.studentandparents-section .grid figure figcaption::before,
.studentandparents-section .grid figure figcaption::after {
pointer-events: none;
}

.studentandparents-section .grid figure figcaption,
.studentandparents-section .grid figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.studentandparents-section .grid figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}

.studentandparents-section .grid figure h2 {
word-spacing: -0.15em;
font-weight: 300;
}

.studentandparents-section .grid figure h2 span {
font-weight: 800;
}

.studentandparents-section .grid figure h2,
.studentandparents-section .grid figure p {
margin: 0;
}

.studentandparents-section .grid figure p {
letter-spacing: 1px;
font-size: 68.5%;
}
/* @media screen and (max-width: 1100px) {
.hp-hoz-section .text1, .hp-hoz-section p {
position: absolute;
width: 80%;
z-index: 2;
left: 0;
margin: 2%;
}
.hp-hoz-section h3 {
padding: 5%;
}
}
@media screen and (max-width: 600px) {
.hp-hoz-section .text1, .hp-hoz-section p {
position: absolute;
width: 90%;
z-index: 2;
left: 0;
margin: 2%;
}
.hp-hoz-section h3 {
padding: 2%;
}
} */
/*---------------*/
/***** Duke *****/
/*---------------*/

figure.effect-duke {
background: -webkit-linear-gradient(-45deg, #34495e 0%,#cc6055 100%);
background: linear-gradient(-45deg, #34495e 0%,#cc6055 100%);
}

figure.effect-duke img,
figure.effect-duke p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}

figure.effect-duke:hover img {
opacity: 0.1;
-webkit-transform: scale3d(2,2,1);
transform: scale3d(2,2,1);
}

figure.effect-duke h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: scale3d(0.8,0.8,1);
transform: scale3d(0.8,0.8,1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}

figure.effect-duke p {
position: absolute;
bottom: 0;
left: 0;
margin: 20px;
padding: 30px;
border: 2px solid #fff;
text-transform: none;
font-size: 90%;
opacity: 0;
-webkit-transform: scale3d(0.8,0.8,1);
transform: scale3d(0.8,0.8,1);
-webkit-transform-origin: 50% -100%;
transform-origin: 50% -100%;
}

figure.effect-duke:hover h2,
figure.effect-duke:hover p {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}

/* Media queries */
@media screen and (max-width: 50em) {
.content {
padding: 0 10px;
text-align: center;
}
.grid figure {
display: inline-block;
float: none;
margin: 10px auto;
width: 100%;
}
}
/* END HOVER ANIMATION */
/* END STUDENTS & PARENTS SECTION */

/* HP EVENTS SECTION */

.hp-events-section a {
text-decoration: none;
}
.hp-events-details {
transition: all .3s;
}
.hp-events-details:hover {
transform: scale(1.03);
}
.col-3.date {
background: #5e5e5e;
background: linear-gradient(to right, rgb(72, 85, 99), rgb(41, 50, 60));
}
.col-3.date {
background: #5e5e5e;
background: linear-gradient(to right, rgb(72, 85, 99), rgb(41, 50, 60));
border-radius: 6em;
border-radius: .5em;
width: 6.5em;
height: 6.5em;
padding-top: 0.5em;
}
/* .day.main-font-theme {
font-weight: bold;
font-size: 3em;
text-align: center;
color: #09449b;
} */
.day.main-font-theme {
font-weight: bold;
font-size: 3em;
text-align: center;
color: #ffffff;
}
/* .day.main-font-theme {
font-weight: bold;
font-size: 5em;
text-align: center;
color: #ffffff;
position: absolute;
margin: -0.22em 0.2em;
text-shadow: 2px 3px 5px rgba(0,0,0,0.5);
} */
.year.main-font-theme {
font-weight: bold;
font-size: 3em;
text-align: center;
color: #323b46;
position: absolute;
font-size: 1em;
margin: -0.5em .6em;
background: #f8a617;
padding: .2em 1.7em;
border-radius: .2em;
display: none;
}
.hp-events-section p.title {
float: left;
padding: 0.7em;
color: #333;
font-size: 1.2em !important;
}
.hp-events-card {
background: #f7f7f7;
background: #fff;
font-family: 'Roboto Condensed', sans-serif;
margin: 1.5em 0.5em;
padding: 0.5em;
}
.month.main-font-theme {
font-size: 1.5em;
text-transform: uppercase;
height: 1em;
text-align: center;
color: #ffa722;
}
@media only screen and (max-width: 1000px) {
.hp-events-section {
overflow: hidden;
height: 33em;
margin-bottom: 10%;
}
}
/* END HP EVENTS SECTION */

/* HP BOTTOM SOCIAL BAR */
.hp-bottom-social-bar {
background: #244690;
display: block;
margin-top: 4em;
}
.hp-bottom-social-bar a {
font-size: 1.2em;
margin: 0em 0em;
color: #FFF;
padding: 0.5em 1em;
display: inline-block;
transition: all .3s;
}
.hp-bottom-social-bar a:hover {
background: #ffc107;
color: #244690;
}


.hp-social-btns2 ul {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hp-social-btns2 ul li {
  list-style: none;
}

.hp-social-btns2 ul li a {
  width: 80px;
  height: 80px;
  background-color: #fff;
  text-align: center;
  line-height: 80px;
  font-size: 35px;
  margin: 0 10px;
  display: block;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  border: 3px solid #fff;
  z-index: 1;
}

.hp-social-btns2 ul li a .icon {
position: relative;
color: #262626;
transition: .5s;
z-index: 3;
}

.hp-social-btns2 ul li a:hover .icon {
color: #fff;
transform: rotateY(360deg);
}

.hp-social-btns2 ul li a:before {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
background: #f00;
transition: .5s;
z-index: 2;
}

.hp-social-btns2 ul li a:hover:before {
top: 0;
}

.hp-social-btns2 ul li:nth-child(1) a:before{
background: #ffc107;
}

.hp-social-btns2 ul li:nth-child(2) a:before{
background: #ffc107;
}

.hp-social-btns2 ul li:nth-child(3) a:before {
background: #ffc107;
}

.hp-social-btns2 ul li:nth-child(4) a:before {
background: #ffc107;
}
/* END HP BOTTOM SOCIAL BAR */
/* FINDITFAST MODAL */


.finditfastmodal {
/* z-index: 8; */
background-size: cover;
}


.fif-close-btn {
background: #ff4355;
color: #FFF;
font-size: 150%;
padding: 0.5em 0.5em 0.7em !important;
opacity: 1;
}
.finditfast-modal {
--bs-modal-bg: rgb(255 255 255 / 90%) !important;
background: rgb(255 255 255 / 90%) !important;
}
.finditfast-modal .modal-body {
padding: 0;
}
.fif-links {
border-bottom: solid #f5f5f5;
padding: 0.3em;
transition: .3s;
font-size: 85%;
}
.fif-links:hover {
color: #3366CC
}
.fif-title {
padding: 0.5em 0.5em;
text-transform: uppercase;
color: #343434;
font-size: 1.9em !important;
margin-bottom: 0;
text-align: center;
border-bottom: solid 0.2em #c3c3c3;
font-weight: 900;
color: #dc3545;
}
.fif-title a.dropdown-item {
border-bottom: dotted 0.15em #FFF;
transition: .2s;
}
.fif-title a.dropdown-item:hover {
border-bottom: dotted 0.15em #a1a1a1;
}

@keyframes zoomIn {
0% {
background-size: 100%;
}
100% {
background-size: 110%; /* Adjust to desired zoom level */
}
}

.finditfastmodal {
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
transition: background-size 0s; /* No transition initially */
}

.finditfastmodal.show {
animation: zoomIn 30s forwards; /* Adjust the duration as needed */
}


@media (max-width: 800px) {
.finditfast-modal .modal-body {
padding: 0;
}
.fifwidthfix {
width: 100%;
}
}
/* FINDITFAST MODAL */
/* FOOTER SECTION */
p.slogan {
    font-weight: bold;
    font-size: 2em;
    text-align: center;
    color: #FFF;
}

p.slogan span {
    color: #ffbd6b;
}
.footer-container {
background-color: #244690;
padding: 2em;
min-height: 18em;
}
.footer-container h3 {
font-family: 'Roboto Condensed', sans-serif;
}
.footer-container a {
text-decoration: none;
}
.footer-container img {
margin: auto;
display: block;
}
.row.trending-up-footer.theme22, .row.trending-up-footer {
background: #162a56;
background-color: #244690;
border-top: solid #203670 0.1em;
padding: 1.25em;
}
p.footer-statement{
color: #FFF;
font-weight: 300;
font-size: .8em;
text-align: center;
padding: 0 5%;
}
@media (min-width: 650px) {
p.footer-statement {
padding: 0 10%;
}
}
@media (min-width: 500px) {
.trending-up-footer {
background-color: #244690;
border-top: solid #1c3d85 0.15em;
}
}
.trending-up-footer img {
width: auto;
display: block;
margin:auto;
}
.mscs-footer-logo {
display: block;
margin: auto;
}
.footer-container img {
width: auto;
}
.footer-container {
line-height: 2;
}
.footer-container p, .footer-container a, .footer-container h3, .footer-container ul li {
color: #FFF;
list-style-type: none;
}
.footer-container li {
margin-left: -1.7em;
}

#back-top {
position: absolute;
bottom: 0;
left: 10%;
color: #FFF;
z-index: 1000;
display: none;
cursor: pointer;
font-size: 1.6rem;
padding: .5rem;
}
/* .back-to-top {
font-size: .5em;
background: #fff;
color: #504949;
padding: 0.45em 0.5em 0.3em 0.8em;
border-radius: 1em;
display: block;
} */
.back-to-top {
font-size: .5em;
background: #fff;
color: #504949;
padding: 0.25em 0.9em 0.2em 0.8em;
border-radius: 1em;
display: block;
margin-top: 1em;
position: absolute;
width: 7.5em;
z-index: 0;
margin-left: -8em;
display: none;
}
.fly {
position: absolute;
animation: launch ease-in-out 2s infinite;
-webkit-animation: launch ease-in-out 2s infinite
}

@-webkit-keyframes launch {
100% {
transform: translateY(-800px) translateX(800px);
}
}
@keyframes launch {
100% {
transform: translateY(-800px) translateX(800px);
}
}
@media (min-width: 500px) {
.content {
width: 45%
}
}
@media (max-width: 800px) {
.footer-container .col-lg-4.col-sm-12 {
padding: 3% 0;
text-align: center;
}
.footer-container p {
text-align: center;
}
}
/* END FOOTER SECTION */

/* PROMO COLLAGE */
.hp-promo-collage {
padding: 0 0 0;
margin: 0 .2%;
}
.hover-collage:hover {
cursor: pointer;
}
.hp-promo-collage img {
width: 100%;
}
.hp-promo-collage .container1, .hp-promo-collage .container2 {
height: 30em;
}
.hp-promo-collage .p1, .hp-promo-collage .p2, .hp-promo-collage .p3, .hp-promo-collage .p4, .hp-promo-collage .p5 {
background-size: cover;
position: relative;
border: solid #FFF;
overflow: hidden;
}

.hp-promo-collage .pic {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
width: 100%;
background-size: cover;
transition: .25s;
}
.hp-promo-collage:hover .pic {
transform: scale(1.3);
}
/*
.hp-promo-collage h3 {
font-weight: 900;
font-size: 4em;
color: #FFF;
}

*/

.hp-promo-collage h3 {
font-weight: 900;
font-size: 2.5em;
color: #f3b600;
}
.hp-promo-collage p {
font-size: 1.2em;
font-weight: 300;
color: #FFF;
margin-bottom: 0;
}

/*
.hp-promo-collage .textbox {
position: absolute;
padding: 0 8%;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
transition: all .1s;
height: 5em;
}
*/
.hp-promo-collage .textbox {
margin-top: 8em;
position: absolute;
padding: 0 7%;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
transition: all .1s;
height: 4em;
}


.hover-collage:hover .textbox {
background: linear-gradient(to top, #1e1c1c, rgba(0, 0, 0, 0)) repeat-x !important;
background: rgb(0 0 0 / 80%);
z-index: 1;
}
.hover-collage .textboxR {
background: linear-gradient(to top,#000,rgba(0,0,0,0)) repeat-x!important;
background: rgb(0 0 0 / 80%);
z-index: 0;
}

.hover-collage:hover .textboxR {
background: linear-gradient(to top,#000,rgba(0,0,0,0)) repeat-x!important;
background: rgb(0 0 0 / 80%);
z-index: 0;
}

.hp-promo-collage .textbox2, .hp-promo-collage .textbox2R {
position: absolute;
padding: 50% 25% 5% 10%;
left: 0;
right: 0;
height: 100%;
transition: all .3s;
}

.hover-collage:hover .textbox2 {
background: none;
padding: 14% 20% 2% 22%;
z-index: 3;
}
.hover-collage .textbox2R {
background: linear-gradient(to left,rgb(0 101 249 / 96%),#005de5) repeat-x;
background: linear-gradient(to left,#0f467c,#1739b7) repeat-x;
/* background: linear-gradient(to left,rgb(0 101 249 / 80%),#000000) repeat-x!important; */
padding: 10% 20% 2% 22%;
z-index: 3;
top: 0;
height: 115%;
}
/*
.hp-promo-collage .overlay {
background: linear-gradient(to bottom,rgba(0,0,0,0),rgb(0 0 0 / 10%)) repeat-x;
position: absolute;
left: 0;
right: 0;
height: 100%;
z-index: 1;
}
*/
/*
.hp-promo-collage .overlay {
background: linear-gradient(to bottom, rgb(2 2 2 / 20%), rgb(0 0 0 / 90%)) repeat-x;
position: absolute;
left: 0;
right: 0;
height: 100%;
z-index: 1;
}

*/
/*
.textC {
background: hsl(0deg 0% 0% / 80%);
padding: 2%;
border-radius: .9em;
margin-top: -1em;
text-align: center;
}
*/
/*
.textC {
background: hsl(33.71deg 100% 50% / 99%);
padding: 1%;
border-radius: .9em;
margin-top: -1em;
text-align: center;
border: solid #ffaa36;
}
*/
.textC {
background: #c50000;
background: #7299ef;
padding: 1%;
border-radius: .9em;
margin-top: -1em;
text-align: center;
border: solid #FFF;
}
.textC a {
text-decoration: none;
}

.textC, .textC.goldblack {
background: #FFD700;
transition: .2s;
}
.textC.goldblack:hover, .textC {
background: #FFD700;
}
.hp-promo-collage .overlay {
background: linear-gradient(to bottom, rgb(2 2 2 / 10%), rgb(0 0 0 / 10%)) repeat-x;
position: absolute;
left: 0;
right: 0;
height: 100%;
z-index: 1;
}
.hp-promo-collage .overlay2 {
background: linear-gradient(to bottom,rgba(0,0,0,0),#000) repeat-x;
}
.hp-promo-collage:hover .overlay2 {
background: linear-gradient(to left,rgb(13 110 253 / 30%),rgba(0,0,0,0)) repeat-x;
background: linear-gradient(to left,rgb(0 101 249 / 80%),#005de5) repeat-x;
}

.mlk-hp {
background-image: url(/mlkday2022/img/MLK day 2023 1080.jpg);
background-position-y: -8em;
}
@media only screen and (max-width: 1250px) {
.hover-collage .textbox2R {
padding: 10% 20% 2% 22%;
}
.hp-promo-collage h3 {
font-size: 3em;
}
.hp-promo-collage p {
font-size: 1em;
}
.hover-collage:hover .textbox2 {
z-index: 0;
}
}
@media only screen and (max-width: 1024px) {
.hp-promo-collage {
margin: 0 1%;
}
.hp-promo-collage p {
font-size: 1em;
}
.hover-collage .textbox2R {
padding: 25% 8% 2% 12%;
}
.hp-hoz-section .p1 {
margin: -4em 0em;
}
/* .hp-hoz-section .text1 {
padding: 0 10% 0 45%;
margin-top: 13%;
} */
.hp-hoz-section .text1 {
padding: 0 10% 0 14%;
margin-top: 13%;
}
}

@media only screen and (max-width: 1000px) {
.hp-promo-collage h3 {
font-size: 3.2em;
}
.hp-promo-collage p {
font-size: .9em;
}
.hp-promo-collage .textbox {
height: 8em;
}
.hp-promo-collage .pic {
background-position-x: -8em;
}
.pull-up-5em {
background-position-y: -5em;
}
collage .container2 {
height: 36em;
}
#HP_YT_Video iframe {
margin-top: 5em !important;
}
.textC {
margin-top: 4em;
}
}
@media only screen and (max-width: 700px) {
.hp-collage-section video {
border-left: 0;
}
.hover-collage .textbox2R {
/* background: linear-gradient(to left,rgb(0 101 249 / 96%),#005de5) repeat-x; */
padding: 40% 5% 2% 5%;
z-index: 3;
color: #FFF;
top: 0;
height: 115%;
}
.hover-collage .textbox2R {
padding: 30% 5% 2% 5%;
}
.hp-promo-collage h3 {
font-size: 2.5em;
text-align: center;
}
}
@media only screen and (max-width: 820px) {
.hp-hoz-section .p1 {
display: none;
}
.hp-hoz-section .text1 {
padding: 0% 14%;
z-index: 1;
position: absolute;
left: 0;
right: 0;
margin: 8% 1% 1% 1%;
}
.hp-hoz-section p, .hp-hoz-section li {
font-size: 1.4em;
}
.hp-hoz-section h3 {
font-size: 1.5em;
}
#HP_YT_Video iframe {
margin-top: 8em !important;
}
}
@media only screen and (max-width: 600px) {
.hp-promo-collage p {
font-size: .9em;
}
.hover-collage .textbox2R {
padding: 40% 5% 2% 5%;
}
}
@media only screen and (max-width: 540px) {
.hp-hoz-section .text1 {
padding: 0 10% 0 0%;
margin-top: 13%;
}
.hp-hoz-section .text1 {
padding: 0 10% 0 0%;
margin-top: 13%;
margin-left: 10%;
margin-right: 10%;
}
.hp-promo-collage .container1, .hp-promo-collage .container2 {
height: 30em;
}
}
/* END PROMO COLLAGE */

/* ANIMATION ELEMENT 1 */
/* ANIMATION ELEMENT 1 */

/* BACK TO TOP UP BUTTON */
#buttontotop {
display: inline-block;
background-color: #ffbd59;
width: 50px;
height: 50px;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 84px;
right: 8px;
transition: background-color .3s, opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
text-decoration: none;
}
#buttontotop::after {
content: "\f077";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: #fff;
}
#buttontotop:hover {
cursor: pointer;
background-color: #040d22;
}
#buttontotop:active {
background-color: #555;
}
#buttontotop.show {
opacity: 1;
visibility: visible;
}
/* END BACK TO TOP UP BUTTON */

.btn-style1 {
border-radius: 2em;
padding: 0.4em 1em;
}
.pad-top-0 {
padding-top: 0;
}
.pad-btm-0 {
padding-bottom: 0;
}
a .theme22, a.theme22, .theme22 a {
background: none;
}
p.theme22af:hover {
color: #FFF;
}
.gold-line-btn {
background: none;
border: solid #FFCC00;
color: #FFCC00;
transition: .2s;
}
.gold-line-btn:hover {
background: #FFCC00;
border: solid #FFCC00;
color: #0363ef;
}
span.red-text.theme22af {
color: #ffc107;
}
.gold-background {
background: gold;
}
rect {
fill: none;
pointer-events: all;
}
circle {
fill: none;
stroke-width: 1px;
}
.imagebrightness, .imagebrightness .hp-slider  {
background: rgb(0 0 0 / 0%);
/* top: 0;
right: 0;
left: 0;
bottom: 0;
position: absolute;
z-index: 0;
width: 100%;
height: 100%; */
/* transition: 1s; */
}
.imagebrightness1 img, .imagebrightness1 .hp-slider, .imagebrightness1 .p1, .imagebrightness1 .pic, .imagebrightness1 .p3, .imagebrightness1 .p5, .imagebrightness1 video, .imagebrightness1 .hp-data-box2, .imagebrightness1 .pic, .imagebrightness1 .itn-thumbnail {
/* background: rgb(0 0 0 / 10%); */
/* filter: brightness(1.5); */
filter: grayscale(1);
}
.imagebrightness2 img, .imagebrightness2 .hp-slider, .imagebrightness2 .p1, .imagebrightness2 .pic, .imagebrightness2 .p3, .imagebrightness2 .p5, .imagebrightness2 video, .imagebrightness2 .hp-data-box2, .imagebrightness2 .pic, .imagebrightness2 .itn-thumbnail {
/* background: rgb(0 0 0 / 10%); */
filter: contrast(2);
}
.imagebrightness3 img, .imagebrightness3 .hp-slider, .imagebrightness3 .p1 , .imagebrightness3 .pic, .imagebrightness3 .p3, .imagebrightness3 .p5, .imagebrightness3 video, .imagebrightness3 .hp-data-box2, .imagebrightness3 .pic, .imagebrightness3 .itn-thumbnail {
/* background: rgb(0 0 0 / 10%); */
filter: sepia(1);
}
.imagebrightness4 img, .imagebrightness4 .hp-slider, .imagebrightness4 .p1 , .imagebrightness4 .pic, .imagebrightness4 .p3, .imagebrightness4 .p5, .imagebrightness4 video, .imagebrightness4 .hp-data-box2, .imagebrightness4 .pic, .imagebrightness4 .itn-thumbnail {
/* background: rgb(0 0 0 / 10%); */
filter: blur(1px);
}
.text-color-baby-blue {
color: #0d6efd;
}
.overflowxhide {
overflow-x: hidden;
}
.red-promo-btn {
background: red;
color: #FFF;
border: red;
}
.m-top-n3 {
margin-top: -3em;
}
.m-top-2 {
margin-top: 2em;
}
.m-b-0 {
margin-bottom: 0;
}
.line-height1 {
line-height: 1;
}
.line-height2 {
line-height: 2;
}
.line-height3 {
line-height: 3;
}
.highlightlinks, .highlightlinks a button, .highlightlinks a span, .hightlightlinks a:any-link {
color: gold !important;
background: black !important;
}
.sub-nav-arrow-accent-color {
color: #7ea7ff;
text-align: right;
}
.cursoron {
cursor: url(/img/2022/22/hand-pointer-regular.svg),auto !important;
fill: #FFF;
}
.dyslexiaon {
font-family: 'Lexend', sans-serif !important;
}
.playfair {
font-family: 'Playfair Display', serif !important;
}
.cursivestyle {
font-family: 'Caveat', cursive !important;
}
.font-small {
font-size: 80%;
}
.font-large {
font-size: 115%;
}
.font-extra-large {
font-size: 125%;
}
/* .font-reset {
} */
.goldblack {
background: gold !important;
color: black !important;
}
/* .compliance-container {
} */
.compliance-container h3 {
font-size: 1.4em;
text-align: center;
font-weight: bold;
padding: 0.5em;
}
.compliance-container button {
display: block;
margin: 0.25em auto;
color: #FFF;
width: 95%;
background: #7299ef;
font-size: .95em;
line-height: 1;
border-radius: 2em;
padding: 0.4em 1em;
}
.compliance-container button:hover {
background: #333;
}
button.theme22 {
border:none;
}
.compliance-container .col-6 {
border: solid 0.15em #ffffff;
border-radius: 1em;
background: #f7f7f7;
padding: 0.5em;
}
.text-align-left {
text-align: left !important;
}
.text-align-right {
text-align: right !important;
}
.text-align-center {
text-align: center !important;
}
.text-align-right-soft {
text-align: right;
}
.saturate-5 {
filter: saturate(4);
}
.saturate-1 {
filter: saturate(1);
}
.saturate-half {
filter: saturate(.5);
}
.saturate-0 {
filter: saturate(0);
}
.hide {
display: none;
}
.bolder {
font-weight: 900;
}
.marg-r4 {
margin-right: 4em;
}
.no-border {
border: none;
}
.width100, .dropdown-menu.shadow.hp-dropdown-menu-style.width100.show {
width: 100%;
}
.red-text {
color: red;
}
.gold-text, a.gold-text {
color: #ffbd59;
text-decoration: none;
}
.white-bg {
background: #FFF;
}
/* .overlay {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.65);
color: white;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
} */
.margin-bottom-soft {
margin-bottom: 0.5em;
}
.pad-right-1 {
padding-right: 1em;
}
.pad-left-1 {
padding-left: 1em;
}
.overflow-hidden {
overflow: hidden;
}
.no-pad {
padding: 0 !important;
}
#hpspbtn {
cursor: pointer;
}

element.style {
}
.carousel-indicators {
display: none;
}
.carousel-indicators [data-bs-target] {
margin-right: 0.7em;
}
.hp-carousel-left-arrow {
color: #00339f;
font-size: 3em;
}
.hp-carousel-right-arrow {
color: #00339f;
font-size: 3em;
}

/* TEMPLATE PAGES */
.template-pages {
padding-top: .5em;
}
.template-pages p,.template-pages li {
font-weight: 300;
font-size: 98%;
}
.template-pages li {
margin-bottom: 0.3em;
}
@media only screen and (max-width: 1150px) {
.container.template-pages {
max-width: 90% !important;
}
.template-pages {
padding-top: 9.5em;
}
.template-breadcrumb-container.container {
max-width: 90%;
}
.template-breadcrumb-container {
margin-top: 0em;
padding-left: 1em;
padding-top: 11em;
}
}
@media only screen and (max-width: 700px) {
.template-pages {
padding-top: 9em;
}
.template-pages p, .template-pages li {
font-weight: 300;
font-size: 110%;
}
}
@media only screen and (max-width: 500px) {

.container.template-pages {
max-width: 98% !important;
}
.container.template-pages h2 {
font-weight: bold;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
font-size: 1.5em;
}
.template-breadcrumb-container ol.breadcrumb li {
font-size: 80%;
}
}

/*OFF CANVAS NAVBAR PANEL SIZE*/
div#offcanvasDarkNavbar {
width: 25%;
transition: .2s;
animation: fadeIn 0.5s ease-out;
}

@media only screen and (max-width: 1600px) {
div#offcanvasDarkNavbar {
width: 38%;
}
}

@media only screen and (max-width: 1000px) {
div#offcanvasDarkNavbar {
width: 50%;
}
}

@media only screen and (max-width: 600px) {
div#offcanvasDarkNavbar {
width: 70%;
}
}
/* END OFF CANVAS NAVBAR PANEL SIZE*/

/*
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

.dropdown-menu.shadow.hp-dropdown-menu-style.show {
animation: fadeIn 0.5s ease-out;
}
*/
/* END TEMPLATE PAGES */