/**header-start**/
.header-wrapper {
  background-color: rgba(15, 15, 15, 0.91);
}

.header-wrapper .dark-logo {
  display: none;
}

.fixed {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 1200;
  transition: 0.5s all;
  background-color: rgba(15, 15, 15, 0.98)!important;
  animation: swip_down .5s linear 1;
  -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
}

/* .fixed .nav-link {
  color: #fff !important;
} */

.fixed .dark-logo {
  display: block;
}

.fixed .light-logo {
  display: none;
}

.header-wrapper .navbar-nav .nav-item {
  padding-right: 20px;
}

.header-wrapper .navbar-dark .navbar-nav .nav-link {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

/* .header-wrapper .navbar-dark .navbar-nav .nav-link.active{
    color: rgba(255, 90, 1, 1);
  } */
.dropdown-item:focus,
.dropdown-item:hover {
  background: inherit !important;
  color: rgba(255, 90, 1, 1)!important;
}

/* CSS in your stylesheet */
nav a.active {
  font-weight: bold;
  /* Add your desired styles here */
  color: rgba(255, 90, 1, 1);
  background-color: transparent !important;
  font-weight: 500;
}

nav a:hover {
  color: rgba(255, 90, 1, 1);
  background-color: transparent !important;
}

.blink_text {
  -webkit-animation-name: blinker;
  animation-name: blinker;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  color: #333;
  font-weight: bold;
  top: 12px;
  font-size: 11px;
  background-color: #3fa1fe;
  color: #fff;
  padding: 0 5px;
  border-radius: 14px;
  right: 20px;
}

@keyframes blinker {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.megamenu>div>li>ul>li>a:hover,
.megamenu>div>li>ul>li>a:focus {
  color: #FF5A01 !important;
}

/**header-end**/
@media(max-width:1500px) {
  .megamenu>div>li>ul>li>a {
    font-size: 12px !important;
  }
}

@media(max-width:1200px) {
  .header-wrapper .navbar-nav .nav-item {
    padding-right: 15px;
  }

  .megamenu>div>li>ul>li>a {
    display: block;
    padding: inherit;
    clear: both;
    font-weight: normal;
    line-height: 2;
    color: #333333;
    white-space: normal;
    font-size: 12px;
    font-weight: 400;
  }
}

@media(max-width:991px) {
  .responsive-toggle {
    display: block !important;
  }
}

@media(max-width:577px) {
  .navbar-brand img {
    max-width: 150px;
  }
}



#topheader .navbar-nav li>a {
  text-transform: capitalize;
  color: #333;
  transition: background-color .2s, color .2s;

  &:hover,
  &:focus {
    background-color: #333;
    color: #fff;
  }
}

#topheader .navbar-nav li.active>a {
  background-color: #333;
  color: #fff;
}



.menu-large {
  position: static !important;
}

.megamenu {
  padding: 20px 20px;
  width: 100%;

}

.megamenu>div>li>ul {
  padding: 0;
  margin: 0;
}

.megamenu>div>li>ul>li {
  list-style: none;
}

.megamenu>div>li>ul>li>a {
  display: block;
  padding: inherit;
  clear: both;
  font-weight: normal;
  line-height: 2;
  color: #333333;
  white-space: normal;
  font-size: 13px;
  font-weight: 400;
  margin-top: 0.25rem;
}


.megamenu>div>li>ul>li>a:hover,
.megamenu>div>li>ul>li>a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.megamenu.disabled>a,
.megamenu.disabled>a:hover,
.megamenu.disabled>a:focus {
  color: #999999;
}

.megamenu.disabled>a:hover,
.megamenu.disabled>a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed;
}

.megamenu.dropdown-header {
  color: #000 !important;
  font-size: 18px;
}

.dropdown-header {
  color: #000 !important;
  font-weight: 700;
  font-size: 14px !important;
  padding: inherit !important;
}

.dark-logo-mobile {
  max-width: 150px;
}

.modal-header i {
  font-size: 25px;
}

.modal-body .nav-link {
  color: #000 !important;
}

