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

@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("../../../../css.css");

.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: 'Poppins', sans-serif;

    font-weight: 300;

    color: #252525;

    text-transform: uppercase;

    position: relative;

    padding-bottom: 15px;

    margin-bottom: 25px;

}



.faci_title h2:before {

    content: "";

    width: 130px;

    height: 2px;

    background: #ff5722;

    position: absolute;

    left: 0px;

    bottom: 0px;

}



.faci_title h2:after {

    content: "";

    width: 45px;

    height: 2px;

    background: #1976d2;

    position: absolute;

    left: 0px;

    bottom: 0px;

}



.faci_title p {

    font-size: 18px;

    color: #636363;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

}



.faci_title p+p {

    padding-top: 25px;

}



.m_title {

    text-align: center;

    padding-bottom: 40px;

}



.m_title h2 {

    font-size: 35px;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    color: #252525;

    text-transform: uppercase;

    position: relative;

    padding-bottom: 15px;

    margin-bottom: 25px;

    display: inline-block;

}



.m_title h2:before {

    content: "";

    width: 130px;

    height: 2px;

    background: #ff5722;

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    bottom: 0px;

}



.m_title h2:after {

    content: "";

    width: 45px;

    height: 2px;

    background: #1976d2;

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    bottom: 0px;

}



.m_title p {

    font-size: 21px;

    color: #636363;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

}



.single_title {

    text-align: center;

    padding-bottom: 75px;

}



.single_title h2 {

    color: #252525;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    font-size: 35px;

}



.new_title {

    text-align: center;

    padding-bottom: 75px;

}



.new_title h2 {

    font-size: 30px;

    font-family: 'Poppins', sans-serif;

    color: #1b70c4;

    font-weight: 500;

    padding-bottom: 15px;

}



.new_title h3 {

    color: #ff5722;

    font-family: 'Poppins', 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: 'Poppins', sans-serif;

    font-weight: bold;

    color: #1976d2;

}





/* Main title css

============================================================================================ */





/* Main title css

============================================================================================ */





/* Css keyframes css

============================================================================================ */



@-webkit-keyframes menu-animation {

    0% {

        opacity: 0;

        -webkit-transform: scale(0.04) translateY(300%);

        transform: scale(0.04) translateY(300%);

    }

    40% {

        -webkit-transform: scale(0.04) translateY(0);

        transform: scale(0.04) translateY(0);

        -webkit-transition: ease-out;

        -o-transition: ease-out;

        transition: ease-out;

    }

    40% {

        -webkit-transform: scale(0.04) translateY(0);

        transform: scale(0.04) translateY(0);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale(0.02) translateY(0px);

        transform: scale(0.02) translateY(0px);

    }

    61% {

        -webkit-transform: scale(0.04);

        transform: scale(0.04);

    }

    99.9% {

        height: 0;

        padding-bottom: 100%;

        border-radius: 100%;

    }

    100% {

        -webkit-transform: scale(2);

        transform: scale(2);

        height: 100%;

        padding-bottom: 0;

        border-radius: 0;

    }

}



@keyframes menu-animation {

    0% {

        opacity: 0;

        -webkit-transform: scale(0.04) translateY(300%);

        transform: scale(0.04) translateY(300%);

    }

    40% {

        -webkit-transform: scale(0.04) translateY(0);

        transform: scale(0.04) translateY(0);

        -webkit-transition: ease-out;

        -o-transition: ease-out;

        transition: ease-out;

    }

    40% {

        -webkit-transform: scale(0.04) translateY(0);

        transform: scale(0.04) translateY(0);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale(0.02) translateY(0px);

        transform: scale(0.02) translateY(0px);

    }

    61% {

        -webkit-transform: scale(0.04);

        transform: scale(0.04);

    }

    99.9% {

        height: 0;

        padding-bottom: 100%;

        border-radius: 100%;

    }

    100% {

        -webkit-transform: scale(2);

        transform: scale(2);

        height: 100%;

        padding-bottom: 0;

        border-radius: 0;

    }

}





/* End Css keyframes css

============================================================================================ */





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





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





/* Header css

============================================================================================ */



.header_menu_area {

    position: absolute;

    width: 100%;

    top: 0px;

    left: 0px;

    z-index: 30;

}



.header_menu_area+section,

.header_menu_area+div,

.header_menu_area+row {

    margin-top: 100px;

    padding-bottom: 260px;

}



.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: #0076c0;

}



.top_header .pull-left a {

    color: #fff;

    font-size: 16px;

    font-family: 'Poppins', sans-serif;

    margin-right: 10px;

    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: 'Poppins', sans-serif;

    margin-right: 0px;

    /* text-transform: uppercase; */

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

}



.main_menu .navbar .navbar-nav li a {

    display: flex;

    text-align: center;

    font-family: 'Poppins', sans-serif;

    font-size: 14px;

    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; */

    font-size: 20px;

    padding-right: 5px;

}



.main_menu .navbar .navbar-nav li:hover a,

.main_menu .navbar .navbar-nav li.active a {

    color: #1976d2;

}



.main_menu .navbar .navbar-nav li:hover a i,

.main_menu .navbar .navbar-nav li.active a i {

    color: #1976d2;

}



@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: 68px;

    }

}



.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: 'Poppins', sans-serif;

    font-size: 16px;

    padding: 0px 30px;

    text-transform: inherit;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

    text-shadow: none;

    border-bottom: 1px solid #dcdcdc;

    text-align: left;

}



.main_menu .navbar .navbar-nav li.submenu .dropdown-menu li a:before {

    display: none;

}



.main_menu .navbar .navbar-nav li.submenu .dropdown-menu li:hover a {

    color: #fff;

    background: #1976d2;

}



.main_menu .navbar .navbar-nav li.submenu .dropdown-menu li:last-child a {

    border-bottom: 0px;

}



@media (min-width: 992px) {

    .main_menu .navbar .navbar-nav li:hover.submenu .dropdown-menu {

        -webkit-transform: rotateX(0);

        transform: rotateX(0);

        visibility: visible;

    }

}



.main_menu .navbar .navbar-nav.justify-content-end li a {

    color: #727272;

    font-size: 30px;

}



.main_menu .navbar .navbar-nav.justify-content-end li.cart a {

    position: relative;

    font-size: 18px;

    top: -5px;

}



.main_menu .navbar .navbar-nav.justify-content-end li.cart a:before {

    content: "3";

    height: 15px;

    width: 15px;

    position: absolute;

    background: #1976d2;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    top: 12px;

    border-radius: 50%;

    color: #fff;

    font-size: 9px;

    font-family: 'Poppins', 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: rgba(255, 87, 34, 0.95);

    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: 'Poppins', 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: rgba(255, 0, 0, 0.4);

    z-index: 25;

}



.header_banner_area .h_banner_text {

    position: absolute;

    left: 0px;

    top: 55%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 100%;

    text-align: center;

    z-index: 25;

}



.header_banner_area .h_banner_text h2 {

    font-size: 70px;

    color: #fff;

    font-family: 'Poppins', sans-serif;

    font-weight: bold;

    margin-bottom: 30px;

}



.header_banner_area .h_banner_text p {

    color: #fff;

    font-size: 22px;

    font-family: 'Poppins', sans-serif;

    opacity: .80;

}



.header_banner_area .h_banner_text .courses_btn {

    margin-right: 50px;

    margin-top: 60px;

}



.header_menu_area.onepage_menu .top_header {

    background: rgba(16, 16, 16, 0.3);

}



.header_menu_area.onepage_menu .top_header .pull-right a {

    text-transform: capitalize;

}



.header_menu_area.onepage_menu .main_menu {

    background: transparent;

    -webkit-box-shadow: none;

    box-shadow: none;

    border-bottom: 1px solid rgba(255, 0, 0, 0.07);

}



.header_menu_area.onepage_menu .main_menu .navbar.navbar-expand-lg .navbar-collapse ul li a {

    color: #fff;

}



.header_menu_area.onepage_menu+section,

.header_menu_area.onepage_menu+div {

    margin-top: 0px;

}



.header_menu_area.onepage_menu.navbar_fixed .main_menu {

    position: fixed;

    width: 100%;

    top: -70px;

    left: 0;

    right: 0;

    background: #fff;

    -webkit-transform: translateY(70px);

    -ms-transform: translateY(70px);

    transform: translateY(70px);

    -webkit-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    transition: all 300ms linear;

    -webkit-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);

    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);

}



.header_menu_area.onepage_menu.navbar_fixed .main_menu .navbar.navbar-expand-lg .navbar-nav li {

    padding: 20px 0px;

}



.header_menu_area.onepage_menu.navbar_fixed .main_menu .navbar.navbar-expand-lg .navbar-nav li a {

    color: #727272;

}



.header_menu_area.onepage_menu.navbar_fixed .main_menu .navbar.navbar-expand-lg .navbar-nav li a.active {

    color: #1976d2;

}



.box_layout {

    overflow: hidden;

}



.box_layout .header_menu_area+section,

.box_layout .header_menu_area+row,

.box_layout .header_menu_area+div {

    margin-top: 0px;

    padding-top: 146px;

}



.box_layout .header_menu_area.navbar_fixed .main_menu {

    max-width: 1500px;

    margin: auto;

}





.main_slider_area .tp-parallax-wrap {

    position: initial !important;

}



.tp-loop-wrap {

    position: initial !important;

}



.tp-mask-wrap {

    position: initial !important;

}



.main_slider_area ul li .slider_text_box .first_text {

    font-size: 60px !important;

    white-space: normal !important;

    max-width: 100% !important;

    margin-top: 280px !important;

    text-shadow: 0px 4px 0px #a5a5a5;

    padding-left: 100px !important;

    padding-right: 100px !important;

    text-align: left !important;

    line-height: 65px !important;

}



.main_slider_area .tp-caption {

    min-height: 0 !important;

    min-width: 0 !important;

    line-height: initial !important;

    letter-spacing: initial !important;

}



.logo-banner {

    position: absolute;

    z-index: 25;

    right: 11%;

    top: 15px;

    width: 10%;

}





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





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





/* Banner Area css

============================================================================================ */



.banner_area {

    /* background: url(../img/banner/banner-bg.jpg) no-repeat scroll center center;

    background-size: cover;

    position: relative; */

    /* background: url(../img/natkan/nosotros/baner-nosotros-1349px-514px.jpg); */

    background-repeat: no-repeat !important;

    background-size: cover !important;

    background-position: center center !important;

    background-attachment: initial !important;

    position: relative !important;

    z-index: 3 !important;

}



.banner_area:before {

    content: "";

    /* background: rgba(25, 118, 210, 0.9); */

    background: rgba(0, 19, 192, 0.05);

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: -1;

}



.banner_area.red:before {

    /* background: rgba(255, 87, 34, 0.9); */

    background: rgba(255, 78, 24, 0.527);

}



.banner_inner {

    text-align: center;

}



.banner_inner h4 {

    color: #fff;

    text-transform: uppercase;

    font-family: 'Poppins', sans-serif;

    font-weight: 900;

    font-size: 50px;

    padding-top: 180px;

}



.banner_inner p {

    color: #fff;

    font-size: 20px;

    font-family: 'Poppins', 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: 'Poppins', 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: 'Poppins', 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: 'Poppins', 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: 'Poppins', 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: 'Poppins', sans-serif;

    font-weight: 500;

    text-transform: uppercase;

    position: absolute;

    width: 100%;

    text-align: center;

    left: 0px;

    top: 100%;

    margin-top: 15px;

}



.banner_count .countdown .countdown-container .countdown-value {

    padding: 0px;

    background: transparent;

    -webkit-box-shadow: none;

    box-shadow: none;

    text-shadow: none;

    color: #ff5722;

    font-size: 60px;

    font-family: 'Poppins', sans-serif;

    font-weight: 500;

    text-transform: uppercase;

}



.banner_count .countdown .countdown-container:nth-child(2) .countdown-value {

    color: #cddc39;

}



.banner_count .countdown .countdown-container:nth-child(3) .countdown-value {

    color: #1976d2;

}



.banner_count .countdown .countdown-container:nth-child(4) .countdown-value {

    color: #ffeb3b;

}





/* End Banner Area css

============================================================================================ */





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





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





/* Feature Area css

============================================================================================ */



.feature_effect_area {

    background: white;

    /* background: #969191; */

    /* padding-bottom: 100px; */

    padding-bottom: 30px;

}



.feature_normal {

    padding: 86px 0px;

}



