/*--------------------------------------------------------------------------------------
Theme Name: EDUCROWN
Theme URI: http://quomodosoft.com
Author URI: http://quomodosoft.com
Description: 100% Responsive, Highly Customizable, SEO Friendly Education Based HTML5 template using Twitter Bootstrap Latest, Search Engine Friendly.
Author: Mehedi Hasan Nahid
Author Email: mehedidb@gmail.com
Version: 1.0
----------------------------------------------------------------------------------------
    1. SLIDER AREA
    2. FEATURES AREA
    3. FUN FACT AREA
    4. COURSE AERA
    5. VIDEO AREA
    6. TESTMONIAL AREA
    7. BLOG AREA
    8. FAQS AREA
    9. CONTACT AREA
    10. CLIENT AREA
    11. FOOTER AREA
    12. SCROLL TO TOP AREA
----------------------------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700");

/*--------------------------
    1. SLIDER AREA
-----------------------------*/

/* NEWLY ADDED STYLES */

/* Monitor optimization for 15 ,23,17 inch Monitors*/

@media(min-width: 1920px){
  .carousel-inner > .carousel-item > img {
    width: 100%;
    height: 850px !important;
    background-size: cover;

  }
  .testmonial-area h2{
    margin-top: 250px;
    margin-left: 80px !important;
    font-size: 35px;
    font-weight: 650;
  }
  .navbar-brand {
    margin-bottom: 15px;
    margin-top: 0%;
    margin-left: 250px;
   
  }
  .modal {
    margin-left: 1250px !important;
    margin-top: 50px;
  }
 }
 /* End of Monitor optimization for 15 ,23,17 inch Monitors */

 /* STYLES FOR MONITOR */

body {
  padding-right: 0px !important;
}
.navbar {
  height: 65px;
  background-color: black;
}
 .navbar-nav li a {
  color: white !important;
}
.navbar .dropdown-menu {
  background-color: #0f0f0f;
  width: 150px;
}
.navbar .dropdown-menu a:hover {
  background-color: rgb(196, 143, 143);
  color: #e76c6d;
}
.navbar .dropdown-menu .dropdown-item {
  color: white;
  font-size: medium;
}
.navbar-nav > li {
  margin-left: 44px;
  font-size: 17px;
 
}
.navbar-brand {
  margin-bottom: 15px;
  margin-top: 0%;
 
}
.modal {
  margin-left: 900px;
  margin-top: 50px;
}
.modal-lg {
  max-width: 30% !important;
}
#carouselExampleIndicators {
  margin-top: 50px;
}
.container {
  padding: 0px;
}
.carousel-caption {
  margin-bottom: 2.5%;
  color: white;
  text-align: left;
   max-width: 100%;
  width: 100%;
}
.carousel-caption p {
  color: white !important;
  text-align: left;
  font-size: 140%;
  font-size: 17px;
  text-shadow: 2px 2px 4px #000000;
}
.carousel-caption h1 {
  text-transform: uppercase;
  color: white !important;
  text-align: left;
  font-weight: 800;
  font-size: 30px;
  text-shadow: 2px 2px 4px #000000;
}
.carousel-caption h3 {
  text-align: left;
  color: white;
  font-size: 20px;
  text-shadow: 2px 2px 4px #000000;
}
.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0.7;
}
.carousel-inner > .carousel-item > img {
  width: 100%;
  height: 75vh;
  background-size: cover;
}
.sign-up ul>li .text{
   font-size: 15px;
}
.carousel-control-prev{
  background-color: #e76c6d;
  height: 45px !important;
  width: 45px !important;
  border-radius: 100%;
  margin-top: 300px;
  margin-left: 100px;
}
.carousel-control-next{
  background-color: #e76c6d;
  height: 45px !important;
  width: 45px !important;
  border-radius: 100%;
  margin-top: 300px;
  margin-right: 100px;
}

