﻿body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
   margin: 0;
   padding: 0;
}
body, html {
   color: #212121;
   font-family: Domine;
}
body.noscroll{
    position:fixed;
    overflow:hidden;
}
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
    scroll-padding-top: 160px; /* height of sticky header */
}
div{
   box-sizing: border-box;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}
fieldset, img, input, textarea {
   border: 0
}
ol, ul {
   list-style: none
}
h1, h2, h3, h4, h5, h6 {
   font-weight: normal
}
input, textarea, select {
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
   font-size: 100%;
}
a {
   text-decoration: none;
   color: inherit;
}
.textbox, .textarea, .select-box {
   box-sizing: border-box
}
textarea {
   resize: none
}
a, button, input[type=submit] {
   cursor: pointer
}
input[type=submit], input[type=text], input[type=email]{
   -webkit-appearance: none;
}
input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 1000px #f2f2f2 inset !important;
}
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
input::-webkit-input-placeholder { color: #fff; }
input:-moz-placeholder { color: #fff; }
input::-moz-placeholder { color: #fff; }
input:-ms-input-placeholder { color: #fff; }
textarea::-webkit-input-placeholder { color: #fff; }
/* work-sans-300 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/work-sans-v5-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Work Sans Light'), local('WorkSans-Light'),
       url('../fonts/work-sans-v5-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/work-sans-v5-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/work-sans-v5-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/work-sans-v5-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/work-sans-v5-latin-300.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-regular - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/work-sans-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Work Sans'), local('WorkSans-Regular'),
       url('../fonts/work-sans-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/work-sans-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/work-sans-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/work-sans-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/work-sans-v5-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-500 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/work-sans-v5-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Work Sans Medium'), local('WorkSans-Medium'),
       url('../fonts/work-sans-v5-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/work-sans-v5-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/work-sans-v5-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/work-sans-v5-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/work-sans-v5-latin-500.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-600 - latin */
@font-face {
   font-family: 'Work Sans';
   font-style: normal;
   font-weight: 600;
   src: url('../fonts/work-sans-v7-latin-600.eot'); /* IE9 Compat Modes */
   src: local(''), url('../fonts/work-sans-v7-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('../fonts/work-sans-v7-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
   url('../fonts/work-sans-v7-latin-600.woff') format('woff'), /* Modern Browsers */
   url('../fonts/work-sans-v7-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
   url('../fonts/work-sans-v7-latin-600.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-700 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/work-sans-v5-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Work Sans Bold'), local('WorkSans-Bold'),
       url('../fonts/work-sans-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/work-sans-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/work-sans-v5-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/work-sans-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/work-sans-v5-latin-700.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-900 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/work-sans-v5-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Work Sans Black'), local('WorkSans-Black'),
       url('../fonts/work-sans-v5-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/work-sans-v5-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/work-sans-v5-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/work-sans-v5-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/work-sans-v5-latin-900.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* domine-regular - latin */
@font-face {
  font-family: 'Domine';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/domine-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Domine'), local('Domine-Regular'),
       url('../fonts/domine-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/domine-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/domine-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/domine-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/domine-v7-latin-regular.svg#Domine') format('svg'); /* Legacy iOS */
}
/* domine-700 - latin */
@font-face {
  font-family: 'Domine';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/domine-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Domine Bold'), local('Domine-Bold'),
       url('../fonts/domine-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/domine-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/domine-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/domine-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/domine-v7-latin-700.svg#Domine') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
   font-family: "Roboto";
   font-style: normal;
   font-weight: 400;
   src: url("../fonts/roboto-v20-latin-regular.eot");
   /* IE9 Compat Modes */
   src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v20-latin-regular.woff") format("woff"), url("../fonts/roboto-v20-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v20-latin-regular.svg#Roboto") format("svg");
   /* Legacy iOS */
}

@font-face {
  font-family: "website-handbag";
  src:url("../fonts/website-handbag.eot");
  src:url("../fonts/website-handbag.eot?#iefix") format("embedded-opentype"),
    url("../fonts/website-handbag.woff") format("woff"),
    url("../fonts/website-handbag.ttf") format("truetype"),
    url("../fonts/website-handbag.svg#website-handbag") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "website-handbag" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "website-handbag" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-close:before {
  content: "\61";
}
.icon-close-2:before {
  content: "\62";
}
.icon-facebook-circle:before {
  content: "\63";
}
.icon-facebook-circle-line:before {
  content: "\64";
}
.icon-facebook-solo-black:before {
  content: "\65";
}
.icon-instagram-circle:before {
  content: "\66";
}
.icon-instagram-solo-black:before {
  content: "\68";
}
.icon-linkedin-circle-line:before {
  content: "\69";
}
.icon-llinkedin-solo-black:before {
  content: "\6a";
}
.icon-twitter-circle:before {
  content: "\6b";
}
.icon-twitter-circle-line:before {
  content: "\6c";
}
.icon-twitter-solo-black:before {
  content: "\6d";
}
.icon-instagram-circle-line:before {
  content: "\67";
}
.icon-youtube-circle-line:before {
  content: "\6e";
}
.icon-youtube-circle:before {
  content: "\6f";
}
.icon-youtube:before {
  content: "\70";
}
.icon-email:before {
  content: "\71";
}
.icon-vimeo-solo2:before {
  content: "\72";
}
#navMobile {
   display: none
}

.block {
   display: inline-block;
   margin-bottom: -5px;
   width: 100%;
}

.ellipsis {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap; 
}

.content-container {
   margin: auto;
   position: relative;
   width: 1366px;
}

.logo {
   float: left;
}

.nav ul li.navItem:hover .submenu {
   display: block;
}

.nav ul li.active {
   border-bottom: 7px solid #F0792A;
   color: #F0792A;
   padding-bottom: 33px;
}

.nav ul .submenu li.active {
   color: #F0792A;
}

.nav ul li {
   color: #002D62;
   cursor: default;
   font-family: 'Work Sans';
   font-weight: 600;
   float: left;
   margin-left: 20px;
   padding-bottom: 40px;
}

.nav ul li:hover {
   color: #F0792A;
}

.paypal-subnav .closedonate {
   margin-top: -7px;
}

.paypal-subnav .donate-form {
   height: 38px;
}

.paypal-subnav .donate-li {
   color: #002D62;
}

.donate-li:hover {
   color: #F0792A;
}

.donate-form {
   height: 29px;
   padding-bottom: 10px;
   margin-top: -20px;
}

.donate-li {
   background-color: transparent;
   color: #fff;
}   

.mainNav {
   position: relative;
}

.submenu {
   background-color: rgba(0, 45, 98, 1);
   display: none;
   padding: 25px;
   position: absolute;
   top: 59px;
   white-space: nowrap;
   z-index: 7;
   -webkit-transition: all .3s;
   transition: all .3s;
}

.submenu.about {
    width: 460px;
}

.submenu.admis {
   width: 180px
}

.submenu.admissions {
    width: 255px;
}

.submenu.student-parents {
   width: 445px;
}

.left-sub-nav {
   float: left;
   margin-right: 2%;
   width: 48%;
}

.right-sub-nav {
   float: left;
   margin-left: 2%;
   width: 48%;
}

.nav ul .submenu li {
   color: #fff;
   font-weight: normal;
   margin-bottom: 10px;
   margin-left: 0px;
   padding-bottom: 10px;
   padding-left: 0px;
   width: 100%;
}

.nav ul .submenu li:last-of-type {
   margin-bottom: 0px;
   padding-bottom: 0px;
}

.nav ul .submenu li:hover {
   color: #F0792A;
}


.nav ul .submenu .left-sub-nav li, .nav ul .submenu .right-sub-nav li{
   border-bottom: 1px solid #2460A7;
}

.nav ul .submenu .sub-nav li {
   border-bottom: 1px solid #2460A7;
}

.nav ul .submenu .sub-nav li:last-of-type{
   border-bottom: none;
   margin-bottom: 0px;
   padding-bottom: 0px;
}


.nav ul .submenu .left-sub-nav li:last-of-type, .nav ul .submenu .right-sub-nav li:last-of-type {
   border-bottom: none;
   margin-bottom: 0px;
   padding-bottom: 0px;
}

.submenu {
   display: none;
}

.nav {
   float: right;
   padding-top: 41px;
}

.top-blue-bar {
   background-color:#002D62;
   color: #fff;
   font-family: 'Work Sans';
   font-size: 16px;
   line-height: 19px;
   height: 60px;
}

.mobile-header-line {
   display: inline-block;
   padding: 0 17px;
   width: 100%;
}

.mobile-header-line .power-school {
   float: left;
   padding-top: 0px;
}

.mobile-header-line p {
   color: #fff;
   font-family: 'Work Sans';
   font-size: 16px;
   line-height: 32px;
}

.mobile-header-line .facebook-header .icon-facebook-solo-black , .mobile-header-line .facebook-header .icon-instagram-solo-black {
   color: #fff;
}

.mobile-header-line .facebook-header {
   margin: 0;
   padding-top: 0;
}

.top-blue-bar .phone {
   display: inline;
   padding-right: 20px;
}

.top-blue-bar .email {
   display: inline;
   padding-right: 15px;
}

.top-blue-bar .calendar {
   display: inline;
   padding-left: 30px;
   position: relative;
}

.calendar-icon {
   display: inline;
}

.calendar-text:hover {
   color: #F0792A;
   transition: ease-in-out 0.15s;
}

.calendar-text {
   display: inline;
   padding-left: 30px;
   transition: ease-in-out 0.15s;
}

.calendar-text.active {
   color: #F0792A;
}

.footer-links ul li a:hover {
   color: #F0792A;
}

.blue-divider {
   color: #2460A7;
   cursor: default;
   display: inline-block;
   font-size: 27px;
   left: 0;
   position: absolute;
   top: 0;
}

.calendar-icon img {
   height: 18px;
   position: absolute;
   top: 0;
   width: 18px;
}

.blue-bar-left {
   float: left;
   padding-top: 20px;
}

.blue-bar-right {
   float: right;
}

.tour-button:hover {
   background-color: #d56922;
   transition: ease-in-out 0.3s
}

.tour-button {
   background-color: #F0792A;
   display: inline-block;
   font-weight: bold;
   float: right;
   height: 100%;
   line-height: 60px;
   padding: 0px 30px;
   transition: ease-in-out 0.3s
}

.power-school {
   float: right;
   display: inline-block;
   padding-top: 19px;
}

.power-school .non-active {
   display: inline-block;
}

.power-school .active {
   display: none;
}

.power-school:hover .non-active {
   display: none;
}

.power-school:hover .active {
   display: inline-block;
}

.facebook-header {
   float: right;
   margin: 0 35px;
   padding-top: 20px;
}

.facebook-header .icon-facebook-solo-black , .facebook-header .icon-instagram-solo-black {
   font-size: 20px;
}

.facebook-header .icon-instagram-solo-black {
   margin-left: 5px;
}

.facebook-header .icon-facebook-solo-black:hover, .facebook-header .icon-instagram-solo-black:hover {
   color: #F0792A;
}

header {
   height: 160px;
   background-color: #fff;
   -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
   -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
   box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
   position: fixed;
   width: 100%;
   z-index: 10;
}

.header-spacer {
   height: 160px;
}

.best-of-img {
   float: right;
}

.see-calendar {
   color: #F0792A;
   font-family: 'Work Sans';
   font-size: 14px;
   font-weight: bold;
   display: inline-block;
   vertical-align: middle;
}

.calendar-arrow {
   display: inline-block;
   height: 5px;
   width: 12px;
   padding-left: 5px;
   margin-top: 0px;
   vertical-align: middle;
}

.full-calendar {
   bottom: -40px;
   color: #F0792A;
   font-family: 'Work Sans';
   font-size: 14px;
   font-weight: bold;
   position: absolute;
   left: 381px;  
}


.footer-thirds {
   display: inline-block;
   margin-left: -1%;
   margin-bottom: 50px;
   width: calc(100% + 2%);
}

.footer-thirds .thirds:hover {
   background-color:  #011125
}

.footer-logo-text {
   color: #fff;
   font-family: 'Work Sans';
   font-size: 29px;
   font-weight: bold;
   margin-top: 25px;
}

.links-header {
   color: #fff;
   display: inline-block;
   font-size: 23px;
   font-family: 'Work Sans';
   font-weight: 500;
   width: 100%;
}

.footer-links ul {
   margin-bottom: 25px;
}

.footer-links ul li {
   color: #fff;
   font-size: 16px;
   line-height: 34px;
}

.footer-links {
   float: right;
   margin-left: 100px;
   width: 240px;
}

.poweredBy img {
   width: 200px;
   height: 25px;
}

.poweredBy {
   display: inline-block;
   float: right;
   vertical-align: middle;
   width: 200px;
}

.orange-line {
   background-color: #F0792A;
   display: inline-block;
   height: 5px;
   margin: 15px 0 10px;
   width: 60px;
}

.orange-line.content {
    margin: 0px 0 20px;
}

.footer-logo {
   float: left;   
   margin-right: 50px;
   width: 450px;
}

.footer-logo img {
   max-width: 100%;
}

.footer-thirds .thirds {
   background-color: #011F43;
   color: #FFFFFF;
   font-family: 'Work Sans';
   font-weight: 600;
   float: left;
   margin: 0 1%;
   padding: 30px 0px;
   text-align: center;
   width: 31.33%;
}

.wrapper {
   min-height: 100%;
   overflow: hidden;
   position: relative;
}

header .logo {
   left: 0;
   position: absolute;
   top: -13px;
}

header .logo img {
   display: inline-block;
   vertical-align: middle;
}

.logo-text {
   color: #002D62;
   display: inline-block;
   font-size: 39px;
   font-weight: bold;
   line-height: 47px;
   padding-left: 15px;
   vertical-align: middle;
}

.home-top {
   background-position: 50% 50%;
   background-size: cover;
   height: 713px;
   position: relative;
   width: 100%;
}

.home-top-text {
   color: #fff;
   font-size: 78px;
   letter-spacing: -1.56px;
   line-height: 89px;
   margin-bottom: 18px;
   font-weight: 700;
   padding-top: 190px;
}

.home-top-subtext {
   color: #fff;
   font-family: 'Work Sans';
   font-size: 38px;
   line-height: 44px;
   letter-spacing: -0.76px;
   margin-bottom: 30px;
}

.button:hover {
   background-color: #d56922;
   transition: ease-in-out 0.3s;
}

.button, .dl-cf-button-holder .dl-cf-submit-button {
   background-color: #F0792A;
   border-radius: 3px;
   color: #fff;
   display: inline-block;
   font-family: 'Work Sans';
   font-size: 17px;
   font-weight: 700;
   min-width: 193px;
   padding: 20px 38px;
   text-align: center;
   transition: ease-in-out 0.3s;
}

.calendar-glance-block {
   background-color: #F5F5F5;
   padding-bottom: 140px;
}

.left-calendar {
   border-radius: 6px 0 0 6px;
   background-color: #002D62;
   display: inline-block;
   padding: 45px 70px 110px;
   width: calc(100% - 480px);
}

.left-calendar .calendar-icon , .right-calendar .calendar-icon {
   display: inline-block;
   vertical-align: middle;
}

.left-calendar .calendar-icon img {
   height: 32px;
   position: static;
   width: 32px;   
}

.right-calendar .calendar-icon img {
   position: static;
   height: 29px;
   width: 29px;
}

.right-calendar .calendar-header {
   color: #002D62;
}

.calendar-header {
   color: #fff;
   display: inline-block;
   font-family: 'Work Sans';
   font-size: 30px;
   font-weight: 700;
   letter-spacing: -0.6px;
   line-height: 35px;
   padding-left: 15px;
   vertical-align: middle;
}

.right-calendar {
   background-color: #FFFFFF;
   border-radius: 0 6px 6px 0;
   display: inline-block;
   padding: 45px 70px;
   width: 480px;
}

.right-calendar ul li:hover {
   color: #F0792A;
}

.right-calendar ul {
   margin-top: 15px;
}

.right-calendar ul li {
   color: #002D62;
   display: inline-block;
   border-bottom: 1px solid #DCE0E5;
   padding: 15px 0;
   width: 100%;
}

.calendar-box {
   display: flex;
   margin-top: -50px;
   background-color: #fff;
   border-radius: 6px;
   width: 100%;
}

.navigation-box ul li:hover {
   color: #F0792A;
}

.navigation-box {
   border-radius: 4px;
   padding: 28px 23px;
   -webkit-box-shadow: 0px 0px 31px -11px rgba(0,0,0,0.16);
   -moz-box-shadow: 0px 0px 31px -11px rgba(0,0,0,0.16);
   box-shadow: 0px 0px 31px -11px rgba(0,0,0,0.16);
}

.navigation-box ul li.active {
   color: #F0792A;
}

.main-content img {
   height: auto;
   max-width: 100%;
}

.main-content .navigation-box ul {
   margin-bottom: 0px;
   margin-left: 0;
}

.content-image-right {
   float: right;
   margin-left: 20px;
}

.content-image-left {
   float: left;
   margin-right: 20px;
}

.content-image-center {
   display: block;
   margin: 25px auto 25px;
}

.main-content.tour {
   background-color: #F5F5F5;
   margin-bottom: 0px;
   margin-top: 0px;
   padding-bottom: 70px;
}

.main-content.tour .tour-block .content-container {
   padding: 0px;
}

.navigation-box ul {
   border-top: 1px solid #DCE0E5;
}

.navigation-box ul li {
   border-bottom: 1px solid #DCE0E5;
   color: #002D62;
   padding: 10px 0;
}

.main-content .navigation-box ul li:before {
   content: none;
   color: #002D62;
}

@keyframes bounce {
  0%, 20%, 40%, 80%, 100% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(13px);
  }
  30% {
    transform: translateX(5px);
  }
}

#announceThanks {
   display: none;
}

#announceThanks.open, #announceMask.open {
   display: block;
   opacity: 1;
   transition: opacity 1s ease;
}

#announceThanks .button {
   font-size: 15px;
   margin-top: 10px;
   min-width: 90px;
   padding: 7px 15px;
}

#announceThanks.active {
    background: #002D62;
    border: 1px solid #F0792A;
    border-radius: 1px;
    box-sizing: border-box;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.52);
    color: #fff;
    left: 50%;
    max-width: 84%;
    padding: 20px 20px 0;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transition: opacity .5s ease;
    width: 600px;
    z-index: 26;
}

 .mobile-annouce {
   display: none;
}

.announce-box {
   border-bottom: 1px solid rgba(255,255,255, 0.2);
   padding-bottom: 15px;
   padding-top: 10px;
}

.blue-announce-box .button {
   font-size: 15px;
   margin-top: 10px;
   min-width: 90px;
   padding: 7px 15px;
}

.blue-announce-box {
   background-color: #002D62;
   border: 1px solid #F0792A;
   border-radius: 1px;
   color: #fff;
   height: auto;
   max-height: 300px;
   overflow-y: auto;
   padding: 15px;
   position: relative;
   width: 300px;
}

.blue-announce-box .announce-box:last-of-type {
   border-bottom: none;
}

.announce-box-holder {
   height: auto;
   max-height: 287px;
   max-width: 300px;
   position: absolute;
   right: 0;
   top: 50px;
   width: auto;
}

.announce-subHead {
   font-size: 16px;
   font-weight: bold;
   line-height: 16px;
   text-transform: uppercase;
}

.box-small {
   font-size: 14px;
   margin-top: 4px;
}

.home-announce-header {
   border-bottom: 1px solid #fff;
   font-size: 20px;
   text-align: center;
   padding-bottom: 10px;
}

.announce-subHead {
   font-family: 'Work Sans';
}
    
.box-small {
   font-family: 'Work Sans';
}

.left-teach:hover ~ .orange-arrow , .right-teach:hover ~ .orange-arrow {
   animation-name: arrow;
   animation-duration: 0.3s;
   animation-iteration-count: 1;
}

.left-teach:hover .orange-arrow.bounce , .right-teach:hover .orange-arrow.bounce , .full-calendar:hover .orange-arrow.bounce, .see-calendar:hover .calendar-arrow.bounce {
   animation: bounce 2s;
}

.orange-arrow:hover.bounce {
   animation: bounce 2s 1;
}

.left-teach {
   margin-right: 1%;
   margin-bottom: 2%;
}

.main-content .left-teach p, .main-content .right-teach p {
   margin-bottom: 0px;
}

.right-teach {
   margin-left: 1%;
   margin-bottom: 2%;
}

.left-teach, .right-teach {
   background-color: #F3F6FB;
   border-radius: 4px;
   float: left;
   padding: 28px 39px;
   width: 49%;
   transition: ease-in-out 0.3s all;
}

.teacher-page-header {
   color: #F0792A;
   font-size: 28px;
   font-family: 'Work Sans';
   font-weight: bold;
   letter-spacing: -0.56px;
   margin-bottom: 8px;
   display: inline-block;
   vertical-align: middle;
}

.home-half-section-block {
   display: flex;
}

.home-half-section-block .left {
   background-image: url(../images/mark-prayer.jpg);
   background-size: cover;
   float: left;
   width: 50%;
}

.home-half-section-block .right .large-header {
   width: 760px;
}

.home-half-section-block .right p {
   margin-bottom: 30px;
   width: 760px;
}

.home-half-section-block .right {
   background-image: url('../images/home-img-1-background.jpg');
   color: #FFFFFF;
   float: left;
   padding: 160px 0 130px;
   padding-left: 100px;
   width: 50%;
}

.home-half-section-block p {
   font-size: 19px;
   line-height: 34px;
}

.large-header {
   font-family: 'Work Sans';
   font-size: 30px;
   font-weight: 500;
   line-height: 42px;  
   margin-bottom: 30px;
}

.home-blue-block .large-header {
   color: #fff;
   text-align: center;
}

.home-blue-block {
   background-color: #03254D;
   display: inline-block;
   padding: 125px 0;
   width: 100%;
}

.happening-logos {
   display: inline-block;
   margin-top: 50px;
   width: 100%;
}

.happening-logos img {
   max-width: 100%;
}

.happening-logos .left-logo {
   float: left;
   width: 129px;
}

.happening-logos .right-logo {
   float: left;
   margin: 0 30px;
   width: 129px;
}

.happening-logos .last-logo img {
   max-width: 100%;
}

.happening-logos .last-logo {
   height: 130px;
   width: 130px;
   float: left;
}

.calendar-glance-holder {
   display: flex;
   margin-top: 20px;
   position: relative;
}

.calendar-glance-holder .glance-left {
   background-image: url(../images/mark-1.jpg);
   background-size: cover;
   background-position: center;
   min-height: 340px;
   width: 345px;
}

.no-events {
   color: #fff;
   line-height: 22px;
}

.calendar-glance-holder .glance-right {
   width: calc(100% - 350px);
   padding-left: 35px;
}

.calendar-glance-holder .glance-right.calendar-no-events {
   align-items: center;
   display: flex;
}

.calendar-glance-holder .event-line {
   margin-bottom: 22px;
   border-bottom: none;
   padding: 0;
}

.calendar-glance-holder .event-line .event-left {
   background-color: #fff;
   border-radius: 6px;
   display: inline-block;
   height: 75px;
   padding: 10px;
   text-align: center;
   vertical-align: middle;
   width: 75px;
}

.event-line .month {
   color: #002D62;
   font-family: 'Work Sans';
   font-size: 15px;
   font-weight: 700;
   text-transform: uppercase;
   width: 100%;
}

.event-line .day {
   color: #F0792A;
   font-family: 'Work Sans';
   font-size: 44px;
   margin-top: -8px;
   width: 100%;
}

.time-icon {
   display: inline-block;
   height: 16px;
   vertical-align: middle;
   width: 16px;
}

.event-right {
   color: #fff;
   display: inline-block;
   vertical-align: middle;
   width: calc(100% - 80px);
   max-width: 200px;
   padding-left: 20px;
}

.event-right .event-name {
   margin-bottom: 10px;
   font-size: 16px;
   line-height: 22px;
}

.event-time-text {
   color: #FFFFFF;
   display: inline-block;
   padding-left: 5px;
   vertical-align: middle;
   width: calc(100% - 21px);  
}

.glance-right .event-line:last-of-type {
   margin-bottom: 0px;
}

.content-header {
   background-position: 50% 50%;
   background-size: cover;
   height: 367px;
   position: relative;
}

.content-header h1 {
   color: #fff;
   font-size: 58px;
   line-height: 66px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   text-align: center;
   width: 90%;
}

.apart-thirds {
   display: inline-block;
   margin-left: -1%;
   width: calc(100% + 2%);
}

.apart-third {
   color: #fff;
   float: left;
   margin: 0 1.5%;
   width: 30.33%;
}

.apart-third p {
   font-size: 16px;
   line-height: 28px;
}

.third-label {
   display: inline-block;
   font-family: 'Work Sans';
   font-size: 20px;
   font-weight: 500;
   margin-bottom: 20px;
   width: 100%;
}

.apart-third .icon {
   margin-bottom: 25px;
   min-height: 72px;
}

.apart-third .icon.first {
   display: inline-block;
   height: 58px;
   width: 58px;
}

.apart-third .icon.second {
   display: inline-block;
   height: 72px;
   width: 72px;
}

.apart-third .icon.third {
   display: inline-block;
   height: 58px;
   width: 80px;
}

.blue-header {
   font-size: 20px;
   color: #002D62;
   line-height: 24px;
   margin-bottom: 18px;
   font-weight: 600;
}

.content-header .editContent {
   height: 100%;
}

.editor-highlight .content-header .editContent {
   background: rgba(238, 238, 238, .2);
}

.editor-highlight .content-header h1 {
   background: #b7b7b7;
   border-radius: 4px;
}

.content-header.support.gift {
   background-image: url('../images/gift-card-program-header.jpg');
}

.content-header.about {
   background-image: url('../images/about-2560.jpg');
}

.content-header.student {
   background-image: url('../images/mark-4-2560.jpg');
}

.content-header.alumni {
   background-image: url('../images/mark-6.jpg');
}

.content-header.support {
   background-image: url('../images/support-2560.jpg');
}

.content-header.athletics {
   background-image: url('../images/athletics-2560.jpg');
}

.content-header.admissions {
   background-image: url('../images/admissions-2560.jpg');
}

.content-header.safe-environment {
   background: #003585;
   height: auto;
   padding: 50px 0;
   text-align: center;
}

.content-header.safe-environment img {
   display: block;
   margin: auto;
   max-width: 100%;
}

.blue-box {
   background-color: #EAF4FF;
   border-radius: 4px;
   display: inline-block;
   margin-bottom: 50px;
   padding: 38px;
   width: 100%;
}

.main-content .admissions-box ul:last-of-type {
   margin-bottom: 0px;
}

.main-content .admissions-box ul {
   border-top: 1px solid #C5D3E3;
   margin-left: 0px;
   padding-left: 0px;
   margin-bottom: 30px;
}

.left-li {
   display: inline-block;
   line-height: 20px;
   vertical-align: top;
   width: calc(100% - 75px);
}

.right-li {
   display: inline-block;
   padding-left: 10px;
   vertical-align: top;
   width: 60px;
}
 
.main-content .emphasis {
   font-size: 19px;
   line-height: 34px;
}

.main-content p {
   color: #212121;
   font-size: 16px;
   line-height: 28px;
   margin-bottom: 20px;
}

.admissions-spacer {
   margin-bottom: 25px;
}

.home-text-show {
   display: none;
}

.main-content .admissions-box ul li {
   border-bottom: 1px solid #C5D3E3;
   display: inline-block;
   font-size: 16px;
   margin-bottom: 0px;
   padding: 5px 0;
   width: 100%;
}

.admissions-box .orange-header {
   margin-bottom: 10px;
}

.main-content .admissions-box ul li:before {
   content: none;
}

.admissions-box.long {
   width: 100%;
}

.register-holder {
   display: inline-block;
   width: 100%;
}

.re-register {
   color: #2A7EF0;
   display: inline-block;
   margin-top: 35px;
}

.register-box {
   background-color: #EAF4FF;
   border-radius: 4px;
   text-align: center;
   padding: 35px;
   width: 100%;
}

.register-box .gs-h3-orange {
   color: #002D62;
}

.admissions-box {
   background-color: #EAF4FF;
   border-radius: 4px;
   display: inline-block;
   margin-bottom: 50px;
   padding: 22px;
   width: 500px;
}

.main-content .blue-box p {
   font-size: 19px;
   line-height: 34px;
}

.main-content-text p a, .content-left p a , .content-left li a, .main-content p a{
   color: #F0792A;
}


.main-content-text a:hover, .content-left p a:hover , .content-left li a:hover, .main-content p a:hover {
   text-decoration: underline;
}

.main-content-text p a.button , .content-left p a.button {
   color: #fff;
}

.main-content-text p a.button:hover , .content-left p a.button:hover {
   color: #fff;
}

.blue-box p:last-of-type {
   margin-bottom: 0px;
}

.left-blue-box {
   display: inline-block;
   float: left;
   padding-right: 25px;
   vertical-align: middle;
   width: calc(100% - 185px);
}

.collapse-info-bottom ul li ul {
   margin-left: 40px;
}

.collapse-info-bottom ul li:before {
   display: inline-block;
   content: "•";
   width: 1em;
   margin-left: -1em;
}


.collapse-info-bottom ul li ul li:before {
   display: inline-block;
   content: "-";
   width: 1em;
   margin-left: -1em;
}


.collapse-info-bottom ul {
   margin-bottom: 20px;
}

.collapse-info-bottom h2, .h2-collapse-info-bottom {
   color: #F0792A;
   font-family: 'Work Sans';
   font-size: 18px;
   font-weight: 600;
   line-height: 28px;
}

.right-blue-box img {
   height: 178px;
   width: 181px;
}

.right-blue-box {
   display: inline-block;
   float: left;
   vertical-align: middle;
   width: 180px;
}

.content-left {
   float: left;
   padding-right: 120px;
   width: calc(100% - 355px);
}

.content-right {
   float: left;
   width: 350px;
}

.testimonial-block {
   display: flex;
}

.testimonial-block .left {
   background-image: url('../images/mark-2.jpg');
   background-size: cover;
   background-position: 50% 50%;
   float: left;
   width: 50%;
}

.testimonial-block .right {
   padding: 175px 0 150px;
}

.tour-block {
   background-color: #F5F5F5;
   border-radius: 6px;
   display: inline-block;
   padding: 85px 0;
   width: 100%;
}

.main-content.tour .tour-block {
   padding: 40px 0 85px;
}

.tour-header {
   color: #002D62;
   font-size: 58px;
   font-weight: 700;
   padding-top: 80px;
   text-align: center;
   width: 100%;
}

.quote-text {
   font-size: 24px;
   line-height: 38px;
   margin-bottom: 15px;
}

.quote-name {
   font-family: 'Work Sans';
   font-size: 18px;
}

.home-header, .medium-header {
   color: #002D62;
   font-family: 'Work Sans';
   font-size: 30px;
   line-height: 35px;
   letter-spacing: -0.6px;
   font-weight: bold;
   margin-bottom: 20px;
}

.tour-box .left img {
   margin-bottom: 30px;
   margin-top: 80px;
}

.review .quote {
   font-size: 16px;
   line-height: 28px;
}

.tour-box .left {
   background-color: #002D62;
   color: #fff;
   display: inline-block;
   text-align: center;
   width: 480px;
   padding: 70px; 
}

.assistance-block .left-assistance {
   background-image: url('../images/mark-3.jpg');
   background-size: cover;
   display: inline-block;
   width: 480px;
}

.assistance-block .right-assistance {
   background-color: #FFFFFF;
   display: inline-block;
   padding: 70px;
   width: calc(100% - 485px);
}

.assistance-block p {
   font-size: 16px;
   line-height: 28px;
   margin-bottom: 20px;
}

.scroll-holder {
   height: 100vh;
   overflow: scroll;
}

.financial-header {
   color: #002D62;
   font-size: 29px;
   line-height: 38px;
   margin-bottom: 30px;
   width: 500px;
}

.tour-box .right {
   background-color: #FFFFFF;
   display: inline-block;
   padding: 70px;
   width: calc(100% - 485px);
}

.assistance-block {
   display: flex;
   margin: auto;
   width: 1205px;
}

.tour-box {
   background-color: #fff;
   border-top: 3px solid #F0792A;
   display: inline-block;
   margin: auto;
   padding: 80px 60px;
   text-align: center;
   width: 1205px;
}

.tour-box p , .main-content .tour-box p {
   font-size: 27px;
   line-height: 40px;
}

.left-tour {
   display: inline-block;
   vertical-align: middle;
   width: 105px;
}

.left-tour img {
   max-width: 100%;
}

.orange-holder {
   display: inline-block;
   width: 100%;
}

.tour-block-content {
   display: inline-block;
   width: 605px;
}

.orange-divider {
   background-color: #F0792A;
   display: inline-block;
   height: 1px;
   margin: 45px 0;
   width: 135px;
}

.right-tour {
   color: #002D62;
   display: inline-block;
   text-align: left;
   vertical-align: middle;
   padding-left: 25px;
   width: calc(100% - 110px);
}

.top-footer {
   background-color: #002D62;
   display: inline-block;
   padding: 70px 0 50px;
   width: 100%;
}

.bottom-foot-text {
   color: #fff;
   display: inline-block;
   font-size: 14px;
   padding-top: 8px;
   vertical-align: middle;
}

.bottom-footer {
   background-color: #011F43;
   display: inline-block;
   width: 100%;
   padding: 30.5px 0;
}

.half-holder .right-half img {
   border-radius: 6px;
   max-width: 100%;
}

.half-holder .left-half img {
   border-radius: 6px;
   max-width: 100%;
}

.half-holder {
   margin-bottom: 50px;
}

.half-holder .right-half {
   display: inline-block;
   vertical-align: middle;
   padding-left: 25px;
   width: calc(50% - 25px);
}

form label {
   font-size: 13px;
   line-height: 22px;
}

.tour-box form {
   margin-top: 40px;
}

.checks-holder.race {
   margin-bottom: 30px;
}

.checks-holder input[type="checkbox"]:checked {
   background-image: url(../images/checkmark-blue.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 10px;
}

.checks-holder input[type='checkbox'] {
   background: #fff;
   border: 1px solid #cfd3d8;
   height: 20px;
   width: 20px;
   -webkit-appearance: none;
}

.checks-holder input[type='checkbox'].error {
   border: 1px solid red;
}

.button.race {
   margin-top: 30px;
}

.optionLabel {
   display: inline-block;
   line-height: 20px;
   margin-top: -12px;
   padding-left: 15px;
   vertical-align: middle;
   width: calc(100% - 40px);
}

.textbox {
   background-color: #F3F3F3;
   display: inline-block;
   height: 45px;
   margin-bottom: 23px;
   padding: 0 10px;
   width: 100%;
}

.dl-cf-form-input input {
   background-color: #fff;
   border: 1px solid #E3E3E3;
   display: inline-block;
   height: 45px;
   margin-bottom: 23px;
   padding: 0 10px;
   width: 100%;
}

.textarea {
   background-color: #F3F3F3;
   display: inline-block;
   height: 117px;
   margin-bottom: 23px;
   padding: 10px;
   width: 100%;
}

.dl-cf-form-input textarea {
   background-color: #fff;
   border: 1px solid #E3E3E3;
   display: inline-block;
   height: 117px;
   margin-bottom: 23px;
   padding: 10px;
   width: 100%;
}

.right50 {
   float: left;
   margin-left: 1%;
   width: 49%;
}

.left50 {
   float: left;
   margin-right: 1%;
   width: 49%;
}

.main-content ul {
   margin-bottom: 30px;
   margin-left: 20px;
   padding-left: 15px;
}

.main-content ul li:before {
   content: "• ";
   color: #212121;
   left: -15px;
   position: absolute;
}

.main-content ul li ul li:before {
   content: "- ";
}

.main-content ol {
   margin-bottom: 30px;
}

.main-content ul li {
   line-height: 28px;
   margin-bottom: 10px;
   position: relative;
}

.main-content .navigation-box ul li {
   margin-bottom: 0px;
}

.button.blue-button {
   background-color: #002D62;  
}

.button.blue-button:hover {
   background-color: #021d3c;  
}

.half-holder .left-half {
   display: inline-block;
   vertical-align: middle;
   padding-right: 25px;
   width: calc(50% - 25px);
}

.half-holder .left-half p {
   width: 550px;
}

.half-holder .right-half p {
   width: 550px;
}

.main-content {
   margin-top: 55px;
   margin-bottom: 70px;
}

.calendar-glance-side .calendar-glance-holder {
   display: inline-block;
   margin-top: 50px;
}

.calendar-glance-side .calendar-glance-holder .event-left {
   background-color: #002D62;
}

.calendar-glance-side .calendar-glance-holder .event-line .month {
   color: #fff;
}

.calendar-glance-side .calendar-glance-holder .event-right .event-name {
   color: #212121;
}

.calendar-glance-side .calendar-glance-holder .event-time-text {
   color: #212121;
}

.calendar-glance-side .calendar-glance-holder .calendar-header {
   color: #002D62;
   margin-bottom: 20px;
   padding-left: 50px;
}

.calendar-glance-side .calendar-glance-holder .calendar-icon img {
   height: 32px;
   width: 32px;
}

.main-content p {
   font-size: 16px;
   line-height: 28px;
   margin-bottom: 20px;
}

.half-holder {
   display: inline-block;
   width: 100%;
}

.content-block-text-img {
   align-items: center;
   margin-bottom: 60px;
}

.content-block-text-img img {
   border-radius: 6px;
   max-width: 100%;
}

.content-block-text {
   width: 100%;
}

.img-right .content-block-text {
   padding-right: 00px;
}

.img-right .content-block-img {
   padding-left: 00px;
}

.img-left .content-block-img {
   padding-right: 0px;
}

.img-left .content-block-text {
   padding-left: 0px;
}

.content-block-text-img.img-left {
   flex-direction: row-reverse;
}

.content-block-img {
   width: 100%;
}

.find-us-on-fb.mobile {
   display: none;
}

.find-us-on-fb {
   border: 1px solid #fff;
   height: 57px;
   margin-top: 75px;
   padding: 0px 10px;
   width: 171px;
}

.mobile-header {
   display: none;
}

.quick-link a:hover {
   color: #F0792A; 
}

.quick-links-header {
   color: #fff;
   font-size: 22px;
   font-family: 'Work Sans';
   font-weight: 500;
   margin-bottom: 13px;
   margin-left: 17px;
   margin-top: 25px;
}

.tour-request.button {
   margin-top: 30px;
   margin: 0 17px;
   margin-bottom: 30px;
   width: 335px;
}

.mobile-nav-top {
   background-color: #002D62;
   position: fixed;
   top: 0;
   height: 75px;
   width: 100%;
}

.quick-link {
   color: #fff;
   font-family: 'Work Sans';
   line-height: 36px;
   font-size: 16px;
   padding-left: 17px;
}

.tour-block .content-container {
   padding: 0;
   text-align: center;
}

.footer-holder {
   display: inline-block;
   position: relative;
   width: 100%;
}

.left-calendar .orange-arrow {
   height: 8px;
   margin-left: 5px;
   width: 18px;
}

.orange-arrow {
   display: inline-block;
   height: 10px;
   margin-left: 10px;
   vertical-align: middle;
   width: 23px;
}

.orange-header {
   color: #F0792A;
   font-family: 'Work Sans';
   font-size: 18px;
   line-height: 28px;
}

.full-width {
   display: inline-block;
   width: 100%;
}

.contact-third {
   float: left;
   margin: 0 1%;
   width: 31.33%;
}

.contact-third-holder {
   display: inline-block;
   margin-left: -1%;
   width: calc(100% + 2%);
}

.contact-holder {
   margin-bottom: 30px;
}

.contact-box .button {
   background-color: #F0792A;
}

.contact-box.alum {
   width: 800px;
}

.contact-box .button:hover, .dl-cf-button-holder .dl-cf-submit-button:hover {
   background-color: #d56922;
}

.tour-box #FormBlock .dl-cf-form-input input {
   background-color: #F3F3F3;
}

.tour-box #FormBlock label {
   color: #212121 !important;
   font-size: 13px !important;
   line-height: 22px !important;
}


.tour-box #FormBlock .dl-cf-form-input textarea {
   background-color: #F3F3F3;
}


#FormBlock .dl-cf-width-50-pct:first-of-type {
   margin-bottom: 0px;
   padding-right: 10px;
}