.feature_normal .feature_inner {

    margin-top: 0px;

}



.feature_inner {

    margin-top: -160px;

    z-index: 30;

}



.feature_inner .col-md-4:nth-child(2) .feature_item {

    border: 2px solid #1976d2;

}



.feature_inner .col-md-4:nth-child(2) .feature_item i {

    color: #1976d2;

}



.feature_inner .col-md-4:last-child .feature_item {

    border: 2px solid #fcd900;

}



.feature_inner .col-md-4:last-child .feature_item i {

    color: #fcd900;

}



.feature_item {

    text-align: center;

    background: #f5f5f5;

    border: 3px solid #0076c0;

    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: #faa634;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

}



.feature_item h4 {

    font-size: 24px;

    color: #252525;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    padding: 15px 0px 20px 0px;

}



.feature_item p {

    font-size: 16px;

    font-family: 'Poppins', sans-serif;

    line-height: 30px;

    color: #636363;

    font-weight: 300;

    padding-bottom: 25px;

}



.feature_item:hover {

    border: 3px solid #faa634 !important;

    cursor: pointer;

    /* background-color: #faa634; */

}



.feature_item:hover>.read_more {



    color: #faa634 !important;

}



.feature_item:hover i {

    color: #0076c0;

}



.feature_item:hover>.img1 img {

    background-image: url("../img/natkan/home/icono-quienes-somos-naranja-40px-40px.png");

}



.feature_item:hover>.read_more i {



    color: #faa634 !important;

}



.read_more {

    font-size: 16px;

    color: #0076c0;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

}



.read_more i {

    font-size: 16px;

    color: #0076c0 !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: #faa634 !important;

}



.read_more:hover i {

    color: #faa634 !important;

    right: -4px;

}



.coures_event {

    background: #cddc39;

    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: 'Poppins', sans-serif;

    font-weight: 300;

    text-transform: uppercase;

    color: #fff;

    position: relative;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

}



.coures_event .event_category li a:before {

    content: "\F1D9";

    font: normal normal normal 24px/1 "Material Design Icons";

    color: #fff;

    position: absolute;

    right: -40px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}



.coures_event .event_category li:last-child {

    margin-right: 0px;

}



.coures_event .event_category li:last-child a:before {

    display: none;

}



.coures_event .event_category li:hover a {

    color: #1976d2;

}



.coures_event .event_item input {

    width: 100%;

    height: 40px;

    border: none;

    border-radius: 6px;

    padding: 0px 10px;

    font-family: 'Poppins', sans-serif;

    font-size: 15px;

    color: #bcbcbc;

}



.coures_event .event_item input.placeholder {

    font-family: 'Poppins', sans-serif;

    font-size: 15px;

    color: #bcbcbc;

}



.coures_event .event_item input:-moz-placeholder {

    font-family: 'Poppins', sans-serif;

    font-size: 15px;

    color: #bcbcbc;

}



.coures_event .event_item input::-moz-placeholder {

    font-family: 'Poppins', sans-serif;

    font-size: 15px;

    color: #bcbcbc;

}



.coures_event .event_item input::-webkit-input-placeholder {

    font-family: 'Poppins', 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: 'Poppins', 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: 'Poppins', 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: 'Poppins', sans-serif;

    font-size: 15px;

    color: #bcbcbc;

}



.coures_event .event_item .input-append input.placeholder {

    font-family: 'Poppins', sans-serif;

    font-size: 15px;

    color: #bcbcbc;

}



.coures_event .event_item .input-append input:-moz-placeholder {

    font-family: 'Poppins', sans-serif;

    font-size: 15px;

    color: #bcbcbc;

}



.coures_event .event_item .input-append input::-moz-placeholder {

    font-family: 'Poppins', sans-serif;

    font-size: 15px;

    color: #bcbcbc;

}



.coures_event .event_item .input-append input::-webkit-input-placeholder {

    font-family: 'Poppins', 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: #cddc39;

}



.faci_item_inner .col-md-6:nth-child(3) .media .media-body h4:hover {

    color: #cddc39;

}



.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; */

    height: 100px;

    width: 100px;

    border-radius: 50%;

    border: 1px solid #e6e6e6;

    text-align: center;

    font-size: 35px;

    display: inline-block !important;

    margin-right: 25px;

    /* line-height: 59px; */

    line-height: 82px;

    color: #ff5722;

}



.faci_item_inner .media .d-flex img {

    width: 80%;

}



.faci_item_inner .media .media-body h4 {

    font-size: 24px;

    color: #252525;

    font-family: 'Poppins', 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; */

    padding-top: 30px;

    cursor: pointer;

}



.faci_item_inner .media .media-body h4:hover {

    color: #ff5722;

}



.faci_item_inner .media .media-body p {

    font-size: 16px;

    font-family: 'Poppins', sans-serif;

    color: #636363;

    font-weight: 300;

}



.faci_item_inner .media.blue .d-flex {

    color: #1976d2 !important;

}



.faci_item_inner .media.blue .media-body h4:hover {

    color: #1976d2 !important;

}



.faci_item_inner .media.yellow .d-flex {

    color: #fcd900 !important;

}



.faci_item_inner .media.yellow .media-body h4:hover {

    color: #fcd900 !important;

}





/* End Facilities Area css

============================================================================================ */





/* Feature Courses Area css

============================================================================================ */



.feature_courses_area {

    background: url(../img/natkan/home/fondo-home-1920px-839px.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: #b01fff;

    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: #db0400;

}



.courses_item.course_item2.green .courses_img .course_rate {

    background: #db0400;

}



.courses_item.course_item2.green .courses_content h4:hover {

    color: #db0400;

}



.courses_item.course_item2.green .courses_content .view_btn {

    background: #db0400;

}



.courses_item.course_item2.green .courses_content .courses_list .courses_list_item h6 {

    color: #db0400;

}



.courses_item.course_item2.blue .c_time {

    background: #2196f3;

}



.courses_item.course_item2.blue .courses_img .course_rate {

    background: #2196f3;

}



.courses_item.course_item2.blue .courses_content h4:hover {

    color: #2196f3;

}



.courses_item.course_item2.blue .courses_content .view_btn {

    background: #2196f3;

}



.courses_item.course_item2.blue .courses_content .courses_list .courses_list_item h6 {

    color: #2196f3;

}



.courses_item.course_item3 {

    border: 1px solid #ff5722;

}



.courses_item.course_item3 .courses_img {

    position: relative;

}



.courses_item.course_item3 .courses_img:before {

    content: "";

    background: rgba(219, 16, 16, 0.35);

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0px;

    top: 0px;

    z-index: 2;

}



.courses_item.course_item3 .courses_img .course_rate {

    z-index: 3;

}



.courses_item.course_item3.green {

    border: 1px solid #cddc39;

}



.courses_item.course_item3.green .courses_img {

    position: relative;

}



.courses_item.course_item3.green .courses_img:before {

    content: "";

    background: rgba(205, 220, 57, 0.35);

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0px;

    top: 0px;

    z-index: 2;

}



.courses_item.course_item3.green .courses_img .course_rate {

    z-index: 3;

}



.courses_item.course_item3.blue {

    border: 1px solid #2196f3;

}



.courses_item.course_item3.blue .courses_img {

    position: relative;

}



.courses_item.course_item3.blue .courses_img:before {

    content: "";

    background: rgba(33, 150, 243, 0.35);

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0px;

    top: 0px;

    z-index: 2;

}



.courses_item.course_item3.blue .courses_img .course_rate {

    z-index: 3;

}



.courses_item {

    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);

    border-radius: 20px;

    background: #fff;

}



.courses_item .courses_img {

    position: relative;

    overflow: hidden;

    border-top-left-radius: 20px;

    border-top-right-radius: 20px;

}



.courses_item .courses_img img {

    border-top-left-radius: 20px;

    border-top-right-radius: 20px;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

}



.courses_item .courses_img .course_rate {

    position: absolute;

    left: 15px;

    bottom: 5px;

    height: 80px;

    width: 80px;

    border-radius: 50%;

    text-align: center;

    color: #fff;

    line-height: 1;

    font-size: 16px;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    background: #ff5722;

    opacity: 0;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

}



.courses_item .courses_content {

    text-align: center;

    padding: 10px 0px 30px 0px;

}



.courses_item .courses_content .c_date {

    font-size: 16px;

    color: #959595;

    font-family: 'Poppins', sans-serif;

}



.courses_item .courses_content h4 {

    font-size: 30px;

    color: #252525;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    padding: 22px 0px 15px 0px;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

}



.courses_item .courses_content h4:hover {

    color: #ff5722;

}



.courses_item .courses_content h5 {

    font-size: 18px;

    color: #959595;

    font-family: 'Poppins', 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% / 2);

    float: left;

    position: relative;

}



.courses_item .courses_list .courses_list_item:before {

    content: "";

    height: 28px;

    width: 1px;

    background: #e9e9e9;

    position: absolute;

    right: -10px;

    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: 'Poppins', sans-serif;

    font-weight: 300;

    padding-bottom: 4px;

}



.courses_item .courses_list .courses_list_item h6 {

    font-size: 16px;

    color: #ff5722;

    font-family: 'Poppins', 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.violet .c_time {

    background: #b01fff;

}



.courses_item.violet .courses_img .course_rate {

    background: #b01fff;

}



.courses_item.violet .courses_content h4:hover {

    color: #b01fff;

}



.courses_item.violet .courses_content .view_btn {

    background: #b01fff;

}



.courses_item.violet .courses_content .courses_list .courses_list_item h6 {

    color: #b01fff;

}





.courses_item.red .c_time {

    background: #db0400;

}



.courses_item.red .courses_img .course_rate {

    background: #db0400;

}



.courses_item.red .courses_content h4:hover {

    color: #db0400;

}



.courses_item.red .courses_content .view_btn {

    background: #db0400;

}



.courses_item.red .courses_content .courses_list .courses_list_item h6 {

    color: #db0400;

}



.courses_item.yelow .c_time {

    background: rgb(200, 200, 42);

}



.courses_item.yelow .courses_img .course_rate {

    background: rgb(200, 200, 42);

}



.courses_item.yelow .courses_content h4:hover {

    color: rgb(200, 200, 42);

}



.courses_item.yelow .courses_content .view_btn {

    background: rgb(200, 200, 42);

}



.courses_item.yelow .courses_content .courses_list .courses_list_item h6 {

    color: rgb(200, 200, 42);

}



.courses_item.green .c_time {

    background: #04c658;

}



.courses_item.green .courses_img .course_rate {

    background: #04c658;

}



.courses_item.green .courses_content h4:hover {

    color: #04c658;

}



.courses_item.green .courses_content .view_btn {

    background: #04c658;

}



.courses_item.green .courses_content .courses_list .courses_list_item h6 {

    color: #04c658;

}





/* End Feature Courses Area css

============================================================================================ */





/* Why Preschool Area css

============================================================================================ */



.why_preschool_area {

    overflow: hidden;

}



.left_preschool {

    /* width: calc(50% + 215px); */

    width: calc(50% + 200px);

    float: left;

    overflow: hidden;

}



.left_preschool .l_school_text {

    /* max-width: 800px; */

    max-width: 960px;

    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: 220px;

}



.preschool_item {

    margin-bottom: -45px;

}



.preschool_item .col-md-6 {

    margin-bottom: 45px;

}



.preschool_item .col-md-6:nth-child(2) .media .d-flex {

    color: #cddc39;

}



.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; */

    max-width: 430px;

}



.preschool_item .media .media-body h4 {

    font-size: 24px;

    color: #252525;

    font-family: 'Poppins', 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: 'Poppins', 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; */

    padding-top: 20px;

}



.few_moment_area .m_title {

    padding-bottom: 35px;

}



.few_item_inner .few_item {

    width: calc(100% / 8);

    float: left;

}



.few_item_inner .few_item2 {

    width: calc(100% / 8);

    float: left;

}



.portfolio_filter {

    text-align: center;

    padding-bottom: 55px;

}



.portfolio_filter ul li {

    display: inline-block;

    margin-right: 40px;

}



.portfolio_filter ul li a {

    font-size: 18px;

    font-family: 'Poppins', sans-serif;

    color: #636363;

    font-weight: 300;

}



.portfolio_filter ul li:last-child {

    margin-right: 0px;

}



.portfolio_filter ul li:hover a,

.portfolio_filter ul li.active a {

    color: #1976d2;

}



