/*----------------------------------------------------*/
/*font Variables*/
/*Color Variables*/
/*=================== fonts ====================*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  /*src: url(vendors/google-fonts/Montserrat/Montserrat-Regular.ttf) format('ttf');*/
  src: url(vendors/google-fonts/Montserrat/montserrat-v29-latin-regular.woff2) format('woff2');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  /*src: url(vendors/google-fonts/Montserrat/Montserrat-Medium.ttf) format('ttf');*/
  src: url(vendors/google-fonts/Montserrat/montserrat-v29-latin-500.woff2) format('woff2');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  /*src: url(vendors/google-fonts/Montserrat/Montserrat-SemiBold.ttf) format('ttf');*/
  src: url(vendors/google-fonts/Montserrat/montserrat-v29-latin-600.woff2) format('woff2');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  /* src: url(vendors/google-fonts/Montserrat/Montserrat-Bold.ttf) format('ttf'); */
  src: url(vendors/google-fonts/Montserrat/montserrat-v29-latin-700.woff2) format('woff2');
}

/*@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");*/
.col-md-offset-right-1,
.col-lg-offset-right-1 {
  margin-right: 8.33333333%;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
a {
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

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

body {
  line-height: 32px;
  font-size: 18px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  color: #7e8288;
  height: 100%;
}

:focus {
  outline: none;
}

i:before {
  margin-left: 0px !important;
}

button:focus {
  outline: none;
}

@media (min-width: 1150px) {
  .container {
    max-width: 1150px;
  }
}

.body_wrapper {
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
  color: #1e2228;
}

.section_title_one {
  margin-bottom: 90px;
}

.title_top {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 2.1px;
  color: #f27507;
  font-weight: 600;
  margin-bottom: 22px;
}

.title_head {
  font-size: 36px;
  line-height: 48px;
  font-weight: 700;
}

.mb_100 {
  margin-bottom: 100px;
}

.pl_100 {
  padding-left: 100px;
}

.pt_100 {
  padding-top: 100px;
}

.pb_100 {
  padding-bottom: 100px;
}

.sec_pad {
  padding: 100px 0px;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
.text_btn {
  font-size: 16px;
  font-weight: 600;
  color: #1e2228;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  align-items: center;
}

.text_btn:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  color: #f27507;
  overflow: hidden;
  z-index: 0;
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  white-space: nowrap;
}

.text_btn:hover {
  color: #f27507;
  transition: color 1s linear;
}

.text_btn:hover:before {
  width: 100%;
}

.theme_btn {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background: #1e2228;
  border-radius: 3px;
  padding: 10px 48px;
  text-align: center;
}

.theme_btn_two {
  background: #f2e1c2;
  font-size: 14px;
  font-weight: 600;
  color: #f27507;
  padding: 8px 61px;
  border-radius: 3px;
  color: #f27507;
}

.theme_btn_two:hover {
  color: #fff;
}

.hover_style1 {
  position: relative;
  overflow: hidden;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.hover_style1:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.hover_style1:after {
  transform: scaleX(0);
  transform-origin: right;
  transition: all 0.5s linear;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition-property: transform;
  z-index: -1;
  background: #f27507;
}

.hover_style1 i {
  margin-left: 15px;
}

.hover_style1:hover {
  color: #fff;
}

.hover_style1:hover:after {
  transform: scaleX(1);
  transform-origin: left;
}

.theme_btn_three {
  background: #f27507;
  padding: 10px 56px;
}

.theme_btn_three:after {
  background: #1e2228;
}

.theme_btn_white:after {
  background: #fff;
}

.theme_btn_white:hover {
  color: #f27507;
}

.more_btn {
  color: #f27507;
  font: 600 14px "Montserrat", sans-serif;
}

.more_btn i {
  margin-left: 15px;
  transition: all 300ms linear 0s;
}

.more_btn:hover {
  color: #f27507;
}

.more_btn:hover i {
  margin-left: 10px;
}

.yellow_btn {
  background: #fe8a00;
}

.text_btn_two {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.text_btn_two:hover {
  color: #f27507;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/** ======= Pre-loader =======**/
/*====================== Start Preloader ======================*/
.pace {
  pointer-events: none;
  user-select: none;
  z-index: 99999999999;
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 400px;
  border: 0px;
  height: 2px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.2);
  transition: all 1.2s;
}

.pace .pace-progress {
  transform: translate3d(0, 0, 0);
  max-width: 400px;
  position: fixed;
  z-index: 999999999999;
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  width: 100%;
  background: #ccc;
}

.pace.pace-inactive {
  width: 100vw;
  opacity: 0;
}

.pace.pace-inactive .pace-progress {
  max-width: 100vw;
}

#preloader {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  z-index: 9999999;
}

#preloader:after,
#preloader:before {
  content: "";
  position: fixed;
  left: 0;
  height: 50vh;
  width: 100%;
  background: #333333;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

#preloader:before {
  top: 0;
}

#preloader:after {
  bottom: 0;
}

#preloader.load_coplate {
  visibility: hidden;
  transition-delay: 1.3s;
}

#preloader.load_coplate:after,
#preloader.load_coplate:before {
  height: 0;
  transition: all 0.7s cubic-bezier(1, 0, 0.55, 1);
  transition-delay: 0.7s;
}

.product_name {
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0px;
  position: absolute;
  font-size: 70px;
  line-height: 70px;
  font-family: "Montserrat", sans-serif;
  top: 40%;
  left: 50%;
  color: #fff;
  transform: translate(-50%, -50%);
}

.product_name.load_coplate {
  top: 36%;
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 0.5s;
}

/* ====================== End Preloader ====================== */
/*=========== header css =============*/
header {
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  z-index: 100;
}

header + div,
header + section {
  padding-top: 145px;
}

.header_top_gap {
  top: 3px;
}

.header_top_gap + div,
.header_top_gap + section {
  padding-top: 137px;
}

.border_bottom .navbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

/*=========== header_top scss ============*/
.header_top {
  padding: 8px 0px;
  background: #fbfbfb;
}

.header_top .menu_contact_info {
  margin-bottom: 0;
}

.header_top .menu_contact_info li {
  display: inline-block;
  margin-right: 55px;
}