#FormBlock .dl-cf-width-50-pct:last-of-type {
   margin-bottom: 0px;
   padding-left: 10px;
}

.map-holder {
   display: inline-block;
   margin-top: 110px;
   width: 100%;
   transition: ease-in-out all 0.3s;
} 

.map-holder:hover {
   -webkit-filter: brightness(0.8);
   filter: brightness(0.8);
   transition: ease-in-out all 0.3s;
}

.contact-box .textbox , .contact-box .textarea {
   background-color: #fff;
   border: 1px solid #E3E3E3;
}

.DLFCheckBoxRow input {
   background: #fff;
   border: 1px solid #cfd3d8;
   height: 20px;
   margin-bottom: 0px;
   width: 20px;
   -webkit-appearance: none;
}

.DLFCheckBoxRow input[type="checkbox"]:checked {
   background-image: url(../images/checkmark-blue.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 10px;
}

.DLFCheckBoxRow span {
   display: inline-block;
   font-size: 13px;
   line-height: 13px;
   margin-top: -12px;
   padding-left: 15px;
   vertical-align: middle;
   width: calc(100% - 40px);
}

.contact-box.race .dl-cf-button-holder input {
   background-color: #F0792A !important;
}

.contact-box.race .dl-cf-button-holder input:hover {
   background-color: #d56922 !important;
}

.contact-box.race {
   background-color: #fff;
   padding: 0;
}

.contact-box.race form label {
   color: #212121 !important; 
   font-size: 13px !important;
   line-height: 22px !important;
}

.contact-box {
   background-color: #EAF4FF;
   border-radius: 4px;
   padding: 38px;
}

.tour-box.thanks {
   background-color: #fff;
   padding: 80px 40px;
   text-align: center;
}

.thank-you-holder p {
   font-size: 20px;
   line-height: 33px;
   margin-bottom: 50px;
}

.thank-you-holder {
   display: inline-block;
   margin: auto;
   text-align: center;
   width: 800px;
}

.map-holder #map {
   background-image: url('../images/contact-map.png');
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: cover;
   height: 486px;
   margin-bottom: -5px;
}

