/* -------------------
AUTHOR: Frank Valero
WEB: http://uveles.com
------------------- */
@font-face{font-family: "Titulo";src: url("../fonts/Oswald-VariableFont_wght.ttf");}
@font-face{font-family: "Amara";src: url("../fonts/DMSans-Regular.ttf");font-weight: normal;font-style: normal;}
@font-face{font-family: "Amara";src: url("../fonts/DMSans-Bold.ttf");font-weight: bold;font-style: bold;}
@font-face{font-family: "Amara";src: url("../fonts/DMSans-Italic.ttf");font-weight: normal;font-style: italic;}

*{
	--color-rojo: #cc2a1d;
	--color-azul: #0a437a;
	--color-azul-oscuro: #1a2942;
	--color-naranja: #fec900;
}

body{font-family: 'Amara', sans-serif;color: #000;background: #f9f9fa;}
.vl-blanco{background: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,.2);}
.vl-pad-cont{padding: 0px 15px 15px 15px;}
.vl-esp-bajo{margin-bottom: 20px;}
a:hover, a{color: inherit;}
/* .btn{padding: 8px 15px;font-weight: bold;border-radius: 0px} */
.form-control{padding: 18px 15px !important}
p, ul li{line-height: 150%;font-size: 119%}
.titulo{font-size: 4em;font-weight: bold;font-family: 'Marck Script';}
.full{display: inline-block;width: 100%}
.btn-primary{background: var(--color-azul);color: #fff;border:1px solid var(--color-azul-oscuro);}
.btn-primary:hover, .btn-primary:focus{background: var(--color-azul-oscuro)}
.btn-danger{background: var(--color-rojo);border: 1px solid var(--color-rojo)}
.btn-danger:hover{background-color: var(--color-rojo) !important;border-color: #bd2130}
.btn-warning{background: #ffc107;border-color: #ffc107;color: #000}
.btn-warning:hover, .btn-warning:focus{background: #e0a800;border-color: #d39e00;color: #000}
.btn-success{background: #28a745;border-color: #28a745}
.alert-info{background: #e9f0fa;border-color: #cce1ff;color: #383838}
.alert-danger{background: #f8d7da;border-color: #f5c6cb;color: #721c24}
.txt-danger{color:var(--color-rojo)!important}

header{position: relative;background: #fff;box-shadow: 0px 1px 4px rgba(0,0,0,.2)}
header .vl-form strong{color: var(--color-azul)}
header .txt{padding-right: 30px}
header .vl-logo img{max-height: 90px;}
.btn-header{padding-top: 25px}
.btn-header .fa-comments-o{font-size: 2em;float: left;margin-left: 10px;position: relative;}
.btn-header .fa-comments-o:after{position: absolute;bottom: -10px;font-size: 10px;left: -9px;text-transform: uppercase;}
.esp:after{content: "Reservas";}
.ing:after{content: "Book here";width: 57px;}
.idioma {display: inline-block !important;float: none;border: 1px solid rgba(0,0,0,.4)}
.idioma>li>a{padding: 8px}
.navbar{margin-bottom: 0px}
.btn-header{text-align: right;}
.btn-header .btn{position: relative;top: -20px;padding: 10px;border-radius: 0px;margin-bottom: -10px}
.idioma .activo{display: none}

/* ================================ */

.nav-menu, .nav-menu * {list-style: none;}
.nav-menu li a{text-transform: uppercase;font-weight: bold;font-size: 15px;color: var(--azul);font-family: "Titulo";}
.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;}
/* //////////////////////// */

.vl-slid .carousel-caption{font-size: 5em;font-family: "Titulo";text-shadow: 3px 3px 1px #000;}
.vl-slid .carousel-control span{position: absolute;top: 40%;font-size: 3em;}

.vl-index-titulo{background-color: var(--color-rojo);color: #fff;text-align: center;padding: 5px 10px;margin-bottom: 30px;font-family: "Titulo";}
.vl-index-titulo h2{margin-top: 5px;}

.vl-intro{padding-top: 2%;padding-bottom: 2%;}
.vl-intro h1{font-family: "Titulo";margin-bottom: 30px;}

.cont-txt-comm{background: #fff;padding: 10px;border-radius: 5px;box-shadow: 0px 0px 5px rgba(0,0,0,.3);}
.cont-txt-comm h3{margin-top: 5px;font-size: 17px;font-weight: bold;}
.cont-txt-comm h3 img{float: right;width: 30px;}

.vl-comentarios{padding-top: 2%;padding-bottom: 4%;}
.vl-comentarios p{font-size: 16px;}
.cont-txt-comm > div{min-height: 200px;max-height: 180px;overflow-y: scroll;padding: 5px;scroll-padding-top: 15px;font-size: 15px;}
.vl-comentarios h2{margin-bottom: 30px;font-weight: bold;}
::-webkit-scrollbar {width: 5px}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: #888;}
::-webkit-scrollbar-thumb:hover {background: #555;}

.vl-menu-cont{padding-top: 18px;}
.vl-menu li span{display: block;color: var(--color-rojo);font-size: 12px;width: 100%;text-align: center;}
.vl-menu li a{color: var(--color-azul);position: relative;top: -5px;margin-top: -5px;}
.vl-menu li:last-child a{background: var(--color-naranja);padding: 10px 15px;border-radius: 5px;top: 12px;}

.mini-vl-slider{margin-bottom: 20px;}
.mini-vl-slider img{width: 100%;height: auto;}
.vl-tour h1{font-family: "Titulo";}

.vl-img-label{position: absolute;top: 20%;right: 20px;}
.vl-img-label ul li{background: rgba(255,255,255,.7);list-style: none;margin-bottom: 7px;padding: 15px;border-radius: 5px;}

.vl-cont-tour h3{font-family: "Titulo";color: var(--color-azul);margin-bottom: 30px;}
.nav-tabs>li>a{background: var(--color-azul);color: #fff;font-family: "Titulo";font-size: 16px;text-transform: uppercase;padding-top: 15px;padding-bottom: 15px;}
.nav-tabs>li>a:hover{background: var(--color-azul-oscuro);}
.inc ul li{list-style-image: url(../img/icos/garrapata.png) !important;}
.noinc ul li{list-style-image: url(../img/icos/minus-sign.png) !important;}
.vl-cont-tour ul li{list-style-image: url(../img/icos/arrow.png);}

.vl-destinos h1{font-family: "Titulo";}
.vl-destinos h3{font-family: "Titulo";}
.vl-destino-cont{margin-bottom: 30px;}
.vl-destino-cont .fulls{box-shadow: 0px 0px 5px rgba(0,0,0,.2);border-radius: 7px;}
.vl-destinos .vl-destino-cont img{border-radius: 7px 7px 0px 0px;width: 100%;height: auto;}
.txt-destino-cont{background: #fff;padding: 10px;border-radius: 0px 0px 7px 7px;}
.txt-destino-cont h3{margin-top: 5px;font-size: 18px;}
.txt-destino-cont .row{margin-bottom: 15px;margin-top: 15px;color: rgba(0,0,0,.5);}
.txt-destino-cont .row span{color: var(--color-rojo);}
.alt-div{min-height: 200px;}



/* ================================ */


footer{background: var(--color-azul);color: #fff;padding-top: 15px;}
footer h4{font-weight: bold}
footer ul{padding-left: 0px;}
footer ul li{padding-left: 0px;list-style: none}
footer .fa{display: inline-block;width: 25px;height: 25px;line-height: 25px;text-align: center;vertical-align: middle;background: rgba(255,255,255,.7);color: var(--color-azul)}
.emp ul li{margin-bottom: 5px}
.autor{background: rgba(0,0,0,.2);padding-bottom: 15px;padding-top: 10px;margin-top: 10px}
.autor .fa{background: none;color: #fff}
footer img{max-height: 120px;width: auto;margin-bottom: 15px}
.lo .fa{width: 35px;height: 35px;line-height: 35px;background: #fff;font-size: 23px;border-radius: 50%}

.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: -3px;left: -3px;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;}
.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;}

@media (min-width: 992px) {

}
@media (max-width: 765px) {
	/* ======================= */
	#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 {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(../img/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-slid img{width: 100%;}
	.vl-slid .right span{right: 10px;}
	.vl-slid .left span{left: 10px;}
	.vl-slid .carousel-caption{font-size: 3em;}
	.cont-txt-comm{margin-bottom: 20px;}
	.cont-txt-comm > div{min-height: 100px;}

	#mobile-nav ul li{padding-bottom: 10px;}
	#mobile-nav ul li > span{color: var(--color-rojo);position: relative;left: 25px;}
	#mobile-nav ul li > a{padding-top: 0px;position: relative;top: -5px;}
	#mobile-nav ul li:last-child a{background: var(--color-naranja);padding: 10px 15px;border-radius: 5px;top: 12px;}




	/* ======================= */


}

@media (min-width: 768px) {
	 .menu-fijo{position: fixed;top: 0px;width: 100%;z-index: 9999;bottom: auto !important;background: #ffc107;} 
	 .menu-fijo .container{padding-bottom: 0px;padding-top: 7px;}
	/*.menu-fijo{width: 100%;background: #FFF;position: fixed;top: 0;transition: top 0.2s ease-in-out;z-index: 1}*/
	.lang-footer{display: none}
	.llamadas{display: none}
	.links li a i{display: none}
	.modal-dialog{padding-top: 110px !important}
}

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