/*!
Theme Name: Firbrigs
Theme URI: https://smartdemowp.com/firbrigs/
Author: SmartDataSoft
Author URI: http://smartdatasoft.com
Description: Firbrigs is a modern responsive fire and rescues response service WordPress theme. Firbrigs WordPress theme will help you provide safety services on the go. The theme will perfectly suitable for fire brigade & rescue response centre, emergency medical services, Fire Prevention programs, fire investigation, Fire Fighting services, fireman career, Operational Videos,  firefighter biography. With the Firbrigs, you can also create websites focused on emergency supply, rescue, security or fire station service and the 
special task operation force for the fire fighting.
Version: 2.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: firbrigs
Tags: business, emergency, fire, fire department, fire prevention, fire station, firefighter, fireman, gdpr, rescue, safety, security, services, volunteer
*/


/* Css For Firbrigs */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header/style-one/style-two
5. Main Slider/style-one/style-two
6. Intro Section
7. Welcome Section
9. Cta Section
8. Research Fields
10. Testimonial Section
11. Researches Section
12. Team Section
14. Video
15. Fact Counter
16. News Section
19. Clients Section
20. Main Footer
21. Footer Bottom
22. Research Style Two
23. Innovative Solution
24. Discover Section
25. Testimonial Section
26. Chooseus Section
27. News Style Two
28. Page Title
29. Research Page Section
30. Research Details
31. Professor Page Section
32. Professor Details
33. About Section
34. Error Section
35. Blog Page Section
36. Blog Details
37. Blog Sidebar
38. Contact Section
39. Google Map


**********************************************/



/*** 

====================================================================
  Reset
====================================================================

 ***/
 * {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}


/*** 

====================================================================
  Global Settings
====================================================================

 ***/


body {
  font-size:18px;
  color:#716868;
  line-height:34px;
  font-weight:400;
  background:#ffffff;
  font-family: 'Titillium Web', sans-serif;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}

  @media (min-width:1200px) {
  .container {
    max-width: 1170px;
    padding: 0px 15px;
  }
}

.large-container{
  max-width: 1500px;
  padding: 0px 15px;
  margin: 0 auto;
}

.container-fluid{
  padding: 0px;
}

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

.small-container{
  max-width:680px;
  margin:0 auto;
}

.boxed_wrapper{
  position: relative;
  margin: 0 auto;
  overflow: hidden !important;
  width: 100%;
  min-width: 300px;
}