.left-contact {
   float: left;
   padding-right: 50px;
   width: calc(100% - 805px);
}

.right-contact {
   float: left;
   width: 800px;
}

.contact-header {
   color: #002D62;
   font-weight: 600;
   font-family: 'Work Sans';
   font-size: 26px;
   letter-spacing: -0.52px;
   margin-bottom: 30px;
}

.contact-line {
   display: inline-block;
   font-size: 24px;
   line-height: 37px;
   width: 100%;
}

.directions:hover {
   text-decoration: underline;
}

.directions {
   color: #2A7EF0;
   display: inline-block;
   font-size: 16px;
   line-height: 28px;
}

.collapse-info {
   border-bottom: 1px solid #002D62;
   border-top: 1px solid #002D62;
   width: 100%;
}

.collapse-info + .collapse-info {
   border-top: none;
}

.collapse-block {
   border-bottom: 1px solid #002D62; 
}

.collapse-info-top {
   cursor: pointer;
   font-size: 17px;
   font-weight: bold;
   padding: 17px 20px;
   position: relative;
}

.collapse-info-top:hover {
   color: #000;
}

.collapse-info-text {
   color: #002D62;
   font-family: 'Work Sans';
   font-weight: 500;
   font-size: 20px;
   letter-spacing: -0.4px;
   padding-left: 30px;
   width: 100%;
}

