charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'DINOT';
    src: url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Medium.eot');
    src: url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Medium.woff2') format('woff2'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Medium.woff') format('woff'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Medium.ttf') format('truetype'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Medium.svg#DINOT-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DINOT';
    src: url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Black.eot');
    src: url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Black.eot?#iefix') format('embedded-opentype'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Black.woff2') format('woff2'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Black.woff') format('woff'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Black.ttf') format('truetype'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Black.svg#DINOT-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'DINOT';
    src: url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Regular.eot');
    src: url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Regular.woff2') format('woff2'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Regular.woff') format('woff'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Regular.ttf') format('truetype'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Regular.svg#DINOT-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINOT';
    src: url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Bold.eot');
    src: url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Bold.woff2') format('woff2'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Bold.woff') format('woff'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Bold.ttf') format('truetype'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Bold.svg#DINOT-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DINOT';
    src: url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Light.eot');
    src: url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Light.eot?#iefix') format('embedded-opentype'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Light.woff2') format('woff2'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Light.woff') format('woff'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Light.ttf') format('truetype'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/DINOT-Light.svg#DINOT-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'dearjoe_5_casual';
    src: url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/dj5c.eot');
    src: url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/dj5c.eot?#iefix') format('embedded-opentype'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/dj5c.woff2') format('woff2'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/dj5c.woff') format('woff'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/dj5c.ttf') format('truetype'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/dj5c.svg#dearjoe_5_casual') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BlackJackRegular';
    src: url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/BlackJackRegular.eot');
    src: url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/BlackJackRegular.eot?#iefix') format('embedded-opentype'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/BlackJackRegular.woff2') format('woff2'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/BlackJackRegular.woff') format('woff'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/fonts/dj5c.ttf') format('truetype'),
        url('https://cimsitesmedia.s3.ap-southeast-2.amazonaws.com/msb/static/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;
}

col {
    .transition(all .2s ease);
}

h1,
h2,
h3,
p {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;

}

h1 {
    font-size: 4.236em;
    font-family: 'BlackJackRegular';
    color: #fff;
}

h2 {
    font-size: 3.052em
}

h3 {
    font-size: 1.8em
}

h4 {
    font-size: 1.618em
}

h5 {
    font-size: 1.2em
}

h6 {
    font-size: 1.166em
}

h3+h4,
p+h4 {
    margin-top: 1em;
}

p+h3 {
    margin-top: 2em;
}

h4:first-child {
    margin-top: 0;
}

p a {
    color: #ac0031;
}

p a:focus,
p a:hover {
    text-decoration: underline;
}

.navbar-nav {
    margin: 0;
}

.clear {
    clear: both;
}


h3 {
    font-weight: 400;
    color: #353535;
    line-height: 1.4;
    margin-bottom: 1em;
}

h3 span {
    font-weight: 300;
}

h2 {
    color: #cacaca;
    font-weight: 600;
}

h2 span {
    font-family: 'BlackJackRegular';
    color: #fff;
    font-size: 1.2em;
    font-weight: 400;
}

h2.first {
    margin-top: 3em !important;
}

h4 {
    font-weight: 600;
    color: #ac0031;
    margin-top: 3em;
}

h6 a {
    color: #333;
    letter-spacing: -0.005em;
}

strong {
    font-weight: 600;
}

em {}

.wrapper {
    overflow: hidden;
    padding: 0;
}

a,
a:hover {
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

.full {
    width: 100%;
}

figure {
    margin-bottom: 1.5em;
}

figure figurecaption {
    font-size: .8em;
}


.padd-10 {
    padding: 10px 0;
}

.padd-20 {
    padding: 20px 0;
}

.padd-30 {
    padding: 30px 0;
}

.padd-40 {
    padding: 30px 0;
}

.padd-50 {
    padding: 30px 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
}


/* Header */

#emergency-alert-box a {
    color: white;
    text-decoration: underline;
}


.header.sticky {
    top: -40px;
}

.landing-page .header {
    position: absolute;
    background-image: url(../images/header_bg.png);
    background-size: cover;
    top: 0;
    height: 142px;
}

.main-header {
    height: 114px;
    position: relative;
}

.main-header .main-header-overlay {
    display: block;
    height: 115px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: url(../images/header-bg.jpg);
    opacity: 0;
    transition: all 1s ease;
}

.main-header:hover .main-header-overlay,
.header.sticky .main-header .main-header-overlay,
.main-header.hover-active .main-header-overlay {
    opacity: 1;
}

h2 {
    font-size: 3em;
    color: #cccccc;
}

img {
    max-width: 100%;
}

.media img {
    max-width: inherit;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1520;
    transition: all ease .8s;
    /*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: #19161a;
    height: 40px;
}

.top-header .navbar-nav {
    z-index: 1000;
}

.media img {
    max-width: inherit;
}

.top-header .navbar {
    min-height: inherit;
    margin-bottom: 0;
}

.top-header .navbar-right {
    margin-right: 0px;
}

.top-header .navbar li a {
    color: rgba(255, 255, 255, 0.6);
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.top-header .navbar li.quickLinks a {
    padding-right: 1.5em;
}

.top-header .navbar li.quickLinks a .lnr {
    top: 4px;
}

.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 {
    color: rgba(255, 255, 255, 1);
}

.top-header .navbar li a,
.top-header .navbar li.open a {
    background: none;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.top-header .navbar li a.active {
    color: #002269;
    color: #fff;
}

.top-header .navbar li .dropdown-menu {
    padding: 0;
    background: #ac0031;
    border: none;
}

.main-navigation .search-block {
    display: none;
}

.main-navigation .navbar-nav.navbar-right li {
    position: relative;
}

.main-navigation .navbar-nav.navbar-right li:last-child {
    position: static;
}

.main-navigation .navbar-right .dropdown-menu {
    left: 0;
    right: auto;
    padding: 0;
    overflow: hidden;
    z-index: 2000;
    border: 0;
    border-radius: 0;
}


.main-navigation .navbar li.open>a {
    background-color: #023f73;
    color: #fff;
}

.main-navigation .navbar li.open>a .fa,
.main-navigation .navbar li.open>a .caret {
    color: rgba(255, 255, 255, 0.4);
}

.main-navigation .navbar li.open>a .fa {
    color: rgba(255, 255, 255, 0.4);
    margin-right: 0.5em;
    text-align: center;
    width: 1em;
}


.top-header .yamm .nav,
.top-header .yamm .collapse,
.top-header .yamm .dropup,
.top-header .yamm .dropdown {
    position: relative;
}

.main-header .navbar-right {
    margin-right: 0;
}

.top-header .container-fluid,
.top-header .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

.top-header .navbar-right .dropdown-menu {
    width: 250px
}

.top-header .navbar-right .dropdown-menu li a {
    background-color: #ac0031;
    color: #fff;
    font-size: 1.25em;
    padding: 1em;
}

.top-header .navbar-right .dropdown-menu li a:hover,
.top-header .navbar-right .dropdown-menu li a:focus {
    background-color: #790022
}

.top-header .navbar-right .dropdown-menu li a .lnr {
    font-size: 1.25em;
    margin-right: 0.75em;
    text-align: center;
    font-size: 20px;
    color: #f90047
}

#slides.hero-image .slides-container .container {
    height: 100vh;
}

#slides.hero-image .slides-container .container .slider-caption {
    display: table-cell;
    height: 100vh;
    vertical-align: middle;
    width: 500px;
    max-width: 100%;
    color: #cccccc;
    padding-top: 50px;
}

#slides.hero-image .slides-pagination {
    display: none;
}

.hero-image {
    position: relative;
    height: 100vh;
    overflow: hidden;
    max-height: 820px;
}

.hero-image #video-slider>img {
    width: 100%;
    max-width: 100%;
    height: 100vh;
}


.homepage-hero,
.homepage-hero .slides-container {
    height: calc(100vh - 40px);
    position: relative;
}

.homepage-hero .slides-container .overlay {
    height: calc(100vh - 40px);
}

#slides.hero-image.homepage-hero .slides-container .slider-caption {
    padding: 0;
    display: block;
    height: auto;
}

#slides.hero-image.homepage-hero .slides-container .slider-caption h2 {
    color: #ac0031;
    margin: 0;
}

#slides.hero-image.homepage-hero .slides-container .slider-caption h1 {
    margin: 0;
}

#slides.hero-image.homepage-hero .slides-container .slider-caption p {
    color: #fff;
    padding: 5px 0;

}

.homepage-hero .owl-carousel .owl-controls {
    position: absolute;
    left: 2rem;
    right: 2rem;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 99;
    height: 4rem;
    pointer-events: none;

}

.homepage-hero .owl-carousel .owl-controls .owl-buttons {
    position: relative;
    height: 4rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.homepage-hero .owl-carousel .owl-controls .owl-buttons div {
    font-size: 0;
    height: 4rem;
    padding: 0;
    pointer-events: all;
    width: 4rem;
    background: rgba(0, 0, 0, .45);
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    opacity: 1;

}

.homepage-hero .owl-carousel .owl-controls .owl-pagination {
    display: none;
}

.homepage-hero .owl-carousel .owl-controls .owl-buttons div:before {
    font-family: 'FontAwesome';
    content: "\f105";
    font-size: 2rem;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.homepage-hero .owl-carousel .owl-controls .owl-buttons div.owl-prev:before {
    content: "\f104";
}

.logo img {
    width: 300px;
    height: auto;
    padding: 10px 0;
}

.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>ul>li>a {
    color: #fff;
    font-size: .9em;
    font-weight: 600;
    padding: 50px 1em 43px;
    line-height: 16px;
    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;
}

.main-navigation>ul>li>a:hover,
.main-navigation>ul>li>a:focus {
    background: none;
    color: #aaa
}

.main-navigation li.dropdown.open a.dropdown-toggle,
.main-navigation>ul>li.active>a {
    color: #f90047;
    background: none;
    border: none;
}

/* Mega Mega Styles */
.main-navigation .menu-section-header {
    padding: 0 0 1em 0;
}

.main-navigation .menu-section-header p {
    font-size: 1.25em;
    font-weight: 300;
    color: #9ca0a0;
    line-height: 1.4;
    margin-bottom: 1.5em;
}

.main-navigation .section-list ul {
    padding: 0;
    margin-left: -15px;
}

.main-navigation .section-list ul ul {
    padding-left: 3em;
}

.main-navigation .section-list ul li {
    list-style: none;
}

.main-navigation .section-list ul li a,
.local-menu-container>div>ul>li>a {
    padding: 0.625em 1em 0.625em 2.75em !important;
    position: relative;
    font-size: 1em;
    color: #434343;
    font-weight: 400;
    display: block;
    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 .lnr {
    position: absolute;
    left: 1em;
    color: #ac0031;
    font-size: 1em;
    line-height: 1.5;
}

.main-navigation .section-list ul li.active a,
.main-navigation .section-list ul li.active a:before {
    background: #ac0031;
    color: #fff;
}

.main-navigation .section-list ul li.active ul li a,
.main-navigation .section-list ul li.active ul li a:before {
    background: #fff;
    color: #19161a;
}

.main-navigation .section-list ul li.active a .lnr {
    color: #f80047;
}

.main-navigation .section-list ul li.active ul li a .lnr {
    color: #ac0031;
}

.main-navigation .section-list ul li ul li a,
.local-menu-container>div>ul>li>ul>li>a {
    color: #666;
}

.main-navigation .section-list ul>li>a:before,
.local-menu-container>div>ul>li>a:before,
.local-menu-container>div>ul>li>ul>li>a:before {
    content: "\e88a";
    font-family: 'Linearicons-Free';
    font-size: 0.625em;
    position: absolute;
    top: 0;
    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-container>div>ul>li>ul>li {
    position: relative;
}

.main-navigation .section-list ul>li>a:hover::before,
.main-navigation .section-list ul>li>a:focus::before,
.main-navigation .section-list>ul>li.active>a::before,
.local-menu-container>div>ul>li>a:hover::before,
.local-menu-container>div>ul>li.active>a:before,
.local-menu-container>div>ul>li>ul>li.active>a:before,
.local-menu-container>div>ul>li>ul>li>a:hover::before {
    transform: scaleX(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/*.main-navigation .section-list ul li a:after{content: "\e876";font-family: 'Linearicons-Free';position: absolute;left: 10px;top: 10px;font-size: 14px;}*/
.main-navigation .section-list ul ul li a {
    padding-left: 1em;
}

.main-navigation .menu-extra-header {
    padding: 0 0 1em 0;
}

.main-navigation .menu-extra-header h4 {
    color: #342c37;
    font-family: "DINOT";
    font-size: 1.125em;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
    padding: 0 0 1em;
    text-transform: uppercase;
}

.main-navigation .menu-extra-header p {
    font-size: 1em;
    color: #434343;
    line-height: 1.5;
    margin-bottom: 1em;
}

.main-navigation .menu-downloads ul {
    padding: 0;
    margin: 0;
}

.main-navigation .menu-downloads ul li {
    list-style: none;
}

.main-navigation .menu-downloads ul li a {
    position: relative;
    background: #f4f4f4;
    color: #342c37;
    font-size: 1em;
    transition: all .5s ease;
    padding: 1em 1.5em 1em 3.5em;
    display: block;
    margin-bottom: 0.125em;
    border-radius: 5px;
}

.main-navigation .menu-downloads ul li a .lnr,
.main-navigation .menu-downloads ul li a .fa {
    position: absolute;
    left: 1em;
    color: #ac0031;
    font-size: 1.25em;
}

.main-navigation .menu-downloads h4 {
    margin-bottom: 0;
    font-size: 1.25em;
}

.main-navigation .dropdown.yamm-fw .dropdown-menu {
    font-size: 16px;
    border: none;
    border: medium none;
    border-radius: 0;
    padding: 0;
}

.main-navigation .dropdown.yamm-fw .dropdown-menu>li {
    background: #fff;
}

.main-navigation .dropdown.yamm-fw .dropdown-menu .yamm-content {
    padding: 0;
}

.main-navigation .dropdown.yamm-fw .yamm-content .row {
    background: #fff;
}

.main-navigation .dropdown.yamm-fw .dropdown-menu .yamm-content .inner-wrap {
    padding: 3em;
    background: #fff;
    margin-bottom: 50px;
}

.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;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */
    z-index: 11;
    display: flex;
    align-items: center;
}

.hero-image .overlay>.container {}

.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 h3 {
    font-weight: 600;
    margin: 10px 0;
    font-size: 1.55em;
}

.menu-section-header h3 {
    color: #9ca0a0;
    font-weight: 400;
}

.menu-section-header h4 {
    font-family: 'DINOT';
    font-weight: 600;
    color: #342c37;
    font-style: normal;
    font-size: 1.125em;
    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;
}

/*maroon-section*/

.maroon-section {
    background-color: #7c0023;
    color: #fff;

}

.maroon-section:after {
    display: table;
    content: "";
    clear: both;
}


.btn {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px;
    padding: 0.875em 1.5em;
    margin: 0.5em 0;
}

.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,
.btn-red {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff !important;
    border-radius: 3px;
    padding: 0.875em 1.5em;
    background-color: #ac0031;
    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-red {
    position: relative;
}

.menu-section .btn-red .lnr {
    font-size: 20px;
    position: relative;
    right: -9px;
    top: 3px;
}

.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: #7b0023;
    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: 'Linearicons-Free';
    font-size: 1.2em;
    color: #fff;
    content: "\e876";
    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.btn-blue:hover {
    background-color: #147fc9;
}

.btn-green.btn-arrow {
    background: #679146;
}

.btn-green.btn-arrow:before {
    background-color: #5c823f;
}

.btn.btn-green:hover {
    background-color: #679146;
}

a.btn-darkgrey {
    color: #fff !important;
}

.btn-darkgrey {
    background: #434343;
}

.btn-darkgrey:before {
    background-color: #585757;
}

.btn.btn-darkgrey:hover {
    background-color: #19161a;
}


.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;
}

.show-more a {
    display: inline-block;
    background: #f2f2f2;
    color: #434343;
    font-weight: bold;
    text-transform: inherit;
}


#latest-news-owl .slider {
    margin: 40px 0;
}

#latest-news-owl .slide {
    text-align: center;
    padding: 20px;
}

#latest-news-owl .slide .slide-image {
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    height: 245px;
    width: 245px;
    margin: auto;
}

#latest-news-owl .slide .slide-image img {
    height: 330px;
    object-fit: cover;
    position: relative;
    top: -35px;
}

#latest-news-owl .slide .slide-image .slide-desc {
    position: absolute;
    width: 245px;
    height: 245px;
    padding: 0px 35px;
    margin-top: 250px;
    top: 0;
    transition: all ease .5s;
}