a{
  text-decoration:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

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

input,button,select,textarea{
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-size: 16px;
}

ul,li{
  list-style:none;
  padding:0px;
  margin:0px; 
}

input{
  transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus{
  outline: none;
  box-shadow: none;
  transition: all 500ms ease;
}

p{
  position: relative;
  font-family: 'Titillium Web', sans-serif;
  color: #716868;
  font-weight: 400;
  margin: 0px;
  transition: all 500ms ease;
}

h1,h2,h3,h4,h5,h6{
  position:relative;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  color: #2d2727;
  margin: 0px;
  transition: all 500ms ease;
}

/* Preloader */

.handle-preloader {
  align-items: center;
  -webkit-align-items: center;
  display: flex;
  display: -ms-flexbox;
  height: 100%;
  justify-content: center;
  -webkit-justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99999;
  background: #fff;
}

.preloader-close{
  position: fixed;
  z-index: 999999;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  padding: 5px 20px;
  cursor: pointer;
  right: 0;
  bottom: 0;
  font-weight: 600;
}

.handle-preloader .animation-preloader {
  position: absolute;
  z-index: 100;
}

.handle-preloader .animation-preloader .spinner{
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  height: 150px;
  margin: 0 auto 45px auto;
  width: 150px;
}

.handle-preloader .animation-preloader .txt-loading {
  text-align: center;
  user-select: none;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before{
  animation: letters-loading 4s infinite;
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  top:0;
  position: absolute;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading{
  font-weight: 400;
  letter-spacing: 15px;
  display: inline-block;
  position: relative;
  font-size: 70px;
  line-height: 70px;
  text-transform: uppercase;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {animation-delay: 0.2s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {animation-delay: 0.4s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {animation-delay: 0.6s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {animation-delay: 0.8s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s;}
.handle-preloader .loader-section {
  background-color: #ffffff;
  height: 100%;
  position: fixed;
  top: 0;
  width: calc(50% + 1px);
}

.preloader .loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading{
  color: #cc5e28;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before{
  color: #cc5e28;
}

.handle-preloader .animation-preloader .spinner{
  border: 3px solid #cc5e28;
  border-top-color: rgba(204, 94, 40, 0.3); 
}

/* Animación del preloader */
@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}
@keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }

  25%,
  50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}

@media screen and (max-width: 767px) {
  .handle-preloader .animation-preloader .spinner {
    height: 8em;
    width: 8em;
  }
}
@media screen and (max-width: 500px) {
  .handle-preloader .animation-preloader .spinner {
    height: 7em;
    width: 7em;
  }
  .handle-preloader .animation-preloader .txt-loading .letters-loading {font-size: 40px; letter-spacing: 10px;}
}


.centred{
  text-align: center;
}

.pull-left{
  float: left;
}

.pull-right{
  float: right;
}


figure{
  margin: 0px;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .7s;
  transition-property: all;
}

/** button **/

.theme-btn-one{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 26px;
  font-weight: 700;
  color: #fff !important;
  text-align: center;
  padding: 22px 60px;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 1;
}

.theme-btn-one:before{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  background: #2d2727;
  left: 0px;
  top: 0px;
  z-index: -1;
  transition: all 500ms ease;
}

.theme-btn-one:hover:before{
  width: 100%;
}

.pagination{
  position: relative;
  display: block;
}

.pagination li{
  display: inline-block;
  margin: 0px 3px;
}

.pagination li a{
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  height: 75px;
  width: 75px;
  line-height: 75px;
  background: #f5f0f0;
  text-align: center;
  color: #2d2727;
  z-index: 1;
  transition: all 500ms ease;
}

.pagination li a:hover,
.pagination li a.active{
  color: #fff;
}

.pagination li:last-child a{
  color: #fff;
  background: #2d2727;
}

.sec-pad{
  padding: 120px 0px !important;
}

.mr-0{
  margin: 0px !important;
}

.scroll-top{
  width: 55px;
  height: 55px;
  line-height: 55px;
  position: fixed;
  bottom: 105%;
  right: 30px;
  font-size: 24px;
  z-index: 99;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  transition: 1s ease;
}

.scroll-top.open {
  bottom: 50px;
}

.scroll-top span{
  color: #fff;
}

.sec-title{
  position: relative;
  display: block;
  margin-bottom: 40px;
}

.sec-title.centred{
  text-align: center !important;
}

.sec-title p{
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: #716868;
  padding-bottom: 4px;
}

.sec-title p:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  left: 0px;
  bottom: 0px;
}

.sec-title h2{
  position: relative;
  display: block;
  font-size: 50px;
  line-height: 60px;
  font-weight: 900;
  margin: 0px;
}

.sec-title.light h2{
  color: #fff;
}

.sec-title.light p{
  color: rgba(255,255,255,0.6);
}



/*** 

====================================================================
                        Home-Page-One
====================================================================

***/


/** main-header **/

.main-header{
  position:relative;
  left:0px;
  top:0px;
  z-index:999;
  width:100%;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.sticky-header{
  position:fixed;
  opacity:0;
  visibility:hidden;
  background: #fff;
  left:0px;
  top:0px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  width:100%;
  z-index:0;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.fixed-header .sticky-header{
  z-index:999;
  opacity:1;
  visibility:visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/** header-top **/

.header-top{
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ede6e6;
  padding: 7px 0px;
}

.header-top .text p{
  font-size: 16px;
  font-style: italic;
}

.header-top .social-links li{
  position: relative;
  display: inline-block;
  margin-right: 15px;
}

.header-top .social-links li:last-child{
  margin: 0px !important;
}

.header-top .social-links li a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #706767;
}


/** header-lower **/

.header-lower{
  position: relative;
  background: #fff;
  width: 100%;
}

.main-header .logo-box{
  position: relative;
  padding: 24px 0px;
  margin-right: 90px;
}

.main-header .logo-box .logo{
  position: relative;
  max-width: 166px;
  width: 100%;
}

.main-header .logo-box .logo img{
  width: 100%;
}

.main-header .support-box{
  position: relative;
  padding: 30px 0px 30px 65px;
}

.main-header .support-box:before{
  position: absolute;
  content: '';
  background: #ede6e6;
  width: 1px;
  height: 100%;
  left: -60px;
  top: 0px;
}

.main-header .support-box i{
  position: absolute;
  left: 0px;
  top: 30px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 20px;
  color: #fff;
}

.main-header .support-box p{
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.main-header .support-box h4{
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}

.main-header .support-box h4 a{
  display: inline-block;
  color: #2d2727;
}


.main-header .outer-box{
  position: relative;
}


/** main-menu **/

.main-menu{
  float: left;
}

.main-menu .navbar-collapse{
  padding:0px;
  display:block !important;
}

.main-menu .navigation{
  margin:0px;
}

.main-menu .navigation > li{
  position:inherit;
  float:left;
  z-index:2;
  padding: 34px 0px 40px 0px;
  margin: 0px 26px;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

.main-menu .navigation > li:last-child{
  margin-right:0px !important;
}

.main-menu .navigation > li:first-child{
  margin-left: 0px !important;
}

.main-menu .navigation > li > a{
  position:relative;
  display:block;
  text-align:center;
  font-size:16px;
  line-height:30px;
  font-weight:600;
  opacity:1;
  color:#706767;
  z-index:1;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a{
  color: #2d2727;
}

.main-menu .navigation > li > ul,
.main-menu .navigation > li > .megamenu{
  position:absolute;
  left: inherit;
  top:100%;
  width:250px;
  z-index:100;
  display:none;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0px;
  background: #2d2727;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -webkit-box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.2);
  box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.2);
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.main-menu .navigation > li > ul.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
  padding: 0px 30px;
  -webkit-transition: all 0.2s cubic-bezier(0.4,0.28,0.31,1.28) 0s;
  transition: all 0.2s cubic-bezier(0.4,0.28,0.31,1.28) 0s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}

.main-menu .navigation > li:hover > ul > li{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.main-menu .navigation > li > ul > li:nth-child(2n+1) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+2) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+3) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+4) {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+5) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+6) {
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+7) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+8) {
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}

.main-menu .navigation > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > a,
.main-menu .navigation > li > .megamenu li > a{
  position:relative;
  display:block;
  padding:14px 0px;
  line-height:24px;
  font-weight:600;
  font-size:16px;
  text-transform:capitalize;
  color:#fff;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  text-align: left;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li:last-child > a,
.main-menu .navigation > li > .megamenu li:last-child > a{
  border-bottom: none;
}


.main-menu .navigation > li > ul > li.dropdown > a:after{
  font-family: 'Font Awesome 5 Pro';
  content: "\f105";
  position:absolute;
  right:20px;
  top:14px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:800;
  text-align:center;
  z-index:5;  
}

.main-menu .navigation > li > ul > li.menu-item-has-children > a:after{
  font-family: 'Font Awesome 5 Pro';
  content: "\f105";
  position:absolute;
  right:20px;
  top:14px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:800;
  text-align:center;
  z-index:5;  
}

.main-menu .navigation > li > ul > li > ul{
  position:absolute;
  right:100%;
  top:0%;
  width:230px;
  z-index:100;
  display:none;
  padding: 10px 0px;
  background: #2d2727;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -webkit-box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.2);
  box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.2);
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.main-menu .navigation > li > ul > li > ul.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li > ul > li{
  position:relative;
  width:100%;
  padding: 0px 30px;
}

.main-menu .navigation > li > ul > li > ul > li{
  position:relative;
  width:100%;
  padding: 0px 30px;
  -webkit-transition: all 0.2s cubic-bezier(0.4,0.28,0.31,1.28) 0s;
  transition: all 0.2s cubic-bezier(0.4,0.28,0.31,1.28) 0s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}

.main-menu .navigation > li > ul > li:hover > ul > li{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.main-menu .navigation > li > ul > li > ul > li:nth-child(2n+1) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.main-menu .navigation > li > ul > li > ul > li:nth-child(2n+2) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.main-menu .navigation > li > ul > li > ul > li:nth-child(2n+3) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.main-menu .navigation > li > ul > li > ul > li:nth-child(2n+4) {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > ul > li > a{
  position:relative;
  display:block;
  padding:14px 0px;
  line-height:24px;
  font-weight:600;
  font-size:16px;
  text-transform:capitalize;
  color:#fff;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  text-align: left;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:last-child > a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
  font-family: 'Font Awesome 5 Pro';
  content: "\f105";
  position:absolute;
  right:20px;
  top:12px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:900;
  z-index:5;  
}

.main-menu .navigation > li > ul > li > ul > li.menu-item-has-children > a:after{
  font-family: 'Font Awesome 5 Pro';
  content: "\f105";
  position:absolute;
  right:20px;
  top:12px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:900;
  z-index:5;  
}

.main-menu .navigation > li.dropdown:hover > ul,
.main-menu .navigation > li.dropdown:hover > .megamenu{
  visibility:visible;
  opacity:1;
  filter: alpha(opacity=100);
  top: 99%;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  filter: alpha(opacity=100);
  top: 0%;
  -webkit-transform: rotateX(0);
  transform: rotateX(0); 
}

.main-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:-32px;
  top:66px;
  width:34px;
  height:30px;
  text-align:center;
  font-size:18px;
  line-height:26px;
  color:#3b3b3b;
  cursor:pointer;
  display: none;
  z-index:5;
  transition: all 500ms ease;
}


.main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn{
  display: none;
}

.main-menu .navigation > li.menu-item-has-children:hover > ul,
.main-menu .navigation > li.menu-item-has-children:hover > .megamenu{
  visibility:visible;
  opacity:1;
  filter: alpha(opacity=100);
  top: 99%;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}

.main-menu .navigation li > ul > li.menu-item-has-children:hover > ul{
  visibility:visible;
  opacity:1;
  filter: alpha(opacity=100);
  top: 0%;
  -webkit-transform: rotateX(0);
  transform: rotateX(0); 
}

.main-menu .navigation li.menu-item-has-children .dropdown-btn{
  position:absolute;
  right:-32px;
  top:66px;
  width:34px;
  height:30px;
  text-align:center;
  font-size:18px;
  line-height:26px;
  color:#3b3b3b;
  cursor:pointer;
  display: none;
  z-index:5;
  transition: all 500ms ease;
}


.main-menu .navigation li.menu-item-has-children ul li.menu-item-has-children .dropdown-btn{
  display: none;
}

.menu-area .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color: #3786ff;
  display: none;
}

.menu-area .mobile-nav-toggler .icon-bar{
  position: relative;
  height: 2px;
  width: 30px;
  display: block;
  margin-bottom: 5px;
  background-color: #3b3b3b;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.menu-area .mobile-nav-toggler .icon-bar:last-child{
  margin-bottom: 0px;
}

.main-header .sticky-header .logo-box{
  padding: 18px 0px;
}

.main-header .sticky-header .main-menu .navigation > li{
  padding: 30px 0px !important;
}

.main-header .sticky-header .support-box {
  padding: 23px 0px 23px 65px;
}

.main-header .sticky-header .support-box i{
  top: 23px;
}


/** megamenu-style **/

.main-menu .navigation > li.menu-item-has-children > .megamenu{
  position: absolute;
  width: 100%;
  padding: 30px 50px;
  left: 0px;
}

.main-menu .navigation li.menu-item-has-children .megamenu li h4{
  font-weight: 500;
  padding: 3px 0px;
  color: #fff;
}


/** mobile-menu **/

.nav-outer .mobile-nav-toggler{
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color:#3786ff;
  display: none;
}

.mobile-menu{
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  padding-right:30px;
  max-width:100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
}

.mobile-menu .navbar-collapse{
  display:block !important; 
}

.mobile-menu .nav-logo{
  position:relative;
  padding:50px 25px;
  text-align:left;  
  padding-bottom: 100px;
}

.mobile-menu-visible{
  overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
  opacity: 1;
  visibility: visible;
}

.mobile-menu .menu-backdrop{
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
  opacity: 0.70;
  visibility: visible;
  -webkit-transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;
  transition:all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .menu-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #202020;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box{
  opacity: 1;
  visibility: visible;
  -webkit-transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;
  transition:all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .close-btn{
  position: absolute;
  right: 25px;
  top: 10px;
  line-height: 30px;
  width: 24px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  z-index: 10;
  -webkit-transition:all 0.9s ease;
  -moz-transition:all 0.9s ease;
  -ms-transition:all 0.9s ease;
  -o-transition:all 0.9s ease;
  transition:all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn{
  -webkit-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  transform:rotate(360deg);
}

.mobile-menu .close-btn:hover{
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}

.mobile-menu .navigation{
  position: relative;
  display: block;
  width: 100%;
  float: none;
}

.mobile-menu .navigation li{
  position: relative;
  display: block;
  border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation:last-child{
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > ul > li:first-child{
  border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > a{
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 25px;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .navigation li ul li > a{
  font-size: 16px;
  margin-left: 20px;
  text-transform: capitalize;
}

.mobile-menu .navigation li > a:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  height:0;
  border-left:5px solid #fff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .navigation li.current > a:before{
  height:100%;
}

.mobile-menu .navigation li.menu-item-has-children .dropdown-btn{
  position:absolute;
  right:6px;
  top:6px;
  width:32px;
  height:32px;
  text-align:center;
  font-size:16px;
  line-height:32px;
  color:#ffffff;
  background:rgba(255,255,255,0.10);
  cursor:pointer;
  border-radius:2px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
  z-index:5;
}

.mobile-menu .navigation li.menu-item-has-children .dropdown-btn.open{
  background:#fff; 
  color: #3b3b3b;
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);  
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul,
.mobile-menu .navigation > li.menu-item-has-children > .megamenu{
  display: none;
}

.mobile-menu .social-links{
  position:relative;
  padding:0px 25px;
}

.mobile-menu .social-links li{
  position:relative;
  display:inline-block;
  margin:0px 10px 10px;
}

.mobile-menu .social-links li a{
  position:relative;
  line-height:32px;
  font-size:16px;
  color:#ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

div#mCSB_1_container{
  top: 0px !important;
}

.mobile-menu .contact-info {
  position: relative;
  padding: 120px 30px 20px 30px;
}

.mobile-menu .contact-info h4 {
  position: relative;
  font-size: 20px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 20px;
}

.mobile-menu .contact-info ul li {
  position: relative;
  display: block;
  font-size: 15px;
  color: rgba(255,255,255,0.80);
  margin-bottom: 3px;
}

.mobile-menu .contact-info ul li a{
  color: rgba(255,255,255,0.80);
}


.mobile-menu .contact-info ul li:last-child{
  margin-bottom: 0px;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.bg-color-1{
  background-color: #f5f0f0;
}

.bg-color-2{
  background-color: #2d2727;
}

.pt-6{
  padding-top: 6px;
}

@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}


/** newsletter-section **/

.newsletter-section{
  position: relative;
  padding: 30px 0px;
  background: #221d1d;
}

.newsletter-section .text{
  position: relative;
  padding-left: 75px;
}

.newsletter-section .text .icon-box{
  position: absolute;
  left: 0px;
  top: 12px;
  font-size: 45px;
  line-height: 40px;
}

.newsletter-section .text h4{
  font-size: 20px;
  line-height: 70px;
  color: #fff;
  font-weight: 600;
}

.newsletter-section .newsletter-form{
  position: relative;
  display: block;
  margin-left: 120px;
}

.newsletter-section .newsletter-form .form-group{
  position: relative;
  margin: 0px;
}

.newsletter-section .newsletter-form .form-group input[type='email']{
  position: relative;
  width: 100%;
  height: 70px;
  background: #2d2727;
  border: 1px solid #2d2727;
  padding: 10px 70px 10px 20px;
  font-size: 16px;
  color: #b9b0b0;
  font-weight: 600;
  transition: all 500ms ease;
}

.newsletter-section .newsletter-form .form-group input::-webkit-input-placeholder{
  color: #b9b0b0;
}


.newsletter-section .newsletter-form .form-group button{
  position: absolute;
  top: 18px;
  right: 35px;
  background: transparent;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: all 500ms ease;
}


/** main-footer **/

.main-footer{
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.main-footer:before{
  position: absolute;
  content: '';
  background: #2d2727;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.95;
}

.main-footer .footer-logo{
  position: absolute;
  left: 50%;
  top: -40px;
  transform: translateX(-50%);
  z-index: 1;
}

.footer-top{
  position: relative;
  padding: 93px 0px 100px 0px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.footer-top .widget-title{
  position: relative;
  display: block;
  margin-bottom: 24px;
}

.footer-top .widget-title h4{
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  font-weight: 700;
}

.footer-top .about-widget .text{
  margin-bottom: 24px;
}

.footer-top .about-widget .text p{
  font-size: 16px;
  line-height: 32px;
  color: #b9b0b0;
  font-weight: 600;
}

.footer-top .about-widget .support-box{
  position: relative;
  display: inline-block;
  padding: 20px 65px 20px 80px;
  background: #221d1d;
}

.footer-top .about-widget .support-box i{
  position: absolute;
  left: 20px;
  top: 20px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 20px;
  color: #fff;
}

.footer-top .about-widget .support-box p{
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #b9b0b0;
}

.footer-top .about-widget .support-box h4{
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #fff;
}

.footer-top .about-widget .support-box h4 a{
  display: inline-block;
  color: #fff;
}


.footer-top .links-widget .links-list li{
  position: relative;
  display: block;
  margin-bottom: 6px;
}

.footer-top .links-widget .links-list li:last-child{
  margin-bottom: 0px;
}

.footer-top .links-widget .links-list li a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  color: #b9b0b0;
  padding-left: 10px;
}


.footer-top .links-widget .links-list li a:before{
  position: absolute;
  content: "\f105";
  font-family: 'Font Awesome 5 Pro';
  font-size: 16px;
  font-weight: 400;
  color: #b9b0b0;
  left: 0px;
  top: 0px;
  transition: all 500ms ease;
}


.footer-top .map-widget .map-inner{
  position: relative;
  background: #221d1d;
  padding: 10px;
}

.footer-top .map-widget #contact-google-map{
  position: relative;
  width: 100%;
  height: 173px;
}

.footer-bottom{
  position: relative;
  padding: 30px 0px;
}

.footer-bottom .copyright p{
  font-size: 16px;
  line-height: 52px;
  color: #b9b0b0;
  font-weight: 600;
}

.footer-bottom .copyright p a{
  color: #b9b0b0;
}

.footer-bottom .copyright p a:hover{
  color: #fff;
}

.footer-bottom .footer-social li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.footer-bottom .footer-social li:last-child{
  margin: 0px !important;
}

.footer-bottom .footer-social li a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  color: #fff;
  background: #221d1d;
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  border-radius: 50%;
}

/** header-style-two **/

.main-header.style-two{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  background: transparent;
}

.main-header.style-two .header-lower{
  background: transparent;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  background: rgba(34,29,29,0.5);
}

.main-header.style-two .header-lower .main-menu .navigation > li > a{
  color: #fff;
}

.main-header.style-two .header-lower .support-box h4 a,
.main-header.style-two .header-lower .support-box p{
  color: #fff;
}

.main-header.style-two .header-lower .support-box:before{
  background: rgba(255,255,255,0.1);
}

.pt-240{
  padding-top: 240px !important;
}

.pb-6{
  padding-bottom: 6px;
}

@keyframes slide{
  from { background-position: 0 0; }
    to { background-position: 1920px 0; }
}

@-webkit-keyframes slide{
  from { background-position: 0 0; }
    to { background-position: 1920px 0; }
}

.pad-0{
  padding: 0px !important;
}


/** google-map-section **/

.google-map-section{
  position: relative;
}

.google-map-section #contact-google-map2{
  position: relative;
  width: 100%;
  height: 550px;
}

.google-map-section .map-inner{
  position: relative;
}

.google-map-section .map-inner .map-content{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  padding: 0px 15px 35px 15px;
  max-width: 380px;
  width: 100%;
  z-index: 1;
}

.google-map-section .map-inner .map-content .logo{
  position: relative;
  margin-top: -42px;
  margin-bottom: 20px;
}

.google-map-section .map-inner .map-content .info-list li{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  font-weight: 600;
}

.google-map-section .map-inner .map-content .info-list li a{
  color: #fff;
}

.google-map-section .map-inner .map-content .info-list li a:hover{
  text-decoration: underline;
}


/*** 

====================================================================
                        About-Page
====================================================================

***/


/** page-title **/

.page-title{
  position: relative;
  padding: 138px 0px 290px 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.page-title .overlay-bg{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
}

.page-title .overlay-bg:before{
  position: absolute;
  content: '';
  background: #2d2727;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.7;
}

.page-title:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 50%;
  height: 166px;
  left: 0px;
  bottom: 0px;
  clip-path: polygon(0% 50%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  z-index: 1;
}

.page-title:after{
  position: absolute;
  content: '';
  background: #fff;
  width: calc(50% + 1px);
  height: 166px;
  right: 0px;
  bottom: 0px;
  clip-path: polygon(0% 0%, 200% 100%, 100% 100%, 0% 100%, 0% 0%);
}

.page-title .pattern-layer{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 166px;
  z-index: 1;
}

.page-title .pattern-layer:before{
  position: absolute;
  content: '';
  width: 50%;
  height: 166px;
  left: 0px;
  bottom: 0px;
  clip-path: polygon(0% 40%, 100% 0%, 100% 0%, 0% 100%, 0% 0%);
}

.page-title .pattern-layer:after{
  position: absolute;
  content: '';
  width: 50%;
  height: 166px;
  right: 0px;
  bottom: 0px;
  clip-path: polygon(0% 0%, 100% 40%, 100% 100%, 100% 100%, 0% 0%);
}

.page-title .content-box .title{
  position: relative;
  margin-bottom: 11px;
}

.page-title .content-box .title h1{
  position: relative;
  font-size: 60px;
  line-height: 65px;
  color: #fff;
  font-weight: 700;
}

.page-title .content-box .bread-crumb li{
  position: relative;
  display: inline-block;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: #d9d1ce;
  padding-right: 16px;
  margin-right: 5px;
}

.page-title .content-box .bread-crumb li:last-child{
  padding: 0px !important;
  margin: 0px !important;
}

.page-title .content-box .bread-crumb li a{
  color: #d9d1ce;
}

.page-title .content-box .bread-crumb li a:hover{
  color: #fff;
}

.page-title .content-box .bread-crumb li:before{
  position: absolute;
  content: '/';
  top: 0px;
  right: 0px;
}

.page-title .content-box .bread-crumb li:last-child:before{
  display: none;
}
.mr-70{
  margin-right: 70px;
}

.border-bottom{
  border-bottom: 1px solid #ede6e6;
}

.team-page-section{
  padding-bottom: 90px;
}

.team-page-section .team-block-one .inner-box{
  margin-bottom: 30px;
}

.gallery-page-section{
  padding-bottom: 90px;
}

.gallery-page-section .inner-box{
  margin-bottom: 30px;
}


/*** 

====================================================================
                        Contact-Page
====================================================================

***/

.contact-section{
  position: relative;
  padding-bottom: 100px;
}

.content_block_6 .info-inner h2{
  font-size: 40px;
  line-height: 45px;
  font-weight: 900;
  margin-bottom: 32px;
}

.content_block_6 .info-inner p{
  font-weight: 600;
  margin-bottom: 37px;
}

.content_block_6 .info-inner .info-list li{
  position: relative;
  display: block;
  padding-left: 85px;
  padding-bottom: 25px;
  margin-bottom: 28px;
  border-bottom: 1px solid #eee8e8;
}

.content_block_6 .info-inner .info-list li:last-child{
  border-bottom: none;
  margin-bottom: 0px;
}

.content_block_6 .info-inner .info-list li i{
  position: absolute;
  left: 0px;
  top: 2px;
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  border-radius: 50%;
  font-size: 20px;
  color: #fff;
}

.content_block_6 .info-inner .info-list li p{
  line-height: 36px;
  margin: 0px;
}

.content_block_6 .info-inner .info-list li p a{
  color: #716868;
}
.contact-section .form-inner .form-group{
  position: relative;
  margin-bottom: 20px;
  padding: 0px 10px;
}

.contact-section .form-inner .form-group:last-child{
  margin-bottom: 0px;
}

.contact-section .form-inner .form-group input[type='text'],
.contact-section .form-inner .form-group input[type='email'],
.contact-section .form-inner .form-group textarea{
  position: relative;
  display: block;
  width: 100%;
  height: 70px;
  background: #f5f0f0;
  border: 1px solid #f5f0f0;
  font-size: 16px;
  color: #706767;
  font-weight: 600;
  padding: 10px 20px;
  transition: all 500ms ease;
}

.contact-section .form-inner{
  position: relative;
  margin: 0px 5px;
  margin-top: 10px;
}

.contact-section .form-inner .form-group textarea{
  height: 230px;
  resize: none;
}

.google-map-two{
  position: relative;
}

.google-map-two #contact-google-map2{
  position: relative;
  width: 100%;
  height: 550px;
}

.three-item-carousel .owl-stage-outer{
  overflow: visible;
}

.three-item-carousel .owl-item{
  opacity: 0;
  transition: all 500ms ease
}

.three-item-carousel .owl-item.active{
  opacity: 1;
}

.owl-dots-none .owl-dots,
.owl-nav-none .owl-nav{
  display: none !important;
}
.header-lower.menu-one-right .menu-area.pull-left {
  float: right;
}
.base-theme .base-header {
  border-bottom: 1px solid #23282d0d;
}