* { margin:0; padding:0; outline:0; border:0; box-sizing:border-box; font-family: "Montserrat", serif; }
a { display:block; }
a, a:hover, a:focus { text-decoration:none; }
a img { width:100%; }
img { display:block; }
.clear { clear:both; }
textarea { resize:none; }
button { cursor:pointer; }
body {
	width:100%;
	height:auto;
	overflow-x:hidden;
	position:relative;
}

.bounce {
	animation: bounce 4s infinite;
  }
  
  @keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	  transform: translateY(0);
	}
	40% {
	  transform: translateY(-20px);
	}
	60% {
	  transform: translateY(-10px);
	}
  }


/* Home */
.home {
	position:relative;
	width:100%;
	background:#000;
	overflow:hidden;
}
.home-video {
	width:100%;
	position:relative;
	background: url(../images/dsk-fondo.png) center top;
    background-size: cover;
}
.home-video video {
	position:absolute;
	top:0;
	left:0;
}
.flechadown{    
	margin: -5vw auto 0px auto;
    text-align: center;
    width: 72px;
    padding: 0px 0px 30px 0px;}
.flechadown img{max-width: 2.4vw}

/*menu*/
#menuToggle
{
  display: block;
  /* You can also use relative/absolute here if you want to stay on the top */
  position: fixed;
  top: 50px;
  left: 50px;
  
  z-index: 1;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: tomato;
}


#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 50px;
  height: 10px;
  margin-bottom: 7px;
  position: relative;
  
  background: #95742f;
  border-radius: 0px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}




















/* Footer */
.footer {
    height: auto;
    background-color: #000;
    background: url(../images/footer-back-dsk.jpg) center top;
    padding: 5vh 5vw 5vw 5vw;
    background-size: cover;
}
.footer-cont {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.footer-titulo {
	padding: 10vw 1.2vw 0vw 1.2vw;
    margin: 1vw 0vw 0vw 7vw;
    width: 38%;
    max-width: 50vw;
}
.footer-circle img { margin:0 auto }
.footer-titulo p {
	font-size:3vw;
	line-height:3vw;
	color:#FFF;
}
.footer-circle { width:23vw; }
.footer-circle img { width:100%; }

input.wpcf7-form-control.wpcf7-text.footer-form-nombre, input.wpcf7-form-control.wpcf7-text.footer-form-mail {
	background: transparent !important;
    border-bottom: 2px solid #fff;
    width: 100% !important;
    margin: 1vw 0vw 1vw 0vw !important;
    color: #FFF !important;
    padding: 0px 3px 2px 3px !important;
}
textarea.wpcf7-form-control.wpcf7-textarea.footer-form-mensaje {
    background: #1c2c3d !important;
    color: #FFF !important;
	width: 100% !important;
	padding: 6px 6px 4px 6px !important;
    height: 9vw !important;
    border: 1px solid #fff !important;
	margin: 1vw 0vw .50vw 0vw !important;
}

textarea.wpcf7-form-control.wpcf7-textarea.footer-form-mensaje::placeholder{
	background: #1c2c3d !important;
    color: #56626e !important;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.footer-form-submit {
    border-radius: 30px !important;
    padding: 2px 18px 2px 33px !important;
    background-color: #9b7b3b !important;
    color: #fff !important;
    font-size: 1.8vw !important;
    font-weight: 600;
}
input.wpcf7-not-valid{
	border-bottom: 2px solid #aa2123 !important;
}
.wpcf7-response-output {
    color: #fff;
    margin-bottom: 1vw;
}
.screen-reader-response{display: none;}
span.wpcf7-not-valid-tip {
    display: none !important;
}
.footer-circle h1{
	color: #9b7b3b;
    text-transform: uppercase;
    font-size: x-large;
    margin-bottom: 1.7vw;
}
.footer-circle label {
    color: #9b7b3b;
    font-size: medium;
    margin-bottom: 1.7vw;
    font-weight: bold;
}

.footer-menu {
	width:26vw;
}
.footer-menu a {
	font-size:2vw;
	line-height:2vw;
	color:#FFF;
	text-align:center;
	padding:1.5vw 0;
	border-radius:3vw;
	background:#ff2651;
	margin-bottom:2vw;
}
.footer-redgroup {
	padding-top:6.5vw;
	width:15.5vw;
}
.footer-redgroup img { width:100%; }
.footer-texto { width:17vw; }
.footer-texto h3, .footer-social h3 {
	width:100%;
	color:#ff2651;
	font-size:2.2vw;
	line-height:2.2vw;
	margin-bottom:2vw;
	padding-top:4.5vw;
}
.footer-texto p {
	color:#FFF;
	font-size:1.3vw;
	line-height:1.6vw;
}
.footer-social {
	width:10vw;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.footer-social h3 { text-align:center; }
.footer-social a { width:2.8vw; }


/************************************************************
						MOBILE
************************************************************/
@media only screen and (orientation:portrait) {
	body { background:#000; }

	/* Home */
	.home { height:180vw; }
	.home-video { height:180vw; padding-top: 50%;}


	/* Footer */
	.footer {
		height:120vw;
		padding:7vw 5vw 0;
	}
	.footer-titulo {
		width:100%;
		padding-top:5vw;
		padding-bottom:10vw;
		max-width: 85vw;
	}
	.footer-titulo p {
		text-align:center;
		font-size:4vw;
		line-height:4vw;
	}
	.footer-circle {
		width:56vw;
		margin: 0 auto;
	}

	.footer-circle label {
		font-size: 3.7vw;
		margin-bottom: 1.7vw;
		font-weight: 600; 
	}

	.footer-circle h1{
		font-size:5vw;
		margin-bottom: 3.7vw;
	}

	.footer-menu { width:40vw; }
	.footer-menu a {
		font-size:3vw;
		line-height:3vw;
		padding:2vw 0;
		border-radius:6vw;
		margin-bottom:2vw;
	}
	.footer-redgroup {
		padding-top:6.5vw;
		width:40vw;
	}
	.footer-texto { width:40vw; }
	.footer-texto h3, .footer-social h3 {
		font-size: 4.2vw;
		line-height: 4.2vw;
		margin-bottom: 4vw;
		padding-top: 6.5vw;
	}
	.footer-texto p {
		font-size:3vw;
		line-height:4vw;
	}
	.footer-social {
		width:40vw;
		margin-left:auto;
	}
	.footer-social a { width:10vw; }

	input.wpcf7-form-control.wpcf7-submit.has-spinner.footer-form-submit {
		font-size: 4vw !important;
		width: 47vW;
		height: 8vw;
		margin-top: 10px;
		text-align: left;
		margin-bottom: 6vw;
	}

	input.wpcf7-form-control.wpcf7-text.footer-form-nombre, input.wpcf7-form-control.wpcf7-text.footer-form-mail {
		margin: 1.2vw 0vw 4vw 0vw !important;
	}
	textarea.wpcf7-form-control.wpcf7-textarea.footer-form-mensaje {
		margin: 1vw 0vw 2vw 0vw !important;
		height: 12vw !important;
	}
	.flechadown img {
        max-width: 8vw;
        margin: 67vw auto;
    }

}