/* Scss Document */
.main-bg {
  background-color: #f7d417 !important; }

.second-bg {
  background-color: #fff !important; }

.main-color {
  color: #f7d417 !important; }

.main-button {
  background-color: #f7d417 !important; }

.ul-none {
  list-style: none; }

#header-wrap, #header.sticky-header #header-wrap {
  background-color: white !important; }

#header .menu-bg::before {
  display: none; }

#gotoTop:hover {
  background-color: #f7d417; }

.slider-feature a:hover {
  background: #f7d417 !important;
  color: #fff !important; }

.button.button-border:not(.button-fill):hover {
  color: #f7d417 !important; }

.intro {
  background-repeat: no-repeat !important;
  background-position: 100% 50% !important;
  background-size: auto 100% !important; }

.fbox-desc a:hover {
  color: #f7d417 !important; }

a {
  color: #333; }

a:hover span {
  color: #f7d417; }

#btn-fb:hover {
  background-color: #002C64 !important; }
  #btn-fb:hover > div::after {
    display: none; }

#btn-share:hover {
  background-color: #D8B900 !important; }
  #btn-share:hover > div::after {
    display: none; }

#primary-menu ul:hover > li:not(:hover):not(.active) #btn-share {
  color: #333 !important; }

/* ----------------------------------------------------------------
	Quicklinks
-----------------------------------------------------------------*/
.quicklinks {
  list-style: none;
  padding: 0;
  margin: 12px 0 24px; }
  .quicklinks li {
    border-bottom: 1px solid #ededed;
    padding: 2px 0;
    position: relative; }
    .quicklinks li a {
      color: #333;
      display: block;
      padding: 10px;
      border-radius: 4px;
      transition: all 200ms ease; }
      .quicklinks li a:hover {
        background: #f7d417;
        color: white;
        text-decoration: none; }
      .quicklinks li a:hover + span {
        color: white; }
    .quicklinks li.active > a {
      background: #f7d417;
      color: white;
      text-decoration: none;
      border-radius: 4px;
      color: white; }
  .quicklinks ul {
    list-style: none;
    padding-left: 12px;
    display: none; }
    .quicklinks ul li:last-child {
      border-bottom: none; }
  .quicklinks span {
    position: absolute;
    right: 6px;
    top: 12px;
    cursor: pointer;
    color: #f7d417;
    z-index: 9;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transform-origin: center; }
    .quicklinks span:hover {
      color: #f7d417 !important; }
  .quicklinks .up {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: white; }
  .quicklinks .down {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

.dark-curtain {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
  display: none;
  z-index: 0; }

.open-nav {
  position: fixed;
  left: 0;
  top: 33%;
  z-index: 99; }

.sidenav {
  height: 100%;
  width: 300px;
  position: fixed;
  z-index: 999;
  top: 0;
  left: -400px;
  background-color: white;
  overflow-x: hidden;
  padding-top: 60px;
  transition: 0.5s;
  padding: 5rem 1.5rem 0 1.5rem !important;
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3); }

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px; }

/* ----------------------------------------------------------------
	Sub Banner
-----------------------------------------------------------------*/
.banner-blank {
  background: url("../png/pattern2.png") repeat; }
  .banner-blank.swiper_wrapper {
    height: 120px; }
  .banner-blank #page-title {
    top: 0% !important; }

.sub-banner {
  position: relative; }
  .sub-banner #page-title {
    position: absolute;
    z-index: 9;
    width: 100%;
    top: 20%; }
    .sub-banner #page-title h1 {
      color: white; }
    .sub-banner #page-title a {
      color: white; }
    .sub-banner #page-title .active {
      color: white; }
  .sub-banner .breadcrumb-item + .breadcrumb-item::before {
    color: white; }
  .sub-banner .swiper-container {
    position: relative; }
    .sub-banner .swiper-container:before {
      content: '';
      background: rgba(0, 0, 0, 0.5);
      position: absolute;
      top: 0;
      z-index: 9;
      height: 100%;
      width: 100%; }

.sub-banner #page-title {
  z-index: 1; }

.title-head {
  width: 60%; }
  .title-head.limiter {
    height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }

.breadcrumb {
  /*width:30% !important;justify-content:end;text-align:right;*/ }
  .breadcrumb .limiter {
    width: 100px;
    height: 20px;
    white-space: pre-wrap;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden; }

/* ----------------------------------------------------------------
	Recaptcha
-----------------------------------------------------------------*/
.g-recaptcha {
  transform-origin: left top;
  -webkit-transform-origin: left top; }

/* ----------------------------------------------------------------
	Store Locator
-----------------------------------------------------------------*/
.store-locator {
  overflow: hidden;
  border: 1px solid #dee2e6 !important; }
  .store-locator .store-items {
    overflow-y: scroll;
    height: 28.9rem; }
    .store-locator .store-items h4 {
      font-size: 16px; }
    .store-locator .store-items ul {
      list-style: none; }
    .store-locator .store-items a:hover {
      color: #f7d417; }
    .store-locator .store-items .store-address {
      font-size: 13px; }
    .store-locator .store-items .store-letter {
      color: gray; }
    .store-locator .store-items .store-item:hover, .store-locator .store-items .store-item.active {
      background-color: #f7d417;
      cursor: pointer;
      color: white; }
      .store-locator .store-items .store-item:hover h4, .store-locator .store-items .store-item.active h4 {
        color: white; }

@media screen and (max-width: 1024px) {
  #main-menu li:nth-child(1) {
    display: none; } }
@media screen and (max-width: 900px) {
  #primary-menu {
    transition: all 2s ease !important; }

  #primary-menu ul li > a.header-button {
    color: #333;
    padding-left: 12px !important;
    margin-bottom: 6px !important;
    border-radius: 7px; }

  #intro-wrap .intro-item a {
    height: 8rem; }

  #header-wrap {
    z-index: 0 !important; }

  .sidenav li li:first-child a {
    padding-top: 6px; }

  .sidenav li li:last-child a {
    padding-bottom: 6px; }

  .sidenav li a {
    border: none; }

  .sidenav li li {
    padding: 6px 0; }
    .sidenav li li a {
      padding-left: 12px !important; }

  #primary-menu ul li.active > a {
    color: #f7d417 !important; }

  #page-title {
    top: 31% !important; }

  .intro {
    background-position: 100% 0 !important;
    background-size: auto 50% !important; } }
@media screen and (max-width: 480px) {
  .sub-banner .swiper-pagination {
    display: none !important; }
  .sub-banner #page-title {
    top: 0 !important; }

  .title-head {
    width: 100%;
    height: 72px; }
    .title-head.limiter {
      height: 75px; }

  .breadcrumb {
    width: 100% !important;
    text-align: center; }

  .swiper-navs, .swiper-scrollbar {
    display: none; }

  .intro {
    background-position: 100% 13.5% !important;
    background-size: auto 20% !important; }

  .intro-text {
    text-align: left;
    padding-right: 80px; }

  .store-locator {
    border: none !important; }
    .store-locator .store-map {
      border: 1px solid #dee2e6 !important;
      height: 25rem !important; } }
@media screen and (max-width: 320px) {
  .standard-logo {
    transform: scale(0.8); } }
    @media screen and (max-width: 767px) {
    .hide-mobile{
        display:none;
    }
    .show-mobile{
        display:block !important;
    }
}