/*----------------------------------------------------
@File: Default Styles
@Author: WeThemez
@URL: http://wethemez.com
Author E-mail: rockybd1995@gmail.com

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
---------------------------------------------------- */
/*=====================================================================
@Template Name: PreSchool
@Author: Rocky
@Developed By: Rocky
@Developer URL: http://rocky.wethemez.com
Author E-mail: rockybd1995@gmail.com

@Default Styles

Table of Content:
01/ Variables
02/ predefin
03/ header
04/ button
05/ slider
06/ contact
07/ feature
08/ service
09/ gallery 
10/ clients 
11/ blog 
12/ video 
13/ banner  
14/ event  
15/ room  
16/ resturant 
17/ footer
=====================================================================*/
/*----------------------------------------------------*/
/*font Variables*/
/*Color Variables*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700,900");

.col-md-offset-right-1, .col-lg-offset-right-1 {
    margin-right: 8.33333333%;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
}

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

.row.m0 {
    margin: 0px;
}

.p0 {
    padding: 0px;
}

body {
    line-height: 28px;
    font-size: 17px;
    letter-spacing: .34px;
    color: #636363;
}

body, p, h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px;
}

#success {
    display: none;
}

#error {
    display: none;
}

.display_table {
    display: table;
    width: 100%;
}

.display_table_row {
    display: table-row;
}

.display_table_cell {
    display: table-cell;
    float: none !important;
}

.p_100 {
    padding: 100px 0px;
}

iframe {
    border: none;
}

i:before {
    margin-left: 0px !important;
}

.p_70 {
    padding: 70px 0px;
}

.box_layout {
    max-width: 1500px;
    margin: auto;
    position: relative;
    background: #fff;
}

.box_bg {
    background: url(../img/teckture-bg.jpg) repeat fixed center center;
}

/* Container Custome Code css
============================================================================================ */
@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

/* End Container Custome Code css
============================================================================================ */
.faci_title {
    padding-bottom: 60px;
}

    .faci_title h2 {
        font-size: 35px;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        color: #252525;
        text-transform: uppercase;
        position: relative;
        padding-bottom: 15px;
        margin-bottom: 25px;
    }

        .faci_title h2:before {
            content: "";
            width: 130px;
            height: 2px;
            background: #ff5722;
            position: absolute;
            left: 0px;
            bottom: 0px;
        }

        .faci_title h2:after {
            content: "";
            width: 45px;
            height: 2px;
            background: #1976d2;
            position: absolute;
            left: 0px;
            bottom: 0px;
        }

    .faci_title p {
        font-size: 18px;
        color: #636363;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
    }

        .faci_title p + p {
            padding-top: 25px;
        }

.m_title {
    text-align: center;
    padding-bottom: 40px;
}

    .m_title h2 {
        font-size: 35px;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        color: #252525;
        text-transform: uppercase;
        position: relative;
        padding-bottom: 15px;
        margin-bottom: 25px;
        display: inline-block;
    }

        .m_title h2:before {
            content: "";
            width: 130px;
            height: 2px;
            background: #e87b22;
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: 0px;
        }

        .m_title h2:after {
            content: "";
            width: 45px;
            height: 2px;
            background: #1976d2;
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: 0px;
        }

    .m_title p {
        font-size: 18px;
        color: #636363;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
    }

.single_title {
    text-align: center;
    padding-bottom: 75px;
}

    .single_title h2 {
        color: #252525;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        font-size: 35px;
    }

.new_title {
    text-align: center;
    padding-bottom: 75px;
}

    .new_title h2 {
        font-size: 30px;
        font-family: "Roboto", sans-serif;
        color: #1b70c4;
        font-weight: 500;
        padding-bottom: 15px;
    }

    .new_title h3 {
        color: #ff5722;
        font-family: "Roboto", sans-serif;
        font-weight: bold;
        font-size: 18px;
    }

.blue_s_title {
    text-align: center;
    padding-bottom: 55px;
}

    .blue_s_title h2 {
        font-size: 30px;
        font-family: "Roboto", sans-serif;
        font-weight: bold;
        color: #1976d2;
    }

/* Main title css
============================================================================================ */
/* Main title css
============================================================================================ */
/* Css keyframes css
============================================================================================ */
@-webkit-keyframes menu-animation {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.04) translateY(300%);
        transform: scale(0.04) translateY(300%);
    }

    40% {
        -webkit-transform: scale(0.04) translateY(0);
        transform: scale(0.04) translateY(0);
        -webkit-transition: ease-out;
        -o-transition: ease-out;
        transition: ease-out;
    }

    40% {
        -webkit-transform: scale(0.04) translateY(0);
        transform: scale(0.04) translateY(0);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(0.02) translateY(0px);
        transform: scale(0.02) translateY(0px);
    }

    61% {
        -webkit-transform: scale(0.04);
        transform: scale(0.04);
    }

    99.9% {
        height: 0;
        padding-bottom: 100%;
        border-radius: 100%;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        height: 100%;
        padding-bottom: 0;
        border-radius: 0;
    }
}

@keyframes menu-animation {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.04) translateY(300%);
        transform: scale(0.04) translateY(300%);
    }

    40% {
        -webkit-transform: scale(0.04) translateY(0);
        transform: scale(0.04) translateY(0);
        -webkit-transition: ease-out;
        -o-transition: ease-out;
        transition: ease-out;
    }

    40% {
        -webkit-transform: scale(0.04) translateY(0);
        transform: scale(0.04) translateY(0);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(0.02) translateY(0px);
        transform: scale(0.02) translateY(0px);
    }

    61% {
        -webkit-transform: scale(0.04);
        transform: scale(0.04);
    }

    99.9% {
        height: 0;
        padding-bottom: 100%;
        border-radius: 100%;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        height: 100%;
        padding-bottom: 0;
        border-radius: 0;
    }
}

/* End Css keyframes css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Header css
============================================================================================ */
.header_menu_area {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 30;
}

    .header_menu_area + section, .header_menu_area + div, .header_menu_area + row {
        margin-top: 100px;
    }

    .header_menu_area.navbar_fixed .main_menu {
        position: fixed;
        width: 100%;
        top: -70px;
        left: 0;
        right: 0;
        background: #fff;
        -webkit-transform: translateY(70px);
        -ms-transform: translateY(70px);
        transform: translateY(70px);
        -webkit-transition: all 300ms linear;
        -o-transition: all 300ms linear;
        transition: all 300ms linear;
        -webkit-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);
        z-index: 40;
    }

        .header_menu_area.navbar_fixed .main_menu .navbar.navbar-expand-lg .navbar-nav > li {
            padding: 21px 0px;
        }

            .header_menu_area.navbar_fixed .main_menu .navbar.navbar-expand-lg .navbar-nav > li a > i {
                display: none;
            }

@media (min-width: 992px) {
    .header_menu_area.navbar_fixed .main_menu .navbar.navbar-expand-lg .navbar-nav > li.submenu .dropdown-menu {
        top: 70px;
    }
}

.header_menu_area.navbar_fixed .main_menu .navbar.navbar-expand-lg .navbar-nav.justify-content-end li a i {
    display: block;
}

.header_menu_area.navbar_fixed.hide_menu .main_menu {
    top: -150px;
    -webkit-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}

.single_menu + section, .single_menu + div, .single_menu + row {
    margin-top: 104px;
}

.top_header {
    overflow: hidden;
    /*background: #cddc39;*/
    background: #e87b22; /*Orange*/
    /*background: #3a82df;*/ /*Blue*/
}

    .top_header .pull-left a {
        color: #fff;
        font-size: 16px;
        font-family: "Roboto", sans-serif;
        margin-right: 30px;
        font-weight: 300;
        line-height: 42px;
    }

        .top_header .pull-left a i {
            padding-right: 5px;
        }

        .top_header .pull-left a:last-child {
            margin-right: 0px;
        }

    .top_header .pull-right a {
        color: #fff;
        font-size: 16px;
        font-family: "Roboto", sans-serif;
        margin-right: 30px;
        text-transform: uppercase;
        font-weight: 300;
        line-height: 42px;
    }

        .top_header .pull-right a i {
            padding-right: 5px;
        }

        .top_header .pull-right a:last-child {
            margin-right: 0px;
        }

.main_menu {
    background: #fff;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
}

    .main_menu .navbar {
        padding: 0px;
        background-color: transparent !important;
    }

@media (min-width: 992px) {
    .main_menu .navbar .navbar-collapse {
        text-align: right !important;
        display: block !important;
    }
}

.main_menu .navbar .navbar-nav {
    display: inline-block;
    vertical-align: middle;
}

    .main_menu .navbar .navbar-nav li {
        display: inline-block;
        margin-right: 40px;
        padding: 30px 0px;
    }

        .main_menu .navbar .navbar-nav li a {
            text-align: center;
            font-family: "Roboto", sans-serif;
            font-size: 16px;
            text-transform: uppercase;
            padding: 0px 0px;
            color: #727272;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

            .main_menu .navbar .navbar-nav li a:after {
                display: none;
            }

            .main_menu .navbar .navbar-nav li a i {
                display: block;
                -webkit-transition: all 400ms linear 0s;
                -o-transition: all 400ms linear 0s;
                transition: all 400ms linear 0s;
                line-height: 16px;
            }

        .main_menu .navbar .navbar-nav li:hover a, .main_menu .navbar .navbar-nav li.active a {
            color: #1976d2;
        }

            .main_menu .navbar .navbar-nav li:hover a i, .main_menu .navbar .navbar-nav li.active a i {
                color: #ff6633;
            }

@media (min-width: 992px) {
    .main_menu .navbar .navbar-nav li.submenu .dropdown-menu {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        -webkit-transition: all 400ms ease-out;
        -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;
        display: block;
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        min-width: 250px;
        background: #ffffff;
        border-radius: 0px;
        border: none;
        padding: 0px;
        left: -20px;
        -webkit-box-shadow: none;
        box-shadow: none;
        visibility: hidden;
        margin-top: 0px;
        top: 104px;
    }
}

.main_menu .navbar .navbar-nav li.submenu .dropdown-menu li {
    margin-right: 0px;
    display: block;
    padding: 0px;
}

    .main_menu .navbar .navbar-nav li.submenu .dropdown-menu li a {
        display: block;
        line-height: 42px;
        color: #252525;
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        padding: 0px 30px;
        text-transform: inherit;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
        text-shadow: none;
        border-bottom: 1px solid #dcdcdc;
        text-align: left;
    }

        .main_menu .navbar .navbar-nav li.submenu .dropdown-menu li a:before {
            display: none;
        }

    .main_menu .navbar .navbar-nav li.submenu .dropdown-menu li:hover a {
        color: #fff;
        background: #1976d2;
    }

    .main_menu .navbar .navbar-nav li.submenu .dropdown-menu li:last-child a {
        border-bottom: 0px;
    }

@media (min-width: 992px) {
    .main_menu .navbar .navbar-nav li:hover.submenu .dropdown-menu {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        visibility: visible;
    }
}

.main_menu .navbar .navbar-nav.justify-content-end li a {
    color: #727272;
    font-size: 30px;
}

.main_menu .navbar .navbar-nav.justify-content-end li.cart a {
    position: relative;
    font-size: 18px;
    top: -5px;
}

    .main_menu .navbar .navbar-nav.justify-content-end li.cart a:before {
        content: "3";
        height: 15px;
        width: 15px;
        position: absolute;
        background: #1976d2;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 12px;
        border-radius: 50%;
        color: #fff;
        font-size: 9px;
        font-family: "Roboto", sans-serif;
        line-height: 15px;
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    }

.main_menu .navbar .navbar-nav.justify-content-end li.search a {
    position: relative;
    top: 2px;
}

.main_menu .navbar .navbar-nav.justify-content-end li:last-child {
    margin-right: 0px;
}

/* End Header css
============================================================================================ */
/* End Header css
============================================================================================ */
.menu_full_width {
    position: absolute;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 40px;
    z-index: 20;
    max-width: 1600px;
    margin: auto;
}

    .menu_full_width .bar_menu {
        font-size: 25px;
        color: #f5fcf4;
        cursor: pointer;
    }

/* End Header css
============================================================================================ */
.header_banner_area {
    position: relative;
}

    .header_banner_area .rev_slider ul li .slotholder:before {
        content: "";
        position: absolute;
        left: 0px;
        height: 100%;
        width: 100%;
        background: rgba(255, 0, 0, 0.4);
        z-index: 25;
    }

    .header_banner_area .h_banner_text {
        position: absolute;
        left: 0px;
        top: 55%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        text-align: center;
        z-index: 25;
    }

        .header_banner_area .h_banner_text h2 {
            font-size: 70px;
            color: #fff;
            font-family: "Roboto", sans-serif;
            font-weight: bold;
            margin-bottom: 30px;
        }

        .header_banner_area .h_banner_text p {
            color: #fff;
            font-size: 22px;
            font-family: "Roboto", sans-serif;
            opacity: .80;
        }

        .header_banner_area .h_banner_text .courses_btn {
            margin-right: 50px;
            margin-top: 60px;
        }

.header_menu_area.onepage_menu .top_header {
    background: rgba(16, 16, 16, 0.3);
}

    .header_menu_area.onepage_menu .top_header .pull-right a {
        text-transform: capitalize;
    }

.header_menu_area.onepage_menu .main_menu {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid rgba(255, 0, 0, 0.07);
}

    .header_menu_area.onepage_menu .main_menu .navbar.navbar-expand-lg .navbar-collapse ul li a {
        color: #fff;
    }

.header_menu_area.onepage_menu + section, .header_menu_area.onepage_menu + div {
    margin-top: 0px;
}

.header_menu_area.onepage_menu.navbar_fixed .main_menu {
    position: fixed;
    width: 100%;
    top: -70px;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform: translateY(70px);
    -webkit-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    -webkit-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);
}

    .header_menu_area.onepage_menu.navbar_fixed .main_menu .navbar.navbar-expand-lg .navbar-nav li {
        padding: 20px 0px;
    }

        .header_menu_area.onepage_menu.navbar_fixed .main_menu .navbar.navbar-expand-lg .navbar-nav li a {
            color: #727272;
        }

            .header_menu_area.onepage_menu.navbar_fixed .main_menu .navbar.navbar-expand-lg .navbar-nav li a.active {
                color: #1976d2;
            }

.box_layout {
    overflow: hidden;
}

    .box_layout .header_menu_area + section, .box_layout .header_menu_area + row, .box_layout .header_menu_area + div {
        margin-top: 0px;
        padding-top: 146px;
    }

    .box_layout .header_menu_area.navbar_fixed .main_menu {
        max-width: 1500px;
        margin: auto;
    }

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Banner Area css
============================================================================================ */
.banner_area {
    background: url(../img/banner/banner-bg.jpg) no-repeat scroll center center;
    background-size: cover;
    position: relative;
    z-index: 3;
}

.login_banner_area {
    background: url(../img/banner/Banner_Login.png) no-repeat scroll center center !important;
}

