@import url('https://fonts.googleapis.com/css?family=Source Sans Pro');

@font-face {
    font-family: 'dearJoe 5 CASUAL';
    src: url('../fonts/DearJoe5CASUAL.eot');
    src: url('../fonts/DearJoe5CASUAL.eot?#iefix') format('embedded-opentype'), url('../fonts/DearJoe5CASUAL.woff2') format('woff2'), url('../fonts/DearJoe5CASUAL.woff') format('woff'), url('../fonts/DearJoe5CASUAL.ttf') format('truetype'), url('../fonts/DearJoe5CASUAL.svg#DearJoe5CASUAL') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('SourceSansPro-Light.eot');
    src: url('SourceSansPro-Light.eot?#iefix') format('embedded-opentype'), url('SourceSansPro-Light.woff2') format('woff2'), url('SourceSansPro-Light.woff') format('woff'), url('SourceSansPro-Light.ttf') format('truetype'), url('SourceSansPro-Light.svg#SourceSansPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('SourceSansPro-Regular.eot');
    src: url('SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('SourceSansPro-Regular.woff2') format('woff2'), url('SourceSansPro-Regular.woff') format('woff'), url('SourceSansPro-Regular.ttf') format('truetype'), url('SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('SourceSansPro-Semibold.eot');
    src: url('SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'), url('SourceSansPro-Semibold.woff2') format('woff2'), url('SourceSansPro-Semibold.woff') format('woff'), url('SourceSansPro-Semibold.ttf') format('truetype'), url('SourceSansPro-Semibold.svg#SourceSansPro-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



html, body {
    width: 100%;
    height: 100%;
   
    font-family: Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.428571428571429;
    color: #000;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

/* :: 3.4.0 Preloader */
.preloader {
    background-color: rgba(122, 136, 0, 1);
    background-image: url(../images/loader-bg.svg);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
}

    .preloader .lds-ellipsis {
        display: inline;
        position: absolute;
        width: 64px;
        height: 64px;
        top: 50%;
        transform: translate(0px, 60px);
    }

        .preloader .lds-ellipsis div {
            position: absolute;
            top: 27px;
            width: 11px;
            height: 11px;
            border-radius: 50%;
            background: #fff;
            animation-timing-function: cubic-bezier(0, 1, 1, 0);
        }

            .preloader .lds-ellipsis div:nth-child(1) {
                left: 6px;
                -webkit-animation: lds-ellipsis1 0.6s infinite;
                animation: lds-ellipsis1 0.6s infinite;
            }

            .preloader .lds-ellipsis div:nth-child(2) {
                left: 6px;
                -webkit-animation: lds-ellipsis2 0.6s infinite;
                animation: lds-ellipsis2 0.6s infinite;
            }

            .preloader .lds-ellipsis div:nth-child(3) {
                left: 26px;
                -webkit-animation: lds-ellipsis2 0.6s infinite;
                animation: lds-ellipsis2 0.6s infinite;
            }

            .preloader .lds-ellipsis div:nth-child(4) {
                left: 45px;
                -webkit-animation: lds-ellipsis3 0.6s infinite;
                animation: lds-ellipsis3 0.6s infinite;
            }

@-webkit-keyframes lds-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes lds-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes lds-ellipsis3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-webkit-keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(19px, 0);
        transform: translate(19px, 0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(19px, 0);
        transform: translate(19px, 0);
    }
}



/*end preloader*/


.logo_main img {
	max-width: 210px;
}

.logo_main .main-logo {
	max-width: 110px;
}

header {
    position: relative;
}

	header .right-srch-box {
		line-height: 1;
		margin-right: 15px;
		text-align: right;
		display: flex;
		align-items: center;
		justify-content: end;
	}
.social-icons-top ul li.telegram {
	background-color: #0088cc;
}


.social-icons-top ul li.twitter {
	background-color: #1DA1F2;
}


        header .right-srch-box span {
            -webkit-text-size-adjust: 100%;
            -webkit-font-smoothing: antialiased;
            -moz-font-smoothing: antialiased;
            position: relative;
            font-size: 1.1em;
            font-weight: 400;
            color: #000;
            display: inline-block;
            min-height: 1em;
        }

        header .right-srch-box .call {
            -webkit-text-size-adjust: 100%;
            -webkit-font-smoothing: antialiased;
            -moz-font-smoothing: antialiased;
            font-weight: 700;
            color: #000;
            line-height: 1;
            margin-top: 0.1em;
        }

        header .right-srch-box span.text-admision-open:before {
            content: '';
            width: 0.9em;
            height: 0.9em;
            position: absolute;
            left: -1.2em;
            background: url(../images/icon-phone-admissions.svg) top left no-repeat;
            background-size: 100%;
        }


    header .search_input_box {
        background: #edecea;
        color: #717171;
        -webkit-animation: background-color 0.5s ease-in-out;
        -moz-animation: background-color 0.5s ease-in-out;
        -ms-animation: background-color 0.5s ease-in-out;
        transition: background-color 0.5s ease-in-out;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        header .search_input_box input:focus,
        header .search_input_box input:active,
        header .search_input_box input:visited {
            outline: none;
            border: none;
            border-color: transparent;
            box-shadow: none;
        }

.social-icons-top ul li {
	width: 140px;
	margin-bottom: 0;
	position: relative;
	transition: all .5s ease 0s;
}

	.social-icons-top ul li.call {
		background-color: #f02485;
	}

	.social-icons-top ul li.whatsapp {
		background-color: #25d366;
	}

	.social-icons-top ul li.deposit {
		background-color: #3f51b5;
	}

	.social-icons-top ul li.facebook {
		background-color: #4267B2;
	}

	

	.social-icons-top ul li.instagram {
		background-image: linear-gradient(to right bottom,#5559c9,#c52684,#ef6a44,#f7bc4d);
	}

	.social-icons-top ul li.linkedin {
		background-color: #0077b5;
	}

.main_nav {
    background-color: #7bc7ff;
    -webkit-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.2);
    z-index: 2;
}

    .main_nav ul > li a {
        -webkit-animation: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
        -moz-animation: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
        -ms-animation: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
        color: #000;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 1.2em;
    }

        .main_nav ul > li a:hover {
            background-color: #003255;
            color: #fff;
        }

.linkContainer {
    position: absolute;
    bottom: 0;
    right: 45px;
    z-index: 1;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.18);
}

.headerLink {
    transition: all .5s ease 0s;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    float: right;
    margin-bottom: 0;
    cursor: pointer;
    right: 0;
}

    .headerLink a {
        padding: 9px 20px;
        display: block;
        color: #000;
        text-decoration: none;
        width: 200px;
        position: relative;
    }

        .headerLink a i.fa {
            position: absolute;
            left: -12px;
            font-size: 16px;
        }

        .headerLink a:before,
        .headerLink a:after {
            content: "";
            width: 60px;
            height: 38px;
            position: absolute;
            top: 0;
            background-repeat: no-repeat;
        }

        .headerLink a:before {
            left: -40px;
        }

        .headerLink a:after {
            right: -56px;
        }

    .headerLink.bg-yellow a:before {
        background-image: url(../images/corner-shape-left-yellow.svg);
    }

    .headerLink.bg-yellow a:after {
        background-image: url(../images/corner-shape-right-yellow.svg);
    }

	.headerLink.bg-green a:before {
		background-image: url(../images/corner-shape-left-green.svg);
	}

	.headerLink.bg-green a:after {
		background-image: url(../images/corner-shape-right-green.svg);
	}

    .headerLink.bg-gray a:before {
        background-image: url(../images/corner-shape-left-gray.svg);
    }

    .headerLink.bg-gray a:after {
        background-image: url(../images/corner-shape-right-gray.svg);
    }


    .headerLink:first-child {
        margin-right: 0;
        z-index: 4;
    }

    .headerLink:nth-child(2) {
        z-index: 3;
        right: 40px;
    }

        .headerLink:nth-child(2):hover {
            right: 200px;
        }

            .headerLink:nth-child(2):hover + .headerLink {
                right: 240px;
            }

                .headerLink:nth-child(2):hover + .headerLink + .headerLink {
                    right: 280px;
                }


    .headerLink:nth-child(3) {
        z-index: 2;
        right: 80px;
    }

        .headerLink:nth-child(3):hover {
            right: 230px;
        }

            .headerLink:nth-child(3):hover + .headerLink {
                right: 270px;
            }



    .headerLink:nth-child(4) {
        z-index: 1;
        right: 120px;
    }

        .headerLink:nth-child(4):hover {
            right: 290px;
        }

    .headerLink.bg-yellow {
        background-color: #fdc02d;
    }
	.headerLink.bg-green {
		background-color: #25d366;
	}

    .headerLink.bg-gray {
        background-color: #e3e1dc;
    }

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

.videoHero {
    position: relative;
}

    .videoHero .slider-nav {
        display: none;
    }

.slick-slide {
    text-align: center;
    color: #419be0;
    background: white;
    margin: 0 25px;
}

.slider-dots li {
    color: #fff;
    background-color: #011422;
    padding: 0.9em 2.5em;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 1.3em;
    line-height: 1;
}

    .slider-dots li:first-child {
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
    }

    .slider-dots li:last-child {
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    .slider-dots li.slick-active {
        color: #011422;
        background-color: #fff;
    }

        .slider-dots li.slick-active:after {
            content: '';
            position: absolute;
            width: 5em;
            height: 3em;
            top: -2em;
            left: 50%;
            transform: translateX(-50%);
            background: transparent url('../images/groove_white.svg') center center no-repeat;
            z-index: 1;
        }



.videoHero .slick-slide {
    -webkit-box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.6);
    -o-box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.6);
    background-color: #fff;
    position: relative;
}


.videoHero .slick-arrow {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 101%;
    display: inline-block;
    color: transparent;
    position: absolute;
    transform: translateY(-50%);
    z-index: 1;
    border: 0;
    background-color: #fff;
    width: 60px;
    height: 60px;
    cursor: pointer;
    opacity: 0.5;
}

    .videoHero .slick-arrow.slick-prev {
        left: 0;
        top: 50%;
        background: #fff url('../images/arrow_left.svg') center center no-repeat;
        background-size: 33%;
    }

    .videoHero .slick-arrow.slick-next {
        left: auto;
        right: 0;
        background: #fff url('../images/arrow_right.svg') center center no-repeat;
        background-size: 33%;
    }

        .videoHero .slick-prev.slick-arrow:hover,
        .videoHero .slick-arrow.slick-next:hover {
            opacity: 1;
        }

.headlines h1 {
    font-family: Arial,sans-serif;
    -webkit-font-variant-ligatures: no-common-ligatures;
    font-size: 3em;
    font-weight: normal;
}

.headlines h2 {
    font-family: Arial,sans-serif;
    -webkit-font-variant-ligatures: no-common-ligatures;
    font-size: 2.5em;
    font-weight: normal;
}

.home-section p {
    font-size: 1.4em;
}

.bg-dark-blue {
	background-color: #045493;
}
.bg-blue-gradient {
	background-image: -moz-linear-gradient( -90deg, rgb(4,84,147) 0%, rgb(0,53,95) 100%);
	background-image: -webkit-linear-gradient( -90deg, rgb(4,84,147) 0%, rgb(0,53,95) 100%);
	background-image: -ms-linear-gradient( -90deg, rgb(4,84,147) 0%, rgb(0,53,95) 100%);
}
.bg-sky {
    background-color: #7bc7ff;
}
.bg-chocolight {
    background-color: #e4e1dc;
}


.infographic {
    position: relative;
}

    .infographic:after,
    .footer:after {
        width: 100%;
        height: 13px;
        content: "";
        top: -13px;
        left: 0;
        position: absolute;
        display: block;
        background: url('../images/page-tear-sprite.png') 0 -13px repeat-x;
    }

    .infographic .container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border: 1px solid #7bc7ff;
        margin: 0 auto;
        background: #fff;
    }

    .infographic .column {
        width: 25%;
        float: left;
        border-right: 1px solid #7bc7ff;
    }

.column.middle {
    width: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.column.last {
    border-right: none;
}

.languages,
.nationalities,
.languagesOfInstruction,
.curriculum,
.maxStudents,
.schoolType,
.tuitionFees,
.ageRange,
.facilities,
.studentTeacher,
.classRatios {
	border-bottom: 1px solid #7bc7ff;
}

.languages {
	background: url('../images/award-icon.png') no-repeat right 1em top 1em;
	background-size: 22% auto;
}

.curriculum {
	background: url('../images/Co-cirriculam-Activity.png') no-repeat right 1em top 1em;
	background-size: 25% auto;
}

.ageRange {
	background: url('../images/School-Uniform.png') no-repeat right 1em top 1em;
	background-size: 21% auto;
}

.languagesOfInstruction {
	background: url('../images/Our-School-Activity.png') no-repeat right 1em top 1em;
	background-size: 33% auto;
}


.classRatios,
.languagesOfInstruction,
.maxStudents,
.ageRange {
	border-bottom: 0 !important;
}

	.languages li, .languagesOfInstruction li {
		display: inline-block;
		padding: 0.4em 0.7em 0.5em;
		font-size: 1em;
		margin: 0 0.7em 0.7em 0;
		color: #fff;
		background: #003255;
		-webkit-border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-ms-border-radius: 5px 5px 5px 5px;
		-o-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
	}

.column .box {
	padding: 8em 2em 2em 2em;
}

.column.middle .column + .column {
    border-right: none;
}

.column.middle .box.facilities {
    width: 100%;
    border-top: 1px solid #7bc7ff;
}

.column.middle .column .box {
    width: 100%;
}

.column.middle .box {
    width: 50%;
    float: left;
}

.infographicNumber {
    font-size: 2em;
    color: #003255;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0.2em;
}

.column .box.schoolType.sunIcon {
    background: url('../images/sun.png') no-repeat right 2em top 1em;
    background-size: 30% auto;
    min-height: 17em;
}

.facilities li {
    position: relative;
    display: block;
    float: left;
    width: 100px;
    height: 100px;
    text-align: center;
    position: relative;
    margin: 0.5em 1.5em 0 0;
}

    .facilities li:after {
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: url('../images/facilities-icon-sprite.png') no-repeat 0 0;
    }


.studentTeacher {
    background: url('../images/student-teacher-ratio-swapped.png') no-repeat top 2em right 2em;
    background-size: 45% auto;
}

.facilities li.athletics:after {
    background-position: 100% 50%;
}

.facilities li.computer:after {
    background-position: 100% 10%;
}

.facilities li.microscope:after {
    background-position: 33.3% 0;
}

.facilities li.microscope:after {
    background-position: 33.3% 0;
}

.facilities li.earlyYears:after {
    background-position: 66.7% 100%;
}

.toolTip {
    position: absolute;
    opacity: 0;
    background: #003255;
    color: #fff;
    font-size: 1.6em;
    padding: 0.6em 1em;
    -webkit-animation: opacity 0.2s ease-in-out;
    -moz-animation: opacity 0.2s ease-in-out;
    -ms-animation: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    left: 0;
    z-index: 2;
    text-align: left;
    top: calc(100% + 1.2em);
    white-space: nowrap;
}

.facilities li:hover .toolTip {
    opacity: 1;
}

.toolTip:before {
    content: "";
    position: absolute;
    left: 10%;
    z-index: 2;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #003255;
    top: -15px;
}

.maxStudents {
    background: url('../images/students.png') no-repeat right 2em bottom 2em;
    background-size: 40% auto;
}

.classRatios {
    background: url('../images/class.png') no-repeat top 2em right 2em;
    background-size: 28% auto;
}

    .studentTeacher .infoWrapper, .classRatios .infoWrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        -ms-grid-row-align: baseline;
        align-items: baseline;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

.nationalities {
	background: url('../images/Hostel-Facility.png') no-repeat right 2em top 1.5em;
	background-size: 17% auto;
}

footer, .footer {
    position: relative
}

    footer p {
        font-size: 1.4em;
        margin-bottom: 0;
        font-weight: 600;
    }

    footer h2 {
        font-size: 1.4em;
        font-family: inherit;
        text-transform: none;
        color: #000;
        margin-bottom: 0.3em;
        font-weight: 600;
    }

    footer strong {
        margin-right: 0.7em;
        width: 15em;
        display: inline-block;
        vertical-align: top;
        font-weight: 600;
    }

.postSection,
div.anchorLink .quote,
div.anchorLink .quote blockquote {
    position: relative;
}

.anchorLink:after {
    position: unset;
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
}

.postSection a .contentInner {
    position: absolute;
    top: 0;
    z-index: 1;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding: 4em 2em;
}

.contentInner .firstToAnimate,
.contentInner .secondToAnimate,
div.anchorLink .quote {
    -webkit-transform: translate(0,20em);
    -ms-transform: translate(0,20em);
    transform: translate(0,20em);
    opacity: 0;
    visibility: hidden;
    -webkit-animation: opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;
    -moz-animation: opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;
    -ms-animation: opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;
}

.postSection .anchorLink:hover .firstToAnimate,
.postSection .anchorLink:hover .secondToAnimate,
.postSection .anchorLink:hover .quote {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
    visibility: visible;
    -webkit-animation: all 0.5s ease-in-out;
    -moz-animation: all 0.5s ease-in-out;
    -ms-animation: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.quote blockquote:before,
.quote blockquote:after {
    content: "";
    position: absolute;
    height: 41px;
    width: 52px;
    display: inline-block;
    background: url('../images/quotation-mark-sprite.png') no-repeat 0 0;
    top: -1.8em;
    left: 1.3em;
    background-size: auto 100%;
}

.quote blockquote:after {
    background-position: right 0;
    background-size: auto 100%;
    right: 1.3em;
    bottom: -2.3em;
    top: auto;
    left: auto;
}

.quote blockquote {
    font-size: 1.5em;
    position: relative;
    padding: 0 3em;
    color: #fff;
}

.anchorLink.quote-bg .contentInner {
    z-index: 20;
}

.postSection .anchorLink.quote-bg:hover .contentInner {
    background: rgba(114,44,138,0);
}

.anchorLink.quote-bg:before {
    content: "";
    position: absolute;
    background: url('../images/quote-paint-smear-bg.png') no-repeat center;
    background-size: 90% 80%;
    z-index: 10;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.anchorLink.quote-bg:hover:before {
    opacity: 1;
}


.contentInner h3,
.contentInner h4,
.contentInner p {
    color: #fff;
}

.contentInner p {
    font-size: 16px;
}

.contentInner h3 {
    font-family: Arial,sans-serif;
    -webkit-font-variant-ligatures: no-common-ligatures;
    -webkit-animation: all 0.2s 0.4s ease-in-out;
    -moz-animation: all 0.2s 0.4s ease-in-out;
    -ms-animation: all 0.2s 0.4s ease-in-out;
    transition: all 0.2s 0.4s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(-50%,-50%);
    font-size: 2em;
    font-weight: normal;
    text-shadow: 0px 2px 2px rgba(0, 0, 0,0.25);
    width: 100%;
    padding: 0em 1em;
    text-align:center;
}
.contentInner h4 {
    -webkit-font-variant-ligatures: no-common-ligatures;
    -webkit-animation: all 0.2s 0.4s ease-in-out;
    -moz-animation: all 0.2s 0.4s ease-in-out;
    -ms-animation: all 0.2s 0.4s ease-in-out;
    transition: all 0.2s 0.4s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(-50%,-50%);
    font-size: 2em;
    font-weight: normal;
    text-shadow: 0px 2px 2px rgba(0, 0, 0,0.25);
    width: 100%;
    padding: 0em 1em;
}



.postSection div.anchorLink {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
    min-height: 18em;
}

    .postSection div.anchorLink .contentInner {
        background: none;
        position: absolute;
        -webkit-animation: all 0.2s ease-in-out;
        -moz-animation: all 0.2s ease-in-out;
        -ms-animation: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        padding: 3em 2em;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        text-align:center;
    }

.postSection .anchorLink:hover .contentInner {
	background: #003255;
}

    .postSection .anchorLink:hover .contentInner .signpostTitle {
        display: none;
    }
/* .postSection .anchorLink .contentInner .firstToAnimate {
            display: none;
        }*/

.postSection .anchorLink:hover {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
    -webkit-animation: all 0.5s ease-in-out;
    -moz-animation: all 0.5s ease-in-out;
    -ms-animation: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.ctaLink {
    margin: 0 auto;
    border: 2px solid #fff;
    font-size: 1.5em;
    color: #fff;
    padding: 0.6em 1em;
    max-width: 200px;
    -webkit-animation: all 0.4s ease-in-out;
    -moz-animation: all 0.4s ease-in-out;
    -ms-animation: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.anchorLink.bg-violet:after {
    display: none;
}

.anchorLink.bg-violet {
	background: rgb(3, 82, 146);
}

.mapWrapper {
    position: relative;
}

    .mapWrapper iframe {
        width: 100%;
        min-height: 600px;
    }


.map {
    overflow: hidden;
    position: relative;
    padding: 0;
}

    .map .address_box {
        position: absolute;
        top: 50%;
        left: 100px;
        z-index: 1;
        transform: translate(0%, -50%);
    }

.locations {
    width: 320px;
    padding: 2.5em;
    position: relative;
    background: #003255;
    color: #fff;
    text-align: center;
}

    .locations .homepageH3Title {
        font-family: 'dearJoe 5 CASUAL';
    }


.feedPanel {
    background-color: #fff;
}

    .feedPanel > .startEndTime {
        font-family: 'Source Sans Pro';
        text-align: center;
        color: #ea3056;
        font-size: 1em;
        -webkit-animation: all 0.4s ease-in-out;
        -moz-animation: all 0.4s ease-in-out;
        -ms-animation: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .feedPanel:hover .startEndTime {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

.startEndTime span {
    display: block;
    font-size: 1.5em;
    font-weight: 600;
}

    .startEndTime span.eventDate {
        font-size: 5em;
        line-height: 1;
        font-weight: 300;
    }

.feedPanel p.eventTitle {
    color: #000;
    font-size: 1.5em;
    margin-top: 1em;
    text-align: center;
}


.page-tear-sprite_gray {
    background: #e4e1dc url('../images/page-tear-sprite.png') repeat-x 0 -27px;
    padding: 4em 0 3em;
}

.inner_page_banner{

}


.inner-page-banner-area {
	background-image: url(../images/pattern-1.png);
	background-color: #00305a;
}
	.inner-page-banner-area .btm-title-line h1 {
		color:#fff;
	}

.breadcrumb li a {
	color:#fff !important;
	text-decoration:none;
}
.breadcrumb-item.active {
	color: #b1daff;
}

.sidebar-container .position-sticky {
	top: 15px;
}
.sidebar-container header strong {
	font-size: 22px;
	color: #045493;
	margin-bottom: 15px;
	text-transform:uppercase
}
.sidebar-container .nav li a.nav-link {
	font-size: 14px;
	color: #333;
}





.btn-blue-1 {
	background-color: #003255;
	border-color: #003255;
	color:#fff;
}

	.btn-blue-1:hover,
	.btn-blue-1:focus,
	.btn-blue-1:active,
	.btn-blue-1.active {
		background-color: #00233c;
		border-color: #001422;
		color: #fff;
	}

.btn-blue-1.disabled:hover,
.btn-blue-1.disabled:focus,
.btn-blue-1.disabled:active,
.btn-blue-1.disabled.active,
.btn-blue-1[disabled]:hover,
.btn-blue-1[disabled]:focus,
.btn-blue-1[disabled]:active,
.btn-blue-1[disabled].active,
fieldset[disabled] .btn-blue-1:hover,
fieldset[disabled] .btn-blue-1:focus,
fieldset[disabled] .btn-blue-1:active,
fieldset[disabled] .btn-blue-1.active {
	background-color: #003255;
	border-color: #003255;
}


.contact-us-info2,
.contact-us-info2 ul{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
	.contact-us-info2 ul li {
		font-size:16px;
	}
.contact-us-info2 ul li i{
	margin-right: 10px;
}
.navbar-toggler {
	display: none;
}.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28 0, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


.social-icons-top {
	position: fixed;
	top: 250px;
	width: 40px;
	z-index: 8;
}

		.social-icons-top.rightSide {
			right: 0;
		}

		
	.social-icons-top.rightSide ul li .content {
		padding: 0px 10px 0px 46px;
	}

	

	.social-icons-top.rightSide ul li:hover {
		left: -100px;
	}

	.social-icons-top.rightSide ul li .content > a,
	.social-icons-top.rightSide ul li,
	.social-icons-top.rightSide ul li .content > a {
		left: 0;
	}


	

		.social-icons-top.rightSide ul li a,
		.social-icons-top.rightSide ul li p a {
			text-align: left;
		}

	.social-icons-top ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

		

			.social-icons-top ul li.youtube {
				background-color: #FF0000;
			}







			.social-icons-top ul li .content p .sociable {
				text-align: center;
				display: inline-block;
				padding: 0 7px;
				float: left;
				font-size: 20px;
			}

			.social-icons-top ul li .content {
				height: 40px;
				width: 100%;
				text-align: middle;
			}


			.social-icons-top ul li a,
			.social-icons-top ul li p a {
				font-size: 16px;
				color: rgba(255, 255, 255, 0.8) !important;
				margin: 0 !important;
				line-height: 40px;
				font-weight: 600;
			}



				.social-icons-top ul li a:hover,
				.social-icons-top ul li p a:hover {
					color: rgba(255, 255, 255, 1) !important;
				}


			.social-icons-top ul li p {
				margin: 0 !important;
			}

			.social-icons-top ul li .content > a {
				width: 40px;
				height: 40px;
				background-color: rgba(0, 0, 0, 0.2);
				line-height: 40px !important;
				font-size: 20px;
				display: block;
				position: relative;
				text-align: center;
				z-index: 5;
				opacity: 1 !important;
				position: absolute;
				top: 0px;
			}

			.social-icons-top ul li a .fa {
				font: 24px/40px FontAwesome;
			}



			.social-icons-top ul li a, .social-icons-top ul li img {
				display: block;
			}



@media (max-width: 991.98px) {

	.navbar-toggler {
		display: block;
	}


	.infographic .column {
		width: 100%;
	}
	.toolTip {
		font-size: 1em;
		white-space: normal !important;
	}
	.enquery_slide_outer {
		display:none;
	}

	.quote blockquote {
		font-size: 1em;
	}
	.ctaLink {
		font-size: 1em;
		padding: 0.1em 1em;
	}
	.map .address_box {
		top: 50%;
		left: 50%;
		z-index: 1;
		transform: translate(-50%, -50%);
	}
	.languages {
		background-size: 15% auto;
		padding-top: 30px !important;
	}
	.nationalities {
		background-size: 12% auto;
		padding-top: 30px !important;
	}
	.languagesOfInstruction {
		background-size: 23% auto;
		padding-top: 10px !important;
	}
	.curriculum {
		background-size: 20% auto !important;
		padding-top: 60px !important;
		border-top: 1px solid #7bc7ff;
	}
	.maxStudents {
		background-size: 30% auto;
		padding-top: 30px !important;
	}
	.column .box.schoolType.sunIcon {
		background-size: 20% auto;
		min-height: auto !important;
		padding-top: 10px !important;
		border-top: 1px solid #7bc7ff;
	}	
	.ageRange {
		background-size: 13% auto;
		padding-top: 40px !important;
	}
	.column.middle .box.facilities {
		padding-top: 30px;
	}
	.facilities li {
		width: 50px;
		height: 50px;
		margin: 0.5em 0.5em 0 0;
	}
	.facilities li:after {
		background-size: 210px;
	}
	.studentTeacher {
		background-size: 25% auto;
		padding-top: 30px !important;
	}
	.classRatios {
		background-size: 18% auto;
		padding-top: 80px !important;
	}
	.infographic .box h3 {
		font-size: 16px;
	}
	.infographic .column {
		border-right: 0 !important;
	}
}


@media (min-width:1200px) {
	.videoHero .slick-arrow.slick-prev {
		left: 100px;
	}
	.videoHero .slick-arrow.slick-next {
		left: auto;
		right: 100px;
	}
}
.sideNavigation .position-sticky ul.nav {
	border: 1px solid #045493;
	padding: 15px;
	border-radius: 15px;
	background-color:#7bc7ff;
}

.sideNavigation .position-sticky ul.nav li {
	border-bottom: 1px dashed #fff;
}
	.sideNavigation .position-sticky ul.nav li:last-child {
		border-bottom: 0;
	}
	.sideNavigation .position-sticky ul.nav li a {
		padding-left:15px;
		padding-right:15px;
	}.sideNavigation .position-sticky ul.nav li a:hover {
		color:#fff;
		background-color:#045493;
	}