/*----------------------------------------------------
@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: 500;
    color: #252525;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

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

.faci_title h2:after {
    content: "";
    width: 45px;
    height: 2px;
    background: #aa0708;
    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;
}
.upcomming_events  .m_title h2{
    color: #fff;
}
.m_title h2 {
    font-size: 35px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px;
    display: inline-block;
}

.m_title h2:before {
    content: "";
    width: 130px;
    height: 2px;
    background: #07bcf3;
    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: #aa0708;
    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: #07bcf3;
    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: #aa0708;
}

/* 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: 146px;
}

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

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

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

.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: #aa0708;
    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
============================================================================================ */

.search_box {
    z-index: 50;
    position: fixed;
    top: -105%;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

.search_box:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #07bcf3;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%;
    -webkit-transform: scale(0.04), translateY(9999px);
    -ms-transform: scale(0.04), translateY(9999px);
    transform: scale(0.04), translateY(9999px);
    overflow: hidden;
}

.search_box .close_icon {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.2s ease-out, opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
    opacity: 0;
}

.search_box .input-group {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    max-width: 800px;
    width: 20%;
    opacity: 0;
    -webkit-transition: all 900ms linear;
    -o-transition: all 900ms linear;
    transition: all 900ms linear;
    -webkit-transition-delay: 0.75s;
    -o-transition-delay: 0.75s;
    transition-delay: 0.75s;
}

.search_box .input-group input {
    border: none;
    height: 55px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0px 15px;
    font-size: 16px;
    padding-left: 0px;
    color: #fff;
    background: transparent;
    border-bottom: 2px solid #fff;
    border-radius: 0px;
    box-shadow: none;
}

.search_box .input-group input.placeholder {
    font-size: 16px;
    color: #fff;
}

.search_box .input-group input:-moz-placeholder {
    font-size: 16px;
    color: #fff;
}

.search_box .input-group input::-moz-placeholder {
    font-size: 16px;
    color: #fff;
}

.search_box .input-group input::-webkit-input-placeholder {
    font-size: 16px;
    color: #fff;
}

.search_box .input-group .input-group-append {
    margin-left: 0px;
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 4;
}

.search_box .input-group .input-group-append button {
    border: none;
    background: transparent;
    border-radius: 0px;
    height: 55px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    color: #fff;
    font-size: 24px;
    padding: 0px;
    font-family: "Roboto", sans-serif;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    cursor: pointer;
}

.search_box .input-group .input-group-append button i {
    cursor: pointer;
}

.open .search_box {
    top: 0px;
}

.open .search_box:before {
    -webkit-animation: menu-animation 0.8s ease-out forwards;
    animation: menu-animation 0.8s ease-out forwards;
    height: 100%;
}

.open .search_box .close_icon {
    -webkit-transition-delay: 0.75s;
    -o-transition-delay: 0.75s;
    transition-delay: 0.75s;
    opacity: 1;
}

.open .search_box .input-group {
    width: 100%;
    opacity: 1;
}

.header_banner_area {
    position: relative;
}

.header_banner_area .rev_slider ul li .slotholder:before {
    content: "";
    position: absolute;
    left: 0px;
    height: 100%;
    width: 100%;
    background: rgb(170 7 8 / 40%);
    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: #aa0708;
}

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

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

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

.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: #07bcf3;
    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: #aa0708;
}

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

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

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

.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 #07bcf3;
    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: #07bcf3;
}

.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: #aa0708;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}

.read_more i {
    font-size: 16px;
    color: #aa0708 !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: #aa0708;
}

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

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

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

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

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

.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: #07bcf3;
}

.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: #07bcf3;
}

.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: #aa0708 !important;
}

.faci_item_inner .media.blue .media-body h4:hover {
    color: #aa0708 !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: #07bcf3;
    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: #aa0708;
}

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

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

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

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

.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 #07bcf3;
}

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

.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: #07bcf3;
    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: #07bcf3;
}

.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: #07bcf3;
    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: #aa0708;
}

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

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

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

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

.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: 800px;
    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: #aa0708;
}

.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 {
    max-width: 360px;
}

.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: 20px;
    padding: 4px 25px;
    border: 2px solid #03c0f8;
    border-radius: 40px;
}

.portfolio_filter ul li a {
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    color: #636363;
    font-weight: 500;
    transition: all 0.5s ease;
}

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

.portfolio_filter ul li:hover a,
.portfolio_filter ul li.active a {
    color: #fff;
}
.portfolio_filter ul li:hover,
.portfolio_filter ul li.active {
     border: 2px solid #aa0708;
     background-color: #aa0708;
}

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

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

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

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

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

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

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

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

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

.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: #07bcf3;
    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: #07bcf3;
}

.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: #aa0708;
    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: #07bcf3;
    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: #aa0708;
    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: #aa0708;
    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: #aa0708;
}

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

.submit_btn {
    text-align: center;
    background: #aa0708;
    width: 130px;
    height: 40px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    line-height: 40px;
    color: #fff;
    padding: 0px;
    border: none;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    cursor: pointer;
    -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);
}

.courses_btn {
    width: 200px;
    background: #aa0708;
    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: #07bcf3;
    color: #fff;
}

.request_btn {
    width: 200px;
    background: #07bcf3;
    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: #aa0708;
    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: #07bcf3;
    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: #07bcf3;
    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: #07bcf3;
}

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

.preschool_box .red {
    background: #07bcf3;
}

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

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

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

