/*!***************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../node_modules/sass-loader/dist/cjs.js!./scss/main.scss ***!
  \***************************************************************************************************************************************/
#haval-hub {
  font-family: Haval, Arial, sans-serif; }
  #haval-hub html,
  #haval-hub body,
  #haval-hub div,
  #haval-hub span,
  #haval-hub h1,
  #haval-hub h2,
  #haval-hub h3,
  #haval-hub h4,
  #haval-hub h5,
  #haval-hub h6,
  #haval-hub p,
  #haval-hub pre,
  #haval-hub a,
  #haval-hub img,
  #haval-hub small,
  #haval-hub strike,
  #haval-hub strong,
  #haval-hub sub,
  #haval-hub sup,
  #haval-hub b,
  #haval-hub u,
  #haval-hub i,
  #haval-hub center,
  #haval-hub dl,
  #haval-hub dt,
  #haval-hub dd,
  #haval-hub ol,
  #haval-hub ul,
  #haval-hub li,
  #haval-hub fieldset,
  #haval-hub form,
  #haval-hub label,
  #haval-hub legend,
  #haval-hub table,
  #haval-hub caption,
  #haval-hub tbody,
  #haval-hub tfoot,
  #haval-hub thead,
  #haval-hub tr,
  #haval-hub th,
  #haval-hub td,
  #haval-hub article,
  #haval-hub aside,
  #haval-hub canvas,
  #haval-hub details,
  #haval-hub embed,
  #haval-hub figure,
  #haval-hub figcaption,
  #haval-hub footer,
  #haval-hub header,
  #haval-hub hgroup,
  #haval-hub menu,
  #haval-hub nav,
  #haval-hub section,
  #haval-hub time,
  #haval-hub audio,
  #haval-hub input,
  #haval-hub video {
    margin: 0;
    padding: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    border: 0; }
  #haval-hub article,
  #haval-hub aside,
  #haval-hub details,
  #haval-hub figcaption,
  #haval-hub figure,
  #haval-hub footer,
  #haval-hub header,
  #haval-hub hgroup,
  #haval-hub menu,
  #haval-hub nav,
  #haval-hub section {
    display: block; }
  #haval-hub ol,
  #haval-hub ul {
    list-style: none; }
  #haval-hub table {
    border-collapse: collapse;
    border-spacing: 0; }
  #haval-hub * {
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%; }
    #haval-hub *::before, #haval-hub *::after {
      box-sizing: border-box; }
  #haval-hub a {
    color: inherit;
    text-decoration: none; }
  #haval-hub button,
  #haval-hub input,
  #haval-hub textarea {
    font-family: inherit;
    font-size: inherit;
    background: none;
    border: 0;
    border-radius: 0;
    outline: none; }
  #haval-hub input:-webkit-autofill,
  #haval-hub input:-webkit-autofill:hover,
  #haval-hub input:-webkit-autofill:focus,
  #haval-hub textarea:-webkit-autofill,
  #haval-hub textarea:-webkit-autofill:hover,
  #haval-hub textarea:-webkit-autofill:focus,
  #haval-hub select:-webkit-autofill,
  #haval-hub select:-webkit-autofill:hover,
  #haval-hub select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px transparent inset;
    transition: background-color 99999s ease-in-out 0s; }
  #haval-hub .container {
    margin: 0 auto;
    padding: 0 50px; }
    @media (max-width: 991px) {
      #haval-hub .container {
        padding: 0 24px; } }
  #haval-hub .h1 {
    font-size: 44px;
    font-weight: 500;
    line-height: 1.14;
    text-transform: uppercase; }
    @media (max-width: 559px) {
      #haval-hub .h1 {
        font-size: 24px; } }
  #haval-hub .h2 {
    font-size: 30px;
    line-height: 1.27;
    text-transform: uppercase; }
    @media (max-width: 559px) {
      #haval-hub .h2 {
        font-size: 20px; } }
  #haval-hub .h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3; }
    @media (max-width: 559px) {
      #haval-hub .h3 {
        font-size: 16px; } }
  #haval-hub .text {
    font-size: 16px;
    line-height: 1.5; }
  #haval-hub .button-text {
    font-size: 14px;
    line-height: 1.43;
    text-transform: uppercase; }
  @media (max-width: 991px) {
    #haval-hub .for-desktop {
      display: none !important; } }
  @media (min-width: 992px) {
    #haval-hub .for-tablet {
      display: none !important; } }
  @media (max-width: 559px) {
    #haval-hub .for-tablet {
      display: none !important; } }
  @media (min-width: 560px) {
    #haval-hub .for-mobile {
      display: none !important; } }
  #haval-hub .haval-hub__header {
    position: fixed;
    z-index: 100;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding-top: 20px;
    color: #ffffff;
    filter: drop-shadow(0 2px 2px black); }
    @media (max-width: 559px) {
      #haval-hub .haval-hub__header {
        display: none; } }
    @media (max-width: 835px) {
      #haval-hub .haval-hub__header .button-text {
        font-size: 12px; } }
    #haval-hub .haval-hub__header-item {
      margin: 0 10px 10px;
      cursor: pointer;
      transition: color 0.2s; }
      #haval-hub .haval-hub__header-item:first-child {
        margin-left: 0; }
      #haval-hub .haval-hub__header-item:last-child {
        margin-right: 0; }
      @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
        #haval-hub .haval-hub__header-item:hover {
          color: #00C9BF; } }
  #haval-hub .haval-hub__manifest {
    position: relative; }
    #haval-hub .haval-hub__manifest-bg {
      width: 100%; }
      #haval-hub .haval-hub__manifest-bg img {
        display: block;
        width: 100%;
        height: 100vh;
        object-fit: cover; }
    #haval-hub .haval-hub__manifest-video {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 100vh;
      object-fit: cover; }
    #haval-hub .haval-hub__manifest-content {
      position: absolute;
      top: 66vh;
      left: 50%;
      z-index: 10;
      width: 100%;
      text-align: center;
      color: #ffffff;
      transform: translate(-50%, -50%);
      transition: opacity 0.2s; }
      #haval-hub .haval-hub__manifest-content .h1 {
        margin-bottom: 20px;
        color: #00C9BF; }
      #haval-hub .haval-hub__manifest-content.hidden {
        opacity: 0;
        pointer-events: none; }
    #haval-hub .haval-hub__manifest-play {
      margin-bottom: 46px;
      cursor: pointer;
      transition: filter 0.2s; }
      @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
        #haval-hub .haval-hub__manifest-play:hover {
          filter: invert(1); } }
    #haval-hub .haval-hub__manifest-text {
      padding-top: 102px;
      padding-bottom: 70px;
      color: #ffffff;
      background-color: #121314; }
      #haval-hub .haval-hub__manifest-text .h1 {
        color: #00C9BF; }
      #haval-hub .haval-hub__manifest-text-row {
        margin-top: 50px;
        column-count: 2;
        column-gap: 6.2%; }
      #haval-hub .haval-hub__manifest-text p {
        margin-bottom: 30px; }
      #haval-hub .haval-hub__manifest-text span {
        color: #00C9BF; }
    @media (max-width: 1280px) {
      #haval-hub .haval-hub__manifest-content {
        top: 59vh; }
      #haval-hub .haval-hub__manifest-text {
        padding-bottom: 93px; }
        #haval-hub .haval-hub__manifest-text-row {
          height: 442px; } }
    @media (max-width: 991px) {
      #haval-hub .haval-hub__manifest-content {
        top: 62vh;
        width: 90%; }
      #haval-hub .haval-hub__manifest-text {
        padding-top: 50px;
        padding-bottom: 50px; }
        #haval-hub .haval-hub__manifest-text-row {
          height: auto;
          column-count: 1; } }
    @media (max-width: 559px) {
      #haval-hub .haval-hub__manifest-content {
        top: 59.7vh; }
      #haval-hub .haval-hub__manifest-play {
        margin-bottom: 20px; }
      #haval-hub .haval-hub__manifest-content {
        width: 87%; } }
  #haval-hub .haval-hub__media {
    display: flex; }
    #haval-hub .haval-hub__media-img {
      min-width: 61.6%;
      object-fit: cover; }
    #haval-hub .haval-hub__media-text {
      padding-top: 95px;
      padding-bottom: 95px; }
      #haval-hub .haval-hub__media-text .h1 {
        margin-bottom: 50px; }
      #haval-hub .haval-hub__media-text .h3 {
        margin-bottom: 50px; }
    #haval-hub .haval-hub__media.reverse {
      flex-direction: row-reverse; }
    @media (max-width: 1280px) {
      #haval-hub .haval-hub__media-img {
        width: 41.6%;
        min-width: 41.6%; }
      #haval-hub .haval-hub__media-text {
        padding-top: 100px;
        padding-bottom: 100px; } }
    @media (max-width: 991px) {
      #haval-hub .haval-hub__media {
        flex-direction: column !important; }
        #haval-hub .haval-hub__media-img {
          width: 100%; }
        #haval-hub .haval-hub__media-text {
          padding-top: 50px;
          padding-bottom: 50px; }
          #haval-hub .haval-hub__media-text .h3 {
            margin-bottom: 48px; } }
  #haval-hub .haval-hub__button {
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 17px 38px 8px 21px;
    line-height: 1;
    background: url("../../assets/img/icons/button-bg.svg") no-repeat center center/auto auto; }

body {
  margin: 0; }


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