/* generales */
body {
	font-family: 'Lato', sans-serif; font-weight: 400;
	background-color: #F2F5FA;
}
/*Lato:300,300i,400,400i,700,700i,900,900i*/


/* header full */
#full-header {
	min-height: 100vh;
	background-size: cover;
}
.full-header-home {background: url(../../../img/bg-home.jpg) top center no-repeat;}
.full-header-comofunciona {background: url(../../../img/bg-comofunciona.jpg) top center no-repeat;}
.full-header-contacta {background: url(../../../img/bg-contacta.jpg) top center no-repeat;}
.full-header-parkings {background: url(../../../img/bg-parkings.jpg) top center no-repeat;}
.navbar {margin-top: 1.2rem; padding: .5rem 0rem;}
.navbar .m-menu {margin-right: 2rem;}
.navbar li a.btn {padding-right: 2rem; padding-left: 2rem;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 0rem; padding-left: 0rem;}
.navbar-expand-lg .navbar-nav .nav-item {padding-right: .7rem; padding-left: .7rem;}
.navbar-expand-lg .navbar-nav .nav-item:first-child {padding-left: 0;}
.navbar-expand-lg .navbar-nav .nav-item:last-child {padding-right: 0;}
#navbarNav {justify-content: flex-end!important;}
#navbarNav-mobile, #nav-expander {display: none;}

