/*------------------------------
 MOBILE MENU
 ------------------------------*/
.ysera-menu-clone-wrap {
  position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999999;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
    transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
    transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
    transition: transform 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
    visibility: hidden;
}
.ysera-menu-clone-wrap.open {
  opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    visibility: visible;
    -webkit-transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
    transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
    transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
    transition: transform 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
}
.ysera-menu-panels-actions-wrap {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  height: 80px;
  position: relative;
}
.ysera-menu-panels-actions-wrap .ysera-menu-close-btn,
.ysera-menu-panels-actions-wrap .ysera-menu-prev-panel {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -5px;
  right: 0px;
  width: 40px;
  height: 40px;
  font-size: 18px;
  cursor: pointer;
  transition: all 200ms linear;
  transition-delay: 0.1s;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
}
.ysera-menu-panels-actions-wrap .ysera-menu-close-btn:hover,
.ysera-menu-panels-actions-wrap .ysera-menu-prev-panel:hover {
  color: #fff;
}
.ysera-menu-panels-actions-wrap .ysera-menu-prev-panel {
  right: inherit;
  left: 0;
  border: none;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.ysera-menu-panels-actions-wrap .ysera-menu-current-panel-title {
  display: block;
  text-align: center;
  line-height: 50px;
  padding: 0 50px;
  text-transform: uppercase;
}
.ysera-menu-panels-actions-wrap .ysera-menu-prev-panel:before {
  content: "\f104";
  font-family: FontAwesome;
}
.ysera-menu-panel > ul {
  padding: 0;
  margin: 0;
}
.ysera-menu-panel li {
  list-style: none;
  position: relative;
}
.ysera-menu-panel > ul > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ysera-menu-panel > ul > li > a {
  display: block;
  line-height: 50px;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
}
.ysera-menu-panel > ul > li:hover > a,
.ysera-menu-panel > ul > li.active > a {
  color: #fff;
}

.ysera-menu-next-panel {
  color: #ffffff;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 10;
}
.ysera-menu-next-panel:before {
  content: "\f105";
  font-family: FontAwesome;
}
 .toggle-submenu {
  display: none !important;
}
 .ysera-menu-panels {
  background: inherit;
  border-color: inherit;
  z-index: 0;
  box-sizing: border-box;
  overflow: hidden;
  height: calc(100% - 50px);
  position: relative;
}
 .ysera-menu-panel {
  background-color: #ED0F24;
}
 .ysera-menu-panel.ysera-menu-sub-panel {
  border-color: #fff;
  bottom: 0;
  box-sizing: border-box;
  display: block;
  left: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(100%);
  transition: all 0.2s ease 0s;
  z-index: 0;
}
 .ysera-menu-panel.ysera-menu-panel-opened {
  transform: translateX(0);
  z-index: 999;
}
 .ysera-menu-sub-opened {
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
 .ysera-menu-hidden {
  display: block !important;
  opacity: 0;
  visibility: hidden;
}
 .submenu.mega-menu {
  padding: 20px;
  max-width: 100% !important;
  width: 100% !important;
}
.ysera-menu li > a > .icon {
  margin-right: 10px;
}
.ysera-menu-panel-main {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  /* -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; */
}
.ysera-menu-panel.ysera-menu-panel-opened .submenu {
  opacity: 1;
  visibility: visible;
}
.ysera-menu-panel > .mega-menu .widget-custom-menu {
  width: 100%;
}
.ysera-menu-panels .menu-item-has-children > a::after {
  display: none;
}
.ysera-menu-panel.ysera-menu-panel-opened .menu-page {
  background-image: none;
}
.ysera-menu-panel .main-menu > li > a,
.ysera-menu-panel .ysera-demolink .title,
.ysera-menu-panel .mega-menu .ysera-custommenu .widgettitle {
  color: #222222 !important;
}
.ysera-menu-panel .mega-menu .ysera-custommenu ul li {
  color: #555;
}

.mobile-search-box>a{
  color: #ED0F24;
}
.mobile-search-box>a:hover{
  color: #ED0F24;
}
.mobile-content{
    width: 300px;
    height: 100%;
    z-index: 10;
    background-color: #ED0F24;
    position: fixed;
    top: 0;
    padding: 30px 20px 30px 20px;
    transform: translateX(0);
    transition: transform 0.6s ease 0.5s,left 0.6s ease 0.5s;
}
.ysera-menu-clone-wrap.open .mobile-nav__content {
    opacity: 1;
    visibility: visible;
    transform: translateX(100%); /* Slide in from the left */
    left: 0; /* Adjust the starting position */
    transition: transform 0.6s ease 0.5s,left 0.6s ease 0.5s;
  }
.mobile-nav__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
  background-color: #ED0F24;
  transition: opacity 0.3 ease;
}
.ysera-menu-clone-wrap.open .mobile-nav__overlay{
  opacity: 0.6;
  transition: opacity 0.3 ease;
}

/* For sliding out */
.ysera-menu-clone-wrap.close .mobile-nav__overlay {
    opacity: 0.7;
    transition: opacity 0.6s ease 0.5s;
}

.ysera-menu-clone-wrap.close .mobile-content {
  transform: translateX(-100%); /* Slide out to the left */
    transition: transform 0.3s ease;
}

/***
=============================================
   Search Popup
=============================================
***/
.search-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  padding-left: 20px;
  padding-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateY(-110%);
  transform: translateY(-110%);
  -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
  transition: opacity 500ms ease, -webkit-transform 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
}

