/* Loading fonts
-------------------------------------------------- */
@font-face {
	font-family: 'Futura';
	src: url('../fonts/futura/Futura-Bold.eot');
	src: url('../fonts/futura/Futura-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/futura/Futura-Bold.woff2') format('woff2'),
	url('../fonts/futura/Futura-Bold.woff') format('woff'),
	url('../fonts/futura/Futura-Bold.ttf') format('truetype'),
	url('../fonts/futura/Futura-Bold.svg#Futura-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Futura';
	src: url('../fonts/futura/Futura.eot');
	src: url('../fonts/futura/Futura.eot?#iefix') format('embedded-opentype'),
	url('../fonts/futura/Futura.woff2') format('woff2'),
	url('../fonts/futura/Futura.woff') format('woff'),
	url('../fonts/futura/Futura.ttf') format('truetype'),
	url('../fonts/futura/Futura.svg#Futura') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Futura';
	src: url('../fonts/futura/Futura-Heavy.eot');
	src: url('../fonts/futura/Futura-Heavy.eot?#iefix') format('embedded-opentype'),
	url('../fonts/futura/Futura-Heavy.woff2') format('woff2'),
	url('../fonts/futura/Futura-Heavy.woff') format('woff'),
	url('../fonts/futura/Futura-Heavy.ttf') format('truetype'),
	url('../fonts/futura/Futura-Heavy.svg#Futura-Heavy') format('svg');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

html {
	position: relative;
	min-height: 100%;
}

body {
	/* Margin bottom by footer height */
	margin-bottom: 60px;
	font-family: 'Futura';
	font-weight: 500;
	font-style: normal;
	background-color: #FFFFFF;
	color: #404040 !important;
	text-align: left;
}

body > .container {
	padding: 60px 15px 0;
}

.navbar {
	background-color: #FFFFFF !important;
	/*	border-bottom: 1px solid #dd1d21;*/
}

.navbar-brand {
	font-family: 'Futura';
	font-weight: bold;
	font-style: normal;
	font-size: 100%;
	text-transform: uppercase;
	color: #404040 !important;
	padding: 20px;
}

.nav-link {
	font-family: 'Futura';
	font-weight: 500;
	color: #404040 !important;
	text-align: left !important;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 60px;
	line-height: 60px; /* Vertically center the text there */
	background-color: #d1d1d2;
}

.footer > .container {
	padding-right: 15px;
	padding-left: 15px;
}

.line-banner {
	width: 100% !important;
	max-height: 1em;
}

/*********************************/
/*********** TITULARES ***********/
/*********************************/
h1 {
	font-family: 'Futura';
	font-weight: bold;
	font-style: normal;
	font-size: 30pt;
	color: #DD1D21 !important;
	text-transform: uppercase;
	text-align: center;
}

h2 {
	font-family: 'Futura';
	font-weight: 500;
	font-style: normal;
	font-size: 30pt;
	color: #404040 !important;
	text-align: left;
}

h2 b {
	font-family: 'Futura';
	font-weight: bold;
	font-style: normal;
	font-size: 30pt;
	color: #404040 !important;
}

h3 {
	padding-top: 3%;
	font-family: 'Futura';
	font-weight: bold;
	font-style: normal;
	color: #404040 !important;
	text-align: center;
}

h4 {
	font-family: 'Futura';
	font-weight: 500;
	font-style: normal;
	color: #404040;
}

h5 {
	font-family: 'Futura';
	font-weight: 500;
	font-style: normal;
	color: #404040;
}

p {
	font-size: 18px;
}

/*******************************/
/*********** BUTTONS ***********/
/*******************************/
.btn.focus, .btn:focus{
	background-color: #fff;
	border-color: #DD1D21;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgb(222 29 33 / 25%) !important;
}

.btn {
	font-family: 'Futura';
	font-style: normal;
}

.btn-shell {
	font-family: 'Futura';
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	text-transform: uppercase;
	width: 100%;
	color: #FFFFFF !important;
	background-color: #DD1D21;
	border: 0px;
	border-radius: initial !important;
	padding: 10px !important;
	margin-bottom: 10px;
}

.btn-shell:hover,
.btn-shell:focus,
.btn-shell:active {
	background-color: #FFFFFF;
	border-color: #DD1D21;
	border-style: solid;
	border-width: 1px;
	color: #DD1D21 !important;
}

.btn-shell-2 {
	font-family: 'Futura';
	font-weight: bold !important;
	font-style: normal;
	font-size: 14px;
	text-transform: uppercase;
	width: 100%;
	color: #FFFFFF !important;
	background-color: #FBCE07;
	border: 0px;
	border-radius: initial !important;
	padding: 10px !important;
	margin-bottom: 10px;
}

.btn-shell-2:hover,
.btn-shell-2:focus,
.btn-shell-2:active {
	background-color: #FFFFFF;
	border-color: #FBCE07;
	border-style: solid;
	border-width: 1px;
	color: #FBCE07 !important;
}

.btn-shell-white {
	font-family: 'Futura';
	font-weight: bold !important;
	font-style: normal;
	font-size: 14px;
	text-transform: uppercase;
	width: 45%;
	color: #DD1D21; !important;
	background-color: #FFFFFF;
	border: 0px;
	border-radius: initial !important;
	padding: 10px !important;
	margin-bottom: 10px;
}

.btn-shell-white:hover,
.btn-shell-white:focus,
.btn-shell-white:active {
	background-color: ##DD1D21;
	border-color: ##DD1D21;
	border-style: solid;
	border-width: 1px;
	color: #DD1D21 !important;
}

.btn-home {

}

.btn-rounded {
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;
	padding: 10px !important;
	border-radius: 10px !important;
}

#buttons {
	padding-top: 3%;
}

.shell-help {
	font-family: 'Futura';
	font-weight: 500;
	font-style: normal;
	font-size: 14pt;

	color: #595959 !important;
}

option:hover {
	color: #FFFFFF;
	background-color: #003C88;
}

.btn-shell-sm {
	font-family: 'Futura';
	font-weight: bold;
	font-style: normal;
	font-size: 1.7vw;
	text-transform: uppercase;
	width: 100%;
	color: #DD1D21 !important;
	background-color: #FBCE07;
	border: 0px;
	border-radius: initial !important;
	padding: 10px !important;
	margin-bottom: 10px;
}

.btn-shell-sm:hover,
.btn-shell-sm:focus,
.btn-shell-sm:active {
	background-color: #FFFFFF;
	border-color: #DD1D21;
	border-style: solid;
	border-width: 2px;
	color: #DD1D21 !important;
}

.btn-slider {
	font-weight: 500;
	width: initial !important;
	text-transform: initial !important;
}

/*****************************/
/*********** LINKS ***********/
/*****************************/

#forget-password {
	font-family: 'Futura';
	font-weight: 500;
	font-style: normal;
	font-size: 12pt;
	color: #404040;
}

