@charset "utf-8";
/* CSS Document */
a.alertTAB:nth-child(1) {
background-color: #ca011c;
}
a.alertTAB:nth-child(2) {
background-color: #1b83a7;
}
a.alertTAB:nth-child(3) {
background-color: #691fc1;
}
.hp-slideshow-container {
max-height: 22em;
}
.no-type {
list-style-type: none !important;
}
.left-off-canvas-menu {
opacity: 0;
}
.move-right .left-off-canvas-menu {
opacity: 1;
}
div#countdown2 {
margin-bottom: 1em;
display: none;
}
#countdown2 p {
background: linear-gradient(to right, #ffffff 0%,#072244 9%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#002c65',GradientType=1 );
background: #072244;
color: #FFF;
font-size: 1.2vw;
text-align: center;
margin: .15em;
padding-left: 2em;
padding-bottom: 0;
padding: .4em;
}

#countdown2 img {
width: 3vw !important;
float: left;
margin: -.5em 0;
z-index: 4;
position: absolute;
}

.fc-toolbar {
margin-top: 3em;
}
#countdown {
font-family: 'Source Sans Pro', sans-serif;
}
#countdown img {
width: 4.5vw;
float: left;
margin: -.5em 0;
z-index: 1;
position: absolute;
}
#countdown p {
background: #002c65;
background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 1%, #002c65 9%);
background: -webkit-linear-gradient(left, #ffffff 1%,#002c65 9%);
background: linear-gradient(to right, #ffffff 1%,#002c65 9%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#002c65',GradientType=1 );
color: #FFF;
font-size: 2vw;
text-align: center;
margin: .15em;
padding-left: 2.2em;
}
p#days {
color: #FFF;
text-align: left;
font-size: 6em;
position: absolute;
margin: -.25em .09em;
}
.days-block {
width: 80%;
display: block;
margin: auto;
}
.tips {
background: #ce2127;
color: #FFF;
font-size: 1.6em;
text-align: center;
}

#timer {
width: 8em;
margin-left: 1.5em;
height: 6.9em;
}
#timer2 {
width: 8em;
height: 6.9em;
}
.days {
font-size: 2em;
text-align: center;
color: #5d5e5f;
}
.days p, .tips p {
margin: 0;
font-size: 1.2em;
}
.days p {
font-size: 1.2em;
margin-top: -.22em;
}
div#days {
font-size: 5em;
background: #ce2127;
color: #FFF;
}
#countdown p span {
color: #ff4148;
}
/* COUNTDOWN */
#countdown body {
font-family: 'Titillium Web', cursive;
width: 800px;
margin: 0 auto;
text-align: center;
color: white;
background: #222;
font-weight: 100;
}

.days-block {
width: 90%;
}
#countdown div {
display: inline-block;
line-height: 1;
font-size: 3em;
padding: .1em;
background: #ce2127;
}
#countdown span {
/* display: block;
font-size: 20px;
color: white; */
}

#countdown #days {
font-size: 100px;
color: #FFF;
}
#countdown #hours {
font-size: 100px;
color: #f07c22;
}
#countdown #minutes {
font-size: 100px;
color: #f6da74;
}
#countdown #seconds {
font-size: 50px;
color: #abcd58;
}



@media only screen and (max-width: 1400px) {
#countdown2 p {
font-size: 1.6vw;
}
}
@media only screen and (max-width: 700px) {
#countdown2 p {
font-size: 2.7vw;
}
#countdown2 img {
width: 7vw;
}
#countdown p {
background: #002c65;
background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 0%, #002c65 16%);
background: -webkit-linear-gradient(left, #ffffff 0%,#002c65 16%);
background: linear-gradient(to right, #ffffff 0%,#002c65 9%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#002c65',GradientType=1 );
color: #FFF;
font-size: 4vw;
text-align: center;
margin: .15em;
padding-left: 2.2em;
}
#countdown img {
width: 8vw;
}
p#days {
font-size: 5vw;
}
.days p {
font-size: 2vw;
margin-top: -.22em;
}
.days p, .tips p {
margin: 0;
font-size: 3vw;
}
#timer {
width: 7vw;
margin-left: 1.5em;
/* background: #ce2127; */
height: 6vw;
}
}
.tt-wrapper li a:hover span {
opacity: 0.9;
bottom: 70px;
}
.move-header.up {
/* margin-top: -6.2em; */
/* margin-top: -2.7em; */
/* margin-top: -1.7em; */
}
.fix-nav-scroll.slideInUp.main-nav-scrolled{
/* background: rgba(55, 60, 71, .9); */
border: none;
}
.LDLO, .LDLO2, .LDLO3 {
width: 120%;
}

.hide-submenu, .hide-submenu2, .hide-submenu3 {
height: 0;
visibility: hidden;
transition: .35s;
background: #CCC;
}

.show-submenu, .show-submenu2, .show-submenu3 {
height: auto;
}

ul.LD-left-submenu, ul.LD-left-submenu2, ul.LD-left-submenu3  {
list-style-type: square;
background: #CCC;
}

.submenu-container {
position: absolute;
transition: .3s;
}

p.logout {
/* color: #a09999; */
margin: 0 auto 1em auto;
display: block;
left: 0;
right: 0;
background: #fff;
text-align: center;
font-size: .9em !important;
}

.glyphicon-user:before {
font-family: FontAwesome;
content: "\f007";
margin: 0em;
}

.SCS-logo {
transition: .2s;
}
.shrink-SCS-logo {
margin-top: .5em;
padding-left: 2.5em;
}

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
width: 60px;
height: 45px;
position: relative;
margin: 0em -1.2em;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
position: absolute;
z-index: 9999999;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
display: block;
position: absolute;
height: 4px;
width: 3em;
background: #FFF;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
top: 0px;
}

#nav-icon1 span:nth-child(2) {
top: 18px;
}

#nav-icon1 span:nth-child(3) {
top: 36px;
}

#nav-icon1.open span:nth-child(1) {
top: 18px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

