/* CSS Document */


/********* TRANSLATOR *********/
/*div.skiptranslate{display:none!important;}*/
h1,h2,h3,h4{color:#000000;}
p{color:#000000;}
/*#goog-gt-tt{display:none!important;}
iframe{display:none;}*/
/*#google_translate_element{float:right!important;width:30px!important;height:30px!important;margin-top:20px;overflow:hidden;margin-right:20px;display:none!important;}
#traductor{float:right!important;width:40px!important;height:40px!important;margin-top:15px;overflow:hidden;margin-right:20px;font-size:36px;line-height:40px;}

.goog-te-menu-frame{box-shadow:none!important;width:100%!important;transition:all 0.3s;top:70px!important;box-shadow:none;height:0px!important;display:block!important;}
.goog-te-menu-frame.displayed{display:block!important;transition:all 0.3s;height:calc(100vh - 70px)!important;}
.goog-te-menu2{border:none!important;width:100%!important;height:calc(100vh - 70px)!important;}

.goog-te-menu2-item div, .goog-te-menu2-item:link div, .goog-te-menu2-item:visited div, .goog-te-menu2-item:active div, .goog-te-menu2 *{width:100%!important;}*/
/********** GENERAL **********/
body{
	font-family: 'Montserrat', sans-serif;top:0!important;
}

.vi{
	display:block!important;
}
.nv{
	display:none!important;
}

.capitalizar{text-transform:capitalize;}

.fa.fa-chevron-right{height:80px;line-height:80px;font-size:28px;display:block;}
.fa.fa-chevron-left{height:80px;line-height:80px;font-size:28px;display:block;}
.gj-picker div[role=navigator] div[role=period] {
    width: 60%!important;
}
input{border:0!important;}

.section{background: #ffffff;margin-top:30px;}
.title h2{font-size:28px;font-weight:500;line-height:40px;margin:0px;color:#000000;}


.selection-confirmed{background:#b2efa9!important;color:#000000!important;}

 #poblacion-elegida{background-color:#ff0000;color:#ffffff;height:70px;line-height:70px;font-size:28px;text-align:center;font-weight:700;border-radius:16px;    line-height:35px;
     display: flex;
    justify-content: center;
    align-items: center;}
 #poblaciones-container{height:435px;transition:all .3s;overflow:hidden;margin-top:10px;}
 #poblaciones-container.closed{height:0!important;}





 .poblacion{
	height:70px;
	/*line-height:70px;*/
	background-color:#efefef;
	width:100%;
	font-size:28px;
	color:#000000;
	text-align:center;
	font-weight:700;
	transition:all 0.3s;
	margin-bottom:3px;
	/*margin-bottom:3px*/;
    line-height:35px;
     display: flex;
    justify-content: center;
    align-items: center;
}



 #poblaciones-container .poblacion.selected{
	background-color:#b2efa9;
	color:#000000;
}





 #furgoneta-elegida{background-color:#ff0000;color:#ffffff;height:auto;line-height:70px;font-size:28px;text-align:center;font-weight:700;border-radius:16px;text-transform: uppercase;
    }

 #vehiculos-container.closed{height:0px!important;overflow:hidden;}
 #vehiculos-container{transition:all 2s;height:3735px;overflow:hidden;margin-top:10px;}
 #vehiculos-container .vehiculo{background:#e5e5e5;width:100%;padding:20px 0;height:412px;max-height:412px;margin-bottom:3px;transition:all .03s;}
 #vehiculos-container .vehiculo.selected{	background-color:#b2efa9;color:#000000;}


 .vehiculo .vehiculo-photo img{height:150px;width:auto;}
 .vehiculo .vehiculo-title h3{margin:0px;line-height:32px;font-size:24px;text-transform: uppercase;font-weight:700;max-width:90%;max-height:64px;margin:0 auto;}
 .vehiculo .vehiculo-datos{margin-top:10px;}
 .vehiculo .vehiculo-datos .line{/*max-width:94%;margin-left:0%;*/}

 .vehiculo .vehiculo-datos p{line-height:30px; font-size:18px;margin:0px;}
 .vehiculo .vehiculo-datos p.black{}



.full-closed{height:0;display:none;}

 #datecapture-from{height:70px;border-radius:16px 0 0 16px;background-color:#ff0000;color:#ffffff;width:50%;float:left;text-align:center;font-size:22px;line-height:70px;font-weight:700;}

 .gj-datepicker{display:block!important;}
 .input-group-append{display: none;}
.gj-picker{
	height:400px;
	position:relative!important;
	top:0px!important;
	left:0px!important; 
	margin-top:10px;
	transition:all .03s;
	width:100%;border:none!important;
	padding:10px!important;
	background-color:#f2f2f2!important;
	display:block;
}
.gj-picker-bootstrap table tr td div, .gj-picker-bootstrap table tr th div{width:100%!important;}
.gj-picker table{width:100%;height:300px;}
.gj-picker div[role=navigator]{height:80px!important;line-height:80px!important;}
.gj-picker div[role=navigator] div[role=period]{font-size:24px!important;line-height:80px!important;}
.gj-picker div[role=navigator] .gj-icon{font-size:32px!important;line-height:80px!important;}

.gj-picker table thead tr td div{ font-size:24px;text-align:center;color:#000000;}
.gj-picker table tbody tr td div{ font-size:24px;text-align:center;color:#000000;}


.gj-picker .today div{color:#000000!important;font-weight: 400!important;}
.gj-picker .today.selected div{color:#000000!important;}
.gj-picker .selected div{background-color:#b2efa9!important;border-radius:0%!important;}
.gj-picker .disabled div{color:#dedede!important;}

.hourinput{height:70px;border-radius:0 16px 16px 0;background-color:#ff0000;width:48%;float:left;margin-left:2%;text-align:center;font-size:22px;line-height:70px;font-weight:700;color:#ffffff;}

@media only screen and (min-width: 900px) {
	#datecapture-from{width:70%;font-size:28px;}
	.hourinput{width:28%;font-size:28px;}
}




#timepicker-from-selector{height:400px;background-color:#efefef;margin-top:10px;padding:0 10px;overflow:hidden;transition: all .3s;}
#timepicker-from-selector.small{max-height:160px!important;}
#timepicker-from-selector.closed{height:0px;}
#timepicker-from-selector .hour{height:50px;line-height:50px;text-align:center;font-size:24px;float:left;width:100%}
#timepicker-from-selector .hour.selected{	background-color:#b2efa9;color:#000000;}
#timepicker-from-selector .title{height:50px;line-height:50px;text-align:center;font-size:24px;float:left;width:100%;}



/********* DIAS *********/

 .diasinput:focus{outline: none;box-shadow: 0 0 0 0 rgba(0,0,0,.0);}
 .diasinput::-ms-expand {display: none;}
 .diasinput{appearance: none;-webkit-appearance: none;}
 .diasinput{height:70px;border-radius:16px;color:#ffffff;background-color:#ff0000;width:100%;text-align:center;font-size:28px;line-height:70px;font-weight:700;border:none;}
 #dias-selector{height:180px;background-color:#efefef;margin-top:10px;padding:0 10px;overflow:hidden;transition: all .3s;}
 #dias-selector.closed{height:0px!important;}
 #dias-selector .dia{font-size:24px;font-weight:700;float:left;width:33.3%;text-align:center;height:60px;line-height:60px;color:#000000;}
 #dias-selector .dia.selected{	background-color:#b2efa9;color:#000000;}


/********* KM *********/

 .kminput{height:70px;border-radius:16px;color:#ffffff;background-color:#ff0000;width:100%;text-align:center;font-size:28px;line-height:70px;font-weight:700;border:none;touch-action: manipulation;}

 #teclilla-selector{height:180px;background-color:#efefef;margin-top:10px;padding:0 10px;overflow:hidden;transition: all .3s;touch-action: manipulation;}
 #teclilla-selector.closed{height:0px!important;touch-action: manipulation;}
 #teclilla-selector .tec{font-size:24px;font-weight:700;float:left;width:20%;text-align:center;height:60px;line-height:60px;touch-action: manipulation;}
#teclilla-selector .tec i{line-height:40px;}
 #teclilla-selector .tec.big{font-size:24px;font-weight:700;float:left;width:40%;text-align:center;height:40px;line-height:40px;background:#000000;color:#ffffff;margin:10px 5%;touch-action: manipulation;}


#button-submit{height:70px;border-radius:16px;color:#ffffff;background-color:#0000FF;width:100%;text-align:center;font-size:28px;line-height:70px;font-weight:700;border:none;cursor:pointer;}


/********** HEADER **********/
.pull-body-bottom{height:70px;width:100%;}
#header{position:fixed;width:100%;background:#ffffff;z-index:99997;height:70px;}
.logo-header{display:block; padding:20px 0;}
.logo-header img{height:28px;width:auto;}

.hamburger-menu{z-index:9998;padding:20px 0;}

.hamburger-menu .line{height:6px; background:#000000;width:36px;transition:all 0.3s;border-radius:4px;}
.hamburger-menu .line-1{transform-origin: top left;}
.hamburger-menu .line-2{margin-top:6px;}
.hamburger-menu .line-3{margin-top:6px;transform-origin: bottom left;}
.hamburger-menu .line-1.giro{transform:rotate(45deg);}
.hamburger-menu .line-2.giro{opacity:0;}
.hamburger-menu .line-3.giro{transform:rotate(-45deg);}

.llamar-menu{z-index:9998;padding:20px 0;margin:0px 20px 0 5px;line-height:36px;}
.llamar-menu i{line-height:36px;font-size:36px;float:right;}
.llamar-menu span{line-height:30px;font-size:30px;float:right;letter-spacing: 2px;}




.bg-black{background-color:#000000;width:100%;}
.bg-red{background-color:#ed0033;width:100%;}


#navigation-container{
	height:0px;
	transition: all 0.3s;
	z-index:9998;
	background-color:#ff0000;
	position:fixed;
	top:70px;
	width:100%;
	overflow:hidden;
	flex-direction:column;
	display:flex;
	justify-content: space-around;
}
#navigation-container.open{
	height:calc(100vh - 70px);

}
#navigation-container > div{text-align:center;}

#navigation-container > div > a{font-size:1.4rem;color:#ffffff;text-transform: uppercase;letter-spacing:1px;padding:0px 0;display: block;line-height:2rem;}
#navigation-container > div > a.title{font-weight: bold;}
#navigation-container > div > a > i{font-size:2rem;padding-right:10px;line-height:2rem;}


#lista-delegaciones{
	height:0px;
	transition: all 0.3s;
	z-index:9999;
	background-color:#ff0000;
	position:fixed;
	top:70px;
	width:100%;
	overflow:hidden;
	flex-direction:column;
	display:flex;
	justify-content: space-around;
}
#lista-delegaciones.open{
	height:calc(100vh - 70px);
}
#lista-delegaciones > div > a{font-size:1.4rem;color:#ffffff;text-transform: uppercase;letter-spacing:1px;padding:20px 0;display: block;line-height:1.4rem;text-align:center;}
#lista-delegaciones > div > a > i{font-size:1.4rem;padding-right:10px;line-height:1.4rem;height:1.4rem;display:inline!important;font-weight:bold;}
#lista-delegaciones > div > a > span{font-size:1.4rem;padding-right:10px;line-height:1.4rem;height:1.4rem;display:inline!important;font-weight:bold;}


#llamar-container{
	height:0px;
	transition: all 0.3s;
	z-index:9998;
	background-color:#efefef;
	position:fixed;
	top:70px;
	width:100%;
	overflow:hidden;
	flex-direction:column;
	display:flex;
	justify-content: space-around;
}
#llamar-container.open{
	height:calc(100vh - 70px);

}
#llamar-container > div{text-align:center;}

#llamar-container > div > a{font-size:1.4rem;color:#000000;text-transform: uppercase;letter-spacing:1px;padding:0px 0;line-height:2rem;border:3px solid #000000;padding:5px 10px;border-radius:8px; }
#llamar-container > div > a.title{font-weight: bold;}
#llamar-container > div > a > i{font-size:2rem;padding-right:10px;line-height:2rem;}




#resultado{
	height:calc(80vh);
	width:calc(90vw);
	background:#ffffff;
	position:fixed;
	top:calc(5vh);
	left:calc(5vw);
	z-index:99999;
	border-radius:8px;
	box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.4);

}
#resultado-no-disponibilidad{
	/*height:calc(80vh);*/
    padding-bottom:20px;
	width:calc(90vw);
	background:#ffffff;
	position:fixed;
	top:calc(5vh);
	left:calc(5vw);
	z-index:99999;
	border-radius:8px;
	box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.4);

}
#error-tarjeta{ height: calc(80vh);
    width: calc(80vw);
    background: #ffffff;
    position: fixed;
    top: calc(5vh);
    left: calc(5vw);
    z-index: 99999;
    border-radius: 8px;
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.4);
    
}
#error-tarjeta .cabecera-resultado{line-height:calc(10vh);height:calc(10%vh);font-size:32px;text-align:center;background:#ff0000;color:#ffffff;border-radius:8px 8px 0 0;position:relative;}
#error-tarjeta .cabecera-resultado .tri{height:0;width:0;position:absolute;bottom:-20px;left: 50%;transform: translateX(-50%);border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #f00;}

#error-tarjeta    h2{padding:10% 10% 0% 10%;line-height:48px;display:block;text-align:center;font-size:24px;}
#error-tarjeta    i{height:96px;padding:10% 10% 0% 10%;line-height:96px;display:block;text-align:center;font-size:64px;}
#volver-button{height:calc(8vh);width:calc(76vw);line-height:calc(8vh);background-color:#ff0000;color:#ffffff;border-radius:8px;text-align:center;font-size:32px;margin:calc(2vh) auto 0 auto;cursor:pointer;}

#resultado-no-seleccion {
    height: calc(80vh);
    width: calc(90vw);
    background: #ffffff;
    position: fixed;
    top: calc(5vh);
    left: calc(5vw);
    z-index: 99999;
    border-radius: 8px;
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.4);
}


