/* enter here your custom CSS code */

.horizontal-search .vrformfieldsetmod > div {
    vertical-align: baseline;
}
a.vre-btn.primary, button.vre-btn.primary {
    margin-left: 8px;
}
.bottomsearch {
  @media only screen and (min-width: 1265px) {
    background-image: url(/images/michelin-logo-2024-200px.png);
    background-repeat: no-repeat;
    background-position: 90%;
  }
}
.opening-popup {
    position: absolute;
    top: 150px;
    left: 15%;
    color: gold;
    font-size: 1.6rem;
    z-index: 100;
    text-shadow: 2px 2px 4px #000000;
       @media only screen and (max-width: 1265px) {
         top: 300px !important;
         left: 30% !important;
    }
}
.video-responsivo { 
   position: relative; 
   padding-bottom: 56.25%; 
   padding-top: 30px; 
   height: 0; 
   overflow: hidden; 
}
.video-responsivo iframe, .video-container object, .video-container embed {
   position: absolute; 
   top: 0; 
   left: 0; 
   width: 100%; 
   height: 100%; 
}


/* Mobile Language Icons */

.icons-menu .moduletable {
   z-index: 30;
   @media screen and (max-width: 1024px) {
     position: absolute;
     background-color: rgba(0, 0, 0, 0.8);
     border: 0;
     padding: 0;
     margin: 0;
     left: 50%;
   }
}

/* Mobile Button */

.menuresp-on #menumob-btn-ico {
   @media screen and (max-width: 1024px) {
     z-index: 2000;
     position: fixed;
     top: 2rem;
     left: initial;
     right: 0.5rem;
     font-size: 2rem;
     width: 45px;
     height: 45px;
     line-height: normal;
     background-color: rgba(0,0,0,.8);
     border-radius: 20px;
   }
}
#menumob-btn-ico span {
   @media screen and (max-width: 1024px) {
     height: 3px;
     width: 70%;
     left: 7px;
     background: #fff;
     margin-top: 8px;
   }
}

/* Logo Home */

#tbar-logo {
   position: absolute;
   z-index: 10;
   @media screen and (max-width: 1024px) {
     margin-top: 60px;
     max-width: 200px;
   }
}

#subfooter .grid-module > .moduletable {
   padding: 0;
}

/* The Fork iframe */

iframe#blockrandom-202 {
   position: absolute;
   top: -500px;
   z-index: 2000;
   right: 15%;
}


/* DESKTOP - MOBILE MODE */

.mobile-mode {
   @media screen and (min-width: 1024px) {
     display:none !important;
   }
}
.desktop-mode {
   @media screen and (max-width: 1023px) {
     display:none !important;
   }
}

div#errorpage-code img {
   width: 400px !important;
}