.header_top .menu_contact_info li a {
  font-size: 13px;
  font-weight: 500;
  color: #a8aaad;
}

.header_top .menu_contact_info li a i {
  font-size: 14px;
  margin-right: 8px;
}

.header_top .menu_contact_info li a:hover {
  color: #f27507;
}

.header_top .menu_contact_info li:last-child {
  margin-right: 0;
}

.header_top .f_social {
  margin-bottom: 0;
}

.header_top_two {
  padding: 20px 0px 70px;
}

.heder_contact_info {
  margin-bottom: 0;
}

.heder_contact_info li {
  font-size: 14px;
  font-weight: 500;
  color: #7e8288;
  margin-right: 80px;
  display: inline-block;
}

.heder_contact_info li a {
  color: #7e8288;
}

.heder_contact_info li a:hover {
  color: #f27507;
}

.heder_contact_info li:last-child {
  margin-right: 0px;
}

.navbar {
  box-shadow: 0px 5px 40px 0px rgba(30, 34, 40, 0.05);
  background: #fff;
  padding: 0px;
}

/*=========== header_top scss ============*/
.menu > .nav-item {
  padding: 27px 0px;
  transition: all 0.2s linear;
}

.menu > .nav-item > .nav-link {
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  color: #7e8288;
  font-weight: 700;
  line-height: 36px;
  padding: 0px;
  text-transform: uppercase;
  position: relative;
  transition: color 0.3s linear;
}

.menu > .nav-item > .nav-link:after {
  display: none;
}

.menu > .nav-item.submenu .dropdown-menu {
  border: 0px;
  margin: 0px;
  border-radius: 0px;
  left: -30px;
  min-width: 180px;
  padding: 20px 0px;
  background: #fff;
  box-shadow: -1px 2px 19px 3px rgba(14, 0, 40, 0.05);
}

@media (min-width: 992px) {
  .menu > .nav-item.submenu .dropdown-menu {
    transform: translateY(20px);
    transition: all 0.3s ease-in;
    opacity: 0;
    visibility: hidden;
    display: block;
  }
}

.menu > .nav-item.submenu .dropdown-menu .nav-item {
  display: block;
  width: 100%;
  margin-right: 0px;
  padding: 0px 30px;
  position: relative;
}

.menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link {
  padding: 0px;
  white-space: nowrap;
  font: 600 13px/36px "Montserrat", sans-serif;
  display: block;
  color: #7e8288;
  transition: color 0.2s linear;
}

.menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link:after {
  display: none;
}

.menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
  color: #1e2228;
}

.menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
  transition: all 0.3s ease-in;
  padding: 0px;
}

@media (min-width: 992px) {
  .menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
    position: absolute;
    left: 100%;
    top: -25px;
    opacity: 0;
    display: block;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease-in;
  }
}

.menu > .nav-item.submenu .dropdown-menu.dropdown_mega_menu {
  min-width: 710px;
  width: 100%;
  left: -70px;
  padding: 20px 40px;
  box-shadow: 0px 6px 20px 0px rgba(1, 6, 33, 0.08);
  display: flex;
  flex-wrap: wrap;
}

.menu > .nav-item.submenu .dropdown-menu.dropdown_mega_menu .mega_menu_col {
  width: 33.33%;
}

.menu > .nav-item.submenu .dropdown-menu.dropdown_mega_menu .mega_menu_col ul li a {
  font: 500 15px/36px "Montserrat", sans-serif;
  color: #7e8288;
}

.menu > .nav-item.submenu .dropdown-menu.dropdown_mega_menu .mega_menu_col ul li:hover a, .menu > .nav-item.submenu .dropdown-menu.dropdown_mega_menu .mega_menu_col ul li.active a {
  color: #1e2228;
}

.menu > .nav-item.active .nav-link {
  color: #1e2228;
  opacity: 1;
}

.menu > .nav-item:hover .nav-link {
  color: #1e2228;
}

@media (min-width: 992px) {
  .menu > .nav-item:hover .dropdown-menu {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .menu > .nav-item:hover .dropdown-menu > .nav-item:hover .dropdown-menu {
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
  }
}

.menu > .nav-item + .nav-item {
  margin-left: 50px;
}

.navright {
  margin-left: 100px;
}

.navright li {
  margin-left: 38px;
  line-height: 18px;
  padding: 32px 0px;
  position: relative;
}

.navright li a {
  font-size: 24px;
  color: #a8aaad;
  transition: color 0.2s linear;
}

.navright li:hover a {
  color: #1e2228;
}

.navright li:first-child {
  margin-left: 0;
}

.navright li.shoping-cart > a {
  position: relative;
}

.navright li.shoping-cart > a:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #f31c49;
  position: absolute;
  top: 0;
  right: -3px;
  display: block;
}

.navright li.shoping-cart .dropdown-menu {
  margin: 0px;
  border: 0px;
  border-radius: 0px;
  left: auto;
  right: 0;
  min-width: 350px;
  padding: 30px;
  background: #fff;
  box-shadow: -1px 2px 19px -3px rgba(14, 0, 40, 0.05);
  transform: translateY(20px);
  transition: all 0.3s ease-in;
  opacity: 0;
  visibility: hidden;
  display: block;
}

@media screen and (min-width: 992px){
  .navright{
    display: none;
  }
}

@media (max-width: 991px) {
  .navright li.shoping-cart .dropdown-menu {
    position: absolute;
  }
}

.navright li.shoping-cart .dropdown-menu .cart-single-item {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  margin-bottom: 20px;
  padding: 0px;
}

.navright li.shoping-cart .dropdown-menu .cart-single-item .cart-img {
  display: block;
  width: 30%;
  transition: all 0.3s linear;
}

.navright li.shoping-cart .dropdown-menu .cart-single-item .cart-content {
  width: 60%;
  padding-left: 15px;
  align-self: center;
}

.navright li.shoping-cart .dropdown-menu .cart-single-item .cart-content .cart-title a {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 10px;
  display: inline-block;
  transition: color 0.3s linear;
  color: #1e2228;
}

.navright li.shoping-cart .dropdown-menu .cart-single-item .cart-content p {
  font-size: 14px;
  line-height: 22px;
  color: #1e2228;
  font-weight: 700;
  margin-bottom: 0px;
}