.few_item {

    overflow: hidden;

    position: relative;

    z-index: 2;

}



.few_item .img-fluid {

    width: 100%;

    height: auto;

}



.few_item2 {

    overflow: hidden;

    position: relative;

    z-index: 2;

}


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

.few_item .img-fluid {
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

.few_item:hover .img-fluid,
.few_item2:hover .img-fluid {
    transform: scale(1.1);
}

.apply_inner {

    overflow: hidden;

    border-bottom: 2px dashed #dddddd;

    padding: 55px 0px;

}



.apply_inner .pull-left h4 {

    font-size: 25px;

    font-family: 'Poppins', 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: 'Poppins', sans-serif;

    font-weight: 300;

    padding-top: 15px;

    padding-bottom: 30px;

}



.p_child_inner .view_btn {

    background: #cddc39;

    margin-right: 90px;

    padding: 0px 24px;

}



.p_child_inner .view_btn:hover {

    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);

}



.p_child_inner .view_btn+.view_btn {

    background: #1976d2;

    margin-right: 0px;

}





/* End Perfect Child Area css

============================================================================================ */





/* Pre Facilities Area css

============================================================================================ */



.pre_facilities_area {

    padding: 100px 0px;

}



.pre_facilities_area .m_title {

    padding-bottom: 65px;

}



.pre_facilities_area .pre_facilities_inner .faci_item_inner .col-lg-4:nth-child(2) .media .d-flex {

    color: #e4405f;

}



.pre_facilities_area .pre_facilities_inner .faci_item_inner .col-lg-4:nth-child(2) .media .media-body h4:hover {

    color: #e4405f;

}



.pre_facilities_area .pre_facilities_inner .faci_item_inner .col-lg-4:nth-child(3) .media .d-flex {

    color: #2196f3;

}



.pre_facilities_area .pre_facilities_inner .faci_item_inner .col-lg-4:nth-child(3) .media .media-body h4:hover {

    color: #2196f3;

}



.pre_facilities_area .pre_facilities_inner .faci_item_inner .col-lg-4:nth-child(4) .media .d-flex {

    color: #cddc39;

}



.pre_facilities_area .pre_facilities_inner .faci_item_inner .col-lg-4:nth-child(4) .media .media-body h4:hover {

    color: #cddc39;

}



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

    height: 300px;

}



.happy_parents_slider .item .happy_parents_item img {

    margin-top: -35px;

    /* margin-top: -70px; */

    /* border: 4px solid #1976d2; */

}



.happy_parents_slider .item .happy_parents_item h4 {

    font-size: 20px;

    color: #252525;

    font-family: 'Poppins', 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: 'Poppins', sans-serif;

}



.happy_parents_slider .item .happy_parents_item h3 {

    font-size: 30px;

    line-height: 40px;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    color: #2196f3;

    padding: 15px 0px;

}



.happy_parents_slider .item .happy_parents_item p {

    font-size: 18px;

    font-family: 'Poppins', sans-serif;

    line-height: 26px;

    color: #959595;

    padding-bottom: 20px;

    font-weight: 300;

}



.happy_parents_slider .owl-prev,

.happy_parents_slider .owl-next {

    position: absolute;

    top: 59%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    height: 35px;

    width: 35px;

    border-radius: 50%;

    text-align: center;

    line-height: 35px;

    font-size: 18px;

    color: #959595;

    z-index: 3;

    background: #fff;

    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);

    cursor: pointer;

}



.happy_parents_slider .owl-prev {

    left: 240px;

}



.happy_parents_slider .owl-next {

    right: 240px;

}



.happy_slider2 {

    position: relative;

    max-width: 770px;

    margin: auto;

}



.happy_slider2 .item {

    text-align: center;

}



.happy_slider2 .item img {

    width: auto;

    display: inline-block;

}



.happy_slider2 .item .happy_parents_item {

    margin-top: 70px;

    background: #f5f5f5;

    padding: 0px 30px;

    border-radius: 12px;

}



.happy_slider2 .item .happy_parents_item img {

    margin-top: -70px;

    border: 4px solid #1976d2;

}



.happy_slider2 .item .happy_parents_item h4 {

    font-size: 20px;

    color: #252525;

    font-family: 'Poppins', 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: 'Poppins', sans-serif;

}



.happy_slider2 .item .happy_parents_item h3 {

    font-size: 30px;

    line-height: 40px;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    color: #2196f3;

    padding: 15px 0px;

}



.happy_slider2 .item .happy_parents_item p {

    font-size: 18px;

    font-family: 'Poppins', 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: 'Poppins', sans-serif;

    color: #252525;

    padding-top: 30px;

}



.process_item p {

    font-size: 16px;

    color: #636363;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    line-height: 30px;

    max-width: 303px;

    padding: 20px 0px;

}



.process_item .read_more {

    font-size: 16px;

    color: #2196f3;

}



.process_item .read_more i {

    font-size: 16px;

}



.process_item.red i {

    color: #ff6633;

}



.process_item.green i {

    color: #cddc39;

}



.instagram_area h3 {

    max-width: 1170px;

    margin: auto;

    text-align: center;

    border-top: 2px dashed #dddddd;

    font-size: 35px;

    color: #959595;

    font-family: 'Poppins', 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: 'Poppins', 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: 'Poppins', sans-serif;

    font-weight: 300;

    color: #252525;

    padding-bottom: 3px;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

}



.small_course_item .sm_c_text h4:hover {

    color: #1976d2;

}



.small_course_item .sm_c_text p {

    font-size: 14px;

    font-family: 'Poppins', 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: 'Poppins', sans-serif;

    font-weight: 300;

    padding-bottom: 8px;

}



.small_course_item .sm_fee .sm_fee_item h6 {

    font-size: 16px;

    color: #1976d2;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

}



.small_course_item:hover .small_c_img img {

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    transform: scale(1.05);

}





/* End Small Course Area css

============================================================================================ */





/* All Course Area css

============================================================================================ */



.all_courses_area {

    padding: 130px 0px;

}



.all_courses_area .courses_search {

    background: #f7f7f7;

    border-radius: 10px;

    padding-left: 60px;

    padding-right: 60px;

    overflow: hidden;

    padding-top: 35px;

    padding-bottom: 35px;

    margin-bottom: 75px;

}



.all_courses_area .courses_search .portfolio_filter {

    padding-bottom: 0px;

    position: relative;

    top: 15px;

}



.all_courses_area .courses_search .portfolio_filter ul li a {

    color: #959595;

    font-size: 22px;

    font-weight: 300;

    position: relative;

}



.all_courses_area .courses_search .portfolio_filter ul li a:before {

    content: "\F1D9";

    position: absolute;

    right: -33px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    font: normal normal normal 22px/1 "Material Design Icons";

    color: #959595;

}



.all_courses_area .courses_search .portfolio_filter ul li.active a {

    color: #1976d2;

}



.all_courses_area .courses_search .portfolio_filter ul li:last-child {

    margin-right: 0px;

}



.all_courses_area .courses_search .portfolio_filter ul li:last-child a:before {

    display: none;

}



.all_courses_area .courses_search .input-group {

    display: block;

    position: relative;

}



.all_courses_area .courses_search .input-group input {

    border: none;

    display: block;

    width: 380px;

    height: 55px;

    -webkit-box-shadow: none;

    box-shadow: none;

    background: #fdfdfd;

    border-radius: 8px;

    padding: 0px 45px 0px 25px;

    font-size: 15px;

    font-family: 'Poppins', 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: 'Poppins', 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: 'Poppins', 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: 'Poppins', 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: 'Poppins', sans-serif;

    font-weight: 400;

    color: #c8c8c8;

    letter-spacing: 3px;

}



.all_courses_area .courses_search .input-group input:focus {

    border-color: #1976d2;

}



.all_courses_area .courses_search .input-group .input-group-append {

    position: absolute;

    right: 16px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 3;

}



.all_courses_area .courses_search .input-group .input-group-append .btn {

    background: transparent;

    padding: 0px;

    font-size: 25px;

    color: #a3a3a3;

}



.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: white;

    font-family: 'Poppins', sans-serif;

    font-weight: 900 !important;

    text-shadow: 2px 7px 0px #575757;

}



.main_slider_area ul li .slider_text_box .first_text.white {

    color: white;

    text-shadow: 0px 6px 0px #A5A5A5;

}



.main_slider_area .tp-parallax-wrap {

    top: 360px !important;

    left: 660px !important;

    color: #fff !important;

}



.main_slider_area .tp-caption {

    min-height: 200px !important;

    min-width: 1200px !important;

    line-height: 74px !important;

    letter-spacing: 3px !important;

}



.main_slider_area ul li .slider_text_box .secand_text {

    font-weight: 300 !important;

    color: #444;

    font-family: 'Poppins', sans-serif;

}



.main_slider_area ul li .slider_text_box .secand_text.white {

    color: #fff;

}



.banner-texto {

    left: 690px;

    color: #fff;

}



.main_slider_area ul li .slider_text_box .apply_btn {

    font-size: 22px !important;

    color: #fff;

    font-family: 'Poppins', sans-serif;

    text-transform: uppercase;

    padding: 0px 45px;

    line-height: 60px !important;

    -webkit-transition: all 300ms linear !important;

    -o-transition: all 300ms linear !important;

    transition: all 300ms linear !important;

}



.main_slider_area ul li .slider_text_box .apply_btn:hover {

    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);

    background: #ff5722;

}



.big_banner_area {

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.45)), to(rgba(0, 0, 0, 0.45))), url(../img/home-slider/big-banner.jpg);

    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(../img/home-slider/big-banner.jpg);

    background: -o-linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(../img/home-slider/big-banner.jpg);

    background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(../img/home-slider/big-banner.jpg);

    background-size: cover;

    min-height: calc(100vh - 86px);

    position: relative;

}



.big_banner_area .big_banner_text {

    vertical-align: middle;

    text-align: center;

    -ms-flex-item-align: center;

    align-self: center;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    min-height: calc(100vh - 86px);

}



.big_banner_area .big_banner_text .big_banner_inner {

    vertical-align: middle;

    text-align: center;

    -ms-flex-item-align: center;

    align-self: center;

    margin-top: -100px;

    display: block;

    width: 100%;

    color: #fff;

}



.big_banner_area .big_banner_text .big_banner_inner h3 {

    font-size: 50px;

    line-height: 60px;

    font-family: 'Poppins', 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: 'Poppins', sans-serif;

}



.big_banner_area .coures_event {

    margin-top: 0px;

    position: absolute;

    left: 0px;

    width: 100%;

    bottom: 100px;

    text-align: left;

}





/* End Main Slider css

============================================================================================ */





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





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





/* Feature Area css

============================================================================================ */



.search_btn {

    display: block;

    background: #1976d2;

    line-height: 40px;

    text-align: center;

    color: #fff;

    font-family: 'Poppins', sans-serif;

    border-radius: 6px;

    font-size: 15px;

}



.search_btn:hover {

    color: #fff;

}



.view_btn {

    background: #ff5722;

    text-align: center;

    font-size: 16px;

    font-weight: 300;

    font-family: 'Poppins', sans-serif;

    display: inline-block;

    padding: 0px 10px;

    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: 'Poppins', sans-serif;

    font-size: 14px;

    background: #1976d2;

    color: #fff;

    line-height: 40px;

    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);

    border-radius: 3px;

    font-weight: 300;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

}



.apply_btn:hover {

    -webkit-box-shadow: none;

    box-shadow: none;

    color: #fff;

    background: #faa634;

}



.discover_btn {

    display: inline-block;

    padding: 0px 12px;

    background: #1976d2;

    line-height: 40px;

    text-align: center;

    color: #fff;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    border-radius: 6px;

    font-size: 16px;

    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);

    border-radius: 4px;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

}



.discover_btn i {

    position: relative;

    left: 0px;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

}



.discover_btn:hover {

    color: #fff;

    /* background: #cddc39; */

    background: #ee611d;

}



.discover_btn:hover i {

    left: 5px;

}



.submit_btn {

    text-align: center;

    background: #1976d2;

    width: 130px;

    height: 40px;

    font-family: 'Poppins', 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: #1976d2;

    color: #fff;

    height: 50px;

    display: inline-block;

    line-height: 50px;

    border-radius: 4px;

    font-family: 'Poppins', sans-serif;

    font-size: 18px;

    letter-spacing: .70px;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

}



.courses_btn:hover {

    background: #ff5722;

    color: #fff;

}



