@charset "utf-8";
@import "reset.css";
@import "fonts/stylesheet.css";

body { margin: 0 auto; font-family: 'Avenir'; font-size: 16px; color: #213856; }

/* links  */ 

a { color: white; -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease; }
a:hover { color: #d28c8e; -webkit-transition: all 0.2s ease; }

.link_main { color: #d28c8e; } .link_main:hover { color: white; }
.link_blue { color: #213856; }

/* títulos y texto */ 

p {  }
h1 { font-family: 'Quickpen'; font-size: 55px; line-height: 60px; }
h2 { font-size: 35px; }
h3 { font-family: 'Avenir Black'; font-size: 14px;  }
h4 { font-family: 'Quickpen'; font-size: 21px; line-height: 30px; }
h5 { font-family: 'Quickpen'; font-size: 40px; padding-right: 60px; margin-top: 15px; }

strong { font-weight: normal; font-family: 'Avenir Black';  }
.book { line-height: 34px; }

/* colores  */ 

.clr_main { color: #d28c8e; }
.clr_white { color: white; }

.bg_main { background-color: #213856; }
.bg_2 { background-color: #aca79a; }

/* arreglos  */ 

.pre-load-web { width:100%; height: 100%; width: 100vw; height: 100vh; position:absolute; position:fixed; left:0; top:0; -ms-display: flex; display: -webkit-flex; display: flex; align-items:center; justify-content: center; z-index:100000; }
.pre-load-web div { font-family: 'Avenir Light'; font-size: 11px; }

.center_center { -ms-display: flex; display: -webkit-flex; display: flex; align-items:center; justify-content: space-between; } 
.center_vertical { -ms-display: flex; display: -webkit-flex; display: flex; align-items:center; justify-content: space-between; } 

.listado { -ms-display: flex; display: -webkit-flex; display: flex; align-items: flex-start; justify-content:space-between; flex-wrap: wrap; } 

.center { text-align: center; }
.padding { padding: 120px 25px; }

.margin_bottom { margin-bottom: 25px; }
.margin_bottom2 { margin-bottom: 10px; }
.margin_bottom3 { margin-bottom: 60px; }
.ancho { display: block; width: 100%; }
.fullscreen { width: 100%; height: 100vh; }
.image:hover { opacity: 0.7;}
.top { margin-top: 90px; }
.textshadow { text-shadow: 2px 4px 3px rgba(0,0,0,0.3); }
.shadow { -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.3); }

/* general  */ 

.main { position: absolute; width: 100%; }
.section { position: relative; float: left; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.cont { position: relative; margin: 0 auto; width: 100%; max-width: 980px; }
.cont_small { margin: 0 auto; width: 100%; max-width: 790px; }
.right { text-align: right; }
.fila { float: left; width: 100%; }
.col1 { float: left; width: 45%; padding-left: 10px; }
.col2 { float: left; width: 55%; padding-left: 10px; }
.col50 { position: relative; float: left; width: 50%; }

/* header  */ 

.header { position: fixed; top: 0; width: 100%; height: 90px; padding: 0 60px; -webkit-font-smoothing: antialiased;  z-index: 3000; }
.logo { float: left; margin-top: 20px; font-family: 'Avenir Light'; font-size: 11px; }

.nav { float: right; margin-top: 35px; font-size: 11px; font-family: 'Avenir Black'; }
.nav li { display: inline-block; margin-left: 30px;  }

.menu, .close { position: absolute; right: 25px; top: 5vh; display: none; }
video { width: 100%; height: 100%; }

.slick div, .slick { width: 100%; height: 100%; }
.slick div { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.whatsapp { position: absolute; z-index: 1000; bottom: 120px; right: 60px; }

#slick_entrevistas_mobile { display: none; }

.popup { position: absolute; background-color: white; padding: 60px; padding-bottom: 40px; width: 680px; left: 50%; margin-left: -340px; top: 25%; z-index: 1000; }
.titulo { float: left; width: 100%; }
.titulo div { display: table; margin: 0 auto; }
.titulo h2, .titulo h1 { display: inline-block; }
.titulo h2 { font-size: 20px; }
.titulo h1 { font-size: 40px; }
.close_pop { position: absolute; top: 30px; right: 30px; }

#servicios { background-image: url('imgs/white.png'); background-repeat: repeat-x; background-position: center bottom; background-size: auto; }
.col2 { margin-top: -170px; position: relative;  }
.circulo { position: absolute; top: 40%; right: -80px; }

#destinos { padding-bottom: 280px; padding-top: 0; }
.img_destinos { position: absolute; left: -30px; margin-top: -80px; }

.item { position: relative; display: inline-block; width: 49vw; height: 30vw; margin-bottom: 2vw; background-size: cover; background-position: center center; }
.item div { position: absolute; bottom: 40px; left: 0; padding: 15px 40px; color: black; background-color: rgba(255,255,255,0.4); font-size: 22px; }

input, textarea { width: 100%; height: 32px; background-color: #e6e7e8; border: 0; margin: 0; color: #213856; padding: 0 15px; font-size: 12px; }
button { display: inline-block; margin: 0; border: 0; color: white; padding: 12px 20px; cursor: pointer; }
button:hover { color: white; background-color: #d28c8e; }

#celebra { padding-bottom: 80px; }
#contacto { padding-top: 80px; }

.select-style { float: left; padding: 0; margin: 0; border: 0; width: 100%; height: 32px; border-radius: 0; overflow: hidden; background-color: #e6e7e8; background: #e6e7e8 url("imgs/arrow.svg") no-repeat 98% 50%; margin-bottom: 10px; }
.select-style select { padding: 7px 15px; width: 100%; border: none;  box-shadow: none; background-color: transparent; background-image: none;  -webkit-appearance: none; -moz-appearance: none;  appearance: none; color: white; border-radius: 0; font-family: 'Avenir'; font-size: 12px; color: #213856;  }

#contacto input, #contacto textarea {  background-color: rgba(255,255,255,0.1); color: white; }
textarea { height: 140px; padding: 15px; }
.boton_contacto { background-color: white; color: #213856; padding: 12px 50px; }

/* footer  */ 

#footer { padding: 40px 60px; }
.nav_fotter { float: left; margin-right: 80px; font-size: 11px; }
.nav_fotter li { margin-bottom: 10px; }
.icono { border-radius: 50%; color: white; background-color: #d28c8e; height: 20px; width: 20px; margin-right: 3px; text-align: center; padding-top: 5px; }
.icono:hover { background-color: white; color: #d28c8e; }

.logo_footer { float: right; font-family: 'Avenir Light'; font-size: 13px; margin-top: 25px; }
.logo_footer h4 { font-size: 25px; }

#video_vertical { display: none; }


/* nosotros  */ 

@media (max-width: 900px) {

	#video_vertical, #slick_entrevistas_mobile { display: block; }
	#video_horizontal, .logo_footer, .nomobile, #slick_entrevistas { display: none; }

	body { font-size: 12px; }
	.menu { display: block; }
	.cont, .cont_small { width: 100%; }

	.header { height: 20vh; padding: 0 25px; }
	#home { padding-top: 8vh; }
	
	.logo { width: 100%; text-align: center; margin-top: 5vh; }
	.nav { position: absolute; margin: 0; left: 0; top: 20vh; width: 100%; height: 80vh; padding: 50px 0; background-color: white; text-align: center; z-index: 5000; border: 10px solid #d28c8e; display: none; }
	.nav li { display: block; margin: 0; width: 100%; margin-bottom: 25px; color: #213856; }
	.nav li a { color: #213856; }
	.nav li a:hover { color: #d28c8e; }
	
	.nav li .link_main { color: #d28c8e; }
	
	.book { line-height: 22px; }
	.top { margin-top: 18vh; }

	h1 { font-size: 32px; line-height: 28px; }
	h2 { font-size: 18px; }
	h3 { font-size: 11px;  }
	h4 { font-size: 18px; line-height: 22px; }
	h5 { font-size: 25px; padding-right: 20px; margin-top: 10px; }

	.whatsapp { bottom: 50px; right: 25px; }
	
	.padding { padding: 60px 25px; }
	.margin_bottom { margin-bottom: 15px; }
	.margin_bottom2 { margin-bottom: 5px; }
	.margin_bottom3 { margin-bottom: 30px; }
	
	.popup { padding:25px; width: 80%; left: 10%; margin: 0; top: 100px; font-size: 11px; }
	.titulo h2 { font-size: 14px; display: block; }
	.titulo h1 { font-size: 22px; line-height: 22px; display: block; width: 100%; }
	.titulo div { display: block; margin: 0; width: 100%; text-align: center; }
	.close_pop { top: 25px; right: 25px; }
	
	#destinos { padding-bottom: 190px; }
	.col1, .col2 { width: 100%; padding: 0; margin: 0; }
	.img_destinos { left: -30px; margin: 0; bottom: 20px; width: 100%; }
	
	.item { background-color: gray; height: 48vw; }
	.item div {  bottom: 20px; color: black; font-size: 11px; padding: 10px 25px; }
	
	#footer { padding: 40px 25px; }
	.nav_fotter { margin: 0; width: 100%; margin-bottom: 15px; text-align: center; }
	
	.logo_footer { font-size: 11px; width: 100%; margin: 0; margin-top: 10px; }
	.logo_footer h4 { font-size: 16px; }


}