.view {height: 100vh;}
/************************/
/* ESCTRUCUTRA DEL CUERPO
/************************/
.rgba-gradient {
  background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.7), rgba(72, 15, 144, 0.4) 100%);
  background: -webkit-gradient(linear, 45deg, from(rgba(0, 0, 0, 0.7), rgba(72, 15, 144, 0.4) 100%));
  background: linear-gradient(to 45deg, rgba(0, 0, 0, 0.7), rgba(72, 15, 144, 0.4) 100%);
}

.md-form label {
  color: #ffffff;
}

h6 {
  line-height: 1.7;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #ffb806;
    background-color: #fbc02d;
}

p {
    margin-bottom: 1rem;
	color: #777777;
	line-height: 27px;
	font-family: 'Nunito', sans-serif;
	font-weight: lighter;
}

h1,h2,h3,h4 {
	font-family: 'Nunito', sans-serif;
	font-weight: bold;
	color: #173290;
	font-size: 30px;
}
h5 {
	font-family: 'Nunito', sans-serif;
	font-weight: bold;
	color: #001D54
}
ul li {
	font-family: 'Nunito', sans-serif;
}
ul li b {
	font-weight: bold;
}
.titulo-lg {
	font-size: 36px;
	font-weight: 600;
}



section { padding-top: 80px; padding-bottom: 80px;}

#banner-home {
	background-image: url(../img/banner-principal.jpg);
	background-position: center;

	background-size: contain
}


.fondo { background-color: #F7F7FF; }

.linea {padding-bottom: 10px!important; padding-top: 10px;}
.linea2 {
	width: 96%;
	margin-left: 0px;
}

.texto-azul {
	color: #173290;
}

.ondas {
	background-image: url(../img/ondas.svg);
	position: absolute;
	bottom: 0px;
	background-repeat: repeat-x;
	z-index: 999;
	height: 20px;
	width: 100%;
}

.ondas-color {
	background-image: url(../img/ondas-color.svg);
	position: absolute;
	bottom: 0px;
	background-repeat: repeat-x;
	z-index: 999;
	height: 20px;
	width: 100%;
}

.vision-movil { display: none; }

.titulo-section {
	font-size: 1.7em;
}

.titulo-menu {
	font-family: 'Nunito', sans-serif;
	font-weight: bold;
	color: #173290;
	font-size: 1.5em;
}

.subtitulo-menu {
	font-family: 'Nunito', sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #001D54;
}

.seo { position: absolute; left: -100%; }


.selectWrapper {
	outline: none;
    width: 100%;
    overflow: hidden;
    position: relative;
    border: 1px solid #bbb;
    border-radius: 2px;
    background:#FFFFFF url('../img/flecha-select.svg') right 13px center no-repeat;
}

.selectWrapper select {
	padding: 12px 40px 12px 20px;
	font-size: 18px;
	line-height: 18px;
	width: 100%;
	border: none;
	box-shadow: none;
	background: transparent;
	background-image: none;
	-webkit-appearance: none;
	outline: none;
	cursor: pointer;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: ellipsis;
}

/************************/
/* BANNERS SECUNDARIO
/************************/
.bg {
  height: 100%;
  min-height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.bg-promociones {
  background-image: url("../img/banner-promociones.jpg");
}
.bg-nosotros {
  background-image: url("../img/banner-nosotros.jpg");
}
.bg-ubicaciones {
  background-image: url("../img/banner-ubicaciones.jpg");
}
.bg-menu {
  background-image: url("../img/banner-menu.jpg");
}
.bg-contacto {
  background-image: url("../img/banner-contacto.jpg");
}
.bg-tequila {
  background-image: url("../img/banner-tequila.jpg");
}



.bg-degradado {
background: rgba(0,0,0,0.6);
background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.6)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=0 );
}
.bg-degradado {
	width: 100%;
	position: absolute;
	min-height: 300px;
}

.banner-secundario {
	display: initial;
}


/************************/
/* BANNER DE PARRALAX
/************************/
#reservacion {
	background-image: url(../img/banner2.jpg);
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}

#reservacion p span {
	font-family: 'Nunito', sans-serif;
	font-weight: bold;
}

.rgba-black-light, .rgba-black-light::after {
    background-color: rgba(0, 0, 0, 0.48);
}

#musica-banner {
	background-image: url(../img/banner-musica.jpg);
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}
#musica-banner .mask {
	height: 100%;
	min-height: 500px;
}
#musica-banner .rgba-black-light, .rgba-black-light::after {
    background-color: rgba(0, 0, 0, 0.3);
}

#marisco-banner {
	background-image: url(../img/banner-mariscos.jpg);
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}
#marisco-banner .mask {
	height: 100%;
	min-height: 500px;
}
#marisco-banner .rgba-black-light, .rgba-black-light::after {
    background-color: rgba(0, 0, 0, 0.3);
}

