@import 'https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Questrial';
@import 'https://fonts.googleapis.com/css?family=Playfair+Display';
@import 'https://fonts.googleapis.com/css?family=Abel';
@import 'https://fonts.googleapis.com/css?family=Lobster';
@import 'https://fonts.googleapis.com/css?family=Raleway:100';
body{
	padding:0;
	margin:0;
	font-family:'Open Sans Condensed', arial, helvetica;
	overflow-x:hidden;
	-webkit-font-smoothing:antialiased;
}
*{
	outline: none!important;
}
p{
	font-family:'Open Sans Condensed', arial, helvetica;
	-webkit-font-smoothing:antialiased;
}
h1{
	font-family:'Open Sans Condensed', arial, helvetica;
}

#slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
}

.slider-position{
	position:absolute;
	right:0;
	left:0;
	bottom:150px;
	backface-visibility: hidden;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 100px;
  list-style: none;
}

#slider ul li {
  position: relative;
  cursor:default;
  font-family:"Raleway", arial, helvetica;
  font-size:20px;
  vertical-align:middle;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  line-height:97px;
  width: 400px;
  height: 100px;
  background: transparent;
  font-style:italic;
  color:white;
  text-align: center;
}

.menu-container{
	opacity:0;
	position:fixed;
	z-index:9999;
	height:100px;
	width:100%;
	top:0;
	background-color:#222222;
	border-bottom:1px solid rgba(0,0,0,.1);
}
.disabled{
	pointer-events:none !important;
	display:none !important;
}
.enabled{
	pointer-events: all !important;
	display:block !important;
}
.social-media-container{
	position:absolute;
	z-index:99999;
	top:20px;
	right:20px;
	height:200px;
	overflow:hidden;
}

.social-media-icon{
	display:inline-block;
	cursor:pointer;
	vertical-align:bottom;
	padding:20px;
	background-color:rgba(255,255,255,.1);
	border:1px solid rgba(255,255,255,.3);
	border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	-ms-border-radius:100%;
	-webkit-border-radius:100%;
	-webkit-box-shadow: inset 0px -10px 0px 0px rgba(217,217,217,0.05);
-moz-box-shadow: inset 0px -10px 0px 0px rgba(217,217,217,0.05);
-ms-box-shadow: inset 0px -10px 0px 0px rgba(217,217,217,0.05);
-o-box-shadow: inset 0px -10px 0px 0px rgba(217,217,217,0.05);
box-shadow: inset 0px -10px 0px 0px rgba(217,217,217,0.05);
transition:background-color .2s;
	-moz-transition:background-color .2s;
	-o-transition:background-color .2s;
	-ms-transition:background-color .2s;
	-webkit-transition:background-color .2s;
}
.social-media-icon:hover{
	transition:background-color .2s;
	-moz-transition:background-color .2s;
	-o-transition:background-color .2s;
	-ms-transition:background-color .2s;
	-webkit-transition:background-color .2s;
background-color:#f0f0f0;
}

.facebook{
	width:20px;
	height:20px;
	background-image:url('./../media/fb.png');
background-position:center;
background-repeat:no-repeat;
background-size:80% auto;
}
.instagram{
width:20px;
height:20px;
background-image:url('./../media/instagram.png');
background-position:center;
background-repeat:no-repeat;
background-size:60% auto;
}
.gestor{
width:20px;
height:20px;
background-image:url('./../media/key.png');
background-position:center;
background-repeat:no-repeat;
background-size:60% auto;
}