#nav-icon1.open span:nth-child(3) {
top: 18px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}

/* Icon 2 */

#nav-icon2 {
}

#nav-icon2 span {
display: block;
position: absolute;
height: 9px;
width: 50%;
background: #d3531a;
opacity: 1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
left: 50%;
border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
left:0px;
border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
top: 18px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
top: 36px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
left: 5px;
top: 7px;
}

#nav-icon2.open span:nth-child(2) {
left: calc(50% - 5px);
top: 9px;
}

#nav-icon2.open span:nth-child(3) {
left: -50%;
opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
left: 100%;
opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
left: 5px;
top: 29px;
}

#nav-icon2.open span:nth-child(6) {
left: calc(50% - 5px);
top: 29px;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
top: 6px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
top: 18px;
}

#nav-icon3 span:nth-child(4) {
top: 31px;
}

#nav-icon3.open span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%;
}

#nav-icon3.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}

/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
top: 18px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
top: 36px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: -3px;
left: 8px;
}

#nav-icon4.open span:nth-child(2) {
width: 0%;
opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 39px;
left: 8px;
}

.find-it-fast-btm-row-cont h3 {
border-bottom: .2em solid #FF0003;
font-size: 2.2em;
color: #FFF;
margin-top: -.4em;
}
.find-it-fast-btm-row-cont .large-3.columns {
padding-top: 5em;
padding-bottom: 2em;
}
.find-it-fast-btm-row-cont .large-3.columns:nth-child(1) {
padding-top: 2em;
}
header {
background-image: url(/img/home-page/header-bg2.jpg);
background: #E90101;
background: #2a5cc9;
background: #244690;
padding-top: 20px;
padding-bottom: 10px;
border-top: solid #42464d 1.5em;
background: #244690;
background: rgba(36, 70, 144, .9);
padding-top: 20px;
padding-bottom: 10px;
z-index: 153;
border-top: solid #244690 1.5em;
border-top: solid #3b3737 1.5em;
height: 100px;
transition: .2s;
}

.top-bar-section ul li > a.button {
font-size: 0.95rem;
padding-right: 15px;
padding-left: 15px;
background-color: red;
border-color: #007095;
color: white;
}
.top-bar-section ul li > a {
display: block;
width: 100%;
color: white;
padding: 12px 0 12px 15px;
font-family: "Open Sans";
/*	font-family: Lato, Helvetica;*/
font-size: 0.92rem;
text-transform: uppercase;
font-weight: normal;
font-family: 'Oswald', sans-serif;
font-size: 1.2em !important;
}
.top-bar-section ul li ul li > a {
display: block;
width: 100%;
color: white;
padding: 12px 0 12px 15px;
/*font-family: "Open Sans"; */
font-size: .92em;
text-transform: uppercase;
}
.top-bar-section li:not(.has-form) a:not(.button) {
padding: 3px 15px;
line-height: 36px; /*background: #31393F;*/
}
.top-bar-section li:not(.has-form) a:not(.button):hover, #hp-nav a:focus {
/* color: #f7da47 !important; */
background: #263046 !important;
}

.main-font-theme {
font-family: 'Oswald', sans-serif;
}
.SCS-logo {
color: #FFF;
font-family: 'Oswald', sans-serif;
font-size: 3em;
font-weight: bold;
margin-top: 0em;
padding-left: 1.7em;
text-shadow: 6px 5px 3px rgba(0,0,0,0.3);
margin-bottom: 0;
z-index: 1;
}
.SCS-logo-focus:focus {
color: #3b3737;
}
.SCS-logo-round.shrink-SCS-logo {
position: absolute;
margin: .5em -1em;
z-index: 2;
height: 3em;
}
.SCS-logo.shrink-SCS-logo {
color: #FFF;
font-family: 'Oswald', sans-serif;
font-size: 1.8em;
display: block;
margin-top: .4em;
padding-left: 2.6em;
text-shadow: 6px 5px 2px rgba(0,0,0,0.2);
margin-bottom: 0;
}

.moveDown {
margin: -5.7em 33em;
}
.SCS-logo-round {
position: absolute;
margin: -0.5em -1em;
z-index: 2;
transition: .2s;
}
.SCS-logo-round-Employee-HUB {
float: left;
position: absolute;
margin: -0.5em -.8em;
z-index: 2;
}
.SCS-Employee-HUB-logo {
color: #FFF;
font-family: 'Oswald', sans-serif;
font-size: 3em;
margin-top: 0em;
padding-left: 1.6em;
text-shadow: 4px 4px 0px rgba(0,0,0,0.2);
margin-bottom: 0;
}
#toggle-container {
display: inline-block;
position: absolute;
margin: -2.6em 0em;
width: 20em;
height: auto;
display: none;
}
#toggle-container .switch label:after {
width: 1.5rem;
height: .5rem;
}

#toggle-container .switch {
float: left;
margin: 0 .5em;
}

#toggle-container .switch input:checked + label {
background: #0e2250;
}

#toggle-container .switch label {
color: transparent;
background: #06205a;
width: 4rem;
height: 1rem;
}
.high-contrast-bg {
background: #0a245e;
}
.pricing-table .description {
background-color: white;
padding: 1rem;
text-align: left;
color: #777777;
font-size: 0.75rem;
font-weight: normal;
line-height: 1.4;
border-bottom: dotted 1px #dddddd;
}
.zoom {
width: 293px;
height: 170px;
display: block;
position: relative;
overflow: hidden;
border: 1px solid #ddd;
background: #fff url(<?php echo $newwebsiteurl;
?>jquery/hover/images/loader.gif) no-repeat center;
}
.zoom img {
display: none
}
.zoomOverlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: none;
background-image: url(<?php echo $newwebsiteurl;?>jquery/hover/images/zoom.png);
background-repeat: no-repeat;
background-position: center;
}
#popup_box {

}
#container {
width: 100%;
/*height: 100%;*/
}
/* This is for the positioning of the Close Link */
#popupBoxClose {
font-size: 20px;
line-height: 15px;
right: .5em;
top: 18em;
position: absolute;
color: #E90101;
font-weight: 500;
}
.countdown-text {
position: absolute;
margin: 21em 11em;
font-size: 1em;
}
#countDown {
display: inline-block;
width: 15em;
color: #FFF !important;
}