.dropdown-menu.show {
  padding: 20px;
  width: 100%;
}
@media(max-width:1440px){
  .dropdown-menu.show {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .megamenu {
    margin-left: 0;
    margin-right: 0;
  }

  .megamenu>li {
    margin-bottom: 30px;
  }

  .megamenu>li:last-child {
    margin-bottom: 0;
  }

  .megamenu.dropdown-header {
    padding: 3px 15px !important;
  }

  .navbar-nav .open .dropdown-menu .dropdown-header {
    color: #fff;
  }
}

.fixed-menu {
  height: 300px;
  overflow-y: auto;
}

.responsive-toggle {
  display: none;
}


/*.modal .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  height: 100vh;
  transform: translate3d(0%, 0, 0);
}*/

.modal .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal .modal-body {
  padding: 15px 15px 15px;
}

.modal.left.fade .modal-dialog {
  left: -320px;
  transition: opacity 0.1s linear, left 0.1s ease-out;
}

.modal.left.fade.show .modal-dialog {
  left: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
  border-radius: 0;
  border: none;
}

.modal-header {
  border-bottom-color: #eeeeee;
  background-color: #fafafa;
}

.header-wrapper .col-lg-3 {
  max-width: 20% !important;
}




/*.rolling-text {
    display: inline-block;
    overflow: hidden;
    line-height: 50px;
    height: 50px;
}

.header-wrapper .navbar-dark .navbar-nav .nav-link .rolling-text{
  height: 30px;
    line-height: 30px;
}


.rolling-text:hover .letter,
.rolling-text.play .letter {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.rolling-text .letter {
  display: inline-block;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
  -o-transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
  transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
  transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
}

.letter:nth-child(1) {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.letter:nth-child(2) {
  -webkit-transition-delay: 0.015s;
  -o-transition-delay: 0.015s;
  transition-delay: 0.015s;
}

.letter:nth-child(3) {
  -webkit-transition-delay: 0.03s;
  -o-transition-delay: 0.03s;
  transition-delay: 0.03s;
}

.letter:nth-child(4) {
  -webkit-transition-delay: 0.045s;
  -o-transition-delay: 0.045s;
  transition-delay: 0.045s;
}

.letter:nth-child(5) {
  -webkit-transition-delay: 0.06s;
  -o-transition-delay: 0.06s;
  transition-delay: 0.06s;
}

.letter:nth-child(6) {
  -webkit-transition-delay: 0.075s;
  -o-transition-delay: 0.075s;
  transition-delay: 0.075s;
}

.letter:nth-child(7) {
  -webkit-transition-delay: 0.09s;
  -o-transition-delay: 0.09s;
  transition-delay: 0.09s;
}

.letter:nth-child(8) {
  -webkit-transition-delay: 0.105s;
  -o-transition-delay: 0.105s;
  transition-delay: 0.105s;
}

.letter:nth-child(9) {
  -webkit-transition-delay: 0.12s;
  -o-transition-delay: 0.12s;
  transition-delay: 0.12s;
}

.letter:nth-child(10) {
  -webkit-transition-delay: 0.135s;
  -o-transition-delay: 0.135s;
  transition-delay: 0.135s;
}

.letter:nth-child(11) {
  -webkit-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.letter:nth-child(12) {
  -webkit-transition-delay: 0.165s;
  -o-transition-delay: 0.165s;
  transition-delay: 0.165s;
}

.letter:nth-child(13) {
  -webkit-transition-delay: 0.18s;
  -o-transition-delay: 0.18s;
  transition-delay: 0.18s;
}

.letter:nth-child(14) {
  -webkit-transition-delay: 0.195s;
  -o-transition-delay: 0.195s;
  transition-delay: 0.195s;
}

.letter:nth-child(15) {
  -webkit-transition-delay: 0.21s;
  -o-transition-delay: 0.21s;
  transition-delay: 0.21s;
}

.letter:nth-child(16) {
  -webkit-transition-delay: 0.225s;
  -o-transition-delay: 0.225s;
  transition-delay: 0.225s;
}

.letter:nth-child(17) {
  -webkit-transition-delay: 0.24s;
  -o-transition-delay: 0.24s;
  transition-delay: 0.24s;
}

.letter:nth-child(18) {
  -webkit-transition-delay: 0.255s;
  -o-transition-delay: 0.255s;
  transition-delay: 0.255s;
}

.letter:nth-child(19) {
  -webkit-transition-delay: 0.27s;
  -o-transition-delay: 0.27s;
  transition-delay: 0.27s;
}

.letter:nth-child(20) {
  -webkit-transition-delay: 0.285s;
  -o-transition-delay: 0.285s;
  transition-delay: 0.285s;
}

.letter:nth-child(21) {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}*/