@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400&display=swap');

@font-face {
    font-family: 'Eye Catching Pro';
    font-style: normal;
    font-weight: normal;
    src: local('Eye Catching Pro'), url('../fonts/EyeCatchingPro.woff') format('woff');
}

html {
    font-size: 16px;
}

body {
    font-size: 1rem;
    line-height: 2rem;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
    /*background: #F5F5F5;*/
    background: #ffffff;
    color: #344350;
}

.wrapper {
    overflow: hidden;
}

a,
a:hover,
a:focus,
button:hover,
.btn-link:hover,
.btn-link:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 800;
    color: #434244;
    letter-spacing: -1px;
}

h1 {
    font-size: 4.21875rem;
    line-height: 2.8125rem;
}

h2 {
    font-size: 3.375rem;
    line-height: 4.625rem;
    margin-bottom: 1.25rem;
}

h3 {
    font-size: 2.8125rem;
    line-height: 3.375rem;
}

h4 {
    font-size: 2.25rem;
    line-height: 2.8125rem;
}

h5 {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

h6 {
    font-size: 1.25rem;
    line-height: 2.8125rem;
}

.italic {
    font-style: italic;
}

.meta-text {
    position: relative;
    color: #434244;
}

.meta-text::after {
    position: absolute;
    content: "";
    display: inline-block;
    height: 1px;
    width: 111px;
    background: #010F4C;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-left: 30px;
}

.lead {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.25rem;
    letter-spacing: -1px;
}

p.small {
    font-size: 0.833125rem;
    line-height: 1.125rem;
}

.small-semibold-text,
.small-semibold-text a {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #434244;
    font-size: 0.833125rem;
}

.small-bold-text,
.small-bold-text a {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    font-size: 0.625rem;
    line-height: 0.875rem;
}

.image-wrap .overlay .meta-text,
.meta-text a {
    color: #fff;
}

.box-shadow {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .08);
}

.category-block {
    position: relative;
}

.three-blocks .block.category-block .block-desc {
    padding-bottom: 80px;
}

.category-block .category {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.category a {
    background: #F5F5F5;
    color: #434244;
    display: block;
    text-transform: uppercase;
    padding: 6px 30px;
    font-weight: 700;
    font-size: 0.625rem;
}

.semi-bold {
    font-weight: 600;
}

img,
object {
    max-width: 100%;
    vertical-align: bottom;
    object-fit: cover;
}

object {
    pointer-events: none;
}

.full {
    width: 100%;
}

.section {
    clear: both;
    padding: 100px 0;
}

.section .section-header {
    margin-bottom: 2rem;
}

.section .section-header>div *,
.section .section-header h5 {
    margin: 0;
}

.section .section-header h2 {
    margin-bottom: 2rem;
}

.section .section-header h6 {
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 1px;
}

.white-bg {
    background: #fff;
}

.white-text {
    color: #fff;
}

.btn {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
    border-radius: 0;
    padding: 15px 25px;
    box-shadow: none;
}

.btn.btn-grey {
    background: #434244;
    color: #fff;
    border: 2px solid rgba(0, 0, 0, 0)
}

.btn.btn-grey:hover {
    color: #434244;
    background: #fff;
    border-color: #434244;
}

.btn.btn-transparent {
    border: 2px solid #fff;
    color: #fff;
}


.btn.btn-transparent:hover {
    border: 2px solid#195FF3;
    color: #fff;
    background: #195FF3;
    ;
}


.btn.btn-grey-border {
    border: 2px solid rgba(67, 66, 68, .2);
    box-shadow: none;
}

.btn.btn-grey-border:hover {
    background: #195FF3;
    color: #fff;
}

.btn.btn-blue {
    background: #195FF3;
    color: #fff;
    border: 2px solid rgba(0, 0, 0, 0);
}

.btn.btn-blue:hover {
    color: #195FF3;
    background: #fff;
    border: 2px solid #195FF3;
}

.btn.btn-blue-border {
    color: #195FF3;
    border: 2px solid #195FF3;

}


.btn.btn-blue-border:hover {
    background: #195FF3;
    border: 2px solid #195FF3;
    color: #fff;

}
.btn.btn-arrow{position: relative;}
.btn.btn-arrow:after{    font-family: "Font Awesome 5 Pro";
    content: "\f105";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 20px;
    margin: auto;}

    .btn.btn-arrow:focus{outline: none;box-shadow: none;}
/*  Header Css  */

.section h4,
.section h5 {
    margin-bottom: 2rem;
}

.logo a {
    display: block;
}

.header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    transition: all ease .75s;
}

.header.fixed {
    background: #F5F5F5;
    position: fixed;
}

.header>.container-fluid>.row {
    align-items: center;
    height: 85px;
}

.header>.container-fluid>.row>div:last-child {
    padding-right: 100px;
    position: static;
}

.header ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

.header ul li {
    list-style: none;
    display: inline-block;
    padding: 0 10px;
}

.header ul li a {
    color: #fff;
    position: relative;
    text-decoration: none;
}

.header.fixed ul li a,
.white-nav .header ul li a,
.white-nav.header ul li a {
    color: #434244;
}

.header ul li a:after {
    content: "";
    display: block;
    height: 3px;
    background: rgba(25, 95, 246, 0);
}

.header ul li a:hover:after,
.header ul li.active a:after {
    background: rgba(25, 95, 246, 1);
}
.header ul li.back-top-btn,
.menu-content-header ul li.back-top-btn{display: none;}
.header.fixed ul li.back-top-btn,
.menu-content-header ul li.back-top-btn.show{display: inline-block;}



.cd-nav-trigger {
    position: absolute;
    z-index: 99;
    height: 85px;
    width: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
}

.fixed-nav .cd-nav-trigger {
    position: fixed;
}

.cd-nav-trigger object {
    height: 25px;
}


.header .logo object,
.sidebar .logo object,
.header .logo img,
.sidebar .logo img,
.search-block .logo img,
.search-block .logo object {
    width: 217px;
    height: 49px;
}

.search-block .logo object {width:217px;float: left;}

.cd-nav-trigger>span {
    position: relative;


}

.cd-nav-trigger .close-icon,
.nav-is-open .cd-nav-trigger .menu-icon {
    display: none;
}

.nav-is-open .cd-nav-trigger .close-icon {
    display: block;
}

.slide-menu-inner-section {
    height: 100vh;
    display: flex;
}


/*  Header Css  */


/* Sidebar Css */

.sidebar {
    width: 305px;
    background: #fff;
    padding: 20px 15px;
}

.sidebar .logo {
    margin-top: -2px;
}

.sidebar-menu {
    padding: 20px 5px;
}

.sidebar-menu ul {
    padding: 0;
    margin: 0;
}

.sidebar-menu ul li {
    font-size: 0.875rem;
    line-height: 1.1875rem;
}

.sidebar h4,
.sidebar h4 button {
    font-size: 1.125rem;
    color: #434244;
    font-weight: 700;
    padding: 0;
    margin: 0;
    line-height: 2rem;
    border-radius: 0;
    box-shadow: none;
    letter-spacing: 0;
}

.sidebar h4 button {
    display: inline-block;
    width: auto;
    position: relative;
}

.sidebar h4 button:after {
    content: "\f107";
    position: absolute;
    font-family: Font Awesome\ 5 Pro;
    color: rgba(67, 66, 68, .5);
    margin-left: 5px;
    top: 1px;
    right: -20px;
}

.sidebar h4 button[aria-expanded="true"]:after {
    content: "\f106";
}

.sidebar h4 button:before {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    right: 0;
    bottom: 1px;
    height: 3px;
    background: rgba(25, 95, 243, 0);
}

.sidebar h4 button[aria-expanded="true"]:before {
    background: rgba(25, 95, 243, 1);
}

.sidebar h4 button:focus {
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0);
}

.sidebar h4 a {
    color: #434244;
}

.sidebar .accordion .card,
.sidebar .accordion .card-header {
    background: none;
    border-radius: 0;
    border: none;
    padding: 0;
}

.sidebar .accordion .card-body {
    padding: 10px 0 20px;
}

.sidebar-menu ul li a {
    color: #434244;
    display: block;
    padding: 5px 0;
}

.sidebar-menu ul li a:hover {
    color: #195FF3;
}

.sidebar-menu .social-icons {
    position: absolute;
    bottom: 1rem;
}

.sidebar-menu .social-icons ul li {
    list-style: none;
    display: inline-block;
    font-size: 1.3125rem;
}

.sidebar-menu .social-icons ul li+li {
    margin-left: 20px;
}


/* sidebar Css */


/* Menu Content Css  */

.menu-content {
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding: 0 20px 0 40px;
}

.menu-content .d-flex {
    width: 100%;
}

.menu-content-header>.row {
    height: 85px;
}

.menu-content .menu-content-header>.row>div:last-child {
    position: relative;
    padding-right: 100px;
}


.header .row>div:last-child ul,
.menu-content-header>.row>div:last-child ul {
    font-size: 1.5rem;
    line-height: 1.5rem;

}



.menu-content-header ul {
    padding: 0;
    margin: 0;
}

.menu-content-header ul li {
    list-style: none;
    display: inline-block;
}

.menu-content-header ul li+li {
    padding-left: 10px;
}

.menu-content-header ul li a {
    display: block;
    padding: 5px;
    color: #434244;
}

.menu-content-header>.row>div.text-center ul li a {
    font-weight: 700;
    color: #195FF3;
}

.content-block h4 {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 1rem;
}

.content-block .image-block {
    width: 19%;
    border-radius: .5rem;
    overflow: hidden;
    position: relative;
    margin-bottom: 2rem;
    box-shadow: 0 3px 6px rgba(1, 22, 87, .16);
}

.content-block .image-block .overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+56,0.65+89 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0.65) 89%, rgba(0, 0, 0, 0.65) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0.65) 89%, rgba(0, 0, 0, 0.65) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0.65) 89%, rgba(0, 0, 0, 0.65) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    /* IE6-9 */
}

.content-block .d-flex {
    justify-content: space-between;
}

.content-block .image-block .overlay h6 {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
}

.content-block .image-block .overlay h6 span {
    font-weight: 400;
}

.menu-content-footer {
    font-size: .875rem;
    line-height: 1.75rem;
    padding: 10px 0;
}

.menu-content-footer>.row>div:first-child {
    opacity: .5;
}

.menu-content-footer>.row>div ul {
    padding: 0;
}

.menu-content-footer>.row>div ul li {
    list-style: none;
}

.menu-content-footer>.row>div ul li a {
    color: #434244;
}

.menu-content hr {
    box-shadow: none;
    border: 1px solid rgba(67, 66, 68, .1);
}


/* Menu Content Css  */


/* Hero image css */

.hero-image {
    position: relative;
    height: 100vh;
    overflow: hidden;
}
.hero-image video,
.hero-image>img{
    min-height: 100vh;
    width: 100%;
    object-fit: cover;
}

.hero-image-content {
    width: 100%;
}

.hero-image .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: rgba(0, 0, 0, .4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 11;
}

.hero-image .overlay * {
    color: #fff;
}

.hero-image .overlay p.small {
    font-size: 0.833125rem;
    margin: 0;
}

.hero-image .overlay p {
    font-size: 1.25rem;
    letter-spacing: -1px;
}

.btn-wrap {
    display: inline-block;
}

.btn-wrap a {
    display: block;
}

.overlay.bg-none {
    background: none;
}