/*SCROLLING CSS*/
#studentparents, #second, #third, #fourth {

}

.go-top {
position: fixed;
bottom: 2em;
right: 2em;
text-decoration: none;
color: #000;
background-color: rgba(100, 100, 100, 0.3);
font-size: 12px;
display: none;
}


/*POPUP MODAL CSS */

#popupBox a {
text-decoration: none;
font-size: 18px;
color: #333333;
}
#popupBox a:hover {
text-decoration: underline;
font-size: 18px;
color: #333333;
}
#popup {
position: absolute;
max-width: 900px;
max-height: auto;
border-radius: .5em;
border: 1px solid #ECE8E8;
padding: 1em;
text-align: center;
margin: auto 8%;
display: block;
background: #FFF;
z-index: 300;
}
#popup h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #3F5C9A;
border-bottom: 1px #3F5C9A solid;
margin: 0;
padding: 0;
}
#popup h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666666;
margin: 0;
padding: 5px 0;
text-align: left;
}
#popup p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
margin: 0;
padding: 5px;
text-align: justify;
}
#popup a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
margin: 0;
padding: 5px;
text-align: right;
float: right;
}
#overlay-back {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*background: #000;*/
opacity: 0.6;
filter: alpha(opacity=60);
z-index: 5;
display: none
}
.close-image {
display: block;
float: right;
position: absolute;
/* top: -15px; */
/* right: -15px; */
/* height: 20px; */
margin-left: 21.7em;
margin-top: -.7em;
font-size: 1.9em;
color: #FE0000 !important;
}
.hp-alert-icon {
font-size: .8em;
margin-top: 1em;
margin: 0 .5em;
}
.close-image {
cursor: pointer !important;
}

/*STUDENTS INCLUDE CSS*/
h3 {
font-size: 1.1em;
color: #302F2F;
}

h3.eh-btns {
font-size: 1.2em;
color: #ffffff;
background: #1f2c3c;
background: rgba(31, 44, 60, .9);
margin: 0;
padding: .4em .5em;
}

.ep-news-btns {
width: 100%;
text-align: center;
padding: .7em;
margin-left: 0;
margin-bottom: .5em;
background: #03A9F4;
cursor: pointer;
}
.ep-style li {
padding: .2em;
}

.ep-help-btns {
margin: .5em 0 .5em 0;
/* border: solid .25em #1f2c3c; */
box-shadow: 2px 1px 25px #e8e0e0;
transition: .2s;
}

.ep-style img {
/* height: 9.1em; */
transition: .2s;
}

.ep-style img:hover {
transform: scale(1.05);
}

.ep-help-btns:hover {
transform: scale(1.05);
}
.stream {
height: 312px !important;
}
.student-menu-row {
font-size: .9em !important;
}
.sp-style h33 {
font-size: .9em;
color: #FFFFFF;
z-index: 2;
position: absolute;
margin: 7em 0em;
/*	margin: 9.4em 0em;*/
/*    margin: 3.52em 0em;*/
background-color: rgba(29, 31, 31, 0.95);
padding: .2em .5em;
}
.student-menu-row ul li {
border-bottom: .1em solid #2F373D;
padding-bottom: .2em;
padding-top: .2em;
display: block;
}
.tweet .e-entry-title[dir="ltr"] {
text-align: left;
direction: ltr;
color: #1F1E1E;
}
.feed-style a li {
font-size: 1em;
border-bottom: solid .1em #CCC;
padding: .2em;
text-decoration: none;
display: block;
}
.feed-style {
margin-top: .5em;
margin-left: .4rem !important;
margin-right: .4em !important;
}
.feed-style li {
text-decoration: none;
list-style-type: none;
}
.feed-style li a {
font-size: .77em;
border-bottom: solid .1em #CCC;
padding: .2em;
display: block;
}
.fb-page, .fb-page iframe[style], .fb-page span {
width: 100% !important;
}
.facebook-p {
color: #3A5897;
font-weight: 800;
font-size: 1.5em;
margin-bottom: .2em;
margin-top: -.4em;
display: block;
text-transform: uppercase;
border-bottom: .17em solid;
}
.twitter-p {
color: #4298DA;
font-weight: 800;
font-size: 1.5em;
margin-bottom: .2em;
margin-top: -.4em;
display: block;
text-transform: uppercase;
border-bottom: .17em solid;
}
.newsroom-icon {
background: url('img/home-page/newsroom-icon.png');
height: 1.1em;
display: block;
background-repeat: no-repeat;
float: left;
width: 1.1em;
margin: .25em;
}
.newsroom {
color: red;
font-weight: 800;
font-size: 1.5em;
margin-bottom: .2em;
margin-top: -.4em;
display: block;
text-transform: uppercase;
border-bottom: .17em solid;
}
.find-it-fast-btm-row-cont {
background: #2d2f31;
display: block;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
padding: 1em 0 0 0;
}
.find-it-fast-btm-row-cont a {
color: #FFF;
transition: color 300ms;
}
.find-it-fast-btm-row-cont a:hover {
color: #ffffff;
text-decoration: underline;
}
.student-parents-grid h3 {
font-size: 1.4em !important;
margin: .2em;
display: block;
color: #373b40;
text-align: center;font-family: 'Oswald', sans-serif;
}
.student-parents-grid img {
width: 100%;
transition: .25s;
box-shadow: 2px 1px 10px #e8e0e0;
}

.sp-style a {
border: solid #d6d6d6 .3em;
transition: .3s;
display: block;
}
.student-parents-grid img:hover, .student-parents-grid img:focus, .sp-style a:focus {
transform: scale(1.05);
border: solid #39589a .3em;
display: block;
}

