body
{
	margin:0;font-family: Kufam;
}
.day-month-selected
{
	background-color:#FF5C01 !important;
}
.day-month-number-selected span
{
	color:#FDEB01;
}
.day-month-text-selected span
{
	color:#FFFFFF;
}

.slider-element{
	width: 100%;
}

/*Culqi*/
.toolbar-banner__logo_hiden
{
	display:none !important;
}

/******************************************** Estilos para Home ********************/
.enabled-day
{
	cursor:pointer;
	border-radius: 25px;
}
.enabled-day:hover
{
	background-color:#FF404F;
	color:#FFFFFF;
}
.day-selected
{
	background-color:#FF404F;
	color:#FFFFFF;
}
.download-title span
{
	color:#FF404F;
	font-weight: 600;
}
.download-title
{
	font-size:35px;
	font-weight: 600;
}
.title-contact
{
	text-align:center;
	max-width:1500px;
	margin:auto;
}
.btn-contacts
{
	height:60px;
	width:100%;
	border-radius:20px;
	cursor:pointer;
	border: none;
	box-shadow: 0px 2px 4px 0px #cfc8c8;
	font-size:16px;
	font-weight:600;
}
.btn-wa
{
	background-color:#1AD94B;
	color:#FFFFFF;
}
.btn-call
{
	background-color:#FF8202;
	color:#FFFFFF;
}
.btn-mail
{
	background-color:#FDEB01;
}
.btn-wa:hover
{
	background-color: rgb(26 217 75 / 80%);
}
.btn-call:hover
{
	background-color: #F73F3F;
}
.btn-mail:hover
{
	background-color: rgb(253 235 1 / 70%);
}
.our-services-title
{
	text-align:center;
}
.footer
{
	margin:auto;
	margin-top:70px;
	max-width:1358px;
}
.termns-conditions a
{
	text-decoration: none;
	color: #000000;	
}
.termns-conditions a:hover
{
	text-decoration: underline;
	color: #CE0000;	
}
.termns-conditions
{
	display: grid;
	grid-gap: 1px;
	grid-template-columns: 1fr 1fr;
	align-self: center;
}
.title-ss
{
	font-size: 20px;
    font-weight: 600;
}
.content-ss
{
	color:#6D6D6D;
}

.title-ss
{	
    margin-top: 30px;
}
.dissabled-day
{
	cursor:no-drop;
	color: #dfdada;
	
}
.arrows i
{
	margin-top: 9px;
}
.arrows:hover
{
	border: solid 1px #FF404F;
	color:#FF404F;
}
.arrows
{
	/*margin-top: 18px;*/
    border: solid 1px #E2E2E2;
    height: 30px;
    width: 30px;
    border-radius: 17px;
	text-align:center;
}
.arrow-right-calendar
{
	/*text-align: center;*/
}
.current-day
{
	text-decoration: underline;
}
.day-content
{
	padding:8px 8px 8px 8px;
	text-align:center;
}
.header-calendar
{
	display:grid;
	grid-template-columns:0fr 2fr 0fr;
}
.month-name-h
{
	text-align:center;
}

.calendar-controls
{
	display:grid;
	grid-template-columns:1fr 2fr 1fr;
	grid-gap:1px;
}
ul.SelectProductos li:last-child {
	border-bottom: medium none;
}



/******************************************** fin de Estilos para Home ********************/
/*Fin de Culqi*/
/**************************  CUSELITE **********/
.cuselite-banner img
{
	width:100%;
}
.cuselite-slogan
{
	font-weight: 600;
}
.cuselite-info h2 span
{
	color:#FF404E;
}
.cuselite-characteristics
{
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:15px;
}

.it-0
{
	background-color:#FFF4E2;
}
.it-1
{
	background-color:#F5DCF9;
}
.it-2
{	
	background-color:#FDFEDF;
}
.it-3
{
	background-color:#DCF9E3;
}
.it-4
{
	background-color:#DCE4F9;
}
.it-5
{
	background-color:#FFE4E1;
}