.collapse-info-icon {
   color: #002D62;
   cursor: pointer;
   height: 25px;
   font-size: 25px;
   position: absolute;
   left: 30px;
   top: 25px;
   width: 25px;
}

.collapse-info-icon:before {
   content: '+';
   height: 0;
   position: absolute;
   right: 10px;
   top: -9px;
   width: 25px;
}

.collapse-info.active .collapse-info-icon:before {
   content: '-';
}

.collapse-info-bottom {
   max-height: 0;
   overflow: hidden;
   padding: 0 20px 0 50px;
}

.collapse-info.active .collapse-info-bottom, .edit-mode-on .collapse-info-bottom {
   max-height: 10000px;
}

.collapse-info.first {
   margin-top: 30px;
}

.popup-content {
   margin: 10px 0;
}

.g-recaptcha-error {
   color: red;
   margin: 10px 0 0 ;
}

.recaptcha-holder {
   margin-bottom: 25px;
}

/**Login Styles*/   
.login-holder {
   display: inline-block;
   text-align: center;
   width: 200px;
}
 
.login-submit:disabled {
   cursor: default;
   opacity: .5;
}

.form-inner-fields {
   height: 160px;
   position: relative;
}

.password-holder {
   display: inline-block;
   position: relative;
   width: 100%;
}

#show-pass {
   display: inline-block;
   font-size: 14px;
   top: -28px;
   position: absolute;
   right: 0;
   color: #F0792A;
}

#show-pass:hover {
   cursor: pointer;
   text-decoration: underline;
}

.form-loading {
   background: rgba(255,255,255, .9);
   display: none;
   height: 100%;
   position: absolute;
   text-align: center;
   top: 0;
   width: 100%;
}

.form-loading img {
   height: 42px;
   left: 50%;
   position: absolute;
   top: 40%;
   transform: translate(-50%,-50%);
   -webkit-transform: translate(-50%,-50%);
}

.login-field {
   background-color: #F6F8FA;
   border: solid 1px #CBD6E2;
   box-sizing: border-box; 
   height: 42px;
   margin-bottom: 10px; 
   margin-top: 0px;
   padding: 0 10px; 
   width: 100%; 
}

.login-submit {
   background-color: #F0792A; 
   border-radius: 4px; 
   box-sizing:border-box; 
   color: #fff; 
   display: block; 
   font-weight: 700;  
   font-size: 17px;
   height: 40px; 
   line-height: 40px; 
   margin: 10px 0 0; 
   text-align:center; 
   width: 100%;
}

.form-title {
   color: #444345;
   font-size: 27px;
   font-weight: 700;
   margin-bottom: 15px;
   line-height: 32px;
   width: 100%;
   text-align: center;
}
    
#login-form {
   background: #fff; 
   background-size: cover; 
   box-sizing: border-box; 
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.52); 
   border-radius: 5px;
   color: #000;
   padding: 50px 33px 40px;
   position: relative;
   transition: opacity .5s ease; 
   -webkit-transition: opacity .5s ease; 
   width: 370px; 
   z-index: 26; 
}

#login-error {
   color: #f00;
   display: none;
   font-size: 13px;
   line-height: 14px;
   padding-top: 20px;
   text-align: center;
   visibility: hidden;
}

.forgot-password {
   color: #F0792A;
   font-size: 16px;
   padding-top: 20px;
   text-align: center;
}

.forgot-password-text:hover {
   text-decoration: underline;
}

.close-login img {
   height: 15px;
}

.close-login {
   cursor: pointer;
   position: absolute;
   right: 15px;
   top: 15px;
}

.login-label {
   display: block;
   font-weight: normal;
   font-size: 14px;
   line-height: 30px
}

#login-mask {
   background: rgba(0,0,0,.7); 
   bottom: 0; 
   height: 100%; 
   position: fixed; 
   top: 0; 
   transition: opacity .5s ease; 
   -webkit-transition: opacity .5s ease; 
   width: 100%; 
   z-index: 25;
}

#login-form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   font-size: 16px;
   color: #595757;
}
#login-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   font-size: 16px;
   color: #595757;
}
#login-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
   font-size: 16px;
   color: #595757;
}
#login-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
   font-size: 16px;
   color: #595757;
}

.login-link {
   cursor: pointer;
   font-size: 13px;
   text-transform: uppercase;
   text-align: center;
   display: inline-block;
   width: 50px;
   color: #fff;
}

.quickViewNoDimensions {
   max-height: calc(100% - 180px);
   overflow-y: auto;
   top: 155px!important;
   transform: translate(-50%, 0)!important;
   -webkit-transform: translate(-50%, 0)!important;
}
/*Login End*/

/*New Modal*/
.modal-outer {
   align-items: center;
   background: rgba(0,0,0,.5);
   display: none;
   left: 0;
   height: 100%;
   justify-content: center;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 27;
}

.modal-outer.active {
   display: flex;
}
/**/

.calendar-h1 {  
   display: inline-block; 
   margin-bottom: 30px;
   text-align: center;
   width: 100%;
}

.calendar-h1 h1 {
   color: #002D62;
   font-weight: 700;
}

/*Calendar Start*/
.button.sync {
   position: absolute;
   background-color: #F0792A;
   font-size: 17px;
   padding: 16px 15px;
   font-weight: 500;
   right: 0;
   top: 0;
}

.sync-img {
   height: 22px;
   width: 19px;
   display: inline-block;
   vertical-align: middle;
   padding-left: 15px;
}

.mobile-calendarNav {
   display: none;
}

.mobile-day {
   display: none;
}

#calendar {
   margin: 0px auto;
   padding: 0px;
   position: relative;
   width: 100%;
}

.popup-eventText {
   margin-bottom: 20px;
}

.popupHeader-date {
   font-size: 20px;
}

.popup-right .popup-eventTitle {
   color: #1C1C1C;
   clear: both;
   display: inline-block;
   font-size: 30px;
   font-weight: bold;
}

.popup-right {
   margin-top: 20px;
}

.popup-left {
   clear: left;
   display: inline-block;
   font-size: 20px;
   margin-bottom: 20px;
   width: 100%;
}

.calendarHeader {
   border: none;
   display: none;
   float: left;
}

#calendar .header {
   margin-bottom: 25px;
   text-align: center; 
}

a.next {
   margin-left: 25px;
   display: inline-block;
   vertical-align: bottom;
}

a.prev {
   -moz-transform: scaleX(-1);
   -webkit-transform: scaleX(-1);
   -o-transform: scaleX(-1);
   transform: scaleX(-1);
   display: inline-block;
   vertical-align: bottom;
}

.calendar-monthTitle {
   color: #002D62;
   font-family: 'Work Sans';
   font-size: 28px;
   font-weight: normal;
   letter-spacing: -0.56px;
   margin: 0 0 0 25px;
   position: relative;
   text-align: center;
   top: -10px;
}

.news-container img {
   max-width: 100%;
}

.news-container {
   margin: auto;
   width: 1090px;
}

.calendarNav img {
   height: 28px;
   padding: 10.5px 15px;
   width: 18px;
}

.calendarNav {
   text-align: center;
   transition: ease-in-out 0.15s;
}

.calendarNav:hover {
   transition: ease-in-out 0.15s;
}

.prev img {
   display: block;
   height: 28px;
   width: 18px;
}

.next img {
   display: block;
   height: 28px;
   width: 18px;
}

.buttonmid {
   text-align: center;
}

.detailbuttons {
   background-color: #edc552;
   border-radius: 4px;
   color: #4d4c4c;
   float: left;
   font-size: 14px;
   font-weight: bold;
   margin: 8px 0 0;
   padding: 2px 7px;
}

.event-titleSmaller, .event-titleMobile {
   display: none;
}


/*******************************Calendar Content Cells*********************************/
.main-content #calendar ul li:before {
   content: none;
}

#calendar .box-content {
   border-bottom: none;
   border-top: none;
}

#calendar ul.label {
   background-color: #212121;
   color: #fff;
   margin: 0 0 -7px 0;
   padding-left: 0px;
}

.calendardiv {
    margin-top: -60px;
}

#calendar ul.label li {
   color: #fff;
   float: left;
   font-family: 'Work Sans';
   font-size: 17px;
   height: 49px;
   line-height: 49px;
   list-style-type: none;
   text-align: center;
   vertical-align: middle;
   width: 14.2857%;
}

#calendar ul.dates {
   border: 1px solid #D3D3D3;
   box-sizing: border-box;
   display: inline-block;
   margin: 0px;
   padding: 0px;
   width: 100%;
}


/** overall width = width+padding-right**/
.grid-holder, .list-holder {
   display: inline-block;
   float: left;
   padding-right: 10px;
}

.gridview2 {
   margin-right: 10px;
}

.movegrids {
   left: 0;
   position: absolute;
   top: -50px;
   width: 75px;
}

#calendar ul.dates li {
   background-color: #fff;
   border-bottom: 1px solid #BFBFBF;
   border-right: 1px solid #BFBFBF;
   box-sizing: border-box;
   float: left;
   height: 175px;
   margin-bottom: 0px;
   vertical-align: middle;
   text-transform: none;
   width: 14.2857%;
}

#calendar ul.dates li.today {
   outline: 1px #F0792A solid;
   border-bottom: 1px solid #F0792A;
   border-right: 1px solid #F0792A;
}

#calendar ul.dates li.today .calendarDay {
   background: #F0792A;
   color: #fff;
}

#calendar ul.dates li.end {
   border-right: none;
   width: 14.2858%;
}

.calendarDay {
   background-color: #EAEAEA;
   box-sizing: border-box;
   color: #1C1C1C;
   float: left;
   font-family: 'Work Sans';
   font-size: 16px;
   padding: 5px 10px;
   width: 100%;
}

.calendar-event-title:hover .calendar-event-title-text{
   color: #F0792A;
}

.calendar-event-title {
   clear: left;
   cursor: pointer;
   float: left;
   font-family: 'Work Sans';
   font-size: 15px;
   line-height: 18px;
   margin-bottom: 15px;
   position: relative;
}

.mobile-table {
   clear: both;
   margin-bottom: 10px;
   padding: 10px;
}

.mobile-table:last-of-type {
   margin: 0;
}

.mobile-date-left, .mobile-no-events, .mobile-header {
   display: none;
}

.event-hover-display {
   background: #fff;
   border: 1px solid #D5D5D5;
   bottom: calc(100% + 5px);
   -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
   -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
   box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
   cursor: default;
   display: none;
   left: 50%;
   padding: 15px;
   position: absolute;
   transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
   width: 275px;
   z-index: 1;
}

.event-hover-display::after {
   content: "";
   height: 0;
   border: 6px solid black;
   border-color: transparent transparent #fff #fff;
   border-top: 6px solid transparent;
   border-right: 6px solid transparent;
   border-bottom: 6px solid #fff;
   border-left: 6px solid #fff;
   bottom: -12px;
   box-sizing: border-box;
   box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.16);
   left: 50%;
   position: absolute;
   transform-origin: 0 0;
   transform: rotate(-45deg) translate(-50%, -50%);
   width: 0;
}

.calendar-event-title:hover .event-hover-display {
   display: block;
}

.event-hover-date {
   color: #002D62;
   font-size: 19px;
   padding-bottom: 5px;
}

.event-hover-title {
   font-family: 'Work Sans';
   font-weight: 700;
   padding-bottom: 5px;
}

.event-hover-time {
   font-size: 14px;
   margin-top: -2px;
}

.event-hover-time img, .event-hover-time-text {
   display: inline-block;
   vertical-align: middle;
}

.event-hover-time img {
   margin-right: 6px;
}

.event-content {
   margin-bottom: 50px;
}

.left-event-details .date {
   font-family: Teko;
   font-size: 26px;
   line-height: 37px;
   margin-bottom: 10px;
   text-transform: uppercase;
}

.left-event-details .event-title {
   margin-bottom: 10px;
}

.event-details .date {
   color: #5C5C5C;
   margin-bottom: 10px;
}

.event-details p {
   margin-bottom: 0px;
}

.date-right {
   display: inline-block;
   padding-left: 10px;
   vertical-align: middle;
   width: calc(200px - 70px);
}

.event-line {
   border-bottom: 1px solid #BFBFBF;
   display: inline-block;
   padding: 30px 0;
   width: 100%;
}

.event-title {
   color: #1C1C1C;
   clear: both;
   display: inline-block;
   font-size: 30px;
   font-weight: bold;
}

.date-right .month {
   font-family: Teko;
   font-size: 26px;
   text-transform: uppercase;
}

.date-right .date {
   color: #5C5C5C;
}

.date-number {
   display: inline-block;
   font-size: 84px;
   font-family: Teko;
   line-height: 65px;
   text-align: center;
   vertical-align: middle;
   width: 65px;
}

.event-time {
   color: #6e6e6e;
   font-size: 14px;
}

