/*
 *   Reset
 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

.absolute {position: absolute;}
.relative {position: relative;}

address, caption, cite, code, dfn, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

strong {
    font-weight: 900;
}

ol, ul {
    list-style: none;
}

u {text-decoration: underline;}

p, span, li {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    line-height: 150%;
}

caption, th {
    text-align: left;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.text-align-right {
    text-align: right;
}
.text-align-center {
    text-align: center;
}
.text-align-left {
    text-align: left;
}

.google-maps {
       position: relative;
       padding-bottom: 75%;
       height: 0;
       overflow: hidden;
 }
 .google-maps iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100% !important;
     height: 100% !important;
 }

.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.btn,
button {
    text-align: center;
    display: inline-block;
    font-size: 21px;
    height: 50px;
    cursor: pointer;
    border: 3px solid white;
    color: #fff;
    line-height: 45px;
    width: 215px;
    font-family: 'Roboto', sans-serif;
}
.btn:hover,
button:hover {
    /*background: rgba(15,12,130,0.8);*/
}
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-decoration: none;
}

html {
    min-height: 100%;
    height: 100%;
}

body {
    font-family: 'Roboto', sans-serif !important;
    min-height: 100%;
    height: 100%;
    color: #2e3388;
}

.body-wrapper {overflow-x:hidden; margin-bottom: -75px;}

body,
input,
select,
textarea {
    font-weight: 400;
    font-size: 18px;
}

p {
    margin: 0 0 1em 0;
}

h1 {
    margin: 0 0 20px 0;
    /*text-transform: uppercase;*/
}

h2 {
    margin: 0 0 12px 0;
    /*text-transform: uppercase;*/
}

h3 {
    font-size: 24px;
    /*text-transform: uppercase;*/
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
    font-family: 'Roboto', sans-serif; font-feature-settings: "calt" 0;
}

h2 {
    font-size: 38px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Roboto', sans-serif;
}

h3 {
    font-weight: bold;
}

ul {
    margin: 0 0 1em 0;
}
a:link,
a:visited {
    color: #000;
    text-decoration: none;
}
nav a:link, nav a:visited {display: inline-block;}
header a:hover {text-decoration: none;}
/*a:hover {
    text-decoration: underline;
}*/
a.button:link,
a.button:visited,
button {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 15px;
    outline: none;
    border: 3px solid #2a449c;
    background: none;
    color: #2a449c;
    line-height: 1em;
    text-decoration: none;
    cursor: pointer;
}
a.button:hover,
button:hover {
    background: #2a449c;
    color: #fff;
    text-decoration:none;
}
.pointer {
    cursor: pointer;
}
.float-left { float: left; width: 50%;}
.float-right { float: right; width: 50%;}
.display-block {display: block;}
.panel {
    float: left;
    width: 100%;
}

.panel .inner {
    width: 1024px;
    margin: 0 auto;
}


.bord {
    border: 1px dotted red;
}
.inline-block {
    display: inline-block;
}
.display-block {
    display: block !important;
    opacity: 1 !important;
}
.clearfix {
    overflow: auto;
    zoom: 1;
}
.youtube-embed-wrapper { margin-top: 25px; margin-bottom: 25px; }

/* Read more ckeditor plugin */
.read-more-hide-prev {display: none;}
.read-more-content {display: none;}


