@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700');
@import url("https://fonts.googleapis.com/css?family=Metal+Mania");


ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* body { */
    /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; */
/* } */
.iata-hora{
	font-size: 0.6rem;
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 400;
	color: #7896a6;
	display: inline-block;
}
.iata-horas{
	font-size: 0.8rem;
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 400;
	color: #7896a6;
	/* white-space: nowrap; */
}
.iata-aerolinea{
	font-size: 0.5rem;
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 600;
	display: inline-block;
}
.edades{
	font-size: 0.65rem;
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 400;
	color: #7896a6;
	white-space: nowrap;
}
.mascontrol{
	padding: .375rem .45rem !important;
}
.total{
	font-weight: bold;
}
.field-label {
    line-height: 13px;
    font-size: 10px;
    font-weight: 700;
	margin-bottom: .0rem !important;
}




/* zomm imagenes detalles */
.img-contenedor{
max-width:100px;

}

.img-contenedor img {
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
max-width:400px;
}
.img-contenedor:hover img {
-webkit-transform:scale(1.50);
-moz-transform:scale(1.50);
-ms-transform:scale(1.50);
-o-transform:scale(1.50);
transform:scale(1.50);
/* width:100%; */
}

.topbar-divider {
    width: 0;
    border-right: 1px solid #e9ecef75;
    height: calc(5.875rem - 2rem);
    /* margin: auto 1rem; */
}

/* CIRCULOS LINK */
.find-experience {
    width: 180px;
    height: 180px;
    /* margin-bottom: 25px; */
    /* margin-right: 23px; */
	/* border-radius: 100%; */
    
}
.find-experience a {
	
	text-decoration:none !important;
}
.gradient-roca{
    background: radial-gradient(ellipse at center,rgba(0,0,0,0) 0,rgba(2,1,1,.2) 100%);
}
.find-experience-paquetes {
    background: #ed1650;
}
.find-experience-peru {
    background: #a00455;
}
.find-experience-todoincluido {
    background: #ba19a1;
}
.find-experience-internacionales {
    background: #161382;
}
.find-experience-caribe {
    background: #1fa306;
}
.badge_text {
	padding-top:0.5rem;
	font-size: 1.19em;
    line-height: 100%;
	font-family: "Latam-Sans-Regular",arial,sans-serif;
	
}
.badge_text a {
	
	text-decoration:none !important;
}
.badge_icon {
	margin-top:5.5rem;
    font-size: 2.67em;
}
/* FIN CIRCULOS LINK */
					
@media screen and (max-width: 470px) {
.container-fluid h1{
	font-size: 1.5rem;
}
.find-experience {
    width: 158px;
    height: 158px;
    /* margin-bottom: 25px; */
    /* margin-right: 23px; */
	/* border-radius: 100%; */
    
}

}
@media screen and (min-width: 470px) {
.navbar-brand i {
    font-size: 2rem !important;
}

}
.flecha{
	font-size: 2rem !important;
}	

.limitado{
  overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
	
  
}
.pickers {
     border-top: 1px solid #ccc;
}
.sortBySelectSpan {
    float: right;
}
@media screen and (max-width: 768px) {
	

}
@media screen and (min-width: 768px) {


}
@media screen and (max-width: 1524px) {


}

 /* para inputs  */
input:invalid {
        border: 1px dashed red;
      }

input:invalid:required {
        border: 1px dashed red;
      }
input:valid {
        border-color: #28a745;
      }
 /* para el footer */
.footer-links li a {
    color: #f8f9fa;
}
.footer-links li a:hover {
    color: white;
}
.copyright a {
    color: #B9BABC 
	}
.copyright a:hover {
    color: white;
	}
.footer-links li i {
    margin-right: 15px;
    color: #f8f9fc;
    width: 14px;
    text-align: center;
}
.footer-payments li i {
    margin-right: 15px;
    color: #f8f9fc;
    width: 14px;
    text-align: center;
}
.section {
    padding-top: 30px;
    padding-bottom: 30px;
}

#footer ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-payments li {
    display: inline-block;
    margin-right: 5px;
}
.bg-gradient-success {
    background-color: #1cc88a;
    background-image: linear-gradient(180deg, #1cc88a 10%, #13855c 100%);
    background-size: cover;
}



/* para spinner todo*/

.spinner-border.hidden {
    animation: fadeOut 1s;
    animation-fill-mode: forwards;
}

@keyframes fadeOut {
    100% {
        opacity: 0;
        visibility: hidden;
    }
}
/* fin para spinner */

/* para spinner */
.hidden {
    animation: fadeOutt 1s;
    animation-fill-mode: forwards;
}
@keyframes fadeOutt {
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

#introx img {
    position: absolute;
	
	z-index: 113;
}
/* fin para spinner */


.cart-total {
    text-align: end;
    margin-top: 10px;
    margin-right: 10px;
}


.cart-total-price {
    color: #333;
    font-size: 1.1em;
}
.cart-header {
   font-weight: bold;
}
.texalcentro{
	text-align: center;
	
}

/* .card-text{ */
	/* font-size: 23px; */
    /* line-height: 18px; */
    /* color: red; */
	/* text-align:center !important; */
/* }	 */
.card-body{
	
	text-align:center !important;
}	
.cart-titulo{
    font-weight: 700;
    font-size: 38px;
	color: #333;
}
.cart-tituloresumen{
    font-weight: 600;
    font-size: 25px;
	color: #333;
	border-bottom: 1px solid #ddd;
	
}
.cart-resumen{
	border: 1px solid #ddd;
	padding:1rem;
}
.contenido-carrito{
	border: 1px solid #ddd;
	padding:0rem;
}		
.grand-total{
	color: #333;
    font-size: 14px;
    font-weight: 900;
    margin-top: 15px;
    border-top: 1px solid #ddd;
    padding-top: 15px;
}
.tarjetas-credito img {
    height: 20px;
}


@media screen and (max-width: 470px) {
.img-contenedor img{
max-width:310px;
}
.cart-titulo{
    font-weight: 700;
    font-size: 25px;
	color: #333;
}

/* iconos amentar cantidad de input +- */
.suma{
	padding: .2rem .1rem !important;
margin-bottom:.8rem!important;
}
.resta{
padding: .2rem .1rem !important;
margin-bottom:.8rem !important;
    
}
.cart-quantity-input {
    height: 34px;
    width: 28px;
}
.modal-body {
    
    padding: 0.2rem !important;
}
}

/* pagina de detalles */
#checkroca{
	font-size: 3rem;
    color: green;
}

.ssroca{
	font-size: small;
    
}
@media screen and (max-width: 470px) {
.ssroca{
	font-size: xx-small;
    
}
}
/* blue brand fullviajes */
.brand-fullviajes{
	background-color:#270570 !important;
}


.was-validated{
	width: 100%;
    margin-top: 0rem;
    font-size: 60%;
    color: #dc3545;
}
 .nav-link:hover {
    color: #fff !important;
}
/* blue y hover de iatas */
#lista {
    background-color: #EBF5FB;
	 cursor: pointer;
}
#lista:hover {
     background-color: bisque;
}