@charset "UTF-8";
/*!
 * Asiri Travel
 * Author: Frank Valero @uvelcom
 * ================================*/
@font-face{font-family: "Product";src: url("../fonts/CircularStd-Book.ttf");font-weight: normal;font-style: normal;}
@font-face{font-family: "Product";src: url("../fonts/CircularStd-Bold.ttf");font-weight: bold;font-style: bold;}
@font-face{font-family: "Titulo";src: url("../fonts/Isidora-Bold.woff2");font-weight: bold;font-style: bold;}
*{
	--azul: #0A2859;
	--rojo: #F05636;
	--rojo-hover: #ca1417;
	--gris: #828282;
	--celeste:#e0e7f0;
}
body{font-family: "Product";font-size: 115%;color: var(--azul);}
.btn-danger{border-color: var(--rojo) !important;background: var(--rojo) !important;color: #fff !important;}
.btn-danger:hover{background: var(--azul) !important;border-color: var(--azul) !important;}
.btn-outline-danger{border-color: var(--rojo) !important;}
.btn-outline-danger:hover{background: var(--rojo) !important;}
.btn-outline-danger:hover i{color: #fff;}
.btn-outline-secondary{border-color: var(--azul);color: var(--azul) !important;}
.btn-outline-secondary:hover{background: var(--azul);color: #fff !important;border-color: var(--azul);}
.btn-outline-primary{border-color: var(--azul) !important;}
.btn-outline-primary:hover{background: var(--azul) !important;}
.btn{color: #000;font-weight: bold;border-width: 2px;border-radius: 30px;text-transform: capitalize !important;}
.btn i{color: var(--rojo);}
.btn-sb{border-color: transparent;}
.text-danger{color: var(--rojo) !important;}
.margin-left{margin-left: 20px;}
.margin-bottom{margin-bottom: 30px;}
a{color: inherit;}
a:hover{text-decoration: none;color: inherit;}
p a{color: inherit;text-underline-offset:4px;text-decoration-color:var(--rojo);text-decoration: solid underline var(--rojo) 2px;}
p a:hover{color: var(--rojo);text-decoration: solid underline var(--rojo) 2px;}
.has-text-align-center{text-align: center !important;}
.vl-titulo{font-family: "Titulo";font-size: 2.5em;}

header{background: #fff;}
header a{font-weight: bold;}
header .btn-outline-danger{border-width: 1px;border-radius: 5px;}
/* .vl-logo img{margin-top: 15px;} */
.vl-menu-top{border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding-top: 5px;padding-bottom: 5px;}
.vl-menu-top-top{padding-bottom: 15px;}
.rs i{color: var(--gris);margin-left: 10px;font-size: 23px;}
.rs:hover .bi-facebook{color: #1675EB;}
.rs:hover .bi-instagram{color: #CB3A94;}
.rs:hover .bi-youtube{color: #E42D27;}
.rs:hover .bi-tiktok{color: #000;}


.nav-menu, .nav-menu * {list-style: none;}
.nav-menu li a{text-transform: uppercase;font-weight: bold;font-size: 15px;color: var(--azul);}
.nav-menu ul {position: absolute;display: none;top: 100%;left: 0;z-index: 99;}
.nav-menu li {position: relative;/* white-space: nowrap; */}
.nav-menu li:nth-child(7) a{/* color: #ec1f24 !important; */margin-right: 10px}
.nav-menu > li {float: left;}
.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {display: block;}
.nav-menu ul ul {top: 0;left: 100%;}
.sf-arrows .sf-with-ul {padding-right: 20px;margin-right: 0px}
.sf-arrows .sf-with-ul:after {content: "\f282";position: absolute;right: 2px;top:5px;font-family: bootstrap-icons !important;font-style: normal;font-weight: normal;color:var(--rojo)}
.sf-arrows ul .sf-with-ul:after {content: "\f105";top: -2px;color: var(--rojo);}
#nav-menu-container {float: right;margin: 0;}
#nav-menu-container .dropdown-toggle::after{border: none !important}
@media (max-width: 768px) {
  #nav-menu-container {display: none;}
}
.nav-menu li:hover > a, 
.nav-menu > .menu-active > a {color: var(--rojo);text-decoration: none;}
.nav-menu > li {margin-left: 20px;padding-bottom: 10px}
.nav-menu ul {padding: 10px 10px 10px 30px;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);background: #fff;}
.nav-menu .dropdown-menu{margin-top: 0px;border-radius: 0px;max-width: 300px;min-width: 280px}
.nav-menu .dropdown-menu:before{content: "";position: absolute;top: -10px;left: 40px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;}
.nav-menu ul li {transition: 0.3s;}
.nav-menu ul li a {padding: 5px 0px;font-weight: bold;;transition: 0.3s;display: block;text-transform: none;line-height: 20px;font-size: 14px;}
.nav-menu ul li:before,
#mobile-nav ul li li:before{content: "\f285";font-family: bootstrap-icons !important;position: absolute;left: -20px;top: 4px;color: var(--rojo);}
.nav-menu ul li:hover > a {color: #007bff;}
.nav-menu ul ul {margin: 0px;}
#mobile-nav {position: fixed;top: 0;padding-top: 18px;bottom: 0;z-index: 998;background: rgba(0, 0, 0, 0.8);left: -260px;width: 260px;overflow-y: auto;transition: 0.4s;}
#mobile-nav ul {padding: 0;margin: 0;list-style: none;}
#mobile-nav ul li {position: relative;}
#mobile-nav ul li a {color: #fff;font-size: 18px;overflow: hidden;padding: 10px 22px 10px 15px;position: relative;text-decoration: none;width: 100%;display: block;outline: none;font-weight: 700;}
#mobile-nav ul li a:hover {color: #fff;}
#mobile-nav ul li li {padding-left: 10px;}
#mobile-nav ul li li a{color: #000;padding: 4px 5px 4px 15px;font-size: 15px;line-height: 18px;font-weight: normal}
#mobile-nav ul li ul{padding: 10px 0px !important;left: 2px;border-radius: 0px}
#mobile-nav ul li li:before{left: 10px}
#mobile-nav ul .menu-has-children i {position: absolute;right: 0;z-index: 99;padding: 15px;cursor: pointer;color: #fff;}
#mobile-nav ul .menu-has-children i.fa-chevron-up {color: #094375;}
#mobile-nav ul .menu-has-children li a {text-transform: none;}
#mobile-body-overly {width: 100%;height: 100%;z-index: 997;top: 0;left: 0;position: fixed;background: rgba(0, 0, 0, 0.7);display: none;}
#mobile-nav-toggle{display: none}
body.mobile-nav-active {overflow: hidden;}
body.mobile-nav-active #mobile-nav {left: 0;}
body.mobile-nav-active #mobile-nav-toggle {color: #fff;}

.nav-menu > li:last-child a{background-color: var(--rojo);padding: 10px 20px;color: #fff;border-radius: 30px !important;text-transform: capitalize;}
.nav-menu > li:last-child a:hover{background-color: var(--azul);}
.nav-menu > li:last-child a:after{content: "\f138";font-family: bootstrap-icons !important;margin-left: 5px;position: relative;top: 3px;}

.vl-slider img{width: 100%;height: auto;}

.vl-intro{padding-top: 40px;padding-bottom: 50px;}
.vl-intro h3 strong{color: var(--rojo);}
.vl-intro .col-3{text-align: center;font-size: 12px;font-weight: bold;}
.vl-intro i{display: block;font-size: 26px;}
.vl-intro .bi-hand-thumbs-up{color: #01be40;}
.vl-intro .bi-clock-history{color: #ffae00;}
.vl-intro .bi-credit-card{color: #00d9f8;}
.vl-intro .bi-phone{color: #ff145e;}
.vl-video{position: relative;}
.vl-play-video{position: absolute;top: 40%;text-align: center;left: 40%;}
.vl-video i{font-size: 4em;color: var(--rojo);}

.vl-ofertas img{max-width: 100%;height: auto;border-radius: 12px 12px 0px 0px;}
.vl-cont-oferta{background: #fff;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);border-radius: 12px;}
.vl-cont-oferta:hover{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);}
.vl-txt-oferta{padding: 15px;}
.vl-txt-oferta h4{font-size: 20px;font-weight: bold;margin-bottom: 0px;}
.vl-oferta-stars{font-size: 14px;}
.vl-oferta-precio{margin-bottom: 13px;font-size: 15px;}
.vl-oferta-precio span{text-decoration: line-through;}
.vl-oferta-precio b{color: var(--rojo);}
.cont-alto{height: 95px;}
.cont-alto > span{font-size: 15px;}
.vl-cont-oferta:hover h4{color: var(--rojo);}
.vl-tour-img{overflow: hidden;}
.vl-cont-oferta:hover .vl-tour-img img{transition: transform .5s;transform: scale(1.1);}

.vl-paqts{color: #fff;padding-top: 50px;padding-bottom: 50px;position: relative;margin-top: 30px;}
.vl-paqts:before{content: "";width: 100%;background: var(--rojo);height: 70%;position: absolute;top: 0px;}
.vl-paqts .container{position: relative;}
.vl-paqts img{max-width: 100%;border-radius: 20px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
.vl-paqts img:hover{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);}
.vl-paqts h3{font-weight: bold;}
.vl-paqt-txt{position: relative;}
.vl-paqts h4{color: #fff;position: absolute;bottom: 40px;width: 100%;text-align: center;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);text-transform: uppercase;}
.vl-paqts a:hover h4{bottom: 60px;}

.vl-cat-slide{position: relative;max-height: 500px;overflow: hidden;}
.vl-cat-slide h1{position: absolute;top: 30%;text-align: center;width: 100%;color: #fff;font-weight: bold;font-size: 3em;}
.vl-cat-slide::before{content: "";position: absolute;background: rgba(0, 0, 0, 0.4);top: 0px;right: 0px;bottom: 0px;left: 0px;}
.vl-cat-slide img{width: 100%;height: auto;}
.vl-cat{padding-top: 40px;}
.vl-cat img{width: 100%;height: auto;border-radius: 12px 12px 0px 0px;}
.vl-cat-img{max-height: 257px;overflow: hidden;}

.tour-cont h2{font-size: 25px;font-weight: bold;}
.tour-cont table{margin-bottom: 30px;margin-top: 10px;border: 1px solid var(--gris);}
.tour-cont table td,
.tour-cont table th{border: 1px solid rgba(0, 0, 0, 0.25);padding: 5px 10px;}
.tour-cont table tr:first-child th{min-width: 120px;}
.tour-cont h3{position: relative;margin-bottom: 20px;}
.tour-cont h3::before{content: "";background: var(--rojo);width: 50px;height: 3px;position: absolute;bottom: -3px;}
.tour-items{padding-top: 40px;}
.tour-resum{padding-top: 30px;font-size: 14px;}
.tour-tabs{border-bottom: 1px solid var(--gris);margin-bottom: 30px;margin-top: 10px;}
.tour-tabs a{padding-top: 30px;padding-bottom: 20px;border-radius: 0px !important;margin-right: 10px;}
.tour-tabs a:hover{color: var(--rojo-hover);}
.tour-tabs .current a,
.tour-tabs a:hover{border-bottom: 3px solid var(--azul);}
.cont-form{border: 1px solid rgba(0, 0, 0, 0.2);padding: 30px;}
.cont-form label{margin-top: 10px;}
.cont-form .precio_control button{background: var(--celeste) !important;padding: 2px 5px !important;font-weight: bold;border-radius: 2px !important;}
.cont-form .precio_control button i{color: var(--azul);font-size: 1.5em;}
.cont-form .precio_control strong{display: inline-block;width: 50px;text-align: center;font-size: 1.2em;position: relative;top: 3px;}

.vl-for-tot{border: 1px solid rgba(0, 0, 0, 0.2);margin-top: 10px;}
.vl-for-tot small{text-decoration: line-through;}

#Incluye {background:  var(--celeste);padding: 15px;}
.inc ul li{list-style-image: url(../image/icons/check.png);}
.noinc ul li{list-style-image: url(../image/icons/minus.png);}

.vl-sames{padding-top: 10%;}
.vl-sames .col-sm-4{padding-top: 30px;}
.vl-sames .col-sm-8 .col-sm-4{padding:5px;}
.vl-sames h3{font-size: 3.5em;font-family: "Titulo";}
.vl-sames img{max-width: 100%;height: auto;border-radius: 5px 5px 0px 0px;}
.vl-sames .vl-txt-oferta h4{font-size: 18px;}

.vl-valores ul{margin-left: 0px;display: inline-block;padding-left: 0px;}
.vl-valores ul li{float: left;width: 25%;list-style: none;text-align: center;font-size: 16px;padding-left: 20px;padding-right: 20px;}
.vl-valores ul li i{color: var(--rojo);font-size: 2.2em;}
.vl-valores ul li strong{display: block;font-size: 20px;margin-bottom: 20px;}

.vl-mensa{background: gold;margin-top: 40px;}

footer{background: var(--azul); color: #fff;padding-top: 30px;font-size: 16px;}
footer ul{padding-left: 20px;}
footer h5{font-weight: bold;margin-bottom: 20px !important;}
footer a:hover{text-decoration: underline;}
.vl-empresa{border-bottom: 1px solid rgba(255, 255, 255, .2);padding-bottom: 20px;margin-bottom: 30px !important;}
.vl-empresa img{max-height: 55px;width: auto;margin-right:30px}
.vl-empresa .col-sm-5{padding-top: 25px;text-align: right;}
.vl-empresa .col-sm-5 a{margin-left: 10px;}
.vl-autor{background: rgba(0, 0, 0, 0.4);margin-top: 20px;padding: 20px 0px;}
.vl-autor .pagos{padding-bottom: 20px;}

.vl-contact{position: fixed;bottom: 30px;right: 30px;z-index: 9999;}
.vl-contact a{display: inline-block;width: 60px;height: 60px;line-height:60px;font-size: 2.1em;background:#1ebea5;text-align: center;vertical-align: middle;border-radius: 50%;}
.vl-contact a i{background: none;color: #fff;line-height: none;position: relative;top: 0px;left: 0px;transition: 3s;-moz-transition: 2s;-webkit-transition: 2s;-o-transition: 2s;}
.vl-contact a:hover i{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
.vl-contact .contact-msg{background: #fff;color: #000;position: absolute;top: -75px;right:0px;width: 200px;padding: 10px;box-shadow: 0px 0px 10px rgba(0,0,0,.2);border-radius: 10px;font-size: 16px;}
.vl-contact .contact-msg span{display: inline-block !important;position: absolute;top: -5px;right: -5px;background: #000;color: #fff;border-radius: 50%;z-index: 9999;}

/* .vl-cont-opinion{border: 1px solid red;} */
.vl-cont-opinion .cont-comm{padding: 15px;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);border-radius: 10px;}
.vl-cont-opinion .cont-comm > div{max-height: 160px;overflow-y: scroll;padding: 5px;scroll-padding-top: 15px;font-size: 15px;}
.vl-coments{margin-top: 50px;margin-bottom: 50px;}
::-webkit-scrollbar {width: 5px}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: #888;}
::-webkit-scrollbar-thumb:hover {background: #555;}


.vl-slide-tour{padding-top: 30px;background: #eef2f7;}
.vl-slide-tour h1{font-family: "Titulo";}
.vl-tour-galeria .col-md-4{padding: 5px;}
.vl-tour-galeria .col-md-4 img{cursor: zoom-in;}
.vl-tour-galeria img{width: 100%;height: auto;}
.vl-tour-galeria  .vl-sm-img{overflow: hidden;}
.vl-tour-galeria  .vl-sm-img:hover img{transform: scale(1.1);transition: transform .4s;cursor: zoom-in;}
.vl-tour-galeria  .vl-sm-img figure{margin-bottom: 0px;}
.vl-tour-galeria figure figcaption{position: absolute;bottom: 25px;left: 10px;color: #fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);font-size: 12px;}
.vl-gal-pri{position: relative;top: -300px;margin-bottom: -250px;}
.vl-titulo-tour{height: 300px;}
.esconder{display: none;}

.vl-modal{background: var(--azul);color: #fff;}
.vl-modal label{margin-bottom: 0px;}
.vl-modal .form-control{background: #05233d;border: none;}
.modal-footer{border-top: none;}
.modal-header{border-bottom: none;}
.modal-header h5{font-size: 1.5em;}

.vl-cotizar{padding-top: 5%;}




@media (max-width: 768px) {

	#mobile-nav-toggle {padding: 0px 8px;position: fixed;left: 310px;top: 0;z-index: 999;margin: 20px;border: 0;background: none;font-size: 24px;transition: all 0.4s;outline: none;cursor: pointer;display: inline;border: 1px solid var(--rojo-hover);border-radius: 0px;background: var(--rojo);line-height: 20px;}
	.escCel{display: none;}
	#mobile-nav-toggle i {color: #fff;font-size: 45px;}
	.mobile-nav-active #mobile-nav-toggle{left: 310px;right: auto;}
	#mobile-nav{background: #fff;}
	#mobile-nav ul .menu-item-active {color: #000;}
	#mobile-nav ul li a{color: #000;}
	#mobile-nav ul{padding-top: 100px;}
	#mobile-nav > ul::before{content: "";position: absolute;width: 85%;height: 80px;top: 25px;margin-left: 15px;background-image: url(../image/logo.png);background-size: contain;background-repeat: no-repeat;background-position-x: center;}
	#mobile-nav .menu-item-has-children.show > a,
	#mobile-nav .menu-item-has-children > a:focus{color: #dc3545;}
	#mobile-nav .menu-item-has-children > ul{right: 10px;}
	/* #mobile-nav > ul > li:last-child a{background: #dc3545;} */
	#mobile-nav  a:before{display: none;}
	#mobile-nav .current-menu-item a{color: #dc3545;}

	.vl-menu-top-top{display: none;}
	.vl-slider img{width: 100%; height: auto;}
	.vl-intro img{width: 100%;}
	.vl-valores ul li{width: 50%;}
	.vl-paqts .col-sm-3{padding: 1px;}
	.vl-paqts img{border-radius: 0px;}
	.tour-cont table{width: 100%;border-collapse: collapse;}
	/* .tour-cont table:before{content: '<div class="table-responsive">';} */
	/* .tour-cont table:after{content: '</div>';} */
	/* .vl-tour-galeria img{} */
	.vl-gal-pri{position: inherit;top: auto;margin-bottom: auto;}
	.vl-titulo-tour .col-8{flex: none;max-width: 100%;}
	.tour-items{padding-top: 5px;}
	.tour-resum{padding-top: 10px;}
	.vl-titulo-tour{height: auto;}
	.vl-slide-tour h1{font-weight: bold;}
	.tour-tabs .container{padding: 0px;}
	.tour-tabs .container ul li a{padding-left: 2px;padding-right: 2px;margin-right: 40px;}
	/* .vl-tour-galeria{min-height: 670px;} */
	.vl-contact{left: 320px; right: auto;}
	.cont-alto{height: auto;}
	.vl-sames .vl-txt-oferta h4{font-size: 16px;font-weight: bold;}
	.vl-sames .cont-alto{height: 140px !important;}
	.vl-sames .cont-alto span{line-height: 12px;display: inline-block;width: 100%; font-size: 16px;margin-top: 7px;}
	.vl-sames .vl-oferta-precio{height: 50px;}
	.vl-sames .vl-oferta-stars{font-size: 12px;}
	#Incluye{margin-bottom: 30px;}

	.vl-empresa{text-align: center;}
	.vl-empresa img{margin-right: 0px;}
	.vl-empresa strong{display: block;}
	.vl-empresa .col-sm-5{text-align: center;}

}
@media (min-width:768px){
	.container-fluid{padding-right: 60px;padding-left: 60px}
}

@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl{
		max-width: 1100px
	}
}