#resultado-no-seleccion .cabecera-resultado{line-height:calc(10vh);height:calc(10%vh);font-size:32px;text-align:center;background:#ff0000;color:#ffffff;border-radius:8px 8px 0 0;position:relative;}
#resultado-no-seleccion .cabecera-resultado .tri{height:0;width:0;position:absolute;bottom:-20px;left: 50%;transform: translateX(-50%);border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #f00;}


#resultado-no-seleccion h2{padding:10% 10% 0% 10%;line-height:48px;display:block;text-align:center;font-size:24px;}


#resultado-no-seleccion i{height:96px;padding:10% 10% 0% 10%;line-height:96px;display:block;text-align:center;font-size:64px;}
#volver-button{height:calc(8vh);width:calc(76vw);line-height:calc(8vh);background-color:#ff0000;color:#ffffff;border-radius:8px;text-align:center;font-size:32px;margin:calc(2vh) auto 0 auto;cursor:pointer;}

#overlay{
	background-color: rgba(0,0,0,0.6);
	height:calc(100vh);
	width:calc(100vw);
	z-index:99998;
	position: fixed;
	top: 0px;
	left: 0px;
}

.close_menu{
	position:absolute;
	top:10px;
	right:10px;
	line-height:32px;
	font-size:28px;
    cursor:pointer;
}
#resultado .cabecera-resultado{line-height:calc(10vh);height:calc(10%vh);font-size:32px;text-align:center;background:#ff0000;color:#ffffff;border-radius:8px 8px 0 0;position:relative;}
#resultado .cabecera-resultado .tri{height:0;width:0;position:absolute;bottom:-20px;left: 50%;transform: translateX(-50%);border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #f00;}
#resultado .img{width:60%;left:20%;text-align:center;margin:40px auto 0 auto;}
#resultado .img img{width:50%;height:auto;max-width:400px;}
#resultado .datos-container{height:calc(40vh);padding:10% 10% 0% 10%;display:flex;flex-direction:column;justify-content:space-between;}
#resultado .datos{font-size:18px;color:#454545;line-height:30px;margin:0px;}
#resultado #precio{text-align:center;height:calc(14vh);}
#resultado #precio #precio-valor{font-size:48px;color:#000000;text-align:center;line-height:64px;margin-top:30px;}
#resultado #precio #precio-detalle{font-size:18px;line-height:18px;}

