/* MICROSITIO */
body {
  font-family: 'Open Sans', arial, sans-serif;
  background-color: #000;
  /*background-image: linear-gradient(45deg, #00224C, #004966);*/
  margin: 0px;
}
section {
  padding: 50px 0;
}
h1, .h1 {
  font-size: 4.2rem;
  line-height: 110%;
  margin: 2.1rem 0 1.68rem;
}
h2, .h2 {
  font-size: 3.56rem;
  line-height: 110%;
  margin: 1.78rem 0 1.424rem;
}
h3, .h3 {
  font-size: 2.92rem;
  line-height: 110%;
  margin: 1.46rem 0 1.168rem;
}
h4, .h4 {
  font-size: 2.28rem;
  line-height: 110%;
  margin: 1.14rem 0 0.912rem;
}
h5, .h5 {
  font-size: 1.64rem;
  line-height: 110%;
  margin: 0.82rem 0 0.656rem;
}
h6, .h6 {
  font-size: 1rem;
  line-height: 110%;
  margin: 0.5rem 0 0.4rem;
}
p, .p {
  font-size: 1rem;
}
.pointer {
  cursor: pointer;
}
nav {
  background-color: transparent;
  box-shadow: 0 0;
}
/*form input:hover{color:#65d9a5;}
/*TEXTOS & ELEMENTOS COMUNES*/
.capitalize {
  text-transform: capitalize;
}
.uppercase {
  text-transform: uppercase;
}
.big-text-shadow {
  text-shadow: 0 6px 8px rgba(0, 0, 0, 0.9), 0 6px 20px rgba(0, 0, 0, 0.8);
}
.medium-text-shadow {
  text-shadow: 0 3px 5px rgba(0, 0, 0, 0.9), 0 3px 5px rgba(0, 0, 0, 0.8);
}
.no-box-shadow {
  box-shadow: none;
}
.text-hoverable {
  text-shadow: 0 4px 30px rgba(0, 0, 0, 0.2), 0 3px 10px rgba(0, 0, 0, 0.19);
}
.text-hoverable:hover {
  text-shadow: 0 8px 17px rgba(0, 0, 0, 0.4), 0 6px 20px rgba(0, 0, 0, 0.5);
  transition: text-shadow 0.25s ease 0s;
}
.bold {
  font-weight: bold;
}
.uppercase {
  text-transform: uppercase;
}
.small, small {
  font-size: 85%;
}
.small, small {
  font-size: 85%;
}
.smaller {
  font-size: 65%;
}
.smallest {
  font-size: 55%;
}
.big, big {
  font-size: 125%;
}
.bigger {
  font-size: 155%;
}
.biggest {
  font-size: 175%;
}
.no-bottom {
  margin-bottom: 0px;
}
.no-margin {
  margin: 0px;
}
.no-padding {
  padding: 0px;
}
.full {
  width: 100%;
}
/*BOTONES*/
.btn.outline {
  border: 2px solid !important;
  background-color: transparent !important;
  border-radius: 4px;
  font-weight: 400;
}
.btn-tsd {
  background-color: #00B86E;
  border-color: #00643C;
}
.btn.outline.teal {
  border-color: #009688 !important;
}
.btn.outline.white {
  border-color: #fff !important;
}
.select-wrapper input.select-dropdown {
  color: white;
}
/*SLIDER
	.contenedor-slider.fullscreen { height: 100vh; position: relative;}
	#contenedor-textos { height: auto; position: absolute; right: 0; bottom: calc(0px + 35%); width: 100%; z-index: 200; }
	.slider .indicators .indicator-item.active { background-color: #f44336;}
*/
.instrucciones-formulario img {
  width: 50%;
}
.contenedor-slider {
  width: 100%;
  height: 100%;
}
.slick-slider .slide {
  display: none
}
.slick-slider .slide:first-child {
  display: block
}
.slick-slider.slick-initialized .item {
  display: block;
}
.slick-slider.slick-initialized .slide {
  display: block;
}
.slick-prev:before, .slick-next:before {
  color: #fff;
  z-index: 100;
}
.slick-prev, .slick-next {
  box-sizing: border-box;
  padding: 20px 25px 50px;
  z-index: 100
}
.slick-prev {
  left: 0px
}
.slick-next {
  right: 0px
}
.single-hero .slick-slide {
  text-align: center;
  position: relative
}
.single-hero, .single-hero .slick-slide {
  height: 40vh;
}
.single-hero .slick-slide .textos {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.single-hero .slick-slide h2, .single-hero .slick-slide h3, .single-hero .slick-slide h4, .single-hero .slick-slide h5 {
  text-shadow: 0 3px 5px rgba(0, 0, 0, 0.9), 0 3px 10px rgba(0, 0, 0, 0.8);
}
.single-hero .slick-slide.item {}
.single-hero .slick-slide img {
  min-width: 100%
}
/*
.slick-slider .slick-arrow{color:#333}
.slick-slider img{display:block;margin-left:auto;margin-right:auto;width:100%;max-width:250px;height:auto}
.slick-slider .slick-prev,.slick-autoplay .slick-next{box-sizing:border-box;padding:20px 25px 50px;z-index:100}
.slick-slider .slick-prev{left:0}
.slick-slider .slick-next{right:0}
*/
.30Off {
  width: 75%;
}
.single-fotos {
  height: 75vh;
}
.single-fotos .slick-list {
  height: 100%;
}
.single-fotos .item {
  background-size: cover;
  background-position: 50% 50%;
  height: 500px;
}
.code-field {
  width: 50%;
  display: inline-block;
}
#codigo-correo {
  padding: 25px 0;
  padding-bottom: 20px;
}
#anchor-fotos {
  padding: 0px;
  height: 500px;
}
.single-fotos {
  height: 500px;
}
.single-fotos .slick-dots {
  bottom: 40px
}
.single-fotos .slick-dots li.slick-active button:before {
  color: rgba(255, 255, 255, 1);
  content: '\f111';
  opacity: 1
}
.single-fotos .slick-dots li button:before {
  color: rgba(255, 255, 255, 1);
  text-shadow: 2px 2px 5px #000;
  font-size: 18px;
  content: '\f10c';
  opacity: .65
}
.single-fotos .slick-slide img {
  width: 100%;
}
.img-lupa:before {
  color: #fff;
  content: "\f002";
  font-family: FontAwesome;
  font-size: 40px;
  font-style: normal;
  font-weight: normal;
  margin-left: auto;
  margin-right: auto;
  right: 0;
  left: 0;
  top: 40%;
  position: absolute;
  text-shadow: 1px 1px 3px #333;
  opacity: .75
}
.img-lupa:hover:before {
  opacity: 1
}
.single-artista, .single-artista img {
  user-select: none;
  -moz-user-select: none;
}
.single-item.single-artista .slick-slide {
  text-align: center;
  position: relative
}
.single-item.single-artista {
  overflow: hidden
}
.single-item.single-artista img {
  display: inline-block;
  width: 100%
}
.single-item .slick-slide {
  display: none
}
.single-item .slick-slide a {
  display: none
}
.single-item .slick-slide:first-child {
  display: block
}
.single-item .slick-slide:first-child a {
  display: block
}
.single-item.slick-initialized .slick-slide {
  display: block
}
.single-item.slick-initialized .slick-slide a {
  display: block
}
.contenedor-botones {
  position: absolute;
  top: 78%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  width: 100%;
}
.btn-registrate {
  height: 46px;
  line-height: 46px;
  padding: 0 2.5rem;
}
/* LOGOS*/
.logo-tango-software {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
.logo-tango { /*top: 40px; left:0; right: 0; position: absolute; z-index:100; */
}
.logo-tango img {
  max-width: 600px;
}
.logo-lugar {
  margin-bottom: 50px;
}
/*SECCIONES*/
#intro {
  text-align: center; /*background-image:url('../img/fondo-invitacion.jpg');*/ background-color: transparent;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 95vh;
  min-height: 400px;
  position: relative;
  padding: 0;
}
#intro h1 {
  margin-bottom: 40px;
  font-size: 3.6rem;
}
/*.degradado:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 45%, rgba(0, 0, 0, 0.15) 90%); content: ''; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 10;}*/
.textura-linea {
  background:
    linear-gradient(135deg, #01579B 22px, #64b5f6 22px, #64b5f6 24px, transparent 24px, transparent 67px, #64b5f6 67px, #64b5f6 69px, transparent 69px), linear-gradient(225deg, #01579B 22px, #64b5f6 22px, #64b5f6 24px, transparent 24px, transparent 67px, #64b5f6 67px, #64b5f6 69px, transparent 69px)0 64px;
  background-color: #01579B;
  background-size: 64px 128px
}
.fondo-oscuro {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.7) 45%, rgba(0, 0, 0, 0.05) 90%)
}
.fondo-oscuro .caption {
  padding: 0px 0px 20px 0px;
}
#intro .container {
  z-index: 100;
}
#info .card-panel {
  margin: 10px;
  box-sizing: border-box;
}
#info {
  position: relative;
}
#rsvp {}
.contenedor-rsvp {
  width: 95%
}
.parallax-container.parallax-imagen {
  height: 400px;
}
#anchor-mapa {
  background-color: #FFF;
  height: auto !important;
}
#info {
  color: #fff; /*background-color:#212121; background-image: url("../img/frente-edificio.jpg"); background-position: 50% 0; background-repeat: no-repeat; background-size: 100% auto;*/
}
.degradado2:before {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0.1) 65%);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10;
}
.legales {
  font-family: 'Open Sans', arial, sans-serif;
  color: #3D3D3D;
  text-align: center;
  font-size: 18px;
}
/*RETURN*/
#returns {
  background: transparent none repeat scroll 0 0;
  bottom: 20px;
  display: none;
  height: 130px;
  position: fixed;
  right: 20px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  width: 50px;
  z-index: 220;
}
#returns > a {
  display: inline;
}
#godown {
  background: transparent none repeat scroll 0 0;
  bottom: 20px;
  height: 130px;
  position: fixed;
  right: 20px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  width: 50px;
  z-index: 220;
}
#godown > a {
  display: inline;
}
#return-to-top {
  bottom: 20px;
  display: none;
  position: fixed;
  right: 20px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  z-index: 120;
}
#return-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  transition: all 0.3s ease 0s;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
}
#return-to-top:hover i {}
#return-to-bottom {
  bottom: 20px;
  display: none;
  position: fixed;
  right: 20px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  z-index: 120;
}
#return-to-bottom i {
  color: #fff;
  margin: 0;
  position: relative;
  transition: all 0.3s ease 0s;
}
#return-to-bottom:hover {
  background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
}
#return-to-bottom:hover i {
  color: #fff;
}
.finalizado {}
.finalizado h2 {
  text-transform: uppercase;
  color: #FFF;
}
.finalizado h3 {
  color: #FFF;
}
.finalizado img {
  width: 30vw;
  margin-top: 5%;
}
/*CONTACTO
#anchor-rsvp { position: relative;}
#contenedorFormulario .row { height:100px;}
#contenedorFormulario, #rsvp label { font-weight:300; font-size:18px;  }
.input-field label.invitado, .input-field label.cliente {top:0;}
#contenedorFormulario { margin-left:auto; margin-right:auto; margin-top: 40px; }
#contenedorFormulario table { width:100%;}
#contenedorFormulario input:not([type="radio"]) { width:100%; /*margin-bottom: 10px; margin-top: 10px; height:20px;*/
}
/*#contenedorFormulario .input-field input { background-color:#fff; box-sizing: border-box; padding: 0 10px;}
.formulario{background-color: #E4E4E4;}
.select-wrapper span.caret{color: #333 !important;right: 20px;z-index: 50;}
.invitacion-invitado { background: #0277bd none repeat scroll 0 0; padding: 0 15px;}
.row-dias { display: inline-block; width: 100%; margin-bottom: 25px;}
.row-dias p {margin:10px !important;}
.row-dias .input-field label {top: 0;}.row-dias .input-field { margin: 0; padding: 0;}
.contenedor-fechas { display: inline-block; padding: 10px;}
#okformulario, #errorformulario, #oksinfecha, #errorsinfecha, #errorcupolleno, #errorcupollenofecha, #muchasgracias { width:100%; padding-bottom: 80px; padding-top: 80px; height: auto !important; font-weight:300;margin-left:auto; margin-right:auto; text-align: center; text-decoration:none; }
#okformulario h2, #errorformulario h2, #oksinfecha h2, #errorsinfecha h2, #errorcupolleno h2, #errorcupollenofecha h2, #muchasgracias h2 {font-weight:300; font-size:28px; margin-left:auto; margin-right:auto; text-align: center; text-decoration:none; }
.clientes-ckbx{margin-bottom:45px;}	
form p {  text-align: inherit;}	
*/
.formulario {
  border: solid 1px #fff;
}
.input-field, input::placeholder {
  color: #FFF
}
.instrucciones-formulario {
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}
.instrucciones-formulario img {
  width: 400px;
}
.enviar-btn {
  color: #fc5226;
  font-weight: 400;
  background-color: transparent;
  border: 1px #fc5226 solid;
}
.enviar-btn-previa {
  color: #2aa7df;
  font-weight: 400;
  background-color: transparent;
  border: 1px #2aa7df solid;
}
/*Selector del form*/
select option {
  color: #280d4f !important
}
.caret {
  color: #eee !important
}
input {
  border-bottom-color: #FFF !important;
}
/* label color */
.input-field label {
  color: #fff;
  top: -30px;
  text-transform: uppercase;
  text-align: left;
  font-size: 1rem;
}
.input-field label.active {
  transform: none;
  font-size: 1rem;
}
/* label focus color */
.input-field input[type]:focus + label, .input-field select:focus + label {
  color: #fff;
}
/* label underline focus color */
.input-field input[type]:focus {
  border-bottom: 1px solid #fff;
  box-shadow: 0 1px 0 0 #fff;
}
/* valid color */
.input-field input[type].valid {
  border-bottom: 1px solid #aed581;
  box-shadow: 0 1px 0 0 #aed581;
}
input.valid[type="text"] + label:after, input.valid[type="text"]:focus + label:after, input.valid[type="password"] + label:after, input.valid[type="password"]:focus + label:after, input.valid[type="email"] + label:after, input.valid[type="email"]:focus + label:after, input.valid[type="url"] + label:after, input.valid[type="url"]:focus + label:after, input.valid[type="time"] + label:after, input.valid[type="time"]:focus + label:after, input.valid[type="date"] + label:after, input.valid[type="date"]:focus + label:after, input.valid[type="datetime-local"] + label:after, input.valid[type="datetime-local"]:focus + label:after, input.valid[type="tel"] + label:after, input.valid[type="tel"]:focus + label:after, input.valid[type="number"] + label:after, input.valid[type="number"]:focus + label:after, input.valid[type="search"] + label:after, input.valid[type="search"]:focus + label:after, textarea.materialize-textarea.valid + label:after, textarea.materialize-textarea.valid:focus + label:after {
  color: #aed581;
}
/* invalid color */
.input-field input[type].invalid {
  border-bottom: 1px solid #ef9a9a;
  box-shadow: 0 1px 0 0 #ef9a9a;
}
input.invalid[type="text"] + label::after, input.invalid[type="text"]:focus + label::after, input.invalid[type="password"] + label::after, input.invalid[type="password"]:focus + label::after, input.invalid[type="email"] + label::after, input.invalid[type="email"]:focus + label::after, input.invalid[type="url"] + label::after, input.invalid[type="url"]:focus + label::after, input.invalid[type="time"] + label::after, input.invalid[type="time"]:focus + label::after, input.invalid[type="date"] + label::after, input.invalid[type="date"]:focus + label::after, input.invalid[type="datetime-local"] + label::after, input.invalid[type="datetime-local"]:focus + label::after, input.invalid[type="tel"] + label::after, input.invalid[type="tel"]:focus + label::after, input.invalid[type="number"] + label::after, input.invalid[type="number"]:focus + label::after, input.invalid[type="search"] + label::after, input.invalid[type="search"]:focus + label::after, textarea.materialize-textarea.invalid + label::after, textarea.materialize-textarea.invalid:focus + label::after {
  color: #ef9a9a;
}
label.error, label.error.active {
  top: 45px;
  background: #fff none repeat scroll 0 0;
  color: #f44336 !important;
  padding: 0 5px;
}
input[type="text"] + label::after, input[type="password"] + label::after, input[type="email"] + label::after, input[type="url"] + label::after, input[type="time"] + label::after, input[type="date"] + label::after, input[type="datetime-local"] + label::after, input[type="tel"] + label::after, input[type="number"] + label::after, input[type="search"] + label::after, textarea.materialize-textarea + label::after {
  top: 0px;
  left: -15px;
}
input[type="text"]:disabled + label, input[type="text"][readonly="readonly"] + label, input[type="password"]:disabled + label, input[type="password"][readonly="readonly"] + label, input[type="email"]:disabled + label, input[type="email"][readonly="readonly"] + label, input[type="url"]:disabled + label, input[type="url"][readonly="readonly"] + label, input[type="time"]:disabled + label, input[type="time"][readonly="readonly"] + label, input[type="date"]:disabled + label, input[type="date"][readonly="readonly"] + label, input[type="datetime-local"]:disabled + label, input[type="datetime-local"][readonly="readonly"] + label, input[type="tel"]:disabled + label, input[type="tel"][readonly="readonly"] + label, input[type="number"]:disabled + label, input[type="number"][readonly="readonly"] + label, input[type="search"]:disabled + label, input[type="search"][readonly="readonly"] + label, textarea.materialize-textarea:disabled + label, textarea.materialize-textarea[readonly="readonly"] + label {
  #fff;
}
/* icon prefix focus color */
.input-field .prefix.active {
  color: #fff;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="time"], input[type="date"], input[type="datetime-local"], input[type="tel"], input[type="number"], input[type="search"], textarea.materialize-textarea {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: transparent;
  border-color: -moz-use-text-color -moz-use-text-color #fff;
  border-image: none;
  border-radius: 0;
  border-style: none none solid;
  border-width: medium medium 1px;
  box-shadow: none;
  box-sizing: content-box;
  font-size: 1rem;
  height: 3rem;
  margin: 0 0 15px;
  outline: medium none;
  padding: 0;
  transition: all 0.3s ease 0s;
  width: 100%;
}
[type="radio"]:not(:checked) + label:before {
  border: 2px solid #fff !important;
  border-radius: 50%;
}
.with-gap[type="radio"]:checked + label:after {
  background-color: #fff;
  border: 2px solid #fff !important;
  border-radius: 50%;
  transform: scale(0.5);
  z-index: 0;
}
.with-gap[type="radio"]:checked + label:before {
  border: 2px solid #fff;
  border-radius: 50%;
}
[type="checkbox"] + label:before {
  border: 2px solid #fff;
}
[type="checkbox"] + label {
  padding-right: 25px;
}
[type="checkbox"]:checked + label::before {
  border-color: transparent #fff #fff transparent;
}
.input-field select {
  color: #333;
  height: auto !important;
}
input[type="text"]:disabled, input[type="text"][readonly="readonly"], input[type="password"]:disabled, input[type="password"][readonly="readonly"], input[type="email"]:disabled, input[type="email"][readonly="readonly"], input[type="url"]:disabled, input[type="url"][readonly="readonly"], input[type="time"]:disabled, input[type="time"][readonly="readonly"], input[type="date"]:disabled, input[type="date"][readonly="readonly"], input[type="datetime-local"]:disabled, input[type="datetime-local"][readonly="readonly"], input[type="tel"]:disabled, input[type="tel"][readonly="readonly"], input[type="number"]:disabled, input[type="number"][readonly="readonly"], input[type="search"]:disabled, input[type="search"][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
  color: inherit;
}
input[type="text"]:disabled + label, input[type="text"][readonly="readonly"] + label, input[type="password"]:disabled + label, input[type="password"][readonly="readonly"] + label, input[type="email"]:disabled + label, input[type="email"][readonly="readonly"] + label, input[type="url"]:disabled + label, input[type="url"][readonly="readonly"] + label, input[type="time"]:disabled + label, input[type="time"][readonly="readonly"] + label, input[type="date"]:disabled + label, input[type="date"][readonly="readonly"] + label, input[type="datetime-local"]:disabled + label, input[type="datetime-local"][readonly="readonly"] + label, input[type="tel"]:disabled + label, input[type="tel"][readonly="readonly"] + label, input[type="number"]:disabled + label, input[type="number"][readonly="readonly"] + label, input[type="search"]:disabled + label, input[type="search"][readonly="readonly"] + label, textarea.materialize-textarea:disabled + label, textarea.materialize-textarea[readonly="readonly"] + label {
  color: rgba(255, 255, 255, 1);
}
#contacto label {
  color: white;
}
#mensajeformulario:before {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0.90) 90%);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10;
}
#mensajeformulario .mensaje {
  left: 50%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