.request_btn {

    width: 200px;

    background: #ff5722;

    color: #fff;

    height: 50px;

    display: inline-block;

    line-height: 50px;

    border-radius: 4px;

    font-family: 'Poppins', sans-serif;

    font-size: 18px;

    letter-spacing: .70px;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

}



.request_btn:hover {

    background: #1976d2;

    color: #fff;

}





/* Feature Area css

============================================================================================ *





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





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





/* Counter Area css

============================================================================================ */



.counter_area {

    background: url(../img/website/alberca.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.3);

}



.counter_area .col-md-3:nth-child(2) .counter_item h4 {

    color: #45649e;

}



.counter_area .col-md-3:nth-child(2) .counter_item h5 {

    color: #45649e;

}



.counter_area .col-md-3:nth-child(3) .counter_item h4 {

    color: #2196f3;

}



.counter_area .col-md-3:nth-child(3) .counter_item h5 {

    color: #2196f3;

}



.counter_area .col-md-3:last-child .counter_item h4 {

    color: #fcd900;

}



.counter_area .col-md-3:last-child .counter_item h5 {

    color: #fcd900;

}



.counter_item {

    text-align: center;

}



.counter_item h4 {

    color: #ff5722;

    font-size: 50px;

    font-family: 'Poppins', sans-serif;

    line-height: 40px;

    padding-bottom: 5px;

}



.counter_item h5 {

    font-size: 30px;

    font-family: 'Poppins', sans-serif;

    color: #ff5722;

    font-style: italic;

}





/* End Counter Area css

============================================================================================ */





/* Color Counter Area css

============================================================================================ */



.color_counter_area {

    background: url(../img/counter-bg.jpg) no-repeat fixed center center;

    background-size: cover;

    padding: 110px 0px;

    z-index: 2;

    position: relative;

}



.color_counter_area:before {

    content: "";

    background: rgba(0, 0, 0, 0.6);

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: -1;

    display: block;

}



.color_counter_inner .col-md-3:nth-child(2) .color_counter_item {

    margin-left: 32px;

    background: rgba(63, 81, 181, 0.71);

}



.color_counter_inner .col-md-3:nth-child(3) .color_counter_item {

    margin-left: 65px;

    background: rgba(33, 150, 243, 0.71);

}



.color_counter_inner .col-md-3:last-child .color_counter_item {

    float: right;

    background: rgba(255, 235, 59, 0.71);

}



.color_counter_item {

    height: 172px;

    width: 172px;

    border-radius: 50%;

    text-align: center;

    background: rgba(255, 87, 34, 0.71);

    padding-top: 34px;

}



.color_counter_item h5 {

    color: #fff;

    font-size: 50px;

    font-family: 'Poppins', sans-serif;

}



.color_counter_item h6 {

    font-size: 30px;

    font-family: 'Poppins', sans-serif;

    font-size: 30px;

    font-weight: 300;

    color: #fff;

}





/* End Color Counter Area css

============================================================================================ */





/* About Preschool Area css

============================================================================================ */



.about_preschool_area {

    background: url(../img/about-preschool-bg.jpg) no-repeat scroll center center;

    background-size: cover;

    padding-bottom: 135px;

    padding-top: 100px;

}



.about_preschool_area .single_title {

    text-transform: uppercase;

    padding-bottom: 102px;

}



.about_preschool_area .coures_event {

    margin-top: -60px;

    z-index: 30;

    position: relative;

    margin-bottom: 80px;

}



.preschool_counting .col-md-3:nth-child(2) .preschool_count_item {

    color: #45649e;

}



.preschool_counting .col-md-3:nth-child(2) .preschool_count_item:before {

    content: "\F148";

    font: normal normal normal 150px/1 "Material Design Icons";

}



.preschool_counting .col-md-3:nth-child(3) .preschool_count_item {

    color: #2196f3;

}



.preschool_counting .col-md-3:nth-child(3) .preschool_count_item:before {

    content: "\F00E";

    font: normal normal normal 150px/1 "Material Design Icons";

}



.preschool_counting .col-md-3:nth-child(4) .preschool_count_item {

    color: #fcd900;

}



.preschool_counting .col-md-3:nth-child(4) .preschool_count_item:before {

    content: "\F5D2";

    font: normal normal normal 150px/1 "Material Design Icons";

}



.preschool_counting .preschool_count_item {

    text-align: center;

    position: relative;

    z-index: 2;

    color: #ff5722;

}



.preschool_counting .preschool_count_item:before {

    content: "\F53B";

    font: normal normal normal 150px/1 "Material Design Icons";

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    top: 50%;

    color: #e5e981;

    opacity: .35;

    z-index: -1;

}



.preschool_counting .preschool_count_item h5 {

    font-size: 50px;

    font-family: 'Poppins', sans-serif;

    line-height: 40px;

}



.preschool_counting .preschool_count_item h6 {

    font-size: 30px;

    font-family: 'Poppins', sans-serif;

    line-height: 32px;

    font-style: italic;

    font-weight: 300;

}



.preschool_counting .preschool_count_item:nth-child(2) {

    color: #45649e;

}



.preschool_counting .preschool_count_item:nth-child(2):before {

    content: "\F148";

    font: normal normal normal 150px/1 "Material Design Icons";

}



.preschool_box .preschool_count_item {

    background: #cddc39;

    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: 'Poppins', sans-serif;

}



.preschool_box .preschool_count_item h6 {

    font-size: 30px;

    color: #fff;

    font-family: 'Poppins', sans-serif;

    font-style: italic;

    font-weight: normal;

}



.preschool_box .green {

    background: #cddc39;

}



.preschool_box .red {

    background: #ff5722;

}



.preschool_box .blue {

    background: #2196f3;

}



.preschool_box .yellow {

    background: #fcd900;

}





/* End About Preschool Area css

============================================================================================ */





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





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





/* Testimonials Area css

============================================================================================ */



.testimonials_area {

    background: #f5f5f5;

    padding: 100px 0px;

}



.testimonials_slider {

    max-width: 890px;

    margin: auto;

}



.testimonials_slider .item .testi_item {

    text-align: center;

}



.testimonials_slider .item .testi_item h4 {

    font-size: 20px;

    font-family: 'Poppins', sans-serif;

    color: #636363;

}



.testimonials_slider .item .testi_item h5 {

    font-size: 20px;

    font-family: 'Poppins', 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;

    min-height: 245px;

}



.testimonials_slider .item .testi_item .testi_color h3 {

    font-size: 35px;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    line-height: 40px;

    color: #fff;

}



.testimonials_slider .item .testi_item .testi_color p {

    font-size: 18px;

    font-family: 'Poppins', sans-serif;

    color: #ededed;

    font-weight: 300;

    padding-top: 5px;

}



.testimonials_slider .owl-dots {

    text-align: center;

    margin-top: 18px;

}



.testimonials_slider .owl-dots .owl-dot {

    height: 10px;

    width: 10px;

    background: #d8d8d8;

    border-radius: 50%;

    display: inline-block;

    margin-right: 22px;

}



.testimonials_slider .owl-dots .owl-dot:last-child {

    margin-right: 0px;

}



.testimonials_slider .owl-dots .owl-dot.active {

    background: #2196f3;

}





/* End Testimonials Area css

============================================================================================ */





/* Teacher Area css

============================================================================================ */



.our_teachers_area {

    background: #f5f5f5;

}



.our_teachers_area .m_title {

    padding-bottom: 70px;

}



.teacher_item {

    border-radius: 20px;

    background: #cddc39;

    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: 'Poppins', sans-serif;

    color: #fff;

    text-transform: uppercase;

    font-weight: 400;

}



.teacher_item .teacher_text h5 {

    font-size: 20px;

    font-family: 'Poppins', 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: 'Poppins', sans-serif;

    font-weight: 300;

    color: #fff;

    padding-bottom: 25px;

}



.teacher_item .teacher_footer .pull-left ul li {

    display: inline-block;

    margin-right: 8px;

}



.teacher_item .teacher_footer .pull-left ul li a {

    height: 25px;

    width: 25px;

    border-radius: 50%;

    text-align: center;

    line-height: 25px;

    font-size: 12px;

    color: #fff;

    background: #55acee;

    display: inline-block;

    text-align: center;

}



.teacher_item .teacher_footer .pull-left ul li:nth-child(2) a {

    background: #3b5999;

}



.teacher_item .teacher_footer .pull-left ul li:last-child {

    margin-right: 0px;

}



.teacher_item .teacher_footer .pull-left ul li:last-child a {

    background: #e4405f;

}



.teacher_item .teacher_footer .pull-right .read_more {

    color: #fff;

}



.teacher_item .teacher_footer .pull-right .read_more i {

    color: #fff !important;

}



.teacher_item.blue {

    background: #2196f3;

}



.teacher_item.red {

    background: #ff6633;

}



.teacher_item:hover .teacher_img img {

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    transform: scale(1.05);

}



.our_teacher2 .teachers_slider .item .teacher_item {

    background: #ffffff;

}



.our_teacher2 .teachers_slider .item .teacher_item .teacher_text h4 {

    color: #252525;

}



.our_teacher2 .teachers_slider .item .teacher_item .teacher_text h5 {

    color: #959595;

}



.our_teacher2 .teachers_slider .item .teacher_item .teacher_text p {

    color: #959595;

    font-weight: 300;

}



.our_teacher2 .teachers_slider .item .teacher_item .teacher_text .teacher_footer .pull-right .read_more {

    color: #2196f3;

}



.our_teacher2 .teachers_slider .item .teacher_item .teacher_text .teacher_footer .pull-right .read_more i {

    color: #2196f3 !important;

}



.bg_transparetn {

    background: transparent !important;

}





/* End Teacher Area css

============================================================================================ */





/* Teacher Testimonials Area css

============================================================================================ */



.teacher_testi {

    background: url(../img/testimonials-bg.jpg) no-repeat scroll center center;

    background-size: cover;

    position: relative;

    z-index: 2;

    padding: 80px 0px;

}



.teacher_testi:before {

    content: "";

    background: rgba(0, 0, 0, 0.5);

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: -1;

}



.teacher_testi_slider {

    max-width: 890px;

    margin: auto;

}



.teacher_testi_slider .item {

    text-align: center;

}



.teacher_testi_slider .item img {

    width: auto;

    display: inline-block;

}



.teacher_testi_slider .item .testi_box {

    text-align: center;

    background: #1976d2;

    color: #ededed;

    padding: 40px 0px;

    border-radius: 12px;

    margin-bottom: 60px;

    position: relative;

}



.teacher_testi_slider .item .testi_box:before {

    content: "";

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 13px 11px 0 11px;

    border-color: #1976d2 transparent transparent transparent;

    position: absolute;

    bottom: -12px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

}



.teacher_testi_slider .item .testi_box:after {

    content: "";

    width: 10px;

    height: 10px;

    border-radius: 50%;

    position: absolute;

    bottom: -29px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    background: #1976d2;

}



.teacher_testi_slider .item .testi_box h4 {

    font-family: 'Poppins', sans-serif;

    font-size: 45px;

    line-height: 60px;

    font-weight: 300;

}



.teacher_testi_slider .item .testi_box p {

    font-size: 18px;

    font-family: 'Poppins', sans-serif;

    padding-top: 15px;

}



.teacher_testi_slider .item .testi_img {

    color: #ededed;

    padding-bottom: 40px;

}



.teacher_testi_slider .item .testi_img .rounded-circle {

    border: 4px solid #1976d2;

}



.teacher_testi_slider .item .testi_img h3 {

    font-size: 20px;

    font-family: 'Poppins', 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: 'Poppins', sans-serif;

}



.teacher_testi_slider .owl-dots {

    text-align: center;

}



.teacher_testi_slider .owl-dots .owl-dot {

    height: 10px;

    width: 10px;

    background: #d8d8d8;

    display: inline-block;

    margin-right: 24px;

}



.teacher_testi_slider .owl-dots .owl-dot.active {

    background: #1976d2;

}



.teacher_testi_slider .owl-dots .owl-dot:last-child {

    margin-right: 0px;

}



.teachers_3_area {

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

}



.t_item {

    position: relative;

    overflow: hidden;

    border-radius: 12px;

}



.t_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: 'Poppins', 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: 'Poppins', 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: 'Poppins', sans-serif;

}



.our_news_item .media .media-body h4 {

    font-size: 20px;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    color: #252525;

    text-transform: uppercase;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

    padding: 12px 0px 15px 0px;

}