#latest-news-owl .slide .slide-image:hover .slide-desc {
    margin-top: 0;
    top: 0;
    background: #679146;
}

/*.slide .slide-image img:hover, */
#latest-news-owl .slide .slide-image img:focus {
    border: 0.625em solid #c9f14e;

}

#latest-news-owl .slide-desc a {
    display: table-cell;
    height: 245px;
    vertical-align: middle;
}

#latest-news-owl .slide h4,
.slide h4 a {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1em;
    font-weight: 400;
    margin-top: 0;
    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;

}

.artdetail-right .blue-bg.white-bg {
    padding: 10px;
}

/*****house-news-owl.***/
.video-wrapper {
    clear: both;
}

.quick-facts {
    background: url(../images/quick-facts-bg.jpg);
    background-size: cover;
    clear: both;
}

.quick-facts .quick-header {
    position: relative;
    float: left;
    width: 100%;
    padding: 30px 0 40px;
}

.quick-facts .left-line,
.quick-facts .right-line {
    display: block;
    width: 1%;
    position: absolute;
    top: 21%;
    height: 12px;
    left: 0;
    background: #ac0031;
    transition: all ease .5s;
}

.quick-facts .right-line {
    left: inherit;
    right: 0;
}

.quick-facts h2,
.quick-facts h2 span {
    color: #434343;
}

.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: 15px;
    right: 15px;
    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.maroon {
    background: #92002d;
}

.quick-facts .small-block.dark-maroon {
    background: #790022;
}

.quick-facts .small-block.light-green {
    background: #28a2a8;
}

.quick-facts .small-block.dark-green {
    background: #006f51;
}

.quick-facts .small-block.dark-green h3 {
    font-size: 75px;
    color: rgba(255, 255, 255, .17);
    margin: 50px 0 0;
}

.quick-facts .small-block.light-green em {
    font-size: 50px;
    padding: 10px 0;
}


.quick-facts .small-block.light-green h4 {
    margin: 0;
    color: rgba(255, 255, 255, .4);
    font-size: 22px;
}

.quick-facts .small-block.dark-maroon h4 {
    font-weight: 300;
    color: rgba(255, 255, 255, .4);
    font-size: 24px;
    margin: 0;
}

.quick-facts .small-block.dark-maroon em {
    font-size: 80px;
    position: absolute;
    color: rgba(255, 255, 255, .2);
    top: 15%;
    left: 0;
    right: 0;
    margin: auto;
}

.quick-facts .small-block h3 span,
.quick-facts .small-block h3 {
    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: 200px;
    min-height: 200px;
    width: 50%;
    float: none;
    padding: 0px 15px;
    position: relative;
}


.our-story {
    background: url(../images/our-story-bg.jpg);
    background-size: cover;
    height: 100vh;
    position: relative;
    color: #023f73;
}

.our-story h2 {
    color: #fff;
}

.our-story p {
    color: #fff;
    font-weight: normal;
    font-size: 1.125em;
}

.our-story>.image {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}

.our-story .story-block {
    position: absolute;
    margin-top: 25%;
}


.footer {
    background-position: bottom center;
    padding: 7% 0 15%;
    clear: both;
    background-size: cover;
    position: relative;
    /*opacity          :0;*/
    max-width: 100%;
    overflow: hidden;
}

.footer .icon {
    color: #9ca0a0;
    font-size: 48px;
    padding: 10px 0;
}

.footer a {
    text-decoration: none;
    color: #fff;
    text-decoration: none;
}

.footer .address {
    min-height: 125px;
    color: #fff;
}


.footer h4 {
    font-weight: 600;
    font-size: 26px;
    margin: 1rem 0;
    color: #fff;
}

.footer img.footer-logo {
    margin-bottom: 2em;
}

.footer .copyright {
    font-size: 0.875em;
    font-weight: 300;
    padding: 10px 0;
}

.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: 0px;
    left: 0;
    right: 0;
    margin: auto;
    color: rgba(255, 255, 255, .4);
    padding: 15px 0 5px 0;
    background: rgba(0, 0, 0, .3);
}

.footer .btn-green:hover,
.footer .btn-green:focus {
    background-color: #3cc2c8
}

.footer .btn+.btn {
    margin-left: 15px;
}

.footer-bottom h4 {
    color: #fff;
    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 {
    padding: 0;
    margin: 0;
}

.footer .social-icons li {
    display: inline-block;
    list-style-type: none;
}

.footer .social-icons li a {
    display: block;
    padding: 0 10px;
    font-size: 2em;
    color: #9ca0a0;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.footer .social-icons li a:hover,
.footer .social-icons li a:focus {
    color: #fff;
}


.btn-light-blue {
    background: #def4f5;
    color: #0b6493;
}


.information-section .promo>a {
    display: block;
    padding: 50px 0;
    text-align: center;
    font-size: 28px;
    text-transform: uppercase;
    color: #ac0031;
    position: relative;
    font-weight: 600;
    text-decoration: none;
}

.information-section .promo>a em {
    position: absolute;
    color: rgba(67, 67, 67, .1);
    font-size: 80px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin-top: 32px;
}

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


.innerpage-content a {
    color: #ac0031
}

.innerpage-content {
    padding: 0px;
    /*font-size     :17px;line-height:28px;*/
    color: #58585a;
    font-weight: 400;
    position: relative;
    background-color: #fff;
}

.autoloaderModuleHolder a:nth-child(-n+5) {
    display: none;
}

.media-download-list .autoloaderModuleHolder a {
    display: block;
}

.follow-us-on-fb {
    padding: 20px;
    color: #878787;
    text-align: center;
}

.follow-us-on-fb a {
    color: #878787 !important;
    display: block;
    font-size: 18px;
}

.follow-us-on-fb a i {
    color: #3b5998;
    vertical-align: middle;
}


.innerpage-content .main-content h1,
.innerpage-content .main-content h2 {
    color: #434343;
    font-size: 3em;
    margin-bottom: 30px;
    font-family: 'DINOT';
    font-weight: 600;
}

.innerpage-content .main-content *+h2 {
    margin: 1.5em 0 0.5em
}


.innerpage-content .sidebar .image-wrap {
    text-align: center;
}

.innerpage-content .sidebar .image-wrap .image {
    width: 265px;
    height: 265px;
    border-radius: 50%;
    margin: 20px auto;
    overflow: hidden;
}

.innerpage-content .sidebar .image-wrap .image-desc h5 {
    font-size: 1.5em;
    font-weight: 100;
}

.innerpage-content .sidebar .image-wrap .image-desc h5:after {
    display: block;
    content: "";
    height: 1px;
    width: 100px;
    margin: 15px auto 0;
    background: #cacaca;
}

.innerpage-content .sidebar .image-wrap .image-desc p {
    color: #ac0031;
    text-transform: uppercase;
    font-size: 14px;
}

.innerpage-content .video-wrapper {
    max-width: 100%;
    overflow: hidden;
    padding: 30px 0 45px;
    clear: both;
}



.print-btn {
    color: #9c9e9f;
}




.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-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;
}

p.lead {
    color: #676767;
    font-size: 1.5em;
    line-height: 1.4em;
}

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;
}


