@charset "utf-8";
/*font-family:'FrizQuadrataW01-Regular';
font-family:'Zooja Light W00 Regular';*/
/*
Gotham ScreenSmart Extra Light
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 200;
Gotham ScreenSmart Extra Light italic
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: italic;
font-weight: 200;
Gotham ScreenSmart Light
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 300;
Gotham ScreenSmart Light Italic
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: italic;
font-weight: 300;
Gotham ScreenSmart Book
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 400;
Gotham ScreenSmart Book Italic
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: italic;
font-weight: 400;
Gotham ScreenSmart Medium
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 500;
Gotham ScreenSmart Medium Italic
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: italic;
font-weight: 500;
Gotham ScreenSmart Bold
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 700;
Gotham ScreenSmart Bold Italic
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: italic;
font-weight: 700;
*/
html,body{font-size: 14px;}
body {
    color: #656565;	
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style:normal;
    font-weight:400;
    font-size:14px;
}
.wrapper {
    overflow: hidden;
    background-image:url(/static/images/2-cross-lines.svg);
    background-size:100%;
    max-width: 100%;
}
a{text-decoration:none;}
p { margin-bottom:1.375em;/* font-weight:300;*/line-height: 1.625rem;letter-spacing: -0.025rem;}
h2 {
    font-size: 2.750em;
    color: #203169;
    font-weight: 600;
}
h3 {
    font-size: 2rem;
    color: #203169;
    font-weight: 600;
    margin-bottom: 1.5rem;
}
h3.header-tagline {
    font-size:1.125rem!important; 
    color:#a3afd9;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: normal;
    font-weight: 200;
    text-transform:none;
}
.tagline {
    display:inline-block; 
    padding:16px 0 0 16px; 
    float:left;
    position: relative;
    z-index: 25;
}
a {
    text-decoration: none;
    color: #393939;
}
.inner-page-content p a{text-decoration: underline;}
a.light-blue {
    color: rgba(72,106,211,1);
    text-decoration: underline;
    font-weight:400;
}
a:focus, .btn:focus, button:focus, .btn:active:focus {
    outline: none;
}
img {
    max-width: 100%;
}
.btn {font-size: 0.75rem;}
.logo {
    float: left;
    padding: 15px 20px;
    transition: all ease .5s;
    position:relative;z-index:25;
}
.logo a:after{display:block;position:absolute;top:0;left:0;bottom:0;right:0;content:"";}
.logo img,
.logo object {
    height: 56px;
    width: auto;
}
ol {margin-bottom:1.5em; padding-left:0; margin-left:0;}
ol li {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    counter-increment: step-counter;
    margin-bottom: 0px;
    padding:0.75em 0 0.75em 3em;
    list-style: none;
    border-bottom: 2px dotted rgba(110,126,182,0.25);
    position:relative;
    letter-spacing:-0.05em;
}
ol li::before {
    content: counter(step-counter, decimal-leading-zero);
    position: absolute;
    left: 0;
    line-height: 1;
    margin: 0;
    padding: 0 0.5em 0.625em 0;
    font-size: 1.5em;
    color: rgba(251,219,68,1);
    background-color: rgba(0,0,0,0);
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: normal;
    font-weight: 900;
    text-align: center;
}
ol li p {font-size:100%;}
ol ol {padding:2em 0 0 1em;}
ol ol li {font-size:1em;counter-increment: none;list-style-type:decimal-leading-zero;padding:0.5em 0 0.5em 1em;}
ol ol li::before {left: 2em;content:none;}
ol.focus-areas {margin-top:0;}
ol.focus-areas li {
    font-size: 1.5em;
    padding:0.5em 0 0.5em 3em;
    font-weight: 500;
}
ol.focus-areas li::before {
    padding: 0 0.5em 0.625em 0;
    font-size: 1.5em;
}
/* Breadcrumbs */
.breadcrumb-strip {
    padding: 0;
    margin-bottom:0;
}
.breadcrumb {
    margin: 0;
    border-radius: 0;
    background: none;
    color: rgba(32,49,105,1);
    padding:0 0;
    font-size:1em;
}
ol.breadcrumb > li {
    position: static;
    border:none;
    text-align:left;
    padding:0.75em 0;
    letter-spacing:-0.025em;
}
ol.breadcrumb li a {
    color: rgba(110,126,182,1);
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight:300;
}
ol.breadcrumb>li:last-child{font-weight:400;}
ol.breadcrumb li a:hover, .breadcrumb li a:focus {
    text-decoration: underline;
}
ol.breadcrumb > .active {
    color: rgba(32,49,105,1);
}
ol.breadcrumb > li:before {
    content:"\2014"!important; 
    font-size:0; 
    padding:0; 
    margin:0;
    position: static;
}
ol.breadcrumb > li + li::before {
    font-size: 1em;
    content: "\2014";
    padding: 0 5px 0 0 ;
    color: rgba(110,126,182,0.5);
}
ol.breadcrumb li:last-child a {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight:500;
}
/* Breadcrumbs END */
.media img {
    max-width: inherit;
}
.fullwidth-container {
    width: 100%;
    /*float:left;*/
    position: relative;
    clear: both;
    padding: 30px 0;
}
.fullwidth-section,.fullscreen-container{clear:both;}
.header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 30;
    /*box-shadow: 0 0 1px #ddd;
border-bottom: solid 1px rgba(221,225,242);*/
}
.header .main-header{background:rgba(20,31,66,0);transition:all ease .5s;}
.header.fixed .main-header{background:rgba(20,31,66,1);}
.top-header {
    transition: all ease .3s;
    height: 40px;
}
.header ul {
    margin: 0;
    transition: all ease 1s;
}
.top-header .navbar.yamm {
    background: #f6f7fd;
    overflow: hidden;
    font-size: 16px;
    min-height: inherit;
}
.top-header ul li a {
    padding: 10px 15px;
    color: #4a6ad3;
}
.top-header ul li a em {
    position: relative;
    padding: 0 5px;
    top: 3px;
}
.top-header ul li.shortcut a {
    text-decoration: none;
    cursor: pointer;
}
.header .navbar.yamm {
    border: none;
    margin: 0;
}
.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}
.main-header{background:url(/static/images/BACKGROUND-new.jpg) top center no-repeat; background-size:100%;}
.main-header .yamm .navbar-nav {
    display: inline-block;
    text-align: center;
    float: right;
}
.main-header .yamm .navbar-nav > li {
    float: none;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
}
.main-header .yamm .navbar-nav>li.active>a {
    color: #4a6ad3;
}
.main-header .yamm .navbar-nav>li>a {
    color: #a3afd9;
    transition: all ease .5s;
    padding: 10px 20px;
}
.main-header .yamm .navbar-nav > li > btn.btn-blue {
    line-height: 1;
}
.main-header .yamm .navbar-nav>li.open>a, .main-header .yamm .navbar-nav>li>a:hover, .main-header .yamm .navbar-nav>li>a:focus {
    background: none;
}
.main-header .yamm .navbar-nav li.logo a {
    padding: 10px 0;
    background: none;
}
.main-header .yamm .navbar-nav li.logo a:hover {
    background: none;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
    border: none;
    border-radius: 0;
    background: #f6f7fd;
    padding: 50px 0;
    -webkit-box-shadow: 0px 10px 20px rgba(32, 49, 105, 0.5);
    -moz-box-shadow: 0px 10px 20px rgba(32, 49, 105, 0.5);
    box-shadow: 0px 10px 20px rgba(32, 49, 105, 0.5);
}
.main-header .yamm-content .menu-section li,
.main-header .hero .menu-block li{
    list-style: none;
    position: relative;
}
.main-header .yamm-content .menu-section li a,
.main-header .hero .menu-block li a,
.main-header .yamm-content .menu-section h4.panel-title a,
.main-header .hero .menu-block h4.panel-title a {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    padding: 0.25em 0;
    display: inline-block;
    color: rgba(32,49,105,1);
    text-decoration: none;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
    letter-spacing: -0.005em;
    line-height: 1.5;
}
.main-header .yamm-content .menu-section h4.panel-title,
.main-header .hero .menu-block h4.panel-title a {
    padding:0;
}
.main-header .yamm-content .menu-section li li a,
.main-header .hero .menu-block li li a {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: normal;
    font-weight: 300;
}
.main-header .yamm-content .menu-section li a:hover,
.main-header .yamm-content .menu-section li a:focus,
.main-header .hero .menu-block li a:hover,
.main-header .hero .menu-block li a:focus{
    color: rgba(110,126,182,1);
    text-decoration:none;
}
.main-header .yamm-content .menu-section h4 a,
.main-header .hero .menu-block h4 a{
    color: rgba(32,49,105,1);
}
.main-header .yamm-content .menu-section h4 a:hover,
.main-header .yamm-content .menu-section h4 a:focus,
.main-header .hero .menu-block h4 a:hover,
.main-header .hero .menu-block h4 a:focus
{
    text-decoration:none;
    color: rgba(110,126,182,1);
}
.main-header .yamm-content .menu-section .yamm-content-footer li a,
.main-header .hero .yamm-content-footer li a {
    font-size: 0.8125em;
    padding: 5px 1em;
    display: inline-block;
    color: rgba(110,126,182,1);
    text-decoration: none;
    font-weight: 300;
}
.main-header .hero .yamm-content-footer li a.btn{color:#fff;padding: 10px 25px;}
.main-header .menu-blocks {
    overflow: hidden;
    width: 100%;
}
.main-header  .menu-block {
    text-transform: none;
    width: 20%;
    float: left;
    opacity:.6;
    padding:0 10px;
}
.main-header .menu-block:hover{opacity:1;}
.main-header  .menu-block ul {
    padding-left: 0;
}
.main-header .menu-block h4 {
    color: #203169;
    font-weight: 600;
    font-size: 18px;
}
.yamm-content-footer {
    clear: both;
    text-transform: none;
    border-bottom: 1px solid #d4dbf5;
    padding: 15px 0;
    margin: 10px 0 0;
    /*border-top: 1px solid #d4dbf5;*/
    overflow: hidden;
}
.main-header .yamm-content .menu-section li a.btn{
    padding:10px 25px;
    color:#fff;
    text-transform:none;
    -webkit-box-shadow: 0px 5px 5px rgba(74, 106, 211, 0.30);
    -moz-box-shadow: 0px 5px 5px rgba(74, 106, 211, 0.30);
    box-shadow: 0px 5px 5px rgba(74, 106, 211, 0.30);
}
.main-header .yamm .yamm-content {
    padding: 0;
}
/*.main-header .yamm-content .menu-section li a:after{content:"\e874";font-family:Linearicons-free;margin-left:20px;color:#a3a3a3;}*/
.main-header .yamm-content .menu-section.inner-wrap .row {
    display: flex;
    align-items: center;
}
.grey-bg {
    background: #efeff0;
}
.grey-bg .image-block {
    width: 80%;
    margin: auto;
}
.main-header .search-block {
    display: none;
}
.main-header.navbar-nav.navbar-right li {
    position: relative;
}
.main-header .navbar-nav.navbar-right li:last-child {
    position: absolute;
    padding: 45px 30px;
    right: 0;
}
.yamm-content .menu-section .section-list .image-wrap span.overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding: 20px;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    text-align: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.2+1,0.5+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 1%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 1%, rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 1%, rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#80000000', GradientType=0 ); /* IE6-9 */
}
.yamm-content .menu-section .section-list .image-wrap {
    margin: 0 0 30px;
    position: relative;
    overflow: hidden;
}
.yamm-content .menu-section .section-list .image-wrap a {
    color: #fff;
    text-decoration: none;
}
.yamm-content .menu-section .section-list .image-wrap p {
    margin: auto;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
}
.yamm-content .menu-section .section-list .image-wrap p:after {
    content: "";
    height: 2px;
    width: 50px;
    background: #469fff;
    display: block;
    margin: 10px auto 0;
}
.main-header .search-block {
    position: fixed;
    right: 15px;
    width: 40%;
    text-align: right;
    top: 0;
    z-index:15;
    box-shadow: 8px 5px 24px rgba(32,49,105,0.54);
}
.main-header .search-block .webform {
    background: #fff none repeat scroll 0 0;
    height: 60px;
    padding: 0 15px;
    position: relative;
    z-index: 1500;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
    margin: 15px 0 0 0 ;
}
.main-header .search-block .webform input[type="text"] {
    border: medium none;
    color: #6e7eb5;
    font-size: 1.25rem;
    font-style: italic;
    left: 0;
    line-height: 3.75rem /*4.285rem*/;
    padding: 0 1em;
    position: absolute;
    width: 85%;
    z-index: 15000;
    font-weight: 300;
}
input:focus {
    outline: none;
}
.top-header .search-block .webform input[type="text"]::-webkit-input-placeholder, .top-header .search-block .webform input[type="text"]:-moz-placeholder, .top-header .search-block .webform input[type="text"]:-ms-input-placeholder, .top-header .search-block .webform input[type="text"]::-moz-placeholder {
    color: #6e7eb5;
    opacity:1;
}
.main-header .search-block .webform input[type="submit"] {
    height: 86px;
    left: 86%;
    line-height: 90px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 7%;
    z-index: 1500;
}
.main-header .search-block .webform em.lnr-magnifier {
    color: #023f73;
    font-size: 2em;
    height: 86px;
    left: 86%;
    line-height:90px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 7%;
}
.main-header .search-block .webform a.close-btn {
    color: #a3afd9;
    font-size: 2em;
    height: 60px;
    line-height: normal;
    padding: 15px 0 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 65px;
    text-decoration: none;
}
.main-header .top-header .search-block .webform a.close-btn em {
    color: #023f73;
}
.main-header .yamm .navbar-nav>li {
    padding: 0 5px;
}.main-header .yamm .navbar-nav>li:last-child{width:60px;}
.btn {
    border-radius: 40px;
    padding: 10px 25px;
    font-weight: normal;
}
.btn.btn-transparent{border:1px solid #6e7eb6;color:#6e7eb5;}
.btn em, .main-header .yamm .navbar-nav>li>a em {
    padding-right: 10px;
}
.btn.blue-border-btn {
    background: none;
    border: 1px solid #a3afd9;;
    color: #a3afd9;
}
.main-header .btn.blue-border-btn {height:42px;}
.main-header .search-block .autocomplete-suggestions{padding:15px 0;background: #e9ecf4;overflow-y:auto;box-shadow: 8px 5px 24px rgba(32,49,105,0.54);}
.main-header .search-block .autocomplete-suggestion {
    padding: 5px 20px;
    background: #e9ecf4;
    text-align: left;
}
.main-header .yamm .navbar-nav > li.search-open{text-transform:none;} 
.main-header .search-block .autocomplete-suggestion:hover {
    background: #d7dceb;
}
.main-header .search-block.search-block-open {
    display: block;
}
.main-header .menu-block h4.panel-title {
    font-size: inherit;
    font-weight: normal;
    padding: 0;
}
.main-header .menu-block h4.panel-title a {
    text-decoration: none;
}
.main-header  .menu-block h4.panel-title a em{padding:0 5px;font-size:10px;}
.main-header  .menu-block h4.panel-title a[aria-expanded="true"] .fa-plus:before{content: "\f068";}
.main-header  .menu-block .panel-default>.panel-heading {
    padding: 5px 0;
    background: none;
    border: none;
}
.main-header .menu-blocks .menu-block .panel-default {
    background: none;
    border: none;
    box-shadow: none;
}
.main-header  .menu-block .panel-default .panel-body {
    border: none;
    padding: 5px 15px;
}
.main-header .menu-block .panel-default .panel-body ul ul{border-bottom: 1px solid rgba(110,126,182,0.2);margin-bottom: 10px;    padding-bottom: 5px;
}
.main-header .menu-block .panel-default .panel-body > ul > li> a.three-has-child{font-weight:500;}
.main-header .menu-block .panel-default .panel-body > ul > li> a.three-no-child{font-weight:300;}
.homepage-slider {
    position: relative;
    background:#203169;
}
/* Slider Style */
.pxs_container{
    width:100%;
    position:relative;
    overflow:hidden;
}
.pxs_bg{
    background:transparent;
}
.pxs_bg div{
    position:absolute;
    top: 0;
    left:0;
    width:7584px; /*1264px window width times number of images*/
    height:420px;
    background-repeat:repeat;
    background-position:top left;
    background-color:transparent;
}
.pxs_bg .pxs_bg1 object,
.pxs_bg .pxs_bg1 img
{
    display: block;
    width: 95em;
    top: -12em;
    position: absolute;
    left: -23em;
}
.pxs_bg2 {
    left: 30%!important;
    position: absolute;
    top: -5%!important;
}
.pxs_bg .pxs_bg2 object,
.pxs_bg .pxs_bg2 img{width:25%;}
.pxs_slider_wrapper{
    display:none;
}
.pxs_container ul{
    margin:0px;
    padding:0px;
    list-style:none;
    height:100%;
}
ul.pxs_slider{
    position:absolute;
    left:0px;
    top:0px;
}
ul.pxs_slider li{
    float: left;
    position: relative;
    transform: scale(1.15);
    transition: cubic-bezier(0.47, -0.1, 0.36, 1.01) all 2.5s;
    -webkit-transition: cubic-bezier(0.47, -0.1, 0.36, 1.01) all 2.5s;
    -moz-transition: cubic-bezier(0.47, -0.1, 0.36, 1.01) all 2.5s;
    height:100%;
}
ul.pxs_slider li.active {
    transform: scale(1);
}
.pxs_loading{
    color:#fff;
    font-size:20px;
    padding:15px 15px 15px 50px;
    position:absolute;
    background:#333 url(/static/images/ajax-loader.gif) no-repeat 10px 50%;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    opacity:0.7;
    width:180px;
    position:absolute;
    top:150px;
    left:50%;
    margin-left:-90px;
}
.homepage-slider li .banner-content{
    position:relative;
    top:0;
    bottom:0;
    left:12rem;
    right:12rem;
    margin:auto;
    display:flex;
    align-items:center;
    height:100%;
    opacity:0;
    transition:all ease 1s;
}
.homepage-slider li.active .banner-content{opacity:1;}
.homepage-slider .banner-content h2{
    font-size:3.25rem;
    font-weight:700;
    color:#fff;	
    text-transform:uppercase;
    line-height:50px;
    margin-bottom:30px;
}
.homepage-slider .banner-content h2 span{
    font-weight: 300;
    font-size: 2.5rem;
    text-transform:none;
    display:block;
}
.homepage-slider li .banner-content .image{position: relative;bottom: -4rem;opacity:0;transition:all 2s ease;}
.homepage-slider li.active .banner-content .image{opacity:1;}
.homepage-slider .banner-content .image img{width:100%;}
.homepage-slider .banner-content p a{box-shadow:none;}
.homepage-slider .pxs_navigation{position:absolute;left:15px;right:15px;height:50px;margin:auto;top:48%;}
.homepage-slider .pxs_navigation > span{display:inline-block;width:45px;height:45px;background:rgba(16,25,54,.4);border-radius:50%;float:left; font-size: 1.5rem;text-align: center;padding: 12px 0; color: #6e7eb5;cursor:pointer;}
.homepage-slider .pxs_navigation > span.pxs_next{left:inherit;right:0;float:right;}
.promo-boxes{float:left;padding:70px 0;width:100%; }
.promo-boxes .promo-box,
.three-blocks .light-blue-bg,
.success-block{background:#e9ecf4;border-radius:5px;overflow:hidden;display:block;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1), 0 2px 2px rgba(0,0,0,0.1);
               box-shadow: 0 1px 1px rgba(0,0,0,0.1), 0 2px 2px rgba(0,0,0,0.1);
               -webkit-transition: 0.15s;
               transition: 0.15s;
}
.promo-boxes .promo-box:hover,
.three-blocks .light-blue-bg:hover,
.success-block:hover{webkit-box-shadow: 0 2px 2px rgba(41,47,56,0.1), 0 4px 4px rgba(41,47,56,0.1), 0 8px 8px rgba(41,47,56,0.1), 0 16px 16px rgba(41,47,56,0.1), 0 32px 32px rgba(41,47,56,0.1);
                     box-shadow: 0 2px 2px rgba(41,47,56,0.1), 0 4px 4px rgba(41,47,56,0.1), 0 8px 8px rgba(41,47,56,0.1), 0 16px 16px rgba(41,47,56,0.1), 0 32px 32px rgba(41,47,56,0.1);
                     -webkit-transform: translateY(-5px);
                     transform: translateY(-5px);
                     -webkit-transition: 0.15s;
                     transition: 0.15s;
}
.promo-box a .promo-image,
.three-blocks .light-blue-bg a .promo-image{position:relative;overflow:hidden;display:block;}
/*.promo-box a .promo-image:after,
.three-blocks .light-blue-bg a .promo-image:after{display:block;content:"";background:rgba(23,35,75,0);position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;-webkit-transition: 0.15s;transition: 0.15s;}
.promo-box a:hover .promo-image:after,
.three-blocks .light-blue-bg:hover a .promo-image:after{background:rgba(23,35,75,.4);}*/
.promo-box .promo-content{padding: 0.75em 2em;text-align: center;min-height: 170px;}
.promo-box  a span{display:block;}
.promo-box  a {text-decoration:none;}
.promo-box .promo-content h4{font-weight:700;font-size:1.44rem;color:#203169;letter-spacing: -0.025em;}
.promo-box .promo-content p{color:rgba(110,126,182,1); margin-bottom: 0;line-height: 1.4; font-weight:300;}
.crosslines-bg2{position:relative;overflow:hidden;}
.crosslines-bg2 .cross-lines{max-width: 50%;right: -15%;left: inherit;top: inherit;    bottom: 13%;}
.life-long-learners{padding:150px 0;background:url(/static/images/x-bg-graphic.png) no-repeat left center;background-size:25%;}
.staff-member-flex{display: flex;flex-wrap: wrap;}
.staff-member-flex > div{display:flex;}
.blue-card {
    background:#e9ecf4;
    border-radius:5px;
    overflow:hidden;
    display:block;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1), 0 2px 2px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1), 0 2px 2px rgba(0,0,0,0.1);
    -webkit-transition: 0.15s;
    transition: 0.15s;
    margin-bottom:2em;
}
.blue-card:hover
{
    -webkit-box-shadow: 0 2px 2px rgba(41,47,56,0.1), 0 4px 4px rgba(41,47,56,0.1), 0 8px 8px rgba(41,47,56,0.1), 0 16px 16px rgba(41,47,56,0.1), 0 32px 32px rgba(41,47,56,0.1);
    box-shadow: 0 2px 2px rgba(41,47,56,0.1), 0 4px 4px rgba(41,47,56,0.1), 0 8px 8px rgba(41,47,56,0.1), 0 16px 16px rgba(41,47,56,0.1), 0 32px 32px rgba(41,47,56,0.1);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: 0.15s;
    transition: 0.15s;
}
.blue-card img {overflow:hidden;display:block;}
.blue-card .card-content{padding: 1em 1.5em;text-align: center;}
.blue-card a span{display:block;}
.blue-card a {text-decoration:none;}
.blue-card .card-content h4 {color:rgba(32,49,105,1)!important; font-weight:700;font-size:1.5rem;letter-spacing: -0.025em; margin-bottom:0.5em;}
.blue-card .card-content p {line-height:1.2;}
.blue-card .card-content p a {font-size:0.875em; color:rgba(110,126,182,1); margin-bottom: 0; text-transform:none; font-weight:500;letter-spacing: 0.05em; }
#carousel-custom-dots {
    display: table;
    margin: 0;
}
#carousel-custom-dots li {
    text-align: center;
    padding: 2em 0;
    font-size: inherit;
}
#carousel-custom-dots li a {
    background: #fff;
    display: block;
    color: #4a6ad3;
    padding: 25px 15px;
    text-decoration: none;
    position: relative;
    font-weight: 600;
    font-size:1.5em;
}
#carousel-custom-dots li a .right-block {
    display: inline-block;
    text-align: left;
}
#carousel-custom-dots li a .right-block span {
    font-size: 20px;
    color: #656565;
    display: block;
    font-weight: 400;
}
#carousel-custom-dots li a em {
    padding-right: 15px;
    font-size: 50px;
    position: relative;
    color: #d3d9f2;
    top: -5px;
}
#carousel-custom-dots li a img {
    position: absolute;
    width: 70px;
    margin: auto;
    opacity: .2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all ease .2;
}
#carousel-custom-dots li.owl-dot.active a, #carousel-custom-dots li a:hover {/*background:#142f4d;color:#469fff;*/
}
#carousel-custom-dots li a:hover img, #carousel-custom-dots li.active a img {
    opacity: 0;
}
.padd-20 {
    padding: 20px 0;
}
.padd-30 {
    padding: 30px 0;
}
.padd-40 {
    padding: 40px 0;
}
.padd-60 {
    padding: 60px 0;
}
.padd-80 {
    padding: 80px 0;
}
.padd-100 {
    padding: 100px 0;
}
.padd-left-60 {padding-left:60px;}
.padd-right-60 {padding-right:60px;}
.container-header {
    padding: 20px 0;
}
.container-header h2 {
    color: #123759;
    position: relative;
}
.btn-grey {
    background: #eef0f2;
    color: #123759;
}
.btn.btn-blue {
    background: rgba(110,126,182,1);
    color: rgba(255,255,255,1) !important;
    text-transform:none;
    font-weight:500;
}
.btn.btn-blue:hover, .btn.btn-blue:focus {
    color: rgba(255,255,255,1) !important;
    border: 1px solid rgba(110,126,182,1);
}
.btn.btn-blue.shadow {
    -webkit-box-shadow: 5px 5px 20px rgba(74, 106, 211, 0.30);
    -moz-box-shadow: 5px 5px 20px rgba(74, 106, 211, 0.30);
    box-shadow: 5px 5px 20px rgba(74, 106, 211, 0.30);
}
.btn.btn-dark-blue {
    background: #123759;
    color: #fff !important;
}
.btn.btn-dark-blue:hover, .btn.btn-dark-blue:focus {
    color: #123759 !important;
    border: 1px solid #123759;
}
.btn-yellow {
    background: #fcdc43;
    border-radius: 35px;
    color: rgba(32,49,105,1);
    font-size: 0.875rem;
    font-weight: 400;
    text-transform: inherit;
    -webkit-box-shadow: 10px 10px 10px rgba(74, 106, 211, 0.3);
    -moz-box-shadow: 10px 10px 10px rgba(74, 106, 211, 0.3);
    box-shadow: 10px 10px 10px rgba(74, 106, 211, 0.3);
}
.btn-transparent-blue {
    color: #469fff;
    border: 1px solid #469fff;
}
.full-image {
    position: relative;
}
img.full{width:100%;}
.full-image .content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.full-image .content.transparent {
    height: 325px;
}
.full-image > img {
    width: 100%;
}
.quotes p {
    color: #fff;
    font-size: 3.5rem;
    line-height: 4.5rem;
    font-family: 'Zooja Light W00 Regular';
    margin-bottom:0;
}
.quotes .author-name p {
    font-style: normal;
    font-weight: 400;
    font-family: "Gotham SSm A", "Gotham SSm B";
    color:rgba(255,255,255,.49);
    font-size:1.8rem;
}
.celebrating-150-years {
    /*background:#f7f8fd;*/
    padding:50px 0;
}
.celebrating-150-years .container > .row > div{display:flex;align-items:center;}
.celebrating-150-years h3 {
    color: #203169;
    font-weight:300;
}
.celebrating-150-years p {font-size:1.285rem;line-height:2rem;}
.celebrating-150-years a {color:rgba(110,126,182,1); text-decoration:underline;font-weight:500;}
.celebrating-150-years h3 strong {
    font-weight:700;
}
.celebrating-150-years h3:before {
    background:none!important;
}
.celebrating-150-years h3:after{
    display: block;
    height: 20px;
    width: 60px;
    background: url(/static/images/yellow-wave.svg) no-repeat;
    background-size: auto auto;
    background-size: 100%;
    position: absolute;
    content: "";
    top:-25px;
}
.celebrating-150-years .a.light-blue {color: #6e7eb5;text-decoration:underline;}
.catholic-identity .row{display:flex;align-items:center;}
.sets-apart .full-image:before {
    display: block;
    position:absolute;
    height:50px;
    bottom:-25px;
    left:0;
    right:0;
    /*content: url(/v2/images/white-wave-thick.svg);*/
}
.sets-apart-slider {
    margin: 125px 0 100px;
    position: relative;
    padding:50px 0 30px;
    float: left;
    width: 100%;
}
.sets-apart-slider:after {
    content: "";
    display: block;
    background:url(/static/images/BACKGROUND-new.jpg) no-repeat;
    background-size:cover;
    position: absolute;
    left: 10%;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.banner-align-right .sets-apart-slider:after { 
     right: 10%;
    left: 0;}

.sets-apart-slider h3{color:#fff;}
#sets_apart_image {
    margin-top: -90px;
}
.sets-apart-slider .banner-content-image img {
    display: block;
    width: 100%;
    position: relative;
    left: 0px;
    z-index: 15;
}
.sets-apart-owl-nav {
    position: relative;
    z-index: 15;
    top: 5px;
    right: 0%;
    text-align: right;
    display:none;
}
.sets-apart-owl-nav > div {
    display: inline-block;
    padding: 30px 10px 10px;
    cursor: pointer;
}
.innerpage .sets-apart-slider:after{left:25%;}
.bottom-slider {margin: 80px 0 0;position: relative;}
.bottom-slider .banner-content {
    display: flex;
    align-items: center;
}
.bottom-slider .banner-content > div {
    padding: 0;
}
.bottom-slider .banner-content .green-bg {
    padding: 6.5rem 3.57rem 2.5rem;
    margin-right: -3.57rem;
    position: relative;
    z-index: 15;
    font-weight: 600;
    -webkit-box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.32);
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.32);
}
.bottom-slider .owl-carousel .owl-nav {
    position: absolute;
    top: 10%;
    left: 32%;
}
.bottom-slider .owl-carousel .owl-nav > div {float: left;
                                             padding: .65rem 0px;
                                             color: #fff;
                                             background: rgba(255,255,255,.1);
                                             height: 2.5rem;
                                             width: 2.5rem;
                                             border-radius: 50%;
                                             margin: 0 5px;
                                             text-align: center;
                                             font-size:0.9rem;
}
.latest-news-slider {
    margin-bottom: 30px;
}
.latest-news-slider .item {
    position: relative;
}
.latest-news-slider .item .overlay {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+40,000000+100&0+40,0.6+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 40%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 40%, rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000', GradientType=0 ); /* IE6-9 */
}
.quotes p {
    color: #fff;
    font-size: 2.75rem;
    line-height: 3.5rem;
    font-family: 'Zooja Light W00 Regular';
    margin-bottom: 0;
    font-weight:300;
}
.quotes .author-name p {
    font-style: normal;
    font-weight: 400;
    font-family: "Gotham SSm A", "Gotham SSm B";
    color: rgba(255,255,255,.49);
    font-size: 1rem;
}
.latest-news-slider .item .overlay .news-desription {
    display: block;
    position: absolute;
    padding: 20px 30px;
    bottom: 0;
    text-align: center;
}
a.white{color:#fff !important;}
.latest-news-slider .item a {
    color: #fff;
}
.latest-news-slider .item a h5 {
    color: #469fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}
.latest-news-slider .owl-nav {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    font-size: 0;
}
.latest-news-slider .owl-nav > div {
    display: block;
    left: -90px;
    position: relative;
    width: 80px;
    float: left;
    text-align: center;
}
.latest-news-slider .owl-nav > div:before {
    font-family: linearicons-free;
    content: "\e889";
    font-size: 35px;
    color: #bebebe;
}
.latest-news-slider .owl-nav > div.owl-next:before {
    content: "\e88a";
}
.latest-news-slider .owl-nav > div:hover:before {
    color: #555;
}
.latest-news-slider .owl-nav > div.owl-next {
    float: right;
    left: inherit;
    left: 90px;
}
.facts {
    overflow: hidden;
}
.facts .list-inline li {
    padding: 0 35px;
    float: left;
    display: inline-block;
    width: 25%;
    text-align: center;
}
.facts .list-inline li em {
    color: #dbe1f6;
    font-size: 80px;
    display: block;
}
.facts .list-inline li .percent {
    color: #203169;
    font-size: 2.75rem;
    padding: 15px 0 0;
    font-weight:500;
}
.facts .list-inline li p {
    color: #6e7eb5;
    font-size: 1.2rem;
    white-space:nowrap;
}
.life-long-learners h3 {
    color: rgba(32,49,105,1);
    font-weight: 300;
    letter-spacing: -0.05em;
}
.life-long-learners h3 strong {
    font-weight: 600;
}
.life-long-learners h3:before {
    background:none!important;
}
/* Modular Scale Typography: Base font size: 16pm/1em; Ratio: 1.2 */
.innerpage h1, 
.innerpage h2, 
.innerpage h3, 
.innerpage h4, 
.innerpage h5, 
.innerpage h6 {
    font-family: inherit;
    line-height: 1.25;
}
.innerpage {font-size:inherit;}
.innerpage h1 {font-size:3.583rem; letter-spacing:-0.05em;}
.innerpage h2 {font-size:2.986rem; letter-spacing:-0.05em;}
.innerpage h3 {font-size:2.488rem; letter-spacing:-0.05em;}
.innerpage h4 {font-size:2.074rem; letter-spacing:-0.05em; font-weight:300; color:rgba(110,126,182,1);}
.innerpage h5 {font-size:1.728rem; letter-spacing:-0.05em; }
.innerpage h6 {font-size:1.44rem; letter-spacing:-0.05em;font-weight:300;color:rgba(110,126,182,1);}
.innerpage p em {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: italic;
    font-weight: 300;
}
.innerpage p b, 
.innerpage p strong {
    font-weight: 500;
}
/* PAGE TABLE STYLES */
.table-wrap {
    background:rgba(255,255,255,1);
    -webkit-box-shadow: 20px 20px 0px rgba(110, 126, 182, 0.3);
    -moz-box-shadow: 20px 20px 0px rgba(110, 126, 182, 0.3);
    box-shadow: 20px 20px 0px rgba(110, 126, 182, 0.3);
}
.table-wrap table {
    margin-bottom:0!important;
}
.table-wrap td {padding:1rem;}
.table-bordered > thead > tr > th {padding: 1.5em 2.5em;}
.table-wrap table th h5 {margin-bottom:0!important;}
.table-wrap table th h6 {margin-top:0!important;}
.table-wrap .table > tbody > tr > td {
    padding: 1.5em 2.5em;
}
.table-wrap table ul {margin:0;}
.table-wrap table ul + p {margin-top:1em!important;}
.table-wrap .table > tbody > tr > td > p:last-child {
    margin-bottom:0;
}
.green-bg,
.blue-bg {
    margin: 30px 0;
    color: #fff;
    text-align: left;
    padding: 40px 50px 80px;
    background: #115234;
}
.blue-bg {background: url(/static/images/BACKGROUND-new.jpg) no-repeat;
          background-size: cover;}
.innerpage .green-bg h2 ,
.blue-bg h2{
    font-size: 2.85rem;
}
.blue-bg h3{color:#fff;}
.innerpage h2:before,  
.innerpage h3.wave:before, 
.innerpage .news-page-header:after,h2:before,
.green-bg h2:before, .news-page-header:after,
.blue-bg h2:before{
    display: block;
    height: 20px;
    width: 60px;
    background: url(/static/images/yellow-wave.svg) no-repeat;
    background-size: 4.3rem;
    position: relative;
    content: "";
    margin: 2rem 0 ;
}
.innerpage .green-bg h3:after ,
.green-bg h2:after,
.blue-bg h2:before {
    display: none;
}
.green-bg img.top-right {
    position: absolute;
    top: -15%;
    right: -20%;
} 
.green-bg img.top-left,
.blue-bg img.top-left{
    position: absolute;
    top: -15%;
    left: -20%;
}
.blue-bg .top-right {
    position: absolute;
    top: -15%;
    right: -20%;
} 
.center-block {
    margin: auto;
    overflow: hidden;
    float: none;
}
.service-blocks {
    padding: 30px 0;
}
.block-image {
    position: relative;
}
.block-image a .overlay {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #123759;
    color: #fff;
    font-size: 20px;
    padding: 40px;
    text-align: center;
    opacity: 0;
    transition: all ease 1s;
    display: flex;
    align-items: center;
}
.block-image:hover a .overlay {
    opacity: 1;
}
.belong .full-image .content h2 {
    font-size: 98px;
    display: inline-block;
    border-bottom: 10px solid #469fff;
    text-transform: uppercase;
    font-weight: 600;
}
.equiry-block {
    padding: 100px 0;
    text-align: center;
}
.equiry-block a h5 {
    color: #469fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}
.equiry-block a h2 {
    color: #123759;
    display: inline-block;
    font-size: 40px;
    font-weight: 600;
}
.equiry-block a h2:after {
    background: #75a8c4;
    width: 45px;
    text-decoration: none;
    transition: .25s linear;
    height: 2px;
}
.equiry-block:hover h2:after {
    width: 100%;
}
.equiry-block a:hover {
    text-decoration: none;
}
.sets-apart-slider p a.white{color:#fff;text-decoration:underline;}
.fullscreen-section.quotes{position:relative;height:300px;clear:both;}
.fullscreen-section{clear:both;}
.subfooter {
    position:relative;
    background: url(../images/subfooter-bg.png) no-repeat;
    background-size: cover;
    padding: 55px 0;
    color: #fff;
}
.subfooter:before {
    display: block;
    position:absolute;
    height:50px;
    bottom:-25px;
    left:0;
    right:0;
    /*content: url(/v2/images/svg/white-wave-thick.svg);*/
}
.subfooter h2 {
    color: #fff;
    font-style: italic;
    font-size: 36px;
}
.cross-lines{position: absolute;max-width: 60%;left: -15%;top: 0%;bottom: 0;margin: auto;}
.fant-x{position:absolute;width:25%;right:0;top:0;bottom:0;margin:auto;}
footer{background:#203169;position:relative;}
.footer-x{position:absolute;top: 0;left: -25rem;width: 95rem;}
.footer-lines{position: absolute;left: 0;right: 0;margin: auto;}
.footer-lines object{position: relative;float: right;width: 83rem;top: 10rem;opacity: .2;}
.footer{padding: 20px 0 0;}
.footer a {
    color: #4a6ad3;
    white-space: nowrap;
    text-decoration: none;
    border-bottom: 1px solid #4a6ad3;
}
.footer-block {
    /* text-align: center; */
    padding: 50px 0 15px;
    font-size: 1em;
    font-weight: 600;
    overflow:hidden;
}
.footer-block p {
    color:#6e7eb5; 
    font-weight:500;
}
.footer-bottom h3 {
    margin: 0;
    font-family:'FrizQuadrataW01-Regular';
    font-weight:normal!important;
    color:#495057;
    font-size:1.438em;
}
.footer-block em {
    color: #6e7eb5;
    font-size: 1.95rem;
    padding: 10px 5px 0 0;
    display: block;
}
.footer-block .block-text {
    min-height: 100px;
    text-align: left;
}
.footer-block .media, .footer-block .media-body {
    overflow: visible;
}
.footer-block h4 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #fff;
}
.footer-bottom{padding:80px 0 80px;display:block;}
.bottom-slider-counter{position: absolute;top: 11.5%;width: 4rem;color: #fff;z-index: 15;left:27%;
                       font-size: 1rem;}
.footer-bottom h4, .footer-bottom ul {
    display: inline-block;
}
.footer-bottom h4 {
    text-transform: uppercase;
    margin: 0 2em 0 0;
    font-weight: 400;
    color: #fff;
    font-size: 1rem;
    letter-spacing: 0.15rem;
}
.footer-bottom a {
    text-decoration: none;
    padding: 0 8px;
    color: rgba(110,126,182,0.6);
    display:inline-block;
    font-weight: 300;
    font-size: .85rem;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.footer-bottom a:hover,
.footer-bottom a:focus {
    color: rgba(110,126,182,1);
} 
.footer-bottom a em {
    font-size: 1.5rem;
    color: rgba(110,126,182,1);
}
.footer-bottom a em:hover,
.footer-bottom a em:focus {
    color: rgba(255,255,255,1);
}
.footer-bottom ul li {
    padding: 0;
}
.copyright {
    position:relative;
    color: #707da9;
    font-size:.85rem;  
    margin-top: 5px;
}
.copyright:before {
    position:absolute;
    height:24px;
    width:100%;
    top:-10px;
    /*content: url(../images/svg/footer-wave.svg);*/
    z-index:3000;
}
.copyright p {
    font-size:0.938em;
    margin:0;
}
nav.quickmenu {background: #fff; font-size: 15px;padding: 10px 0;z-index:999;}
.cd-primary-nav ul li.pull-right {position: fixed;top:15px;right:20px;width:40px;}
.cd-primary-nav ul li.pull-right a{padding:0;}
.cd-primary-nav ul li.pull-right a:hover{background:none;}
.navbar-fixed-top {	left: inherit;}
.quickmenu li.heading {	display: block;}
.quickmenu li.heading h5 {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 500;
    color: #a3afd9;
    letter-spacing: 1px;
}
.quickmenu li.heading h2 {
    position:relative;
    font-size:1.75em;
    margin:10px 0 60px;
}
.quickmenu li.heading h2:before{
    position:absolute;bottom:-60px;left:0;right:0;margin:20px auto;
}
.quickmenu ul li {
    font-size: 1.25rem;
    font-weight:400;
}
.quickmenu ul li a {
    text-decoration: none;
    color: #203169;
    display: inline-block;
    padding: 15px 30px;
    line-height:normal;	
    border-radius: 0;
    margin:0;
    border:none !important;
}
.background-images{position:relative;clear:both;overflow:hidden;}
.quickmenu .tab-content ul li a {
    /*min-height: 80px;*/
}
.quickmenu .tab-content ul li a:hover{border-radius: 40px;}
.quickmenu ul li a span{display: flex;align-items: center;}
.quickmenu ul li a:hover{background:#f6f7fd;}
.quickmenu .nav-tabs>li.active>a, .quickmenu .nav-tabs>li.active>a:focus, .quickmenu .nav-tabs>li.active>a:hover{
    background:#203169;
    color:#fff;
}
.quickmenu ul li a .lnr {
    width: 35px;
    font-size: 35px;
    position: relative;
    top:0;
    right:0;
    float:left;
    -webkit-text-fill-color:inherit;background:none;
}
.quickmenu ul li:hover {
    background: rgba(255,255,255,.2);
}
.quickmenu ul li:hover a {/*color:#ef4035;*/
}
.quickmenu ul li:first-child:hover, .quickmenu li.pull-right:hover {
    background: none;
}
.quickmenu ul li a em{
    float:left;
    color:#a3afd9;
    font-size: 36px;
    margin-right: 10px;
    width: 50px;
    position:relative;
}
.quickmenu ul li#nav-close a em {font-weight: 300;font-size: 35px;padding: 3px 0px;display: inline-block;text-align: center; background:none;-webkit-background-clip: content;
                                 -webkit-text-fill-color:inherit;}
.quickmenu .tab-pane {    padding: 25px 0;}
.quickmenu .tab-pane ul li{margin-bottom:15px;min-height:75px;}
.portal-yamm-content {
    width: 100%;
    bottom: 0;
    background: #123759;
    color: #fff;
    position: fixed;
    top: 37px;
    display: none;
    z-index: 999;
}
.portal-yamm-content .close {
    width: 60px;
    right: 25px;
    position: absolute;
    top: 15px;
    opacity: 1;
    z-index: 25;
}
.portal-yamm-content .page-header {
    padding: 50px 0 0;
}
.portal-yamm-content .page-header p {
    color: #009ddc;
    text-transform: uppercase;
}
.portal-yamm-content h2 {
    color: #fff;
    font-size: 2.5em;
    font-weight: 700;
    margin: 10px 0 15px;
}
.portal-content ul {
    padding: 0;
    margin: 20px 0;
    display: inline-block;
    text-align: center;
}
.portal-content ul li {
    height: 5em;
    list-style: none;
    text-align: center;
    width: 23%;
    display: inline-block;
    min-height: 120px;
    vertical-align: top;
}
.portal-content ul li a {
    color: #fff;
    font-size: .95;
    text-decoration: none;
}
.portal-content ul li a .lnr {
    color: #469fff;
    font-size: 3.5em;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.portal-content ul li:hover a .lnr {
    color: #fff;
}
.portal-content ul li a span {
    padding: 15px 0;
    display: block;
}
.portal-yamm-content .page-header {
    border: none;
    position: relative;
}
.portal-yamm-content .page-header h5 {
    text-transform: uppercase;
    color: #469fff;
}
.portal-yamm-content .page-header:after {
    content: "";
    display: block;
    width: 80px;
    height: 2px;
    background: #469fff;
    margin: 25px auto 50px;
}
.quickmenu-overlay {
    width: 100%;
    content: "";
    top: 0;
    bottom: 0;
    position: fixed;
    background: rgba(18,55,89,0.9);
    opacity: .2;
    transition: all ease .6s;
    margin-left: 0%;
    display: none;
    z-index: 15;
}
.nav-expanded .quickmenu-overlay {
    right: 350px;
    margin-left: 0;
    opacity: 1;
    display: block;
}
/*  Innerpage Css  */
.innerpage {
    color: #203169;
    padding-top:50px;
}
.lightblue-background {
    background: #f6f7fd;
}
.innerpage .banner {
    margin: 0px 0 80px;
}
.innerpage .banner img {
    width: 100%;
    position: relative;
}
.innerpage img.dropshadow {
    -webkit-box-shadow: 10px 5px 54px rgba(32, 49, 105, 0.3);
    -moz-box-shadow:10px 5px 54px rgba(32, 49, 105, 0.3);
    box-shadow:10px 5px 54px rgba(32, 49, 105, 0.3);
}
.block-shadow {
    -webkit-box-shadow: 20px 20px 0px rgba(110, 126, 182, 0.3);
    -moz-box-shadow: 20px 20px 0px rgba(110, 126, 182, 0.3);
    box-shadow: 20px 20px 0px rgba(110, 126, 182, 0.3);
}
/*.innerpage .banner .container .row .col-lg-6.col-lg-offset-1 {
        position: relative;
        top: -50px;
        margin-bottom: -40px;
}*/
.innerpage .banner .container .page-hero-image {
    position: relative;
    top: -50px;
    margin-bottom: -40px;
}
.background-x.left svg {position: absolute;bottom: -4%;right: -15%;width: 60%;z-index: -1;}
.innerpage .header .main-header{background:url(/static/images/BACKGROUND-new.jpg) top center no-repeat rgba(20,31,66,1);
                                background-size:100%;}
.innerpage .banner .container {
    position: relative;
}
.innerpage .banner .container .row {
    position: relative;
}
.innerpage .banner .container .row.page-hero-wrap:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 15%;
    background: url(/static/images/BACKGROUND-new.jpg) no-repeat;
    background-size: cover;
}
.innerpage .banner .image-caption {
    text-align: center;
    color: #fff;
    padding: 20px 0 10px;
}
.innerpage .banner .image-caption strong {
    font-weight: 600;
}
.innerpage .banner .image-caption span {
    display: inline-block;
    padding: 0 50px;
}
.innerpage .banner .banner-content h2 {
    /*color: #fff;*/
}
.innerpage .banner .banner-content p {
    /*color: #fff;*/
    font-weight: 300;
    font-size: 22px;
    line-height: 28px;
}
.innerpage .banner .banner-content {
    padding: 45px 20px 20px 40px;
    /*color: #fff;*/
}
.innerpage .innerpage-image-block {
    padding: 20px 0;
    color: #495057;
    font-weight: 600;
}
.innerpage .banner  .page-hero-wrap .banner-content p,
.innerpage .banner  .page-hero-wrap .banner-content h2{color:#fff;}
.innerpage .innerpage-image-block p {
    font-weight:600!important;
    font-size:15px!important;
    color: #495057!important;
}
.innerpage .innerpage-content {
    font-size: 22px;
    line-height: 1.5;
}
.innerpage .innerpage-content p {
    margin-bottom: 1.5!important;
    font-weight: 300;
}
.innerpage .innerpage-content h4,
.innerpage .innerpage-content h3 {
    font-size: 22px;
    color: rgba(74,106,211,1);
    font-weight: 600;
    margin-bottom: 1em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.about-section{display:flex;align-items:center;clear:both;}
.about-section > div{padding:0;}
.about-section .principal-message{background:url(/static/images/BACKGROUND-new.jpg) #203169 no-repeat left center;background-size:cover;padding:4rem 5rem 4rem;color:#fff;width:120%;position:relative;z-index:15;}
.about-section .principal-message h2{color:#fff;}
.about-section .principal-message p {font-family: "Gotham SSm A", "Gotham SSm B";font-style: normal;font-weight: 200;}
ul.bullets {list-style-type:none; margin:1.5em 0;}
.rich-text ul li,
 ul.bullets li {position:relative; padding:0.5em 0 0.5em 2em; font-family: "Gotham SSm A", "Gotham SSm B";font-style: normal;font-weight: 400; font-size:1em;}

.rich-text ul li:after,
ul.bullets li:before {position:absolute; left:0; top:0.5em; content:"\f111";font-family:'Font Awesome 5 Pro'; color:rgba(251,219,68,1); font-size:1em; font-weight:900; }
ul.bullets ul {list-style-type:none; margin:0.75em 0;}
ul.bullets ul li {position:relative; padding:0.5em 0 0.5em 2em; font-family: 'Gotham Book'; font-weight:300; font-size:1em;}
ul.bullets ul li:before{position:absolute; left:0; top:0.5em; content:"\f111"; color:rgba(251,219,68,1);font-family:'Font Awesome 5 Pro'; font-size:1em; font-weight:300;}

.contact-details h6 {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: normal;
    font-weight: 900;
    font-size:0.8em;
    color:rgba(32,49,105,1);
    letter-spacing:0.075em;
    margin-bottom:1em;
    text-transform:uppercase;
}
ul.contact {list-style-type:none; margin:0 0 3em 0;}
ul.contact li {position:relative;font-size:1em; padding:0.25em 0 0.25em 3em; font-family: "Gotham SSm A", "Gotham SSm B";font-style: normal;font-weight: 400; font-size:1em; color:rgba(110,126,182,1);}
ul.contact li .fal {width:2em; text-align:center; position:absolute;font-size:1em; left:0; top:0.5em; font-family:'Font Awesome 5 Pro'; color:rgba(251,219,68,1);  font-weight:900; }
ul.contact li .fab {width:2em; text-align:center; position:absolute;font-size:1em; left:0; top:0.5em; font-family:'Font Awesome 5 Pro'; color:rgba(251,219,68,1); font-weight:400; font-style:normal; }
ul.contact li a {font-size:inherit;color:rgba(110,126,182,1);}
/*ul.contact ul {list-style-type:none; margin:0.75em 0;}
ul.contact ul li {position:relative; padding:0.5em 0 0.5em 3em;  font-family: 'Gotham Book'; font-weight:300; font-size:1em;}
ul.contact li .fal {position:absolute; left:0; top:0.5em; content:"\f111";font-family:'Font Awesome 5 Pro'; color:rgba(251,219,68,1); font-size:1.5em; font-weight:900; }
*/
.contact-wrap {
    font-size:100%;
    padding:3em 5em; 
    background:rgba(255,255,255,1);
    -webkit-box-shadow: 10px 5px 54px rgba(32, 49, 105, 0.3);
    -moz-box-shadow:10px 5px 54px rgba(32, 49, 105, 0.3);
    box-shadow:10px 5px 54px rgba(32, 49, 105, 0.3);
}
.contact-wrap label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 2px;
    font-weight: 700;
    font-size: 0.75em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-top: 0.5em;
}
.contact-wrap button, 
.contact-wrap input, 
.contact-wrap select, 
.contact-wrap textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-size: 1em;
    font-weight: 300;
    padding: 1em 1.5em;
    border: 0;
    background-color: rgba(110,126,182,0.05);
    margin-bottom: 1em;
}
.contact-wrap input.cat_textbox, 
.contact-wrap textarea.cat_listbox, 
.contact-wrap select.cat_dropdown, 
.contact-wrap select.cat_listbox {
    width: 100%;
}
.contact-wrap > p {color:rgba(110,126,182,1);}
.contact-wrap #catwebformbutton {
    font-family: inherit;
    font-size: inherit;
    line-height: 1;
    font-size: 1em;
    font-weight: 500;
    padding: 1em 2em;
    border: 0;
    background-color: rgba(251,219,68,1);
    margin: 2em auto;
    border-radius: 30px;
}
.blockquote-wrap {
    margin-top: 30px;
}
.blockquote-wrap blockquote {
    font-size: 1.875em;
    font-weight: 600;
    color: #203169;
    text-align: left;
    position: relative;
    font-style: normal;
    padding-right: 20px;
    line-height: 1.25;
    letter-spacing: -0.025em;
}
.blockquote-wrap blockquote:after {
    display: none;
}
.blockquote-wrap blockquote:before {
    display: block;
    content: "";
    height: 20px;
    position: absolute;
    width: 100%;
    top: -30px;
    background: url(/static/images/yellow-waves-long.svg) no-repeat;
    background-size: 30px;
}
blockquote {
    border: medium none;
    color: #1e306e;
    font-size: 2rem;
    line-height: 2.5rem;
    letter-spacing: -0.025em;
    padding: 20px 0;
    text-align: left;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: italic;
    font-weight: 500;
}
blockquote em{font-weight:600;}
blockquote:before {
    display: block;
    height: 20px;
    width: 200px;
    background:url(/static/images/yellow-waves-long.png) repeat-x;
    position: relative;
    content: "";
    background-size: 24rem;
    margin: 20px 0;
}
blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.5;
    color: rgba(110,126,182,1);
    font-family: 'Gotham Book';
    font-style: normal;
    font-weight: 300;
    font-size: 0.625em;
    margin-top: 1em;
}
.bottom-align {
    display: flex;
    align-items: flex-end;
}
.padd-left-30 {
    padding-left: 30px;
}
.padd-right-30 {
    padding-right: 30px;
}
.banner .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    text-align: center;
    background: rgba(0,0,0,.5);
}
.banner .overlay h1 {
    width: 100%;
    color: #fff;
    font-weight: 600;
    font-size: 60px;
    text-transform: uppercase;
}
.banner .overlay h1:after {
    content: "";
    display: block;
    margin: auto;
    height: 4px;
    width: 100px;
    background: #469fff;
    position: relative;
    top: 30px;
}
.banner-bottom-strip .lead, .breadcrumb-strip .lead {
    color: #fff;
}
.banner-bottom-strip p {
    margin: 0;
}
.image-wrap {
    position: relative;
}
.image-wrap .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: flex-end;
    padding: 45px 25px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+49,000000+100&0+49,0.65+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 49%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 49%, rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 49%, rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0 ); /* IE6-9 */
}
.image-wrap .overlay h4 {
    color: #fff;
    margin: 0 auto;
}
.image-wrap .overlay h4:after, .belong h3:after {
    content: "";
    height: 2px;
    display: inline-block;
    margin: 0 auto;
    background: #469fff;
    position: relative;
    width: 100%;
    -webkit-transform: scaleX(.4);
    transform: scaleX(.4);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.belong h3:after {
    top: -35px;
}
.image-wrap .overlay:hover h4:after, .belong:hover h3:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.about-section .image-wrap {
    margin-bottom: 30px;
    overflow: hidden;
}
.about-section .image-wrap img {
    transform: scale(1);
    transition: all ease 1.5s;
}
.about-section .image-wrap:hover img {
    transform: scale(1.1);
}
.belong h3, .belong h3 a {
    font-size: 60px;
    color: #fff;
    margin: 0;
    font-weight: 100;
    display: inline-block;
}
.principal-image img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    object-fit: cover;
}
.principal-image h4 {
    margin: 20px 0 0!important;
}
.principal-image p.small {
    margin: 0 0 50px;
}
.innerpage-content h4 {
    color: #469fff;
    font-size: 30px;
    line-height: 41px;
    margin: 0 0 30px;
    font-weight: 100;
}
.bottom-image {
    margin-top: -230px;
}
.principal-image h4, .principal-name strong {
    font-weight: 600;
}
.photo-gallery-section {
    padding: 0 0 50px 0;
    position: relative;
}
.photo-gallery-section .gallery-wrapper {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding:0 0 40px;
}
.gallery-wrapper h2:after, .gallery-wrapper h2:before {
    display: none;
}
.gallery-wrapper h2 + p {
    color:rgba(110,126,182,1);
}
.photo-gallery-section .gallery a {
    display: block;
    margin-bottom: 30px;
}
.three-blocks .light-blue-bg {
    background: #f6f7fd;
    text-align: center;
}
.three-blocks .light-blue-bg h4 a {
    color: #203169;
    font-weight: 600;
    text-decoration: none;
}
.three-blocks .light-blue-bg .text-box {
    padding: 30px 20px 0;
    color: #4a6ad3;
}
.three-blocks .light-blue-bg .text-box p{font-weight:400;color:rgba(110,126,182,1);}
#sets_apart_content{padding:0 40px;color:#fff;}
#sets_apart_content h2{color:#fff;margin-bottom:20px;font-size:2.75rem;font-weight:700;}
.innerpage-banner {
    position: relative;
    background: #f6f7fd;
}
.innerpage-banner .banner-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: flex-end;
}
.innerpage-banner .banner-content h2 {
    font-size:4rem;
}
.innerpage-banner .banner-content p {
    font-size: 1.25rem;
    color: #203169;
}
.innerpage-banner .banner-content p a {
    color: #6e7eb5;
    text-decoration: underline;
    font-weight: 600;
}
.triangle {
    width: 0;
    height: 0;
    border-bottom: 50px solid #fff;
    border-left: 100vw solid transparent;
    position: absolute;
    bottom: -1px;
    z-index: 15;
}
a.read-more {
    color: #4a6ad3;
    text-decoration: underline;
    font-weight: 600;
}
.blue-bg a.read-more {
    color: #fff;
}
.news-events .banner {
    height: 250px;
    overflow: hidden;
    position: relative;
}
.news-events .banner h2 {
    font-size: 60px;
}
.news-events .banner h2:before {
    margin: 0;
}
.news-events .banner > img {
    position: absolute;
    bottom: 0;
    right: 0;
}
.news-events .banner .banner-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 25px 0;
}
.filter-list {
    padding: 40px 0;
}
.filter-list ul {
    margin: 0;
}
.filter-list ul li {
    color: #4a6ad3;
    font-size: 22px;
}
.filter-list ul li a {
    display: block;
    padding: 15px;
    text-decoration: none;
}
.filter-box .news-block {
    margin-bottom: 30px;
}
.filter-box .news-block .block-desc {
    min-height: 90px;
}
.filter-box .news-block .block-desc h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
}
.filter-box .news-block .block-desc h4 a {
    color: #4a6ad3;
    text-decoration: none;
}
.filter-box .center-block > div {
    padding: 0 8px;
}
.news-events h5 a {
    font-size: 22px;
    color: #4a6ad3;
    text-decoration: none;
}
.news-events .center-block h3 {
    font-size: 20px;
    text-transform: uppercase;
    color: #203169;
    font-weight: 600;
    margin-bottom: 20px;
}
.news-events .center-block h3 a {
    text-decoration: none;
    color: #4a6ad3;
}
.popular-articles > div {
    background: #fff;
    padding: 15px;
}
.popular-articles  > div h4, .news-blocks .news-box h4 {
    margin: 0;
    font-size: 20px;
}
.popular-articles  > div h4 a, .news-blocks .news-box h4 a {
    text-decoration: none;
    font-weight: 600;
    color: #203169;
}
.popular-articles .media-left {
    padding-right: 20px;
}
.flex-box > div {
    display: flex;
}
.news-blocks {
    display: flex;
    flex: 1;
    flex-direction: column;
}
.news-blocks > div {
    padding: 20px 0 90px;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.events-tweets .promo-box{background:#fff;}
.events-tweets .media-download-wrap a{width:100%;}
.news-block .bottom-btn {
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.news-blocks .news-box {
    padding: 0 20px;
    min-height: 101px;
    margin-bottom: 5px;
}
.news-blocks .news-box p {
    font-size: 14px;
    margin: 0;
}
.news-block > img, .news-block > video {
    margin-top: -20px;
}
.news-blocks .news-box p.lead {
    font-size: 18px;
    color: #203169;
    font-weight: 400;
    margin: 15px 0;
}
.news-page-header {
    text-align: center;
    padding: 50px 0;
}
.news-page-header h5 {
    text-transform: uppercase;
    font-weight: 600;
    color: #4a6ad3;
    font-size: 20px;
}
.news-page-header h1 {
    font-weight: 600;
    font-size: 60px;
    color: #203169;
}
.news-page-header:after {
    margin: 30px auto 0;
}
.news-main-image {
    clear: both;
}
.news-main-image .green-bg {
    padding: 0;
    position: relative;
    right: -40px;
}
.news-main-image .green-bg p {
    font-style: italic;
    text-align: center;
    padding: 10px 20px;
}
.news-main-image .green-bg>img {
    margin-left: -40px;
    margin-top: -40px;
}
.news-description {
    padding: 0 45px;
}
.news-description p.lead {
    font-size: 26px;
    line-height: 34px;
}
.news-description p a{color:#4a6ad3;}
.testimonial{clear:both;overflow:hidden;}
.testimonial blockquote {
    text-align: left;
    font-weight: 600;
    color: #203169;
    font-style: normal;
    margin-bottom: 0;
}
.testimonial blockquote:before{
    content: "";
    display: block;
    background: url(../images/wave-bg.png) repeat-x;
    height: 15px;
    width: 50%;
    background-size: 30px;
    margin: 30px 0px;
}
.testimonial blockquote:after {
    display: none;
}
h2.no-wave:before {
    display: none;
}
.white-bg{background:#fff;}
a.btn.btn-light-blue{background:#4a6ad3;color:#fff;}
.search-wrapper {
    position: absolute;
    top: 15px;
    right: 10px;
    z-index: 15;
    background:#fff;
    max-width:500px;
}
.search-wrapper.active {
}
.search-wrapper .input-holder {
    overflow: hidden;
    height: 50px;
    background: rgba(255,255,255,0);
    border-radius: 0;
    position: relative;
    width: 50px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 1500;
}
.search-wrapper.active .input-holder {
    width: 100vw;
    -webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
}
.search-wrapper .input-holder .search-input {
    width: 100%;
    height: 50px;
    padding: 0px 20px 0 70px;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    outline: none;
    font-size: 28px;
    font-weight: 400;
    line-height: 20px;
    -webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.search-wrapper.active .input-holder .search-input {
    opacity: 1;
}
.search-wrapper .input-holder .search-icon {
    width: 50px;
    height: 50px;
    border: none;
    padding: 0px;
    outline: none;
    position: relative;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #fff;
    color: #203169;
}
.search-wrapper.active .input-holder .search-icon {
    width: 50px;
    height: 50px;
    margin: 0 10px;
    border-radius: 0px;
    font-size:18px;
    display:none;
}
.search-wrapper .input-holder .search-icon span {
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 12px;
    width: 20px;
    height: 25px;
    cursor: pointer;
}
.search-wrapper.active .close {
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 1500;
}
.search-wrapper .result-container {
    width: 100%;
    position: absolute;
    top: 80px;
    left: 0px;
    text-align: center;
    display: none;
    color: #B7B7B7;
}
.search-results-wrap h3 {
    font-size: 1.5em;
    margin-bottom: 0.75rem;
}
.search-results-wrap h3 a {
    color: rgba(32,49,105,1);
}
.main-header .mobile-tabs .navbar-nav > li{display:block;width:100%;text-align:left;float:left;}
.main-header .mobile-tabs .menu-block{width:100%;opacity:1;}
.main-header .mobile-tabs .navbar-nav > li .dropdown-menu{overflow:hidden;} 
.main-header .menu-block .panel-default{box-shadow:none;border-radius:0;background:none;}
.main-header .menu-block .panel-default>.panel-heading{border:none;padding:0;}
.main-header .navbar-toggle[aria-expanded="true"] .fa-bars:before{content:"\f00d";}
.main-header .mobile-tabs .navbar-nav{padding-bottom:20px;padding-top:10px;}
.main-header .mobile-tabs .menu-block .panel-default{border:none;background:none;}
.main-header .mobile-tabs .menu-block  .panel-body ul li,
.main-header .mobile-tabs .menu-block ul{list-style:none;}
.main-header .mobile-tabs .menu-block ul{padding-bottom:5px;}
.main-header .mobile-tabs .menu-block  .panel-body ul li a,
.main-header .mobile-tabs .menu-block ul li a{color: #fff;font-size: 16px;display: block;padding: 5px 35px;}
.main-header .mobile-tabs .navbar-nav{float:left;width:100%;}
.main-header .mobile-tabs .nav-tabs>li > a{}
.main-header .mobile-tabs .nav-tabs>li.active>a,
.main-header .mobile-tabs  .nav-tabs>li.active>a:focus,
.main-header .mobile-tabs .nav-tabs>li.active>a:hover{border-radius:0;background:#4a6ad3;color:#fff;border: none;}
.mobile-tabs{display:none;}
.filter-box .container-header.text-center h2:before{display:none;}
.mobile-tabs .tab-content #contact a {
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.mobile-tabs .tab-content #contact a em {
    display: block;
    font-size: 42px;
    padding: 20px 0 0;
    font-weight:100;
}
.mobile-tabs .tab-content #contact a:hover, .mobile-tabs .tab-content #contact a:focus {
    color: rgba(255,255,255,1) !important;
}
.mobile-tabs .tab-content #contact a span {
    display: block;
    padding: 15px;
}
.green-bg a{color:#fff;text-decoration:underline;}
.mobile-tabs .panel-group .panel+.panel{margin:0;}
.school-houses .row > div,
.sports-list > div,
.staff-members > .row > div{margin-bottom:30px;}
.staff-members{overflow:hidden;padding:20px 0;}
.sports-list{overflow:hidden;padding:40px 0;}
.staff-members .person-name a{display:block;padding:10px 10px;text-align:center;text-decoration:none;font-weight:600;
                              background:rgba(74,106,211,1);font-size:16px;color:#fff;}
.staff-members .image-wrap img{width:100%;}
.useful-links-list .col-md-6{margin-bottom:30px;}
.useful-links-list .col-md-6 p{font-weight:600;margin-bottom:5px;line-height:24px;}
.useful-links-list .col-md-6 p a{text-decoration:none;color:#203169;}
/* MEDIA DOWNLOAD LIST */

.media-download-wrap {
    position:relative;
    font-size:16px;
    min-height: 85px;
}
.media-download-wrap a {
    display:block;
    position:absolute;
    top:0;
    left:0;
    color:rgba(110,126,182,1);
    padding:1em 2em 1em 5em;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: normal;
    font-weight: 500;
    font-size:1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background:rgba(110,126,182,0.05);
    -webkit-box-shadow: 0px 2px 5px rgba(32, 49, 105, 0.30);
    -moz-box-shadow: 0px 2px 5px rgba(32, 49, 105, 0.30);
    box-shadow: 0px 2px 5px rgba(32, 49, 105, 0.30);
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
}
.media-download-wrap a .fas {
    display:block;
    position:absolute;
    top:0;
    left:0;
    padding:0.875em 1em;
    content:"\f33d";
    font-family: "Font Awesome 5 Pro";
    font-weight:900;
    color:rgba(110,126,182,1);
    font-size:1.25em;
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
    background:rgba(255,255,255,1);
}
.media-download-wrap a span {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: normal;
    font-weight: 300;
    color:rgba(101,101,101,1);
}
.media-download-wrap a:hover,
.media-download-wrap a:focus {
    text-decoration:none;
    background:rgba(110,126,182,0.1);
    -webkit-box-shadow: 0px 5px 8px rgba(32, 49, 105, 0.35);
    -moz-box-shadow: 0px 5px 8px rgba(32, 49, 105, 0.35);
    box-shadow: 0px 5px 8px rgba(32, 49, 105, 0.35);
    -webkit-transform: translate(0px, -5px);
    -moz-transform: translate(0px, -5px);
    -o-transform: translate(0px, -5px);
    -ms-transform: translate(0px, -5px);
    transform: translate(0px, -5px);
}
.our-history,.our-history-block {text-align:left;clear:both;float:left;width:100%;position:relative;padding:20px 0;}
.our-history .container .col-lg-10{position:relative;}
.our-history-block .left-side{padding:0 60px;color:#fff;}
.our-history-block .top-right img{margin-top:-70px;}
.our-history-block:before{
    content:"";display:block;left:0;right:10%;top:0;bottom:0;position:absolute;
    background: url(/static/images/BACKGROUND-new.jpg) no-repeat;background-size: cover;
}
.menu-overlay{position:fixed;top:92px;bottom:0;left:0;right:0;margin:auto;background:rgba(20,31,66,0.8);}
.gallery{overflow:hidden;padding:50px 0;font-size:18px;}
.gallery .gallery-img{width:33%;float:left;}
.gallery .gallery-img a {
    display:block;
    width:100%;
    height:100%;
    transform-origin: center center;
    transition: 0.5s;
    transform-style: preserve-3d;
    position: relative;
    color:#3a66b3;
    display:block;
}
ul, li{
    margin:0;
    padding:0;
    list-style:none;
}
.diamonds{
    font-size:1em;
    width: 48.875em;
    margin: 0 auto;
    padding: 2.500em 0 0 ;
}
.diamonds li {
    perspective: 1000;
    width: 11.125em;
    height: 11.125em;
    display: block;
    float:left;
    margin-left: 4.500em;
}
/*:nth-child recipes FTW!*/
.diamonds li:nth-child(3) ~ li{margin-top: -2.813em;}
.diamonds li:nth-child(9n-5){
    margin-left: 10.33em;
}
.diamonds li:nth-child(8n+1){
    margin-left: 10.33em;
}
.diamonds li:nth-child(5n+1){
    margin-left: 2.50em;
}
.diamonds li:nth-child(13){ 
       margin-top: -3em;
    margin-left: 4.75em;
}

.diamonds li:nth-child(14),
.diamonds li:nth-child(19),
.diamonds li:nth-child(24),
.diamonds li:nth-child(29){
    margin-left: 10.25em;
}

.diamonds li:nth-child(17),
.diamonds li:nth-child(22),
.diamonds li:nth-child(27)  {
    margin-left: 4.5em;
}
/*the flipping thingy*/
.flipper {
    display:block;
    width:100%;
    height:100%;
    transform-origin: center center;
    transition: 0.5s;
    transform-style: preserve-3d;
    position: relative;
    color:#3a66b3;
}
/*animate on hover*/
.front {
    width: 100%;
    height: 100%;
    overflow:hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.front {
    z-index: 2;
    transform:
        rotateX(0deg)
        rotateY(0deg)
        rotateZ(45deg);
    border: 4px solid #fff;
}
.front img{
    width:140.5%;
    height:auto;
    transform:
        translateX(-14.5%)
        translateY(-14.5%)
        translateZ(0)
        rotateX(0deg)
        rotateY(0deg)
        rotateZ(-45deg);max-width:inherit;
}
.homepage .background-x.right{    background-position: 700% 0;background-size: 90%;}
.gallery-link{background: #203169;color: #fff;position: absolute;top: -25%;bottom: -25%;left: -25%;right: -25%;transform:rotate(-45deg);display: flex;align-items: center;padding:4rem 3rem;}
.gallery-link h2{color: #fff;font-size: 1.44rem;margin: 0 auto}
.gallery-link h2:after{display:block;margin: 20px auto 0;position:relative; background: url(/static/images/yellow-wave.svg) no-repeat;content:"";height:20px;width:60px;top:0;}
.next-prev-block{position:relative;}
.next-prev-block .links{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;}
.next-prev-block .links a{display:block;background:#203169;padding:2rem 2.85rem;color:#fff;text-decoration:none;width: 20rem;position:relative;margin-left: -11rem;height:12.5em;}
.next-prev-block .links a h5{font-weight: 500;font-size: 0.8rem;
                             text-transform:uppercase;
                             letter-spacing:1px; color:rgba(110,126,182,1);}
.next-prev-block .links a h4{font-weight: 600;font-size: 1.75rem; color:rgba(255,255,255,1)!important;}
.next-prev-block .links a em{color: #6d7eb6;position: absolute;bottom: 1rem;left: 1.25rem;font-size: 1.5rem;}
.next-prev-block .right .links{left:inherit;}
.next-prev-block .right .links a em{left:inherit;right:1rem;}
.next-prev-block .right .links a{margin-left:inherit;margin-right:-11rem;}
.background-x.left{position: relative;background: url(/static/images/background-x-left.svg) no-repeat;background-position: -250% 40%;background-size: 90%;}
.background-x.right{position: relative;overflow: hidden;background: url(/static/images/background-x-right.svg) 1195% 5% no-repeat;background-size: 95%;}
.success-block{background:#fff;}
.success-block a h5{font-size:.85rem;text-transform:uppercase;color:#6e7eb5;font-weight:500;}
.success-block a{color:#203169;text-decoration:none;}
.success-block a h4{font-size:1.5rem;font-weight:600;line-height:1.8rem;}
.success-block a .block-desc{padding:20px 25px;}
.section-header{float:left;width:100%;padding:15px 0 40px;position:relative;margin-bottom:20px;}
.section-header > div{position:reative;}
.section-header .dropdown{margin-top: 75px;}
.section-header .dropdown button.btn{border: none;width: 100%;border-radius: 0;font-size: 1.4rem;font-weight: 600;color: #6e7eb5;text-align: left;border-bottom: 2px solid#e9ecf4;
                                     padding: 10px 0;box-shadow: none;background:none;}
.section-header .dropdown button.btn:hover,
.section-header .dropdown button.btn:focus,
.section-header .dropdown.open .btn{background:none;}
.section-header .dropdown button.btn em{float: right;position: absolute;top:1rem;right:5px;font-size:1.75rem;}
.success-stories-listing .masonry-item{margin-bottom:30px;}
.section-header .dropdown-menu{border-radius:0;width:100%;padding:0;border:none;}
.section-header .dropdown-menu li a{padding:10px 15px;}
.three-blocks .light-blue-bg{margin-bottom:20px;}
/*Book Tour Forms Css*/
.tour_form_wrap .book_tour{padding:15px 0;border-radius:25px;margin:10px 0;display:inline-block;font-size:1rem; width:100%;}
.tour_form_wrap .book_tour a{color:#7eaed4;}
.book_tour_form{float:left;width:100%;overflow:hidden;margin-bottom:50px;color: #a3afd9;}
.book_tour_form.form_block	{opacity:1; background:none; padding:0;}
.book_tour_form.form_block select	{padding:10px; font-size:1rem;}
.innerpage  .form_block_heading h4{font-size:1.2rem;letter-spacing:.1rem;color: #a3afd9;}
.tour_form_wrap h2{ font-weight:300;}
.book_tour{font-size:1rem;padding:0 10px;}
.strong{font-weight:bold;}
.tour_form_wrap p.note {font-size:1rem;text-align: right;margin:0px;}
.book_tour_form label{float:left;width:100%;text-align:left;padding: 5px 0px 0px 0px;font-size:1rem;font-weight:400;}
.book_tour_form .form_row.row {padding: 5px 0;}
.book_tour_form input{width:100%;max-width:100%;padding:5px 10px;font-size:1rem;border:none;}
.book_tour_form .form_blocks{min-height:760px;}
.form_block select{font-size:13px;}
.form_block{padding:30px;margin-right:1px;opacity:.5;padding-bottom:1100px;margin-bottom:-1000px;    background: url(/static/images/BACKGROUND-new.jpg) #203169 no-repeat; background-size: 210%;}
.form_block.current_step{opacity:1;}
.form_block.done_step{background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.3);}
.form_block .blocker{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;}
.book_tour_form .form_block .btn{max-width: 180px;letter-spacing:1px;}
.form_block .btn .fa{padding: 2px 0 2px 10px;}
.form_block_heading{margin-bottom:20px;position:relative;}
.book_tour_form .form_block_heading .btn{font-size: 12px;margin: 0;padding: 5px;position: absolute;right: 0;top: 7px; width: 65px; text-transform: inherit;}
.form_block_heading h4 span{background: rgba(20,31,66,1);font-weight: bold;color: #fff;margin-right: 15px;display: inline-block;width:40px;text-align: center;}
.form_block select,.student_detail select{width: 100%;padding: 6px;border: none;font-size: 13px;
                                          appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../img/select_bg.png) 95% center no-repeat #fff; color:#999999;}
.form_detail .email,.form_detail .contact{padding:10px 0;}
.form_data {font-size:16px;}
.form_data p{margin: 0 0 20px;}
.form_detail {width: 90%;text-align: left;margin: 0 auto;color:#353535;padding: 50px 0;}
.form_detail h3,.form_detail .email{font-weight:bold;}
.form_block .form_button{position: reative;margin:20px;}
.form_block .form_button .orange_btn{max-width:260px;}
.overflow-hidden{overflow:hidden;}
/*.error{background:transparent;font-size: 12px;color: red;margin-left:0px;display: block;text-align: left;padding: 5px 0 0;text-align:left;}*/
.error, .errorlist{background: none repeat scroll 0 0 crimson;color: white;float: left;
                   font-size: 11px;margin: 0;padding: 3px 6px;text-align: left;width: 100%;}
.book_tour_form .form_block .form_row .checkbox {float: left;width: 25px;margin: 3px 0;}
.book_tour_form .form_block input[type="text"],
.book_tour_form .form_block select{height:32px;padding:5px 10px;}
/*Book Tour Forms Css*/
/* Effect 1: YouTube loading */
.site-loader{position: fixed;
             top: 0;
             left: 0;
             right: 0;
             bottom: 0;
             margin: auto;
             z-index: 2000;
             background: rgba(20,31,66,1);
             display: flex;
             overflow: hidden;
             align-items: center;
             justify-content: center;
}
.site-loader svg{position:absolute;width:25em;max-width:80%;top:0;left:0;right:0;bottom:0;margin:auto;}
/* Start Loader Css*/
.la-anim-1 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 3px;
    background: #fadb45;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    pointer-events: none;
}
.la-anim-1::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100%;
    background: #fdb913;
    box-shadow: 0 0 15px #fdb913, 0 0 5px #fdb913;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.2s, box-shadow 2s 4s;
    transition: opacity 0.2s, box-shadow 2s 4s;
    -webkit-transform: rotate(2deg) translateY(-2px);
    transform: rotate(2deg) translateY(-2px);
}
.la-anim-1.la-animate {
    z-index: 100;
    opacity: 0;
    -webkit-transition: -webkit-transform 10s ease-in, opacity 1s 10s;
    transition: transform 10s ease-in, opacity 1s 10s;
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}
.la-anim-1.la-animate::after {
    box-shadow: 0 0 3px #fdb913, 0 0 1px #fdb913;
    opacity: 1;
}
/* END Loader Css*/
/* upcoming events calendar css*/
#header_upcoming_events .block-row:nth-of-type(1n+6),#header_upcoming_events p:nth-of-type(1n+6) {
    display: none;
}
.calendar_tabs .nav-tabs {
    border-bottom: 2px solid #203169;
}
.calendar_tabs .nav-tabs>li {
    width: 33.33%;
}
.calendar_tabs .nav-tabs>li>a {
    text-align: center;
    background-color: rgba(46,48,45,.05);
    font-size: 21px;
    padding: 15px 20px;
    color: rgba(20,31,66,1);
    position: relative;
    top: 0px;
    border: none;
    border-radius:0;
    margin:0;
}
.calendar_tabs .nav-tabs>li>a:hover {
    background-color: rgba(46,48,45,.1);
}
.calendar_tabs .nav-tabs>li.active>a {
    background-color: rgba(20,31,66,1);
    color: #fff;
    border: none;
}
.calendar_tabs .nav-tabs>li>a>.lnr {
    margin-right: 20px;
}
.padding-60 {
    padding: 60px 0;
}
*:focus {
    outline: none;
}
.tab-content .pages_row {
    clear: both;
    border-bottom: 1px solid rgba(255,255,255,.15);
    padding-bottom: 15px;
    float: left;
    width: 100%;
}
.tab-content .pages_row .pages_links h4 {
    margin: 0.8em 0 .15em;
    text-transform: none;
    font-size:1.5rem;
    font-weight:400;
}
.innerpage .tab-content .pages_row .school {
    float: left;
    color: rgba(35,31,32,0.8);
}
.tab-content .pages_row .favourite {
    float: right;
}
.tab-content .pages_row .date_block.home-date .addthisevent-drop {
    position: relative;
}
.tab-content .pages_row .date_block.home-date .addthisevent_dropdown {
    position: absolute;
    width: 150px;
    left: -1px !important;
    top: 65px !important;
    display: none;
    background: #282828;
    z-index: 1 !important;
}
.tab-content .pages_row .date_block.home-date .addthisevent-drop,  .tab-content .pages_row .date_block.home-date .addthisevent-drop:hover {
    background: none;
    border: none;
    font-size: 40px;
    padding:15px 0 50px;
    float: left;
    margin-right: 20px;
    text-decoration: none;
}
.tab-content .pages_row .date_block.home-date .addthisevent_dropdown span {
    font-size: 1rem;
    display: block;
    background: #282828;
    color: #fff;
    padding: 8px 15px;
    text-decoration: none;
}
.tab-content .pages_row .date_block .pages_detail{overflow:hidden;}
.tab-content .pages_row .date_block.home-date .addthisevent_dropdown span:hover a {
    background: #111 !important;
    color: #ffc425 !important;
}
.tab-content .pages_row .date_block.home-date .addthisevent_dropdown em {
    font-size: 20px;
    float: left;
    margin-top: -3px;
    width: 100%;
}
.addthisevent_dropdown .copyx {
    display: none !important;
}
.addthisevent-drop:hover,  .addthisevent-drop.addthisevent-selected {
    color: #ffdd33 !important;
}
.tab-content .pages_row .date_block.home-date .addthisevent_dropdown span:hover {
    background: #111 !important;
    color: #ffdd33 !important;
}
/* END upcoming events calendar css*/
.news-description div.lead {
    font-size: 1.9rem;
    line-height: 2.45rem;;
}
.footer-wrap{overflow:hidden;clear:both;position:relative; }
#todays-events-calendar .fc-toolbar{position:relative;margin-bottom:20px;} 
#todays-events-calendar .fc-toolbar .fc-right {float: right;position: absolute;right: 0;bottom: 15px;} 

.filter-selectbox{position: relative;    border-bottom: 2px solid#e9ecf4;margin-top: 75px;}
.filter-selectbox select{height:50px;width:100%;appearance: none;-moz-appearance: none;-webkit-appearance: none;
background: none;border:none;font-size: 1.4rem;font-weight: 600;color: #6e7eb5;padding-right: 2rem;}
.filter-selectbox:after{font-family: "Font Awesome 5 Pro"; content: "\f107"; position: absolute;
    top: 1rem;right:1rem;font-size: 1.75rem;font-weight: 300;color: #6e7eb5;}
    .filter-selectbox select option{font-size: 1rem;line-height: 2rem;}

.block-table    {padding-bottom: 20px;}
.block-table table {
	width: 100%;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	
}

.block-table table td,
.block-table table th {
	padding: 5px 20px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.block-table table tr:nth-child(odd) {
	background-color: #f9f9f9;
}

.image-with-link .col-md-3{margin-bottom: 20px; }

/*****************************************/
    /* MEDIA DOWNLOAD LIST */
        
    .media-download-wrap {
        position:relative;
        font-size:16px;
    }
    .media-download-wrap a {
        display:block;
        position:absolute;
        top:0;
        left:0;
        color:rgba(110, 126, 182, 1);
        padding:1em 2em 1em 5em;
        font-family: "Gotham SSm A", "Gotham SSm B";
        font-style: normal;
        font-weight: 500;
        font-size:1em;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background:rgba(110, 126, 182, 0.05);
        -webkit-box-shadow: 0px 2px 5px rgba(32, 49, 105, 0.30);
        -moz-box-shadow: 0px 2px 5px rgba(32, 49, 105, 0.30);
        box-shadow: 0px 2px 5px rgba(32, 49, 105, 0.30);
        -webkit-transition: all 0.15s ease;
        -moz-transition: all 0.15s ease;
        -o-transition: all 0.15s ease;
        transition: all 0.15s ease;
    }
    .media-download-wrap a .fas {
        display:block;
        position:absolute;
        top:0;
        left:0;
        padding:0.875em 1em;
        /*content:"\f33d";
            font-family: "Font Awesome 5 Solid";*/
            color:rgba(110, 126, 182, 1);
        font-size:1.25em;
        -webkit-border-radius: 4px 0px 0px 4px;
        -moz-border-radius: 4px 0px 0px 4px;
        border-radius: 4px 0px 0px 4px;
        background:rgba(255, 255, 255, 1);
    }
    .media-download-wrap a span {
        font-family: "Gotham SSm A", "Gotham SSm B";
        font-style: normal;
        font-weight: 300;
        color:rgba(101, 101, 101, 1);
    }
    .media-download-wrap a:hover, .media-download-wrap a:focus {
        text-decoration:none;
        background:rgba(110, 126, 182, 0.1);
        -webkit-box-shadow: 0px 5px 8px rgba(32, 49, 105, 0.35);
        -moz-box-shadow: 0px 5px 8px rgba(32, 49, 105, 0.35);
        box-shadow: 0px 5px 8px rgba(32, 49, 105, 0.35);
        -webkit-transform: translate(0px, -5px);
        -moz-transform: translate(0px, -5px);
        -o-transform: translate(0px, -5px);
        -ms-transform: translate(0px, -5px);
        transform: translate(0px, -5px);
    }
    #webapp41174pagination {
        display:none;
    }
/*************************************/

.search-results-wrap input[type="text"]{height:37px;border-right: 0;border-radius:10px 0  0 10px ;}
.search-results-wrap input[type="submit"]{border-radius: 0 10px 10px 0;}

.page-breadcrumb {margin-top: 55px;}

@media screen and (min-width:992px) {
    .flex {
        display: flex;
        align-items: center;
        text-align: center;
    }
    .header.fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1500;
    }
    .footer-bottom .text-right.col-sm-6 {
        text-align: center;
    }
    .leaders > div {
        min-height: 180px;
        margin-bottom: 10px;
        float: left;
        width: 32%;
        margin-right: 1%;
    }
    .useful-links-list .col-md-6:nth-child(2n+1) {clear:both;}
  
}
@media screen and (max-width: 991px) {

    .logo {
        padding: 15px;
    }
    .term-dates table td:first-child {
        padding-right: 15px;
    }
    .term-dates table td:nth-child(2) {
        padding-left: 15px;
    }
    .main-header .logo img {
        padding: 0 0 3px 0;
        z-index: 20;
    }
    .header {
        position: fixed;
        top: 0px;
        left: 0;
        right: 0;
        z-index: 25;
        padding: 0;
    }
    .homepage-slider .content img {
        max-width: 180px;
    }
    .quick-facts .blocks .block .block-img {
        width: 100%;
    }
    #mobile-nav, #quick-nav {
        position: fixed;
        top: 0px;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, .95);
        padding: 1.4em 30px 2em;
        display: none !important;
        z-index: 25;
    }
    #mobile-nav .navbar-nav li a, #quick-nav .navbar-nav li a, .mobile-tabs .login-tab ul li a {
        padding: 0.75em 1.75em;
        color: #19161a;
        font-size: 20px;
        font-weight: 400;
    }
    #mobile-nav .nav-tabs li {
        float: none;
        display: table-cell;
        width: 1%;
        text-align: center;
    }
    .wrapper .mobile-menu .navbar-toggle, .wrapper .mobile-menu .close-menu {
        margin: 0;
        padding: 5px 20px;
        border: none;
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        display: block;
    }
    .wrapper .mobile-menu .navbar-toggle:hover {
        background: none;
    }
    .main-header .navbar-toggle{color:#fff;top:10px;height: 50px;width: 55px;font-size:24px;display:block;}
    .mobile-menu .navbar-header button+button {
        border-right: 1px solid #666 !important;
        border-radius: 0;
    }
    .wrapper .mobile-menu .close-menu {
        color: #fff;
        font-size: 20px;
        right: 0px;
        position: relative;
        top: 5px;
    }
    .wrapper .mobile-menu .menu-bg {
        background: #fff;
        clear: both;
        top: 10px;
        position: relative;
        padding-bottom: 20px;
        max-height: 90vh;
        overflow-y: auto;
    }
    .wrapper .mobile-menu .menu-bg .nav-tabs {
        background: #f4f4f4;
    }
    .wrapper .mobile-menu .menu-bg .nav-tabs li a {
        margin-bottom: 0;
        font-size: 1em;
        color: #19161a;
        padding: 1em;
    }
    .wrapper .mobile-menu .menu-bg .nav-tabs li a:hover, .wrapper .mobile-menu .menu-bg .nav-tabs li a:focus {
        background-color: #fafafa;
    }
    .wrapper .mobile-menu .menu-bg .nav-tabs li.active a {
        background: none;
        font-weight: 600;
        color: #19161a;
        border: none;
    }
    .wrapper .mobile-menu .searchbox {
        margin-bottom: 10px;
        background: #fff;
    }
    .wrapper .mobile-menu .searchbox .input-group input {
        border-radius: 0;
        padding: 10px 15px;
        font-style: italic;
        height: auto;
        border: none;
        color: #023f73;
        font-size: 20px;
    }
    .wrapper .mobile-menu .searchbox .input-group span {
        background: none;
        border: none;
        border-radius: 0;
        padding: 0;
        font-size: 18px;
    }
    .wrapper .mobile-menu .searchbox .input-group span a {
        padding: 10px 25px;
    }
    .wrapper .mobile-menu .menu-bg .navbar-nav, .mobile-tabs .login-tab ul {
        margin: 0;
        width: 100%;
        padding: 1em 0 1.5em;
        text-align: left;
    }
    .wrapper .mobile-menu .menu-bg .navbar-nav li, .mobile-tabs .login-tab ul li {
        width: 100%;
        float: left;
        position: relative;
    }
    .wrapper .mobile-menu .menu-bg .navbar-nav li a, .mobile-tabs .login-tab ul li a {
        color: #19161a;
    }
    .mobile-tabs .login-tab ul li a {
        display: block;
    }
    .wrapper .mobile-menu .menu-bg .navbar-nav li a .lnr, .mobile-tabs .login-tab ul li a .lnr {
        position: absolute;
        right: 45px;
        color: #ac0031;
        top: 18px;
    }
    #mobile-nav .navbar-nav li .dropdown-menu, #quick-nav .navbar-nav li .dropdown-menu {
        padding: 0 0 1em;
        margin: 0;
        position: relative;
        border: none;
        box-shadow: none;
    }
    #mobile-nav .navbar-nav li .dropdown-menu li a, #quick-nav .navbar-nav li .dropdown-menu li a {
        display: block;
        color: #434343;
        font-size: 1.2em;
        padding: 0.75em 2.5em;
        width: 100%;
        white-space: pre-wrap;
    }
    #mobile-nav .navbar-nav li .dropdown-menu li a .fa, #quick-nav .navbar-nav li .dropdown-menu li a .fa {
        display: none;
    }
    #mobile-nav .navbar-nav >.open>a, #mobile-nav .navbar-nav >.open>a:focus, #mobile-nav .navbar-nav >.open>a:hover {
        background: none;
    }
    #mobile-nav .navbar-nav >.open >a >.fa:before {
        content: "\f068";
    }
    .mobile-menu .menu-bg h3 {
        margin: 25px 20px 10px;
        font-style: italic;
        color: #790022;
        font-size: 32px;
    }
    .wrapper .mobile-menu #quick-nav .menu-bg .navbar-nav li a .fa {
        top: 12px;
    }
    .wrapper {
        padding: 0;
    }
    #mobile-nav.in, #quick-nav.in {
        display: block !important;
    }
    .wrapper .mobile-menu .menu-bg .dropdown-menu>.active>a, .wrapper .mobile-menu .menu-bg .dropdown-menu>.active>a:focus, .wrapper .mobile-menu .menu-bg .dropdown-menu>.active>a:hover {
        background: #e7e7e7;
    }
    .mobile-menu .navbar-default {
        margin: 0;
        background: none;
        border: none;
    }
    .mobile-menu {
        padding: 5px 0 0;
    }
    .mobile-menu .navbar-toggle:focus, .mobile-menu .navbar-toggle, .mobile-menu .navbar-toggle:hover {
        border: none;
        background: none;
        color: #fff;
        font-weight: 600;
        font-size: 20px;
    }
    .mobile-menu .nav-tabs li {
        width: 1%;
        display: table-cell;
    }
    .main-tab .dropdown ul li {
        list-style: none;
    }
    #mobile-nav .navbar-nav li .dropdown-menu ul li a, #quick-nav .navbar-nav li .dropdown-menu ul li a {
        padding: 0.25em 2.5em;
    }
    .close-quick-menu {
        color: #fff;
        font-size: 30px;
    }
    .homepage-slider .slide-item > img {
        min-height: 560px;
        object-fit: cover;
    }
    .homepage-slider .slide-item .col-md-4 img {
        width: 110px !important;
        margin: 15px auto 0;
    }
    .full-image > img {
        min-height: 450px;
        object-fit: cover;
    }
    .quick-facts .list-inline li {
        width: 50%;
    }
    .service-blocks .block-image {
        margin-bottom: 30px;
    }
    .main-header .navbar-nav.navbar-right li:last-child {
        position: relative;
        padding: 0;
    }
    .footer-block {
        padding: 15px 0;
    }
    .our-history .full-image .content, .homepage-slider .content {
        background: rgba(0,0,0,.6);
    }
    .mobile-menu .main-tab li.open a .lnr:before {
        content: "\e882";
    }
    .main-navigation.navbar-collapse.collapse.in .mobile-tabs{display:block;}
    .main-header .mobile-tabs .navbar-nav > li .dropdown-menu{position:relative;width:100%;padding:0;}
    .main-header .mobile-tabs .navbar-nav > li .dropdown-menu{border:none;box-shadow:none;background: #203169;border-radius:0;}
    .main-header .menu-block h4.panel-title a em{float:right;padding:5px;}
    #main-menu > .navbar-nav li.dropdown > a:after,
	#quick-links .navbar-nav li.dropdown > a:after{content:"\f107";font-family:'Font Awesome 5 Pro';position: absolute;right:20px;top:12px;}
	#quick-links .navbar-nav li.dropdown ul li a em{margin-right: 10px; width: 25px; text-align: center;}
	#quick-links .navbar-nav li.dropdown ul{padding:10px 0;}
    #main-menu > .navbar-nav li.dropdown.open > a:after,
	#quick-links .navbar-nav li.dropdown.open > a:after{content:"\f106";}
    .main-header .yamm .navbar-nav>li:last-child{width:100%;}
    .main-header .menu-block h4.panel-title{color:#fff;}
    .mobile-tabs .nav-tabs{display:table;width:100%;border:none;}
    .mobile-tabs .nav-tabs > li{display:table-cell;text-align:center;float:none;}
    .mobile-tabs .nav-tabs > li >a {background:#203169;border:none;border-radius:0;margin:0;color:#fff;}
    .main-header .mobile-tabs .navbar-nav{background: #4a6ad3;padding:5px;}
    .main-header .yamm .navbar-nav>li{padding:0;}
    .main-header .yamm .navbar-nav li a{color:#fff;padding:12px 20px;display:block;text-decoration:none;}
    .main-header .yamm .navbar-nav li.dropdown ul li a{text-transform:none;padding:8px 35px;}
    .main-header .yamm .navbar-nav>li.open > a{background:#203169;}
    .main-header .menu-block{padding:0;}
	.main-header .navbar-header{float:none;}
    .main-header .menu-block h4.panel-title a{padding-left:30px;}
	 .main-header .navbar-header .navbar-toggle,
    .bottom-align{display:block;padding:0;}
	  .sets-apart-slider:after,
    .our-history-block:before,
    .innerpage .sets-apart-slider:after,
    .innerpage .our-history-block:before{left:0;right:0;}
	.bottom-slider .banner-content{display:block;}
	.fullscreen-section.quotes{position:relative;height:auto;}
	.fullscreen-section.quotes .green-bg{margin:auto;}
}
@media screen and (max-width: 768px) {
    .homepage-slider .content .col-sm-8 {float: none;margin: auto;}
    .homepage-slider {overflow: hidden;}
    #carousel-custom-dots li{font-size:20px;}
    #carousel-custom-dots li a .right-block span{font-size:16px;}
    #carousel-custom-dots li a .right-block{text-align:center;}
    .fullscreen-section.sets-apart .full-image .content{position:relative;}
    .green-bg img.top-right,
    .green-bg img.top-left{position:relative;width:100%;top:0;right:0;left:0;}
  	.bottom-slider .banner-content .green-bg{margin:0;}
    .footer-bottom .row > div {display: block;width: 100%;text-align: center;margin: 20px 0;}
  	.innerpage .banner .container > .row:before{left:0;right:0;}
    .innerpage .breadcrumb {padding: 15px;}
    .mobile-tabs .tab-content #contact a{padding:0;text-decoration:none;}
    .innerpage .banner .image-caption span{padding:10px 20px 30px;}
    .innerpage .banner .container .row .col-lg-6.col-lg-offset-1{top:0;margin-bottom:0;}
    .innerpage .banner .banner-content{padding:40px 20px;}
    .breadcrumb-strip {margin:0;}
    .innerpage-banner > img {min-height:400px;object-fit:cover}
    .innerpage-banner .banner-content-image{display:none;}
    .innerpage-banner .banner-content .col-md-5{padding-bottom:30px}
    .padd-80,.padd-60{padding:20px 0;}
    .main-navigation.collapse{display:none !important;}
    .main-navigation.collapse.in{display:block !important;}
    .full-image .content{position:relative;padding:30px 0;}
    .full-image .content.transparent{height:auto;}
    .full-image .content.transparent img{display:block;width:400px;max-width:80%;margin:auto;}
    .homepage-slider .banner-caption{padding:1.5em;}
    .homepage-slider .banner-caption h4{font-size:24px;}
    .media-download-wrap{min-height:80px;}
    .sets-apart-slider{margin-bottom:0;}
    .homepage-slider .owl-carousel .owl-item:before{left: -405px;}
    .homepage-slider .banner-content{margin:auto;}
    .innerpage .banner .container .row.page-hero-wrap:before{right:0;}
    .diamonds{
        font-size:1em;
        width: 100%;
        margin: 0 auto;
        padding: 16.5% 0 0;
    }
    .diamonds li {
        perspective: 1000;
        width: 33%;
        height: 32.46vw;
        display: block;
        float:left;
        margin-left: 15%;
    }
    /*:nth-child recipes FTW!*/
    .diamonds li:nth-child(2) ~ li{margin-top:-8vw;}
    .diamonds li:nth-child(3n){
        margin-left:33%;
    }
    .diamonds li:nth-child(8n+1){
        margin-left: 33%;
    }
    .diamonds li:nth-child(3n+1){
        margin-left: 9%;
    }
   
    .gallery-wrapper .col-lg-10.col-lg-offset-1{margin:0 -15px;padding:0;}
  
    .promo-box,
    .three-blocks .light-blue-bg{margin-bottom:30px;}
    .facts .list-inline li{width:50%;}
	.main-header .navbar-header .navbar-toggle{position: absolute;right: 0;top: 8px;}
    .life-long-learners{padding:40px 0 20px;} 
     .diamonds li:nth-child(14) {
        margin-top: -3.75em !important;
        margin-left: -13.75em;
    }
    .next-prev-block img{width:100%;}
    .next-prev-block .links a{margin-left:15px;}
    .next-prev-block .right .links a{margin-right:15px;}

}
@media screen and (min-width:768px) and (max-width:992px){
    .diamonds li:nth-child(11) {
        margin-left: 6.5em;
        color: black;
    }
    .diamonds li:nth-child(15){
        margin-top: -33.5vw;
        margin-left: 57%;}
  
  
}
@media screen and (max-width: 767px) {
    .main-navigation{box-shadow:none;}
    .wrapper .mobile-menu .menu-bg .navbar-nav li a .lnr, .mobile-tabs .login-tab ul li a .lnr {right: 25px}
    .mobile-menu {top: 2.5%;}
    #mobile-nav .navbar-nav li a, #quick-nav .navbar-nav li a, .mobile-tabs .login-tab ul li a {font-size: 18px;}
    .leaders > div {clear: both;margin-bottom: 10px;overflow: hidden;}
    .quick-facts .list-inline li {width: 100%;}
    .footer-bottom, .footer-bottom .list-inline {text-align: center;}
    .footer-block {padding: 20px 0;}
    #carousel-custom-dots ,
    .homepage-slider  .banner-content .image{display: none;}
    .homepage-slider .owl-item {overflow: hidden;}
    h3.header-tagline{display:none;}
    .homepage-slider .slide-item .content h1 {font-size: 45px;}
    .term-dates table td {display: block;}
    .breadcrumb {padding: 8px 0;}
    .footer-bottom li {padding: 5px 0;}
    .footer-bottom a {padding: 10px 5px;}
    .btn{white-space:pre-wrap;}
    .btn+.btn {margin-top: 10px;}
    .breadcrumb-strip {padding: 12px 0;}
    .homepage-slider .owl-item > div > img{min-height:400px;object-fit:cover;}
    #sets_apart_content{padding:0;}
    .sets-apart-slider {margin: 20px auto;}
    .facts{margin-bottom:0;}
    .facts .list-inline li{display:block;width:100%;text-align:center;margin-bottom:30px;}
    .bottom-slider .banner-content .green-bg {padding: 50px 30px 20px;}
    .green-bg{padding:20px 20px 80px;}
    .homepage-slider .banner-content{color:#fff;top:inherit;padding:0 25px;}
    .homepage-slider .owl-carousel.owl-drag .owl-item:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;
                                                             /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
                                                             background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
                                                             background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
                                                             background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                                             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */}
    .bottom-slider .owl-carousel .owl-nav{bottom:inherit;left:inherit;right:0;top:30px;}
    .padd-left-30,
    .padd-right-30{padding:20px 0;}
    .bottom-image{margin-top:-175px;}
    .mobile-tabs .nav-tabs > li >a{padding:10px;font-size:16px;}
    .equiry-block {padding:0;margin-bottom:50px;}
    .equiry-block h2,
    .equiry-block h2:before{margin:0;}
    .main-header .logo{padding:15px 15px;}
    .main-header  .tagline{padding-top:0;}
    .header-tagline{margin-top:5px;}

    .blockquote-wrap blockquote{font-size: 1.25em;line-height:35px;}
    .padd-left-60{padding-left:0;}
    .celebrating-150-years{padding:0;}
    .promo-box .promo-content{min-height:auto;}
    .fullscreen-section.quotes{height:auto;clear:both;}
    .our-history-block .top-right img,
    #sets_apart_image{margin:0;}
    .homepage-slider li .banner-content{left:3rem;right:3rem;}
    .our-history-block .left-side{padding: 0 35px;}
    .sets-apart-slider #sets_apart_content .owl-item > div {padding: 0 25px;}
    .footer-block .media { width: 60%;margin: auto;}
    .footer-block p{margin:0;}
    .footer-bottom {padding: 15px 0;}
    .life-long-learners {padding: 10px 0;}
    .bottom-slider {padding: 0 0 50px;}
    
    .background-x.left{background-size:100%;}
    .section-header .dropdown button.btn{font-size:1.25rem;}
    .bottom-slider-counter {position: absolute;top: 5%;left: 55%;}
    .about-section,.catholic-identity .row{display:block;}
    .about-section .principal-message{width:100%;}
    .wrapper.innerpage {padding-top:90px;}
    .blue-bg .top-right,
    .blue-bg img.top-left{position:relative;top:0;right:0;left:0;}
    .calendar_tabs .nav-tabs>li{width:50%;}
    .calendar_tabs .nav-tabs>li a{font-size: 16px;padding: 15px 15px;}
    .calendar_tabs .nav-tabs>li>a>.lnr {margin-right: 5px;}
    .calendar_tabs .tab-content.padding-60{padding:20px 0;}
	.homepage-slider .banner-content h2 {font-size: 3rem;}
	.homepage-slider .banner-content h2 span{font-size:2rem;}
	
	.innerpage{padding-top: 75px;}
	.innerpage .news-page-header{padding:0;}
	.news-page-header h1{font-size: 2.5rem;}
	.innerpage .news-page-header:after{margin-bottom:0;}
	.news-description{padding:0;}
	
	.news-description table{width:100%;}
	.news-description table tr,
	.news-description table td{display:block;}
	.news-description table tr{border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:15px; }
	
    .contact-wrap{padding:3rem 2rem;}
    .diamonds li:nth-child(14) {
        margin-top: -1.7em !important;
        margin-left: 3.25em;
    }
    .diamonds li:nth-child(17) {
        margin-top: -1.75em;
        margin-left: 3.4em;
    }
   
    .gallery{padding:40px 0;}
    .photo-gallery-section .gallery-wrapper{padding-bottom: 0;}
    .diamonds li:nth-child(11) {
        margin-left: 3.5em;
        color: black;
    }
    blockquote{
        padding: 0 2rem;
    }
  
}

@media screen and (max-width: 550px){
	.celebrating-150-years .container > .row > div {
    display: block;
  
}
}
@media screen and (min-width:992px) and (max-width:1199px) {
    #carousel-custom-dots li a em{display:block;}
    #carousel-custom-dots li a .right-block{display:block;text-align:center;}
    #sets_apart_content{padding:0 40px;}
    .fullscreen-section.sets-apart .full-image > img {min-height:680px;}
    .bottom-slider .banner-content .green-bg{padding:30px 60px; }
    .homepage-slider .banner-content .col-md-3{margin-left:40px;}
    .footer-block .col-md-6.col-lg-12{margin:auto;float:none;}
    .footer-bottom a{padding:5px;}
    img.top-right,img.top-left{max-width:60%;}
    .filter-list ul li{font-size:20px;padding:0;}
    .col-md-11.flex-box .flex-box > div {display: block;}
    .homepage-slider .banner-caption{padding:3em;}
    .homepage-slider .owl-carousel .owl-item:before{left:-290px;}
    .sets-apart .full-image > img{min-height:800px;}
    .three-blocks p{font-size:20px;}
}
.center-box{margin:0 auto 60px;float:none;clear:both;}
@media screen and (min-width:1220px) and (max-width:1400px) {
    .footer-x {top: 0;left: -32rem;width: 95rem;}
}
@media screen and (min-width:1600px){
    .innerpage-banner > img{max-height:650px;width:100%;object-fit:cover;}
    .container{width:1440px;}
    html,body{font-size:16px;}
}
@media only screen  and (min-width: 1800px){
    .container{width:1440px;}
    html,body{font-size:16px;}
}
@media only screen  and (min-width: 1920px){
    .container{width:1600px;}
    html,body{font-size:16px;}
}
@media only screen  and (min-width: 2100px){
    .container{width:1600px;}
    html,body{font-size:16px;}
    blockquote {font-size: 2.5rem;line-height: 3rem;letter-spacing: -0.05rem;}
}
@media only screen  and (min-width: 2400px){
    .container{width:1800px;}
    html,body{font-size:18px;}
    blockquote {font-size: 2.5rem;line-height: 3rem;letter-spacing: -0.05rem;}
}
/*sliding menu*/
.hero #navbar-collapse-1 {
    float: right;padding:0 0 0 15px;
}
/* 
Full screen background image
*/
.hero {width: 100%;height: 100%;position: relative;
}
/*
Blueish tint overlay
*/
.hero:after {content: '';position: absolute;top: 0;width: 100%;height: 100%;
}
/* 
Making sure everything in .hero sits above our :after elements 
*/
.hero * {position: relative;z-index: 1;
}
#masthead {position: relative;padding-top: 20px;
}
#masthead.is-active {box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
}
/*
Using this method because browsers can transition opacity very cheaply as opposed to using background: rgba
https://www.html5rocks.com/en/tutorials/speed/high-performance-animations/
*/
#masthead:after {}
#masthead.is-active:after {opacity: 1;
}
.hamburger {
    float:right;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    padding: 10px 25px 10px 40px;
}
.hamburger > span{
    display: block;
    position: absolute;
    height: 1px;
    width:15px;
    background:#a3afd9;
    border-radius: 0;
    opacity: 1;
    left: 15px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;}
.hamburger span:nth-child(1) {
    top: 15px;
}
.hamburger span:nth-child(2) {
    top: 19px;
}
.hamburger span:nth-child(3) {
    top: 23px;
}
.hamburger.open span:nth-child(1) {
    top: 19px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.hamburger.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}
.hamburger.open span:nth-child(3) {
    top: 19px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.hamburger--boring{text-transform:uppercase;}
/*
 * Boring
 */
#site-nav {clear: both;display: flex;flex-direction: column;height: 0;overflow: hidden;background-color:rgba(255,255,255,1);opacity: 0;transition: opacity 0.3s ease;padding-left: 0;
           padding-right: 0;
}
#site-nav.is-active {height: auto;overflow: visible;opacity: 1;
}
#site-nav .col {padding:1.5em 10px 4em;
}
li.shortcut{cursor:pointer;}
.quickmenu  li.heading{width:100%;margin: 70px auto 80px;}
.mobile-tabs .panel-group .panel,
.mobile-tabs .panel-default>.panel-heading{border-radius:0;border:none;background:none;padding:0;box-shadow:none;}
.mobile-tabs .panel-default>.panel-heading .panel-title{text-transform:none;font-size:14px;position:relative;}
.mobile-tabs .panel-default>.panel-heading .panel-title a{padding:10px 30px;text-decoration:none;}
.mobile-tabs .panel-default>.panel-heading .panel-title a em{position:absolute;right:20px;}
.mobile-tabs .panel-default>.panel-heading+.panel-collapse>.panel-body{border:none;padding:0;}
.mobile-tabs .panel-default>.panel-heading .panel-title a[aria-expanded="true"] em:before{    content: "\f068";}
.mobile-tabs .panel-group .panel-heading+.panel-collapse>.panel-body ul{padding-left:0;}
.mobile-tabs .panel-group .panel-heading+.panel-collapse>.panel-body ul li{list-style:none;text-transform:none;}
.mobile-tabs .panel-group .panel-heading+.panel-collapse>.panel-body ul li a{padding:5px 50px;}
@media screen and (min-width: 550px) {
    #site-nav {flex-direction: row;flex-wrap: wrap;
    }
    #site-nav .col {flex: 0 0 50%;
    }
}
@media screen and (min-width: 768px) {
    #site-nav .col {flex: 0 0 33.333333333%;
    }
}
@media screen and (min-width: 960px) {
    #site-nav {flex-wrap: nowrap;
    }
    #site-nav .col {flex: 0 0 20%;
    }
}
#site-nav .social li svg {display: block;fill: #b4b9ba;width: 100%;height: 100%;transition: fill 0.3s ease;
}
#site-nav .social li:hover svg {fill: #686d6e;
}
#masthead .col {opacity: 0;
}
#masthead.is-active .col {transform: translateY(40px);transition: opacity 0.3s ease;animation: fade-in-stagger 0.8s ease forwards;
}
#masthead.is-active .col:nth-child(1) {-webkit-animation-delay: 0;
}
#masthead.is-active .col:nth-child(2) {-webkit-animation-delay: 0.1s;
}
#masthead.is-active .col:nth-child(3) {-webkit-animation-delay: 0.2s;
}
#masthead.is-active .col:nth-child(4) {-webkit-animation-delay: 0.3s;
}
#masthead.is-active .col:nth-child(5) {-webkit-animation-delay: 0.4s;
}
@keyframes fade-in-stagger {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
h3.header-tagline:before{display:none;}
/*sliding menu*/
.mobile-tabs .tab-pane#contact{background: #4a6ad3;overflow:hidden;}
@media screen 
and (min-device-width: 1600px){
    .pxs_container {max-height:950px;}
    .pxs_slider,ul.pxs_slider li,
    .homepage-slider .banner-content{height:100%;}
    .pxs_bg2 {
        left: 27%!important;
        position: absolute;
        top: -4%!important;
    }
    .homepage-slider .banner-content .image{bottom:-8rem;}
}
.fc-content-skeleton .fc-event-container .divHover{bottom:0;margin:0;padding:0 5px;  }
.featured-success-stories-listing .success-block .image img{width:100%;}
@media screen 
and (min-device-width: 1921px){
    .pxs_container {max-height:1030px;}
    .homepage-slider li .banner-content .image{bottom:-6rem;}
}
@media screen 
and (min-device-width: 2300px){
    .pxs_container {max-height: 1580px;}
    .homepage-slider li .banner-content .image{bottom:-6rem;}
}
.margin-bottom-20{margin-bottom:20px;}s
.center-block.text-center h2:before{margin:2rem auto;}
.promo-image img {width: 100%;}
.innerpage .news-page-header:after {    margin: 2rem auto;}
.banner-content p a{color: #203169; font-weight: 600;}
body .wagtail-icon-wagtail:before {
    content: "\f303" !important;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300 !important;
}






