@charset "UTF-8";
@font-face {
  font-family: 'w_sans_newbold';
  src: url("fonts/wsansnew-bold-webfont.eot");
  src: url("fonts/wsansnew-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/wsansnew-bold-webfont.woff2") format("woff2"), url("fonts/wsansnew-bold-webfont.woff") format("woff"), url("fonts/wsansnew-bold-webfont.ttf") format("truetype"), url("fonts/wsansnew-bold-webfont.svg#w_sans_newbold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'w_sans_newbook';
  src: url("fonts/wsansnew-book-webfont.eot");
  src: url("fonts/wsansnew-book-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/wsansnew-book-webfont.woff2") format("woff2"), url("fonts/wsansnew-book-webfont.woff") format("woff"), url("fonts/wsansnew-book-webfont.ttf") format("truetype"), url("fonts/wsansnew-book-webfont.svg#w_sans_newbook") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'w_sans_newlight';
  src: url("fonts/wsansnew-light-webfont.eot");
  src: url("fonts/wsansnew-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/wsansnew-light-webfont.woff2") format("woff2"), url("fonts/wsansnew-light-webfont.woff") format("woff"), url("fonts/wsansnew-light-webfont.ttf") format("truetype"), url("fonts/wsansnew-light-webfont.svg#w_sans_newlight") format("svg");
  font-weight: normal;
  font-style: normal; }
body {
  font-family: "w_sans_newbook"; }

.wrapper {
  max-width: 100vw !important;
  overflow-x: hidden !important;
  padding-top: 105px; }
  @media (min-width: 992px) {
    .wrapper {
      padding-top: 130px; } }

h1 {
  font-family: "w_sans_newbold";
  font-size: 60px;
  color: #fed100;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  margin-bottom: 1em; }
  @media (max-width: 991px) {
    h1 {
      font-size: 36px; } }
  h1::after {
    content: '';
    display: block;
    margin-top: 30px;
    background: #fed100;
    width: 100px;
    height: 3px;
    /*
    animation: h1underline 1.5s infinite ease-in-out alternate;
    -webkit-animation-name: h1underline;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: initial;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-fill-mode: initial;
    -webkit-animation-play-state: initial;
    @-webkit-keyframes h1underline {
        0% {
            width: 100px;
        }

        50% {
            width: 0;
        }

        100% {
            width: 100px;
        }
    } */ }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.btn {
  font-family: "w_sans_newbold";
  color: #6c6c6c;
  font-size: 14px;
  letter-spacing: 1px;
  padding-left: 0;
  padding-right: 45px;
  padding-top: 15px;
  padding-bottom: 15px;
  background: url("../imgs/svg/learn-more.svg") no-repeat right !important;
  background-size: 40px 30px !important;
  margin-top: 8px;
  outline: none;
  text-transform: uppercase;
  line-height: 0; }
  .btn:hover, .btn:focus {
    color: #000;
    outline: none;
    box-shadow: none; }
  .btn.whitesvg {
    background: url("../imgs/svg/learn-more-white.svg") no-repeat right !important;
    background-size: 40px 30px !important; }
    .btn.whitesvg:hover, .btn.whitesvg:focus {
      color: #6c6c6c; }

.btn-y {
  display: inline-block;
  font-family: "w_sans_newbold";
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1;
  color: #6c6c6c;
  background: #ffff00 !important;
  padding: 15px 25px 15px 25px;
  border: 0; }
  .btn-y:hover, .btn-y:focus {
    color: #000;
    outline: none;
    box-shadow: none; }

.btn-g {
  display: inline-block;
  font-family: "w_sans_newbold";
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1;
  color: #8e8e8e;
  background: #eeeeee !important;
  padding: 10px 18px 10px 18px;
  border: 0;
  margin-top: -16px;
  width: 118px;
  text-align: center; }
  .btn-g:hover, .btn-g:focus {
    color: #000;
    outline: none;
    box-shadow: none; }

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

a.btn-social {
  font-family: 'fontawesome';
  display: inline-block !important;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  background-size: 100%; }
  a.btn-social.fb {
    background: url("../imgs/Social-FB.png") no-repeat center center #fff;
    background-size: 100%; }
  a.btn-social.insta {
    background: url("../imgs/Social-Insta.png") no-repeat center center #fff;
    background-size: 100%; }
  a.btn-social.weixin {
    background: url("../imgs/Social-Weixin.png") no-repeat center center #fff;
    background-size: 100%; }
  a.btn-social:hover {
    background-color: #ffff00; }

header .nav-tabs {
  background: #ffff00;
  border-bottom: 2px solid #fff; }
  @media (min-width: 992px) {
    header .nav-tabs {
      border-bottom: 0;
      top: 25px;
      right: 100px;
      left: auto; } }
  header .nav-tabs .nav-item.show .nav-link {
    background: #ffff00;
    color: #000; }
  header .nav-tabs .nav-link {
    border: none;
    text-transform: uppercase;
    color: #000;
    padding: 0.5rem; }
    header .nav-tabs .nav-link .badge {
      background: #fff;
      font-family: "w_sans_newbold";
      color: #000;
      border-radius: 50%;
      font-size: 1em; }
  header .nav-tabs .dropdown-menu {
    padding: 0;
    z-index: 1000; }
    header .nav-tabs .dropdown-menu .dropdown-item {
      padding: 10px 1rem; }
      header .nav-tabs .dropdown-menu .dropdown-item:hover {
        background: #ffff00; }
header .navbar {
  background: #ffff00; }
header .nav-link, header .dropdown-item {
  font-size: 12px; }
  @media (min-width: 992px) {
    header .nav-link, header .dropdown-item {
      font-size: 14px; } }
header a.user-link {
  text-transform: uppercase; }
  header a.user-link span {
    font-family: "w_sans_newbold"; }

footer {
  background: #f1f1f1;
  padding: 30px 0; }
  footer h2 {
    font-family: "w_sans_newbold";
    font-size: 30px;
    color: rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    margin-bottom: 1em; }
  @media (max-width: 767px) {
    footer .tag-along, footer .flex-column {
      margin-top: 1.875rem; }
      footer .tag-along .nav-link, footer .flex-column .nav-link {
        padding-left: 0; } }
  footer h3 {
    font-family: "w_sans_newbold";
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px; }
    footer h3 span {
      font-size: 14px;
      color: #8d8d8d; }
  footer address {
    font-size: 14px; }
  footer .contact-item {
    font-size: 14px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 2px 0 2px 40px;
    background-size: 25px 25px;
    margin-top: 8px; }
    footer .contact-item.mobile {
      background-image: url(../imgs/contact-mobile.png); }
    footer .contact-item.fax {
      background-image: url(../imgs/contact-fax.png); }
    footer .contact-item.email {
      background-image: url(../imgs/contact-email.png); }
  footer .nav-link {
    font-size: 14px;
    padding-top: 0;
    color: #000;
    text-transform: capitalize; }
    footer .nav-link:hover, footer .nav-link.active {
      color: #fed100; }
  footer .copyright {
    padding-top: 2em;
    font-size: 12px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.6); }

/*!
 * Yamm!3
 * Yet another megamenu for Bootstrap 3 and 4
 *
 * https://geedmo.github.com/yamm3
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static; }

.yamm .container {
  position: relative; }

.yamm .dropdown-menu {
  left: auto; }

.yamm .nav.navbar-right .dropdown-menu {
  left: auto;
  right: 0; }

.yamm .yamm-content {
  padding: 20px 30px; }

.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0; }

.list-unstyled,
.list-unstyled ul {
  min-width: 120px; }

@media (min-width: 767px) {
  .panel-group {
    width: 400px; }

  .thumbnail {
    margin: 0; } }
/* Grid demo styles */
.grid-demo {
  padding: 10px 30px; }

.grid-demo [class*="col-"] {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 1em;
  text-align: center;
  line-height: 2;
  background-color: #e5e1ea;
  border: 1px solid #d1d1d1; }

.yamm {
  top: 0;
  z-index: 1000; }
  @media (min-width: 992px) {
    .yamm {
      top: 0; } }
  .yamm .dropdown-menu {
    border: none;
    border-radius: 0;
    padding: 0;
    top: 98%; }
    @media (max-width: 991px) {
      .yamm .dropdown-menu {
        top: -2px; } }
    .yamm .dropdown-menu.show::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      height: 100vh;
      width: 100vw;
      background: #000;
      opacity: 0.5;
      z-index: -1; }
    .yamm .dropdown-menu .dropdown-menu-wrp {
      background: #fff;
      padding: 2rem 0; }
      .yamm .dropdown-menu .dropdown-menu-wrp a {
        font-size: 16px;
        line-height: 1;
        display: block;
        text-transform: uppercase;
        padding: 10px 0;
        text-decoration: none;
        color: #000; }
        @media (min-width: 992px) {
          .yamm .dropdown-menu .dropdown-menu-wrp a {
            font-size: 18px; } }
        .yamm .dropdown-menu .dropdown-menu-wrp a:hover, .yamm .dropdown-menu .dropdown-menu-wrp a.active {
          color: #fed100; }
    .yamm .dropdown-menu .menu-home a {
      display: inline-block; }
    @media (min-width: 992px) {
      .yamm .dropdown-menu .menu-home {
        display: none; } }
    .yamm .dropdown-menu .menu-home i {
      font-size: 30px; }
    .yamm .dropdown-menu .menu-close {
      margin-top: -12px;
      margin-bottom: 12px; }
      .yamm .dropdown-menu .menu-close .fa {
        padding-right: 5px; }
    .yamm .dropdown-menu .menu-pic img {
      width: 100%; }
    @media (max-width: 991px) {
      .yamm .dropdown-menu .menu-pic img {
        display: none; } }
    @media (min-width: 992px) {
      .yamm .dropdown-menu .menu-pic a {
        display: block;
        padding: 1rem;
        font-size: 18px;
        font-family: "w_sans_newbold";
        text-transform: uppercase;
        color: #000;
        background: #e6e6e6;
        margin-top: 10px; } }
    .yamm .dropdown-menu .menu-more h5 {
      font-family: "w_sans_newbold";
      font-size: 18px; }
      @media (max-width: 991px) {
        .yamm .dropdown-menu .menu-more h5 {
          display: none; } }
    .yamm .dropdown-menu .menu-more .btn-social {
      margin-top: 10px; }

.dropdown-toggle {
  color: #000; }
  .dropdown-toggle:hover {
    color: #fed100; }
  .dropdown-toggle i {
    font-size: 30px; }
  .dropdown-toggle::after {
    display: none; }

@media (max-width: 991px) {
  .navbar-brand img {
    width: 48px; } }
.burger {
  align-self: flex-end;
  height: 4px;
  width: 100%;
  background: #000; }
  .burger:hover {
    background: #fed100; }

.hamburger {
  display: flex;
  align-self: center;
  flex-direction: column;
  justify-content: space-between;
  width: 36px;
  height: 25px;
  cursor: pointer;
  float: right;
  margin-right: 20px;
  right: 0;
  position: absolute;
  top: 29px; }
  .hamburger:hover .burger {
    background: #fed100; }

.meat {
  width: 75%;
  transition: all 200ms ease-in-out;
  -webkit-transition: all 200ms ease-in-out; }

.bottom-bun {
  width: 50%;
  transition: all 400ms ease-in-out;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out; }

.bottom-bun:hover div {
  width: 100%; }

.top-bun {
  animation: burger-hover 1s infinite ease-in-out alternate;
  -webkit-animation-name: burger-hover;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-delay: initial;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-fill-mode: initial;
  -webkit-animation-play-state: initial;
  border-radius: 5px; }

.meat {
  animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
  -webkit-animation-name: burger-hover;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-delay: 200ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-play-state: initial;
  border-radius: 5px; }

.bottom-bun {
  animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
  -webkit-animation-name: burger-hover;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-delay: 400ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-play-state: initial;
  border-radius: 5px; }

@-webkit-keyframes burger-hover {
  0% {
    width: 100%; }
  50% {
    width: 50%; }
  100% {
    width: 100%; }
  from {
    background-color: #000; }
  to {
    background-color: #fed100; } }
/*Animation Keyframes*/
@keyframes burger-hover {
  0% {
    width: 100%; }
  50% {
    width: 50%; }
  100% {
    width: 100%; }
  from {
    background-color: #000; }
  to {
    background-color: #fed100; } }
/* scrollspy */
#list-scrollspy {
  position: fixed;
  right: 0;
  top: 35%;
  z-index: 0; }
  #list-scrollspy a button {
    width: 16px;
    height: 16px;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 0 0 transparent;
    vertical-align: middle;
    color: #fff;
    background-color: #b2b2b2;
    transition: all .3s ease;
    opacity: .4; }
    #list-scrollspy a button:focus {
      outline: none; }
    #list-scrollspy a button:hover {
      opacity: 1; }
  #list-scrollspy a.active button {
    border-color: #fed100;
    background-color: #fff;
    box-shadow: 0 0 0 2px #fff;
    opacity: 1; }
  #list-scrollspy a.list-group-item {
    background: none;
    border: none; }

#sec-banner {
  background: #fff;
  z-index: 1; }

.upcoming-expo {
  position: relative;
  /*
  @include until-xs {
    img {width: 100%}
  }
  @include only-sm {
    img {width: 60%}
  }
  */ }
  @media (min-width: 992px) {
    .upcoming-expo {
      height: 645px; } }
  .upcoming-expo .circle-ripple {
    display: block;
    width: 236px;
    margin: 96px auto;
    border-radius: 50%;
    animation: ripple 0.7s linear infinite; }
    @media (min-width: 768px) and (max-width: 991px) {
      .upcoming-expo .circle-ripple {
        display: inline;
        width: 236px;
        margin: 145px 170px; } }
    @media (min-width: 992px) {
      .upcoming-expo .circle-ripple {
        display: inline;
        width: 310px;
        margin: 145px 170px; } }
@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 0, 0.3), 0 0 0 36px rgba(255, 255, 0, 0.3), 0 0 0 72px rgba(255, 255, 0, 0.3), 0 0 0 108px rgba(255, 255, 0, 0.3); }
  100% {
    box-shadow: 0 0 0 36px rgba(255, 255, 0, 0.3), 0 0 0 72px rgba(255, 255, 0, 0.3), 0 0 0 108px rgba(255, 255, 0, 0.3), 0 0 0 144px rgba(255, 255, 0, 0); } }
  @media (max-width: 767px) {
    @keyframes ripple {
      0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 0, 0.3), 0 0 0 24px rgba(255, 255, 0, 0.3), 0 0 0 48px rgba(255, 255, 0, 0.3), 0 0 0 72px rgba(255, 255, 0, 0.3); }
      100% {
        box-shadow: 0 0 0 24px rgba(255, 255, 0, 0.3), 0 0 0 48px rgba(255, 255, 0, 0.3), 0 0 0 72px rgba(255, 255, 0, 0.3), 0 0 0 96px rgba(255, 255, 0, 0); } } }
  @media (min-width: 992px) {
    .upcoming-expo .container {
      position: absolute;
      top: 158px;
      left: 0;
      right: 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .upcoming-expo .container {
      position: absolute;
      top: 50px;
      left: 0;
      right: 0; } }
  @media (min-width: 768px) {
    .upcoming-expo .container .upcoming-expo-item {
      padding-left: 32px; } }
  .upcoming-expo .container .upcoming-expo-item .upcoming-caption {
    font-size: 18px;
    font-family: "w_sans_newbold";
    color: #b2b2b2;
    text-transform: uppercase;
    letter-spacing: 1px; }
  .upcoming-expo .container .upcoming-expo-item .date {
    font-family: "w_sans_newbold";
    color: #fed100;
    font-size: 48px;
    text-transform: uppercase;
    line-height: 3rem;
    margin-bottom: 30px;
    /*@include until-xs {
      margin-top: -30px;
    }*/ }
    @media (min-width: 1200px) {
      .upcoming-expo .container .upcoming-expo-item .date {
        font-size: 72px;
        line-height: 4rem; } }
    .upcoming-expo .container .upcoming-expo-item .date span {
      display: block;
      font-size: 52px; }
      @media (max-width: 1199px) {
        .upcoming-expo .container .upcoming-expo-item .date span {
          font-size: 30px; } }
  .upcoming-expo .container .upcoming-expo-item .expo-item-btn {
    padding: 5px 0 5px 65px;
    margin-bottom: 10px;
    font-size: 20px; }
    .upcoming-expo .container .upcoming-expo-item .expo-item-btn.day {
      background: url("../imgs/home/icon-calendar.png") no-repeat;
      background-size: 40px;
      text-transform: capitalize; }
    .upcoming-expo .container .upcoming-expo-item .expo-item-btn.time {
      background: url("../imgs/home/icon-time.png") no-repeat;
      background-size: 40px;
      text-transform: lowercase; }
    .upcoming-expo .container .upcoming-expo-item .expo-item-btn.location {
      background: url("../imgs/home/icon-location.png") no-repeat;
      background-size: 40px;
      text-transform: capitalize; }
  .upcoming-expo .container .see-u {
    font-family: "w_sans_newbold";
    color: #b2b2b2;
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 24px;
    padding-left: 10px; }
    @media (max-width: 991px) {
      .upcoming-expo .container .see-u {
        text-align: center;
        padding-left: 0; } }
  @media (max-width: 991px) {
    .upcoming-expo .container .countdown-table {
      margin: 0 auto 30px auto; } }
  .upcoming-expo .container .coutdown {
    font-family: "w_sans_newbold";
    font-size: 30px;
    color: #b8b8b8;
    text-align: center;
    letter-spacing: 1px; }
  .upcoming-expo .container .coutdown-caption {
    font-size: 14px;
    color: #999999;
    text-align: center; }
    .upcoming-expo .container .coutdown-caption span {
      display: inline-block;
      text-align: center;
      width: 62px; }
      @media (min-width: 992px) {
        .upcoming-expo .container .coutdown-caption span {
          width: 68px; } }

.starbuy {
  background: #ffff00;
  padding: 72px 0;
  z-index: -5; }
  .starbuy h2 {
    font-family: "w_sans_newbold";
    font-size: 32px;
    text-transform: uppercase; }
  .starbuy p {
    color: #777777;
    font-size: 18px; }
  .starbuy .product-items {
    opacity: 1;
    display: block;
    position: relative;
    padding: 0 15px;
    transition: .5s ease;
    backface-visibility: hidden; }
    @media (min-width: 992px) {
      .starbuy .product-items::before {
        content: '';
        display: block;
        height: 50px;
        background: #fff; } }
    .starbuy .product-items:hover .product-overlay {
      opacity: 0.5; }
    .starbuy .product-items:hover .product-btn {
      opacity: 1; }
    .starbuy .product-items .product-overlay {
      position: absolute;
      background: #fff;
      top: 0;
      opacity: 0;
      width: calc(100% - 30px);
      height: 100%; }
      @media (max-width: 991px) {
        .starbuy .product-items .product-overlay {
          opacity: 0.5; } }
    .starbuy .product-items .product-btn {
      transition: .5s ease;
      opacity: 0;
      position: absolute;
      bottom: 5%;
      left: 50%;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      text-align: center; }
      @media (max-width: 991px) {
        .starbuy .product-items .product-btn {
          opacity: 1; } }
      .starbuy .product-items .product-btn a {
        width: 180px;
        padding-left: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: left;
        background-color: #ffff00 !important;
        background-image: url(../imgs/svg/learn-more.svg);
        background-size: 40px 35px;
        background-repeat: no-repeat;
        background-position: 90% 50%;
        border-radius: 0; }
        .starbuy .product-items .product-btn a:last-child {
          background-image: url(../imgs/svg/share.svg);
          background-size: 30px 25px; }
    .starbuy .product-items img {
      width: 100%; }
    .starbuy .product-items .item-details {
      position: absolute;
      width: calc(100% - 62px);
      top: 16px;
      left: 31px; }
      .starbuy .product-items .item-details .brand-name {
        font-family: "w_sans_newbold";
        font-size: 14px;
        color: #8d8d8d;
        text-transform: uppercase; }
      .starbuy .product-items .item-details .product-name {
        font-family: "w_sans_newbold";
        font-size: 24px;
        text-transform: uppercase; }
        @media (max-width: 1199px) {
          .starbuy .product-items .item-details .product-name {
            font-size: 18px; } }
      .starbuy .product-items .item-details .product-price span {
        font-family: "w_sans_newbold";
        font-size: 16px; }
        @media (max-width: 991px) {
          .starbuy .product-items .item-details .product-price span {
            font-size: 12px; } }
        .starbuy .product-items .item-details .product-price span sup {
          position: relative;
          margin-right: 2px;
          top: -3px; }
        .starbuy .product-items .item-details .product-price span:first-child {
          position: relative;
          color: #999999;
          margin-right: 5px; }
          .starbuy .product-items .item-details .product-price span:first-child:before {
            position: absolute;
            content: "";
            left: 0;
            top: 50%;
            right: 0;
            border-top: 2px solid;
            border-color: inherit;
            -webkit-transform: rotate(5deg);
            -moz-transform: rotate(5deg);
            -ms-transform: rotate(5deg);
            -o-transform: rotate(5deg);
            transform: rotate(12deg); }
      .starbuy .product-items .item-details .discount-price {
        font-family: "w_sans_newbold";
        font-size: 20px;
        color: #eb3030; }
        @media (max-width: 991px) {
          .starbuy .product-items .item-details .discount-price {
            font-size: 16px; } }
        .starbuy .product-items .item-details .discount-price sup {
          position: relative;
          margin-right: 2px;
          top: -3px; }

.happyhour {
  margin: 72px 0; }
  .happyhour h2 {
    font-family: "w_sans_newbold";
    font-size: 32px;
    text-transform: uppercase; }
  .happyhour p {
    color: #777777;
    font-size: 18px; }
  .happyhour .happyhpur-wrp {
    position: relative; }
    @media (min-width: 992px) {
      .happyhour .happyhpur-wrp {
        margin-top: 60px; } }
    .happyhour .happyhpur-wrp .slider-for-desc {
      background: #ffff00;
      padding-top: 25px;
      padding-bottom: 30px; }
      @media (max-width: 991px) {
        .happyhour .happyhpur-wrp .slider-for-desc {
          height: 370px;
          max-height: 370px;
          overflow: hidden; } }
      @media (min-width: 992px) {
        .happyhour .happyhpur-wrp .slider-for-desc {
          padding-top: 50px; } }
      @media (min-width: 992px) {
        .happyhour .happyhpur-wrp .slider-for-desc .slider-for {
          margin-left: 32px; } }
      .happyhour .happyhpur-wrp .slider-for-desc .slider-for .product-btn {
        margin-top: 30px; }
        .happyhour .happyhpur-wrp .slider-for-desc .slider-for .product-btn a {
          border: solid 1px #000;
          width: 180px;
          padding-left: 15px;
          padding-top: 15px;
          padding-bottom: 15px;
          text-align: left;
          background-color: #ffff00;
          background-repeat: no-repeat;
          background-position: 90% 50%;
          border-radius: 0; }
          .happyhour .happyhpur-wrp .slider-for-desc .slider-for .product-btn a:last-child {
            background-image: url(../imgs/svg/share.svg) !important;
            background-size: 21px 23px !important;
            background-position-x: 150px !important; }
        @media (max-width: 1199px) {
          .happyhour .happyhpur-wrp .slider-for-desc .slider-for .product-btn {
            display: none; } }
      .happyhour .happyhpur-wrp .slider-for-desc .slider-for .item-details .brand-name {
        font-family: "w_sans_newbold";
        font-size: 14px;
        color: rgba(0, 0, 0, 0.5);
        text-transform: uppercase; }
        @media (min-width: 768px) {
          .happyhour .happyhpur-wrp .slider-for-desc .slider-for .item-details .brand-name {
            font-size: 20px; } }
      .happyhour .happyhpur-wrp .slider-for-desc .slider-for .item-details .product-name {
        font-family: "w_sans_newbold";
        font-size: 18px;
        text-transform: uppercase; }
        @media (min-width: 768px) {
          .happyhour .happyhpur-wrp .slider-for-desc .slider-for .item-details .product-name {
            font-size: 26px; } }
      .happyhour .happyhpur-wrp .slider-for-desc .slider-for .item-details .product-desc {
        font-size: 16px;
        color: #000; }
        @media (max-width: 1199px) {
          .happyhour .happyhpur-wrp .slider-for-desc .slider-for .item-details .product-desc {
            display: none; } }
      .happyhour .happyhpur-wrp .slider-for-desc .slider-for .item-details .product-price span {
        font-family: "w_sans_newbold";
        font-size: 12px; }
        @media (min-width: 768px) {
          .happyhour .happyhpur-wrp .slider-for-desc .slider-for .item-details .product-price span {
            font-size: 18px; } }
        .happyhour .happyhpur-wrp .slider-for-desc .slider-for .item-details .product-price span sup {
          position: relative;
          margin-right: 2px;
          top: -3px; }
        .happyhour .happyhpur-wrp .slider-for-desc .slider-for .item-details .product-price span:first-child {
          position: relative;
          color: rgba(0, 0, 0, 0.4);
          margin-right: 5px; }
          .happyhour .happyhpur-wrp .slider-for-desc .slider-for .item-details .product-price span:first-child:before {
            position: absolute;
            content: "";
            left: 0;
            top: 50%;
            right: 0;
            border-top: 2px solid;
            border-color: inherit;
            -webkit-transform: rotate(5deg);
            -moz-transform: rotate(5deg);
            -ms-transform: rotate(5deg);
            -o-transform: rotate(5deg);
            transform: rotate(12deg); }
      .happyhour .happyhpur-wrp .slider-for-desc .slider-for .item-details .discount-price {
        font-family: "w_sans_newbold";
        font-size: 16px;
        color: #eb3030; }
        @media (min-width: 768px) {
          .happyhour .happyhpur-wrp .slider-for-desc .slider-for .item-details .discount-price {
            font-size: 24px; } }
        .happyhour .happyhpur-wrp .slider-for-desc .slider-for .item-details .discount-price sup {
          position: relative;
          margin-right: 2px;
          top: -3px; }
    .happyhour .happyhpur-wrp .slider-nav-wrp {
      background: #fff;
      box-shadow: 2px 4px 7px 2px rgba(0, 0, 0, 0.1); }
      @media (max-width: 767px) {
        .happyhour .happyhpur-wrp .slider-nav-wrp {
          margin-top: -70%;
          margin-left: 10%; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .happyhour .happyhpur-wrp .slider-nav-wrp {
          position: absolute;
          top: 15px;
          right: -30px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .happyhour .happyhpur-wrp .slider-nav-wrp {
          position: absolute;
          top: 15px;
          right: -30px; } }
      @media (min-width: 1200px) {
        .happyhour .happyhpur-wrp .slider-nav-wrp {
          position: absolute;
          top: -38px;
          right: 0; } }

div[class^="hl-box-"], div[class*=" hl-box-"] {
  margin-bottom: 12px; }
  @media (min-width: 992px) {
    div[class^="hl-box-"], div[class*=" hl-box-"] {
      margin-bottom: 24px; } }

.hl-box-3 {
  border: solid 3px #ffff00;
  padding: 50px 40px;
  background: url(../imgs/home/img_hl_icn_1.png) no-repeat bottom right; }
  @media (max-width: 991px) {
    .hl-box-3 {
      padding: 50px 18px 14px 18px; } }
  .hl-box-3 h3 {
    font-family: "w_sans_newbold";
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(0, 0, 0, 0.3); }
  .hl-box-3 h2 {
    margin-bottom: 0; }
  .hl-box-3 p {
    padding-left: 0;
    font-size: 16px;
    margin-bottom: 0.5em;
    margin-top: 2rem; }

.hl-box-4 {
  /* dynamic css
  padding: 50px 20px;
  background: $bggrey url(../imgs/home/img_hl_icn_2.png) no-repeat bottom right;
  height: calc(100% - 12px);
  min-height: 380px;
  @include from-md {
    height: calc(100% - 24px);
  }
  */
  padding: 50px 20px;
  background: #f1f1f1 url(../imgs/home/img_hl_icn_2.png) no-repeat bottom right;
  height: calc(100% - 12px);
  min-height: 380px; }
  @media (min-width: 992px) {
    .hl-box-4 {
      height: 412px; } }
  .hl-box-4 p {
    font-size: 16px; }

.hl-box-3 h2, .hl-box-4 h2 {
  font-family: "w_sans_newbold";
  font-size: 36px;
  text-transform: uppercase; }
.hl-box-3 a, .hl-box-4 a {
  font-family: "w_sans_newbold";
  font-size: 14px;
  color: #000;
  border-bottom: 3px solid #fed100;
  display: inline-block;
  line-height: 1.25rem;
  margin-bottom: 16px;
  text-decoration: none;
  text-transform: uppercase; }

.subscription-wrp {
  margin-top: 36px;
  background: url(../imgs/home/img_newsletter.png) center bottom;
  background-size: cover;
  padding: 70px 0; }
  @media (min-width: 992px) {
    .subscription-wrp {
      margin-top: 70px; } }
  .subscription-wrp h4 {
    font-family: "w_sans_newbold";
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }
  .subscription-wrp h2 {
    font-family: "w_sans_newbold";
    color: #fff;
    font-size: 36px;
    text-transform: uppercase;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    padding: 16px 0;
    letter-spacing: 2px; }
  .subscription-wrp p {
    color: #fff;
    font-size: 18px;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }
  .subscription-wrp form label {
    font-family: "w_sans_newbold";
    color: #fff;
    text-transform: uppercase;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 0; }
  .subscription-wrp form .form-group {
    margin-bottom: 32px; }
  .subscription-wrp form input {
    background: none;
    border-radius: 0;
    border: none;
    border-bottom: solid 2px #fff;
    color: #fff !important;
    font-size: 14px;
    padding-left: 0;
    -webkit-box-shadow: 0 8px 6px -6px #000;
    -moz-box-shadow: 0 8px 6px -6px #000;
    box-shadow: 0 8px 6px -6px #000; }
    .subscription-wrp form input:focus {
      background: none;
      outline: none;
      border: none;
      border-bottom: solid 2px #fff;
      -webkit-box-shadow: 0 8px 6px -6px #000;
      -moz-box-shadow: 0 8px 6px -6px #000;
      box-shadow: 0 8px 6px -6px #000; }
  .subscription-wrp form .input-group-btn .btn {
    color: #fff;
    border-radius: 0;
    outline: none;
    border: none;
    border-bottom: solid 2px #fff;
    -webkit-box-shadow: 0 8px 6px -6px #000;
    -moz-box-shadow: 0 8px 6px -6px #000;
    box-shadow: 0 8px 6px -6px #000; }
    .subscription-wrp form .input-group-btn .btn:focus, .subscription-wrp form .input-group-btn .btn:active, .subscription-wrp form .input-group-btn .btn:visited {
      background: none;
      outline: none;
      border: none;
      border-bottom: solid 2px #fff;
      -webkit-box-shadow: 0 8px 6px -6px #000;
      -moz-box-shadow: 0 8px 6px -6px #000;
      box-shadow: 0 8px 6px -6px #000; }
  .subscription-wrp form ::placeholder {
    color: #fff;
    opacity: 1;
    /* Firefox */ }
  .subscription-wrp form :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff; }
  .subscription-wrp form ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff; }

@media (max-width: 991px) {
  .content-wrp {
    margin-top: 30px; } }
.content-wrp h2 {
  font-family: "w_sans_newbold";
  font-size: 36px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 1em; }
  @media (max-width: 991px) {
    .content-wrp h2.contact-h2 {
      font-size: 26px; } }
.content-wrp p {
  font-size: 18px;
  color: #6c6c6c; }
  @media (max-width: 991px) {
    .content-wrp p {
      font-size: 16px; } }
  .content-wrp p.caption {
    font-size: 24px; }
    @media (max-width: 991px) {
      .content-wrp p.caption {
        font-size: 20px; } }
  .content-wrp p.fs16 {
    font-size: 16px; }
  .content-wrp p.cb {
    color: #000; }
  .content-wrp p b {
    font-family: "w_sans_newbold";
    letter-spacing: 1px; }

.about-o {
  width: 80%; }
  @media (min-width: 992px) {
    .about-o {
      width: 100%; } }

.about-right img {
  width: 100%; }
  .about-right img.about-e {
    width: 70%;
    margin-left: 30%; }
    @media (min-width: 992px) {
      .about-right img.about-e {
        width: auto;
        margin-left: 0; } }
  @media (min-width: 992px) {
    .about-right img {
      width: auto;
      float: right; } }

.about-left img {
  width: 70%; }
  @media (min-width: 992px) {
    .about-left img {
      width: auto;
      float: left; } }

@media (min-width: 992px) {
  .about-content {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    height: 100%;
    align-items: center; } }

.expo-hl-1 {
  background: #f1f1f1;
  /*border-bottom: 2px solid $white;*/ }
  @media (min-width: 768px) {
    .expo-hl-1 h2, .expo-hl-1 p, .expo-hl-1 a {
      color: #fff;
      text-shadow: 3px 2px 4px black; } }
  .expo-hl-1 .container {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%); }
    @media (max-width: 767px) {
      .expo-hl-1 .container {
        position: relative;
        top: auto;
        transform: none; }
        .expo-hl-1 .container .whitesvg {
          color: #6c6c6c;
          background: url("../imgs/svg/learn-more.svg") no-repeat right !important;
          background-size: 40px 30px !important; } }

/*
.expo-hl-1 {
  background: url("../imgs/expohl/hl01.jpg") no-repeat center center;
  background-size: cover;
  padding: 120px 0 20px 0;
  border-bottom: 2px solid $white;
  @include from-md {
    padding: 250px 0;
  }
  h2, p, a {
    color: $white;
    text-shadow: 3px 2px 4px rgba(0,0,0,1);
  }
  a:hover {
    color: $darkyellow;
  }
}
*/
.expo-hl-2 {
  background: #f1f1f1;
  /*border-bottom: 2px solid $white;*/ }
  .expo-hl-2 img {
    width: 100%; }
  @media (max-width: 991px) {
    .expo-hl-2 .col-12:first-of-type {
      border-bottom: 2px solid #fff; } }
  .expo-hl-2 .hl-content p {
    display: inline-block;
    width: 90%; }
    @media (min-width: 1200px) {
      .expo-hl-2 .hl-content p {
        width: 80%; } }

.expo-hl-3 {
  background: #f1f1f1;
  /*border-bottom: 2px solid $white;*/ }
  .expo-hl-3 img {
    width: 100%; }
  @media (max-width: 991px) {
    .expo-hl-3 .col-12 {
      border-bottom: 2px solid #fff; } }
  .expo-hl-3 .hl-content p {
    display: inline-block;
    width: 90%; }
    @media (min-width: 1200px) {
      .expo-hl-3 .hl-content p {
        width: 95%; } }

.sponsors-content {
  border: solid 3px #f1f1f1;
  height: 100%;
  width: 100%;
  padding: 15px 30px; }
  .sponsors-content img {
    width: 100%;
    margin: 15px 0; }
  .sponsors-content legend {
    font-family: "w_sans_newbold";
    font-size: 16px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: -12px;
    background-color: #fff;
    text-align: center;
    width: 195px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto; }
  .sponsors-content .col-md-4 {
    padding-left: 2rem;
    padding-right: 2rem; }

@media (max-width: 767px) {
  .main-sponsors {
    margin-bottom: 24px;
    text-align: center; }
    .main-sponsors img {
      width: auto; } }
.brands-svg img {
  width: 180px;
  filter: invert(0.7); }
  @media (min-width: 992px) {
    .brands-svg img {
      width: 240px;
      position: absolute;
      bottom: 0;
      right: 0; } }

.equalheight {
  background-size: cover;
  background-position: center top;
  padding-left: 18px;
  padding-right: 18px; }

@media (min-width: 768px) {
  .moments-wrp .card-columns {
    column-count: 2; } }
@media (min-width: 992px) {
  .moments-wrp .card-columns {
    column-count: 4; } }
.moments-wrp .card-columns .card {
  border: none;
  border-radius: 0;
  margin-bottom: 20px; }
  .moments-wrp .card-columns .card .card-img-top {
    border-radius: 0; }
  .moments-wrp .card-columns .card .card-body {
    background: #f1f1f1; }
    .moments-wrp .card-columns .card .card-body .card-title {
      font-family: "w_sans_newbold";
      font-size: 18px;
      text-transform: uppercase;
      text-align: center; }
    .moments-wrp .card-columns .card .card-body .card-text {
      font-size: 14px;
      text-align: center; }
.moments-wrp .pagination .page-link {
  display: inline-block;
  margin: 0 9px;
  border: none;
  background: #666;
  border-radius: 50%;
  text-indent: -1000px;
  width: 20px;
  height: 20px;
  outline: none;
  box-shadow: 0 0 0 0 transparent; }
  .moments-wrp .pagination .page-link:hover, .moments-wrp .pagination .page-link:active, .moments-wrp .pagination .page-link.active {
    background: #fed100; }

.map-wrp {
  padding: 0 1rem; }
  .map-wrp #map {
    height: 300px; }
    @media (min-width: 992px) {
      .map-wrp #map {
        height: 430px; } }

.contact-address {
  padding: 36px 20px;
  border: solid 3px #ffff00;
  line-height: 2rem; }
  .contact-address .add-wrp {
    padding-left: 56px;
    background-image: url("../imgs/home/icon-location.png");
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: left center; }
  .contact-address .mail-wrp {
    padding-left: 56px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-image: url("../imgs/contact-email.png");
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: left center; }

.contact-divider {
  display: inline-block;
  margin: 50px 0 80px 0;
  width: 103px;
  height: 3px;
  background: #fed100; }

button.contact-add {
  height: 54px; }
  button.contact-add img {
    width: 24px; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 0; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../imgs/ajax-loader.gif") center center no-repeat; }

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  font-family: 'FontAwesome';
  position: absolute;
  display: block;
  height: 30px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: 'FontAwesome';
    font-size: 30px;
    line-height: 1;
    color: black;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: ""; }
    [dir="rtl"] .slick-prev:before {
      content: ""; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: ""; }
    [dir="rtl"] .slick-next:before {
      content: ""; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -35px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 30px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 30px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 20px;
        height: 30px;
        font-family: "FontAwesome";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.main-slider .slick-slide, .main-slider .slick-slide::before, .main-slider .caption {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.main-slider .slick-slide::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.main-slider {
  z-index: 2;
  position: relative;
  width: 100%;
  height: 38vw;
  min-height: 8vw;
  margin-bottom: 50px;
  opacity: 0;
  visibility: hidden;
  transition: all 1.2s ease; }
  .main-slider.slick-initialized {
    opacity: 1;
    visibility: visible; }
  .main-slider .slick-slide {
    position: relative;
    max-width: 1140px;
    height: 38vw; }
    .main-slider .slick-slide::before {
      background-color: #000;
      opacity: .3;
      z-index: 1; }
    .main-slider .slick-slide video {
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      min-height: 100%;
      width: auto;
      height: auto;
      max-width: 1140px;
      transform: translate(0, -50%); }
    .main-slider .slick-slide iframe {
      position: relative;
      pointer-events: none; }
    .main-slider .slick-slide figure {
      position: relative;
      height: 100%; }
    .main-slider .slick-slide .slide-image {
      opacity: 0;
      height: 100%;
      background-size: cover;
      background-position: center;
      transition: all .8s ease; }
      .main-slider .slick-slide .slide-image.show {
        opacity: 1; }
    .main-slider .slick-slide .image-entity {
      width: 100%;
      opacity: 0;
      visibility: hidden; }
    .main-slider .slick-slide .loading {
      position: absolute;
      top: 44%;
      left: 0;
      width: 100%; }
    .main-slider .slick-slide .slide-media {
      animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1); }
    .main-slider .slick-slide.slick-active {
      z-index: 1; }
      .main-slider .slick-slide.slick-active .slide-media {
        animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1); }
      .main-slider .slick-slide.slick-active .caption {
        opacity: 1;
        transform: translateY(0);
        transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s; }
  .main-slider .caption {
    position: absolute;
    top: 44%;
    left: 5%;
    text-align: center;
    padding: 20px;
    border: 3px solid;
    color: #fff;
    margin: 0;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: .02em;
    opacity: 0;
    z-index: 1;
    transition: all .3s ease;
    transform: translateY(100px); }
  .main-slider .slick-dots {
    text-align: center;
    padding-top: 15px; }
    .main-slider .slick-dots li {
      display: inline-block;
      vertical-align: top;
      margin: 0 8px; }
      .main-slider .slick-dots li button {
        width: 16px;
        height: 16px;
        border: none;
        cursor: pointer;
        border-radius: 50%;
        border: 2px solid #fff;
        box-shadow: 0 0 0 0 transparent;
        vertical-align: middle;
        color: #fff;
        background-color: #b2b2b2;
        transition: all .3s ease;
        opacity: .4; }
        .main-slider .slick-dots li button:focus {
          outline: none; }
        .main-slider .slick-dots li button:hover {
          opacity: 1; }
      .main-slider .slick-dots li.slick-active button {
        border-color: #fed100;
        background-color: #fff;
        box-shadow: 0 0 0 2px #fff;
        opacity: 1; }

.slick-dots {
  text-align: center;
  padding-top: 15px; }
  .slick-dots li {
    display: inline-block;
    vertical-align: top;
    margin: 0 8px; }
    .slick-dots li button {
      width: 16px;
      height: 16px;
      border: none;
      cursor: pointer;
      border-radius: 50%;
      border: 2px solid #fff;
      box-shadow: 0 0 0 0 transparent;
      vertical-align: middle;
      color: #fff;
      background-color: #b2b2b2;
      transition: all .3s ease;
      opacity: .4; }
      .slick-dots li button:focus {
        outline: none; }
      .slick-dots li button:hover {
        opacity: 1; }
    .slick-dots li.slick-active button {
      border-color: #fed100;
      background-color: #fff;
      box-shadow: 0 0 0 2px #fff;
      opacity: 1; }

.countdown-slick .slick-dots {
  width: auto;
  right: 15px;
  bottom: 50%; }
  .countdown-slick .slick-dots li {
    display: inline; }

.center .slick-slide {
  max-width: 1110px;
  opacity: 0.5;
  background: #fff; }
  @media (min-width: 992px) {
    .center .slick-slide {
      margin: 0 15px; } }
  .center .slick-slide img {
    width: 100%; }
  .center .slick-slide.slick-active {
    opacity: 1; }
.center .slide-video {
  position: relative; }
  .center .slide-video video {
    width: 100%;
    height: auto; }

.modal-content {
  border-radius: 0; }
  .modal-content h4 {
    font-size: 16px;
    font-family: "w_sans_newbold";
    letter-spacing: 1px; }
  .modal-content h2 {
    font-size: 36px;
    font-family: "w_sans_newbold"; }
  .modal-content p {
    font-size: 18px; }
  .modal-content button.close {
    position: absolute;
    top: -30px;
    right: 0;
    font-size: 2rem;
    color: #fff; }
    @media (min-width: 768px) {
      .modal-content button.close {
        top: 10px;
        right: 15px;
        color: #000; } }
  .modal-content form label {
    font-family: "w_sans_newbold";
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0; }
  .modal-content form input {
    background: none;
    border-radius: 0;
    border: none;
    border-bottom: solid 2px #000;
    color: #000;
    font-size: 14px;
    padding-left: 0;
    -webkit-box-shadow: 0 8px 6px -6px #fff;
    -moz-box-shadow: 0 8px 6px -6px #fff;
    box-shadow: 0 8px 6px -6px #fff; }
    .modal-content form input:focus {
      background: none;
      outline: none;
      border: none;
      border-bottom: solid 2px #000;
      -webkit-box-shadow: 0 8px 6px -6px #fff;
      -moz-box-shadow: 0 8px 6px -6px #fff;
      box-shadow: 0 8px 6px -6px #fff; }
  .modal-content form .input-group-btn .btn {
    color: #000;
    border-radius: 0;
    border-bottom: solid 2px #000;
    -webkit-box-shadow: 0 8px 6px -6px #fff;
    -moz-box-shadow: 0 8px 6px -6px #fff;
    box-shadow: 0 8px 6px -6px #fff; }
    .modal-content form .input-group-btn .btn:focus {
      background: none;
      outline: none;
      border: none;
      border-bottom: solid 2px #000;
      -webkit-box-shadow: 0 8px 6px -6px #fff;
      -moz-box-shadow: 0 8px 6px -6px #fff;
      box-shadow: 0 8px 6px -6px #fff; }
  .modal-content form ::placeholder {
    color: #000;
    opacity: 1;
    /* Firefox */ }
  .modal-content form :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000; }
  .modal-content form ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #000; }

/* about us */
/*#animate-o, */
#animate-c {
  position: relative;
  left: -100vw; }

#animate-t, #animate-e {
  position: relative;
  right: -100vw; }

.list-decimal {
  list-style-type: decimal;
  padding-left: 15px;
  font-size: 18px; }
  .list-decimal li {
    padding-left: 40px;
    padding-bottom: 18px; }

.custom-form h4 {
  font-family: "w_sans_newbold";
  text-transform: uppercase;
  color: #b2b2b2;
  letter-spacing: 1px; }
.custom-form .form-group {
  position: relative;
  height: 44px;
  margin-bottom: 48px; }
  .custom-form .form-group.noani {
    height: auto;
    margin-bottom: 0; }
    .custom-form .form-group.noani label {
      position: relative; }
.custom-form label {
  position: absolute;
  top: 0;
  width: 100%;
  color: #8e8e8e;
  transition: 0.2s all;
  font-family: "w_sans_newbold";
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase; }
.custom-form input, .custom-form select {
  width: 100%;
  border: 0;
  outline: 0;
  padding: 0;
  background: none;
  outline: none;
  border: none;
  border-bottom: 2px solid #8e8e8e;
  border-radius: 0 !important;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none; }
.custom-form input:focus, .custom-form select:focus
input:valid, .custom-form select:valid {
  background: none;
  outline: none;
  border: none;
  border-bottom: solid 2px #000;
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0; }
.custom-form input:focus ~ label,
.custom-form input:valid ~ label {
  font-size: 12px;
  top: -24px;
  color: #040404; }
.custom-form input:invalid ~ label {
  font-size: 12px;
  top: -24px; }
.custom-form .text-muted {
  font-size: 11px;
  color: #8e8e8e; }
.custom-form select.form-control:not([size]):not([multiple]) {
  background: url("../imgs/form/down.png") no-repeat center right;
  height: auto; }

.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid, .was-validated .form-control:focus {
  border-color: #000;
  outline: none;
  -webkit-box-shadow: 0 0 0 0 !important;
  -moz-box-shadow: 0 0 0 0 !important;
  box-shadow: 0 0 0 0 !important; }

.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
  border-color: #ff4b4b;
  outline: none;
  -webkit-box-shadow: 0 0 0 0 !important;
  -moz-box-shadow: 0 0 0 0 !important;
  box-shadow: 0 0 0 0 !important; }

.custom-select.is-invalid ~ label, .form-control.is-invalid ~ label, .was-validated .custom-select:invalid ~ label, .was-validated .form-control:invalid ~ label {
  color: #ff4b4b; }

.jplist-panel.nohidden {
  display: block !important; }

.jplist-panel .jplist-group {
  font-family: "w_sans_newbook";
  font-size: 18px;
  text-transform: uppercase;
  padding: 0;
  display: block !important;
  border: none; }
  .jplist-panel .jplist-group ul {
    margin: 0; }
    .jplist-panel .jplist-group ul li {
      color: #000;
      margin: 0 5px 0 0; }
      .jplist-panel .jplist-group ul li::after {
        font-family: "w_sans_newbook";
        content: '|';
        padding: 0 5px; }
      .jplist-panel .jplist-group ul li:first-child {
        font-family: "w_sans_newbold";
        margin-left: 0; }
      .jplist-panel .jplist-group ul li:last-child::after {
        content: '';
        padding: 0; }
  @media (max-width: 991px) {
    .jplist-panel .jplist-group {
      display: none !important; } }

.brands.list {
  padding: 15px 0; }
  .brands.list .list-item {
    width: calc( 33% - 12px );
    height: 70px;
    max-height: 70px;
    margin: 6px;
    float: left;
    padding: 15px;
    border: 1px solid #f1f1f1;
    border-radius: 3px; }
    @media (min-width: 768px) {
      .brands.list .list-item {
        width: calc( 20% - 20px );
        height: 135px;
        max-height: 135px;
        margin: 10px; } }
    .brands.list .list-item img {
      width: auto;
      max-width: 100%;
      -webkit-filter: grayscale(100%);
      /* Safari 6.0 - 9.0 */
      filter: grayscale(100%); }
    .brands.list .list-item:hover img {
      -webkit-filter: grayscale(0);
      /* Safari 6.0 - 9.0 */
      filter: grayscale(0); }

.jplist-selected, .jplist-panel .jplist-pagination .jplist-current {
  color: #fed100; }

/*
.jplist-drop-down {
  width: 0 !important;
  height: 0 !important;
  opacity: 0;
  margin: 0;
  border: 0;
}
*/
.azdrop {
  /*font-family: $fBold;*/
  letter-spacing: 1px;
  width: 115px;
  padding-left: 0;
  font-size: 14px;
  text-transform: uppercase;
  background: none;
  border: none;
  outline: none;
  font-weight: bolder;
  border-bottom: solid 2px #8e8e8e;
  border-radius: 0;
  color: #000; }
  @media (min-width: 992px) {
    .azdrop {
      display: none; } }
  .azdrop:hover .jplist-dd-panel {
    color: #000; }
    .azdrop:hover .jplist-dd-panel:after {
      color: #8e8e8e; }
  .azdrop ul {
    width: 115px; }
    .azdrop ul li.active {
      background: #ffff00; }
  .azdrop .jplist-dd-panel {
    width: 115px; }
    .azdrop .jplist-dd-panel:after {
      font-family: 'fontawesome';
      content: '\F0DD';
      color: #8e8e8e !important;
      right: 10px; }

.jplist-last, .jplist-first {
  display: none !important; }

.jplist-panel .jplist-pagination button {
  font-family: "w_sans_newbold";
  font-size: 16px;
  color: #8e8e8e;
  background: none;
  border: none;
  outline: none; }

.jplist-panel .jplist-pagination .jplist-pagingprev button, .jplist-panel .jplist-pagination .jplist-pagingnext button {
  font-family: 'FontAwesome';
  font-size: 16px;
  color: #8e8e8e;
  opacity: 0.3; }
  .jplist-panel .jplist-pagination .jplist-pagingprev button:hover, .jplist-panel .jplist-pagination .jplist-pagingnext button:hover {
    opacity: 1; }

.jplist-panel .jplist-pagination .jplist-pagingnext button::after {
  font-family: 'FontAwesome';
  content: '\F054'; }

.jplist-panel .jplist-pagination .jplist-pagingprev button::after {
  font-family: 'FontAwesome';
  content: '\F053'; }

.jplist-ios-button, .jplist-ios-button:hover {
  font-family: "w_sans_newbold";
  color: #8e8e8e;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  background: none;
  border: none;
  outline: none; }
  @media (max-width: 991px) {
    .jplist-ios-button, .jplist-ios-button:hover {
      display: block !important; } }

.jplist-no-results p {
  font-family: "w_sans_newbold";
  text-transform: uppercase;
  letter-spacing: 1px; }

/*# sourceMappingURL=app.css.map */