#tequila-banner {
	background-image: url(../img/banner-tequila-dos.jpg);
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}
#tequila-banner .mask {
	height: 100%;
	min-height: 500px;
}






/************************/
/* PROMOCIONES CARD
/************************/
.card {
  /*background-color: rgba(126, 123, 215, 0.2);*/
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	font-weight: 400;
	margin-bottom: 40px;
}

.card-title{
	font-family: 'Nunito', sans-serif;
	font-size: 1.2em;
	font-weight: bold!important;
	min-height: 50px;
}

.card-text {
	font-family: 'Nunito', sans-serif;
	font-weight:lighter!important;
}

.card-body {
    padding: 1.25rem 2.2rem;
}


/************************/
/* MENU PRINCIPAL
/************************/
#menu-responsivo {
	width: 100%;
}

.fondo-azul {
	background: #001664!important;
}

.caja-menu-responsivo ul li {
	padding-left: 10px;
	padding-right: 10px;
} 
.caja-menu-responsivo ul li a {
	/*font-family: 'Nunito', sans-serif;
	font-weight: bold;
	color: white;*/
}

.navbar {
    box-shadow: none;
    font-weight: 300;
    position: absolute;
    left: 0;
    right: 0;
}

.nav-link {
	font-family: 'Nunito', sans-serif;
	font-weight: bold;
}

/************************/
/* MENU RESTAURANT
/************************/
#menu-restaurant-movil { display: none; }

/************************/
/* UL LISTA CON ICONOS
/************************/
.fa-li i {
	color: #FFC700;
}


/************************/
/* BOTONES
/************************/

.btn {
	font-family: 'Nunito', sans-serif;
    box-shadow: none;
	margin: 0rem;
	border-radius: .3rem;
	
}

.btn-outline-primary {
    border: 2px solid #173290 !important;
    background-color: transparent !important;
    color: #173290 !important;
}

.btn-yellow {
	color: #001D54!important;
	text-transform: none!important;
	font-size: 1em!important;
}

.btn-reserva {
	right: -73px;
	position: absolute;
	color: #001D54;
	text-transform: none;
	font-size: 1.2em;
	
	transform: rotate(-09deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
}

.btn-reserva i { 
	font-size: 1.1em!important;
	padding-left: 20px;
}

.btn-reserva-2 {
	top: 200px;
	z-index: 999;
}
.btn-activo {
	background-color: #173290 !important;
	color: white !important;
}


/************************/
/* FORMULARIO
/************************/
.has-search .form-control {
    padding-left: 2.375rem;
    -webkit-appearance: none;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    /*height: 2.375rem;*/
    line-height: 2.6rem;
    text-align: center;
    pointer-events: none;
    color: #001D54;
}

textarea:focus, input:focus, input[type]:focus {
    border-color: #FFC700;
	border: solid 2px #FFC700;
    box-shadow: none;;
    outline: 0 none;
	border-radius: 0px;
	color: #FFC700;
}

form span:focus {
	color: #FFC700;
}

.form-control {
    border-radius: 0px;
	height: calc(1.9em + .75rem + 2px)!important;
}


/************************/
/* FOOTER
/************************/
footer { padding-top: 80px; padding-bottom: 20px; background-color: #001664; }
footer h5 {color: #FFC700; text-transform: uppercase; }
footer p {color: white;}
footer ul li{ 
color: white; 
list-style: none; 
line-height: 2em;
}
.social li {line-height: 3em;}

footer hr {color: white; background-color: white;}

.pie-footer p {
	font-size: 14px;
	font-family: 'Nunito', sans-serif;
	font-weight:100;
}
.pie-footer i {
	font-size: 1.4em; 
	padding-right: 10px; 
	vertical-align: sub;
}

/************************/
/* VENTANA EMERGENTE
/************************/
#ventana {
/*position: fixed;*/
height: 100vh;
width: 100%;
background-color: #000000c4;
z-index: 9999;
top: 0px;
}
#ventana .container-fluid{width: 100%;padding-right: 0!important;padding-left: 0!important;margin-right: 0!important;margin-left: 0!important;}
#ventana .row{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: initian!important;margin-right: 0!important;margin-left: 0!important;}
.close-ventana {
	position: absolute;
	right: 0px;
	z-index: 9;
	font-size: 1.5em;
	margin: 20px;
	top: 0px;
	cursor: pointer;
}

.terminos {
font-size: 12px;
line-height: normal;
font-weight: lighter;
}

.img-ventana {
	background-image: url(../img/imagen-ventana.jpg);
	background-size: cover;
	position: relative;
	background-position: center;
	height: 100%;
}

/************************/
/* RESPONSIVE
/************************/
.mostrar-movil {display: none;}

@media(max-width:991.98px){
	
	.navbar-nav li:last-child {
		display: none;
	}
	
	.ocultar-movil {display: none; }
	.mostrar-movil {display: block;}
	#ventana .caja-subs{width: 100%!important;}
	#header-menu {
		max-width: 100%;
	}
	
	.navbar {
    padding: 0px;
	}
	
	.caja-menu-responsivo {
		display: block;
		width: 100%;
		background-color: #0c2662;
		color: white;
		text-align: center;
		line-height: 3em;
		padding-top: 50px;
		height: 100vh;
		font-size: 1.3em;
	}
	
	.caja-img {
		width: 100%;
		height: 340px;
		position: relative;
		overflow: hidden;
	}
}

@media(max-width:767.98px){
	

	.caja-img {
		width: 100%;
		height: 240px;
		position: relative;
		overflow: hidden;
		
	}
	
	.bg {
    	height: 40%;
	}
	
	.espacio-titulo { margin-top: 3em; }
	
	.navbar-brand {
		margin-left: 1rem;
		margin-top: 1rem;
	}
	.navbar-toggler {
		margin-right: 1rem;
	}
	
	#menu-restaurant {display: none; }
	#menu-restaurant-movil {display: block; }
	
	.titulo-section {
		font-size: 1.5em;
	}
	
	#header-menu {
		max-width: 100%;
	}
	
	.navbar {
    	padding: 0px;
	}
	
	section { padding-top: 50px; padding-bottom: 50px;}
	
	.vision-movil {display: block;}
	
	.top-nav-collapse .logo {
		margin-top: 0px;
		/*width: 70px;*/
	}
	
	.top-nav-collapse {
		background-color: #fff !important;
		height: 90px;
	}
	
	
	.caja-menu-responsivo {
		display: block;
		width: 100%;
		background-color: #0c2662;
		color: white;
		text-align: center;
		line-height: 3em;
		padding-top: 50px;
		height: 100vh;
		font-size: 1.3em;
	}
	
	
	.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
		max-height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
	}
	
	#especialidades .swiper-container{height: 420px!important;}
	#especialidades .swiper-slide{height: auto!important;}
	#marisco-banner,#musica-banner,#tequila-banner{display:none}
	.fullsize#fullsize{margin-top: 0 !important}
	form.p-5.validation_form{padding: 30px 20px !important;text-align: left !important}
	#reservacion{background-attachment: inherit}
}