/*---------------------------------------*/
/* 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: #ac0031 !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: #790022;
    padding: 8px 15px;
    text-decoration: none;
    color: #fff;
}

.tab-content .pages_row .date_block.home-date .addthisevent_dropdown span:hover {
    background: #ac0031;
}

.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: 4em 0;
    width: 100%;
    clear: both;
    background: #ac0031;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: -1px;
}

/*.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%;
    color: #fff;
    text-align: center;
    border: 10px solid rgba(0, 0, 0, 0);
    text-transform: uppercase;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    margin: 10px auto;
    display: block;
}

.circle-wrapper .circle {
    background: #790022;
}

.call-to-action-block .block-wrap {
    position: relative;
}

.call-to-action-block .block-wrap .col-md-10 .left-line,
.call-to-action-block .block-wrap .col-md-10 .right-line {
    display: block;
    height: 12px;
    width: 50%;
    position: absolute;
    top: 47%;
    left: -50%;
    background: #fff;
    content: "";
    transition: all ease .5s;
}

.call-to-action-block .block-wrap .col-md-10 .right-line {
    left: inherit;
    right: -50%;
}

.circle-wrapper .circle p {
    color: #e30041;
}

.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 {
    background: #679146;
}

.circle-wrapper .circle:hover p {
    color: #fff;
}

.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);
}

.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: 1em;
    color: #023f73;
    text-transform: none;
    line-height: 1.25;
    font-weight: 500;
}

.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 40px;
    border-bottom: 2px solid rgba(2, 63, 115, 0.1);
    padding: 30px 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 1em;
}

.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: 2em;
    font-style: normal;
    letter-spacing: -0.002em;
}

.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 {
    background: #fff none repeat scroll 0 0;
    margin: 1px 0;
    min-height: 90px;
    padding: 10px;
}

.news-list .news-blocks .latest-news {
    padding-left: 0;
    padding-right: 0;
}

.media img {
    padding-top: 15px;
}

.news-blocks .media-middle {
    vertical-align: top
}

.news-list .news-blocks h5 {
    font-size: 16px;
}

.upcoming-events-list {
    margin-bottom: 70px;
}

.upcoming-events-list h6 {
    color: #888;
    font-size: 0.875em;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.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;
}

.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: 'Linearicons-Free';
    content: "\f1c1";
    position: absolute;
    left: 0;
    font-size: 1em;
    color: #28a3a8;
    top: 10px;
}



.main-navigation .search-block {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    text-align: right;
    top: 40px;
}

.header.sticky .main-navigation .search-block {
    top: 0px;
}

.main-navigation .search-block .webform {
    background: #fff none repeat scroll 0 0;
    height: 114px;
    padding: 16px;
    position: relative;
    z-index: 1500;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
}

.main-navigation .search-block .webform input[type="text"] {
    border: medium none;
    color: #342c37;
    font-size: 32px;
    font-style: italic;
    left: 0;
    line-height: 74px;
    padding: 0 1em;
    position: absolute;
    width: 85%;
    z-index: 15000;
    font-weight: 100;
}

.main-navigation .search-block .webform input[type="text"]::-webkit-input-placeholder,
.main-navigation .search-block .webform input[type="text"]:-moz-placeholder,
.main-navigation .search-block .webform input[type="text"]:-ms-input-placeholder,
.main-navigation .search-block .webform input[type="text"]::-moz-placeholder {
    color: #023f73;
    opacity: 1;
}

.main-navigation .search-block .webform input[type="submit"] {
    height: 114px;
    left: 86%;
    line-height: 114px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 7%;
    z-index: 1500;
}



.main-navigation .search-block .webform span.lnr.lnr-magnifier,
.main-navigation .search-block .webform a.close-btn {
    height: 114px;
    font-size: 32px;
    color: #342c37;
    line-height: 114px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 7%;
    border-bottom: 0;
}

.main-navigation .search-block .webform a.close-btn {
    background: #e5e5e5;
}

.main-navigation .search-block .webform span.lnr.lnr-magnifier {
    left: 86%;
}

.main-navigation .search-block .webform a.close-btn {
    padding: 0;
    right: 0;
}

.main-navigation .search-block .webform a.close-btn span {
    color: #342c37;
}

.main-navigation .search-block .webform a.close-btn:before {
    content: "";
    background-color: #ddd;
    width: 2px;
    left: 0;
    height: 100%;
    display: inline-block;
    float: left;
}

.main-navigation .search-block .autocomplete-suggestion {
    padding: 5px 15px;
    background: #fff;
    text-align: left;
}

.main-navigation .search-block .autocomplete-suggestion:hover {
    padding-left: 20px;
}

.main-navigation .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 {
    padding: 1em 0;
    margin: 0;
    border-bottom: solid 1px #f4f4f4;
}

.search-result h3 {
    color: #9ca0a0;
    font-family: "DINOT", sans-serif;
    font-size: 1.5em;
    margin: 0 0 0.5em;
    text-transform: none;
}

.search-result h3 a {
    color: #ac0031
}

.search-result p {
    color: #19161a;
}

a#searchnext {
    color: #fff;
    background-color: #ac0031;
    padding: 1em 3em 1em 1.5em;
    border-radius: 5px;
    margin-bottom: 1em;
    text-align: center;
    position: relative;
}

a#searchprev {
    color: #fff;
    background-color: #ac0031;
    padding: 1em 1.5em 1em 3em;
    border-radius: 5px;
    margin-bottom: 1em;
    text-align: center;
    position: relative;
}

a#searchnext::after {
    color: #fff;
    content: "\e876";
    font-family: "Linearicons-Free";
    font-size: 0.75em;
    position: absolute;
    right: 1.5em;
    top: 1.5em;
}

a#searchprev::before {
    color: #fff;
    content: "\e875";
    font-family: "Linearicons-Free";
    font-size: 0.75em;
    position: absolute;
    left: 1.5em;
    top: 1.5em;
}


/* FORM STYLES FOR BOOKING FORMS */

.pagecontent {
    margin: 2em 0;
}

.pagecontent form {
    margin: 0;
}

.pagecontent form .webform {
    padding: 0;
    clear: both;
}

.pagecontent form .webform td:before {
    content: "";
}

.pagecontent form .webform label {
    font-size: 1em;
    color: #434343;
}

.pagecontent form .webform input.cat_textbox,
.pagecontent form .webform textarea.cat_listbox,
.pagecontent form .webform select.cat_dropdown,
.pagecontent form .webform select.cat_dropdown_small,
.pagecontent form .webform select.cat_dropdown_smaller,
.pagecontent form .webform select.cat_listbox {
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
    color: #555 !important;
    display: block !important;
    font-size: 1em !important;
    height: auto !important;
    line-height: 1.42857 !important;
    padding: 1em 1.5em !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
    width: 100% !important;
}

.pagecontent .form-wrap form .webform textarea.cat_listbox {
    height: 200px;
}

.pagecontent .form-wrap form .webform input[type="radio"].stacked {
    display: block !important;
}

.pagecontent .form-wrap form .webform input[type="radio"] {
    display: inline-block;
    font-size: 1em;
    height: auto;
    padding: 6px 12px;
    width: auto;
}



/* FORM STYLES END */

/*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 .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 em {
    font-size: 32px;
}

.photo-gallery-section .overlay .content h4 {
    color: #e0e0e0;
    font-family: 'BlackJackRegular';
    font-size: 2em;
    font-style: normal;
    margin: 0.5em 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;
}

#galleryWrap .image-popup-vertical-fit {
    padding-bottom: 15px;
    padding-top: 15px;
}

.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;
}




.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: 'Linearicons-Free';
    font-size: 1em;
    margin-right: 1em;
}



/*---------------------------------------*/
/* 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: 8px 20px 12px 0px;
    border: none;
}

#inner-page-video-container .html5-video-front-end .btn-videoplay em {
    background: #7b0023;
    padding: 12px 15px 11px;
    top: 4px;
    border: none;
    margin-right: 20px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 1.5em;
    position: relative;
}

.landing-page .html5-video-front-end .btn-videoplay em {
    padding: 12px 15px 11px;
    background: #7b0023;
}

#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: #ac0031 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;
}




.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-bennies {
    background: url(../images/why-section-bg.png) #870026 no-repeat;
    background-size: cover;
    color: #434343;
}

.why-bennies h2 {
    color: #434343;
}

.why-bennies h2 span {
    color: #ac0031;
}

.why-bennies .text-center p {
    font-weight: 300 !important;
}

.why-bennies .slide p.quote a {
    font-family: 'adobe-garamond-pro', serif;
    color: #fff;
    font-size: 1.125em;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
}

.why-bennies .slide p.name {
    font-family: "DINOT", sans-serif;
}

.why-bennies .slide .slide-image img {
    border-radius: 0;
    border: none;
    height: 340px;
    object-fit: cover;
    width: 100%
}

.why-bennies .slide .slide-wrap {
    position: relative;
    overflow: hidden;
}

.why-bennies .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-bennies .slide .slide-wrap .slide-overlay p a {
    text-decoration: none;
}

.why-bennies .slide .slide-wrap .slide-overlay p.small a {
    font-style: normal;
    color: #59a3dc;
    font-size: 14px;
}

.why-bennies .slide:hover .slide-wrap .slide-overlay {
    top: 0;
}

.slider.why-section {
    clear: both;
    padding: 30px 0;
}

.slider .btn-play,
.slider .btn-play:focus {
    padding: inherit;
}

.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: 480px;
    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 {
    color: #cccccc;
    font-size: 1.125em;
}

.big-buttons {
    padding: 20px 20px 50px;
    overflow: hidden;
}

.big-buttons a {
    font-size: 16px;
    text-transform: uppercase;
    color: #7c0023;
    display: block;
    padding: 25px 15px 10px;
    text-align: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, .9);
}

.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%;
    object-fit: cover;
}

#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: 'Linearicons-Free';
    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;
}

.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: 400px;
}

.innerpage-content .waves,
.green-gradient .waves {
    overflow-x: hidden;
}

.innerpage-content .waves object,
.green-gradient .waves object {
    width: 110%;
    max-width: 110%;
    left: -5%;
    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;
}

#slides.hero-image .slides-navigation {
    margin: 0 auto;
    position: absolute;
    z-index: 3;
    top: inherit;
    bottom: 15%;
    padding: 0px;
    font-size: 40px;
}

#slides.hero-image .slides-navigation a {
    color: rgba(255, 255, 255, .5);
    text-decoration: none;
}

#slides.hero-image .slides-navigation a:hover {
    color: rgba(255, 255, 255, 1);
}

#slides.hero-image .slider-caption .btn-arrow {
    margin: 25px 0;
}

#slides.hero-image .slides-navigation a.next {
    right: inherit;
    left: 50px;
}

.main-navigation .right-menu {
    display: none;
}

.header.sticky .main-header .main-navigation .right-menu {
    display: block;
    font-size: 26px;
    padding: 0;
    text-decoration: none;
}

.main-navigation .right-menu li a {
    display: inline-block;
    display: inline-block;
    padding: 50px 15px 40px;
    text-decoration: none;
}

.header.sticky .main-header .logo img {
    max-width: inherit;
}

/*.header.sticky .main-header .container-fluid .logo-wrap{width:115px;overflow:hidden;}*/
.header.sticky .main-header .main-navigation {
    display: inline-block;
    text-align: center;
    float: none;
    text-align: center;
    width: 85%;
    margin: auto;
}

.header.sticky .main-header .main-navigation>ul:first-child {
    display: inline-block;
    width: 85%;
    text-align: center;
}

.header.sticky .main-header .main-navigation>.navbar-nav>li {
    display: inline-block;
    float: none;
}

.gallery-bg>img {
    width: 100%;
}




/*Local Menu Css*/

.local-menu-container {
    z-index: 15;
    transition: all .5s ease;
    /* width: 315px; */
    padding: 0;
}

.local-menu-container h3 {
    background-color: #ac0031;
    color: #fff;
    display: block;
    font-size: 1.5em;
    height: 70px;
    margin: 0;
    padding: 22px 0 15px 30px;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
}

.local-menu-container h3 span {
    position: absolute;
    right: 0px;
    top: 0;
    color: #fff;
    padding: 20px 0;
    /*background-color: #ac0031;*/
    height: 70px;
    cursor: pointer;
    width: 70px;
    text-align: center;
    /*color           :#f90047;*/
    font-size: 30px;
    transition: all ease .5s;
}