.hp-youtube-thumbnail {
width: 35%;
padding: 0 .2em;
}
.hp-youtube-title {
padding: 0 0 0 0 !important;
width: 65%;
float: left;
}
.hp-youtube-title p {
font-size: .7em;
}
.hp-youtube-row {
margin-bottom: .3em;
}
.hp-youtube-thumb img {
padding: 0 .4em 0 0 !important;
width: 35%;
float: left;
}


.close-btn {
font-size: 1em;
font-weight: bold;
margin: -5.4em -4.4em;
position: absolute;
text-transform: uppercase;
background: #F11A1A;
padding: .5em;
color: #FFF;
}


#popup_box h3 {
font-size: 1em;
color: #5C7794;
position: absolute;
background: #FFF;
margin: 0;
padding: 1em 3em;
width: 95%;
}

.popup-box-container {
margin:0 32%;
}

#students-parents-text {
visibility: hidden;
}

#nt-example2 a {
font-size:.75em !important;
}

#hp-popup {
visibility: hidden;
}
#hp-popup .animated, #hp-popup.animated {
visibility: visible;
}


#hp-popup #container{
width:960px;
margin:auto;
padding:20px;
}

#hp-popup p{
margin-bottom:20px;
line-height:24px;
}

#hp-popup h1, h2{
color: #f00000;
font-size:1.2em;
margin-bottom:20px;
border:none !important;
font-weight:bold;
margin:20px 0;
}

#hp-popup #hover{
width:100%;
height:100%;
opacity: .6
}

#hp-popup #popup {
position: absolute;
width: auto;
height: auto;
background: rgba(255,255,255,.9);
left: 0;
right: 0;
top: 4%;
margin: auto;
border-radius: 5px;
padding: 0 0 !important;
text-align: center;
/* box-shadow: 0 0 10px 0 #000; */
}

#tweet{
color: #4099FF;
}

#hp-popup #close{
cursor: pointer;
}

#popup {
position: absolute;
max-width: 900px;
max-height: auto;
border-radius: .5em;
border: none;
padding: 1em;
text-align: center;
margin: auto 8%;
opacity: 1;
/* background: #FFF; */
z-index: 300;
}
#hp-popup #popup a {
text-align: center !important;
float: none;
border: none;
}

.news-row {
color: #6F6F6F;
border-bottom: solid .1em #EFEFEF;
height: 4em;
margin: .4em 0;
padding-bottom:.1em;
transition: .25s;
}
.news-row p:hover {
color: #3366CC;
}



.ct-topbar__list {
margin-bottom: 0px;
}
.ct-language__dropdown{
/* display: none; */
padding-top: 8px;
max-height: 0;
overflow: hidden;
position: absolute;
top: 2.8em;
left: -2em;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
width: 18em;
text-align: center;
padding-top: 0;
z-index: 200;
}
.ct-language__dropdown li {
background: rgb(123, 123, 123);
background: rgb(17, 57, 147);
background: rgb(66, 70, 77);
background: rgb(35, 36, 37);
padding: 4px;
}
.ct-language__dropdown li a{
display: block;
color: #FFF;
font-size: 1.2em;
text-align: left;
padding-left: 1.5em;
}
.ct-language__dropdown li:first-child{
padding-top: 10px;
border-radius: 3px 3px 0 0;
}
.ct-language__dropdown li:last-child{
padding-bottom: 10px;
border-radius: 0 0 3px 3px;
}
.ct-language__dropdown:before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
width: 8px;
height: 0;
border: 0 solid transparent;
border-right-width: 8px;
border-left-width: 8px;
border-bottom: 8px solid #222;
}
.ct-language {
position: relative;
color: #FFF;
padding: .2em 1em;
z-index: 10000;
font-weight: normal;
}

.ct-language:hover .ct-language__dropdown{
max-height: 200px;
padding-top: 8px;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}

.ct-language a{
color: white;
}

.ct-language a:hover{
text-decoration: underline;
}
.ct-topbar {
width: 14em;
position: absolute;
margin-top: 0em;
right: 0;
margin: -5.6em 33em;
z-index: 999;
}

.translate-container {
background: #193b8c;
width: 100%;
left: 0;
display: inline-block;
right: 0;
}

.fixed {
position: fixed;
}
.ct-topbar {
width: 14em;
position: absolute;
margin-top: 0em;
right: 0;
margin: -5.7em 33em;
margin: -6.4em 33em;
z-index: 999;
}

.navbar-brand>img {
padding-top: 11px;
width: 130px;
margin-left: 15px;
}
.navbar-brand {
height: auto;
margin: 0;
padding: 0;
margin-right: 20px;
}
.navbar {
background-color: #000000;
}
.navbar-default .navbar-nav > .active > a {
padding: 8px 19px 9px !important;
}
.navbar-nav > li.active {
padding: 8px 0px 9px 0;
}
.navbar-right {
padding-top: 0;
}
.navbar-default .navbar-nav > li > a::after {
background-color: transparent;
border-bottom: 3px solid #d2282e;
}
.navbar-default .navbar-nav>li {
display: inline-block;
text-align: center;
float: none;
}
.navbar-default .navbar-nav>li>a {
color: #fff;
}
.navbar-default .navbar-nav>li>a:hover {
color: #fff;
background-color: #0392CC;
}

.ct-language__dropdown img {
margiN: .2em .5em;
height: 2em;
text-align: left;
display: none;
}

.ct-language__dropdown {
/* display: none; */
padding-top: 8px;
max-height: 0;
/* overflow: hidden; */
position: absolute;
top: 7.5em;
left: -2em;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
width: 18em;
text-align: center;
padding-top: 0;
z-index: 999999999999999999999999999999999999;
background: none;
margin: -3em 3em;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
background: none;
text-shadow: 2px 2px 4px rgba(0,0,0,0.9);
}
.translator-display {
display:table;
}




}



/* FOCUS FOR KEYBOARD ONLY ACCESSIBILITY IN TEMPLATE */
:focus, :focus span, :focus p{

}

