@charset "UTF-8";
/* CSS Document */
*{
	box-sizing: border-box;
}
html {
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

body {
	font-family: 'Inter';
}


.back_btn{
	position: absolute;
	right: 0;
	top: 0;
}
.back_btn a{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.8rem
}

@media(max-width:768px){
	.back_btn {
		right: 10px;
		top:5px;
	}
	.back_btn a{
		font-size: 0.6rem;
	}
}

.font_site {
	font-family: 'Inter';
}

.font_bold,
b,
strong {
	font-family: "Inter";
	font-weight: 900;
}

.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';
}
.font_script {
	font-family: 'northwell';
}

.uppercase {
	text-transform: uppercase;
}
.nowrap{
	white-space: nowrap;
}
.red_font {
	color: #f12d1a !important;
}

.font_white {
	color: white;
}

.font_black {
	color: #000;
}

.font_grey {
	color: #9f9f9f;
}

.txt_red {
	/* color: #f12d1a; */
	color: #f2142e;
}

.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: #f2142e !important;
}

.width100 {
	width: 100%;
}

a {
	outline: none !important;
}

a {
	color: red;
}

.font_grey a {
	color: #9f9f9f !important;
}

.font_red a {
	color: #f2142e !important;
}

a.backpage {
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
}

a.backpage:hover,
a.backpage:active {
	color: #f2142e;
	text-decoration: none;
}

.fiesta-divider {
	color: #fff;
	text-align: center;
	margin: 10px 0 20px;
	font-size: 30px;
	line-height: 10px;
	vertical-align: middle;
	height: 5px;
}

.roundBorder {
	border-radius: 20px;
	overflow: hidden;
}

.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
}

.frm_button_submit {
	background-color: #f12d1a !important;
	border: 0 !important;
	padding: 10px;
	position: relative;
	margin: 20px auto;
	display: block;
	color: #fff;
	border-radius: 5px;
	font-family: 'Formula1_bold' !important;
	text-transform: uppercase;
}

@media(max-width:992px) {

	.blue_button,
	.red_button,
	.grey_button,
	.black_button,
	.border_button,
	.white_button {
		margin-bottom: 10px;
	}
}


.red_button {
	background-color: #f12d1a;
	-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 #f12d1a;
	background-color: #f12d1a;
	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: #f12d1a;
}

.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;
}

#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: min(300px,45vw);
	top: -1px;
}
#menu_logo img{
	width: 100%;
	height: auto;
}