.gral-card {
  padding-bottom: 30px;
  color: #FFF;
  text-align: center;
}
.repeat-card {
  text-align: center;
  color: #FFF;
}
.error-card {
  text-align: center;
  color: #FFF;
}
.repeat-card h2 {
  text-align: center;
  color: #FFF;
}
.error-card h2 {
  text-align: center;
  color: #FFF;
}
.gracias-card span {
  vertical-align: middle;
  height: 40px;
  font-size: 16px;
  color: #fff;
  padding-top: 25px;
}
.gracias-card span:nth-child(2) {
  padding-top: 20px;
}
.code-field {
  width: 300px;
  height: 40px;
  position: relative;
  background-color: #E8E2D8;
  font-size: 20px;
  color: #151515 !important;
  vertical-align: middle;
}
.share {}
.share li {
  display: inline-block
}
.share ul a {
  margin: 10px;
  text-align: center;
}
.share ul a i {
  padding: 10px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #fff;
  color: #00838f
}
/*MAPA*/
#anchor-mapa .row .col {
  padding: 0rem;
}
.mapa {
  width: 100%;
}
/* PIE */
#pie {
  text-align: center;
  padding-bottom: 20px;
  padding-top: 40px;
}
#pie p {
  font-size: 16px;
  margin-bottom: 20px;
  text-align: center;
}
#pie a {
  text-decoration: none;
}
#contenedorPie {
  margin-left: auto;
  margin-right: auto;
}
#anchor-video-01 {
  position: relative;
  width: 100%;
  height: 75vh;
  padding: 0px;
  z-index: -10;
}
#anchor-video-02 {
  position: relative;
  width: 100%;
  height: 550px;
  padding: 0px;
  z-index: -10;
}
.ver-video {
  position: absolute;
  bottom: 0px;
  z-index: 100;
  left: 50%;
  transform: translate(-50%, -50%);
}
.video-background {
  background: #000;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -99;
}
.video-foreground, .video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (min-aspect-ratio: 16/9) {
  .video-foreground {
    height: 300%;
    top: -100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground {
    width: 300%;
    left: -100%;
  }
}
/*RESPONSIVE*/
/* Landscape */
@media only screen and (max-height:600px) {
  #intro {
    height: 100vh;
  }
}
@media only screen and (max-device-width: 767px) /*and (-webkit-min-device-pixel-ratio: 2)*/ and (orientation: landscape) {
  .logo-tango {
    top: 5px;
  }
  #intro #contenedor-textos h1 {
    margin-bottom: 10px;
  }
  #intro #contenedor-textos {
    bottom: calc(0px + 12%) !important;
  }
  #intro #contenedor-textos .btn {
    width: 160px;
    margin-left: inherit !important;
    margin-right: inherit !important;
  }
  .instrucciones-formulario img {
    width: 50%;
  }
}
@media only screen and (max-width: 1920px) {
  .single-hero {
    height: 15vh;
  }
  .instrucciones-formulario img {
    width: 350px;
  }
}
@media only screen and (max-width: 1500px) {
  h1, .h1 {
    font-size: 2.6rem;
  }
  h2, .h2 {
    font-size: 2.4rem;
  }
  h3, .h3 {
    font-size: 2.2rem;
  }
  h4, .h4 {
    font-size: 2rem;
  }
  h5, .h5 {
    font-size: 1.4rem;
  }
  h6, .h6 {
    font-size: 1.2rem;
  }
  .fondo-oscuro .caption {
    padding: 0px;
  }
  .instrucciones-formulario {
    text-align: center;
  }
  .instrucciones-formulario img {
    width: 50%;
  }
  .finalizado img {
    width: 40vw;
    margin-top: 5%;
  }
}
@media only screen and (max-width: 800px) {
  h1, .h1 {
    font-size: 2.6rem;
  }
  h2, .h2 {
    font-size: 2.2rem;
  }
  h3, .h3 {
    font-size: 1.8rem;
  }
  h4, .h4 {
    font-size: 1.6rem;
  }
  h5, .h5 {
    font-size: 1.4rem;
  }
  h6, .h6 {
    font-size: 1rem;
  }
  p, .p {
    font-size: 1rem;
  }
  .logo-tango-software {
    max-width: 400px;
  }
  .logo-tango img {
    max-width: 90%;
  }
  #info .card-panel {
    margin: 0 0 10px 0;
  }
  .instrucciones-formulario img {
    width: 50%;
  }
  .contenedor-botones {
    width: 100%;
  }
  .contenedor-botones p {
    margin: 8px;
  }
  .contenedor-slider {
    height: 50%
  }
  [type="checkbox"] + label {
    padding: 0 5px 0 28px;
  }
  .logo-lugar {
    max-width: 500px;
    width: 100%;
  }
  #intro {
    height: 95vh;
  }
  .enviar-btn {
    width: 100%;
  }
  .enviar-btn-previa {
    width: 100%;
  }
  #anchor-fotos, .single-fotos {
    height: 55vh;
  }
  .single-fotos .slick-slide img {
    height: 100%;
    width: auto;
  }
  .single-hero .slick-slide {
    height: 40vh;
  }
  .single-fotos .item.cartel {
    background-position: 35% 50%
  }
  .single-fotos .item.escaleras {
    background-position: 15% 50%
  }
  .single-fotos .item.catering {
    background-position: 47% 50%
  }
  .single-fotos .item.pb {
    background-position: 45% 50%
  }
  .single-fotos .item.bandeja {
    background-position: 45% 50%
  }
  .single-fotos .item.barra {
    background-position: 70% 50%
  }
  .single-fotos .item.pisos {
    background-position: 35% 50%
  }
  .single-fotos .item.mapping {
    background-position: 55% 50%
  }
  .single-fotos .item.juego {
    background-position: 75% 50%
  }
  .single-fotos .item.entrada {
    background-position: 55% 50%
  }
  .finalizado img {
    width: 50vw;
    margin-top: 5%;
  }
}
@media only screen and (max-width: 660px) {
  h1, .h1 {
    font-size: 2.6rem;
  }
  h2, .h2 {
    font-size: 2.2rem;
  }
  h3, .h3 {
    font-size: 1.8rem;
  }
  h4, .h4 {
    font-size: 1.5rem;
  }
  h5, .h5 {
    font-size: 1.3rem;
  }
  h6, .h6 {
    font-size: 1rem;
  }
  p, .p {
    font-size: 1rem;
  }
  .logo-tango {}
  .logo-tango-software {
    top: 6%;
  }
  .logo-tango img {
    max-width: 90%;
  }
  .contenedor-slider {
    height: 50%;
  }
  /*#intro #contenedor-textos { bottom: calc(0px + 10%);}*/
  /*#intro {height: 110vh;}*/
  .single-hero, .single-hero .slick-slide {
    height: 40vh;
  }
  .single-hero {
    height: 60%;
  }
  #intro #contenedor-textos {
    margin: 0 auto;
    text-align: center;
    width: 87%;
  }
  .contenedor-botones {
    top: 78%;
  }
  #intro #contenedor-textos .btn {
    width: 160px;
    margin-left: 25%;
    margin-right: 25%;
  }
  .contenedor-botones .btn {
    height: 24px;
    line-height: 24px;
    padding: 0 0.8rem;
  }
  .btn-registrate {
    height: 56px !important;
    line-height: 56px !important;
    padding: 0 2.5rem;
    margin-bottom: 5px;
  }
  #intro #contenedor-textos .btn, #anchor-mapa .btn {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
  #contenedorFormulario .row {
    height: auto;
  }
  .invitacion-invitado .row {
    display: inline-block;
  }
  .slick-prev {
    left: -20px
  }
  .slick-next {
    right: 0px
  }
  .logo-tango-software {
    max-width: 300px;
    width: 100%;
  }
  .contenedor-botones .btn {
    padding: 0 0.8rem;
  }
  .slick-slide .textos {
    top: 30%;
  }
  #godown, #returns {
    display: none !important;
  }
  .instrucciones-formulario {
    color: #fff;
    text-align: center;
    margin-bottom: 50px;
    clear: both;
  }
  #label-telefono {
    margin-top: 10px;
  }
  .instrucciones-formulario img {
    width: 350px;
  }
  .finalizado img {
    width: 50vw;
    margin-top: 5%;
  }
}
@media only screen and (max-width: 321px) {
  .logo-tango {
    top: 10px;
  }
  .logo-tango img {
    width: 100%;
  }
  /*#intro #contenedor-textos { bottom: calc(0px + 15%);}*/
  .instrucciones-formulario img {
    width: 100%;
  }
  .enviar-btn {
    width: 100%;
  }
  .enviar-btn-previa {
    width: 100%;
  }
  #intro #contenedor-textos h1 {
    font-size: 2rem;
  }
  #intro #contenedor-textos h3 {
    font-size: 1.3rem;
  }
  #intro #contenedor-textos h3 {
    font-size: 1rem;
  }
  #intro #contenedor-textos h5 {
    font-size: 0.8rem;
  }
  #intro #contenedor-textos .btn, #anchor-mapa .btn {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
  #label-telefono {
    margin-top: 10px;
  }
  .finalizado img {
    width: 50vw;
    margin-top: 5%;
  }
}
.wrap {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 310px;
}
button, input, optgroup, select, textarea {
  color: #ffffff;
}
/* Countdown */
.countdown {
  width: 720px;
  margin: 0 auto;
  .bloc-time {
    float: left;
    margin-right: 45px;
    text-align: center;
    &:last-child {
      margin-right: 0;
    }
  }
  .count-title {
    display: block;
    margin-bottom: 15px;
    font: normal 0.94em $lato;
    color: #1a1a1a;
    text-transform: uppercase;
  }
  .figure {
    position: relative;
    float: left;
    height: 110px;
    width: 100px;
    margin-right: 10px;
    background-color: #fff;
    border-radius: 8px;
    @include box-shadow(0 3px 4px 0 rgba(0, 0, 0, .2), inset 2px 4px 0 0 rgba(255, 255, 255, .08));
    &:last-child {
      margin-right: 0;
    }
    > span {
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      font: normal 5.94em/107px $lato;
      font-weight: 700;
      color: #de4848;
    }
    .top, .bottom-back {
      &:after {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
      }
    }
    .top {
      z-index: 3;
      background-color: #f7f7f7;
      transform-origin: 50% 100%;
      -webkit-transform-origin: 50% 100%;
      @include border-top-radius(10px);
      @include transform(perspective(200px));
    }
    .bottom {
      z-index: 1;
      &:before {
        content: "";
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background-color: rgba(0, 0, 0, .02);
      }
    }
    .bottom-back {
      z-index: 2;
      top: 0;
      height: 50%;
      overflow: hidden;
      background-color: #f7f7f7;
      @include border-top-radius(10px);
      span {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
      }
    }
    .top, .top-back {
      height: 50%;
      overflow: hidden;
      @include backface-visibility(hidden);
    }
    .top-back {
      z-index: 4;
      bottom: 0;
      background-color: #fff;
      -webkit-transform-origin: 50% 0;
      transform-origin: 50% 0;
      @include transform(perspective(200px) rotateX(180deg));
      @include border-bottom-radius(10px);
      span {
        position: absolute;
        top: -100%;
        left: 0;
        right: 0;
        margin: auto;
      }
    }
  }
}