#terms-btn {
	font-family: 'Futura';
	font-weight: 500;
	font-style: normal;
	font-size: 12pt;
	color: #404040;
}

#terms-btn:after{
	content: url('../icons/icon-toggle-newwindow.svg');
}
.terminos {
	font-family: 'Futura';
	font-weight: 500;
	font-style: normal;
	color: #404040;
}

.terminos:after{
	/*content: url('../icons/icon-toggle-newwindow.svg');*/
	background-image: url('../icons/icon-toggle-newwindow.svg');
	background-size: 15px 25px;
	display: inline-block;
	width: 15px; 
	height: 25px;
	content:"";
}

.linkShell {
	font-family: 'Futura';
	font-weight: 500;
	font-style: normal;
	color: #404040;
	font-size: 18pt;
}

.linkShell:hover {
	color: #DD1D21;
}

/****************************/
/*********** FORM ***********/
/****************************/
label {
	font-family: 'Futura';
	font-weight: 500;
	color: #404040;
}

label.error {
	color: #DD1D21;
	font-size: 1rem;
	display: block;
	margin-top: 5px;
}

input.error {
	border: 1px dashed #DD1D21;
	font-weight: 300;
	color: #DD1D21;
}

textarea.error {
	border: 1px dashed #DD1D21;
	font-weight: 300;
	color: #DD1D21;
}