#newfeature h1{
  font-size: 30px;
  color: #555;
  font-weight: bold;
  
}
 #newfeature h3{
  font-size: 20px;
  color: #333;
  font-weight: bold;
  
}
#newfeature .fa-gift{
  margin-top: -50px;
  background-color: white;
 color: #e76c6d;
 border-radius: 90px;
 font-size: 80px;
 padding-left: 30px;
 padding-right: 30px;
 padding-top: 20px;
 padding-bottom: 20px;
 margin-top: -60px;
 border: 1px solid rgb(233, 93, 93);
}
#newfeature .fa-graduation-cap{
  margin-top: -50px;
  background-color: white;
 color: #e76c6d;
 border-radius: 110px;
 font-size: 70px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 25px;
 padding-bottom: 25px;
 margin-top: -60px;
 border: 1px solid rgb(233, 93, 93);
}
#newfeature .fa-user{
  margin-top: -50px;
  background-color: white;
 color: #e76c6d;
 border-radius: 90px;
 font-size: 80px;
 padding-left: 35px;
 padding-right: 35px;
 padding-top: 20px;
 padding-bottom: 20px;
 margin-top: -60px;
 border: 1px solid rgb(233, 93, 93);
}
#newfeature .fa-rocket{
  margin-top: -50px;
  background-color: rgb(255, 255, 255);
 color: #e76c6d;
 border-radius: 90px;
 font-size: 80px;
 padding-left: 25px;
 padding-right: 25px;
 padding-top: 20px;
 padding-bottom: 20px;
 margin-top: -60px;
 border: 1px solid rgb(233, 93, 93);
}

#newfeature .icofont{
  font-size: 26px;
  color: #555;
}
#newfeature p{
  font-weight: 500;
  font-size: 12px;
}
#newfeature .card{
border-radius: 20px;
box-shadow: 5px 5px 10px #9E9E9E;
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
-moz-transition:  all 0.3s ease-in ;
height: 45rem;
margin-top: 20px;
background-color: #ffffff;
color: rgb(15, 15, 15);

}
#newfeature .card:hover{
 
  background-color: #e76c6d;
  color: rgb(253, 253, 253);
  border-radius: 20px;
  border: none;
  box-shadow: 5px 5px 10px #9E9E9E;
}
#newfeature .icofont-location-pin {

  font-size: medium;
}
#newfeature .icofont-phone{
  font-size: medium;
}
#newfeature .icofont-envelope {
  font-size: medium;

}
#newfeature .card:hover h1 ,#newfeature .card:hover h3{
  color: #555
}
.btn-default{
  color: #333;
background-color: #fff;
border-color: #ccc !important;
}
.testmonial-area h2{
  margin-top: 50px;
  margin-left: 50px;
  font-size: 35px;
  font-weight: 650;
}
.faqs-area h2{

  font-size: 36px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.faqs-area h3{

  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.faqs-area p{
 font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}
.single-footer  h3{
  font-size: 24px;
  font-weight: 700;
}
.block-23 .text{
  font-size: 14px;
}
.footer-copyright p{
font-size: 15px;
}
.ftco-footer-social{
  margin-left: 35px;
  }
 /* ENd of STYLES FOR MONITOR */

/* Mobile Screen Optimization */

@media (max-width: 600px) {
  .navbar-brand > img {
    margin-right: 60px;
    width: 50%;
  }
  nav {
    height: auto;
  }
  .navbar .navbar-collapse{
    background-color: black;

  }
  .modal {
    margin-left: 0px;
    margin-top: 0px;
  }
  #carouselExampleIndicators {
    margin-top: 65px;
  }
  .navbar .dropdown-menu {
    background-color: #111010;
    width: 200px;
  }
  .navbar .dropdown-menu a:hover {
    background-color: rgb(19, 18, 18);
    color: #ffffff;
  }

  .features-box-icon {
    background: #e6b9b9 none repeat scroll 0 0;
    border-radius: 5px;
    color: #e76c6d;
    height: 70px;
    margin-bottom: 40px;
    padding-top: 15px;
    text-align: center;
    width: 70px;
    margin-left: 100px !important;
  }
  .modal-lg {
    max-width: 80% !important;
  }
  .carousel-inner > .carousel-item > img {
    width: 100%;
    height: 300px;
  }
  .carousel-caption {
    color: white;
    font-family: sans-serif;
    max-width: 100%;
    width: 100%;
    margin-bottom: -3%;
    
  }
  .carousel-caption p {
   color: white !important;
   font-size: 10px;
  
  }
  .carousel-caption h1 {
    margin-top: 40%;
    color: white !important;
    font-weight: 800;
    font-size: 15px;
    
  }
  .carousel-caption h3 {
    font-size: 5px;
    
  }
  .sign-up ul>li .text{
    font-size: 10px;
 }
 .sign-up ul>li .icofont{
  font-size: 0.83em
}
.ftco-footer-social li a span .icofont{
    width: 14px !important;
    height: 14px !important;
 }

 .carousel-control-prev{
display: none;
}
.carousel-control-next{
display: none;
}
.row.promo-content{
  width: auto;
  margin-left: -10px;
}


#newfeature h1{
  font-size: 36px;
  color: #555;
  font-weight: bold;
}
 #newfeature h3{
  font-size: 20px;
  color: #333;
  font-weight: bold;
}
#newfeature .fa-gift{

  background-color: white;
 color: #e76c6d;
 border-radius: 90px;
 font-size: 90px;
 padding-left: 25px;
 padding-right: 25px;
 padding-top: 20px;
 padding-bottom: 20px;
 
}
#newfeature .fa-graduation-cap{

  background-color: white;
 color: #e76c6d;
 border-radius: 100px;
 font-size: 70px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 30px;
 padding-bottom: 30px;
 
}
#newfeature .fa-user{
  
  background-color: white;
 color: #e76c6d;
 border-radius: 90px;
 font-size: 90px;
 padding-left: 35px;
 padding-right: 35px;
 padding-top: 20px;
 padding-bottom: 20px;

}
#newfeature .fa-rocket{
 
  background-color: white;
 color: #e76c6d;
 border-radius: 90px;
 font-size: 90px;
 padding-left: 25px;
 padding-right: 25px;
 padding-top: 20px;
 padding-bottom: 20px;

}