.instagram-text{
	display:inline-block;
	vertical-align:bottom;
	margin-left:-10px;
	padding:10px;
width:200px;
	height:52px;
	background-image:url('../media/instagram_text.png');
	background-origin:content-box;
background-position:center;
background-repeat:no-repeat;
background-size:100% auto;
overflow:show;
}
.instagram2{
width:40px;
	height:40px;
	margin-right:5px;
	background-image:url('../media/instagram.png');
background-position:center;
background-repeat:no-repeat;
background-size:100% auto;
}
.instagram-shadow{
	position:absolute;
	opacity:.2;
	bottom:0;
width:200px;
	height:200px;
	background-image:url('../media/instagram.png');
background-position:center;
background-repeat:no-repeat;
background-size:80% auto;
}
.instagram-gallery-button{
	position:relative;
	cursor:pointer;
	font-family:'Raleway', arial, helvetica;
	width:100%;
	font-size:40px;
	overflow:hidden;
	margin:0 auto;
	color:rgba(255,255,255,.6);
	text-align:center;
	background-color:#FF5E5E;
	border:0;
	transition:color .2s;
	-webkit-transition:color .2s;
	-ms-transition:color .2s;
	-moz-transition:color .2s;
	-o-transition:color .2s;
}
.instagram-gallery-button:hover{
	text-decoration:none;
	transition:color .2s;
	-webkit-transition:color .2s;
	-ms-transition:color .2s;
	-moz-transition:color .2s;
	-o-transition:color .2s;
	font-family:'Raleway', arial, helvetica;
	width:100%;
	font-size:40px;
	margin:0;
	color:#FF5E5E;
	text-align:center;
}
.instagram-gallery-button:focus{
	text-decoration:none;
	font-family:'Raleway', arial, helvetica;
	width:100%;
	font-size:40px;
	margin:0;
	color:rgba(255,255,255,.6);
	text-align:center;
	background-color:#FF5E5E;
}
.instabutton-wrapper{
	text-align:center;
	width:100%;
	overflow:hidden;
	background-size: 100% 200%;
	background-image: linear-gradient(to bottom, #FF5E5E 50%, black 50%);
	transition: background-position .4s;
	-webkit-transition: background-position .4s;
	-moz-transition: background-position .4s;
	-o-transition: background-position .4s;
	-ms-transition: background-position .4s;
}
.instabutton-wrapper:hover{
	transition: background-position 1s;
	-webkit-transition: background-position 1s;
	-moz-transition: background-position 1s;
	-o-transition: background-position 1s;
	-ms-transition: background-position 1s;
	background-position: 0 -100%;
	-webkit-box-shadow: inset 0px -10px 0px 0px rgba(217,217,217,0.05);
-moz-box-shadow: inset 0px -10px 0px 0px rgba(217,217,217,0.05);
-ms-box-shadow: inset 0px -10px 0px 0px rgba(217,217,217,0.05);
-o-box-shadow: inset 0px -10px 0px 0px rgba(217,217,217,0.05);
box-shadow: inset 0px -10px 0px 0px rgba(217,217,217,0.05);
}
.logo{
	position:relative;
	display:inline;
	float:left;
	left:0;
	padding-left:20px;
	width:20%;
	height:100px;
	background-image:url('../media/logo.png');
	background-origin:content-box;
	background-position:center;
	background-repeat:no-repeat;
	background-size:150px auto;
	background-color:#222222;
	border-right:1px solid rgba(0,0,0,.05);
}
.logo2{
	position:absolute;
	left:50%;
	top:50%;
	margin:-100px 0 0 -200px;
	width:400px;
	height:200px;
	background-image:url('../media/logo.png');
	background-origin:content-box;
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% 100%;

}

.logo3{
	position:relative;
	opacity:.15;
	display:inline;
	float:left;
	left:0;
	padding-left:20px;
	width:300px;
	height:150px;
	background-image:url('../media/logo_white.png');
	background-origin:content-box;
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% auto;
	margin-left:40px;
	margin-top:100px;

	transform: rotate(-46deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(-46deg) scale(1) skew(1deg) translate(0px);
-moz-transform: rotate(-46deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(-46deg) scale(1) skew(1deg) translate(0px);
-ms-transform: rotate(-46deg) scale(1) skew(1deg) translate(0px);
}
.navigator{
	position:relative;
	display:inline;
	float:right;
	width:70%;
	height:100px;
	right:0;

}
.navigator ul{
	list-style:none;
}
.navigator .bton{
	cursor:pointer;
	display:inline;
	padding:0 20px 82px 20px;
	text-align:center;
	vertical-align:top;
	border-right:1px solid rgba(0,0,0,.1);
	transition:background-color .2s;
	-webkit-transition:background-color .2s;
	-moz-transition:background-color .2s;
	-o-transition:background-color .2s;
	-ms-transition:background-color .2s;
}
.bton-inicio{
	cursor:pointer;
	display:inline;
	padding:0 20px 82px 20px;
	text-align:center;
	vertical-align:top;
	border-right:1px solid rgba(0,0,0,.1);
	transition:background-color .2s;
	-webkit-transition:background-color .2s;
	-moz-transition:background-color .2s;
	-o-transition:background-color .2s;
	-ms-transition:background-color .2s;
	margin-right:-4px !important;
}
.navigator .bton-inicio:hover{
	transition:background-color .2s;
	-webkit-transition:background-color .2s;
	-moz-transition:background-color .2s;
	-o-transition:background-color .2s;
	-ms-transition:background-color .2s;
	background-color:rgba(255,255,255,.2);
}
.navigator .bton:hover{
	transition:background-color .2s;
	-webkit-transition:background-color .2s;
	-moz-transition:background-color .2s;
	-o-transition:background-color .2s;
	-ms-transition:background-color .2s;
	background-color:rgba(255,255,255,.2);
}
.btn-text{
	display:inline;
	text-align:center;
	position:relative;
	font-family:'Open Sans Condensed', arial, helvetica;
	font-size:15px;
	top:70px;
	color:white;
	margin:0;
}
.selected{
	border-right:0 !important;
	display:inline;
	margin:0;
	background-color:rgba(255,255,255,.2);
	border-bottom:3px solid white;
}
.selected:hover{
background-color:rgba(255,255,255,.2);
	border-bottom:3px solid white;
}
.wrapper{
	position:relative;
	width:100%;
	height:200vh;
}
.slider-container{
	z-index:-10;
	background-color:black;
	position:relative;
	float:right;
	right:0;
	width:100%;
	height:150vh;
}
.slide{
	position:absolute;
	background-color:black;
	width:100%;
	height:200%;
	background-image:url('../media/djs.jpg');
	background-attachment:fixed;
	background-position:bottom;
	background-size:cover;
	background-repeat:no-repeat;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.slider-left-controller{
	z-index:10;
	position:absolute;
	left:0;
	width:10%;
	height:100%;
	background-color:rgba(225,225,255,.1);
	text-align:center;
}
.slider-right-controller{
	z-index:11;
	position:absolute;
	right:0;
	width:10%;
	height:100%;
	background-color:rgba(225,225,255,.1);
	text-align:center;
}
.slider-arrow{
	position:absolute;
	font-family:'Questrial', arial, helvetica;
	font-size:40px;
	color:white;
}
.slider-text{
	margin-top:100px;
	color:white;
	font-size:30px;
}
.wrapper2{
	position:relative;
	width:100%;
	overflow:hidden;
	background-color:#2970F2;
}

.wrapper3{
	position:relative;
	width:100%;
	background-color:#2970F2;
}
.content-left{
	position:relative;
	display:inline;
	float:left;
	width:50%;
	text-align:left;
	color:#686868;
}
.content-right{
	position:relative;
	display:inline;
	float:right;
	width:50%;
	text-align:center;
	color:#686868;
}
.porque-nosotros-icon{
	position:relative;
	margin:0 auto;
	width:70px;
	height:70px;
	background-image:url('../media/building.png');
	background-size:100% auto;
	background-repeat:no-repeat;
}
.picture-icon{
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin:0 auto;
	width:50px;
	height:50px;
	background-image:url('../media/picture.png');
	background-size:100% auto;
	background-repeat:no-repeat;
	margin-right:10px;
}
.star{
	position:relative;
	display:inline-block;
	top:0;
	margin:0 auto;
	width:25px;
	height:25px;
	background-image:url('../media/star.png');
	background-size:100% auto;
	background-repeat:no-repeat;
}

.urban{
	position:relative;
	top:0;
	margin:0 auto;
	width:150px;
	height:75px;
	background-image:url('../media/urban.png');
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}

.hilton{
	position:relative;
	top:0;
	margin:0 auto;
	width:150px;
	height:75px;
	background-image:url('../media/hilton.png');
	background-size:80% auto;
	background-repeat:no-repeat;
	background-position:center;
}
.daroca15{
	position:relative;
	margin:0 auto;
	width:150px;
	height:75px;
	background-image:url('../media/daroca15.png');
	background-size:80% auto;
	background-repeat:no-repeat;
	background-position:center;
}

.eurostars{
	position:relative;
	top:0;
	margin:0 auto;
	width:150px;
	height:75px;
	background-image:url('../media/eurostars.png');
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}

.airbnb{
	position:relative;
	top:0;
	margin:0 auto;
	width:150px;
	height:75px;
	background-image:url('../media/airbnb.png');
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}

.chamartin{
	position:relative;
	top:0;
	margin:0 auto;
	width:150px;
	height:75px;
	background-image:url('../media/chamartin.png');
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}

.coolroom{
	position:relative;
	top:0;
	margin:0 auto;
	width:150px;
	height:75px;
	background-image:url('../media/coolroom.png');
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}

.drao{
	position:relative;
	top:0;
	margin:0 auto;
	width:150px;
	height:75px;
	background-image:url('../media/drao.png');
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}

.google{
	position:relative;
	top:0;
	margin:0 auto;
	width:150px;
	height:75px;
	background-image:url('../media/google.png');
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}

.hesperia{
	position:relative;
	top:0;
	margin:0 auto;
	width:150px;
	height:75px;
	background-image:url('../media/hesperia.png');
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}

.duque{
	position:relative;
	top:0;
	margin:0 auto;
	width:150px;
	height:75px;
	background-image:url('../media/duque.png');
	background-size:80% auto;
	background-repeat:no-repeat;
	background-position:center;
}

.elcorteingles{
	position:relative;
	top:0;
	margin:0 auto;
	width:100px;
	height:50px;
	background-image:url('../media/elcorteingles.png');
	background-size:90% auto;
	background-repeat:no-repeat;
	background-position:center;
}

.miguelangel{
	position:relative;
	top:0;
	margin:0 auto;
	width:150px;
	height:75px;
	background-image:url('../media/miguel_angel.png');
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}

.me{
	position:relative;
	top:0;
	margin:0 auto;
	width:150px;
	height:75px;
	background-image:url('../media/me.png');
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}
.paradores{
	position:relative;
	top:0;
	margin:0 auto;
	width:150px;
	height:75px;
	background-image:url('../media/paradores.png');
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}
.intercontinental{
	position:relative;
	top:0;
	margin:0 auto;
	width:150px;
	height:75px;
	background-image:url('../media/intercontinental.png');
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}
.millesime{
	position:relative;
	top:0;
	margin:0 auto;
	width:150px;
	height:75px;
	background-image:url('../media/millesime.png');
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}
.smartbox{
	position:relative;
	top:0;
	margin:0 auto;
	width:150px;
	height:75px;
	background-image:url('../media/smartbox.png');
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}
.villareal{
	position:relative;
	top:0;
	margin:0 auto;
	width:150px;
	height:75px;
	background-image:url('../media/villareal.png');
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}
.telefonica{
	position:relative;
	top:0;
	margin:0 auto;
	width:150px;
	height:75px;
	background-image:url('../media/telefonica.png');
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}
.joaquin{
	position:relative;
	top:0;
	margin:0 auto;
	width:150px;
	height:75px;
	background-image:url('../media/joaquin.png');
	background-size:40% auto;
	background-repeat:no-repeat;
	background-position:center;
}
.ibm{
	position:relative;
	top:0;
	margin:0 auto;
	width:150px;
	height:75px;
	background-image:url('../media/ibm.png');
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}
.audiovisuales-icon{
	position:relative;
	margin:0 auto;
	width:70px;
	height:70px;
	background-image:url('../media/microphone.png');
	background-size:100% auto;
	background-repeat:no-repeat;
}
.disc-icon{
	position:relative;
	margin:0 auto;
	width:70px;
	height:70px;
	background-image:url('../media/cd.png');
	background-size:100% auto;
	background-repeat:no-repeat;
}
.icon{
	position:relative;
	display:inline-block;
	width:200px;
	height:100px;
	vertical-align:middle;
	background-position:center;
	background-repeat:no-repeat;
	background-color:rgba(255,255,255,.05);
}
.apple{
	background-size:40% auto;
	background-image:url('../media/apple.png');
}
.shure{
	background-size:50% auto;
	background-image:url('../media/shure.png');
}
.barco{
	background-size:50% auto;
	background-image:url('../media/barco.png');
}
.pioneer{
	background-size:60% auto;
	background-image:url('../media/pioneer.png');
}
.allen{
	background-size:60% auto;
	background-image:url('../media/allen.png');
}
.sony{
	background-size:50% auto;
	background-image:url('../media/sony.png');
}
.sennheiser{
	background-size:70% auto;
	background-image:url('../media/sennheiser.png');
}
.sanyo{
	background-size:50% auto;
	background-image:url('../media/sanyo.png');
}
.yamaha{
	background-size:70% auto;
	background-image:url('../media/yamaha.png');
}
.lg{
	background-size:50% auto;
	background-image:url('../media/lg.png');
}
.bose{
	background-size:50% auto;
	background-image:url('../media/bose.png');
}
.bang{
	background-size:50% auto;
	background-image:url('../media/bang.png');
}
.gallery-title{
	font-family:'Playfair Display', arial, helvetica;
	font-size:30px;
	padding:20px 0 10px 0;
	color:white;
	background-color:black;
	text-align:center;
	margin:0;
}
.galleria{
	width:100%;
	height:500px;
	background:#3d3d3d;
	text-align:center;
}
.map-responsive{
	position:relative;
    width:100%;
    height:100vh;
}

.frame-map{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	pointer-events: none;
}

.glass{
	content: ' ';
	display: block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9998;
	pointer-events: all;
}

.footer{
	width:100%;
	overflow:hidden;
	background-color:#1f1f1f;
}
.footer-end{
position:relative;
	width:100%;
	overflow:hidden;
	background-color:#111111;
}
.rotate-cube{
	position:absolute;
	z-index:999 !important;
	width:100%;
	  height: 50%;
	background-color:rgba(0,0,0,.8);
	padding-bottom:50px;

}

.bton-init{
	position:absolute;
	cursor:pointer;
	width:40px;
	height:40px;
	margin:0 auto;
	left:47%;
	right:47%;
	bottom:20px;
	background:transparent url('../media/arrow_white.png') no-repeat;
	background-position:center;
	background-size:90% auto;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	-ms-border-radius:100%;
	border:1px solid rgba(255,255,255,.8);
	transition:background-color .5s;
}

.bton-init:hover{
	cursor:pointer;
background-color:rgba(255,255,255,.1);
transition:background-color .5s;
}
.textinput{
	font-family:'Open Sans Condensed', helvetica, arial;
	width:100%;
	height:50px;
	border:1px solid rgba(0,0,0,.2);
	border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;

	padding:5px;
	font-size:20px;
	color:#686868;
}
.form-text{
	font-size:20px;
	text-align:left;
	color:#DADADA;
	margin:0;
}
.message{
width:90%;
height:70vh;
left:0;
}

.content{
	margin:0 auto;
	width:80%;
	padding:40px;
	background-color:rgba(255,255,255,.1);
	overflow:hidden;
	margin-bottom:20px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
}
.contact-icon{
	position:relative;
	margin:0 auto;
	width:70px;
	height:70px;
	background-image:url('../media/contact.png');
	background-size:100% auto;
	background-repeat:no-repeat;
}
.send-button{
	font-family:'Open Sans Condensed', arial, helvetica;
	font-size:20px;
	border:0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	padding:10px 20px 10px 20px;
	background-color:#3D3D3D;
	color:#DADADA;
	-webkit-box-shadow: inset 0px 100px 0px 0px rgba(255,255,255,0.11);
-moz-box-shadow: inset 0px 100px 0px 0px rgba(255,255,255,0.11);
box-shadow: inset 0px 100px 0px 0px rgba(255,255,255,0.11);
-o-box-shadow: inset 0px 100px 0px 0px rgba(255,255,255,0.11);
-ms-box-shadow: inset 0px 100px 0px 0px rgba(255,255,255,0.11);
}
button{
outline:none;
}
.go-up{
	display:none;
	cursor:pointer;
	z-index:99999;
	position:fixed;
	width:50px;
	height:50px;
	bottom:20px;
	right:20px;
	background-color:#2A4D5C;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	padding:10px;
	line-height:43px;

}
.up-arrow{
	color:white;
	text-align:center;
	font-size:40px;
}
.audiovisuales-image{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-image:url('../media/bg3.jpeg');
	background-size:cover;
	background-position:right;
	background-repeat:no-repeat;
}
.djs-image{
	position:absolute;
	width:100%;
	height:130%;
	top:0;
	left:0;
	background-image:url('../media/djs.jpg');
	background-size:cover;
	background-position:right;
	background-repeat:no-repeat;
}
.arrow-scroll-blue{
	position:absolute;
	cursor:pointer;
	bottom:20px;
	left:47%;
	right:47%;
	padding:20px;
	width:40px;
	height:40px;
	background-color:white;
	border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	-ms-border-radius:100%;
	-webkit-border-radius:100%;
	background-image:url('../media/arrow_blue.png');
	background-size:80% auto;
	background-position:center;
	background-repeat:no-repeat;
}
.arrow-scroll-black{
	position:absolute;
	cursor:pointer;
	bottom:20px;
	left:47%;
	right:47%;
	padding:20px;
	width:40px;
	height:40px;
	background-color:white;
	border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	-ms-border-radius:100%;
	-webkit-border-radius:100%;
	background-image:url('../media/arrow.png');
	background-size:80% auto;
	background-position:center;
	background-repeat:no-repeat;
}
.circle{
	position:absolute;
	opacity:.03;
	width:40px;
	height:40px;
	left:200px;
	top:0;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-ms-border-radius:100%;
	-o-border-radius:100%;
	background-color:white;
}

.index ul{
	list-style: none;
	padding:0;
}
.index{
	padding-top:20px;
}
.index li{
	margin-bottom:5px;
}
.index .link{
	cursor:pointer;
	font-family:'Open Sans Condensed', arial, helvetica;
color:#DADADA;
font-size:15px;
}

.wrapper4{
position:relative;
	width:100%;
	height:auto;
	background-color:white;

}
.black{
	position:absolute;
	z-index:-1;
	background-color:rgba(0,0,0,.7);
	width:100%;
	height:200px;
	top:0;
}
.daroca-logo{
	font-family:"Lobster", arial, helvetica;
	cursor:pointer;
	margin: 0 auto;
	width:100%;
	text-align:center;
	color:#AD7849;
	font-size:50px;
	-webkit-transition: color .5s;
	-moz-transition:color .5s;
	-o-transition:color .5s;
	-ms-transition:color .5s;
	transition:color .5s;
}
.daroca-logo:hover{
	-webkit-transition: color .5s;
	-moz-transition:color .5s;
	-o-transition:color .5s;
	-ms-transition:color .5s;
	transition:color .5s;
	color:#996A42;
}
.contact-header{
	padding-left:47px;
}
@media (max-width:1200px){
	.menu-container{
		display:none !important;
	}
}
@media (max-width:825px){
	.technology-content{
		display:block !important;
		width:100% !important;
	}
	.technology-text{
		display:block !important;
		width:100% !important;
	}
	.contact-header{
		width:100% !important;
		text-align:center!important;
		padding:0!important;
	}
	.contact-telephone{
		width:100% !important;
		text-align:center!important;
	}
}
@media (max-width:1000px){
	.index{
		text-align:center;
	}
	.logo3{
		display:none;
	}
}
@media (max-width:880px){
	.audiovisuales-content{
		float:none !important;
		display:block !important;
		width:100% !important;

	}
	.djs-image{
		height:100%;
	}

	.audiovisuales-image-container{
		float:none !important;
		display:block !important;
		width:100% !important;
		height:300px !important;

	}
}
@media (max-width:700px){
	.content{
		width:100% !important;
	}
	.instagram-gallery-button{
		font-size:20px;
	}
	.instagram-gallery-button:hover{
		font-size:20px;
	}
	.instagram-gallery-button:focus{
		font-size:20px;
	}
	.instagram2{
		width:20px!important;
		height:20px!important;
	}
	.instagram-text{
		vertical-align:middle!important;
		width:100px !important;
		height:60px !important;
	}
}
@media (max-width:600px){
	.contact-up{
		display:block !important;
		width:100% !important;
	}
	.contact-down{
		display:block !important;
		width:100% !important;
	}
}
@media (max-width:580px){
	.logo2{
	margin:-50px 0 0 -100px;
	width:200px;
	height:100px;
	background-image:url('../media/logo.png');
	background-origin:content-box;
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% 100%;

}
.header-resize{
	font-size:20px;
}
	.text-resize{
		font-size:14px !important;
	}
	.audiovisuales-content{
		padding:10px !important;
	}
	.contact-up{
		padding:5px !important;
	}
	.go-up{
		width:30px;
		height:30px;
		line-height:15px;
	}
	.up-arrow{
		font-size:20px;
	}
	.cube-decoration{
		width:30px !important;
		height:30px !important;
	}
	.logo-init{
		width:90px !important;
		height:90px !important;
	}
	.map-responsive{
		background-position:center;
	}

}
@media (max-width:400px){
	.fix-button{
		left:40%!important;
		right:40%!important;
	}
	#slider ul li {
  display:none;
}
}