.our_news_item .media .media-body h4:hover {

    color: #1976d2;

}



.our_news_item .media .media-body p {

    font-size: 16px;

    line-height: 30px;

    color: #959595;

    font-family: 'Poppins', 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: 'Poppins', sans-serif;

    color: #959595;

}



.news_two_item .news_text h4 {

    font-size: 20px;

    text-transform: uppercase;

    color: #252525;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    padding: 16px 0px;

}



.news_two_item .news_text p {

    font-size: 16px;

    line-height: 30px;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    color: #959595;

    padding-bottom: 25px;

}



/* .news_two_item:hover .news_text {

    background: #1976d2;

} */



/* .news_two_item:hover .news_text .categories a {

    color: #fff;

} */


/*
.news_two_item:hover .news_text h4 {

    color: #fff;

}



.news_two_item:hover .news_text p {

    color: #fff;

}



.news_two_item:hover .news_text .read_more {

    color: #fff;

}



.news_two_item:hover .news_text .read_more i {

    color: #fff !important;

}
 */




/* End News Two Area css

============================================================================================ */





/* Teacher Single Area css

============================================================================================ */



.single_teacher_main_text h4 {

    font-size: 20px;

    font-family: 'Poppins', 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: 'Poppins', 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: 'Poppins', 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: 'Poppins', 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: 'Poppins', 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: 'Poppins', sans-serif;

    padding-top: 10px;

}



.teacher_circle .circle_progress .circle_progress_inner .percentage {

    position: absolute;

    top: 2px;

    color: #1976d2;

    background: #fff;

    font-size: 35px;

}



.teacher_circle .circle_progress .circle_progress_inner .percentage i {

    position: relative;

    left: -10px;

}



.teacher_circle .col-md-4:nth-child(2) .circle_progress .circle_progress_inner .percentage {

    color: #ff5722;

}



.teacher_circle .col-md-4:nth-child(3) .circle_progress .circle_progress_inner .percentage {

    color: #cddc39;

}



.right_widget {

    background: #fafafa;

    margin-bottom: 25px;

}



.right_widget:last-child {

    margin-bottom: 0px;

}



.r_title {

    background: #1976d2;

    text-align: center;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    padding: 11px 0px;

}



.r_title h3 {

    color: #fff;

    font-size: 20px;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    text-transform: uppercase;

}



.r_title.red {

    background: #ff5722;

}



.c_feature_widget ul {

    padding: 0;

}


.c_feature_widget ul li a {

    position: relative;

    padding-left: 24px;

    font-size: 14px;

    font-family: 'Poppins', 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 {

    left: 0px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: 18px;

    color: #1976d2;

    margin-left: -14px;

}



.c_feature_widget ul li:last-child {

    margin-bottom: 0px;

}



.c_feature_widget ul li:hover a {

    color: #1976d2;

}



.r_contact_widget ul {

    padding: 30px 0px 30px 40px;

}



.r_contact_widget ul li {

    margin-bottom: 25px;

}



.r_contact_widget ul li a {

    font-size: 18px;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    color: #959595;

    text-transform: uppercase;

}



.r_contact_widget ul li a i {

    color: #ff5722;

    font-size: 25px;

    padding-right: 10px;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

}



.r_contact_widget ul li:nth-child(2) a i {

    color: #cddc39;

}



.r_contact_widget ul li:nth-child(3) a i {

    color: #fcd900;

}



.r_contact_widget ul li:nth-child(4) a i {

    color: #1976d2;

}



.r_contact_widget ul li:last-child {

    margin-bottom: 0px;

}



.r_contact_widget ul li:hover a i {

    padding-left: 5px;

}



.r_teacher_widget .teacher_widget_inner {

    padding: 35px 0px 35px 22px;

}



.r_teacher_widget .teacher_widget_inner .media {

    margin-bottom: 22px;

}



.r_teacher_widget .teacher_widget_inner .media .d-flex {

    padding-right: 25px;

}



.r_teacher_widget .teacher_widget_inner .media .media-body {

    -ms-flex-item-align: center;

    align-self: center;

}



.r_teacher_widget .teacher_widget_inner .media .media-body h4 {

    font-size: 20px;

    font-family: 'Poppins', sans-serif;

    color: #959595;

    font-weight: 300;

    padding-bottom: 8px;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

}



.r_teacher_widget .teacher_widget_inner .media .media-body h4:hover {

    color: #1976d2;

}



.r_teacher_widget .teacher_widget_inner .media .media-body h5 {

    font-size: 16px;

    font-family: 'Poppins', 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: 'Poppins', sans-serif;

    cursor: pointer;

}



.r_related_c_widget .r_r_c_inner .media .media-body h4:hover {

    color: #1976d2;

}



.r_related_c_widget .r_r_c_inner .media .media-body h5 {

    font-size: 14px;

    color: #959595;

    font-family: 'Poppins', 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: 'Poppins', 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: 'Poppins', 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: 18px;

    color: #959595;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    padding-bottom: 10px;

}



.course_details_inner .course_details_img .course_d_fee .fourse_fee_item h5 {

    font-size: 28px;

    color: #707070;

    font-family: 'Poppins', 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: 'Poppins', 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: 'Poppins', sans-serif;

    font-weight: 300;

    font-size: 22px;

    color: #959595;

    padding-bottom: 20px;

}



.course_desc .course_desc_text p {

    font-family: 'Poppins', 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: 'Poppins', sans-serif;

    font-weight: 300;

    font-size: 20px;

    color: #959595;

    padding-bottom: 10px;

    text-align: center;

}



.c_teacher_inner .c_teacher_slider .item {

    overflow: hidden;

    border-radius: 10px;

    position: relative;

}



.c_teacher_inner .c_teacher_slider .item h5 {

    position: absolute;

    left: 0px;

    bottom: 0px;

    text-transform: uppercase;

    color: #fff;

    background: rgba(19, 112, 204, 0.8);

    width: 100%;

    text-align: center;

    font-weight: 300;

    font-size: 14px;

    padding-top: 20px;

    padding-bottom: 20px;

}



.c_teacher_inner .c_teacher_slider .owl-dots {

    text-align: center;

    margin-top: 8px;

}



.c_teacher_inner .c_teacher_slider .owl-dots .owl-dot {

    height: 10px;

    width: 10px;

    background: #eaeaea;

    border-radius: 50%;

    display: inline-block;

    margin-right: 8px;

}



.c_teacher_inner .c_teacher_slider .owl-dots .owl-dot:last-child {

    margin-right: 0px;

}



.c_teacher_inner .c_teacher_slider .owl-dots .owl-dot.active {

    background: #1976d2;

}



.sb_list {

    border: 1px solid #eaeaea;

    border-radius: 10px;

    overflow: hidden;

    margin-top: 40px;

}



.sb_list ul li a {

    padding: 0px 30px;

    font-size: 16px;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    display: block;

    color: #636363;

    line-height: 50px;

}



.sb_list ul li a span {

    float: right;

}



.sb_list ul li.title a {

    background: #eaeaea;

    color: #1976d2;

    font-weight: normal;

}



.sb_list ul li.title a span {

    color: #6e6e6e;

}



.sb_list ul li:nth-child(odd) a {

    background: #fafafa;

}





/* End Course Details Area css

============================================================================================ */





/* Main Blog Area css

============================================================================================ */



.blog_item {

    margin-bottom: 50px;

}



.blog_item .blog_img {

    overflow: hidden;

    position: relative;

}



.blog_item .blog_img:before {

    content: "";

    background: rgba(0, 0, 0, 0.5);

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: 1;

    opacity: 0;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.blog_item .blog_img img {

    max-width: 100%;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.blog_item .blog_img:hover:before {

    opacity: 1;

}



.blog_item .blog_img:hover img {

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    transform: scale(1.05);

}



.blog_item .blog_text {

    padding-top: 35px;

}



.blog_item .blog_text h4 {

    font-size: 24px;

    color: #252525;

    font-weight: bold;

    font-family: 'Poppins', sans-serif;

    padding-bottom: 10px;

}



.blog_item .blog_text ul li {

    display: inline-block;

    padding-right: 15px;

    color: #cbcbcb;

    font-size: 14px;

    font-family: 'Poppins', sans-serif;

}



.blog_item .blog_text ul li a {

    color: #636363;

    font-size: 14px;

    font-family: 'Poppins', sans-serif;

    opacity: 1;

}



.blog_item .blog_text p {

    font-size: 15px;

    line-height: 26px;

    color: #636363;

    font-family: 'Poppins', sans-serif;

    padding: 15px 0px 30px 0px;

}



.blog_pagination .pagination li a {

    color: #252525;

    background: transparent;

    font-size: 16px;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

}



.blog_pagination .pagination li:hover a,

.blog_pagination .pagination li.active a {

    background: #ff5722;

    border-color: #ff5722;

    color: #fff;

}



.blog_details_inner .blog_item {

    margin-bottom: 0px;

}



.blog_details_inner .blog_item .blog_text p {

    padding-bottom: 15px;

}



.blog_details_inner .blog_item .blog_text p+p {

    padding-top: 0px;

}



.bg_single_text {

    background: #fafafa;

    padding: 25px;

}



.bg_single_text p {

    font-size: 15px;

    line-height: 32px;

    color: #636363;

    font-family: 'Poppins', 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: 'Poppins', 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: 'Poppins', 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: 'Poppins', sans-serif;

}



.share_tag_area .ft_socila_demai {

    display: inline-block;

}



.share_tag_area .ft_socila_demai li {

    display: inline-block;

    margin-left: 10px;

}



.share_tag_area .ft_socila_demai li a {

    color: #ff5722;

}



.share_tag_area .single_blog_tags {

    padding-top: 10px;

}



.share_tag_area .single_blog_tags h6 {

    display: inline-block;

    color: #252525;

    font-size: 16px;

    font-family: 'Poppins', sans-serif;

}



.share_tag_area .single_blog_tags a {

    font-size: 14px;

    color: #636363;

    font-family: 'Poppins', 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: 'Poppins', sans-serif;

}



.comment_area .comment_inner .comment_user .media .media-body h3 {

    font-size: 16px;

    font-weight: bold;

    font-family: 'Poppins', sans-serif;

    padding-top: 5px;

    padding-bottom: 8px;

}



.comment_area .comment_inner .comment_user .media .media-body p {

    line-height: 28px;

    font-size: 14px;

    color: #636363;

}



.comment_area .comment_inner .comment_user .media .media-body .comment_count {

    color: #959595;

    margin-right: 10px;

    font-size: 14px;

}



.comment_area .comment_inner .comment_user .media .media-body .comment_count i {

    color: #ff5722;

    padding-right: 5px;

}



.comment_area .comment_inner .comment_user .media .media-body .reply_count {

    color: #959595;

    margin-right: 10px;

    font-size: 14px;

}



.comment_area .comment_inner .comment_user .media .media-body .reply_count i {

    padding-right: 5px;

    color: #ff5722;

}



.comment_area .comment_inner .comment_user .media:first-child {

    margin-top: 0px;

}



.comment_tittle {

    padding-bottom: 35px;

    padding-top: 35px;

}



.comment_tittle h4 {

    font-size: 24px;

    font-family: 'Poppins', 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: 'Poppins', 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: 'Poppins', 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: 'Poppins', sans-serif;

    color: #bcbcbc;

    font-weight: 300;

}



.newslatter_area .pull-right .input-group input.placeholder {

    font-size: 15px;

    font-family: 'Poppins', sans-serif;

    color: #bcbcbc;

    font-weight: 300;

}



.newslatter_area .pull-right .input-group input:-moz-placeholder {

    font-size: 15px;

    font-family: 'Poppins', sans-serif;

    color: #bcbcbc;

    font-weight: 300;

}



.newslatter_area .pull-right .input-group input::-moz-placeholder {

    font-size: 15px;

    font-family: 'Poppins', sans-serif;

    color: #bcbcbc;

    font-weight: 300;

}



.newslatter_area .pull-right .input-group input::-webkit-input-placeholder {

    font-size: 15px;

    font-family: 'Poppins', sans-serif;

    color: #bcbcbc;

    font-weight: 300;

}



.newslatter_area .pull-right .input-group input:focus {

    border-color: #1976d2;

}



.newslatter_area .pull-right .input-group .input-group-btn {

    position: absolute;

    right: 3.5px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 4;

}



.newslatter_area .pull-right .input-group .input-group-btn .btn-secondary {

    padding: 0px 18px;

    background: #1976d2;

    height: 34px;

    margin: 0px;

    font-size: 22px;

    color: #fff;

    border-radius: 5px;

    border: none;

    outline: none !important;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    cursor: pointer;

    line-height: 34px;

}





/* End Newslatter Area css

============================================================================================ */





/* Register Form Area css

============================================================================================ */



.signup_area {

    max-width: 860px;

    margin: auto;

    background: #fff;

    border-radius: 15px;

    overflow: hidden;

}



.signup_area .sign_box_inner .sign_left_img img {

    max-width: 100%;

}



.signup_area .sign_form_inner {

    max-width: 300px;

    background: #fff;

    margin-left: 35px;

    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12);

    -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12);

    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12);

    border-radius: 10px;

    margin-top: 50px;

    text-align: center;

    padding-left: 20px;

    padding-right: 20px;

}



