/* Globals */
.hero_slider { position: relative; }
.hero_slider { margin-bottom: unset; }
.hero_slider h2 { font-family: 'PlayfairDisplay-Regular', Arial !important; font-size: 78px !important; color: #fff !important; text-transform: none; }
.hero-slide-content .field--name-field-link a { color: #000 !important; }
.hero-slide-content { top: 8% !important; z-index: 999 !important; position: absolute; width: 100% }
.col-sm-9 { z-index: 999 !important; }

.hero-slide-content h2 { padding: 0px !important; }
.hero-slide-content .field { padding: 0px 0px 23px !important; text-transform: uppercase !important; font-size: 11px !important; }
.hero-slide-content .field p { color: #fff; }
.hero-slide-content .field strong { color: #fff !important; font-family: 'FiraSans-Bold', Arial !important }
.hero-slide-content .col-lg-5 { padding-left: 0px !important; padding-right: 0px !important; }
.hero_slider .field--type-link { background-color: #cbbba0; width: 260px; height: 50px; text-align: center; font-family: FiraSans-Bold, Arial !important; text-transform: uppercase !important; font-size: 12px !important; padding: 17px !important; }

.slick-dots { bottom: -3px; }
.slick-dots li { background: rgba(255,255,255, 0.5); height: 3px !important; width: 40px; }
.slick-dots li button:before {content: "";}
.slick-dots li.slick-active { background: rgba(255,255,255, 0.9); }

.hero_slider .btn-primary a { color: #000 !important; }
.hero_slider .btn-primary a:link { width: 100% !important; background-color: #cbbba0 !important; width: 100% !important; font-family: 'FiraSans-Bold', Arial !important; font-size: 14px !important; text-transform: uppercase; padding-top: 15px; padding-bottom: 15px; display: block; text-align: center; transition: 0.5s; }
.hero_slider .btn-primary a:hover { background-color: #fff !important; }
.hero_slider .btn-secondary { width: 100% !important; }
.hero_slider .btn-secondary a:link, .btn-secondary a:visited { color: #cbbba0 !important; font-family: 'FiraSans-Bold', Arial !important; text-transform: uppercase !important; padding: 14px !important;  text-align: center; background-color: transparent !important; border: solid 1px #cbbba0 !important; color: #cbbba0 !important; display: block; transition: 0.5s; }
.hero_slider .btn-secondary a:hover { background-color: rgba(255,255,255,0.2) !important; }

.slick-dots li { margin-bottom: 35px; }
/*.slick-track { padding-top: 30px; }*/
/*#ishome .slick iframe { width: 100px; height: 100px; }*/



/* Desktop */
@media (min-width: 1200px) { 
  .hero_slider .btn-primary { width: 280px !important; }
  .hero_slider .btn-secondary { width: 250px !important; margin-left: 30px !important; }
  .floatleft { float: left; }
  /*.varbase-heroslider-media .row { background-color: transparent !important; margin-left: 376px !important; }*/
  #ishome .hero_slider .row { background-color: transparent !important; margin-left: 376px !important; }
  .slick { margin-top: 20px; } .view-varbase-heroslider-media .slick { margin-top: -46px; }
  /*.slick-track { margin-left: -10px; }*/
  .slick-track ul { /*padding-left: 10px;*/ padding-right: 10px; }
  #ishome .hero_slider { top: -55px !important; margin-bottom: 0px; }
  #slide-rolex {
    margin-left: 25px;
    text-align: right;
  }

  #block-views-block-patrocinadores-block-1 {
      display: none;
  }
  
  #block-views-block-patrocinadores-block-2 ul {
      display: none;
  }
  
  /*Senarruzza*/
  .hero-slide-content { top: 11% !important }


  /*Senarruzza*/
  .hero_slider > div > section > div > div > div > div > div#slick-views-varbase-heroslider-media-varbase-heroslider-media-1-slider{
    height: 105.5vh !important;
    }
  }
  
  div#slide-rolex iframe {
    max-width: 100% !important;
  }

  .hero_slider h2 {
      font-size: 70px !important;
  }

 /* .hero-slide-content {
    top: 16vh !important;
  }*/
/****************************/

}

/* Tablet */
@media (min-width: 767px) and (max-width: 1200px) { 
  .hero_slider .btn-primary { width: 180px !important; }
  .hero_slider .btn-secondary { 
    width: 180px !important; 
    margin-left: 30px !important; 
  }
  .floatleft { float: left; }
  .hero_slider .slick__arrow { display: none; }
  /*.varbase-heroslider-media .row { background-color: transparent !important; margin-left: 260px !important; }*/
  #ishome .hero_slider .row { 
    background-color: transparent !important; 
    margin-left: 260px !important; 
  }
  .slick { margin-top: 20px; }
  .hero_slider h2 { font-size: 48px !important; }
  /*.slick-track { margin-left: -10px; }*/
  .slick-track ul { /*padding-left: 10px;*/ padding-right: 10px; }
  #ishome .hero_slider { margin-bottom: 0px; }
  .hero_slider .slick-track img { max-width: none; /*height: 80vh;*/ height: 100vh; width: auto; float: right; margin-right: -40vh; }
  #slide-rolex { text-align: center; }
  div#slide-rolex iframe {
    max-width: 100% !important;
  }
}

/* Container de bootstrap para tablets */
@media (min-width: 992px) and (max-width: 1024px) {
  .container {
    margin: 0 !important;
    max-width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .container {
    margin: 0 !important;
    max-width: 80% !important;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px){
  .hero-slide-content { 
    top: 11% !important; 
    left: 15% !important;
  }
  .hero_slider .field.field--name-node-title.field--type-ds.field--label-hidden.field--item h2 {
    line-height: 1;
    margin-bottom: 0px !important;
    font-size: 40px !important;
  }
}

/* Tablet */
@media (min-width: 1024px) and (max-width: 1200px) {
  .hero-slide-content { 
    top: 11% !important; 
    left: 15% !important;
  }
  .hero-slide-content .field h2 {
    line-height: 1;
    margin-bottom: 0px !important;
    font-size: 40px !important;
  }
}

/* Responsive */
@media (max-width: 767px) {
  .hero_slider .btn-primary { width: 100% !important; }
  .hero_slider .btn-secondary { 
    width: 100% !important; 
    margin-top: 15px; 
  }
  .hero_slider .container { padding-left: 0px; }
  .hero_slider .slick-track img { max-width: none; /*height: 80vh;*/ height: 100vh; width: auto; float: right; margin-right: -40vh; }
  .hero_slider h2 { font-size: 13.7vw !important; width: 90vw; }
  /*.varbase-heroslider-media .row { margin-left: auto !important; background-color: transparent !important; }*/
  #ishome .hero_slider .row { margin-left: 15px !important; background-color: transparent !important; }
  .floatleft {  }
  #slide-rolex { text-align: center; }
  
  /*Cuando Tiene una sola Imagen*/
  .hero_slider img { 
    float: right; 
    height: 100vh; 
    margin-right: -40vh; 
    max-width: none; 
    width: auto; 
  }
}

@media (min-width: 992px) and (max-width: 1024px){
  /*nav*/
  .menu.nav {
      width: 178px !important;
  }
  .menu.nav > li {
    width: 178px !important;
  }
  .dropdown-menu > li > a {
      white-space: normal !important;
  }

}

@media (min-width: 767px) and (max-width: 991px){
  /*nav*/
  .menu.nav {
      width: 145px !important;
  }
  .menu.nav > li {
    width: 145px !important;
  }
  .dropdown-menu > li > a {
      white-space: normal !important;
  }

}