#newfeature .icofont{
  font-size: 26px;
  color: #555;
}
#newfeature p{
  font-weight: 500;
  font-size: 12px ;
}
#newfeature .card{
  border-radius: 20px;
  box-shadow: 5px 5px 10px #9E9E9E;
 
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition:  all 0.3s ease-in ;
  height: 45rem;
  margin-top: 10px;
  margin-bottom:50px ;
}
  #newfeature .card:hover{
    background-color: #e76c6d;
    color: #fff;
    border-radius: 20px;
    border: none;
    box-shadow: 5px 5px 15px #e76c6d;
  }
#newfeature .card:hover h1 ,#newfeature .card:hover h3{
  color: #fff;
}

#newfeature .icofont-location-pin {

  font-size: medium;
}
#newfeature .icofont-phone{
  font-size: medium;
}
#newfeature .icofont-envelope {
  font-size: medium;
}
.testmonial-area h2{
margin-left: 15px;
margin-top: 0%;
}

.ftco-footer-social{
  margin-left: 100px;
  }
}
 /* End of mobile optimization */




.slide-bg-one {
  background: rgba(0, 0, 0, 0) url("assest/img/slider/home.png") center
    no-repeat cover;
}

.slide-bg-two {
  background: rgba(0, 0, 0, 0) url("assest/img/slider/maths.png");
  height: 120%;

  /* Center and scale the image nicely */
  background-repeat: no-repeat;
  background-size: 1350px 600px;
}

.slide-bg-three {
  background: rgba(0, 0, 0, 0) url("assest/img/slider/chess.png");
  height: 120%;

  /* Center and scale the image nicely */
  background-repeat: no-repeat;
  background-size: 1350px 600px;
}

