@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; display: flex; flex-direction: column; justify-content: space-between; overflow-x: hidden;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}

/* #Basic Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body, html {font-size:16px; line-height:1.6em; font-family:'Poppins', sans-serif; font-weight:400; color:#555; -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-weight:300; font-family:'nobel', sans-serif;}
strong {font-weight:600;}
em {font-style:italic;}
small {font-size:85%;}
sup {font-size:75%; vertical-align: super;}
img {vertical-align:top; max-width:100%; height:auto;}
main {flex: 1 0 auto;}
*, *:before, *:after{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.no-touch a[href^="tel:"] { pointer-events: none; cursor: text; }

/* #Misc ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.container {margin: 0 auto; position:relative; padding: 0; width:94%; max-width:1200px; z-index:1;}
.text-center {text-align:center;}
.smallwrap {margin:0 auto; max-width:900px;}
.bigfont {font-size:1.1em; letter-spacing: 1px; font-weight:600;}
.text-orange{color:#ff8000;}
.text-darkgray{color:#a9a9a9;}

/* Helpers */
.hidden{display:none!important}
.sr-only {border:0;clip:rect(0 0 0 0); height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}
.sr-only.focusable:active, .sr-only.focusable:focus {clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;white-space:inherit}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}

.col12{width:48%;}
.col23{width:65.333%;}
.col13{width:30.666%;}
.col40{width:40%;}
.col60{width:60%;}

.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;}
.itemcenter{align-items:center;}
.justify {-webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between;}
.contentcenter {-webkit-justify-content:center; -ms-justify-content:center; justify-content:center;}