.right-event .details {
   display: inline-block;
   padding-right: 140px;
   vertical-align: middle;
   width: calc(100% - 170px);
}

.event-button-holder {
   display: inline-block;
   vertical-align: middle;
   width: 165px;
}

.l-calendarInner {
   margin-top: 110px;
   position: relative;
}

#calendarMask {
   background: rgba(0, 0, 0, 0.7);
   bottom: 0;
   height: 100%;
   position: fixed;
   top: 0;
   transition: opacity 1s ease 1s;
   width: 100%;
   z-index: 25;
}

#calendarPopup {
   color: #000;
   left: 50%;
   position: fixed;
   top: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transition: opacity .5s ease;
   width: 982px;
   z-index: 26;
}

#calendarPopup, #calendarMask {
   display: none;
   opacity: 0;
}

#calendarMask.active, #calendarPopup.active {
   display: block;
   opacity: 1;
   transition: opacity .5s ease;
}

#calendarPopupInner {
   background: #fff;
   min-height: 322px;
   padding: 40px 50px;
}

.popupHeader {
   border-bottom: 1px solid #d5d5d5;
   padding-bottom: 5px;
}

.popupHeader-left {
   float: left;
   padding-top: 5px;
}

.popupHeader-right {
   float: right;
}

/*End Calendar*/

/*Carousel*/
.testimonial-holder {
   position: relative;
   display: inline-block;
   margin-left: 100px;
   width: 650px;
   text-align: center;
}

.testimonial-img {
   margin-bottom: 30px;
}

.carousel-outer .carousel-arrow.left.disabled:hover {
    background-color: transparent;
}

.carousel-arrow.right:hover {
   background-color: #2c2c2c;
   -webkit-transition: all 0.75s ease;
  transition: all 0.75s ease;
}

.carousel-arrow.left:hover {
   background-color: #2c2c2c;
   -webkit-transition: all 0.75s ease;
  transition: all 0.75s ease;
}

.carousel {
   margin-top: 100px;
}

#vert-spacer {
   height: 100%;
   padding: 0 0 20px;
   position: absolute;
}

#vert-inner {
   height: 100%;
   width: 5px;
}

#space-inner {
   height: 1px;
   width: 100%;
}

.carousel-outer {
   box-sizing: border-box;
   margin-bottom: 20px;
   margin-right: 1px;
   position: relative;
}

.outer {
   margin-bottom: 15px;
   position: relative;
}

#space-outer, .carousel-outer {
   padding: 0 10%;
}

.carousel-inner {
   overflow: hidden;
   position: relative;
   width: 100%;
}

.carousel-layer .carousel-inner {
   /*height: 300px !important;*/
}

.carousel-row {
   box-sizing: border-box;
   position: absolute;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-backface-visibility: hidden;
   -webkit-transform-style: preserve-3d;
}

.carousel-row:nth-of-type(2) {
   -webkit-transform: translateX(100%) translateZ(0);
   transform: translateX(100%) translateZ(0);
}

.carousel-row:nth-of-type(3) {
   -webkit-transform: translateX(200%) translateZ(0);
   transform: translateX(200%) translateZ(0);
}

.carousel-inner.active .carousel-row {
   -webkit-transition: -webkit-transform .3s ease;
   transition: transform .3s ease;
}

.carousel-row {
   height: 280px;
   padding: 0 0px;
   width: 100%;
}

.carousel-row:nth-of-type(1n+4) {
    padding: 0 0px;
    width: 100%;
}

.carousel-row-outer img {
   max-width: 100%;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility:    hidden;
   backface-visibility:     hidden;
   -moz-backface-visibility:    hidden;
   width: 100%;
}

.carousel-row-outer {
   height: 100%;
   left: 0;
   margin: auto;
   position: absolute;
   right: 0;
   width: calc(100% - 20%);
}

.carousel-row-inner {
   padding: 0px;
}

.carousel-row:hover .photoOverlay {
   opacity: .7;
}

.carousel-row:hover .carousel-row-outer img {
   -webkit-backface-visibility: hidden;
   backface-visibility:  hidden;
   -moz-backface-visibility:    hidden;
}

.carousel-row:hover .photoText {
   opacity: 1;
}

.arrow-next-review {
   width: 20px;
   height: 10px;
}

.arrow-last-review {
   height: 10px;
   width: 20px;
}

.carousel-arrow.right {
   background-color: #002D62;
   position: absolute;
   right: 20px;
   border-radius: 30px;
   border: 1px solid #fff;
   height: 20px;
   width: 20px;
   padding: 20px;
}

.carousel-arrow.left {
   background-color: #002D62;
   background-image: none;
   position: absolute;
   border-radius: 30px;
   border: 1px solid #fff;
   height: 20px;
   width: 20px;
   padding: 20px;
   left: 20px;
}

.carousel-arrow {
   top: 45%;
   -moz-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.carousel-arrow img {
   height: 15px;
   width: 9px;
   top: 12px;
   position: absolute;
   left: 16px;
}

.carousel-arrow.left img {
   height: 15px;
   width: 9px;
   top: 12px;
   position: absolute;
   left: 14px;
}

.smallSlideArrow {
   height: 23px;
   width: 23px;
}

.off .smallSlideArrow {
   display: none;
}

.arrow-icon {
   font-size: 30px;
}

.home-upcoming .arrow-icon {
   color: #F0C415;
}

.carousel-outer .disabled {
   cursor: default;
   opacity: 0.35;
}

.disabled .arrow-icon {
   opacity: .5;
}

.carousel-arrow {
   cursor: pointer;
   z-index: 1;
}

.carousel-arrow.off {
   display: none;
}
/**/

/*Blog Styles Start*/
.arrow-nav {
   float: left;
   margin-left: -3.5px;
   position: relative;
   top: -5px;
}

.arrow-nav img.disabled {
   opacity: .4;
}

.arrow-nav img {
   height: 12px;
   position: relative;
   top: 1px;
   width: 7px;
}

.display-events {
   color: #001B32;
   float: left;
   font-size: 16px;
   margin-bottom: 40px;
}

.page-number {
   color: #212121;
   display: inline-block;
   line-height: 28px;
   padding: 0 12px 1px;
   background-color: #F8F8F8;
   font-size: 14px;
   font-family: 'Work Sans';
   margin: 0 3.5px;
}

.page-number.active {
   background-color: #002D62;
   color: #FFFFFF;
}

.all-articles {
   margin-top: 30px;
}

.all-articles-text {
   color: #002D62;
   display: inline-block;
   font-family: 'Work Sans';
   font-size: 15px;
   letter-spacing: -0.3px;
   vertical-align: middle;
   transition: ease-in-out color 0.15s;
}

.all-articles-text:hover {
   color: #F0792A;
   transition: ease-in-out color 0.15s;
}



.articles-back {
   display: inline-block;
   margin-bottom: 30px;
   width: 100%;
}

.all-articles .button {
   background-color: #002D62;
   transition: ease-in-out 0.3s;
}

.all-articles .button:hover {
   background-color : #034797;
   transition: ease-in-out 0.3s;
}

.all-news {
   display: inline-block;
   margin-top: 35px;
   text-align: center;
   width: 100%;
}

.back-arrow {
   display: inline-block;
   height: 13px;
   margin-right: 20px;
   vertical-align: middle;
   width: 8px;
}

.blog-home {
   display: inline-block;
   margin-bottom: 75px;
   width: 100%;
}

.blog-home .thirds-holder {
   display: inline-block;
   margin-left: -40px;
   width: calc(100% + 80px);
}

.blog-holder.blogs {
   display: inline-block;
   margin-left: -30px;
   width: calc(100% + 60px);
}

.blog-home .thirds {
   float: left;
   padding: 0 40px;
   width: 33.33%;
}

.blog-holder.blogs .thirds {
   float: left;
   margin-bottom: 35px;
   padding: 0 30px;
   width: 50%;
}

.blog-holder.blogs .thirds:nth-of-type(odd) {
   clear: left;
}

.blog-home .thirds .blog-details .title , .blog-holder.blogs .thirds .blog-details .title {
   color: #002D62;
   display: inline-block;
   font-family: 'Work Sans';
   font-size: 22px;
   font-weight: 600;
   line-height: 31px;
   margin-bottom: 10px;
   margin-top: 10px;
   transition: ease-in-out color 0.15s;
}

.blog-home .thirds .blog-details .title:hover, .blog-holder.blogs .thirds .blog-details .title:hover {
   color: #F0792A;
   transition: ease-in-out color 0.15s;
}

.blog-home .thirds .blog-details .date, .blog-holder.blogs .thirds .blog-details .date {
   margin-top: 6px;
   color: #212121;
   font-weight: 700;
   margin-bottom: 14px;
}

.blog-home .thirds .blog-details p, .blog-holder.blogs .thirds .blog-details p {
   line-height: 30px;
   font-size: 17px;
}

.blog-home-header {
   color: #002D62;
   display: inline-block;
   font-family: 'Work Sans';
   font-weight: 600;
   font-size: 30px;
   margin-bottom: 40px;
   text-align: center;
   width: 100%;
}

.blog-date {
   display: inline-block;
   font-size: 16px;
   font-weight: bold;
   margin-bottom: 25px;
   width: 100%;
}

.blog-img.blog-page {
   margin-bottom: 30px;
}

.blog-title {
   color: #002D62;
   font-family: 'Work Sans';
   font-size: 42px;
   line-height: 49px;
   font-weight: 700;
   letter-spacing: -0.84px;
   margin-bottom: 25px;
}

.blog-page-details {
   border-bottom: 1px solid #002D62;
   padding-bottom: 50px;
}

.blog-page-details h1 {
   color: #002D62;
   font-family: 'Work Sans';
   font-weight: 700;
   font-size: 32px;
   line-height: 36px;
   margin-bottom: 25px;
}

.blog-page-details h2 {
   color: #F0792A;
   font-family: 'Work Sans';
   font-weight: 700;
   font-size: 28px;
   line-height: 33px;
   margin-bottom: 25px;
}

.blog-page-details h3 {
   color: #002D62;
   font-family: 'Work Sans';
   font-weight: 700;
   font-size: 20px;
   line-height: 24px;
   margin-bottom: 25px;
}

.blog-page-details h4 {
   color: #F0792A;
   font-family: 'Work Sans';
   font-weight: 700;
   font-size: 18px;
   line-height: 21px;
   margin-bottom: 25px;
}

.blog-page-details ul li, .blog-page-detailse ol li {
   margin-bottom: 4px;
   position: relative;
}

.blog-page-details ul li::before {
   color: #032D62;
   content: "•";
   left: -15px;
   position: absolute;
   top: 0px;
   width: 10px;
}

.blog-page-details ul {
   list-style: none;
   margin-bottom: 20px;
   padding-left: 35px;
   position: relative;
}

.blog-page-details ol {
   list-style: decimal;
   margin-bottom: 20px;
   padding-left: 35px;
}

.blog-page-details ol li , .blog-page-details ul li{
   padding-left: 15px;
}

.blog-page-details h5 {
   background-color: #EAF4FF;
   border-radius: 4px;
   display: inline-block;
   font-size: 16px;
   line-height: 28px;
   margin-bottom: 35px;
   padding: 35px;
   width: 100%;
}

/*.main-content .blog-page-details a {
   background-color: #F0792A;
   border-radius: 3px;
   color: #fff;
   display: inline-block;
   font-family: 'Work Sans';
   font-size: 17px;
   font-weight: 700;
   min-width: 187px;
   padding: 20px 10px;
   text-align: center;
   transition: ease-in-out 0.3s;
}

.main-content .blog-page-details a:hover {
   background-color: #d56922;
   transition: ease-in-out 0.3s;
   text-decoration: none;
}
   */

.main-content .blog-page-details a {
   color: #F0792A;
   text-decoration: none;
}

.main-content .blog-page-details a:hover {
   text-decoration: underline;
}

.thirds .img-holder img {
   display: block;
   width: 100%;
}
/**/

/*General Styles - Desktop */
.gs-h2-with-orange-line, .gs-h1-with-orange-line {
   color: #002D62;
   font-family: 'Work Sans';
   font-size: 30px;
   line-height: 35px;
   letter-spacing: -0.6px;
   font-weight: bold;
   margin-bottom: 20px;
   padding-bottom: 20px;
   position: relative;
}

.gs-h2-with-orange-line:after, .gs-h1-with-orange-line:after {
   background: #F0792A;
   bottom: 0px;
   content: "";
   height: 5px;
   left: 0;
   position: absolute;
   width: 60px;
}

.gs-h3-orange {
   color: #F0792A;
   font-family: 'Work Sans';
   font-size: 28px;
   font-weight: 700;
   line-height: 33px;
   margin-bottom: 20px;
}

.gs-h4 {
   color: #002D62;
   font-family: 'Work Sans';
   font-size: 20px;
   font-weight: 600;
   line-height: 24px;
   margin-bottom: 15px;
}

.gs-h5 {
   color: #F0792A;
   font-family: 'Work Sans';
   font-size: 18px;
   font-weight: 600;
   line-height: 21px;
   margin-bottom: 15px;
}

ol {
   font-size: 16px;
   line-height: 28px;
   list-style: decimal outside;
   margin-left: 20px;
   padding-left: 15px;
}

ol li {
   margin-bottom: 10px;
}

.block-quote {
   background: #EAF4FF;
   border-radius: 4px;
   font-size: 16px;
   line-height: 28px;
   margin-bottom: 50px;
   padding: 25px;
}

.accordion:first-of-type {
   border-top: 1px solid #002D62;
   width: 100%;
}

.accordion {
   border-bottom: 1px solid #002D62;
}

.accordion-header {
   cursor: pointer;
   color: #002D62;
   font-family: 'Work Sans';
   font-size: 20px;
   font-weight: 600;
   line-height: 24px;
   padding: 17px 20px;
   position: relative;
}

.accordion-header:hover {
   color: #000;
}

.accordion-header:before {
   color: #002D62;
   content: '+';
   font-size: 25px;
   height: 25px;
   left: 0;
   line-height: 25px;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   width: 25px;
}

.accordion-header h4 {
   margin: 0;
}

.accordion-header.active:before {
   content: '-';
}

.accordion-text {
   max-height: 0;
   overflow: hidden;
   padding: 0 20px;
}

.accordion-header.active ~ .accordion-text, .editing .accordion-text {
   max-height: 10000px;
}

.accordion.first {
   margin-top: 30px;
}

/**/
.announce-header {
   color: #122C62;
   font-size: 35px;
   font-weight: 700;
   letter-spacing: -0.7px;
   margin-bottom: 30px;
   padding-top: 30px;
}

#announce-box p {
   color: #212121;
   font-size: 16px;
   line-height: 28px;
   margin-bottom: 20px;
}