.hero-image .overlay.bg-none * {
    color: #434244;
}

.hero-image .overlay.bg-none .btn-wrap a {
    display: flex;
    align-items: center;
}

.hero-image .overlay.bg-none .btn-wrap a object,
.hero-image .overlay.bg-none .btn-wrap a img {
    margin-right: 10px;
}

.hero-image .overlay .right-heroimage p,
.hero-image .overlay .left-heroimage p {
    margin: 20px 0 0;
    padding: 0;
}

.hero-image .overlay .right-heroimage .col-lg-7,
.hero-image .overlay .left-heroimage .col-lg-7 {
    align-self: flex-end;
}

.hero-image .overlay .btn-wrap a object {
    margin: 1rem 1rem 1rem 0 !important;
}

.hero-image .overlay .left-heroimage {
    flex-direction: row-reverse;
}

/* Hero image css */


/*  Call to Actions Css   */

.call-to-actions {
    position: relative;
}

.hero-image+.call-to-actions {
    margin-top: -5%;
    margin-bottom: 0%;
}

.call-to-actions .container {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .08);
    padding: 0;
}

.call-to-actions .container .d-flex>.block {
    flex: 1;
    border-radius: 8px;
    background: #fff;
    position: relative;
    transition: all ease .5s;
    padding: 20px;
}

.call-to-actions .container .d-flex>.block:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #195FF3;
    border-radius: 8px;
    opacity: 0;
    transform: scale(1);
    transform-origin: center;
    transition: all ease .5s;
}

.call-to-actions .container .d-flex>.block>* {
    margin: 0;
}

.call-to-actions .container .d-flex>.block:hover>*,
.call-to-actions .container .d-flex>.block:hover h6 {
    color: #fff;
    z-index: 11;
}

.call-to-actions .container .d-flex .block:hover svg path {
    fill: #fff;
}

.call-to-actions .container .d-flex>.block:hover:before {
    transform: scaleY(1.25);
    opacity: 1;
    z-index: 1;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .16);
}

.call-to-actions .block-desc {
    position: relative;
}

.call-to-actions .block-desc h6 {
    line-height: 1.75rem;
    font-weight: 700;
    margin: 15px 0 5px;
    color: #195FF3;
}

.block-desc p {
    font-size: 0.833125rem;
    line-height: 1.125rem;
}

.call-to-actions .block-desc>a {
    position: absolute;
    display: flex;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}


/*  Call to Actions Css   */


/*  Important Announcements  */
.two-column-info .block,
.three-blocks .block {
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .08);
}

.padd-left-right {
    padding-left: 45px;
    padding-right: 45px;
}

.two-column-info .block .block-desc,
.three-blocks .block .block-desc {
    padding: 25px 25px 10px;
    width: 100%;
}

.two-column-info .block .block-desc,
.three-blocks .block .block-desc h6 {
    font-weight: 700;
    line-height: 1.6875rem;
}

.two-column-info .block .block-desc h6+p,
.three-blocks .block .block-desc h6+p {
    overflow: hidden;
    opacity: .8;
}

.two-column-info .block .block-desc p.small,
.three-blocks .block .block-desc p.small {
    font-size:0.625rem;
    margin-bottom: 5px;
    font-weight: 700;letter-spacing: .5px;
}

.two-column-info .block .block-desc h6+p,
.three-blocks .block .block-desc h6+p {
    overflow: hidden;
    opacity: .8;
}

.popular-links .image-wrap {
    margin-bottom: 30px;
}

.image-wrap {
    position: relative;
    overflow: hidden;
}

.image-wrap .overlay h6,
.image-wrap .overlay h6 a {
    color: #fff;
    font-weight: 700;
    line-height: 1.6875rem;
}

.image-wrap .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+60,020202+60,020202+95,000000+100&0+0,0.69+98,0.63+98,0.37+99,0.1+99,0.64+99,0.52+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(2, 2, 2, 0.39) 60%, rgba(2, 2, 2, 0.61) 95%, rgba(1, 1, 1, 0.63) 98%, rgba(1, 1, 1, 0.64) 99%, rgba(0, 0, 0, 0.52) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(2, 2, 2, 0.39) 60%, rgba(2, 2, 2, 0.61) 95%, rgba(1, 1, 1, 0.63) 98%, rgba(1, 1, 1, 0.64) 99%, rgba(0, 0, 0, 0.52) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(2, 2, 2, 0.39) 60%, rgba(2, 2, 2, 0.61) 95%, rgba(1, 1, 1, 0.63) 98%, rgba(1, 1, 1, 0.64) 99%, rgba(0, 0, 0, 0.52) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#85000000', GradientType=0);
    /* IE6-9 */
    color: #fff;
    display: flex;
    align-items: flex-end;
    padding: 15px;
}


/*  Important Announcements */


/*  Why Choose Us Css */

.blue-bg-pattern {
    background: url(../images/blue-bg-pattern.png);
}

.section.blue-bg-pattern h5 {
    margin-bottom: 0;
}

.left-content-wrap {
    background: #fff;
    padding: 45px;
    border-radius: 8px;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

.span-col-2 {
    grid-column: span 2 / auto;
}

.span-row-2 {
    grid-row: span 2 / auto;
}

.blue-bg-pattern .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 25px;
}

.cta-box-item,
.blue-bg-pattern .grid>div {
    background: #fff;
    border-radius: 8px;
    padding: 35px 45px 20px;
    position: relative;
}

.blue-bg-pattern .grid>div.span-col-2 {
    grid-column: span 2 / auto;
    padding: 45px;
}

.blue-bg-pattern .grid>div.span-row-2 {
    grid-row: span 2 / auto;
    padding-bottom: 15%;
}

.blue-bg-pattern .img-right {
    position: absolute;
    bottom: 0;
    right: 0;
}

.blue-bg-pattern .btn-wrap {
    display: inline-block;
    margin-top: 35%;
}


/*  Why Choose Us Css */


/*  Slide Css */

.slide {
    display: flex;
    align-items: center;
}