.navright li.shoping-cart .dropdown-menu .cart-single-item .cart-content p del {
  color: #7e8288;
  font-weight: 600;
}

.navright li.shoping-cart .dropdown-menu .cart-single-item .cart-remove {
  width: 10%;
  text-align: right;
  align-self: center;
}

.navright li.shoping-cart .dropdown-menu .cart-single-item .cart-remove a {
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  transition: color 0.2s linear;
}

.navright li.shoping-cart .dropdown-menu .cart-single-item .cart-remove a:hover {
  color: #f27507;
}

.navright li.shoping-cart .dropdown-menu .cart-single-item:hover .cart-img {
  opacity: 0.5;
}

.navright li.shoping-cart .dropdown-menu .cart-single-item:hover .cart-title a {
  color: #f27507;
}

.navright li.shoping-cart .dropdown-menu .cart_f {
  margin-left: 0;
  border-top: 1px solid #ededed;
  padding: 0px;
}

.navright li.shoping-cart .dropdown-menu .cart_f .cart-pricing .total {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  justify-content: space-between;
}

.navright li.shoping-cart .dropdown-menu .cart-button {
  display: flex;
  justify-content: space-between;
}

.navright li.shoping-cart .dropdown-menu .cart-button .theme_btn {
  border: 0px;
  padding: 14px 20px;
  width: 48%;
}

@media (min-width: 992px) {
  .navright li.shoping-cart:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

.navright li.shoping-cart.open .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.navright li.search .search-form {
  position: absolute;
  width: 370px;
  box-shadow: 0px 6px 20px 0px rgba(1, 6, 33, 0.08), -3px 0px 0px 0px rgba(238, 144, 81, 0.004);
  top: 100%;
  left: auto;
  right: -62px;
  z-index: 20;
  transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s linear;
  border-left: 3px solid #f27507;
}

.navright li.search .search-form .form-control {
  font-size: 18px;
  border: 0px;
  padding: 0px;
  border-radius: 0px;
  box-shadow: none;
  padding-left: 30px;
  height: 60px;
}

.navright li.search .search-form .form-control.placeholder {
  color: #7e8288;
}

.navright li.search .search-form .form-control:-moz-placeholder {
  color: #7e8288;
}

.navright li.search .search-form .form-control::-moz-placeholder {
  color: #7e8288;
}

.navright li.search .search-form .form-control::-webkit-input-placeholder {
  color: #7e8288;
}

.navright li.search .search-form button {
  border: 0px;
  background: #fff;
  margin-left: -1px;
  padding-right: 20px;
  color: #f27507;
}

.navright li.search.open .search-form {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

/*============= main_menu css ==========*/
.main_menu {
  margin-top: -45px;
}

.main_menu .navbar {
  background: #1e2228;
  border-radius: 2px;
  padding-left: 40px;
  padding-right: 40px;
}

@media (min-width: 991px) {
  .main_menu .navbar .navbar-brand {
    display: none;
  }
}

.main_menu .navbar .menu > .nav-item > .nav-link {
  color: #b7b9bc;
}

.main_menu .navbar .menu > .nav-item:hover > .nav-link, .main_menu .navbar .menu > .nav-item.active > .nav-link {
  color: #fff;
}

.main_menu .navbar .menu > .nav-item .dropdown-menu .nav-item.active .nav-link, .main_menu .navbar .menu > .nav-item .dropdown-menu .nav-item:hover .nav-link {
  color: #1e2228;
}

.main_menu .navbar .navright li a {
  color: #b7b9bc;
}

.main_menu .navbar .navright li:hover a {
  color: #fff;
}

/*========= header_tranparent css =========*/
.custom_container {
  padding-left: 70px;
  padding-right: 70px;
}

.header_tranparent {
  top: 0;
}

.header_tranparent + div,
.header_tranparent + section {
  padding-top: 0;
}

.header_tranparent .header_top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: transparent;
}

.header_tranparent .header_top .menu_contact_info li a,
.header_tranparent .header_top .f_social li a {
  color: #fff;
}

.header_tranparent .header_top .menu_contact_info li a:hover,
.header_tranparent .header_top .f_social li a:hover {
  color: #f27507;
}

.header_tranparent .navbar {
  background: transparent;
  box-shadow: none;
}

.ml-166 {
  margin-left: 166px;
}

.white_menu .menu > .nav-item > .nav-link {
  color: #fff;
}

.white_menu .menu > .nav-item:hover > .nav-link, .white_menu .menu > .nav-item.active > .nav-link {
  color: #f27507;
}

.white_menu .menu > .nav-item .dropdown-menu .nav-item.active .nav-link, .white_menu .menu > .nav-item .dropdown-menu .nav-item:hover .nav-link {
  color: #f27507;
}

.white_menu .menu > .nav-item .dropdown-menu.dropdown_mega_menu .mega_menu_col ul li.active a, .white_menu .menu > .nav-item .dropdown-menu.dropdown_mega_menu .mega_menu_col ul li:hover a {
  color: #f27507;
}

.white_menu .navright li a {
  color: #fff;
}

.white_menu .navright li:hover a {
  color: #f27507;
}

.white_menu.hover_color .menu > .nav-item:hover > .nav-link, .white_menu.hover_color .menu > .nav-item.active > .nav-link {
  color: #1e2228;
}

.white_menu.hover_color .menu > .nav-item .dropdown-menu .nav-item.active .nav-link, .white_menu.hover_color .menu > .nav-item .dropdown-menu .nav-item:hover .nav-link {
  color: #1e2228;
}

.white_menu.hover_color .navright li:hover a {
  color: #1e2228;
}


/*============== header top gap two css  ================*/
.header_top_gap_two {
  top: 0;
}

.header_top_gap_two + div,
.header_top_gap_two + section {
  margin-top: 89px;
  padding-top: 0;
}

.phone {
  font-size: 14px;
  color: #1e2228;
  font-weight: 500;
}

.phone:hover {
  color: #f27507;
}

.menu_style_three .navright li a {
  color: #1e2228;
}

.menu_style_three .navright li:hover a {
  color: #f27507;
}


/*============== menu_style_four css ==============*/
/*==========  mobile menu css ==========*/
.menu-is-opened .mobile_menu {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

.menu-is-opened .body_capture {
  opacity: 1;
  visibility: visible;
}

.mobile_menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 545px;
  background: #fff;
  padding: 50px 50px 50px 70px;
  z-index: 999999;
  height: 100%;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all 0.5s ease;
}

.mobile_menu .close_btn {
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 30px;
  color: #7e8288;
  font-size: 25px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s linear;
}

.mobile_menu .close_btn:hover {
  color: #f27507;
}

.mb_menu {
  width: 100%;
  overflow-y: none;
  height: auto;
}

.mb_menu li {
  margin-bottom: 20px;
}

.mb_menu li a {
  display: inline-block;
  color: #1e2228;
  font-size: 17px;
  font-weight: 600;
  position: relative;
  padding-left: 0px;
  width: auto;
  padding-right: 30px;
  transition: color 0.2s linear;
}

.mb_menu li a:after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 16px;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  margin-top: 1px;
}

