body {
        font-weight: 400;
      }
      footer{
        background:#111;
      padding-top:5px;
      }
    .modul-copyright{
      color:#818181;
      font-size:13px;
    }
    .modul-copyright a {
      color:#f1f1f1;
      font-size:13px;
    }
    .header-logo{
      position: absolute;
      width:100%;
      height:196px;
      padding-top:40px;
      background: url(/media/dealer_324/storage/images/video-home-page/header-bg.png) top center repeat-x;
      z-index:10;
    }
    .logo-link{
      max-width: 685px;
      display: block;
      margin-right: auto;
      margin-left: auto;
    }
    #full-image{
      background-size: cover;
      height: 100vh;
      min-height: 100%;
      position: relative;
      top: 0;
      z-index: 0;
}
    #full-image a{
      display:block;
      height: 100%;
      min-height: 100%;
    }
   .default-bg a{
      display:none !important;
    }
    .default-bg{
      background:none !important;
    }
    .video-intro video{
      position: fixed;
      top: 50%; left: 50%;
      z-index: -1;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      transform: translate(-50%, -50%);
    }

    #brands{
      text-align: center;
      width:1260px;
      margin:-170px auto 0 auto;
    }
    #brands ul{
      padding:0;
      position: relative;
      margin-bottom: 2px;
    }
    #brands ul li{
      display: block;
      width:178px;
      background:rgba(0,0,0,0.7);
      margin-right:1px;
      height:85px;
      list-style-type: none;
      float:left;
    }
    #brands ul li 2{
      display: block;
      width:190px;
      background:rgba(100,0,0,0.7);
      margin-right:1px;
      height:85px;
      list-style-type: none;
      float:left;
    }
    #brands ul:last-child{
      margin-right:0;
    }
    #brands ul li:hover{
      transition: all 0.3s ease;
    }
    #brands ul li a{
      color: #fff;
      text-align: center;
      text-transform: uppercase;
      height: 100%;
      text-decoration:none;
      font-size: 13px;
      line-height: 85px;
      display:block;
    }

    #brands ul li.child-active {
      background: #fff;
    }
    #brands ul li.child-active a {
        color:#000 !important;
    }
   #brands .two-rows{
      display: table;
      line-height: normal !important;
      width: 100%;
    }
    #brands .two-rows span{
      vertical-align: middle;
      display: table-cell;
    }
    #brands ul:before{
      content: url(/media/dealer_324/storage/images/video-home-page/brands-side-left.png);
      height: 85px;
      position: absolute;
      left: -145px;
    }
    #brands ul:after{
      content: url(/media/dealer_324/storage/images/video-home-page/brands-side-right.png);
      height: 85px;
      position: absolute;
      right: -144px;
      top: 0;
    }
    .double-width{
      width:300px !important;
    }
    .double-width2{
      width:300px !important;background:rgba(100,0,0,0.7);
    }  
   .default-bg a{
      display:none !important;
    }
    .default-bg{
      background:none !important;
    }
    .sport-bg{
      background: url(/media/dealer_324/storage/images/video-home-page/Bulletproof-BG.jpg) no-repeat center center #000;
    }
    .suv-bg{
      background: url(/media/dealer_324/storage/images/video-home-page/suv-img-bg.jpg) no-repeat center center #000;
    }
    .normal-vehicles-bg{
      background: url(/media/dealer_324/storage/images/video-home-page/rolls-img-bg.jpg) no-repeat center center #000;;
    }
   .plane-bg{
      background: url(/media/dealer_324/storage/images/video-home-page/plane-img-bg.jpg) no-repeat center center #000;;
    }

    .controls-wrap{
      position:absolute;
      top:40px;
      right:5%;
      width:350px;
      z-index:20;
    }

    /* dropdown nav */

    .nav-wrap{
      float:left;
    }
    .open-nav-2{
      font-size: 22px;
      font-weight: 700;
      text-transform: uppercase;
      padding: 15px 30px;
      color: #fff;
      width: 280px;
      z-index: 20;
      background: rgba(0,0,0,0.7);
      cursor: pointer;
    }
    .open-nav-2 .fa{
      margin-left:8px;
    }
    #show-hide-nav li{
      list-style-type:none;
    }
    #show-hide-nav a{
      padding: 15px 30px;
      background: rgba(0,0,0,0.7);
      color: #fff;
      display: block;
      max-width: 280px;
      text-transform: uppercase;
      text-decoration:none;
    }
    #show-hide-nav a:hover{
      background: #fff;
      color: #000;
      transition: 0.3s;
    }
    #coming-soon-link{
      position:relative;
    }
    #coming-soon-link a{
      color:#999;
    }
    #coming-soon-link:hover{
      background: rgba(0,0,0,0.7) !important;
      color: #fff !important;
    }
    #coming-soon-link:before{
      content:"coming soon";
      position:absolute;
      font-size:10px;
      color:#999;
      top:0;
    }
    /* sound button */
    .unmute-video {
        background:url(/media/dealer_324/storage/webstorage/volume-up-indicator.svg) no-repeat center;
        background-size:22px;
        border:0;
        width:22px;
        height:22px;
        text-indent:-9999px;
  }
    .mute-video {
        background:url(/media/dealer_324/storage/webstorage/volume-off-indicator.svg) no-repeat center;
        background-size:22px;
        border:0;
        width:22px;
        height:22px;
        text-indent:-9999px;
  }
    #mute-btn{
      float:right;
      position:relative;
      top:20px;
      opacity:0.9;
    }
    .transp{
      background:none !important;
      opacity:0.9;
    }


    @media all and (max-width: 1600px) {
    .logo-link, .logo-link img {
        max-width: 585px !important;
    }
    #brands { margin-top: -210px; }
    #brands ul:before, #brands ul:after { display:none; }
    .controls-wrap {
        top: 40px;
        right: 8%;
        width: 260px;
    }
    .open-nav-2 {
        font-size: 16px;
        width: 230px;
    }
    #show-hide-nav a {
        font-size: 12px;
    }
    #mute-btn {
        top: 18px;
    }
    .unmute-video, .mute-video {
        background-size: 16px;
        width: 16px;
        height: 16px;
    }
  }

    @media all  and (max-width: 1365px) {
    .logo-link, .logo-link img {
        max-width: 685px !important;
    }
      .controls-wrap {
        width:350px;
        top: 15%;
        left: 58%;
        z-index: 20;
        transform: translate(-58%,0);
      }
    .unmute-video, .mute-video {
        background-size: 22px;
        width: 22px;
        height: 22px;
    }
    .open-nav-2 {
        font-size: 22px;
        width: 280px;
    }
      #show-hide-nav a{
        font-size:14px;
      }
    }
    @media all and (max-width: 1199px) {
    .logo-link, .logo-link img {
        max-width: 685px !important;
    }
      #brands{
        width:955px;
      }
    .double-width{
      width:190px !important;
    }
      #brands ul li a{
        font-size:12px;
      }

  }

    @media all and (max-width: 991px) {
      #brands{
        width:745px;
      }
    .double-width{
      width:180px !important;
    }
    #brands ul li {
        width: 140px;
    }
  }

    @media all and (max-width: 767px) {
      body {
        background:#000;
      }
      .controls-wrap {
        width:260px;
        top: 15%;
        left: 50%;
        z-index: 20;
        transform: translate(-50%,0);
      }
    .unmute-video, .mute-video {
        background-size: 16px;
        width: 16px;
        height: 16px;
    }
    .open-nav-2 {
        font-size: 16px;
        width: 230px;
    }
      #show-hide-nav a{
        font-size:12px;
    }
      #mute-btn, #brands{
        display:none;
      }
      .header-logo {
          padding: 30px 15px 0 15px;
      }

    .logo-link, .logo-link img {
        max-width: 585px !important;
        width:100%;
    }
    .controls-wrap {
        width: 230px;
        top: 14%;
    }
    .default-bg{
      background: url(/media/dealer_324/storage/images/video-home-page/ferrari-xs-4.jpg) no-repeat center center #333 !important;
      background-size: cover !important;
    }
      .welcome-xs{
        color: #fff;
        position: absolute;
        bottom: 7%;
        width: 100%;
        text-align: center;
      }
    .open-nav-2{
      color: #000;
      background: #fff;
      text-align:center;
    }
      .transp{
        color:#fff !important;
      }
      .scrollDown{
        width:46px;
        height:46px;
        border-radius:46px;
        line-height:46px;
        background:#fff;
        text-align:center;
        font-size:18px;
        margin:10px auto;
        position:relative;
        color:#000;
      }
      .scrollDown .fa{
        line-height:46px;
      }
      .scrollDown:before{
      content: " ";
        width: 46px;
        height: 46px;
        border-radius: 46px;
        background: #fff;
        margin: 10px auto;
        opacity: 0;
        position: absolute;
        top: -11px;
        right: -1px;
      z-index: -1;
      }
  }

    @media all and (max-width: 447px) {

  }

    @keyframes move {
      0% {
            transform: scale(1);
            opacity:0;
      }
      75% {
              transform: scale(2.5);
            opacity:0.15;
        }
      100% {
              transform: scale(3);
            opacity:0;
        }
    }

    .scrollDown:before{
        animation: move 2.5s linear 10000 normal;
    }
    
    .mobile-brands{
      margin:20px 0 30px 0;
    }
    .mobile-brands ul{
      margin:0;
      padding:0;
    }
    .mobile-brands ul li{
      width: 33.333333333%;
      height:56px;
      box-sizing:border-box;
      display:block;
      padding:0 10px;
      border:1px solid #000;
      background:#333;
      color:#fff;
      text-align:center;
      list-style-type: none;
      float: left;
    }
    .mobile-brands ul li a{
      color: #fff;
      text-align: center;
      text-transform: uppercase;
      height: 100%;
      text-decoration: none;
      font-size: 12px;
      line-height: 14px;
      display: table;
      width:100%;
      font-weight:500;
    }
    .mobile-brands ul a span{
      vertical-align: middle;
      display: table-cell;
    }
    /***********/
        .search-title-home h5{
      font-size:12px;
      font-weight:400;
      color:#fff;
      text-align:center;
      text-transform:uppercase;
      margin-bottom:0;
    }
    .search-title-home h2{
      font-size:24px;
      font-weight:300;
      color:#fff;
      text-align:center;
      text-transform:uppercase;
      margin-top:8px;
    }
    .search-title-home h2 span{
      font-weight:700;
    }
    .search-title-home:after{
      content: url(/media/dealer_324/storage/images/video-home-page/divider.png);
      max-width:168px;
      height:2px;
      margin: 15px auto 10px auto;
      display: block;
    }
     .mobile-brands .two-buttons-list li{
      width: 50% !important;
    }