.search-popup.active {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.search-popup__overlay {
  position: absolute;
  top: -59px;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.75;
  cursor: pointer;
  background: #ED0F24;
}

.search-popup__content {
  width: 100%;
  max-width: 560px;
}

.search-popup__content form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}

.search-popup__content form input[type="search"],
.search-popup__content form input[type="text"] {
  width: 100%;
  background-color: #fff;
  font-size: 16px;
  border: none;
  outline: none;
  height: 66px;
  padding-left: 30px;
  padding-right: 75px;
margin-bottom:0px !important;
}

.search-popup__content .thm-btn {
  padding: 0 !important;
  width: 68px;
  height: 68px;
  display: -webkit-box !important;
  display: -ms-flexbox;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  position: absolute !important;
  top: 0;
  right: -1px;
  border-radius: 0 !important;
  border: 0;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  transition: all 200ms linear;
  transition-delay: 0.1s;
  background-color: #ED0F24;

}

.search-popup__content .thm-btn::before {
  border-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.search-popup__content .thm-btn i::before {
  position: relative;
  display: inline-block;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  background-color: transparent;
  margin-left: 0;
  z-index: 5;
}
.nofound-form{
margin: 30px 0;
}

.nofound-form h3{
display:none;
}

.nofound-form input{
height:60px;
border-radius:0px;
}

.nofound-form button{
position:absolute;
top: 12px;
  right: 20px;
transform: rotate(270deg);

}
.nofound-form button i:before{
font-size:19px;
color:#7e828c;
font-weight:bold;
}



.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,
.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,
.bootstrap-select .show>.btn-light.dropdown-toggle {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.bootstrap-select>.dropdown-toggle {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
  outline: none !important;
}

.bootstrap-select .dropdown-menu {
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  z-index: 991;
  border-radius: 0;
}

.bootstrap-select .dropdown-menu>li+li>a {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.bootstrap-select .dropdown-menu>li.selected>a {
  background: var(--brote-primary);
  color: #fff;
}

.bootstrap-select .dropdown-menu>li>a {
  font-size: 16px;
  font-weight: 500;
  padding: 4px 20px;
  color: #ffffff;
  background: var(--brote-base);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.bootstrap-select .dropdown-menu>li>a:hover {
  background: var(--brote-white);
  color: var(--brote-base);
  cursor: pointer;
}
@media screen and (max-width:1199px){
  .mobile-logo .logo{
    width: 100px;
  }
}
@media screen and (max-width:768px){
  .mobile-logo .logo{
    width: 60%;
  }
}