@media (max-width: 575.98px) {
	.caja-img {
		width: 100%;
		height: 200px;
		position: relative;
		overflow: hidden;
		
	}
	
	.titulo-section {
    	font-size: 1.4em;
	}	
}
#attraction{padding-top: 0px;padding-bottom: 0px;}
.swiper-container li{list-style: none;}
#attraction a{color: #001D54!important;}
#attraction a:hover{color: #FFF!important;}

.swiper-pagination-bullet{border: 2px solid #fff;opacity: 1!important;cursor: pointer;background: initial!important;margin: 40px 6px!important;}
.swiper-pagination-bullet-active{opacity: 1;background-color: #fff !important;}
#especialidades .swiper-slide{height: 140px;}
#especialidades .swiper-container{height: 420px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: initial!important;left: initial!important;right: initial!important;}
.swiper-button-prev, .swiper-button-next{position: initial!important;top: initial!important;width: initial!important;}
#especialidades .img-fluid{width: 50%;float: left;}
#attraction .swiper-container{overflow: initial!important;height: 100vh!important;}
#especialidades .swiper-wrapper{padding: 0px;}
#menu-restaurant a{color: #173290;}
.btn-activo a{color: white!important;}
#especialidades .swiper-container img{border-radius: 50%;}
.error-message{color: red;}
footer a{color: #FFFFFF;}
#ventana h4{font-weight: bold;}
#ventana .btn-yellow:hover{color: #fff!important}
#ventana .imgventana, #ventana .caja-subs{float: left;width: 50%;}
#mc-embedded-subscribe{margin: 0!important;}
.mce_inline_error{color: red;}
.mce-success-response{color: green;}
@font-face {
  font-family: 'icomoon';
  src:  url('/fonts/icomoon.eot?bcrhzy');
  src:  url('/fonts/icomoon.eot?bcrhzy#iefix') format('embedded-opentype'),
    url('/fonts/icomoon.ttf?bcrhzy') format('truetype'),
    url('/fonts/icomoon.woff?bcrhzy') format('woff'),
    url('/fonts/icomoon.svg?bcrhzy#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-spoon-knife:before {
  content: "\e900";
}
#comentarios{padding-top: 150px;}
#mce-error-response a{display: none;}
#mce-error-response{color: red;}
#img-intro-home{margin-top: 1.5rem!important;}
.bg-light img{width: 52px;height: 54px;}
.bg-light{background-color: #f8f9fa!important;}