.slide .blue-block {
    color: #fff;
    background: #2164EF;
    padding: 50px;
    margin-right: -10em;
    position: relative;
    z-index: 11;
    text-align: center;
    /*margin-top: -2rem;*/
    height: 480px;
    width: 480px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.slide .blue-block h2 {
    color: #fff;
    font-size: 4rem;
    line-height: 4rem;
    letter-spacing: -2px;
}

.distinctives-slider,
.photo-gallery-wrap {
    position: relative;
}

.distinctives-slider .slides-number {
    position: absolute;
    top: -4.25rem;
    right: 9rem;
    z-index: 99;
}

.distinctives-slider .owl-nav,
.photo-gallery-wrap .owl-nav {
    position: absolute;
    top: -4.75rem;
    right: 0;
    display: flex;
}

.photo-gallery-wrap .owl-nav {
    right: 10vw;
    top: -4.5rem;
}

.distinctives-slider .owl-carousel .owl-nav button,
.photo-gallery-wrap .owl-nav button {
    width: 44px;
    height: 44px;
    overflow: hidden;
    border-radius: 50%;
    color: #195FF3;
    background: #F5F5F5;
    margin: 0 0 0 10px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.photo-gallery-wrap .owl-nav button {
    background: #195FF3;
    color: #fff;
}

.distinctives-slider .slide .blue-block h3 {
    font-family: 'Eye Catching Pro';
    color: #fff;
    font-size: 4.5rem;
    transform: rotate(-3deg);
    font-weight: 400;
}

.tagline-block *{font-weight: 400; font-family: 'Eye Catching Pro';color: #195FF3;transform: rotate(-3deg);}

.tagline-block  h1{    font-size: 7.21875rem; line-height: 8rem;}
.tagline-block  h2{font-size:6rem;line-height: 7rem;}
.tagline-block  h3{font-size:4rem;line-height:5rem;}


/*  Slide Css */


/* Latest News Slider Css  */

.latest-news-slider .sliderContainer {
    position: relative;
}

.latest-news-slider .slider {
    width: 100%;
    margin: 0;
}

.latest-news-slider .slick-slide {
    color: white;
    font-size: 30px;
    font-family: "Arial", "Helvetica";
    text-align: center;
    position: relative;
}

.latest-news-slider .slick-prev:before,
.latest-news-slider .slick-next:before {
    color: black;
}

.latest-news-slider .slick-dots {
    bottom: -30px;
}

.latest-news-slider .progressBarContainer {
    bottom: 20px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.latest-news-slider .progressBarContainer .progress-bar-wrap {
    display: block;
    padding: 0;
    cursor: pointer;
    width: 100%;
}

.latest-news-slider .progressBarContainer .progress-bar-wrap>div {
    width: 18%;
    overflow: hidden;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-size: 0.833125rem;
    font-weight: 700;
    line-height: 1.125rem;
    color: #fff;
    opacity: .3;
}

.latest-news-slider .progressBarContainer .progress-bar-wrap>div.current {
    opacity: 1;
}

.latest-news-slider .progressBarContainer .progress-bar-wrap div+div {
    margin-left: 2%;
}

.latest-news-slider .progressBarContainer .progress-bar-wrap>div>span.progressBar {
    width: 100%;
    height: 1px;
    background-color: #fff;
    display: block;
    margin-bottom: 10px;
}

.latest-news-slider .progressBarContainer div span.progressBar .inProgress {
    background: #195FF3;
    width: 0%;
    height: 1px;
}

.latest-news-slider .progressBarContainer div span.progressBar .inProgress+.latest-news-slider .inProgress.on {
    width: 100%;
}

.latest-news-slider .slider-header {
    position: absolute;
    top: 15%;
    z-index: 99;
    left: 0;
    right: 0;
}

.latest-news-slider .slider-header *,
.latest-news-slider .overlay * {
    color: #fff;
}

.latest-news-slider .overlay h2 {
    line-height: 4.21875rem;
}

.latest-news-slider .overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: flex-end;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.23+0,0.5+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3b000000', endColorstr='#80000000', GradientType=0);
    /* IE6-9 */
}

.latest-news-slider .overlay p.small {
    font-size: .625rem;
    letter-spacing: 1px;
    margin-bottom: 0;
}

.latest-news-slider .overlay p {
    font-size: 1rem;
}

.latest-news-slider .overlay .container.text-left {
    position: relative;
    bottom: 120px;
}


/* Latest News Slider Css  */


/* Virtual tour slider */

.virtual-tour-slider .slick-list {
    margin-right: -100vw;
}

.virtual-tour-slider button.slick-arrow,
.distinctives-slider button.slick-arrow,
.gallery-pagination a {
    position: absolute;
    top: -4.5rem;
    right: 0;
    width: 44px;
    height: 44px;
    overflow: hidden;
    border-radius: 50%;
    background: #195FF3;
    font-size: 0;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.distinctives-slider button.slick-arrow {
    top: -13.5%;
}



.virtual-tour-slider button.slick-arrow:before,
.distinctives-slider .owl-carousel .owl-nav button:before,
.gallery-pagination a:before {
    font-family: Font Awesome\ 5 Pro;
    content: "\f105";
    font-size: 1rem;
    color: #fff;
    line-height: 2.5rem;
}

.photo-gallery>.row {
    flex-wrap: nowrap;
}

.distinctives-slider .owl-carousel .owl-nav button:before {
    color: #195FF3;
}

.virtual-tour-slider button.slick-prev.slick-arrow:before,
.distinctives-slider .owl-carousel .owl-nav button.owl-prev:before,
.gallery-pagination .gl-prev:before {
    content: "\f104";
}

.virtual-tour-slider button.slick-prev.slick-arrow {
    right: 5%;
}

.gallery-pagination a {
    top: 0;
}

.gallery-pagination .gl-prev {
    right: 15%;
}

button:focus {
    outline: none;
    border: none;
}


/* Virtual tour slider */


/* Footer Css */

.photo-gallery-wrap .owl-carousel .owl-nav button,
.gallery-pagination a {
    font-size: 0;
    background: #195FF3;
    color: #fff;
}

.footer {
    /*  background: #434244;*/
    background: #001657;
    padding: 55px 0;
    font-size: 0.875rem;
    line-height: 1.1875rem;
}

.footer ul {
    padding: 0;
    margin: 0;
}

.footer ul li {
    list-style: none;
    display: inline-block;
    color: rgba(255, 255, 255, .5);
    padding: 0 10px;
}

.footer ul li a {
    display: block;
    color: #fff;
}

.footer .social-icons {
    display: block;
    width: 100%;
    text-align: right;
    padding-right: 15%;
}

.footer .social-icons li {
    font-size: 1.3125rem;
}


/* Footer Css */

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

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

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

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

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

.border-radius {
    border-radius: 8px;
    overflow: hidden;
}

.overlay.black {
    background: rgba(0, 0, 0, .4);
}

.overlay.black h2 {
    color: #fff;
}

.p-t-0 {
    padding-top: 0;
}

.overlay>.btn-wrap {
    position: absolute;
    height: 45px;
    width: 45px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}


/*   Testimonial Section Css*/

.testimonial-block-wrap {
    padding: 25px 30px;
    border-radius: 8px;
    background: #fff;
    position: relative;
    height: 100%;
    display: flex;
}

.testimonial-block-wrap .btn-wrap {
    position: absolute;
    bottom: 0;
    left: 30px;
    right: 30px;
}

.testimonial-blocks .image-wrap>img {
    min-height: 75vh;
    object-fit: cover;
}

.testimonial-wrap .testimonial-block .testimonial-wrap,
.testimonial-block .testimonial-wrap {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.testimonial-block .testimonial-wrap {
    height: 45vh;
}

.testimonial-block .testimonial-wrap ::after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    height: 150px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

.testimonial-block .quote {
    font-size: 1.5rem;
    font-style: italic;
    line-height: 2.25rem;
}

.author {
    font-size: 0.833125rem;
}

.author span {
    opacity: .5;
}

.testimonial-blocks>.row {
    flex-wrap: nowrap;
}


/*  / Testimonial Section Css*/

.how-we-care .blue-block {
    background: #195FF3;
    padding: 25px 40px;
    position: relative;
    display: inline-block;
    left: -15%;
}

.how-we-care .blue-block+img {
    margin-top: -30%;
}

.how-we-care .blue-block a * {
    color: #fff;
}

.how-we-care .image-wrap {
    overflow: visible;
}

.how-we-care h6 {
    font-size: 0.833125rem;
    font-weight: 700;
}

.how-we-care .blue-block h6 {
    margin-bottom: 4rem;
}

.how-we-care .blue-block h5 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.25rem;
}

.how-we-care .right-block {
    padding-left: 50px;
}

.principal-note .left-block {
    padding-right: 50px;
}

.our-values .row>div .image-wrap {
    margin-bottom: 30px;
}

.mtm-5 {
    margin-top: -5%;
}

.mtm-10 {
    margin-top: -10%;
}

.mtm-35 {
    margin-top: -35%;
}

.full-width-block {
    position: relative;
}

.full-width-block .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(25, 95, 243, .85);
    color: #fff;
}

.full-width-block .overlay .row {
    justify-content: space-evenly;
}

.full-width-block .overlay .digit {
    font-size: 5rem;
    line-height: normal;
    margin-bottom: 1rem;
}

.full-width-block .overlay p {
    font-weight: 600;
    line-height: 1.25rem;
}

.placeholder {
    position: relative;
}

.placeholder::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,1c1c1c+100 */
    background: rgb(0, 0, 0);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(28, 28, 28, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(28, 28, 28, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(28, 28, 28, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#1c1c1c', GradientType=0);
    /* IE6-9 */
}

.two-blocks {
    display: flex;
    justify-content: space-between;
}

.two-blocks>div {
    width: calc(50% - 8px);
}

.two-blocks .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    padding: 20px;
    z-index: 11;
    justify-content: center;
    text-align: center;
}

.two-blocks .overlay h5,
.two-blocks .overlay h6 {
    color: #fff;
    line-height: normal;
    font-weight: 600;
    margin: 0;
}

.two-blocks .overlay h6 {}

.cta-news .block {
    background: #fff;
}

.cta-news .block h6 {
    margin: 0;
}

.cta-news .block h6 a {
    color: #434244;
    padding: 35px 0;
    display: block;
    text-align: center;
}

.filter-list ul {
    padding: 0;
    display: block;
    width: 100%;
    text-align: center;
    margin: 15px 0;
}

.filter-list ul li {
    list-style: none;
    display: inline-block;
    padding: 0 15px;
}

.filter-list ul li a {
    color: #434244;
    border-bottom: 3px solid rgba(0, 0, 0, 0);
}

.filter-list ul li.active a {
    border-bottom: 3px solid #195FF3;
}

.news-listing>.container>.row {
    margin: 0 -10px;
}

.news-listing>.container>.row>div {
    padding: 10px;
}

.news-listing>.container>.row>div .overlay {
    padding: 30px;
}

.events-list .media {
    position: relative;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 8px;
}

.events-list .media:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .08);
}

.events-list .media:after {
    content: "";
    display: block;
    height: 1px;
    background: rgba(112, 112, 112, .3);
    position: absolute;
    left: 15px;
    bottom: 0;
    right: 15px;
}

.media-body {
    padding-left: 20px;
}

.section .media-body * {
    margin: 0;
}

.media-body ul {
    margin: 0;
    padding: 0;
}

.media-body ul li {
    list-style: none;
    position: relative;
    display: inline-block;
}

.media-body ul li+li {
    padding-left: 30px;
}

.media-body ul li+li:before {
    content: "";
    display: block;
    height: 4px;
    width: 4px;
    position: absolute;
    background: rgba(67, 66, 68, .31);
    top: 0;
    border-radius: 50%;
    bottom: 0;
    margin: auto;
    left: 10px;
}

.media-body .small-bold-text a {
    color: rgba(67, 66, 68, 1);
}

.media-body h5 {
    margin-bottom: 2rem;
    font-weight: 700;
    margin: 5px 0;
}

.events-list .image-wrap .overlay {
    padding: 20px;
    align-items: center;
    justify-content: center;
}

.events-list .image-wrap .overlay .date {
    font-size: 2.8125rem;
    font-weight: 700;
    text-align: center;
}

.events-list .image-wrap .overlay .date span {
    display: block;
    font-size: 1.125rem;
    text-transform: uppercase;
}

.image {
    position: relative;
}

.light-blue-text *,
.light-blue-text {
    color: #195FF3;
}

.photo-gallery {
    padding: 10px;
    width: 112vw;
}

.photo-gallery .image {
    margin: 0 5px;
    overflow: hidden;
}

.photo-gallery>.row,
.photo-gallery>.row>div>.row {
    margin: 0;
}

.photo-gallery>.row>div,
.photo-gallery>.row>div>.row>div {
    padding: 0;
}

.photo-gallery>.row .three-blocks .image {
    margin-bottom: 10px;
}

.section-header ul,
.section-header h5 {
    display: inline-block;
}

.section-header .row{align-items: flex-end;}

.section-header ul {
    padding-left: 10px;
    top: -5px;
    position: relative;

}

.section-header ul li {
    display: inline-block;
    list-style: none;
    padding: 0 15px;
}

.section-header ul li a {
    border-bottom: 3px solid rgba(33, 100, 239, 0);
    color: rgba(255, 255, 255, .51);
    font-weight: bold;
    padding-bottom: 5px;
}

.section-header ul li.active a,
.section-header ul li:hover a {
    border-bottom: 3px solid rgba(33, 100, 239, 1);
    color: #195FF3;
}

.cta-news .block.black-bg h6 a {
    background: #434244;
    color: #fff;
}

.news-detail-page .latest-news-slider .overlay,
.news-page .latest-news-slider .overlay {
    align-items: flex-end;
    padding-bottom: 20vh;
}

.has-dropcap:first-letter {
    font-weight: 700;
    float: left;
    font-size: 4rem;
    line-height: 1em;
    color: #195FF3;
    margin: 0 0.1em 0 0;
}

.dropcap:before,
.dropcap:after {
    content: "";
    display: block;
}

.dropcap:before {
    margin-top: -0.2em;
}

.dropcap:after {
    margin-bottom: -0.15em;
}

.video-wrap {
    margin: 80px 0;
}

.image-block-with-margin {
    margin-top: 10%;
}

.banner {
    position: relative;
}

.banner .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 80px 0;
    display: flex;
    align-items: flex-end;
}

.enquiry-detail .icon {
    font-size: 4.21875rem;
}

.contact-info {
    display: flex;
    align-items: center;
}

.contact-info .icon {
    float: left;
    text-align: center;
    margin-right: 1.5rem;
    color: rgba(67, 66, 68, .31);
}

.contact-info .contact-detail {
    display: flex;
    overflow: hidden;
    flex-direction: column;
}

.enquiry-wrapper .enquiry-detail-wrap  {
   margin-top: -10%;
    position: relative;
}

.enquiry-detail {
    padding: 20px 0;
}

.enquiry-detail,
.office-time {
    display: flex;
    justify-content: space-evenly;
    align-items: flex-end;
}

.office-time>div {
    padding: 0 15px;
}

.office-time>div * {
    margin: 0;
}

.public-holiday {
    font-weight: 100;
    font-style: italic;
    color: rgba(0, 0, 0, .5);
    font-size: 0.833125rem;
}

.parent-info .cta-news .block a {
    color: #195FF3;
}

.parent-info .cta-news .block h6 {
    line-height: normal;
}

.downlaod-btn {
    display: block;
    background: #fff;
    font-weight: 700;
    padding: 15px 20px 15px 75px;
    position: relative;
    color: #434244;
}

.downlaod-btn:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f33d";
    position: absolute;
    font-size: 1.5rem;
    left: 35px;
    font-weight: 400;
    color: #195FF3;
}

.download-block {
    margin-bottom: 60px;
}

.download-block>.row {
    margin: 0 -10px;
}

.download-block>.row>div {
    padding: 0 7.5px;
    margin-bottom: 15px;
}

.download-block h5 {
    font-weight: 100;
    color: rgba(67, 66, 68, .5);
}

.news-listing .small-semibold-text {
    color: #fff;
}

.center-zoom-slider .owl-stage-outer {
    margin: 5vh 0;
}

.center-zoom-slider .owl-item.active.center {
    transform: scale(1.15);
    transform-origin: center;
    margin: 0 20px;
}

.header.search-active {
    background: #001657;
}

.header .dropdown {
    position: static;
}

.header .dropdown .search-block {
   background: #001657;
    position: absolute;
    right: 85px;
    margin: auto;
    text-align: left;
    top: 0;
    bottom: 0;
    width: calc(100% - 85px);
    margin: auto;
    padding: 15px 15px;
    z-index: 15;
    display: none;
}