select.error {
	border: 1px dashed #DD1D21;
	font-weight: 300;
	color: #DD1D21;
}

.form-control:focus {
	background-color: #fff;
	border-color: #DD1D21;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgb(222 29 33 / 25%) !important;
}

.dropdown-item.active, .dropdown-item:active {
	color: #212529 !important;
}

.bootstrap-select {
	border: 1px solid #ced4da !important;
}

.bootstrap-select .dropdown-item:focus,
.dropdown-item:hover {
	background-color: #FBCE07;
}

.bootstrap-select .dropdown-item:active {
	background-color: #FBCE07;
}

.bootstrap-select .dropdown-item.active {
	background-color: #FBCE07;
}

.select-shell option:focus,
option:hover {
	background-color: #FBCE07;
}

.select-shell option:active {
	background-color: #FBCE07;
}

/* Chrome/Opera/Safari */
::-webkit-input-placeholder {
	font-family: 'Futura';
	font-weight: 500;
	font-style: normal;
	color: #a6a6a6;
	/*font-size: 15pt;*/
}

/* Firefox 19+ */
::-moz-placeholder {
	font-family: 'Futura';
	font-weight: 500;
	font-style: normal;
	color: #a6a6a6;
	/*font-size: 15pt;*/
}

/* IE 10+ */
:-ms-input-placeholder {
	font-family: 'Futura';
	font-weight: 500;
	font-style: normal;
	color: #a6a6a6;
	/*font-size: 15pt;*/
}

/* Firefox 18- */
:-moz-placeholder {
	font-family: 'Futura';
	font-weight: 500;
	font-style: normal;
	color: #a6a6a6;
	/*font-size: 15pt;*/
}

/* Chrome, Firefox, Opera, Safari 10.1+ */
::placeholder {
	font-family: 'Futura';
	font-weight: 500;
	font-style: normal;
	color: #a6a6a6;
	/*font-size: 15pt;*/
}

/* Internet Explorer 10-11 */
:-ms-input-placeholder {
	font-family: 'Futura';
	font-weight: 500;
	font-style: normal;
	color: #a6a6a6;
	/*font-size: 15pt;*/
}

/* Microsoft Edge */
::-ms-input-placeholder {
	font-family: 'Futura';
	font-weight: 500;
	font-style: normal;
	color: #a6a6a6;
	/*font-size: 15pt;*/
}

span {
	display: inline-block;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #595959;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #595959;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #595959;
}

.filter-option-inner-inner {
	color: #595959 !important;
}

/* INPUT DATE */

input[type=date] {
	text-align: right;
}

input[type="date"]:before {
	content: attr(placeholder) !important;
	margin-right: 0.5em;
	padding: 1rem;
}

input[type="date"]:focus:before {
	color: #404040;
}

/****************************/
/********** ALERTS **********/
/****************************/
.alert-danger {
	color: #FFFFFF !important;
	background-color: #DD1D21 !important;
	border-color: #DD1D21 !important;
}

.alert-warning{
	color: #404040 !important;
	background-color: #FBCE07 !important;
	border-color: #FBCE07 !important;
}

