@charset "UTF-8";
/* CSS Document */
html {
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
}
body{
font-family: 'nunito_regular';
}
@media(max-width:768px){
html{
font-size: 14px;
}
}
:root {
--red: #e11e00;
}
.page_bg{
position: fixed;
z-index: 0;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-size: cover;
background-position: center center;
}
.full_bg{
background-size: cover;
background-position: center center;
}
.font_site { font-family: 'nunito_regular'; }
.font_bold, b, strong { font-family: 'futura_bold'; }
.font_tech { /* font-family: 'michromaregular'; */ font-family: 'Formula1_regular'; }
.font_f1_bold{ font-family: 'Formula1_bold'; }
.font_f1_wide{ font-family: 'Formula1_wide'; }
.font_f1_black{ font-family: 'Formula1_black'; }
.font_f1{ font-family: 'Formula1_regular'; }
.uppercase { text-transform: uppercase; }
.red_font { color: var(--red) !important; }
.font_white { color: white; }
.font_black {color: #000; }
.font_grey{ color: #9f9f9f; }
.txt_red { /* color: var(--red); */ color: var(--red); }
.alignLeft{ text-align: left; }
.alignRight{ text-align: right; }
.alignCenter{ text-align: center;}
.valign_top{ vertical-align: top; }
.yellow_link, .yellow_link:hover, yellow_link:focus, yellow_link:active { color: #FFC900;}
.red_link{ color: var(--red) !important; }
.width100 {
width: 100%;
}
a { outline: none !important; }
a {
color: var(--red);
}
.font_grey a {
color: #9f9f9f !important;
}
.font_red a{
color: var(--red) !important;
}
a.backpage {
font-size: 12px;
line-height: 12px;
text-decoration: none;
}
a.backpage:hover,
a.backpage:active {
color: var(--red);
text-decoration: none;
}
.hiden-div {
display: none;
opacity: 0;
}
.ghost-div {
opacity: 0;
pointer-events: none
}
.ghost-div.shown {
opacity: 1;
pointer-events: all;
}
.blue_button, .red_button, .grey_button, .black_button, .border_button, .white_button{
position: relative;
display: inline-block;
background-color: #1c243f;
border-radius: 5px;
/*
-moz-box-shadow: inset 0px -2px 2px rgba(42, 52, 83, .8);
-webkit-box-shadow: inset 0px -2px 2px rgba(42, 52, 83, .8);
box-shadow:inset 0px -2px 2px rgba(42, 52, 83, .8);
*/
text-shadow: 0px 0px 15px rgba(255,255,255,0.4);
cursor: pointer;
-webkit-transition: all 200ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
-moz-transition: all 200ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
-o-transition: all 200ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition: all 200ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
-moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
-o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
font-size: 15px;
text-transform: uppercase;
}
.blue_button:hover{
background-color: #2f3b62;
-moz-box-shadow: inset 0px -2px 1px rgba(42, 52, 83, .8);
-webkit-box-shadow: inset 0px -1px 2px rgba(42, 52, 83, .8);
box-shadow: inset 0px -1px 2px rgba(42, 52, 83, .3);
}
.blue_button:active, .red_button:active{
margin-top: 1px;
}
.blue_button a, .blue_button a:visited, .red_button a, .red_button a:visited, .grey_button a, .grey_button a:visited, .black_button a, .black_button a:visited, .white_button a, .white_button a:visited, .border_button a, .border_button a:visited, .border_button span{
color: white;
text-decoration: none;
padding: 5px 25px 7px;
display: block;
}
.blue_button a:hover, .red_button a:hover{
text-decoration: none;
}
.black_button span {
color: white;
text-decoration: none;
padding: 3px 15px 5px;
display: block
}
@media(max-width:992px) {
.blue_button, .red_button, .grey_button, .black_button, .border_button, .white_button {
margin-bottom: 10px;
}
}
.red_button{
background-color: var(--red);
-moz-box-shadow: inset 0px -2px 2px rgba(99, 16, 18, 0.7)
-webkit-box-shadow: inset 0px -2px 2px rgba(99, 16, 18, 0.7)
box-shadow:inset 0px -2px 2px rgba(99, 16, 18, 0.7)
}
.red_button:hover{
background-color: #c32414;
-moz-box-shadow: inset 0px -1px 2px rgba(80, 15, 8, 0.85);
-webkit-box-shadow: inset 0px -1px 2px rgba(80, 15, 8, 0.85);
box-shadow: inset 0px -1px 2px rgba(80, 15, 8, 0.85);
}
.white_button{
background-color: #fff;
-moz-box-shadow: inset 0px -2px 1px rgba(255, 255, 255, 0);
-webkit-box-shadow: inset 0px -1px 2px rgba(255, 255, 255, 0);
box-shadow: inset 0px -1px 2px rgba(255, 255, 255, 0);
}
.white_button:hover{
background-color: #dedede;
-moz-box-shadow: inset 0px -2px 1px rgba(0, 0, 0, .8);
-webkit-box-shadow: inset 0px -1px 2px rgba(0, 0, 0, .8);
box-shadow: inset 0px -1px 2px rgba(0, 0, 0, .8);
}
.white_button:active{
margin-top: 1px;
}
.white_button a, .white_button a:visited{
color: black;
}
.grey_button{
background-color: #5c5c5c;
-moz-box-shadow: inset 0px -2px 2px rgba(16, 16, 16, .8);
-webkit-box-shadow: inset 0px -2px 2px rgba(16, 16, 16, .8);
box-shadow:inset 0px -2px 2px rgba(16, 16, 16, .8);
}
.grey_button:hover{
background-color: #5c5c5c;
-moz-box-shadow: inset 0px -2px 1px rgba(16, 16, 16, .8);
-webkit-box-shadow: inset 0px -1px 2px rgba(16, 16, 16, .8);
box-shadow: inset 0px -1px 2px rgba(16, 16, 16, .8);
}
.black_button{
border: 2px solid #222126;
color: white;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#171719+0,222126+100 */
background: rgb(23,23,25); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(23,23,25,1) 0%, rgba(34,33,38,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(23,23,25,1) 0%,rgba(34,33,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(23,23,25,1) 0%,rgba(34,33,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171719', endColorstr='#222126',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-moz-box-shadow: inset 0px -2px 2px rgba(42, 52, 83, .0);
-webkit-box-shadow: inset 0px -2px 2px rgba(42, 52, 83, .0);
box-shadow:inset 0px -2px 2px rgba(42, 52, 83, .0);
}
.black_button a{
color: white;
}
.border_button{
border: 2px solid #222126;
color: #000;
background-color: transparent;
-moz-box-shadow: inset 0px 0px 0px rgba(42, 52, 83, 0);
-webkit-box-shadow: inset 0px 0px 0px rgba(42, 52, 83, 0);
box-shadow:inset 0px 0px 0px rgba(42, 52, 83, 0);
}
.border_button:hover{
border: 2px solid var(--red);
background-color: var(--red);
color: #fff;
}
.border_button.grey_border{
border: 2px solid #9f9f9f;
}
.border_button.grey_border:hover{
border: 2px solid #000;
background-color: transparent;
}
.border_button.grey_border a,
.border_button.grey_border span{
color: #000;
}
.border_button.white_border{
border: 2px solid #fff;
}
.border_button.white_border:hover{
border: 2px solid #fff;
background-color: #fff;
}
.border_button.white_border a{
color: #fff;
}
.border_button.white_border:hover a,
.border_button.white_border:hover span{
color: var(--red);
}
.border_button.grey_border.active {
border: 2px solid #f22e1a;
}
.border_button.grey_border.active a,
.border_button.grey_border.active span {
color: #f22e1a;
}
.buy_tickets_top_container {
position: absolute;
top: 70px;
right: 10px;
z-index: 80;
}
.button-ask {
font-size: 14px;
line-height: 16px;
color: #000;
border-color: #000;
padding: 8px 16px;
border-radius: 10px;
}
.button-ask a {
color: #000;
}
.button-ask i {
font-size: 16px;
line-height: 16px;
}
.button-ask:hover {
background-color: #000;
}
.button-ask:hover a {
color: #fff;
text-decoration: none;
}
.button-ask.hidden {
opacity: 0;
display: none;
pointer-events: none;
}
@media(max-width:991px) {
.button-ask {
font-size: 12px;
line-height: 14px;
}
.button-ask i {
font-size: 14px;
line-height: 14px;
}
}
.mexicogp_black_logo {
display: none;
}
/* toggle accordions */
.toggle_box{
position: relative;
width: 100%;
border: 2px solid #D8D8D8;
border-radius: 8px;
margin-bottom: 20px;
}
.toggle_box a.toggle_label{
position: relative;
display: block;
width: 100%;
color: #000;
padding: 30px 20px 30px;
}
.toggle_box a.toggle_label.flex{
display: flex;
}
.toggle_box a.toggle_label.collapsed{
padding: 30px 20px 30px;
}
.toggle_info{
padding: 0 70px 0 30px;
transform: translateY(-20px);
position: relative;
width: 100%;
}
.toggle_info p{
margin: 0;
}
.toggle_box .round_button_container{
position: absolute;
right: 30px;
top: 15px;
}
.toggle_box .round_button{
position: relative;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-content: center;
background-color: #000;
border-radius: 100%;
padding: 18px;
cursor: pointer;
}
.toggle_box .round_button img{
display: block;
transform: rotate(180deg);
}
.toggle_box .collapsed .round_button img{
display: block;
transform: rotate(0deg);
}
@media(max-width:768px){
.toggle_box a.toggle_label,
.toggle_box a.toggle_label.collapsed {
padding: 30px 65px 30px 20px;
}
.toggle_box .round_button_container {
position: absolute;
right: 10px;
top:25px;
}
.toggle_box .round_button {
width: 35px;
height: 35px;
padding: 11px;
}
}
/* toggle accordions */
.small_desc_font{
font-size: 9px;
line-height: 9px;
text-transform: uppercase;
}
.photo_shadow{
box-shadow: 0 17px 20px rgba(0,0,0,0.1);
}
/* SUBMENU */
.page_menu_submenu{
position: relative;
margin-bottom: 25px;
}
.page_menu_submenu.floating{
position: fixed;
left: calc(50% - 190px);
top: 440px;
width: 190px;
}
.page_menu_submenu .submenu_item,
.map_submenu .submenu_item {
display: inline-block;
font-size: 10px;
line-height: 9px;
text-transform: uppercase;
padding: 5px 5px 5px 25px;
border: 2px solid transparent;
border-radius: 40px;
margin-right:10px;
cursor: pointer;
background-color: transparent;
-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
-moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
-o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
-moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
-o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}
.page_menu_submenu .submenu_item .side-content-tabs {
width: calc(100% - 30px);
margin-top: 10px;
}
.page_menu_submenu .submenu_item.sub_menu_item {
border-radius: 20px;
pointer-events: none;
}
.page_menu_submenu .submenu_item.sub_menu_item .nav-link {
pointer-events: all;
font-size: 8px;
line-height: 8px;
color: #9f9f9f;
padding: 4px 12px;
margin: 0 0 5px;
width: 100%;
}
.page_menu_submenu .submenu_item.sub_menu_item .nav-link:hover {
color: var(--red);
}
.page_menu_submenu .submenu_item.sub_menu_item .nav-link.active {
pointer-events: none;
color: var(--red);
}
.map_submenu .submenu_item {
font-size: 10px;
line-height: 12px;
}
.page_menu_submenu .submenu_item span{
display: inline-block;
}
.page-template-temp_protocolo_sanidad .page_menu_submenu .submenu_item span,
.page-template-temp_informacion_generica_con_subemnu .page_menu_submenu .submenu_item span{
width: 70%;
vertical-align: middle;
}
.page_menu_submenu .submenu_item.active, .page_menu_submenu .submenu_item:hover, .map_submenu .submenu_item.active, .map_submenu .submenu_item:hover{
border: 2px solid #d0d0d0;
background-color: #fff;
}
.page_menu_submenu.floating .submenu_item, .map_submenu .submenu_item{
width: 100%;
display: block;
margin-bottom: 10px;
text-align: right;
padding: 5px;
right: 0;
position: relative;
}
/*
.page_menu_submenu.floating .submenu_item:hover{
width: 100%;
}
*/
.sub_menu_item .nav-link {
pointer-events: all;
font-size: 12px;
line-height: 12px;
color: #9f9f9f;
display: inline-block;
vertical-align: middle;
}
.sub_menu_item .nav-link:hover {
color: var(--red);
}
.sub_menu_item .nav-link.active {
pointer-events: none;
color: var(--red);
}
#menu-side-scroll {
height: 220px;
position: relative;
}
#menu-side-scroll:before {
content: '';
position: absolute;
height: 20%;
width: 100%;
bottom: 0;
z-index: 10;
background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
pointer-events: none;
}
a.button-block {
color: #212529;
text-decoration: none;
display: block;
width: 100%;
height: 100%;
}
a.button-block .font_red {
color: var(--red);
}
.button-block i {
font-size: 14px;
}
.button-block:hover {
border-color: #9f9f9f !important;
}
.button-block.active {
border-color: #9f9f9f !important;
}
.floating_button_text{
position: relative;
display: inline-block;
vertical-align: middle;
}
.floating_button_icon{
position: relative;
display: inline-block;
vertical-align: middle;
background-color: white;
color: black;
border-radius: 30px;
width: 30px;
height: 30px;
margin: 0 2px;
padding-top: 8px;
text-align: center;
transform: scale(1);
box-shadow: 0 3px 10px rgba(0,0,0,0.3);
-webkit-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
-moz-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
-o-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
-moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
-o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}
.page_menu_submenu .submenu_item.active .floating_button_icon, .page_menu_submenu .submenu_item:hover .floating_button_icon,
.map_submenu .submenu_item.active .map_submenu, .map_submenu .submenu_item:hover .floating_button_icon{
background-color: black;
color: white;
transform: scale(1.1);
margin: 0 2px 0 5px;
}
.floating_button_icon .fa{
position: relative;
}
.floating_button_icon svg {
position: relative;
height: 14px;
z-index: 1;
height: 30px;
margin-top: -7px;
fill:#000;
stroke: #000;
stroke-width: 1;
}
.floating_button_icon .st0 {
fill:#000;
stroke: #000;
stroke-width: 1;
}
.page_menu_submenu .submenu_item.active .floating_button_icon svg,
.page_menu_submenu .submenu_item:hover .floating_button_icon svg,
.page_menu_submenu .submenu_item.active .floating_button_icon .st0,
.page_menu_submenu .submenu_item:hover .floating_button_icon .st0 {
fill:#fff;
stroke: #fff;
stroke-width: 1;
}
.floating_button_icon .icon{
height: 15px;
width: auto;
-webkit-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
-moz-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
-o-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
-moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
-o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}
.single-informacion .floating_button_icon .icon, .page-template-temp_mapa_3D .floating_button_icon .icon{
filter:sepia(100%) saturate(300%) brightness(0%) hue-rotate(180deg);
height: 19px;
position: relative;
top: -2px;
}
.single-informacion .active .floating_button_icon .icon, .single-informacion .submenu_item:hover .floating_button_icon .icon, .page-template-temp_mapa_3D .submenu_item:hover .floating_button_icon .icon{
filter: initial;
}
.nano > .nano-pane > .nano-slider {
background: #000 !important;
background: rgba(0,0,0,1) !important;
position: relative;
margin: 0 1px;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0 !important;
}
.nano > .nano-pane {
background: rgba(0,0,0,0) !important;
width: 7px;
}
.nano > .nano-pane:after{
content: '';
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
background-color: #666;
}
.faded{
opacity: 0;
-webkit-transition: all 800ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
-moz-transition: all 800ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
-o-transition: all 800ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition: all 800ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
-moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
-o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}
.faded.in{
opacity: 1;
}
@media(max-height:850px){
.page_right_content{
padding-top: 130px;
}
.page_menu_submenu.floating {
top: 380px;
}
}
@media(max-width:1300px){
.section_title {
font-size: 58px;
line-height: 58px;
}
.page_menu_submenu.floating{
left: calc(50% - 140px);
width: 140px;
}
.page_menu_submenu .submenu_item, .map_submenu .submenu_item {
font-size: 9px;
padding: 5px 3px !important;
}
}
@media(max-width:1200px){
.section_title {
font-size: 48px;
line-height: 48px;
}
}
@media(max-width:992px){
.page_menu_submenu.floating{
position: relative;
width: 100%;
left: 0;
top: 0;
}
.page-template-temp_protocolo_sanidad .page_menu_submenu .submenu_item span,
.page-template-temp_informacion_generica_con_subemnu .page_menu_submenu .submenu_item span{
width: auto;
}
.page_menu_submenu.floating .submenu_item {
display: inline-block;
text-align: left;
width: auto;
}
.page_menu_submenu.floating .submenu_item {
/*vertical-align: top;*/
}
.page_menu_submenu .submenu_item.active span {
display: inline-block;
padding-left: 5px;
}
.page-template-temp_protocolo_sanidad .page_menu_submenu.floating .submenu_item {
display: inline-block;
width: auto;
}
.page_menu_submenu.floating .submenu_item .side-content-tabs {
display: none;
}
.floating_button_icon {
width: 25px;
height: 25px;
padding-top: 7px;
}
.button-block i {
font-size: 12px;
}
.floating_button_icon svg {
height: 22px;
margin-top: -5px;
}
.single-informacion .floating_button_icon .icon {
height: 18px;
top: -4px;
}
#menu-side-scroll {
height: auto;
}
#menu-side-scroll::before {
display: none;
}
#menu-side-scroll .nano-content {
position: relative;
text-align: center;
}
}
@media(max-width:767px){
.section_title {
font-size: 38px;
line-height: 38px;
}
.page_right_content{
margin: 0 auto;
max-width: none;
padding-top: 150px;
}
.page_right_content .page_title{
margin-bottom: 30px;
color: #fff;
text-shadow: 0 0 17px rgba(0,0,0,0.5);
font-size: 40px;
line-height: 42px;
}
.page_title{
font-size: 40px;
line-height: 42px;
}
}
@media(max-width:528px){
.page-template-temp_downloads_mexicogp .page_right_content {
padding-top: 110px;
}
}
@media(max-width:400px){
.page_right_content .page_title, .page_title{
font-size: 37px;
line-height: 39px;
}
.page_menu_submenu .submenu_item, .map_submenu .submenu_item{
margin-right: 0;
font-size: 8px;
line-height: 9px;
}
.floating_button_icon {
width: 25px;
height: 25px;
padding-top: 7px;
}
.page_menu_submenu .submenu_item.active .floating_button_icon, .page_menu_submenu .submenu_item:hover .floating_button_icon, .map_submenu .submenu_item.active .map_submenu, .map_submenu .submenu_item:hover .floating_button_icon{
transform: scale(1);
margin: 0 2px;
}
.button-block i {
font-size: 12px;
}
/*
#image_bg image{
width: 100%;
height: 50%;
}
*/
}
.fade_element{
opacity: 0;
-webkit-transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */
-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */
}
.in.fade_element{
opacity: 1;
}
/*MENU*/
#mxgp-fancy-menu {
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 100;
display: block;
width: 100%;
background-color: rgba(0,0,0,0);
height: 70px;
}
#mxgp-fancy-menu #inner-fancy {
margin: 20px auto 15px;
width: calc(100% - 40px);
text-align: left;
}
#mxgp-fancy-menu #logo_mxgp_d {
display: inline-block;
width: 250px;
}
#mxgp-fancy-menu #logo_mxgp_d a {
display: block;
position: relative;
}
#mxgp-fancy-menu #logo_mxgp_d .logo-dark {
/* position: relative; */
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
/* Version anterior
#mxgp-fancy-menu #logo_mxgp_d .logo-blanc {
position: relative;
top: 0;
left: 0;
opacity: 1;
}
*/
#mxgp-fancy-menu #logo_mxgp_d .logo-blanc {
position: relative;
top: -10px;
left: 0px;
opacity: 1;
height: 50px;
}
#mxgp-fancy-menu #contnet-fancy {
float: right;
width: 75%;
text-align: right;
}
#mxgp-fancy-menu .each-list {
display: inline-block;
vertical-align: top;
font-family: 'Formula1_bold', Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 11px;
line-height: 11px;
border-right: 1px solid #fff;
color: #fff;
/*padding-right: 0.5%;
margin-right: 0.5%;*/
padding-right: 1%;
margin-right: 1%;
}
#mxgp-fancy-menu .each-list.active,
#mxgp-fancy-menu .each-subtitle.active {
color: var(--red) !important;
}
#mxgp-fancy-menu .each-list.last {
border-right: 0px solid transparent !important;
margin-right: 0px !important;
padding: 0;
}
#mxgp-fancy-menu .each-list a {
color: inherit;
text-decoration: none;
outline: none;
}
#mxgp-fancy-menu .each-list i {
font-size: 18px;
line-height: 4px;
}
#mxgp-fancy-menu .each-title {
cursor: pointer;
display: block;
padding: 6px 0;
text-transform: uppercase;
}
#mxgp-fancy-menu .each-relative {
position: relative;
}
#mxgp-fancy-menu .each-submenu {
display: none;
opacity: 0;
position: absolute;
z-index: 2;
top: 19px;
color: #fff;
left: 0;
text-align: center;
margin-left: -25%;
}
#mxgp-fancy-menu .each-submenu.first-submenu {
margin-left: -50%;
}
#mxgp-fancy-menu .each-submenu.horario-submenu {
margin-left: -40%;
}
#mxgp-fancy-menu .each-submenu.loyalty-submenu {
margin-left: 10px;
}
#mxgp-fancy-menu .each-submenu.mexico-submenu {
margin-left: -60%;
}
#mxgp-fancy-menu .each-submenu.application-submenu {
margin-left: -10%;
}
#mxgp-fancy-menu .each-submenu.last-submenu {
right: 0;
left: inherit;
}
#mxgp-fancy-menu .each-subinner {
background-color: rgba(14, 14, 14, 0.95);
margin-top: 31px;
padding: 10px 0;
}
#mxgp-fancy-menu .each-subtitle {
display: block;
margin-bottom: 10px;
width: 160px;
padding: 4px 10px;
text-transform: uppercase;
font-size: 11px;
line-height: 13px;
}
#mxgp-fancy-menu .each-subtitle:last-child {
margin-bottom: 0;
}
#mxgp-fancy-menu .search-fancy {
display: none;
opacity: 0;
}
#mxgp-fancy-menu .each-list.menu-force-red {
color: var(--red) !important;
}
#elements_menu_mxgp .mobile-list.menu-force-red .mobile-title {
background-color: var(--red) !important;
}
#init_menu_mxgp {
position: absolute;
left: 0px;
top: 0px;
z-index: 100;
padding-top: 30px;
padding-bottom: 8px;
background-color:transparent;
display: none;
-webkit-transition: background-color 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition: background-color 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition: background-color 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: background-color 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */
-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */
}
#init_menu_mxgp #logo_menu_mxgp {
display: inline-block;
vertical-align: middle;
}
#init_menu_mxgp.fixed{
position: fixed;
top: -100px;
background-color: rgba(255,255,255,1);
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
-webkit-transition: padding-top 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition: padding-top 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition: padding-top 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: padding-top 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */
-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */
}
#init_menu_mxgp.fixed.top{
padding-top: 124px;
}
#init_menu_mxgp.fixed.top .mexicogp_white_logo{
display: none;
}
#init_menu_mxgp.fixed.top .mexicogp_black_logo{
display: block;
}
#init_menu_mxgp.fixed.top #open_menu_mxgp{
color: #000;
}
/*
#init_menu_mxgp #logo_menu_mxgp img,
#content_menu_mxgp #logo_menu_mxgp_inner img {
margin-top: 5px;
height: 40px;
}
*/
#init_menu_mxgp #open_menu_mxgp {
display: inline-block;
vertical-align: middle;
font-size: 24px;
line-height: 24px;
cursor: pointer;
background-color: #fff;
color: #000;
padding: 5px 13px;
height: 35px;
width: 35px;
}
#content_menu_mxgp {
display: none;
opacity: 0;
position: fixed;
left: 20px;
top: 20px;
z-index: 110;
width: calc(100% - 40px);
height: calc(100% - 40px);
text-align: right;
color: #000;
background-color: #fff;
overflow: hidden;
}
#content_menu_mxgp #close_menu_mxgp {
display: inline-block;
margin: 10px 10px 0 0;
color: #000;
cursor: pointer;
font-size: 25px;
line-height: 25px;
}
#content_menu_mxgp #elements_menu_mxgp {
position: absolute;
top: 10%;
left: 5%;
width: 90%;
height: 80%;
align-items: center;
justify-content: center;
display: table;
}
#content_menu_mxgp #elements_menu_mxgp #links_menu {
position: relative;
display: table-cell;
vertical-align: middle;
top: 0;
bottom: 0;
margin: auto;
width: 100%;
}
#content_menu_mxgp #elements_menu_mxgp .limitW {
max-width: 420px;
}
#content_menu_mxgp #elements_menu_mxgp .element_link {
margin-bottom: 30px;
text-align: left;
height: 60px;
position: relative;
pointer-events: none;
}
#content_menu_mxgp #elements_menu_mxgp .lineBlock {
display: inline-block;
vertical-align: bottom;
margin: 0;
text-transform: uppercase;
color: #000;
text-align: left;
}
#content_menu_mxgp #elements_menu_mxgp .lineBlock a,
#content_menu_mxgp #elements_menu_mxgp .sub_menu_content a {
text-decoration: none;
color: inherit;
}
#content_menu_mxgp #elements_menu_mxgp .lineBlock a:hover,
#content_menu_mxgp #elements_menu_mxgp .sub_menu_content a:hover {
text-decoration: none;
color: inherit;
}
#content_menu_mxgp #elements_menu_mxgp .red_line {
position: absolute;
display: none;
height: 2px;
width: 110%;
background-color: var(--red);
left: 0;
bottom: 0;
}
#content_menu_mxgp #elements_menu_mxgp .title_menu:hover .red_line,
#content_menu_mxgp #elements_menu_mxgp .sub_menu_content p:hover .red_line {
display: block;
}
#content_menu_mxgp #elements_menu_mxgp .number_menu {
font-family: 'fest_bold', Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 60px;
line-height: 60px;
width: 55px;
margin-right: 5px;
}
#content_menu_mxgp #elements_menu_mxgp .title_menu {
font-family: 'goth_medium', Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 25px;
line-height: 33px;
cursor: pointer;
position: relative;
pointer-events: all;
}
#content_menu_mxgp #elements_menu_mxgp .title_menu.small_text {
font-size: 20px;
}
#content_menu_mxgp #elements_menu_mxgp .sub_menu_content {
display: none;
opacity: 0;
vertical-align: middle;
pointer-events: all;
}
#content_menu_mxgp #elements_menu_mxgp .sub_menu_content p {
font-family: 'goth_medium', Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 15px;
line-height: 30px;
margin: 0;
position: relative;
}
#content_menu_mxgp #logo_menu_mxgp_inner {
position: absolute;
top: 20px;
left: 20px;
z-index: 0;
}
#blackout_menu_mxgp {
display: none;
opacity: 0;
position: fixed;
top:0;
left: 0;
z-index: 109;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.6);
}
#menu_bg{
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: #fff;
background-image: url('../images/statics/white_bg.jpg');
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
#menu_bg .bg_big_number{
position: absolute;
left: auto;
right: 50px;
top: -270px;
bottom: -300px;
font-size: 800px;
line-height: 800px;
color: #e02224;
font-family: "fest_bold", Helvetica, Arial, "Lucida Grande", sans-serif;
}
#div-lang {
position: absolute;
bottom: 35px;
right: 20px;
color: #000;
text-decoration: none;
display: inline-block;
z-index: 1;
}
#div-lang a,
#div-lang a:hover,
#div-lang a:visited {
color: #000;
text-decoration: none;
font-family: 'goth_medium', Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 12px;
line-height: 12px;
/* margin-left: 10px; */
font-size: 12px;
}
#div-lang span {
vertical-align: middle;
}
#mxgp-fancy-menu.active {
background-color: rgba(14, 14, 14, 0.95) !important;
}
#mxgp-fancy-menu.active .each-list {
color: #fff;
border-right: 1px solid #fff;
}
#mxgp-fancy-menu.menu-v2 {
}
#mxgp-fancy-menu.menu-v2 #logo_mxgp_d {
margin-top: -10px;
}
#mxgp-fancy-menu.menu-v2 #logo_mxgp_d .logo-blanc {
top: 0 !important;
}
#mxgp-fancy-menu.menu-v2 #inner-fancy {
padding: 20px 0;
margin: 0 auto;
/*width: 100%;*/
}
#mxgp-fancy-menu.menu-v2 #contnet-fancy {
float: none;
position: absolute;
/*top: 20px;*/
right: 20px;
}
#mxgp-fancy-menu.menu-v2 .search-fancy {
position: absolute;
/*top: 20px;*/
right: 20px;
width: 75%;
text-align: right;
display: block !important;
/*top: -100%;*/
}
#mxgp-fancy-menu.menu-v2 .search-fancy.active {
display: block !important;
opacity: 1 !important;
}
#mxgp-fancy-menu.menu-v2 #searchsubmit-two {
padding: 5px 20px;
font-size: 14px;
line-height: 14px;
}
#mxgp-fancy-menu.menu-v2 .slide-up {
top: -50px;
}
#mxgp-fancy-menu.menu-v2 .slide-on {
top: 20px;
}
.bounce_in_animation {
-webkit-transition: all 800ms cubic-bezier(0.315, 1, 0.530, 0.940); /* older webkit */
-webkit-transition: all 800ms cubic-bezier(0.315, 1.510, 0.530, 0.940);
-moz-transition: all 800ms cubic-bezier(0.315, 1.510, 0.530, 0.940);
-o-transition: all 800ms cubic-bezier(0.315, 1.510, 0.530, 0.940);
transition: all 800ms cubic-bezier(0.315, 1.510, 0.530, 0.940); /* custom */
-webkit-transition-timing-function: cubic-bezier(0.315, 1, 0.530, 0.940); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.315, 1.510, 0.530, 0.940);
-moz-transition-timing-function: cubic-bezier(0.315, 1.510, 0.530, 0.940);
-o-transition-timing-function: cubic-bezier(0.315, 1.510, 0.530, 0.940);
transition-timing-function: cubic-bezier(0.315, 1.510, 0.530, 0.940); /* custom */
}
/* MENU 2020 */
#menu_container{
position: fixed;
left: 0;
right: 0;
top:-150px;
width: 97%;
margin: 0 auto;
z-index: 1000;
-webkit-transition: all 1200ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-moz-transition: all 1200ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-o-transition: all 1200ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
transition: all 1200ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
-o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
#menu_container.in{
top:35px;
}
#menu_logo{
position: absolute;
left: 0px;
width: 300px;
top: -1px;
}
#menu_items_container{
position: relative;
width: calc(100% - 325px);
margin-left: 320px;
font-size: 10px;
line-height: 13px;
letter-spacing: 1px;
text-transform: uppercase;
display: none;
}
#menu_items_container:after{
content: '';
position: absolute;
left: 0;
top: 0;
background-color: #fff;
border-radius: 30px;
width: 100%;
height: 100%;
z-index: 0;
box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}
#menu_items_container .menu_item{
position: relative;
display: inline-block;
padding: 0 10px;
cursor: pointer;
z-index: 1;
text-align: left;
-webkit-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
-moz-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
-o-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
-moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
-o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
}
#menu_items_container .menu_item_title{
display: block;
padding: 14px 0;
position: relative;
z-index: 2;
}
#menu_items_container .menu_item.active .menu_item_title, #menu_items_container .menu_item:hover .menu_item_title {
/* background-color: var(--red); */
color: #fff;
}
#menu_items_container .menu_item:first-child.active .menu_item_title{
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
#menu_items_container .menu_item .menu_item_title span{
position: relative;
z-index: 1;
}
/*
#menu_items_container .menu_item .menu_item_title:before{
content: '';
position: absolute;
width: 0%;
height: 100%;
left: 50%;
top: 0;
background-color: var(--red);
z-index: 0;
}
#menu_items_container .menu_item.active .menu_item_title:before, #menu_items_container .menu_item:hover .menu_item_title:before{
left: 0;
width: calc(100% + 1px);
height: 100%;
}
*/
#menu_items_container .menu_item:before{
content: '';
position: absolute;
left: 50%;
top: 0;
z-index: 1;
width: 0;
height: 0;
border-bottom: 41px solid var(--red);
border-left: 0px solid transparent;
}
#menu_items_container .menu_item:after{
content: '';
position: absolute;
right: 50%;
top: 0;
z-index: 1;
width: 0;
height: 0;
border-top: 41px solid var(--red);
border-right: 0px solid transparent;
}
#menu_items_container .menu_item.active:first-child:before{
border-bottom: 0 solid transparent;
border-left: 0 solid transparent;
width: 40px;
height: 100%;
background-color: var(--red);
border-radius: 30px;
left: -8px;
}
#menu_items_container .menu_item.active:before, #menu_items_container .menu_item:hover:before{
left: -8px;
width: 95%;
border-bottom: 41px solid var(--red);
border-left: 18px solid transparent;
}
#menu_items_container .menu_item.active:after, #menu_items_container .menu_item:hover:after{
right: -8px;
width: 98%;
border-top: 41px solid var(--red);
border-right: 18px solid transparent;
}
/* Green button for race 2024 */
#menu_items_container .menu_item:nth-child(2):before{
border-bottom: 41px solid #0d9e73;
}
#menu_items_container .menu_item:nth-child(2):after{
border-top: 41px solid #0d9e73;
}
#menu_items_container .menu_item.active:nth-child(2):before, #menu_items_container .menu_item:nth-child(2):hover:before{
left: -8px;
width: 95%;
border-bottom: 41px solid #0d9e73;
border-left: 18px solid transparent;
}
#menu_items_container .menu_item.active:nth-child(2):after, #menu_items_container .menu_item:nth-child(2):hover:after{
right: -8px;
width: 98%;
border-top: 41px solid #0d9e73;
border-right: 18px solid transparent;
}
#menu_items_container .menu_item:nth-child(2) .menu_item_submenu_container a:hover {
color: #0d9e73;
}
/* Green button for race 2024 */
#menu_items_container .menu_item:before, #menu_items_container .menu_item:after, #menu_items_container .menu_item .menu_item_title, #menu_items_container .menu_item .menu_item_title:before, #menu_items_container .menu_item_title a{
-webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-moz-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-o-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
-o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
#menu_items_container .menu_item_submenu_container{
position: absolute;
left: -8px;
top: 25px;
padding-top: 15px;
display: block;
height: 0px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
overflow: hidden;
z-index: 0;
box-shadow: 0 40px 20px rgba(0,0,0,0);
-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
-o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
#menu_items_container .menu_item:first-child .menu_item_submenu_container{
left: 14px;
}
#menu_items_container .menu_item:hover .menu_item_submenu_container{
box-shadow: 0 20px 20px rgba(0,0,0,0.2);
}
#menu_items_container .menu_item_submenu{
position: relative;
width: auto;
background-color: #fff;
padding: 10px 5px;
}
#menu_items_container a{
position: relative;
display: block;
color: #212529;
text-decoration: none;
white-space: nowrap;
}
#menu_items_container .menu_item_submenu_container a{
padding: 10px;
}
#menu_items_container .menu_item.active a, #menu_items_container .menu_item_title a:hover, #menu_items_container .menu_item_title:hover a{
color: #fff;
}
#menu_items_container .menu_item.active .menu_item_submenu_container a{
color: #212529;
}
#menu_items_container .menu_item.active .menu_item_submenu_container a:hover, #menu_items_container .menu_item .menu_item_submenu_container a:hover{
color: var(--red);
}
#menu_items_container .menu_item.searching{
opacity: 0;
pointer-events: none;
}
#menu_search_btn{
position: absolute;
right: 14px;
top: 10px;
z-index: 2;
font-size: 18px;
cursor: pointer;
}
#menu_search_btn:hover{
color: var(--red);
}
#menu_search_btn.searching{
transform: scale(0);
pointer-events: none;
}
#search_form{
position: absolute;
right: 8px;
top: 0;
z-index: 2;
width: 0;
text-align: right;
overflow: hidden;
font-size: 13px;
}
#search_form.searching{
width: 100%;
}
#buscar_menu {
position: relative;
padding: 9px;
width: 100%;
min-width: 400px;
}
#buscar_menu input[type=text]{
border: 0px solid #000;
background-color: #828282;
padding: 5px 15px;
display: inline-block;
width: 81%;
margin: 0;
color: #fff;
font-size: 12px;
text-transform: uppercase;
}
#buscar_menu label{
display: none;
}
#buscar_menu .close-search-bar{
font-size: 16px;
color: #212529;
position: absolute;
right: 10px;
}
#buscar_menu div{
width: 97%;
}
#search_form, #menu_search_btn{
-webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-moz-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-o-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
-o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
#buscar_menu #searchsubmit-two {
font-size: 10px;
width: 17%;
padding: 3px;
border-radius: 30px;
}
#mobile_menu_logo{
position: absolute;
left: 16px;
top: 20px;
width: 80px;
}
#buscar_menu #searchsubmit {
border: 1px solid #000;
border-radius: 20px;
outline: none;
background: transparent;
padding: 5px 10px;
margin: 0;
text-transform: uppercase;
}
/*
.mobile-title{
margin-bottom: 15px;
}
*/
@media(max-width:1250px){
#menu_items_container{
font-size: 10px;
line-height: 13px;
letter-spacing: 0px;
}
}
@media(max-width:1150px){
#menu_items_container .menu_item{
padding: 0 8px;
}
#menu_items_container .menu_item.active:before, #menu_items_container .menu_item:hover:before{
border-left: 13px solid transparent;
}
#menu_items_container .menu_item.active:after, #menu_items_container .menu_item:hover:after{
border-right: 13px solid transparent;
}
#menu_items_container .menu_item.active:first-child:before{
left: -12px;
}
}
@media(max-width:1080px){
#menu_items_container{
font-size: 10px;
font-family: 'futura_bold';
}
#menu_logo {
width: 200px;
top: 5px;
}
#menu_container{
width: 100%;
}
#menu_items_container {
width: calc(100% - 230px);
margin-left: 220px;
}
#menu_items_container .menu_item {
padding: 0 5px;
}
}
@media(max-width:890px){
#menu_items_container{
font-size: 9px;
}
#menu_items_container .menu_item {
padding: 0 2px;
}
#menu_logo {
width: 185px;
top: 5px;
left: 3px;
}
#menu_items_container {
width: calc(100% - 212px);
margin-left: 205px;
}
#menu_items_container .menu_item.active:before, #menu_items_container .menu_item:hover:before{
border-left: 10px solid transparent;
}
#menu_items_container .menu_item.active:after, #menu_items_container .menu_item:hover:after{
border-right: 9px solid transparent;
}
}
@media(max-width:767px){
#menu_container{
display: none;
}
#buscar_menu{
min-width: auto;
text-align: center;
}
#searchsubmit{
position: relative;
padding-top: 10px;
font-size: 13px;
}
#buscar_menu input[type=text]{
margin-bottom: 10px;
}
}
/*
#menu_search_btn{
position: relative;
display: inline-block;
right: auto;
top: 2px;
}
*/
/*MENU*/
/* HEADER RSS */
#header_rss_container{
position: absolute;
left: 0;
top: 0;
text-align: right;
width: 100%;
height: 30px;
z-index: 100;
font-size: 11px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+44,1+85 */
background: -moz-linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 44%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 44%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 44%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
display: none;
}
#header_rss_container.fixed{
position: fixed;
top: -100px;
-webkit-transition: padding-top 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition: padding-top 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition: padding-top 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: padding-top 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */
-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */
}
#header_rss_container.fixed.top{
padding-top: 98px;
}
#header_rss_container .fa,
#header_rss_container .icon{
font-size: 14px;
margin: 0 3px;
position: relative;
top: 3px;
padding: 0 2px;
}
#header_rss_container a {
color: #000;
}
.header_col{
position: relative;
display: inline-block;
vertical-align: middle;
padding: 5px 14px;
}
#header_contact{
position: relative;
top: 2px;
}
#header_contact a{
color: #000;
}
#header_contact a:hover, #header_rss_container a:hover{
color: var(--red);
}
#header_rss_container.fixed.top a{
color: #000;
}
@media(max-width:767px){
.header_col{
padding: 5px;
}
#header_rss_container .fa{
margin: 0 1px;
}
#header_rss_container{
font-size: 10px;
}
.page-template-temp_terminos #header_rss_container a, .page-template-temp_informacion_generica #header_rss_container a, .page-template-temp_mapa_3D #header_rss_container a, .page-template-temp_boletos_scroll #header_rss_container a{
color: #000 !important;
}
.page-template-temp_terminos #init_menu_mxgp #open_menu_mxgp,
.page-template-temp_mapa_3D #init_menu_mxgp #open_menu_mxgp,
.page-template-temp_boletos_scroll #init_menu_mxgp #open_menu_mxgp,
.single-mediacenter #init_menu_mxgp #open_menu_mxgp,
.page-template-temp_boletos_corporativos_scroll #init_menu_mxgp #open_menu_mxgp {
color: #000 !important;
}
.page-template-temp_home #header_rss_container a,
.page-template-temp_noticias_portal #header_rss_container a,
.single-informacion #header_rss_container a,
.page-template-temp_grand_prix #header_rss_container a,
.page-template-temp_horarios_grandprix #header_rss_container a,
.page-template-temp_mediacenter #header_rss_container a,
.page-template-temp_downloads_grid #header_rss_container a,
.page-template-temp_info_page #header_rss_container a,
.page-template-temp_voluntarios_2020 #header_rss_container a {
color: #fff;
}
}
@media(max-width:450px){
#header_rss_container .fa{
margin: 0 1px;
font-size: 11px;
padding: 0 1px;
}
.header_col {
padding: 5px 2px;
}
#header_contact {
font-size: 9px;
}
#header_rss_container{
background: -moz-linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, */
background: none;
}
.single-noticia #header_rss_container{
background: -moz-linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 44%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 44%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 44%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
}
/*RSS RIGTH*/
#rss_fixed {
position: fixed;
top: 0;
bottom: 0;
left: 0;
height: 100%;
width: 8.33333333%;
text-align: center;
vertical-align: middle;
margin: 0;
padding: 0;
z-index: 1;
display: table;
}
#rss_fixed #rss_content {
display: table-cell;
width: 80px;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
height: 150px;
}
#rss_fixed .rotate {
/* Safari */
-webkit-transform: rotate(-90deg);
/* Firefox */
-moz-transform: rotate(-90deg);
/* IE */
-ms-transform: rotate(-90deg);
/* Opera */
-o-transform: rotate(-90deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#rss_fixed .seccion_inner {
display: inline-block;
width: 50%;
vertical-align: middle;
position: relative;
}
#rss_fixed .left.seccion_inner {
width: 30%;
}
#rss_fixed .text {
display: block;
margin-top: 27px;
font-family: 'goth_medium', Helvetica, Arial, "Lucida Grande", sans-serif;
text-transform: uppercase;
font-size: 12px;
line-height: 12px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: -35px;
margin: auto;
width: 80px;
}
#rss_fixed .each_rss {
display: block;
text-align: center;
background-color: #000;
margin-bottom: 10px;
padding: 6px;
width: 26px;
height: 26px;
vertical-align: middle;
overflow: hidden;
opacity: 0.7;
}
#rss_fixed .each_rss:hover {
opacity: 1;
}
#rss_fixed .each_rss i {
font-size: 15px;
color: #fff;
height: 25px;
vertical-align: middle;
}
/*RSS RIGTH*/
/* SHARE BTNS */
.share-btn{
/* font-family: "goth_medium", Helvetica, Arial, "Lucida Grande", sans-serif; */
text-align: right;
margin: 14px 0;
}
.share-btn-title{
margin-right: 5px;
vertical-align: bottom;
line-height: 16px;
}
.share-btn a, .share-btn a:visited, .share-btn a:focus{
color: #000;
background-color: #000;
display: inline-block;
text-align: center;
padding: 2px;
min-width: 25px;
}
.share-btn a:hover{
color: var(--red);
}
/* SHARE BTNS */
/* CONTACT */
#social-contact, #footer_buy_link {
display: inline-block;
vertical-align: bottom;
}
#social-contact a, #footer_buy_link a {
display: block !important;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
padding: 6px 20px 8px;
color: #fff !important;
}
#social-contact a:hover,
#social-contact a:visited, #footer_buy_link a:hover. #footer_buy_link:visited {
color: inherit;
}
#footer_buy_link{
margin-right: 8px;
}
/* CONTACT */
/* POPUP CMS */
#homePopupCont.postCookie {
display: none;
}
#homePopupCont {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.2);
z-index: 99999;
overflow: scroll;
min-height: 670px;
}
#homePopup {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: inline-block;
width: 90%;
max-width: 1000px;
height: 563px;
}
#homePopup #homePopup-html {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
}
#homePopup .popup-link {
display: block;
margin: 0 auto;
}
#homePopup .div-texto {
position: absolute;
display: block;
width: 100%;
text-align: center;
color: #fff;
font-size: 30px;
}
#homePopup .div-texto.Medio {
top: 40%;
}
#homePopup .div-texto.Inferior {
bottom: 10%;
}
#homePopup-img {
width: 100%;
}
#homePopup-close {
width: 30px;
height: 30px;
cursor: pointer;
display: inline-block;
background-size: cover;
color: transparent;
position: absolute;
top: -40px;
right: 0;
font-size: 30px;
line-height: 30px;
color: #fff;
}
#homePopup iframe {
border: none;
overflow: hidden;
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.page-template-temp_home_cobertura_grid-php #homePopupCont {
background-color: rgba(0,0,0,0.9);
}
.page-template-temp_home_cobertura_grid-php #homePopup-close {
background: none;
border: 0;
color: #fff;
text-align: right;
}
.page-template-temp_home_cobertura_grid-php #homePopup-close i {
font-size: 25px;
line-height: 25px;
}
/* POPUP CMS */
/* BACKGROUNDS */
.bg_section_name{
display: none !important;
opacity: 0 !important;
position: absolute;
right: 15px;
top: 15px;
font-family: "goth_medium", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 16px;
color: #333;
}
.bg_section_name_num{
font-size: 36px;
font-family: "fest_bold", Helvetica, Arial, "Lucida Grande", sans-serif;
margin-right: 2px;
}
.bg_section_name img{
margin-bottom: 12px;
margin-right: 2px;
}
/* MOBILE SECTIONS */
.mobileNumber {
margin: 0;
display: none !important;
}
.mobile_section_title{
font-family: "goth_medium", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 30px;
}
.mobile_section_title_num{
font-size: 60px;
font-family: "fest_bold", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.mobile_section_title img{
margin-bottom: 15px;
}
/* MODAL */
.modal_container{
position: fixed;
z-index: 1000;
display: none;
justify-content: center;
align-items: center;
left: 0;
top: 0;
width: 100vw;
max-width: 100%;
height: 100vh;
min-height: 700px;
background-color: rgba(0,0,0,0.1);
}
.modal_container.in{
display: flex;
}
.modal_box{
position: relative;
width: 90%;
max-width: 700px;
background-color: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
.modal_close_container{
background-color: var(--red);
color:#fff;
display: flex;
justify-content: flex-end;
padding: 5px 15px;
}
.modal_close_container .open_modal,
.modal_close_container .close_btn{
cursor: pointer;
color: #fff;
}
.modal_content{
padding: 2vw;
font-size: 1rem;
}
.modal_content h4{
font-size: 1.2rem;
}
.open_modal{
background-color: var(--red);
border-radius: 100%;
width: 20px;
height: 20px;
display: inline-block;
color: #fff;
vertical-align: middle;
padding: 5px 6px;
font-size: 1rem;
line-height: 0.7rem;
font-weight: bold;
}
.open_modal:hover{
color: #fff;
}
.close_modal_btn{
text-align: right;
}
.close_modal_btn img{
margin-right: -15px;
}
@media(max-height:800px){
.modal_content{
font-size: 0.8rem;
}
.modal_content h4{
font-size: 1rem;
}
}
@media(max-height:700px){
.modal_content{
font-size: 0.7rem;
}
.modal_content h4{
font-size: 0.8rem;
}
}
/* FOOTER */
#footer-container {
position: relative;
display: block;
opacity: 1;
width: 100%;
color: #f9f9f9;
bottom: 0;
left: 0px;
right: 0px;
z-index: 10;
margin: 0 auto;
padding: 10px 0;
}
#footer-container.footer {
font-family: "goth_medium", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 7px;
line-height: 7px;
text-align: left;
}
#footer-container.footer p {
font-size: 7px;
line-height: 7px;
color: #7f7f7f;
}
/*
#footer-container.footer-white {
position: absolute;
/*background-color: rgba(0,0,0,0.3);* /
}
*/
#footer-container.footer-solidus {
position: relative;
background-color: rgba(0,0,0,1);
}
#footer-container #bottomFooter {
width: 98%;
display: block;
margin: 0 auto;
}
#footer-container .footerContMc p {
margin-top: 3px;
margin-bottom: 0px;
}
#footer-container a,
#footer-container a:hover,
#footer-container a:focus,
#footer-container a:visited {
color: var(--red);
text-decoration: none;
}
#footerPatrocinadores{
position: absolute;
left: 0px;
top: 5px;
}
#footerPatrocinadores img{
height: 20px;
margin: 0 2px;
}
#footerPatrocinadores_mobile {
position: relative;
padding: 10px 0;
}
#footerPatrocinadores a,
#footerPatrocinadores_mobile a {
display: inline-block;
vertical-align: bottom;
margin-right: 5px;
}
#footer-container .footer_logo-heineken {
height: 20px;
}
/*#footerPatrocinadores img,
#footerPatrocinadores_mobile img{
margin-top: -5px;
margin-left: 5px;
}*/
#footer-container #alucina {
padding: 0;
opacity: 0.6;
}
#footer-container #alucina a {
color: var(--red);
margin: 0;
}
.footerContMc table tr td{
padding: 0 3px;
border: 0;
}
.cookies-footer {
display: none;
opacity: 0;
position: fixed;
bottom: 0px;
left: 0;
z-index: 1000;
background-color: #000;
background-color: rgba(0,0,0,0.9);
width: 100%;
color: #fff;
font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 9px;
line-height: 11px;
}
.cookies-footer .cookies-content {
width: 85%;
padding: 10px 0;
margin-left: 5%;
}
.cookies-footer .cookies-content a {
color: var(--red);
}
.cookies-footer .cookies-close-btn {
position: absolute;
right: 5px;
height: 20px;
width: 20px;
top: 5px;
margin: auto;
text-align: center;
cursor: pointer;
z-index: 10;
}
.cookies-footer .cookies-close-btn i {
font-size: 20px;
line-height: 20px;
}
.legal_links{
position: relative;
}
#footer_legal_info{
position: relative;
padding-left: 173px;
}
.footerContMc{
position: relative;
}
#notice_popup{
position: fixed;
bottom: 110px;
left: 10px;
padding: 10px;
width: calc(100% - 15px);
max-width: 570px;
font-size: 0.8rem;
z-index: 100;
display: none;
}
#notice_popup .close_btn{
position: absolute;
z-index: 2;
right: 0;
background-color: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
border:1px solid #393939;
top: -10px;
font-size: 1.4rem;
}
#notice_popup .popup_container{
position: relative;
display: flex;
background-color: #fff;
border-radius: 20px;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
overflow: hidden;
}
#notice_popup .popup_container .bell{
background-color: #fe4737;
padding: 15px;
display: flex;
justify-content: center;
align-items: center;
}
#notice_popup .popup_container .bell img{
width: 70px;
height: 70px;
object-fit: cover;
}
#notice_popup .popup_container .text{
padding: 22px;
}
@media(max-width:767px){
#footer_legal_info{
padding-left: 0px;
}
#footerPatrocinadores{
position: relative;
padding: 10px 0;
}
#footer-container #alucina {
padding: 5px 0;
}
#notice_popup{
left: 0;
width: 100%;
bottom: 50px;
}
#notice_popup .popup_container .bell img{
object-fit: cover;
}
#notice_popup .popup_container .text {
padding: 10px;
}
}
/*APP HOME*/
#app_action {
display: inline-block;
margin-right: 4px;
vertical-align: middle;
}
#app_action .app_show {
font-family: "goth_medium", Helvetica, Arial, "Lucida Grande", sans-serif;
display: block;
font-size: 11px;
line-height: 11px;
text-transform: uppercase;
padding: 6px 8px;
border: 2px solid #7f7f7f;
border-radius: 6px;
color: #7f7f7f !important;
/*cursor: pointer;*/
width: 44px;
width: 102px;
text-align: center;
}
#app_action .app_hide {
display: none;
opacity: 0;
text-align: center;
width: 44px;
width: 94px;
}
#app_action .app_link {
display: inline-block;
vertical-align: top;
margin: 0 2px;
margin: 0 10px;
}
/* SOCIAL */
#social_networks {
position: absolute;
bottom: 15px;
right: 20px;
z-index: 11;
font-size: 18px;
text-align: right;
}
#social_networks h5 {
color: white;
font-family: "goth_medium", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
margin-bottom: 5px;
font-size: 12px;
line-height: 12px;
margin-top: 0;
padding-right: 5px;
}
#social_networks span {
padding: 0;
width: 25px;
height: 30px;
text-align: center;
color: #7f7f7f;
font-size: 16px;
line-height: 30px;
}
#social_networks a {
color: #fff;
display: inline-block;
}
#social_networks a:hover {
text-decoration: none;
color: white;
}
/* LANG FLAGS */
#div-lang {
position: relative;
bottom: 0;
right: 0;
color: #fff;
text-decoration: none;
display: inline-block;
z-index: 1;
font-size: 12px;
/*
display: table;
width: 100%;
*/
}
#div-lang a {
/* margin-left: 0 !important; */
/* margin-right: 10px; */
margin: 0 5px;
}
#div-lang span {
font-size: 12px;
line-height: 12px;
color: #7f7f7f;
}
/* FOOTER */
#mobile_number_top {
display: none;
}
/* RIGHT MENU */
#right_menu{
position: absolute;
right: 10px;
top: 43%;
font-family: "goth_medium", Helvetica, Arial, "Lucida Grande", sans-serif;
color: #222;
z-index: 50;
}
.rotate_text{
position: absolute;
right: -75px;
top: 85px;
white-space: nowrap;
display: inline-block;
transform-origin: center top;
-webkit-transform-origin: center top;
-webkit-transform-origin: center top;
-moz-transform-origin: center top;
-o-transform-origin: center top;
-webkit-transform: rotate(90deg);/* Safari */
-moz-transform: rotate(90deg);/* Firefox */
-ms-transform: rotate(90deg);/* IE */
-o-transform: rotate(90deg);/* Opera */
transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);/* Internet Explorer */
}
.right_menu_btn{
display: block;
background-color: #333;
color: white;
margin-bottom: 10px;
font-size: 20px;
line-height: 20px;
text-align: center;
margin-right: 35px;
width: 35px;
height: 35px;
position: relative;
}
.right_menu_btn a{
color: white;
display: inline-block;
height: 100%;
width: 100%;
padding: 7px 5px;
}
.right_menu_btn a:hover{
background-color: var(--red);
color: white;
}
.right_menu_btn i{
pointer-events: none;
}
.right_menu_name{
position: absolute;
color: #000;
right: 45px;
display: inline-block;
font-size: 14px;
white-space: nowrap;
top: 0;
text-align: right;
border: 1px solid #000;
padding: 7px 20px;
background-color: white;
display: none;
}
.contactPhone {
font-weight: 700;
padding-left: 10px;
}
.contactPhone > a, .contactPhone > a:link, .contactPhone > a:hover, .contactPhone > a:visited{
text-decoration: underline;
color: var(--red);
}
.section_go{
font-size: 14px;
position: relative;
top: -2px;
}
#chat{
background-color: white;
border: 0 none;
bottom: -490px;
height: 450px;
opacity: 1;
overflow-x: hidden;
overflow-y: hidden;
position: fixed;
right: 45px;
visibility: visible;
width: 385px;
z-index: 2147483639;
}
#topchat{
background-image: url('../images/statics/top_chat.jpg');
background-position: left center;
background-position: 5px 0px;
background-repeat: no-repeat;
background-size:contain;
background-color: black;
font-family: 'goth_medium', Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: bold;
cursor: pointer;
color: white;
padding: 15px 13px 13px 40px;
font-size: 9px;
position: fixed;
right: 45px;
width: 145px;
height: 40px;
bottom: 0px;
z-index: 2147483639;
}
#closechat{
height: 45px;
width: 100%;
position: absolute;
top: 0px;
z-index: 2147483639;
cursor: pointer;
color: white;
}
#xchat{
font-size: 18px;
position: absolute;
right: 7px;
top: 5px;
}
.resultPerfil{
text-align: center;
margin-bottom: 100px;
}
.descPerfil{
font-family: 'goth_light', Helvetica, Arial, "Lucida Grande", sans-serif;
text-transform: uppercase;
margin-top: 25%;
}
/* LEFT MENU */
#frmTicketsSubmit {
display: block;
position: absolute;
text-align: center;
left: 0;
}
#frmReloadSubmit {
display: block;
position: absolute;
text-align: center;
right: 0;
}
input[type=text], input[type=email], input[type=date], input[type=tel], input[type=number], input[type=url], textarea, select, .custom-file-label {
border-radius: 15px !important;
border: 1px solid #000 !important;
padding: 10px !important;
outline: none;
width: 100%;
margin: 10px;
display: block;
background-color: #fff;
}
.custom-file-label::after {
background-color: #343a40;
color: #fff;
cursor: pointer;
}
.custom-file-input {
pointer-events: none;
}
label{
display: block;
margin: 10px;
}
.select-css {
display: block;
font-size: 16px;
font-family: sans-serif;
font-weight: 700;
color: #fff;
line-height: 1.3;
padding: .6em 1.4em .5em .8em;
width: 100%;
max-width: 100%;
box-sizing: border-box;
margin: 10px;
border: 0px solid #aaa;
box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
border-radius: 15px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: transparent;
background: -moz-linear-gradient(left, rgba(255,255,255,0.1) 0%, rgba(34,71,145,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.1) 0%,rgba(34,71,145,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0.1) 0%,rgba(34,71,145,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#1a224791',GradientType=1 ); /* IE6-9 */
}
.select-css::-ms-expand {
display: none;
}
.select-css:hover {
border-color: #888;
}
.select-css:focus {
border-color: #aaa;
box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
box-shadow: 0 0 0 3px -moz-mac-focusring;
color: #fff;
outline: none;
}
.select-css option {
font-weight:normal;
}
button.black_button{
padding: 5px 15px;
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: #000;
background-color: #000;
}
@media (max-width:1450px) {
#mxgp-fancy-menu .each-list {
font-size: 13px;
line-height: 13px;
padding-right: 0.8%;
margin-right: 0.8%;
}
#mxgp-fancy-menu .each-list i {
font-size: 16px;
}
}
@media (max-width:1300px) {
#mxgp-fancy-menu #contnet-fancy {
/*width: 85%;*/
}
#mxgp-fancy-menu .each-list {
font-size: 12px;
line-height: 12px;
padding-right: 0.5%;
margin-right: 0.5%;
}
#mxgp-fancy-menu .each-subtitle {
font-size: 12px;
line-height: 14px;
width: 140px;
}
#mxgp-fancy-menu .each-submenu.first-submenu {
margin-left: -60%;
}
#mxgp-fancy-menu .each-submenu.horario-submenu {
margin-left: -50%;
}
#mxgp-fancy-menu .each-submenu.loyalty-submenu {
margin-left: 5px;
}
#mxgp-fancy-menu .each-submenu.mexico-submenu {
margin-left: -70%;
}
}
@media (max-width:1200px) {
#mxgp-fancy-menu #inner-fancy {
width: calc(100% - 20px);
}
#mxgp-fancy-menu #contnet-fancy {
/* width: 88%; */
}
#mxgp-fancy-menu #logo_mxgp_d {
width: 220px;
}
#mxgp-fancy-menu #logo_mxgp_d img {
/* width: 100%; */
}
.buy_fiesta.small-buy .fiesta_link,
#social-contact a,
#app_action .app_show {
font-size: 10px;
line-height: 10px;
}
}
@media (max-width:1130px) {
#mxgp-fancy-menu .each-list {
font-size: 11px;
line-height: 11px;
}
#mxgp-fancy-menu .each-subtitle {
font-size: 11px;
line-height: 13px;
}
#mxgp-fancy-menu .each-list i {
font-size: 15px;
}
}
@media (max-width:1110px) {
.page-template-temp_home_cobertura-php #footer-container table p br,
.page-template-temp_home-php #footer-container table p br {
display: block !important;
}
}
@media (max-width:1040px) {
#mxgp-fancy-menu #logo_mxgp_d {
width: 24%;
}
#mxgp-fancy-menu .each-list {
font-size: 10px;
line-height: 10px;
}
#mxgp-fancy-menu .each-subtitle {
font-size: 10px;
line-height: 12px;
}
#footer-container.footer,
#footer-container.footer p {
font-size: 6px;
line-height: 6px;
}
}
@media (max-width:992px) {
.footer {
width: calc(100% - 10px);
}
.footerContMc p {
text-shadow: 0px 0px transparent;
}
#mxgp-fancy-menu #logo_mxgp_d {
/*width: 10%;*/
}
#mxgp-fancy-menu #contnet-fancy {
/* width: 90%; */
}
.buy_tickets_top_container{
top: 65px;
right: 10px;
}
.blue_button, .red_button, .grey_button{
font-size: 10px;
}
.blue_button a, .blue_button a:visited, .red_button a, .red_button a:visited, .grey_button a, .grey_button a:visited{
padding: 3px 12px 6px;
}
}
@media (max-width:960px) {
#content_menu_mxgp #elements_menu_mxgp #links_menu {
width: 100%;
margin: 0;
padding: 40px 0;
}
.bg_section_name {
font-size: 16px;
}
.bg_section_name_num {
font-size: 36px;
}
.bg_section_name img {
margin-bottom: 10px;
}
#mxgp-fancy-menu {
height: 62px;
}
#mxgp-fancy-menu .each-list {
font-size: 9px;
line-height: 9px;
}
#mxgp-fancy-menu .each-list i {
font-size: 12px;
}
#mxgp-fancy-menu .each-submenu {
top: 11px;
}
#mxgp-fancy-menu .each-subtitle {
font-size: 10px;
line-height: 12px;
width: 120px;
}
}
@media (max-width:950px) {
.page-template-temp_home_cobertura-php #footer-container #social-contact a,
.page-template-temp_home-php #footer-container #social-contact a,
#app_action .app_show {
font-size: 9px;
line-height: 9px;
padding: 4px 6px;
width: auto;
}
#volume_btn {
font-size: 16px !important;
}
}
@media (max-width:900px) {
.page-template-temp_home_cobertura-php #footer-container.footer,
.page-template-temp_home-php #footer-container.footer,
.page-template-temp_home-php #footer-container.footer p {
font-size: 5px;
line-height: 5px;
}
}
@media (max-width:870px) {
#content_menu_mxgp #elements_menu_mxgp .element_link {
height: 55px;
}
#content_menu_mxgp #elements_menu_mxgp .number_menu {
font-size: 55px;
line-height: 55px;
width: 50px;
}
#content_menu_mxgp #elements_menu_mxgp .title_menu {
font-size: 20px;
line-height: 28px;
}
#content_menu_mxgp #elements_menu_mxgp .title_menu.small_text {
font-size: 15px;
}
#content_menu_mxgp #elements_menu_mxgp .red_line {
width: 110%;
}
#content_menu_mxgp #elements_menu_mxgp .sub_menu_content p {
font-size: 12px;
line-height: 25px;
}
#content_menu_mxgp #elements_menu_mxgp .title_menu:hover .red_line,
#content_menu_mxgp #elements_menu_mxgp .sub_menu_content p:hover .red_line {
display: none;
}
#mxgp-fancy-menu .each-list {
font-size: 8px;
line-height: 8px;
}
#mxgp-fancy-menu .each-subtitle {
font-size: 8px;
line-height: 10px;
width: 90px;
}
}
@media (max-width:840px) {
.buy_fiesta.small-buy .fiesta_link,
#social-contact a {
font-size: 9px;
line-height: 9px;
padding: 4px 6px;
}
#social_networks {
right: 10px;
}
#social_networks span {
width: 20px;
font-size: 14px;
}
#div-lang img {
width: 18px;
}
#div-lang a {
margin: 0 3px;
}
#mxgp-fancy-menu #logo_mxgp_d {
width: 22%;
}
#mxgp-fancy-menu #contnet-fancy {
width: 78%;
}
}
@media (max-width:768px) {
#homePopup {
width: 90%;
}
}
@media (max-width:767px) {
#content_menu_mxgp #elements_menu_mxgp .title_menu:hover .red_line,
#content_menu_mxgp #elements_menu_mxgp .sub_menu_content p:hover .red_line {
display: none;
}
#init_menu_mxgp {
display: block;
width: 100%;
left: 0;
background-color: transparent;
}
#init_menu_mxgp #logo_menu_mxgp {
margin-left: 5px;
width: 200px;
margin-top: 6px;
}
#init_menu_mxgp #open_menu_mxgp {
color: #fff;
background-color: transparent;
float: right;
margin-right: 15px;
}
#content_menu_mxgp {
top: 0px;
overflow: scroll;
height: auto;
width: 100%;
left: 0;
background-color: #fff;
box-shadow: 0 0 16px rgba(0,0,0,0.5);
padding-bottom: 25px;
padding-top: 18px;
}
#content_menu_mxgp #elements_menu_mxgp {
position: relative;
margin: 30px auto 0;
top: 0;
left: 0;
}
#content_menu_mxgp #elements_menu_mxgp .element_link {
height: 45px;
margin-bottom: 20px;
}
#content_menu_mxgp #elements_menu_mxgp .number_menu {
font-size: 45px;
line-height: 45px;
width: 45px;
}
#content_menu_mxgp #elements_menu_mxgp .title_menu {
font-size: 15px;
line-height: 25px;
}
#content_menu_mxgp #elements_menu_mxgp .title_menu.small_text {
font-size: 15px;
}
#content_menu_mxgp #elements_menu_mxgp .sub_menu_content p {
font-size: 11px;
line-height: 22px;
}
#rss_fixed {
display: none;
}
#logo_menu_mxgp{
background-color: transparent;
}
#right_menu {
position: relative;
top: 0;
width: 100%;
text-align: center;
right: 0;
padding: 30px 0 20px;
margin-top: 15px
}
#right_menu .rotate_text {
position: absolute;
top: 0;
left: 0;
right: 0;
-webkit-transform: rotate(0deg);/* Safari */
-moz-transform: rotate(0deg);/* Firefox */
-ms-transform: rotate(0deg);/* IE */
-o-transform: rotate(0deg);/* Opera */
transform: rotate(0deg);
}
#right_menu .right_menu_btn {
display: inline-block;
margin: 0 5px;
}
#div-lang {
position: relative;
bottom: 0;
right: 0;
margin: 0 auto 10px;
width: 100%;
text-align: center;
}
/* BACKGROUNDS */
#social-contact, #footer-container .red_button {
display: block;
text-align: center;
margin: 0 auto 15px;
width: 100%;
max-width: 250px;
}
#footer-container.footer .red_button{
margin-right: auto;
}
#social-contact a {
font-size: 11px;
line-height: 11px;
padding: 6px 10px;
display: table !important;
margin: 0 auto;
}
#social_networks {
position: relative;
right: 0;
top: 0;
text-align: center;
padding: 10px 0 10px;
bottom: initial
}
#social_networks span {
width: 25px;
font-size: 18px;
}
#div-lang {
margin: 10px auto 0;
}
#div-lang a {
margin-right: 20px;
}
#div-lang img {
width: 22px;
}
#footer-container {
display: block;
background-color: #000;
width: 100%;
bottom: 0;
opacity: 1;
padding: 10px 0;
}
#footer-container {
padding: 10px 0;
}
#footer-container.footer-white {
/* background-color: #000; */
/* background-color: rgba(0,0,0,1); */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#021530+1,020e1f+100,020e1f+100&0.98+0,0.98+100 */
background: -moz-linear-gradient(top, rgb(32, 32, 36) 0%, rgb(31, 30, 33) 1%, rgb(24, 24, 26) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(32, 32, 36) 0%,rgb(31, 30, 33) 1%,rgb(24, 24, 26) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(32, 32, 36) 0%,rgb(31, 30, 33) 1%,rgb(24, 24, 26) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5021530', endColorstr='#f5020e1f',GradientType=0 ); /* IE6-9 */
position: relative;
background: transparent;
}
#footer-container.footer {
text-align: center;
}
#footer-container #bottomFooter {
width: 95%;
margin: 0 auto;
padding: 0;
}
.page-template-temp_home-php #footer-container.footer,
.page-template-temp_home-php #footer-container.footer p {
font-size: 7px;
line-height: 7px;
}
.page-template-temp_home-php #footer-container table p br {
display: none !important;
}
#content_menu_mxgp #menu_bg {
position: fixed;
}
#mxgp-fancy-menu {
display: none !important;
opacity: 0 !important;
}
#elements_menu_mxgp .search-fancy {
opacity: 1 !important;
display: block !important;
}
#elements_menu_mxgp .close-search-bar {
display: none !important;
opacity: 0 !important;
}
#elements_menu_mxgp .mobile-list {
display: block;
font-size: 16px;
line-height: 16px;
color: #000 !important;
text-align: center;
margin-bottom: 10px;
cursor: pointer;
}
#elements_menu_mxgp .mobile-list.active .mobile-title,
#elements_menu_mxgp .each-subtitle.active {
display: block;
}
#elements_menu_mxgp .mobile-list a {
color: inherit;
text-decoration: none;
}
#elements_menu_mxgp .mobile-submenu {
display: none;
opacity: 0;
width: 100%;
margin-bottom: 15px;
}
#elements_menu_mxgp .mobile-submenu a {
display: none;
opacity: 0;
font-size: 14px;
text-transform: uppercase;
}
#elements_menu_mxgp .mobile-list span {
padding: 4px 10px;
display: block;
text-transform: uppercase;
}
.cookies-footer {
bottom: 0px;
max-width: 100%;
}
.footer-table {
margin: 20px auto 10px;
}
.blue_button, .red_button, .grey_button{
font-size: 10px;
}
.blue_button a, .blue_button a:visited, .red_button a, .red_button a:visited, .grey_button a, .grey_button a:visited{
padding: 3px 12px;
}
}
@media(max-height:850px){
#footer-container.footer-white {
position: relative;
}
}
/* Gutenberg fixes */
.c-accordion__item{
padding-bottom: 20px;
}
.c-accordion__title{
font-size: 13px;
text-transform: uppercase;
font-family: 'futura_bold';
padding-left:20px;
}
.c-accordion__title:after{
right: auto;
left: 0;
top: 0;
content: 'V';
font-family: 'futura_bold';
font-size: 12px;
color: #000;
transform: scaleY(0.8) scaleX(1.1) rotate(-180deg);
}
.is-open>.c-accordion__title:after {
content: 'V';
font-family: 'futura_bold';
transform: scaleY(0.8) scaleX(1.1) rotate(0deg);
}
/* PRIVATE POLICY */
.private_policy_popup{
position: absolute;
z-index: 81;
right: 0px;
bottom: 110px;
padding: 15px 10px 10px;
display: inline-block;
background-color: rgba(0,0,0,0.8);
text-align: right;
font-size: 11px;
display: none !important;
}
.close_private_policy_popup{
position: absolute;
right: 4px;
top: 2px;
cursor: pointer;
}
@media(max-width:767px){
.private_policy_popup{
font-size: 10px;
top: 62px;
bottom: auto;
text-align: left;
padding: 8px 5px;
right: auto;
left: 0;
}
}
@media (max-width:440px) {
.private_policy_popup{
font-size: 8px;
}
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 46% !important;
margin: 0 1%;
display: inline-block;
}
.ui-datepicker .ui-widget-header, .ui-datepicker .ui-datepicker-header {
background: #fff !important;
}
.ui-datepicker td.ui-datepicker-current-day, .ui-datepicker td .ui-state-hover, .ui-datepicker thead {
background: var(--red) !important;
}
.ui-datepicker .ui-datepicker-month,
.ui-datepicker .ui-datepicker-year {
max-height: 2.5em;
padding: 5px 10px !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
border: 1px solid var(--red) !important;
background: #f000 !important;
}
.custom-radio.disabled {
pointer-events: none;
opacity: 0.5;
}
.show >.select_chevron_down,
.show >.select_chevron_down:focus,
.select_chevron_down,
.select_chevron_down:hover,
.select_chevron_down:focus,
.select_chevron_down:active,
.select_chevron_down:active:focus {
background: none;
border: 0;
box-shadow: none !important;
padding: 0;
color: var(--red) !important;
background-color: transparent !important;
}
.select_chevron_down::after {
border-top: transparent;
border-left: transparent;
border-right: 3px solid black;
border-bottom: 3px solid black;
width: 16px;
height: 16px;
transform: rotate(-315deg);
transform-origin: center;
}
.dropdownItemsSelect {
min-width: auto;
}
.dropdownItemsSelect .dropdown-item {
padding: 5px 10px;
}
.dropdownItemsSelect .dropdown-item.active,
.dropdownItemsSelect .dropdown-item:active {
background-color: var(--red);
}
.page-template-temp_alimento_bebida #inner-data {
background-image: none;
}
.grecaptcha-badge {
display: none;
}
/* SECTIONS */
.section_content{
position: relative;
width: 100%;
/* max-width: 1300px; */
padding: 5vh 10%;
margin: 0 auto;
}
.section_title{
font-size: 70px;
line-height: 70px;
margin-bottom: 20px;
}
.title_line{
padding-left: 20px;
position: relative;
}
.title_line:before{
content: '';
position: absolute;
left: 0;
top: 14%;
width: 6px;
height: 76%;
background-color: var(--red);
}
.content_padding{
padding: max(20px, 3vw);
}
/* Section HERO */
.section_hero{
position: relative;
width: 100vw;
height: 45vh;
min-height: 450px;
max-width: 100%;
}
.section_hero:after{
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.2) 52%, rgba(0, 0, 0, 0.6) 100%);
z-index: 2;
opacity: 0.5;
}
.section_hero .image{
position: relative;
width: 100%;
height: 100%;
z-index: 1;
}
.section_hero .image img{
position: relative;
width: 100%;
height: 100%;
object-fit:cover;
}
@media(max-width:1300px){
.section_hero{
min-height: 400px;
height: 35vh;
}
.page-template-temp_informacion_generica_titulo_primero .section_hero{
height: 55vh;
min-height: 450px;
}
}
@media(max-width:768px){
.section_title {
font-size: 55px;
line-height: 55px;
margin-bottom: 20px;
}
.section_content{
padding: 5vh 5%;
}
}
@media(max-width:768px){
.section_hero{
min-height: 300px;
height: 30vh;
}
.page-template-temp_informacion_generica_titulo_primero .section_hero{
height: 30vh;
min-height: 300px;
}
.section_title {
font-size: 35px;
line-height: 35px;
margin-bottom: 20px;
}
}
.top_margin{
margin-top: 70px;
}
.suppliers_grid,
.suppliers_grid .wp-block-group__inner-container{
position: relative;
display: flex;
flex-wrap: wrap;
gap:2%;
}
.suppliers_grid .wp-block-group{
width: 28%;
margin-bottom: 10vh;
position: relative;
color: #939393;
}
.suppliers_grid .wp-block-group__inner-container .wp-block-group .wp-block-group__inner-container{
flex-direction: column;
}
.suppliers_grid .wp-block-group .wp-block-heading{
background-color: #0D0D17;
color: #fff;
text-transform: uppercase;
font-family: 'futura_bold';
height: 350px;
border-radius: 10px;
display: flex;
align-items: center;
padding: 2vw;
text-align: center;
margin-bottom: 20px;
font-size: 2vw;
}
.suppliers_grid .wp-block-group strong,
.suppliers_grid .wp-block-group b{
color:#000;
}
.wp-block-button__link {
color: #fff;
background-color: var(--red);
border-radius: 10px;
box-shadow: none;
text-decoration: none;
padding: 8px 25px;
font-size: 1.125em;
line-height: 2em;
display: inline-block;
font-family: 'Formula1_bold';
text-transform: uppercase;
}
.wp-block-button__link:hover{
color: #fff;
background-color: #af1902;
text-decoration: none;
}
.suppliers_grid .wp-block-group .wp-block-buttons{
margin-top: 30px;
}
.with_frm_style .frm_form_field.frm_html_container, .with_frm_style .frm_form_field .frm_show_it {
color: #000;
}
.frm_form_field .frm_submit button, .frm_style_formidable-style.with_frm_style .frm_submit button {
background: #000 !important;
border: 1px solid #000 !important;
padding: 10px 70px;
text-transform: uppercase;
font-family: 'futura_bold' !important;
}
input[type=text], input[type=email], input[type=date], input[type=tel], input[type=number], input[type=url], textarea, select, .custom-file-label {
border-radius: 5px !important;
border: 2px solid #979797 !important;
margin: 10px 0;
padding: 10px !important;
outline: none;
width: 100%;
margin: 10px;
display: block;
background-color: #fff;
}
.frm_style_formidable-style.with_frm_style .frm_section_heading{
margin-top: 0;
}
.frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading .frm_section_spacing{
display: none !important;
}
.with_frm_style .frm_form_field.frm_html_container.no_margin{
margin-bottom: 0;
}
.page-template-temp_formulario .mexicogp_white_logo{
display: none;
}
.page-template-temp_formulario .mexicogp_black_logo{
display: block;
}
@media(max-width:992px){
.suppliers_grid .wp-block-group {
width: 45%;
}
}
@media(max-width:768px){
.suppliers_grid .wp-block-group {
width: 100%;
}
.suppliers_grid .wp-block-group .wp-block-heading{
font-size: 1.5rem;
}
.suppliers_grid .wp-block-group .wp-block-buttons.is-content-justification-center {
justify-content: flex-start;
}
}