.menu-closed .lnr-arrow-left-circle {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.local-menu-container a {
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    display: block;
}

.local-menu-container ul {
    list-style-type: none;
    line-height: 1em;
    margin: 0;
}

.content-wrap .local-menu-container.menu-closed ul {
    opacity: 0;
}

/*First tier specific styles*/
.local-menu-container>div>ul {
    margin: 25px 0 30px;
    padding: 0px;
}

.local-menu-container>div>ul>li {
    margin-bottom: 0;
    padding-bottom: 0px;
}

.local-menu-container>div>ul>li>a {
    color: #515151;
    letter-spacing: 0;
    padding: 10px 30px 10px 35px;
    text-decoration: none;
    line-height: 1.5;
    outline: medium none;
}

.local-menu-container>div>ul>li>a:hover,
.local-menu-container>div>ul li.active>a {
    color: #ac0031;
}

.local-menu-container>div>ul>li>a>span {
    position: absolute;
    right: 7%;
    top: 15px;
}

/*second tier specific styles*/
.local-menu-container>div>ul>li>ul {
    margin: 0;
    padding: 0 0 11px;
    background: none;
}

.local-menu-container>div>ul>li>ul>li>a {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    padding: 8px 20px 8px 55px;
    font-weight: 300;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.local-menu-container>div>ul>li>ul>li>a:hover {
    color: #ac0031;
}

/*third tier specific styles*/
.local-menu-container>div>ul>li>ul>li>ul {
    margin: 0;
    padding: 0px;
}

.local-menu-container>div>ul>li>ul>li>ul a {
    color: #999;
    padding: 8px 0 8px 104px;
}

/*fourth tier specific styles*/
.local-menu-container>div>ul>li>ul>li>ul>li>ul {
    margin: 0;
    padding: 0px;
}

.local-menu-container>div>ul>li>ul>li>ul>li>ul a {
    color: #999;
    padding: 8px 0 8px 126px;
}

.local-menu-container a .lnr {
    transition: all ease .25s;
}

.local-menu-container a[aria-expanded="true"] .lnr {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.local-menu-container a.activeLocalItem {
    color: #033469;
}

.local-menu-container .panel-group .panel+.panel {
    margin-top: 0;
    border: none;
}

.local-menu-container .panel-group .panel {
    border-radius: 0;
    margin-bottom: 0;
    border: none;
    box-shadow: none;
    background: none;
    position: relative;
}

.local-menu-container>div>ul>li>a {
    font-weight: bold;
}

.local-menu-container>div>ul>li>a.activeLocalItem,
.local-menu-container>div>ul>li>a.activeLocalItem:hover {
    color: #ac0031;
    text-decoration: none;
}

/*.local-menu-container > div > ul > li > a[aria-expanded="true"]{background-color: #c5e380;color:#333;}*/
.local-menu-main {
    font-family: "DEARJoe5Casual";
    font-size: 72px;
    color: #fff;
    position: absolute;
    top: -100px;
    left: 60px;
    letter-spacing: -0.25rem;
    text-shadow: 0px 0px 10px #000000;
}

.content-wrap {
    position: relative;
    max-width: 100%;
}

.content-wrap .local-menu-container.menu-closed {
    transform: translate(-80%, 0);

}

.main-content {
    transition: all .5s ease;
    padding: 0 40px;
    float: right;
}

/* Page Content List Classes */



.innerpage-content .pagecontent ul {
    padding: 0;
    margin-bottom: 3em;
}

.innerpage-content .pagecontent ul li {
    font-size: 18px;
    list-style: none;
    padding: 1em 1em 1em 3em;
    position: relative;
    font-weight: 300;
}

.innerpage-content .pagecontent ul li:before {
    font-family: 'Linearicons-Free';
    content: "\e87f";
    color: #ac0031;
    position: absolute;
    top: 7px;
    left: 0;
    font-size: 1.75em;
}

.innerpage-content .pagecontent ul.list-inline {
    margin-bottom: 1em !important;
}

.innerpage-content .pagecontent ul.list-inline li {
    padding: 0 0.25em !important;
}

.innerpage-content .pagecontent ul.list-inline li:before {
    content: "" !important;
}

.innerpage-content .pagecontent ul.list-inline li a {
    font-weight: 500;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;

}

.innerpage-content .pagecontent ul.list-inline li a:hover,
.innerpage-content .pagecontent ul.list-inline li a:focus {
    color: #999
}

.innerpage-content .pagecontent ul.arrow-bullet li:before {
    font-family: 'Linearicons-Free';
    content: "\e88a";
}

.innerpage-content .pagecontent ul.booking-list li:before {
    font-family: 'Linearicons-Free';
    content: "\e836";
    color: #434343;
}

.innerpage-content .pagecontent ul.media-download-list li:before,
.block-documents ul li:before {
    font-family: 'Linearicons-Free';
    content: "\e865";
    color: #434343;
}

.innerpage-content .pagecontent ul.file-list li:before {
    font-family: 'Linearicons-Free';
    content: "\e81d";
    color: #434343;
}

.innerpage-content .pagecontent ul.link-list li:before {
    font-family: 'Linearicons-Free';
    content: "\e86b";
    color: #434343;
}

.innerpage-content .pagecontent ul.arrow-bullet li:hover:before,
.innerpage-content .pagecontent ul.booking-list li:hover:before,
.innerpage-content .pagecontent ul.media-download-list li:hover:before,
.innerpage-content .pagecontent .block-documents ul li:hover:before,
.innerpage-content .pagecontent ul.file-list li:hover:before,
.innerpage-content .pagecontent ul.link-list li:hover:before {
    color: #ac0031;
}

.innerpage-content .pagecontent ul li.contact-phone:before {
    content: "\e830";
    color: #434343;
}

.innerpage-content .pagecontent ul li.contact-fax:before {
    content: "\e81c";
    color: #434343;
}

.innerpage-content .pagecontent ul li.contact-email:before {
    content: "\e83d";
    color: #434343;
}

.innerpage-content .pagecontent ul li.contact-message:before {
    content: "\e818";
    color: #434343;
}

.innerpage-content .pagecontent ul li.contact-hours:before {
    content: "\e864";
    color: #434343;
}

.innerpage-content .pagecontent ul li.contact-map:before {
    content: "\e833";
    color: #434343;
}

.innerpage-content .pagecontent ul li.contact-web:before {
    content: "\e853";
    color: #434343;
}

.innerpage-content .pagecontent ul li.contact-phone,
.innerpage-content .pagecontent ul li.contact-fax,
.innerpage-content .pagecontent ul li.contact-email,
.innerpage-content .pagecontent ul li.contact-message,
.innerpage-content .pagecontent ul li.contact-hours,
.innerpage-content .pagecontent ul li.contact-map {
    border-bottom: solid 1px #f2f2f2
}


.innerpage-content .pagecontent img.right {
    border: 0px none;
    float: right;
    padding: 0 0 20px 20px;
}

.innerpage-banner,
.innerpage-banner .overlay {
    height: 600px;
    overflow: hidden;
}



.content-wrap .main-content .pagecontent,
.content-wrap .main-content .breadcrumb {
    transition: all .5s ease;
    margin-bottom: 80px;
}

.breadcrumb {
    font-size: 0.875em;
    padding: 25px 20%;
    color: #434343;
    background: #fafafa;
    margin: 0 -20%;
    height: 70px;
}

.breadcrumb li a {
    color: #ac0031;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.breadcrumb li a:hover,
.breadcrumb li a:focus {
    text-decoration: underline;
}

.breadcrumb li+li:before {
    color: #434343;
    font-family: "Linearicons-Free";
    content: "\e876";
    font-size: 0.625em;
    font-weight: normal;
    padding: 0 1.125em 0 1em;
    position: relative;
    top: -1px;
}

.breadcrumb li:last-child {
    font-weight: 600;
}

.breadcrumbs-wrap .text-right,
.breadcrumbs-wrap .artwork-owlnav {
    margin-top: -0.5rem;
}

.breadcrumbs-wrap .text-right a,
.breadcrumbs-wrap .artwork-owlnav a {
    font-size: 1rem;
    padding: 0 0.75rem;
    display: inline-block;
    color: #ac0031;
}

.breadcrumbs-wrap .text-right .pages,
.breadcrumbs-wrap .artwork-owlnav .pages {
    font-size: 1.25rem;
    color: #ac0031;
    letter-spacing: 2px;
    margin-right: 0.5rem;
}

/*.local-menu-container.fixed-content,.fixed-content .sidebar{position:fixed;top:115px;}*/
.fixed-content .sidebar {
    right: 40px;
}

.innerpage-content {
    background: url(../images/innercontent-bg.jpg) #fff bottom right no-repeat;
    background-size: 100%;
}

.fix-breadcrumb {
    position: fixed;
    top: 114px;
    z-index: 10;
    width: 100%;
}


/* ---------------------------------------- */
/* Page Content Styles
/* ---------------------------------------- */

.pagecontent {
    /*padding-top:5em;*/
}

.pagecontent p {
    font-size: 18px;
    line-height: 1.5;
    font-family: "DINOT", Helvetica, sans-serif;
    font-weight: 300;
    margin-bottom: 1.5em;
}

.pagecontent p.lead {
    color: #676767;
    font-size: 1.5em;
    line-height: 1.4em;
}

.pagecontent blockquote:before {
    font-family: 'DINOT';
    content: '\201C';
    font-weight: 600;
    position: absolute;
    left: 1.5rem;
    font-size: 4em;
    color: #ac0031;
    top: 10px;
}

.pagecontent blockquote {
    font-weight: 500;
    font-size: 1em;
    line-height: 1.5;
    padding: 1.5em 3em 2em 4em;
    3em;
    margin: 0 0 1em 0;
    position: relative;
    color: #000;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23efefef' fill-opacity='0.52' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
}

.pagecontent blockquote p {
    font-size: 1.3125em;
    font-weight: 600;
    margin-bottom: 0.5em;
}

.pagecontent blockquote small {
    font-size: 90%;
}


.main-navigation .back-top span {
    font-size: 28px;
}

.main-navigation .right-menu li {
    padding: 0px;
}






/* Sports at club */

#clubs .subjects .subject-tile .subject {
    border-radius: 50%;
    position: relative;
    padding-top: 90%;
}

#clubs .subjects .subject-tile .subject span {
    position: absolute;
    top: 50%;
    margin: auto;
    vertical-align: middle;
    text-align: center;
    transform: translateY(-50%);
    width: 85%;
    margin: auto;
    left: 0;
    right: 0;
    white-space: pre-wrap;
}


/* Sports at club */


/*News Detail*/
.news-detail {
    color: #434343;
}

.news-detail .page-header {
    border: none;
}

.news-detail .page-header h1 {
    font-family: 'DINOT';
    color: #ac0031;
    font-weight: bold;
    margin-top: 0;
    font-size: 2.5em;
}

.news-detail .page-header p {
    margin-bottom: 5px;
}

.news-detail .pagination {
    background: #eee;
    border-radius: 0;
    width: 100%;
    padding: 20px 0 15px;
    font-size: 1em;
    margin: 0;
}

.news-detail .pagination p {
    margin: 0;
}

.news-detail .pagination a {
    color: #434343;
}

.news-detail .pagination .container .row>div {
    /*display:table-cell;*/
    float: none;
    vertical-align: middle;
}

.news-detail .pagination .container .row>div span {
    display: inline-block;
    font-size: 35px;
    width: 45px;
}

.news-detail .pagination .container .row>div.text-center {
    text-transform: uppercase;
    line-height: 50px;
}

.news-detail .pagination .container .row>div.text-center span {
    position: relative;
    left: -20px;
    top: 9px;
}



.tabs .tab-image {
    width: 100%;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    padding-bottom: 100%;
}

.tabs .tab-image img {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    height: 200px;
    max-width: 90%;
    border-radius: 50%;
}

.innerpage-content .pagecontent .tabs .nav-tabs li {
    padding: 0;
    width: 220px;
    min-width: 220px;
    margin: 0 1px;
}

.innerpage-content .pagecontent .tabs .nav-tabs li a {
    /*border-radius: 4px 4px 0 0; */
    display: block;
    min-height: 300px;
    height: 235px;
    margin: 0 1px -2px;
    border: none;
}

.innerpage-content .pagecontent .tabs .nav-tabs {
    border: none;
}

.innerpage-content .pagecontent .tabs .nav-tabs li a h4 {
    text-align: center;
    font-size: 1em;
    margin-top: -2em;
    color: #434343
}

.innerpage-content .pagecontent .tabs .nav-tabs li a span {
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    color: #6c6c6c;
    font-size: 16px;
}

.innerpage-content .pagecontent .tabs .nav-tabs li a em {
    font-size: 13px;
    font-weight: 400;
    color: #9ca0a0;
}

.tabs .nav-tabs li:before {
    display: none;
}

.innerpage-content .pagecontent .tabs .nav-tabs li.active a {
    border: none;
}

.innerpage-content .pagecontent .tabs .nav-tabs li.active a h4 {
    color: #ac0031;
}

.sport-tile span {
    color: #19161a;
    display: block;
    font-size: 1.125em;
    font-weight: 600;
    min-height: 55px;
    text-transform: uppercase;
}

.top-right-fixed {
    position: fixed;
    top: 114px;
    /* width: 315px; */
}

.bottom-right-fixed {
    position: absolute;
    bottom: 0px;
}
.hide-breadcrumb{
    opacity: 0;
    pointer-events: none;
    z-index: -999999;
}

.news-heading .filters {
    padding: 0;
}

.news-heading .filters ul li a {
    text-transform: uppercase;
    font-size: 14px;
    color: #434343;
    display: block;
    padding: 5px 8px;
    background: none;
}

.news-heading .filters ul li.active a {
    color: #ac0031;
}

.news-heading .filters .input-group .form-control {
    border-radius: 0;
    font-style: italic;
    border: none;
    box-shadow: none;
    font-size: 16px;
}

.news-heading .filters .input-group .input-group-addon {
    border-radius: 0;
    background: none;
    border: none;
    font-size: 24px;
    line-height: 18px;
}

.news-heading .filters .input-group .input-group-addon a {
    color: #6b6f70;
}

.news-blocks {
    padding: 0;
    clear: both;
}

.custom-local-menu-items .title-wrap{
	display: flex;
	margin: 1.5em 0 0.5em;	
    gap:2rem;
}
.custom-local-menu-items .title-wrap h2{
    margin: 0;
}
.custom-local-menu-items .title-wrap .circle-inner {
	font-size: 2rem;
	background: #ac0031;
	color: #fff;
	border-radius: 50%;
	display: inline-flex;
    width: 4rem;
	min-width: 4rem;
	height: 4rem;
	align-items: center;
	justify-content: center;
	line-height: 0rem;
    position: relative;
    top:.75rem;
}

.local-menu-container.top-right-fixed{
    bottom:0;
    overflow-y: auto;
}

@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;
    }

    .hero-image {
        max-height: 1024px;
    }
}

