@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:20px; line-height:1.6em; font-family: 'Dosis', 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;}
p a, p a:visited {line-height: inherit;}
li {line-height:1.4em;}
h1, h2, h3, h4, h5, h6 {font-weight:500;}
strong {font-weight:500;}
em {font-style:italic;}
small {font-size:85%;}
sup{font-size:75%; vertical-align: super;}
img{vertical-align:top;}
*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.no-touchevents a[href^="tel:"] {pointer-events: none; cursor: text; }

/* #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;}
.space10{height:10px; font-size:1px; line-height:1px;clear: both;}
.space30{height:30px; font-size:1px; line-height:1px;clear: both;}
.table {display: table;}
.table-cell{display: table-cell;vertical-align: middle;}

.container {position: relative; min-height:100%; overflow:hidden;}
.layout-center {text-align:center;}
.imageitem img {max-width:100%; height:auto;}
.wraper{margin: 0 auto; position:relative; padding: 0; width:94%; max-width:1200px;}
.content {padding:40px 10px 30px; position:relative;}

.col{float:left; position: relative; margin-left:4%;}
.col:first-child{margin-left:0;}
.col12{width:48%;}
.col23{width:65.333%;}
.col13{width:30.666%;}
.col-4{width:25%;}
.col-5{width:20%;}
.col-6{width:50%;}

.leftimg{float:left; margin:0 40px 20px 0;}
.rightimg{float:right; margin:0 0 20px 40px;}
.rightimg img, .leftimg img{background-color:#e9e8f7; padding:15px; border-radius:3px;}

.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;}
.row-reverse{-webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction:row-reverse;}
.vcenter{align-self:center;}
.itemcenter{align-items:center;}
.justify {-webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between;}
.nowrap {-webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.pad30 {padding: 30px;}

.twocolumn li{float:left; width:48%; margin-right:4%;}
.threecolumn li{float:left; width:31%; margin-right:4%;}
.twocolumn li:nth-child(2n), .threecolumn li:nth-child(3n){margin-right:0;}
.twocolumn li:nth-child(2n+1), .threecolumn li:nth-child(3n+1){clear:left;}

/* ~~~~~~~~~~~~~ #header ~~~~~~~~~~~~ */
.scroll-news { position: relative; background-color:#711e1b; padding:5px 0; color: #fff; font-weight: 600;}
marquee > div {display:inline-block; border-right:2px solid #fff; padding:0 20px; line-height:1em;}
marquee > div div {display:inline-block;}
marquee > div .date {margin-right:10px;}
marquee > div a {color:#fff;}
marquee > div:last-child {border-right:0;}

.topright {width:160px;}
.topright ul.social {float:right;}
.topright ul > li.topicons {float:left; margin-left:10px;}
.topright ul > li.topicons > a svg {width:20px; height:20px; fill:#fff; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.topright ul > li.topicons > a:hover svg {fill:#f7c23a;}
.topright ul > li a { line-height: 26px; display: inline-block; vertical-align:middle; margin:0 4px;}
.topright .login a:last-child{margin-right:0;}
.topright ul > li.login a img {display: inline-block; vertical-align: middle;}
.topright ul > li.login a span { display: inline-block; font-family: arial; font-size: 12px; border-radius: 3px; background-color: #f7c23a; line-height: 26px; padding: 0 5px; color: #711e1b; font-weight: bold; margin-left: 4px; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -ms-transition: 0.3s all ease; transition: 0.3s all ease;}
.topicons.login a:hover span { background-color: #fff;}

.nav-wrap {padding:5px 0; background-color:#82211e; position:relative;}
.nav-wrap .logo {float:left; padding-right:15px;}
.nav-wrap .navi {float:right;}
.nav-wrap .logo a, .nav-wrap .logo span{display: inline-block; vertical-align: middle;}
.nav-wrap .logo span:first-child{margin-right:6px;}
.nav-wrap .logo .logo-text { position: relative; z-index:1; font-size:2em; color:#fff; line-height:40px; font-family:'Playball', cursive;}

.banner {width:100%; position:relative;}
.banner img { width:100%; height: auto; display: block;}
.top-banner {padding-top:30px;}
.banner .owl-carousel .item{ max-height: 700px; position: relative; overflow: hidden;}
.homesles { position: absolute; font-family: 'Playball', cursive; right: 0; bottom:60px; left: 0; z-index: 3; color: #fff; font-size:3em; line-height: 1em; text-align: center;}
.smallsize {display:none;}

.overlay{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(194, 212, 50, .1); z-index: 2; -webkit-box-shadow: inset 0px -80px 120px rgba(0,0,0,.8); -moz-box-shadow: inset 0px -80px 120px rgba(0,0,0,.8); box-shadow: inset 0px -80px 120px rgba(0,0,0,.8);}

.ch-grid { margin:0 auto; padding: 0; list-style: none; display: block; text-align:center; width:100%; position: absolute; bottom:40px; left: 0; right: 0; z-index: 3; max-width:1200px;}
.ch-grid:after{content: ''; display: table;}
.ch-grid:after {clear: both;}
.ch-grid li{width:130px; height:130px; display:inline-block; margin:0  30px; position:relative;}
.ch-info{ position: absolute; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }

.ch-info .fulltext {position: absolute; bottom:-50px; width: 100%; font-size: 1.1em; line-height:1.1em; color: #ffffff;}
.ch-info > div {display:table; position: absolute; width: 100%; height: 100%; border-radius: 50%; background-position: center center; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -o-transform-origin:50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%;}
.ch-info .ch-info-front {background-color:rgba(113, 30, 27, 0.8); color:#fff; font-size:3em; text-transform:uppercase; font-weight:700; font-family: 'Playball', cursive;}

.ch-info .ch-info-front span, .ch-info p{display:table-cell; vertical-align:middle;}
.ch-info .ch-info-back { -webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); background-color:rgba(234, 180, 42, 1); opacity: 0;}

.ch-info p { color: #711e1b; padding:0; line-height:1.25em; font-size:1em; font-weight:500;}
.ch-info:hover .ch-info-front, .ch-info:focus .ch-info-front { -webkit-transform: translate3d(0,180px,0) rotate3d(1,0,0,-90deg); -moz-transform: translate3d(0,180px,0) rotate3d(1,0,0,-90deg); -o-transform: translate3d(0,180px,0) rotate3d(1,0,0,-90deg); -ms-transform: translate3d(0,180px,0) rotate3d(1,0,0,-90deg); transform: translate3d(0,180px,0) rotate3d(1,0,0,-90deg); opacity: 0;}
.ch-info:hover .ch-info-back, .ch-info:focus .ch-info-back { -webkit-transform: rotate3d(1,0,0,0deg); -moz-transform: rotate3d(1,0,0,0deg); -o-transform: rotate3d(1,0,0,0deg); -ms-transform: rotate3d(1,0,0,0deg); transform: rotate3d(1,0,0,0deg); opacity: 1;}

/*.small-wrap {position:relative; padding-top:15px; padding-bottom:15px;}
.space-wrap {position:relative; padding-top:50px; padding-bottom:50px;}
.events_wrap {position: relative; background-color: #711e1b; color:#fff;}
.events_wrap .item {width:33.33%; padding: 34px 24px;}
.events_wrap .date {width: 80px; margin-right: 20px; text-transform: uppercase; text-align: center; font-size: 1.2em; font-weight: 500; padding:5px;}
.events_wrap .calevents > div:nth-child(2) {background-color: #f7c23a; color: #711e1b;}
.calevents { width:calc( 100% - 90px );}
.calevents > div {width: 33.33%; padding: 34px 0px 34px 50px; background-repeat: no-repeat; background-position: 15px 40px; background-image: url(//dwscbcy9jc8hm.cloudfront.net/sites/64/comfy/cms/files/10360/files/original/calendar_orange.svg); background-size:20px;}
.events_wrap .text a {font-size:1.2em; color:#fff;} */

.small-wrap {position:relative; padding-top:15px; padding-bottom:15px;}
.space-wrap {position:relative; padding-top:50px; padding-bottom:50px;}
.events_wrap {position: relative; background-color: #711e1b; color:#fff;}
.calevents > div {width: 33.33%; padding: 34px 0px 34px 50px; background-repeat: no-repeat; background-position: 15px 40px; background-image: url(//dwscbcy9jc8hm.cloudfront.net/sites/64/comfy/cms/files/10360/files/original/calendar_orange.svg); background-size:20px;}
.events_wrap .date {text-transform: uppercase; font-size: 1.2em; font-weight: 500;}
.events_wrap .eventbox {width: calc(100% - 90px);}
.events_wrap .text a {font-size:1.2em; color:#fff;}
.calevents > div:nth-child(2) {background-color: #f7c23a; color: #711e1b; background-image: url(//dwscbcy9jc8hm.cloudfront.net/sites/64/comfy/cms/files/10361/files/original/calendar_maroon.svg);}
.calevents > div:nth-child(2) .text a {color:#711e1b;}

.more-btn a {color: rgb(254, 180, 29); text-decoration: none; display: block; font-weight: 500; border: 1px solid #f7c23a; text-align: center; width:90px; padding: 4px 0;}
.more-btn a:hover{background-color:#f7c23a; color:#711e1b;}

.mission-wrap {position:relative;background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
.mission-wrap .row {width:100%; min-height:400px; padding:50px 0; background: rgba(51, 48, 40, 0.75);}
.smallwrap { margin: 0 auto; max-width: 800px; font-size: 1.2em; color: #fff;}
.mission-wrap .editor h1 {font-size: 2em; padding-bottom:20px; color: #fff;}
.mission-inn {background:#f5c957; }

.feature-wraper > div{width:25%; min-height:400px; border-bottom:1px solid #fff; border-right:1px solid #fff; position: relative; z-index:1;}
.feature-wraper.editor h2{font-size:2em; line-height:1em; color:#382625; position:absolute; z-index:3; bottom:15px; padding-left:30px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.feature-image:before{content: ""; background-color: rgba(113, 30, 27, .7); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index:2;}
.editor .feature-image h2 {color: #fff;}
.feature-image > div{left:0; right:0; top: 0; bottom: 0; content: ''; position:absolute; background-repeat:no-repeat; background-size: cover; background-position:center; z-index: 1;}
.bg-color{background-color:#efc251;}
.feature-wraper.editor > div:hover h2{bottom:45px;}

.home_video {position: relative; overflow: hidden; width: 100%;  padding-top: 56.25%;}
.responsive-iframe {position: absolute; top: 0;left: 0; bottom: 0; right: 0; width: 100%;height: 100%;}
/*
.space-wrap.statistics {padding-top:0px;}*/
.statistics > div{width:14.28%; padding:0 5px; border-right: 1px solid #e9e9e9; line-height:1.2em;}
.statistics > div:last-child { border: 0;}
.statistics strong {display:block; font-size:1.4em; padding:20px 0 15px;}
.statistics svg {display:block; width:50px; height:50px; fill:#711e1b; margin:0 auto; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.statistics > div:hover svg {fill:#efc350;}

.iframer { position: relative; height: 0; padding-top: 56.25%; }
.iframer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.bottom-space {margin-bottom:170px;}
.footer { position:relative; background-color: #f9f9f9; padding: 15px 0; line-height: 1.4em; z-index: 4; width: 100%; border-top: 1px solid #ddd;}
.footer strong {font-size: 2em; text-transform: uppercase; font-weight: 600; margin-bottom:10px; line-height: 1em; display: block;}
.footer .fAddress span{ padding:0 10px;}
.footer .fText { font-size: .9em;}
.footer .row > div span { display: block; padding:5px 0;}
.footer .copyright {font-size: .8em; border-top: 1px solid #ddd; padding-top:15px; width: 100%; margin-top:15px; line-height:22px;}
.footer .icon {width:20px; height:20px; margin-right:10px; vertical-align: middle;}
.footer .row {-webkit-justify-content:center; -ms-justify-content:center; justify-content:center;}
.footer a {color:#333;}
.footer a:hover {color:#711e1b;}

.editor h1 {font-size:1.7em; line-height:1.1em; margin-bottom:15px; color: #711e1b;}
.editor h2 {font-size:1.3em; margin:15px 0;}
.editor h3 {font-size:1.3em; color: #fff; margin:15px 0;}
.editor h4 {font-size:1.1em; margin:15px 0;}
.editor h5 {font-size:1em; margin: 25px 0 10px; letter-spacing:1px;}
.editor h6 {font-size:1em; margin:15px 0;}
.editor ul {margin:20px 0 20px 5px;}
.editor ul li {background:url(//dwscbcy9jc8hm.cloudfront.net/sites/64/comfy/cms/files/8777/files/original/dot.png) 0 11px no-repeat; padding:0 0 0 17px; margin:0 0 8px 0; display:block;}
.editor ol {margin:20px 0 20px 10px;}
.editor ul li ul, .editor ol li ol {margin:10px 0 10px 10px;}
.editor ol li {padding:0px 0 15px 0px; list-style-type: decimal; margin-left:15px;}
.editor table {margin:10px 0 10px 0; font-size:.9em; color:#333; background-color:#fff; width: 100%;}
.editor table th {padding:5px; text-align:left; font-size:1.1em; font-weight: 600; background-color:#711e1b; border: 1px solid #8e4846; color:#ffffff;}
.editor table td {padding:5px; text-align:left; border: 1px solid #e7e7e7;}
.editor table tr:nth-child(2n+1) td {background-color:#f9f9f9;}
.editor table.no-border {border:none;}
.editor a {
	color: #711e1b;
	text-decoration: none;
	
}
#inline-popup a {
    color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	padding: 10px 20px;
	border-radius: 10px;
	display: inline-block;
}
.editor a:hover {color:#da6348;}
.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:1px solid #ddd;}
.editor table.halfwidth {width:50%;}
.editor table tr.head td {background-color: #ffe599; font-weight: 600;}
.editor table caption{font-size: 1.1em; color: #711e1b; font-weight: 500;}
.editor .sgsteam h3{text-align:center; margin:0;}

.button a{border:2px solid #711e1b; border-radius:3px; padding:4px 10px; display: inline-block; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.shield-box {border: 2px solid #711e1b; padding:30px 20px; border-radius:7px; max-width: 280px; text-align:center;}
.shield-box strong {display:block; font-size:1.3em; font-weight:600;}
.button a:hover{border-color:#da6348}

.sle {padding-top:20px;}
.sle .row{margin-bottom:30px;}
.sle em{color: #711e1b; font-size: 2.7em; text-transform: uppercase; font-weight: 700; font-family: 'Playball', cursive; font-style: normal; width:60px; line-height: 1em;}
.sle strong{font-size:1.3em; display:block;}
.sle strong span{color: #711e1b; font-weight: 600;}
.editor .sle p {margin-bottom: 0; margin-bottom: 0; border-left: 1px solid #ddd; width: calc(100% - 70px); padding-left: 20px;}

/*.admissionlist {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px;}*/
.admissionlist > a{width:30.33%; margin:15px 0;}
.admissionlist a div {position: relative; overflow: hidden;}
.admissionlist a div:before { content: ""; position: absolute; height: 100%; width: 0%; background-color:rgba(234, 180, 42, 0.75); top: 0; left: 0; z-index: 3; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s;}
.admissionlist span {color: #fff; padding:6px; text-transform: uppercase; font-weight: 500; border:2px solid #fff; margin: 0px auto; text-align: center; position: absolute; top: 50%; left: 0; right: 0; width: 140px; visibility: hidden; opacity: 0; z-index: 4; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -ms-transition: all .4s ease 0s; transition: all .4s ease 0s;}
.admissionlist img { -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .8s ease 0s; -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; transition: all .8s ease 0s; }
.editor .admissionlist h2 { color: #333; padding: 20px; background-color: #f9f9f9; margin: 0; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -ms-transition: all .4s ease 0s; transition: all .4s ease 0s;}
.admissionlist a:hover div:before {width: 102%;}
.admissionlist a:hover span { visibility: visible; opacity: 1;}
.admissionlist a:hover img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.editor .admissionlist a:hover h2 { color: #eab42a;}

.stafftable th{width:33.33%;}

/* ~~~~~~~ #Navigation ~~~~~~~~ */
.menu {padding:0px; display:block; margin: 0 auto; }
.menu > li {display:block; float:left; position:relative; padding:0px 14px;}
.menu > li:first-child{padding-left:0px;}
.menu > li:last-child{padding-right:0px;}
.menu li a {color:#fff; font-size:18px; margin:0; display:block; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease;}
.menu > li > a {line-height:57px; padding:0; border-bottom:3px solid transparent; font-weight:500; text-transform: uppercase; font-size:1em;}

/* Mobile */
#menu-trigger {display:none; position:absolute; z-index:11; width:30px; height:30px; cursor:pointer; right:0; top:50%; margin-top:-15px;}
#menu-trigger span {position:absolute; top:50%; right:0; display: block; width:24px; height:3px; margin-top:-2px; background-color:#fff; font-size: 0px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
#menu-trigger span:before,
#menu-trigger span:after {position:absolute; right:0; width:30px; height: 100%; top:10px; background-color:#fff; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;}

#menu-trigger span:before{top:-10px; width:18px;}
#menu-trigger:hover span:before, #menu-trigger:hover span:after, #menu-trigger:hover span {width:30px; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}

@-webkit-keyframes pull-up { 0% { transform: translate(0, 20px); }
  100% { transform: translate(0, 0); } }
@keyframes pull-up { 0% { transform: translate(0, 20px); }
  100% { transform: translate(0, 0); } }

.menu ul {width:200px; padding:0; position:absolute; left:0px; top:100%; background-color:#fff; 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 ul.academics_sub-menu{width: 400px; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
.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:inherit; right: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:last-child > ul{left:inherit; right:0;}
.menu > li:nth-last-child(2) > ul{width:160px;}
.menu > li.active > a, .menu > li:hover > a{border-color:#ffdc85; color:#ffdc85;}
.menu > li.active > li a, .menu > li:hover > li a{color:#ffdc85;}

.menu li ul li {width:100%; padding:0px; border-bottom:1px solid #eee; position:relative;}
.menu li ul li:last-child {border-bottom:none;}
.menu li ul li a{ padding:7px 5px 7px 15px; font-size:17px; color:#444; text-align:left; 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:#f8dc86; color:#711e1b;}

@media only screen and (max-width:1140px) {
  .menu > li > a {font-size:.9em;}
  .menu > li {padding: 0px 6px;}
}

@media only screen and (max-width:1023px) {
  body, html {font-size:19px;}
  .events_wrap .item {padding:20px 10px;}
  .calevents { width:calc( 100% - 70px );}
  .more-btn a{width:70px;}
  .ch-grid li {margin:0 9px; width:120px; height:120px;}
  .feature-wraper > div{min-height:280px;}
  .feature-wraper.editor h2{font-size:1.6em; padding-left:25px;}
  .editor .admissionlist h2 {padding:10px; font-size:1em;}
  .homesles {bottom: 10px; font-size: 2.4em;}
  
  .navi, .mobimenu .navi {display:none;}
  #menu-trigger, .mobimenu .navi{display:block;}

  .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;width:30px}
  .mobimenu #menu-trigger span:after { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); top:0;}

  .navi {position:absolute; top:100%; right: 0; left: 0;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.toplinks {padding-top:0; font-size:1em; float:none;}
  .menu.toplinks > li > a { text-transform:uppercase; font-weight:500;}
  .menu{position: relative; right:inherit; bottom:inherit;}
  .menu ul{display:none; width: inherit; padding: 0 40px 0 20px; position:relative; left:inherit; top:inherit; visibility:visible; opacity:1;  -webkit-box-shadow:none;  -moz-box-shadow:none;  box-shadow:none;}
  .menu ul.academics_sub-menu{width:inherit; -moz-column-count:inherit; -webkit-column-count:inherit; column-count:inherit;}
  .menu > li{float:none; display:block; padding-right:0; padding-left:0; border-bottom:1px solid #e9e9e9; margin:0px;}
  .menu > li > a {border-bottom-width:0;}
  .menu > li:hover > ul, .menu > li:hover li:hover > ul {animation: inherit;}
  .menu > li li > ul, .menu > li li:hover > ul { left:0; right:0; width:auto; padding:0;}
  .menu > li:nth-last-child(2) > ul {width:inherit;}

  .menu ul > li.open > a{background-color:#f4f4f4;}
  .menu li a{position:relative;display:block;line-height:20px; margin-right:40px; padding:10px 0px 10px 20px; color:#222; font-weight:500;}
  .menu > li:hover > a, .menu > li.active > a, .menu li ul li:hover > a, 
  .menu li:hover li > a:hover, .menu li:hover li:hover > a, .menu ul li:hover li:hover > a:hover, 
  .menu li.active li.active li.active > a, .menu li ul li:hover ul li:hover > a, 
  .menu li.active li.active > a{color:#711e1b; background-color:transparent;}

  .menu ul li ul li a{text-transform:inherit; padding-left: 25px;}

  .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 ul li .arrow {right: -80px;}
  .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:18px;}
  .wide-container {height: calc(100vh - 123px);}
  .ch-grid {display:none;}
  .smallsize {display:block;}
  .homesles {font-size: 1.8em;}
  /*.ch-grid, .banner .overlay{display:none;}*/
  .events_wrap > .nowrap{-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom:20px;}
  .events_wrap .item {width:100%;}
  .events_wrap .date {width:60px;}
  .calevents { width:100%;}
  .more-btn {margin: 0 auto;}
  .more-btn a{width:100px;}
  .mission-wrap .editor h1 {padding-bottom:0px;}
  .parallax-window2 {height: 400px;}
  .feature-wraper > div{width:50%;}
  .feature-wraper > div:nth-of-type(3) { order: 2; }
  .feature-wraper > div:nth-of-type(4) { order: 1; }
  .feature-wraper > div:nth-of-type(5) { order: 4; }
  .feature-wraper > div:nth-of-type(6) { order: 3; }
  .feature-wraper > div:nth-of-type(7) { order: 5; }
  .feature-wraper > div:nth-of-type(8) { order: 6; }
  .statistics > div{width:25%; padding:10px 5px;}
  .statistics > div:nth-of-type(4){border-right:none;}
  .statistics > div:nth-child(-n+4){border-bottom:1px solid #e9e9e9;}

  .bottom-space {margin-bottom:0px;}
  .footer {position: relative;}

  .col{float:none; margin-left:0;}
  .col12, .col23, .col13, .col-4, .col-5, .col-6, .twocolumn li, .threecolumn li{width:100%;}
  .pad30 {padding:20px;}
  .content {padding:20px 10px;}
  .leftimg, .rightimg{float:none; margin:20px 0;}
  .shield-box {text-align: center;}
  .admissionlist > a{width:48%;}
  .lastbox {display:none;}
  .editor .admissionlist h2 {padding:15px;}

}

@media only screen and (max-width:479px) {
  body, html {font-size:17px;}
  .nav-wrap .logo span:first-child {margin-right: 5px;}
  .nav-wrap .logo .logo-text {font-size: 1.5em;}
  .feature-wraper > div{min-height:200px;}
  .feature-wraper.editor h2{padding-left:15px; bottom:5px;}
  .footer strong {margin-right: 0px;}
  .footer .wraper > .row{font-size:.9em;}
 
  .iframer { padding-top: calc(4 / 3 * 100%); }
  .editor table.halfwidth {width:100%;}
  .admissionlist > a{width:100%;}
  .sgscal {width:280px;}
  
  /* Force table to not be like tables anymore */
  .mobi table, .mobi thead, .mobi tbody, .mobi th, .mobi td, .mobi tr {display: block;}
  
  /* Hide table headers (but not display: none;, for accessibility) */
  .mobi thead tr {position: absolute; top: -99999px; left: -99999px;}
  .mobi tr {border:1px solid #ccc;}
  .editor .mobi td {border:none; position: relative; padding:5px 5px 5px 65px; word-break: break-word; min-height: 36px;}
  .editor .mobi td:before {position:absolute; top: 6px; left: 6px; width:55px; white-space: nowrap; font-weight: 600;}
  
  .stafftable td:nth-of-type(1):before { content: "Title"; }
  .stafftable td:nth-of-type(2):before { content: "Name"; }  
  .stafftable td:nth-of-type(3):before { content: "Email"; }  
}

/* ~~~~~ Full calendar ~~~~~~~~~~~*/
.fullcal{margin-bottom:30px;}
.fullcal h2 {font-size:1.7em; line-height: 1.2em; color: #82211e;}
.fullcal table th {font-weight:700; padding:5px; background:#82211e; color:#fff;}
.fullcal .fc-list-table td {padding-top: 4px; padding-bottom: 4px;}
.fullcal a { cursor:pointer; color: #333; padding:2px; text-decoration:none;}
.fullcal a:hover {text-decoration: underline; color: #82211e;}
.fullcal .fc-event {border-color:transparent; background-color:#f7d8d7; color:#333;}
.fullcal .fc-today .fc-day-number { background:#82211e; border-radius:3px; font-weight:700; padding:5px; color:#fff;}
.fullcal .fc-unthemed .fc-today { background: #e2bb42;}
.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: #82211e; }
.fullcal .fc-day-header a, .fullcal.fc-unthemed .fc-list-heading td a {color: #fff;}
.fc-basicWeek-view .fc-week, .fc-basicWeek-view .fc-scroller {height: 200px !important;}
.fullcal .fc-state-default { background-color: transparent; background-image: none; border-color: #82211e; color: #82211e; text-shadow: none; box-shadow: none; outline: none; padding: 0 7px; font-size:15px;}
.fullcal .fc-state-active, .fullcal .fc-state-down {background-color: #82211e; color: #fff;}
.fullcal .fc-state-disabled { cursor: default; opacity: .5;}
.fullcal .fc-toolbar { margin-bottom: 10px;}
.fullcal .fc-left, .fullcal .fc-right { padding-bottom:10px; padding-top:10px; }


/* ~~~~~~~~~~~~~ #banner ~~~~~~~~~~~~ */
.petLoading { height: 100%; width: 100%; display: block; position: fixed; z-index: 1040; background-color: #711e1b; left: 0; right: 0; top: 0; bottom: 0;}
.petLoading div{ color: #fff; font-size:.85em; margin:auto; width: 1em; height: 1em; border-radius: 50%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);
}
@-webkit-keyframes load4 {
  0%,
  100% {box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;}
  12.5% {box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;}
  25% {box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;}
  37.5% {box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;}
  50% {box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;}
  62.5% {box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;}
  75% {box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;}
  87.5% {box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;}
}
@keyframes load4 {
  0%,
  100% {box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;}
  12.5% {box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;}
  25% {box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;}
  37.5% {box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;}
  50% {box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;}
  62.5% {box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;}
  75% {box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;}
  87.5% {box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;}
}

.homebanner div.active img{animation:moveUp 8s ease;-ms-animation:moveUp 8s ease;-webkit-animation:moveUp 8s ease;-o-animation:moveUp 8s ease;-moz-animation:moveUp 8s ease;}
.homebanner div:nth-child(2n).active img{animation:moveDown 8s ease;-ms-animation:moveDown 8s ease;-webkit-animation:moveDown 8s ease;-o-animation:moveDown 8s ease;-moz-animation:moveDown 8s ease;}
@keyframes moveUp{
  from{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);}
  to{transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-moz-transform:scale(1.2);}
}
@-webkit-keyframes moveUp{
  from{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);}
  to{transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-moz-transform:scale(1.2);}
}
@keyframes moveDown{
  from{transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-moz-transform:scale(1.2);}
  to{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);}
}
@-webkit-keyframes moveDown{
  from{transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-moz-transform:scale(1.2);}
  to{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);}}

.gslide-media {width:92%; max-width:900px; margin:auto; border-radius: 3px;
	border: 3px solid #fff;
	box-shadow: 0 0 30px 0 rgba(2,2,2,1);
	background: linear-gradient(45deg,#711e1b,#f7c23a);
}
.glightbox-open { overflow: hidden; height: auto;}
.goverlay {background: rgba(0,0,0,.7) !important;}
.grade-sec a img {
    width: 100px;
}