/*
Author       : Tech Trek.
Template Name: Nekaton - Responsive School Template
Version      : 1.0
*/

/*=============================================================
    CSS INDEX
    =============================
    01. START GENERAL STYLE 
    02. START HEADER STYLE 
    03. START SLIDER STYLE
    04. START ABOUT STYLE
    05. START FEATURES STYLE
    06. START COUNTER STYLE
    07. START TEAM STYLE
    08. START TESTIMONIAL & FAQ STYLE
    09. START GALLERY STYLE
    10. START BLOG STYLE
    11. START NEWSLETTER STYLE
    12. START FOOTER STYLE
    13. START ABOUT PAGE STYLE
    14. START SERVICE PAGE STYLE
    15. START SINGLE SERVICE PAGE STYLE
    16. START FAQ PAGE STYLE
    17. START 404 PAGE STYLE
    18. START BLOG PAGE STYLE
    19. START SINGLE BLOG PAGE STYLE
    20. START CONTACT PAGE STYLE
    21. START HOME 2 PAGE STYLE
    22. START HOME PAGE 3 STYLE
    23. START HOME 4 PAGE STYLE
  =============================================================*/


/*
* ----------------------------------------------------------------------------------------
* 01. START GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

 


/*START PRELOADER DESIGN*/




/*END PRELOADER DESIGN*/


/*START SCROLL TO TOP*/
 


/* HELPER CLASSES */

.section-padding {
  padding: 100px 0;
  position: relative;
  float: left;
  width: 100%;
}

.section-back-image {
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.section-back-image-2 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.overlay,
.overlay-2 {
  position: relative;
}

.overlay:before {
  background: rgba(0, 0, 0, 0.4);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  position: absolute;
  top: 0;
  width: 100%;
}

.overlay-2:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.96;
  background-color: #fff;
}

.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}

.bg-gray {
  background-color: #F7F9FB;
}

.bg-theme {
  background-color: #0E70C7;
}

.theme-color {
  color: #0E70C7;
}


/*START SECTION TITLE DESIGN*/
 

/*END SECTION TITLE DESIGN*/


/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/




/*
* ----------------------------------------------------------------------------------------
* 06. START COUNTER STYLE
* ----------------------------------------------------------------------------------------
*/

.counter-padding {
  padding: 50px 0;
  position: relative;
  float: left;
  width: 100%;
}

.counter-info {
  float: left;
  width: 100%;
}

.counter-icon,
.counter-des {
  float: left;
}

.counter-icon {
  color: #fff;
  font-size: 75px;
  margin-right: 25px;
  margin-top: 6px;
}

.counter-des {
  width: 100%;
}

.counter-des h2 {
  color: #fff;
  font-size: 45px;
}

.single-counter-item {
  position: relative;
}

.single-counter-item:after {
  position: absolute;
  content: "";
  background: #fff;
  height: 2px;
  width: 50%;
  left: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
}

.single-counter-item:hover:after {
  width: 100%;
  opacity: 1;
  visibility: visible;
}

.single-counter-item h4,
.single-counter-item p {
  color: #fff;
}

.single-counter-item h4 {
  color: #fff;
  font-size: 55px;
  margin: 0 0 10px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.single-counter-item:hover h4 {
  color: #0E70C7;
}

.single-counter-item i {
  color: #fff;
  font-size: 35px;
}


/*counter style 2*/

.single-counter-item.single-counter-item-s-2 {
  background: rgba(255, 255, 255, 0.18);
  padding: 25px 0;
  border-radius: 50% 3px 3px 3px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.single-counter-item.single-counter-item-s-2:hover {
  border-radius: 3px 50% 3px 3px;
}

.single-counter-item .single-counter-item-s-2 h4 {
  margin: 10px 0;
}


/*
* ----------------------------------------------------------------------------------------
* 06. END COUNTER STYLE
* ----------------------------------------------------------------------------------------
*/