.header .dropdown .search-block .logo{flex:217px;float: left;max-width: 217px;}
.header .dropdown .search-block form{overflow: hidden;}
.header .dropdown .search-block form .webform{width:50vw;margin: auto;padding: 6px 20px;}

.header li.dropdown .search-block .webform input[type='text'] {
    padding: 5px 70px 5px 10px;
    border: none;
background: none;
color: #fff;
    width: 90%;
    border-left: 1px solid rgba(255, 255, 255, 1);
    margin-left: 1rem;
}

.header li.dropdown .search-block .search-submit {
    font-size: 0;
    height: 45px;
    width: 50px;
    position: absolute;
    left: .5rem;
    opacity: 0;
    margin-top: -8px;
}



.header li.dropdown .search-block .webform em.fa-search {
    color: rgba(255, 255, 255, 1);
}

.header li.dropdown .search-block .webform {
    display: flex;
    align-items: center;
}

.header li.dropdown .search-block .close-object {
    position: relative;
    display: inline-block;
    opacity: .3;
}

.header li.dropdown .search-block .close-object a {
    text-decoration: none;
}

.search-suggestions-wrap {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(255, 255, 255, 1);
    text-align: left;
    padding: 30px 0;
    top: 84px;
    display: none;
}

.search-suggestions-wrap ul,
.mobile-search-wrap ul {
    padding: 20px 0;
}

.search-suggestions-wrap h4,
.mobile-search-wrap .popular-search-box h4 {
    color: rgba(67, 66, 68, .3);
}

.header .search-suggestions-wrap ul li,
.mobile-search-wrap ul li{
    margin: 5px;
    padding: 0;
    font-size: 0.875rem;
}
.mobile-search-wrap ul li{float: left;list-style: none;}

.header>.container-fluid>.row>div:last-child ul li a:after {
    display: none;
}

.header .search-suggestions-wrap ul li a,
.mobile-search-wrap  ul li a{
    background: rgba(25, 95, 243, .1);
    color: rgba(25, 95, 243, 1);
    border-radius: 4px;
    text-transform: uppercase;
    display: inline-block;
    padding: .5rem 1rem;
}


.search-open .search-suggestions-wrap {
    display: block;
}

.header .dropdown.search-open .search-block{
    display: flex;align-items: center;
}
*:focus,
input:focus,
.header li.dropdown .search-block .webform input[type='text']:focus {
    outline: none;
    box-shadow: none;
}

.header li.dropdown .search-block .webform ::-webkit-input-placeholder {
    /* Edge */
    color: #434244;
}

.header li.dropdown .search-block .webform :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #434244;
}

.header li.dropdown .search-block .webform ::placeholder {
    color: #434244;
}

.campuses-wrap {
    margin: 4rem 0 10rem;
}

.campuses-wrap .row {
    margin: 0 -7.5px;
}

.campuses-wrap .row>div {
    padding: 0 7.5px;
}

.campus-wrap,
.campus-wrap .campus-block {
    background: rgba(255, 255, 255, 1);
    padding: 10px;
}

.campus-wrap .campus-block h6 {
    color: rgba(25, 95, 243, 1);
    font-size: 1rem;
    line-height: 1.75rem;
    margin: .25rem 0 0;
}

.campus-wrap .campus-block:hover {
    background: rgba(245, 245, 248, 1);
}

.campus-wrap .campus-block p {
    color: rgba(67, 66, 68, 1);
}

.campus-wrap .campus-header {
    background: rgba(25, 95, 243, 1);
    color: rgba(255, 255, 255, 1);
    padding: 15px;
    margin: -10px -10px 10px;
    font-weight: 700;
    text-align: center;
    font-weight: 900;
    font-size: 1.5rem;
    line-height: 2rem;
    min-height: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.campuses-wrap.below-slider {  
    margin: -6.5rem 0 3rem;
    z-index: 21;
    position: relative;
}

.search-box {
    margin: 80px 0 40px;
}

.search-box input[type="text"] {
    border-radius: 2px 0 0 2px;
    border: none;
    font-size: 1.25rem;
    font-style: italic;
}



.search-result-block {
    background: #ffff;
    margin-bottom: 25px;
}

.block-ThreeColumnContentWithImage .three-blocks.blue-heading .block .block-desc h6,
.block-ThreeColumnContentWithImage .three-blocks.blue-heading .block .block-desc h6 a {
    color: rgba(25, 95, 243, 1);
}

.block-ThreeColumnContentWithImage .three-blocks.blue-heading .block .block-desc {
    padding: 25px;
}

.three-blocks .video-block .image-wrap {
    position: relative;
    overflow: hidden;
    display: flex;
    height: 100%;
    object-fit: cover;
}

.three-blocks .row,
.blogs-listing .row {
    margin: 0 -7.5px;
}

.three-blocks .row>div,
.blogs-listing .row>div {
    padding: 0 7.5px;
    margin-bottom: 15px;
}

.block-ThreeColumnContentWithImage .three-blocks.three-col-grey-title .block .block-desc {
    padding-bottom: 5rem;
}

.block-ThreeColumnContentWithImage .three-blocks.three-col-grey-title .block .block-desc>p.small:last-child {
    position: absolute;
    bottom: 30px;
}



.section-header h4,
.section-header ul {
    display: inline-block;
}

.section-header ul li {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.375rem;
}

.section-header ul li a {
    color: #434244;
}


.three-blocks.three-col-blue-title .block .block-desc h6 {
    font-weight: 700;
    line-height: 2rem;
    font-size: 1.5rem;
    color: rgb(25, 95, 243, 1);
}

.three-blocks.three-col-grey-title .block .block-desc p,
.three-blocks.three-col-blue-title .block .block-desc p {
    font-weight: 400;
    line-height: 1.5rem;
    font-size: 1rem;
    color: rgb(67, 66, 68, 0.6);
}

.three-blocks.three-col-grey-title .block .block-desc p {
    color: rgb(67, 66, 68, 0.8);
}

.three-blocks.three-col-grey-title .video-block .block-desc h6 a,
.three-blocks.three-col-grey-title .video-block .block-desc h6,
.three-blocks.three-col-grey-title .video-block .block-desc p,
.three-blocks.three-col-blue-title .video-block .block-desc h6,
.three-blocks.three-col-blue-title .video-block .block-desc p {
    color: #fff;
}





/* .three-blocks.three-col-grey-title h6,
 .three-blocks.three-col-grey-title h6 a{
 color:  #434244 ;
}*/

/*.three-blocks .video-block h6,
  .three-blocks .video-block h6 a,
  .three-blocks.three-col-blue-title .block .block-desc p {color:#fff;}*/


.innerpage .hero-image h2 {
    margin: 1.5rem 0;
}

.innerpage .hero-image .campus-wrap .campus-header {
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
}

.innerpage .hero-image .campus-wrap {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;

}

.innerpage .hero-image .campus-wrap {
    padding: 0;
}

.block-StatsBlock .overlay .overlay-content {
    position: relative;
    width: 100%;
}

.hero-image.left-right-block .overlay h1 {
    font-size: 7.59375rem;
    line-height: 7.59375rem;
}

.hero-image.left-right-block .overlay p {
    padding: 0;
}

.hero-image.left-right-block .btn-wrap span {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
}

.hero-image.left-right-block .btn-wrap object {
    margin: .75rem 0;
}

.virtual-tour-slider.three-blocks .block {
    margin-bottom: 15px;
}

.virtual-tour-slider .image-wrap .overlay .external-link a {
    display: flex;
    font-size: 1rem;
    position: absolute;
    height: 45px;
    width: 45px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    transition: all ease .5s;
    align-items: center;
    justify-content: center
}

.virtual-tour-slider .image-wrap .overlay .external-link a i {
    background: rgba(25, 95, 243, 1);
    border-radius: 50%;
    color: rgba(255, 255, 255, 1);
    height: 44px;
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center
}

.virtual-tour-slider .image-wrap:hover .overlay .external-link a {
    opacity: 1;
}

.dark-blue-stripe {
    height: 4.75rem;
    display: flex;
    align-items: center;
    background: rgba(0, 22, 87, 1);
    position: relative;
}

.dark-blue-stripe ul {
    padding: 0;
    margin: auto;
    text-align: center;
}

.dark-blue-stripe ul li {
    display: inline-block;
    padding: 15px;
}

.dark-blue-stripe ul li a {
    color: rgba(255, 255, 255, 1);
}

.dark-blue-stripe ul li a:after {
    content: "";
    display: block;
    height: 3px;
    background: rgba(25, 95, 246, 0);
}

.dark-blue-stripe ul li a:hover:after,
.dark-blue-stripe ul li.active a:after {
    background: rgba(25, 95, 246, 1);
}

.sidebar-menu ul li.active a {
    color: rgba(25, 95, 243, 1);
}




.enquiry-detail-wrap {
    padding: 2.5rem 2.5rem 0;
}

.enquiry-detail-wrap .enquiry-detail {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.enquiry-detail-wrap .lead {
    font-weight: 400;
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

.enquiry-detail-wrap .cta-news {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 2rem;
    margin-bottom: 2.5rem;
}

.enquiry-detail-wrap .cta-news .block {
    padding: 2rem;
    background: #f5f5f5;
}

.enquiry-detail-wrap .cta-news .block h6 a {
    text-align: left;
    padding: 0;
    font-weight: 700;
    line-height: normal;
    color: #195ff3;
}

.enquiry-detail-wrap .cta-news .block .small-semibold-text,
.campuses-wrap .campus-desc .author {
    margin-bottom: 0;
    line-height: 1.5rem;
}

.enquiry-detail-wrap .cta-news .row {
    margin: 0 -7.5px;
}

.enquiry-detail-wrap .cta-news .row>div {
    padding: 0 7.5px;
}

.contact-page .campuses-wrap {
    margin-bottom: 6rem;
    margin-top: 0;
}

.contact-page .campuses-wrap .campus-desc .lead {
    font-weight: 400;
}

.contact-page .campus-wrap,
.contact-page .campus-wrap .campus-block {
    background: rgba(255, 255, 255, 1);
    padding: 10px;
    display: flex;
    height: 100%;
    flex-direction: column;
}

.contact-page .campuses-wrap .campus-desc {
    padding: 2rem 2rem 1rem;
}

.contact-info ul li {
    list-style: none;
    color: #454446;
}

.contact-info ul li a {
    color: #454446;
}

.enquiry-detail-wrap .cta-news:last-child {
    padding-bottom: 0;
    border: none;
    margin-bottom: 0;
}

.section-title-wrap {
    margin-bottom: 2rem;
}

.section-title-wrap h2 {
    margin: 1.25rem 0;
}

.section-title-wrap .lead {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 400;
}


.fullwidth-center-slider.three-blocks {
    margin: 0 -15px;
}

.fullwidth-center-slider.three-blocks .block-desc h6 {
    margin-bottom: 0rem !important;
}

.fullwidth-center-slider.three-blocks .block-desc a {
    color: #fff;
}

.fullwidth-center-slider.three-blocks .block-desc p {
    font-size: 1rem;
}

.fullwidth-center-slider.three-blocks .block-desc p.category {
    font-size: 0.625rem;
    line-height: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 1.5rem;
}

.fullwidth-center-slider.three-blocks .overlay {
    padding-bottom: 0;
}

.fullwidth-center-slider .slick-slide.slick-current.slick-active.slick-center {}

.fullwidth-center-slider.three-blocks .slick-track {
    padding: 70px 0;
}

.fullwidth-center-slider.three-blocks .slick-center {
    transform: scaleY(1.2);
    object-fit: cover;
    overflow: hidden;
}

/*  .fullwidth-center-slider.three-blocks .slick-slide.slick-current.slick-active.slick-center{padding: 0;}*/
.fullwidth-center-slider.three-blocks .slick-slide {
    padding: 0 5px;
    width: 100%;
    max-width: 25vw;
}

.fullwidth-center-slider.three-blocks .slick-center .image-wrap {
    transform: scalex(1.2);
}



.fullwidth-center-slider.three-blocks .slick-prev,
.fullwidth-center-slider.three-blocks .slick-next {
    left: 10px;
    z-index: 999;
}

.fullwidth-center-slider.three-blocks .slick-next {
    left: inherit;
    right: 30px;
}

.fullwidth-center-slider.three-blocks .slick-prev:before,
.fullwidth-center-slider.three-blocks .slick-next:before {
    content: "\f104";
    font-family: Font Awesome\ 5 Pro;
    height: 44px;
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #195FF3;
    z-index: 9999;
    border-radius: 50%;

    color: #fff;
}

.fullwidth-center-slider.three-blocks .slick-next:before {
    content: "\f105";
}

.block-CetnerSlider .center-layout-white,
.block-SimpleCTABoxes .cta-item-bg-white,
.block-SimpleCTABoxes .cta-section-bg-white {
    background-color: #fff;
}

.block-CetnerSlider .center-layout-grey,
.block-SimpleCTABoxes .cta-section-bg-grey {
    background: #F5F5F5;
    ;
}

.block-CetnerSlider .center-layout-dark-grey,
.block-SimpleCTABoxes .cta-item-bg-dark-grey,
.block-SimpleCTABoxes .cta-section-bg-dark-grey {
    background: rgb(67, 66, 68);
    color: #fff;
}



.block-SimpleCTABoxes .cta-item-bg-blue {
    background: #195FF3;
}

.block-SimpleCTABoxes .cta-item-bg-blue h6 a,
.block-SimpleCTABoxes .cta-item-bg-dark-grey h6 a,
.block-SimpleCTABoxes .cta-section-bg-dark-grey h5,
.block-CetnerSlider .center-layout-dark-grey h2 {
    color: #fff;
}

.section-title-wrap .small-text {
    text-transform: uppercase;
    font-size: .875rem;
    letter-spacing: 1px;
}

.principal-name {
    font-family: 'Eye Catching Pro';
    display: block;
    text-align: center;
    width: 100%;
    padding: 1rem;
    font-size: 3.5rem;
}

.mobile-only {
    display: none;
}


.cta-left-icon .block {
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .08);
    background: #fff;
}

.cta-left-icon h6 {
    line-height: normal;
    font-weight: 700;
    margin: 0;
}

.cta-left-icon h6 a {
    color: #434244;
}

.cta-left-icon p {
    opacity: .6;
    margin: 0;
}


.search-result-block {
    background: rgba(0, 0, 0, .015);
    padding: 2rem 3rem;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    margin-bottom: 2rem;
    border-radius: 8px;
}

.search-result-block h5 {
    font-weight: 700;
    margin-bottom: .75rem;
}

.search-result-block h5 a {
    color: #434244;
    text-decoration: none;
}

.template-searchresults .search-box input {
    height: 54px;
    border-radius: 0;

}

.template-searchresults .search-box {
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    display: inline-block;
}


.hero-image.left-bottom-content .overlay {
    display: flex;
    align-items: flex-end;
    justify-content: initial;
    padding-bottom: 5rem;
}

.hero-image.left-bottom-content .overlay .container .col-lg-8 {
    width: 100%;
    flex: 0 0 100%;
    margin: 0;
}

.hero-image.left-bottom-content .overlay .container .col-lg-8 h2 {
    text-align: left;
}

.nav-is-open .cd-nav-trigger .close-icon {
    padding: 0 !important;

}

.publications-wrap h5 {
    color: #fff;
}

.publication-blocks {
    padding: 6vw 0 0;
}

.publication-block {
    position: relative;
    text-align: center;
    display: flex;
    height: 100%;
    flex-direction: column;
}

.publication-img {
    width: 53%;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    margin: 0 auto -8rem;
}



.publication-img.image-wrap .overlay {
    align-items: center;
    justify-content: center;
    opacity: 0;
    background: rgba(25, 95, 243, .8);
}

.publication-block:hover .publication-img.image-wrap .overlay {
    opacity: 1;
}

.publication-block .publication-img.image-wrap .overlay i {
    font-size: 2.5rem;
}

.publication-block .block-desc {
    width: 100%;
    padding: 10rem 2vw 1rem;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.08);
    color: #344350;
    background: #fff;
    border-radius: 8px;
    display: flex;
    height: 100%;
    flex-direction: column;

}

.publication-block .block-desc h6 {
    line-height: 1.5rem;
    color: #195FF3;
}

.publication-block .block-desc .category {
    color: #434244;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.625rem;
}



.check-list li,
.bullet-list li {
    list-style: none;
    padding: 0 0 10px 30px;
    position: relative;
    font-size: 1.25rem;
    line-height: 2.25rem;
}

.check-list li:before,
.bullet-list li:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f058";
    color: #195FF3;
    font-weight: 900;
    position: absolute;
    left: 0;
}