#announce-box .button {
   margin-top: 20px;
}

.announce-logo {
   height: 140px;
   position: absolute;
   top: -80px;
   width: 140px;
   left: 0; 
   right: 0; 
   margin-left: auto; 
   margin-right: auto; 
}
/*Contact Thank you Popup*/
.textbox.error {
   border: 1px solid red;
}

.error {
   border-color: red;
}

.maskModal {
   background: rgba(0,0,0,0.7);
   bottom: 0;
   height: 100%;
   position: fixed;
   top: 0;
   transition: opacity .5s ease;
   width: 100%;
   z-index: 25;
}

.announceMask {
   background: rgba(0,0,0,0.45);
   bottom: 0;
   height: 100%;
   position: fixed;
   top: 0;
   transition: opacity .5s ease;
   width: 100%;
   z-index: 25;
}

#contactThanks, #contactMask, #announceMask, announce-box {
   display: none;
   opacity: 0;
}

#contactThanks, #announce-box {
   background: #fff;
   border-top: 14px solid #122C62;
   box-sizing: border-box;
   color: #fff;
   left: 50%;
   padding: 60px 125px;
   position: fixed;
   text-align: center;
   top: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transition: opacity .5s ease;
   width: 850px;
   z-index: 26;
}

#contactMask.active, #contactThanks.active, #announceMask.active {
   display: block;
   opacity: 1;
   transition: opacity .5s ease;
}

.thanks-logo {
   display: block;
   margin-bottom: 50px;
}

.thanksHeader {
   color: #fff;
   display: block;
   font-size: 175%;
   font-weight: bold;
   text-transform: uppercase;
}

.thanksText {
   display: block;
   font-size: 87.5%;
   line-height: 20px;
   margin: 12px auto 20px;
   max-width: 70%;
}

.closeThanks {
   color: #fff;
   cursor: pointer;
   font-size: 69%;
   letter-spacing: 1px;
   position: absolute;
   right: 10px;
   text-transform: uppercase;
   top: 10px;
}

.closeThanks img {
   height: 15px;
   width: 15px;
}
/**/
@media screen and (max-width: 1920px) {
   .home-top {
      height: 713px;
   }

   .home-half-section-block .left {
      width: 775px;
   }

   .content-header.about {
      background-image: url('../images/about-1920.jpg');
   }

   .content-header.alumni {
      background-image: url('../images/mark-7.jpg');
   }

   .content-header.student {
      background-image: url('../images/mark-4.jpg');
   }

   .content-header.support {
      background-image: url('../images/support-1920.jpg');
   }

   .content-header.athletics {
      background-image: url('../images/athletics-1920.jpg');
   }

   .content-header.admissions {
      background-image: url('../images/admissions-1920.jpg');
   }

   .home-half-section-block .right {
      width: calc(100% - 770px);
   }
}

@media screen and (max-width: 1800px) {
   .home-half-section-block .right .large-header {
      font-size: 26px;
      line-height: 36px;
      width: 625px;
   }

   .home-half-section-block .right p {
      font-size: 16px;
      line-height: 28px;
      width: 625px;
   }
}

@media screen and (max-width: 1700px) {
   .testimonial-holder {
      margin-left: 0px;
   }

   .testimonial-block .carousel-arrow.right {
      text-align: unset;
      width: 20px;
   }

   .testimonial-block .right {
      text-align: center;
      width: 50%;
   }
}

@media screen and (max-width: 1600px) {
   .home-half-section-block .right {
      padding-left: 75px;
      width: calc(100% - 630px);
   }

   .home-half-section-block .left {
      width: 630px;
   }
}

@media screen and (max-width: 1500px) {
   .announce-box-holder {
      right: 80px;
   }

   .home-top .announce-box .button {
      margin-left: 0px;
   }

   .content-header {
      height: 260px;
   }

   .content-header h1 {
      font-size: 38px;
      line-height: 43px;
   }

   .main-content .blue-box p {
      font-size: 16px;
      line-height: 28px;
   }

   .left-blue-box {
      width: calc(100% - 145px);
   }

   .right-blue-box {
      display: inline-block;
      float: left;
      vertical-align: middle;
      width: 140px;
   }

   .right-blue-box img {
      height: 137px;
      width: 140px
   }

   .left-calendar {
      width: calc(100% - 390px);
   }

   .right-calendar {
      padding: 45px 55px;
      width: 390px;
   }

   .footer-logo {
      margin-right: 0;
   }

   footer .content-container {
      padding: 0 50px;
   }

   .home-top {
      height: 592px;
   }

   header .content-container {
      padding: 0 50px; 
      width: 100%;
   }

    .content-container {
      padding: 0 80px; 
      width: 100%;
   }

   .blog-home .thirds-holder {
      display: inline-block;
      margin-left: 0px; 
      width: 100%
   }

   header .logo {
      left: 50px;
   }

   .home-top-text {
      font-size: 61px;
      line-height: 70px;
      padding-left: 60px;
      padding-top: 110px;
   }

   .home-top-subtext {
      font-size: 26px;
      line-height: 30px;
      padding-left: 60px;
   }

   .home-top .button {
      margin-left: 60px;
   }
}

@media screen and (max-width: 1400px) {
   .blog-home .thirds .blog-details .title, .blog-holder.blogs .thirds .blog-details .title {
      line-height: 25px;
   }

   .main-content.tour .tour-box {
      width: 100%;
   }

   .content-header.about {
      background-image: url('../images/about-1366.jpg');
   }

   .content-header.support {
      background-image: url('../images/support-1366.jpg');
   }
      
   .content-header.athletics {
      background-image: url('../images/athletics-1366.jpg');
   }

   .content-header.admissions {
      background-image: url('../images/admissions-1366.jpg');
   }

   .content-header h1 {
      font-size: 38px;
   }

   .content-header {
      height: 280px;
   }

   .testimonial-holder {
      width: 550px;
   }

   .left-teach, .right-teach {
      padding: 30px 30px;
   }

   .teacher-page-header {
      font-size: 26px;
      margin-bottom: 5px;
   }

   .footer-links {
      margin-left: 70px;
   }

   .footer-logo {
      margin-right: 30px;
   }

   .logo-text {
      font-size: 34px;
      padding-left: 10px;
   }

   .calendar-glance-block {
      background-color: #F5F5F5;
      padding-bottom: 90px;
   }

   .home-half-section-block .right .large-header {
      width: 100%;
   }

   .home-half-section-block .right p {
      width: 100%
   }

   .home-half-section-block .right {
      padding-right: 75px;
      width: calc(100% - 555px);
   }

   .home-half-section-block .left {
      background-position: center;
      width: 550px;
   }
}
@media screen and (max-width: 1365px) {
   .left-calendar {
      padding: 35px 40px 75px;
      width: calc(100% - 320px);
   }

   .right-calendar {
      padding: 35px 30px;
      width: 320px;
   }

   .left-contact {
      float: left;
      padding-right: 50px;
      width: 320px;
   }

   .right-contact {
      padding-left: 50px;
      width: calc(100% - 375px);
   }

   .footer-logo-text {
      font-size: 24px;
   }
}

@media screen and (max-width: 1300px) {
   .content-left {
      padding-right: 60px;
   }

   .blue-box {
      margin-bottom: 25px;
      padding: 25px;
   }

   .footer-logo {
      margin-right: 0px;
   }
}

@media screen and (max-width: 1250px) {
   .footer-holder {
      width: 100%;
   }

   .tour-box .right {
      background-color: #FFFFFF;
      display: inline-block;
      padding: 45px;
      width: calc(100% - 425px);
   }

   .tour-box .left {
      width: 420px;
      padding: 50px;
   }

   .quote-text {
      font-size: 24px;
      line-height: 38px;
   }

   .footer-links {
      margin-left: 100px;
   }

   .assistance-block .left-assistance {
      width: 420px;
   }

   .assistance-block .right-assistance {
      padding: 45px;
      width: calc(100% - 425px);
   }

   .assistance-block {
      width: 100%
   }

   .tour-box {
      width: 100%;
   }

   .footer-logo {
      margin-right: 0px;
   }

   .footer-links.hide{
      display: none;
   }

   .tour-block .content-container {
      padding: 0 80px;
   }
}

@media screen and (min-width: 1201px) {
   #navMobile {
      display: none!important;
   }
}
@media screen and (max-width: 1200px) {
   .blog-home .thirds-holder {
      margin-left: -20px;
      width: calc(100% + 40px);
   }

   .blog-home .thirds {
      padding: 0 20px;
   }

   .register-box .button {
      padding: 20px 18px;
   }

   .announce-box-holder {
      right: 50px;
   }

   .quick-links-holder {
      margin-bottom: 35px; 
   }

   .full-calendar {
      left: 320px;
   }

   .calendar-glance-holder .glance-left {
      width: 285px;
   }

   .calendar-glance-holder .glance-right {
      width: calc(100% - 290px);
      padding-left: 35px;
   }

   #mobileMenuLink.editing {
      top: 107px; 
   }

   #navMobile.editing #linksHolder {
      top: 135px;
   }

   #mobileMenuLink, #mobileCloseLink {
    display: block;
    position: fixed;
    right: 45px;
    top: 47px;
    z-index: 23;
}

   .header-spacer {
      height: 118px;
   }

   .content-header.about {
      background-image: url('../images/about-1024.jpg');
   }

   .content-header.support {
      background-image: url('../images/support-1024.jpg');
   }

   .content-header.athletics {
      background-image: url('../images/athletics-1024.jpg');
   }

   .content-header.admissions {
      background-image: url('../images/admissions-1024.jpg');
   }

   .calendar-glance-side .calendar-glance-holder .calendar-icon img {
      height: 25px;
      width: 25px;
   }

   .calendar-glance-side .calendar-glance-holder .calendar-header {
      padding-left: 35px;
      font-size: 25px;
      line-height: 25px;
   }

   .content-left {
      width: calc(100% - 305px);
   }

   .content-right {
      width: 300px;
   }

   .content-header {
      height: 200px;
   }

   .map-holder #map {
      height: 400px;
      margin-bottom: -5px;
   }

   .testimonial-holder {
      width: 475px;
   }

   .tour-block {
      padding: 50px 0;
   }

   .content-left {
      padding-right: 60px;
   }

   .tour-block .content-container {
      padding: 0 50px;
   }

   .content-container {
      padding: 0 50px;
      width: 100%;
   }

   .home-top {
      height: 505px;
      margin-top: 0px;
   }

   .nav {
      display: none;
   }

   header .logo {
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      width: 355px;
      top: 18px;
   }

   header .logo img {
      height: 78px;
      width: 81px;
   }

   .logo-text {
      color: #fff;
   }

   header {
      background-color: #002D62;
      height: 118px;
   }

   .top-blue-bar {
      display: none;
   }

   .home-top-text {
      padding-left: 0px;
      padding-top: 95px;
   }

   .home-top-subtext {
      padding-left: 0px;
   }

   .home-top .button {
      margin-left: 0px;
   }

   .home-half-section-block .left {
      width: 500px;
   }

   .home-half-section-block .right {
      width: calc(100% - 505px);
   }

   .home-half-section-block .right .large-header {
      font-size: 24px;
      line-height: 32px;
   }

   .home-half-section-block .right {
      padding: 120px 70px 100px 70px;
   }

   #mobileMenuLink, #mobileCloseLink {
      display: block;
      position: fixed;
      right: 45px;
      top: 47px;
      z-index: 20;
   }

   .mobile-top {
      background: #002D62;
      height: 50px;
      text-align: right;
      padding-right: 15px;
      position: relative;
   }

   .mobile-top img {
      position: relative;
      top: 8px;
   }

   #linksHolder .mobileSub {
      max-height: 0;
      overflow: hidden;
      transition: max-height .5s ease;
      -webkit-transition: max-height .5s ease;  
   }

   #linksHolder .mobileSub.active {
      max-height: 500px;
      padding-top: 20px;
      transition: max-height .5s ease;
      -webkit-transition: max-height .5s ease;
   }

   #navMobile {
      background: #002D62;
      height: 100%; 
      padding: 10px 0px 10px 15px;
      right: 0;
      position: fixed;
      top: 0;
      transform: translateX(390px);
      -webkit-transform: translateX(390px);
      -o-transform: translateX(390px);
      -moz-transform: translateX(390px);
      -ms-transform: translateX(390px);
      transition: transform .3s ease;
      -webkit-transition: -webkit-transform .3s ease;
      -o-transition: transform .3s ease;
      -moz-transition: transform .3s ease;
      width: 390px;
      z-index: 22;
      -webkit-box-shadow: -16px 5px 32px 3px rgba(0,0,0,0.75);
      -moz-box-shadow: -16px 5px 32px 3px rgba(0,0,0,0.75);
      box-shadow: -16px 5px 32px 3px rgba(0,0,0,0.75);
   } 

   .mobile-close {
      cursor: pointer;
      float: right;
   }

   #navMobile.active {
      opacity: 1;
      right: 0px;
      transform: scale(1,1);
      -webkit-transform: scale(1,1);
      -o-transform: scale(1,1);
      -moz-transform: scale(1,1);
      -ms-transform: scale(1,1);
      transition: opacity .5s ease, transform .3s ease;
      -webkit-transition: opacity .5s ease, -webkit-transform .3s ease;
      -o-transition: opacity .5s ease, transform .3s ease;
      -moz-transition: opacity .5s ease, transform .3s ease;
   }

   .vertCenter {
      display: inline-block;
      height: 100%;
      vertical-align: middle;
      width: 0;
   }

   #navMobile #linksHolder {
      display: inline-block;
      font-family: 'Work Sans';
      font-size: 30px;
      height: calc(100vh - 50px);
      margin-bottom: 40px;
      overflow-y: auto;
      vertical-align: middle;
      top: 50px;
      width: 100%;
      padding-right: 15px;
   }

   #linksHolder .mobileSub li {
      font-size: 16px;
      font-weight: 500;
   }

   #linksHolder .mobileSub li.active {
      color: #F0792A;
   }

   #navMobile .social-icons {
      display: block;
      bottom: 0;
      width: 100%;
      margin: auto;
      margin-top: 40px;
      margin-bottom: 40px  ;
      text-align: center;     
   }

   #navMobile .social-icons .fb {
      height: 34px;
      width: 18px;
   }

   #navMobile .social-icons .tw {
      height: 34px;
      width: 40px;
   }

   #navMobile .social-icons .in {
      height: 34px;
      width: 34px;
   }

   #navMobile .social-icons img {
      float: none;
      padding-left: 8px;
      padding-right: 8px;
   }

   #plusMinus span {
      background: #fff;
      display: block;
      height: 2px;
      left: 0;
      opacity: 1;
      position: absolute;
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transition: .25s ease-in-out;
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      width: 100%;
   }

   #plusMinus {
      display: block !important;
      width: 13px;
      height: 28px;
      position: relative;
      -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;
      float: right;
      display: inline-block;
      top: 10px;
   }

   #plusMinus span:nth-child(1) {
      top: 0px;
   }

   #plusMinus span:nth-child(1) {
      top: 0px;
      transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
   }

   #navMobile li.open #plusMinus span:nth-child(1) {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
  }

   #navMobile li {
      color: #fff;
      border-bottom: 1px solid #356BAF;
      font-size: 21px;
      font-weight: 600;
      padding: 22px 5px;
   }

   #navMobile li.active {
      color: #F0792A;
   }

   a.sub-active {
      color: #F0792A;
   }

   #navMobile li:first-of-type {
      border-top: 1px solid #356BAF;
   }

   #navMobile li li:first-of-type {
      border-top: none;
   }

   #navMobile li:hover {
      color: #F0792A;
   }

   #navMobile .tour-request.button {
      margin: 0 0 30px;
      width: 100%;
   }

   #navMobile .mobile-header-line:last-of-type {
      margin-bottom: 40px;
   }

   #navMobile .mobile-header-line {
      padding: 0;
   }

   #subMenu li {
      border-bottom: none;
      padding: 7px 15px 15px 0;
   }

   #navIcon {
      width: 32px;
      height: 36px;
      position: relative;
      -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;
   }

   #navIcon span {
      background: #FFFFFF;
      display: block;
      height: 2px;
      left: 0;
      opacity: 1;
      position: absolute;
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transition: .25s ease-in-out;
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      width: 100%;
   }

   #navIcon span:nth-child(1) {
      top: 0px
   }

   #navIcon span:nth-child(2), #navIcon span:nth-child(3) {
      top: 10px
   }

   #navIcon span:nth-child(4) {
      top: 20px
   }

   #navMobile .quick-link, #navMobile .quick-links-header {
      margin-left: 0;
      padding-left: 0;
   }
}