.text-left {text-align: left}
.text-right {text-align: right}
.text-center {text-align: center}
.vert-align-block-left {position: absolute; top: 50%; transform: translateY(-50%);}
.vert-align-block-right {position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.arrow-left { position: relative; left: 10px; width: 0; height: 0; border-top: 22px solid transparent; border-bottom: 22px solid transparent; border-right:22px solid #fff;}
.arrow-left:hover { cursor: pointer; border-right: 22px solid #d6d5d5;}
.fa-icon {font-size: 15px; background: #00008a; border-radius: 50%; color: #fff; width: 30px !important; height: 30px !important; text-align: center; line-height: 30px !important;}
.pointer { cursor: pointer;}


.white-divider {height: 8px; position: relative; z-index: 10;}
.sub-page .white-divider {height: 2px !important;}
.home-page .white-divider .tall-grass {display: none !important;}
.white-divider .grass {position: absolute; top: -67px; left: 0; z-index: 3;}
.home-page .white-divider .grass {top: -59px !important;}
.white-divider .tall-grass {position: absolute; top: -330px; width: 284px; right: 71%;}
@media all and (min-width: 1399px) {
    .white-divider .grass {width: 100%; height: 59px;}
}


/* Header/Nav */

header.header.panel {position: absolute; width: 100%; z-index: 90; background-color: rgba(255,255,255,0.70);}
/*.sub-page header.header.panel {position: relative; width: 100%; z-index: 1000; background-color: #1f55a5;}*/
header .inner {padding-left: 0px !important; padding-right: 0px !important; width: 100%;}
header .margin-left {margin-left: 140px; display: inline-block; width: 1px; height: 75px; line-height: 75px;}

nav {float: left; clear: left; margin: 0 auto; width: 100%; font-size: 17px; line-height: 50px; font-weight: 300;}
nav ul ul a:link, nav ul ul a:visited {color: #fff;}

nav a:link, nav a:visited {color: #2e3388; font-weight: 500; font-size: 21px;}

.home-page .menu-item.first a:link, .home-page .menu-item.first a:visited {font-weight: 900;}
nav ul.normal {position: relative; text-align: center;}
nav ul {list-style: none; float: left; margin: 0; width: 100%;}
@media all and (max-width: 1100px) {
    nav .spacer {width: 15px; height: 75px;}
}
/*nav ul > .menu-item:first-of-type {padding-left: 15px;}*/
/*nav ul > .menu-item:last-of-type {padding-right: 15px;}*/
nav ul ul li.hover {background: rgba(79, 83, 154, 0.95);}
nav ul ul li.hover > a:link, nav ul ul li.hover > a:visited  {color: #fff;}
nav ul li a:link, nav ul li a:visited {margin: 0 1px 0 0; padding: 0px 20px; text-decoration: none; height: 75px; line-height: 75px; width: 100%;}
nav ul ul li a:link, nav ul ul li a:visited {margin: 0 1px 0 0; padding: 0px 21.5px; text-decoration: none; height: 56px; line-height: 56px; width: 100%; font-weight: 400;}
nav ul li.bars {float: right; height: 75px !important; position: absolute; right: 3px; top: 0;}
nav ul li {vertical-align: middle; position: relative; width: auto; text-align: left; display: inline-block;}
.show-mobile {display: none;}
nav .more {position: fixed; z-index: 102; top: 0; left: 0; max-width: 80%; height: 100%; overflow-y: auto; overflow-x: hidden; margin: 0 0 0 100%; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); background: #b1b1db;}

nav ul li a.bars i {font-size: 30px; color: #2e3388; position: relative; top: 6px;}
nav ul li a.bars:hover {background: rgba(255, 255, 255, .1); height: 75px !important;}

nav ul ul {position: absolute; top: 100%; left: 0; min-width: 270px; list-style: none; z-index: 101; display: none;}
nav ul ul li {float: left; width: 100%; height: auto; margin: 0; border: 0; background-color: rgba(56, 62, 141, 0.95);}
nav li.on  > a {font-weight: 900;}

/*Truncate long titles*/
nav ul ul li div { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 220px;}

.fa-chevron-right {pointer-events: none !important;}

/* Nested Menus */
nav ul li.hassub ul li.hassub i.fa-chevron-right {position: absolute; top: 19px; right: 8px; z-index: 1000 !important; color: rgba(255,255,255,0.81);}
nav ul ul ul {left: 100%; top: 0;}
nav ul ul li {float: left; width: 100%; height: 56px; margin: 0; border: 0; }

/*!* Home Page Hero *!*/
.home-page .hero { position: relative; height: 100vh; overflow:hidden;}
.home-page .hero .grass {position: absolute; bottom: 0; z-index: 4;}
.home-page .hero .background-overlay {position: absolute; bottom: 0; z-index: 1; opacity: 0.8; height: 300px;}
@media all and (max-width: 1100px) {
    .home-page .hero .grass,
    .home-page .hero .background-overlay {left: -100px;}
}
@media all and (min-width: 1500px) {
    .home-page .hero .grass,
    .home-page .hero .background-overlay {width: 100%;}
}
/**/

/* Hoist panels up */
.panel.hoist {position: relative}

/*!* Home Page - Welcome *!*/
.home-page .welcome {bottom: 107px; position: absolute;}

.home-page .school-logo {position: absolute; z-index: 3; bottom: -19px; height: 250px;}
.home-page .welcome .float-right {position: relative; color: #2e3388; padding-left: 15px; padding-right: 20px; padding-top: 12.5px; width: 100%; z-index:3;}
.home-page .welcome .float-right .welcome-to { font-style: italic; font-weight: 300; font-size: 28px;text-align: right;}
.home-page .welcome .float-right .school-name {font-weight: 900; text-align: right; font-size: 62px;}


/*Home Page - Values*/
.home-page .values {background: #383e8d; text-align: center; padding: 40px 0;}
.home-page .values .left {display: inline-block; width: 49%; text-align: center;}
.home-page .values .right {display: inline-block; width: 49%; text-align: center;}
.home-page .values .inline-block {width: 49%; text-align: center; vertical-align: top;}
.home-page .values .value-name {color: #fff; font-size: 32px; font-weight: 300; padding-bottom: 30px;}
.home-page .values .quality img {position: relative; top: -11px;}
.home-page .values .respect img {position: relative; top: -9.5px;}
.home-page .values .pride img {position: relative; top: -6px;}
@media all and (max-width: 735px) {
    .home-page .values .left,
    .home-page .values .right {display: block; width: 100%;}
    .home-page .values .left {margin-bottom: 50px;}
}
@media all and (max-width: 465px) {
    .home-page .values {padding: 40px 0;}
    .home-page .values .left {margin-bottom: 0;}
    .home-page .value {display: block; width: 100% !important; margin-bottom: 35px;}
    .home-page .value.quality {margin-bottom: 25px;}
    .home-page .respect {margin-bottom: 0;}
}

/*Home Page - Introduction*/
.home-page .introduction {background: url('/images/home-introduction.jpg'); background-size: cover; background-position: center center;}
.home-page .introduction .float-right {width: 512px; background: rgba(255,255,255,.8); padding: 80px 55px;}
.home-page .introduction .introduction-text p {color: #2e3388; font-size: 21px; font-weight: 300;}
.home-page .introduction a:link,
.home-page .introduction a:visited {font-weight: bold; font-size: 18px; color: #2e3388;}
.home-page .introduction a:link:hover,
.home-page .introduction a:visited:hover {text-decoration: underline;}
@media all and (max-width: 560px) {
    .home-page .introduction .inner {padding: 0;}
    .home-page .introduction {padding: 0;}
    .home-page .introduction .float-right {width: 100%; float: none;}
    .home-page .introduction .introduction-text {text-align: justify;}
}
@media all and (max-width: 465px) {
    .home-page .introduction .float-right {padding: 40px 35px;}
}

/*Home Page - Our Vision*/
.home-page .vision {padding: 40px 35px;}
.home-page .vision-content,
.home-page .vision-content .our-vision,
.home-page .vision-content .vision-quote,
.home-page .vision-content p {text-align: center; color: #2e3388;}
.home-page .our-vision {font-size: 32px; font-weight: 300; font-style: italic;}
.home-page .vision-quote p {font-size: 45px; font-weight: 600 !important; margin-bottom: 0;}
@media all and (max-width: 780px) {
    .home-page .vision br {display: none;}
}
@media all and (max-width: 560px) {
    .home-page .vision {padding: 45px 15px;}
    .home-page .our-vision {font-size: 28px; margin-bottom: 18px;}
    .home-page .vision-quote p {font-size: 32px;}
}


/*Home Page - Mission*/
.home-page .mission {background: #fcdb54; overflow: hidden;}
.home-page .mission * {color: #2e3388;}
.home-page .mission .our-mission,
.home-page .mission .mission-block {position: relative; z-index: 2;}
.home-page .mission .float-right {background: url('/images/our-mission.jpg'); background-size: cover; background-position: center left; position: relative; z-index: 2;}
.home-page .mission-text {padding: 165px 70px 185px 30px; position: relative;}
.home-page .mission-text img {position: absolute; top: 63px; left: -104px;}
.home-page .mission .our-mission {font-size: 33px; font-weight: 300; font-style: italic; margin-bottom: 18px;}
.home-page .mission .mission-block p {font-size: 23px; font-weight: 300; margin-bottom: 18px;}
.home-page .mission .mission-block strong {font-weight: 400; font-style: italic;}
@media all and (max-width: 650px) {
    .home-page .mission .float-right {display: none;}
    .home-page .mission .float-left {display: block; width: 100%;}
    .home-page .mission-text {padding: 80px 40px;}
    .home-page .mission .our-mission {font-size: 28px; text-align: center;}
    .home-page .mission .mission-block {text-align: justify;}
}
@media all and (max-width: 560px) {
    .home-page .mission-text {padding: 50px 35px;}
}

/*Home Page - Links*/
.home-page .links {padding: 50px 0 100px; background: #e6e7e8; overflow: hidden; position: relative;}
.home-page .links .white-grass,
.home-page .links .grass {position: absolute !important; bottom: 0; z-index: 1 !important;}
.home-page .links .white-grass.left {bottom: -107px !important; left: -196px; width: auto !important;}
.home-page .links .white-grass.right {bottom: -107px !important; width: auto !important;}
.home-page .links .inner {position: relative;}
.home-page .links .left,
.home-page .links .right {position: relative; z-index: 2; text-align: center;}
.home-page .links .quick-links {font-size: 33px; font-weight: 300; font-style: italic; margin-bottom: 27px; text-align: center; color: #2e3388;}
/*.home-page .links .left,*/
/*.home-page .links .right {width: 49%;}*/
.home-page .links .inline-block {width: 49.5%;}
.home-page .links .link {border: 2px solid #2e3388; height: 255px; position: relative; opacity: 0.925;}
.home-page .links .link-title {letter-spacing: -1px; font-size: 30px; color: #fff; font-weight: 300; position: relative; top: 206px; left: 0; background: #2e3388; padding: 5px; text-align: center;}
.home-page .links .link { background-size: cover !important; background-position: center center !important;}
.home-page .links .link.newsletter {background: url('/images/quick-link-newsletter.png');}
.home-page .links .link.canteen {background: url('/images/quick-link-canteen.png');}
.home-page .links .link.oshc {background: url('/images/quick-link-oshc.png');}
.home-page .links .link.enrol {background: url('/images/quick-link-enrol.jpg');}
.home-page .links a:hover .link-title {background: #fff; color: #2e3388;}
.home-page .links a:hover .link {border: 2px solid #fff; opacity: 1;}


@media all and (max-width: 980px) {
    .home-page .links .left,
    .home-page .links .right {display: block !important; width: 100% !important;}
    .home-page .links .left {margin-bottom: 15px;}
    .home-page .links .link {width: 45%;}
    .home-page .links .left .link:first-of-type,
    .home-page .links .right .link:first-of-type {margin-right: 12px;}
    .home-page .links .white-grass.right {right: 0;}
    .home-page .links .white-grass.left {left: 0;}
}
@media all and (max-width: 630px) {
    .home-page .links {padding: 50px 0 70px;}
    .home-page .links .left {margin-bottom: 0;}
    .home-page .links .link {width: 90% !important;}
    .home-page .links .left .link:first-of-type,
    .home-page .links .right .link:first-of-type {margin-right: 0px; margin-bottom: 14px;}
}

/*Home Page - Acknowledgement*/
.home-page .acknowledgement {padding: 40px 0 34px; background: #e6e7e8; overflow: hidden; position: relative;}
.home-page .acknowledgement .inner {position: relative;}
.home-page .acknowledgement .title {font-size: 33px; font-weight: 300; font-style: italic; margin-bottom: 20px; text-align: center; color: #2e3388;}
.home-page .acknowledgement .text {font-size: 21px; font-weight: 300; text-align: center; color: #2e3388}
.home-page .acknowledgement .text p {margin-bottom: 10px}

@media all and (max-width: 560px) {
    .home-page .acknowledgement .inner {padding-left: 35px; padding-right: 35px}
    .home-page .acknowledgement .text {text-align: justify}
}
@media all and (max-width: 399px) {
    .home-page .acknowledgement .text {margin-left: 35px; margin-right: 35px}
}

/* Sitemap */
.sitemap a.root {font-weight: bold; font-size: 28px; margin-top: 15px;}
.sitemap a.root:first-of-type {margin-top: 0px;}
.sitemap a:link, .sitemap a:visited {float: left; clear: left; width: auto; min-width: 150px; line-height: 1.4em; text-decoration: none !important;}


/* Sub Page */
.sub-page .main {position: relative;}
.sub-page .main .middle {position: relative; z-index: 2; float: right; width: 675px; min-height: 600px; margin: 0 0 0 60px; padding: 63px 0 115px 0; font-size: 18px; line-height: 25px; color: #393939;}
.sub-page .main .left {position: relative; z-index: 2; width: 291px; padding-top: 65px; margin-right: 13px;}
@media all and (min-width: 1030px) {
  .sub-page .main .left {margin-right: 27px;}
}
.sub-page .main h1:first-of-type {font-size: 48px !important;}
.sub-page h1 {text-transform: none; font-size: 44px !important }
.sub-page h2 {line-height: 50px; font-size: 31px !important;}
.sub-page .main .middle b {font-weight: 900;}
.sub-page .main .middle h1 {font-size: 35px; font-weight: 900; line-height: 1em; margin: 0 0 40px 0; color: #2e3388;}
.sub-page .main .middle ul {margin-left: 50px;}
.sub-page .main .middle li {list-style-type: disc !important; list-style-position: inside; text-indent: -25px;}
.sub-page .main .middle a:link, .sub-page .main .middle a:visited {color: #2e3388; text-decoration: underline;}
.sub-page .main .left ul.subnav {margin: 0 0 80px 10px; list-style: none; max-width: 25vw; font-size: 22px; text-align: left;}
.sub-page .main .left ul.subnav li {display: block; width: 100%; text-align: left;}
.sub-page .hero {max-height: 80vh; background-size: cover; background-position: center center; background-repeat: no-repeat; height: 445px !important;}
@media all and (min-width: 1050px) {
  .sub-page .hero {height: 485px !important;}
}
@media all and (min-width: 1300px) {
  .sub-page .hero {height: 620px !important;}
}
@media all and (min-width: 1500px) {
  .sub-page .hero {height: 725px !important;}
}
.sub-page .left-bg {
    background: #feedaa;
    background: -webkit-linear-gradient(#feedaa, #fcda4f); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#feedaa, #fcda4f); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#feedaa, #fcda4f); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#feedaa, #fcda4f); /* Standard syntax */
    position: absolute; left: 0px; top: 0px; right: 50%; bottom: 0px; margin: 0 220px 8px 0;
}
.sub-page .main .left .inner {position: relative;}
.sub-page .main .left a:link, .sub-page .main .left a:visited {text-align: left; font-weight: 300; color: #2e3388;}
.sub-page .main .left li {position: relative; z-index: 3;}
.sub-page .main .left ul.subnav li.title {padding-bottom: 34px; background: none !important;}
.sub-page .main .left ul.subnav li.title a:link {text-decoration: none !important;}
.sub-page .main .left ul.subnav li {padding: 10px 15px 10px 10px;}
.sub-page .main .left ul.subnav li.title, .sub-page .main .left ul.subnav li.title {font-size: 27px; font-weight: 600; text-transform: uppercase;}
/*.sub-page .main .left ul.subnav li:hover a:link, .sub-page .main .left ul.subnav li:hover a:visited {text-decoration: underline;}*/
.sub-page .main .left ul.subnav li.on a:link, .sub-page .main .left ul.subnav li.on a:visited {font-weight: 900;}
.sub-page .main .left ul.subnav li.on {background: #fcdc5a !important;}
.sub-page .main .left ul.subnav li.second span {margin-left: 30px; font-size: 20px;}
.sub-page .main .left ul.subnav li:hover {background: rgba(252, 220, 90, 0.3)}

.sub-page .main .left .school-information {position: relative; z-index: 14; margin-left: 21px; margin-bottom: 433px; font-size: 22px;}
.sub-page .main .left .school-information * {color: #2e3388;}
.sub-page .main .left .school-information .school-name {font-weight: bold; margin-bottom: 7px;}
.sub-page .main .left .school-information .address {font-weight: 300; margin-bottom: 7px;}
.sub-page .main .left .school-information .phone,
.sub-page .main .left .school-information a:link,
.sub-page .main .left .school-information a:visited {font-size: 25px; font-weight: bold;}
.sub-page .main .left .cloud-1 {position: absolute; left: -250px; top: 45px;}
.sub-page .main .left .cloud-2 {position: absolute; left: 70px; top: 226px;}
.sub-page .main .left .school-information .cloud-3 {position: absolute; left: -196px; top: 51px;}




/* Sub Page - Content -- Shared with content editor */
.sub-page .middle img {max-width: 100%;}
.sub-page .middle h1, .sub-page .middle h2, .sub-page .middle h3, .sub-page .middle h4, .sub-page .middle ul, .sub-page .middle p, .sub-page .middle span {color: rgba(0, 7, 132, 0.85); font-family: 'Roboto', sans-serif;}
.sub-page .middle h1, .sub-page .middle h2, .sub-page .middle h3, .sub-page .middle h4 {margin: 12px 0 6px 0; line-height: 1.35em;}

.sub-page .middle h1, .sub-page .middle h2, .sub-page .middle h3, .sub-page .middle h4, .sub-page .middle h5 {color: #2e3388;}
.sub-page .middle td {padding: 10px 20px;}
.sub-page .middle h1 {font-size: 44px;}
.sub-page .middle h2 {clear:left; font-size: 32px !important;}
.sub-page .middle h3 {clear:left; font-size:22px !important;}
.sub-page .middle h4 {clear:left; font-size:18px;}
.sub-page .middle ul,
.sub-page .middle p {clear:left; font-size:18px; line-height:25px;}

.sub-page .middle a.button {padding: 20px 14px; border: 3px solid #2e3388 !important; color: #2e3388 !important; text-decoration: none !important;}
.sub-page .middle a.button:hover {background: #feedaa !important;}
.sub-page .middle a.button:hover a:link {font-weight: 600 !important;}
.sub-page .middle a.button a:link, .sub-page .middle a.button a:visited {text-decoration: none !important;}
.sub-page .middle a.button small {padding-left: 30px; color: rgba(0,0,0,0.5);}
.sub-page .middle th {padding-right: 20px;}


.sub-page .middle .specialist-newsletters tbody tr {border: 0.5px solid rgb(0,0,0);}
.sub-page .middle .specialist-newsletters tr td {border-right: 0.5px solid rgba(0,0,0,0.18);}
.sub-page .middle .specialist-newsletters tr td:last-of-type {border-right: 0.5px solid rgb(0,0,0);}
.sub-page .middle .specialist-newsletters table h1 {margin-bottom: 5px; font-size: 42px !important;}
.sub-page .middle .specialist-newsletters tbody tr:first-of-type td {border-right: none !important; border-left: none !important; border-left: none !important; background: none !important;}
.sub-page .middle .specialist-newsletters tbody td:first-of-type {background: rgba(0,0,0,0.08);}
@media all and (max-width: 400px) {
    .sub-page .middle .specialist-newsletters table {width: 100% !important;}
    .sub-page .middle .specialist-newsletters table * {font-size: 13.5px !important;}
    .sub-page .middle .specialist-newsletters table h1 {font-size: 34px !important;}
}



 /* Footer */
footer {position: relative; background: #2e3388; padding-top: 30px; padding-bottom: 15px; color: #fff; padding-right: 15px !important; padding-left: 15px !important; }
footer .inner {position: relative; z-index: 2;}
footer .footer-column {display: inline-block; width: 32%; vertical-align: top;}
footer a:hover {text-decoration: underline;}
footer, footer p, footer a:link, footer a:visited {font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 300; color: rgba(255,255,255,0.85); }
footer .decd {display: block; margin-bottom: 29px; ; }
footer .neals {position: relative; top: -15px;}
footer .center {width: 250px; margin: 0 auto; text-align: center;}
footer .center div a:first-of-type img {margin-right: 50px;}
footer .center img {margin-bottom: 22.5px; width: 95px;}
footer .creativecommons {position: relative; top: -7px;}
footer .footer-column:last-of-type {width: 300px; text-align: right;}
footer .footer-column:last-of-type p {margin: 0; padding: 0; line-height: 15px;}
footer .nbsp-spacer {font-size: 8px !important; line-height: 8px !important;}




/* Slide Nav */
.slide-nav {position: fixed;z-index: 102;top: 0;right: 0;width: 375px; max-width: 100%;height: 100%; text-align: left; overflow-y: auto;overflow-x: hidden;margin: 0 0 0 100%;box-shadow: 0px 0px 5px 5px rgba(0,0,0,.1);background: #2e3388;border-left: 10px solid rgba(0,0,0,.2);}
.slide-nav a {color: #fff;}
#slide-nav-overlay {position: fixed;width: 100vw;height: 100%;top: 0; left: 0;background: rgba(0, 0, 0, 0.6);opacity: 0;pointer-events: none;z-index: 95;-webkit-transition: opacity .7s;transition: opacity .7s;}
#slide-nav-overlay.display-block {pointer-events: all;}

/*!*IE 9*!*/
.ie9 + #slide-nav-overlay {display: none !important;}
/*IE 10*/
html[data-useragent*='MSIE 10.0'] #slide-nav-overlay {
    display: none !important;
}

.slide-nav a {display: block;}
.slide-nav ul li {display: block; padding-bottom: 10px;}
.slide-nav .hide-mobile {display: block;}
.slide-nav ul .fa {display: none;}
.slide-nav ul li:hover {border-bottom: none;}
.slide-nav ul a:hover {border-bottom: 3px solid #fac011;}
.slide-nav a:link,
.slide-nav a:visited {float: left;width: 100%;margin: 0;padding: 6px 20px;color: #fff;text-decoration: none;}
.slide-nav a:hover,
.slide-nav a:active {background: rgba( 255,255,255, .2 );}
.slide-nav .small a:link,
.slide-nav .small a:visited {padding: 8px 20px;font-size: 80%;color: rgba( 255,255,255, .75 );}
.slide-nav a.depth-1, .slide-nav a.depth-2, .slide-nav a.depth-3 {text-transform: inherit !important; padding: 8px 20px !important;}
.slide-nav a.depth-0 {font-weight: bold; font-size: 20px;}
.slide-nav a.depth-1 {padding-left: 40px !important;font-size: 17px;}
.slide-nav a.depth-2 {padding-left: 65px !important;font-size: 17px;}
.slide-nav .close {position: absolute;z-index: 103;right: 0px;top: 0px; width: 55px !important; padding: 10px;color: #000;font-size: 30px;font-weight: 700;text-decoration: none; height: 62px;}

@media all and (max-width: 1100px) {
    .panel .inner {width: 100%; padding-left: 15px; padding-right: 15px;}
    .sub-page .left {width: 265px;}
    .sub-page .main .left ul.subnav {margin-left: 10px;}
}

@media all and (max-width: 1020px) {
    .sub-page .main .middle {width: 100%; min-height: 400px; padding: 60px 30px; margin: 0;}
  .sub-page .main .left {width: 100%; padding: 30px; padding: 35px 38px; margin: 0; float: right; position: static !important; background: #feedaa;
      background: -webkit-linear-gradient(#feedaa, #fcda4f); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#feedaa, #fcda4f); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#feedaa, #fcda4f); /* For Firefox 3.6 to 15 */
      background: linear-gradient(#feedaa, #fcda4f); /* Standard syntax */}
  .sub-page .main .left ul.subnav {margin: 0 !important; max-width: 100vw; }
  .sub-page .left-bg {display: none;}
  .sub-page ul.subnav li {text-align: left !important;}
  .sub-page ul.subnav li.title {padding-bottom: 21px !important;}
  .sub-page .main .inner {padding-right: 0 !important; padding-left: 0 !important;}
  .sub-page .main .left .school-information {margin: 50px auto; width: 245px; }
  .sub-page .main .left .cloud-1,
  .sub-page .main .left .cloud-2,
  .sub-page .main .left .cloud-3 {display: none;}
  .sub-page .white-divider {top: -67px !important; height: 8px !important;}
}


@media all and (max-width: 1010px) {
  .show-mobile {display: block !important;}
  .hide-mobile {display: none;}

}

@media all and (max-width: 970px) {
    .home-page .welcome .float-right .school-name {font-size: 54px;}
}
@media all and (max-width: 870px) {
    .home-page .welcome .float-right .school-name {font-size: 44px;}
}
@media all and (max-width: 747px) {
    .home-page .school-logo {display: none;}
    .home-page .welcome .float-right .welcome-to,
    .home-page .welcome .float-right .school-name {text-align: center;}
    .home-page .welcome .float-right .school-name {font-size: 55px;}
    .home-page .hero .background-overlay {left: -217px;}

}

@media all and (max-width: 650px) {
    .home-page .welcome { bottom: 71px;}
}

@media all and (max-width: 520px) {
    .home-page .hero .background-overlay {left: -257px;}
}
@media all and (max-width: 425px) {
    .home-page .welcome .float-right .school-name {font-size: 53px;}
    .home-page .hero .background-overlay {left: -394px;}
    .home-page .hero {height: 450px !important;}
    .home-page .background-overlay {height: 600px !important;}
    header.header.panel {background-color: inherit !important;}
}

@media all and (max-width: 960px) {
    footer .footer-column {display: block; width: 100%;}
    footer .decd {margin: 0 auto; max-width: 100%;}
    footer .footer-column:last-of-type {text-align: center; width: 100%;}
    footer .footer-column:first-of-type {margin-bottom: 40px;}
    footer .footer-column:nth-of-type(2) {margin-bottom: 10px;}
}

@media all and (max-width: 860px) {
    header .menu-item.home {display: none;}
}




@media all and (max-width: 650px) {
    header .menu-item {display: none;}
}

@media all and (max-width: 600px) {
    .sub-page .middle img {max-width: 100%; min-width: 100% !important; height: auto !important;}
}

@media all and (max-width: 510px) {
    .sub-page .main .middle {padding-left: 15px; padding-right: 15px;}

}

@media all and (max-width: 440px) {
    .sub-page .main h1:first-of-type {font-size: 40px !important;}
}


@media all and (max-width: 399px) {
    .home-page .panel .inner {padding-left: 0px; padding-right: 0px;}
}