/********************************************/
/*********** SHELL COLORS PALLETE ***********/
/********************************************/
.text_yellow{ color: #FBCE07 !important; }
.text_red{ color: #DD1D21 !important; }
.text_blue { color: #0197BC !important; }
.text_grey { color: #404040 !important; }
.text_black{ color: #000000 !important; }
.text_dark_grey{ color: #595959 !important; }
.text_very_dark_grey{ color: #40404040 !important; }
.text_mid_grey{ color: #7F7F7F !important; }
.text_light_grey{ color: #A6A6A6 !important; }
.text_grey_light{ color: #595959 !important; }
.text_pale_grey{ color: #D9D9D9 !important; }
.text_ver_pale_grey{ color: #F7F7F7 !important; }
.text_light_blue{ color: #89CFDC !important; }
.text_mid_blue{ color: #009EB4 !important; }
.text_dark_blue{ color: #003C88 !important; }
.text_lilac{ color: #BA95BE !important; }
.text_purple{ color: #641964 !important; }
.text_sand{ color: #FFEAC2 !important; }
.text_orange{ color: #EB8705 !important; }
.text_brown{ color: #743410 !important; }
.text_light_green{ color: #BED50F !important; }
.text_dark_green{ color: #008443 !important; }
.text_lime{ color: #BED60E !important; }

.bg_yellow{ background: #FBCE07 !important; }
.bg_red{ background: #DD1D21 !important; }
.bg_blue { background: #0197BC !important; }
.bg_grey { background: #404040 !important; }
.bg_black{ background: #000000 !important; }
.bg_dark_grey{ background: #595959 !important; }
.bg_very_dark_grey{ background: #40404040 !important; }
.bg_mid_grey{ background: #7F7F7F !important; }
.bg_light_grey{ background: #A6A6A6 !important; }
.bg_grey_light{ background: #595959 !important; }
.bg_pale_grey{ background: #D9D9D9 !important; }
.bg_ver_pale_grey{ background: #F7F7F7 !important; }
.bg_light_blue{ background: #89CFDC !important; }
.bg_mid_blue{ background: #009EB4 !important; }
.bg_dark_blue{ background: #003C88 !important; }
.bg_lilac{ background: #BA95BE !important; }
.bg_purple{ background: #641964 !important; }
.bg_sand{ background: #FFEAC2 !important; }
.bg_orange{ background: #EB8705 !important; }
.bg_brown{ background: #743410 !important; }
.bg_light_green{ background: #BED50F !important; }
.bg_dark_green{ background: #008443 !important; }
.bg_lime{ background: #BED60E !important; }

.btn-yellow {
	color: white !important;
	background: #FBCE07 !important;
}
.btn-red {
	color: white !important;
	background: #DD1D21 !important;
}
.btn-blue  {
	color: white !important;
	background: #0197BC !important;
}
.btn-grey  {
	color: white !important;
	background: #404040 !important;
}
.btn-black {
	color: white !important;
	background: #000000 !important;
}
.btn-dark_grey {
	color: white !important;
	background: #595959 !important;
}
.btn-very_dark_grey {
	color: white !important;
	background: #40404040 !important;
}
.btn-mid_grey {
	color: white !important;
	background: #7F7F7F !important;
}
.btn-light_grey {
	color: white !important;
	background: #A6A6A6 !important;
}
.btn-grey_light {
	color: white !important;
	background: #595959 !important;
}
.btn-pale_grey {
	color: white !important;
	background: #D9D9D9 !important;
}
.btn-ver_pale_grey {
	color: white !important;
	background: #F7F7F7 !important;
}
.btn-light_blue {
	color: white !important;
	background: #89CFDC !important;
}
.btn-mid_blue {
	color: white !important;
	background: #009EB4 !important;
}
.btn-dark_blue {
	color: white !important;
	background: #003C88 !important;
}
.btn-lilac {
	color: white !important;
	background: #BA95BE !important;
}
.btn-purple {
	color: white !important;
	background: #641964 !important;
}
.btn-sand {
	color: white !important;
	background: #FFEAC2 !important;
}
.btn-orange {
	color: white !important;
	background: #EB8705 !important;
}
.btn-brown {
	color: white !important;
	background: #743410 !important;
}
.btn-light_green {
	color: white !important;
	background: #BED50F !important;
}
.btn-dark_green {
	color: white !important;
	background: #008443 !important;
}
.btn-lime {
	color: white !important;
	background: #BED60E !important;
}

.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active {
	background-color: #FFFFFF !important;
	border-color: #FBCE07;
	border-style: solid;
	border-width: 1px;
	color: #FBCE07 !important;
	box-shadow: inherit !important;
}
.btn-red:hover, .btn-red:focus, .btn-red:active {
	background-color: #FFFFFF !important;
	border-color: #DD1D21;
	border-style: solid;
	border-width: 1px;
	color: #DD1D21 !important;
	box-shadow: inherit !important;
}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active {
	background-color: #FFFFFF !important;
	border-color: #0197BC;
	border-style: solid;
	border-width: 1px;
	color: #0197BC !important;
	box-shadow: inherit !important;
}
.btn-grey:hover, .btn-grey:focus, .btn-grey:active {
	background-color: #FFFFFF !important;
	border-color: #404040;
	border-style: solid;
	border-width: 1px;
	color: #404040 !important;
	box-shadow: inherit !important;
}
.btn-black:hover, .btn-black:focus, .btn-black:active {
	background-color: #FFFFFF !important;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	color: #000000 !important;
	box-shadow: inherit !important;
}
.btn-dark_grey:hover, .btn-dark_grey:focus, .btn-dark_grey:active {
	background-color: #FFFFFF !important;
	border-color: #595959;
	border-style: solid;
	border-width: 1px;
	color: #595959 !important;
	box-shadow: inherit !important;
}
.btn-very_dark_grey:hover, .btn-very_dark_grey:focus, .btn-very_dark_grey:active {
	background-color: #FFFFFF !important;
	border-color: #40404040;
	border-style: solid;
	border-width: 1px;
	color: #40404040 !important;
	box-shadow: inherit !important;
}
.btn-mid_grey:hover, .btn-mid_grey:focus, .btn-mid_grey:active {
	background-color: #FFFFFF !important;
	border-color: #7F7F7F;
	border-style: solid;
	border-width: 1px;
	color: #7F7F7F !important;
	box-shadow: inherit !important;
}
.btn-light_grey:hover, .btn-light_grey:focus, .btn-light_grey:active {
	background-color: #FFFFFF !important;
	border-color: #A6A6A6;
	border-style: solid;
	border-width: 1px;
	color: #A6A6A6 !important;
	box-shadow: inherit !important;
}
.btn-grey_light:hover, .btn-grey_light:focus, .btn-grey_light:active {
	background-color: #FFFFFF !important;
	border-color: #595959;
	border-style: solid;
	border-width: 1px;
	color: #595959 !important;
	box-shadow: inherit !important;
}
.btn-pale_grey:hover, .btn-pale_grey:focus, .btn-pale_grey:active {
	background-color: #FFFFFF !important;
	border-color: #D9D9D9;
	border-style: solid;
	border-width: 1px;
	color: #D9D9D9 !important;
	box-shadow: inherit !important;
}
.btn-ver_pale_grey:hover, .btn-ver_pale_grey:focus, .btn-ver_pale_grey:active {
	background-color: #FFFFFF !important;
	border-color: #F7F7F7;
	border-style: solid;
	border-width: 1px;
	color: #F7F7F7 !important;
	box-shadow: inherit !important;
}
.btn-light_blue:hover, .btn-light_blue:focus, .btn-light_blue:active {
	background-color: #FFFFFF !important;
	border-color: #89CFDC;
	border-style: solid;
	border-width: 1px;
	color: #89CFDC !important;
	box-shadow: inherit !important;
}
.btn-mid_blue:hover, .btn-mid_blue:focus, .btn-mid_blue:active {
	background-color: #FFFFFF !important;
	border-color: #009EB4;
	border-style: solid;
	border-width: 1px;
	color: #009EB4 !important;
	box-shadow: inherit !important;
}
.btn-dark_blue:hover, .btn-dark_blue:focus, .btn-dark_blue:active {
	background-color: #FFFFFF !important;
	border-color: #003C88;
	border-style: solid;
	border-width: 1px;
	color: #003C88 !important;
	box-shadow: inherit !important;
}
.btn-lilac:hover, .btn-lilac:focus, .btn-lilac:active {
	background-color: #FFFFFF !important;
	border-color: #BA95BE;
	border-style: solid;
	border-width: 1px;
	color: #BA95BE !important;
	box-shadow: inherit !important;
}
.btn-purple:hover, .btn-purple:focus, .btn-purple:active {
	background-color: #FFFFFF !important;
	border-color: #641964;
	border-style: solid;
	border-width: 1px;
	color: #641964 !important;
	box-shadow: inherit !important;
}
.btn-sand:hover, .btn-sand:focus, .btn-sand:active {
	background-color: #FFFFFF !important;
	border-color: #FFEAC2;
	border-style: solid;
	border-width: 1px;
	color: #FFEAC2 !important;
	box-shadow: inherit !important;
}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active {
	background-color: #FFFFFF !important;
	border-color: #EB8705;
	border-style: solid;
	border-width: 1px;
	color: #EB8705 !important;
	box-shadow: inherit !important;
}
.btn-brown:hover, .btn-brown:focus, .btn-brown:active {
	background-color: #FFFFFF !important;
	border-color: #743410;
	border-style: solid;
	border-width: 1px;
	color: #743410 !important;
	box-shadow: inherit !important;
}
.btn-light_green:hover, .btn-light_green:focus, .btn-light_green:active {
	background-color: #FFFFFF !important;
	border-color: #BED50F;
	border-style: solid;
	border-width: 1px;
	color: #BED50F !important;
	box-shadow: inherit !important;
}
.btn-dark_green:hover, .btn-dark_green:focus, .btn-dark_green:active {
	background-color: #FFFFFF !important;
	border-color: #008443;
	border-style: solid;
	border-width: 1px;
	color: #008443 !important;
	box-shadow: inherit !important;
}
.btn-lime:hover, .btn-lime:focus, .btn-lime:active {
	background-color: #FFFFFF !important;
	border-color: #BED60E;
	border-style: solid;
	border-width: 1px;
	color: #BED60E !important;
	box-shadow: inherit !important;
}

/********************************/
/********** UNDERLINES **********/
/********************************/
.underline-yellow {
	--color: #FBCE07;
	--position: center bottom;
	--width: 35%;
	--height: 5px;
	background: linear-gradient(var(--color), var(--color)) var(--position) / var(--width) var(--height) no-repeat;
	padding-bottom: 10px;
}

.page_bottom_red{
	border-top: 0;
	border-bottom: .1875rem solid #dd1d21;
	display: inline-block;
	text-align: center;
}

.page_bottom_yellow{
	border-top: 0;
	border-bottom: .1875rem solid #fbd336;
	display: inline-block;
	text-align: center;
}

.page_bottom_gray{
	border-top: 0;
	border-bottom: .1875rem solid #404040;
	display: inline-block;
	text-align: center;
}

.hr_grey {
	border-top: 6px solid #d9d9d9;
}


/*****************************/
/*********** CARDS ***********/
/*****************************/
.card {
	border: 0px !important;
}

.card-header {
	background-color: #FFFFFF !important;
}

/****************************/
/********** TABLES **********/
/****************************/

th {
	text-transform: uppercase;
	font-family: 'Futura';
	font-weight: bold;
	font-style: normal;
	font-size: 2.2vh;
	color: #DD1D21;
}

td {
	font-family: 'Futura';
	font-weight: 500;
	font-style: normal;
	font-size: 2.8vh;
	color: #404040;
}

#top10stations td {
	padding: 0.2rem !important;
	border-top: 0px !important;
	border-bottom: 3px solid #FBCE07;
}

/****************************************/
/********** CUIDA TU MOTOR STE **********/
/****************************************/
/* BANNER */
#banner {
	background-image: url('/public/images/SVP_web_banner.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #DD1D21;
}

#banner-text {
	font-family: 'Futura';
	font-weight: bold;
	font-style: normal;
	font-size: 18pt;
	color: #FFFFFF !important;
	margin: 1.5rem 0 1.5rem !important;
	text-transform: uppercase;
	text-align: left !important;
}

#banner-text h1 {
	font-size: 34pt;
}

#banner-title {
	font-family: 'Futura';
	font-weight: bold;
	font-style: normal;
	font-size: 18pt;
	color: #FFFFFF !important;
	margin-top: 1.5rem !important;
	text-transform: uppercase;
	text-align: left;
}

#banner-subtitle {
	margin-bottom: 1.5rem !important;
	font-size: 1.7rem !important;
	color: #FFFFFF !important;
}

#banner img {
	height: 14rem;
}

/* FOOTER  */
footer .btn-link {
	color: #404040;
	text-decoration: none;
}

footer .btn-link:hover,
footer .btn-link:focus,
footer .btn-link:active {
	text-decoration: underline;
}

.subtitle {
	ont-family: 'Futura';
	font-weight: 500;
	font-style: normal;
	font-size: 18pt;
	color: #404040 !important;
	text-align: left;
}

#search-link {
	font-family: 'futura';
	font-weight: bold;
	color: #404040;
}


/* PREMIOS  */
.premio {
	text-align: center !important;
}

.premio-title {
	text-transform: uppercase;
	text-align: center !important;
	font-size: 19pt !important;
}

.premio-title b {
	font-size: 19pt !important;
}

.premio p {
	font-size: 1.5rem;
}

.table-ranking thead th {
	padding: 0.5rem !important;
	color: #dd1d21;
	border-top: 9px solid rgba(255,255,255,0.0) !important;
}

.table-ranking tbody td {
	padding: 0.5rem !important;
	border-top: 9px solid rgba(255,255,255,0.0) !important;
}

.table-ranking tbody td span {
	width: 100% !important;
}

.nameRanking {
	text-transform: initial !important;
	text-align: left !important;
}

/* TERMINOS Y CONDICIONES */
.tyc {
	height: 60vh !important;
}

/* FAQ */
#faq .btn-link {
	color: #404040 !important;
}

#faq .btn-link.focus, .btn:focus{
	background-color: #fff;
	border-color: initial !important;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgb(222 29 33 / 25%) !important;
}

/* RANKING */
.border-left {
	border-right: 1px solid transparent !important; 
	border-right-color: #eeeeee !important;
	/*height: 90% !important;*/
}

/*******************************************/
/*********** SHELL MEDIA MOBILES ***********/
/*******************************************/
/* OLD MOBILES */
@media (min-width: 576px) {
	.navbar-expand-sm .navbar-nav .nav-link {
		padding-right: initial !important;
		padding-left: initial !important;
	}


	.nav-item {
		padding-right: 2rem;
		padding-left: 2rem;
		border-right: 1px solid transparent !important;
	}

	.nav-divider-item {
		border-right-color: #eeeeee !important;
	}
}

/* MOBILES */
@media only screen and (max-width: 668px) {
	h1 {
		font-size: 2rem;
	}
	.navbar {
		padding: .5rem .5rem !important;
	}
	
	.navbar-nav {
		text-align: right;
	}

	.navbar span {
		font-size: 3vw;
		text-align: left !important;
	}
	
	.navbar-brand {
		padding: initial !important;
	}

	.navbar-brand img {
		width: 50vw;
	}

	.btn-shell {
		font-size: 4vw;
	}

	.btn-shell-sm {
		font-size: 4vw;
	}

	td {
		font-size: 1.8vh;
	}

	.btn-shell-2 {
		font-size: 12pt;
	}

	#banner-left {
		max-height: 30vh;
	}

	#banner-left img {
		width: 30% !important;
	}

	#banner-title {
		font-size: 1rem;
	}

	#banner-subtitle {
		font-size: 1.3rem !important;
	}

	#first-image {
		text-align: center;
		margin-bottom: 1rem!important;
	}

	#mainImage {
		display: none !important;
	}

	#banner-text h1 {
	    font-size: 2rem;
	}

	.text-login {
		text-align: justify !important;
		font-size: 1.4rem !important;
	}

	.text-login b {
		font-size: 1.4rem !important;
	}

	iframe {
		width: 100% !!important;
		height: 30vh !important;
	}

	.tab-pane {
		margin: 0.5rem !important;
	}
}

/* Mobile vertical */
@media only screen and (max-width: 668px) and (orientation:portrait) {
	/*#table-ranking-right th span {
		color: #FFFFFF;
		height: 0px !important;
	}*/

	input[type=date] {
		text-align: left;
		display: flex;
		height: 100% !important;
	}

	input[type="date"]:before {
		content: attr(placeholder) !important;
		margin-right: 0.0;
		padding: 0;
	}
}

/* Mobile horizontal */
@media only screen and (max-width: 668px) and (orientation:landscape) {
	.navbar span {
		font-size: 2.2vw;
		text-align: left !important;
	}

}

@media only screen and (max-width: 768px) {
	footer .btn-link {
		font-size: 0.8rem !important;
	}
}

/* TABLETS */
@media only screen and (min-width: 668px) and (max-width: 992px) {
	.navbar-brand img {
		width: 25vw;
	}

	iframe {
		width: 60% !!important;
		height: 70vh !important;
	}

	.tab-pane {
		margin: 1.25rem !important;
	}
}

/* DESKTOP */
@media only screen and (min-width: 992px) and (max-width: 1312px) {
	/*.nav-link {
		text-align: center !important;
	}*/

	iframe {
		width: 60% !!important;
		height: 70vh !important;
	}

	.tab-pane {
		margin: 1.25rem !important;
	}
}

@media only screen and (min-width: 992px) {
	.navbar-brand img {
		width: 42vw;
	}
}

/* WINNERS */
/*@media (orientation:portrait) {}*/

/*@media (orientation:landscape) {}*/

/* MAIN PAGE - LOGIN */
.text-login {
	font-family: 'Futura';
	font-weight: 500;
	font-style: normal;
	font-size: 19pt;
	color: #000000 !important;
	text-align: left;
}

.text-login b {
	font-family: 'Futura';
	font-weight: bold;
	font-style: normal;
	font-size: 18pt;
	color: #000000 !important;
}

.text-medium {
	font-family: 'Futura';
	font-weight: 500;
	font-style: normal;
	font-size: 17pt;
	color: #000000;
	text-align: left;
}
/* MAIN PAGE - LOGIN */


/* MAIN PAGE - LOGIN */
.mainContainer{
	max-width: 100vw !important;
}
#mainImage {
	background-image: url('https://dummyimage.com/1280x4:4/DD1D21/FFFFFF') !important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 100vh;
}

.uppercase {
	text-transform: uppercase !important;
}
.lowercase {
	text-transform: lowercase !important;
}
.capitalize {
	text-transform: capitalize !important;
}
.nonecase {
	text-transform: none !important;
}

#cuidaTuMotorTabs > li a {
	font-family: 'Futura';
	font-weight: bold;
	font-style: normal;
	font-size: 20pt;
	color: #57585b !important;
	text-transform: uppercase;
	text-align: center;
}

.nav-tabs {
	border-bottom: 1px solid #000000;
}

#cuidaTuMotorTabs .nav-item {
	background-color: #e6e6e6 !important;
}

.nav-tabs .nav-link.active {
	border-color: #000000 #000000 #fff !important;
}

.ticket_register_info {
	background-color: #DD1D21 !important;
	border-color: #DD1D21 !important;
	font-family: 'Futura';
	font-weight: bold;
	font-style: normal;
	font-size: 30pt;
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF !important;
}