.signup_area .sign_form_inner h3 {

    font-size: 16px;

    color: #1371cb;

    font-family: 'Poppins', sans-serif;

    padding-top: 20px;

}



.signup_area .sign_form_inner p {

    font-size: 12px;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    color: #636363;

    padding-top: 10px;

    padding-bottom: 20px;

}



.signup_area .sign_form_inner h4 {

    background: #1976d2;

    border-radius: 3px;

    color: #fff;

    font-size: 12px;

    position: relative;

    line-height: 37px;

    font-weight: 300;

}



.signup_area .sign_form_inner h4 i {

    text-align: left;

    height: 37px;

    width: 50px;

    background: #0764bd;

    text-align: center;

    line-height: 37px;

    position: absolute;

    left: 0px;

    top: 0px;

    border-bottom-left-radius: 3px;

    border-top-left-radius: 3px;

    font-size: 16px;

}



.signup_area .sign_form_inner h5 {

    position: relative;

    margin-top: 10px;

    margin-bottom: 20px;

}



.signup_area .sign_form_inner h5:before {

    content: "";

    width: 100%;

    height: 1px;

    background: #d8d8d8;

    position: absolute;

    left: 0px;

    top: 50%;

}



.signup_area .sign_form_inner h5 span {

    background: #fff;

    position: relative;

    z-index: 2;

    width: 40px;

    font-size: 12px;

    color: #d8d8d8;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    display: inline-block;

    top: -3px;

}



.signup_area .sign_form_inner h6 {

    font-size: 12px;

    color: #636363;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    padding-bottom: 20px;

    padding-top: 5px;

}



.signup_area .sign_form_inner h6 span {

    color: #1976d2;

}



.signup_area .sign_form_inner .signup_form .form-group input {

    height: 38px;

    border: 1px solid #f1f1f1;

    border-radius: 5px;

    -webkit-box-shadow: none;

    box-shadow: none;

    text-align: center;

    font-size: 12px;

    color: #c4c4c4;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

}



.signup_area .sign_form_inner .signup_form .form-group input.placeholder {

    font-size: 12px;

    color: #c4c4c4;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

}



.signup_area .sign_form_inner .signup_form .form-group input:-moz-placeholder {

    font-size: 12px;

    color: #c4c4c4;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

}



.signup_area .sign_form_inner .signup_form .form-group input::-moz-placeholder {

    font-size: 12px;

    color: #c4c4c4;

    font-family: 'Poppins', 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: 'Poppins', 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;

}



.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: 'Poppins', sans-serif;

    font-weight: 300;

    margin-bottom: 0px;

}



.login_area .sign_form_inner .form-group h5 a {

    color: #1976d2;

}



.login_area .sign_form_inner .form-group h5:before {

    display: none;

}





/* End Register Form Area css

============================================================================================ */





/* OnePage Contact Form Area css

============================================================================================ */



.onepage_contact_inner .onepage_contact .form-group {

    margin-bottom: 15px;

}



.onepage_contact_inner .onepage_contact .form-group input {

    height: 50px;

    border-radius: 0px;

    -webkit-box-shadow: none;

    box-shadow: none;

    outline: none;

    font-family: 'Poppins', sans-serif;

    font-size: 16px;

    color: #636363;

}



.onepage_contact_inner .onepage_contact .form-group input.placeholder {

    font-family: 'Poppins', sans-serif;

    font-size: 16px;

    color: #cbcbcb;

}



.onepage_contact_inner .onepage_contact .form-group input:-moz-placeholder {

    font-family: 'Poppins', sans-serif;

    font-size: 16px;

    color: #cbcbcb;

}



.onepage_contact_inner .onepage_contact .form-group input::-moz-placeholder {

    font-family: 'Poppins', sans-serif;

    font-size: 16px;

    color: #cbcbcb;

}



.onepage_contact_inner .onepage_contact .form-group input::-webkit-input-placeholder {

    font-family: 'Poppins', sans-serif;

    font-size: 16px;

    color: #cbcbcb;

}



.onepage_contact_inner .onepage_contact .form-group select {

    height: 50px;

    border-radius: 0px;

    -webkit-box-shadow: none;

    box-shadow: none;

    outline: none;

    font-family: 'Poppins', sans-serif;

    font-size: 16px;

    color: #636363;

}



.onepage_contact_inner .onepage_contact .form-group select.placeholder {

    font-family: 'Poppins', sans-serif;

    font-size: 16px;

    color: #cbcbcb;

}



.onepage_contact_inner .onepage_contact .form-group select:-moz-placeholder {

    font-family: 'Poppins', sans-serif;

    font-size: 16px;

    color: #cbcbcb;

}



.onepage_contact_inner .onepage_contact .form-group select::-moz-placeholder {

    font-family: 'Poppins', sans-serif;

    font-size: 16px;

    color: #cbcbcb;

}



.onepage_contact_inner .onepage_contact .form-group select::-webkit-input-placeholder {

    font-family: 'Poppins', 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: 'Poppins', sans-serif;

    font-size: 16px;

    padding-top: 15px;

    color: #636363;

    resize: none;

}



.onepage_contact_inner .onepage_contact .form-group textarea.placeholder {

    font-family: 'Poppins', sans-serif;

    font-size: 16px;

    color: #cbcbcb;

}



.onepage_contact_inner .onepage_contact .form-group textarea:-moz-placeholder {

    font-family: 'Poppins', sans-serif;

    font-size: 16px;

    color: #cbcbcb;

}



.onepage_contact_inner .onepage_contact .form-group textarea::-moz-placeholder {

    font-family: 'Poppins', sans-serif;

    font-size: 16px;

    color: #cbcbcb;

}



.onepage_contact_inner .onepage_contact .form-group textarea::-webkit-input-placeholder {

    font-family: 'Poppins', 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;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

}



.onepage_contact_inner .onepage_contact .form-group .submit_btn:hover {

    background: #faa634;

}





/* End OnePage Contact Form Area css

============================================================================================ */





/* start state */



.my-mfp-zoom-in .zoom-anim-dialog {

    opacity: 0;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    -webkit-transform: scale(0.8);

    -moz-transform: scale(0.8);

    -ms-transform: scale(0.8);

    -o-transform: scale(0.8);

    transform: scale(0.8);

}





/* animate in */



.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}





/* animate out */



.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {

    -webkit-transform: scale(0.8);

    -moz-transform: scale(0.8);

    -ms-transform: scale(0.8);

    -o-transform: scale(0.8);

    transform: scale(0.8);

    opacity: 0;

}





/* Dark overlay, start state */



.my-mfp-zoom-in.mfp-bg {

    opacity: 0;

    -webkit-transition: opacity 0.3s ease-out;

    -moz-transition: opacity 0.3s ease-out;

    -o-transition: opacity 0.3s ease-out;

    transition: opacity 0.3s ease-out;

}





/* animate in */



.my-mfp-zoom-in.mfp-ready.mfp-bg {

    opacity: 0.8;

}





/* animate out */



.my-mfp-zoom-in.mfp-removing.mfp-bg {

    opacity: 0;

}





/**

 * Fade-move animation for second dialog

 */





/* at start */



.my-mfp-slide-bottom .zoom-anim-dialog {

    opacity: 0;

    -webkit-transition: all 0.2s ease-out;

    -moz-transition: all 0.2s ease-out;

    -o-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;

    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);

    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);

    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);

    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);

    transform: translateY(-20px) perspective(600px) rotateX(10deg);

}





/* animate in */



.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {

    opacity: 1;

    -webkit-transform: translateY(0) perspective(600px) rotateX(0);

    -moz-transform: translateY(0) perspective(600px) rotateX(0);

    -ms-transform: translateY(0) perspective(600px) rotateX(0);

    -o-transform: translateY(0) perspective(600px) rotateX(0);

    transform: translateY(0) perspective(600px) rotateX(0);

}





/* animate out */



.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {

    opacity: 0;

    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);

    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);

    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);

    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);

    transform: translateY(-10px) perspective(600px) rotateX(10deg);

}





/* Dark overlay, start state */



.my-mfp-slide-bottom.mfp-bg {

    opacity: 0;

    -webkit-transition: opacity 0.3s ease-out;

    -moz-transition: opacity 0.3s ease-out;

    -o-transition: opacity 0.3s ease-out;

    transition: opacity 0.3s ease-out;

}





/* animate in */



.my-mfp-slide-bottom.mfp-ready.mfp-bg {

    opacity: 0.8;

}





/* animate out */



.my-mfp-slide-bottom.mfp-removing.mfp-bg {

    opacity: 0;

}





/* Contact Success and error Area css

============================================================================================ */



.modal-message .modal-dialog {

    position: absolute;

    top: 36%;

    left: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%) !important;

    -ms-transform: translateX(-50%) translateY(-50%) !important;

    transform: translateX(-50%) translateY(-50%) !important;

    margin: 0px;

    max-width: 500px;

    width: 100%;

}



.modal-message .modal-dialog .modal-content .modal-header {

    text-align: center;

    display: block;

    border-bottom: none;

    padding-top: 50px;

    padding-bottom: 50px;

}



.modal-message .modal-dialog .modal-content .modal-header .close {

    position: absolute;

    right: -15px;

    top: -15px;

    padding: 0px;

    color: #fff;

    opacity: 1;

    cursor: pointer;

}



.modal-message .modal-dialog .modal-content .modal-header h2 {

    display: block;

    text-align: center;

    color: #1976d2;

    padding-bottom: 10px;

    font-family: 'Poppins', 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; */

    padding-bottom: 100px;

}



.kids_video {

    position: relative;

}



.kids_video img {

    max-width: 100%;

}



.kids_video a {

    position: absolute;

    left: 0px;

    /* top: 50%; */

    top: 85%;

    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: 'Poppins', sans-serif;

    font-weight: 300;

    color: #252525;

}



.kids_edu_content p {

    font-size: 16px;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    line-height: 32px;

    color: #636363;

    padding: 30px 0px;

    text-indent: 25px;

    text-align: justify;

}



.kids_edu_content ul {

    margin-bottom: 35px;

}



.kids_edu_content ul li a {

    font-size: 16px;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    line-height: 32px;

    color: #636363;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

}



.kids_edu_content ul li:hover a {

    color: #1976d2;

}





/* End Video Area css

============================================================================================ */





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





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





/* Top Student Area css

============================================================================================ */



.top_student_area {

    background: #f5f5f5;

    padding: 100px 0px;

}



.top_student_item {

    text-align: center;

}



.top_student_item img {

    border: 6px solid #1976d2;

}



.top_student_item h4 {

    font-family: 'Poppins', sans-serif;

    font-size: 24px;

    color: #252525;

    font-weight: 300;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

    padding-top: 25px;

    padding-bottom: 5px;

}



.top_student_item h4:hover {

    color: #1976d2;

}



.top_student_item p {

    font-family: 'Poppins', 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;

}





/*Cards*/

.pre_faq_collaps .faq_collaps_inner .cards {

    margin-bottom: 16px;

    background: #faa634;

    border-radius: 6px;

    border: none;

}



.pre_faq_collaps .faq_collaps_inner .cards .card-header {

    padding: 0px;

    border-radius: 0px;

    background: transparent;

    border-bottom: none;

}



.pre_faq_collaps .faq_collaps_inner .cards .cards-header h5 a {

    display: block;

    position: relative;

    line-height: 52px;

    padding: 0px 25px;

    font-size: 23px;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    color: white;

    border: 1px solid #faa634;

    background: #faa634;

    border-radius: 6px;

    border-bottom-left-radius: 0px;

    border-bottom-right-radius: 0px;

}