.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_item .t_itme_hover {
    position: absolute;
    left: 0px;
    bottom: -212px;
    background: rgba(22, 140, 233, 0.67);
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 50px 0px;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.t_item .t_itme_hover h4 {
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    opacity: 0;
    -webkit-transform: all 500ms linear;
    -ms-transform: all 500ms linear;
    transform: all 500ms linear;
}

.t_item .t_itme_hover h5 {
    font-size: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    padding: 0px 0px 30px 0px;
    opacity: 0;
    -webkit-transform: all 500ms linear;
    -ms-transform: all 500ms linear;
    transform: all 500ms linear;
}

.t_item .t_itme_hover ul {
    overflow: hidden;
}

.t_item .t_itme_hover ul li {
    display: inline-block;
    margin-right: 8px;
}

.t_item .t_itme_hover ul li a {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: #55acee;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    opacity: 0;
    position: relative;
    bottom: -18px;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}

.t_item .t_itme_hover ul li:nth-child(2) a {
    background: #3b5999;
    -webkit-transition: all 800ms linear;
    -o-transition: all 800ms linear;
    transition: all 800ms linear;
}

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

.t_item .t_itme_hover ul li:last-child a {
    background: #e4405f;
    -webkit-transition: all 900ms linear;
    -o-transition: all 900ms linear;
    transition: all 900ms linear;
}

.t_item:hover .t_itme_hover {
    bottom: 0px;
}

.t_item:hover .t_itme_hover h4 {
    opacity: 1;
}

.t_item:hover .t_itme_hover h5 {
    opacity: 1;
}

.t_item:hover .t_itme_hover ul li a {
    opacity: 1;
    bottom: 0px;
}

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

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

.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: #aa0708;
    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: #07bcf3;
}

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

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

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

.r_title {
    background: #aa0708;
    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: #07bcf3;
}

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

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

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

.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: #07bcf3;
    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: #aa0708;
}

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

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

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

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

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

.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: #aa0708;
    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: #07bcf3;
    border-color: #07bcf3;
    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: #07bcf3;
}

.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: #07bcf3;
    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: #07bcf3;
}

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

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

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

.signup_area .sign_form_inner .signup_form .form-group .submit_btn {
    font-size: 12px;
    color: #fff;
    width: 64px;
    height: 25px;
    line-height: 25px;
}

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

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

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

.onepage_contact_inner .onepage_contact .form-group .submit_btn {
    width: 200px;
    margin: auto;
    text-align: center;
    display: block;
    line-height: 50px;
    height: 50px;
}

/* 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: #aa0708;
    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: #aa0708;
}

/* 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 #aa0708;
}

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

.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: #aa0708;
    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: rgb(170 7 8 / 60%);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: -1;
}

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

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

.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: #aa0708;
    text-transform: uppercase;
    line-height: 34px;
    padding: 0px 25px;
}

.events_item .events_text .view_btn:hover {
    background: #07bcf3;
}

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

/* 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: #aa0708;
}

.full_page_area .right_comming {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    background: #07bcf3;
    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 .input-group-append .submit_btn {
    text-transform: uppercase;
    margin-top: 20px;
    width: 100px;
    border-radius: 20px;
}

.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: #03c0f82b;
    position: relative;
    padding: 40px 0;
}

/* .footer_area:before {
    content: "";
    background: url(../img/footer/footer-bg.png) no-repeat scroll center center;
    background-size: cover;
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: 0px;
    height: 103px;
} */

.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: #000;
    padding-bottom: 16px;
    font-weight: 500;
}

.contact_widget a {
    font-size: 14px;
    line-height: 24px;
    font-family: "Roboto", sans-serif;
    color: #000;
    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: #aa0708;
}

.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: #000;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}

.hour_widget ul li:hover a {
    color: #aa0708;
}

.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: #aa0708;
    line-height: 45px;
    font-size: 18px;
    z-index: 999;
    display: none;
    cursor: pointer;
}

/* Footer Area css
============================================================================================ */

/*---------------------------------------------------- */

/*# sourceMappingURL=style.css.map */


.onepage_menu .navbar-brand img{
    height: 140px;
}
header.header_menu_area.onepage_menu.navbar_fixed .navbar-brand img{
height: 70px;
}
.footer_area .f_logo img{
    height: 200px;
}
.footer_botton{
    background-color: #aa0708;
    padding:15px 0 ;
}
.footer_botton .text-md-start{
    font-size: 19px;
    color: #fff;

}
.footer_botton .text-md-start a{
    color: #03c0f8;
    transition: all 0.5s ease;
}
.footer_botton .text-md-start a:hover{
    color: #000;
}
.ul_gap ul{
    gap: 20px;
}
.ul_gap a{
    color: #fff;
    transition: all 0.5s ease;
}
.ul_gap a:hover{
    color: #000;
}
.img_correction{
    height: 700px;
    background-repeat: repeat;
    background-size: cover;
    position: relative;
}
.img_correction::before{
        content: "";
    position: absolute;
    left: 0px;
    height: 100%;
    width: 100%;
    background: rgb(170 7 8 / 40%);
    z-index: 25;
}
.terms-conditions p{
    display: block;
        width: 100%;
}
.terms-conditions h3{display: block;}
.contact_widget.f_widget a{
font-size: 15px;
margin-bottom: 5px;
}
.home-about-w3l._pt-lg-5 a{
    color: #aa0708;
    font-weight: 700;
}
.home-about-w3l._pt-lg-5 a:hover{
    color: #07bcf3;
}
.terms-conditions h3,.terms-conditions p,.terms-conditions h2,.terms-conditions h1,.terms-conditions h4,.terms-conditions ul,.terms-conditions h5{
    width: 100%;
}