/* Electricien | Electrician & Electronics PHP Template

Template Name: Electricien
Version: 1.0.0
License: copyright commercial

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global Settings
4. Main Header / TWO / Three / Four / Five
5. Sticky Header
6. Mobile Menu
7. Section Title
8. Page Title
9. Main Slider
10. Banner Section / Two / Three / Four
11. Features Section / Two / Three / Four / Five / Six
12. About Section / Two / Three / Four / Five / Six
13. Services Section / Two / Three / Four / Five
14. Map Section
15. Call To Action / Two / Three / Four / Five
16. Locations Section / Two
17. Offer Section / Two / Three / Four
18. FAQ's Sectiom / Two
19. Work Section
20. Fun Fact Section / Two
21. Project Section / Two / Three
22. Testimonial Section / Two / Three / Four
23. Why Choose Us / Two / Three
24. Industries Section
25. Pricing Section
26. team Section / Two
27. Contact Sectiom / Two / Three / Four
28. News Section / Two
29. Clients Section
30. Main Footer
**********************************************/

.banner-section-one .slide-item:before {
	background: linear-gradient(90.31deg, #ff6c36 25.16%, rgba(255, 108, 54, 0.941002) 29.64%, rgba(136, 96, 60, 0) 49.7%);
	/*background: linear-gradient(90.31deg, #ff6c36 15.16%, rgba(255, 108, 54, 0.941002) 19.64%, rgba(136, 96, 60, 0) 34.7%);*/
}

/*Menu Item Hover*/
.header-style-one .main-box .nav-outer .navigation > li > a:hover {
	color: var(--theme-color1);
}

.map-section .map {
	height:500px;
}

/*Btn Style Four*/
.btn-style-four {
  background: var(--bg-theme-color1);
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 24px;
  overflow: hidden;
  padding: 15px 50px;
  position: relative;
  text-transform: uppercase;
  z-index: 0;
}
.btn-style-four:before {
  background-color: var(--bg-theme-color2);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  -webkit-transform: scale(1, 0);
          transform: scale(1, 0);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
          transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.btn-style-four:hover:before {
  -webkit-transform-origin: top right;
          transform-origin: top right;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.btn-style-four:hover {
  color: #ffffff;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.btn-style-four.bg-dark:not(hover) {
  /*background-color: var(--theme-color1) !important;
  color: #fff;*/
}
.btn-style-four.bg-dark:not(hover):before {
  background-color: var(--theme-color-light);
}
.btn-style-four.bg-dark:not(hover):hover {
  color: #000;
  height: calc(100% + 1px);
}


.btn-style-four.hvr-light:hover {
  color: var(--theme-color2);
}
.btn-style-four.hvr-light:before {
  background-color: #ffffff;
}
/*Btn Style Four END*/