.check-0
{
	background-color:#FFE1AD;
}
.check-1
{
	background-color:#E9B1F2;
}
.check-2
{	
	background-color:#FAFDB0;
}
.check-3
{
	background-color:#B0F2C2;
}
.check-4
{
	background-color:#B0C2F2;
}
.check-5
{
	background-color:#FFB6AF;
}
.cuselite-check img
{
	margin: auto;
	padding: 7px;
}
.cuselite-item-info
{
	padding: 12px;
}
.cuselite-check
{
	width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    border-radius: 15px 0px 0px 15px;
}
.cuselite-item-char
{
	display: grid;
    grid-template-columns: 1fr 3fr;
    border-radius: 15px;
	align-items:center;
}
.cuselite-other-services img
{
	float:left;
	padding: 20px 20px 50px 0px;
}
.clear
{
	clear:both;
}
.menu-top
{
	max-width:1500px;
	margin:auto;
	display:grid;
	grid-template-columns:3fr 1fr;
	grid-gap:1px;
	font-size:13px;
}
.img-logo
{
	height:45px;
}
.circle-button
{
	height: 20px;
    width: 20px;
    box-shadow: 0 0 7px #938D8D; 
    position: absolute;
	border-radius: 20px;
	align-self: center;
	background: #FFFFFF;
}
.circle-button-right
{
	margin-left: 93px;
}
.circle-button-right:hover
{
	background: #faec4e;
}
.circle-button-left
{
	margin-left: -15px;
}
.circle-button-left:hover
{
	background: #faec4e;
}
.img-profile-photo
{
	width: 29px;
    border-radius: 15px;
    border: solid 2px #ffffff;
	margin-top: -10px;
}
.title-session
{
	margin-top: 26px;
    font-size: 15px;
    text-align: left;
}
.form-control
{
	width: 100%;
    height: 40px;
    margin-top: 10px;
    padding: 0px 0px 0px 10px;
    border: solid 1px #DEDEDE;
    border-radius: 10px;
}
.session-start
{
	height:50px !important;
	margin-top:10px;
}
.session-cancel:hover
{
	background-color:#CACACD;
}
.container-client
{
	margin-top:10px;
	/*/padding:15px;*/
}
.docs-container
{
	padding:15px;
}
.continue-width-pay
{
	display: grid;
    grid-template-columns: 10% 90%;
    grid-gap: 1px;
    margin-top: 10px;
}
.panel-payment
{
	margin-top:10px;
}
.body-resume
{
	padding:30px;
}
.pp-pay
{
	margin-top:10px;
}
.pay-selected
{
	border:solid 2px #000000 !important;
}
.namme-people
{
	font-weight: 600;
}
.span-price
{
	font-weight: 600;
}
.ininerary-resume
{
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:1px;
}
.total-payment-container
{
	margin-top:10px;
	display:grid;
	grid-template-columns:3fr 1fr;
	grid-gap:1px;
	font-weight:600;
}
.seats-selected-panel
{
	display:grid;
	grid-template-columns:3fr 1fr;
	grid-gap:1px;
	margin-top:10px;
	
}
.action-buttons
{
	height:50px;
}
.resume-container-1
{
	padding:15px;
	margin-top: 10px;
}
.detalle-comprador-body
{
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:1px;
	padding:15px;
}
.label-bold
{
	font-weight: 600;
	padding: 15px;
}
.label-values
{
	padding: 0px 0px 15px 15px;
}
.btn-doc
{
	height:50px;
	background-color:#FFF2DE !important;
	color:#000000 !important;
}
.btn-doc:hover
{
	height:50px;
	background-color:#FF5C01 !important;
	color:#FFFFFF !important;
}
.btn-doc-active
{
	background-color:#FF5C01 !important;
	color:#FFFFFF !important;
}
.card-doc-type
{
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
    padding: 0px 15px 5px 15px;
}
.email-card
{
    padding: 0px 15px 15px 15px;
}
.btn-payment-method
{
	height: 85px;
    border: solid 2px #E7E7EE;
    padding: 15px;
    border-radius: 15px;
    background-color: #FFFFFF;
	cursor:pointer;
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-gap:1px;
}
.btn-payment-method-1
{
	height: 85px;
    border: solid 2px #E7E7EE;
   /* padding: 15px;*/
    border-radius: 15px;
    background-color: #FFFFFF;
	cursor:pointer;
	/*display:grid;*/
	grid-template-columns:1fr;
	grid-gap:1px;
}
.payment-method-content
{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-gap:1px;
	padding:15px;
}
.payments-icons
{
	width: 50px;
}
.visa
{
	margin-top:15px;
}
.master
{
	margin-top:5px;
}
.amex
{
	margin-top:10px;
}
.btn-payment-method:hover
{
	border:solid 2px #000000;
}
.btn-payment-method-1:hover
{
	border:solid 2px #000000;
}
.session-cancel
{
	margin-top:10px;
	cursor:pointer;
	font-weight: 600;
	background-color: #E7E7EE;
    border: none;
    border-radius: 15px;
    color: #000000;
    padding: 0px 10px 0px 10px;
	width:100%;
	height:50px;
}
.session-start-width-dni
{
	height:50px;
}
.session-start-width-dni-pass
{
	margin-top: 15px;
	height:50px;
}
.notify
{
	border: solid 1px #FFFFFF;
    position: absolute;
    border-radius: 10px;
    width: 15px;
    background-color: #FF5C01;
    color: #FFFFFF;
    margin-left: -8px;
    margin-top: -14px;
    vertical-align: middle;
    font-size: 11px;
    height: 15px;
    padding: 4px 2px 0px 1px;
}
#user-name-label
{
    padding: 5px 0px 0px 10px;	
}
.sub-menu-right
{
	display:grid;
	text-align:center;
	grid-template-columns:1fr 1fr 1fr 1fr;
	grid-gap:1px;
}
.sub-menu-items
{
	float: right;
    margin-top: 10px;
    color: #FFFFFF;
    vertical-align: middle;
    padding: 20px 10px 5px 5px;
    height: 27px;
	cursor:pointer;
}
.sub-menu-items:hover
{
	border-radius: 50px;
    background-color: #FDEB01;
    color: #000000;
}
.sub-menu-items-menu
{
	float: right;
    margin-top: 10px;
    color: #FFFFFF;
    /*border: solid 1px;*/
    vertical-align: middle;
    padding: 20px 10px 5px 5px;
    height: 27px;
	cursor:pointer;
}
#svg-menu:hover rect
{
	fill:#FFFFFF;
}
.session-grid
{
	display: grid;
	cursor:pointer;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
}
.steps
{
	margin: 21px 20%;
	display: grid;
	grid-template-columns: auto auto auto auto auto;
}
.line-separator
{
	background-color:#EBECEE;
	height:2px;
	margin: auto;
	margin-top:22px;
}
.day-month
{
    border-radius: 14px;
    background-color: #FFF2DE;
    box-shadow: 0px 2px 0px 0px #DFDFDF;
	cursor:pointer;
	display:grid;
	grid-template-columns: auto auto;
	padding: 5px;
}
.day-month:hover
{
	background-color:#FF5C01;
	color: white;
}
.day-month:hover > .day-number
{
	color: #FDEB01;
}
.day-number
{
    font-weight: 700;
    font-size: 25px;
    color: #FF404E;
	align-self: center;
}
.day-text
{
	align-self: center;
	font-size: 14px;
}
.title-result
{
	margin: 15px 18%;
	font-weight: 600;
}
.item-result
{
	border-radius: 20px;
	margin-top: 28px;
	box-shadow: 0px 2px 0px 0px #DFDFDF;
	background-color: #F5F5FA;
	
}
.flex-container
{
	display:flex;
	flex-direction:row;
	text-align:center;
}
.internal
{
	min-height:50px;
	display:flex;
	flex-direction:column
}
.flex-item-left
{
	padding: 10px;
	flex: 50%;
	line-height: 36px;
}
.flex-item-right
{	
	padding: 10px;
	flex: 50%;
	line-height: 36px;
}
.action-div
{
	display:flex;
}
.label-bottom
{
	color:#FF5C01;
	font-weight: 600;
}
.label-top
{
	font-weight: 600;
}
.resume
{
	padding: 10px;
    margin-left: 30px;font-size: 12px;
}
.btn-select-seat:hover
{
	background-color:#FF404E;
	color:#FFFFFF;
}
.selected-step
{
	background-color:#FF5C01 !important;
}
.btn-select-seat
{
	cursor:pointer;
	font-weight: 600;
	background-color: #FF5C01;
    border: none;
    border-radius: 15px;
    color: #FFFFFF;
    padding: 0px 10px 0px 10px;
	width:100%;
}
.arrow-right-div
{
	width:100px;
	flex:0 !important;
}
.price-value
{
	color: #FF5C01;
    font-size: 25px;
    font-weight: 600;
}
.arrow-right
{
	margin-top: 5px;
    font-size: 30px;
    color: #FF5C01;
}
.selectable-seat
{
	background-image:url(../img/icons/libre.svg);
	background-size: contain;
	cursor:pointer;
	background-repeat: no-repeat;
}
.selectable-seat:hover
{	
	background-image:url(../img/icons/hover.svg);
	background-size: contain;
	cursor:pointer;
	background-repeat: no-repeat;
}
.allow-block
{
	background-image:url(../img/icons/ocupado.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
.seat-selected-reservation span{display:none;}
.seat-selected-reservation{background-image:url(../img/icons/seleccionado.svg) !important;
	background-size: contain;
	background-repeat: no-repeat;}
	/* el bus */

.content-reserve
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1px;
	margin: 21px 18%;
}
.bus-container
{
	
	margin:auto;
	width:320px;
	min-height: 1000px;
	/*background-image: url(../img/bus.svg);*/
	background-size: cover;
    background-repeat: no-repeat;
	margin: 20px auto;
}
.float-right{float:right;}
.state-legends
{
	display: flex;
    height: 45px;
    flex-direction: row;
    border-radius: 25px;
    box-shadow: 0px 2px 0px 0px #DFDFDF;}
.text-state
{
	margin-top: 13px;
	margin-left: 10px;
}
.state-color-disponible
{
	border:solid 1px #CFCFCF;
}
.state-color-busy
{
	background-color:#CFCFCF;
}
.state-color-selected
{
	background-color:#00DB82;
}
.circle-state-color
{
	height: 35px;
    width: 35px;
   /* border: solid 1px;*/
    border-radius: 25px;
    padding: 0px 0px 0px 0px;
    margin-left: 5px;
    margin-top: 5px;
}
.body-bus
{
	display: grid;
    /* grid-template-columns: 0fr 0fr 0fr 0fr 0fr; */
    grid-template-columns: 43px 43px 43px 43px 43px;
    grid-gap: 7px;
    margin-left: 40px;
    margin-top: 190px;
}
.seats
{
	/*border: solid 1px;*/
    height: 55px;
	text-align:center;
	display:flex;
	justify-content:center;
}
.number-seat
{
	text-align:center;
	line-height:40px;
}	
.img-bus-element
{
	width: 30px;
}
	
	
	/*fin del bus*/
	
	
	/*Inicio de panel de reservas*/
.emb
{
	height: 120px;
}
.title-embarque-header
{
    border: solid 1px #FFF2DE;
    border-radius: 25px 25px 0px 0px;
    background-color: #FFF2DE;
    line-height: 45px;
    padding: 0px 0px 0px 20px;
    color: #FF5C01;
    font-weight: 600;
}
.start-route
{
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:1px;margin-top: 5px;
}
.summary_of_seats
{
	display:grid !important;
	grid-template-columns:1fr;
	grid-gap:1px;margin-top: 5px;
}
.data-route
{
    padding: 10px 20px 0px 20px;
    font-size: 14px;
    font-weight: 600;
}
.time-route
{
	text-align:right;
}
.detail-travel
{
	margin-top:15px;
}
.route-title
{
	font-weight: 600;
}
.flecha-detail
{
	width: 30px;
    margin-left: 25px;
    margin-right: 25px;
}
.line-separator
{
	height:2px;
}
.total-container
{
	min-height:20px;
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:2px;
	padding: 10px 20px 0px 20px;
    font-size: 17px;
    font-weight: 600;
}
.total-value
{
	text-align:right;
	padding: 1px 40px 6px 6px;
}
.form-passenger
{
	display: grid;
	width: 100%;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    padding: 5px 5px 5px 5px;
}
.del-seat-res
{
	cursor: pointer;
    padding: 0px 15px 0px 20px;
    float: right;
}
.nav-item{margin-top:5px;}
.input-cus
{
	font-size: 0.8rem;
	height: 40px;
    border: solid 1px #DFDFDF;
    border-radius: 10px;
	padding: 0 12px;
}
.trash-seat
{    
	float: right;
    padding: 15px 15px 15px 15px;
    cursor: pointer;
}
.div-continue-sale
{
    height: 50px;
    display: grid;
    grid-template-columns: 10% 90%;
	grid-gap:10px;
	margin-top: 30px;
}
.btn-continue-pay img
{
	vertical-align: middle;
    margin-left: 25px;width: 40px;
	transition: all 0.3s ease;
}
.btn-back img
{
	transform: scaleX(-1) rotate(0deg);
	width: 40px;
	transition: all 0.3s ease;
}
.btn-back:hover img
{
	transform: scale(-1.3);
}
.btn-continue-pay:hover img
{
	transform: scale(1.3);
}
.goo-button
{
	border: solid 1px #EEEFFA;
    background-color: #EEEFFA;
    height: 50px;
    width: 100%;
    border-radius: 10px;
	cursor:pointer;
	
	margin-top: 15px;
}
.goo-button img
{
	width: 25px;
    vertical-align: middle;
}
.goo-button:hover
{
	/*border: solid 1px #EEEFFA;
    background-color: #EEEFFA;*/
    height: 51px;
    /* width: 100%;
   border-radius: 10px;*/
}
.face-button
{
	border: solid 1px #1977F3;
    background-color: #1977F3;
    height: 50px;
    width: 100%;
    border-radius: 10px;
	cursor:pointer;
	margin-top: 15px;
}
.face-button img
{
	width: 25px;
    vertical-align: middle;
}
.face-button:hover
{
	/*border: solid 1px #EEEFFA;
    background-color: #EEEFFA;*/
    height: 51px;
    /* width: 100%;
   border-radius: 10px;*/
}
.dni-button
{
	border: solid 1px #FFF4E2;
    background-color: #FFF4E2;
    height: 50px;
    width: 100%;
    border-radius: 10px;
	cursor:pointer;
	margin-top: 15px;
}
.dni-button img
{
	width: 25px;
    vertical-align: middle;
}
.dni-button:hover
{
	/*border: solid 1px #EEEFFA;
    background-color: #EEEFFA;*/
    height: 51px;
    /* width: 100%;
   border-radius: 10px;*/
}
.swal2-popup{border-radius:14px !important;}
@media (max-width: 900px) 
{
	.flex-container 
	{
		flex-direction: column;
		/*.item-*/
	}
	.content-reserve
	{
		display: flex;
		flex-direction: column;
		margin: 21px 5%;
	}
	.arrow-right-div
	{
		display:none;
	}
	.btn-select-seat
	{
		width: 100%;
		height: 60px;
		font-size: 20px;
	}
	.flex-item-right
	{
		padding:1px;
	}
}
@media (max-width: 500px) 
{
	.content-reserve
	{
		display: flex;
		flex-direction: column;
		margin: 21px 2%;
	}
	span.prev, span.next {
	  position: absolute;
	  top: 75%;
	  transform: translateY(-50%);
	  font-size: 18px;
	  cursor: pointer;
	  background-color: RGB(0,0,0, 50%);
	  color: white;
	  padding: 12px;
	  border-radius: 12px;
	  z-index: 1;
	}
	.main-container {
		display: flex;
		flex-direction: column;
	}
	.baner-container{
		width: 95%;
		order: 2;
		border-radius: 12px;
	}
	.slider-element{
		width: 90% !important;
		border-radius: 12px;
		margin-top: 3px;
		object-fit: fill;
		height: 300px;
	}
	.disable{
		display: none;
	}
	.enable {
		color: white;
		display: block
	}
	.img-profile{
		margin-top: -3px;
	}
	span.prev {
		left: 5%;
	}
	span.next {
		right: 5%;
	}
}
/*razon social
nombres
nro documentos*/





/* New type styles to system in web */
/******************** Estilos para el Header ********************/
.div-header
{
	background-color: #FF404E;
	height: 75px;
	display: grid;
	grid-template-columns: 3fr 2fr;
	grid-gap: 5px;
	font-size: 14px;
	position: sticky;
	top: 0;
	z-index: 2;
	padding: 0% 20%
}

.div-logo
{
	align-self: center;
}

.div-menu
{
	display: grid;
	text-align: center;
	grid-template-columns: auto auto auto auto;
	grid-gap: 5px;
}

.menu-item-container {
    position: relative;
}

.menu-item
{
	position: relative;
	align-self: center;
    color: #FFFFFF;
	cursor: pointer;
	padding: 10px;
}
.menu-item:hover
{
	border-radius: 50px;
    background-color: #FDEB01;
    color: #000000;
}
.menu-item:hover .sub-menu-cargo,
.sub-menu-cargo:hover {
    display: block;
    opacity: 1;
    visibility: visible;
}

.menu-user
{
    color: #FFFFFF;
    padding: 6px;
    height: 40px;
	cursor: pointer;
    margin-top: 3px;
	display: flex;
    justify-content: center;
	align-items: center;
	align-self: center;
}
.menu-user:hover
{
	border-radius: 50px;
    background-color: #FDEB01;
    color: #000000;
	font-weight: 600;
}

.sub-menu
{
	align-self: center;
	cursor:pointer;
}
.sub-menu.active #svg-menu rect
{
	fill: #FFFFFF;
}

.sub-menu-cargo
{
	position: absolute; 
	top: 60px;
	background-color: #FDEB01;
	border-radius: 25px;
	padding: 16px 21px;
	text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s, visibility 1.5s;
}

.sub-item-cargo {
	padding: 21px 30px 21px 12px;
    color: #000000 ;
	font-weight: 600;
}
.sub-item-cargo:hover {
    color: #FFFFFF;
	background-color: #FE6E01;
	border-radius: 14px;
}

.sub-menu-item
{
	display: none;
	position: absolute;
	top: 77px;
	right: 20%;
	background-color: #FDEB01;
	border-radius: 24px;
	padding: 16px 12px;
	text-align: left;
}
.sub-menu.active .sub-menu-item {
  display: block;
}

.enable{
	display: none;
}

.enable-sub-menu{
	display: none;
}

.disable{
	display: block;
}


/******************** Estilos para el Footer ********************/
.content-payments-methods
{
	text-align: center;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 20px 2px;	
}
.content-payments-methods img
{
	margin: auto;
}

.super-footer
{
	margin: auto;
	background-color: #F8F8F8;
	max-width: 1500px;
	display: grid;
	grid-gap: 1px;
	grid-template-columns: 1fr 1fr 1fr;
	text-align: center;
	height: auto;
	padding-top: 20px;
	align-self: center;
	border-top: 2px solid #E6E6E6;
}

.safe-links
{
	margin: auto;
	margin-bottom: 12px;
	margin-top: 40px;
	max-width: 800px;
	display: grid;
	grid-gap: 2px;
	grid-template-columns: 1fr 0fr 1fr 0fr 1fr 0fr 1fr;
	text-align: center;
	text-decoration: none;
}
.safe-links a
{
	text-decoration: none;
	color: #000000;
}
.safe-links a:hover
{
	text-decoration: underline;
	color: #CE0000;
}

.icon-redes 
{
	background: #FFFFFF;
    padding: 12px 10px;
    margin: 0px 5px;
    border-radius: 12px;
}
.icon-redes:nth-child(4):hover {
	background: #181D20;
	
}
.icon-redes:nth-child(3):hover {
	background: #FF404E;
	
}
.icon-redes:nth-child(2):hover {
	background: #1977F3;
	
}
.icon-redes:hover img {
    filter: brightness(0) invert(1);
}

.social-networks
{
	display: flex;
	align-items: center;
	justify-content: center;
}
.social-networks a
{
	text-decoration:none;
	display: inline-flex;
	box-shadow: 0 0 7px #938D8D;
}

.copy-right
{
	align-self: center;
}
.copy-right:hover span
{
	color: #CE0000;
	text-decoration: underline;
}


/******************** Estilos para el Home ********************/
.baner-container
{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

span.prev, span.next {
  position: absolute;
  top: 50%;
  cursor: pointer;
  background-color: RGB(0,0,0, 50%);
  color: white;
  border-radius: 20px;
  width:15px;
  height:25px;
  text-align:center;
  padding:8px;
}

span.prev {
  left: 20%;
}

span.next {
  right: 20%;
}

.app-banner
{
    background-color: #FEF739;
	display: grid;
	grid-template-columns: auto auto;
	padding: 21px 12px;
	border-radius: 25px;
	margin: 30px 18%;
}

.content-search-parameters
{
	background-color:#FDEB01;
	padding: 20px 18%;
	margin-top: -6px;
}

.cajaselect, .cajaselect-date, .cajaselect-time {
    border-radius: 15px;
    cursor: pointer;
    position: relative;
    border: solid 1px #DEDEDE;
    color: #B0B0B0;
	display: flex;
	align-items: center;
	padding: 15px 10px;
}

.rotate-image
{
	transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.cajaselect:hover, .cajaselect-date:hover, .cajaselect-time:hover {
	border: solid 1px #FF2222;
	box-shadow: 0 0 5px #FF2222;
}

.seleccionado, .travel-date-selector, .seleccionado-time {
	padding: 0px 5px;
	flex-grow: 1;
}

.trianguloinf {
	border-left: 9px solid rgba(0, 0, 0, 0);
	border-right: 9px solid rgba(0, 0, 0, 0);
	border-top: 13px solid #DEDEDE;
}

.triangulosup {
	border-bottom: 13px solid #DEDEDE;
	border-left: 9px solid rgba(0, 0, 0, 0);
	border-right: 9px solid rgba(0, 0, 0, 0);
}

.route-icon-home
{
    border-radius: 20px 0px 0px 20px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.route-item:nth-child(odd) .route-icon-home {
	background-color: #01CDDB;
}
.route-item:nth-child(even) .route-icon-home {
	background-color: #1AD94B;
}
.route-icon-home img
{
	padding: 12px;
}

.route-item
{
    background: #FFFFFF;
    border-radius: 20px;
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	cursor: pointer;
	width: 369px;
}
.route-item-new
{
    background: #1AD94B;
    border-radius: 20px;
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	cursor: pointer;
	width: 369px;
	color:#FFFFFF;
}
.route-item:hover
{
	box-shadow: 0 0 7px #938D8D;
}
.route-item:hover > .route-arrow-home img
{
	width: 55%;
}
.route-item:hover .custom-hover-label
{
	color: #000000;
}
.route-item:hover .disable-hover
{
	display: none;
}
.route-item:hover .enable-hover
{
	display: block;
}
.route-item:hover .route-text
{
	color: #FF5C01;
}

.enable-hover
{
	display: none;
}

.disable-hover
{
	display: block;
}

.custom-route-label
{
	color: #FF5C01;
}
.custom-route-label-new
{
	color: #FFFFFF;
}

.route-text
{
	font-weight: 600;
}

.route-name-home
{
	font-size: 14px;
	display: flex;
    flex-direction: column;
    justify-content: center;
	text-align: left;
	padding-left: 10px;
}

.route-arrow-home{
	display: flex;
	align-items: center;
	justify-content: center;
}

.store-more-info
{
	display: flex;
}

.store-more-info img
{
	margin-left: 21px;
}

.img-qr-app span
{
	display: block;
}
.img-qr-app img
{
	width: auto;
	height: 155px;
}

.img-app img
{
	width: auto;
	height: 250px;
}

.contact-home
{
	max-width: 820px;
	height: auto;
	display: grid;
	grid-template-columns: auto auto auto;
	margin: auto;
	grid-gap: 42px;
	padding: 0px 20px;
}

.links-stores
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 10px;
}
.links-stores img
{
	width: 25px;
	padding: 1px 10px 1px 1px;
}

.publish-images
{
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 1px;
	align-items: center;
	text-align: center;
}

.our-services-body
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 12px;
	padding: 0px 18%;
}

.routes-selectors
{
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 12px;
    width: 600px;
    margin: auto;
	margin-top: 12px;
	justify-content: center;
}

.range-selectors
{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 12px;
    padding: 15px;
    border-radius: 20px;
    background: #FFFFFF;
    margin-top: -55px;
    position: sticky;
	top: 70px;
	z-index: 1;
	font-size: 14px;
}

.btn-purchase
{
	border-radius: 15px;
    background: #FF5C01;
    border: solid 1px #FF5C01;
    color: #FFFFFF;
    cursor: pointer;
	padding: 15px 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn-purchase:hover
{
    background: #FF3939;
}
.btn-purchase img
{
	filter: brightness(0) invert(1);
    padding-right: 12px;
}

.div-legend
{
	width: 500px;
	margin: auto;
	display: grid;
	grid-template-columns: 2fr 2fr 2fr;
	grid-gap: 10px;
}

.container-payment
{
	display: grid;
    grid-template-columns: 3fr 2fr;
    grid-gap: 10px;
	border: solid 1px #EDEDED;
    padding: 15px;
    border-radius: 15px;
	margin-top: 10px;
	box-shadow: 0px 2px 0px 0px #DFDFDF;
}

.listaselect 
{
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #DEDEDE;
	left: -1px;
	top: 0;
	margin-top: 55px;
	position: absolute;
	display: none;
	border-radius: 15px;
	padding: 12px 15px;
	z-index: 1;
	cursor: auto;
}

.selected-item 
{
	padding: 15px 12px;
	cursor: pointer;
}
.selected-item:hover
{
	background: #FF5C01;
	border-radius: 15px;
}
.selected-item span
{
	color: #333;
	border-radius: 15px;
}
.selected-item:hover span
{
	color: #FFFFFF;
}

.calendar-travel
{
	background: none repeat scroll 0 0 #fff;
    border: 1px solid #dedede;
    display: none;
    left: -1px;
    margin-top: 55px;
    position: absolute;
    top: 0;
    border-radius: 15px;
    padding: 15px;
	z-index: 1;
}

.calendar-travel-1
{
	max-width:300px;
}

.listaselect-time div:hover span
{
	color:#FFFFFF !important;
}
.listaselect-time div:hover
{
	background:#FF404E;
	color:#FFFFFF !important;
}
.listaselect-time 
{
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #dedede;
	display: none;
	left: -1px;
	margin-left: 0;
	margin-top: 55px;
	padding-left: 0;
	position: absolute;
	text-indent: 15px;
	top: 0;
	width: 100%;
	border-radius: 15px;
	padding: 10px 0px 5px 0px;
}
.listaselect-time div {
    cursor: pointer;
    margin: 0;
    height: 30px;
    padding: 15px 0px;
    width: 90%;
    margin: auto;
    vertical-align: middle;
    border-radius: 15px;
}
.listaselect-time div span {
	color: #333;
	text-decoration: none;
	position: absolute;
    margin-top: 10px;
	font-size: 16px;
}

.card-services
{
	height: 437px;
    border-radius: 25px;
}
.card-services div img
{
	width: 100%;
	border-radius: 20px;
	height: 200px;
}
.card-services:nth-child(1) .text-second {
	background: #FF404F;
	color: #FFFFFF;
}

.card-services:nth-child(2) .text-second {
	background: #FDEB01;
	color: #000000;
}

.card-services:nth-child(3) .text-second {
	background: #FF5C01;
	color: #FFFFFF;
}

.text-second
{
	height: 88px;
    background: #FF404F;
    margin-top: -36px;
    position: relative;
    border-radius: 20px;
    display: grid;
    color: #FFFFFF;
    box-shadow: 0px 2px 4px 0px #cfc8c8;
	padding: 15px 36px;
}

.card-action
{
	position: relative;
    background: #FFFFFF;
    margin-top: -36px;
	border-radius: 20px;
    box-shadow: 0px 2px 4px 0px #CFC8C8;
    display: grid;
    grid-template-rows: 0fr 1fr 1fr;
	padding: 0px 20px;
}

.apps-links-buttons
{
	height: 57px;
	border-radius: 14px;
	border: solid 1px #D4D4D4;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFFFFF
}
.apps-links-buttons:hover
{ 
	border: solid 2px #000000;
}

.icon-center 
{
	padding: 12px 14px;
}

.app-stores-gallery
{
	padding: 40px 7px;
}
.app-stores-gallery div
{
	margin-top: 21px;
}

.step-icon
{
	height: 40px;
    width: 40px;
    border-radius: 25px;
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}

.step-item
{
	display: grid;
	grid-template-columns: auto auto;
	background-color: #FFF2DE;
	border-radius: 25px;
	padding: 5px;
}

.step-tilte
{
    align-self: center;
	font-weight: 600;
}

.step-icon i, .step-item i, .step-tilte i
{
	color: #FF5C01;
}

.title-select-seats
{
	text-align: center;
	padding: 15px 0;
}

.div-embarque-desembarque
{
    border: solid 1px #EDEDED;
    border-radius: 25px;
    box-shadow: 0px 2px 0px 0px #DFDFDF;
	margin: 12px 2%;
	height: auto;
}

.range-days-div
{
	display: grid;
	grid-template-columns: auto auto auto auto auto auto auto;
	justify-content: space-between;
	margin: auto 18%;
}

.more-info-ss a
{
	text-decoration: none;
	display: grid;
	justify-content: end;
}

.info-item
{
	color: #FF5C01;
	position: absolute;
}
.info-item:hover
{
	text-decoration: underline;
}
.info-item:hover + .info-flecha
{
	padding-left: 12px;
}

.result-container
{
	margin: auto 18%;
}

.cuselite-frame
{
	display: grid;
	grid-template-columns: 2fr 3fr;
	grid-gap: 36px;
	margin: 30px 18%;
	font-size: 14px;
}

.cuselite-gallery img
{
	width: 100%;
	height: 500px;
	margin: 12% 0;
}

.contact-resume
{
	margin: auto 18%;
	border-radius: 25px;
	background: #FFFF62;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 12px;
	padding: 21px;
}

.info-business
{
	display: flex;
	align-items: center;
	justify-content: center;
}

.info-item
{
	display: grid;
	grid-template-columns: auto;
}

.icon-style
{
	padding: 12px;
	background: #FFFFFF;
	border-radius: 14px;
}

.container-terminos-condiciones{
	margin: 21px 20%;
}

.chart-info
{
	padding: 21px;
	border-radius: 25px;
	box-shadow: 0px 2px 4px 0px #CFC8C8;
}

ul
{
	list-style-type: circle;
}

.info-contact
{
	display: grid;
}

.title-info
{
	display: flex;
	justify-content: center;
}

.cuselite-cargo-info
{
	margin: 21px 20%;
	text-align: center;
}
.cuselite-cargo-info h2
{
	font-weight: 600;
}

.description-cargo
{
	padding: 21px 21%;
}
.description-cargo span
{
	font-weight: 600;
}

.cargo-options
{
	display: grid;
	grid-template-columns: auto auto;
	grid-gap: 21px;
}

.option-item1, .option-item2
{
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-gap: 12px;
	align-items: center;
	justify-content: center;
	text-align: left;
	border-radius: 25px;
}

.option-item1
{
	background: #FFF4E2;
}

.option-item2
{
	background: #FDFEDF;
}

.option-item-img1, .option-item-img2
{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	border-radius: 25px 0 0 25px;
}

.option-item-img1
{
	background: #FFE1AD;
}

.option-item-img2
{
	background: #FAFDB0;
}

.description-option span
{
	font-weight: 600;
}

.info-option
{
	padding: 12px;
}

.container-beneficios
{
	background: #FF5C01;
	color: #FFFFFF;
	text-align: center;
}

.container-beneficios-items
{
	margin: 21px 20%;
	padding: 21px;
}
.container-beneficios-items span
{
	font-size: 20px;
	font-weight: 600px;
}

.beneficios-items
{
	display: flex;
	padding-top: 21px;
	align-items: center;
	justify-content: space-between;
}

.beneficio
{
	display: grid;
	grid-template-columns: auto;
	justify-items: center;
	grid-gap: 12px;
}
.beneficio span
{
	font-size: 14px;
}

.beneficio-icon
{
	border-radius: 50%;
	background: #FDEB01;
}
.beneficio-icon img
{
	padding: 21px;
	width: 36px;
	height: 36px;
}

.content-promotion
{
	margin: 21px 20%;
	display: grid;
	grid-template-columns: 2fr 3fr;
	grid-gap: 12px;
}

.promotion-info h2
{
	font-weight: 600;
}

.promotion-discount img
{
	width: 100%;
}

iframe
{
	border-radius: 25px;
	width: 88%;
	height: 323px;
}

.container-quienes-somos
{
	margin: 21px 20%;
	text-align: center;
	font-size: 14px;
}

.business-info
{
	margin: 21px 12%;
}

.mision-vision
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	text-align: left;
}

.mision-info
{
	display: grid;
	padding: 21px 12%;
	background: #FFF4E2;
}

.vision-info
{
	display: grid;
	padding: 21px 12%;
	background: #FFE4E1;
}

.business-beneficios
{
	display: flex;
	padding: 21px;
	justify-content: space-between;
}

.business-beneficios-item
{
	display: grid;
	grid-gap: 12px;
}
.business-beneficios-item:nth-child(1) .container-business-icon {
	background: #FF404F;
}
.business-beneficios-item:nth-child(2) .container-business-icon {
	background: #FDEB01;
}
.business-beneficios-item:nth-child(3) .container-business-icon {
	background: #FF5C01;
}
.business-beneficios-item:nth-child(4) .container-business-icon {
	background: #01CDDB;
}
.business-beneficios-item:nth-child(5) .container-business-icon {
	background: #43EC6E;
}

.container-business-icon
{
	border-radius: 25px;
	padding: 12px;
	margin: auto;
}
.container-business-icon img
{
	width: 36px;
	height: 36px;
}

.container-business-info
{
	display: grid;
	grid-gap: 12px;
}

.container-preguntas-frecuentes
{
	display: grid;
	grid-gap: 21px;
	grid-template-columns: 1fr 3fr;
	font-size: 14px;
}

.preguntas-items
{
	display: grid;
	grid-gap: 12px;
	height: fit-content;
}
.preguntas-items button
{
	border-radius: 25px;
	border: none;
	background: #FFF4E2;
	height: fit-content;
	padding: 21px 0;
	cursor: pointer;
}

.btn-preguntas
{
	font-weight: 600;
}
.btn-preguntas:hover
{
	background: #FF5C01;
	color: #FFFFFF;
}

.btn-selected
{
	background: #FF5C01 !important;
	color: #FFFFFF;
}

.pregunta-pasaje
{
	border-radius: 20px;
	background: #F8F8F8;
	padding: 12px;
	text-align: left;
	margin-bottom: 15px;
}

.pregunta-header
{
	display: flex;
	justify-content: space-between;
	cursor: pointer;
}

.info-contacto
{
	margin: 0px 15%;
}

.ubicaciones
{
	display: grid;
	grid-gap: 21px;
	margin-top: 21px;
	grid-template-columns: 1fr 1fr;
}

.ubicacion-item
{
	display: grid;
	text-align: left;
}

.container-beneficios-pasajero
{
	display: grid;
	grid-gap: 21px;
	margin-top: 21px;
	grid-template-columns: 1fr 1fr;
	text-align: left;
}

.beneficios-info
{
	display: grid;
	padding: 21px;
	border-radius: 20px;
}
.beneficios-info:nth-child(1)
{
	background: #FFE4E1;
}
.beneficios-info:nth-child(2)
{
	background: #FFF4E2;
}

.pasajero-frecuente-beneficios
{
	display: flex;
	margin: 21px 0;
	justify-content: space-between;
}

.pasajero-frecuente-beneficio-item
{
	display: grid;
	grid-gap: 12px;
}

.beneficio-item-icon
{
	border-radius: 50%;
	background: #00DB82;
	margin: auto;
}
.beneficio-item-icon img
{
	width: 36px;
	height: 36px;
	padding: 21px;
}

.beneficio-item-info
{
	font-weight: 600;
}

button
{
	font-family: Kufam;
}

.container-seguimiento-envio
{
	display: flex;
	margin: 21px;
	justify-content: space-between;
}

.seguimiento-envio-icon
{
	border-radius: 50%;
	background: #FF5C01;
	margin: auto;
}
.seguimiento-envio-icon img
{
	width: 36px;
	height: 36px;
	padding: 21px;
}

.container-companies
{
	display: flex;
	margin: 50px 14%;
	flex-wrap: wrap;
	justify-content: center;
}
.container-companies img {
	height: 45px;
	width: 120px;
	padding: 0 12px;
	margin-bottom: 10px;
}

@media (max-width: 900px)
{
	.div-header
	{
		padding: 0% 5%;
	}

	.div-menu
	{
		grid-template-columns: auto auto;
	}

	.sub-menu-item
	{
		right: 5%;
	}

	span.prev {
	  padding: 12px;
	  left: 10%;
	}

	span.next {
	  padding: 12px;
	  right: 10%;
	}
	
	.enable {
		color: white;
		display: block
	}
	
	.enable-sub-menu {
		color: black;
		display: block
	}
	
	.disable{
		display: none;
	}
	
	.content-search-parameters {
		padding: 20px 10%
	}
	
	.range-selectors
	{
		margin-top: -77px;
	}
	
	
	.route-item
	{
		width: auto;
	}
	
	
	.routes-selectors
	{
		width: auto;
	}
	
	.content-payments-methods
	{
		text-align: center;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 20px 2px;	
	}

	.safe-links
	{
		margin: auto;
		margin-bottom: 12px;
		margin-top: 40px;
		max-width: 800px;
		display: grid;
		grid-gap: 2px;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		text-align: center;
		text-decoration: none;
	}

	.app-banner
	{
		grid-template-columns: 1fr;
		grid-gap: 12px;
		padding: 21px 12px;
		margin: 77px 5%;
	}
	
	.links-stores
	{
		text-align: center;
		align-items: center;
	}

	.our-services-body
	{
		grid-template-columns: 1fr 1fr;
		padding: 0px 10%;
	}

	.disable-tablet
	{
		display: none;
	}
	
	.range-days-div 
	{
		padding-top: 21px;
		grid-template-columns: auto auto auto auto auto;
		margin: auto 5%;
	}
	
	.circle-button-right 
	{
		right: 2px;
		margin-right: 4%;
	}
	
	.day-number
	{
		font-size: 18px
	}
	
	.social-networks span
	{
		display: block;
	}
	
	.form-passenger
	{
		grid-template-columns: auto;
	}
	
	.title-result
	{
		text-align: center;
	}
	
	.result-container
	{
		margin: auto 5%;
	}
	
	.div-continue-sale
	{
		margin: 30px 5% 0 5%;
	}
	
	.clase0, .clase6 {
		display: contents;
	}
	
	.clase0 > div:nth-child(1) {
		display: block;
	}
	
	.clase0 > div:nth-child(2) {
		display: none;
	}
	
	.clase0 > div:nth-child(3) {
		display: none;
	}
	
	.clase6 > div:nth-child(1) {
		display: none;
	}
	
	.clase6 > div:nth-child(2) {
		display: none;
	}
	
	.clase6 > div:nth-child(3) {
		display: block;
	}
	
	.cuselite-frame
	{
		margin: 30px 5%;
		grid-template-columns: auto;
		grid-gap: 0;
	}
	
	.cuselite-info
	{
		order: 1;
	}
	
	.cuselite-gallery
	{
		order: 2;
	}
	.cuselite-gallery img
	{
		height: auto;
	}

	.container-terminos-condiciones{
		margin: 21px 5%;
	}
	
	.container-beneficios-items
	{
		margin: 21px 5%;
	}
	
	.contact-resume
	{
		margin: auto 5%;
		grid-template-columns: 1fr 1fr;
	}
	
	.cuselite-cargo-info
	{
		margin: 21px 5%;
	}
	
	.info-business
	{
		justify-content: start;
	}
	
	.content-promotion
	{
		margin: 21px 5%;
	}
	
	.container-quienes-somos
	{
		margin: 21px 5%;
	}
	
	.container-companies
	{
		margin: 21px 5%;
	}
}

@media (max-width: 500px)
{
	.div-header
	{
		padding: 0% 2%;
	}

	.sub-menu-item
	{
		right: 2%;
	}

	span.prev {
	  padding: 12px;
	  left: 5%;
	}

	span.next {
	  padding: 12px;
	  right: 5%;
	}
	
	.main-container {
		display: flex;
		flex-direction: column;
	}
	
	.baner-container{
		width: 95%;
		order: 2;
		border-radius: 12px;
	}
	
	.form-passenger
	{
		grid-template-columns: auto;
	}
	
	.slider-element{
		width: 90% !important;
		border-radius: 12px;
		margin-top: 16px;
		object-fit: fill;
		height: 300px;
	}
	
	.content-search-parameters {
		order: 1;
		padding: 0;
	}
	
	.disable{
		display: none;
	}
	
	.enable {
		color: white;
		display: block
	}
	
	.enable-sub-menu {
		color: black;
		display: block
	}
	
	.img-profile{
		margin-top: -3px;
	}
	
	.prev {
		left: 5%;
	}
	
	.next {
		right: 5%;
	}
	
	.content-payments-methods
	{
		text-align: center;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 20px 2px;	
	}

	.contact-home
	{
		grid-template-columns: 1fr;
	}
	
	.safe-links
	{
		margin: auto;
		margin-top: 30px;
		margin-bottom: 0;
		max-width: 800px;
		display: grid;
		grid-gap: 16px;
		grid-template-columns: 1fr;
		text-align: center;
		text-decoration: none;
		background: #F8F8F8;
	}

	.super-footer
	{
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
	
	.termns-conditions
	{
		order: 1;
		grid-gap: 16px;
		grid-template-columns: 1fr;
	}
	
	.social-networks
	{
		order: 2;
	}
	
	.copy-right
	{
		order: 3;
	}

	.app-banner
	{
		grid-template-columns: 1fr;
		grid-gap: 12px;
		padding: 21px 12px;
		margin: 77px 2%;
	}
	
	.links-stores
	{
		grid-template-columns: 1fr;
		text-align: center;
		align-items: center;
	}
	
	.publish-images
	{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 12px;
		align-items: center;
		text-align: center;
	}

	.our-services-body
	{
		grid-template-columns: 1fr;
		padding: 0px 5%;
	}
	
	.routes-selectors
	{
		grid-template-columns: 1fr;
		width: auto;
		padding: 21px;
		background: #FAEC4E;
	}
	
	.range-selectors
	{
		grid-template-columns: 1fr;
		padding: 16px 23px 16px 15px;
		border-radius: 0px;
		background: #FF404E;
		position: relative;
		margin-top: 0;
		top: 0;
	}
	
	.btn-purchase
	{
		background: #FAEC4E;
		border: solid 1px #FAEC4E;
		width: 102%;
		justify-content: center;
	}
	
	.text-center
	{
		text-align: center;
		padding: 12px 0px;
		background: #FF404E;
		font-size: 16px;
	}
	
	.cajaselect, .cajaselect-time, .cajaselect-date
	{
		background: #FFFFFF;
	}
	
	.route-item
	{
		width: 100%;
	}
	
	.div-legend
	{
		width: auto;
		margin: auto 2%;
		grid-template-columns: auto auto auto;
		box-shadow: 0 2px 0 0 #DFDFDF;
		border-radius: 25px;
	}
	
	.container-payment
	{
		display: grid;
		grid-template-columns: 3fr;
		grid-gap: 10px;
		border: solid 1px #EDEDED;
		padding: 15px;
		border-radius: 15px;
		margin-top: 10px;
		box-shadow: 0px 2px 0px 0px #DFDFDF;
	}

	.step-icon
	{
		height: 40px;
		width: 40px;
		border-radius: 25px;
		background-color:#FFFFFF;
		padding: 10px 0px 0px 10px;
		margin-left: 3px;
		margin-top: 3px;
	}

	.step-item
	{
		height:auto;
		display:grid;
		grid-template-columns: auto auto;
		background-color:#FFF2DE;
		border-radius: 25px;
		padding-left: 7px;
		align-items: center;
	}

	.icon-center 
	{
		padding: 7px 7px;
	}

	.step-tilte
	{
		vertical-align: middle;
		margin-top: 15px;
		font-weight: 600;
		padding-left: 7px;
		font-size: 14px;
	}

	.card-services
	{
		padding-bottom: 77px;
	}

	.disable-phone
	{
		display: none;
	}
	
	.circle-button-right 
	{
		right: 2px;
	}
	
	.circle-button-left 
	{
		left: 5px;
		margin-left: 0;
	}
	
	.range-days-div 
	{
		padding-top: 21px;
		grid-template-columns: auto auto auto;
		margin: auto 2%;
	}
	
	.clase0, .clase1, .clase5, .clase6 
	{
		display: none;
	}
	
	.day-number
	{
		font-size: 12px
	}
	
	.social-networks span
	{
		display: block;
	}
	
	.title-result
	{
		text-align: center;
	}
	
	.result-container
	{
		margin: auto 2%;
	}
	
	.steps
	{
		display: none;
	}
	
	.safe-links a
	{
		padding: 12px;
		border-bottom: 2px solid #E6E6E6;
	}
	
	.div-continue-sale
	{
		margin: 30px 2% 0 2%;
	}
	
	.state-legends
	{
		height: auto;
		flex-direction: column;
		box-shadow: none;
		align-items: center;
	}
	
	.clase0, .clase6 {
		display: contents;
	}
	
	.clase0 > div:nth-child(1) {
		display: block;
	}
	
	.clase0 > div:nth-child(2) {
		display: none;
	}
	
	.clase0 > div:nth-child(3) {
		display: none;
	}
	
	.clase6 > div:nth-child(1) {
		display: none;
	}
	
	.clase6 > div:nth-child(2) {
		display: none;
	}
	
	.clase6 > div:nth-child(3) {
		display: block;
	}
	
	.cuselite-frame
	{
		margin: 30px 2%;
		grid-template-columns: auto;
		grid-gap: 0;
	}
	
	.cuselite-info
	{
		order: 1;
		text-align: center;
	}
	
	.cuselite-gallery
	{
		order: 2;
	}
	.cuselite-gallery img
	{
		height: auto;
	}
	
	.cuselite-characteristics
	{
		grid-template-columns: auto;
	}
	
	.cuselite-other-services
	{
		display: none;
	}
	
	.cuselite-banner
	{
		margin: 12px 2%;
	}
	
	.cuselite-banner img
	{
		width: 100%;
		height: 36%;
		border-radius: 25px;
	}

	.container-terminos-condiciones{
		margin: 21px 2%;
	}
	
	.container-beneficios-items
	{
		margin: 21px 2%;
	}
	
	.contact-resume
	{
		margin: auto 2%;
		grid-template-columns: 1fr;
	}
	
	.cuselite-cargo-info
	{
		margin: 21px 2%;
	}
	
	.beneficios-items
	{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 12px;
	}
	
	.info-business
	{
		justify-content: start;
		margin-left: 15%;
	}
	
	.content-promotion
	{
		margin: 21px 2%;
		grid-template-columns: auto;
	}
	
	.promotion-info
	{
		order: 1;
		text-align: center;
	}
	
	.promotion-discount
	{
		order: 2;
	}
	
	.container-quienes-somos
	{
		margin: 21px 2%;
	}
	
	.business-beneficios
	{
		display: grid;
		grid-gap: 12px;
		grid-template-columns: 1fr 1fr;
	}
	
	.container-preguntas-frecuentes
	{
		grid-template-columns: auto;
	}
	
	.preguntas-items
	{
		grid-template-columns: 1fr 1fr 1fr;
	}
	
	.ubicaciones
	{
		grid-template-columns: auto;
	}
	
	.pasajero-frecuente-beneficios
	{
		display: grid;
		grid-gap: 12px;
		grid-template-columns: 1fr 1fr;
	}
	
	.container-beneficios-pasajero
	{
		grid-template-columns: auto;
	}
	
	.container-seguimiento-envio
	{
		display: grid;
		grid-gap: 12px;
		grid-template-columns: 1fr 1fr;
	}
	
	.container-companies
	{
		margin: 21px 2%;
	}
	
	.cargo-options
	{
		grid-template-columns: auto;
	}
}