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

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

@Default Styles

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

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

a {
  text-decoration: none;
}

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

.row.m0 {
  margin: 0px;
}

.p0 {
  padding: 0px;
}

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

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

#success {
  display: none;
}

#error {
  display: none;
}

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

.display_table_row {
  display: table-row;
}

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

.p_100 {
  padding: 100px 0px;
}

iframe {
  border: none;
}

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

.p_70 {
  padding: 70px 0px;
}

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

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

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

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

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

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

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

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

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

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

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

.m_title h2:before {
  content: "";
  width: 130px;
  height: 2px;
  background: #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: 18px;
  color: #636363;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

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

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

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

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

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

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

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

/* Main title css
============================================================================================ */
/* Main title css
============================================================================================ */
/* Css keyframes css
============================================================================================ */
@-webkit-keyframes menu-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.04) translateY(300%);
    transform: scale(0.04) translateY(300%);
  }
  40% {
    -webkit-transform: scale(0.04) translateY(0);
    transform: scale(0.04) translateY(0);
    -webkit-transition: ease-out;
    -o-transition: ease-out;
    transition: ease-out;
  }
  40% {
    -webkit-transform: scale(0.04) translateY(0);
    transform: scale(0.04) translateY(0);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.02) translateY(0px);
    transform: scale(0.02) translateY(0px);
  }
  61% {
    -webkit-transform: scale(0.04);
    transform: scale(0.04);
  }
  99.9% {
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    height: 100%;
    padding-bottom: 0;
    border-radius: 0;
  }
}

@keyframes menu-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.04) translateY(300%);
    transform: scale(0.04) translateY(300%);
  }
  40% {
    -webkit-transform: scale(0.04) translateY(0);
    transform: scale(0.04) translateY(0);
    -webkit-transition: ease-out;
    -o-transition: ease-out;
    transition: ease-out;
  }
  40% {
    -webkit-transform: scale(0.04) translateY(0);
    transform: scale(0.04) translateY(0);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.02) translateY(0px);
    transform: scale(0.02) translateY(0px);
  }
  61% {
    -webkit-transform: scale(0.04);
    transform: scale(0.04);
  }
  99.9% {
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    height: 100%;
    padding-bottom: 0;
    border-radius: 0;
  }
}

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

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

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

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

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

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

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

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

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

.top_header {
  overflow: hidden;
  background: #cddc39;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* End Header css
============================================================================================ */
.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: "Roboto", sans-serif;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  cursor: pointer;
}

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

.open .search_box {
  top: 0px;
}

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

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

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