.slide-bg-four {
  background: rgba(0, 0, 0, 0) url("assest/img/slider/python.png");
  height: 120%;

  /* Center and scale the image nicely */
  background-repeat: no-repeat;
  background-size: 1350px 600px;
}
.welcome-slider-area .owl-controls {
  margin-top: -80px;
  position: absolute;
  right: 7%;
  top: 50%;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.welcome-slider-area:hover .owl-controls {
  right: 10%;
  opacity: 1;
}

.welcome-slider-area .owl-nav > div {
  background: #d3ffea none repeat scroll 0 0;
  border-radius: 50%;
  bottom: 0;
  color: #31dc89;
  font-size: 35px;
  height: 50px;
  margin: 10px 0;
  padding-top: 5px;
  right: 0;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 50px;
}

.welcome-slider-area .owl-nav > div:hover {
  background: #31dc89 none repeat scroll 0 0;
  color: #ffffff;
}
.navbar-toggler-icon {
  color: white;
}
/*--------------------------------
    2. FEATURES AREA
---------------------------------*/
.row.promo-content {
  background: #ffffff none repeat scroll 0 0;
  -webkit-box-shadow: 0 9px 9px 0 #c7c7c7;
  box-shadow: 0 9px 9px 0 #c7c7c7;
  margin-top: -100px;
  padding-top: 0px;
  position: relative;
  z-index: 1;
  width: 1200px;
  margin-left: -50px;
}
 .features-box-icon {
  background: #e6b9b9 none repeat scroll 0 0;
  border-radius: 5px;
  color: #e76c6d;
  height: 70px;
  margin-bottom: 40px;
  padding-top: 15px;
  text-align: center;
  width: 70px;
  margin-left: 70px;
}


/*----------------------------------
    3. FUN FACT AREA
----------------------------------*/
.fun-fact-area .area-bg {
  background: rgba(0, 0, 0, 0) url("assest/img/fact-bg.jpg") no-repeat scroll
    center center / cover;
}

.fun-fact-area .area-bg::after {
  background: #000000 none repeat scroll 0 0;
  opacity: 0.6;
}

/*---------------------------------
    3.5. Mission Table
-----------------------------------*/
#mission {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* .nav-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

#mission li.nav-item .nav-link {
  background: #fff;
  border-radius: 4px;
  color: #000000;
  font-weight: 600;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

#mission li.nav-item .nav-link :hover {
  background: #fff;
  border-radius: 4px;
  color: #000000;
  font-weight: 600;
  border: 1px solid rgba(0, 0, 0, 0.1);
} */

#mission li.active .nav-link {
  color: #fff;
  background: #3e64ff;
  border: 1px solid #3e64ff;
}

.d-block {
  display: block !important;
}

.ftco-footer-social li {
  list-style: none;
  margin: 0 10px 0 0;
  display: inline-block;
}

.ftco-footer-social li a {
  height: 40px;
  width: 40px;
  display: block;
  float: center;
  background: #3e64ff;
  border-radius: 50%;
  position: relative;
}