#reservar-button{height:calc(8vh);width:calc(76vw);line-height:calc(8vh);background-color:#ff0000;color:#ffffff;border-radius:8px;text-align:center;font-size:32px;margin:calc(2vh) auto 0 auto;cursor:pointer;}

#resultado-no-disponibilidad .cabecera-resultado{line-height:calc(10vh);height:calc(10%vh);font-size:32px;text-align:center;background:#ff0000;color:#ffffff;border-radius:8px 8px 0 0;position:relative;}
#resultado-no-disponibilidad .cabecera-resultado .tri{height:0;width:0;position:absolute;bottom:-20px;left: 50%;transform: translateX(-50%);border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #f00;}
#resultado-no-disponibilidad .img{width:60%;left:20%;text-align:center;margin:40px auto 0 auto;}
#resultado-no-disponibilidad .img img{width:50%;height:auto;max-width:400px;}
#resultado-no-disponibilidad .datos-container{height:calc(40vh);padding:10% 10% 0% 10%;display:flex;flex-direction:column;justify-content:space-between;}
#resultado-no-disponibilidad .datos{font-size:18px;color:#454545;line-height:30px;margin:0px;}
#resultado-no-disponibilidad #precio{text-align:center;height:calc(14vh);}
#resultado-no-disponibilidad #precio #precio-valor-nd{font-size:48px;color:#000000;text-align:center;line-height:64px;margin-top:30px;}
#resultado-no-disponibilidad #precio #precio-detalle-nd{font-size:18px;line-height:18px;}

#llamar-button-nd{height:auto;width:calc(76vw);line-height:calc(8vh);background-color:#ff0000;color:#ffffff;border-radius:8px;text-align:center;font-size:32px;margin:calc(2vh) auto 0 auto;cursor:pointer;}
.text-capitalize{text-transform: capitalize;}
/* Small devices (landscape phones, 576px and up) */

 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
 
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	#navigation-container > div > a{font-size:1.8rem;color:#ffffff;text-transform: uppercase;letter-spacing:1px;padding:30px 0;display: block;}
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    #navigation-container > div > a{font-size:2.4rem;color:#ffffff;text-transform: uppercase;letter-spacing:1px;padding:30px 0;display: block;}
	.container{max-width:800px!important;}
}


/*FANCYBOX*/
.fancybox-content{padding:3px!important;}