.full-header-message {padding-top: 20vh;}
.full-header-message p {color: #fff; font-size: 1rem;}
.full-header-message p strong {color: #fff; font-size: 2rem; line-height: 2rem;}
.full-header-message p small {display: block;}
.full-header-message hr {
	border: none;
	width: 3rem;
	height: 4px;
	background: #62bcfb;
	margin: 0;
}
.full-header-message ul {padding-top: 1rem;}
.full-header-message li {color: #fff; padding-right: 1.5rem;}
.full-header-message li:last-child {padding-right: 0;}
.full-header-message li i {font-size: 1.6rem;}
.full-header-proceso {border-top: 1px dashed #fff; margin-top: 2rem;	}
.full-header-proceso .circle {color: #fff; margin: auto; margin-top: -13px; margin-bottom: 20px; text-align: center;}
.full-header-proceso figure {float: right; margin-right: 1rem;}
.full-header-proceso h4 {margin-top: 3rem; color: #fff; margin-bottom: 1rem; margin-left: 1rem;}
.full-header-proceso p {color: #fff; margin-left: 1rem;}
@media (max-height: 900px) {
  .full-header-proceso {display: none;}
}
.full-header-scroll {text-align: center; position: absolute; bottom: 15px; left: 0; width: 100%;}

header.fixed-top {background: rgba(0,0,0,.8); height: 90px;}

/* mini heder */
#mini-header {
	height: 220px;
	background-size: cover;
}
.mini-header-gestiona-reserva {background: url(../../../img/bg-gestiona-reserva.jpg) top center no-repeat;}



/* booking */
.full-header-booking {
	width: 25vw;
	background: #fff;
	z-index: 9;
	float: right;
	position: relative;
}
.booking-indicador {position: absolute; top: 30px; right: 27vw; color: #62bcfb; width: 20vw; text-align: right;}
.form-booking {padding: 1.5rem;}
.form-booking h3 {font-size: 1.5rem; line-height: 32px; color: #3f6db8; margin-top: 0;}
.form-booking .form-group {margin: 0; border: 1px solid #B9C0CD; padding: .25rem .5rem; border-collapse: collapse;}
.form-booking .m-t-minus-1 {margin-top: -1px;}
.form-booking .form-group label {font-size: .8rem; color: #b9c0cd; margin-bottom: 0;}
.form-booking .form-control {border: none; box-shadow: none; padding-left: 0; padding-right: 0;}
.form-booking .input-group-text {background: transparent; border: none;}
.form-booking .select2-container .select2-selection--single .select2-selection__rendered {padding-left: 0;}
.form-booking .select2-container--default .select2-selection--single {border: none;}
.form-booking .form-check {padding-top: .5rem; padding-bottom: .8rem; font-size: .8rem;}
#full-header .container-fluid {max-width: 1600px; /*margin-top: 25px;*/ /*padding: 0;*/}
#full-header .container-fluid .container-booking {padding-top: 25px; padding-right: 0;}
.form-booking button.btn {padding-top: .8rem; padding-bottom: .8rem;}
.button-form-booking-mobile {display: none;}

/* listado parkings */
#list-parking {padding-top: 5rem; padding-bottom: 5rem;}
#list-parking > div [class*="col-"] {margin-bottom: 1.8rem;}
.list-parking-title {text-align: center; margin-bottom: 2.5rem;}
.list-parking-title h3 {font-size: 1.7rem; color: #3f6db8;}
.list-parking-title p {color: #596070; font-size: 1rem; margin: 0 5rem 2rem 5rem;}
.list-parking-title ul li {padding: 0 1rem;}
.list-parking-title ul li a {color: #62bcfb; padding-bottom: 2px;}
.list-parking-title ul li a:hover {text-decoration: none; border-bottom: 2px solid #62bcfb;}

.list-parking-title-2 {margin-bottom: 2.5rem;}
.list-parking-title-2 h3 {font-size: 1.7rem; color: #3f6db8;}
.list-parking-title-2 h4 {font-size: 1.1rem; color: #62bcfb;}
.list-parking-title-2 p {color: #596070; font-size: 1rem; margin: 0 0rem 2rem 0rem;}
.list-parking-title-2 ul li {padding: 0 1rem;}
.list-parking-title-2 ul li a {color: #62bcfb; padding-bottom: 2px;}
.list-parking-title-2 ul li a:hover {text-decoration: none; border-bottom: 2px solid #62bcfb;}
.listado-ciudades li {padding-right: 1rem;}
.listado-ciudades li:last-child {padding-right: 0;}
.listado-ciudades li a {color: #62bcfb; padding-bottom: 2px;}
.listado-ciudades li a:hover {text-decoration: none; color: #3f6db8;}
.listado-ciudades .badge-primary {background-color: #62bcfb;}
.listado-ciudades li a:hover .badge-primary {background-color: #3f6db8;}


.box-parking {background-color: #fff; height: 100%; position: relative; padding-bottom: 3rem;}
.box-parking figure {overflow: hidden; margin-bottom: 0;}
.box-parking figure img {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.box-parking:hover figure img {
	transform: scale(1.1);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.box-parking-info {padding: 1rem; position: relative;}
.box-parking-info h4 {color: #596070; font-size: .8rem; margin: 0 0 .4rem 0;}
.box-parking-info h5 {color: #3f6db8; font-size: 1.2rem; font-weight: 600; margin-right: 3rem;}
.box-parking-info p {color: #596070; font-size: 1rem;}
.box-parking-info p a {color: #62bcfb; padding-bottom: 2px;}
.box-parking-info p a:hover {border-bottom: 2px solid #62bcfb; text-decoration: none;}
.box-parking a.btn-primary {position: absolute; bottom: 1rem; left: 1rem; padding-left: 1.5rem; padding-right: 1.5rem;}
.box-parking-info-caracteristicas {position: absolute; top: 1rem; right: 1rem; text-align: right; font-size: .8rem;}

/* bloque app */
#container-app {}
#container-app h3 {color: #3f6db8; font-size: 2rem;}
#container-app h4 {color: #62bcfb; font-size: 1.2rem; font-weight: 300;}
#container-app p {color: #596070;}
body.page-como-funciona #container-app,
body.page-contacta #container-app,
body.page-parkings #container-app {margin-top: -7rem; border-bottom: 2px solid #e5e5e5;}
body.page-parking #container-app,
body.page-registro #container-app,
body.page-perfil #container-app {border-bottom: 2px solid #e5e5e5;}

/* bloque casos de exito */
#carouselCasosExito {}
#carouselCasosExito .carousel-caption {top: 20%; bottom: auto; text-align: left; width: 30%;}
#carouselCasosExito .carousel-caption h5 {font-style: italic; font-size: 2rem; margin-bottom: 1.5rem;}
#carouselCasosExito .carousel-caption i {float: left; margin-right: 10px;}
#carouselCasosExito .carousel-caption p {float: left;}
#carouselCasosExito .carousel-indicators {justify-content:left;}


/* bloque ayudamos */
#teayudamos {padding: 3.5rem 0;}
#teayudamos h3 {color: #3f6db8; font-size: 1.7rem;}
#teayudamos p {color: #596070; font-size: 1.1rem; margin-bottom: 1.5rem;}
#teayudamos h4 {font-size: 1.1rem; color: #596070; margin-bottom: .9rem;}
#teayudamos h4 strong {display: block; color: #3f6db8; font-size: 1.3rem;}
#teayudamos h4 a {color: #3f6db8; padding-bottom: 2px;}
#teayudamos h4 a:hover {border-bottom: 2px solid #3f6db8; text-decoration: none;}
.box-faq {background: #cad5e5; padding: 1.5rem;}
.box-faq p {font-weight: 300;}
.box-faq p {color: #596070; font-size: 1.1rem; margin-bottom: 1.5rem;}


/* footer */
footer {/*margin-top: 3rem;*/}
.footer-blue {background-color: #4877C2; color: #fff; padding-bottom: 2rem;}
.footer-blue a {color: #fff;}
.footer-blue a:hover {text-decoration: none;}
.footer-blue .container {position: relative; padding-top: 4rem;}
.footer-blue h3 {font-size: 1.1rem;}
.footer-blue li {margin-bottom: .5rem;}
.footer-blue li a {font-size: 1rem; opacity: .7; font-weight: 300;}
.footer-blue li a:hover {opacity: 1; text-decoration: none;}

.footer-blue .container .up a {display: block; width: 40px; height: 40px; overflow: hidden; position: relative;}
.footer-blue .container .up {
	position: absolute; right: 15px; top: -20px; width: 40px; height: 40px; background-color: #62bcfb; text-align: center; z-index: 9;
	-webkit-box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.19);
	-moz-box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.19);
	box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.19);
}
.footer-blue .container .up i.fa-long-arrow-up-1 {
	position: absolute; margin: auto; top: 12px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.footer-blue .container .up:hover i.fa-long-arrow-up-1 {
	position: absolute; margin: auto; top: -30px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.footer-blue .container .up i.fa-long-arrow-up-2 {
	margin-top: 60px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.footer-blue .container .up:hover i.fa-long-arrow-up-2 {
	margin-top: 12px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.footer-blue .row:first-child {margin-bottom: 2rem;}

footer hr {border:none; background: transparent; border: 2px solid #ffdc92; width: 2rem; margin-left: 0;}
footer .col-9 li.list-inline-item::after {
	content: " · ";
	display: inline-block;
	margin-left: 12px;
	opacity: .7;
}
footer .col-9 li.list-inline-item:last-child::after {content: none;}
footer .col-3 li i {font-size: 1.2rem; margin-right: 10px;}

.footer-black {background-color: #333333; padding: 2rem 0; text-align: center;}
.footer-black a {text-decoration: none; color: #fff; font-size: .7rem; font-weight: 300;}


/* dropdown usuario */
.nav-item-user {position:relative; width: 200px; z-index: 99; margin-left: 2rem;}
.nav-user {
	background-color: #62bcfb; min-width: 200px;  padding: .5rem 1rem;
	-webkit-box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.29);
	-moz-box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.29);
	box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.29);
	position: absolute;
	top: 0; right: 0;
}
.nav-user-button {color: #fff; padding-left: 1rem;}
.nav-user-button:hover {text-decoration: none; color: #fff;}
.nav-user-button img {margin-right: 10px;}
.nav-user #collapseUser {padding-top: 1.5rem;}
.nav-user #collapseUser a {display: block; color: #fff; padding: .5rem 1rem; text-decoration: none;}
.nav-user #collapseUser a.btn-secondary {margin-top: 1.5rem; margin-bottom: 1.5rem; padding-top: 1.2rem; padding-bottom: 1.2rem; background-color: #3f6db8; border: none;}
.nav-user #collapseUser a.nav-user-a {opacity: .7;}
.nav-user #collapseUser a.nav-user-a:hover {opacity: 1;}


/* como funciona */
#comofunciona {padding-top: 5rem; padding-bottom: 0rem;}
.comofunciona-title {margin-bottom: 3rem;}
.comofunciona-title h3 {font-size: 2rem; color: #3f6db8; margin-bottom: 1rem;}
.comofunciona-title h4 {font-size: 1.2rem; color: #62bcfb; font-weight: 300; margin-bottom: 1rem;}
.comofunciona-title p {font-size: 1rem; color: #596070}
.row-comofunciona {margin-top: 3rem; margin-bottom: 3rem;}
#comofunciona .row-comofunciona:last-child {margin-bottom: 0;}
.row-comofunciona .in {padding: 4rem;}
.row-comofunciona h4 {color: #3f6db8; font-size: 1.2rem; margin-bottom: .8rem;}
.row-comofunciona p {color: #596070; font-size: 1rem; margin-bottom: 3rem;}

/* bloque eres empresa */
#eresempresa {
	overflow: hidden; position: relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#20375c+0,3f6db8+100 */
	background: #20375c; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #20375c 0%, #3f6db8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #20375c 0%,#3f6db8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #20375c 0%,#3f6db8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20375c', endColorstr='#3f6db8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.eresempresa-bg {
	background: url(../../../img/eresempresa-bg.png) top right no-repeat;
	background-size: cover;
	position: absolute;
	top: 0px; right: -10%; width: 800px;
	height: 100%;
}
#eresempresa .sup {
	transform: skewY(1deg);
    padding-bottom: 60px;
    margin-bottom: -70px;
    background-color: #F2F5FA;
    padding: 20px 0 50px 0;
    margin: -50px 0 -100px 0;
}
#eresempresa .inf {
	transform: skewY(-1deg);
    padding-bottom: 60px;
    margin-bottom: -70px;
    background-color: #F2F5FA;
    padding: 20px 0 100px 0;
    margin: 30px 0 -50px 0;
}
#eresempresa .container {padding-top: 5rem; padding-bottom: 5rem;}
#eresempresa .medio {background-color: #20375c;}
#eresempresa h3 {color: #62bcfb; font-size: 1.8rem; margin-bottom: 1rem; padding-top: 5rem;}
#eresempresa p {color: #fff; font-size: 1rem; margin-bottom: 3rem; margin-right: 4rem;}
#eresempresa ul {margin-left: 30px;}
#eresempresa li {margin-left: 40px; margin-bottom: .8rem; color: #fff; position: relative; font-weight: 300;}
#eresempresa li i {position: absolute; top: -1px; left: -30px; color: #62bcfb;}
#eresempresa li a {margin-top: 1.5rem; padding: .8rem 1.6rem;}

/* contacta */
#contacta {padding-top: 5rem; padding-bottom: 0rem;}
.contacta-title {margin-bottom: 3rem;}
.contacta-title h3 {font-size: 2rem; color: #3f6db8; margin-bottom: 1rem;}
.contacta-title h4 {font-size: 1.2rem; color: #62bcfb; font-weight: 300; margin-bottom: 1rem;}
.contacta-title p {font-size: 1rem; color: #596070}

.form-contacta {margin-top: 3rem;}
.form-contacta label {font-size: .8rem; color: #596070; font-weight: 400;}

.form-contacta .form-control {
	border: none;
	box-shadow: none;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	border-radius: 0;
	border-bottom: 2px solid #3f6db8;
	font-size: 1rem;
	color: #333;
	background: transparent;
	-webkit-appearance: none;
		-moz-appearance: none;
}
.form-contacta .form-control:focus {border-bottom: 2px solid #62bcfb;}
.form-contacta .form-check label {font-weight: 400;}
.form-contacta button {margin-top: 1rem; padding:.6rem 1.8rem;}
.form-contacta .input-group-text {background-color: transparent; border: none; border-bottom: 2px solid #3f6db8; border-radius: 0;}
.form-contacta .input-group-text#matricula a {color: #62BCFB; cursor: pointer;}
.form-contacta .input-group-text#matricula a:hover {text-decoration: none; color: #62BCFB;}
.form-contacta .input-group-text#matricula a:focus {outline: none; box-shadow: none;}
.form-contacta .form-check label {font-weight: 400; font-size: 1rem;}
.form-contacta .form-check-inline.first {margin-right: 2rem;}
.page-perfil .form-contacta h4 {margin-top: 2rem;}
.form-contacta .tab-pane {padding-top: 3rem; padding-bottom: 1.5rem;}
#envio-ok p {margin-bottom: 0;}
#envio-ok p strong {font-size: 1.3rem;}

.contacta-columna {}
.contacta-columna h4 {color: #3f6db8; font-size: 1.2rem; margin-bottom: 1rem;}
.contacta-columna address {color: #596070; font-size: 1rem; font-weight: 300; line-height: 1.8rem; margin-bottom: 3rem;}
.contacta-columna address a {text-decoration: none; padding-bottom: 2px; border-bottom:2px solid #c5c5c5; color: #596070;}
.contacta-columna ul {color: #596070; font-size: 1rem; font-weight: 300; line-height: 1.8rem; margin-bottom: 3rem;}

.contacta-columna .box-faq h4 {font-size: 1.1rem; color: #596070 ; margin-bottom: .9rem;}
.contacta-columna .box-faq h4 strong {display: block; color: #3f6db8; font-size: 1.3rem;}
.contacta-columna .box-faq h4 strong a {color: #3f6db8 !important; padding-bottom: 2px;}
.contacta-columna .box-faq h4 a:hover {border-bottom: 2px solid #3f6db8; text-decoration: none;}

/* ficha parking */
.page-parking #list-parking {margin-bottom: 0; padding-bottom: 0;}
.caracteristicas-parking h5 {font-size: 1.1rem; color: #62bcfb; margin-top: 2rem;}
.caracteristicas-parking ul {padding-top: 1rem;}
.caracteristicas-parking li {color: #666; padding-right: 1.5rem;}
.caracteristicas-parking li:last-child {padding-right: 0;}
.caracteristicas-parking li i {font-size: 1.6rem;}

#mapa-parking {height: 50vh; margin-bottom: 30rem; position: relative; overflow: hidden; margin-bottom: 3rem;}
#mapa-parking iframe {border:0; width: 100%; height: 50vh;}
/*.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}*/

.map-panel {
	position: absolute; top: 2rem; left: 4rem; background-color: #fff; padding: 1.4rem; z-index: 9;
	-webkit-box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.3);
}
.map-panel p strong {color: #62bcfb;}
.map-panel a {color: #333; padding-bottom: 2px;}
.map-panel a:hover {text-decoration: none; border-bottom: 2px solid #62bcfb; color: #62bcfb;}

.otros-datos-parking {}
.otros-datos-parking h5 {font-size: 1.1rem; color: #62bcfb; margin-bottom: 2rem;}
.otros-datos-parking ul {padding-top: 1rem;}
.otros-datos-parking li {color: #666; padding-right: 1.5rem;}
.otros-datos-parking li:last-child {padding-right: 0;}
.otros-datos-parking li i {font-size: 1.6rem;}
.list-otros-datos img {float: left; margin-right: 10px;}
.list-otros-datos div {height: 70px;}

.otros-parkings {margin-bottom: 4rem; padding-top: 3rem;}
.otros-parkings h3 {color: #3f6db8; font-size: 1.5rem; margin-bottom: 1.5rem;}

#gestiona-tu-reserva {padding-top: 5rem; padding-bottom: 5rem;}
#gestiona-tu-reserva h3 {font-size: 1.7rem; color: #3f6db8;}
#gestiona-tu-reserva p {color: #596070; font-size: 1rem; margin: 0 0rem 2rem 0rem;}
#gestiona-tu-reserva form {}
#gestiona-tu-reserva form legend {font-size: 1.1rem; color: #62bcfb; margin-bottom: 2rem;}
#gestiona-tu-reserva form {margin-top: 3rem;}
#gestiona-tu-reserva form label {font-size: .8rem; color: #596070; font-weight: 400;}

#gestiona-tu-reserva form .form-control {
	border: none;
	box-shadow: none;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	border-radius: 0;
	border-bottom: 2px solid #3f6db8;
	font-size: 1rem;
	color: #333;
	background: transparent;
	-webkit-appearance: none;
		-moz-appearance: none;
}
#gestiona-tu-reserva form .form-control:focus {border-bottom: 2px solid #62bcfb;}
#gestiona-tu-reserva form .form-check label {font-weight: 400;}
#gestiona-tu-reserva form button {margin-top: 1rem; padding:.6rem 1.8rem;}
#gestiona-tu-reserva form p a {font-size: .8rem; color: #666; padding-bottom: 2px; border-bottom: 1px solid #666;}
#gestiona-tu-reserva form p a:hover {color: #333; border-color: #333; text-decoration: none;}

#gestiona-tu-reserva .container {position: relative;}
.gestiona-tu-reserva-salir {position: absolute; top: 0px; right: 15px;}
.gestiona-tu-reserva-salir a {color: #999;}
.gestiona-tu-reserva-salir a:hover {text-decoration: none; color: #333;}

.informacion-reserva {margin-top: 2rem;}
.informacion-reserva h3 {font-weight: 600; font-size: 1.5rem; margin-bottom: 1.5rem; color: #62bcfb !important;}
.informacion-reserva h3 span {font-weight: 400; color: #333; padding-right: 1.5rem}
.informacion-reserva h4 {font-size: 1rem; margin-bottom: 2rem; color: #596070;}
.informacion-reserva h4 a {margin-left: 2rem; padding-bottom: 2px; font-weight: 300;}
.informacion-reserva h4 a i {margin-right: 8px;}
.informacion-reserva h4 a.text-success:hover {text-decoration: none; border-bottom: 2px solid #28a745; color: #28a745 !important;}
.informacion-reserva h4 a.text-danger:hover {text-decoration: none; border-bottom: 2px solid #dc3545; color: #dc3545 !important;}
.informacion-reserva-paremetros {font-size: 1rem; color: #596070;}
.informacion-reserva-paremetros span {color: #62bcfb;}
.informacion-reserva-paremetros .row {margin-bottom: .6rem;}
.informacion-reserva-precio {padding-top: 3rem; margin-bottom: 4rem;}
.informacion-reserva-precio p {margin-bottom: 0 !important; color: #596070;}
.informacion-reserva-precio p strong {color: #7CC12B; font-size: 2rem;}
.informacion-reserva-precio p small {color: #333; line-height: 15px;}
.informacion-reserva-precio p em {font-style: normal; font-weight: 600;}
.informacion-reserva-precio hr {border: none; border-bottom: 3px solid #62bcfb; margin-left: 0; width: 3rem;}


/* registro */
#registro {padding-top: 5rem; padding-bottom: 8rem;}
.registro-title {margin-bottom: 3rem;}
.registro-title h3 {font-size: 2rem; color: #3f6db8; margin-bottom: 1rem;}
.registro-title h4 {font-size: 1.2rem; color: #62bcfb; font-weight: 300; margin-bottom: 1rem;}
.registro-title p {font-size: 1rem; color: #596070; margin-right: 3rem;}
.registro-title p a {padding-bottom: 2px; border-bottom: 2px solid #62bcfb; color: #62bcfb;}
.registro-title p a:hover {text-decoration: none; color: #3f6db8; border-bottom: 2px solid #3f6db8;}
.registro-title .col-4 div {margin-bottom: 10px;}
.registro-title img {margin-right: 1rem;}
.registro-title hr {border: none; border-bottom: 3px solid #62bcfb; margin-left: 0; width: 3rem;}
.registro-title .form-group {margin-bottom: 1.5rem;}
.registro-title .form-group p {margin-bottom: .0rem;}
.registro-title .form-group p strong {font-size: 1.3rem; color: #62bcfb; font-weight: 400;}
.registro-title blockquote {border-left: 3px solid #e5e5e5; padding-left: 1rem; margin: 1rem 0; font-size: .8rem;}
#registro .card {
	-webkit-box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.19);
	-moz-box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.19);
	box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.19);
	margin-bottom: 2rem;
	border: none;
	border-radius: 0px;
}
#registro .card-body {padding: 2rem;}
#registro .card-body h4 {color: #596070; font-size: 2rem; margin-bottom: 1.5rem;}
#registro .card-ayuda {padding-left: 2rem;}
#registro .card-ayuda h5 {color: #3f6db8; font-size: 1.5rem; margin-bottom: 1.5rem;}
#registro .card-ayuda p {color: #596070; font-size: .8rem;}
.delete-vehicle {margin-top: 30px;}
.delete-vehicle i {font-size: 1.3rem;}
.registro-legal {}
.registro-legal a {color: #62bcfb; padding-bottom: 2px;}
.registro-legal a:hover {border-bottom: 2px solid #62bcfb; text-decoration: none;}
.registro-terceros img {margin-bottom: 1rem;}
.card-ayuda-mobile {display: none;}
.card-ayuda-mobile a:focus {text-decoration: none;}


/* proceso reserva */
header#booking {
	background: -webkit-linear-gradient(#3f6db8 0%, #224a8b 100%);
	background: -o-linear-gradient(#3f6db8 0%, #224a8b 100%);
	background: linear-gradient(#3f6db8 0%, #224a8b 100%);
	color: #fff;
	position: relative;
	padding: 2rem 0;
    transition: 0.3s ease-out;
    max-height: 100px;
}
 header#booking.big{
    max-height: 300px!important;
}
header#booking h1 {font-weight: 400; font-size: 2.2rem;}
header#booking h1 strong {color: #62bcfb; font-weight: 400;}
header#booking .nav-user {position: absolute; z-index: 9;}
.booking-back {
	position: absolute; top: 2rem; left: 0px; font-size: 2rem;
	text-align: center;
}
header#booking .container .row:first-child {margin-bottom: 1.5rem;}
.booking-back a {display: block; width: 60px; height: 40px; color: #fff; text-align: center; position: relative;}
.booking-back a i {
	position: absolute; top: 0; left: 40px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.booking-back a:hover i {
	position: absolute; top: 0; left: 20px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.booking-no-user {position: absolute; top: 0; right: 0;}

.form-booking-proceso {margin-top: 3rem;}

.form-booking-proceso .form-control {
	border: none;
	box-shadow: none;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	border-radius: 0;
	border-bottom: 2px solid rgba(255,255,255,.5);
	font-size: 1rem;
	color: #9FD4FA;
	background: transparent;
	-webkit-appearance: none;
		-moz-appearance: none;
}
.form-booking-proceso .form-control:focus {border-bottom: 2px solid rgba(255,255,255,.5);}
.form-booking-proceso .form-check label {font-weight: 400;}
.form-booking-proceso button {margin-top: 1rem; padding:.6rem 1.8rem;}
.form-booking-proceso .input-group-text {background-color: transparent; border: none; border-bottom: 2px solid rgba(255,255,255,.5); border-radius: 0; color: #fff;}
.form-booking-proceso .input-group-text.without-border {border-bottom: none!important;}
.form-booking-proceso .input-group-append {margin-left: 0;}
.form-booking-proceso p {color: white!important}
.form-booking-proceso input::placeholder {color: rgba(255,255,255,1);}


.resultados-cantidad {padding-top: 1.2rem; padding-bottom: 1rem;}
.resultados-cantidad p {margin: 0;}
.resultados-cantidad p {color: #3F6DB8; font-size: 1.2rem;}
.resultados-cantidad a {font-size: .8rem;}
#booking-resultados {padding-bottom: 5rem;}
.booking-resultado {
	background-color: rgba(255,255,255,.5); padding-top: 1.5rem; padding-bottom: 1.5rem; margin-bottom: 1rem;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.booking-resultado:hover {
	background-color: rgba(255,255,255,1);
	-webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.19);
	-moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.19);
	box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.19);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.resultado-parking {padding-left: 25px;}
.resultado-parking p {margin-bottom: 4px;}
.resultado-parking p strong {color: #596070;}
.resultado-parking p a {color: #596070; padding-bottom: 2px; font-size: .8rem;}
.resultado-parking p a:hover {text-decoration: none; color: #333; border-bottom: 2px solid #333;}
.resultado-condiciones {}
.resultado-condiciones p {margin-bottom: 4px; font-size: .8rem;}
.resultado-condiciones p strong {color: #3F6DB8; font-size: 1rem;}
.resultado-precio {text-align: right;}
.resultado-precio p {margin-bottom: 2px; margin-top: 0; line-height: 140%;}
.resultado-precio p strong {font-size: 1.8rem; color: #7CC12B;}
.resultado-precio a {display: block; margin-top: 1rem;}
.resultado-precio em {font-style: normal; text-decoration: line-through; color: #333;}
.resultado-precio span {color: #333; font-weight: 600;}
.resultado-banner {padding-bottom: 1.5rem;}

/* modal info parking */
#modal-info-parking {}
#modal-info-parking .modal-header {border: none;}
#modal-info-parking h5 {color: #3f6db8;}
#modal-info-parking h5 small {color: #62bcfb;}
#modal-info-parking img {margin-bottom: 1rem;}
#modal-info-parking .modal-body h5 {font-size: 1rem; color: #62bcfb}

/* modal mapa parking */
#modal-mapa-parking {}
#modal-mapa-parking .modal-header {border: none;}
#modal-mapa-parking h5 {color: #3f6db8;}
#modal-mapa-parking h5 small {color: #62bcfb;}

/* modal listado de parkings */
#modal-parkings-en-mapa {}
#modal-parkings-en-mapa .modal-header {border: none;}
#modal-parkings-en-mapa h5 {color: #3f6db8;}
#modal-parkings-en-mapa h5 small {color: #62bcfb;}
#modal-parkings-en-mapa.modal.fade .modal-dialog {max-width: 95vw;}
#modal-parkings-en-mapa .modal-content {height: 95vh;}

/* resumen */
#resumen {padding-top: 5rem; padding-bottom: 8rem;}
.resumen-title {margin-bottom: 3rem;}
.resumen-title h3 {font-size: 2rem; color: #3f6db8; margin-bottom: 1rem;}
.resumen-title h4 {font-size: 1.2rem; color: #62bcfb; font-weight: 300; margin-bottom: 1rem;}
.resumen-title p {font-size: 1rem; color: #596070;}
.resumen-title hr {border: none; border-bottom: 3px solid #62bcfb; margin-left: 0; width: 3rem;}
.resumen-reserva h4 {font-weight: 400; margin-bottom: .3rem;}
.resumen-reserva h5 {font-size: 1rem; color: #596070; margin-bottom: .3rem;}
.resumen-reserva h6 {font-size: .8rem;}
.resumen-reserva p {margin: 0 0 .3rem 0; color: #596070;}
.resumen-reserva p strong {color: #62bcfb;}
.resumen-reserva .row {margin-bottom: 1rem;}

.resumen-reserva-precio {background-color: #fff; padding: 1.5rem; text-align: right;}
.resumen-reserva-precio h4 {color: #596070; font-size: 1rem; margin: 0 0 .8rem 0;}
.resumen-reserva-precio h4 strong {color: #333; font-size: 1.2rem;}
.resumen-reserva-precio h5 {font-size: .9rem; color: #333; margin: 0 0 .2rem 0;}
.resumen-reserva-precio p {font-size: .8rem;}
.codigo-descuento {margin-bottom: .8rem;}
.codigo-descuento p {color: #62bcfb; margin: 0 0 .4rem 0;}
.codigo-descuento .codigo-ok-ko {padding-top: 8px;}
.resumen-reserva-precio hr {margin-left: auto; margin-right: 0; border-color: #e5e5e5;}
.resumen-reserva-precio .form-check label {font-size: .8rem;}
.resumen-reserva-precio .form-check-input {float: right; margin-right: 0; right: 0;}
.resumen-reserva-precio .form-check {padding-left: 0; padding-right: 1.25rem;}
.resumen-reserva-precio h4 strong.apagar {color: #7CC12B; font-size: 2.5rem;}

#reserva-ok {background-color: #7CC12B; padding: 1.5rem 0; color: #fff;}
#reserva-ok a {padding-bottom: 2px; border-bottom: 2px solid #fff; color: #fff;}
.reserva-descarga-apps a {text-decoration: none; border-bottom: none !important;}
#reserva-ok a:hover {text-decoration: none;}
#reserva-ok .col-4 {text-align: right;}
#reserva-ok .col-4 a {border: none;}

#reserva-ko {background-color: #B13C3C; padding: 1.5rem 0; color: #fff;}
#reserva-ko a {padding-bottom: 2px; border-bottom: 2px solid #fff; color: #fff;}
#reserva-ko a:hover {text-decoration: none;}
#reserva-ko .col-4 {text-align: right;}
#reserva-ko .col-4 a {border: none;}

/*.page-booking .resumen-title i.fa-clock-o {margin-left: 2rem;}*/
.page-booking .resumen-title span {display: block;}

#booking-steps {background-color: #62BCFB; color: rgba(255,255,255,0.5); padding: 1.2rem 0;}
#booking-steps ul {margin-bottom: 0;}
#booking-steps li:not(.here) {padding-right: 4rem;}
#booking-steps li a {display:block; padding-right: 4rem; color: #fff;}
#booking-steps li a:hover {text-decoration: none;}
#booking-steps li a span {background-color: #62BCFB; padding-right: .8rem;}
#booking-steps li.here {border-bottom: 1px dotted #fff; height: 15px;}
#booking-steps ul li.here:last-child {border:none;}

/* perfil */
#perfil {margin-bottom: 5rem; padding-top: 5rem;}
#modal-historico .historico {padding-top: 2rem;}

.linea-vehiculo p {color: #596070; font-size: .8rem;}
.linea-vehiculo p strong {font-size: 1rem; font-weight: 600;}
.linea-vehiculo .acciones {text-align: right; padding-top: 1rem;}
.linea-vehiculo .acciones a {margin-left: 1rem; padding-bottom: 2px; color: #62BCFB;}
.linea-vehiculo .acciones a:firt-child {margin-left: 0rem;}
.linea-vehiculo .acciones a:hover {text-decoration: none; border-bottom: 2px solid #62BCFB;}
.linea-vehiculo .acciones a.text-danger:hover {text-decoration: none; border-bottom: 2px solid #dc3545; color: #dc3545 !important;}

a[href="#collapseNuevoVehiculo"],
a[href="#collapseNuevaTarjeta"] {margin-bottom: 1rem;}
#collapseNuevoVehiculo h4,
#collapseNuevaTarjeta h4 {margin-top: 0rem;}
#collapseNuevoVehiculo h4 a,
#collapseNuevaTarjeta h4 a {font-size: 1rem;}
#collapseNuevoVehiculo h4 a:hover,
#collapseNuevaTarjeta h4 a:hover {text-decoration: none; border-bottom: 2px solid #dc3545; color: #dc3545;}
#collapseNuevoVehiculo .form-contacta,
#collapseNuevaTarjeta .form-contacta {margin-top: 1rem;}

#vehiculos hr {margin-top: 0px;}

#modal-historico h5 {color: #3f6db8;}
#modal-historico .modal-body {padding-bottom: 3rem;}
#modal-historico .modal-body a {color: #62BCFB;}
#modal-historico .exportar {text-align: right;}
#modal-historico .form-contacta button {margin-top: 0;}
#modal-historico table th {color: #596070; font-size: .8rem;}

/* login */
#modal-login .form-contacta {margin-top: 0;}


#mobile-user {padding-left: 10px; margin-bottom: 3rem;}
#mobile-user p {color: #fff; font-weight: 400; font-size: .8rem; margin-bottom: 0;}
#mobile-user p strong {font-size: 1.2rem;}
#mobile-user a {color: #999;}
#mobile-user ul {margin-left: 0;}
#mobile-user ul li {padding-left: 0;}


/* reescribir bootstrap */
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,1);
}

.navbar-dark .navbar-nav .nav-link {position: relative;}
.navbar-dark .navbar-nav .nav-link span {
	position: absolute;
	left: 0;
	bottom: -5px;
	display: block;
	height: 4px;
	width: 0%;
	background: #62bcfb;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.navbar-dark .navbar-nav .nav-link:hover span {
	width: 60%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.navbar-dark .navbar-nav .nav-item.active span {display: block; width: 60%;}


.btn {border-radius: 0;}
.btn-primary {background-color: #62bcfb; border-color: #62bcfb;}
.btn-primary:hover {background-color: #3f6db8; border-color: #3f6db8;}
.btn-primary.focus, .btn-primary:focus {box-shadow: 0 0 0 0.2rem rgba(98,188,251,.5);}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {background-color: #62bcfb; border-color: #62bcfb;}
.btn-outline-primary {color: #fff; border-color: #62bcfb;}
.btn-outline-primary:hover {background-color: #62bcfb; border-color: #62bcfb;}
.btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: 0 0 0 0.2rem rgba(98,188,251,.5);}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {background-color: #62bcfb; border-color: #62bcfb;}

/* esto quita el amarillo de webkit de inputs que se autocompletan */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
input:-webkit-autofill {
    transition: all 5000s ease-in-out 0s;
}

#modal-recuperar-password .modal-footer,
#modal-cancelar-reserva .modal-footer {justify-content: flex-start; border: none; padding-top: 0;}
#modal-recuperar-password .modal-footer button {padding-left: 1.5rem; padding-right: 1.5rem;}

.nav-tabs {
    border:none;
}
.nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    color: #596070;
    padding-left: 0;
    padding-right: 4rem;
    margin-right: 1rem;
    font-size: 1.3rem;
}
.nav-tabs .nav-link:hover {border-bottom: 2px solid #596070;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #62bcfb;
    background-color: transparent;
    border:none;
    border-bottom: 2px solid #62bcfb;
}

.sticky-none {opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.sticky {background-color: #3f6db8; position: sticky; position: -webkit-sticky; top: 0px; left: 0; z-index: 999; display: block; opacity: 1;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.sticky .btn-default {color: #fff; font-size: 1.5rem;}
.sticky .navbar {margin-top: .2rem; margin-right: auto !important; width: 100%; justify-content: flex-end !important;}
.sticky .navbar div.dropdown {margin-left: 2rem;}
.sticky .dropdown-toggle::after {display: none;}
.sticky .dropdown button:focus {outline: none; box-shadow: none;}
.sticky .navbar-brand {position: absolute; top: 10px; left: 0;}

/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 575px)  {
	.booking-indicador {display: none;}
	.full-header-message {}
	.full-header-message p {font-size: 1rem;}
	.full-header-message p strong {font-size: 1.4rem; line-height: 1.4rem;}
	.full-header-scroll {display: none;}
	#full-header .container-fluid {position: absolute; left: 0; bottom: 0;}
	.full-header-booking {width: 100vw;}
	/*.full-header-home {background: #3f6db8;}*/
	.list-parking-title p {margin-left: 0; margin-right: 0;}
	.list-parking-title * {text-align: left;}
	#list-parking {padding-top: 2rem; margin-bottom: 0rem; padding-bottom: 2rem;}
	#container-app {margin-bottom: 2rem;}
	#container-app h3 {font-size: 1.5rem;}
	#container-app h4 {font-size: 1.1rem;}
	#container-app p {font-size: 1rem;}
	#container-app .app-img {border-bottom: 2px solid #e5e5e5; margin-bottom: 1rem;}
	#container-app .app-img img {width: 60%;}
	#container-app .app-info img {margin-bottom: 1rem;}
	#carouselCasosExito .carousel-caption {top: 0%; bottom: auto; text-align: left; width: 80%; left: 5%; }
	#carouselCasosExito .carousel-caption h5 {font-size: 1rem; margin-bottom: .5rem;}
	#carouselCasosExito .carousel-caption p {font-size: .7rem;}
	#carouselCasosExito .carousel-caption i {display: none;}
	#carouselCasosExito .carousel-caption p br {display: none;}
	#carouselCasosExito .carousel-caption p small {padding-left: 1rem;}
	#teayudamos {padding-top: 1.5rem;}
	#teayudamos h3 {font-size: 1.2rem; font-weight: 600;}
	.footer-blue li a i {font-size: 2rem; margin-right: 2rem;}
	#comofunciona {padding-top: 1.5rem;}
	.comofunciona-title h3 {font-size: 1.3rem; font-weight: 600;}
	.comofunciona-title h4 {font-size: 1.1rem;}
	.comofunciona-title p {font-size: 1rem;}
	.row-comofunciona .in {padding-left: 0; padding-right: 2rem;}
	.eresempresa-bg {display: none;}
	#eresempresa p {margin-right: 0;}
	#eresempresa ul {margin-left: 0;}
	#contacta {padding-top: 1.5rem;}
	.contacta-title h3 {font-size: 1.3rem; font-weight: 600;}
	.contacta-title h4 {font-size: 1.1rem;}
	.contacta-title p {font-size: 1rem;}
	.list-parking-title-2 h3 {font-size: 1.3rem; font-weight: 600;}
	.list-parking-title-2 h4 {font-size: 1.1rem;}
	.list-parking-title-2 p {font-size: 1rem;}
	.listado-ciudades {display: none;}
	.list-parking-title-2 {margin-bottom: 0;}
	#list-parking > div [class*="col-"] {margin-bottom: 0rem;}
	.tit-servicios {margin-top: 1.3rem;}
	.otros-parkings .col-md-6 {margin-bottom: 1rem;}
	#gestiona-tu-reserva {padding-top: 1.5rem;}
	#gestiona-tu-reserva h3 {font-size: 1.3rem; font-weight: 600;}
	#gestiona-tu-reserva p {font-size: 1rem;}
	#gestiona-tu-reserva form {margin-top: 0;}
	.informacion-reserva h4 a {display: block; margin-left: 0; font-size: 1rem; padding-top: .6rem;}
	#registro {padding-top: 1.5rem;}
	#registro h3 {font-size: 1.3rem; font-weight: 600;}
	.registro-title p {margin-right: 0;}
	.registro-title img {margin-bottom: .5rem;}
	#registro .card-ayuda {display: none;}
	#registro .card-body h4 {font-size: 1.3rem;}
	.registro-legal button {width: 100%;}
	.registro-title .form-group p strong {font-size: 1rem;}
	#perfil {padding-top: 1.5rem;}
	#perfil h3 {font-size: 1.3rem; font-weight: 600;}
	#perfil .nav-tabs .nav-link {padding-right: 0rem; margin-right: 1rem; font-size: .9rem;}
	#perfil .form-contacta {margin-top: 0rem;}
	#perfil .registro-title {margin-bottom: 0;}
	.form-contacta .tab-pane {padding-top: 1rem;}
	.card-ayuda-mobile {display: block;}
	.button-form-booking-mobile {display: block; margin-top: 2rem;}
	.button-form-booking-mobile a {width: 100%;}
	.button-form-booking-mobile a:focus {background: #62bcfb;}
	.full-header-booking  {display: none;}
	.form-booking-mobile {display: block; padding-left: 0; padding-right: 0;}
	.form-booking .form-group label {display: block;}
	.form-booking .form-group .select2.select2-container.select2-container--default.select2-container--below {width: 100%;}
	.full-header-comofunciona {background: url(../../../img/bg-comofunciona.jpg) top left no-repeat;}
	#mapa-parking, #mapa-parking iframe {height: 70vh;}
	.container-box-parking {margin-bottom: 1.5rem !important;}
	#personales .btn, #vehiculos .btn, #pago .btn {width: 100%;}
	#modal-historico .form-contacta .input-group {margin-bottom: 1rem;}
	#modal-historico .form-contacta .btn {width: 100%;}
	#modal-historico .form-contacta .exportar {padding-top: 1rem; text-align: left;}

	header#booking h1 {font-size: 1.4rem; padding-left: 2rem;}
	.booking-back a i {top: -5px; left: 10px;}
	header#booking .nav-user {top: 60px; left: 50px; width: 70vw;}
	.form-group-50 {width: 50%; float: left;}
	.page-booking-noreg #booking-user {display: none;}
	#booking-steps .list-inline-item {display: block;}
	#booking-steps li.here {border-bottom: none; height: auto;}
	.resultados-cantidad p {clear: both; font-size: 1rem;}
	.resultados-cantidad .btn {float: left !important; margin-bottom: 1rem;}
	.resultado-condiciones {margin-top: 1rem;}
	.resultado-precio {text-align: left; margin-top: 1rem; border-top: 1px solid #e5e5e5; padding-top: 1rem;}
	#resumen {padding-top: 2rem;}
	.resumen-title h3 {font-size: 1.3rem; font-weight: 600;}
	.resumen-title p {font-size: 1rem;}
	.resumen-reserva p {font-size: .8rem;}
	.resumen-reserva-precio {text-align: left;}
	.resumen-reserva-precio hr {margin-left: 0; margin-right: auto;}
	.resumen-reserva-precio .form-check-input {float: left; margin-right: auto; right: auto; margin-left: 0; left: 0;}
	.resumen-reserva-precio .form-check label {margin-left: 20px;}
	#resumen .btn.btn-primary.btn-lg {width: 100%;}
	.form-contacta .resumen-title {margin-bottom: 0;}
	.tit-datos-vehiculo {margin-top: 2rem;}
	.localizador {margin-top: 1rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.7);}
	.resumen-datos-reserva p {margin-bottom: 0;}
	.resumen-datos-reserva strong {display:block; padding-top: 1rem;}

	#modal-login .form-contacta .btn {width: 100%;}

	#navbarNav {display: none;}
	#navbarNav-mobile, #nav-expander {display: block;}
	.navbar-dark .navbar-nav .nav-link:hover span {width: 100%;}

	.booking-user {display: none;}


}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) {
	.booking-indicador {display: none;}
	#navbarNav-mobile, #nav-expander {display: block;}
	.navbar-dark .navbar-nav .nav-link:hover span {width: 100%;}
	.booking-user {display: none;}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
	.full-header-proceso {display: none;}
	.full-header-message {padding-top: 5vh !important; width: 50vw;}
	.full-header-message p strong {font-size: 1.6rem;}
	.booking-indicador {top: 5px; right: 37vw;}
	.full-header-booking {width: 50vw; float: left;}
	#full-header .container-fluid {padding-left: 15px; padding-right: 15px;}
	.booking-indicador {display: none;}
	.navbar-dark .navbar-toggler {color: rgba(255,255,255,1);border-color: rgba(255,255,255,0);}
	.navbar-dark .navbar-toggler:focus {outline: none; box-shadow: none;}
	#container-app h3 {font-size: 1.6rem;}
	#container-app h4 {font-size: 1rem;}
	#container-app p {font-size: .8rem;}
	#carouselCasosExito .carousel-caption h5 {font-size: 1.3rem;}
	.footer-blue li {margin-bottom: .2rem;}
	.footer-blue h3 {font-size: 1rem;}
	.footer-blue li a {font-size: .8rem;}
	/*.navbar-dark .navbar-nav .nav-link span, .navbar-dark .navbar-nav .nav-item.active span {display: none;}*/
	.navbar-dark .nav-link {padding-top: 1rem; padding-bottom: 1rem;}
	.navbar-expand-lg .navbar-nav .nav-item:last-child {padding-right: .7rem;}
	.navbar-expand-lg .navbar-nav .nav-item .btn {width: 100%; margin: .5rem 0;}
	.row-comofunciona {margin-bottom: 0; margin-top: 1.5rem;}
	.eresempresa-bg {width: 50vw; background: url(../../../img/eresempresa-bg.png) top left no-repeat;}
	#eresempresa .container {padding-bottom: 2rem;}
	#eresempresa p {font-size: .8rem; margin-bottom: 1.5rem; margin-right: 1.5rem;}
	#eresempresa ul {margin-left: 0px;}
	#eresempresa li {margin-bottom: .5rem; font-size: .8rem;}
	#container-app h3 {margin-top: 3.5rem;}
	.full-header-message ul {display: none;}
	.caracteristicas-parking h5 {margin-top: 0;}
	.otros-datos-parking .container .row div:last-child  h5{margin-top: 3rem;}
	.last-relacionado {display: none;}
	.full-header-contacta {background: url(../../../img/bg-contacta.jpg) top left no-repeat;}
	.full-header-comofunciona {background: url(../../../img/bg-comofunciona.jpg) top left no-repeat;}
	#gestiona-tu-reserva form {margin-top: 0rem;}
	#gestiona-tu-reserva, #registro, #contacta, #list-parking, #comofunciona, #resumen, #perfil {padding-top: 2.5rem;}
	.listado-ciudades li:first-child {display: block; margin-bottom: 1rem;}
	.list-parking-title-2 {margin-bottom: 0rem;}
	.booking-back a {font-size: 1.6rem;}
	.booking-back a i {top: 0px; left: 8px;}
	header#booking h1 {font-size: 1.5rem;}
	.modal-xl {max-width: 90%;}
	header#booking {padding-bottom: 0.2rem;}
	.resumen-reserva-precio {text-align: left; }
	.resumen-reserva-precio hr {margin-left: 0; margin-right: auto;}
	.resumen-reserva-precio .form-check-input {float: left; margin-right: auto; right: auto; margin-left: 0; left: 0;}
	.resumen-reserva-precio .form-check label {margin-left: 20px;}
	#booking-steps li a {padding-right: 3rem;}
	.tit-datos-vehiculo {margin-top: 2rem;}
	.reserva-descarga-apps img {margin-bottom: 1rem;}
	#perfil .form-contacta {margin-top: 1rem;}
	.linea-vehiculo .acciones {text-align: left; padding-top: 0rem; padding-bottom: 1rem;}
	.linea-vehiculo .acciones a {margin-left: 0; padding-right: 2rem;}
	#navbarNav-mobile, #nav-expander {display: block;}
	.navbar-dark .navbar-nav .nav-link:hover span {width: 100%;}
	.booking-user {display: none;}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
	.booking-indicador {top: 5px; right: 37vw;}
	.full-header-booking {width: 35vw;}
	#carouselCasosExito .carousel-caption h5 {font-size: 1.6rem;}
	.eresempresa-bg {width: 550px; background: url(../../../img/eresempresa-bg.png) top left no-repeat;}
	#eresempresa .container {padding-bottom: 2rem;}
	.full-header-message p strong {font-size: 1.6rem;}
	.booking-back a {font-size: 1.6rem;}
	.booking-back a i {top: 8px; left: 10px;}
	.resumen-title h3 {font-size: 1.6rem;}
	#resumen {padding-top: 2.5rem;}
	.top-fixed {
	    position: fixed;
	    top: 0;
	    right: 0;
	    left: 0;
	    z-index: 1030;
	    background: rgba(0,0,0,.8);
	}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.top-fixed {
	    position: fixed;
	    top: 0;
	    right: 0;
	    left: 0;
	    z-index: 1030;
	    background: rgba(0,0,0,.8);
	}
}

.vs__dropdown-toggle{
    border: none!important;
    border-bottom: 1px solid white!important;
    color: #3f6db8!important;
}
.vs__search, .vs__search:focus{
    color: white!important;
}

.vs__selected{
    color: white!important;
}
.vs__search::placeholder{
    color: #9FD4FA!important;
}
.vs__dropdown-toggle .vs__clear { display: none; }

.full-header-booking .vs__search, .full-header-booking .vs__search:focus, .full-header-booking .vs__selected, .full-header-booking .dp__input{
    color: black!important;
}


.dp__input{
    background-color: transparent!important;
    border: none!important;
    border-bottom: 1px solid white!important;
    color: white!important;
    font-family: 'Lato', sans-serif!important;
}
vs__search::placeholder , .dp__input::placeholder{
    color: #9FD4FA!important;
}
.dp__input_icon{
    color: white!important
}



.payment-loader {
    width: 150px;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
  }

  .payment-loader .binding {
    content: "";
    width: 60px;
    height: 4px;
    border: 2px solid #9b72ee;
    margin: 0 auto;
  }

  .payment-loader .pad {
    width: 68px;
    height: 52px;
    border-radius: 8px;
    border: 2px solid #3f6db8;
    padding: 6px;
    margin: 0 auto;
  }

  .payment-loader .chip {
    width: 12px;
    height: 6px;
    background: #3f6db8;
    border-radius: 3px;
    margin-top: 4px;
    margin-left: 3px;
  }

  .payment-loader .line {
    width: 42px;
    margin-top: 6px;
    margin-left: 3px;
    height: 4px;
    background: #3f6db8;
    border-radius: 100px;
    opacity: 0;
    -webkit-animation: writeline 3s infinite ease-in;
    -moz-animation: writeline 3s infinite ease-in;
    -o-animation: writeline 3s infinite ease-in;
    animation: writeline 3s infinite ease-in;
  }

  .payment-loader .line2 {
    width: 32px;
    margin-top: 6px;
    margin-left: 3px;
    height: 4px;
    background: #3f6db8;
    border-radius: 100px;
    opacity: 0;
    -webkit-animation: writeline2 3s infinite ease-in;
    -moz-animation: writeline2 3s infinite ease-in;
    -o-animation: writeline2 3s infinite ease-in;
    animation: writeline2 3s infinite ease-in;
  }

  .payment-loader .line:first-child {
    margin-top: 0;
  }

  .payment-loader .line.line1 {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
  }

  .payment-loader .line.line2 {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }

  .payment-loader .loader-text p:nth-child(1) {
    color: #3f6db8;
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 0px;
    overflow: hidden;
    white-space: nowrap;
    animation-delay: 10s;
    animation: textline1 3s infinite ease-in;
  }
  .payment-loader .loader-text p:nth-child(2) {
    margin-top: 10px;
    color: #3f6db8;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    animation-delay: 2s;
    animation: textline2 3s infinite ease-in;
  }

  @keyframes writeline {
    0% {
      width: 0px;
      opacity: 0;
    }
    33% {
      width: 52px;
      opacity: 1;
    }
    70% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes writeline2 {
    0% {
      width: 0px;
      opacity: 0;
    }
    33% {
      width: 32px;
      opacity: 1;
    }
    70% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes textline1 {
    0% {
      width: 0%;
      opacity: 0;
    }
    33% {
      width: 100%;
      opacity: 1;
    }
    70% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes textline2 {
    0% {
      width: 100%;
      opacity: 0;
    }
    33% {
      width: 100%;
      opacity: 1;
    }
    70% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }

  .marker-label{
    width: fit-content;
    background-color: #62bcfb;
    color: white;
    font-size: 12px;
    font-weight: bold;
    font-family: Roboto, Arial, sans-serif;
    border-radius: 0px;
    padding: 5px 8px;
    line-height: normal;
    /* transform: translate(0%, -50%);
    top: 50%;
    */
    top: 30px;
    position: absolute!important;
    left: 24px;
    margin-top: 6px!important;
}

.marker-label:after {
    color: #62bcfb;
    border-right: 20px solid;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    display: inline-block;
    content: '';
    position: absolute;
    left: -6px;
    margin: 0px!important;
    padding: 0px!important;
    z-index: -1;
    top: 0px;
  }


  .full-header-404 {background: url(../../../img/bg-404.jpg) top center no-repeat; min-height: 260px !important;}
  /* 404 */
  #box-404 {padding-top: 3rem; padding-bottom: 3rem;}




/*
azul vivo: #62bcfb;
azul oscuro: #3f6db8;
gris texto: #596070;
verde success: #28a745;
verde diseño: #7CC12B;
rojo danger: #dc3545;
*/