.pre_faq_collaps .faq_collaps_inner .cards .cards-header h5 a.collapsed {

    display: block;

    position: relative;

    line-height: 52px;

    padding: 0px 25px;

    font-size: 23px;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    color: #252525;

    border: 1px solid #e8e8e8;

    border-radius: 6px;

    background: #fff;

}



.pre_faq_collaps .faq_collaps_inner .cards .cards-header h5 a.collapsed i {

    display: block;

}



.pre_faq_collaps .faq_collaps_inner .cards .cards-header h5 a.collapsed i+i {

    display: none;

}



.pre_faq_collaps .faq_collaps_inner .cards .cards-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 .cards .cards-header h5 a i+i {

    display: inline-block;

}



.pre_faq_collaps .faq_collaps_inner .cards .cards-body {

    padding: 10px 25px 30px 25px;

}



.pre_faq_collaps .faq_collaps_inner .cards .cards-body p {

    font-size: 18px;

    line-height: 30px;

    color: white;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

}



.pre_faq_collaps .faq_collaps_inner .cards .cards-body ul li a {

    font-size: 15px;

    line-height: 30px;

    color: white;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    position: relative;

    padding-left: 12px;

}



/*.pre_faq_collaps .faq_collaps_inner .cards .cards-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%);

}*/





/*Card*/

.pre_faq_collaps .faq_collaps_inner .card {

    margin-bottom: 16px;

    background: #0076c0;

    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: 'Poppins', sans-serif;

    font-weight: 300;

    color: white;

    border: 1px solid #0076c0;

    background: #0076c0;

    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: 'Poppins', 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: 18px;

    line-height: 30px;

    color: white;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

}



.pre_faq_collaps .faq_collaps_inner .card .card-body ul li a {

    font-size: 15px;

    line-height: 30px;

    color: white;

    font-family: 'Poppins', 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%);

}*/



/*Card2*/

.pre_faq_collaps .faq_collaps_inner .card2 {

    margin-bottom: 16px;

    background: #faa634;

    border-radius: 6px;

    border: none;

}



.pre_faq_collaps .faq_collaps_inner .card2 .card-header {

    padding: 0px;

    border-radius: 0px;

    background: transparent;

    border-bottom: none;

}



.pre_faq_collaps .faq_collaps_inner .card2 .card-header h5 a {

    display: block;

    position: relative;

    line-height: 52px;

    padding: 0px 25px;

    font-size: 23px;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    color: white;

    border: 1px solid #faa634;

    background: #faa634;

    border-radius: 6px;

    border-bottom-left-radius: 0px;

    border-bottom-right-radius: 0px;

}



.pre_faq_collaps .faq_collaps_inner .card2 .card-header h5 a.collapsed {

    display: block;

    position: relative;

    line-height: 52px;

    padding: 0px 25px;

    font-size: 23px;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    color: #252525;

    border: 1px solid #e8e8e8;

    border-radius: 6px;

    background: #fff;

}



.pre_faq_collaps .faq_collaps_inner .card2 .card-header h5 a.collapsed i {

    display: block;

}



.pre_faq_collaps .faq_collaps_inner .card2 .card-header h5 a.collapsed i+i {

    display: none;

}



.pre_faq_collaps .faq_collaps_inner .card2 .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 .card2 .card-header h5 a i+i {

    display: inline-block;

}



.pre_faq_collaps .faq_collaps_inner .card2 .card-body {

    padding: 10px 25px 30px 25px;

}



.pre_faq_collaps .faq_collaps_inner .card2 .card-body p {

    font-size: 18px;

    line-height: 30px;

    color: white;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

}



.pre_faq_collaps .faq_collaps_inner .card2 .card-body ul li a {

    font-size: 15px;

    line-height: 30px;

    color: white;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    position: relative;

    padding-left: 12px;

}



.ul_style {

    margin: 0px;

    padding: 0px;

    color: #ffffff;

    list-style: disc;

}



.pre_faq_collaps .faq_collaps_inner .card2 .card-body ul li a:before {

    /* content: "";

    height: 4px;

    width: 4px;

    border-radius: 50%;

    background: #ffffff;

    position: absolute;

    left: 0px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);*/

}



.faq_form_are {

    margin-left: 55px;

    /* background: #cddc39; */

    border-radius: 6px;

    /* padding: 40px 30px; */

    padding: 0px 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 img {

    width: 80%;

    border-radius: 15px;

}



.faq_form_are p {

    color: #fff;

    font-family: 'Poppins', 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: 'Poppins', 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: 'Poppins', sans-serif;

    font-weight: 300;

    font-size: 16px;

}



.faq_form .form-group input:-moz-placeholder {

    color: #fff;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    font-size: 16px;

}



.faq_form .form-group input::-moz-placeholder {

    color: #fff;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    font-size: 16px;

}



.faq_form .form-group input::-webkit-input-placeholder {

    color: #fff;

    font-family: 'Poppins', 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: 'Poppins', 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: 'Poppins', sans-serif;

    font-weight: 300;

    font-size: 16px;

}



.faq_form .form-group textarea:-moz-placeholder {

    color: #fff;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    font-size: 16px;

}



.faq_form .form-group textarea::-moz-placeholder {

    color: #fff;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    font-size: 16px;

}



.faq_form .form-group textarea::-webkit-input-placeholder {

    color: #fff;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    font-size: 16px;

}



.faq_form .form-group:last-child {

    margin-top: 30px;

    margin-bottom: 0px;

}





/* End Faq Area css

============================================================================================ */





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





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





/* Event Area css

============================================================================================ */



.upcomming_events {

    background: url(../img/event/event-bg.jpg) no-repeat fixed center center;

    background-size: cover;

    position: relative;

    z-index: 3;

}



.upcomming_events:before {

    content: "";

    background: rgba(205, 220, 57, 0.9);

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0px;

    top: 0px;

    z-index: -1;

}



.upcomming_events .m_title p {

    color: #636363;

}



.events_item {

    border-radius: 12px;

    background: #fff;

    overflow: hidden;

}



.events_item .events_text {

    padding: 26px 45px 35px 38px;

}



.events_item .events_text h4 {

    font-size: 24px;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    color: #252525;

}



.events_item .events_text h5 {

    font-size: 16px;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    color: #636363;

    padding: 10px 0px 33px 0px;

}



.events_item .events_text h5 i {

    color: #1976d2;

}



.events_item .events_text p {

    font-size: 16px;

    color: #636363;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    line-height: 22px;

    padding-bottom: 65px;

}



.events_item .events_text .view_btn {

    background: #1976d2;

    text-transform: uppercase;

    line-height: 34px;

    padding: 0px 25px;

}



.events_item .events_text .view_btn:hover {

    background: #ff5722;

}



.event_list_area .event_list_inner {

    margin-bottom: -80px;

}



.event_list_area .event_list_inner .events_item {

    -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);

    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);

    margin-bottom: 80px;

}



.event_list_area .event_list_inner .events_item .events_img img {

    width: 100%;

}



.event_details_inner .event_map .mapBox {

    min-height: 535px;

    border-radius: 10px;

    overflow: hidden;

}



.event_details_inner .event_d_text h4 {

    font-size: 25px;

    font-family: 'Poppins', 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: 'Poppins', 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: 'Poppins', 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: 'Poppins', sans-serif;

    font-weight: 300;

}



.event_d_column p {

    font-size: 16px;

    line-height: 26px;

    color: #959595;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

}



.ev_d_slider {

    padding-left: 30px;

}



.ev_d_slider .owl-dots {

    text-align: center;

    margin-top: 8px;

}



.ev_d_slider .owl-dots .owl-dot {

    height: 10px;

    width: 10px;

    display: inline-block;

    border-radius: 50%;

    background: #e4e4e4;

    margin-right: 8px;

}



.ev_d_slider .owl-dots .owl-dot:last-child {

    margin-right: 0px;

}



.ev_d_slider .owl-dots .owl-dot.active {

    background: #1976d2;

}





/* End Event Area css

============================================================================================ */





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





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





/* Comming Soon Area css

============================================================================================ */



.full_width_body {

    overflow: hidden;

    height: 100%;

    width: 100%;

}



.full_page_area {

    width: 100%;

    height: calc(100vh - 0px);

}



.full_page_area .row {

    height: 100%;

}



.full_page_area .left_comming {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

    background-image: url('../img/natkan/b_login/fondo-azul-854px-513px.jpg');

    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: white;

    text-transform: uppercase;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    padding-bottom: 20px;

}



.full_page_area .left_comming .comming_soon_text .comming_text_inner p {

    color: white;

    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: 'Poppins', 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: white;

    font-family: 'Poppins', 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: white;

}



.full_page_area .right_comming {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

    /* background-image: #ff5722; */

    background-image: url('../img/natkan/b_login/fondo-naranja-854px-513px.jpg');

    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: 'Poppins', 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: 'Poppins', 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: 'Poppins', 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: 'Poppins', 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: 'Poppins', 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: 'Poppins', 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: 'Poppins', 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: 'Poppins', 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: 'Poppins', sans-serif;

    font-weight: 300;

    text-transform: uppercase;

}





/* End Comming Soon Area css

============================================================================================ */





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





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





/* Footer Area css

============================================================================================ */



.footer_area {

    background: #0076c0;

    position: relative;

    padding-bottom: 145px;

}



.footer_area:before {

    content: "";

    background: url(../img/natkan/home/Footer_imagen_instalaciones.png) no-repeat scroll center center;

    background-size: cover;

    position: absolute;

    left: 0px;

    width: 100%;

    bottom: 0px;

    /* height: 103px; */

    height: 91px;

}



.footer_area .f_logo {

    text-align: center;

    padding: 10px 0px 20px 0px;

}



.f_title {

    text-align: center;

    padding-bottom: 40px;

}



.f_title h3 {

    font-size: 18px;

    font-family: 'Poppins', sans-serif;

    color: white;

    text-transform: uppercase;

}



.map_widget iframe {

    width: 100%;

    height: 185px;

}



.contact_widget p {

    font-size: 17px;

    line-height: 24px;

    font-family: 'Poppins', sans-serif;

    color: #959595;

    padding-bottom: 16px;

}



.contact_widget a {

    cursor: pointer;

    font-size: 17px;

    line-height: 24px;

    font-family: 'Poppins', sans-serif;

    color: white;

    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: white;

    /* cursor: none; */

}



.contact_widget ul {

    text-align: center;

    padding-top: 0px;

    padding-bottom: 10px;

}



.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 a {

    font-size: 17px;

    line-height: 24px;

    font-family: 'Poppins', sans-serif;

    color: white;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

}



.hour_widget ul li a {

    font-size: 17px;

    line-height: 24px;

    font-family: 'Poppins', sans-serif;

    color: white;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

}



.hour_widget ul li:hover a {

    color: white;

}



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

    cursor: auto;

}



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

    background: #1976d2;

    line-height: 45px;

    font-size: 18px;

    z-index: 999;

    display: none;

    cursor: pointer;

}



.borderblancof {

    border-left: 2px solid white;

}





/* ESTILO DEL PARALLAX */



.center-text {

    justify-content: center;

    margin-bottom: 35px;

}



.title-parallax {

    font-size: 40px;

    color: #fff;

    line-height: 50px;

}



.text-parallax {

    font-size: 27px;

    color: #eaeaea;

    text-align: center;

    margin-top: 15px;

}

.teaser__title {
    position: relative;
    font-size: 64px;
    color: transparent;
    -webkit-text-stroke: 2px white;
    transition: all 0.3s ease;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    /* sombra oscura semitransparente */
}

.teaser__title:hover {
    color: white !important;
}

.teaser__title.stroke {
    color: transparent;
    -webkit-text-stroke: 2px white;
    font-size: 230px !important;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    transform: scaleY(1);
    transform-origin: center;
    padding-top: 5rem;
    font-weight: 500;
    letter-spacing: 1rem;
}

/* Estilos del form de bightspace */



.panel-login {

    /* border-color: #ccc;

    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); */

    margin-top: 150px;

    margin-left: 50px;

}



.espacio-form {

    margin-top: 100px;

}





/*

.panel-login>.panel-heading {

    color: #00415d;

    background-color: #fff;

    border-color: #fff;

    text-align: center;

} */



.panel-login>.panel-heading a {

    text-decoration: none;

    color: #666;

    font-weight: bold;

    font-size: 15px;

    -webkit-transition: all 0.1s linear;

    -moz-transition: all 0.1s linear;

    transition: all 0.1s linear;

}



