/*========================================================================
EXCLUSIVE ON themeforest.net
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Template Name   : Eau
Author          : mital_04
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Copyright (c) 2018 - Eau
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Name: style.css
Version: 1.0
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Table of contents

 01. Header Options
 02. Home Banner
 
========================================================================*/

/*===================================
  01. Header Options
====================================== */
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
.header .dark-logo {
  display: none;
}
.header .light-logo {
  display: block;
  color:white;
}

.header .navbar {
  padding-top: 0;
  padding-bottom: 0;
}
.header .navbar-nav > li > a {
  color: #fff;
  /* background: black; */
  font-size: 12px;
  padding: 25px 10px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 1px;
}
.header .navbar-nav > li > a:after {
  width: 0;
  height: 2px;
  content: "";
  float: left;
  position: absolute;
  bottom: 20px;
  left: 8px;
  /* background: white; */
  -webkit-transition: ease all 0.2s;
     -moz-transition: ease all 0.2s;
       -o-transition: ease all 0.2s;
          transition: ease all 0.2s;
}
.header .navbar-nav > li > a.active:after {
  width: 20px;
}

.header .navbar-nav > li.nav-item-btn > a {
  background: #fff;
  padding: 7px 20px 5px 20px;
  color: #1a1a1a;
  margin: 16px 0 0 12px;
  border-radius: 30px;
}

.header.fixed-header {
  background: #fff;
  box-shadow: 0 0 19px rgba(0, 0, 0, 0.1);
}
.header.fixed-header .dark-logo {
  display: block;
  color:#fec007;
}
.header.fixed-header .light-logo {
  display: none;
  color: #fec007;
}

.header.fixed-header .navbar-nav > li > a {
  color: #1a1a1a;
}

.header.fixed-header .navbar-nav > li.nav-item-btn > a {
  color: #fff;
}

.header .navbar-toggler span {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background: #fff;
}
.header .navbar-toggler span + span {
    margin-top: 4px;
}
.header.fixed-header .navbar-toggler span {
  background: #333;
}

.button_demo_home {
  background: #fff;
  padding: 7px 20px 5px 20px;
  color: #1a1a1a;
  border-radius: 30px;
}

.button_demo {
  margin-left: 20px;
  background: #fff;
  padding: 7px 20px 5px 20px;
  color: #1a1a1a;
  border-radius: 30px;
}

@media (max-width: 991px){
  .header .navbar-nav {
    padding-bottom: 16px;
  }
  .header .navbar-nav > li > a {
    padding: 8px 0;
    display: inline-block;
  }
  .header .navbar-nav > li > a:after {
    bottom: 5px;
    left: 0;
  }
  .header .navbar-nav > li.nav-item-btn > a {
    margin: 8px 0 3px;
  }
}

/*Header Option 2*/
.header-01 {
  padding: 20px 0;
  -webkit-transition: ease all 0.2s;
     -moz-transition: ease all 0.2s;
       -o-transition: ease all 0.2s;
          transition: ease all 0.2s;
}
.fixed-header.header-01 {
  padding: 0;
}


/*Header Option 3*/
.header-02 {
  padding: 20px 0;
  -webkit-transition: ease all 0.2s;
     -moz-transition: ease all 0.2s;
       -o-transition: ease all 0.2s;
          transition: ease all 0.2s;
}
.fixed-header.header-02 {
  padding: 0;
}

#buttonlink {
  background: #fff;
  padding: 7px 20px 5px 20px;
  color: #1a1a1a;
  margin: 16px 0 0 12px;
  border-radius: 30px;
}

/*===================================
  02. Home Banner
====================================== */
.home-banner-01 {
  background-image: url(../img/banner-1.png) !important;
  background-size: auto 100% !important;
  background-repeat: no-repeat !important;
}

.particles-box .particles-js-canvas-el {
  position: absolute;
  top: 0;
  opacity: 0.1;
}
.home-banner-02 {
  background-image: url(../img/banner-1.png) !important;
  background-size: auto 100% !important;
  background-repeat: no-repeat !important;
}

.home-banner-03 {
  background: url(../img/header-overlay-02.png) no-repeat scroll bottom center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.feature-banner {
  background: url(../img/header-overlay-01.png) no-repeat scroll bottom center;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto; 
}