charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'DINOT';
    src: url('../fonts/DINOT-Medium.eot');
    src: url('../fonts/DINOT-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINOT-Medium.woff2') format('woff2'),
        url('../fonts/DINOT-Medium.woff') format('woff'),
        url('../fonts/DINOT-Medium.ttf') format('truetype'),
        url('../fonts/DINOT-Medium.svg#DINOT-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'DINOT';
    src: url('../fonts/DINOT-Black.eot');
    src: url('../fonts/DINOT-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINOT-Black.woff2') format('woff2'),
        url('../fonts/DINOT-Black.woff') format('woff'),
        url('../fonts/DINOT-Black.ttf') format('truetype'),
        url('../fonts/DINOT-Black.svg#DINOT-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'DINOT';
    src: url('../fonts/DINOT-Regular.eot');
    src: url('../fonts/DINOT-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINOT-Regular.woff2') format('woff2'),
        url('../fonts/DINOT-Regular.woff') format('woff'),
        url('../fonts/DINOT-Regular.ttf') format('truetype'),
        url('../fonts/DINOT-Regular.svg#DINOT-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINOT';
    src: url('../fonts/DINOT-Bold.eot');
    src: url('../fonts/DINOT-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINOT-Bold.woff2') format('woff2'),
        url('../fonts/DINOT-Bold.woff') format('woff'),
        url('../fonts/DINOT-Bold.ttf') format('truetype'),
        url('../fonts/DINOT-Bold.svg#DINOT-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'DINOT';
    src: url('../fonts/DINOT-Light.eot');
    src: url('../fonts/DINOT-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINOT-Light.woff2') format('woff2'),
        url('../fonts/DINOT-Light.woff') format('woff'),
        url('../fonts/DINOT-Light.ttf') format('truetype'),
        url('../fonts/DINOT-Light.svg#DINOT-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'adobe-garamond-pro';
    src: url('../fonts/AGaramondPro-Italic.eot');
    src: url('../fonts/AGaramondPro-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AGaramondPro-Italic.woff') format('woff'),
        url('../fonts/AGaramondPro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
/*
@font-face {
        font-family: 'adobe-garamond-pro';
        src: url('AGaramondPro-BoldItalic.eot');
        src: url('AGaramondPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
                url('AGaramondPro-BoldItalic.woff') format('woff'),
                url('AGaramondPro-BoldItalic.ttf') format('truetype');
        font-weight: bold;
        font-style: italic;
}
@font-face {
        font-family: 'adobe-garamond-pro';
        src: url('../fonts/AGaramondPro-Regular.eot');
        src: url('../fonts/AGaramondPro-Regular.eot?#iefix') format('embedded-opentype'),
                url('../fonts/AGaramondPro-Regular.woff') format('woff'),
                url('../fonts/AGaramondPro-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'adobe-garamond-pro';
        src: url('../fonts/AGaramondPro-Bold.eot');
        src: url('../fonts/AGaramondPro-Bold.eot?#iefix') format('embedded-opentype'),
                url('../fonts/AGaramondPro-Bold.woff') format('woff'),
                url('../fonts/AGaramondPro-Bold.ttf') format('truetype');
        font-weight: bold;
        font-style: normal;
}*/
@font-face {
    font-family: 'dearjoe_5_casual';
    src: url('../fonts/dj5c.eot');
    src: url('../fonts/dj5c.eot?#iefix') format('embedded-opentype'),
        url('../fonts/dj5c.woff2') format('woff2'),
        url('../fonts/dj5c.woff') format('woff'),
        url('../fonts/dj5c.ttf') format('truetype'),
        url('../fonts/dj5c.svg#dearjoe_5_casual') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
-----------------------------------------------
Please use link below when setting Font sizes
Typesetting for RJAS
Date:     23 Jun 2016 http://www.modularscale.com/?16,79&px&1.618&web&text
16px @ 1:1.618
79px (column width at 1440px) @ 1:1.618 http://alistapart.com/articles/more-meaningful-typography/
----------------------------------------------- */
html {padding:0; margin:0;}
body {
    font-family: 'DINOT';
    font-size: 16px; /* Scale origin */
    line-height:1.5;
}
h1, h2, h3, p { 
    text-rendering: optimizeLegibility; 
    -webkit-font-smoothing: antialiased;
}

h1 {font-size:4.236em;}
h2 {font-size:3.052em}
h3 {font-size:2.618em}
h4 {font-size:1.886em}
h5 {font-size:1.618em}
h6 {font-size:1.166em}
.navbar-nav {margin:0;}
.clear {clear:both;}

h3 {font-weight:400; color:#0e55a0; text-transform:uppercase; letter-spacing:-0.03em;}
h3 span {font-weight:300; color:#009ddc;}
h2 {font-weight:400; color:rgba(0,0,0,0.5); }
h2.first {margin-top:3em!important;}
h4 {font-weight:300; color:#999; margin-top:3em;}
h6 a {color:#333; letter-spacing:-0.005em;}

strong {font-weight:600;}
em {}
.wrapper{overflow:hidden;padding:0 2em 2em 2em}
a,a:hover{text-decoration:none;}
img{max-width:100%;height:auto;}
figure {margin-bottom:1.5em;}
figure figurecaption {font-size:.8em;}
h1,h2,h3{font-family: 'adobe-garamond-pro'; font-weight:600;}
.padding-10{padding-top:5px; padding-bottom:5px;}
.padding-20{padding-top:10px; padding-bottom:10px;}
.padding-30{padding-top:15px; padding-bottom:15px;}
.padding-40{padding-top:20px; padding-bottom:20px;}
.padding-50{padding-top:25px; padding-bottom:25px;}
.padding-60{padding-top:30px; padding-bottom:30px;}
.padding-70{padding-top:35px; padding-bottom:35px;}
.padding-80{padding-top:40px; padding-bottom:40px;}

.padd-10{padding:10px 0;}
.padd-20{padding:20px 0;}
.padd-60{padding:60px 0;}
.padd-left-40 {padding-left: 40px;}
.no-padding-left {padding-left:0;}
.no-col-padding {padding-left:0; padding-right: 0}

#webapp35356pagination {display:none;}

/* Header */
.header.sticky{position:fixed;z-index:1500;top:0;background:/*url(../images/stick-header-bg.jpg)*/url(../images/header_bg.png);background-size:cover;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);}
.landing-page .header {position: absolute;background-image: url(../images/header_bg.png); background-size:cover; top:0;height:142px;}
h2{font-size:3.8em;font-style:italic;color:#023f73;}
img{max-width:100%;}
.media img{max-width:inherit;}
.header{position:absolute;top:0;left:2em;right:2em;margin:auto;z-index:15;/*background:url("../images/header_bg.png") repeat scroll 0 0 / cover ;*/}
.innerpage .header{background:url("../images/header_bg.png") repeat scroll 0 0 / cover ;}
.top-header{background:#fff;padding:0;}
.media img{max-width:inherit;}

.top-header .navbar {margin: 0;min-height: inherit;border: 0;}
.top-header .navbar li a {color: #000;font-size: 14px;padding: 0.625em 1em;}
.top-header .navbar li a .fa,
.top-header .navbar li a .caret {color:rgba(0,0,0,0.4);}
.top-header .navbar li a .fa {width:1em; }
.top-header .navbar li a:hover, 
.top-header .navbar li a:focus {background: #f4f4f4;}
.top-header .navbar li a.active {color:#002269;color: #fff;}
.top-header  .search-block{display:none;}
.top-header .navbar-nav.navbar-right li{position:relative;}
.top-header .navbar-nav.navbar-right li:last-child{position:static;}
.top-header .navbar-right .dropdown-menu{
    left:0;
    right:auto;
    padding:0;
    overflow:hidden;
    z-index: 2000;
    border:0;
    border-radius:0;
}

.top-header .navbar li.open > a {background-color:#023f73; color:#fff;}
.top-header .navbar li.open > a .fa,
.top-header .navbar li.open > a .caret {color:rgba(255,255,255,0.4);}
.top-header .navbar li.open > a .fa {
    color: rgba(255, 255, 255, 0.4);
    margin-right: 0.5em;
    text-align: center;
    width: 1em;
}
.top-header .navbar-right .dropdown-menu li a {background-color:#023f73; font-size:1em; color:#fff;}
.top-header .navbar-right .dropdown-menu li a:hover
.top-header .navbar-right .dropdown-menu li a:focus {color:#023f73!important}
.top-header .navbar-right .dropdown-menu li a .fa {width:1em; margin-right:0.75em; text-align:center; font-size:1em; color:rgba(255,255,255,0.4);}
.top-header .navbar-right .dropdown-menu li a:hover .fa,
.top-header .navbar-right .dropdown-menu li a:focus .fa{width:1em; margin-right:0.75em; text-align:center; font-size:1em; color:#c9f14e}

/*.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}*/

.hero-image{position:relative;height:100vh;overflow:hidden;max-height: 820px;}
.hero-image #video-slider > img{width:100%;max-width:100%;height:100vh;}
.logo img{max-width:100%;height:auto; padding: 1.25em 0 0 1em;}
.main-header{/*height: 106px;*/}
.main-header .navbar.yamm{margin-bottom:0;}
.navbar {border: 0!important;}
/* Main Navigation */
.main-navigation ul {margin:0; padding:0 1em 0 0;}
.main-navigation li a{color:#023f73;font-size:1em;border-bottom:5px solid rgba(0,0,0,0);font-weight:400;padding:45px 1.25em 40px; line-height:16px;}
.main-navigation > ul > li > a:hover,
.main-navigation > ul > li > a:focus { border-bottom:5px solid rgba(11,99,146,0.5); background:none;}
.main-navigation li.dropdown.open a.dropdown-toggle,
.main-navigation > ul > li.active > a { border-bottom:5px solid #023f73; background:none;}

/* Mega Mega Styles */
.main-navigation .menu-section-header{padding:0 0 1em  0;}
/*.main-navigation .section-list ul{padding:0;}
.main-navigation .section-list ul li{list-style:none;}
.main-navigation .section-list ul li a{color: #023f73; font-size:1em; transition:all .5s ease; padding:0.25em 0; display:block;}
.main-navigation .section-list ul li a:hover{background: #f5f5f5 none repeat scroll 0 0;font-size: 1.125em; padding-left:1em;}
.main-navigation .section-list ul li a:before{font-family:FontAwesome;content:"\f105";color: #28a3a8; padding-right:1em;}
*/
.main-navigation .section-list ul {padding:0; margin-left:0;}
.main-navigation .section-list ul li{list-style:none;}
.main-navigation .section-list ul li a{font-size:1em;color:#0b6493;font-weight:400; display:block;padding:0.5em 1em; border-bottom:0; line-height:1.5;
                                       position: relative;
                                       transform: perspective(1px) translateZ(0px);
                                       transition-duration: 0.5s;
                                       transition-property: color;
                                       vertical-align: middle;
}
.main-navigation .section-list ul li a .fa {
    font-size:0.75em;
    margin-right:1em;
    color:#28a3a8;
}
.main-navigation .section-list ul li.active a{background:#c9f14e;}
.main-navigation .section-list ul li a:before{content: "\f054";font-family:fontawesome;font-size:0.625em;position:absolute;top:1.5em; left:1.5em;color:#28a3a8;font-weight:normal;
                                              background: #f5f5f5 none repeat scroll 0 0;
                                              bottom: 0;
                                              content: "";
                                              left: 0;
                                              position: absolute;
                                              right: 0;
                                              top: 0;
                                              transform: scaleX(0);
                                              transform-origin: 0 50% 0;
                                              transition-duration: 0.5s;
                                              transition-property: transform;
                                              transition-timing-function: ease-out;
                                              z-index: -1;
}
.main-navigation .section-list ul li a:hover::before, 
.main-navigation .section-list ul li a:focus::before, 
.main-navigation .section-list ul li a:active::before {
    transform: scaleX(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.main-navigation .section-list ul ul li a  {padding-left:3em;}

.main-navigation .menu-downloads ul {padding:0;}
.main-navigation .menu-downloads ul li {list-style:none;}
.main-navigation .menu-downloads ul li a {color: #023f73; font-size:1em; transition:all .5s ease; padding:0.25em 0; display:block;}
.main-navigation .menu-downloads ul li a .fa {color:#28a3a8; font-size:1em;margin-right: 1em;text-align: center;width: 1em;}

.main-navigation  .dropdown.yamm-fw .dropdown-menu{font-size:16px; border:none;background: rgba(9, 99, 146, 0.9) none repeat scroll 0 0;border: medium none;border-radius: 0;padding: 2.5em;}
.main-navigation  .dropdown.yamm-fw .dropdown-menu > li { background:#fff;}
.main-navigation  .dropdown.yamm-fw .dropdown-menu .yamm-content{background:rgba(13,92,171,0.05); padding:0;}
.main-navigation  .dropdown.yamm-fw .dropdown-menu .yamm-content .inner-wrap {padding:2em; background:#fff;}
.main-navigation  .dropdown.yamm-fw .dropdown-menu .yamm-content .downloads-wrap {padding:3em;}
.hero-image .overlay {position: absolute;top: 0;bottom: 0;left:0;right:0;}
.hero-image .overlay > .container{display:table;height:100vh;max-height: 820px;width:100%;}
.hero-image .overlay > .container > div{display:table-cell;float:none;min-width:1%;}
.hero-image .overlay > .container > div.slider-caption{vertical-align:middle;padding:0 50px;}
.hero-image .overlay > .container > div.slider-caption > div{margin-top:20%;}
.hero-image .overlay  .slider-caption h2{font-size:70px;color:#023f73;font-family: 'adobe-garamond-pro';font-style:italic;font-weight:700; letter-spacing:-0.005em;}
.hero-image .overlay > .container > div.slider-caption p{font-size:16px;color:#000;padding:20px 0;font-weight:normal;}
.hero-image .overlay > .container > div.banner-right{vertical-align:bottom;padding:0px;text-align:right;}
.banner-right p{position:absolute;text-align: center;color: #fff;font-family: 'dearjoe_5_casual'; font-weight:normal; font-style:normal; font-size: 2em;padding: 10px 0;width:100%;bottom:20px;}
.menu-section-header h3 {color:#023f73;font-family: 'adobe-garamond-pro';font-style:italic;font-weight:500;font-size:2.618em; text-transform:none;letter-spacing: 0.0005em; }
.menu-section-header h4{font-family: 'DINOT';font-weight: 600;color: #023f73;font-style: normal; font-size: 1em; padding:0 0 1em 0; margin:0; text-transform:uppercase; line-height:1.25;}
.fullwidth-section{padding:80px 0;clear:both;float:left;width:100%;position:relative;}
/*green-gradient*/ 

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.green-gradient{
    /*background:url(../images/gradient.png) no-repeat;background-size:cover;*/
    background: -webkit-gradient(45deg, 0% 0%, 0% 100%, from(#28a3a8), to(#096392));
    background: -webkit-linear-gradient(45deg, #28a3a8, #096392);
    background: -moz-linear-gradient(45deg, #28a3a8, #096392);
    background: -o-linear-gradient(45deg, #28a3a8, #096392);
    background: -ms-linear-gradient(45deg, #28a3a8, #096392);
    background: linear-gradient(45deg, #28a3a8, #096392);
    background-color: #28a3a8;
    color:#fff;
    padding-top: 160px;
    margin-top:20px;
}
.green-gradient:after{display:table;content:"";clear:both;}
.waves{position:absolute;top:-7.5%;}
.waves .svg {width: 100%;
             background-image: url(http://http://stmarystarofthesea.cimarketing.biz/images/overlay_wave.svg);
             background-size: cover;
             height: 0;
             padding: 0; /* reset */
             /*	padding-bottom: calc(100% * 15 / 1);*/}
.green-gradient h3{color: #fff;font-size: 3em;margin-top: 0;font-style: italic;font-weight: 600;letter-spacing: 0;text-transform: none;}
.btn{
    font-size:14px;
    text-transform:uppercase;
    color:#fff;
    border-radius:3px;
    padding:0.875em 1.5em;
}
.btn:hover,
.btn:focus,
.btn:active {
    color:#fff;
}

.btn .fa {padding-right:10px;}
.btn-white{background:#fff;color:#023f73;font-weight:500;}
.btn-white:hover,
.btn-white:focus,
.btn-white:active {
    color:#023f73;
}

.btn-arrow{
    font-size:14px;
    text-transform:uppercase;
    color:#fff;
    border-radius:3px;
    padding:0.875em 1.5em;
    background-color:#28a3a8;
    box-shadow: 0 0 1px transparent;
    display: inline-block;
    position: relative;
    transform: perspective(1px) translateZ(0px);
    vertical-align: middle;
    transition: all 0.2s ease-in-out 0s;
    border:none;;
}
.btn-arrow:hover,
.btn-arrow:focus,
.btn-arrow:active {
    color:#fff;
    padding-right:3em;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.btn-arrow:before{
    background-color:#25969a;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0 50% 0;
    transition-duration: 0.5s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
    border-radius:3px;
    opacity:0;
}
.btn-arrow:hover:before, 
.btn-arrow:focus:before, 
.btn-arrow:active:before{
    opacity:1;
    transform: scaleX(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.btn-arrow:after {
    font-family:FontAwesome;
    font-size:1.2em;
    color:#fff;
    content: "\f105";
    opacity: 0;
    position: absolute;
    right: 2em;
    top: 0.625em;
    transition: all 0.2s ease-in-out 0s;
}
.btn-arrow:hover:after {
    opacity: 1;
    position: absolute;
    right: 1em;
    transition: all 0.2s ease-in-out 0s;
}
.btn-blue.btn-arrow{background:#147fc9;}
.btn-blue.btn-arrow:before {background-color:#1275ba;}
.btn-blue {background-color:#147fc9;color: #fff;}
.btn-blue:hover {background-color:#147fc9;}
.btn.btn-transparent{border:1px solid #fff;opacity:.3;background:none;color:#fff;}
.btn.btn-transparent:hover,.btn.btn-transparent:focus{opacity:.8;color:#fff;background:none; }
.btn-bright-green {background-color:#c9f14e;color: #023f73;}
.btn-bright-green:hover,
.btn-bright-green:focus,
.btn-bright-green:active {color: #023f73;}
.btn-bright-green.btn-arrow:before {background-color:#a8d911;}
#latest-news-owl .slider{margin:40px 0;}
#latest-news-owl .slide{text-align:center;padding:20px;}
#latest-news-owl .slide .slide-image img{border: 0.625em solid rgba(255, 255, 255, 0.12); border-radius: 50%;-webkit-transition: all 0.25s ease;
                                         -moz-transition: all 0.25s ease;
                                         -o-transition: all 0.25s ease;
                                         transition: all 0.25s ease;}
/*.slide .slide-image img:hover, */
#latest-news-owl .slide .slide-image img:hover,
#latest-news-owl .slide .slide-image img:focus {
    border:0.625em solid #c9f14e;
    /*-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);*/
}

#latest-news-owl .slide h4,.slide h4 a{color: rgba(255, 255, 255, 0.5);font-size: 1em;font-weight: 400;margin-top: 1em;text-transform: uppercase;}
#latest-news-owl .slide p, .slide p a{color:#fff;font-weight:400;}
#SULLIVAN img{border: 0.625em solid #d7153b;}
#LYONS img{border: 0.625em solid #f1e100;}
#FOLEY img{border: 0.625em solid #4db848;}
#BASHIR img{border: 0.625em solid #00abc5;}
#UNGUNMERR-BAUMANN img{border: 0.625em solid #f7941e;}
#KELLY img{border: 0.625em solid #ef59a1;}
#HAYES img{border: 0.625em solid #92278f;}
#GIBBONS img{border: 0.625em solid #eeefef;}

/****house-news-owl****/
.slider #house-news-owl.owl-carousel .owl-buttons > div{margin:-22% -5%;}
#house-news-owl .slide .slide-image {border: 0.625em solid rgba(255, 255, 255, 0.12); border-radius: 50%;-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;height:200px;width:200px;overflow:hidden;position:relative;}
#house-news-owl .slide .slide-image img {
    position: absolute;
    width: 300px;
    left: -33%;
    max-width: inherit;
    top: -33%;
    border: none;
    border-radius:0px;
}
#house-news-owl .slide .slide-image:hover, 
#house-news-owl .slide .slide-image:focus {
    border:0.625em solid #c9f14e;
    /*-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);*/
}
/*****house-news-owl.***/
.video-wrapper{clear:both;}
#quick-facts-internal .quick-facts {background:none!important; margin-top: -100px;}
#quick-facts-internal p#internal2, #quick-facts-internal p#internal3  {
    color: #fff!important; font-size: 16px!important;  line-height: 1.4em;}
#quick-facts-internal p#internal1 {
    color: #fff!important; font-size: 36px!important; line-height: 1.2em;}
#quick-facts-internal p#internal4 {
    color: #fff!important; font-style: italic; margin-bottom: 0.5em!important; }

#quick-facts-internal .quick-facts h3 {text-transform: none!important;}
.quick-facts{background:url(../images/quick-facts-bg.jpg); background-size:cover; color:#023f73;clear:both;}
.innerpage-content .quick-facts{margin:50px 0;}
.innerpage-content .poster-image{position:relative;margin:20px;}
.innerpage-content .poster-image .btn-videoplay{height:46px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:150px;}
.quick-facts .blocks{margin-top:50px;}
.quick-facts .blocks .block{position:relative;text-align:center;}
.quick-facts .blocks .block .overlay{background:rgba(0,0,0,.3);position:absolute;left:0;right:0;top:0;bottom:0;color:#fff;}
.quick-facts .blocks .block .overlay .block-desc{position:absolute;bottom:30px;left:0;right:0;padding:0 40px; font-size:14px;}
.quick-facts .blocks .block .overlay .value-prcentage{font-size:4em;font-weight:bold;line-height:1.2em;}
.quick-facts .blocks .block .overlay .last-block-tag{margin-top: 0px;color: #fff;}
.quick-facts .small-block{color:#fff;min-height:190px;font-size:13px;line-height:16px;}
.quick-facts .small-block.dark-green {background:#228f9a;}
.quick-facts .small-block.dark-blue {background:#023f73;}
.quick-facts .small-block.light-green {background:#28a2a8;}
.quick-facts .small-block.light-blue {background:#0b6493;}
.quick-facts .small-block.light-blue h3{font-size:75px;color:rgba(255,255,255,.17);margin:0;}
.quick-facts .small-block.light-green em{font-size:80px;position:absolute;color:rgba(2,63,115,.2);top:15%;left:0;right:0;margin:auto;}
.quick-facts .small-block.light-green h3{margin:50px 0 0;}
.quick-facts .small-block.light-green h4{margin:0;color:rgba(255,255,255,.4);font-size:22px;}
.quick-facts .small-block.dark-blue h4{font-weight:300;color:rgba(255,255,255,.4);font-size:24px;margin:0;}
.quick-facts .small-block.dark-blue em{font-size:50px;padding:10px 0;}
.quick-facts .small-block h3 span,
.quick-facts .small-block h3{margin-top: 0; font-size:47px;font-family: 'DINOT';font-weight:bold;position:relative;color:#fff;}

.four-blocks .table{display:table;margin-bottom:0;}
.four-blocks > .table > div{display:table-cell;text-align:center;vertical-align:middle;height:250px;min-height:250px;width:50%;float:none;padding:20px 15px;position:relative;}

.our-story{background:url(../images/our-story-bg.jpg);background-size:cover;height:100vh;position:relative;color:#023f73;}
.our-story h4 {color: #023f73;font-size: 1.5em;font-weight: 400;line-height: 1.5;margin-top: 0.5em;}
.our-story p{color:#000;font-weight:normal;}
.our-story > .image {position:absolute;left:0;bottom:0;right:0;}
.our-story .story-block{position:absolute;margin-top:10%;}

.footer{background:url(../images/footer-wave.svg) no-repeat bottom center;padding:5% 0 15%;clear:both;background-size:105%;position:relative;}
.footer a{text-decoration:none;}
.footer .phone {    color: #023f73;
                    font-family: "adobe-garamond-pro";
                    font-size: 2em;
                    font-style: italic;
                    font-weight: 600;
                    margin: 1rem 0;}
.hero-image .overlay > .container > div.slider-caption .special-event p {margin:0; padding:0 0 1em;}
.special-event {position:relative;}
.special-event:before {
    background: rgba(16, 94, 170, 0.5) none repeat scroll 0 0;
    content: "";
    height: 2px;
    margin-top: -1.5em;
    position: absolute;
    top: 0em;
    width: 50px;
}
.special-event h4 {font-weight:600;font-size:26px;margin:1rem 0;color:#023f73;font-family: "adobe-garamond-pro";font-style:italic;}

.footer h4 {font-weight:600;font-size:26px;margin:1rem 0;color:#023f73;font-family: "adobe-garamond-pro";font-style:italic;}
.footer img.footer-logo {margin-bottom:2em;}
.footer .social-icons {margin:15px 0 20px;}
.footer .social-icons ul,.footer .footer-menu ul{padding:0;}
.footer .social-icons ul li{font-size:17px;display:inline-block;height:44px;overflow:hidden; padding: 0 3px 0 0;}
.footer .social-icons ul li img{opacity:0;}
.footer .social-icons ul li a{text-align:left;padding:0 0 10px;}
.footer .social-icons ul li a:hover,.footer .social-icons ul li a:focus{background:none;outline:none;color: #0e75a5;}
.footer .social-icons ul li a .fa{padding-right:10px;}
.footer .copyright{ font-size: 0.875em;font-weight: 300;margin-top:70px;}
.footer .footer-menu ul li{display:inline-block;list-style:none;}
.footer .footer-menu ul li a{font-size:0.875em; font-weight:300; display:block;padding:10px 15px; color:rgba(255,255,255,.4);-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}
.footer .footer-menu ul li a:hover,
.footer .footer-menu ul li a:focus {color:rgba(255,255,255,1);}
.footer-bottom{position:absolute;bottom:15px;left:0;right:0;margin:auto;color:rgba(255,255,255,.4);}
.footer .btn-green:hover,
.footer .btn-green:focus {background-color:#3cc2c8}
.footer .btn + .btn{margin-left:15px;}
.footer .address p {font-size:1em;font-family: 'adobe-garamond-pro'; font-style:normal; font-weight:normal; color:#023f73}
.footer-bottom h4 {color:#fff; font-family: "dearjoe_5_casual"!important;font-size: 2em;letter-spacing: -0.005em;margin: 15px 0; font-style:normal; font-weight:normal;}
.footer .blurb {font-weight:300; color: #333; }
.footer .social-icons ul li.facebook a{background:url(../images/fb.png) no-repeat top;}
.footer .social-icons ul li.facebook a:hover{background-position:0 -45px;}
.footer .social-icons ul li.twitter a{background:url(../images/twitter.png) no-repeat top;}
.footer .social-icons ul li.twitter a:hover{background-position:0 -46px;}
.footer .social-icons ul li.flicker a{background:url(../images/flicr.png) no-repeat top;}
.footer .social-icons ul li.flicker a:hover{background-position:0 -44px;}
.footer .social-icons ul li.youtube a{background:url(../images/youtube.png) no-repeat top;}
.footer .social-icons ul li.youtube a:hover{background-position:0 -45px;}
.btn-light-blue{background:#def4f5;color:#0b6493;}

/*---------------------------------------*/
/* PAGE CONTENT STYLES
/*---------------------------------------*/

.innerpage-content{padding:80px 0 20px;/*font-size:17px;line-height:28px;*/color:#58585a;font-weight:400;position:relative;background-color:#fff;}
.innerpage-content .waves{top:-4em;left:0;right:0;}
.innerpage-content h1{color:#023f73;font-size:3em;margin-bottom:1em; font-style:italic;font-family: 'adobe-garamond-pro';font-weight:bold;}
.innerpage-content h2{color:#023f73;font-size:3em;margin-bottom:30px;}
.innerpage-content .video-wrapper{max-width:100%;overflow:hidden;padding:30px 0 45px;clear:both;}
.breadcrumbs .breadcrumb{padding:0;background:none; margin-left:0; margin-bottom:2em}
.breadcrumbs ul.breadcrumb { margin-left:0; padding-left:0;}
.breadcrumbs .breadcrumb li {font-size:0.875em}
.breadcrumbs .breadcrumb li a{color:#0b6493; font-size:100%;}
.breadcrumbs .breadcrumb li + li:before{content:"\f105";font-family:FontAwesome;padding:2px 10px;position:relative;top:0;font-size: 0.875em;}
.breadcrumbs .breadcrumb li a:hover,.breadcrumbs .breadcrumb li a:focus {text-decoration:underline;}
.print-btn{color:#9c9e9f;}
.news-detail-content .breadcrumbs .breadcrumb li + li:before {content:""; padding:0;}
.news-detail-content .breadcrumbs .breadcrumb li:last-child a .fa {margin-right:0; margin-left:10px;}
.news-detail-content .breadcrumbs .row {padding-bottom:1em; border-bottom:solid 1px rgba(0,0,0,0.1);}
.local-menu h4{font-size:2em;color:#023f73;font-weight:600;margin:0 0 1em;}
.local-menu ul{padding:0;margin-left:-15px;}
.local-menu ul ul {padding:0;margin-left:0;}
.local-menu ul li,
.local-menu ul ul li{list-style:none;}
.local-menu ul li a,
.local-menu ul ul li a{font-size:1em;color:#0b6493;font-weight:400; display:block;padding:0.625em 1.5em;
                       position: relative;
                       transform: perspective(1px) translateZ(0px);
                       transition-duration: 0.5s;
                       transition-property: color;
                       vertical-align: middle;
}
.local-menu ul ul li a {padding-left:3em;}
.local-menu ul li a .fa,
.local-menu ul ul li a .fa {font-size: 0.75em;margin-right: 1em;color: #28a3a8;float: left;display: block;height: 30px;position: relative;top: 8px;}
.local-menu ul li.active a {background:#c9f14e;}
.local-menu ul li.active ul li a {background:none;}
.local-menu ul li.active ul li.active a{background:#c9f14e;}
.local-menu ul li a:before,
.local-menu ul ul li a:before{
    font-size:0.625em;
    position:absolute;
    top:1.5em; 
    left:1.5em;
    color:#28a3a8;
    font-weight:normal;
    background: #f5f5f5 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0 50% 0;
    transition-duration: 0.5s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
}
.local-menu ul li a:hover::before, 
.local-menu ul li a:focus::before, 
.local-menu ul li a:active::before,
.local-menu ul ul li a:hover::before, 
.local-menu ul ul li a:focus::before, 
.local-menu ul ul li a:active::before{
    transform: scaleX(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.page-content {margin-bottom:6em;max-width:100%;}
.page-content h1 + h3 {padding-top:0;}
.page-content h3 {
    color: #0d5cab;
    font-family: "adobe-garamond-pro";
    font-size: 2em;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0.005em;
    margin: 0;
    padding: 2em 0 0.75em;
    text-transform: none;
}
.page-content p + h3 {padding-top:1em;}
.page-content h4{color: #9c9e9f;font-size: 24px;padding: 2em 0 0.75em; margin-top:0;}
.page-content h5{color: #58585a;font-size: 1.3125em;font-weight: 500;}
.page-content p strong {font-weight:500;}
.page-content p:last-of-type {margin-bottom:0;}
.page-content p {font-family: 'DINOT'; font-size:1.218em; font-weight:300;  line-height:1.58; margin-bottom:1.5em; color:#58585a; letter-spacing:-0.005em}
.page-content p em {font-family: 'DINOT';font-style:italic;}
blockquote.mission {
    border: medium none;
    color: #0d5cab;
    font-family: dearjoe_5_casual;
    font-size: 2.5em;
    font-style: italic;
    font-weight:normal;
    line-height: 1.5;
    margin: 1em 0;
    padding: 1.5em 0 !important;
    text-align: center;
}
blockquote.mission small {
    font-size:40%;
    font-family:'DINOT';
    font-weight:400;
    font-style:normal;
}
blockquote {position:relative; font-family: "DINOT"; color:#0d5cab; font-size:1.5em; font-style:normal; font-weight:500; padding:0 0 2em 5em; border:none; line-height:1.75; margin:0 -20px;}
blockquote .author,
blockquote small {color:#aaa;font-size:1em; font-style:normal;}
blockquote + blockquote {padding:1em 0;}
blockquote:last-of-type {padding-bottom:2em;}

blockquote.testimonial {position:relative; font-family: "adobe-garamond-pro"; color:#023f73; font-size:1.5em; font-style:normal; font-weight:500; padding:0 0 2em 5em; border:none; line-height:1.75; margin:0 -20px;}
blockquote.testimonial small {padding-top:1em;color:#28a3a8;font-size:0.75em; font-weight:500; font-family: "DINOT"; font-style:normal; text-transform:uppercase;}
blockquote.testimonial + blockquote {padding:1em 0;}
blockquote.testimonial::before {
    color: #28a3a8;
    content: "“";
    font-family: "DINOT",sans-serif;
    font-size: 8em;
    font-style: normal;
    font-weight: 700;
    left: 0;
    line-height: 1;
    position: absolute;
    top: -10px;
}
blockquote.testimonial:last-of-type {padding-bottom:2em;}

.page-content ul, .page-content ol {font-family: 'DINOT'; font-size:1.218em;}
.page-content ul li, .page-content ol li {padding:0.25em 1.5em;font-weight: 300;}

.innerpage-content p.small{font-weight:400;font-size:0.9625em;}
.innerpage-content figcaption {font-size:0.875em;}
.innerpage-content .row:nth-child(1) p:first-of-type {font-family: 'DINOT'; color:#9c9e9f; font-size:1.5em; font-weight:300; line-height:1.5; margin-bottom:1.5em;}
.innerpage-content .small p:first-of-type {color:#58585a !important; font-size:1.218em !important;}
ul.circle-bullet{padding:1em 0 2em 1em;}
ul.circle-bullet li{list-style:none;position:relative;font-family: 'DINOT'; font-weight:300;}
ul.circle-bullet li:before{background: #c9f14e none repeat scroll 0 0;
                           border-radius: 50%;
                           content: "";
                           display: block;
                           height: 10px;
                           left: 0;
                           position: absolute;
                           top: 0.75em;
                           width: 10px;}



/*---------------------------------------*/
/* PRINCIPALS BLOG
/*---------------------------------------*/

.principals-blog-item-wrap img {
-webkit-box-shadow: 5px 5px 20px 0px rgba(11,100,147,0.2);
-moz-box-shadow: 5px 5px 20px 0px rgba(11,100,147,0.2);
box-shadow: 5px 5px 20px 0px rgba(11,100,147,0.2);
}
.principals-blog-item-wrap {margin-bottom:1em;height: 320px;}
.principals-blog-item-wrap p {font-size:14px!important; text-transform:uppercase; margin-top:0;}
.principals-blog-item-wrap h5 {margin-bottom: 5px;}


/*---------------------------------------*/
/* FACEBOOK FEED HOMEPAGE
/*---------------------------------------*/

.social-feed-element {
    -webkit-backface-visibility: hidden;
    margin: -1px;
    margin-top: 25px;
    border: none !important;
    background-color: #F4FBFB;
    text-align: center;
    font-size: 14px;
    font-family: 'DINOT';
    line-height: 16px;
    transition: box-shadow 0.3s ease-in-out;
}

.grid.social-feed-container img {
    border: 0.625em solid rgba(255, 255, 255, 0.12); 
    border-radius: 50%;
    -webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
    width: 280px;
    height: 280px;
    object-fit: cover;
    margin: 30px 0 0;
}

.grid.social-feed-container img:hover,
.grid.social-feed-container img:focus {
    border:0.625em solid #c9f14e;
    /*-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);*/
}


.social-feed-element .content {
    padding: 25px;
    text-align: left;
}

.social-feed-element p.social-feed-text {
    margin: 0;
    text-overflow: ellipsis;
    /*-webkit-line-clamp: 5;*/
    -webkit-box-orient: vertical;
    color: #023F73;
}

.social-feed-element a {
    color: #0D5CAB !important;
    overflow-wrap: break-word;
  word-wrap: break-word;
}

.social-feed-element .author-title {
    color: #023F73;
    font-weight: 600;
}

.social-feed-element .muted {
    color: #1BB2C9;
    font-weight: 600;
}


/*---------------------------------------*/
/* FACEBOOK FEED NEWS AND EVENTS PAGE
/*---------------------------------------*/

._5pbw, ._5pbx {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.38;
    font-family: dinot;
}

body.plugin {
    font-family: DINOT!important;
    line-height: 1.28;
    -moz-text-size-adjust: none;
}


/*---------------------------------------*/
/* CALENDAR STYLES
/*---------------------------------------*/
.calendar_sidebar .nav {margin:0; padding:0;}
.calendar_sidebar .nav > li {padding:0;margin:0;}
.calendar_sidebar .nav > li > a {border-radius: 0;}
.calendar_sidebar .nav > li > a {display: block;padding: 0.5em 1em;position: relative;}
.event-day-view h2 {font-family:"DINOT",sans-serif; font-size:2.618em; font-style:normal; font-weight:300; margin-top:0;}

.tab-content .pages_row {clear: both;border-bottom: 1px solid rgba(255,255,255,.15);padding: 1em 0;float:left;width:100%;}
.tab-content .pages_row .school{text-transform:uppercase;}
.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;}
.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: 0;color: #023f73 !important;float: left;margin-right: 20px;text-decoration:none;position: relative;
                                                                       top: -5px;}
.tab-content .pages_row .date_block.home-date .addthisevent_dropdown span{font-size:14px;display: block;background: #023f73;padding: 8px 15px;text-decoration: none;color:#fff;}
.tab-content .pages_row .date_block.home-date .addthisevent_dropdown span:hover{background:#0b6493;}
.tab-content .pages_row .date_block.home-date .addthisevent_dropdown em{font-size:20px;float:left;margin-top:-3px;width:100%;}
.tab-content .pages_row .date_block.home-date .addthisevent_dropdown em.frs{display:none;}
.tab-content .pages_row .pages_detail{overflow:hidden;}

/*---------------------------------------*/
/* CALL TO ACTION BLOCK
/*---------------------------------------*/
.call-to-action-block{padding: 2em 0;width:100%;clear: both;}
/*.light-blue-bg{background: url(../images/subfooter-bg.jpg) #e4f9fa; background-size:100%; width:100%;padding:85px 0;}*/
.light-blue-bg{width:100%;padding:85px 0;}
.circle-wrapper .circle{width:201px; height:201px;background:#023f73;border-radius:50%;margin:auto;color:#fff;text-align:center;border:10px solid rgba(0,0,0,0);text-transform:uppercase;-webkit-transition: all 0.25s ease;
                        -moz-transition: all 0.25s ease;
                        -o-transition: all 0.25s ease;
                        transition: all 0.25s ease;
                        margin:10px 0;
                        display: block;
}
.circle-wrapper .circle.light-green{background:#28a1a8;}
.circle-wrapper .circle.light-blue{background:#0d5cab;}
.circle-wrapper .circle p,.circle-wrapper .circle h4{color:rgba(255,255,255,.4);}
.circle-wrapper .circle h4{margin:0;color:#fff;margin-bottom:20px; font-size:1.618em; font-family:'DINOT';font-weight: 500;font-style: normal;}
.circle-wrapper .circle:hover{-webkit-box-shadow: 0px 0px 0px 10px #c9f14e;-moz-box-shadow: 0px 0px 0px 10px  #c9f14e;box-shadow: 0px 0px 0px 10px  #c9f14e;
}
.circle-wrapper .circle .circle-content{width:201px; height:201px;vertical-align:middle;display:table-cell;border-radius:50%;overflow:hidden;}
.innerpage .hero-image{height:490px;}
.innerpage .hero-image .innerpage-banner-img img{height:490px;object-fit:cover;}
.innerpage-banner-img {position: absolute; top: 144px;left:0;right:0;margin:auto;}

.literature-container .fa {color:#28A1A8; font-size:1em; margin-right:0.5em;}

.news-letter-content{font-size:16px; position:relative;width:100%;left:0;right:0;padding:30px 0 50px 0;
                     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6eeef+0,dff1f2+7,dff1f2+11,dbf0f0+18,cae8ea+30,a8d9dc+44,4db1b7+77,33a6ac+90,28a1a8+98,28a1a8+100&0.34+0,0.34+100 */
                     background: -moz-linear-gradient(top, rgba(214,238,239,0.34) 0%, rgba(223,241,242,0.34) 7%, rgba(223,241,242,0.34) 11%, rgba(219,240,240,0.34) 18%, rgba(202,232,234,0.34) 30%, rgba(168,217,220,0.34) 44%, rgba(77,177,183,0.34) 77%, rgba(51,166,172,0.34) 90%, rgba(40,161,168,0.34) 98%, rgba(40,161,168,0.34) 100%); /* FF3.6-15 */
                     background: -webkit-linear-gradient(top, rgba(214,238,239,0.34) 0%,rgba(223,241,242,0.34) 7%,rgba(223,241,242,0.34) 11%,rgba(219,240,240,0.34) 18%,rgba(202,232,234,0.34) 30%,rgba(168,217,220,0.34) 44%,rgba(77,177,183,0.34) 77%,rgba(51,166,172,0.34) 90%,rgba(40,161,168,0.34) 98%,rgba(40,161,168,0.34) 100%); /* Chrome10-25,Safari5.1-6 */
                     background: linear-gradient(to bottom, rgba(214,238,239,0.34) 0%,rgba(223,241,242,0.34) 7%,rgba(223,241,242,0.34) 11%,rgba(219,240,240,0.34) 18%,rgba(202,232,234,0.34) 30%,rgba(168,217,220,0.34) 44%,rgba(77,177,183,0.34) 77%,rgba(51,166,172,0.34) 90%,rgba(40,161,168,0.34) 98%,rgba(40,161,168,0.34) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.news-letter-content a {-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}

.newsletter-header 		{margin:2em 0 4px}
.newsletter-detail		{background:#fff;}
.newsletter-header h1	{color:#023f73;font-size:3em;	font-family: 'adobe-garamond-pro';font-style:italic;text-transform:uppercase;margin-top: 0;}
.newsletter-header .filters ul{padding:0;}
.newsletter-header .filters ul li{list-style:none;display:inline-block;text-transform:uppercase;font-size:14px;}
.newsletter-header .filters ul li a{padding:10px 15px;color:#0b6493;border-bottom:5px solid rgba(2,63,115,0);display:block;}
.newsletter-header .filters ul li a:hover{border-bottom:5px solid rgba(2,63,115,0.1);}
.newsletter-header .filters ul li.active a{border-bottom:5px solid #3cc2c8;}
.search-box{border:0;background:#fff;position:relative;}
.search-box input{background:none;border:none;border-radius:0;padding:0px 20px;height:40px;box-shadow:none; font-weight:400; font-style:italic; font-size:1em;}
.search-box input.form-control:focus {box-shadow:none;}
.search-box input[type="submit"]{width:60px;position:relative;opacity:0;}
.search-box .input-group-addon{background:none;padding:0;border:none;}
.search-box .input-group-addon em{position:absolute;right:20px;font-size:20px;color:#0e55a0;top:10px;}
.news-letter-content h3 {font-family:'DINOT'; color: #3cc2c8;font-size: 1em;font-weight: 600;letter-spacing: 0.05em;text-transform: uppercase;}
.news-letter-content h4 a{text-transform:none;color:#023f73;font-size:18px;}
.news-letter-content .upcoming-events-list h4	{font-size:1em; }
.news-letter-content .upcoming-events-list h4 {font-size: 1.162em;color: #023f73;text-transform: none;line-height: 1.25;font-weight: 600;}
.news-letter-content .upcoming-events-list h4 a {text-transform:none;color:#023f73;line-height:1.25; font-weight:500; }
.news-letter-content .upcoming-events-list h4 a:hover,
.news-letter-content .upcoming-events-list h4 a:focus {text-decoration:underline;}
.news-short-dec{margin: 0px 0 20px;border-bottom: 2px solid rgba(2,63,115, 0.1);padding:20px 0 0}
.news-short-dec .news-blocks .row {padding:0 0 2em 0;}
.news-short-dec .news-blocks h4 {margin-top:0; line-height:1.25;}
.news-short-dec .news-blocks h4 a {display: block;font-size: 22px;font-weight: 500;margin: 0 0 0.5em;}
.news-short-dec .news-blocks h4 a:hover,
.news-short-dec .news-blocks h4 a:focus {text-decoration:underline;}
.news-main-block h2{font-family: "DINOT";font-size: 2.618em;font-style: normal;letter-spacing: -0.005em;}
.news-main-block h2 a{color:#023f73;}
.news-main-block h2 a:hover,
.news-main-block h2 a:focus {text-decoration:underline;}
.news-list .news-blocks .media{/*margin-bottom:10px;min-height:90px;*/}
.media img{padding-top: 15px;}
.news-blocks .media-middle {vertical-align: top;padding-right: 1em;}
.news-list .news-blocks h5 {font-size:16px;}
.news-list .news-blocks h5 a {font-size:1em!important; color:#023f73; font-weight:600; line-height:1.25;}
.upcoming-events-list{margin-bottom:70px;}
.upcoming-events-list h6{color: #aaaaaa;font-size: 1em;font-weight: 400;margin: 0;padding: 0; text-transform:uppercase}
.upcoming-events-list h4{margin:5px 0;}
.upcoming-events-list .event{margin:1em 0;border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding-bottom:5px;}
.upcoming-events-list .event:nth-child(n+5){display:none;}
.featured-events-list .featured-event{margin-bottom:30px;}
.featured-events-list .featured-event h4 {font-size: 1.125em;font-weight: 500;line-height: 1.25;margin-top: 0.5em;}
.featured-events-list .featured-event h4 a {font-size: 1em;line-height: 1.25;font-weight: 600;}
.download-list{padding:0;}
.download-list li{list-style:none;position:relative;font-weight:500;padding: 8px 0 8px 1.625em;}
.download-list li a {color: #023f73;letter-spacing: 0;text-transform: none;}
.download-list li:before{font-family:FontAwesome;content:"\f1c1";position:absolute;left:0;font-size:1em;color:#28a3a8;top:10px;}

.top-header  .search-block{position:absolute;left:0;right:0;width:100%;text-align:right;}
.top-header  .search-block .webform{background: #fff none repeat scroll 0 0;
                                    height: 106px;
                                    padding: 1em;
                                    position: relative;
                                    z-index: 1500;
                                    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);}
.top-header  .search-block .webform input[type="text"]{
    border: medium none;
    color: #023f73;
    font-family: "adobe-garamond-pro";
    font-size: 2em;
    font-style: italic;
    left: 0;
    line-height: 74px;
    padding: 0 1em;
    position: absolute;
    width: 90%;
    z-index: 15000;
}



/*.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: #023f73;opacity:1;
}*/
.top-header  .search-block .webform  input[type="submit"]{
    height: 106px;
    left: 90%;
    line-height: 106px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 5%;
    z-index: 1500;
}
.top-header  .search-block .webform em.fa.fa-search {color: #023f73;
                                                     font-size: 2em;
                                                     height: 106px;
                                                     left: 90%;
                                                     line-height: 106px;
                                                     position: absolute;
                                                     text-align: center;
                                                     top: 0;
                                                     width: 5%;}
.top-header  .search-block .webform a.close-btn{
    color: #023f73;
    font-size: 2em;
    height: 106px;
    line-height: 106px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 5%;}
.top-header  .search-block .webform a.close-btn em{
    color: #023f73;
}
.top-header  .search-block .webform a.close-btn:before {
    content:"";
    background-color:#ddd;
    width:2px;
    left:0;
    height:50%;
    display: inline-block;
    float: left;
    margin-top: 25px;
}
.top-header  .search-block .autocomplete-suggestion{padding:5px 15px;background:#fff;text-align:left;}  
.top-header  .search-block .autocomplete-suggestion:hover{padding-left:20px;}
.top-header  .search-block.search-block-open{display:block;}
.main-navigation > .navbar-nav > li{position:relative;}
.main-navigation > .navbar-nav > li  .dropdown-menu{left:0;right:auto;}
.main-navigation > .navbar-nav > li.dropdown.yamm-fw {position:static;}
/*Page right side image gallery*/
.image-popup-vertical-fit {display:block; position:relative;}
.image-popup-vertical-fit .img-overlay{display:none;position:absolute;top:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.4);width:100%;}
.image-popup-vertical-fit:hover .img-overlay{display:block;}
.image-popup-vertical-fit .img-overlay .svg-plus{color:#fff;position:absolute;top:0;left:0;right:0;top:0;bottom:0;margin:auto;}
.video-popup-vertical-fit{display:block; position:relative;}
.video-popup-vertical-fit .vid-overlay{display:none;position:absolute;top:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.9);width:100%;}
.video-popup-vertical-fit:hover .vid-overlay{display:block;}
.video-popup-vertical-fit .vid-overlay em{color:#fff;position:absolute;top:0;left:0;right:0;top:0;bottom:0;margin:auto;}
.video-popup-vertical-fit .vid-overlay em { font-size: 40px; width: 40px; height: 40px;}
.video-container a{text-decoration:none;}

/* Search Result Layout */
.search-result {}
.search-result h3 {font-family:"DINOT", sans-serif;font-size:1.5em; margin:2em 0 1em; text-transform:none;}
.search-result h3 a {}

/*Form*/
input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox {
    width: 100%;
    background-color:#f5f5f5;
    padding:10px;
    border:none;
} 
label {font-weight:400;}

footer{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5fbfb+0,f2fbfa+9,f3f8fb+10,eff9f8+13,f0f8fa+15,eef8f7+16,edf7f8+20,e8f6f6+22,eaf5f7+24,e7f5f6+24,e2f2f2+31,def2f1+32,dff1f3+32,def0f0+32,dff1f3+33,ddf1f0+34,ddf1f2+34,d7eced+40,d4eeef+41,d2eced+41,d2eced+43,d1ebea+43,ceeaed+46,cceaea+46,cde9ea+46,ceeaed+47,cce8e9+47,c8e7e9+53,c4e6e8+53,c3e5e7+57,bee4e5+58,bfe2e4+59,c0e3e5+60,bbe3e3+62,bbe3e5+64,bae2e2+65,bae2e4+65,bae0e1+65,bae2e4+65,b9e1e3+100 */
    background: #f5fbfb; /* Old browsers */
    background: -moz-linear-gradient(top,  #f5fbfb 0%, #f2fbfa 9%, #f3f8fb 10%, #eff9f8 13%, #f0f8fa 15%, #eef8f7 16%, #edf7f8 20%, #e8f6f6 22%, #eaf5f7 24%, #e7f5f6 24%, #e2f2f2 31%, #def2f1 32%, #dff1f3 32%, #def0f0 32%, #dff1f3 33%, #ddf1f0 34%, #ddf1f2 34%, #d7eced 40%, #d4eeef 41%, #d2eced 41%, #d2eced 43%, #d1ebea 43%, #ceeaed 46%, #cceaea 46%, #cde9ea 46%, #ceeaed 47%, #cce8e9 47%, #c8e7e9 53%, #c4e6e8 53%, #c3e5e7 57%, #bee4e5 58%, #bfe2e4 59%, #c0e3e5 60%, #bbe3e3 62%, #bbe3e5 64%, #bae2e2 65%, #bae2e4 65%, #bae0e1 65%, #bae2e4 65%, #b9e1e3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f5fbfb 0%,#f2fbfa 9%,#f3f8fb 10%,#eff9f8 13%,#f0f8fa 15%,#eef8f7 16%,#edf7f8 20%,#e8f6f6 22%,#eaf5f7 24%,#e7f5f6 24%,#e2f2f2 31%,#def2f1 32%,#dff1f3 32%,#def0f0 32%,#dff1f3 33%,#ddf1f0 34%,#ddf1f2 34%,#d7eced 40%,#d4eeef 41%,#d2eced 41%,#d2eced 43%,#d1ebea 43%,#ceeaed 46%,#cceaea 46%,#cde9ea 46%,#ceeaed 47%,#cce8e9 47%,#c8e7e9 53%,#c4e6e8 53%,#c3e5e7 57%,#bee4e5 58%,#bfe2e4 59%,#c0e3e5 60%,#bbe3e3 62%,#bbe3e5 64%,#bae2e2 65%,#bae2e4 65%,#bae0e1 65%,#bae2e4 65%,#b9e1e3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f5fbfb 0%,#f2fbfa 9%,#f3f8fb 10%,#eff9f8 13%,#f0f8fa 15%,#eef8f7 16%,#edf7f8 20%,#e8f6f6 22%,#eaf5f7 24%,#e7f5f6 24%,#e2f2f2 31%,#def2f1 32%,#dff1f3 32%,#def0f0 32%,#dff1f3 33%,#ddf1f0 34%,#ddf1f2 34%,#d7eced 40%,#d4eeef 41%,#d2eced 41%,#d2eced 43%,#d1ebea 43%,#ceeaed 46%,#cceaea 46%,#cde9ea 46%,#ceeaed 47%,#cce8e9 47%,#c8e7e9 53%,#c4e6e8 53%,#c3e5e7 57%,#bee4e5 58%,#bfe2e4 59%,#c0e3e5 60%,#bbe3e3 62%,#bbe3e5 64%,#bae2e2 65%,#bae2e4 65%,#bae0e1 65%,#bae2e4 65%,#b9e1e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5fbfb', endColorstr='#b9e1e3',GradientType=0 ); /* IE6-9 */
}
footer .sticky-header-bg{height:0px;width:100%;overflow:hidden;display:none;}

.photo-gallery-section{position:relative;clear:both;}
.photo-gallery-section .overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);color:#fff;}
.photo-gallery-section .overlay .content{margin-top:18%;}
.photo-gallery-section .overlay .content .fa{font-size:30px;}
.photo-gallery-section .overlay .content h4{color:#e0e0e0;font-family: 'adobe-garamond-pro';font-style:italic;font-size:33px;margin:1em 0 0;}
.photo-gallery-section .overlay .content h2{font-family: 'DINOT';color:#e0e0e0;font-style:normal;text-transform:uppercase;font-size:52px;margin:0 0 20px;}
.newsletter{position:relative;background:url(../images/news-event-bg.png) no-repeat; background-size:100%;  background-clip:content-box;}
.newsletter .header{position:relative; left:0;} 
.newsletter.newsletter-detail{background:none;}
.news-events-detail .newsletter{/*background:url(../images/newsletter-header-bg.png) no-repeat; background-size:100%;*/}
.header .searchbox-wrapper{margin-top:15px;}
.header .searchbox-wrapper .print-btn{color:#0b6493;font-size:14px;}
.news-detail-content .innerpage-content{padding:0px 0;}
.news-letter-content .news-body-wrap {margin-top:2em;}
.news-detail-content .breadcrumbs ul.breadcrumb {margin: 1em 0 0;}
.news-detail-content .breadcrumbs ul.breadcrumb li {font-size:16px;}
.news-detail-content .breadcrumbs ul.breadcrumb li a {font-size:1em; padding:1em 1.5em; color:#58585a; display:block; -webkit-border-radius: 4px;
                                                      -moz-border-radius: 4px;
                                                      border-radius: 4px;
                                                      -webkit-transition: all 0.25s ease;
                                                      -moz-transition: all 0.25s ease;
                                                      -o-transition: all 0.25s ease;
                                                      transition: all 0.25s ease;}
.news-detail-content .breadcrumbs ul.breadcrumb li a:hover,
.news-detail-content .breadcrumbs ul.breadcrumb li a:focus {background:#f4f4f4; text-decoration:none;}
.news-detail-content .breadcrumbs ul.breadcrumb li a .fa {margin-right:0.625em; color:rgba(0,0,0,0.5);}
.news-detail-content p {color: #58585a;font-family: "DINOT";font-size: 1.218em;font-weight: 300;letter-spacing: -0.005em;line-height: 1.58;margin-bottom: 1.5em;}
.news-detail-content .lead {color: rgba(0, 0, 0, 0.44);font-size: 1.5em;font-weight: 400;line-height: 1.5;}
.news-header h2 {font-family: "DINOT";font-size: 2.618em;font-style: normal;font-weight: 600;margin: 0 0 1rem; line-height:1.25;}
.news-header h4	{color: #3cc2c8;font-size: 1.125em;font-weight: 500;margin: 2em 0 1em;text-transform: uppercase; letter-spacing:0.05em;}
.news-header h5 {color:#aaaaaa; font-size:1em; text-transform:uppercase; font-weight:500; margin:1em 0 2em; font-style:normal;}
.news-main-image {margin-bottom:2em;}
.news-list h4 {font-size: 1em;font-weight: 500;line-height: 1.5;margin-top: 0.5em; color:#023f73;}
.news-list h4 a {color: #023f73;}
.news-list h4 a:hover,
.news-list h4 a:focus {text-decoration:underline;}
.news-list h3 {color: #3cc2c8;font-family: "DINOT";font-size: 1.166em;font-weight: 500;letter-spacing: 0.05em;text-transform: uppercase;}
.upcoming-events-list .btn {position:relative; padding: 12px 1.5em;}
.upcoming-events-list .btn:before {content:""; -webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}
.upcoming-events-list .btn:hover {padding-left:2em;-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);}
.upcoming-events-list .btn:before {content:"\f073";font-family:FontAwesome; font-size:1em; margin-right:1em;}

/*---------------------------------------*/
/* PORTAL CONTENT
/*---------------------------------------*/
.portal-content {background-color:#28a1a8;}

/*---------------------------------------*/
/* VIDEO STYLES
/*---------------------------------------*/

.video-show .html5-video-front-end {display:none;}

#u_0_2 {display:none;}

.innerpage #video-container  .close-video{background:none;}
#inner-page-video-container .video-btn-holder {
    bottom: 5%;
    display: none;
    left: 5%;
    margin: auto;
    position: absolute;
    right: 5%;
    width: 90%;
}

#inner-page-video-container .html5-video-front-end .btn-videoplay{
    padding:0px 20px 0px 0px;  
    border:none;
}
/*#inner-page-video-container .html5-video-front-end .btn-videoplay:hover em{
    background: #023f73;
}*/
#inner-page-video-container .html5-video-front-end .btn-videoplay em{
    background:#25969a;
    padding:12px 15px 15px; 
    top: 0px;
    border:none; 
    margin-right: 20px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
#inner-page-video-container .html5-video-front-end .btn-videoplay:after,
#inner-page-video-container .html5-video-front-end .btn-videoplay:hover:after,
#inner-page-video-container .html5-video-front-end .btn-videoplay:focus:after {content:"";}

#inner-page-video-container  .video-btn-holder .btn-play,
#inner-page-video-container  .video-btn-holder .btn-play:focus {
    background: rgba(0,0,0, 0.8) none repeat scroll 0 0;    
    border: medium none;
    border-radius: 5px;
    padding: 12px 0;
    width:45px;
}
#inner-page-video-container  .video-btn-holder .btn-play:hover, 
#inner-page-video-container  .video-btn-holder .btn-play:focus {
    background: rgba(0,0,0, 1) none repeat scroll 0 0;
    color:#fff;
}
#inner-page-video-container  .video-btn-holder #defaultBar {
    background: rgba(0,0,0, 0.6) none repeat scroll 0 0;
    cursor: pointer;
    float: left;
    height: 5px;
    margin: 1.25em 0.5em 0;
    position: relative;
    width: 73%!important;
}
#inner-page-video-container  .video-btn-holder #progressBar {
    background: #c9f14e none repeat scroll 0 0;
    height: 5px;
    position: absolute;
}
#inner-page-video-container  .video-btn-holder #timeWrap {
    background: rgba(0,0,0, 0.8) none repeat scroll 0 0;
    border-radius: 5px;
    display: inline-block;
    float: left;
    font-size: 11px;
    margin: 11px 5px 0;
    padding: 2px 6px 3px;
    text-align: center;
}
#inner-page-video-container .video-btn-holder #timeWrap .currentTime {
    color: #fff;
}
#inner-page-video-container .video-btn-holder #timeWrap .duration {
    color: rgba(255, 255, 255, 0.6);
}
#inner-page-video-container .video-btn-holder #button-mute-1 {
    width: auto;
}
#inner-page-video-container .video-btn-holder .btn-mute {
    background: rgba(0,0,0, 0.6) none repeat scroll 0 0;
    border-radius: 5px;
    font-size: 100%;
    padding: 8px 10px;
}
#inner-page-video-container .html5-video-back-end .btnFullscreen {
    background: rgba(0,0,0, 0.6) none repeat scroll 0 0;
    border-radius: 5px;
    margin: 0;
    padding: 9px 8px 9px 12px;
    text-align: center;
    position: relative;
    top: 3px;
}
#inner-page-video-container .html5-video-back-end .btnFullscreen em {
    border-radius: 5px;
    color: #fff;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
#inner-page-video-container .html5-video-back-end .btnFullscreen:hover em,
#inner-page-video-container .html5-video-back-end .btnFullscreen:focus em {color:#fff;}
#inner-page-video-container .btn .fa {font-size: 100%;margin: 0;padding: 0;width: 1em;}

/*@media screen  and (max-width: 1800px){ 
 .container {width:100%;}
}*/
.news-image-gallery{margin:20px 0;clear:both;}
.image-gallery-wrap{display:block;position:relative;margin-bottom:20px;}
.image-gallery-wrap img{width:100%;}
.image-gallery-wrap .overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);margin-top:100%;transition:all .3s ease;}
.image-gallery-wrap .overlay svg{width:50px;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;}
.image-gallery-wrap:hover .overlay{margin-top:0;}
.newsletter-header .searchbox-wrapper{/*margin-top:-50px;*/}
.news-events-detail  .searchbox-wrapper{margin-top:0;}

.green-gradient .owl-controls .owl-prev {margin-left:-30px;}
.green-gradient .owl-controls .owl-next {right:-30px;}
.why-stmary {background:url(../images/why-section-bg.jpg) no-repeat;background-size:cover;color:#fff;}
.why-stmary h2 {color:#fff;}
.why-stmary .text-center p {font-weight:300!important;}
.why-stmary .slide .slide-image img{border-radius:0;border:none;}
.why-stmary .slide .slide-wrap{position:relative;overflow:hidden;}
.why-stmary .slide .slide-wrap .slide-overlay{position:absolute;top:100%;right:0;bottom:0;left:0;background:rgba(2,63,115,.94);
                                              padding:60px 40px;transition:all ease .35s;}
.why-stmary .slide .flipper .slide-overlay p.quote {font-family:'adobe-garamond-pro',serif!important; color: #fff;font-size: 1.5em; font-style: italic;font-weight: 300;line-height: 1.5;}
.why-stmary .slide .flipper .slide-overlay p.small {font-family:"DINOT",sans-serif; color:#59a3dc!important;} 
.why-stmary .slide:hover .slide-wrap .slide-overlay{top:0;}
.slider .btn-play,.slider .btn-play:focus{padding:inherit;}
p.quote-gray {font-family:'adobe-garamond-pro',serif!important; color: #999;font-size: 1.5em; font-style: italic;font-weight: 300;line-height: 1.5;}
.owl-carousel .owl-dots .owl-dot {height: 6px;width: 47%;background: rgba(0,0,0,.3);z-index: 1500;margin: 0 1.5%;float: left;border-radius: 5px;
}
.parallax-window {
    min-height: 400px;
    background: transparent;
}
#inner-page-video-container{clear:both;} 
.html5-video-front-end{color:#fff;}
.html5-video-front-end h1{font-family: 'dearjoe_5_casual';font-size:4em;font-weight:normal;line-height:1.3em;}
.html5-video-front-end p{font-size:1.5em;}
.big-buttons{padding:20px 20px 50px;overflow:hidden;}
.big-buttons a{font-size:16px;text-transform:uppercase;color:#fff;display:block;padding:25px 15px 10px;text-align:center;border-radius:10px;background:rgba(2,63,115,.4);}
.big-buttons a em{font-size:40px;}
.big-buttons a span{display:block;padding:10px 0;}
#inner-page-video-container .html5-video-front-end,
#inner-page-video-container .html5-video-front-end  .poster-image {position:absolute;bottom: 0;top: 0;left:0;right:0;}
#inner-page-video-container .html5-video-front-end  .poster-image img{height:100%;}
#inner-page-video-container .html5-video-front-end .banner-cap{padding:15% 20px;}
.slider.why-section .owl-controls  .owl-buttons {display:none;}
/*Landing Page Css*/
.landing-page-banner{height:80vh;background:url(../images/landingpage-banner-bg.jpg);background-size:cover;position:relative;}
.landing-page-banner .left-image{position:absolute;bottom:0;max-width:730px;}
.landing-page-banner .left-image .green-circle-wrap{position:absolute;right:-110px;bottom:-50px;width:150px;height:150px;
                                                    text-align:center;z-index:15;}
.green-circle{font-size:1.25em; height:200px;width:200px;background:#c9f14e;border-radius:50%; color:#005485!important;padding:60px 0;line-height:normal;text-align:center;}
.green-circle a {color:#005485;text-decoration:none;}
.green-circle p{font-weight:bold;}
.green-circle p span{display:block;font-weight:100;font-style:italic;font:1em;font-family: adobe-garamond-pro;}
.landingpage-banner-right {color:#fff;position: absolute;right: 11%;top: 44%;z-index:13;}
.landingpage-banner-right h1{font-size:60px;font-style:italic;}
.landingpage-banner-right h2{font-size:45px;font-style:italic;color:#c9f14e;  font-family: dearjoe_5_casual;font-weight:400;margin:0;}
.history-images {margin-bottom:-80px;}
.history-images img{border:8px solid #fff;box-shadow:0 0 8px 0px #444;}
.history-image1{transform:rotate(-5deg);z-index:10;}
.history-image2{transform:rotate(5deg);position:relative;right:-15%;margin-left:5%;top:-35px;z-index:15;}
.history-image3{transform:rotate(-5deg);position:relative;right:15%;top:-45px;z-index:10;}
.rich-history  .waves {position: absolute;top: -7%;max-width:100%;width:100%;}

.rich-history{background:url(../images/rich-history.jpg);background-size:cover; margin-top:10px;padding:80px 0 0 0;color:#fff;z-index:11;height:670px;}
.rich-history h2{ color:#fff;margin:0 0 20px;}
.why-girls-school{padding:0;z-index:10;background:url(../images/why-girls-school.jpg) #0e1124;background-size:cover;height:750px;position:relative;}
.why-girls-slider{position:absolute;bottom:30px;text-align:center;max-width:100%;width:100%;}
.why-girls-school h2{color:#fff;}
.why-girls-school p.purple-text{color:#8390d2;font-size:20px;}
.why-girls-slider .owl-carousel{margin:35px 0;}
.why-girls-slider .owl-carousel .author{color:#8390d2; font-size:13px;}
.why-girls-slider .owl-carousel p{font-style:italic;font-size:20px;color:#fff;}
.why-girls-slider .owl-carousel .owl-pagination{display:none;}
.why-girls-slider .owl-carousel .owl-buttons > div{float:left;width:25px;height:25px;background:none;margin:-20%;font-size:0;}
.why-girls-slider .owl-carousel .owl-buttons > div:before{content:"\f053";font-family:fontawesome;color:#fff;opacity:1;font-size:25px;}
.why-girls-slider .owl-carousel .owl-buttons > div.owl-next{float:right;}
.why-girls-slider .owl-carousel .owl-buttons > div.owl-next:before{content:"\f054";}
.academic-section{background:url(../images/academic.jpg);background-size:cover;padding:0 0 40px;z-index:15;}
.blue-circle{background:#1e76c1;width:200px;height:200px;border-radius:50%;color:#fff;text-align:center;line-height:normal;padding:60px 0 0; font-size:1.25em}
.blue-circle a{color:#fff;text-decoration:none;}
.blue-circle p span{display:block;font-style:italic;opacity:.8;font-family: adobe-garamond-pro;}
.big-circle,.small-circle,
.big-circle img,.small-circle img{border-radius:50%;overflow:hidden;}
.academic-section  .left-side > div{margin-top:-8%;}
.big-circle{width:350px;height:350px;}
.big-circle img{height:350px;object-fit:cover;}
.small-circle{width:230px;height:230px;}
.small-circle img{height:250px;object-fit:cover;width:100%;}
.academic-section .right-side{padding:70px 70px 0 0;}
.academic-section .right-side .small-circle {left:50%;position:relative;z-index:10;height:220px;width:220px;    margin: 5% 0 -12%;}
.academic-section .right-side .green-circle {padding: 40px 5px;position: absolute;bottom: -115px;left:25%;z-index:1;}
.academic-section .right-side .small-circle img{height:225px;}
.extension-section{background:url(../images/extension-bg.jpg); background-size:cover;padding:90px 0;}
.extension-section .purple-bg{background:rgba(20,105,182,.9);text-align:left;padding:40px 50px;color:#fff;}
.extension-section .purple-bg h2{color:#fff;}
.extension-section .purple-bg  a,.rich-history a{color:#dcfd54;}
.pastoral-care{background:url(../images/pastoral-bg.jpg) #005485;background-size:cover;color:#fff;z-index:10;}
.pastoral-care h2{color:#dcfd54;}
p.pastoral-care-bottom {margin:50px 0;font-family: 'dearjoe_5_casual';font-size:1.5em;text-align:center;}
/*Landing Page Css*/


.innerpage-content .tab-content .pages_row .pages_links h4{margin:0px 0 5px;padding:0;float:left;}
.innerpage-content .tab-content .pages_row .pages_links h4 p{font-weight:500;padding:0;font-size:1.1em;color:#023f73;margin:0;}
.why-girls-school .blue-circle {bottom:-80px;position:absolute;left:8%;}
.academic-parallax-section-wrap{height:680px;position:relative;max-width:100%;padding:0;clear:both;overflow:hidden;z-index:9;color:#005485;line-height:1.2em;}
.academic-parallax-section-wrap .left-side{left:5%;margin: 0;position:relative;float:left;padding-top:45px;}
.academic-parallax-section-wrap .left-side .big-circle{margin-top:-15%;position:relative;}
.academic-parallax-section-wrap .left-side .small-circle{margin-top:-35px;}
.academic-parallax-section-wrap .right-side{padding-top:65px; height:400px}
.academic-parallax-section-wrap .right-side .small-circle{right:0;position:absolute;}
.academic-parallax-section-wrap .right-side  .green-circle{position:absolute;right:60px;bottom:0;}
#layer-1 {
    width: auto;
    height: 600px;
    position: relative;
    left: 2em;
    right:2em;
    margin:auto;
}
#layer-2 {
    width: 100%;
    height: 450px;
    position: absolute;
    left: 0;
    top:50px;
}
#layer-3 {
    width: 100%;
    height: 400px;
    position: absolute;
    left: 0;
    top:200px;
}
#layer-3 .container{position:relative;}
#layer-3 .layer-content{position:absolute;top:175px;left:0;right:0;}
#layer-3 .layer-content .small-circle:nth-child(2){position:absolute; left:65%; top:20px}
#layer-2 .big-circle{top:130px;position:absolute;}
.extension-section{z-index:15;}
.extension-section .green-circle{ top: -50px; left: 60%;position:absolute;}

.fullwidth-section .waves .svg,.fullwidth-section .waves .svg embed {width: 100%;max-width:100%;overflow: hidden;min-height: 105px;}
.fullwidth-section .waves .svg svg {overflow: hidden;max-width: 100%;}
.rich-history .green-circle{position: absolute;top: -14%; left: 60%;z-index:15;}
.quick-facts .blocks .block .row{height:500px;}
.innerpage-content .waves,.green-gradient .waves,.why-stmary .waves{overflow-x:hidden;}
.innerpage-content .waves object,.green-gradient .waves object,.why-stmary .waves object{width:100%;max-width:100%;left:0%;position:relative;}
.page-content .slide > .slide-wrap  a img{border-radius:50%;}
.page-content .slide > .slide-wrap  a img:focus,.page-content .slide > .slide-wrap  a:focus{outline:none;}
.page-content .slide > .slide-wrap {margin-bottom:30px;text-align:center;}
.page-content .slide > .slide-wrap a{display:block;padding:5px 0 10px;}
.modal-header .close {    margin-top: 0;    position: absolute;    top: 5px;    right: 25px;    font-size: 55px;}
@media screen  and (min-width: 1801px){
    .innerpage-content{padding-top:160px}
    .container {width:1440px;}
    .main-navigation .menu-downloads ul li a {font-size: 1.125em;padding: 0.5em 0;}
    .cd-background-wrapper,.why-girls-school{min-height:960px;}
    .principals-blog-item-wrap {height: 360px;}
}

@media screen  and (min-width: 1400px){ 
    .main-navigation .container-fluid {width:1440px;}
    .main-navigation .section-list ul li a {padding: 0.625em 1.5em;}
    .innerpage-content{padding-top:120px}
    .innerpage .hero-image{height:530px;}
    .innerpage .hero-image .innerpage-banner-img img{height:530px;object-fit:cover;}
    .our-story > .image{width: 980px;}
    .our-story{height:70vh;}
    .our-story .story-block{margin-top:0;}

}
@media screen  and (max-width: 1400px){
    .our-story > .image{width: 740px;}
}
@media screen  and (max-width: 1050px){
    .quick-facts .small-block{}
    .quick-facts .small-block h3{font-size:30px;}
    .quick-facts .small-block.light-blue h3{font-size:48px;}
    .four-blocks > .table > div{height:151px;min-height:151px;}
    .html5-video-wrapper .video-caption h1{font-size:3.5em;}
    h1, h2, h3, h4, h5, h6 { /*reset for mobile browsers */
        font-weight: normal!important;;
    }
}
@media screen  and (min-width: 993px) and (max-width: 1050px){
    .waves {display:none!important;}
    .main-navigation li a {font-size: .83em;padding: 30px .8em 30px;}
    .hero-image{max-height:575px;}
    .hero-image .overlay  .slider-caption h2{font-size:48px;}
    .quick-facts .blocks .block .row{height:426px;}
    .hero-image .overlay > .container > div.banner-right{vertical-align:middle;}
    .banner-right p{top:65%;bottom:inherit;}
    .hero-image .overlay > .container > div.slider-caption > div { margin-top: -30%;}
    .fullwidth-section{padding:40px 0;/*height:80vh;*/}
    .our-story > .image{width:500px;}
    .our-story .story-block{margin-top:0;right:15%;}
    .photo-gallery-section .overlay .content {margin-top: 10%;}
    .footer-bottom h4{font-size:1.6em;margin:20px 0 0;}
    .footer-bottom ul{margin-bottom:0;}
    .main-navigation .section-list ul li a{  padding: 0.5em 10px 0.5em 25px;font-size:14px;}
    .main-navigation  .dropdown.yamm-fw .dropdown-menu .yamm-content .downloads-wrap{padding: 2em 1.5em;}
    .main-navigation .menu-downloads ul li a{ font-size: 14px;  }
    .main-navigation .menu-downloads ul li a .fa{margin-right: .3em;}
    .main-navigation .section-list ul li a .fa{position:absolute;left:6px;top:14px;}
}
@media screen  and (max-width: 990px){ 
    .quick-facts .blocks .block .block-img{width: 100%;}
    #inner-page-video-container .video-btn-holder .btn-play:hover, #inner-page-video-container .video-btn-holder .btn-play:focus {
        background: rgba(0,0,0, 1) none repeat scroll 0 0;color: #fff;width:45px;    padding: 12px 0; text-align:center;}
    #inner-page-video-container  .video-btn-holder #defaultBar{    width: 55%!important;}
    #inner-page-video-container .video-btn-holder{width:75%;}
    /*.wrapper{padding:2em 0;}*/	
    .mobile-menu .navbar-default{background:none;border:none;margin-bottom:0;}
    .mobile-menu{position:fixed;top:5%;right:20px;}
    #mobile-nav,#quick-nav{position:fixed;top:0px;left:0;right:0;background:rgba(9,99,146,.9);padding:35px 30px 35px;display:none !important;}
    #mobile-nav .navbar-nav li a,#quick-nav .navbar-nav li a{padding:15px 25px;color:#023f73; font-size:22px;font-weight:400;line-height:24px;}
    #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:#023f73;font-size:18px;font-weight:bold;display:block;}
    .mobile-menu .navbar-header button+button{border-right:1px solid #fff !important;border-radius:0;}
    .wrapper .mobile-menu  .close-menu{color:#fff;}
    .wrapper .mobile-menu .menu-bg{background: #fff;clear: both;top: 20px;position: relative;padding-bottom:40px;max-height:90vh;
                                   overflow-y:auto;}
    .wrapper .mobile-menu .menu-bg .nav-tabs{background:#ecf2f8;}
    .wrapper .mobile-menu .menu-bg .nav-tabs li a{margin-bottom:0;font-size:18px;color:#023f73;}
    .wrapper .mobile-menu .menu-bg .nav-tabs li.active a{background:none;font-weight:bold;color:#023f73;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:26px; font-family: 'adobe-garamond-pro';}
    .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 {margin:0;width:100%;}
    .wrapper .mobile-menu .menu-bg  .navbar-nav li{width:100%;float:left;}
    .wrapper .mobile-menu .menu-bg .navbar-nav  li a .fa{position:absolute;right:25px;color:#28a3a8;}
    #mobile-nav .navbar-nav li .dropdown-menu,#quick-nav .navbar-nav li .dropdown-menu{padding:0;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{font-size:18px;padding:10px 40px;}
    #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:#023f73;font-size:32px;}
    .wrapper .mobile-menu #quick-nav .menu-bg .navbar-nav  li a .fa{top:12px;}
    .header{position:fixed;top:1em;left:1em;right:1em;background-image: url(../images/header_bg.png); background-size:cover; }
    .wrapper{padding:1em;}
    #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;}
    .innerpage-banner-img { top: 106px;}
    .slider.why-section .owl-controls .owl-buttons > div {
        margin: -25% auto 25%;
    }
    .green-gradient{margin-top:10px;}
    .green-gradient .waves {position: absolute;top: -2.5%;}
    .header.sticky{top:1em;}
    .newsletter-header .filters ul li{display:block;}
    .newsletter .header{position:fixed; left:1em;right:1em;} 
    .news-letter-content{padding-top:80px;}
    .newsletter-header .filters ul li a{padding:10px;}
    .newsletter-header .filters{margin-bottom:20px;}
    .close-quick-menu,.close-quick-menu:focus{    color: #fff;top: -4px;position: relative;right: 2px;padding: 15px 20px;font-size: 26px;}
}

@media screen  and (max-width: 768px){
    .print-btn{display:none;}
    .quick-facts .blocks .block .row{height:360px;}
    .slider.why-section .owl-controls  .owl-buttons {display:block;}
    .hero-image .overlay .slider-caption h2 {font-size:42px;}
    .hero-image .overlay > .container > div.slider-caption {padding:65px 45px 0px;}
    .banner-right p{font-size:1.2em;}
    .hero-image .overlay > .container > div {display:block;}
    .fullwidth-section.our-story {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
    }
    .fullwidth-section.our-story .image {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
    }
    .fullwidth-section.our-story .container {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
    }
    .our-story > .image,.our-story .story-block {position:relative;max-width:100%;}
    .fullwidth-section.our-story .story-block{margin-top:0;padding:0 30px;}
    .fullwidth-section.our-story{padding:30px 0 0px;min-height:80vh;height:auto;}
    .fullwidth-section.green-gradient{padding-top:40px;text-align:center;}
    .footer{/*padding: 5% 30px 15%;*/text-align:center;}
    .footer-bottom,.footer .blurb,
    .slider .owl-controls .owl-pagination{
        display:none;
    }
    .footer h4 {margin-top: 30px;font-size:20px;text-align:center;}
    .circle-wrapper .circle{margin: 35px auto;}
    .html5-video-back-end video {object-fit: cover;height: 490px;position: relative;}
    .slider .slide{width:80%;margin:auto;}
    .slider .owl-controls  .owl-buttons > div{opacity:1;float:left;background:none;font-size:0;overflow:hidden;
                                              width:30px;padding:5px 0;    margin: -80% auto 80%;position:relative;right:0;}
    .slider .owl-controls  .owl-buttons .owl-next{float:right;}
    .slider .owl-controls  .owl-buttons .owl-prev:before{content:"\f053";font-family:fontawesome;font-size:30px;}
    .slider .owl-controls  .owl-buttons .owl-next:before{content:"\f054";font-family:fontawesome;font-size:30px;}
    .why-stmary h2{font-size:2.8em;}
    .footer .container .row .col-md-5{text-align:center;}
    .slider.why-section .owl-controls  .owl-buttons > div{  margin: -24% auto 50%;}
    .why-stmary .slide .slide-wrap .slide-overlay {
        top: 0;
        background: rgba(0,0,0,.48);
        padding:15px;
    }
    .hero-image .overlay > .container{padding:0;}
    .green-gradient #inner-page-video-container .html5-video-front-end{position:absolute;top:0;height:490px;  bottom: 0;}
    #inner-page-video-container .html5-video-front-end .poster-image{position:absolute;}
    #inner-page-video-container .html5-video-front-end .poster-image img{height:490px;object-fit:cover;}
    #inner-page-video-container .html5-video-front-end .banner-cap{padding: 20% 20px;}
    #inner-page-video-container .html5-video-front-end .banner-cap .html5-video-front-end h1{font-size:3em;}
    #inner-page-video-container .html5-video-front-end {bottom: 0%;}
    .innerpage-content .waves{top:-5.5em;}
    .photo-gallery-section .gallery-bg img{height:450px;object-fit:cover;}
    .innerpage-content{padding:80px 0px 20px;}
    .main-header {height: 106px;}
    .local-menu{margin-left:15px;}
    .newsletter-header object.logo{margin-left:-30%;}
}
@media screen  and (max-width: 767px){ 
    .newsletter-header object.logo{margin-left:0%;}
    #inner-page-video-container .video-btn-holder .btn-play:hover, #inner-page-video-container .video-btn-holder .btn-play:focus {
        background: rgba(0,0,0, 1) none repeat scroll 0 0;color: #fff;width: 45px;    padding: 12px 0;}
    #inner-page-video-container  .video-btn-holder #defaultBar{    width: 20%!important;}
    .innerpage-content{padding:20px 0px 20px;}
    .innerpage .hero-image {height: 175px;overflow:hidden;}
    .wrapper.innerpage .hero-image #video-slider > img.innerpage-banner-img{width:100%; height: auto;}
    .innerpage-content .waves { top: -5.5em;left:0;right:0;}
    .innerpage-banner-img {top: 60px;}
    .green-gradient .waves{top: -2%;}
    .fullwidth-section.green-gradient{margin-top:-30px;}
    .main-header{height:70px;}
    .main-header:before {position: fixed;content: "";height: 1.05em;display: block;background: #fff; width: 100%; top: 0;}
    .footer .phone{font-size:1.8em;clear:both;}
    .why-stmary .waves {position: absolute;top: -1.5%;}
    .fullwidth-section.our-story .story-block{padding:0 15px;}
    .left-sidebar .navbar-header button.navbar-toggle{font-size:14px;left:10px;}
    /*.hero-image #video-slider > img {width: 100%;height:auto;}*/
}

@media screen  and (max-width: 640px){ 
    /*.innerpage-content{padding-top:20px}*/
    .btn{padding:12px 20px;}
    .banner-right p{bottom:50px;}
	.small-circle{float:none !important;margin:10px auto;}
}

@media screen  and (max-width: 350px){
    #inner-page-video-container  .video-btn-holder #defaultBar{    width: 0%!important;}
    .photo-gallery-section .gallery-bg img{height:70vh;object-fit:cover;}
    .call-to-action-block, footer{width:auto;}
    .footer {padding: 5% 10px 15%;}
    .btn{white-space:pre-wrap;}
}

.loader {left: 45%;position: fixed;top: 50%;width: 40px;height: 60px;display: block;z-index: 10;}
.loader .circle {  position: absolute;width: 40px;height: 40px;opacity: 1;-webkit-transform: rotate(225deg);transform: rotate(225deg);-webkit-animation-iteration-count: infinite;-webkit-animation-name: orbit;-webkit-animation-duration: 5.5s;animation-iteration-count: infinite;animation-name: orbit;animation-duration: 5.5s;left:0;right:0;top:0;bottom:0;margin:auto;}
.loader .circle:after {content: '';position: absolute;width: 5px;height: 5px;border-radius: 5px;background: #4c9ed9;/* Pick a color */}
.loader .circle:nth-child(2) {-webkit-animation-delay: 240ms;animation-delay: 240ms;}
.loader .circle:nth-child(3) {-webkit-animation-delay: 480ms;animation-delay: 480ms;}
.loader .circle:nth-child(4) {-webkit-animation-delay: 720ms;animation-delay: 720ms;}
.loader .circle:nth-child(5) {-webkit-animation-delay: 960ms;animation-delay: 960ms;}
@-webkit-keyframes orbit {
    0% { -webkit-transform: rotate(225deg);opacity: 1;-webkit-animation-timing-function: ease-out;}
    7% { -webkit-transform: rotate(345deg);-webkit-animation-timing-function: linear;}
    30%{-webkit-transform: rotate(455deg);-webkit-animation-timing-function: ease-in-out;}
    39%{-webkit-transform: rotate(690deg);-webkit-animation-timing-function: linear;}
    70%{-webkit-transform: rotate(815deg);opacity: 1;-webkit-animation-timing-function: ease-out;}
    75%{-webkit-transform: rotate(945deg);-webkit-animation-timing-function: ease-out;}
    76%{-webkit-transform: rotate(945deg);opacity: 0;}
    100%{-webkit-transform: rotate(945deg);opacity: 0;}
}
@keyframes orbit {
    0% {transform: rotate(225deg);opacity: 1;animation-timing-function: ease-out;}
    7% {transform: rotate(345deg);animation-timing-function: linear;}
    30% {transform: rotate(455deg);animation-timing-function: ease-in-out;}
    39% {transform: rotate(690deg);animation-timing-function: linear;}
    70% {transform: rotate(815deg);opacity: 1;animation-timing-function: ease-out;}
    75% {transform: rotate(945deg);animation-timing-function: ease-out; }
    76% {transform: rotate(945deg);opacity: 0;}
    100% {transform: rotate(945deg);opacity: 0;}
}
.wrapper .loader{ background: #023f73;
                  left: 0;
                  right: 0;
                  display: block;
                  top: 0;
                  bottom: 0;
                  margin: auto;
                  height: auto;
                  width: 100%;
                  z-index: 50000;}
.slider .owl-carousel .owl-pagination{display:none;}
.slider .owl-carousel .owl-buttons{width:100%;}
.slider .owl-carousel .owl-buttons > div{float:left;font-size:0;height:40px;width:40px; margin: -25% -4%;background:none;}
.slider .owl-carousel .owl-buttons > div:before{content:"\f053";font-family:fontawesome;font-size:30px;color:#fff;}
.slider .owl-carousel .owl-buttons > div.owl-next:before{content:"\f054";}
.slider .owl-carousel .owl-buttons > div.owl-next{float:right;}
#easyphotogallery-galleries .brick{/*max-height:230px;overflow:hidden;*/border-radius:0; position:relative;}
#easyphotogallery-galleries .brick .info{position:absolute;bottom:0px;left:0px;right:0;padding:0;
                                         /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#023f73+0,023f73+100&0+0,0.65+100 */
                                         background: -moz-linear-gradient(top,  rgba(2,63,115,0) 0%, rgba(2,63,115,0.65) 100%); /* FF3.6-15 */
                                         background: -webkit-linear-gradient(top,  rgba(2,63,115,0) 0%,rgba(2,63,115,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
                                         background: linear-gradient(to bottom,  rgba(2,63,115,0) 0%,rgba(2,63,115,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00023f73', endColorstr='#a6023f73',GradientType=0 ); /* IE6-9 */
}
#easyphotogallery-galleries .brick:hover .info{
    position:absolute; bottom:0;left:0;right:0;top:0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#023f73+0,023f73+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top,  rgba(2,63,115,0.65) 0%, rgba(2,63,115,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(2,63,115,0.65) 0%,rgba(2,63,115,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(2,63,115,0.65) 0%,rgba(2,63,115,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00023f73', endColorstr='#a6023f73',GradientType=0 ); /* IE6-9 */
    background-size:cover;
}

#easyphotogallery-galleries .free-wall{margin:20px 0;}
#easyphotogallery-galleries .brick h5, #easyphotogallery-galleries .brick h5 a, #easyphotogallery-galleries .brick h5 a:hover {text-shadow: none;margin: 0;color:#c9f14e;text-decoration: none;font-size:20px;display:block;padding:0;}
#easyphotogallery-galleries .brick h5 a,#easyphotogallery-galleries .brick h5 a:hover{padding:15px;}
#easyphotogallery-galleries .brick h5 a:before{content: "\f03e";font-family:fontawesome;font-size:40px;display:block;color:#fff;}
.slider.why-stmary .owl-carousel .owl-pagination {display: block;}
.fullwidth-section.green-gradient.no-pad{padding:0px;}

/*Clubs page blocks Css */ 
#clubs .subjects div[class^="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}
#clubs a.subject {
    height: 150px;
    padding: 15px;
    display: block;
    text-decoration: none;
    margin-bottom: 10px;
    position: relative;
}
#clubs .subject.active::after {
    position: absolute;
    content: '';
    border-bottom: 20px solid #ffffff;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    left: 50%;
    margin-left: -20px;
    bottom: 0;
}
#clubs .subject span {
    font-size: 18px;
}
#clubs .subject span {
    font-weight: 700;
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 3px;
}
#clubs .row .subjects .section {
    display: none;
    margin: 25px 0;
    float: left;
}
/*Clubs page blocks Css */ 
@media screen  and (min-width: 1922px){
    .cd-background-wrapper,.why-girls-school{min-height:1260px;}
    .fullwidth-section .waves .svg, .fullwidth-section .waves .svg embed{height:160px;}
    .rich-history  .waves{top:-12%;}
    .our-story > .image{width:1300px;max-width:50%;}
    .our-story{height:60vh;}
    .our-story .story-block{margin-top:20%;}
    .svg-inline--fa.fa-camera {font-size:3em;} 
}
@media all and (max-width: 1799px) and (min-width: 1400px) {
    .our-story img {
        width: 80%;
    }    
}
.modal-open .modal{background:rgba(0,0,0,.5);}

#directors-wrap h3 {display:block; margin:0; padding:0.5em 0; border-bottom:solid 1px rgba(0,0,0,0.05);}
#directors-wrap h3:hover {cursor:pointer;}
#directors-wrap h3 span {color:#28a3a8; font-size:0.625em; padding-top:0.5em; }
#directors-wrap .directors p {color: #58585a;}
#directors-wrap .directors {display:none;padding: 2em 0 4em;}
#directors-wrap .bio {padding:0 0 2em 0;}
.house-news-owl .slide .slide-image img:hover, 
.house-news-owl .slide .slide-image img:focus {border: 0.625em solid #c9f14e;}

/*-------------------	Fliper Css ------------------ */

/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {
    transform: rotateY(180deg);
}
/* flip speed goes here */
.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}
/* hide back of pane during swap */
.front, .back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
/* front pane, placed above back */
.front {
    z-index: 2;
    /* for firefox 31 */
    transform: rotateY(0deg);
}
/* back, initially hidden pane */
.back {
    transform: rotateY(180deg);
    background: rgb(2,63,115);
}
.back .slide-overlay{padding: 60px 40px;}
.back a{
    font-style: normal;
    color: #59a3dc;
    font-size: 14px;
}
.front {
    z-index: 2;
    /* for firefox 31 */
    transform: rotateY(0deg);
}
/* back, initially hidden pane */
.back {
    transform: rotateY(180deg);
}
/*-------------------	Fliper Css ------------------ */

.portal-page  .portal-content{padding: 0 0 80px;color:#fff;}
.parent-portal .portal-content{background:url(../images/portals/parents_bg.jpg);background-size:cover;}
.staff-portal .portal-content{background:url(../images/portals/staff_bg.jpg);background-size:cover;}
.student-portal .portal-content{background:url(../images/portals/students_bg.jpg);background-size:cover;}
.portal-content .innerpage-content{background:none;color:#fff;}
.portal-content .innerpage-content h1{ color: #fff;font-size: 4em;margin-bottom: .2em;}
.portal-content .innerpage-content p{font-size:20px;padding:15px 0 25px;}
.portal-page .newsletter{background:none;}
.portal-content .innerpage-content .portal-item{margin-bottom:30px;}
.portal-page .newsletter .main-header{    background: url(../images/header_bg.png) no-repeat;background-size:cover;}
.slider.why-section{margin:35px 0;}
.news-main-block a img{transition:all ease .4s;}
.news-main-block a:hover img{transform:scale(1.05);} 

:placeholder-shown {
    /* Standard one last! */
    color: #023f73;opacity:1;
}
::-webkit-input-placeholder {
    color: #023f73;opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
    color: #023f73;opacity:1;
}
::-moz-placeholder {  /* Firefox 19+ */
    color: #023f73;opacity:1;
}
:-ms-input-placeholder {  
    color: #023f73;opacity:1; 
}
/* Float Shadow */
.hvr-float-shadow {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);
                   box-shadow: 0 0 1px transparent; position: relative;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-property: transform;
                   transition-property: transform;}
.hvr-float-shadow:before {pointer-events: none;position: absolute;z-index: -1;content: '';top: 100%;left: 5%;height: 10px;width: 90%;opacity: 0;background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%); /* W3C */  -webkit-transition-duration: 0.3s; transition-duration: 0.3s;  -webkit-transition-property: transform, opacity;transition-property: transform, opacity;}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {-webkit-transform: translateY(-10px);transform: translateY(-10px);  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {  opacity: 1;  -webkit-transform: translateY(10px);  transform: translateY(10px);  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 10px) */
}
/* tables */
table.tablesorter {
    margin:1em 0 4em 0;
    font-size: 1em;
    width: 100%;
    text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #0e55a0;
    border: 1px solid #FFF;
    font-size: 1em;
    padding: 0.75em;
    color:rgba(255,255,255,1);
    font-weight:400;
}
table.tablesorter thead tr .header {
    cursor: pointer;
    position:relative;
    left:0!important;
    background: #0b6493;
}
table.tablesorter thead tr .header:after {
    font-family:'FontAwesome';
    font-size:1em;
    color:#28a3a8;
    content:"\f0dc";
    position:absolute;
    right: 0.75em;
    top: 0.75em;
}
table.tablesorter thead tr th.header:hover:after {
    color:#ffffff;
}
table.tablesorter thead tr th.header:hover {
    background-color:#ffffff;
}
table.tablesorter tbody td {
    color: #000;
    padding: 0.75em;
    vertical-align: top;
}
/*table.tablesorter tbody tr.odd td {
        background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
        background-image: url(/images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
        background-image: url(/images/desc.gif);
}*/
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
}
.inner-page-section .modal{background:rgba(0,0,0,.5);z-index:999999999;}
.inner-page-section .modal .modal-header{padding: 15px 30px 10px;background: #0e55a0; border-radius: 5px 5px 0 0;}
.inner-page-section .modal .modal-header h3{font-size:1.5em;color:#fff;}
.inner-page-section .modal .form-style .item label{font-size:16px;}
.inner-page-section .modal .form-style .item {padding: 0.5em 0; margin: 0;}
.inner-page-section .modal  .modal-body{padding:15px 30px;}
.inner-page-section .modal  .form-style{padding:1em 0;}
.inner-page-section .modal .modal-header .close{font-size:34px;margin:0;}

/*----------------------------------------------------------------------*/
/* Print Styles
/*----------------------------------------------------------------------*/

@media print{
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
        -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
    a, a:visited { color: #444 !important; text-decoration: underline; }
    /*a[href]:after { content: " (" attr(href) ")"; }*/
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
    tr, img { page-break-inside: avoid; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3{ page-break-after: avoid; }
    hr { border-top:1px solid #000 !important;border-bottom:0 !important; }

    .waves,
    .local-menu,
    #inner-page-video-container,
    .call-to-action-block,
    .footer,
    a[href^="#"]:after,
    .breadcrumbs,
    .print-btn,.innerpage-banner-img,#directors-wrap h3 span{display:none !important;}
    .page-content h3{padding:15px 0;}
    .page-content{margin:10px 0;}
    a[href]:after{ content: none !important;}
    .innerpage .hero-image,.innerpage-banner-img{display:none;height:0px;overflow:hidden;}
    .newsletter-print{margin-top:0px;margin-bottom:10px;display:block !important;}
    #directors-wrap .directors{display:block;}
    .main-content{padding-top:10px;}
    .main-text .description{display:block;}
    .newsletter-print .main-header .text-right{padding-top:10px;}
    .main_thumb_img,.news-image .half-image-fullwidth,.news-image{width:200px;float:left;padding:  0 20px 2px 0;}
    .main_thumb_img img,.news-image .half-image-fullwidth img,.news-image img{width:100%;}
}


.newsletter-print{visibility: hidden;margin-top:-213px;margin-bottom:20px;display:none !important;}

.main-header .navbar  .svg{display: block;margin: 1.25em 0 0 1em;}
.main-header .navbar  .svg object.logo{max-width:100%; z-index:-1; position:relative;}
.header-bottom .dropdown .dropdown-menu a{padding:5px 20px;color:#fff;display:block;text-transform:uppercase;}
ul.newsletter-list{padding:0px;}
ul.newsletter-list li {list-style:none;padding:0;}
.newsletter-print .main-header > div{display:table-cell;width:50%;}
.tab-content>.term-tab-pane{display:none;}
.tab-content>.term-tab-pane.active{display:block;}
#bookingallocation{display:none;}
.local-menu  h5 + h6 {margin-top: 50px;}
.local-menu h6{
    margin: 30px 0 0 5px;
    color: #023f73;
    font-weight: bold;
}
.box-content
{background-color: #f5f5f5;
 padding: 40px;
 margin-bottom: 40px;}
.innerpage-content .box-content p:first-of-type
{font-weight:500 !important; color: #333 !important;}
.innerpage-content .box-content p{color: #333 !important;}
ul.important-dates li {padding: 10px 0;
                       border-bottom: 1px solid #ddd;}
.important-dates .active a {background:none!important;padding:0px;}
.owl-item .social-feed-element{width: 100%; margin: 0% !important;}

.facebook-feed-app-section .owl-controls{display: block;position: absolute;top: 45%;left: -5%;right: -5%;margin: auto;}

.facebook-feed-app-section .owl-controls  .owl-buttons > div{font-size:0;height:40px;width:40px;background:none;opacity:.5;float:left;}
.facebook-feed-app-section .owl-controls .owl-buttons > div.owl-next{float:right;}
.facebook-feed-app-section .owl-controls  .owl-buttons > div:before{content: "\f053";font-family: fontawesome;font-size: 30px;color:rgba(0,0,0,.5);}
.facebook-feed-app-section .owl-controls  .owl-buttons > div:hover:before{color:rgba(0,0,0,.9);}
.facebook-feed-app-section .owl-controls  .owl-buttons > div.owl-next:before{content: "\f054";}
.social-feed-element > a{display:block;text-align:center;}

@media screen  and (max-width: 1800px){
    .why-stmary .slide .flipper .slide-overlay p.quote{font-size:16px;line-height:20px;}
}
@media screen  and (min-width: 993px) and (max-width:1400px){
    .why-stmary .flip-container .back .slide-overlay{padding:20px;}    
}
@media screen  and (max-width: 993px){
    .why-stmary .slide .flipper .slide-overlay p.quote{font-size:18px;}
    .why-stmary .flip-container .back .slide-overlay{padding:20px;}
}