.ct-language:focus, .hp-social > article h3 :focus, .hp-social > article h3 :focus .glyphicon, .footer-graphic article p :focus span {

}

.left :focus, .list-unstyled li :focus{

}

.hp-scs-logo-text :focus, .ct-language:focus, #bckRotate li :focus, .left :focus, .list-unstyled li :focus, .hp-social > article h3 :focus, .hp-social > article h3 :focus span:nth-child(1),
.hp-social > article h3 :focus .glyphicon, .footer-graphic article p :focus, .footer-graphic article p :focus span{
}

#controls :focus, #controls :focus span{
font-weight: normal;
}

/* .breadcrumbs li :focus, .espanolLinksli :focus, p :focus{
padding: 0 .5%;
} */

/* END FOCUS FOR KEYBOARD ACCESSIBILITY */

.owl-theme .owl-dots .owl-dot span {
/* width: 2em !important;
height: .3em !important;
margin: 5px 7px !important;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 0 !important; */
}
.employee-portal-blue-btn {
font-size: 1rem;
background-color: #568be3;
border-radius: .4em;
color: #FFF;
padding: .3em 3em;
display: block;
text-transform: uppercase;
margin: auto;
transition: .2s;
}
.employee-portal-blue-btn:hover {
background-color: #555555;
transform: scale(1.1);
}
ul#translator:focus {
border: solid blue;
border: #4f86ee solid .1em;
}

.top-bar.expanded {
height: auto;
background: transparent;
overflow: hidden;
}

.top-bar-section ul li > a {
font-size: 0.9rem;
}

#translator-wrapper {
display: block;
width: 90%;
max-width: 300px;
border: none;
background-color: #fff;
color: #444;
overflow: hidden;
position: relative;
height: 2em;
}
#translator-wrapper select {
border:none;
background:transparent;
font-family:'Verdana',Arial,Sans-Serif;
font-size:12px;
width:100%;
color:#444;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-appearance:none;
cursor:text;
padding:5px 10px;
}
#translator-wrapper a,
#translator-wrapper a:hover {
display:block;
background-color: #e60303;
border:none;
color:#fff;
margin:0 0;
text-decoration:none;
position:absolute;
top:0;
right:0;
bottom:0;
cursor:pointer;
width:14%;
transition:all 0.3s ease;
}
#translator-wrapper a:before {
content:"";
display:block;
width:0;
height:0;
border:6px solid transparent;
border-left-color:white;
position:absolute;
top:50%;
left:45%;
margin-top:-5px;
}
#translator-wrapper a:hover {opacity:0.9;}
#translator-wrapper a:active {opacity:0.9;}
#translator-wrapper select:focus,
#translator-wrapper a:focus,
#translator-wrapper select:active,
#translator-wrapper a:active {
border:none;
outline:none;
cursor:pointer;
}
option {
background:#444;
color:#e0e0e0;
}

/**
* Owl Carousel v2.1.6
* Copyright 2013-2016 David Deutsch
* Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
*/
/*
*  Owl Carousel - Core
*/
.cal-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1; }
.cal-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y; }
.cal-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.cal-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px); }
.cal-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.cal-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d; }
.cal-carousel .owl-nav.disabled,
.cal-carousel .owl-dots.disabled {
display: none; }
.cal-carousel .owl-nav .owl-prev,
.cal-carousel .owl-nav .owl-next,
.cal-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.cal-carousel.owl-loaded {
display: block; }
.cal-carousel.owl-loading {
opacity: 0;
display: block; }
.cal-carousel.owl-hidden {
opacity: 0; }
.cal-carousel.owl-refresh .owl-item {
display: none; }
.cal-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.cal-carousel.owl-grab {
cursor: move;
cursor: grab; }
.cal-carousel.owl-rtl {
direction: rtl; }
.cal-carousel.owl-rtl .owl-item {
float: right; }

/* No Js */
.no-js .cal-carousel {
display: block; }

/*
*  Owl Carousel - Animate Plugin
*/
.cal-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }

.cal-carousel .owl-animated-in {
z-index: 0; }

.cal-carousel .owl-animated-out {
z-index: 1; }

.cal-carousel .fadeOut {
animation-name: fadeOut; }

@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }

/*
* 	Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out; }

/*
* 	Owl Carousel - Lazy Load Plugin
*/
.cal-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }

.cal-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }

/*
* 	Owl Carousel - Video Plugin
*/
.cal-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }

.skin {
/* background: hsla(223, 48%, 11%, 0.15); */
background: hsla(221, 39%, 35%, 0.25);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.cal-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }

.cal-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }

.cal-carousel .owl-video-playing .owl-video-tn,
.cal-carousel .owl-video-playing .owl-video-play-icon {
display: none; }

.cal-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }

.cal-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }

.cal-container i.fa.fa-angle-left {
margin-left: -.7em;
}

.cal-container a:focus::before {
/* font-family: FontAwesome;
display: inline-block;
padding-right: 6px;
vertical-align: middle;
content: "\f062";
font-size: 3em;
position: absolute;
z-index: 2;
color: #aa1e2d;
margin: 2.5em 0em; */
}
.cal-container .box h3{
text-align:center;
position:relative;
top:80px;
}

.cal-container.box {
width: 70%;
margin: 5px auto;
height: 6.7em;
background: #FFF;
margin: 30px auto;
}
.cal-carousel .owl-stage-outer {
margin-right: .5em;
margin-top: -1.5em;
height: 12em;
}
.cal-carousel .owl-stage {
padding-left: 6px;
}


.cal-container {
position: relative;
}
.cal-container .owl-theme .custom-nav {
position: absolute;
top: 20%;
left: 0;
right: 0;
}
.cal-container .owl-theme .custom-nav .owl-prev, .cal-container .owl-theme .custom-nav .owl-next {
position: absolute;
height: 100px;
color: inherit;
background: none;
border: none;
z-index: 100;
}
.cal-container .owl-theme .custom-nav .owl-prev i, .cal-container .owl-theme .custom-nav .owl-next i {
font-size: 2.5rem;
color: #cecece;
}
.cal-container .owl-theme .custom-nav .owl-prev {
left: 0;
margin-left: -.7em;
}
.cal-container .owl-theme .custom-nav .owl-next {
right: 0;
}

