@charset "utf-8";
/* #Reset & Basics ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {min-width:320px;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}

/* #Basic Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body, html {font-size:17px; line-height:1.6em; font-family: 'Red Hat Display', sans-serif; font-weight:400; color:#333; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; height:100%;}
a, a:visited {text-decoration:none; outline:0; -webkit-transition:.3s all ease; -moz-transition:.3s all ease;  -o-transition:.3s all ease; transition:.3s all ease;}
p a, p a:visited {line-height: inherit;}
li {line-height:1.4em;}
h1, h2, h3, h4, h5, h6 {font-family: serif; /*font-family: 'Raleway', sans-serif;*/ font-weight:500;}
strong {font-weight:700;}
em {font-style:italic;}
small {font-size:85%;}
sup {font-size:75%; vertical-align: super;}
img {vertical-align:top; max-width:100%; height:auto;}
*, *:before, *:after{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.no-touchevents a[href^="tel:"] { pointer-events: none; cursor: text; }
blockquote {background-color:#2d3a63; color:#fff; padding:15px; margin-bottom:15px;}
blockquote strong {font-style: italic; display:block;}

/* #Misc ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.clearfix:before, .clearfix:after{content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:after { clear: both;}
.clearfix {zoom: 1;}
.ie7 .clearfix {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clear {clear: both;}
.container {position: relative; min-height:100%; overflow:hidden;}
.text-center {text-align:center;}
.wraper {margin: 0 auto; position:relative; padding: 0; width:94%; max-width:1200px;}
.smallwrap {margin:0 auto; max-width:900px;}
.bigfont {font-size:1.15em; line-height: 1.6em; letter-spacing: 1px; font-weight: 500;}

.col {float:left; position: relative; margin-left:4%;}
.col12 {width:48%;}
.col23 {width:65.333%;}
.col13 {width:30.666%;}
.col40 {width:40%;}
.col60 {width:60%;}
.col:first-child {margin-left:0;}

.row{display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap:wrap;}
.nowrap{-webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap:nowrap;}
.row-reverse{-webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction:row-reverse;}
.vcenter{align-self:center;}
.hcenter {justify-content: center;}
.itemcenter{align-items:center;}
.justify{-webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between;}

.space-wrap{position:relative; padding-bottom:50px; padding-top:50px;}
.space-top{position:relative; padding-top:50px;}
.space-bottom{position:relative; padding-bottom:50px;}

.leftimg{float:left; margin:10px 40px 20px 0; max-width:45%; background:#fff; position:relative; z-index:3;}
.rightimg{float:right; margin:0 0 20px 40px; max-width:45%; background:#fff; position:relative; z-index:3;}
.leftimg img {-webkit-box-shadow: 4px 4px 8px 0px rgba(51, 51, 51, 0.15); -moz-box-shadow: 4px 4px 8px 0px rgba(51, 51, 51, 0.15); box-shadow: 4px 4px 8px 0px rgba(51, 51, 51, 0.15); padding: 0 10px 10px 0;}
.rightimg img {-webkit-box-shadow:-4px 4px 8px 0px rgba(51, 51, 51, 0.15); -moz-box-shadow:-4px 4px 8px 0px rgba(51, 51, 51, 0.15); box-shadow:-4px 4px 8px 0px rgba(51, 51, 51, 0.15); padding: 0 0 10px 10px;}

/* #header ~~~~~~~~~~~~~~~~~~~~~~~~ */
.header {position: relative; width: 100%; z-index: 5; background-color:#fff; -webkit-transition:0.3s all;-moz-transition:0.3s all; transition:0.3s all ease; -webkit-box-shadow: 0 1px 4px 2px rgba(0,0,0,.1); box-shadow: 0 1px 4px 2px rgba(0,0,0,.1); padding-top:44px;}
.header:before { background:#2f3b62; content: ''; position:absolute; width:100%; height:44px; top:0; z-index:1;}
.logo {font-size: 1em; color: #2e3a63; position: relative; letter-spacing:0.03em;}
.logo img { width:60px; margin-right:15px; background:#fff;}
.logo strong {display: block; font-size:3.1em; line-height: 1em; letter-spacing: 0; font-family: serif; }

.editor .social a, .social a {margin:0 10px;  position:relative; z-index:1; display:flex;}
.editor .social i, .social i {font-size:10px; line-height:1em; margin-right:7px; color:#2e3b63;}
.header-icon.social { position:absolute; right:0; top: -36px;}
.header-icon.social a { margin: 0 0 0 5px; background: #2e3b63; display: inline-block; padding: 4px; line-height: 20px; border: 1px solid #2e3b63;}
.header-icon.social i { color: #fff; text-align: center; margin: 0 auto; font-size:9px; display: inline-block;}
.header-icon.social a:hover {background: #fff;}
.header-icon.social a:hover i {color:#2e3b63;}

.banner {width:100%; position:relative;}
.banner img{width:100%;}
.topspace .banner, .topspace .pagetitle {margin-top:100px;}
.homebanner .owl-item a {cursor:pointer;}
#myVideo { object-fit: cover; width: 100vw; height: calc(100vh - 250px); position: relative; display: block;}
.videobox {width:100%; height:100%; position:relative;}

.banner-links {position: absolute; right:0;}
.bnr-btn { text-align: center; width: 300px; position: relative; margin-top: 7px; z-index: 4;}
.bnr-btn a:after { content: ""; position: absolute; top: 0; right: -100vw; bottom: 0; background: linear-gradient(to right,#355e3b,#58bd67); z-index: -1; left: 0; -moz-transform: skewX(-35deg); -webkit-transform: skewX(-35deg); -o-transform: skewX(-35deg); -ms-transform: skewX(-35deg); transform: skewX(-35deg); }
.bnr-btn:hover a:after, .distance_learn:hover a:after {background: #fff;}
.bnr-btn a, .distance_learn a { padding: 10px 10px; display: inline-block; color:#fff; font-weight:700; }
.bnr-btn:hover a, .distance_learn:hover a {color: #2f3b62;}
.bnr-btn.tour{width: 300px;}

.distance_learn { text-align:center; width:430px; position:absolute; top:7px; z-index:4;}
.distance_learn a:after { content: ""; position: absolute; top: 0; left: -100vw; bottom: 0; background: linear-gradient(to right,#58bd67,#355e3b); z-index: -1; right: 0; -moz-transform: skewX(-35deg); -webkit-transform: skewX(-35deg); -o-transform: skewX(-35deg); -ms-transform: skewX(-35deg); transform: skewX(-35deg);}

.fixed .header { position:fixed; animation:slide-down 0.7s; border-bottom: 3px solid rgba(46, 58, 99, 0.24);}
.fixed .logo { margin-bottom: 0;}
.fixed .logo img {width:50px;}
/*.fixed .menu.topmenu, .fixed .header-icon.social {top:5px;} */
.fixed .menu.topmenu { top: -56px;}

.editor .pgtitle h1, .editor .pgtitle h2 {font-size: 1.4em; position: relative; line-height: 1.2em; color: #333; display: inline-block; z-index: 3; margin-bottom: 0; font-weight:700; }
.editor .pgtitle h1 span, .editor .pgtitle h2 span{line-height: 1.8em; display: inline-block; color: #2e3a63;}
.editor .pgtitle h1 strong, .editor .pgtitle h2 strong {display: block; font-size: 1.7em; text-transform: uppercase; line-height: 1.2em;}
.editor .pgtitle h2 strong {font-size:1.1em;}
.editor .pgtitle h2 {margin-top:0;}

.principal.leftimg {width:30%;}
.mission { position: relative; padding-top: 60px; padding-bottom: 60px;}
.mission .wraper .pgtitle {width:270px;}
.mission .wraper .text-area {width:calc(100% - 290px); margin:0 auto; }
.logos span {width:90px; height: 90px; margin: 10px; }

.testmonials-wrap {position:relative;}
.testmonials-wrap:after {position: absolute; right: 0px; top: 10px; opacity: 0.05; z-index: -1; content: "\f12e"; font-family: beehivelyicons; font-size:7em; line-height: 1; color: #303b62; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.testmonials {margin-top:12px;}
.testmonials .owl-dots { text-align:right; position: absolute; left:0; right:0; bottom:-70px }
.testmonials .owl-dots .owl-dot { width: 12px; height: 12px; border-radius: 50%; background-color:#d0d0d0; display: inline-block; margin: 0 4px }
.testmonials .owl-dots .owl-dot.active { width:12px; background-color:#586a92; }

.sles-wrap .row > article, .sles-wrap .row > a {width:25%; position: relative; padding:30px; color: #fff; background: #2e3a63; font-size: 1.1em; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.sles-wrap .row > article:nth-child(2), .sles-wrap .row > a:nth-child(2){background:#2a365f;}
.sles-wrap .row > article:nth-child(3), .sles-wrap .row > a:nth-child(3){background:#27335d;}
.sles-wrap .row > article:nth-child(4), .sles-wrap .row > a:nth-child(4){background:#253056;}
.sles-wrap .row > article:hover, .sles-wrap .row > a:hover{color:#fff; -webkit-transform: scale(1.09,1.06); -moz-transform: scale(1.09,1.06); -ms-transform: scale(1.09,1.06); -o-transform: scale(1.09,1.06); z-index: 2; -khtml-box-shadow: 12.9px 15.3px 18px 0 rgba(0,0,0,.08); box-shadow: 12.9px 15.3px 18px 0 rgba(0,0,0,.08);}
.sles-wrap .row > article strong, .sles-wrap .row > a strong { display: block; font-size: 1.2em;}
.sles-wrap .row > article .icon, .sles-wrap .row > a .icon { display: inline-block; width: 100%; margin: 0 auto; text-align: right;}
.sles-wrap svg {fill:#fff; width:160px; height:160px; opacity: .2;}
/*.sles-wrap.editor article .btn a { color:#fff; padding:0; }*/
.sles-wrap .pgtitle h1 {color: #fff; margin-bottom:0; }
.sles-wrap .pgtitle h1 span {color:#fff; text-align: left;}

.ft-icons {/*border-top:7px solid #2e3a63;*/ padding: 30px 0;}
.ft-icons .row > a { width:20%; text-align:center; font-weight:700; position:relative;}
.ft-icons .row > a svg { fill: #333; width: 80px; height: 80px; display: block; margin: 0 auto; padding: 10px;}
.ft-icons .row > a:after { position:absolute; content:''; width:1px; background:#e3e5e8; top:0; right:0; bottom:0;}
.ft-icons .row > a:last-child:after{display:none;}
.ft-icons .row > a:hover {color:#2e3a63;}
.ft-icons .row > a:hover svg {fill:#2e3a63;}

.bottomspace {height:234px;}
.footer {position:absolute; width: 100%; bottom: 0; color:#fff; }
.footer .row > div { padding-right:15px; margin-right:15px; position:relative;}
.footer .row > div:after {position: absolute; content: ''; width: 1px; height: 60%; background: #fff; top: 5px; right: 0; bottom: 0;}
.footer .row > div:last-child { padding-right: 0; margin-right: 0;}
.footer .row > div:last-child:after { display:none;}
.copyright {background-color:#2e3a63; padding:15px 0;}
.editor .copyright a {color:#fff;}

/* Inner page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.pagetitle { background-color: #2e3a63; padding:40px 0 40px 0; position:relative; z-index: 2; text-align:center;}
.pagetitle.editor h1 {margin:0; font-size:2em; color: #fff; }
.content-body {padding:30px 0; background-color:#fff; min-height:400px;}
.content {width:calc(100% - 320px); position: relative;}
.sidebar {width:280px;}
.top-banner {padding-bottom:30px;}
.top-banner img {width:100%;}

/***Side Menu***/
.sidemenu {background-color: #f3f6ff;}
.editor .sidemenu ul{margin:0px;}
.editor .sidemenu li {padding:0; margin:0; background:none; position:relative;}
.editor .sidemenu > ul > li, .editor .sidemenu > ul > li.active > a:before {display:none;}
.editor .sidemenu > ul > li.active, .editor .formmenu > ul > li {display:block;}
.editor .sidemenu > ul > li > ul > li {border-top: 1px solid #fff;}
.editor .sidemenu li a {color:#333; line-height:22px; padding:7px 10px 7px 20px; display:block; position:relative; font-size:.9em;}
.editor .sidemenu > ul > li.active > a {font-size: 22px;font-weight: 500;background-color: #2e3b63;color: #fff;padding: 10px 20px;}
.editor .sidemenu > ul > li > ul > li > ul{margin-left:20px;}
.editor .sidemenu li a:hover, .editor .sidemenu li.active > a{background-color: #e3e8f9;color: #2e3a63;}
.editor .sidemenu > ul > li > ul > li > a:before{content:''; top:0; left:0; width:5px; bottom:0; position: absolute; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; transition: 0.4s all;}
.editor .sidemenu li a:hover:before, .editor .sidemenu li.active > a:before{background-color: #2e3b63;}

.calevent-wrap.editor .pgtitle h1 {font-size: 1em; margin-bottom:20px;}
.calevent-wrap.editor .btn a {display: inline-block;}
.announcements .sywraper .sytitle {font-weight: 700; color: #2e3a63; font-size: 1.1em; margin-bottom: 7px;}

.events { height:230px; overflow-y: scroll; }
.events > div { padding:10px 0; border-bottom: 1px solid #e3e5e8; /*margin-bottom:15px; width:100%;*/}
.events .eventdate { width: 110px; /*text-transform: uppercase;*/ line-height: 1em; font-weight: 700; color: #fff; background-color: #2f3b61; padding: 10px 5px; position: relative; text-align: center;}
.events .eventtitle {width:calc(100% - 120px); line-height: 1.3em; }
.editor .eventtitle p { padding-left:15px; position: relative; margin-bottom:7px;}
.editor .eventtitle p:last-child {margin-bottom:0;}
.eventtitle a:before { content: "\f115"; font-family: beehivelyicons; font-size: 12px; font-style: normal; line-height: 1em; position: absolute; left: 0; top: 5px;}
.events::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; border-radius: 10px;}
.events::-webkit-scrollbar { width: 10px; background-color: #F5F5F5; }
.events::-webkit-scrollbar-thumb { border-radius: 10px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(122,153,217)), color-stop(0.72, rgb(73,125,189)), color-stop(0.86, rgb(28,58,148)));}

.sles-inner > article { width:32.33%; padding:0 30px;}
.sles-inner > article svg {display:block; width:80px; height:80px; margin:30px auto; fill:#2d3a63;}
.sles-inner > article:nth-child(2) { border-left:1px solid rgba(47, 59, 98, 0.5); border-right:1px solid rgba(47, 59, 98, 0.5); }

.atglance > article { width:30.33%; font-size:1.2em; padding-bottom:30px;}
.atglance > article strong {display:block; font-size:.8em;}
.editor .atglance > article h3 {font-size:1.7em; margin-left:20px; line-height: 1; }
.atglance > article > div {display:flex; justify-content:center; align-items:center; margin-bottom:10px; }
.atglance > article i { font-size: 1.2em; color:#2d3a63;}

.school-list {padding-top:10px;}
.school-list > article { width:20%; padding-bottom:15px;}
.school-list img {width:100px; display: block; margin:auto auto 10px auto;}
.school-list svg {width:100px;height:100px;}

.alumni svg { display:block; width:80px; height:80px; margin:0 auto; fill:#2d3a63; }
.editor .alumni h4 {margin-top:0; color:#2d3a63;}

.nsnetwork { text-align:center; max-width:300px; margin:0 0 0 auto; border:1px solid #e3e8f9; padding:20px;}
.editor .nsnetwork h4 {margin-top:0;}

.curriculum > article { background-color: #f3f6ff; padding: 15px; width: 32.33%; margin-bottom:15px;}
.curriculum > article img { border: 1px solid #2e3b63; padding: 8px;}

.store svg {display:block; fill:#2d3a63; margin:0 auto;}

.editor .accordion > h4 { border-top: 2px solid #eee; cursor: pointer; padding: 10px 10px 10px 25px; margin: 0; position: relative; outline: none; color: #2d3a63;}
.editor .accordion > h4:hover, .editor .accordion > h4.ui-accordion-header-active {color:#2d3a63;}
.ui-accordion-header-icon {position: absolute; width: 10px; height: 14px; left: 0; top: 0; bottom: 0; margin: auto 0;}
.ui-accordion-header-icon:before {content:''; position:absolute; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 10px; border-color: transparent transparent transparent #2d3a63;}
.editor .accordion > h4.ui-accordion-header-active .ui-accordion-header-icon:before {border-width:10px 7px 0 7px; border-color:#2d3a63 transparent transparent transparent;}
.accordion .ui-accordion-content {padding: 0 0 10px 25px; line-height: 1.3em; overflow:hidden;}

.bluebg {background-color:#f3f6ff; padding:5px 20px; border-left:5px solid #2e3b63; margin:30px 0; line-height: 1.7em;}
.purplebox { background-color: #f3f6ff; padding: 5px 15px; margin-bottom: 20px;}
.acc-logo img {width:250px;}
.acc-logo img:last-child { width:80px; margin-left:20px;}

.openhouse .content { width:100%;}
.openhouse .dtBoxes {padding-top:20px;}
.openhouse .dtBoxes .col13 strong {display: block; padding: 10px 0; color: #2f3b61; font-size: 1.2em;}
.openhouse .dtBoxes .col13 {box-shadow:0 3px 20px 0px rgba(0, 0, 0, 0.12); padding:10px; }
.openhouse .joinus{font-family: 'Satisfy', cursive; font-size:2em; padding-top:30px;}

.editor h1{font-size:2.2em; line-height:1.2em; margin-bottom:20px; color: #2e3a63;}
.editor h2 {font-size:1.4em; margin:15px 0;}
.editor h3 {font-size:1.4em; margin:15px 0; color: #2e3a63;}
.editor h4 {font-size:1.2em; margin:15px 0;}
.editor h5 {font-size:1.2em; margin:15px 0 10px;}
.editor h6 {font-size:1em; margin:15px 0;}
.editor ul {margin:20px 0 20px 5px;}
.editor ul li {background:url(//dwscbcy9jc8hm.cloudfront.net/sites/118/comfy/cms/files/18902/files/original/right.svg) 0 7px no-repeat; padding:0 0 0 17px; margin-bottom:8px; display:block; background-size:6px;}
.editor ol {margin:20px 0 20px 10px;}
.editor ol li {padding:0px 0 6px 0px; list-style-type: decimal; margin-left:15px;}
.editor table {margin:10px 0 10px 0; font-size:.9em; color:#333; background:#fff;}
.editor table th {padding: 5px; text-align: left; font-size: 1em; background-color: #2e3a63; border: 1px solid #596aa5; color: #ffffff; font-weight:700;}
.editor table td {padding:5px; text-align:left; border:1px solid #cbd0f5;}
.editor table tr:nth-child(2n+1) td {background-color:#fafaff;}
.editor table.no-border {border:none;}
.editor a {color:#2e3a63; text-decoration:none; font-weight: 500;}
/*.editor a:hover {color:#096520;}*/
.editor p {margin:0px 0 15px 0;}
.editor hr{clear:both; font-size:1px; line-height:1px; height:1px; margin:30px 0; border:0px; border-top:2px solid #2e3a63;}
.fulltable{width:100%;}
.twocolumn { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2 }
.threecolumn { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3 }

.editor .btn a, .btn a{line-height:26px; font-size:16px; font-weight:600; position:relative; color:#2e3a63; margin-top: 15px; padding:4px 20px; border:1px solid #2e3a63;  -webkit-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s;}
.editor .btn a:hover, .btn a:hover{background:#2e3a63; color:#fff; border-color:#2e3a63;}

.varts > section { padding: 10px 20px;}
.varts > section:nth-child(odd) {background: #f3f6ff;}
.editor .varts h3 { border-bottom: 1px solid #2f3b62; padding-bottom: 10px; margin-bottom: 0; text-transform: uppercase;}
.editor .varts h4 { color: #2f3b62; border-left: 5px solid; padding-left: 10px; position: relative; z-index: 1;}

/* Navigation */
.menu.topmenu {position:absolute; padding-bottom:0; top:-56px; right:70px; z-index:3;}
.menu.topmenu > li {padding: 0 0 0 10px;}
.menu.topmenu > li > a {color: #fff; padding: 2px 7px; background: #2e3a63; font-size: 1em; border: 1px solid #2e3a63; line-height: 24px;}
.menu.topmenu > li:hover > a, .menu.topmenu > li.active > a {background:#fff; color:#2e3a63;}
.menu.topmenu li ul li a{ color:#444;}
.menu.topmenu > li:hover > a:after {display:none;}

.nav { position:relative; display: -ms-flexbox; display: -webkit-flex; display:flex; flex-direction:column-reverse;}
.menu { font-weight: 500; margin:0 0 0 auto;}
.menu > li{ position:relative; padding:0 7px;}
.menu, .menu > li, .topmenu {display: -ms-flexbox; display: -webkit-flex; display: flex;}
.menu li a{color:#2e3a63; margin:0; display:block; }
.menu > li > a {line-height:40px; position:relative; font-weight:500; font-size:1.1em;}
.menu > li > a:after {content: ""; position: absolute; width:100%; height:0; left:0; right:0; background-color:#2e3a63; bottom:0; margin:auto; z-index: -1; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out;}
.menu > li:hover > a:after, .menu > li.active > a:after{height:3px;}

.menu ul {width:200px; padding:0; border-top: 4px solid #2e3a63; position:absolute; left:10px; top:92%; background-color:#f9f9f9; visibility: hidden; opacity: 0; z-index: -1; -webkit-transition: visibility 0s linear .25s; -moz-transition: visibility 0s linear .25s; -ms-transition: visibility 0s linear .25s; transition: visibility 0s linear .25s; -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 10px 20px rgba(0, 0, 0, 0.15); box-shadow:0px 10px 20px rgba(0, 0, 0, 0.15);}

.menu > li:hover > ul{visibility: visible; opacity: 1; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; transition: opacity .5s; animation: pull-up .3s; z-index: 90;}
.menu > li li:hover > ul{left:100%; top:0; width:180px; visibility: visible; opacity: 1; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; transition: opacity .5s; animation: pull-up .3s; z-index:90; }
.menu > li:nth-last-child(-n+2) > ul {left:inherit; right:0;}
.menu > li:nth-last-child(-n+2) > ul li:hover > ul {left:inherit; right:100%;}
.menu > li.active > a, .menu > li:hover > a{color:#2e3a63;}

.menu li ul li {width:100%; position:relative; border-bottom: 1px solid #eee;}
.menu ul li:last-child{border-bottom:none;}
.home .menu li ul li a, .menu li ul li a {padding:7px 7px 7px 15px; font-size: .9em; color: #333; line-height: 1.4em;}
.menu li:hover li > a:hover, .menu li:hover li:hover > a, .menu li.active li.active > a, 
.menu ul li:hover li:hover > a:hover, .menu li.active li.active li.active > a{background-color: #e3e8f9; color: #2e3a63;}


/* Mobile */
#menu-trigger {display:none; position: absolute; z-index: 11; width: 44px; height: 34px; margin: auto; cursor: pointer; right:64px; top: 0; bottom: 0;}
#menu-trigger span, #menu-trigger span:before, #menu-trigger span:after {position:absolute; width:26px; left:0; right:0; height:3px; background-color:#2e3a63; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
#menu-trigger span { top:50%; margin:-1px auto auto; display: block; font-size: 0px;}
#menu-trigger span:after {top:7px; content: '';}
#menu-trigger span:before {top:-7px; content: '';}
.mobimenu #menu-trigger span {background-color: transparent;}
.mobimenu #menu-trigger span:before{-webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); top:0; left:0;}
.mobimenu #menu-trigger span:after { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); top:0; left:0;}

@media only screen and (max-width:1150px) {
  .logo img {width: 50px; margin-right:7px;}
  .logo {font-size: 0.8em;}
  .menu.topmenu {top: -54px;}
}
@media only screen and (max-width:1100px) {
  .menu > li > a {font-size: 1em;}
  .editor .pgtitle h1 { font-size: 1.2em;}
  .sles-inner > article { padding:0 10px;}
  .sles-wrap svg { width:130px; height:130px;}
}

@media only screen and (max-width:1023px) {
  .bigfont { font-size: 1.1em;}
  .space-wrap {padding-bottom:24px; padding-top:24px;}
  .space-top{padding-top:24px;}
  .space-bottom{padding-bottom:24px;}
  .header{padding-top: 0;}
  .header:before{display:none;}
  .header-icon.social {top:inherit;}
  .fixed .header-icon.social, .fixed .menu.topmenu { top:inherit;}

  .sles-wrap .row > article, .sles-wrap .row > a {width:50%;}
  .sles-inner > article { width: 100%; padding: 0;}
  .sles-inner > article:nth-child(2) {border-left:none; border-right:none; border-top:1px solid rgba(47, 59, 98, 0.5); border-bottom: 1px solid rgba(47, 59, 98, 0.5); }
  .curriculum > article {width: calc(50% - 7px);}
  
  .ft-icons .row > a {font-size:.9em;}

  .bottomspace {display:none;}
  .footer{position: relative;}

  .toplinks {top:30px;}
  .principal.leftimg { width: auto; margin:10px 20px 10px 0;}
  .atglance > article { width:28%; font-size: 1em;}
  .school-list > article { width: 33.33%; }
  .nav, .mobimenu .nav, .menu > li:hover > ul, .menu > li > a:after, .menu ul, .menu > li li > ul, .menu > li li:hover > ul, .bottomspace { display:none; }
  #menu-trigger, .mobimenu .nav {display:block;}

  .nav {position:absolute; top:100%; right:0px; z-index:5; background-color:#fff; -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15); box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);}
  .menu.topmenu {position: relative; top:inherit; right:0;}
  .menu.topmenu > li > a, .menu.topmenu > li > a { color: #444; border: transparent; background: transparent; font-weight: 500; padding: 7px;}
  .menu.topmenu > li:last-child { border-bottom: none;}
  .menu { width: 280px; display: block; margin-top:0; background-color: transparent;}
  .menu ul, .menu > li li:hover > ul{width: inherit; /*padding-right:40px;*/ padding-right:0; position:relative; left:inherit; top:inherit;  opacity:1;  -webkit-box-shadow:none;  -moz-box-shadow:none;  box-shadow:none; border:none; padding-left: 15px; background-color: transparent; font-size:13px; visibility:visible; z-index:1;}
  .menu > li{display:block; border-bottom:1px solid #e9e9e9; padding:0;}
  .menu li ul li {padding:0; border-bottom: 0;}
  .menu li ul li a { color: #555; border-bottom:none; padding:5px 0px 5px 10px; font-size:1em;}
  .menu > li:nth-last-child(-n+2) > ul li:hover > ul {left:inherit; right:inherit;}
  .menu ul > li.open > a{background-color:#f4f4f4;}
  .menu li a {position:relative;display:block;line-height:20px; margin-right:40px; padding:10px 10px 10px 20px; color:#444;}
  .menu li .arrow {position: absolute; top:0; right:-40px; width:40px; height:100%; background-color:#eee; cursor:pointer;}
  .menu li .arrow:after, .menu li .arrow:before {left:50%; top:50%; content: " "; height:2px; width:12px; position: absolute; background-color:#666; pointer-events: none; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; transition: 0.3s all;}
  .menu li .arrow:after {width:2px; height:12px; margin-top:-5px;}
  .menu li .arrow:before {margin-left:-5px;}
  .menu > li.open > a >.arrow:after, .menu > li.open li.open > a >.arrow:after { display:none; }
}

@media only screen and (max-width:767px) {
  body, html {font-size:15px;}
  .col12, .col23, .col13, .col40, .col60 {width:100%;}
  .col12 + .col12, .col13 + .col13{margin-top:15px;}
  .editor .rightimg, .editor .leftimg {float:none; margin-left:0; margin-right:0; max-width: 100%;}
  
  .content-body {min-height:auto; padding:20px 0;}
  .content, .sidebar {width:100%;}
  .top-banner {padding-bottom:15px;}
  .sidebar {margin-top:10px;}
  
  .leftimg, .rightimg{float:none; margin:10px 0; text-align: center; max-width: unset;}
  .leftimg img, .rightimg img, .rightimg iframe{-webkit-box-shadow:0px 0px 8px 0px rgba(51, 51, 51, 0.15); -moz-box-shadow:0px 0px 8px 0px rgba(51, 51, 51, 0.15); box-shadow:0px 0px 8px 0px rgba(51, 51, 51, 0.15); padding:10px;}

  .logo {margin-bottom:inherit;}
  .logo img {margin-right:5px;}
  .fixed .header { position: relative; border: 0; animation: none;}
  .topspace .banner, .topspace .pagetitle { margin-top: 0;}

  .banner-links { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
  .bnr-btn a:after, .distance_learn a:after { display:none; }
  .bnr-btn.tour {width: 50%;}
  .bnr-btn { width: 50%; margin-top:0; display: inline-block; background: #355e3b;}
  .distance_learn { position: relative; width: 100%; top: 0; background: #355e3b; border-bottom:1px solid #fff;}
  .bnr-btn:hover {background:#fff;}
  .bnr-btn:last-child {border-left:1px solid #fff;}
  
  .welcome .col12:last-child, .ft-icons .row > a:nth-child(3):after, .sidemenu{ display: none;}
  .editor .pgtitle, .mission .wraper .pgtitle, .mission .wraper .text-area { width: 100%;}
  .mission {padding-top:20px; padding-bottom:20px; }
  .atglance > article { width:48%; padding-bottom:10px;}

  .curriculum > article, .sles-wrap .row > article, .sles-wrap .row > a { width: 100%;}
  .sles-wrap .pgtitle h1 { display:block; width:100%; margin-bottom:10px; }
  .sles-wrap svg { width: 100px; height: 100px;}
  .nsnetwork {margin: 0 auto;}

  .pagetitle {padding:20px 0;}
  .pagetitle.editor h1 {text-align:center; font-size: 1.5em; font-weight: 700;}
  .ft-icons .row > a { font-size:0.9em; width:50%;}
  .ft-icons .row > a:after {display:none;}
  
}

@media only screen and (max-width:479px) {
  .header .wraper.row {-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
  .header-icon.social { position: relative; width:100%;}
  #menu-trigger {position: relative; margin: 0 auto 0 0; top: inherit; bottom: inherit; right: inherit;}
  .mobimenu .nav {right:inherit; left:0;}
  .logo {justify-content: center;}
  .logo img {width: 50px;}
  .fixed .header-icon.social { top: 0;}
  .editor table td {word-break: break-all;}
  .school-list img {width:70px;}
}
.fancy-event { padding:20px; max-width: 400px; width: 100%;}
.fancy-event h4 {color:#051b53; font-weight:700; margin-bottom:10px;}

#loading { display:none; position:absolute; top:10px; right:10px; }
.fullcal {margin-top:20px;}
.fullcal h2 {font-size:1.4em; line-height: 1.2em; color: #051b53;}
.fullcal table th {font-weight:700; padding:5px; background-color:#051b53; color:#ffffff;}
.fullcal .fc-list-table td {padding-top: 4px; padding-bottom: 4px;}
.fullcal a { cursor:pointer; /*color: #ad191f;*/ padding:2px; text-decoration:none;}
.fullcal a:hover {text-decoration: underline;}
.fullcal .fc-event {border-color:transparent; background-color: #2e3a63; font-weight:500;}
.fullcal .fc-today .fc-day-number { background-color: transparent; border-radius: 3px; font-weight: 700; padding: 5px; color: #2e3a63; border: 2px solid #2e3a63;}
.fullcal.fc-unthemed .fc-today { background: #ecf0ff;}
.fullcal .fc-list-heading td { background-color: #ebedfd; font-weight: normal;}
.fc-toolbar button {text-transform: capitalize;}
.fullcal .fc-list-heading td{background-color:#ecedfb;}
.fc-day-grid-event .fc-content{white-space: normal;}
.fullcal .sydescription{max-width:600px;}
.fullcal.fc-unthemed .fc-list-heading td { background-color: #051b53; }
.fullcal .fc-day-header a, .fullcal.fc-unthemed .fc-list-heading td a {color: #fff;}
.fullcal .fc-state-default { background-color: transparent; background-image: none; border-color: #051b53; color: #051b53; text-shadow: none; box-shadow: none; outline: none; padding: 0 7px; font-size: 0.75em;}
.fullcal .fc-state-active, .fullcal .fc-state-down {background-color: #051b53; color: #fff;}
.fullcal .fc-state-disabled { cursor: default; opacity: .5;}
.fullcal .fc-toolbar { margin-bottom:0px;}
.fullcal .fc-day-number { line-height: 1em; font-size: .9em; color: #051b53;}
.fullcal .fc-left, .fullcal .fc-right { padding-bottom: 10px; }
.fullcal .fc-basic-view .fc-body .fc-row { min-height:3em;}

@keyframes slide-down {
  0% { opacity: 0; transform: translateY(-100%); } 
  100% { opacity: 0.9; transform: translateY(0); } 
}

/*
.home1 .header { padding-top:44px; }
.home1 .header:before { background:#2f3b62; content: ''; position:absolute; width:100%; height:44px; top:0; z-index:1;}
.home1 .fixed .menu.topmenu { top: -56px;}
.home1 .header .justify {align-items: center;}
.home1 .header-icon.social {top: -36px;}
.home1 .menu.topmenu {top: -70px;}
.home1 .menu.topmenu > li:hover > a, .home1 .menu.topmenu > li.active > a {background: #fff;}
*/