.bullet-list li:before {
    content: "\f105";
}


.ordered-list {
    list-style: none;
    counter-reset: item;
}

.ordered-list li {
    display: table;
    counter-increment: item;
    padding: 0 0 10px;
    font-size: 1.25rem;
    line-height: 2.25rem;

}

.ordered-list li:before {

    color: #195FF3;
    display: table-cell;
    font-weight: bold;
    counter-increment: li;
    content: counter(item, decimal-leading-zero);
    padding-right: 10px;

}

.download-block.with-background .downlaod-btn {
    background: #F5F5F5;
}

.download-block.icon-pdf .downlaod-btn:before {
    content: "\f1c1";
}


blockquote {
    font-size: 3.0625rem;
    line-height: 64px;
    font-weight: 700;
    color: #434244;
    display: block;
    text-align: center;
    letter-spacing: -1px;
    position: relative;
}

blockquote:before,
blockquote:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f10e";
    display: block;
    margin-bottom: 1rem;
    text-align: center;
    font-weight: 400;
    color: #195ff3;
}

.contnet-with-field-options .lead,
.block-ContentWithWidthOption .lead {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: 600;
}

.download-external-link::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f35d" !important;
}

.default-form-fields input[type="text"],
.default-form-fields input[type="email"],
.default-form-fields select,
.default-form-fields textarea {
    font-size: 1rem;
    height: 64px;
    padding: 10px 24px;
    border: none;
    border-radius: 8px;
    background: #fff;
    color: #434244;
    width: 100%;
}

.default-form-fields textarea {
    height: auto;
}

.contnet-with-field-options .author {
    text-align: center;
    font-weight: 600;
}

#accordion .card {
    background: none;
    border: none;
    margin-bottom: 15px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
}

#accordion .card-body {
    background: #fff;
    border-radius: 0 0 8px 8px;
    padding: 0 2.25rem 2.5rem;
}

#accordion .card-header {
    padding: 0;
    background: none;
    border: none;
}

#accordion .card-header h5 button {
    width: 100%;
    text-align: left;
    background: #fff;
    border-radius: 8px;
    border: none;
    color: #434244;
    font-size: 1.5rem;
    line-height: 2rem;
    padding: 28px 35px;
    position: relative;
}

#accordion .card-header h5 button:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f107";
    color: #195FF3;
    font-weight: 900;
    position: absolute;
    right: 2rem;
}

#accordion .collapse {
    border: none;
}

#accordion .card-header h5 button[aria-expanded="true"] {
    border-radius: 8px 8px 0 0;
}

#accordion .card-header h5 button[aria-expanded="true"]:after {
    content: "\f106";
}

#accordion .card-body a {
    text-decoration: underline;
    color: #195ff3;
}
#accordion .section{
    padding: 15px 0px;
}
#accordion .section  .container{
    max-width: 100%;
}
#accordion .download-block{
    margin-bottom: 15px;
}


input[type="radio"],
input[type="checkbox"] {
    margin-right: 10px;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}



.form-group label {
    display: block;
}

.form-group ul {
    padding: 0;
}

.form-group ul li {
    list-style: none;
}

.photo-gallery .gallery-item {
    position: relative;
}

.photo-gallery .gallery-item .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: rgba(0, 22, 87, .5);
    opacity: 0;
    transition: all ease .3s;
    align-items: center;
    justify-content: center;
    display: flex;
}

.photo-gallery .gallery-item:hover .overlay {
    opacity: 1;
}


.input-type-clearablefileinput {
    position: relative;
}

.input-file-btn {
    position: relative;
    display: block;
    background: #fff;
    top: 0;
    font-size: 1rem;
    height: 64px;
   padding: 16px 24px 16px 50px;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
}

.input-type-clearablefileinput input[type="file"] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 64px;
    opacity: 0;
}

.input-type-clearablefileinput .custom-input>.row {
    align-items: center;
}

.input-type-select {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.input-type-select select {
    appearance: none;
    width: 110%;
}

.input-type-select:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f107";
    position: absolute;
    right: 25px;
    color: #195FF3;
    display: block;
    top: 1rem;
    font-size: 1.5rem;
    height: 1.5rem;
    line-height: 2rem;
    pointer-events: none;
}

.staff-detail {
    font-size: 0.95215rem;
    line-height: 1.25rem;
}

.staff-label {
    margin-bottom: 10px;
}


.biography-section {
    height: 400px;
    overflow: hidden;
    position: relative;
    margin-bottom: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.biography-section:after {
    position: absolute;
    left: 0;
    right: 0;
    height: 5rem;
    bottom: 0;
    content: "";
    display: block;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5f5f5+0,f5f5f5+61&0+0,1+62 */
    background: -moz-linear-gradient(top, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0.98) 61%, rgba(245, 245, 245, 1) 62%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0.98) 61%, rgba(245, 245, 245, 1) 62%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0.98) 61%, rgba(245, 245, 245, 1) 62%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f5f5f5', endColorstr='#f5f5f5', GradientType=0);
    /* IE6-9 */
}

.biography-block.open .biography-section {
    height: auto;
}

.biography-block.open .biography-section::after {
    display: none;
}


.short-hero .hero-image,
.short-hero .hero-image>img,
.contact-page .hero-image,
.contact-page .hero-image>img {
    height: 660px;
}


.promo-box {
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .08);
}

.promo-box-desc {
    padding: 2rem 2rem 1rem;
    font-size: 1rem;
    color: rgba(67, 66, 68, .6);
    line-height: 1.5rem;
}

.promo-box-desc h6 {
    color: #195FF3;
    font-size: 1.5rem;
    font-weight: 700;
}

.menu-content {
    overflow-y: visible;
}

.menu-main-container {
    overflow: hidden;
    overflow-y: auto;
    height: 80vh;
    padding-right: 20px;
}


.white-nav .hero-image {
    background: #fff;
}

.white-nav .hero-image .overlay {
    align-items: flex-end;
}

.white-nav .hero-image .about-bg {
    position: absolute;
    top: 3.25vw;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    font-size: 16vw;
    color: #F5F5F5;
    line-height: normal;
    white-space: nowrap;
    font-weight: 900;
    padding: 0 50px;
}