.owl-theme .owl-nav [class*=owl-] {
color: #FFF;
font-size: 14px;
margin-top: 2em;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px;
}
.cal-container .owl-theme .custom-nav .owl-prev i, .cal-container .owl-theme .custom-nav .owl-next i {
color: #ffffff;
font-size: 7rem;
}

.custom-nav.owl-nav div.owl-prev i  {
font-size: 7rem;
color: #ffffff;
-webkit-tap-highlight-color: transparent;
margin-left: -.75em;
}

.cal-container .owl-theme .custom-nav .owl-next i {
font-size: 7rem;
color: #ffffff;
-webkit-tap-highlight-color: transparent;
margin-right: -.7em;
}

.owl-carousel {
display: none;
}
.no-js .owl-carousel {
display: block;
}
.owl-carousel.owl-loaded {
display: block;
}

/*==================================================
* Effect 1
* ===============================================*/
.effect1{
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
}

/*==================================================
* Effect 2
* ===============================================*/
.effect2
{
position: relative;
}
.effect2:before, .effect2:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.effect2:after
{
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}

/*==================================================
* Effect 3
* ===============================================*/
.effect3
{
position: relative;
}
.effect3:before
{
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}

/*==================================================
* Effect 4
* ===============================================*/
.effect4
{
position: relative;
}
.effect4:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
right: 10px;
left: auto;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
}

/*==================================================
* Effect 5
* ===============================================*/
.effect5
{
position: relative;
}
.effect5:before, .effect5:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 25px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 35px 20px #777;
-moz-box-shadow: 0 35px 20px #777;
box-shadow: 0 35px 20px #777;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
}
.effect5:after
{
-webkit-transform: rotate(8deg);
-moz-transform: rotate(8deg);
-o-transform: rotate(8deg);
-ms-transform: rotate(8deg);
transform: rotate(8deg);
right: 10px;
left: auto;
}

/*==================================================
* Effect 6
* ===============================================*/
.effect6
{
position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:50%;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}
.effect6:after
{
right:10px;
left:auto;
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg);
}

/*==================================================
* Effect 7
* ===============================================*/
.effect7
{
position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:0;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}
.effect7:after
{
right:10px;
left:auto;
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg);
}

/*==================================================
* Effect 8
* ===============================================*/
.effect8
{
position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:10px;
bottom:10px;
left:0;
right:0;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}
.effect8:after
{
right:10px;
left:auto;
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg);
}

button.take-the-pledge-btn {
background-color: #18468c;
border: solid;
color: #FFF;
padding: .4em 3em;
border-radius: .7em;
font-size: .9em;
text-transform: uppercase;
transition: .25s;
float: right;
}
button.hear-our-stories-btn {
background-color: #aa1e2d;
border: solid;
color: #FFF;
padding: .4em 3em;
border-radius: .7em;
font-size: .9em;
text-transform: uppercase;
transition: .25s;
margin-right: 1em;
float: left;
}
.we-are-901-btn-box button:focus, .we-are-901-btn-box button:hover {
border: solid .2em #aa1e2d;
background: #fbf8f8;
color: #0e0e0e;
font-weight: bold;
transform: scale(1.05);
}

/* button.take-the-pledge-btn:hover {
color: #FFF;
transition: color 300ms;
border-bottom: solid .2em #39589a;
background-color: #333;
transform: scale(1.05);
}
button.hear-our-stories-btn:hover {
background-color: #333;
transform: scale(1.05);
} */

.we-are-901-btn-box {
/* width: 21em; */
margin: auto;
display: block;
padding-top: 4em;
}

img.we-are-901-logo:hover{
background: url('/dist/img/home-page/WE are 901-hover.png') no-repeat 0px 0px;
}

p.title {
font-size: 1em;
font-weight: normal;
color: #252323;
padding: 1em;
padding-right: .5em;
padding-left: 6em;
}
.padding-0 {
padding: 0;
}

a.district-news:focus, .hp-FIF-Box-Margin ul li a:focus, a.district-news:hover, .hp-FIF-Box-Margin ul li a:hover {
background: #f1efef;
display: block;
}
.find-it-fast-btm-row-cont a:focus {
border: none;
font-size: 1.2em;
color: white;
}
.students-parents.main-font-theme a:hover, .students-parents.main-font-theme a:focus {
border: solid #335294 .3em;
display: block;
}
a#SCS-logo-focus:focus {
display: block;
}
a.employee-news-link-style:focus, a.employee-news-link-style:hover{
background: #f1ecec;
display: block;
}

.frequently-visited li a:focus {
background: #efecec;
}

a.employee-hub-btns:focus, .view-calendar-text a:focus {
width: 100%;
background: #203c46;
display: block;
}
.breadcrumbs a:focus {
font-size: 1.2em;
}
.connect-with-us-row a img:focus, .connect-with-us-row a img:hover, .connect-with-us-row a:focus {
transform: scale(1.4);
font-size: 1.4em;
}
.cal-margin {
margin-bottom: 0em;
padding: 2em 0;
}
.cal-container .date {
background: #1e457d;
color: #FFF;
text-align: center;
padding: .5em .8em;
font-weight: bold;
margin: 0.15em .2em;
cursor: pointer;
transition: .2s;
text-transform: uppercase;
float: left;
}
.cal-container .date:hover {
background: #455c81;
}
p.category {
margin-top: 1em;
margin-bottom: 0;
font-weight: bold;
text-transform: uppercase;
font-size: .8em;
}
/*
.nav-btn.prev-slide {
background: none;
margin-top: -1.8em;
left: 0;
position: absolute;
z-index: 9;
color: #b3b3b3;
font-size: 6em;
}

.nav-btn.next-slide {
background: none;
margin-top: -1.8em;
right: 0;
position: absolute;
z-index: 9;
color: #b3b3b3;
font-size: 6em;
} */
.owl-theme .owl-nav [class*=owl-]:hover,.owl-theme .owl-nav [class*=owl-] {
/* background: none !important; */
}