.ftco-footer-social li a span {
  color: #fff;
  position: absolute;
  font-size: 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


@media (min-width: 768px) {
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

/*---------------------------------
    4. COURSE AERA
-----------------------------------*/
.single-course {
  border-radius: 10px;
  -webkit-box-shadow: 0 7px 7px #c7c7c7;
  box-shadow: 0 7px 7px #c7c7c7;
  overflow: hidden;
}

a.enroll-button {
  background: #d3ffea none repeat scroll 0 0;
  border-radius: 50px;
  color: #0be27a;
  padding: 10px 15px;
  text-transform: capitalize;
}

a.enroll-button:hover {
  background: #171932 none repeat scroll 0 0;
  color: #ffffff;
}

.course-price,
.course-price-reduced {
  color: #0be27a;
  font-size: 22px;
  font-weight: 700;
}

.course-price-reduced {
  color: #2e2e43;
  text-decoration: line-through;
}
.row.course-list {
  margin: 0;
}

.row.course-list .col-lg-3 {
  width: 100%;
  padding: 0;
}

.course-details {
  text-align: left;
}

/*--------------------------------
    5. VIDEO AREA
---------------------------------*/
.video-area .area-bg::before {
  background: #3ee792 none repeat scroll 0 0;
  opacity: 0.75;
}

.video-promo-details {
  border-radius: 10px;
}

.video-promo-content {
  color: #ffffff;
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

.video-area-popup {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 50%;
  color: #3ee792;
  cursor: pointer;
  display: inline-block;
  font-size: 30px;
  height: 70px;
  line-height: 1;
  padding-left: 5px;
  padding-top: 20px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 70px;
}

.video-area-popup:hover {
  background: #3ee792 none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 10px 10px #ffffff;
  box-shadow: 0 0 10px 10px #ffffff;
  color: #ffffff;
}

/*---------------------------------
    6. TESTMONIAL AREA
----------------------------------*/
.author-content {
  line-height: 1.8;
  padding-top: 63px;
  position: relative;
}

.author-content::before {
  color: #3ee792;
  content: "\f10e";
  font-family: fontawesome;
  font-size: 41px;
  left: 0;
  line-height: 1;
  opacity: 0.5;
  position: absolute;
  top: 20px;
}

.author-img {
  border-radius: 50%;
  height: 80px;
  overflow: hidden;
  width: 80px;
}

.author-name-image h4 {
  margin-bottom: 0;
}

.testmonial-slider.owl-carousel {
  overflow: hidden;
}

.testmonial-area .owl-nav > div {
  background: #3ee792 none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  font-size: 30px;
  height: 40px;
  left: 30px;
  opacity: 0;
  /* padding-top: 4px; */
  position: absolute;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 30%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 40px;
}

.testmonial-area .owl-nav > div.owl-next {
  left: auto;
  right: -30px;
}

.testmonial-area .owl-nav > div:hover {
  background: #586082 none repeat scroll 0 0;
}

.owl-carousel:hover .owl-nav > div.owl-next {
  opacity: 1;
  right: 0;
  visibility: visible;
}

.owl-carousel:hover .owl-nav > div.owl-prev {
  left: 0;
  opacity: 1;
  visibility: visible;
}

/*.testmonial-area .owl-controls {
    height: 20px;
    margin-top: 30px;
}*/
.testmonial-area .owl-dots {
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.testmonial-area .owl-dots > div {
  border: 1px solid #586082;
  border-radius: 50%;
  display: inline-block;
  height: 15px;
  margin: 0 5px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 15px;
}

.testmonial-area .owl-dots > div.active {
  background: #3ee792 none repeat scroll 0 0;
  border-color: #3ee792;
}

/*--------------------------------
    7. BLOG AREA
----------------------------------*/
.single-blog-item {
  border-radius: 10px;
  -webkit-box-shadow: 0 7px 7px #c7c7c7;
  box-shadow: 0 7px 7px #c7c7c7;
  overflow: hidden;
  height:45em;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.blog-thumb {
  overflow: hidden;
}

.blog-thumb img {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single-blog:hover {
  -webkit-box-shadow: 0 0 20px #ddd;
  box-shadow: 0 0 20px #ddd;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

.blog-details h3 {
  line-height: 1.3;
  margin-bottom: 10px;
}

.blog-meta a {
  opacity: 0.7;
  margin-right: 15px;
}

.blog-meta a:hover {
  opacity: 1;
}

.blog-details a.readmore {
  display: inline-block;
  letter-spacing: 1px;
}

.single-blog-item:hover .blog-thumb img {
  opacity: 0.5;
  -webkit-transform: scale(1.3) rotate(10deg);
  transform: scale(1.3) rotate(10deg);
}

/*--------------------------------
    8. FAQS AREA
---------------------------------*/
.faqs-area .box-title {
  font-size: 18px;
  letter-spacing: 0;
}

.remarks {
  color: #0be27a;
}

/*---------------------------------
    9. CONTACT AREA
----------------------------------*/
.contact-form input,
.contact-form textarea {
  border: 0 none;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 1px #cacfda;
  box-shadow: 0 0 0 1px #cacfda;
  margin-bottom: 30px;
  min-height: 50px;
  padding: 10px;
}

.contact-form input:focus,
.contact-form textarea:focus {
  -webkit-box-shadow: 0 0 0 1px #3ee792;
  box-shadow: 0 0 0 1px #3ee792;
}

.contact-form button {
  background: #3ee792 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 50px;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 2px;
  padding: 13px 20px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.contact-form button:hover {
  background: #171932 none repeat scroll 0 0;
  color: #ffffff;
}

.enroll-button a {
  background: #31dc89 none repeat scroll 0 0;
  border-radius: 50px;
  color: #ffffff;
  display: inline-block;
  font-weight: 600;
  height: 50px;
  padding-top: 13px;
  text-align: center;
  width: 150px;
}

.enroll-button a:hover {
  background: #171932 none repeat scroll 0 0;
}

/*---------------------------------
    10. CLIENT AREA
---------------------------------*/
.client-area .owl-carousel .owl-item img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: auto;
}

/*---------------------------------
    11. FOOTER AREA
----------------------------------*/
.footer-list ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.footer-list ul li {
  display: block;
  margin-bottom: 12px;
}

.footer-list ul li a:hover {
  color: #31dc89;
}

.block-23 ul {
  padding: 0;
}

.block-23 ul li,
.block-23 ul li > a {
  display: table;
  line-height: 1.5;
  margin-bottom: 15px;
}

.block-23 ul li span {
  color: black;
}

.block-23 ul li .icon,
.block-23 ul li .text {
  display: table-cell;
  vertical-align: top;
}

.block-23 ul li .icofont {
  width: 40px;
  font-size: 18px;
  padding-top: 2px;
  color: black;
}

.subscriber-form {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #dddddd;
  border-radius: 50px;
  font-size: 18px;
  height: 50px;
  position: relative;
  text-transform: capitalize;
}

.subscriber-form input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  border-radius: 5px;
  color: #000000;
  height: 100%;
  left: 0;
  letter-spacing: 1px;
  padding: 10px 10px 10px 30px;
  position: absolute;
  top: 0;
  width: 80%;
}

.subscriber-form button {
  background: #d3ffea none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0 50px 50px 0;
  color: #171932;
  font-size: 20px;
  height: 100%;
  letter-spacing: 2px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 80px;
}

.subscriber-form button:hover {
  background: #31dc89 none repeat scroll 0 0;
  color: #ffffff;
}

label.mt10 {
  bottom: -52px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}

label.mt10.valid {
  bottom: 8px;
  color: #31dc89;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}

.footer-bottom-area {
  background: #2e2e43 none repeat scroll 0 0;
}

.footer-copyright {
  padding: 30px 0;
}

/*---------------------------------
    12. SCROLL TO TOP AREA
----------------------------------*/
.scrolltotop {
  background: #404873 none repeat scroll 0 0;
  bottom: 20px;
  color: #ffffff;
  display: none;
  font-size: 20px;
  height: 40px;
  padding-top: 8px;
  position: fixed;
  right: 20px;
  text-align: center;
  width: 40px;
  z-index: 9;
}

.scrolltotop:hover {
  background: #3ee792;
  color: #ffffff;
}

.row{
  width: 100%;
}
.social-icons{
  width: 45%;
  height: 25px;
}
.social-icons a{
  color: #fff;
  font-size: 20px;
  width: 25px;
}
.social-icons a:hover{
  color: #fff;
  font-size: 23px;
}

/* floating signup icon css */
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:128px;
	right:20px;
	background-color:#e76c6d;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}

.my-float{
	/* margin-top:22px; */
  font-size:23px;
}
a.float:hover, a.float:active{
  color: #fff;
  text-decoration: none;
}

span.popup-title {
  font-family: 'Gemunu Libre', sans-serif;
  font-size: 40px;
}

.hubLogin-title{
  font-family: 'Gemunu Libre', sans-serif;
  font-size: 29px;
}

/* floating whatsapp icon */
.wa-float-img-circle {
	width: 56px;
	height: 56px;
	bottom: 65px;
	right: 20px;
	border-radius: 100%;
	position: fixed; z-index: 99999;
	display: flex;
	transition: all .3s;
	align-items: center;
	justify-content: center;
	background: #25D366;
	}
.wa-float-img-circle img { position: relative; }
.wa-float-img-circle:before { position: absolute; content: ''; background-color: #25D366; width: 70px; height: 70px; bottom: -7px; right: -7px; border-radius: 100%; animation: wa-float-circle-fill-anim 2.3s infinite ease-in-out; transform-origin: center; opacity: .2; }
.wa-float-img-circle:hover{ box-shadow: 0px 3px 16px #24af588a; }
.wa-float-img-circle:focus{ box-shadow: 0px 0 0 3px #25d36645; }
.wa-float-img-circle:hover:before, .wa-float-img-circle:focus:before{ display: none; } @keyframes wa-float-circle-fill-anim { 0% { transform: rotate(0deg) scale(0.7) skew(1deg); } 50% { transform: rotate(0deg) scale(1) skew(1deg); } 100% { transform: rotate(0deg) scale(0.7) skew(1deg); }