@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;
    }
    .header.sticky .main-header .main-navigation>ul:first-child{
        width: 100%;
    }
}

@media screen and (max-width: 1050px) {

    .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;
    }

    .main-navigation .section-list ul>li>a:before,
    .local-menu-container>div>ul>li>a:before,
    .local-menu-container>div>ul>li>ul>li>a:before {
        background: none;
    }

}

@media screen and (min-width: 993px) {

    .header.sticky .main-header .logo img {
        max-width: inherit;
    }

    .header.sticky .main-header .container-fluid .logo-wrap {
        width: 115px;
        overflow: hidden;
    }

    .news-detail .pagination .container .row>div {
        display: table-cell;
    }

    .content-wrap .main-content.menu-opened .breadcrumb {
        transform: translate(0%, 0);
        transition: all .5s ease;
        /*  max-width:100%;*/
    }

    .content-wrap .main-content.menu-closed .breadcrumb {
        transform: translate(-8.8%, 0);
        transition: all .5s ease;
        border: none;
    }

    .content-wrap .main-content.menu-closed .pagecontent {
        transform: translate(-12.5%, 0);
        transition: all .5s ease;
        border: none;
    }

    blockquote#indent-quote {
        margin-left: 150px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 992px) {
    /* Safari and Chrome */

    /* Safari only override */
    ::i-block-chrome,
    #navbar-collapse-1 {
        width: 71.5%;
    }

    ::i-block-chrome,
    #navbar-collapse-1 ul.navbar-nav {
        width: 100%;
    }

    ::i-block-chrome,
    .header.sticky #navbar-collapse-1 {
        width: 85%;
    }

    ::i-block-chrome,
    .header.sticky #navbar-collapse-1 ul.navbar-nav {
        width: auto;
    }

    ::i-block-chrome,
    #slides.hero-image .slides-container .container .slider-caption {
        padding-top: 40%;
    }
}

@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;
    }

    .logo img {
        height: 79px;
        width: auto;
    }

    .main-navigation>ul>li>a {
        font-size: .7em;
        padding: 35px 1em 30px;
    }

    .main-navigation .right-menu li a {
        padding: 35px 15px 35px;
    }

    #latest-news-owl .slide .slide-image,
    #latest-news-owl .slide .slide-image .slide-desc {
        height: 200px;
        width: 200px;
    }

    #latest-news-owl .slide-desc a {
        height: 200px
    }

    .fullwidth-section.quick-facts {
        display: none;
    }

    .top-right-fixed {
        width: 260px;
    }

    .header.sticky .main-header .container-fluid .logo-wrap {
        width: 90px;
        overflow: hidden;
    }

    .local-menu-container {
        width: 25%;
    }

    .main-header .main-header-overlay {
        height: 85px;
    }

    .top-right-fixed,
    .fix-breadcrumb {
        top: 85px;
    }

    .main-navigation .navbar-nav .dropdown.yamm-fw .dropdown-menu {
        top: 95%;
    }

    .news-heading .filters ul li a {
        padding: 5px;
    }

    .local-menu-container {
        background: #fff;
    }

    .local-menu-container h3 {
        font-size: 1.2em;
    }

}

@media screen and (max-width: 991px) {

    .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: 3%;
        right: 20px;
    }

    #mobile-nav,
    #quick-nav {
        position: fixed;
        top: 0px;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0) url("../images/header-bg.jpg") repeat scroll 0 0;
        padding: 1.4em 30px 2em;
        display: none !important;
    }

    #mobile-nav .navbar-nav li a,
    #quick-nav .navbar-nav li a,
    .mobile-tabs .login-tab ul li a {
        padding: 0.75em 1.75em;
        color: #19161a;
        font-size: 1.125em;
        font-weight: 400;
    }



    #mobile-nav .nav-tabs li {
        float: none;
        display: table-cell;
        width: 1%;
        text-align: center;
    }

    .wrapper .mobile-menu .navbar-toggle,
    .wrapper .mobile-menu .close-menu {
        margin: 0;
        padding: 5px 20px;
        border: none;
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        display: block;
    }

    .wrapper .mobile-menu .navbar-toggle:hover {
        background: none;
    }

    .mobile-menu .navbar-header button+button {
        border-right: 1px solid #666 !important;
        border-radius: 0;
    }

    .wrapper .mobile-menu .close-menu {
        color: #fff;
        font-size: 20px;
        right: 0px;
        position: relative;
        top: 5px;
    }

    .wrapper .mobile-menu .menu-bg {
        background: #fff;
        clear: both;
        top: 10px;
        position: relative;
        padding-bottom: 20px;
        max-height: 90vh;
        overflow-y: auto;
    }

    .wrapper .mobile-menu .menu-bg .nav-tabs {
        background: #f4f4f4;
    }

    .wrapper .mobile-menu .menu-bg .nav-tabs li a {
        margin-bottom: 0;
        font-size: 1em;
        color: #19161a;
        padding: 1em;
    }

    .wrapper .mobile-menu .menu-bg .nav-tabs li a:hover,
    .wrapper .mobile-menu .menu-bg .nav-tabs li a:focus {
        background-color: #fafafa;
    }

    .wrapper .mobile-menu .menu-bg .nav-tabs li.active a {
        background: none;
        font-weight: 600;
        color: #19161a;
        border: none;
    }


    .wrapper .mobile-menu .searchbox {
        margin-bottom: 10px;
        background: #fff;
    }

    .wrapper .mobile-menu .searchbox .input-group input {
        border-radius: 0;
        padding: 10px 15px;
        font-style: italic;
        height: auto;
        border: none;
        color: #023f73;
        font-size: 20px;
    }

    .wrapper .mobile-menu .searchbox .input-group span {
        background: none;
        border: none;
        border-radius: 0;
        padding: 0;
        font-size: 18px;
    }

    .wrapper .mobile-menu .searchbox .input-group span a {
        padding: 10px 25px;
    }

    .wrapper .mobile-menu .menu-bg .navbar-nav,
    .mobile-tabs .login-tab ul {
        margin: 0;
        width: 100%;
        padding: 1em 0 1.5em;
    }

    .wrapper .mobile-menu .menu-bg .navbar-nav li,
    .mobile-tabs .login-tab ul li {
        width: 100%;
        float: left;
    }

    .wrapper .mobile-menu .menu-bg .navbar-nav li a,
    .mobile-tabs .login-tab ul li a {
        color: #19161a;
    }

    .mobile-tabs .login-tab ul li a {
        display: block;
    }

    .wrapper .mobile-menu .menu-bg .navbar-nav li a .lnr,
    .mobile-tabs .login-tab ul li a .lnr {
        position: absolute;
        right: 25px;
        color: #ac0031;
    }

    #mobile-nav .navbar-nav li .dropdown-menu,
    #quick-nav .navbar-nav li .dropdown-menu {
        padding: 0 0 1em;
        margin: 0;
        position: relative;
        border: none;
        box-shadow: none;
    }

    #mobile-nav .navbar-nav li .dropdown-menu li a,
    #quick-nav .navbar-nav li .dropdown-menu li a {
        display: block;
        color: #434343;
        font-size: 1.2em;
        padding: 0.75em 2.5em;
        width: 100%;
        white-space: pre-wrap;
    }

    #mobile-nav .navbar-nav li .dropdown-menu li a .fa,
    #quick-nav .navbar-nav li .dropdown-menu li a .fa {
        display: none;
    }

    #mobile-nav .navbar-nav>.open>a,
    #mobile-nav .navbar-nav>.open>a:focus,
    #mobile-nav .navbar-nav>.open>a:hover {
        background: none;
    }

    #mobile-nav .navbar-nav>.open>a>.fa:before {
        content: "\f068";
    }

    .mobile-menu .menu-bg h3 {
        margin: 25px 20px 10px;
        font-style: italic;
        color: #790022;
        font-size: 32px;
    }

    .wrapper .mobile-menu #quick-nav .menu-bg .navbar-nav li a .fa {
        top: 12px;
    }

    .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background-image: url(../images/header_bg.png);
        background-size: cover;
    }

    .wrapper {
        padding: 0;
    }

    #mobile-nav.in,
    #quick-nav.in {
        display: block !important;
    }

    .wrapper .mobile-menu .menu-bg .dropdown-menu>.active>a,
    .wrapper .mobile-menu .menu-bg .dropdown-menu>.active>a:focus,
    .wrapper .mobile-menu .menu-bg .dropdown-menu>.active>a:hover {
        background: #e7e7e7;
    }

    .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: -3.5%;
    }

    .footer .social-icons li a {
        font-size: 1.5em;
        padding: 0 9px;
    }

    .footer .social-icons {
        margin-bottom: 2em;
    }

    .footer h4 {
        margin: 0;
    }

    .footer .icon {
        color: #9ca0a0;
        font-size: 2.5em;
        padding: 1.5em 0 0;
        margin: 0;
    }

    .footer .address {
        min-height: auto;
    }

    .footer .address.padd-20 {
        padding: 10px 0;
    }

    .innerpage-content .content-wrap {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        /* optional */
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        max-width: 100%;
    }


    .innerpage-content .content-wrap .main-content {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        padding: 0 15px;
    }


    .innerpage-content .content-wrap .local-menu-container,
    .innerpage-content .content-wrap .local-menu-container.top-right-fixed {
        position: relative;
        width: 100%;
        top: 0;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .fix-breadcrumb,
    .breadcrumb {
        position: relative;
        top: 0px;
        height: auto;
    }

}


@media screen and (max-width: 768px) {
    .print-btn {
        display: none;
    }

    .quick-facts .blocks .block .row {
        height: 355px;
    }

    .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 50px 20px;
    }

    .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 200px;
    }

    .footer-bottom .text-right {
        text-align: center !important;
    }

    .footer-bottom .footer-menu {
        margin: 0 -20px;
    }

    .footer-bottom .footer-menu ul {
        padding-left: 0;
    }

    .footer-bottom .footer-menu ul li a {
        padding: 10px;
    }

    .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: 'Linearicons-Free';
        font-size: 30px;
    }

    .slider .owl-controls .owl-buttons .owl-next:before {
        content: "\f054";
        font-family: 'Linearicons-Free';
        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: -2.5em;
    }

    .photo-gallery-section .gallery-bg img {
        height: 450px;
        object-fit: cover;
    }

    /*	.innerpage-content{padding:80px 0px 20px;}*/
    .main-header {
        height: 114px;
    }

    .local-menu {
        margin-left: 15px;
    }

    .footer {
        background-size: cover;
        text-align: center;
    }


    .header.sticky {
        top: 0;
    }

    .header.sticky .main-header .logo img {
        max-width: 100%;
    }

    .footer .social-icons {
        padding: 0;
    }

    .footer .social-icons li {
        font-size: 30px;
    }


    .pagecontent {
        padding: 15px 0;
    }

    .innerpage-content .main-content h1,
    .innerpage-content .main-content h2 {
        font-size: 2em;
    }

    .pagecontent blockquote {
        position: relative;
        height: auto;
        width: 100%;
        margin-bottom: 20px;
    }

    .local-menu-container h3 span {
        display: none;
    }

    .menu-bg .navbar-nav .dropdown .dropdown-menu ul li {
        list-style: none;
    }

    #mobile-nav .navbar-nav .dropdown .dropdown-menu ul li a {
        padding: .5em 2em;
    }

    .content-wrap .main-content .pagecontent,
    .content-wrap .main-content .breadcrumb {
        margin-bottom: 0;
    }

    .close-quick-menu .fa.fa-remove {
        font-size: 22px;
        color: #fff;
        padding: 5px;
    }

    #mobile-nav .navbar-nav li.dropdown.open a .lnr.lnr-plus-circle:before {
        content: "\e882";
    }


}