.owl-theme .owl-nav {
margin-top: -3em !important;
}

h1.hp-title.upcoming-events-title-style.important-dates {
background: none;
text-align: center;
border: none;
color: #ffffff;
padding: 0;
font-size: 2em !important;
padding-bottom: .1em;
display: inline-block;
left: 0;
right: 0;
margin: 2em 0 0 0;
width: 10em;
text-shadow: 4px 4px 0px rgba(0,0,0,0.2);
font-family: 'Oswald', sans-serif;
}

.cal-carousel .item {
width: auto !important;
border: none;
background: rgba(255, 255, 255, .95) !important;
height: auto;
margin-bottom: 0;
display: inline-block;
padding: .25em;
}

/*==================================================
* Effect 5
* ===============================================*/
.cal-carousel .item
{
position: relative;
}
.cal-carousel .item:before, .cal-carousel .item:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 25px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 35px 20px #777;
-moz-box-shadow: 0 35px 20px #777;
box-shadow: 0 35px 20px #777;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
}
.cal-carousel .item:after
{
-webkit-transform: rotate(8deg);
-moz-transform: rotate(8deg);
-o-transform: rotate(8deg);
-ms-transform: rotate(8deg);
transform: rotate(8deg);
right: 10px;
left: auto;
}
.calendar.item .month {
font-size: 1.4em;
margin-top: -.3em;
}
.calendar.item .day {
font-size: 3em;
margin-top: -.25em;
display: block;
}
.calendar.item .year {
font-size: 1.2em;
margin-top: -.4em;
display: block;
font-weight: normal;
color: #fff;
}

.search-website {
position: absolute;
z-index: 9;
font-family: 'Oswald', sans-serif;
font-size: 1.35em;
text-transform: uppercase;
margin-top: .45em;
color: #FFF;
margin-left: 1em;
cursor: pointer;
transition: .3s;
}
#searchform.display-search-input {
margin-top: 0em;
text-transform: none;
height: 2em;
margin-left: 1em;
}
.hide-search-website {
visibility:hidden;
}


a.alertTAB:focus {
border: solid #002c65 .2em;
display: block;
padding: 0.3em 0;
margin-bottom: 0.5em;
background: black;
}

a.alertTAB {
font-size: 1rem;
font-weight: bold;
text-align: center;
padding: 0.25em 0;
color: #FFF;
margin-bottom: 0.5em;
transition: 0.2s;
display: block;
}

.owl-theme .owl-nav {
margin-top: 10px;
}
div.date:first-child {
/* background: #494e49; */
}
.owl-theme .owl-dots .owl-dot span {
background: #ffffff;
}
.cal-wrapper {
background: url(/dist/img/home-page/hoz-bg5.jpg);
background-position-y: -21em;
background-size: cover;
height: 24em;
display: block;
padding: 0em;
margin-top: 1em;
position: relative;
}
.cal-ico-container {
padding: .1em .3em .1em .4em;
background: rgba(255, 255, 255, .8);
color: #e60303;
display: inline-block;
border-radius: .8em;
}
.calendar.item.box.effect2:hover, a.calendar.item.box.effect2:focus, a .calendar.item.box.effect2:focus {
/* transform: scale(1.03); */
background: #FFF;
}
.calendar.item.box.effect2 {
transition: .2s;
}
.calendar.item.box.effect2 {
left: 0;
right: 0;
display: block;
height: 8.6em;
}
a.hp-calendar-box:focus {
border: solid #ec0000 .4em;
padding: 0;
margin: 0;
display: table;
}
.list-unstyled a.lang-select {
font-size: 1.4em;
transition: .25;
}
.list-unstyled a.lang-select:hover, .list-unstyled a.lang-select:focus {
font-size: 1.6em;
}
.owl-theme .owl-nav [class*=owl-] {
background: none !important;
}

.hp-news-date {
display: block;
font-size: .8em;
font-weight: normal;
color: #044cb3;
margin-top: -1em;
text-decoration: none !important;
right: 0;
text-align: left;
}
.hp-title {
font-weight: bold;
font-size: 1.2em !important;
border-bottom: solid 0.2em #31393F;
display: block;
text-transform: uppercase;
background: #3b3737;
color: #31393f;
color: #ffffff;
padding: .2em 0em .2em 0.7em;
margin-top: 0;
margin-bottom: 0.3em;
/* border-bottom: solid .2em #989191 !important;
border-bottom: solid .2em #e60303 !important; */
}
.hp-bottom-title-icon {
color: #e60303 !important;
font-size: 1.2em;
}

.middle-row-container {
padding-top: .7em;
padding-bottom: 2em;
}
.view-calendar-text19 {
right: 0;
margin-right: 0;
text-decoration: none;
position: absolute;
z-index: 2;
margin: 17em 3em;
font-size: 1em;
display: inline-block;
background: #aa1e2d;
color: #FFF;
padding: 0.4em 1em;
text-transform: uppercase;
border-radius: 0.2em;
font-weight: bold;
transition: 0.3s;
}
.view-calendar-text19:hover {
background: #565050;
}
.view-calendar-text19 a {
color: #FFF;
}

.news-thumbnail {
margin-left: 0em;
padding: 0.5em;
transition: .3s
}
.news-thumbnail:hover {
transform: scale(1.1);
}
.news-title-style {
padding-top: 1.2em;
color: #151f35;
font-weight: bold;
margin-top: -1em;
font-size: 1em;
}
.title-desc {
padding-left: 1.5em;
}
i.fa.fa-star {
/* color: #e60303 !important; */
}

h2.we-are-901 {
text-shadow: 1px 1px 2px rgb(13, 14, 19);
margin: 1em auto 0 auto;
display: block;
text-align: center;
color: #FFF;
font-size: 4em;
transition: .3s;
}