.lead-author {
    font-weight: 600;
    font-size: 1rem;
    color: rgba(67, 66, 68, .5);
}


.form-group.single-checkbox label span {
    display: block;
    width: calc(100% - 40px);
    float: right;
}

.form-group.single-checkbox input[type="checkbox"] {
    float: left;
    position: relative;
    top: 5px;
    margin-right: 5px;
}



.cta-item-bg-dark-grey {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cta-item-bg-dark-grey .block-icon object,
.cta-item-bg-dark-grey .block-icon img {
    max-width: 70px;
    margin-right: 20px;
}

.testimonial-blocks.three-blocks {
    position: relative;
    width: 90vw;
    margin-left: 6vw;
    overflow-x: auto;
    padding-bottom: 3rem;
}

.testimonial-blocks.three-blocks>.row>div {
    max-width: 24vw;
}

.block-ContentWithWidthOption .block:hover,
.block-CTABoxWithLeftIcon .block:hover,
.block-PromoBoxBlock .promo-box:hover {
    background: #195FF3;
}

.block-CTABoxWithLeftIcon .block:hover .block-desc *,
.block-ContentWithWidthOption .block:hover *,
.block-ContentWithWidthOption .block:hover h6+p,
.block-PromoBoxBlock .promo-box:hover * {
    color: #fff !important;
    opacity: 1 !important;
}

.block-CTABoxWithLeftIcon .block:hover object {
    filter:
        invert(0.5) sepia(1) hue-rotate(200deg) saturate(4) brightness(1);
}

.image-with-caption .images img{margin-bottom: 10px;}
.image-with-caption  p{font-size: 1rem;font-weight: 700;color:#434244;line-height: 1.5rem;margin: 0;}
.image-with-caption  p.author-name{font-size: 0.625rem;text-transform: uppercase;letter-spacing: 1px;opacity: .59;font-weight: 600;}



.blog-photogallery-slider img {
    height: 550px;
    object-fit: cover;
    max-height: 550px;
    max-width: 1000px;
}

.blog-photogallery-slider .block-description div {
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
    white-space: normal;
    /*max-width: 90%;*/
}

.blog-photogallery-slider .block-description h4 {
    font-size: 0.85715rem;
    display: inline-block;
    padding-right: 10px;
    text-transform: uppercase;
    float: left;
    margin: 0;
    line-height: 1.5rem;
    letter-spacing: 0px;
}

.blog-photogallery-slider   .owl-nav{  position: absolute;
top: 0;
bottom: 0;
height:8rem;
margin: auto;
font-size:1rem;
left: 0;
width:1000px;
opacity: 0;
transition: opacity ease .5s;
}
.blog-photogallery-slider:hover  .owl-nav{opacity: 1;}
.blog-photogallery-slider .owl-carousel .owl-nav button{
    background: rgba(0,0,0,0.75);
    color: #fff;
    position: relative;
    left: 10px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    float: left;
    font-size: 1.5rem;
    line-height: 1em;
}
.blog-photogallery-slider .owl-carousel .owl-nav button span{
    height: 1.75rem;
}


.share-btns{padding: 0;margin: 20px 0 4rem;}
.share-btns li{display: inline-block;list-style: none;}
.share-btns li a{padding: 5px 15px;font-size: 2.75rem;line-height:3.5rem;color: #434244;}

.block-BlogPhotoGallery h5{margin-bottom: 2rem;}
.staff-detail .hero-image .overlay p{padding: 0;}
.staff-detail .three-blocks .block .block-desc p.small{color:#fff;}
.staff-detail .three-blocks .block .block-desc h6{margin-bottom: .5rem;}


.stack-slides .right-box .blue-block{margin-left: -10em;margin-right: inherit;}
.stack-slides .slide-wrap {
    margin: 0px 0 175px;
}
.stack-slides .slide-wrap img{border-radius: 8px;}
.stack-slides .slide-wrap .blue-block .btn{border-radius: 4px;}
.stack-slides .slide-wrap .blue-block .btn:hover{border-color: rgba(255,255,255,.5);}

.breadcrumbs-wrap .breadcrumb{border-radius: 0;background: none;margin: 0;padding: .75rem 0;}
.breadcrumbs-wrap .breadcrumb li{font-size: 0.833125rem;text-transform: capitalize;}
.breadcrumbs-wrap .breadcrumb li + li:before{font-family: "Font Awesome 5 Pro";
    content: "\f105";
    padding: 0 10px;
    position: relative;
    top: 2px;
    font-weight: 400;
    font-size: 1rem;
color: rgba(67, 66, 68, .2);}

.breadcrumbs-wrap .breadcrumb li.active{font-weight: 700;color: rgba(67, 66, 68, 1);}


.secure-place{    border-radius: 8px;overflow: hidden;padding:30px 15px;background: #fff;position: relative;line-height: 1.5rem;box-shadow: 15px 15px 60px rgba(67,66,68,.1);margin-bottom:40px;}
.secure-place:before{position: absolute;left:0;top:0;bottom: 0;background:#195FF3;width:60px;content:"";display: block;}
.vertical-strip {
  display: inline-block;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  transform:  translateX(-50%) translateY(-50%) rotate(-90deg);

}
.outer {
    width: 60px;
      position: absolute;
      display: inline-block;
      margin: 0;
      top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  
  .inner {
      color: #fff;
    font-size: 1rem;
    position: absolute;
    top: 55%;
    left: 50%;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    white-space: nowrap;
    
  }
  
  .rotate {
      -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    transform:  translateX(-50%) translateY(-50%) rotate(-90deg);
  }
.secure-place h4{font-size: 1.5rem;line-height: 2rem;margin-bottom: 0.5rem;}
.secure-place .row{align-items: center;}
.secure-place .row > div{position: relative;}
.secure-place .row > div:nth-child(2):before{content:"";display:block;position: absolute;top:0px;bottom:0px;left:-20px;width: 1px;background:rgba(112, 112, 112, 0.2);}
.secure-place .row > div:nth-child(2){padding-right:2rem;}

.secure-place img,.secure-place object{ margin-left: 20%;}
.secure-place .btn+.btn{margin-left: 0;}

.white-local-menu ul{margin:10px 0;padding: 0;}
.white-local-menu ul li{display: inline-block;padding-right:40px;}
.white-local-menu ul li a{color:rgba(67, 66, 68, 1);display: block;padding:20px 0;position: relative;}
.white-local-menu ul li a:hover:before,
.white-local-menu ul li.active a:before{
    display: block;content: "";position: absolute;left:0;right:0;bottom: 0;height: 4px;background:#195FF3;
}

.secure-place .row > div:last-child{align-self: flex-start;padding: 30px 0;}
.secure-place .row > div:last-child .btn{margin-bottom: 15px;border-radius: 4px;border-radius: 4px;}

#accordion.grey-theme .card-header h5 button,
.grey-bg,
#accordion.grey-theme .card-body{background: #F5F5F5;}


.three-blocks .block .overlay .block-desc p.small,
.three-blocks .block .overlay .block-desc h6+p{color: #fff;}



.news-list-view .three-blocks > .row > div {
    margin-bottom: 20px;
    padding: 0 10px;
}
.options-wrap,.events-selector{margin:0 0 50px;}
.event-search input,.event-search .input-group-text{background:none;border:none;height: 44px;}
.event-search input,.event-search .input-group-text a{color: #434244;}
.event-search .input-group{border:1px solid rgba(112,112,112,.2);border-radius: 4px;}

.options-wrap .row > div {position: relative;margin-bottom: 10px;}
.select-box:after{    font-family: "Font Awesome 5 Pro";
  content: "\f107";
  font-weight: 900;
  color: #195FF3;
  position: absolute;
  right: 30px;
  top: 8px;
  pointer-events: none;}
.select-box select,
.white-check-box{width:100%;height: 45px;border-radius:4px;border:none;padding: 5px 15px;}
.white-check-box{background-color: #fff;position: relative;}
.white-check-box input{position: absolute;
    right: 10px;
    top: 10px;
}

.event-search *:focus,
.event-search .form-control:focus{background:none;outline: none;box-shadow: none;}

.select-box select{-webkit-appearance: none;appearance: none;}
.options-wrap .select-box select{background: #fff;}


.three-blocks .image-wrap .overlay{padding: 0;}

.tag-line h3{
    font-family: 'Eye Catching Pro';
    font-size: 4rem;
    font-weight: normal;
    font-style: normal;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    margin: 2rem 0;
    letter-spacing: 0;
  }

.search-block .logo,
.search-block form{flex: auto;display: flex;}

.header .dropdown.search-open .search-block{right: 85px !important;}
.header .search-block {display: flex;align-items: center;}
.sponsor-logos .border-radius{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    width: 100%;
}

.blogs-listing  .block .block-desc h6 {
    color: rgb(25,95,243);
    font-weight: 700;
    line-height: 1.75rem;
    margin-bottom: 0.5rem;
    letter-spacing: -0.025rem;
}
.blogs-listing  .block.video-block .block-desc h6{
    color: #fff;
}


.blogs-listing  .block{
-webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    box-shadow: 15px 15px 60px rgba(67,66,68,0.08);
    display: flex;
    height: 100%;
    flex-direction: column;
}
.blogs-listing .row .block .image-wrap {margin: 0;}
.blogs-listing  .block .block-desc>p.small:last-child {
    position: absolute;
    bottom: 30px;
}
 .blogs-listing  .block .block-desc {
  padding: 2.75rem 2.75rem 5rem;
}
.publication-blocks > .row + .row {margin-top:8.5rem;}

.sponsor-logos .block a{
display: flex;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 3rem;
width:100%;
}
.sponsor-logos .row > div{margin-bottom: 30px;}

.container .container{max-width: 100%;width:100%;}
.grey-bg-no-shadow .downlaod-btn{background: #f5f5f5;box-shadow: none;}

.wrapper .hero-image.left-right-block h1 span{padding-right:20px;}


.three-blocks .block .image-wrap .overlay .block-desc > .row {
position: absolute;
left: 2.75rem;
right: 2.75rem;
bottom: 20px;}
.three-blocks.three-col-grey-title .video-block .block-desc p.small{margin-bottom: 0;}
.three-blocks .block .image-wrap .overlay .block-desc h6+p{height: 42px;overflow: hidden;}

.innerpage .block-ContentHolderChooserBlock .campuses-wrap.below-slider {
    margin: 0;
   padding: 230px 0 100px;
}

.homepage .campuses-wrap.below-slider{
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5f5f5+22.5,f5f5f5+100&0+22.5,1+24 */
background: -moz-linear-gradient(top,  rgba(245,245,245,0) 32.5%, rgba(245,245,245,1) 32.5%, rgba(245,245,245,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(245,245,245,0) 32.5%,rgba(245,245,245,1) 32.5%,rgba(245,245,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(245,245,245,0) 32.5%,rgba(245,245,245,1) 32.5%,rgba(245,245,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
padding-bottom: 0;
margin:-4.5rem 0 0;
}
 .sponsor-without-url{padding:3rem;}
.innerpage.white-nav .hero-image-content{align-items: flex-end;}
.announcement-detail .hero-image .overlay p{padding: 0;}

.important-anouncements-listing .three-blocks .block .image-wrap img {
    min-height: 42.5vh;
}
.white-nav .hero-image .overlay .btn-wrap.full {display: flex;
    align-items: center;
    justify-content: space-between;
}
.innerpage.white-nav .hero-image-content .btn-wrap .btn em,
.innerpage.white-nav .hero-image-content .btn-wrap .btn i{    padding-right: 15px;
    font-size: 2.5rem;
}
.blog-photogallery-slider{padding:20px;}
.campus-wrap .campus-block a{display: block;}


.blue-bg-pattern .item-icon {
    height: 100px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 1rem;
}
.header li.dropdown .search-block .close-object object,
.header li.dropdown .search-block .close-object img{height: 22.34px;object-fit: cover;}

.sidebar-menu .accordion .card .card-body  ul{max-height:19vw;overflow-y: auto;}
.innerpage.white-nav .hero-image .hero-image-content .hero-text-content{
    margin-top: -5%;
}
@media (min-width:992px) {
    .btn+.btn,  
    .announcement-detail .btn+.btn{
        margin-left: 15px;
    }

    .innerpage .hero-image .campus-wrap .campus-header {
        max-width: 90%;
        margin: auto;
    }
  
}

@media (min-width:1400px) {
    .testimonial-blocks.three-blocks {
        position: relative;
        width: 100%;
        margin:auto;
        overflow-x: auto;
        padding: 0 20px 3rem 8vw;
    }
    .sidebar-menu .accordion .card .card-body  ul{max-height:16svw;}

    .testimonial-blocks .image-wrap>img {
        min-height: 58vh;
    }

    .news-detail-page .latest-news-slider .overlay,
    .news-page .latest-news-slider .overlay {
        align-items: flex-end;
        padding-bottom: 15vh;
    }
    

}
@media (min-width:1600px) {
    .innerpage.white-nav .hero-image .hero-image-content .hero-text-content{
        margin-top: -15%;
    }
}



@media (min-width:1920px) {
    html {
        font-size: 20px;
    }

    .container {
        max-width: 75vw;
    }

    .white-nav .hero-image .container {
        max-width: 100%;
    }



    .publication-block {
        min-height: 22vw;
    }

    .publication-img {
        margin: -4vw auto 0;
    }

    .header li.dropdown .search-block .close-object {
        margin-top: -5px;
    }
}

@media (min-width: 992px) and (max-width:1100px) {
    .header .container-fluid .row .text-center.mobile-hide ul li {
        padding: 0 7px;
        font-size: .8125rem;
    }

    .menu-content .menu-content-header .row.align-items-center .mobile-hide {
        display: none;
    }

    .menu-content .menu-content-header .text-center {
        text-align: left !important;
    }

    .menu-content-header>.row>div.text-center ul li a {
        padding: 0 !important;
    }

    .menu-content .menu-content-header .text-center ul li+li {
        padding-left: 20px;
    }

    .header .logo object,
    .sidebar .logo object,
    .header .logo img,
    .sidebar .logo img {
        width: auto;
        height: 45px;
    }

    .sidebar .logo {
        margin-top: 0;
    }

    .testimonial-blocks.three-blocks>.row>div {
        max-width: 30vw;
    }
    .header ul.main-menu {width:100%;display: flex;align-items:center;justify-content: space-between;}
    .header ul.main-menu  li{padding:0 5px !important;}
    a.btn{font-size: .85rem !important;padding: 1rem 1.25rem !important;}
}

@media (max-width: 991px) {

    .mobile-only {
        display: block;
    }

    .slide-menu-inner-section  .menu-content{padding-left: 30px;}

    .mobile-hide {
        display: none !important;
    }

    .menu-content-header>.row {
        height: auto;
    }

    .cd-nav-trigger {
        position: absolute;
        z-index: 99;
        height: 49px;
        width: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 0;
        margin-top: 0;
    }

    .header {
        padding: 5px 0;
    }

    .header>.container-fluid>.row {
        margin: 0 -15px;
        height: auto;
    }

    .header>.container-fluid>.row>div {
        padding: 0 5px;
    }

    .menu-content {
        background: #fff;
    }

    .header>.container-fluid>.row>div:last-child {
        padding-right: 55px;
        position: static;
    }

    .sidebar .logo {
        margin: 0;
    }

    .hero-image,
    .hero-image>img {
        height: 100vh;
        object-fit: cover;
    }

    .slide-menu-inner-section {
        display: block;
    }

    .slide-menu-inner-section .sidebar {
        width: 100%;
        padding: 5px;
        margin-top: 60px;
    }

    .hero-image .overlay {
        align-items: flex-end;
        padding-bottom: 0;
    }

    .hero-image .overlay .btn-wrap object {
        margin: 0.5rem 0 1rem;
    }

    .innerpage.white-nav .cd-nav-trigger {
        /*background: #195FF3;*/
        height: 49px;
        top: 5px;
    }





    .cd-nav-trigger>span {
        line-height: normal;
    }

    .header .logo object,
    .sidebar .logo object,
    .header .logo img,
    .sidebar .logo img {
        width: 210px;
        height: auto;
    }

    .mobile-search-wrap {
        padding: 20px 15px 0;
    }

    .mobile-search-wrap .search-block .webform .fa-search {
        position: absolute;
        right: 1.4rem
    }

    .mobile-search-wrap .search-block {
        position: relative;
    }

    .mobile-search-wrap .search-block .webform input[type="text"] {
        width: calc(100% - 60px);
        float: left;
        margin: 0;
        padding: 5px 15px;
        border: none;
    }

    .mobile-search-wrap .search-block .webform {
        border: 1px solid #ddd;
        border-radius: 4px;
        overflow: hidden;
        display: flex;
        align-items: center;
    }

    .mobile-search-wrap .search-block .webform input[type="submit"] {
        width: 60px;
        background: none;
        font-size: 0;
        height: 46px;
        border: none;
    }

    .sidebar-menu {
        padding: 20px 40px;
    }


    .menu-content-header .right-menu ul li+li {
        padding-left: 0;
    }

    .menu-content .menu-content-header>.row>div.text-center ul li a {
        padding: 0 5px;
    }


    .quicklinks {
        margin-top:30px;
    }

    .quicklinks ul {
        padding: 0 5px 15px 5px;
    }

    .quicklinks ul li {
        list-style: none;
    }

    .quicklinks ul li a {
        color: #434244;
    }

    .quicklinks .social-icon li {
        list-style: none;
        display: inline-block;
        font-size: 2rem;
        margin-right: 15px;
        width: auto;
    }

    .slide-menu-inner-section {
        overflow-y: auto;
    }

    .quicklinks ul li a:hover {
        color: #195FF3;
    }



    .campuses-wrap.below-slider .campus-wrap .campus-header,
    .campuses-wrap.below-slider .campus-wrap a .campus-header {
        margin-bottom: 0;
    }

    .campuses-wrap.below-slider .campus-wrap.border-radius {
        padding-bottom: 0;
        margin-bottom: 10px;
    }

    .campuses-wrap.below-slider .campus-wrap.border-radius>.row {
        display: none;
    }


    .distinctives-slider {
        margin-top: 1rem;
    }

    .distinctives-slider .slide .blue-block {
        max-width: 100%;
        margin: auto;
        height: auto;
    }

    .distinctives-slider .slide .blue-block h2 {
        font-size: 3rem;
        line-height: 3rem;
    }

    .two-column-info .block,
    .three-blocks .block {
        height: auto;
    }

    .section.blue-bg-pattern {
        padding: 20px 0 0;    
    }

    .blue-bg-pattern .img-right {
        display: none;
    }

    .blue-bg-pattern .btn-wrap {
        margin-top: 20px;
    }

    .blue-bg-pattern a.btn {
        margin-bottom: 20px;
    }

    .blue-bg-pattern .grid {
        display: block;
    }

    .blue-bg-pattern .grid>div {
        margin: 20px 0;
    }

    .blue-bg-pattern .grid>div * {
        overflow: hidden;
        line-height: normal;
    }

    .blue-bg-pattern .grid>div object,
    .blue-bg-pattern .grid>div img {
        float: left;
        margin-right: 15px;
    }

    .blue-bg-pattern .grid>div h6 {
        margin-top: 0;
        line-height: normal;
    }

    .sidebar h4 button[area-expandend="true"] {
        color: #195ff3;
    }

    .latest-news-slider .slick-slide img {
        min-height: 100vh;
    }

    .block-FullWidthSlider .latest-news-slider .overlay h2 {
        font-size: 2.5rem;
        letter-spacing: 0;
        line-height: 3rem;
    }

    .latest-news-slider .progressBarContainer .progress-bar-wrap p {
        display: none;
    }

    .cd-nav-trigger {
        top: 5px;
    }



    .nav-is-open .cd-nav-trigger .close-icon {
        padding: 0 !important;
    }

    .nav-is-open .cd-nav-trigger img,
    .nav-is-open .cd-nav-trigger object,
    .fixed-nav .cd-nav-trigger img,
    .fixed-nav .cd-nav-trigger object,
    .innerpage.white-nav .cd-nav-trigger img,
    .innerpage.white-nav .cd-nav-trigger object {
        -webkit-filter: invert(.65);
        filter: invert(.65);
    }

    .menu-content .menu-content-header .right-menu {
        position: absolute !important;
        top: 12px;
        right: 0;
        text-align: right !important;
        display: inline-block;
        width: auto;
        z-index: 99;
    }

    .menu-content .menu-content-header>.row>div:last-child {
        padding-right: 55px;
    }

    .menu-content .menu-content-header>.row>div:last-child ul li a {
        padding: 5px 10px;
    }

    .search-result-wrap {
        clear: both;
        margin-top: 2rem;
    }

    .nav-is-open .sidebar .logo {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: #fff;
        padding: 5px;
        z-index: 11;
    }

    .virtual-tour-slider.three-blocks .block {
        box-shadow: none;
        width: 85vw;
    }

    .virtual-tour-slider button.slick-arrow {
        display: none !important;
    }

    .footer .container>.row {
        flex-direction: column-reverse;
    }

    .footer .container>.row>div {
        width: 100%;
    }

    .footer .social-icons {
        padding: 20px 0;
        text-align: center;
        text-align: center;
    }

    .footer .social-icons li {
        font-size: 2rem;
    }

    .footer .col-lg-8 ul {
        display: flex;
        justify-content: center;
        flex-direction: column-reverse;
    }

    .footer .col-lg-8 ul li {
        display: block;
    }

    .footer .container>.row>div {
        text-align: center;
        line-height: 3rem;
    }

    .innerpage.contact-page .hero-image h2 {
        font-size: 5.5rem !important;
        letter-spacing: -0.25rem !important;
    }

    .enquiry-detail-wrap .enquiry-detail,
    .contact-info,
    .contact-info .contact-detail,
    .enquiry-detail,
    .office-times {
        display: block !important;
        width: 100%;
    }

    .contact-detail h2 {
        font-size: 2.375rem;
    }

    .office-time>div {
        padding: 0;
        display: block;
    }

    .office-time>div h4 {
        font-size: 2rem;
    }

    .enquiry-detail-wrap .cta-news .block {
        padding: 2rem;
        margin-bottom:1rem;
    }

    .campuses-wrap .row>div {
        padding: 0 15px;
        margin-bottom: 0;
    }

    .enquiry-detail,
    .office-time {
        display: block;
    }

    .contact-info ul {
        padding: 0;
    }

    .blue-bg-pattern .grid>div.span-col-2>.row {
        flex-direction: row-reverse;
    }

    .block-StatsBlock .full-width-block>img {
        min-height: 70vh;
    }

    .full-width-block .overlay {
        text-align: center;
    }


    .block-RightImageLeftContent .how-we-care .blue-block {
        padding: 3rem;
        height: auto;
        width: 100%;
        left: 0;
        right: 0;
        position: relative;
    }

    .block-RightImageLeftContent .how-we-care .blue-block h5 {
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .how-we-care .blue-block+img {
        margin-top: 0;
    }

    .how-we-care .image-wrap {
        margin-bottom: 2rem;
    }

    .block-RightImageLeftContent .section,
    .block-LeftImageRightContent .section,
    .section {
        padding: 3rem 0 !important;
    }

    .section.testimonial-section .section-header {
        padding: 3rem 1rem;
    }


    .block-ContentWithBackgroundImage .image-wrap>img {
        min-height: 75vh;
    }

    .footer-logo {
        padding: 20px 0 30px;
        text-align: center;
        width: 85%;
        margin: auto;
    }

    .hero-image.left-right-block .overlay h1 {
        font-size: 4.59375rem;
        line-height: 4.59375rem;
    }

    .hero-image.left-right-block h1::after {
        position: absolute;
        content: "";
        height: 2rem;
        width: 100%;
        left: -0.5rem;
        bottom: -0.5rem;
        background: rgb(25, 95, 243);
        z-index: -1;
    }


    .sidebar .accordion .card-body {
        max-height: 44vh;
        padding: 15px 0 20px;
        margin-bottom: 15px;
        overflow-y: auto;
    }

    .testimonial-blocks.three-blocks>.row>div {
        max-width: initial;
        flex: 0 0 80%;
        display: block;
    }

    .campuses-wrap.below-slider {
        margin: -4.5rem 0 1rem;
    }

    .three-blocks .section-header ul.campus-tabs {
        padding-left: 0;
        top: 20px;
        left: -10px;
    }

    .block-ThreeColumnContentWithImage .three-blocks.three-col-blue-title .section-header>.row {
        align-items: baseline;
    }

    .slide .blue-block {
        width: 100%;
        padding: 50px 100px;
    }

    .distinctives-slider .slide {
        flex-direction: column-reverse;
    }

    .quicklinks ul {
        overflow: hidden;
    }

    .quicklinks ul li {
        width: 32%;
        float: left;
        margin-right: 1%;
    }

    .menu-content-header ul {
        text-align: left;
    }

    h2 {
        line-height: normal;
        margin-bottom: 1rem;
    }

    .right-block .image-wrap {
        margin-bottom: 2rem;
    }

    .image-block-with-margin .container>.row,
    .principal-note .col-lg-10.offset-lg-1 .row {
        flex-direction: column-reverse;
    }

    .mtm-35 {
        margin: 0 auto 2rem;
    }
    .cta-box-item, .blue-bg-pattern .grid > div{height: 100%;margin: 10px 0;}
    .blue-bg-pattern .grid .cta-box-item > img {float: left;margin: 0 2rem;width: 100px;}
    .blue-bg-pattern .grid .cta-box-item > img ~ *{overflow: hidden;}
    .menu-main-container{height: auto;overflow: visible;}
   
    .campuses-wrap .row>div{margin-bottom: 1.25rem;}
    .campuses-wrap.below-slider .row>div{margin-bottom: 0;}

 
    .cta-news .block h6{line-height: normal;}
    .white-nav .hero-image{height: inherit;min-height: 100vh;}
    .white-nav .hero-image .overlay{position: relative;}
    .white-nav .hero-image{padding-top: 4rem;}
    .white-nav .hero-image .right-heroimage{display: block;}
    .white-nav .hero-image .right-heroimage img{margin-bottom: 1rem;}
    .white-nav .hero-image  .btn-wrap{margin-top: 2rem;}
    .local-menu-container .dropdown .mobile-local-nav{width:100%;text-align: left;border: none;background: none;}
    .local-menu-container .dropdown .mobile-local-nav:after{position: relative;float:right;top:10px;}
    .local-menu-container .dropdown .mobile-local-nav:focus,
    .local-menu-container .dropdown .btn:focus,
    .local-menu-container   .btn-secondary.focus, 
    .local-menu-container  .btn-secondary:focus,
    .local-menu-container   .btn-secondary.active, 
    .local-menu-container  .btn-secondary:active{outline: none;box-shadow: none;background: none;}

    .local-menu-container  .btn-secondary:not(:disabled):not(.disabled).active,
    .local-menu-container .btn-secondary:not(:disabled):not(.disabled):active,
    .local-menu-container .show>.btn-secondary.dropdown-toggle{width:100%;border-radius: 0;background: none;}
    .local-menu-container .dropdown{position: static;}
    .local-menu-container .dropdown-menu{width:100%;border-radius:0; background: rgba(0, 22, 87, 1);border:none;    transform:none!important;top:52px !important;}
    .local-menu-container .dropdown-menu li a{color: #fff;    padding: 8px 50px;}
    .dark-blue-stripe.local-menu-container .container{padding: 0;}
    .dark-blue-stripe.local-menu-container{height: 3.75rem;}
}


@media (max-width:767px) {

    .publication-blocks .row > div{margin-bottom:5.5rem;}
    .three-blocks .row>div {
        min-width: 90%;
    }

    .distinctives-slider {
        margin-top: 6rem;
    }

    .options-wrap .row > div {
        position: relative;
        margin-bottom: 10px;
    }

    .distinctives-slider .slides-number {
        left: 0;
        right: 0;
        width: 45%;
        text-align: right;
        top: -4.35rem;
    }

    .distinctives-slider .owl-nav {
        position: absolute;
        width: 50%;
    }

    .menu-content-footer>.row {
        flex-direction: column-reverse;
    }

    .hero-image .overlay {
        align-items: flex-end;
        padding-bottom: 5rem;
    }

    h2 {
        font-size: 2.75rem;
        line-height: 3rem;
    }
    

    .d-flex.two-blocks{display: block !important;}
    .two-blocks>div{width:100%;margin-bottom: 1rem;}
    .slide .blue-block {padding: 0px 20px 40px;}
    .blue-bg-pattern .grid .cta-box-item > img {float: none;margin:10px 0; width: auto; }
    .block-PromoBoxBlock .promobox-container > .row > div{margin-bottom:10px;}
    .quicklinks ul li{width:100%;margin: auto;}
    .blue-bg-pattern .grid .cta-box-item > img {float: left;margin: 0 2rem 0 0;width:65px;}
    .blue-bg-pattern .grid .cta-box-item > img ~ *{overflow: hidden;line-height:normal;}
    .menu-content-header ul li.back-top-btn{display: none !important;}
    .enquiry-detail-wrap .cta-news .block { padding: 2rem 1rem;} 
    .enquiry-detail-wrap {padding: 2.5rem 1rem 0; }
    .three-blocks .section-header ul.campus-tabs {left: 0;margin-bottom: 20px;}
    .three-blocks .section-header ul.campus-tabs li {padding: 0 15px 0 0;}
    .cta-left-icon .row > div,
    .cta-news .row >div {margin-bottom: 15px;}
    .publication-block{margin-bottom: 40px;}
    .hero-image .overlay .btn + .btn{margin-top: 15px;}
    .photo-gallery{width:100%;max-width: 100%;}
    .photo-gallery>.row>div{padding: 0;width: 100vw;flex: 0 0 100%;}
    .photo-gallery .image,
    .photo-gallery>.row .three-blocks .image {margin: 0 5px 15px;}


    .secure-place{padding: 0 ;margin: 35px 0;}
    .secure-place:before{display: none;}
    .secure-place .outer{position: relative;width: 100%;}
    .secure-place .outer .inner{transform: none;position: relative;top:0;left:0;
        background: #195FF3;padding: 1.5rem; margin-bottom: 50px; border-radius: 8px 8px 0 0;}
        .secure-place img, .secure-place object {
            margin: 15px auto 45px !important;
            display: block;
            text-align: center;
        }
        .distinctives-slider .slides + .text-right{padding:0 20px;text-align: center !important;}
        .sidebar-menu  > .accordion{padding-left: 15px;}

        .menu-content-header > .row > div ul li{display: block;width:100%;}
        .sidebar .accordion h4, .sidebar .accordion h4 button{font-size: 1.75rem;line-height: 3rem;}
        .menu-content  .menu-content-header > .row{height: auto;}
        .menu-content   .menu-content-header ul.menu-cta-text-links li + li{padding-left: 0;}
        .menu-content .menu-content-header ul.menu-cta-text-links li a{line-height: 2.5rem;font-size: 1.5rem;}
        .slide-menu-inner-section  .sidebar-menu {
            padding: 2.5rem 5px 1rem;
        }
        .section.blue-bg-pattern .left-content-wrap{text-align: center;}
        .section.blue-bg-pattern .tag-line h3 {color: #195FF3;font-size: 5rem;}
        .section.blue-bg-pattern  .btn{padding:1rem;}

        .block-ThreeColumnContentWithImage .three-blocks .block.video-block{display: flex;flex-direction: column;height: 100%;}
        .block-ThreeColumnContentWithImage .three-blocks  > .row{flex-wrap: nowrap;overflow-x: auto;margin-bottom: 1.5rem;}
       
        .blockquote {font-size: 2rem;line-height: 3rem;}

        a.btn + a.btn{margin-left: 0!important;margin-top: 10px !important;}
        .local-menu-container .dropdown-menu li a {
            color: #fff;
            padding: 8px 30px;
        }
      
     
    }


@media (min-width:2000px){
    .slide .blue-block{width:700px;height: 600px;margin-left: 10em;}
    .innerpage.white-nav .hero-image{height: 80vh;}
    .innerpage.white-nav .hero-image .hero-image-content{width: 80%;}
    .white-nav .hero-image .about-bg{font-size: 11vw;}
    .innerpage.white-nav .hero-image .hero-image-content .row.right-heroimage{align-items: center;}


}

.block-BoxSlider .three-blocks .block .block-desc p.small {color:#fff;}
.group-title label {
    font-size: 1.5rem;
}
#wagtail-form input[type="text"],
#wagtail-form input[type="email"],
#wagtail-form input[type="number"],
#wagtail-form textarea{
    border: 2px solid rgba(25, 95, 243,0);
}
#wagtail-form input[type="text"]:focus,
#wagtail-form input[type="email"]:focus,
#wagtail-form input[type="number"]:focus,
#wagtail-form textarea:focus{
    border: 2px solid rgba(25, 95, 243,.6);
}


#wagtail-form .custom-input {position: relative;}
#wagtail-form .custom-input:before { font-family: "Font Awesome 5 Pro";
    font-family: "Font Awesome 5 Pro";
    content: "\f1c1";
    position: absolute;
    font-size: 1.5rem;
    left: 20px;
    z-index: 11;
    font-weight: 400;
    color: #195FF3;
    top: 15px;
    display: none;
 }

    ul.errorlist {
        padding: 5px 0px;
      
        border-radius: 5px;
        margin: 0px 0 0;
        color: red;
    }
    .table-wrap {border-radius: 8px;overflow: hidden;}
    .table-wrap table{width:100%;background:#fff;margin-bottom: 0;}
    .table-wrap tr th{background: #195FF3;color: #fff;font-weight: 700;font-size: .875rem;padding:7px 20px;border:none;}
    .table-wrap tr td{ padding:5px 20px;font-size: .875rem;line-height: 1.75rem;border:none;}
    .table-wrap tr:nth-child(even){background:#fafafa;}