.mb_menu li ul {
  padding: 15px 30px 0px;
  display: none;
  width: 100%;
}

.mb_menu li ul li {
  margin-bottom: 4px;
}

.mb_menu li ul li:last-child {
  margin-bottom: 0;
}

.mb_menu li ul li a {
  font-size: 15px;
  padding: 0;
}

.mb_menu li.active > a, .mb_menu li:hover > a {
  color: #f27507;
}

.mb_menu li.menu-item-has-children > a:after {
  opacity: 1;
  visibility: visible;
}

.body_capture {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: all 200ms ease-in;
  top: 0;
}

.social_links {
  margin-bottom: 0;
}

.social_links li {
  display: inline-block;
  margin-right: 35px;
}

.social_links li a {
  width: auto;
  height: auto;
  line-height: inherit;
  background-color: inherit;
  position: static;
  color: rgba(0, 0, 0, 0.5);
  font-size: 20px;
  transition: color 0.2s linear;
}

.social_links li a:hover {
  color: #f27507;
}

.copyright p {
  margin-bottom: 0;
  color: #7e8288;
  font-size: 16px;
  line-height: 24px;
}

.copyright p a {
  color: #f27507;
}

/*================  navbar fixed css  ==============*/
.sticky_logo img {
  display: inline-block;
}

.sticky_logo img + img {
  display: none;
}

.navbar_fixed #header {
  position: fixed;
  width: 100%;
  top: -70px;
  left: 0;
  right: 0;
  background: transparent;
  transform: translateY(70px);
  transition: transform 500ms ease, background 500ms ease;
  z-index: 100;
  margin-top: 0px;
  background: #fff;
  box-shadow: 0px 5px 40px 0px rgba(30, 34, 40, 0.05);
}

.navbar_fixed #header .navright li {
  padding: 25px 0px;
}

.navbar_fixed #header .menu > .nav-item {
  padding: 20px 0px;
}

.navbar_fixed #header .sticky_logo img {
  display: none;
}

.navbar_fixed #header .sticky_logo img + img {
  display: inline-block;
}

.navbar_fixed #header .big_logo {
  display: none;
}

.navbar_fixed .main_menu#header {
  background: transparent;
  box-shadow: none;
}

.navbar_fixed .white_menu .menu > .nav-item > .nav-link {
  color: #1e2228;
}

.navbar_fixed .white_menu .menu > .nav-item:hover > .nav-link, .navbar_fixed .white_menu .menu > .nav-item.active > .nav-link {
  color: #f27507;
}

.navbar_fixed .white_menu .menu > .nav-item .dropdown-menu .nav-item.active .nav-link, .navbar_fixed .white_menu .menu > .nav-item .dropdown-menu .nav-item:hover .nav-link {
  color: #f27507;
}

.navbar_fixed .white_menu .navright li a {
  color: #1e2228;
}

.navbar_fixed .white_menu .navright li:hover a {
  color: #f27507;
}

.navbar_fixed.dark_menu #header {
  background: #1e2228;
}

.navbar_fixed.header_big_logo #header .navbar-brand + .navbar-brand {
  display: block;
}

/*================  navbar fixed css  ==============*/
/*---------------------------------------------------- */
/*============== main_slider_area ============*/
.main_slider_area {
  position: relative;
}

.main_slider_area .slider-progress {
  width: 100%;
  height: 5px;
  background: #ebe5e5;
  position: absolute;
  top: 0;
}

