@charset "UTF-8";
/*!
 * Servicios Turisticos Sander
 * Author: Frank Valero @uvelcom
 * ================================*/
@font-face{font-family: "Product";src: url("../fonts/GT-Eesti-Text-Regular-Trial.otf");font-weight: normal;font-style: normal;}
@font-face{font-family: "Product";src: url("../fonts/GT-Eesti-Text-Bold-Trial.otf");font-weight: bold;font-style: bold;}
@font-face{font-family: "Titulo";src: url("../fonts/Isidora-Bold.woff2");font-weight: bold;font-style: bold;}
*{
	--azul: #1767cd;
	--azul-hover: #0d4285;
	--rojo: #ec1f24;
	--rojo-hover: #ca1417;
	--gris: #777777;
	--celeste:#e0e7f0;
	--dorado: gold;
}
body{font-size: 110%;font-family: Product;}
a{text-decoration: none;color: inherit;}
a:hover{color: var(--azul-hover);text-decoration: none;}
h3{color: var(--azul-hover);}
.btn{font-weight: bold;}


.nav-menu, .nav-menu * {list-style: none;}
.nav-menu li a{font-weight: bold;font-size: 15px}
.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: red !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: "\f107";position: absolute;right: 5px;font-family: FontAwesome;font-style: normal;font-weight: normal;}
.sf-arrows ul .sf-with-ul:after {content: "\f105";}
#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: #ceab2f;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;color: #4e4d4d;transition: 0.3s;display: block;text-transform: none;line-height: 20px;font-size: 14px;font-weight: normal}
.nav-menu ul li:before,
#mobile-nav ul li li:before{content: "\f105";font: normal normal normal 14px/1 FontAwesome;position: absolute;left: -15px;top: 8px}
.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 {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;}
.current-page-ancestor a, .current-menu-item a{color: #ceab2f;}

header .vl-logo img{height: 90px;width: auto;}
nav ul li a{color: var(--gris)}

.vl-header nav{padding-top: 25px;}
.vl-header nav a{font-size: 17px;color: var(--azul-hover);}
.vl-header nav li:hover a{color: var(--azul);}
.vl-header .con-ico a{color: var(--gris);}
.con-ico{padding-left: 20px;}
.vl-header .bi-facebook{color: #1773ea;font-size: 19px;margin-left: 5px;}
.vl-header .bi-tiktok{color: #fff;background: #000;width: 20px;height: 20px;font-size: 12px;border-radius: 50%;display: inline-block;text-align: center;line-height: 20px;position: relative;top: -3px;padding-top: 3px;margin-left: 5px;}
.vl-header .bi-instagram{color: #fff;background: #f500a7;width: 20px;height: 20px;font-size: 12px;border-radius: 50%;display: inline-block;text-align: center;line-height: 20px;position: relative;top: -3px;padding-top: 4px;margin-left: 5px;}

.vl-slider{position: relative;}
.vl-slider img{width: 100%;height: auto;}
.vl-slider::after{content: "";position: absolute;bottom: 0px;left: 0px;right: 0px;height: 40%;z-index: 1;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.75+100 */background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */}
.vl-precio{position: absolute;bottom: 20%;width: 100%;color: #fff;text-shadow: 1px 1px 1px #000;font-weight: bold;z-index: 3;}
.vl-precio h1{font-weight: bold;}

.cont-trans{padding: 0px;}
.cont-trans h3{font-weight: bold;margin-top: 15px;}

.vl-pagos{text-align: center;padding-top: 30px;padding-bottom: 30px;margin-top: 30px;}
.vl-pagos img{width: auto;height: 50px;}


.vl-buscador{position: absolute;bottom: 30%;width: 100%;z-index: 10;}
.vl-buscador .container{border: 1px solid var(--azul);background: #fff;color: var(--gris);}
.vl-buscador .form-control,
.vl-buscar .form-control{border-color:#fff ;margin-bottom: 0px;padding-top: 9px;padding-bottom: 14px;height: auto !important;position: relative;cursor: text;}
.vl-buscador .ci label,
.vl-buscar .ci label{margin-bottom: 0px;font-size: 12px;margin-top: 5px;color: #000;font-weight: bold;}
.vl-buscador .form-control:focus{border-color: #fff;box-shadow: none;}
.vl-buscador .col-sm-3,
.vl-buscar .col-sm-3{background: #fff;border-right: 1px solid var(--azul);}
.vl-buscador .col-sm-3.sp{border-right: 0px;}
.vl-buscador .sp{padding: 0px !important;}
.vl-buscador .btn,
.vl-buscar .btn{border-radius: 0px;padding-top: 19px;padding-bottom: 19px;font-weight: bold;font-size: 23px;}
.vl-buscador h3{display: none;}

.vl-buscar{background: var(--azul-hover);color: #fff;padding-top: 30px;padding-bottom: 30px;}
.vl-buscar .sp{padding-left: 0px;padding-right: 0px;}
.vl-cont-buscar{padding-top: 5%;padding-bottom: 5%;}
.vl-resultado{border: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);padding: 15px;margin-bottom: 30px;border-radius: 15px;}
.vl-resultado h5{color: var(--azul);}
.vl-resultado img{width: 100%;height: auto;}
.vl-resultado .ini{color: var(--azul-hover);}
.vl-resultado .precio{color: var(--azul);margin-bottom: 30px;position: relative;height: 100%;}
.vl-resultado .precio .btn{position: absolute;bottom: 0px;font-weight: bold;}
.vl-resultado .precio strong{font-size: 1.5em;}
.vl-for-form{border: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);padding: 30px 15px;border-radius: 20px;}
.vl-for-form h4{color: var(--azul);margin-bottom: 30px;font-weight: bold;}
.vl-for-form ul li{font-size: 16px;list-style: none;}
.vl-for-form ul{padding-left: 2px;}
.vl-for-form label{margin-bottom: 0px;}
.vl-for-form .form-control{border-color: var(--azul);}

.btn-galeria{position: relative;}
.btn-galeria .btn{position: absolute;bottom: 10px;right: 30px;}

.vl-nos{padding-top: 30px;padding-bottom: 30px;margin-top: 5%;margin-bottom: 5%;}
.vl-nos h2{text-align: center;font-weight: bold;}



.vl-icons{padding-top: 30px;padding-bottom: 30px;margin-top: 5%;margin-bottom: 7%;}
.vl-icons i{color: var(--azul);font-size: 3em;}

.vl-titulo{background: var(--azul);color: #fff;text-align: center;padding-bottom: 30px;padding-top: 40px;}
.vl-tour-cont{padding-top: 40px;}
.vl-tour-cont img{width: 100%;height: auto;}

.vl-tours{background-image: url(../image/icons/fondo.png);background-color: rgba(0, 0, 0, 0.02); padding-top: 5%;padding-bottom: 5%;}
.vl-tours img{width: 100%;height: auto;}
.vl-tours h3{text-align: center;margin-bottom: 5px;font-weight: bold;}
.vl-tours .container > p{text-align: center;}
.cont-img{position: relative;margin-bottom: 10px;}
.cont-img span{position: absolute;bottom: 30px;right: 20px;background: gold;color: #000;display: inline-block;padding: 2px 10px;font-weight: bold;}
.cont-img:hover .cover{display: inline-block;}
.cover{position: absolute;top: 0px;right: 0px;bottom:0px;left:0px;background:rgba(255,255,255, 0.3);display: none;}
.subcont-tour{padding: 10px 15px;}
.subcont-tour h4{color: var(--azul);font-size: 20px;font-weight: bold;min-height: 45px;}
.tour-cont{background: #fff;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);}

.vl-ofertas .col-sm-4{padding-right: 0px;}
.vl-ofertas .col-sm-8{background: #fff;}
.vl-ofertas .col-sm-8 .subcont-tour{height: 100%;}
.vl-ofertas .col-sm-8 .subcont-tour h4{min-height: auto;}

.vl-pkts{margin-top: 5%;margin-bottom: 5%;}
.vl-pkts .container-fluid{padding: 0px auto 0px 0px;}
.vl-pkts .col-sm-6, .vl-pkts .col-sm-8{padding: 0px;}
.vl-pkts .col-sm-8 h5{font-size: 2em;}
.vl-pkts img{width: 100%;height: auto;}
.vl-cont-tour{position: relative;}
.vl-cont-tour:hover .cover{display: inline-block;}
.vl-cont-tour h5{position: absolute;bottom: 20%;width: 100%;text-align: center;color: #fff;text-shadow: 1px 1px 1px #000;}
.vl-cont-img2{height: 100%;}
.vl-cont-img2 img{height: 100%;}

.vl-hotel{margin-top: 5%;margin-bottom: 5%;}
.vl-hotel h3{text-align: center;margin-bottom: 30px;}
.vl-hotel img{width: 100%;height: auto;}

.vl-form-contacto{padding: 30px;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);border-radius: 10px;}


footer{background: var(--azul-hover);color: #fff;padding-top: 30px;padding-bottom: 20px;}
.vl-autor{margin-top: 30px;}
.vl-autor a{color: var(--dorado);}

.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.5em;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: 5px;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;width: 200px;padding: 10px;box-shadow: 0px 0px 10px rgba(0,0,0,.2);border-radius: 10px;font-size: 16px;left: -140px;}
.vl-contact .contact-msg:hover span{display: inline-block !important;position: absolute;top: -5px;right: -5px;background: #000;color: #fff;border-radius: 50%;z-index: 9999;padding: 7px;}

@media (max-width: 768px) {
	/* header{position: relative;} */
	/* body.mobile-nav-active #mobile-nav */
	#mobile-body-overly{background: rgba(19,27,42,0.7) !important}
	#mobile-nav{background: #fff !important;padding-top: 150px;}
	#mobile-nav::before{content: "";position: absolute;width: 100%;height: 130px;top: 10px;z-index: 9999;background: url(../image/logo.png);background-size: contain;background-repeat: no-repeat;background-position-x: center;}
	#mobile-nav-toggle {padding: 5px 15px 7px 15px;position: absolute;right: 0;top: 0;z-index: 999;margin: 20px;border: 0;font-size: 24px;transition: all 0.4s;outline: none;cursor: pointer;display: inline;border: 1px solid var(--azul-hover);border-radius: 0px;background: var(--azul);}
	#mobile-nav-toggle i {color: #fff;font-size: 30px;}
	#mobile-nav ul .menu-item-active {color: #000;}
	.current-menu-item a{color: #aa8c1f !important;}
	.icosmenu{margin-top: 30px;}
	.icosmenu a{display: inline-block !important;width: auto !important;}
	.icosmenu .bi-facebook{color: #1773ea;font-size: 19px;margin-left: 5px;}
	.icosmenu .bi-tiktok{color: #fff;background: #000;width: 20px;height: 20px;font-size: 12px;border-radius: 50%;display: inline-block;text-align: center;line-height: 20px;position: relative;top: -3px;padding-top: 3px;margin-left: 5px;}
	.icosmenu .bi-instagram{color: #fff;background: #f500a7;width: 20px;height: 20px;font-size: 12px;border-radius: 50%;display: inline-block;text-align: center;line-height: 20px;position: relative;top: -3px;padding-top: 4px;margin-left: 5px;}


	.vl-buscador{position: relative;padding: 15px;}
	.vl-buscador .container{border: none;}
	.vl-buscador h3{display: inline-block;}
	.vl-buscador .col-sm-3{border: 1px solid var(--azul) !important;margin-bottom: 10px;}
	.vl-buscador .col-sm-3.sp{border: none !important;}
	.vl-icons .col-sm-3{margin-bottom: 30px;}
	.cont-tour{margin-bottom: 40px;}
	.cont-tour h5{font-weight: bold;font-size: 1.6em;}
	.vl-tours h3{font-size: 2em;}
	.vl-nos h2{font-size: 2em;color: var(--azul-hover);}
	.vl-cont-img2 img{height: auto !important;}
	/* .vl-pkts .vl-cont-img{} */
	.vl-hotel .vl-cont-img{margin-bottom: 30px;}
	.vl-hotel h3{font-size: 2em;}

	.vl-slider::after{display: none !important}
	.vl-precio{position: relative;text-shadow: none;color: var(--azul);padding-top: 30px;}
	.vl-precio h1{color: var(--azul-hover);}
	.vl-tour-cont{margin-bottom: 40px;}

.vl-pagos .col-6{margin-bottom: 20px;}
	.vl-pagos img{width: auto;height: 40px;}

	.cont-trans .col-sm-8{padding: 30px;}
	.cont-trans h3{margin-top: 0px;}
	.cont-trans .btn{width: 100%;}

	.vl-ofertas .col-sm-4{padding-right: 15px;}
	.vl-ofertas .col-sm-8{background: none;margin-bottom: 30px;}
	.vl-ofertas .col-sm-8 .subcont-tour{background: #fff;margin-bottom: 30px;}
	.vl-ofertas .cont-img{margin-bottom: 0px;}
	
}
@media (min-width:768px){
	
	
}

@media (min-width: 1200px){
	
}