@media screen and (max-width: 1100px) {
   .blog-img.blog-page img {
      width: 100%;
   }

   .blog-page-details h5 {
      width: auto;
   }

   .button-sync-holder {
      display: inline-block;
      width: 100%;
   }

   .mobile-tr .mobile-date-left {
      border-right: none;
   }

   .thank-you-holder .contact-holder {
      float: none;
      width: 100%;
   }

   .tour-header {
      font-size: 49px;
   }

   .assistance-block {
      display: inline-block;
   }

   .assistance-block .left-assistance {
      background-image: url('../images/tuition-blocks-img-2-new.jpg');
      background-position: 50% 100%;
      height: 300px;
      width: 100%;
   }

   .full-calendar {
      bottom: -50px;
      left: 0px;
   }

   .calendar-glance-holder .glance-right {
      width: 100%;
      padding-left: 0px;
   }

   .right-calendar {
      padding: 45px 50px;
      width: 385px;
   }

   .left-calendar {
      padding: 45px 65px 100px;
      width: calc(100% - 385px);
   }

   .calendar-glance-block .left-calendar .event-line {
      margin-left: 0;
      margin-right: 0;
      width: 100%;
   }

   .calendar-glance-holder .glance-left {
      display: none;
   }

   .see-calendar {
      position: absolute;
      right: 0;
   }

   .calendar-glance-holder .event-line {
      float: left;
      margin-left: 1%;
      margin-right: 1%;
      width: 48%;
   }

   .calendar-glance-side .calendar-glance-holder .calendar-header {
      margin-bottom: 35px;
      width: 100%;
   }

   .calendar-glance-side {
      padding: 0 50px;
   }

   .financial-header {
      width: 100%;
   }

   .assistance-block .left-assistance {
      width: 100%
   }

   .assistance-block .right-assistance {
      padding: 45px;
      width: 100%
   }

   .right-blue-box img {
      height: 166px;
      width: 170px;
   }
     
   .right-blue-box {
      width: 170px;
   }

   .left-blue-box {
      width: calc(100% - 175px);
   }

   .main-content .blue-box p {
      font-size: 19px;
      line-height: 34px;
   }

   .calendar-glance-side .calendar-glance-holder {
      border-top: 5px solid #F0792A;
      margin-top: 20px;
      padding-top: 30px;
   }

   .calendar-icon img {
      height: 18px;
      position: absolute;
      top: 30px;
      width: 18px;
   }

   .contact-line {
      font-size: 20px;
      line-height: 29px;
   }

   .testimonial-block .carousel-arrow.right {
      padding: 20px;
   }

   .testimonial-holder {
      padding: 60px 0;
      width: 700px;
   }

   .testimonial-block .right {
      padding: 60px 0;
   }

   .testimonial-block {
      display: inline-block;
      width: 100%;
   }

   .testimonial-block .left {
      height: 350px;
      width: 100%;
      background-position: 50% 45%;
   }

   .testimonial-block .carousel-arrow.left {
      height: 20px;
      width: 20px;
   }

   .testimonial-block .right {
      text-align: center;
      padding: 0px 0;
      width: 100%;
   }

   .quote-name {
      font-size: 16px;
   }

   .tour-box .right {
      background-color: #FFFFFF;
      display: inline-block;
      padding: 45px;
      width: calc(100% - 370px);
   }

   .tour-box .left {
      width: 365px;
      padding: 50px;
   }

   .content-left {
      margin-bottom: 20px;
      padding-right: 0px;
      width: 100%;
   }

   .content-right {
      width: 100%
   }

   .navigation-box {
      display: none;
   }

   #calendarPopup {
      width: 90%;
   }

   #calendar ul.dates li, #calendar ul.dates li.end, #calendar ul.dates li.start {
      border-right: none;
      height: auto;
      width: 100%;
   }

   .event-more {
      display: none;
   }

   .event-title.extra-events {
      display: block;
   }

   #calendar ul.dates li.today {
      color: #FF0000;
   }

   .mobile-day {
      display: block;
      float: left;
      font-size: 19px;
      font-weight: bold;
      margin: 10px 20px 0 15px;
      text-transform: uppercase;
      width: 30px;
   }

   .calendarDay {
      margin: 0 0 0 10px;
      text-align: right;
      width: 30px;
   }

   .mobile-header {
      background-color: #880000;
      color: #fff;
      font-size: 18px;
      font-weight: normal;
      padding: 10px 15px;
   }

   #calendar ul.label {
      display: none;
   }

   .event-data {
      display: inline-block;
      position: static;
      top: 0;
      transform: none;
      -webkit-transform: none;
      vertical-align: middle;
      width: 70%;
   }

   .event-title, .event-time, .event-titleMobile, .event-more {
      width: auto;
   }

   .event-title:last-of-type, .event-titleMobile:last-of-type {
      margin-bottom: 0;
   }

   .event-data {
      margin-top: 0;
   }

   #calendar ul.dates li {
      padding: 0;
      text-align: left;
   }

   #calendar .box-content {
      width: 100%;
   }

   #calendar ul.dates li.no-event-today {
      display: none;
   }

   h1.calendarHeader {
      margin-bottom: 0
   }

   .dates .mask {
      display: none;
   }

   .mobile-date-left {
      background: #E3DDDD;
      border-right: 1px solid #bcbcbc;
      padding: 10px 0;
      text-align: center;
      width: 75px;
   }

   .mobile-date-date {
      font-size: 34px;
      font-weight: bold;
      line-height: 30px;
   }

   .mobile-date-month {
      font-size: 11px;
      font-weight: bold;
      text-transform: uppercase;
   }

   .mobile-date-day {
      font-size: 11px;
      text-transform: uppercase;
   }

   .calendarDay, .mobile-day {
      display: none;
   }

   .mobile-table {
      display: table;
      width: 100%;
   }

   .mobile-tr {
      display: table-row;
      width: 100%;
   }

   .mobile-date-left, .event-data {
      display: table-cell;
      vertical-align: middle;
   }

   .event-data {
      padding: 15px;
      width: calc(100% - 75px);
   }

   #calendar ul.dates {
      border-top: 1px solid #bcbcbc;
   }

   .mobile-no-events {
      display: block;
      font-size: 14px;
   }

   .home-half-section-block .left {
      width: 450px;
   }

   .home-half-section-block .right {
      width: calc(100% - 455px);
   }

   .contact-holder {
      margin-bottom: 30px;
      float: left;
      width: 33.33%;
   }

  .left-contact {
      float: left;
      padding-right: 0px;
      width: 100%;
   }

   .right-contact {
      padding-left: 0px;
      width: 100%;
   }
}

@media screen and (max-width: 1000px) {
   .orange-divider {
      background-color: #F0792A;
      display: inline-block;
      height: 1px;
      margin: 30px 0;
      width: 135px;
   }

   .quote-text {
      font-size: 22px;
      line-height: 32px;
   }

   .tour-box p, .main-content .tour-box p {
      font-size: 23px;
      line-height: 32px;
   }

   .contact-box.alum {
      width: 100%;
   }

   .button-sync-holder {
      display: inline-block;
      width: 100%;
      text-align: center;
      margin-bottom: 20px;
   }

   .button.sync {
      position: static;
   }

   .home-top-text {
      padding-top: 40px;
   }

   .homeArrow img {
      height: 10px;
      width: 10px;
      padding-left: 20px;
   }

   .home-top .announce-box-holder {
      display: none;
   }

   #announceThanks.active {
      max-height: 340px;
      overflow-y: auto;
      width: 390px;
   }

   .mobile-annouce {
      display: inline-block;
      margin-top: 20px;
      width: 100%;
   }

   #announce-box {
      padding: 65px 50px;
      width: 700px;
   }

   .tour-box.thanks {
      padding: 55px 45px;
   }

   .thank-you-holder p {
      font-size: 16px;
      line-height: 28px;
   }

   .thank-you-holder {
      width: 100%;
   }

   .apart-thirds {
      display: inline-block;
      margin-left: 0%;
      width: 100%;
   }

   .calendar-box {
      margin-top: -35px;
   }

   .home-top-subtext {
      font-size: 24px;
      line-height: 28px;
      margin-bottom: 25px;
   }

   .home-top-text {
      font-size: 51px;
      line-height: 54px;
   }

   .home-top {
      height: 434px;
   }

   .footer-links {
      margin-left: 60px;
   }

   .footer-logo {
      width: 450px;
   }

   .footer-logo-text {
      font-size: 19px;
   }

   .home-blue-block {
      background-color: #03254D;
      display: inline-block;
      padding: 90px 0;
      width: 100%;
   }

   .apart-third .icon.third {
      display: inline-block;
      min-height: 42px;
      width: 58px;
   }

   .apart-third .icon.second {
      display: inline-block;
      height: 58px;
      width: 58px;
   }

   .apart-third .icon {
      margin-bottom: 25px;
      min-height: 72px;
      position: absolute;
      left: 0;
   }

   .apart-third {
      color: #fff;
      float: left;
      margin: 0%;
      margin-bottom: 35px;
      width: 100%;
      padding-left: 90px;
      position: relative;
   }

   .home-half-section-block {
      display: block;
      width: 100%;
   }

   .home-half-section-block .left {
      height: 300px;
      width: 100%;
      background-size: cover;
      background-position: 50% 50%;
      background-repeat: no-repeat;
   }

   .home-half-section-block .right {
      padding: 70px 70px 85px 70px;
      width: 100%;
   }

   .right-calendar {
      padding: 45px 35px 45px;
      width: 320px;
   }

   .left-calendar {
      padding: 45px 35px 100px;
      width: calc(100% - 320px);
   }

   .calendar-header {
      font-size: 26px;
      letter-spacing: -0.52px;
      line-height: 30px;
   }

   .tour-block-content {
      display: inline-block;
      vertical-align: middle;
   }

   .tour-box .left img {
      display: inline-block;
      margin-top: 0px;
      vertical-align: middle;
      width: 137px;
   }

   .quote-text {
      display: inline-block;
      vertical-align: middle;
      width: 100%;
   }

   .tour-box {
      display: inline-block;
   }

   .tour-box .left {
      padding: 45px;
      width: 100%;
   }

   .tour-box .right {
      background-color: #FFFFFF;
      display: inline-block;
      padding: 45px;
      width: 100%;
   }
}