@media screen and (max-width: 767px) {

    #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 .hero-image {
        height: 490px;
        overflow: hidden;
    }

    .innerpage-content .waves {
        top: -2.5em;
        left: 0;
        right: 0;
    }

    .innerpage-banner-img {
        top: 60px;
    }

    .green-gradient .waves {
        top: -19%;
    }

    .fullwidth-section.green-gradient {
        margin-top: 5px;
    }

    .main-header {
        height: 80px;
    }

    .main-content {
        max-width: 100%;
        margin: auto;
    }

    .innerpage-banner.parallax-window,
    .innerpage-banner .overlay {
        min-height: 300px;
        height: 300px;
    }

    .main-header .main-header-overlay {
        opacity: 1;
        height: 75px;
    }
}


@media screen and (max-width: 640px) {

    /*    .wrapper {padding: 20px 0px;}*/
    .header {
        left: 0;
        right: 0;
    }

    .innerpage-content {
        padding-top: 20px
    }

    .sport-tile a.circle .circle-inner .icon {
        font-size: 5em;
    }

    .btn {
        padding: 12px 20px;
    }

    .news-list .media>div {
        display: block;
        clear: both;
        white-space: normal;
        width: 100%;
    }

    .news-list .media>div img {
        width: 100%;
    }
}

@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;
    }
}


.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: #ac0031;
    /* 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: #fff;
    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;
    height: 5em;
    width: 5em;
    margin: -16% -5%;
    background: none;
    overflow: hidden;
    border: none;
    text-indent: 1em;
    position: relative;
}

.slider .owl-carousel .owl-buttons>div:before {
    content: "\e885";
    font-family: 'Linearicons-Free';
    font-size: 3em;
    color: #f90047;
    position: relative;
    left: -0.25em;
    top: 0;
    width: 5em;
    z-index: 150000;
}

.slider .owl-carousel .owl-buttons>div.owl-next:before {
    content: "\e886";
}

.slider .owl-carousel .owl-buttons>div.owl-next {
    float: right;
}

#easyphotogallery-galleries .brick {
    /*max-height:230px;overflow:hidden;*/
    border-radius: 0;
}

#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 .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: 'Linearicons-Free';
    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;
    margin-bottom: 75px;
}

#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: 0px;
}

#clubs .subject span {
    font-size: 18px;
}

#clubs .subject span {
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

#clubs .row .subjects .section {
    display: none;
    margin: 25px 0;
    float: left;
}




/* Sports Webapp */

.sport-tile a span {
    color: #19161a;
    text-transform: uppercase;
    font-size: 1.25em;
}

#sports .all-sports div[class^="col-"] {
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 0;
}

#sports .row .all-sports .section {
    display: none;
    margin: 25px 0;
    float: left;
}

#sports .cocurricular-items div[class^="col-"] {
    min-height: 300px;
}

/* https://littledice.me/2014/04/16/responsive-circles-with-css/ */

.sport-tile a.circle {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    border-radius: 50%;
    width: 100%;
    position: relative;
    display: block;
    background: #fafafa !important;
    transition: all 0.4s ease-in-out;
}



.sport-tile a.circle:hover,
.sport-tile a.circle:focus {
    background: #eee !important;
    outline: none;
}

.sport-tile a.circle-border {
    border: 1px solid #9ca0a0;
}

.sport-tile a.circle-solid {
    background: #fafafa;
}

.sport-tile a.circle:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.sport-tile a.circle .circle-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
}

.sport-tile a.circle .circle-inner .icon {
    font-size: 6em;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 20%;
    right: 0;
    color: #ac0031;
}

.sport-tile a.circle .circle-inner span {
    margin: auto;
    position: absolute;
    top: 35%;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1.25em;
    line-height: 1.25em;
    font-size: 1.25em;
    text-transform: uppercase;
    color: #434343;

}

.sport-tile a.circle.active .circle-inner span {
    overflow: hidden;

}

.sport-tile a.circle.active {
    background: #ac0031 !important;
    border: solid 2px #ac0031;
}

.sport-tile a.circle.active .circle-inner .icon,
.sport-tile a.circle.active .circle-inner span {
    color: #fff;
}

#sports .sport-desc {
    padding-bottom: 6em;
}

/*#sports .all-sports .sport-tile a.circle.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:0px;}*/


/* Sports Webapp END */




/* FORM STYLES */

.innerpage-content .pagecontent .form-wrap {
    margin: 2em 0;
}

.innerpage-content .pagecontent .form-wrap ul {
    list-style-type: none;
    margin: 0;
}

.innerpage-content .pagecontent .form-wrap ul li {
    list-style-type: none;
    padding: 0;
    clear: both;
}

.innerpage-content .pagecontent .form-wrap ul li:before {
    content: "";
}

.innerpage-content .pagecontent .form-wrap ul li label {
    font-size: 1em;
    color: #434343;
}

.innerpage-content .pagecontent .form-wrap ul li input {
    color: #19161a;
}

.innerpage-content .pagecontent .form-wrap input[type="text"].form-control,
.innerpage-content .pagecontent .form-wrap input[type="number"].form-control,

.innerpage-content .pagecontent .form-wrap textarea.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 1em;
    height: auto;
    line-height: 1.42857;
    padding: 1em 1.5em;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.innerpage-content .pagecontent .form-wrap select.form-control {
    height: 55px;
}

.innerpage-content .pagecontent .form-wrap textarea.form-control {
    height: 200px;
}

.innerpage-content .pagecontent .form-wrap input[type="radio"].form-control.stacked {
    display: block !important;
}

.innerpage-content .pagecontent .form-wrap input[type="radio"].form-control {
    display: inline-block;
    font-size: 1em;
    height: auto;
    padding: 6px 12px;
    width: auto;
}



/* FORM STYLES END */






@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;
    }

    .our-story {
        height: 60vh;
    }

    .our-story .story-block {
        margin-top: 20%;
    }

}

@media all and (max-width: 1799px) and (min-width: 1400px) {
    .our-story img {
        width: 85%;
    }
}

.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-container,
.front,
.back {
    width: 100%;
    height: 315px;
}

/* 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: #434343;
    color: #fff;
    font-size: 20px;
    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 ------------------ */

object,
object svg {
    max-width: 100%;
}

.innerpage-banner .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.6+0,0+100;Neutral+Density */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
}

.signature {
    font-family: 'BlackJackRegular';
    padding: 15px 0;
    font-size: 30px;
}


.main-header object.logo,
.main-header object.logo svg {
    max-width: inherit;
}

.top-header .lnr {
    font-size: 20px;
    position: relative;
    top: 5px;
    left: 10px;
    line-height: 0;
}

.top-header .dropdown-menu .lnr {
    padding-right: 1em;
}

.main-header .lnr {
    font-size: 24px;
    line-height: 18px;
}

.information-section {
    background: #fff;
    padding: 10px 0;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #999;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #999;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #999;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #999;
}

::-moz-placeholder {
    opacity: 1;
}


object,
object svg {
    width: 100%;
}

.promo {
    position: relative;
    overflow: hidden;
}

.promo .promo-overlay {
    position: absolute;
    text-align: center;
    color: #6b6f70;
    top: 100%;
    left: 0;
    right: 0;
    padding: 15px 0;
    background: #fff;
    transition: all ease .3s;
}

.promo:hover .promo-overlay {
    top: 0;
}

.promo .promo-overlay h4 {
    margin: 5px 0;
    font-size: 18px;
}

.promo .promo-overlay h4 a {
    color: #434343;
}

.animated {

    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
    }
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

.dropdown.yamm-fw .yamm-content:after {
    display: block;
    content: "";
    position: fixed;
    background: rgba(67, 67, 67, .9);
    top: 154px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.header.sticky .dropdown.yamm-fw .yamm-content:after {
    top: 114px;
}

.header.sticky .main-navigation .yamm-fw .dropdown .dropdown-menu {
    position: fixed;
    top: 114px;
    left: 0;
    right: 0;
    bottom: 0;
}

.header.sticky .main-header .main-navigation>ul:first-child>li:last-child {
    display: none;
}


.news-wrapper {
    background-color: #eee;
}

.newsandevents .main-header-overlay {
    opacity: 1;
}

< !--.newsandevents .pagecontent {
    margin-top: 135px;
    padding: 1em 0 0;
}

-->.newsandevents .pagecontent {
    margin-top: 130px;
    padding: 0 0 0;
}

.container-fluid {
    padding: 0px;
}

.row {
    margin: 0px;
}

.news-heading h2 {
    color: #ac0031;
    margin: 50px 0 20px;
    text-align: center;
}

.news-banner div {
    padding: 0;
}

.small-blocks h5 {
    font-weight: 600;
}

.news-banner .block-image,
.news-list-slider .block-image,
.gallery-blocks .block-image {
    position: relative;
}


.news-list-slider .block-image {
    outline: 1px solid #fff;
}

.news-banner .block-image .overlay,
.news-list-slider .block-image .overlay,
.gallery-blocks .block-image .overlay,
.portal-item .block-image .overlay {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+18,0.6+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0.6) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0.6) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0.6) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
    /* IE6-9 */


}

.gallery-blocks .block-image .overlay:hover,
.portal-item .block-image .overlay:hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+18,0.6+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
    /* IE6-9 */
    cursor: pointer;
}


.portal-item .block-image {
    position: relative;
}

.portal-item .block-image a {
    display: block;
}

.portal-item .block-image h5 {
    font-size: 1.25em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
}


.news-banner .block-image .block-caption,
.news-list-slider .block-image .block-caption,
.gallery-blocks .block-image .block-caption,
.portal-item .block-image .block-caption {
    position: absolute;
    bottom: 15px;
    left: 20px;
    color: #fff;
}

.news-banner .block-image .block-caption a,
.news-list-slider .block-image .block-caption a,
.gallery-blocks .block-image .block-caption a,
.portal-item .block-image .block-caption a {
    color: #fff;
    display: block;
}

.news-banner .block-image .block-caption span,
.news-list-slider .block-image .block-caption span,
.gallery-blocks .block-image .block-caption span {
    background: #ac0031;
    text-transform: uppercase;
    font-size: 12px;
    padding: 5px 10px;
    display: inline-block;
}

.news-banner .block-image .block-caption h4,
.news-list-slider .block-image .block-caption h4,
.gallery-blocks .block-image .block-caption h4 {
    font-weight: 600;
    margin: 10px 0 0;
}

.gallery-blocks .block-image .block-caption h4 {
    color: #fff;
}

.news-heading {
    background: #fff;
}

.gallery-blocks .block-image {
    margin-bottom: 30px;
}

.photo-gallery-wrapper {
    background: #434343;
    overflow: hidden;
}



.white-bg {
    background: #fff;
    overflow: hidden;
}

.news-blocks h3 {
    color: #434343;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 0.5em;
}