.panel-login>.panel-heading a.active {

    color: #ffffff;

    font-size: 18px;

    margin-left: 290px;

}



.panel-login>.panel-heading hr {

    margin-top: 10px;

    margin-bottom: 0px;

    clear: both;

    border: 0;

    height: 1px;

}



.panel-login input[type="text"],

.panel-login input[type="email"],

.panel-login input[type="password"] {

    height: 45px;

    border: 1px solid #ddd;

    font-size: 16px;

    -webkit-transition: all 0.1s linear;

    -moz-transition: all 0.1s linear;

    transition: all 0.1s linear;

    width: 50%;

    text-align: center;

    margin-left: 165px;

}



.panel-login input:hover,

.panel-login input:focus {

    outline: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    border-color: #ccc;

}



.btn-login {

    background-color: #59B2E0;

    outline: none;

    color: #fff;

    font-size: 14px;

    height: auto;

    font-weight: normal;

    /* padding: 7px 0; */

    text-transform: uppercase;

    border-color: #59B2E6;

    /* width: 36%; */

    /* margin-left: 110px; */

}



.centrar {

    margin-left: 172px;

}



.btn-login:hover,

.btn-login:focus {

    color: #fff;

    background-color: #53A3CD;

    border-color: #53A3CD;

    cursor: pointer;

}



.forgot-password {

    text-decoration: underline;

    color: #fff;

}



.forgot-password:hover,

.forgot-password:focus {

    text-decoration: underline;

    color: #666;

}



.btn-register {

    background-color: #1CB94E;

    outline: none;

    color: #fff;

    font-size: 14px;

    height: auto;

    font-weight: normal;

    padding: 14px 0;

    text-transform: uppercase;

    border-color: #1CB94A;

}



.btn-register:hover,

.btn-register:focus {

    color: #fff;

    background-color: #1CA347;

    border-color: #1CA347;

}





/* mensaje de error en form brightspace */



.error {

    color: #ea5d5d;

    font-size: 15px;

    margin-bottom: 0px;

    /* margin-left: 168px; */

}



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

    .espacio-form {

        margin-top: 0px;

    }

    .panel-login input[type="text"],

    .panel-login input[type="email"],

    .panel-login input[type="password"] {

        width: 100%;

        text-align: center;

        margin-left: -20px;

    }

    .panel-login>.panel-heading a.active {

        margin-left: 10px;

    }

    .error {

        margin-left: 0px;

    }

}





/* Footer Area css

============================================================================================ */



.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {

    width: 100%;

    background: #4f96dc;

    color: white;

}



.nav-tabs .nav-item {

    width: 50%;

}



.nav-tabs .nav-link {

    width: 100%;

}



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





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



.logo_footer {

    width: 65%;

}





@media (min-width: 1920) {

    .logo-banner {

        display: none;

    }

}



.box-style {

    text-align: center;

}



.box-style h2 {

    font-size: 50px;

    font-weight: bold;

    margin-bottom: 25px;

}



.box-style h2 span {

    font-weight: 100;

    text-align: center;

    display: block;

}



.box-style p {

    font-size: 22px;

    text-align: center;

}



.box-style a {

    text-align: center;

    background: #e5a540;

    color: #ffffff;

    border-radius: 0;

    margin-top: 40px;

    font-size: 24px;

    transition: all .2s;

}



.box-style a:hover {

    background: #006cb4;

}



.pasos {

    position: relative;

    width: 10px;

    height: 100px;

    align-items: center;

    display: flex;

    margin-top: 20px;

    margin-left: 8%;

    text-align: center;

    margin-bottom: 20px;





}



.pasos li img {

    padding: 20px 50px;

    border-radius: 50px;



}

.modal-certificado .modal-content {
    width: 800px;
}

.modal-certificado {
    left: -100px !important;
}

.btn-modal-amarillo {
    background-color: #e5a540;
    color: #fff;
    font-weight: 900;
    padding: 20px;
}

.btn-modal-amarillo:hover {
    background-color: #ffffff;
    color: #e5a540;

}

.float-wsp {
    position: fixed;
    background-color: #014c8c;
    bottom: 88px;
    right: 27px;
    width: 50px;
    height: 50px;
    z-index: 9999;
    border-radius: 50%;
    box-shadow: 0px 0px 5px #014c8c;
    padding: 3px;
}

@media (max-width: 1024px) {
    .float-wsp {
        bottom: 80px;
        right: 25px;
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 800px) {
    .float-wsp {
        bottom: 80px;
        right: 13px;
        width: 50px;
        height: 50px;
    }
}

@media (max-width:700px) {
    .modal-certificado .modal-content {
        width: 100%;
    }

    .modal-certificado {
        left: 0 !important;
    }
}

.right_sidebar_area {
    font-family: 'Poppins', sans-serif;
    color: #444;
}

.c_feature_widget,
.r_feed_widget {
    background: white;
    border: 2px solid #0071BC;
    border-radius: 45px;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.r_title {
    text-align: center;
    margin-bottom: 15px;
}

.r_title h3 {
    font-weight: 600;
    font-size: 20px;
    color: #333;
}

.red h3 {
    color: #0071BC;
}

ul {
    list-style: none;
    padding-left: 0;
}

ul li {
    display: flex;
    align-items: center;
}

ul li i {
    color: #0071BC;
    font-size: 18px;
    margin-right: 10px;
}

.apply_btn {
    display: inline-block;
    background: #1976d2;
    color: white;
    padding: 0 10px;
    border-radius: 20px;
    font-weight: 500;
    text-decoration: none;
    margin-top: 15px;
    transition: background 0.3s ease;
}

.apply_btn:hover {
    background: #e3a63f;
}

.segunda-galeria img {
    width: 100%;
    max-width: 100px;
    border-radius: 10px;
    margin: 5px;
}

.r_feed_widget ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.titulo-caja {
    font-size: 20px;
    font-weight: bold;
    color: #707070;
}

.list-caja {
    font-size: 14px;
    color: #444;
    text-align: justify;
}

.dot-caja {
    color: #707070;
    font-size: 8px;
    margin-right: 4px;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    /* height: 400px !important; */
    border-radius: 50px;
}

.c_teacher_slider .owl-stage-outer {
    height: 400px !important;
}

.slider-container {
    border: 2px solid #0071BC;
    border-radius: 25px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    position: relative;
}

.slider-content {
    display: none;
}

.slider-content.active {
    display: block;
    animation: fadeIn 0.4s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.titulo-caja {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.slider-dots {
    text-align: center;
    margin-top: 20px;
}

.slider-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    border-radius: 50%;
    background-color: #ccc;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.slider-dot.active {
    background-color: #0071BC;
}

.segunda-galeria img {
    width: 100%;
    max-width: 100px;
    border-radius: 10px;
    margin: 5px;
}

.galeria-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    list-style: none;
}

.line-items-fee {
    margin: 0;
    height: 2px;
    color: #4f96dc;
}

.title-section-vertical {
    font-size: 45px !important;
    font-weight: 100;
    position: relative;
    display: inline-block;
}

.title-section-vertical::after {
    content: '';
    position: absolute;
    bottom: -10px;
    width: 20%;
    height: 3px;
    background: linear-gradient(to right, #ff5722 33%, #1976d2 33% 66%, #ff5722 66%);
    left: 40%;
}

.tab-content-container {
    background: linear-gradient(rgb(255 255 255 / 36%), rgb(255 255 255 / 61%)), url(/img/natkan/grados/fondo.png);
    background-size: cover;
    background-position: center;
    padding: 2rem;
    margin-top: 2rem;
    min-height: 600px;
}


.tab-section {
    display: none;
}

.tab-section.active {
    display: flex;
}

.custom-tabs {
    border-bottom: none;
    margin-top: 2rem;
}

.custom-tabs .nav-link {
    border: none;
    border-radius: 0;
    color: #555;
    font-weight: 500;
    background-color: transparent;
    font-size: 1rem;
    position: relative;
    padding-bottom: 10px;
}

.custom-tabs .nav-link.active {
    color: #333;
    font-weight: 600;
}

.lista-tabs-inscripcion {
    width: auto !important;
    font-size: 50px;
}

.lista-tabs-inscripcion-btn {
    font-size: 20px !important;
    font-weight: 400 !important;
    font-family: 'Poppins', sans-serif !important;
}

.lista-tabs-inscripcion-btn.active {
    background-color: #ffffff00 !important;
    color: #e5a540 !important;
}

.title-tabs-section-inscripciones {
    font-size: 45px;
    color: #a9a9a9;
    text-align: center;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
}

.list-seccion-inscripciones {
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    color: #444;
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
}

.section-circulares {
    background: url(../img/natkan/banner_paralax/paralax.webp) no-repeat fixed center center;
    background-size: cover;
    position: relative;
    z-index: 2;
    padding: 155px 0px;
    font-family: 'Poppins', sans-serif;
    padding-top: 2rem;
    font-weight: 300;
}

.title-parallax-grados {
    color: #fff;
    font-size: 40px !important;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 1rem;
    text-align: center;
}

.title-parallax-grados::after {
    content: "";
    display: block;
    width: 210px;
    height: 3px;
    background-color: white;
    margin: 5px auto 0;
}

.text-parallax-circulares {
    font-size: 20px !important;
    color: #fff;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 1rem;
    text-align: center;
}

.btn-paralax {
    border: none;
    background: #1976d2;
    color: #fff;
    padding: .2rem 1.3rem .2rem 1.3rem;
    border-radius: 10px;
}

.btn-paralax:hover {
    background: #e5a440;
}
.text-reglamento{
    font-size: 20px !important;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 1rem;
    text-align: center;
}
.btn-agenda-cita{
    border: none;
    background: #1976d2;
    color: #fff;
    padding: .2rem 1.3rem .2rem 1.3rem;
    border-radius: 10px;
}
.btn-agenda-cita:hover{
    background: #e5a440;
}
/* Estilos para el contenedor */
.whatsapp-container {
  position: fixed;
  bottom: 20px;
  right: 20px; /* <-- Cambiado de left a right */
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1000;
}

/* Estilo del ícono de WhatsApp */
.whatsapp-icon {
  width: 60px;
  height: 60px;
  cursor: pointer;
  transition: transform 0.3s;
}

.whatsapp-icon:hover {
  transform: scale(1.1);
}

/* Botón de inscripciones */
.inscripciones-btn {
  margin-top: 10px;
  padding: 8px 14px;
  background-color: #1976d2;
  color: white;
  border: none;
  border-radius: 6px;
  text-decoration: none;
  font-family: sans-serif;
  font-size: 14px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: background-color 0.3s;
}

.inscripciones-btn:hover {
  background-color: #1ebd5a;
}

.footer-natkan {
  background-color: #0076c0;
  color: white;
  font-family: sans-serif;
  padding: 40px 20px 20px;
}

.footer-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  gap: 30px;
}

.footer-column {
  flex: 1 1 200px;
  min-width: 220px;
  padding: 0 20px;
  position: relative;
}
.footer-column:not(:first-child) {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}

.footer-column h3 {
  font-size: 16px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.footer-column p,
.footer-column a,
.footer-column li {
  font-size: 14px;
  color: white;
  line-height: 1.6;
  text-decoration: none;
}

.footer-column a:hover {
  text-decoration: underline;
}

.footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-whatsapp-btn {
  display: block;
  background: #2dc653;
  border-radius: 30px;
  padding: 8px 12px;
  margin: 8px 0;
  color: white;
  font-size: 13px;
  text-decoration: none;
  width: fit-content;
}

.footer-whatsapp-btn i {
  margin-right: 6px;
}

.logo-footer {
  width: 200px;
  margin-top: 10px;
}

.footer-floating-btn {
  display: flex;
  align-items: center;
  margin-top: 15px;
  background-color: #2dc653;
  color: white;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 25px;
  font-size: 14px;
  width: fit-content;
}

.footer-floating-btn img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.footer-bottom {
  text-align: center;
  font-size: 13px;
  margin-top: 30px;
  border-top: 1px solid rgba(255,255,255,0.3);
  padding-top: 10px;
}


/* Cosas del responsive */
@media screen and (max-width: 1500px) {
    .teaser__title.stroke {
        font-size: 110px !important;
    }
}
@media screen and (max-width: 1200px) {
    .teaser__title.stroke {
        font-size: 90px !important;
    }
}

@media screen and (max-width: 900px) {
    .teaser__title.stroke {
        font-size: 30px !important;
    }
}