.main_slider_area .slider-progress .slider_progress_bar {
  width: 0px;
  height: 100%;
  background-image: linear-gradient(90deg, #f27507 0%, #f2bf27 100%);
  transition: all 0s linear;
}

.main_slider_area .slider-progress .slider_progress_bar.active {
  width: 100%;
}

.main_slider_area .slider-progress.dark {
  background: #1e2228;
}

.main_slider_area:hover .slider_left_arrow {
  left: 30px;
  opacity: 1;
}

.main_slider_area:hover .slider_right_arrow {
  opacity: 1;
  right: 30px;
}

.slider_left_arrow,
.slider_right_arrow {
  position: absolute;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  color: #fff;
  border: 1px solid #fff;
  text-align: center;
  top: 57%;
  border-radius: 50%;
  transform: translateY(-50%);
  z-index: 1;
  transition: all 0.2s linear;
  opacity: 0;
  cursor: pointer;
}

.slider_left_arrow:hover,
.slider_right_arrow:hover {
  background: #fff;
  color: #1e2228;
}

.slider_left_arrow {
  left: 0;
}

.slider_right_arrow {
  right: 0;
}

.main_slider {
  height: 825px;
}

.main_slider .slick-list,
.main_slider .slick-track {
  height: 100%;
}

.main_slider .slider_item {
  background-size: cover !important;
  background-position: center 0 !important;
  position: relative;
  padding-top: 180px;
}

.main_slider .slider_item .overlay_bg {
  background-image: linear-gradient(90deg, rgba(30, 34, 40, 0.4) 0%, rgba(30, 34, 40, 0.1) 100%);
  opacity: 1;
}

.slider_text {
  max-width: 520px;
  position: relative;
  z-index: 1;
}

.slider_text h2,
.slider_text p {
  color: #fff;
}

.slider_text h5 {
  color: #fff;
  font-size: 36px;
  line-height: 42px;
  letter-spacing: -0.72px;
  font-weight: 700;
  margin-bottom: 15px;
}

.slider_text h2 {
  font-size: 60px;
  line-height: 76px;
  letter-spacing: -1.2px;
  font-weight: 700;
  margin-bottom: 40px;
}

.slider_text h2 .light {
  font-weight: 300;
}

.slider_text p {
  font-size: 24px;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 85px;
}

.slider_text .theme_btn {
  font-size: 18px;
  padding: 13px 68px;
}

.slider_text.slider_text_width {
  max-width: 630px;
}

/*============== main_slider_area ============*/



/*============= cons_offer_service_area ============*/
.cons_offer_service_area {
  padding: 50px 0px 100px;
}

.cons_offer_service_area .offer_service_item:before {
  background: #1e2228;
  opacity: 0.5;
  transition: all 0.3s linear;
}

.cons_offer_service_area .offer_service_item .hover-content .icon {
  font-size: 74px;
  color: #fff;
  margin-bottom: 40px;
  display: inline-block;
  transition: color 0.2s linear;
}

.cons_offer_service_area .offer_service_item:hover:before {
  opacity: 0.9;
  background: #f27507;
}

.cons_offer_service_area .offer_service_item:hover .icon {
  color: #ffb500;
}

/*============= cons_offer_service_area ============*/


/*============= cons_offer_service_area_two ============*/
.cons_offer_service_area_two .offer_service_item {
  background: #fafafa;
  padding-top: 50px;
  padding-bottom: 60px;
  border-radius: 2px;
}

.cons_offer_service_area_two .offer_service_item:before {
  opacity: 0;
}

.cons_offer_service_area_two .offer_service_item .hover-content {
  position: relative;
  bottom: -76px;
}

.cons_offer_service_area_two .offer_service_item .hover-content .icon {
  color: #f27507;
}

.cons_offer_service_area_two .offer_service_item .hover-content h4 {
  color: #1e2228;
}

.cons_offer_service_area_two .offer_service_item .hover-content .text_btn {
  margin-top: 18px;
  opacity: 0;
  transition: opacity 0.3s linear;
}

.cons_offer_service_area_two .offer_service_item:hover .hover-content {
  bottom: -10px;
}

.cons_offer_service_area_two .offer_service_item:hover .hover-content .icon {
  color: #ffb500;
}

.cons_offer_service_area_two .offer_service_item:hover .hover-content h4 {
  color: #fff;
}

.cons_offer_service_area_two .offer_service_item:hover .hover-content .text_btn {
  opacity: 1;
}

/*============= cons_offer_service_area_two ============*/
/*============= cons_offer_service_area_three ============*/
.cons_offer_service_area_three .offer_service_item {
  padding: 120px 40px 50px;
  max-height: 472px;
}

.cons_offer_service_area_three .offer_service_item .hover-content {
  padding-left: 0;
  bottom: 0;
  overflow: hidden;
}

.cons_offer_service_area_three .offer_service_item .hover-content h4 {
  margin-bottom: 15px;
}

.cons_offer_service_area_three .offer_service_item .hover-content .theme_btn_two {
  transform: translateY(100%);
}

.cons_offer_service_area_three .offer_service_item .hover-content .theme_btn_two:after {
  background: #1e2228;
}

.cons_offer_service_area_three .offer_service_item:hover {
  padding-bottom: 70px;
}

.cons_offer_service_area_three .offer_service_item:hover .hover-content {
  bottom: 0px;
  margin-top: -140px;
}

.cons_offer_service_area_three .offer_service_item:hover .hover-content p {
  color: #fff;
}

.cons_offer_service_area_three .offer_service_item:hover .hover-content i {
  font-size: 150px;
}

.cons_offer_service_area_three .offer_service_item:hover .hover-content .theme_btn_two {
  transform: translateY(0);
  margin-top: 45px;
}

.cons_offer_service_area_four {
  padding: 0px;
  margin-top: -140px;
}

.cons_offer_service_area_four .offer_service_item {
  border-radius: 2px;
  background-color: white;
  box-shadow: 0px 45px 150px 0px rgba(30, 34, 40, 0.1);
}

.cons_offer_service_area_four .offer_service_item:before {
  display: none;
}

.cons_offer_service_area_four .offer_service_item .hover-content {
  bottom: -64px;
}

.cons_offer_service_area_four .offer_service_item:hover .hover-content h4 {
  color: #1e2228;
}

.cons_offer_service_area_four .offer_service_item:hover .hover-content .icon,
.cons_offer_service_area_four .offer_service_item:hover .hover-content .text_btn {
  color: #f27507;
}

/*============= cons_offer_service_area_three ============*/
/*============= cons_service_area_three ============*/
.cons_service_area_three {
  display: flex;
  flex-wrap: wrap;
}

.cons_service_area_three .section_title_one {
  padding-left: 12px;
  margin-bottom: 25px;
}

.cons_service_area_three .cons_service_slider {
  margin-top: -70px;
}

.cons_service_area_three .cons_service_slider .item .testimonial_content {
  padding: 70px;
  opacity: 1;
  box-shadow: 0px 10px 40px 0px rgba(30, 34, 40, 0.08);
  transition: all 0.3s linear;
}

.cons_service_area_three .cons_service_slider .item .testimonial_content .service_icon {
  font-size: 24px;
  font-weight: 700;
  color: #1e2228;
  line-height: 38px;
  align-items: center;
  margin-bottom: 40px;
}

.cons_service_area_three .cons_service_slider .item .testimonial_content .service_icon i {
  font-size: 55px;
  color: #f27507;
  margin-right: 55px;
}

.cons_service_area_three .cons_service_slider .item .testimonial_content .theme_btn_two {
  min-width: 220px;
  margin-top: 44px;
}

.cons_service_area_three .cons_service_slider .item .testimonial_content .theme_btn_two:after {
  background: #1e2228;
}

.cons_service_area_three .cons_service_slider .item .testimonial_content:hover {
  background: #f27507;
}

.cons_service_area_three .cons_service_slider .item .testimonial_content:hover .service_icon i,
.cons_service_area_three .cons_service_slider .item .testimonial_content:hover .service_icon,
.cons_service_area_three .cons_service_slider .item .testimonial_content:hover p {
  color: #fff;
}

.cons_service_area_three .cons_service_slider_two .item {
  padding-right: 30px;
}

.cons_service_area_three .cons_service_slider_two .cons_service_item {
  border-radius: 2px;
  box-shadow: 0px 15px 100px 0px rgba(30, 34, 40, 0.1);
  padding: 70px 70px 50px;
}

.cons_service_area_three .cons_service_slider_two .cons_service_item img {
  margin-bottom: 45px;
}

.cons_service_area_three .cons_service_slider_two .cons_service_item .page_head {
  margin-bottom: 28px;
}

.cons_service_area_three .slick-arrow {
  display: none !important;
}

/*============= cons_service_area_three ============*/
/*============= cons_work_process_area_two ============*/
.cons_work_process_area_two {
  padding: 100px 0px;
}

/*============= cons_work_process_area_two ============*/
/*============= cons_services_area_four ============*/
.cons_services_area_four {
  padding: 100px 0px;
}

.cons_services_area_four .container {
  position: relative;
}

.cons_services_area_four .project_title {
  margin-bottom: -40px;
}

.service_step_item {
  padding-bottom: 170px;
  position: relative;
}

.service_step_item .number_circle {
  position: relative;
  right: auto;
  top: 90px;
  transform: translateY(0);
  margin: 0 auto;
  background: rgba(54, 61, 72, 0.2);
  color: #f27507;
}

.service_step_item .number_circle:before {
  background: rgba(54, 61, 72, 0.3);
}

.service_step_item .number_circle:after {
  background: rgba(54, 61, 72, 0.7);
}

.service_step_item .number_circle span {
  background: #363d48;
}

.service_step_item .cons_about_content {
  text-align: left;
}

.service_step_item.flex-row-reverse .cons_about_content {
  text-align: right;
}

.service_step_item .line {
  position: absolute;
  left: 50%;
  top: 0;
  width: 0;
  height: 100%;
  border-right: 3px solid #f1e0c1;
}

.service_step_item:last-child {
  padding-bottom: 0;
}

/*============= cons_services_area_four ============*/
/*============= cons_choose_area ============*/
.cons_choose_area .section_title_one {
  padding-left: 390px;
  margin-bottom: -40px;
}

.cons_choose_info {
  padding-top: 60px;
}

.cons_choose_item {
  margin-top: 120px;
}

.cons_choose_item i {
  font-size: 72px;
  color: #f27507;
  display: block;
  margin-bottom: 44px;
}

.cons_choose_item h5 {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 24px;
  transition: color 0.2s linear;
}

.cons_choose_item h5:hover {
  color: #f27507;
}

.cons_choose_item p {
  margin-bottom: 0;
}

.choose_img {
  position: relative;
}

.choose_img .section_title_one {
  position: absolute;
  right: 70px;
  top: 0;
}

/*============= cons_choose_area ============*/
/*============= cons_how_work_area_two ============*/
.cons_how_work_area_two {
  position: relative;
  z-index: 1;
}

.cons_how_work_area_two .pattern {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.cons_how_work_area_two p {
  margin-top: 30px;
}

.cons_how_work_area_two .play_btn .icon {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  text-align: center;
  font-size: 30px;
  border: 2px solid #f27507;
  color: #f27507;
  line-height: 120px;
  display: block;
  margin: 90px auto 40px;
  transition: all 0.2s linear;
}

.cons_how_work_area_two .play_btn .icon:hover {
  background: #f27507;
  color: #fff;
}

.cons_how_work_area_two .play_btn span {
  font-size: 16px;
  font-weight: 600;
  color: #f27507;
}

/*============= cons_how_work_area_two ============*/
/*============= cons_shop_service_area ============*/
.cons_shop_service_area {
  padding: 150px 0px 100px;
}

.cons_service_item {
  padding-right: 80px;
  cursor: pointer;
}

.cons_service_item i {
  font-size: 72px;
  color: #e1e1e1;
  margin-bottom: 35px;
  display: inline-block;
  transition: color 0.2s linear;
}

.cons_service_item h4 {
  font-size: 24px;
  line-height: 38px;
  font-weight: 700;
  margin-bottom: 20px;
}

.cons_service_item p {
  margin-bottom: 0px;
}

.cons_service_item:hover i {
  color: #f27507;
}

/*============= cons_shop_service_area ============*/
/*============= cons_service_area_five ============*/
.cons_service_area_five .cons_custom_right {
  position: relative;
}

.cons_service_area_five .cons_service_slider .item .testimonial_content {
  opacity: 0.3;
  cursor: pointer;
}

.cons_service_area_five .cons_service_slider .item .testimonial_content i {
  font-size: 60px;
  color: #f27507;
}

.cons_service_area_five .cons_service_slider .item .testimonial_content h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 35px;
  margin-bottom: 20px;
  margin-top: 30px;
}

.cons_service_area_five .cons_service_slider .item .testimonial_content .text_btn {
  color: #f27507;
  margin-top: 20px;
}

.cons_service_area_five .cons_service_slider .item .testimonial_content .text_btn i {
  font-size: 12px;
  margin-left: 5px;
  transition: all 0.2s linear;
  opacity: 0;
}

.cons_service_area_five .cons_service_slider .item .testimonial_content .text_btn:before {
  display: none;
}

.cons_service_area_five .cons_service_slider .item .testimonial_content .text_btn:hover i {
  margin-left: 12px;
}

.cons_service_area_five .cons_service_slider .item .testimonial_content:hover {
  opacity: 1;
}

.cons_service_area_five .cons_service_slider .item .testimonial_content:hover i {
  color: #ffb500;
}

.cons_service_area_five .cons_service_slider .item .testimonial_content:hover h3 {
  color: #fff;
}

.cons_service_area_five .cons_service_slider .item .testimonial_content:hover .text_btn {
  color: #fff;
}

.cons_service_area_five .cons_service_slider .item .testimonial_content:hover .text_btn i {
  color: #fff;
  opacity: 1;
}

.cons_service_area_five .slick-arrow {
  display: block !important;
}

.cons_service_area_five .slick-arrow.slick-prev {
  display: none !important;
}

.cons_service_area_five .slick-arrow.arrow_next {
  position: absolute;
  right: 235px;
  top: 165px;
  width: 60px;
  height: 60px;
  background: transparent;
  text-align: center;
  font-size: 14px;
  border-radius: 50%;
  color: #1e2228;
  border: 2px solid #f27507;
}

.cons_service_area_five .slick-arrow.arrow_next:hover {
  background: #f27507;
  color: #fff;
}

/*============= cons_service_area_five ============*/
/* Error Area css
============================================================================================ */
.error_area {
  text-align: center;
}

.error_area .logo {
  padding-top: 60px;
}

.error_area h5 {
  font: 600 14px "Montserrat", sans-serif;
  color: #f27507;
  letter-spacing: 2.1px;
  text-transform: uppercase;
  margin-top: 150px;
  margin-bottom: 25px;
}

.error_area h4 {
  font: 700 36px "Montserrat", sans-serif;
  margin-bottom: 65px;
}

.error_area .error_text {
  display: block;
  margin: auto;
}

.error_area .theme_btn_two {
  margin-top: 85px;
  font: 600 16px "Montserrat", sans-serif;
  height: 54px;
  width: 220px;
  padding: 0px;
}

/* End Error Area css
============================================================================================ */
/*----------------------------------------------------*/
.pad_btm {
  padding-bottom: 150px;
}

/* Breadcrumb Area css
============================================================================================ */
.breadcrumb_area {
  background: #f7f5f9;
  padding: 68px 0px;
}

.breadcrumb_area h4 {
  color: #1e2228;
  margin-bottom: 0px;
  font: 600 24px "Montserrat", sans-serif;
}

.breadcrumb_area .nav li a {
  color: #7e8288;
  font: 14px "Montserrat", sans-serif;
  position: relative;
}

.breadcrumb_area .nav li a:after {
  content: "\f101";
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  color: #7e8288;
  margin: 0px 6px;
  font-weight: 900;
}

.breadcrumb_area .nav li:last-child {
  margin-right: 0px;
}

.breadcrumb_area .nav li:last-child a:after {
  display: none;
}

/* End Breadcrumb Area css
============================================================================================ */

/*============== cons_about_area css  ===============*/
.cons_about_area {
  padding-top: 150px;
  padding-bottom: 100px;
  position: relative;
  z-index: 1;
}

.shape {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.cons_about_img {
  position: relative;
  text-align: center;
  padding-top: 50px;
  z-index: 1;
}

.cons_about_img .one {
  border-radius: 2px;
  background-color: #a8aaad;
  box-shadow: 0px 45px 150px 0px rgba(30, 34, 40, 0.2);
}

.cons_about_img .two,
.cons_about_img .dot {
  position: absolute;
  z-index: -1;
}

.cons_about_img .two {
  top: 0;
  left: 0;
}

.cons_about_img .dot {
  right: 0;
  bottom: -70px;
  z-index: -2;
}

.cons_about_content .title_head {
  margin-bottom: 45px;
}

.cons_about_content .text_btn {
  margin-top: 35px;
}

.cons_about_content ul {
  padding-top: 40px;
  margin-bottom: 0;
}

.cons_about_content ul li {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  position: relative;
  padding-left: 25px;
}

.cons_about_content ul li:before {
  content: "\f00c";
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  color: #f27507;
}

.cons_about_content ul li + li {
  margin-top: 35px;
}

.cons_about_content .theme_btn {
  padding-left: 41px;
  padding-right: 41px;
  margin-top: 44px;
}

.expreence_info {
  display: flex;
  flex-wrap: wrap;
  padding-top: 30px;
}

.expreence_info .expreence_item {
  padding-right: 70px;
  width: calc(100% / 2);
}

.expreence_info .expreence_item h3 {
  font-size: 60px;
  font-weight: 600;
  color: #f27507;
}

.expreence_info .expreence_item h5 {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 34px;
}

/*============== cons_about_area css  ===============*/

/* About Us Area css
============================================================================================ */
.title_head {
  font-size: 30px;
  line-height: 33px;
  font-weight: 700;
}

.about_main_area {
  padding-top: 190px;
  background-image: linear-gradient(180deg, rgba(245, 245, 245, 0.9) 0%, #fff 100%);
}

.about_main_area .about_inner {
  text-align: left;
  max-width: 770px;
  margin: auto;
}

.about_main_area .about_inner .title_head {
  margin-bottom: 30px;
}

.about_main_area .about_inner p {
  font: 400 16px/24px "Montserrat", sans-serif;
  margin-bottom: 30px;
}

.about_main_area .about_img {
  border-radius: 2px;
  background-color: #a8aaad;
  box-shadow: 0px 45px 150px 0px rgba(30, 34, 40, 0.2);
  margin-top: 80px;
  position: relative;
}

.about_main_area .about_img:before {
  content: "";
  background: url(../img/about/about-texture.png) no-repeat;
  height: 270px;
  width: 300px;
  position: absolute;
  left: -130px;
  top: -130px;
  z-index: -1;
}

/* End About Us Area css
============================================================================================ */

/* Services Details Area css
============================================================================================ */
.service_details_area {
  padding-bottom: 0px;
}

.service_details_area .service_details_img {
  margin-bottom: -30px;
}

.service_details_area .service_details_img img {
  margin-bottom: 30px;
}

.service_details_text {
  margin-top: 65px;
}

.service_details_text .left {
  max-width: 560px;
}

.service_details_text h3 {
  color: #1e2228;
  font: 700 36px "Montserrat", sans-serif;
  margin-bottom: 45px;
}

.service_details_text p {
  margin-bottom: 40px;
}

.service_details_text .left {
  margin-bottom: 45px;
}

.service_details_text  li {
  margin-bottom: 10px;
}

.service_details_text li {
  color: #7e8288;
  position: relative;
  padding-left: 25px;
  display: block;
  transition: all 300ms linear 0s;
}

.service_details_text li i {
  position: absolute;
  left: 0px;
  color: #f27507;
  top: 5px;
  font-size: 14px;
}

.service_details_text li:last-child {
  margin-bottom: 40px;
}

.service_details_text .theme_btn {
  margin-top: 50px;
  padding: 10px 33px;
}

.right_brochure h5 {
  color: #1e2228;
  font: 700 18px "Montserrat", sans-serif;
  margin-bottom: 20px;
}

.right_brochure a {
  display: block;
  border: 2px solid #f4f4f4;
  margin-bottom: 20px;
  border-radius: 3px;
  padding: 0px 25px 0px 30px;
  color: #7e8288;
  font: 400 15px/62px "Montserrat", sans-serif;
}

.right_brochure i {
  float: right;
  line-height: 62px;
}

.right_brochure img {
  margin-top: 10px;
}

@media screen and (max-width: 768px){
  .service_details_text {
      margin-top: 10px;
  }
}

/* leistungen */

.header_bg{
  display: block;
  width: 100%;
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 0;
  opacity: 1;
  padding-top: 100px;
  margin-top: 148px;
  min-height: 475px;
}
.header_bg.as{
  background: url(../images/header-leistungen.webp) no-repeat center top/cover;
}
.header_bg.gp{
  background: url(../images/header-geraetepruefung.webp) no-repeat center top/cover;
}
.header_bg.bsba{
  background: url(../images/header-brandschutzbeauftragter.webp) no-repeat center top/cover;
}
.header_bg.aus-ts{
  background: url(../images/header-ausbildung-teleskopstapler.webp) no-repeat center top/cover;
}
.header_bg.aus-kr{
  background: url(../images/header-ausbildung-kraene.webp) no-repeat center top/cover;
}
.header_bg.aus-hab{
  background: url(../images/header-ausbildung-hubarbeitsbuehnen.webp) no-repeat center top/cover;
}
.header_bg.aus-ffz{
  background: url(../images/header-ausbildung-staplerfahrschule.webp) no-repeat center top/cover;
}
.header_bg.aus-bsh{
  background: url(../images/header-ausbildung-brandschutzhelfer.webp) no-repeat center top/cover;
}
.header_text {
  max-width: 720px;
  position: relative;
  z-index: 1;
  overflow-wrap: break-word;
  hyphens: auto;
}
.header_text h2 {
  font-size: 45px;
  line-height: 55px;
  letter-spacing: -1.2px;
  font-weight: 700;
  margin-bottom: 40px;
  color: #fff;
}
.header_text p {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 85px;
  color: #fff;
}
.aus-kr .header_text{
    max-width: 800px;
}

@media screen and (max-width: 991px){
  .service_details_area.pt_200{
      padding-top: 10px;
  }
}
@media screen and (max-width: 768px){
  .header_bg{
      margin-top: 94px;
  }
  .header_text h2{
      font-size: 35px;
      line-height: 45px;
  }
  .header_text p{
      font-size: 16px;
      line-height: 24px;
  }
}

/*==============  footer_area css ============*/
.footer_top {
  padding: 150px 0px 80px;
}

.f_widget .f_title {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 46px;
}

.f_about_widget .f_logo {
  display: inline-block;
  margin-bottom: 48px;
}

.f_about_widget p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 0;
}

.f_about_widget .f_social {
  margin-top: 32px;
}

.f_social li {
  display: inline-block;
  margin-right: 35px;
}

.f_social li a {
  font-size: 14px;
  color: #a8aaad;
}

.f_social li a:hover {
  color: #f27507;
}

.f_social li:last-child {
  margin-right: 0;
}

.f_link {
  margin-bottom: -15px;
}

.f_link li {
  margin-bottom: 15px;
}

.f_link li a {
  font-size: 16px;
  line-height: 30px;
  display: inline-block;
  font-weight: 500;
  color: #7e8288;
}

.f_link li a:hover {
  color: #f27507;
}

.f_link_two {
  display: flex;
  flex-wrap: wrap;
}

.f_link_two li {
  width: 50%;
}

.contact_info_link {
  margin-bottom: 0;
}

.contact_info_link li {
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  color: #7e8288;
}

.contact_info_link li span {
  font-weight: 500;
}

.contact_info_link li a {
  font-weight: 500;
  color: #7e8288;
}

.contact_info_link li a:hover {
  color: #f27507;
}

.contact_info_link li + li {
  margin-top: 30px;
}

.f_subscribe_widget .f_title {
  margin-bottom: 55px;
}

.f_subscribe_widget p {
  font-size: 16px;
  padding-top: 22px;
}

.f_subscribe {
  position: relative;
}

.f_subscribe .form-control {
  height: 60px;
  border: 2px solid #e5e5e6;
  border-radius: 3px;
  padding-left: 30px;
  padding-right: 45px;
  font-size: 15px;
  color: #1e2228;
  transition: all 0.2s linear;
  background: transparent;
  box-shadow: none;
}

.f_subscribe .form-control.placeholder {
  color: #7e8288;
}

.f_subscribe .form-control:-moz-placeholder {
  color: #7e8288;
}

.f_subscribe .form-control::-moz-placeholder {
  color: #7e8288;
}

.f_subscribe .form-control::-webkit-input-placeholder {
  color: #7e8288;
}

.f_subscribe .form-control:focus {
  border-color: #f27507;
}

.f_subscribe .s_btn {
  padding: 0px;
  border: 0px;
  background: transparent;
  position: absolute;
  right: 30px;
  color: #7e8288;
  font-size: 25px;
  top: 50%;
  transform: translateY(-50%);
}

.footer_bottom {
  padding: 30px 0px;
}

.footer_bottom.border_top {
  border-top: 1px solid #e9e9e9;
}

.footer_bottom .copy_text {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}

.footer_bottom .copy_text a {
  color: #1e2228;
}

.footer_bottom .go_top {
  font-size: 16px;
  font-weight: 500;
  color: #f27507;
}

.footer_bottom .go_top i {
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 58px;
  color: #f27507;
  border: 2px solid #f27507;
  transition: all 0.2s linear;
  border-radius: 50%;
  margin-left: 28px;
}

.footer_bottom .go_top i:hover {
  background: #f27507;
  color: #fff;
}

.footer_bottom_white.border_top {
  border-color: rgba(255, 255, 255, 0.1);
}

.footer_bottom_white .copy_text {
  color: #fff;
}

/*==============  footer_area css ============*/