.news-blocks p {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.news-blocks p a {
    color: #9ca0a0;
    font-size: 0.875em;
    font-weight: 500;
}

.news-blocks h4 {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
}

.news-blocks h4 a {
    color: #ac0031;
    line-height: 1.2;
}

.featured-events {
    padding: 0;
}

.news-blocks .featured-news {
    padding: 0 15px 10px;
}

.featured-events .featured-event-block {
    padding: 15px
}

.news-blocks .media img {
    padding-top: 0;
}

.two-blocks {
    padding: 15px 0 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 1em;
}

.news-list .news-blocks .extra-curricular h3 {
    margin-top: 0;
}

.news-list .news-blocks .extra-curricular .media {
    background: #fff none repeat scroll 0 0;
    margin: 0;
    min-height: 90px;
    padding: 5px 15px;
}

.news-list .news-blocks .extra-curricular .media h4 a {
    font-size: 1.5em;
}

/* Enrolment Process */
.enrolment-process .thumbnail {
    border: none;
    text-align: center;
    background: none;
}

.enrolment-process .thumbnail .lnr {
    font-size: 5em;
    color: #ac0031;
}

.enrolment-process .thumbnail .icon-wrap {
    height: 200px;
    width: 200px;
    background: #fafafa;
    text-align: center;
    padding-top: 25%;
    margin: 0 auto;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.enrolment-process .thumbnail h3 {
    color: #434343;
    font-weight: 600;
    margin-bottom: 0.5em;
    text-align: center;
    text-transform: uppercase;
}

.enrolment-process .thumbnail p {
    text-align: center;
}

.enrolment-process .thumbnail:hover .icon-wrap {
    background: #eee
}

.transport .thumbnail {
    border: none;
    text-align: center;
    background: none;
}

.transport .thumbnail .lnr {
    font-size: 5em;
    color: #ac0031;
}

.transport .thumbnail .icon-wrap {
    height: 200px;
    width: 200px;
    background: #fafafa;
    text-align: center;
    padding-top: 10%;
    margin: 0 auto;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.transport .thumbnail h3 {
    color: #434343;
    font-weight: 600;
    margin-bottom: 0.5em;
    text-align: center;
    text-transform: uppercase;
}

.transport .thumbnail p {
    text-align: center;
}

.transport .thumbnail:hover .icon-wrap {
    background: #eee
}

.subject .icon {
    font-size: 5em;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    color: #fff;
}

.college-communications .list-item h3 .lnr-chevron-down-circle,
.accordion-list .list-item h3 .lnr-chevron-down-circle {
    transition: all ease .5s;
}

.college-communications .list-item h3.active .lnr-chevron-down-circle,
.accordion-list .list-item h3.active .lnr-chevron-down-circle {
    transform: rotate(180deg);
}

.accordion-list .list-item>div.padd-30,
{
display: none;
}

.college-communications .list-item:first-child>div.padd-30,
.accordion-list .list-item:first-child>div.padd-30 {
    display: block;
}

.enrolment-questions .accordion-item h3 {
    position: relative;
}

.enrolment-questions .accordion-item h3 .lnr-chevron-down-circle {
    transition: all ease .5s;
    position: absolute;
    right: 0;
    top: 0.5em;
}

.enrolment-questions .accordion-item h3.active .lnr-chevron-down-circle {
    transform: rotate(180deg);
}

.enrolment-questions .accordion-item>div.padd-30 {
    display: none;
}

.enrolment-questions .accordion-item:first-child>div.padd-30 {
    display: block;
}

.wrapper.newsandevents {
    background: #fff;
}

.news-banner .small-blocks>div {
    outline: 1px solid #eee;
}

.news-banner .small-blocks div img {
    min-height: 212.5px;
    object-fit: cover;
}

.news-list-content {
    padding: 1.25em 15px;
}

.featured-event-block .short-desc {
    padding: 0 0 15px 0;
}

.photo-gallery-details h2 {
    color: #ac0031;
    text-align: center;
    padding: 20px;
}

/*Calendar page css */
h1.dearjoe {
    font-family: 'blackjack';
    letter-spacing: normal;
    text-transform: capitalize;
    font-size: 60px;
    font-weight: normal;
}

.calendar_events .pages_links a h4 {
    font-family: "DINOT";
    font-size: 21px;
    font-weight: 300;
}

.calendar_events .pages_row {
    padding: 0px;
    margin-bottom: 33px;
}

.calendar_events .pages_row a {
    color: #404040;
}

.calendar_events .pages_row.selected a {
    color: #00326d;
}

.calendar_events .pages_detail {
    float: inherit;
}

.calendar_events h3 {
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 2px;
    margin-bottom: 40px;
}

.calendar_events .favourite {
    font-size: .7em;
    float: left;
    padding: 10px 0;
    color: #b4b5b7;
    text-transform: uppercase;
}

.calendar_events .favourite .fa {
    font-size: 1.2em;
    padding-left: 0px;
    padding-right: 5px;
}

.calendar_events .time .fa {
    font-size: 1.2em;
}

.events_btn_group {
    text-align: center;
    margin: 40px 0;
}

.events_btn_group .btn {
    font-family: "DINOT";
    font-weight: bold;
    margin: 5px auto;
    width: 230px;
}

.term_date {
    padding-left: 50px;
}

.term_block {
    background: #fafafa;
    padding: 30px;
}

.term_row {
    float: left;
    width: 100%;
    padding: 12px 0;
}

.term_block h4 {
    color: #ac0031;
    text-transform: uppercase;
    font-family: "DINOT";
    font-weight: bold;
}

.term_block p {
    font-size: 1.1em;
    line-height: 1.4em;
    font-family: "DINOT";
    font-weight: 300;
    margin: 0 0 0.5em;
}

.term_block p.strong {
    font-family: "DINOT";
    font-weight: 400 !important;
    font-style: italic;
}

.term_block .col-md-5 p {
    font-family: "DINOT";
    font-weight: 600;
}

.event_detail_page .pages_row.selected {
    padding: 0px;
}

.event_detail_page .pages_wrapper {
    display: table;
    width: 100%;
}

.event_detail_page .pages_wrapper>div {
    display: table-cell;
    vertical-align: middle;
}

.event_detail_page .pages_detail {
    float: inherit;
    width: 88%;
}

.event_detail_page .pages_detail>div {
    font-size: 22px;
    margin: 0px;
    padding: 10px 0 0 0;
    font-family: "DINOT";
}

.event_detail_page .pages_detail .favourite {
    color: #b3b5b4;
    text-transform: uppercase;
}

.event_detail_page .pages_detail .favourite .fa {
    padding: 0 5px 0 0;
}

.event_detail_page .pages_detail .time {
    color: #7b7b7b;
}

.event_detail_page .pages_detail .time .fa {
    color: #afafaf;
    padding: 0 10px 0 0;
}

.btn.back_btn {
    border: 1px solid #ececec;
    color: #636363;
    width: 140px;
    margin: 0 auto;
}

.btn.back_btn:hover {
    color: #939393;
}

.btn.back_btn .fa {
    padding: 0 10px 0 0;
}

.homepage-header .btn.back_btn {
    position: absolute;
    left: 0px;
}

.homepage-header .small {
    font-size: 18px;
    padding: 5px 0;
}

/*Caleader page css */

/*Calendar Page CSS*/
.calendar_header {
    margin-top: 20px;
}

.calendar_search {
    max-width: 80%;
    width: 485px;
    margin: 20px auto 40px;
    position: relative;
}

.calendar_search input[type='text'],
.calendar_date input[type='text'] {
    background: #fff;
    width: 100%;
    padding: 12px 50px 12px 25px;
    border: 1px solid #d6d6d6;
    box-shadow: 0 0 5px #ddd;
    -moz-box-shadow: 0 0 5px #ddd;
    -webkit-box-shadow: 0 0 5px #ddd;
    color: #a2a2a2;
    font-size: 18px;
    font-style: italic;
}

.calendar_search a {
    display: block;
    position: absolute;
    right: 0px;
    color: #515151;
    top: 0;
    padding: 12px 20px;
}

.calendar_tabs .nav-justified>li {}

.calendar_tabs .nav-justified>li>a {
    color: #19161a;
    border-radius: 0px;
    border: none;
    font-size: 1.25em;
    font-family: "DINOT";
    font-weight: 500;
    padding: 20px;
    text-transform: uppercase;
    border-bottom: 6px solid #f2f2f2;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

.calendar_tabs .nav-justified>li>a .lnr {
    color: #ac0031;
    font-size: 30px;
    margin-right: 0.5em;
    position: relative;
    top: 5px;
}

.calendar_tabs .nav-justified>li>a:hover {
    color: #19161a;
    background-color: #fafafa;
}

.calendar_tabs .nav-justified>li.active>a,
.calendar_tabs .nav-justified>li.active>a:hover {
    color: #19161a;
    background: #f2f2f2;
    border: none;
    border-bottom: 6px solid #f2f2f2;
}

.calendar_rows {
    border-bottom: 5px solid #f2f2f2;
    padding: 25px 0;
}

.calendar_rows .col-md-9 a {
    font-size: 20px;
    font-weight: 500;
}

.calendar_rows .col-md-9 a:hover {
    text-decoration: underline;
}

.calendar_rows .col-md-3 a {
    color: #9d9ea0;
    font-size: 14px;
    text-transform: uppercase;
}

.calendar_rows .col-md-3 a .fa {
    font-size: 16px;
    padding: 0 5px;
}

.calendar_tabs .news_content_ul .right_nav,
.calendar_tabs .news_content_ul .left_nav {
    background: none;
}

.calendar_sidebar {
    margin-top: 2em;
    border: none;
    background: #f2f2f2;
    padding: 15px;
}

.calendar_tabs .news_content {
    border: none;
}

.calendar_tabs ul li {
    font-size: 16px;
}

.calendar_tabs .calendar_sidebar ul li a {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    color: #343434;
    font-family: "DINOT";
    margin-left: 25px;
    padding: 12px 15px;
}

.calendar_tabs .nav-pills>li.active a,
.calendar_tabs .nav-pills>li a:hover {
    background: #fff;
    color: #ac0031;
}

.calendar_tabs .tab-content {
    padding-left: 0;
    padding-right: 0;
}

.calendar_tabs .tab-content .tab-pane {
    padding-left: 0;
    position: relative;
    z-index: 1;
}

.calendar_date {
    width: 380px;
    max-width: 90%;
    position: relative;
}

.calendar_date input[type='text'] {
    padding: 8px 15px;
    font-style: normal;
    color: #ac0031;
    font-size: 16px;
}

.calendar_date a {
    color: #999999;
    display: block;
    position: absolute;
    padding: 10px 20px;
    top: 0;
    right: 0;
    font-size: 14px;
}

.calendar_tabs .pages_row {
    padding: 0px;
    margin-bottom: 10px;
}

.calendar_tabs .pages_row .pages_detail {
    width: auto;
}

.calendar_tabs .pages_row .pages_detail .pages_links a h4 {
    font-size: 20px;
}

.calendar_tabs h2 {
    font-family: "DINOT";
    font-weight: 400;
    color: #999999;
    font-size: 48px;
    margin: 20px 0 35px;
}

.calendar_tabs span.day {
    font-size: 18px;
}

.calendar_tabs span.date .nav-tabs,
.calendar_tabs span.date ul.nav li.dropdown>a:hover {
    border: none;
}

.calendar_tabs span.date ul.nav li.dropdown {
    width: 100%;
    padding: 0px;
    text-transform: inherit;
}

.calendar_tabs span.date ul.nav li.dropdown>a {
    padding: 5px 0;
    font-size: 26px;
    color: #515151;
    border: none;
}

.calendar_tabs span.date ul.nav .open>a,
.calendar_tabs span.date ul.nav .open>a:hover,
.calendar_tabs span.date ul.nav .open>a:focus {
    background: none;
}

.calendar_tabs span.date ul.nav li.dropdown .dropdown-menu a {
    background: #013d83;
    color: #fff;
    text-transform: inherit;
    font-size: 14px;
    padding: 10px 15px;
}

.calendar_tabs span.date ul.nav li.dropdown .dropdown-menu a:hover {
    background: #7eaed4;
}

.calendar_tabs .date_block {
    text-transform: inherit;
}

.calendar_tabs .month,
.calendar_tabs .day {
    text-transform: uppercase;
}

.calendar_tabs span.date ul.nav li.dropdown .dropdown-menu a span {
    background: none;
    display: inline-block;
    margin-right: 5px;
}

.calendar_tabs .time {
    position: relative;
    bottom: -10px;
}

.calendar_tabs .time a {
    color: #999999;
    text-transform: uppercase;
    padding: 10px 0;
}

.calendar_tabs .pages_detail {
    /*min-height:115px;height:105px;*/
    position: relative;
}



.news-list-slider .owl-controls {
    display: none;
}

.featured-news a .media-body {
    color: #9ca0a0;
}

.gallery-header .icon {
    font-size: 2.5em;
    color: #6b6f70;
}

.gallery-header h2 {
    text-transform: uppercase;
    color: #fff;
    font-size: 2.4em;
}

.photo-gallery-wrapper .pagination.webapp {
    display: none;
}

.news-list .news-list-slider .owl-controls {
    margin: 0;
}

.news-list .news-list-slider .owl-pagination {
    display: none;
}

.featured-event-block .short-desc {
    display: none;
}

.featured-event-block .short-desc:nth-child(-n+5) {
    display: block;
}

.news-list-slider>div {
    padding: 0;
}



.webapp-search-result {
    padding: 3em 0px;
}

.webapp-search-result ul {
    padding: 0;
    margin-bottom: 3em;
}

.webapp-search-result ul li {
    font-size: 1.125em;
    list-style: none;
    padding: 1em 1em 1em 3em;
    position: relative;
    font-weight: 300;
}

.webapp-search-result ul li:before {
    font-family: 'Linearicons-Free';
    content: "\e87f";
    color: #ac0031;
    position: absolute;
    top: 7px;
    left: 0;
    font-size: 1.75em;
}

.html5-video-back-end video {
    margin-bottom: -10px;
}


.sm-circle {
    overflow: hidden;
    position: absolute;
    top: -10%;
    width: 80px;
    height: 80px;
    background: #eee;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    line-height: normal;
    left: -60%;
    right: 0;
    margin: auto;
    z-index: 1;
}

.sm-circle.bottom {
    top: inherit;
    bottom: -10%;
    left: 60%;
}

.main-navigation .dropdown.yamm-fw .dropdown-menu .yamm-content {
    max-height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 102%;
}

.wrapper.newsandevents.innerpage-content {
    overflow: inherit;
}

.counter-wrap {
    overflow: hidden;
    padding: 40px 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,ffffff+100&1+0,0+100 */
    background: -moz-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#00ffffff', GradientType=0);
    /* IE6-9 */
}

.innerpage-content .pagecontent .counter-wrap ul {
    margin: 50px 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

.innerpage-content .pagecontent .counter-wrap ul li {
    display: inline-block;
    padding: 10px 30px;
    font-family: "futura-pt", sans-serif;
    font-size: 100px;
    position: relative;
    color: #58585a;
    font-family: "DINOT", Helvetica, sans-serif;
    font-weight: 100;
}

.innerpage-content .pagecontent .counter-wrap ul li span {
    display: block;
    font-size: 16px;
    color: #b1002e;
    text-transform: uppercase;
    font-weight: bold;
}

.innerpage-content .pagecontent .counter-wrap ul li:before {
    content: "";
}

.innerpage-content .pagecontent .counter-wrap ul li+li:before {
    content: ":";
    padding: 0;
    position: absolute;
    left: -10px;
    font-size: 85px;
    color: #cccccc;
}

.event-date {
    width: 300px;
    margin: auto;
}

.event-date span {
    display: inline-block;
    font-size: 48px;
}

.event-date div {
    display: inline-block;
    padding: 0 15px;
}

.watch-now a.btn {
    display: block;
    border: 2px solid #ac0031;
    color: #ac0031;
    border-radius: 0;
    font-size: 40px;
    font-weight: bold;
    padding: 20px 25px;
    margin-bottom: 60px;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.watch-now a.btn span {
    color: #e1e1e1;
    padding-right: 20px;
}

.watch-now a.btn:hover,
.watch-now a.btn:focus {
    background-color: #ac0031;
    color: #fff;
}



.newsandevents .pagecontent {
    margin-top: 0px;
}

.newsandevents .news-list .pagecontent .newsletter-content {
    padding: 15px 50px;
    float: left;
    line-height: 1.5em;
    font-size: 18px;
}

.newsandevents .news-list .content-wrap {
    margin: 0 -15px;
}

.newsandevents .news-list .pagecontent .newsletter-content img {
    margin-bottom: 20px;
}

.newsandevents .news-list .pagecontent .newsletter-content h4 {
    font-size: 22px;
    margin: 25px 0 15px;
}

.newsandevents .news-list .pagecontent .newsletter-content p {
    margin-bottom: 1.5em;
}

.newsandevents .news-list .pagecontent .newsletter-category-list h3 {
    background-color: #b70134;
    color: #FFF;
    font-size: 1.5em;
    margin: 0 0 15px;
    padding: 15px 30px;
}

.newsandevents .news-list .pagecontent .newsletter-category-list li {
    list-style: none;
    padding: 0;
}

.newsandevents .news-list .pagecontent .newsletter-category-list li:before {
    display: none;
}

.newsandevents .news-list .pagecontent .newsletter-category-list li a {
    display: block;
    padding: 0.625em 1em 0.625em 2em;
    z-index: 15;
    position: relative;
    color: #434343;
    text-transform: none;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
}

.newsandevents .news-list .pagecontent .newsletter-category-list li.active a {
    color: #ac0031;
}

.newsandevents .news-list .pagecontent .newsletter-category-list li a:hover,
/*.newsandevents .news-list .pagecontent .newsletter-category-list li a:focus,*/
.newsandevents .news-list .pagecontent .newsletter-category-list li.active a,
.newsandevents .news-list .pagecontent .newsletter-category-list li.submenu.active a {
    background: #fff;
}

/*.newsandevents .news-list .pagecontent .newsletter-category-list > li > a:before{
position: absolute;top: 0;left: 1.5em;  background: #f5f5f5 none repeat scroll 0 0;bottom: 0;content: "";left: 0;
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;}
.newsandevents .news-list .pagecontent .newsletter-category-list > li:hover > a:before,
.newsandevents .news-list .pagecontent .newsletter-category-list > li.active > a:before{transform: scaleX(1);    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}*/
.newsandevents .news-list .pagecontent .newsletter-category-list li.submenu a {
    padding-left: 3.25em;
    font-weight: normal;
    text-transform: inherit;
    color: #666666;
}

.newsandevents .news-list .newsletter-content ul,
.newsandevents .news-list .newsletter-content ol {
    margin: 20px 0;
}

.newsandevents .news-list .newsletter-content ul li:before {
    top: 20px;
}

.newsandevents .news-list .pagecontent .nav.newsletter-category-list li:first-child:before {
    display: none;
}

.newsandevents .newsletter-header {
    display: block;
    height: 135px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: url(../images/header-bg.jpg);
    transition: all 1s ease;
    margin: 0;
    z-index: 1500;
}

.newsandevents .main-header {
    padding: 15px 0;
}

.newsandevents.innerpage-content {
    overflow: inherit;
    padding-top: 135px;
}

.newsandevents .newsletter-header h1 {
    font-family: inherit;
    font-style: normal;
    color: #fff;
}

.newsandevents .main-header .summary,
.newsandevents .top-menu,
.newsandevents .top-menu a {
    color: #fff;
}

.newsandevents .right-sidebar .quicklinks {
    padding: 20px 0;
}

.newsandevents .right-sidebar .quicklinks li {
    padding: 10px 20px 10px 45px;
}

.newsandevents.innerpage-content .pagecontent .right-sidebar ul li:before {
    top: 0;
}

.newsandevents .left-sidebar,
.newsandevents .right-sidebar {
    position: fixed;
    top: 135px;
    left: 0;
    overflow-y: auto;
    padding: 0;
}

.newsandevents .left-sidebar {
    background: #e9e9e9;
}

.newsandevents .right-sidebar {
    left: inherit;
    right: 0;
}

#topbutton {
    display: block !important;
    z-index: 150000;
    position: fixed;
    right: 20px;
    bottom: 15px;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

#topbutton.show {
    visibility: visible;
    cursor: pointer;
    opacity: 1.0;
}

.parents-wrap .wrapper.newsandevents.innerpage-content {
    padding-top: 150px;
}

.parents-wrap .wrapper.newsandevents.innerpage-content .photo-gallery-wrapper {
    padding-bottom: 30px;
}

.parents-wrap .wrapper.newsandevents .pagecontent {
    margin-bottom: 0;
}

.parents-wrap .wrapper.newsandevents.innerpage-content .clearfix {
    display: none;
}

.parents-wrap .newsandevents .news-list .content-wrap {
    margin: 0;
}

.pagecontent .lead p {
    color: #676767;
    font-size: 24px;
    line-height: 34px
}

.innerpage-content .pagecontent .vacancies-teaching-listing {
    margin-bottom: 50px;
}

.innerpage-content .pagecontent .vacancies-teaching-listing ul li,
.innerpage-content .pagecontent .vacancies-none-teaching-listing ul li {
    padding: 0;
}

.innerpage-content .pagecontent .vacancies-teaching-listing ul,
.innerpage-content .pagecontent .vacancies-none-teaching-listing ul {
    margin-bottom: 0em;
    padding-left: 0px;
}

.innerpage-content .pagecontent .vacancies-teaching-listing ul li:before,
.innerpage-content .pagecontent .vacancies-none-teaching-listing ul li:before {
    display: none;
}

@media screen and (max-width:768px) {

    .newsandevents .news-list .pagecontent .newsletter-category-list,
    .newsandevents .news-list .pagecontent .newsletter-content {
        width: 100%;
    }

    blockquote#indent-quote {
        margin-left: 10px;
    }
}

@media screen {
    .description {
        display: none;
    }

    .show-more .readmore {
        color: #333;
    }
}

@media print {
    .description {
        display: block;
    }

    .show-more .readmore {
        display: none;
    }

    body {
        margin-top: 50mm;
        margin-bottom: 50mm;
        margin-left: 0mm;
        margin-right: 0mm
    }
}

@page {
    margin-top: 5cm;
    margin-bottom: 5cm;
}

.embed-container,
.responsive-object {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 1.5em;
}

.embed-container iframe,
.embed-container object,
.embed-container embed,
.responsive-object iframe,
.responsive-object object,
.responsive-object embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pagecontent .enrolment-questions h3 {
    display: block;
    font-size: 1.25em;
    color: #434343;
    border-bottom: 1px solid #e1e1e1;
    margin: 0;
}

.pagecontent .enrolment-questions h3 a {
    display: block;
    color: #434343;
    padding: 0.75em 2em;
    text-decoration: none;
}

.pagecontent .enrolment-questions h3>span {
    font-size: 1.5em;
    color: #ac0031 !important;
    float: right;
}

.thumbnail .icon-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 0 !important;
}


.main-navigation .section-list .columns {
    columns: 2;
}

.main-navigation .section-list .columns>li {
    width: 100%;
    display: inline-block;
}


.accordion-list h3 {
    border-bottom: 1px solid #e1e1e1;
    margin: 0;
    padding: 0.5em 0;
    cursor: pointer;
}

.accordion-list.faq h3 {
    font-size: 1.25em;
    padding: 0.5em;
}

.accordion-list h3>span {
    font-size: 1em;
    color: #ac0031 !important;
    float: right;
}

.accordion-list.faq h3>span {
    margin-left: 0.5em;
}

.format-table {
    border: 2px solid black;
    font-family: tahoma;
    width: 80%;
    margin: 50px 0;

}

.format-table tr {
    border: 2px solid black;
}

.format-table th {
    padding: 0px 5.4pt;
    color: #ffffff;
    background-color: #ac0031;

}


.format-table th h3 {
    color: rgb(255, 255, 255);
    line-height: 1.1;
    letter-spacing: -0.02em;
    font-family: arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

.format-table td {
    border-width: 1pt;
    border-bottom-style: solid;
    border-bottom-color: #000000;
    border-left-style: solid;
    border-left-color: #000000;
    padding: 10px 5px;
    border-right-style: solid;
    border-right-color: #000000;
    text-align: justify;
    color: #000000;
    font-family: arial;

}

#slides.homepage-hero .slides-container .container {
    height: auto;
}
img.richtext-image.left {width:35%; float:left; margin: 0 25px 55px 0;}
@media (max-width: 685px) {img.richtext-image.left {width:40%; float:left; margin: 0 25px 25px 0;}}
img.richtext-image.full-width {width: 100%;}
img.richtext-image.fullwidth-with-original-size{
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

@media (max-width:767px) {

    .homepage-hero,
    .homepage-hero .slides-container,
    .homepage-hero img.full {
        height: 450px;
        position: relative;
        object-fit: cover;
    }

    .homepage-hero .slides-container .overlay {
        height: 450px;
    }

    #slides.homepage-hero .slides-container .container {
        height: auto;
    }

    #slides.hero-image.homepage-hero .slides-container .slider-caption {
        padding: 2.5rem;
        width: auto;
    }

    .homepage-hero .owl-carousel .owl-controls {
        top: inherit;
        justify-content: center;
        bottom: 2rem;
    }

    .homepage-hero .owl-carousel .owl-controls .owl-buttons {
        justify-content: center;
    }
}

@media screen and (min-width: 1050px) and (max-width:1350px) {
    .main-navigation>ul>li>a {
        padding: 45px 0.75em 43px;

    }
}