marquee { margin: 0; padding: 0; width: calc(98% - 30px);}
.covid { background: #fde9bc; padding:6px 20px;}
.covid span { background: #f7b300; padding: 4px; color: #fff; border-radius: 4px; margin-right: 10px; font-size: 10px; line-height: 10px;}
.covid a {color:#0d79b0; font-weight:600;}
.covid .message {margin-top:10px; border-top: 1px solid #f7b300; padding: 16px 0;}
.covid .message p{margin-bottom: 16px;}
.covid19 {margin-bottom: 40px;}
.covid19 img {width: 150px; margin: 0 20px;}

/* #header ~~~~~~~~~~~~~~~~~~~~~~~~ */
#header {position:relative; width:100%; z-index:6; background-color:#262879;}
.logo {padding:20px 0px;}
.logo svg {width:400px; height:50px;}
#search{padding: 8px 10px; background-color: #fff; position: absolute; top: 0; right: 0;}
.searchinput { width: 100px; float: left; border: none; height:24px; outline: none; font-size: 15px; color: #555;}
.submit {width:24px; background: url(//dwscbcy9jc8hm.cloudfront.net/sites/71/comfy/cms/files/4512/files/original/search.svg) center no-repeat; background-size: 17px; padding: 0px; float: left; border: none; height:24px; outline: none;}

.cls-1{fill:#f8f11d;}
.cls-2{fill:#b32737;}
.cls-3{fill:#8fe5f6;}
.cls-4{fill:#353792;}
.cls-1, .cls-2, .cls-3, .cls-4{fill:white;}

.home #header {position:absolute; background-color:transparent; /*margin-top:233px;*/}

.banner, .parallax {width:100%; position:relative; overflow:hidden;}
.banner img {width:100%;}
.bannertext {position: absolute; right:0; left: 0; margin:auto; bottom: 30px; z-index:5; font-size: 1.3em;}
.bannertext > div {max-width:600px; color:white;}
.banner-text {position: absolute;bottom: 450px;text-transform: lowercase;left: 0;right:0;top:15%;z-index: 5;}
.banner-text > div{max-width:500px;}
.homebanner.slick-dotted.slick-slider { margin-bottom: 0;}
.homebanner .slick-dots {bottom:5px; right:0; z-index: 4;}
.homebanner .slick-dots li button:before {font-size: 16px; color:#f4f4f4;}

.banner:before, .banner:after, .parallax:before, .parallax:after { content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:3; opacity: 0.6;}
.banner:before, .parallax:before {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAQAAABeK7cBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MDJGNjNCMTIwRkUxMUUzQjFFRUM0REUwQ0RCQTc4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MDJGNjNCMjIwRkUxMUUzQjFFRUM0REUwQ0RCQTc4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjcwMkY2M0FGMjBGRTExRTNCMUVFQzRERTBDREJBNzhDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjcwMkY2M0IwMjBGRTExRTNCMUVFQzRERTBDREJBNzhDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+u9pXkwAAAA1JREFUGFdjYGjObAYAAuMBcKaqKb0AAAAASUVORK5CYII=);}
.banner:after, .parallax:after {
  background: #67eaff;
  background: -moz-linear-gradient(top, #67eaff 0%, #005dba 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67eaff), color-stop(100%,#005dba));
  background: -webkit-linear-gradient(top, #67eaff 0%,#005dba 100%);
  background: -o-linear-gradient(top, #67eaff 0%,#005dba 100%);
  background: -ms-linear-gradient(top, #67eaff 0%,#005dba 100%);
  background: linear-gradient(to bottom, #67eaff 0%,#005dba 100%);
  opacity: 0.5;
}

.space_wrap {position:relative; padding-bottom:70px; padding-top:70px;}
.space_wrap.editor h2 {font-size: 2.5em; line-height: 1; margin-top: 0;}
/*.sticky {position: -webkit-sticky; position: sticky; top:0;}*/

.white_bg {background-color:white;}
.transparnt-logo {position:absolute; /*top: 0;*/ right: 0; bottom: 0; left: 0; margin: auto; max-width: 90%; max-height: 100%; opacity: 0.06;}

.infographic_wrap {padding:0px !important;}
.infographic_wrap article {width:50%;}
.infographic_wrap article > div {width:50%; padding:40px; background-color:#262879; color:white; min-height: 300px;}
.infographic_wrap .info_img {background-size:cover;}
.infographic_wrap.editor h2 {margin-bottom:10px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-bottom: 10px;}
.infographic_wrap p { font-size: 1.3em; font-weight: 300; line-height: 1.5em;}
.infographic_wrap .color2 { background-color:#61c4d8;}
.infographic_wrap .color3 { background-color:#555;}
.infographic_wrap .color4 { background-color:#aa2131;}

#eventlist > div { width: calc(33.33% - 20px); margin-bottom: 20px; margin-top: 20px;}
#eventlist > div:nth-child(3n+2) {margin-left:30px; margin-right:30px;}
#eventlist .eventdate { width:100px; height:100px; border-radius:50%; background-color:#262879; color:white; text-transform: uppercase; text-align: center; padding: 15px;}
#eventlist .eventdate span {font-size: 3em; display: block; margin-top: 5px;}
#eventlist .eventtitle { width: calc(100% - 120px); align-self: center; font-size:1.2em;}

.parallax {min-height:500px; background-size: cover; background-position: center; background-attachment: fixed;}
.videoWrap .container{z-index: 5; color:white;}
.videoWrap a{color:#e0da3a;}

.video-popup {background-color: #fff; position: relative; width:110px; height:110px; padding:40px 41px; border-radius: 50%; z-index: 1;}
.video-popup:after {position: absolute; content:""; width: 100%; height: 100%; top: 0; left: 0; border: 1px solid rgba(255, 255, 255, 1); border-radius: 100%; animation: circle-fade-inf 2s infinite ease-in-out; transition: all 0.5s;}
.video-popup:before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 28px; border-color: transparent transparent transparent #aa2131;}
.video-popup:hover:before { border-color: transparent transparent transparent #262879;}
@keyframes circle-fade-inf {0% {transform: scale(1); opacity: 1;} 100% { transform: scale(1.4); opacity: 0;}}

.fsGrid article {width: calc(33.333% - 13px); position: relative;}
.fsGrid figure {margin-top:20px; position: relative;}
.fsGrid figcaption { position: absolute; bottom: 0; left: 0; color:white; width: 100%; z-index:1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; }
.fsGrid figcaption:after { position: absolute; content: ""; background-color:#262879; left:0; right:0; top: 0; bottom: 0; z-index:-1; opacity:0.75;}
.editor .fsGrid h3 { color: #e0da3a; font-size: 1.5em; margin:0 0 5px; text-transform: uppercase; font-weight:400;}

#map {width:100%; height:400px;}
.editor.infoBox h3 {margin:5px 0;}
.infoBox img {width:100%;}
.editor.infoBox p {margin-bottom:0;}

.footerWrap {position:relative; background-color:#262879; color:white; font-size:0.9em;}
.footerWrap.editor h2 { font-size: 1.3rem; margin-top: 0; font-weight: 400;}
.footerWrap.editor ul {margin: 0;}
.footerWrap.editor a {color:white}
.footerWrap.editor a:hover {color:#61c4d8}
.footer > *{padding-top:25px; padding-bottom:25px;}
.fStatement {width: 23%;}
.socialIcons a{ width: 40px; height: 40px; font-size: 10px; padding: 10px; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; margin-right: 7px;}
.copyright {width:100%; line-height:22px; border-top:1px solid rgba(255, 255, 255, 0.2); padding-top:15px; padding-bottom:15px;}
.copyright span {display:inline-block; padding:0 10px; opacity: 0.3;}

.editor h1{font-size:2.4em; line-height:1.1em; margin-bottom:20px; z-index: 1; position: relative;}
.editor h2 {font-size:1.5em; margin:15px 0; }
.editor h3 {font-size:1.4em; margin:15px 0; color:#262879;}
.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 0;}
.editor ul li {background:url(//dwscbcy9jc8hm.cloudfront.net/sites/291/comfy/cms/files/18812/files/original/dot.svg) 0 6px no-repeat; background-size:8px; padding-left:17px; margin-bottom:10px; display:block;}
.editor .pdflist li {background:url(//dwscbcy9jc8hm.cloudfront.net/sites/291/comfy/cms/files/18829/files/original/pdf-file.svg) 0 2px no-repeat; background-size:16px; padding-left:25px;}
.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: #222; background:#fff;}
.editor table th {padding:5px; text-align:left; font-size:1em; background-color:#aa2131; border: 1px solid #f7dbdc; color:#ffffff;}
.editor table td {padding:5px; text-align:left; border: 1px solid #f5e5e6;}
.editor table tr:nth-child(2n+1) td {background-color:#fff4f5;}
.editor table.no-border {border:none;}
.editor a {color:#aa2131; text-decoration:none;}
.editor a:hover {color:#262879;}
.editor p {margin-bottom:15px;}
.editor p:last-child {margin-bottom:0;}
.editor hr {clear:both; width:100%; font-size:1px; line-height:1px; height:1px; margin:30px 0; border:0px; border-top:2px solid #f4f4f4;}
.fulltable {width:100%;}
.editor blockquote {background-color: #f4f4f4; margin: 20px; border-left: 7px solid #262879; padding: 20px;}

.editor .btn a { display:inline-block; background-color:#e0da3a; color:#222; margin-top:15px; padding:10px 20px; cursor: pointer; text-transform: uppercase; font-size: 0.9em; font-weight: 600; margin: 5px;}
.editor .btn a:hover { background-color:#61c4d8; color:white;}

.editor .btn a.invert {background-color:#61c4d8; color:white;} 
.editor .btn a.invert:hover{background-color:#e0da3a; color:#222;} 


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

/* Inner page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.title {padding-top:30px; padding-bottom:15px; background:url(//dwscbcy9jc8hm.cloudfront.net/sites/291/comfy/cms/files/18451/files/original/border-bg.svg) left bottom repeat-x; background-size: 60px;}
.content {padding:30px 0px; position: relative;}
.content.editor h2 {color: #262879; font-weight: 400;}
.twocolumn{ -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
.threecolumn{ -moz-column-count:3; -webkit-column-count: 3; column-count:3;}

.profile strong{ font-weight:400;}
/*.profile-details { overflow: hidden; position: relative; display:none;}*/
.profile-details img {float: left; margin-right: 20px; margin-bottom: 20px; max-width: 180px;}
.profile-details.editor h2 {margin-top: 0; font-weight: 500; color: #262879; margin-bottom: 5px;}

.editor .rightimg{float:right; margin:0 0 20px 40px; max-width: 45%;}
.editor .leftimg {float:left; margin:0 40px 20px 0px; max-width: 45%;}
.rightimg img, .rightimg iframe, .leftimg img{-webkit-box-shadow:10px 10px 0px 0px #262879; -moz-box-shadow:10px 10px 0px 0px #262879; box-shadow:10px 10px 0px 0px #262879; padding: 0 10px 10px 0;}

.sectionWrap article {position: relative; padding: 10px 0 25px;}
.sectionWrap article:nth-child(even):after { position: absolute; content: ""; background-color:#f4f4f4; left: -100vw; right: -100vw; top: 0; bottom: 0; z-index: -1;}
.facts p {width: 31.333%;}
.facts strong { display: block; border-bottom: 2px solid #ccc; padding-bottom: 5px; margin-bottom: 10px;}
.valuesWrap article { width: 30%; margin: 20px 0;}
.valuesWrap article i { font-size: 2em; color: #61c4d8;}

.editor .pdfFile {background:url(//dwscbcy9jc8hm.cloudfront.net/sites/291/comfy/cms/files/18829/files/original/pdf-file.svg) 0 3px no-repeat; background-size:18px; padding-left:25px;}

.editor .faqs > h3 {cursor: pointer; padding:10px 10px 10px 30px; margin:4px 0 0; position: relative; color:#262879; background-color: #f4f4f4; outline:0;}
.editor .faqs > h3:hover, .editor .faqs > h3.ui-accordion-header-active {background-color:#262879; color:white;}
.ui-accordion-header-icon {position: absolute; width: 12px; height: 12px; left:10px; top: 0; bottom: 0; margin: auto 0;}
.ui-accordion-header-icon:before, .ui-accordion-header-icon:after { content: ''; position: absolute; width: 100%; height: 2px; background-color: #262879; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.ui-accordion-header-icon:after { width: 2px; height: 100%;}
.editor .faqs > h3:hover .ui-accordion-header-icon:before, .editor .faqs > h3:hover .ui-accordion-header-icon:after {background-color: white;}
.faqs > h3.ui-accordion-header-active .ui-accordion-header-icon:before {background-color: white;}
.faqs > h3.ui-accordion-header-active .ui-accordion-header-icon:after {display:none;}
.faqs .ui-accordion-content {padding:15px 0 15px 30px; overflow:hidden;}

.img_caption {position: relative;}
.img_caption h2 { position: absolute; bottom: 0; left: 15px; right: 15px; background-color: #61c4d8; padding: 10px; text-align: center;}

.albums .slick-prev {left:5px;}
.albums .slick-next {right:5px;}
.albums .slick-prev, .albums .slick-next {width:35px; height:35px; z-index: 1;}
.albums .slick-prev:before, .albums .slick-next:before {color:white; font-size:35px;}

.sywraper {margin-bottom: 20px; border-bottom: 2px solid #d9e7ea; padding-bottom: 20px;}
.sywraper:last-child {margin-bottom:0px; border-bottom:none; padding-bottom:0px;}

.graybg{background-color:#f7f7f7; padding:5px 20px;}


/*~~~~~~~~~~ New Staff ~~~~~~~~~~~~*/
.newstaff_wrap > section {width:48%; }
.staff {padding-bottom:30px; width:100%; align-items: flex-start;}
.staff h2 {width:100%; text-transform: uppercase; font-size: 1.2em; margin-top:0;}

.staff > section {width:calc(100% - 230px);}
.staff .staff_img {width:180px; display:block; position:relative; }
.staff .staff_img span {width:100%; height:100%; display:block; position: relative; overflow: hidden;}
.staff .staff_img span:before, .staff .staff_img span:after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 47, 102, .4); z-index:1; -webkit-transition: all .4s ease; transition: all .4s ease; opacity:0; visibility:hidden;}
.staff .staff_img span:after {content: "+"; z-index: 3; bottom:-140%; margin: auto; width:40px; height: 40px; font-size: 30px; line-height: 40px; text-align: center; color: white; font-weight: bold; font-family: Courier New; background-color: var(--hover); border-radius: 50%;}
.staff .staff_img img {-webkit-transform: scaleX(1) scaleY(1) translateZ(0); transform: scaleX(1) scaleY(1) translateZ(0); -webkit-transition: all .4s ease; transition: all .4s ease;}
.staff .staff_img:hover img { -webkit-transform: scaleX(1.1) scaleY(1.1) translateZ(0); transform: scaleX(1.1) scaleY(1.1) translateZ(0);}
.staff .staff_img:after {content: ""; position: absolute; left:15px; right:-15px; bottom:-15px; top:15px; border:6px solid var(--hover); z-index:-1; opacity:0.2;}
.staff .staff_img span:hover:before, .staff .staff_img span:hover:after {opacity:1; visibility:visible; bottom:0;}
.staff-details {display:none; width:92%; max-width:900px;}

/* Navigation */
.menu.topmenu {top:0; right: 144px; bottom: inherit; background-color: rgba(255, 255, 255, 0.1); border-radius: 0 0 5px 5px; font-size: 0.9em;}
.menu.topmenu > li > a {line-height: 40px;}
.menu.topmenu > li.translate.notranslate {background-color: rgba(179, 39, 54, 0.6);}
.mobi {display:none;}
.mobi a{background-color: rgba(179, 39, 54, 0.5); line-height: 40px; color:#fff; width:40px; margin-right:5px; text-align:center;}
.mobi a:hover {background-color: rgba(179, 39, 54, 0.7);}

.nav {position:relative; flex: 1;}
.menu {position:absolute; right:0; bottom:0;}
.menu, .menu > li, .flex {display: -ms-flexbox; display: -webkit-flex; display: flex;}
.menu li a {color:#555; margin:0;}
.menu > li { position: relative;}
.menu > li > a {padding: 0 15px; position: relative; line-height: 44px; color:white; text-transform: uppercase; white-space: nowrap;}
@-webkit-keyframes pull-up { 0% { transform: translate(0, 30px); }
  100% { transform: translate(0, 0); } }
@keyframes pull-up { 0% { transform: translate(0, 30px); }
  100% { transform: translate(0, 0); } }
.menu ul {width:200px; padding:10px 15px 10px; position:absolute; left:0px; top:100%; background-color:#f4f4f4; 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;}
.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.active > a, .menu > li:hover > a {color:#e0da3a;}
.menu li ul li {width:100%; padding:0px; position:relative; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
.menu li ul li a {display:block; padding:7px 0; /*margin-bottom:12px;*/ font-size:0.9em; line-height: 1.3em;}
.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 { color:#aa2131;}

.menu .mega-menu > ul {width:100%; column-count: 2;}
.menu > li.mega-menu {position: static;}
.teachers > section { padding: 10px; width: 16.6%; }

/* Mobile */
#menu-trigger {display:none; position:relative; z-index:11; width:30px; height:34px; cursor:pointer;}
#menu-trigger span, #menu-trigger span:before, #menu-trigger span:after {position:absolute; width:100%; left:0; right:0; height:3px; background-color:white; -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:10px; content: '';}
#menu-trigger span:before {top:-10px; 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;}

#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
.goog-text-highlight {background-color:transparent !important;box-shadow:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}

.schedule {width: 208px; position: absolute; right: 0; top: -90px}
.schedule a{ padding:4px 8px 2px 8px !important; width:208px; margin-bottom: 2px !important}

@media screen and (max-width: 1199px) {
  .logo svg {width: 320px; height:40px;}
  .menu > li > a {padding: 0 10px;}
}
@media screen and (max-width: 1023px){
  .covid .message .col12 {width:100%;}
  .covid .message .col12:first-of-type {margin-bottom:20px;}
  
  .space_wrap {padding-bottom:50px; padding-top:50px;}
  .editor h1 {font-size: 2em;}

  .parallax {min-height: 400px;}
  .infographic_wrap article > div {padding: 25px; min-height: 250px;}
  .infographic_wrap p { font-size: 1.1em; line-height: 1.4em;}
  #eventlist{ -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between;}
  #eventlist > div {width: calc(50% - 10px); margin-bottom:10px; margin-top:10px;}
  #eventlist > div:nth-child(3n+2) { margin-left:0; margin-right:0;}
  #eventlist .eventdate { width: 70px; height: 70px; padding: 10px;}
  #eventlist .eventtitle { width: calc(100% - 80px); font-size: 1em;}
  .fsGrid figcaption { padding:15px; line-height: 1.3em;}
  .editor .fsGrid h3 {font-size: 1.6em;}
  .fsGrid a {padding: 10px;}
  #eventlist .eventdate span { font-size: 2em; margin-top:0;}
  .gslide-image img {min-width:600px !important;}

  .mobi {display:flex; margin-right: 150px;}
  #search { bottom: 0; height: 40px; margin: auto;}

  #map {height: 300px;}
  .fStatement {width:100%; border-top:1px solid rgba(255, 255, 255, 0.2);}

  .nav, .mobimenu .nav, .menu > li:hover > ul, .menu > li > a:before, .menu > li > a:after, .menu.topmenu > li.translate.notranslate { display:none; }
  #menu-trigger, .mobimenu .nav {display:block;}

  .nav {position:absolute; top:100%; right: 0; z-index:5; background-color:#262879; width:288px;}
  .menu {display: block; position: relative;}
  .menu.topmenu {background-color:transparent; border-radius:0; font-size:1em; right:0;}
  .menu ul, .menu > li li:hover > ul, .menu > li:hover > ul, .menu .mega-menu > ul {display:none; width: inherit; padding-right:40px; padding-top: 0; position:relative; left:inherit; top:inherit; right: inherit;  -webkit-box-shadow:none;  -moz-box-shadow:none;  box-shadow:none; animation: none; visibility: visible; opacity: 1; background-color: transparent; column-count: inherit;}
  .menu > li {margin:0; display:block; border-bottom:1px solid rgba(255, 255, 255, 0.2); font-size: 0.9em;}
  .menu > li > a, .menu.topmenu > li > a {line-height: 1.3em;}
  .menu li a {position:relative; display:block; margin-right:40px; padding:10px 10px 10px 15px; color: #fff;}
  .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:#e0da3a; background-color: transparent;}
  .menu li .arrow {position: absolute; top:0; right:-40px; width:40px; height:100%; background-color:#2141ab; cursor:pointer;}
  .menu li .arrow:after, .menu li .arrow:before {left:50%; top:50%; content: " "; height:2px; width:12px; position: absolute; background-color:#98cef1; 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;}
  
  .staff .staff_img {width: 160px;}
  .staff > section {width: calc(100% - 190px);}
  .teachers > section { padding: 10px; width: 25%; }
  .schedule {width: auto; position: static;}
  
}

@media screen and (max-width:767px) {
  body, html {font-size:15px;}
  .editor h1, .space_wrap.editor h2 {font-size: 1.85em;}
  .bannertext {position: relative; bottom: inherit; padding: 20px 3%; background-color: #262879; width: 100%;}
  .home #header {position: relative; background-color: #262879; margin-top: 0;}
  .covid span {display:none;}
  marquee {width:100%;}

  .parallax {min-height:300px;}
  .mobi{ width: 100%; -webkit-justify-content:flex-end; -ms-justify-content:flex-end; justify-content:flex-end;}
  #search {top: inherit;}
  
  .space_wrap {padding-bottom: 30px; padding-top: 30px;}
  .sticky { position:relative; top:inherit;}
  .space_wrap,  .space_wrap h2 {text-align: left;}

  .infographic_wrap article {width: 100%;}
  .infographic_wrap article:nth-child(2) {-webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}
  .infographic_wrap article:nth-child(3) {-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
  .infographic_wrap article > div { padding: 20px; min-height: 200px;}

  .fsGrid article {width: calc(50% - 7px);}
  .fsGrid figure {margin-top:14px;}
  .fsGrid article:first-child {width:100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
  .fsGrid article:first-child > figure {width: calc(50% - 7px);}

  .footer > * { padding-top: 12px; padding-bottom: 12px;}
  .footer .twocolumn{ -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
  .editor .footer li { background-position:0 4px;}

  .content {padding:20px 0;}
  .col12, .col23, .col13 {width: 100%;}
  .col12 + .col12 {margin-top:20px;}
  .twocolumn, .threecolumn { -moz-column-count: inherit; -webkit-column-count: inherit; column-count: inherit;}
  .editor table td {word-break: break-word;}
  .editor .leftimg, .editor .rightimg { float: none; margin: 15px 0px; max-width: 75%;}

  .transparnt-logo{ display:none; }
  .facts p, .valuesWrap article {width: 48%;}
  .editor .leftimg {float: none; max-width: inherit;}
  .table-wrapper {overflow-x: auto;}
  .table-wrapper table {width:700px;}
  .profile strong{ display:block;}
  .profile-details img { float: none; margin-right: 0;}
  .teachers > section { padding: 10px; width: 33.3%; }

}
@media screen and (max-width:479px) {
  body, html {font-size:14px;}
  .container {width: 90%;}
  #header {padding-bottom: 10px;}
  .logo svg {width: 280px; height:35px;}
  .logo {padding-bottom:10px;}
  .bannertext {padding: 20px 5%; width: 100%;}
  .gslide-image img {min-width:300px !important;}

  .editor.bannertext h1, .editor.bannertext p {margin-bottom:10px;}
  .editor.bannertext .btn a {margin-top:0;}

  .parallax {min-height:200px;}
  .facts p, .valuesWrap article, #eventlist > div, .footer > *, .fsGrid article, .fsGrid article:first-child > figure {width: 100%;}
  #map {height:200px;}
  .iframer { padding-top: calc(4 / 3 * 100%);}
  
  .staff {padding-bottom: 15px;}
  .staff > section {width: 100%; margin-top: 25px;}
  .staff-details {padding: 15px;}
  .teachers > section { padding: 10px; width: 50%; }
}

/* New staff page */    
.teachers-wrap .sec-title {background-color: var(--primary); color: white; position: relative; padding: 30px 0; margin-bottom: 50px;}
.teachers-wrap .sec-title:after {content: ''; position: absolute; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid var(--primary); top: 100%;}
.teachers-wrap.editor .sec-title h1 {margin:0;}
.teachers {margin-bottom: 30px; /*min-height:340px;*/ }
.teachers a, .teachers .nobio {background-color:#f4f4f4; display: block; padding:10px; color: var(--gray); text-decoration:none;}
.teachers a strong{display:block; padding-top:10px;}
.teachers a span {font-size: .9em; line-height: 1.3em; display: inline-block;}
.teachers img{display:block; /*width: 160px; height: 160px;*/ margin: auto; /*border-radius: 50%;*/}
.teachers a:hover{ background-color: white;-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1); box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);}

.stafflist > section {background-color:#f4f4f4; padding:5px; width: 16.6%; margin: 0 10px;}
.stafflist article{ display: block; padding:10px;}
.stafflist article strong { display: block; padding-top:10px; }
.stafflist article span {font-size: 0.95em; line-height: 1.3em; margin-bottom:7px; display: block;}
.editor .stafflist .links.btn a {padding: 0 6px; text-transform: capitalize; margin-left: 0; margin-right: 0;}

.staff-details{display:none; /*width: 90%; max-width: 1000px; background-color: #f9f9f9;*/}
.staff-details img{display: block; width:250px; height:250px; margin: 0px 20px 20px 0; border-radius: 50%; float: left;}
.staff-details.editor h3{margin-top:0; margin-bottom:7px;}
.staff-details .videobox {padding:7px 0;}
.staff-details .email {display:block;}


/* Do no display the count of search results */    
.cse .gsc-control-cse, .gsc-control-cse {padding:0 !important;}
.gsc-result-info, .gsc-above-wrapper-area, .gsc-resultsHeader, .gcsc-branding { display: none; }
.gsc-control-cse, .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult, .editor table.gsc-table-result,
.editor table.gsc-table-result td, .editor table.gsc-table-result tr:nth-child(2n+1) td
{border-color: transparent !important; background-color: transparent !important;}
.gsc-control-cse, .gsc-control-cse .gsc-table-result {margin:0 !important;}
.gsc-results .gsc-cursor-box .gsc-cursor-page {padding:4px 5px; color: #333 !important;}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page, .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {background-color:#0065A5 !important; color: #fff !important;}
.gs-result .gs-title, .gs-result .gs-title a{color:#0065A5 !important; text-decoration:none !important;}
.gs-title a:hover{color:#9FC612 !important;}
.gsc-result .gs-title {height:auto !important;}
.gs-webResult.gs-result a.gs-title b {color:#0065A5 !important; text-decoration:none !important; font-weight:600;}
.gs-webResult.gs-result a.gs-title:hover b{color:#9FC612 !important; text-decoration:none !important; font-weight:600;}