h2.students-parents {
margin: 0em auto .5em auto;
display: block;
text-align: center;
color: #505050;
font-size: 3em;
transition: .3s;
text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
/* .district-headlines:nth-child(even) {
padding-bottom: .5em;
background: #f2f2f2;
display: inline-block;
padding-top: .4em;
margin-left: 0;
} */

.we-are-901-logo {
width: 50%;
display: block;
margin: auto;
}
@media only screen and (max-width: 1000px) {
.top-bar-section ul {
display: inline-flex;
}
ul#translator {
margin-top: -1em;
}
.ct-topbar {
text-align: left;
width: 14em;
margin-left: 43em !important;
margin-top: -2.8em;
position: absolute;
}

.ct-topbar {
width: 14em;
position: absolute;
margin-top: 0em;
right: 0;
margin: -5.7em 5em;
z-index: 999;
}
.cal-wrapper {
padding: 0em;
}

ul.off-canvas-list {
list-style-type: none;
padding: 0;
margin: 0;
margin-left: 1em;
}

.news-thumbnail {
margin-left: 0em;
padding: 0.5em;
left: 0;
right: 0;
margin: auto;
}

h2.students-parents {
font-size: 3em !important;
}

.view-calendar-text19 {
margin: 11em 3em;
}
.calendar.item .month {
font-size: 1em;
margin-top: -.3em;
}
.calendar.item .day {
font-size: 2em;
margin-top: -.4em;
display: block;
}
.cal-container .box {
height: 6.5em;
margin: 30px auto;
}
}
/* .cal-container i.fa.fa-angle-left {
margin-left: -.7em;
} */

@media only screen and (max-width: 720px) {
.top-bar-section ul {
display: block;
}
.SCS-logo {
font-size: 2em;
margin-top: .4em;
}
.ct-topbar {
text-align: left;
width: 14em;
margin-left: 30em !important;
margin-top: -2.8em;
position: absolute;
}
.ct-topbar {
text-align: left;
width: 14em;
margin-left: 30em !important;
margin-top: -5.8em;
position: absolute;
}
}


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

.SCS-logo-round.shrink-SCS-logo {
margin: 5.5em -3em;
height: 3em !important;
}
.SCS-logo.shrink-SCS-logo {
margin-top: 6.1em;
padding-left: 2.6em;
font-size: 1em;
display: none;
}
.SCS-logo {
padding-left: 3.7em;
}
.owl-controls {
display: none;
}
.SCS-logo-round {
height: 12vw;
float: left;
position: absolute;
z-index: 2;
margin: .2em;
}
/* .SCS-logo-round {
height: 3em;
float: left;
position: absolute;
margin: 0em -1em;
z-index: 2;
} */
.SCS-logo {
/* font-size: 1.5em;
padding-left: 3.7em; */
font-size: 7vw;
padding-left: 2em;
}
/* .SCS-logo {
font-size: 1em;
padding-left: 3em;
} */
button.take-the-pledge-btn {
padding: .4em 1.5em;
font-size: .8em;
}
button.hear-our-stories-btn {
padding: .4em 1.5em;
font-size: .8em;
}

#district-news {
margin-top: 7.3em !important;
}
h1.hp-title.upcoming-events-title-style.important-dates {
text-align: center;
background: none;
text-align: center;
border: none;
color: #ffffff;
padding: 0;
font-size: 1.8em !important;
border-bottom: solid red !important;
border-bottom: solid #fbfafa !important;
padding-bottom: .1em;
display: inline-block;
left: 0;
right: 0;
margin: 0;
width: 10em;
}
h2.students-parents {
font-size: 2em !important;
}

.calendar.item .year {
font-size: 1em;
margin-top: -.6em;
display: block;
font-weight: normal;
}
.cal-container .box {
height: 6.5em;
background: #FFF;
margin: 30px auto;
}
.cal-container .date {
background: #e60303;
background: #406fb5;
color: #FFF;
text-align: center;
padding: .5em;
font-weight: bold;
margin: .5em;
margin-top: .55em;
cursor: pointer;
transition: .2s;
text-transform: uppercase;
float: left;
width: 6em;
}
.calendar.item .month {
margin-top: -.3em;
}

.view-calendar-text19 {
display: block;
font-size: 0.75em;
background: rgba(231, 4, 4, 1);
right: 0;
margin-right: 0;
padding: 0.5em;
border-radius: 0.2em;
float: left;
color: #363636;
text-decoration: none;
position: absolute;
z-index: 2;
margin: 14em 3em;
width: 13.5em;
left: 0;
}

#district-news {
padding: 0;
}
}

@media only screen and (max-width: 540px) {
.ct-topbar {
display:none;
}

.row {
max-width: 65em;
}

.menu-icon19 {
color: #FFF;
z-index: 9;
margin: 1.5em;
display: block;
}

.menu-icon19 a {
color: #FFF;
z-index: 9;
margin-top: .2em !important;
display: block;
}
/* .view-calendar-text {
margin: 0.4em 0.4em 1em;
display: block;
font-size: 0.75em;
background: #e60303;
padding: 0.4em 3em;
width: 90%;
border-radius: 0.2em;
float: left;
text-align: center;
color: #FFF;
}*/

.close-btn {
font-size: 1em;
font-weight: bold;
margin: -7.6em -4.4em;
position: absolute;
text-transform: uppercase;
background: #F11A1A;
padding: .5em;
color: #FFF;
}

#popup_box h3 {
display:none;
}
}
#popup_box {
width: 100%;
height: 39%;
position: absolute;
max-width: 40em;
max-height: 40em;
border-radius: 0;
border: .5em solid #31393F;
padding: 1em;
text-align: center;
margin: 0;
background: #FFF;
z-index: 1;
box-shadow: 1px 2px 7px #1D1E20;
}

.hp-social-footer-icons {
color: #FFF;
font-size: 2em;
}



#controls {}

@media only screen and (max-width: 40em) {
.popup-box-container {
margin:auto;
}
}