.header_banner_area {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.box_layout {
  overflow: hidden;
}

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

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

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

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

.banner_area.non:before {
  background: rgba(0, 0, 0, 0.5);
}

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

.banner_inner {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.feature_normal {
  padding: 86px 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.faci_item_inner {
  margin-bottom: -65px;
}

.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;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
  text-align: center;
  font-size: 35px;
  display: inline-block !important;
  margin-right: 25px;
  line-height: 59px;
  color: #ff5722;
}

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

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

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

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

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

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

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

/* End Facilities Area css
============================================================================================ */
/* Feature Courses Area css
============================================================================================ */
.feature_courses_area {
  background: url(../images/nachhilfe-preise.webp) no-repeat fixed center center;
  background-size: cover;
}

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

.f_courses2 {
  background: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.preschool_item .col-md-6:nth-child(2) .media .d-flex {
  color: #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;
}

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

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

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

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

.why_preschool2 {
  background: #f5f5f5;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p_child_inner {
  text-align: center;
}

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

.p_child_inner .view_btn {
  background: #cddc39;
  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: #000000;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.happy_parents_slider {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: #aec908;
  font-family: "Roboto", sans-serif;
  font-weight: 900 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.search_btn:hover {
  color: #fff;
}

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

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

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

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

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

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

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

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

.submit_btn {
  text-align: center;
  background: #AEC908;
  width: 130px;
  height: 40px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  line-height: 40px;
  color: #fff;
  padding: 0px;
  border: none;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  cursor: pointer;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
}

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

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

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

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

/* Feature Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Counter Area css
============================================================================================ */
.counter_area {
  background: url(../images/werde-teil-vom-klassen-studio.webp) no-repeat fixed center center;
  background-size: cover;
  position: relative;
  z-index: 2;
  padding: 155px 0px;
}

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

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

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

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

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

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

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

.counter_item {
  text-align: center;
}

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

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

/* End Counter Area css
============================================================================================ */
/* Color Counter Area css
============================================================================================ */
.color_counter_area {
  background: url(../images/werde-teil-vom-klassen-studio.webp) no-repeat fixed center center;
  background-size: cover;
  padding: 110px 2px;
  z-index: 0;
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.preschool_box .green {
  background: #cddc39;
}

.preschool_box .red {
  background: #ff5722;
}

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

.preschool_box .yellow {
  background: #fcd900;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.teacher_item.red {
  background: #ff6633;
}

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

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

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

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

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

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

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

.bg_transparetn {
  background: transparent !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.t_item .t_itme_hover ul {
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

.tt_three {
  padding-bottom: 70px;
}

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

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

.our_news_item {
  margin-bottom: 30px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.r_title.red {
  background: #ff5722;
}

.c_feature_widget ul {
  padding: 25px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.r_feed_widget {
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.course_desc {
  margin-top: 45px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.image_right_content {
  padding: 30px 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.newsletter_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 newsletter Area css
============================================================================================ */
/* Register Form Area css
============================================================================================ */
.signup_area {
  max-width: 860px;
  margin: auto;
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: "Roboto", sans-serif;
  font-weight: 300;
  margin-bottom: 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.kids_video {
  position: relative;
}

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

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

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

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

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

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

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

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

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

.top_student_item {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.event_d_column {
  margin-top: 20px;
}

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

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

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

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

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

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

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

.ev_d_slider {
  padding-left: 30px;
}

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

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

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

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

/* End Event Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Comming Soon Area css
============================================================================================ */
.full_width_body {
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.full_page_area {
  width: 100%;
  height: calc(100vh - 0px);
}

.full_page_area .row {
  height: 100%;
}

.full_page_area .left_comming {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.full_page_area .left_comming .comming_soon_text {
  vertical-align: middle;
  -ms-flex-item-align: center;
  align-self: center;
  width: 100%;
}

.full_page_area .left_comming .comming_soon_text .comming_text_inner {
  max-width: 800px;
  float: right;
  padding-right: 150px;
  width: 100%;
}

.full_page_area .left_comming .comming_soon_text .comming_text_inner h3 {
  font-size: 50px;
  color: #444444;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  padding-bottom: 20px;
}

.full_page_area .left_comming .comming_soon_text .comming_text_inner p {
  color: #959595;
  line-height: 25px;
  font-size: 15px;
  max-width: 500px;
}

.full_page_area .left_comming .comming_soon_text .comming_text_inner h5 {
  font-size: 17px;
  font-family: "Roboto", sans-serif;
  color: #061e37;
  padding-top: 30px;
}

.full_page_area .left_comming .menu_f_com {
  position: absolute;
  right: 0px;
  bottom: 50px;
  max-width: 800px;
  width: 100%;
}

.full_page_area .left_comming .menu_f_com ul li {
  display: inline-block;
  margin-right: 20px;
}

.full_page_area .left_comming .menu_f_com ul li:last-child {
  margin-right: 0px;
}

.full_page_area .left_comming .menu_f_com ul li a {
  font-size: 15px;
  color: #8f8f8f;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.full_page_area .left_comming .menu_f_com ul li:hover a {
  color: #1976d2;
}

.full_page_area .right_comming {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  background: #ff5722;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.full_page_area .right_comming .stay_soon_text {
  vertical-align: middle;
  -ms-flex-item-align: center;
  align-self: center;
  max-width: 350px;
  margin: auto;
  color: #fff;
  text-align: center;
}

.full_page_area .right_comming .stay_soon_text h3 {
  text-transform: uppercase;
  font-size: 25px;
  font-family: "Roboto", sans-serif;
  padding-bottom: 12px;
  padding-top: 50px;
}

.full_page_area .right_comming .stay_soon_text h3 span {
  font-weight: 300;
}

.full_page_area .right_comming .stay_soon_text p {
  color: #f1f1f1;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  line-height: 24px;
}

.full_page_area .right_comming .stay_soon_text ul {
  padding-top: 50px;
}

.full_page_area .right_comming .stay_soon_text ul li {
  display: inline-block;
  margin-right: 30px;
}

.full_page_area .right_comming .stay_soon_text ul li a {
  font-size: 16px;
  color: #fff;
  opacity: .7;
}

.full_page_area .right_comming .stay_soon_text ul li:last-child {
  margin-right: 0px;
}

.full_page_area .right_comming .stay_soon_text ul li:hover a {
  opacity: 1;
}

.full_page_area .right_comming .stay_soon_text .input-group {
  display: block;
  margin-top: 30px;
}

.full_page_area .right_comming .stay_soon_text .input-group input {
  border-radius: 0px;
  width: 100%;
  max-width: 300px;
  margin: auto;
  height: 45px;
  border-radius: 22px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0px 20px;
  font-size: 15px;
  color: #bababa;
  font-family: "Roboto", sans-serif;
  letter-spacing: 1.5px;
}

.full_page_area .right_comming .stay_soon_text .input-group input.placeholder {
  font-size: 15px;
  color: #bababa;
  font-family: "Roboto", sans-serif;
  letter-spacing: 1.5px;
}

.full_page_area .right_comming .stay_soon_text .input-group input:-moz-placeholder {
  font-size: 15px;
  color: #bababa;
  font-family: "Roboto", sans-serif;
  letter-spacing: 1.5px;
}

.full_page_area .right_comming .stay_soon_text .input-group input::-moz-placeholder {
  font-size: 15px;
  color: #bababa;
  font-family: "Roboto", sans-serif;
  letter-spacing: 1.5px;
}

.full_page_area .right_comming .stay_soon_text .input-group input::-webkit-input-placeholder {
  font-size: 15px;
  color: #bababa;
  font-family: "Roboto", sans-serif;
  letter-spacing: 1.5px;
}

.full_page_area .right_comming .stay_soon_text .input-group-append .submit_btn {
  text-transform: uppercase;
  margin-top: 20px;
  width: 100px;
  border-radius: 20px;
}

.full_page_area .right_comming .stay_soon_text .timer_soon {
  overflow: hidden;
  padding-bottom: 50px;
}

.full_page_area .right_comming .stay_soon_text .timer_soon .countdown .countdown-container {
  width: calc(100% / 4);
  float: left;
  margin: auto;
  text-align: center;
  position: relative;
  padding-top: 10px;
}

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

.full_page_area .right_comming .stay_soon_text .timer_soon .countdown .countdown-container .countdown-value {
  padding: 0px;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  color: #fff;
  font-size: 40px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  text-transform: uppercase;
}

/* End Comming Soon Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Footer Area css
============================================================================================ */
.footer_area {
  background: #f5f5f5;
  position: relative;
  padding-bottom: 145px;
}

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

.footer_area .f_logo {
  text-align: center;
  padding: 40px 0px 60px 0px;
}

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

.f_title {
  padding-bottom: 40px;
}

.f_title h3 {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  color: #727272;
  text-transform: uppercase;
}

.map_widget iframe {
  width: 100%;
  height: 185px;
}

.contact_widget p {
  font-size: 14px;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
  color: #959595;
  padding-bottom: 16px;
}

.contact_widget a {
  font-size: 14px;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
  color: #959595;
  display: block;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

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

.contact_widget a:hover {
  color: #1976d2;
}

.contact_widget ul {
  padding-top: 20px;
}

.contact_widget ul li {
  display: inline-block;
  margin-right: 7px;
}

.contact_widget ul li a {
  height: 40px;
  width: 40px;
  text-align: center;
  color: #fff;
  line-height: 38px;
  font-size: 14px;
  background: #55acee;
  border-radius: 50%;
  border: 1px solid #55acee;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.contact_widget ul li a i {
  padding-right: 0px;
}

.contact_widget ul li:nth-child(2) a {
  background: #3b5999;
  border: 1px solid #3b5999;
}

.contact_widget ul li:nth-child(2):hover a {
  color: #3b5999;
  background: transparent;
}

.contact_widget ul li:nth-child(3) a {
  background: #e4405f;
  border: 1px solid #e4405f;
}

.contact_widget ul li:nth-child(3):hover a {
  color: #e4405f;
  background: transparent;
}

.contact_widget ul li:nth-child(4) a {
  background: #dd4b39;
  border: 1px solid #dd4b39;
}

.contact_widget ul li:nth-child(4):hover a {
  color: #dd4b39;
  background: transparent;
}

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

.contact_widget ul li:last-child a {
  background: #ea4c89;
  border: 1px solid #ea4c89;
}

.contact_widget ul li:last-child:hover a {
  color: #ea4c89;
  background: transparent;
}

.contact_widget ul li:hover a {
  color: #55acee;
  background: transparent;
}

.hour_widget ul li a {
  font-size: 14px;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
  color: #959595;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

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

.gallery_widget ul {
  overflow: hidden;
  margin-right: -12px;
  margin-bottom: 12px;
}

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

.gallery_widget ul li a {
  margin-right: 12px;
  margin-bottom: 12px;
  display: block;
  position: relative;
  overflow: hidden;
}

.gallery_widget ul li a i {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  z-index: 2;
  color: #fff;
  margin-top: -7px;
  left: 0px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

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

.gallery_widget ul li a img {
  max-width: 100%;
}

.gallery_widget ul li:hover a i {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.gallery_widget ul li:hover a:before {
  border: 50px solid rgba(33, 140, 243, 0.63);
  opacity: 1;
}

.scroll {
  height: 45px;
  width: 50px;
  text-align: center;
  color: #fff;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  position: fixed;
  right: 50px;
  bottom: 65px;
  background: #1976d2;
  line-height: 45px;
  font-size: 18px;
  z-index: 999;
  display: none;
  cursor: pointer;
}

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

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