@media screen and (max-width: 900px) {
   .quote-text {
      font-size: 20px;
      line-height: 27px;
   }

   .tour-block-content {
      display: inline-block;
      width: 530px;
   }

   .tour-box {
      padding: 60px 45px;
   }

   .tour-box p, .main-content .tour-box p {
      font-size: 20px;
      line-height: 28px;
   }

   .blog-title {
      font-size: 36px;
      line-height: 37px;
   }

   .blog-home .thirds .blog-details p {
      display: none;
   }

   .contact-holder {
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

   .happening-logos {
      margin-bottom: 30px;
      margin-top: 30px;
   }

   .happening-logos .left-logo , .happening-logos .right-logo , .happening-logos .last-logo {
      float: none; 
      display: inline-block;
   }

   .happening-logos .left-logo {
      margin-right: 0px;
   }

   .happening-logos .right-logo {
      margin: 0;
      margin-left: 20px;
      margin-right: 20px;
   }

   .footer-logo .best-of-img img {
      float: none;
      width: 129px;
   }

   .best-of-img {
      display: inline-block;
      float: none;
   }

   .top-footer {
      padding: 40px 0 40px;
   }

   .footer-logo img {
      max-width: 100%;
      width: 300px;
   }

   .footer-links ul:last-of-type {
      margin-bottom: 0px;
   }

   .footer-holder {
      text-align: center;
      width: 100%;
   }

   .footer-logo-text {
      margin-bottom: 30px;
   }

   .find-us-on-fb.mobile {
      bottom: 0;
      display: block;
      position: absolute;
      left: 0;
      height: 47px;
      width: 153px;
   }

   .find-us-on-fb {
      display: none;
   }

   .footer-logo {
      width: 100%;
   }

   .footer-links .links-header, .footer-links .orange-line {
      display: none;
   }

   .footer-links {
      margin-left: 0px;
      width: 100%;
   }

   .assistance-block .left-assistance {
      height: 250px;
   }

   .calendar-glance-block .content-container {
      padding: 0 25px;
   }
}

@media screen and (max-width: 800px) {
   #FormBlock .dl-cf-width-33-pct:nth-of-type(1) {
      padding-left: 0px;
      padding-right: 5px;
   }

   #FormBlock .dl-cf-width-33-pct:nth-of-type(2) {
      padding-left: 5px;
      padding-right: 5px;
   }

   #FormBlock .dl-cf-width-33-pct:nth-of-type(3) {
      padding-left: 5px;
      padding-right: 0px;
   }

   #FormBlock .dl-cf-width-50-pct:first-of-type {
      margin-bottom: 0px;
      padding-right: 5px;
   }

   #FormBlock .dl-cf-width-50-pct:last-of-type {
      margin-bottom: 0px;
      padding-left: 5px;
   }


   .blog-home {
      margin-bottom: 125px;
   }

   .blog-home .thirds:nth-of-type(3) {
      display: none;
   }

   .blog-home .thirds {
      width: 50%;
   }

   .left-blue-box {
      width: calc(100% - 145px);
   }

   .right-blue-box {
      display: inline-block;
      float: left;
      vertical-align: middle;
      width: 140px;
   }

   .right-blue-box img {
      height: 137px;
      width: 140px;
   }

   .main-content .blue-box p {
      font-size: 16px;
      line-height: 28px;
   }

   .announce-header {
      font-size: 30px;
      line-height: 34px;
   }

   #announce-box {
      padding: 65px 50px;
      width: 90%;
   }

   .main-content.tour .tour-block.standalone {
      padding: 90px 0 50px;
   }

   .tour-header.thanks {
      padding-bottom: 0px;
   }

   .tour-header {
      padding-bottom: 50px;
   }

   .calendar-glance-side {
      padding: 0 25px;
   }

   .tour-block .content-container {
      padding: 0 25px;
   }

   .tour-block {
      padding: 50px 0 50px;
   }

   .tour-box .left img {
      left: 0; 
      right: 0; 
      margin-left: auto; 
      margin-right: auto; 
      position: absolute;
      top: -68px;
   }

   .tour-box .left {
      border-radius: 6px 6px 0 0;
      position: relative;
   }

   .main-content {
      margin-bottom: 40px;
   }

   .home-header, .medium-header {
      font-size: 26px;
      line-height: 30px;
      letter-spacing: -0.52px;
      margin-bottom: 20px;
   }

   .content-container {
      padding: 0 25px;
   }

   .content-header h1 {
      font-size: 32px;
   }
}

@media screen and (max-width: 767px) {
   .tour-box br {
      display: none;
   }

   #navMobile .mobile-header-line:last-of-type {
      margin-bottom: 135px;
   }

   footer .content-container {
      padding: 0 25px;
   }

   .full-calendar {
      bottom: -20px;
   }

   .event-right .event-name {
      margin-bottom: 5px;
      font-size: 14px;
      line-height: 22px;
   }

   .calendar-glance-holder .event-line:nth-of-type(even) {
      margin-left: 2%;
      margin-right: 0%;
      width: 48%;
   }

   .calendar-glance-holder .event-line:nth-of-type(odd) {
      clear: left;
      margin-left: 0%;
      margin-right: 2%;
      width: 48%;
   }

   .calendar-box {
      display: inline-block;
   }

   .left-calendar {
      border-radius: 6px 6px 0 0px;
      padding: 30px 20px 60px;
      width: 100%;
   }

   .right-calendar {
      width: 100%;
   }
}

@media screen and (max-width: 700px) {
   .tour-box {
      padding: 40px 30px;
   }

   .tour-block-content {
      display: inline-block;
      width: 100%;
   }

   .contact-box {
      padding: 30px;
   }

   .testimonial-holder {
      padding: 60px 0;
      width: 100%;
   }

   .large-header {
      font-size: 24px;
   }

   .home-blue-block {
      padding: 50px 0;
   }

   .home-half-section-block .right {
      padding: 50px 50px 65px 50px;
   }

   .bottom-footer {
      text-align: center;
   }

   .poweredBy {
      float: none;
      margin-top: 20px;
   }

   .bottom-foot-text {
      text-align: center;
      width: 100%;
   }

   .footer-thirds {
      display: inline-block;
      margin-left: 0%;
      margin-bottom: 35px;
      text-align: center;
      padding: 0 20%;
      width: 100%;
   }

   .footer-thirds .thirds {
      margin: 0 0%;
      margin-bottom: 12px;
      padding: 30px 0px;
      text-align: center;
      width: 100%;
   }

   .find-us-on-fb.mobile {
      position: static;
      text-align: center;
      margin: auto;
      margin-top: 40px;
      display: inline-block;
   }

   .best-of-img {
      margin-top: 40px;
      position: static;
      float: none;
      text-align: center;
   }
}

@media screen and (max-width: 600px) {
   .happening-logos .left-logo, .happening-logos .right-logo, .happening-logos .last-logo {
      width: 100px;
   }

   .happening-logos .last-logo {
      height: 100px;
      width: 100px;
   }

   .tour-box p, .main-content .tour-box p {
      font-size: 18px;
      line-height: 26px;
   }

   .quote-text {
      font-size: 18px;
      line-height: 24px;
   }

   #FormBlock .dl-cf-width-33-pct:nth-of-type(1), #FormBlock .dl-cf-width-33-pct:nth-of-type(2), #FormBlock .dl-cf-width-33-pct:nth-of-type(3) {
      padding-left: 0px;
      padding-right: 0px;
      width: 100% !important;
   }

   #FormBlock .dl-cf-width-50-pct:first-of-type {
      padding-right: 0px;
   }

   #FormBlock .dl-cf-width-50-pct:last-of-type {
      padding-left: 0px;
   }

   #FormBlock .dl-cf-form-row {
      display: inline-block;
      width: 100%;
   }

   #FormBlock .dl-cf-width-50-pct {
      width: 100%;
   }

   .home-top-text .button {
      letter-spacing: 0px;
   }

   .contact-third-holder {
      margin-left: 0%;
      width: 100%;
   }

   .contact-third {
      float: left;
      margin: 0 0%;
      width: 100%;
   }

   .blog-page-details ul {
      padding-left: 15px;
   }

   .blog-page-details ol {
      padding-left: 15px;
   }

   .blog-holder.blogs {
      margin-left: -15px;
      width: calc(100% + 30px);
   }

   .blog-holder.blogs .thirds {
      margin-bottom: 25px;
      padding: 0 15px;
   }

   .blog-home .thirds .blog-details .title, .blog-holder.blogs .thirds .blog-details .title {
      line-height: 22px;
      font-size: 20px;
   }

   .calendar-glance-side {
      padding: 0 0px;
   }

   .left-blue-box {
      padding-right: 0px;
      width: 100%
   }

   .right-blue-box {
      display: none;
   }

   .left-teach {
      margin-right: 0%;
      width: 100%;
   }

   .right-teach {
      margin-left: 0%;
      width: 100%;
   }

   .contact-box {
      padding: 20px;
   }

   .contact-box .left50 {
      margin-right: 0%;
      width: 100%;
   }

   .contact-box .right50 {
      margin-left: 0%;
      width: 100%;
   }

   .announce-logo {
      height: 110px;
      top: -63px;
      width: 110px;
   }

   #announce-box {
      padding: 65px 30px 50px;
      width: 95%;
   }

   .announce-header {
      font-size: 28px;
      line-height: 31px;
      padding-top: 0px;
   }

   .thank-you-holder p {
      margin-bottom: 30px;
   }

   .tour-box.thanks {
      padding: 40px;
   }

   .tour-header {
      font-size: 40px;
   }

   .admissions-box {
      width: 100%;
   }

   .see-calendar {
      position: static;
   }

   .tour-box .right {
      padding: 35px 25px 35px 25px;
   }

   .tour-box .left50 {
      margin-right: 0px;
      width: 100%;
   }

   .tour-box .right50 {
      margin-right: 0px;
      width: 100%;
   }

   .home-top {
      height: 240px;
   }

   .third-label {
      padding-left: 55px;
      padding-top: 7px;
   }

   .apart-third .icon.first {
      height: 41px;
      width: 41px;
   }

   .apart-third .icon.second {
      height: 41px;
      width: 41px;
   }

   .apart-third .icon.third {
      display: inline-block;
      min-height: 31px;
      height: 31px;
      width: 41px;
   }

   .apart-third {
      padding-left: 0;
   }

   .home-top-text .button {
      line-height: 17px;
   }

   .calendar-box {
      margin-top: 35px;
   }

   .home-top-subtext {
      color: #002D62;
      font-size: 22px;
      font-weight: 500;
      line-height: 24px;
      margin-top: 15px;
   }

   .home-top-text {
      color: #002D62;   
      padding-top: 30px;
      font-size: 44px;
      line-height: 48px;
   }

   .home-text-show {
      display: block;
   }

   .home-text-hide {
      display: none;
   }

   .footer-thirds {
      padding: 0 15%;
   }

   .left-calendar {
      padding: 30px 20px 90px;
   }

   .full-calendar {
      bottom: -45px;
   }

   .calendar-glance-holder .event-line:nth-of-type(even) {
      margin-left: 0%;
      width: 100%;
   }

   .calendar-glance-holder .event-line:nth-of-type(odd) {
      margin-right: 0%;
      width: 100%;
   }

   .header-spacer {
      height: 70px;
   }

   #mobileMenuLink.editing {
      top: 82px;
      right: 25px;
   }

   #mobileMenuLink, #mobileCloseLink {
      display: block;
      position: fixed;
      right: 25px;
      top: 23px;
   }

   header .content-container {
      padding: 0 25px;
      width: 100%;
   }

   header .logo {
      left: initial;
      right: inherit;
      width: 225px;
      float: left;
      top: 11px;
   }

   .logo-text {
      font-size: 21px;
      padding-left: 5px;
   }

   header .logo img {
      height: 50px;
      width: 51px;
   }

   header {
      height: 70px;
   }

   .carousel-arrow.left {
      left: 15px;
   }

   .carousel-arrow.right {
      right: 15px;
   }

   .testimonial-block .carousel-arrow.left, .testimonial-block .carousel-arrow.right {
      height: 14px;
      padding: 14px;
      width: 14px;
   }

   .carousel-arrow.left img, .carousel-arrow.right img {
      display: block;
      top: 50%;
   }

   .carousel-arrow.left img {
      left: calc(50% - 1px);
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
   }

   .carousel-arrow.right img {
      left: auto;
      right: calc(50% - 1px);
      transform: translate(50%, -50%);
      -webkit-transform: translate(50%, -50%);
   }
}

@media screen and (max-width: 500px) {
   .left-tour {
      width: 100%;
      margin-bottom: 20px;
   }
   
   .left-tour img {
      width: 100px;
   }

   .right-tour {
      padding-left: 0px;
      text-align: center;
      width: 100%;
   }

   .quote-text {
      font-size: 16px;
      line-height: 21px;
   }

   .blog-home .thirds {
      margin-bottom: 40px;
      width: 100%;
   }

   .blog-home .thirds:nth-of-type(2) {
      margin-bottom: 0px;
   }

   .blog-title {
      font-size: 32px;
      line-height: 32px;
   }

   .button {
      font-size: 14px;
      min-width: 173px;
      padding: 17px 30px;
   }

   .calendar-monthTitle {
      font-size: 24px;
      margin: 0 0 0 15px;
      top: -7px;
   }

   a.next {
      margin-left: 15px;
   }

   .prev img , .next img {
      height: 20px;
      width: 13px;
   }


   .admissions-box {
      padding: 15px;
   }

   .home-half-section-block .right {
      padding: 45px 25px 50px 25px;
   }

   .home-half-section-block .left {
      height: 183px;
   }

   .home-top-subtext {
      font-size: 20px;
      line-height: 24px;
      margin-top: 10px;
   }

   .home-top-text .button {
      line-height: 17px;
      width: 100%;
   }

   .home-top-text {
      padding-top: 25px;
      font-size: 35px;
      line-height: 38px;
   }

   .footer-thirds {
      padding: 0 10%;
   }

   .home-header, .medium-header {
      font-size: 23px;
      line-height: 27px;
      letter-spacing: -0.46px;
   }

   .main-content {
      margin-top: 30px;
   }
}

@media screen and (max-width: 450px) {
   .happening-logos .left-logo, .happening-logos .right-logo, .happening-logos .last-logo {
      width: 120px;
      margin: 0 15px 15px;
   }
}

@media screen and (max-width: 400px) {
   #navMobile {
      width: 100%;
   }

   .footer-thirds {
      padding: 0 0%;
   }
}

/*CKEditor*/
.cke_combo__styles, .cke_combo__styles .cke_combo_button, .cke_combo__styles .cke_combo_text {
   width: 350px;
}

.cke_combopanel__styles {
   width: 350px !important;
}

.cke_combo__styles .cke_combo_open {
   left: -35px;
   position: relative;
}

div[id^='cke_EditContent'] {
   z-index: 7 !important;
}

.white-text .showEditableContent {
   background: #595959;
}

.editContent:focus, .editContent:hover {
   outline: none;
}

#top-toolbar {
   height: 45px;
   position: fixed;
   top: 60px;
   width: 100%;
   z-index: 10;
}

body.top-toolbar-in-use {
   margin-top: 103px !important;
}

body:not(.top-toolbar-in-use) .cke_reset.cke_widget_drag_handler_container {
   display: none;
}

/**/