.banner_area:before {
    content: "";
    background: rgba(25, 118, 210, 0.9);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.banner_area.red:before {
    background: rgba(255, 87, 34, 0.9);
}

.banner_inner {
    text-align: center;
}

    .banner_inner h4 {
        color: #fff;
        text-transform: uppercase;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        font-size: 30px;
        padding-top: 100px;
    }

    .banner_inner p {
        color: #fff;
        font-size: 20px;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        padding-top: 10px;
    }

    .banner_inner .page_link {
        padding-bottom: 30px;
        padding-top: 48px;
    }

        .banner_inner .page_link li {
            display: inline-block;
            margin-right: 10px;
        }

            .banner_inner .page_link li a {
                color: #fff;
                position: relative;
                font-size: 14px;
                font-family: "Roboto", sans-serif;
                font-weight: 500;
            }

                .banner_inner .page_link li a:before {
                    content: "/";
                    position: absolute;
                    right: -10px;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

            .banner_inner .page_link li:last-child {
                margin-right: 0px;
            }

                .banner_inner .page_link li:last-child a:before {
                    display: none;
                }

.banner_two .banner_inner h4 {
    padding-bottom: 0px;
    padding-top: 148px;
}

.banner_two .banner_inner h5 {
    font-size: 20px;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    color: #fff;
    padding: 10px 0px 20px 0px;
}

.banner_two .banner_inner .banner_social {
    padding-bottom: 80px;
}

.banner_social li {
    display: inline-block;
    margin-right: 40px;
}

    .banner_social li a {
        font-size: 16px;
        color: #fff;
    }

    .banner_social li:last-child {
        margin-right: 0px;
    }

.event_banner {
    background: url(../img/banner/banner-bg-3.jpg) no-repeat scroll center center;
    background-size: cover;
    position: relative;
    z-index: 3;
}

    .event_banner:before {
        content: "";
        background: rgba(0, 66, 132, 0.85);
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .event_banner .event_banner_inner {
        padding-top: 160px;
        padding-bottom: 20px;
    }

        .event_banner .event_banner_inner .event_left_text h3 {
            color: #fff;
            font-size: 30px;
            font-family: "Roboto", sans-serif;
            font-weight: 900;
            text-transform: uppercase;
            margin-right: -40px;
            padding-bottom: 115px;
        }

        .event_banner .event_banner_inner .event_left_text ul li {
            display: inline-block;
            margin-right: 6px;
        }

            .event_banner .event_banner_inner .event_left_text ul li a {
                font-size: 14px;
                font-family: "Roboto", sans-serif;
                color: #fff;
                position: relative;
            }

                .event_banner .event_banner_inner .event_left_text ul li a:before {
                    content: "/";
                    position: absolute;
                    right: -9px;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                    color: #fff;
                }

            .event_banner .event_banner_inner .event_left_text ul li:last-child {
                margin-right: 0px;
            }

                .event_banner .event_banner_inner .event_left_text ul li:last-child a:before {
                    display: none;
                }

.banner_count .countdown .countdown-container {
    width: calc(100% / 4);
    float: left;
    margin: auto;
    text-align: center;
    position: relative;
}

    .banner_count .countdown .countdown-container .countdown-heading {
        color: #fff;
        font-size: 18px;
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        text-transform: uppercase;
        position: absolute;
        width: 100%;
        text-align: center;
        left: 0px;
        top: 100%;
        margin-top: 15px;
    }

    .banner_count .countdown .countdown-container .countdown-value {
        padding: 0px;
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-shadow: none;
        color: #ff5722;
        font-size: 60px;
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        text-transform: uppercase;
    }

    .banner_count .countdown .countdown-container:nth-child(2) .countdown-value {
        /*color: #cddc39;*/
        color: #e87b22
    }

    .banner_count .countdown .countdown-container:nth-child(3) .countdown-value {
        color: #1976d2;
    }

    .banner_count .countdown .countdown-container:nth-child(4) .countdown-value {
        color: #ffeb3b;
    }

/* End Banner Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Feature Area css
============================================================================================ */
.feature_effect_area {
    background: #f5f5f5;
    padding-bottom: 100px;
}

.feature_normal {
    padding: 86px 0px;
}

    .feature_normal .feature_inner {
        margin-top: 0px;
    }

.feature_inner {
    margin-top: -160px;
    z-index: 30;
}

    .feature_inner .col-md-4:nth-child(2) .feature_item {
        border: 2px solid #1976d2;
    }

        .feature_inner .col-md-4:nth-child(2) .feature_item i {
            color: #1976d2;
        }

    .feature_inner .col-md-4:last-child .feature_item {
        border: 2px solid #fcd900;
    }

        .feature_inner .col-md-4:last-child .feature_item i {
            color: #fcd900;
        }

.feature_item {
    text-align: center;
    background: #f5f5f5;
    border: 2px solid #ff5722;
    border-radius: 10px;
    padding: 35px 40px;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
    z-index: 22;
    position: relative;
    border-radius: 15px;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}

    .feature_item i {
        font-size: 48px;
        color: #ff5722;
    }

    .feature_item h4 {
        font-size: 24px;
        color: #252525;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        padding: 15px 0px 20px 0px;
    }

    .feature_item p {
        font-size: 16px;
        font-family: "Roboto", sans-serif;
        line-height: 30px;
        color: #636363;
        font-weight: 300;
        padding-bottom: 25px;
    }

    .feature_item:hover {
        border: 2px solid #f5f5f5 !important;
    }

.read_more {
    font-size: 16px;
    color: #1976d2;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}

    .read_more i {
        font-size: 16px;
        color: #1976d2 !important;
        position: relative;
        right: 0px;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }

    .read_more:hover {
        color: #1976d2;
    }

        .read_more:hover i {
            right: -4px;
        }

.coures_event {
    /*background: #cddc39;*/
    background: #e87b22;
    padding: 22px 66px;
    border-radius: 8px;
    margin-top: 110px;
}

    .coures_event .event_category {
        margin-bottom: 18px;
    }

        .coures_event .event_category li {
            display: inline-block;
            margin-right: 54px;
        }

            .coures_event .event_category li a {
                font-size: 22px;
                font-family: "Roboto", sans-serif;
                font-weight: 300;
                text-transform: uppercase;
                color: #fff;
                position: relative;
                -webkit-transition: all 400ms linear 0s;
                -o-transition: all 400ms linear 0s;
                transition: all 400ms linear 0s;
            }

                .coures_event .event_category li a:before {
                    content: "\F1D9";
                    font: normal normal normal 24px/1 "Material Design Icons";
                    color: #fff;
                    position: absolute;
                    right: -40px;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

            .coures_event .event_category li:last-child {
                margin-right: 0px;
            }

                .coures_event .event_category li:last-child a:before {
                    display: none;
                }

            .coures_event .event_category li:hover a {
                color: #1976d2;
            }

    .coures_event .event_item input {
        width: 100%;
        height: 40px;
        border: none;
        border-radius: 6px;
        padding: 0px 10px;
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        color: #bcbcbc;
    }

        .coures_event .event_item input.placeholder {
            font-family: "Roboto", sans-serif;
            font-size: 15px;
            color: #bcbcbc;
        }

        .coures_event .event_item input:-moz-placeholder {
            font-family: "Roboto", sans-serif;
            font-size: 15px;
            color: #bcbcbc;
        }

        .coures_event .event_item input::-moz-placeholder {
            font-family: "Roboto", sans-serif;
            font-size: 15px;
            color: #bcbcbc;
        }

        .coures_event .event_item input::-webkit-input-placeholder {
            font-family: "Roboto", sans-serif;
            font-size: 15px;
            color: #bcbcbc;
        }

    .coures_event .event_item .btn-group {
        width: 100% !important;
    }

        .coures_event .event_item .btn-group .dropdown-toggle {
            outline: none !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            padding: 0px 10px;
            height: 40px;
            border-radius: 6px;
            line-height: 36px;
        }

            .coures_event .event_item .btn-group .dropdown-toggle span {
                font-family: "Roboto", sans-serif;
                font-size: 15px;
                color: #bcbcbc;
            }

            .coures_event .event_item .btn-group .dropdown-toggle:after {
                content: "\F142";
                font: normal normal normal 15px/1 "Material Design Icons";
                border: none;
                margin: 0px;
                color: #bcbcbc;
                position: relative;
                right: 15px;
                top: 4px;
            }

        .coures_event .event_item .btn-group .dropdown-menu.open.show {
            display: block !important;
        }

            .coures_event .event_item .btn-group .dropdown-menu.open.show .dropdown-menu.inner {
                display: block;
            }

        .coures_event .event_item .btn-group .dropdown-menu {
            margin: 2px 0px 0px 0px;
            padding: 0px;
            border: none;
            border-radius: 6px;
        }

            .coures_event .event_item .btn-group .dropdown-menu .dropdown-menu li a {
                padding: 0px 10px;
                font-family: "Roboto", sans-serif;
                color: #636363;
                line-height: 40px;
                border-bottom: 1px solid #ebebeb;
                display: block;
                font-size: 15px;
            }

            .coures_event .event_item .btn-group .dropdown-menu .dropdown-menu li:last-child a {
                border: none;
            }

    .coures_event .event_item .input-append {
        position: relative;
    }

        .coures_event .event_item .input-append input {
            width: 100%;
            height: 40px;
            border: none;
            border-radius: 6px;
            padding: 0px 10px;
            font-family: "Roboto", sans-serif;
            font-size: 15px;
            color: #bcbcbc;
        }

            .coures_event .event_item .input-append input.placeholder {
                font-family: "Roboto", sans-serif;
                font-size: 15px;
                color: #bcbcbc;
            }

            .coures_event .event_item .input-append input:-moz-placeholder {
                font-family: "Roboto", sans-serif;
                font-size: 15px;
                color: #bcbcbc;
            }

            .coures_event .event_item .input-append input::-moz-placeholder {
                font-family: "Roboto", sans-serif;
                font-size: 15px;
                color: #bcbcbc;
            }

            .coures_event .event_item .input-append input::-webkit-input-placeholder {
                font-family: "Roboto", sans-serif;
                font-size: 15px;
                color: #bcbcbc;
            }

        .coures_event .event_item .input-append:before {
            content: "\F678";
            position: absolute;
            right: 10px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            font: normal normal normal 15px/1 "Material Design Icons";
            color: #bcbcbc;
        }

/* End Feature Area css
============================================================================================ */
/* Facilities Area css
============================================================================================ */
.facilities_area {
    overflow: hidden;
}

.left_faci {
    width: calc(50% - 214px);
    float: left;
    overflow: hidden;
}

    .left_faci .faci_img {
        overflow: hidden;
        padding-right: 55px;
    }

.right_faci {
    width: calc(50% + 214px);
    float: right;
    overflow: hidden;
    padding-left: 55px;
}

.faci_inner_text {
    max-width: 745px;
    padding-top: 65px;
}

.faci_item_inner {
    margin-bottom: -65px;
    max-width: 100%;
}

    .faci_item_inner .col-md-6:nth-child(2) .media .d-flex {
        color: #2196f3;
    }

    .faci_item_inner .col-md-6:nth-child(2) .media .media-body h4:hover {
        color: #2196f3;
    }

    .faci_item_inner .col-md-6:nth-child(3) .media .d-flex {
        /*color: #cddc39;*/
        color: #e87b22;
    }

    .faci_item_inner .col-md-6:nth-child(3) .media .media-body h4:hover {
        /*color: #cddc39;*/
        color: #e87b22;
    }

    .faci_item_inner .col-md-6:last-child .media .d-flex {
        color: #fcd900;
    }

    .faci_item_inner .col-md-6:last-child .media .media-body h4:hover {
        color: #fcd900;
    }

    .faci_item_inner .media {
        margin-bottom: 63px;
    }

        .faci_item_inner .media .d-flex {
            height: 62px;
            width: 62px;
            border-radius: 50%;
            border: 1px solid #e6e6e6;
            text-align: center;
            font-size: 35px;
            display: inline-block !important;
            margin-right: 25px;
            line-height: 59px;
            color: #ff5722;
        }

        .faci_item_inner .media .media-body h4 {
            font-size: 24px;
            color: #252525;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
            padding-bottom: 15px;
            cursor: pointer;
        }

            .faci_item_inner .media .media-body h4:hover {
                color: #ff5722;
            }

        .faci_item_inner .media .media-body p {
            font-size: 16px;
            font-family: "Roboto", sans-serif;
            color: #636363;
            font-weight: 300;
        }

        .faci_item_inner .media.blue .d-flex {
            color: #1976d2 !important;
        }

        .faci_item_inner .media.blue .media-body h4:hover {
            color: #1976d2 !important;
        }

        .faci_item_inner .media.yellow .d-flex {
            color: #fcd900 !important;
        }

        .faci_item_inner .media.yellow .media-body h4:hover {
            color: #fcd900 !important;
        }

/* End Facilities Area css
============================================================================================ */
/* Feature Courses Area css
============================================================================================ */
.feature_courses_area {
    background: url(../img/courses-bg.jpg) no-repeat fixed center center;
    background-size: cover;
}

    .feature_courses_area .m_title {
        padding-bottom: 65px;
    }

.f_courses2 {
    background: #fff;
}

.courses_item.course_item2 .c_time {
    text-align: center;
    background: #ff5722;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

    .courses_item.course_item2 .c_time h6 {
        line-height: 44px;
        color: #fff;
    }

.courses_item.course_item2 .courses_img {
    border-radius: 0px;
}

    .courses_item.course_item2 .courses_img img {
        border-radius: 0px;
    }

.courses_item.course_item2 .courses_content .courses_list {
    margin-top: 5px;
}

.courses_item.course_item2.green .c_time {
    background: #cddc39;
}

.courses_item.course_item2.green .courses_img .course_rate {
    background: #cddc39;
}

.courses_item.course_item2.green .courses_content h4:hover {
    color: #cddc39;
}

.courses_item.course_item2.green .courses_content .view_btn {
    background: #cddc39;
}

.courses_item.course_item2.green .courses_content .courses_list .courses_list_item h6 {
    color: #cddc39;
}

.courses_item.course_item2.blue .c_time {
    background: #2196f3;
}

.courses_item.course_item2.blue .courses_img .course_rate {
    background: #2196f3;
}

.courses_item.course_item2.blue .courses_content h4:hover {
    color: #2196f3;
}

.courses_item.course_item2.blue .courses_content .view_btn {
    background: #2196f3;
}

.courses_item.course_item2.blue .courses_content .courses_list .courses_list_item h6 {
    color: #2196f3;
}

.courses_item.course_item3 {
    border: 1px solid #ff5722;
}

    .courses_item.course_item3 .courses_img {
        position: relative;
    }

        .courses_item.course_item3 .courses_img:before {
            content: "";
            background: rgba(219, 16, 16, 0.35);
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0px;
            top: 0px;
            z-index: 2;
        }

        .courses_item.course_item3 .courses_img .course_rate {
            z-index: 3;
        }

    .courses_item.course_item3.green {
        border: 1px solid #cddc39;
    }

        .courses_item.course_item3.green .courses_img {
            position: relative;
        }

            .courses_item.course_item3.green .courses_img:before {
                content: "";
                background: rgba(205, 220, 57, 0.35);
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0px;
                top: 0px;
                z-index: 2;
            }

            .courses_item.course_item3.green .courses_img .course_rate {
                z-index: 3;
            }

    .courses_item.course_item3.blue {
        border: 1px solid #2196f3;
    }

        .courses_item.course_item3.blue .courses_img {
            position: relative;
        }

            .courses_item.course_item3.blue .courses_img:before {
                content: "";
                background: rgba(33, 150, 243, 0.35);
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0px;
                top: 0px;
                z-index: 2;
            }

            .courses_item.course_item3.blue .courses_img .course_rate {
                z-index: 3;
            }

.courses_item {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    background: #fff;
}

    .courses_item .courses_img {
        position: relative;
        overflow: hidden;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

        .courses_item .courses_img img {
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

        .courses_item .courses_img .course_rate {
            position: absolute;
            left: 15px;
            bottom: 5px;
            height: 80px;
            width: 80px;
            border-radius: 50%;
            text-align: center;
            color: #fff;
            line-height: 80px;
            font-size: 25px;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            background: #ff5722;
            opacity: 0;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

    .courses_item .courses_content {
        text-align: center;
        padding: 10px 0px 30px 0px;
    }

        .courses_item .courses_content .c_date {
            font-size: 16px;
            color: #959595;
            font-family: "Roboto", sans-serif;
        }

        .courses_item .courses_content h4 {
            font-size: 30px;
            color: #252525;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            padding: 22px 0px 15px 0px;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

            .courses_item .courses_content h4:hover {
                color: #ff5722;
            }

        .courses_item .courses_content h5 {
            font-size: 16px;
            color: #959595;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            padding-bottom: 35px;
        }

    .courses_item .courses_list {
        overflow: hidden;
        margin-top: 35px;
        padding: 0px 15px;
    }

        .courses_item .courses_list .courses_list_item {
            width: calc(100% / 3);
            float: left;
            position: relative;
        }

            .courses_item .courses_list .courses_list_item:before {
                content: "";
                height: 28px;
                width: 1px;
                background: #e9e9e9;
                position: absolute;
                right: 0px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .courses_item .courses_list .courses_list_item h5 {
                font-size: 14px;
                font-family: "Roboto", sans-serif;
                font-weight: 300;
                padding-bottom: 4px;
            }

            .courses_item .courses_list .courses_list_item h6 {
                font-size: 16px;
                color: #ff5722;
                font-family: "Roboto", sans-serif;
            }

            .courses_item .courses_list .courses_list_item:last-child:before {
                display: none;
            }

    .courses_item:hover .courses_img img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .courses_item:hover .courses_img .course_rate {
        opacity: 1;
    }

    .courses_item.green .c_time {
        background: #cddc39;
    }

    .courses_item.green .courses_img .course_rate {
        background: #cddc39;
    }

    .courses_item.green .courses_content h4:hover {
        color: #cddc39;
    }

    .courses_item.green .courses_content .view_btn {
        background: #cddc39;
    }

    .courses_item.green .courses_content .courses_list .courses_list_item h6 {
        color: #cddc39;
    }

    .courses_item.blue .c_time {
        background: #2196f3;
    }

    .courses_item.blue .courses_img .course_rate {
        background: #2196f3;
    }

    .courses_item.blue .courses_content h4:hover {
        color: #2196f3;
    }

    .courses_item.blue .courses_content .view_btn {
        background: #2196f3;
    }

    .courses_item.blue .courses_content .courses_list .courses_list_item h6 {
        color: #2196f3;
    }

/* End Feature Courses Area css
============================================================================================ */
/* Why Preschool Area css
============================================================================================ */
.why_preschool_area {
    overflow: hidden;
}

.left_preschool {
    width: calc(50% + 215px);
    float: left;
    overflow: hidden;
}

    .left_preschool .l_school_text {
        max-width: 900px;
        float: right;
        width: 100%;
    }

        .left_preschool .l_school_text .faci_title {
            padding-bottom: 45px;
        }

.right_preschool {
    width: calc(50% - 215px);
    float: right;
    overflow: hidden;
}

    .right_preschool .r_preschool_img {
        padding-top: 40px;
    }

.preschool_item {
    margin-bottom: -45px;
}

    .preschool_item .col-md-6 {
        margin-bottom: 45px;
    }

        .preschool_item .col-md-6:nth-child(2) .media .d-flex {
            /*color: #cddc39;*/
            color: #e87b22;
        }

        .preschool_item .col-md-6:nth-child(3) .media .d-flex {
            color: #2196f3;
        }

        .preschool_item .col-md-6:last-child .media .d-flex {
            color: #fcd900;
        }

    .preschool_item .media .media-body h4 {
        font-size: 24px;
        color: #252525;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        padding-bottom: 20px;
    }

    .preschool_item .media .media-body p {
        font-size: 16px;
        color: #636363;
        font-weight: 300;
        line-height: 30px;
        font-family: "Roboto", sans-serif;
    }

    .preschool_item .media .d-flex {
        font-size: 100px;
        color: #ff6633;
        line-height: 100px;
        padding-left: 15px;
        padding-top: 15px;
    }

        .preschool_item .media .d-flex:before {
            font-size: 100px;
        }

.why_preschool2 {
    background: #f5f5f5;
}

    .why_preschool2 .l_school_text {
        float: none;
        margin-left: 30px;
    }

/* End Why Preschool Area css
============================================================================================ */
/* Few Moment Area css
============================================================================================ */
.few_moment_area {
    background: #f5f5f5;
    overflow: hidden;
    padding-top: 100px;
}

    .few_moment_area .m_title {
        padding-bottom: 35px;
    }

.few_item_inner .few_item {
    width: calc(100% / 6);
    float: left;
}

.portfolio_filter {
    text-align: center;
    padding-bottom: 55px;
}

    .portfolio_filter ul li {
        display: inline-block;
        margin-right: 40px;
    }

        .portfolio_filter ul li a {
            font-size: 18px;
            font-family: "Roboto", sans-serif;
            color: #636363;
            font-weight: 300;
        }

        .portfolio_filter ul li:last-child {
            margin-right: 0px;
        }

        .portfolio_filter ul li:hover a, .portfolio_filter ul li.active a {
            color: #1976d2;
        }

.few_item {
    overflow: hidden;
    position: relative;
    z-index: 2;
}

    .few_item:before {
        content: "";
        width: 100%;
        height: 100%;
        opacity: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        overflow: visible;
        border: 0px solid rgba(33, 140, 243, 0.63);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        z-index: 1;
    }

    .few_item .hover_icon {
        position: absolute;
        width: 100%;
        text-align: center;
        left: 0px;
        top: 50%;
        z-index: 2;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        margin-top: -32px;
        -webkit-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
    }

        .few_item .hover_icon a {
            border: 1px dashed #fff;
            height: 64px;
            width: 64px;
            border-radius: 50%;
            text-align: center;
            color: #fff;
            line-height: 60px;
            font-size: 30px;
            margin-right: 40px;
            display: inline-block;
        }

            .few_item .hover_icon a + a {
                margin-right: 0px;
            }

    .few_item:hover:before {
        opacity: 1;
        border: 160px solid rgba(33, 140, 243, 0.63);
    }

    .few_item:hover .hover_icon {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

.apply_inner {
    overflow: hidden;
    border-bottom: 2px dashed #dddddd;
    padding: 55px 0px;
}

    .apply_inner .pull-left h4 {
        font-size: 25px;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        color: #636363;
        padding-top: 5px;
    }

.apply_two .apply_inner {
    border-bottom: 0px;
    border-top: 2px dashed #dddddd;
}

/* End Few Moment Area css
============================================================================================ */
/* Perfect Child Area css
============================================================================================ */
.perfect_child_area {
    padding-bottom: 70px;
}

.p_child_inner {
    text-align: center;
}

    .p_child_inner h5 {
        font-size: 25px;
        color: #636363;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        padding-top: 15px;
        padding-bottom: 30px;
    }

    .p_child_inner .view_btn {
        /*background: #cddc39;*/
        background: #e87b22;
        margin-right: 90px;
        padding: 0px 24px;
    }

        .p_child_inner .view_btn:hover {
            -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
        }

        .p_child_inner .view_btn + .view_btn {
            background: #1976d2;
            margin-right: 0px;
        }

/* End Perfect Child Area css
============================================================================================ */
/* Pre Facilities Area css
============================================================================================ */
.pre_facilities_area {
    padding: 100px 0px;
}

    .pre_facilities_area .m_title {
        padding-bottom: 65px;
    }

    .pre_facilities_area .pre_facilities_inner .faci_item_inner .col-lg-4:nth-child(2) .media .d-flex {
        color: #e4405f;
    }

    .pre_facilities_area .pre_facilities_inner .faci_item_inner .col-lg-4:nth-child(2) .media .media-body h4:hover {
        color: #e4405f;
    }

    .pre_facilities_area .pre_facilities_inner .faci_item_inner .col-lg-4:nth-child(3) .media .d-flex {
        color: #2196f3;
    }

    .pre_facilities_area .pre_facilities_inner .faci_item_inner .col-lg-4:nth-child(3) .media .media-body h4:hover {
        color: #2196f3;
    }

    .pre_facilities_area .pre_facilities_inner .faci_item_inner .col-lg-4:nth-child(4) .media .d-flex {
        /*color: #cddc39;*/
        color: #e87b22;
    }

    .pre_facilities_area .pre_facilities_inner .faci_item_inner .col-lg-4:nth-child(4) .media .media-body h4:hover {
        /*color: #cddc39;*/
        color: #e87b22;
    }

    .pre_facilities_area .pre_facilities_inner .faci_item_inner .col-lg-4:nth-child(6) .media .d-flex {
        color: #fcd900;
    }

    .pre_facilities_area .pre_facilities_inner .faci_item_inner .col-lg-4:nth-child(6) .media .media-body h4:hover {
        color: #fcd900;
    }

    .pre_facilities_area.feature_2 {
        background: url(../img/Feature_bg.png) no-repeat fixed center center;
        background-size: cover;
        position: relative;
        z-index: 3;
    }

        .pre_facilities_area.feature_2:before {
            content: "";
            background: rgba(255, 255, 255, 0.92);
            position: absolute;
            height: 100%;
            width: 100%;
            z-index: -1;
            top: 0px;
            left: 0px;
        }

/* End Pre Facilities Area css
============================================================================================ */
/* Happy Partners Area css
============================================================================================ */
.happy_parents_area {
    overflow: hidden;
}

    .happy_parents_area .m_title {
        padding-bottom: 65px;
    }

.happy_parents_slider {
    position: relative;
}

    .happy_parents_slider:before {
        content: "";
        background: url(../img/left-shadow.png) no-repeat scroll center center;
        height: 438px;
        width: 525px;
        position: absolute;
        left: -212px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2;
    }

    .happy_parents_slider:after {
        content: "";
        background: url(../img/right-shadow.png) no-repeat scroll center center;
        height: 438px;
        width: 525px;
        position: absolute;
        right: -212px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2;
    }

    .happy_parents_slider .item {
        text-align: center;
    }

        .happy_parents_slider .item img {
            width: auto;
            display: inline-block;
        }

        .happy_parents_slider .item .happy_parents_item {
            margin-top: 70px;
            background: #f5f5f5;
            padding: 0px 30px;
            border-radius: 12px;
        }

            .happy_parents_slider .item .happy_parents_item img {
                margin-top: -70px;
                border: 4px solid #1976d2;
            }

            .happy_parents_slider .item .happy_parents_item h4 {
                font-size: 20px;
                color: #252525;
                font-family: "Roboto", sans-serif;
                padding: 7px 0px 5px 0px;
            }

            .happy_parents_slider .item .happy_parents_item h5 {
                font-size: 20px;
                font-weight: 300;
                line-height: 26px;
                color: #959595;
                font-family: "Roboto", sans-serif;
            }

            .happy_parents_slider .item .happy_parents_item h3 {
                font-size: 30px;
                line-height: 40px;
                font-family: "Roboto", sans-serif;
                font-weight: 300;
                color: #2196f3;
                padding: 15px 0px;
            }

            .happy_parents_slider .item .happy_parents_item p {
                font-size: 18px;
                font-family: "Roboto", sans-serif;
                line-height: 26px;
                color: #959595;
                padding-bottom: 20px;
                font-weight: 300;
            }

    .happy_parents_slider .owl-prev, .happy_parents_slider .owl-next {
        position: absolute;
        top: 59%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 35px;
        width: 35px;
        border-radius: 50%;
        text-align: center;
        line-height: 35px;
        font-size: 18px;
        color: #959595;
        z-index: 3;
        background: #fff;
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
        cursor: pointer;
    }

    .happy_parents_slider .owl-prev {
        left: 240px;
    }

    .happy_parents_slider .owl-next {
        right: 240px;
    }

.happy_slider2 {
    position: relative;
    max-width: 770px;
    margin: auto;
}

    .happy_slider2 .item {
        text-align: center;
    }

        .happy_slider2 .item img {
            width: auto;
            display: inline-block;
        }

        .happy_slider2 .item .happy_parents_item {
            margin-top: 70px;
            background: #f5f5f5;
            padding: 0px 30px;
            border-radius: 12px;
        }

            .happy_slider2 .item .happy_parents_item img {
                margin-top: -70px;
                border: 4px solid #1976d2;
            }

            .happy_slider2 .item .happy_parents_item h4 {
                font-size: 20px;
                color: #252525;
                font-family: "Roboto", sans-serif;
                padding: 7px 0px 5px 0px;
            }

            .happy_slider2 .item .happy_parents_item h5 {
                font-size: 20px;
                font-weight: 300;
                line-height: 26px;
                color: #959595;
                font-family: "Roboto", sans-serif;
            }

            .happy_slider2 .item .happy_parents_item h3 {
                font-size: 30px;
                line-height: 40px;
                font-family: "Roboto", sans-serif;
                font-weight: 300;
                color: #2196f3;
                padding: 15px 0px;
            }

            .happy_slider2 .item .happy_parents_item p {
                font-size: 18px;
                font-family: "Roboto", sans-serif;
                line-height: 26px;
                color: #959595;
                padding-bottom: 20px;
            }

    .happy_slider2 .owl-prev, .happy_slider2 .owl-next {
        position: absolute;
        top: 59%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 35px;
        width: 35px;
        border-radius: 50%;
        text-align: center;
        line-height: 35px;
        font-size: 18px;
        color: #959595;
        z-index: 3;
        background: #fff;
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
        cursor: pointer;
    }

    .happy_slider2 .owl-prev {
        left: -130px;
    }

    .happy_slider2 .owl-next {
        right: -130px;
    }

/* End Happy Partners Area css
============================================================================================ */
/* Admission Process Area css
============================================================================================ */
.admission_process_area {
    background: #f5f5f5;
}

    .admission_process_area .m_title {
        padding-bottom: 70px;
    }

.process_item i {
    font-size: 80px;
    color: #2196f3;
}

.process_item h4 {
    font-size: 24px;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    color: #252525;
    padding-top: 30px;
}

.process_item p {
    font-size: 16px;
    color: #636363;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    line-height: 30px;
    max-width: 303px;
    padding: 20px 0px;
}

.process_item .read_more {
    font-size: 16px;
    color: #2196f3;
}

    .process_item .read_more i {
        font-size: 16px;
    }

.process_item.red i {
    color: #ff6633;
}

.process_item.green i {
    color: #cddc39;
}

.process_item.orange i {
    color: #e87b22;
}

.instagram_area h3 {
    max-width: 1170px;
    margin: auto;
    text-align: center;
    border-top: 2px dashed #dddddd;
    font-size: 35px;
    color: #959595;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    padding: 60px 0px 40px 0px;
}

/* End Admission Process Area css
============================================================================================ */
/* Small Course Area css
============================================================================================ */
.my_course_inner h3 {
    font-size: 22px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    color: #959595;
    padding: 75px 0px 40px 0px;
}

.my_course_inner .teacher_item .teacher_text {
    background: #fff;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .my_course_inner .teacher_item .teacher_text h4 {
        color: #252525;
    }

    .my_course_inner .teacher_item .teacher_text h5 {
        color: #959595;
    }

    .my_course_inner .teacher_item .teacher_text p {
        color: #959595;
    }

    .my_course_inner .teacher_item .teacher_text .teacher_footer .pull-left {
        float: none;
        width: 100%;
        text-align: center;
    }

.small_course_item {
    -webkit-box-shadow: 0px 3px 5px 0px rgba(179, 179, 179, 0.2);
    box-shadow: 0px 3px 5px 0px rgba(179, 179, 179, 0.2);
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .small_course_item .small_c_img {
        overflow: hidden;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

        .small_course_item .small_c_img img {
            width: 100%;
            overflow: hidden;
            -webkit-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

    .small_course_item .sm_c_text {
        padding: 20px 0px 35px 0px;
    }

        .small_course_item .sm_c_text h4 {
            font-size: 20px;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            color: #252525;
            padding-bottom: 3px;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

            .small_course_item .sm_c_text h4:hover {
                color: #1976d2;
            }

        .small_course_item .sm_c_text p {
            font-size: 14px;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            color: #959595;
        }

    .small_course_item .sm_fee {
        overflow: hidden;
        padding-bottom: 20px;
    }

        .small_course_item .sm_fee .sm_fee_item {
            width: calc(100% / 2);
            float: left;
            overflow: hidden;
            position: relative;
        }

            .small_course_item .sm_fee .sm_fee_item:before {
                content: "";
                height: 28px;
                width: 1px;
                background: #e9e9e9;
                position: absolute;
                right: 0px;
                top: 5px;
            }

            .small_course_item .sm_fee .sm_fee_item:last-child:before {
                display: none;
            }

            .small_course_item .sm_fee .sm_fee_item h5 {
                font-size: 14px;
                color: #959595;
                font-family: "Roboto", sans-serif;
                font-weight: 300;
                padding-bottom: 8px;
            }

            .small_course_item .sm_fee .sm_fee_item h6 {
                font-size: 16px;
                color: #1976d2;
                font-family: "Roboto", sans-serif;
                font-weight: 300;
            }

    .small_course_item:hover .small_c_img img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

/* End Small Course Area css
============================================================================================ */
/* All Course Area css
============================================================================================ */
.all_courses_area {
    padding: 130px 0px;
}

    .all_courses_area .courses_search {
        background: #f7f7f7;
        border-radius: 10px;
        padding-left: 60px;
        padding-right: 60px;
        overflow: hidden;
        padding-top: 35px;
        padding-bottom: 35px;
        margin-bottom: 75px;
    }

        .all_courses_area .courses_search .portfolio_filter {
            padding-bottom: 0px;
            position: relative;
            top: 15px;
        }

            .all_courses_area .courses_search .portfolio_filter ul li a {
                color: #959595;
                font-size: 22px;
                font-weight: 300;
                position: relative;
            }

                .all_courses_area .courses_search .portfolio_filter ul li a:before {
                    content: "\F1D9";
                    position: absolute;
                    right: -33px;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                    font: normal normal normal 22px/1 "Material Design Icons";
                    color: #959595;
                }

            .all_courses_area .courses_search .portfolio_filter ul li.active a {
                color: #1976d2;
            }

            .all_courses_area .courses_search .portfolio_filter ul li:last-child {
                margin-right: 0px;
            }

                .all_courses_area .courses_search .portfolio_filter ul li:last-child a:before {
                    display: none;
                }

        .all_courses_area .courses_search .input-group {
            display: block;
            position: relative;
        }

            .all_courses_area .courses_search .input-group input {
                border: none;
                display: block;
                width: 380px;
                height: 55px;
                -webkit-box-shadow: none;
                box-shadow: none;
                background: #fdfdfd;
                border-radius: 8px;
                padding: 0px 45px 0px 25px;
                font-size: 15px;
                font-family: "Roboto", sans-serif;
                font-weight: 400;
                color: #c8c8c8;
                letter-spacing: 3px;
                border: 1px solid #fdfdfd;
            }

                .all_courses_area .courses_search .input-group input.placeholder {
                    font-size: 15px;
                    font-family: "Roboto", sans-serif;
                    font-weight: 400;
                    color: #c8c8c8;
                    letter-spacing: 3px;
                }

                .all_courses_area .courses_search .input-group input:-moz-placeholder {
                    font-size: 15px;
                    font-family: "Roboto", sans-serif;
                    font-weight: 400;
                    color: #c8c8c8;
                    letter-spacing: 3px;
                }

                .all_courses_area .courses_search .input-group input::-moz-placeholder {
                    font-size: 15px;
                    font-family: "Roboto", sans-serif;
                    font-weight: 400;
                    color: #c8c8c8;
                    letter-spacing: 3px;
                }

                .all_courses_area .courses_search .input-group input::-webkit-input-placeholder {
                    font-size: 15px;
                    font-family: "Roboto", sans-serif;
                    font-weight: 400;
                    color: #c8c8c8;
                    letter-spacing: 3px;
                }

                .all_courses_area .courses_search .input-group input:focus {
                    border-color: #1976d2;
                }

            .all_courses_area .courses_search .input-group .input-group-append {
                position: absolute;
                right: 16px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                z-index: 3;
            }

                .all_courses_area .courses_search .input-group .input-group-append .btn {
                    background: transparent;
                    padding: 0px;
                    font-size: 25px;
                    color: #a3a3a3;
                }

.btn {
    margin-top: 2em;
}

.courses_two_inner {
    margin-bottom: -80px;
    overflow: hidden;
}

    .courses_two_inner .courses_item {
        margin-bottom: 80px;
    }

/* End All Course Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Main Slider css
============================================================================================ */
.main_slider_area ul li .slider_text_box .first_text {
    color: #ff5722;
    font-family: "Roboto", sans-serif;
    font-weight: 900 !important;
}

    .main_slider_area ul li .slider_text_box .first_text.white {
        color: #fff;
    }

.main_slider_area ul li .slider_text_box .secand_text {
    font-weight: 300 !important;
    color: #444;
    font-family: "Roboto", sans-serif;
}

    .main_slider_area ul li .slider_text_box .secand_text.white {
        color: #fff;
    }

.main_slider_area ul li .slider_text_box .apply_btn {
    font-size: 22px !important;
    color: #fff;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    padding: 0px 45px;
    line-height: 60px !important;
    -webkit-transition: all 300ms linear !important;
    -o-transition: all 300ms linear !important;
    transition: all 300ms linear !important;
}

    .main_slider_area ul li .slider_text_box .apply_btn:hover {
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
        background: #ff5722;
    }

.big_banner_area {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.45)), to(rgba(0, 0, 0, 0.45))), url(../img/home-slider/big-banner.jpg);
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(../img/home-slider/big-banner.jpg);
    background: -o-linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(../img/home-slider/big-banner.jpg);
    background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(../img/home-slider/big-banner.jpg);
    background-size: cover;
    min-height: calc(100vh - 86px);
    position: relative;
}

    .big_banner_area .big_banner_text {
        vertical-align: middle;
        text-align: center;
        -ms-flex-item-align: center;
        align-self: center;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: calc(100vh - 86px);
    }

        .big_banner_area .big_banner_text .big_banner_inner {
            vertical-align: middle;
            text-align: center;
            -ms-flex-item-align: center;
            align-self: center;
            margin-top: -100px;
            display: block;
            width: 100%;
            color: #fff;
        }

            .big_banner_area .big_banner_text .big_banner_inner h3 {
                font-size: 50px;
                line-height: 60px;
                font-family: "Roboto", sans-serif;
                font-weight: 900;
                margin-left: -20px;
                margin-right: -20px;
                padding-bottom: 30px;
            }

            .big_banner_area .big_banner_text .big_banner_inner p {
                font-size: 20px;
                font-family: "Roboto", sans-serif;
            }

    .big_banner_area .coures_event {
        margin-top: 0px;
        position: absolute;
        left: 0px;
        width: 100%;
        bottom: 100px;
        text-align: left;
    }

/* End Main Slider css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Feature Area css
============================================================================================ */
.search_btn {
    display: block;
    background: #1976d2;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-family: "Roboto", sans-serif;
    border-radius: 6px;
    font-size: 15px;
}

    .search_btn:hover {
        color: #fff;
    }

.view_btn {
    background: #ff5722;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    display: inline-block;
    padding: 0px 30px;
    color: #fff;
    line-height: 40px;
    border-radius: 3px;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}

    .view_btn:hover {
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
        color: #fff;
    }

.apply_btn {
    text-align: center;
    display: inline-block;
    padding: 0px 25px;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    background: #1976d2;
    color: #fff;
    line-height: 40px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    font-weight: 300;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}

    .apply_btn:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
    }

.discover_btn {
    display: inline-block;
    padding: 0px 12px;
    background: #1976d2;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    border-radius: 6px;
    font-size: 16px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}

    .discover_btn i {
        position: relative;
        left: 0px;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }

    .discover_btn:hover {
        color: #fff;
        /*background: #cddc39;*/
        background: #e87b22;
    }

        .discover_btn:hover i {
            left: 5px;
        }

.courses_btn {
    width: 200px;
    background: #1976d2;
    color: #fff;
    height: 50px;
    display: inline-block;
    line-height: 50px;
    border-radius: 4px;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    letter-spacing: .70px;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}

    .courses_btn:hover {
        background: #ff5722;
        color: #fff;
    }

.request_btn {
    width: 200px;
    background: #ff5722;
    color: #fff;
    height: 50px;
    display: inline-block;
    line-height: 50px;
    border-radius: 4px;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    letter-spacing: .70px;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}

    .request_btn:hover {
        background: #1976d2;
        color: #fff;
    }

/* Feature Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Counter Area css
============================================================================================ */
.counter_area {
    background: url(../img/counter-bg.jpg) no-repeat fixed center center;
    background-size: cover;
    position: relative;
    z-index: 2;
    padding: 155px 0px;
}

    .counter_area:before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: rgba(0, 0, 0, 0.6);
    }

    .counter_area .col-md-3:nth-child(2) .counter_item h4 {
        color: #45649e;
    }

    .counter_area .col-md-3:nth-child(2) .counter_item h5 {
        color: #45649e;
    }

    .counter_area .col-md-3:nth-child(3) .counter_item h4 {
        color: #2196f3;
    }

    .counter_area .col-md-3:nth-child(3) .counter_item h5 {
        color: #2196f3;
    }

    .counter_area .col-md-3:last-child .counter_item h4 {
        color: #fcd900;
    }

    .counter_area .col-md-3:last-child .counter_item h5 {
        color: #fcd900;
    }

.counter_item {
    text-align: center;
}

    .counter_item h4 {
        color: #ff5722;
        font-size: 50px;
        font-family: "Roboto", sans-serif;
        line-height: 40px;
        padding-bottom: 5px;
    }

    .counter_item h5 {
        font-size: 30px;
        font-family: "Roboto", sans-serif;
        color: #ff5722;
        font-style: italic;
    }

/* End Counter Area css
============================================================================================ */
/* Color Counter Area css
============================================================================================ */
.color_counter_area {
    background: url(../img/counter-bg.jpg) no-repeat fixed center center;
    background-size: cover;
    padding: 110px 0px;
    z-index: 2;
    position: relative;
}

    .color_counter_area:before {
        content: "";
        background: rgba(0, 0, 0, 0.6);
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        display: block;
    }

.color_counter_inner .col-md-3:nth-child(2) .color_counter_item {
    margin-left: 32px;
    background: rgba(63, 81, 181, 0.71);
}

.color_counter_inner .col-md-3:nth-child(3) .color_counter_item {
    margin-left: 65px;
    background: rgba(33, 150, 243, 0.71);
}

.color_counter_inner .col-md-3:last-child .color_counter_item {
    float: right;
    background: rgba(255, 235, 59, 0.71);
}

.color_counter_item {
    height: 172px;
    width: 172px;
    border-radius: 50%;
    text-align: center;
    background: rgba(255, 87, 34, 0.71);
    padding-top: 34px;
}

    .color_counter_item h5 {
        color: #fff;
        font-size: 50px;
        font-family: "Roboto", sans-serif;
    }

    .color_counter_item h6 {
        font-size: 30px;
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        font-weight: 300;
        color: #fff;
    }

/* End Color Counter Area css
============================================================================================ */
/* About Preschool Area css
============================================================================================ */
.about_preschool_area {
    background: url(../img/about-preschool-bg.jpg) no-repeat scroll center center;
    background-size: cover;
    padding-bottom: 135px;
    padding-top: 100px;
}

    .about_preschool_area .single_title {
        text-transform: uppercase;
        padding-bottom: 102px;
    }

    .about_preschool_area .coures_event {
        margin-top: -60px;
        z-index: 30;
        position: relative;
        margin-bottom: 80px;
    }

.preschool_counting .col-md-3:nth-child(2) .preschool_count_item {
    color: #45649e;
}

    .preschool_counting .col-md-3:nth-child(2) .preschool_count_item:before {
        content: "\F148";
        font: normal normal normal 150px/1 "Material Design Icons";
    }

.preschool_counting .col-md-3:nth-child(3) .preschool_count_item {
    color: #2196f3;
}

    .preschool_counting .col-md-3:nth-child(3) .preschool_count_item:before {
        content: "\F00E";
        font: normal normal normal 150px/1 "Material Design Icons";
    }

.preschool_counting .col-md-3:nth-child(4) .preschool_count_item {
    color: #fcd900;
}

    .preschool_counting .col-md-3:nth-child(4) .preschool_count_item:before {
        content: "\F5D2";
        font: normal normal normal 150px/1 "Material Design Icons";
    }

.preschool_counting .preschool_count_item {
    text-align: center;
    position: relative;
    z-index: 2;
    color: #ff5722;
}

    .preschool_counting .preschool_count_item:before {
        content: "\F53B";
        font: normal normal normal 150px/1 "Material Design Icons";
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        top: 50%;
        color: #e5e981;
        opacity: .35;
        z-index: -1;
    }

    .preschool_counting .preschool_count_item h5 {
        font-size: 50px;
        font-family: "Roboto", sans-serif;
        line-height: 40px;
    }

    .preschool_counting .preschool_count_item h6 {
        font-size: 30px;
        font-family: "Roboto", sans-serif;
        line-height: 32px;
        font-style: italic;
        font-weight: 300;
    }

    .preschool_counting .preschool_count_item:nth-child(2) {
        color: #45649e;
    }

        .preschool_counting .preschool_count_item:nth-child(2):before {
            content: "\F148";
            font: normal normal normal 150px/1 "Material Design Icons";
        }

.preschool_box .preschool_count_item {
    /*background: #cddc39;*/
    background: #e87b22;
    max-width: 230px;
    margin: auto;
    text-align: center;
    color: #fff;
    border-radius: 12px;
    padding-top: 30px;
    padding-bottom: 30px;
}

    .preschool_box .preschool_count_item h5 {
        font-size: 50px;
        color: #fff;
        font-family: "Roboto", sans-serif;
    }

    .preschool_box .preschool_count_item h6 {
        font-size: 30px;
        color: #fff;
        font-family: "Roboto", sans-serif;
        font-style: italic;
        font-weight: normal;
    }

.preschool_box .green {
    background: #cddc39;
}

.preschool_box .orange {
    background: #e87b22;
}

.preschool_box .red {
    background: #ff5722;
}

.preschool_box .blue {
    background: #2196f3;
}

.preschool_box .yellow {
    background: #fcd900;
}

/* End About Preschool Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Testimonials Area css
============================================================================================ */
.testimonials_area {
    background: #f5f5f5;
    padding: 100px 0px;
}

.testimonials_slider {
    max-width: 890px;
    margin: auto;
}

    .testimonials_slider .item .testi_item {
        text-align: center;
    }

        .testimonials_slider .item .testi_item h4 {
            font-size: 20px;
            font-family: "Roboto", sans-serif;
            color: #636363;
        }

        .testimonials_slider .item .testi_item h5 {
            font-size: 20px;
            font-family: "Roboto", sans-serif;
            color: #636363;
            font-weight: 300;
            padding-top: 5px;
            padding-bottom: 12px;
        }

        .testimonials_slider .item .testi_item img {
            width: auto;
            display: inline-block;
            margin-bottom: -54px;
        }

        .testimonials_slider .item .testi_item .testi_color {
            background: #2196f3;
            border-radius: 12px;
            padding: 45px 0px 40px 0px;
        }

            .testimonials_slider .item .testi_item .testi_color h3 {
                font-size: 45px;
                font-family: "Roboto", sans-serif;
                font-weight: 300;
                line-height: 60px;
                color: #fff;
            }

            .testimonials_slider .item .testi_item .testi_color p {
                font-size: 18px;
                font-family: "Roboto", sans-serif;
                color: #ededed;
                font-weight: 300;
                padding-top: 5px;
            }

    .testimonials_slider .owl-dots {
        text-align: center;
        margin-top: 18px;
    }

        .testimonials_slider .owl-dots .owl-dot {
            height: 10px;
            width: 10px;
            background: #d8d8d8;
            border-radius: 50%;
            display: inline-block;
            margin-right: 22px;
        }

            .testimonials_slider .owl-dots .owl-dot:last-child {
                margin-right: 0px;
            }

            .testimonials_slider .owl-dots .owl-dot.active {
                background: #2196f3;
            }

/* End Testimonials Area css
============================================================================================ */
/* Teacher Area css
============================================================================================ */
.our_teachers_area {
    background: #f5f5f5;
}

    .our_teachers_area .m_title {
        padding-bottom: 70px;
    }

.teacher_item {
    border-radius: 20px;
    /*background: #cddc39;*/
    background: #e87b22;
    text-align: center;
}

    .teacher_item .teacher_img {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        overflow: hidden;
    }

        .teacher_item .teacher_img img {
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

    .teacher_item .teacher_text {
        overflow: hidden;
        padding: 30px 35px 20px 35px;
    }

        .teacher_item .teacher_text h4 {
            font-size: 25px;
            font-family: "Roboto", sans-serif;
            color: #fff;
            text-transform: uppercase;
            font-weight: 400;
        }

        .teacher_item .teacher_text h5 {
            font-size: 20px;
            font-family: "Roboto", sans-serif;
            color: #fff;
            font-weight: 300;
            padding: 12px 0px 35px 0px;
        }

        .teacher_item .teacher_text p {
            font-size: 16px;
            line-height: 22px;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            color: #fff;
            padding-bottom: 25px;
        }

    .teacher_item .teacher_footer .pull-left ul li {
        display: inline-block;
        margin-right: 8px;
    }

        .teacher_item .teacher_footer .pull-left ul li a {
            height: 25px;
            width: 25px;
            border-radius: 50%;
            text-align: center;
            line-height: 25px;
            font-size: 12px;
            color: #fff;
            background: #55acee;
            display: inline-block;
            text-align: center;
        }

        .teacher_item .teacher_footer .pull-left ul li:nth-child(2) a {
            background: #3b5999;
        }

        .teacher_item .teacher_footer .pull-left ul li:last-child {
            margin-right: 0px;
        }

            .teacher_item .teacher_footer .pull-left ul li:last-child a {
                background: #e4405f;
            }

    .teacher_item .teacher_footer .pull-right .read_more {
        color: #fff;
    }

        .teacher_item .teacher_footer .pull-right .read_more i {
            color: #fff !important;
        }

    .teacher_item.blue {
        background: #2196f3;
    }

    .teacher_item.red {
        background: #ff6633;
    }

    .teacher_item:hover .teacher_img img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

.our_teacher2 .teachers_slider .item .teacher_item {
    background: #ffffff;
}

    .our_teacher2 .teachers_slider .item .teacher_item .teacher_text h4 {
        color: #252525;
    }

    .our_teacher2 .teachers_slider .item .teacher_item .teacher_text h5 {
        color: #959595;
    }

    .our_teacher2 .teachers_slider .item .teacher_item .teacher_text p {
        color: #959595;
        font-weight: 300;
    }

    .our_teacher2 .teachers_slider .item .teacher_item .teacher_text .teacher_footer .pull-right .read_more {
        color: #2196f3;
    }

        .our_teacher2 .teachers_slider .item .teacher_item .teacher_text .teacher_footer .pull-right .read_more i {
            color: #2196f3 !important;
        }

.bg_transparetn {
    background: transparent !important;
}

/* End Teacher Area css
============================================================================================ */
/* Teacher Testimonials Area css
============================================================================================ */
.teacher_testi {
    background: url(../img/testimonials-bg.jpg) no-repeat scroll center center;
    background-size: cover;
    position: relative;
    z-index: 2;
    padding: 80px 0px;
}

    .teacher_testi:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

.teacher_testi_slider {
    max-width: 890px;
    margin: auto;
}

    .teacher_testi_slider .item {
        text-align: center;
    }

        .teacher_testi_slider .item img {
            width: auto;
            display: inline-block;
        }

        .teacher_testi_slider .item .testi_box {
            text-align: center;
            background: #1976d2;
            color: #ededed;
            padding: 40px 0px;
            border-radius: 12px;
            margin-bottom: 60px;
            position: relative;
        }

            .teacher_testi_slider .item .testi_box:before {
                content: "";
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 13px 11px 0 11px;
                border-color: #1976d2 transparent transparent transparent;
                position: absolute;
                bottom: -12px;
                left: 50%;
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
            }

            .teacher_testi_slider .item .testi_box:after {
                content: "";
                width: 10px;
                height: 10px;
                border-radius: 50%;
                position: absolute;
                bottom: -29px;
                left: 50%;
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
                background: #1976d2;
            }

            .teacher_testi_slider .item .testi_box h4 {
                font-family: "Roboto", sans-serif;
                font-size: 45px;
                line-height: 60px;
                font-weight: 300;
            }

            .teacher_testi_slider .item .testi_box p {
                font-size: 18px;
                font-family: "Roboto", sans-serif;
                padding-top: 15px;
            }

        .teacher_testi_slider .item .testi_img {
            color: #ededed;
            padding-bottom: 40px;
        }

            .teacher_testi_slider .item .testi_img .rounded-circle {
                border: 4px solid #1976d2;
            }

            .teacher_testi_slider .item .testi_img h3 {
                font-size: 20px;
                font-family: "Roboto", sans-serif;
                padding: 18px 0px 5px 0px;
            }

            .teacher_testi_slider .item .testi_img h5 {
                font-size: 20px;
                line-height: 26px;
                font-weight: 300;
                font-family: "Roboto", sans-serif;
            }

    .teacher_testi_slider .owl-dots {
        text-align: center;
    }

        .teacher_testi_slider .owl-dots .owl-dot {
            height: 10px;
            width: 10px;
            background: #d8d8d8;
            display: inline-block;
            margin-right: 24px;
        }

            .teacher_testi_slider .owl-dots .owl-dot.active {
                background: #1976d2;
            }

            .teacher_testi_slider .owl-dots .owl-dot:last-child {
                margin-right: 0px;
            }

.teachers_3_area {
    background: url(../img/teacher3-bg.png) no-repeat scroll center center;
}

.t_item {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.t_page_t2 .teachers_slider .teacher_item {
    border: 1px solid #d8d8d8;
    border-radius: 24px;
    overflow: hidden;
}

.tt_three {
    padding-bottom: 70px;
}

/* End Teacher Testimonials Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Our News Area css
============================================================================================ */
.our_news_area .m_title {
    padding-bottom: 65px;
}

.our_news_inner {
    margin-bottom: -30px;
}

.our_news_item {
    margin-bottom: 30px;
}

    .our_news_item .media {
        -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
        border-radius: 8px;
    }

        .our_news_item .media .d-flex {
            padding-right: 15px;
            border-bottom-left-radius: 8px;
            border-top-left-radius: 8px;
        }

        .our_news_item .media .media-body ul {
            padding-top: 20px;
        }

            .our_news_item .media .media-body ul li {
                display: inline-block;
            }

                .our_news_item .media .media-body ul li a {
                    font-size: 16px;
                    color: #959595;
                    font-family: "Roboto", sans-serif;
                }

        .our_news_item .media .media-body h4 {
            font-size: 20px;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            color: #252525;
            text-transform: uppercase;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
            padding: 12px 0px 15px 0px;
        }

            .our_news_item .media .media-body h4:hover {
                color: #1976d2;
            }

        .our_news_item .media .media-body p {
            font-size: 16px;
            line-height: 30px;
            color: #959595;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            padding-bottom: 20px;
        }

    .our_news_item.right_dr .media .d-flex {
        padding-right: 0px;
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
    }

    .our_news_item.right_dr .media .media-body {
        padding-left: 15px;
    }

/* End Our News Area css
============================================================================================ */
/* News Two Area css
============================================================================================ */
.new_two_area .m_title {
    padding-bottom: 70px;
}

.news_two_item {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    overflow: hidden;
}

    .news_two_item .news_text {
        padding: 30px 15px;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }

        .news_two_item .news_text .categories a {
            font-size: 16px;
            font-family: "Roboto", sans-serif;
            color: #959595;
        }

        .news_two_item .news_text h4 {
            font-size: 20px;
            text-transform: uppercase;
            color: #252525;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            padding: 16px 0px;
        }

        .news_two_item .news_text p {
            font-size: 16px;
            line-height: 30px;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            color: #959595;
            padding-bottom: 25px;
        }

    .news_two_item:hover .news_text {
        background: #1976d2;
    }

        .news_two_item:hover .news_text .categories a {
            color: #fff;
        }

        .news_two_item:hover .news_text h4 {
            color: #fff;
        }

        .news_two_item:hover .news_text p {
            color: #fff;
        }

        .news_two_item:hover .news_text .read_more {
            color: #fff;
        }

            .news_two_item:hover .news_text .read_more i {
                color: #fff !important;
            }

/* End News Two Area css
============================================================================================ */
/* Teacher Single Area css
============================================================================================ */
.single_teacher_main_text h4 {
    font-size: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    color: #959595;
    padding-top: 45px;
}

.single_teacher_main_text p {
    font-size: 16px;
    line-height: 22px;
    color: #959595;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    padding-top: 25px;
}

.single_teacher_main_text ul {
    padding-top: 30px;
}

    .single_teacher_main_text ul li {
        margin-bottom: 10px;
    }

        .single_teacher_main_text ul li a {
            font-size: 16px;
            color: #959595;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
        }

            .single_teacher_main_text ul li a span {
                font-weight: 500;
                max-width: 100px;
                width: 100%;
                display: inline-block;
            }

        .single_teacher_main_text ul li:last-child {
            margin-bottom: 0px;
        }

.teacher_circle h3 {
    overflow: hidden;
    font-size: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    color: #959595;
    padding: 55px 0px;
}

.teacher_circle .circle_progress .circle_progress_inner {
    position: relative;
    max-width: 175px;
    margin: auto;
}

    .teacher_circle .circle_progress .circle_progress_inner strong {
        position: absolute;
        left: 0px;
        top: 42%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        text-align: center;
        font-size: 26px;
        color: #959595;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
    }

        .teacher_circle .circle_progress .circle_progress_inner strong i {
            color: #959595;
            font-weight: 300;
        }

    .teacher_circle .circle_progress .circle_progress_inner h4 {
        text-align: center;
        font-size: 20px;
        font-weight: 300;
        color: #959595;
        font-family: "Roboto", sans-serif;
        padding-top: 10px;
    }

    .teacher_circle .circle_progress .circle_progress_inner .percentage {
        position: absolute;
        top: 2px;
        color: #1976d2;
        background: #fff;
        font-size: 35px;
    }

        .teacher_circle .circle_progress .circle_progress_inner .percentage i {
            position: relative;
            left: -10px;
        }

.teacher_circle .col-md-4:nth-child(2) .circle_progress .circle_progress_inner .percentage {
    color: #ff5722;
}

.teacher_circle .col-md-4:nth-child(3) .circle_progress .circle_progress_inner .percentage {
    /*color: #cddc39;*/
    color: #e87b22;
}

.right_widget {
    background: #fafafa;
    margin-bottom: 25px;
}

    .right_widget:last-child {
        margin-bottom: 0px;
    }

.r_title {
    background: #1976d2;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 11px 0px;
}

    .r_title h3 {
        color: #fff;
        font-size: 20px;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        text-transform: uppercase;
    }

    .r_title.red {
        background: #ff5722;
    }

.c_feature_widget ul {
    padding: 25px;
}

    .c_feature_widget ul li {
        margin-bottom: 18px;
    }

        .c_feature_widget ul li a {
            position: relative;
            padding-left: 24px;
            font-size: 18px;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            color: #959595;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

            .c_feature_widget ul li a i {
                position: absolute;
                left: 0px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                font-size: 18px;
                color: #1976d2;
            }

        .c_feature_widget ul li:last-child {
            margin-bottom: 0px;
        }

        .c_feature_widget ul li:hover a {
            color: #1976d2;
        }

.r_contact_widget ul {
    padding: 30px 0px 30px 40px;
}

    .r_contact_widget ul li {
        margin-bottom: 25px;
    }

        .r_contact_widget ul li a {
            font-size: 18px;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            color: #959595;
            text-transform: uppercase;
        }

            .r_contact_widget ul li a i {
                color: #ff5722;
                font-size: 25px;
                padding-right: 10px;
                -webkit-transition: all 400ms linear 0s;
                -o-transition: all 400ms linear 0s;
                transition: all 400ms linear 0s;
            }

        .r_contact_widget ul li:nth-child(2) a i {
            /*color: #cddc39;*/
            color: #e87b22;
        }

        .r_contact_widget ul li:nth-child(3) a i {
            color: #fcd900;
        }

        .r_contact_widget ul li:nth-child(4) a i {
            color: #1976d2;
        }

        .r_contact_widget ul li:last-child {
            margin-bottom: 0px;
        }

        .r_contact_widget ul li:hover a i {
            padding-left: 5px;
        }

.r_teacher_widget .teacher_widget_inner {
    padding: 35px 0px 35px 22px;
}

    .r_teacher_widget .teacher_widget_inner .media {
        margin-bottom: 22px;
    }

        .r_teacher_widget .teacher_widget_inner .media .d-flex {
            padding-right: 25px;
        }

        .r_teacher_widget .teacher_widget_inner .media .media-body {
            -ms-flex-item-align: center;
            align-self: center;
        }

            .r_teacher_widget .teacher_widget_inner .media .media-body h4 {
                font-size: 20px;
                font-family: "Roboto", sans-serif;
                color: #959595;
                font-weight: 300;
                padding-bottom: 8px;
                -webkit-transition: all 400ms linear 0s;
                -o-transition: all 400ms linear 0s;
                transition: all 400ms linear 0s;
            }

                .r_teacher_widget .teacher_widget_inner .media .media-body h4:hover {
                    color: #1976d2;
                }

            .r_teacher_widget .teacher_widget_inner .media .media-body h5 {
                font-size: 16px;
                font-family: "Roboto", sans-serif;
                font-weight: 300;
                color: #959595;
            }

        .r_teacher_widget .teacher_widget_inner .media:last-child {
            margin-bottom: 0px;
        }

.r_feed_widget {
    overflow: hidden;
}

    .r_feed_widget ul {
        padding: 24px 22px 27px 22px;
        margin-right: -13px;
        margin-bottom: -13px;
        overflow: hidden;
    }

        .r_feed_widget ul li {
            width: calc(100% / 3);
            float: left;
            overflow: hidden;
        }

            .r_feed_widget ul li a {
                padding-right: 13px;
                padding-bottom: 13px;
                display: block;
            }

                .r_feed_widget ul li a img {
                    width: 100%;
                }

.r_related_c_widget .r_r_c_inner {
    padding-left: 25px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 40px;
}

    .r_related_c_widget .r_r_c_inner .media {
        margin-bottom: 30px;
    }

        .r_related_c_widget .r_r_c_inner .media:last-child {
            margin-bottom: 0px;
        }

        .r_related_c_widget .r_r_c_inner .media .d-flex {
            padding-right: 20px;
            border-radius: 5px;
            overflow: hidden;
        }

        .r_related_c_widget .r_r_c_inner .media .media-body h4 {
            font-size: 20px;
            font-weight: 300;
            color: #252525;
            font-family: "Roboto", sans-serif;
            cursor: pointer;
        }

            .r_related_c_widget .r_r_c_inner .media .media-body h4:hover {
                color: #1976d2;
            }

        .r_related_c_widget .r_r_c_inner .media .media-body h5 {
            font-size: 14px;
            color: #959595;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            padding-top: 7px;
        }

        .r_related_c_widget .r_r_c_inner .media .media-body .r_c_date {
            overflow: hidden;
            padding-top: 10px;
        }

            .r_related_c_widget .r_r_c_inner .media .media-body .r_c_date .left_rc {
                width: 50%;
                float: left;
                position: relative;
            }

                .r_related_c_widget .r_r_c_inner .media .media-body .r_c_date .left_rc p {
                    font-size: 14px;
                    color: #959595;
                    font-family: "Roboto", sans-serif;
                    font-weight: 300;
                    line-height: 22px;
                }

                .r_related_c_widget .r_r_c_inner .media .media-body .r_c_date .left_rc:before {
                    content: "";
                    height: 28px;
                    width: 1px;
                    background: #e9e9e9;
                    position: absolute;
                    right: 18px;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

            .r_related_c_widget .r_r_c_inner .media .media-body .r_c_date .right_rc {
                width: 50%;
                float: right;
            }

                .r_related_c_widget .r_r_c_inner .media .media-body .r_c_date .right_rc p {
                    font-size: 14px;
                    color: #959595;
                    font-family: "Roboto", sans-serif;
                    font-weight: 300;
                    line-height: 22px;
                }

/* End Teacher Single Area css
============================================================================================ */
/* Course Details Area css
============================================================================================ */
.course_details_inner .course_details_img img {
    border-radius: 10px;
}

.course_details_inner .course_details_img .course_d_fee {
    overflow: hidden;
}

    .course_details_inner .course_details_img .course_d_fee .fourse_fee_item {
        width: calc(100% / 4);
        float: left;
        overflow: hidden;
        text-align: center;
        margin-top: 25px;
        position: relative;
    }

        .course_details_inner .course_details_img .course_d_fee .fourse_fee_item:before {
            content: "";
            height: 52px;
            width: 1px;
            background: #eeeeee;
            position: absolute;
            right: 0px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .course_details_inner .course_details_img .course_d_fee .fourse_fee_item p {
            font-size: 20px;
            color: #959595;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            padding-bottom: 10px;
        }

        .course_details_inner .course_details_img .course_d_fee .fourse_fee_item h5 {
            font-size: 30px;
            color: #1976d2;
            font-family: "Roboto", sans-serif;
        }

        .course_details_inner .course_details_img .course_d_fee .fourse_fee_item:last-child:before {
            display: none;
        }

.course_details_inner .my_course_inner h3 {
    padding-top: 40px;
}

.admission_open_area {
    background: #f6f6f6;
    border-radius: 8px;
    overflow: hidden;
    padding: 20px 90px;
    margin-top: 55px;
}

    .admission_open_area h5 {
        font-size: 22px;
        color: #959595;
        font-family: "Roboto", sans-serif;
        position: relative;
        top: 6px;
    }

.course_desc {
    margin-top: 45px;
}

    .course_desc .course_desc_text {
        padding-right: 30px;
    }

        .course_desc .course_desc_text h4 {
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            font-size: 22px;
            color: #959595;
            padding-bottom: 20px;
        }

        .course_desc .course_desc_text p {
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            font-size: 16px;
            color: #959595;
            padding-bottom: 20px;
        }

            .course_desc .course_desc_text p:last-child {
                padding-bottom: 0px;
            }

.c_teacher_inner h4 {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #959595;
    padding-bottom: 10px;
    text-align: center;
}

.c_teacher_inner .c_teacher_slider .item {
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

    .c_teacher_inner .c_teacher_slider .item h5 {
        position: absolute;
        left: 0px;
        bottom: 0px;
        text-transform: uppercase;
        color: #fff;
        background: rgba(19, 112, 204, 0.8);
        width: 100%;
        text-align: center;
        font-weight: 300;
        font-size: 14px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

.c_teacher_inner .c_teacher_slider .owl-dots {
    text-align: center;
    margin-top: 8px;
}

    .c_teacher_inner .c_teacher_slider .owl-dots .owl-dot {
        height: 10px;
        width: 10px;
        background: #eaeaea;
        border-radius: 50%;
        display: inline-block;
        margin-right: 8px;
    }

        .c_teacher_inner .c_teacher_slider .owl-dots .owl-dot:last-child {
            margin-right: 0px;
        }

        .c_teacher_inner .c_teacher_slider .owl-dots .owl-dot.active {
            background: #1976d2;
        }

.sb_list {
    border: 1px solid #eaeaea;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 40px;
}

    .sb_list ul li a {
        padding: 0px 30px;
        font-size: 16px;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        display: block;
        color: #636363;
        line-height: 50px;
    }

        .sb_list ul li a span {
            float: right;
        }

    .sb_list ul li.title a {
        background: #eaeaea;
        color: #1976d2;
        font-weight: normal;
    }

        .sb_list ul li.title a span {
            color: #6e6e6e;
        }

    .sb_list ul li:nth-child(odd) a {
        background: #fafafa;
    }

/* End Course Details Area css
============================================================================================ */
/* Main Blog Area css
============================================================================================ */
.blog_item {
    margin-bottom: 50px;
}

    .blog_item .blog_img {
        overflow: hidden;
        position: relative;
    }

        .blog_item .blog_img:before {
            content: "";
            background: rgba(0, 0, 0, 0.5);
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            z-index: 1;
            opacity: 0;
            -webkit-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

        .blog_item .blog_img img {
            max-width: 100%;
            -webkit-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

        .blog_item .blog_img:hover:before {
            opacity: 1;
        }

        .blog_item .blog_img:hover img {
            -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
            transform: scale(1.05);
        }

    .blog_item .blog_text {
        padding-top: 35px;
    }

        .blog_item .blog_text h4 {
            font-size: 24px;
            color: #252525;
            font-weight: bold;
            font-family: "Roboto", sans-serif;
            padding-bottom: 10px;
        }

        .blog_item .blog_text ul li {
            display: inline-block;
            padding-right: 15px;
            color: #cbcbcb;
            font-size: 14px;
            font-family: "Roboto", sans-serif;
        }

            .blog_item .blog_text ul li a {
                color: #636363;
                font-size: 14px;
                font-family: "Roboto", sans-serif;
                opacity: 1;
            }

        .blog_item .blog_text p {
            font-size: 15px;
            line-height: 26px;
            color: #636363;
            font-family: "Roboto", sans-serif;
            padding: 15px 0px 30px 0px;
        }

.blog_pagination .pagination li a {
    color: #252525;
    background: transparent;
    font-size: 16px;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}

.blog_pagination .pagination li:hover a, .blog_pagination .pagination li.active a {
    background: #ff5722;
    border-color: #ff5722;
    color: #fff;
}

.blog_details_inner .blog_item {
    margin-bottom: 0px;
}

    .blog_details_inner .blog_item .blog_text p {
        padding-bottom: 15px;
    }

        .blog_details_inner .blog_item .blog_text p + p {
            padding-top: 0px;
        }

.bg_single_text {
    background: #fafafa;
    padding: 25px;
}

    .bg_single_text p {
        font-size: 15px;
        line-height: 32px;
        color: #636363;
        font-family: "Roboto", sans-serif;
    }

.image_right_content {
    padding: 30px 0px;
}

    .image_right_content .media {
        margin-bottom: 20px;
    }

        .image_right_content .media .d-flex {
            padding-right: 20px;
        }

        .image_right_content .media .media-body {
            vertical-align: middle;
            -ms-flex-item-align: center;
            align-self: center;
        }

            .image_right_content .media .media-body p {
                font-size: 15px;
                line-height: 26px;
                color: #636363;
                font-family: "Roboto", sans-serif;
            }

                .image_right_content .media .media-body p + p {
                    padding-top: 10px;
                }

    .image_right_content p {
        font-size: 15px;
        line-height: 26px;
        color: #636363;
        font-family: "Roboto", sans-serif;
    }

.share_tag_area {
    text-align: right;
    margin-top: 15px;
}

    .share_tag_area h5 {
        display: inline-block;
        color: #252525;
        font-size: 16px;
        font-family: "Roboto", sans-serif;
    }

    .share_tag_area .ft_socila_demai {
        display: inline-block;
    }

        .share_tag_area .ft_socila_demai li {
            display: inline-block;
            margin-left: 10px;
        }

            .share_tag_area .ft_socila_demai li a {
                color: #ff5722;
            }

    .share_tag_area .single_blog_tags {
        padding-top: 10px;
    }

        .share_tag_area .single_blog_tags h6 {
            display: inline-block;
            color: #252525;
            font-size: 16px;
            font-family: "Roboto", sans-serif;
        }

        .share_tag_area .single_blog_tags a {
            font-size: 14px;
            color: #636363;
            font-family: "Roboto", sans-serif;
        }

.comment_area .comment_inner .comment_user .media {
    margin-top: 30px;
}

    .comment_area .comment_inner .comment_user .media .d-flex {
        padding-right: 20px;
    }

    .comment_area .comment_inner .comment_user .media .media-body .comment_date {
        font-size: 14px;
        color: #959595;
        font-family: "Roboto", sans-serif;
    }

    .comment_area .comment_inner .comment_user .media .media-body h3 {
        font-size: 16px;
        font-weight: bold;
        font-family: "Roboto", sans-serif;
        padding-top: 5px;
        padding-bottom: 8px;
    }

    .comment_area .comment_inner .comment_user .media .media-body p {
        line-height: 28px;
        font-size: 14px;
        color: #636363;
    }

    .comment_area .comment_inner .comment_user .media .media-body .comment_count {
        color: #959595;
        margin-right: 10px;
        font-size: 14px;
    }

        .comment_area .comment_inner .comment_user .media .media-body .comment_count i {
            color: #ff5722;
            padding-right: 5px;
        }

    .comment_area .comment_inner .comment_user .media .media-body .reply_count {
        color: #959595;
        margin-right: 10px;
        font-size: 14px;
    }

        .comment_area .comment_inner .comment_user .media .media-body .reply_count i {
            padding-right: 5px;
            color: #ff5722;
        }

    .comment_area .comment_inner .comment_user .media:first-child {
        margin-top: 0px;
    }

.comment_tittle {
    padding-bottom: 35px;
    padding-top: 35px;
}

    .comment_tittle h4 {
        font-size: 24px;
        font-family: "Roboto", sans-serif;
        font-weight: bold;
        color: #252525;
    }

.comment_form .comment_form_inner .form-group {
    margin-bottom: 20px;
}

    .comment_form .comment_form_inner .form-group:last-child {
        margin-bottom: 0px;
    }

    .comment_form .comment_form_inner .form-group label {
        font-size: 16px;
        color: #252525;
        font-family: "Roboto", sans-serif;
    }

    .comment_form .comment_form_inner .form-group input {
        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
    }

    .comment_form .comment_form_inner .form-group textarea {
        resize: none;
        height: 200px;
        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

/* End Main Blog Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Newslatter Area css
============================================================================================ */
.newslatter_area {
    overflow: hidden;
    background: #f5f5f5;
}

    .newslatter_area .newlatter_inner {
        border-bottom: 1px solid #dddddd;
        overflow: hidden;
        padding: 50px 0px;
    }

    .newslatter_area .pull-left h4 {
        font-size: 22px;
        color: #444444;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        padding-top: 5px;
    }

    .newslatter_area .pull-right .input-group {
        position: relative;
    }

        .newslatter_area .pull-right .input-group input {
            height: 40px;
            width: 270px;
            border: none;
            border-radius: 6px;
            outline: none;
            border: 1px solid #fff;
            padding: 0px 64px 0px 15px;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            font-size: 15px;
            font-family: "Roboto", sans-serif;
            color: #bcbcbc;
            font-weight: 300;
        }

            .newslatter_area .pull-right .input-group input.placeholder {
                font-size: 15px;
                font-family: "Roboto", sans-serif;
                color: #bcbcbc;
                font-weight: 300;
            }

            .newslatter_area .pull-right .input-group input:-moz-placeholder {
                font-size: 15px;
                font-family: "Roboto", sans-serif;
                color: #bcbcbc;
                font-weight: 300;
            }

            .newslatter_area .pull-right .input-group input::-moz-placeholder {
                font-size: 15px;
                font-family: "Roboto", sans-serif;
                color: #bcbcbc;
                font-weight: 300;
            }

            .newslatter_area .pull-right .input-group input::-webkit-input-placeholder {
                font-size: 15px;
                font-family: "Roboto", sans-serif;
                color: #bcbcbc;
                font-weight: 300;
            }

            .newslatter_area .pull-right .input-group input:focus {
                border-color: #1976d2;
            }

        .newslatter_area .pull-right .input-group .input-group-btn {
            position: absolute;
            right: 3.5px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            z-index: 4;
        }

            .newslatter_area .pull-right .input-group .input-group-btn .btn-secondary {
                padding: 0px 18px;
                background: #1976d2;
                height: 34px;
                margin: 0px;
                font-size: 22px;
                color: #fff;
                border-radius: 5px;
                border: none;
                outline: none !important;
                -webkit-box-shadow: none !important;
                box-shadow: none !important;
                cursor: pointer;
                line-height: 34px;
            }

/* End Newslatter Area css
============================================================================================ */
/* Register Form Area css
============================================================================================ */
.signup_area {
    max-width: 860px;
    margin: auto;
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
}

    .signup_area .sign_box_inner .sign_left_img img {
        max-width: 100%;
    }

    .signup_area .sign_form_inner {
        max-width: 300px;
        background: #fff;
        margin-left: 35px;
        -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12);
        -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12);
        box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12);
        border-radius: 10px;
        margin-top: 50px;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

        .signup_area .sign_form_inner h3 {
            font-size: 16px;
            color: #1371cb;
            font-family: "Roboto", sans-serif;
            padding-top: 20px;
        }

        .signup_area .sign_form_inner p {
            font-size: 12px;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            color: #636363;
            padding-top: 10px;
            padding-bottom: 20px;
        }

        .signup_area .sign_form_inner h4 {
            background: #1976d2;
            border-radius: 3px;
            color: #fff;
            font-size: 12px;
            position: relative;
            line-height: 37px;
            font-weight: 300;
        }

            .signup_area .sign_form_inner h4 i {
                text-align: left;
                height: 37px;
                width: 50px;
                background: #0764bd;
                text-align: center;
                line-height: 37px;
                position: absolute;
                left: 0px;
                top: 0px;
                border-bottom-left-radius: 3px;
                border-top-left-radius: 3px;
                font-size: 16px;
            }

        .signup_area .sign_form_inner h5 {
            position: relative;
            margin-top: 10px;
            margin-bottom: 20px;
        }

            .signup_area .sign_form_inner h5:before {
                content: "";
                width: 100%;
                height: 1px;
                background: #d8d8d8;
                position: absolute;
                left: 0px;
                top: 50%;
            }

            .signup_area .sign_form_inner h5 span {
                background: #fff;
                position: relative;
                z-index: 2;
                width: 40px;
                font-size: 12px;
                color: #d8d8d8;
                font-family: "Roboto", sans-serif;
                font-weight: 300;
                display: inline-block;
                top: -3px;
            }

        .signup_area .sign_form_inner h6 {
            font-size: 12px;
            color: #636363;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            padding-bottom: 20px;
            padding-top: 5px;
        }

            .signup_area .sign_form_inner h6 span {
                color: #1976d2;
            }

        .signup_area .sign_form_inner .signup_form .form-group input {
            height: 38px;
            border: 1px solid #f1f1f1;
            border-radius: 5px;
            -webkit-box-shadow: none;
            box-shadow: none;
            text-align: center;
            font-size: 12px;
            color: #c4c4c4;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
        }

            .signup_area .sign_form_inner .signup_form .form-group input.placeholder {
                font-size: 12px;
                color: #c4c4c4;
                font-family: "Roboto", sans-serif;
                font-weight: 300;
            }

            .signup_area .sign_form_inner .signup_form .form-group input:-moz-placeholder {
                font-size: 12px;
                color: #c4c4c4;
                font-family: "Roboto", sans-serif;
                font-weight: 300;
            }

            .signup_area .sign_form_inner .signup_form .form-group input::-moz-placeholder {
                font-size: 12px;
                color: #c4c4c4;
                font-family: "Roboto", sans-serif;
                font-weight: 300;
            }

            .signup_area .sign_form_inner .signup_form .form-group input::-webkit-input-placeholder {
                font-size: 12px;
                color: #c4c4c4;
                font-family: "Roboto", sans-serif;
                font-weight: 300;
            }

.login_area {
    max-width: 415px;
    padding-top: 30px;
    padding-bottom: 55px;
}

    .login_area .sign_box_inner {
        text-align: center;
    }

        .login_area .sign_box_inner img {
            padding-bottom: 30px;
        }

    .login_area .sign_form_inner {
        margin: auto;
    }

        .login_area .sign_form_inner h3 {
            padding-bottom: 30px;
            padding-top: 30px;
        }

        .login_area .sign_form_inner h6 {
            padding-bottom: 30px;
        }

        .login_area .sign_form_inner .form-group h5 {
            font-size: 12px;
            color: #959595;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            margin-bottom: 0px;
        }

            .login_area .sign_form_inner .form-group h5 a {
                color: #1976d2;
            }

            .login_area .sign_form_inner .form-group h5:before {
                display: none;
            }

/* End Register Form Area css
============================================================================================ */
/* OnePage Contact Form Area css
============================================================================================ */
.onepage_contact_inner .onepage_contact .form-group {
    margin-bottom: 30px;
}

    .onepage_contact_inner .onepage_contact .form-group input {
        height: 50px;
        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        color: #636363;
    }

        .onepage_contact_inner .onepage_contact .form-group input.placeholder {
            font-family: "Roboto", sans-serif;
            font-size: 16px;
            color: #cbcbcb;
        }

        .onepage_contact_inner .onepage_contact .form-group input:-moz-placeholder {
            font-family: "Roboto", sans-serif;
            font-size: 16px;
            color: #cbcbcb;
        }

        .onepage_contact_inner .onepage_contact .form-group input::-moz-placeholder {
            font-family: "Roboto", sans-serif;
            font-size: 16px;
            color: #cbcbcb;
        }

        .onepage_contact_inner .onepage_contact .form-group input::-webkit-input-placeholder {
            font-family: "Roboto", sans-serif;
            font-size: 16px;
            color: #cbcbcb;
        }

    .onepage_contact_inner .onepage_contact .form-group textarea {
        height: 200px;
        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        padding-top: 15px;
        color: #636363;
        resize: none;
    }

        .onepage_contact_inner .onepage_contact .form-group textarea.placeholder {
            font-family: "Roboto", sans-serif;
            font-size: 16px;
            color: #cbcbcb;
        }

        .onepage_contact_inner .onepage_contact .form-group textarea:-moz-placeholder {
            font-family: "Roboto", sans-serif;
            font-size: 16px;
            color: #cbcbcb;
        }

        .onepage_contact_inner .onepage_contact .form-group textarea::-moz-placeholder {
            font-family: "Roboto", sans-serif;
            font-size: 16px;
            color: #cbcbcb;
        }

        .onepage_contact_inner .onepage_contact .form-group textarea::-webkit-input-placeholder {
            font-family: "Roboto", sans-serif;
            font-size: 16px;
            color: #cbcbcb;
        }

/* End OnePage Contact Form Area css
============================================================================================ */
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

/**
 * Fade-move animation for second dialog
 */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    -o-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0);
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}

/* Contact Success and error Area css
============================================================================================ */
.modal-message .modal-dialog {
    position: absolute;
    top: 36%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) !important;
    -ms-transform: translateX(-50%) translateY(-50%) !important;
    transform: translateX(-50%) translateY(-50%) !important;
    margin: 0px;
    max-width: 500px;
    width: 100%;
}

    .modal-message .modal-dialog .modal-content .modal-header {
        text-align: center;
        display: block;
        border-bottom: none;
        padding-top: 50px;
        padding-bottom: 50px;
    }

        .modal-message .modal-dialog .modal-content .modal-header .close {
            position: absolute;
            right: -15px;
            top: -15px;
            padding: 0px;
            color: #fff;
            opacity: 1;
            cursor: pointer;
        }

        .modal-message .modal-dialog .modal-content .modal-header h2 {
            display: block;
            text-align: center;
            color: #1976d2;
            padding-bottom: 10px;
            font-family: "Roboto", sans-serif;
        }

        .modal-message .modal-dialog .modal-content .modal-header p {
            display: block;
        }

/* End Contact Success and error Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Video Area css
============================================================================================ */
.kids_education_area {
    padding: 100px 0px;
}

.kids_video {
    position: relative;
}

    .kids_video img {
        max-width: 100%;
    }

    .kids_video a {
        position: absolute;
        left: 0px;
        top: 50%;
        width: 100%;
        text-align: center;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.kids_edu_content {
    padding-top: 15px;
    padding-left: 35px;
}

    .kids_edu_content h3 {
        font-size: 30px;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        color: #252525;
    }

    .kids_edu_content p {
        font-size: 16px;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        line-height: 32px;
        color: #636363;
        padding: 30px 0px;
    }

    .kids_edu_content ul {
        margin-bottom: 35px;
    }

        .kids_edu_content ul li a {
            font-size: 16px;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            line-height: 32px;
            color: #636363;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

        .kids_edu_content ul li:hover a {
            color: #1976d2;
        }

/* End Video Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Top Student Area css
============================================================================================ */
.top_student_area {
    background: #f5f5f5;
    padding: 100px 0px;
}

.top_student_item {
    text-align: center;
}

    .top_student_item img {
        border: 6px solid #1976d2;
    }

    .top_student_item h4 {
        font-family: "Roboto", sans-serif;
        font-size: 24px;
        color: #252525;
        font-weight: 300;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
        padding-top: 25px;
        padding-bottom: 5px;
    }

        .top_student_item h4:hover {
            color: #1976d2;
        }

    .top_student_item p {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        color: #636363;
        font-weight: 300;
    }

/* End Top Student Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Faq Area css
============================================================================================ */
.pre_faq_area {
    overflow: hidden;
}

    .pre_faq_area .m_title {
        padding-bottom: 65px;
    }

.pre_faq_collaps .faq_collaps_inner .card {
    margin-bottom: 16px;
    background: #f5f5f5;
    border-radius: 6px;
    border: none;
}

    .pre_faq_collaps .faq_collaps_inner .card .card-header {
        padding: 0px;
        border-radius: 0px;
        background: transparent;
        border-bottom: none;
    }

        .pre_faq_collaps .faq_collaps_inner .card .card-header h5 a {
            display: block;
            position: relative;
            line-height: 52px;
            padding: 0px 25px;
            font-size: 23px;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            color: #252525;
            border: 1px solid #f5f5f5;
            background: #f5f5f5;
            border-radius: 6px;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
        }

            .pre_faq_collaps .faq_collaps_inner .card .card-header h5 a.collapsed {
                display: block;
                position: relative;
                line-height: 52px;
                padding: 0px 25px;
                font-size: 23px;
                font-family: "Roboto", sans-serif;
                font-weight: 300;
                color: #252525;
                border: 1px solid #e8e8e8;
                border-radius: 6px;
                background: #fff;
            }

                .pre_faq_collaps .faq_collaps_inner .card .card-header h5 a.collapsed i {
                    display: block;
                }

                    .pre_faq_collaps .faq_collaps_inner .card .card-header h5 a.collapsed i + i {
                        display: none;
                    }

            .pre_faq_collaps .faq_collaps_inner .card .card-header h5 a i {
                position: absolute;
                right: 20px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                display: none;
            }

                .pre_faq_collaps .faq_collaps_inner .card .card-header h5 a i + i {
                    display: inline-block;
                }

    .pre_faq_collaps .faq_collaps_inner .card .card-body {
        padding: 10px 25px 30px 25px;
    }

        .pre_faq_collaps .faq_collaps_inner .card .card-body p {
            font-size: 16px;
            line-height: 30px;
            color: #959595;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
        }

        .pre_faq_collaps .faq_collaps_inner .card .card-body ul li a {
            font-size: 16px;
            line-height: 30px;
            color: #959595;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            position: relative;
            padding-left: 12px;
        }

            .pre_faq_collaps .faq_collaps_inner .card .card-body ul li a:before {
                content: "";
                height: 3px;
                width: 3px;
                border-radius: 50%;
                background: #959595;
                position: absolute;
                left: 0px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

.faq_form_are {
    margin-left: 55px;
    /*background: #cddc39;*/
    background: #e87b22;
    border-radius: 6px;
    padding: 40px 30px;
    position: relative;
}

    .faq_form_are:before {
        content: "";
        background: url(../img/right-flower.png) no-repeat scroll center center;
        width: 231px;
        height: 285px;
        position: absolute;
        right: -188px;
        top: 0px;
        z-index: -1;
    }

    .faq_form_are p {
        color: #fff;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        text-align: center;
        font-size: 25px;
        padding-bottom: 35px;
    }

.faq_form {
    max-width: 300px;
    margin: auto;
}

    .faq_form .form-group {
        margin-bottom: 30px;
        text-align: center;
    }

        .faq_form .form-group input {
            background: transparent;
            border: none;
            border-radius: 0px;
            border-bottom: 1px solid #fff;
            padding: 0px;
            height: 40px;
            color: #fff;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            font-size: 16px;
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .faq_form .form-group input.placeholder {
                color: #fff;
                font-family: "Roboto", sans-serif;
                font-weight: 300;
                font-size: 16px;
            }

            .faq_form .form-group input:-moz-placeholder {
                color: #fff;
                font-family: "Roboto", sans-serif;
                font-weight: 300;
                font-size: 16px;
            }

            .faq_form .form-group input::-moz-placeholder {
                color: #fff;
                font-family: "Roboto", sans-serif;
                font-weight: 300;
                font-size: 16px;
            }

            .faq_form .form-group input::-webkit-input-placeholder {
                color: #fff;
                font-family: "Roboto", sans-serif;
                font-weight: 300;
                font-size: 16px;
            }

        .faq_form .form-group textarea {
            background: transparent;
            border: none;
            border-radius: 0px;
            border-bottom: 1px solid #fff;
            padding: 0px;
            height: 40px;
            color: #fff;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            font-size: 16px;
            resize: none;
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .faq_form .form-group textarea.placeholder {
                color: #fff;
                font-family: "Roboto", sans-serif;
                font-weight: 300;
                font-size: 16px;
            }

            .faq_form .form-group textarea:-moz-placeholder {
                color: #fff;
                font-family: "Roboto", sans-serif;
                font-weight: 300;
                font-size: 16px;
            }

            .faq_form .form-group textarea::-moz-placeholder {
                color: #fff;
                font-family: "Roboto", sans-serif;
                font-weight: 300;
                font-size: 16px;
            }

            .faq_form .form-group textarea::-webkit-input-placeholder {
                color: #fff;
                font-family: "Roboto", sans-serif;
                font-weight: 300;
                font-size: 16px;
            }

        .faq_form .form-group:last-child {
            margin-top: 30px;
            margin-bottom: 0px;
        }

/* End Faq Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Event Area css
============================================================================================ */
.upcomming_events {
    background: url(../img/event/event-bg.jpg) no-repeat fixed center center;
    background-size: cover;
    position: relative;
    z-index: 3;
}

    .upcomming_events:before {
        content: "";
        background: rgba(205, 220, 57, 0.9);
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        z-index: -1;
    }

    .upcomming_events .m_title p {
        color: #636363;
    }

.events_item {
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}

    .events_item .events_text {
        padding: 26px 45px 35px 38px;
    }

        .events_item .events_text h4 {
            font-size: 24px;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            color: #252525;
        }

        .events_item .events_text h5 {
            font-size: 16px;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            color: #636363;
            padding: 10px 0px 33px 0px;
        }

            .events_item .events_text h5 i {
                color: #1976d2;
            }

        .events_item .events_text p {
            font-size: 16px;
            color: #636363;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            line-height: 22px;
            padding-bottom: 65px;
        }

        .events_item .events_text .view_btn {
            background: #1976d2;
            text-transform: uppercase;
            line-height: 34px;
            padding: 0px 25px;
        }

            .events_item .events_text .view_btn:hover {
                background: #ff5722;
            }

.event_list_area .event_list_inner {
    margin-bottom: -80px;
}

    .event_list_area .event_list_inner .events_item {
        -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
        margin-bottom: 80px;
    }

        .event_list_area .event_list_inner .events_item .events_img img {
            width: 100%;
        }

.event_details_inner .event_map .mapBox {
    min-height: 535px;
    border-radius: 10px;
    overflow: hidden;
}

.event_details_inner .event_d_text h4 {
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    color: #444444;
    font-weight: 300;
    padding: 55px 0px 25px 0px;
}

.event_details_inner .event_d_text p {
    font-size: 16px;
    line-height: 26px;
    color: #959595;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    padding-bottom: 15px;
}

    .event_details_inner .event_d_text p:last-child {
        padding-bottom: 0px;
    }

.event_d_column {
    margin-top: 20px;
}

    .event_d_column .e_column_text {
        padding-bottom: 20px;
        margin-right: -13px;
    }

        .event_d_column .e_column_text ul {
            padding-bottom: 15px;
        }

            .event_d_column .e_column_text ul li {
                margin-bottom: 5px;
            }

                .event_d_column .e_column_text ul li a {
                    font-size: 16px;
                    font-family: "Roboto", sans-serif;
                    font-weight: 300;
                    color: #959595;
                }

                .event_d_column .e_column_text ul li:last-child {
                    margin-bottom: 0px;
                }

        .event_d_column .e_column_text p {
            font-size: 16px;
            line-height: 26px;
            color: #959595;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
        }

    .event_d_column p {
        font-size: 16px;
        line-height: 26px;
        color: #959595;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
    }

.ev_d_slider {
    padding-left: 30px;
}

    .ev_d_slider .owl-dots {
        text-align: center;
        margin-top: 8px;
    }

        .ev_d_slider .owl-dots .owl-dot {
            height: 10px;
            width: 10px;
            display: inline-block;
            border-radius: 50%;
            background: #e4e4e4;
            margin-right: 8px;
        }

            .ev_d_slider .owl-dots .owl-dot:last-child {
                margin-right: 0px;
            }

            .ev_d_slider .owl-dots .owl-dot.active {
                background: #1976d2;
            }

/* End Event Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Comming Soon Area css
============================================================================================ */
.full_width_body {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.full_page_area {
    width: 100%;
    height: calc(100vh - 0px);
}

    .full_page_area .row {
        height: 100%;
    }

    .full_page_area .left_comming {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }

        .full_page_area .left_comming .comming_soon_text {
            vertical-align: middle;
            -ms-flex-item-align: center;
            align-self: center;
            width: 100%;
        }

            .full_page_area .left_comming .comming_soon_text .comming_text_inner {
                max-width: 800px;
                float: right;
                padding-right: 150px;
                width: 100%;
            }

                .full_page_area .left_comming .comming_soon_text .comming_text_inner h3 {
                    font-size: 50px;
                    color: #444444;
                    text-transform: uppercase;
                    font-family: "Roboto", sans-serif;
                    font-weight: 300;
                    padding-bottom: 20px;
                }

                .full_page_area .left_comming .comming_soon_text .comming_text_inner p {
                    color: #959595;
                    line-height: 25px;
                    font-size: 15px;
                    max-width: 500px;
                }

                .full_page_area .left_comming .comming_soon_text .comming_text_inner h5 {
                    font-size: 17px;
                    font-family: "Roboto", sans-serif;
                    color: #061e37;
                    padding-top: 30px;
                }

        .full_page_area .left_comming .menu_f_com {
            position: absolute;
            right: 0px;
            bottom: 50px;
            max-width: 800px;
            width: 100%;
        }

            .full_page_area .left_comming .menu_f_com ul li {
                display: inline-block;
                margin-right: 20px;
            }

                .full_page_area .left_comming .menu_f_com ul li:last-child {
                    margin-right: 0px;
                }

                .full_page_area .left_comming .menu_f_com ul li a {
                    font-size: 15px;
                    color: #8f8f8f;
                    font-family: "Roboto", sans-serif;
                    font-weight: 500;
                    -webkit-transition: all 400ms linear 0s;
                    -o-transition: all 400ms linear 0s;
                    transition: all 400ms linear 0s;
                }

                .full_page_area .left_comming .menu_f_com ul li:hover a {
                    color: #1976d2;
                }

    .full_page_area .right_comming {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        background: #ff5722;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .full_page_area .right_comming .stay_soon_text {
            vertical-align: middle;
            -ms-flex-item-align: center;
            align-self: center;
            max-width: 350px;
            margin: auto;
            color: #fff;
            text-align: center;
        }

            .full_page_area .right_comming .stay_soon_text h3 {
                text-transform: uppercase;
                font-size: 25px;
                font-family: "Roboto", sans-serif;
                padding-bottom: 12px;
                padding-top: 50px;
            }

                .full_page_area .right_comming .stay_soon_text h3 span {
                    font-weight: 300;
                }

            .full_page_area .right_comming .stay_soon_text p {
                color: #f1f1f1;
                font-family: "Roboto", sans-serif;
                font-size: 15px;
                line-height: 24px;
            }

            .full_page_area .right_comming .stay_soon_text ul {
                padding-top: 50px;
            }

                .full_page_area .right_comming .stay_soon_text ul li {
                    display: inline-block;
                    margin-right: 30px;
                }

                    .full_page_area .right_comming .stay_soon_text ul li a {
                        font-size: 16px;
                        color: #fff;
                        opacity: .7;
                    }

                    .full_page_area .right_comming .stay_soon_text ul li:last-child {
                        margin-right: 0px;
                    }

                    .full_page_area .right_comming .stay_soon_text ul li:hover a {
                        opacity: 1;
                    }

            .full_page_area .right_comming .stay_soon_text .input-group {
                display: block;
                margin-top: 30px;
            }

                .full_page_area .right_comming .stay_soon_text .input-group input {
                    border-radius: 0px;
                    width: 100%;
                    max-width: 300px;
                    margin: auto;
                    height: 45px;
                    border-radius: 22px;
                    border: none;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                    padding: 0px 20px;
                    font-size: 15px;
                    color: #bababa;
                    font-family: "Roboto", sans-serif;
                    letter-spacing: 1.5px;
                }

                    .full_page_area .right_comming .stay_soon_text .input-group input.placeholder {
                        font-size: 15px;
                        color: #bababa;
                        font-family: "Roboto", sans-serif;
                        letter-spacing: 1.5px;
                    }

                    .full_page_area .right_comming .stay_soon_text .input-group input:-moz-placeholder {
                        font-size: 15px;
                        color: #bababa;
                        font-family: "Roboto", sans-serif;
                        letter-spacing: 1.5px;
                    }

                    .full_page_area .right_comming .stay_soon_text .input-group input::-moz-placeholder {
                        font-size: 15px;
                        color: #bababa;
                        font-family: "Roboto", sans-serif;
                        letter-spacing: 1.5px;
                    }

                    .full_page_area .right_comming .stay_soon_text .input-group input::-webkit-input-placeholder {
                        font-size: 15px;
                        color: #bababa;
                        font-family: "Roboto", sans-serif;
                        letter-spacing: 1.5px;
                    }

            .full_page_area .right_comming .stay_soon_text .timer_soon {
                overflow: hidden;
                padding-bottom: 50px;
            }

                .full_page_area .right_comming .stay_soon_text .timer_soon .countdown .countdown-container {
                    width: calc(100% / 4);
                    float: left;
                    margin: auto;
                    text-align: center;
                    position: relative;
                    padding-top: 10px;
                }

                    .full_page_area .right_comming .stay_soon_text .timer_soon .countdown .countdown-container .countdown-heading {
                        color: #fff;
                        font-size: 12px;
                        font-family: "Roboto", sans-serif;
                        font-weight: 500;
                        text-transform: uppercase;
                        position: absolute;
                        width: 100%;
                        text-align: center;
                        left: 0px;
                        top: 100%;
                        margin-top: 5px;
                    }

                    .full_page_area .right_comming .stay_soon_text .timer_soon .countdown .countdown-container .countdown-value {
                        padding: 0px;
                        background: transparent;
                        -webkit-box-shadow: none;
                        box-shadow: none;
                        text-shadow: none;
                        color: #fff;
                        font-size: 40px;
                        font-family: "Roboto", sans-serif;
                        font-weight: 300;
                        text-transform: uppercase;
                    }

/* End Comming Soon Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Footer Area css
============================================================================================ */
.footer_area {
    background: #f5f5f5;
    position: relative;
}

    .footer_area .f_logo {
        text-align: center;
        padding: 40px 0px 60px 0px;
    }

.f_title {
    padding-bottom: 40px;
}

    .f_title h3 {
        font-size: 18px;
        font-family: "Roboto", sans-serif;
        color: #727272;
        text-transform: uppercase;
    }

.map_widget iframe {
    width: 100%;
    height: 185px;
}

.contact_widget p {
    font-size: 14px;
    line-height: 24px;
    font-family: "Roboto", sans-serif;
    color: #959595;
    padding-bottom: 16px;
}

.contact_widget a {
    font-size: 14px;
    line-height: 24px;
    font-family: "Roboto", sans-serif;
    color: #959595;
    display: block;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}

    .contact_widget a i {
        padding-right: 5px;
    }

    .contact_widget a:hover {
        color: #1976d2;
    }

.contact_widget ul {
    padding-top: 20px;
}

    .contact_widget ul li {
        display: inline-block;
        margin-right: 7px;
    }

        .contact_widget ul li a {
            height: 40px;
            width: 40px;
            text-align: center;
            color: #fff;
            line-height: 38px;
            font-size: 14px;
            background: #55acee;
            border-radius: 50%;
            border: 1px solid #55acee;
            -webkit-transition: all 400ms linear 0s;
            -o-transition: all 400ms linear 0s;
            transition: all 400ms linear 0s;
        }

            .contact_widget ul li a i {
                padding-right: 0px;
            }

        .contact_widget ul li:nth-child(2) a {
            background: #3b5999;
            border: 1px solid #3b5999;
        }

        .contact_widget ul li:nth-child(2):hover a {
            color: #3b5999;
            background: transparent;
        }

        .contact_widget ul li:nth-child(3) a {
            background: #e4405f;
            border: 1px solid #e4405f;
        }

        .contact_widget ul li:nth-child(3):hover a {
            color: #e4405f;
            background: transparent;
        }

        .contact_widget ul li:nth-child(4) a {
            background: #dd4b39;
            border: 1px solid #dd4b39;
        }

        .contact_widget ul li:nth-child(4):hover a {
            color: #dd4b39;
            background: transparent;
        }

        .contact_widget ul li:last-child {
            margin-right: 0px;
        }

            .contact_widget ul li:last-child a {
                background: #ea4c89;
                border: 1px solid #ea4c89;
            }

            .contact_widget ul li:last-child:hover a {
                color: #ea4c89;
                background: transparent;
            }

        .contact_widget ul li:hover a {
            color: #55acee;
            background: transparent;
        }

.hour_widget ul li a {
    font-size: 14px;
    line-height: 24px;
    font-family: "Roboto", sans-serif;
    color: #959595;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}

.hour_widget ul li:hover a {
    color: #1976d2;
}

.gallery_widget ul {
    overflow: hidden;
    margin-right: -12px;
    margin-bottom: 12px;
}

    .gallery_widget ul li {
        width: calc(100% / 3);
        float: left;
    }

        .gallery_widget ul li a {
            margin-right: 12px;
            margin-bottom: 12px;
            display: block;
            position: relative;
            overflow: hidden;
        }

            .gallery_widget ul li a i {
                position: absolute;
                top: 50%;
                width: 100%;
                text-align: center;
                z-index: 2;
                color: #fff;
                margin-top: -7px;
                left: 0px;
                -webkit-transform: scale(0);
                -ms-transform: scale(0);
                transform: scale(0);
                -webkit-transition: all 0.6s ease-in-out;
                -o-transition: all 0.6s ease-in-out;
                transition: all 0.6s ease-in-out;
            }

            .gallery_widget ul li a:before {
                content: "";
                width: 100%;
                height: 100%;
                opacity: 0;
                position: absolute;
                top: 0px;
                left: 0px;
                overflow: visible;
                border: 0px solid rgba(33, 140, 243, 0.63);
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                -webkit-transition: all 0.6s ease-in-out;
                -o-transition: all 0.6s ease-in-out;
                transition: all 0.6s ease-in-out;
                z-index: 1;
            }

            .gallery_widget ul li a img {
                max-width: 100%;
            }

        .gallery_widget ul li:hover a i {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }

        .gallery_widget ul li:hover a:before {
            border: 50px solid rgba(33, 140, 243, 0.63);
            opacity: 1;
        }

.scroll {
    height: 45px;
    width: 50px;
    text-align: center;
    color: #fff;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    position: fixed;
    right: 50px;
    bottom: 65px;
    background: #1976d2;
    line-height: 45px;
    font-size: 18px;
    z-index: 999;
    display: none;
    cursor: pointer;
}

/* Footer Area css
============================================================================================ */
/*---------------------------------------------------- */

/*# sourceMappingURL=style.css.map */

.text-danger {
    font-weight: bold;
    font-size: small;
}

.btn-no-top-margin {
    margin-top: 0 !important;
}

textarea.form-control {
    resize: none;
}

.mdi {
    font-size: 1.3em;
}

.btn i.mdi {
    font-size: 1em;
}

.mdi-gray {
    color: #495057;
}

.custom-file-input {
    max-width: 1px;
    min-width: 1px;
}

.btn {
    padding: 0.5em 1.5em;
}

.exercise-image {
    max-height: 600px;
    max-width: 400px;
}

button.selected,
button.selected:hover {
    background-color: #e87b22;
    border-color: #e87b22;
}

button.verified,
button.verifier:hover,
.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #18539f;
    border-color: #18539f;
}

.strike {
    text-decoration: line-through;
}

.linked-exercise-def {
    min-height: 140px;
    text-align: center;
    position: relative;
    z-index: 1;
    color: white;
    font-weight: bold;
}

    .linked-exercise-def::before {
        border-radius: 10px;
        position: absolute;
        content: "";
        z-index: -1;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: .5;
        background-image: url('/img/courses/basketball-bucket.jpg');
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 100%;
    }

.linked-exercise-term {
    z-index: 2;
    border-color: #e87b22;
    border-width: 1px;
    border-radius: 20px;
    border-style: dotted;
    padding: 0 20px;
}

    .linked-exercise-term img {
        max-height: 80px;
    }

.linked-exercise-term-dropped {
    color: white;
    font-size: x-large;
    background-color: rgba(24, 83, 159, 0.35);
    border-color: #18539f;
}

.answer-correct {
    color: mediumseagreen;
}

.answer-incorrect {
    color: indianred;
}

.home-page-list {
    list-style: inside;
    font-size: small;
}

.preschool_item .col-md-9:last-child .media .d-flex {
    color: #fcd900;
}

.col-md-9 .preschool_item .media {
    max-width: 100%;
}

.r_preschool_img img {
    max-width: 95%;
    margin: 1em;
    border-radius: 2em;
}

.img-incorrect {
    filter: grayscale(100%);
}

.img-selected {
    box-shadow: 0px 0px 10px 15px rgba(232, 123, 34, 0.8);
}

.hidden-radio-input {
    display: none;
}

.img-container::after {
    /*    content: '';
    background: url("/img/mascotte/carlos.png");
    background-size: cover;
    opacity: 0.3;
    height: 50%;
    width: 100%;
    position: absolute;
    right: 0px;
    top: 30rem;
    z-index: -1;
    max-height: 800px;
    max-width: 400px;*/
}

.word-search-letter {
    width: 3em;
    height: 3em;
    padding: 10px;
    margin: 0.2em;
}

.img-container-thinking {
    /*content: '';
    background: url("/img/mascotte/carlos-thinking.png");
    background-size:;
    opacity: 0.3;
    height: 50%;
    width: 100%;
    position: absolute;
    right: 0px;
    top: 30rem;
    z-index: -1;
    max-height: 800px;
    max-width: 500px;*/
}

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

@media screen and (min-width: 768px) and (max-width: 959px) {
    .word-search-letter {
        width: 2em;
        height: 2em;
        padding: 3px;
        margin: 0.1em;
    }
}

.progress {
    height: 2rem;
}

.word-seach-section .p-5 {
    margin: 0 !important;
}

.title_with_button {
    display: initial;
}

.explanation{
    cursor:pointer;
}

a.disabled {
    cursor: default !important;
}

a:disabled {
    cursor: default !important;
}