.preload-images {
  display: none; 
  width: 0;
  height: 0;
  background: url(../img/fila1-01.png),
							url(../img/fila1-02.png),
							url(../img/fila2-col1-01.png),
							url(../img/fila2-col1-02.png),
							url(../img/fila2-col2-01.png),
							url(../img/fila2-col2-02.jpg),
							url(../img/fila2-col3-01.png),
							url(../img/fila2-col3-02.png),
							url(../img/fila1-03.png);
}




#modal {
	position:fixed; top:0; left:0; width:100vw; height:100vh; background: #fff; z-index:1003;
}
#modal video {
	position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); max-width:1200px;
}
#modal-mobile {
	display:none;
}
#header {
	position:relative;
}
#header .burguer {
	display:none; width:30px; height:30px; position:absolute; top:0px; right:20px;
}
#header .burguer div {
	background: #888; width:30px; height:4px; margin-bottom:5px;
}
#header .container {
	max-width:940px; margin:auto; display:flex; align-items: center; margin-top:30px; margin-bottom:30px; justify-content: space-around; 
}

#header ul.menu {
	margin-top:40px; margin-left: auto;
}

#header ul.menu li {
  font-family: 'interstate_cond_monoregular'; font-size: 14px; display:inline-block; color: #79C9CA; height: 32px; margin-right: 60px; text-align: center; text-transform: uppercase; letter-spacing: 0.02em; vertical-align: top;
}



#header ul.menu li a {
	transition: color 0.1s linear;
}

#header ul.menu li a:active, 
#header ul.menu li a:hover {
	color: #D39D25;
}

#header ul.menu li:last-child {
	margin-right: 0;
}


a.active {
	color: #D39D25;
}

body {
	position:relative;
}

#footer .container {

	max-width:1000px; margin:auto; 

}



#footer .container.first {

	background: #e9e9e9; display:flex; margin-top:10px; align-items: center; justify-content: space-between;

}

#footer .container.second {

	background: #e0e0e0;

}



#footer ul.menu li {

  font-family: 'interstate-lightregular'; display:inline-block; color: #115572; font-size: 10px; text-align: center; text-transform: uppercase; letter-spacing: 0.02em; vertical-align: top; margin-right:25px;

}



#footer .container.first .logo{

	padding:20px;

}



#footer .container.first .social {

	padding:20px;

}

#footer .container.first .social li {

	display:inline-block; margin-right:10px; color:#666;

}

#footer .container.first .social li img {

	height:25px;

}

#footer .container.first .social li a:hover {

	color:#444;

}



#footer .container.second p {

	padding:10px 20px; font-family: 'interstate-lightregular';  font-size: 10px;

}



#footer .container.second p.copy {

	float:left; color: #4a4a4a;

}



#footer .container.second p.thet {

	float:right;color: #115572;

}

#footer .container.second p.thet a:hover {

	color:#ED0B7F;

}







#header > div.container > .logo {

	margin-left:-10px;

}











#main-mobile {

	display:none;

}



#main .container {
	max-width:1000px; margin:auto;
}
#main .container .row {
 position: relative; margin-bottom:10px; width:100%;
}

#main .container .row .text {
	position:absolute; top:110px; left:93px; max-width:400px; z-index:22;
}

#main .container .row .text h2 {
	font-family: 'Sanchez', serif; font-size:34px; text-transform: uppercase; color:#fff; text-shadow: 2px 2px 6px #777; line-height: 1.5; letter-spacing: 6px;
}
#main .container .row .text .misc-line {
	width:25px; height:1px; background: #fff; margin:10px 0px 0px 0px; box-shadow: 2px 2px 4px #777;
}

#main .container .row .text p {
	font-family: 'EB Garamond', serif; font-weight:400i; color:#fff; text-shadow: 1px 1px 3px #777; line-height: 1.2; font-size:17px; text-align: right; text-transform: lowercase; margin-left:45px; margin-top:-10px; letter-spacing: 2.4px;
}

#main .container .row.second, 
#main .container .row.third {
	display:flex; overflow:hidden;
}

#main .container .row.second .col.sm:nth-child(1) {
	width:calc(25% - 10px); margin-right:10px;
}

#main .container .row.second .col.sm:nth-child(3) {
	width:calc(25% - 10px); margin-left:10px; align-self: flex-end;
}

#main .container .row.second .col.md {
	width:50%; margin:0px;
}

#main .container .row.second .col.sm:nth-child(3) {
	position:relative;
}

#main .container .row.second .col.sm:nth-child(3) .contacto {
	padding-left:15px;
}


#main .container .row.second .col.sm:nth-child(3) .contacto img {
	height:22px; 
}



#main .container .row.second .col.sm:nth-child(3) .contacto .line,
#main .container .row.third .col.sm:nth-child(3) .line {
	width:25px; height:1px; background: #115572; margin:8px 0px 13px 0px;
}

#main .container .row.second .col.sm:nth-child(3) .contacto h3 {
	font-family: 'Sanchez', serif; font-size:24px; text-transform: uppercase; color:#115572; letter-spacing: 2px; padding-bottom:	20px; line-height:1.3; 
}

#main .container .row.second .col.sm:nth-child(3) h4 {
	position:absolute; bottom:15px; left:20px;font-family: 'Sanchez', serif; font-size:24px; text-transform: uppercase; color:#fff; letter-spacing: 2px; line-height:1.3; text-shadow: 2px 2px 3px #777; z-index:22;
}





#main .container .row.third .col.sm {
	width:calc(25% - 10px); margin-right:10px; position:relative;
}
#main .container .row.third .col.sm:nth-child(2) {
	width:25%;
}
#main .container .row.third .col.sm:last-child {
	margin-right:0px; 
}


#main .container .row.third .col.sm h3,
#main .container .row.third .col.sm .insta {
	position:absolute; bottom:15px; left:20px; 
}



#main .container .row.third .col.sm h3,

#main .container .row.third .col.sm h4 {

	font-family: 'Sanchez', serif; font-size:24px; text-transform: uppercase; color:#fff; letter-spacing: 2px; line-height:1.3; text-shadow: 2px 2px 3px #777;

}



#main .container .row.third .col.sm .insta i {

	font-size:30px; color:#fff; text-shadow: 2px 2px 3px #777;

}



#main .container .row.third .col.sm .insta .line {

	width:25px; height:1px; background: #fff; margin:8px 0px 13px 0px; box-shadow: 2px 2px 4px #777;

}

#main .container .row.third .col.sm:nth-child(3) {

	align-self: flex-end;

}



#main .container .row.third .col.sm:nth-child(3) h4 {

	text-shadow:none; color:#115572; margin-bottom:10px;

}



#main .container .row.third .col.sm:nth-child(3) p {
	font-family: 'EB Garamond', serif; font-weight:400i; color:#115572; line-height: 1.1; font-size:16px; text-align: right; text-transform: lowercase; margin-left:20px; margin-right:10px; margin-bottom:10px; margin-top:-20px; letter-spacing: 2px;
}





#main > div > div.row.third > div:nth-child(3) > div {

	padding-left:15px;

}







#estudio-mobile,

#instalaciones-mobile,

#servprod-mobile,

#equipos-mobile,

#sets-props-mobile,

#contacto-mobile {

	display:none;

}





#estudio .container,

#instalaciones .container,

#servprod .container,

#equipos .container,

#sets-props .container,

#contacto .container {

	max-width:1000px; margin:auto;

}



#estudio .container .content,

#instalaciones .container .content,

#servprod .container .content,

#equipos .container .content,

#sets-props .container .content,

#contacto .container .content {

	width:calc(100% - 80px); margin:20px 40px 80px 55px;

}





#estudio .container .content h2,

#instalaciones .container .content h2,

#servprod .container .content h2,

#equipos .container .content h2,

#sets-props .container .content h2,

#contacto .container .content h2 {

 font-family: 'interstate-light-mono-cond'; color: #115572; font-size: 35px; line-height: 35px; margin-bottom: 20px; text-transform: uppercase;

}



#estudio .container .content .text p,

#servprod .container .content .text p,

#sets-props .container .content .text p,

#contacto .container .content .text p,

#contacto .container .content .text table{

	font-family: 'interstate-lightregular'; font-size: 14px; line-height: 17px; color: #115573; margin-bottom:15px;

}



#estudio .container .content .text {

	float:left; margin-right:40px; max-width:275px;

}



#estudio .container .content .plantas {

	float:left; display:flex; flex-wrap:wrap; justify-content: center;

}



#estudio .container .content .plantas .baja {

	width:260px; height:260px; background: url(../img/plano-planta-baja.png) center; background-size:cover; position:relative; margin-right:20px; margin-bottom:20px;

}

#estudio .container .content .plantas .alta {

	width:260px; height:260px; background: url(../img/plano-planta-alta.png) center; background-size:cover; position:relative; 

}

#estudio .container .content .plantas .baja .overlay,

#estudio .container .content .plantas .alta .overlay {

	background-color: rgba(17, 85, 114, 0.3); position:absolute; width:100%; height:100%; top:0; left:0;

}

#estudio .container .content .plantas .baja .circle,

#estudio .container .content .plantas .alta .circle {

	background-color: rgba(255, 255, 255, 0.5); position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); height:60%; width:60%; border-radius:50%;

}

#estudio .container .content .plantas .baja .circle h2,

#estudio .container .content .plantas .alta .circle h2 {

	position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); text-align:center;

}



#estudio .container .content .plantas a:hover h2 {

	color:#79C9CA;

}



















#instalaciones .container .content .tabla {

	width:50%; float:left;

}



#instalaciones .container .content .galeria {

	width:50%; float:right; display:flex; flex-wrap:wrap; justify-content: flex-end;

}



#instalaciones .container .content .galeria div {

	width:calc(50% - 10px); margin:5px; max-width:210px;

}



#instalaciones .container .content .tabla table {

	margin-right:20px;

}

#instalaciones .container .content .tabla table tr {

    font-family: 'interstate-lightregular'; color: #115572; font-size: 13px; line-height: 16px; border-bottom: 1px solid #79c9ca;

}



#instalaciones .container .content .tabla table tr td {

	padding:10px;

}



#instalaciones .container .content .tabla table tr td:first-child {

	width:35%;

}

#instalaciones .container .content .tabla table tr:last-child {

	border-bottom:0px;

}











#servprod .container .content .text,

#equipos .container .content .text,

#sets-props .container .content .text,

#contacto .container .content .text {

	float:left; margin-right:40px; width:calc(35% - 40px);

}

#sets-props .container .content .text a,
#sets-props-mobile .text a {
	color:#79C9CA;
}
#sets-props .container .content .text a:hover,
#sets-props-mobile .text a:hover {
	color:#115573;
}


#servprod .container .content .galeria,

#equipos .container .content .galeria,

#sets-props .container .content .galeria,

#contacto .container .content .mapa {

	float:right; width:65%;

}

#servprod .container .content .galeria p {

	border-left: 2px solid #d39d25; color: #115572; font-family: 'interstate-lightregular'; font-size: 14px; line-height: 17px; list-style: none outside none; padding-left: 14px; margin-top:20px;

}

    



#sets-props .container .content .galeria {

	max-width:570px;

}

#servprod .container .content .galeria,

#equipos .container .content .galeria,

#contacto .container .content .mapa {

	max-width:562px;

}





#equipos .container .content .text ul {

	font-family: 'interstate-lightregular'; font-size: 14px; line-height: 20px; color: #115573; list-style-type: disc; margin-left:17px;

}





#contacto .container .content .text a,

#contacto-mobile .container .content .text a {

	color:#00AAB5;

}

#contacto .container .content .text a:hover,

#contacto-mobile .container .content .text a:hover{

	color:#115572;

}

#contacto .container .content .text .social {

	margin-top:20px;

}

#contacto .container .content .text .social li,

#contacto-mobile .container .content .text .social li {

	display:inline-block; margin-right:10px; color:#00AAB5;

}

#contacto .container .content .text .social li img,

#contacto-mobile .container .content .text .social li img {

	height:25px;

}

#contacto .container .content .text .social li img:hover,

#contacto-mobile .container .content .text .social li img:hover {

	filter: grayscale();

}

#contacto .container .content .text table tr td,

#contacto-mobile .container .content .text table tr td {

	padding-right:10px;

}











#sets-props .container .content .galeria {

	position:relative; margin-top:-25px;

}



#sets-props .container .content .galeria .prev {

	position:absolute; font-size:50px; cursor:pointer; top:50%; transform: translateY(-50%); left:-30px; color:#79C9CA; transition: all 0.5s;

}

#sets-props .container .content .galeria .next {

	position:absolute; font-size:50px; cursor:pointer; top:50%; transform: translateY(-50%); right:-30px; color:#79C9CA; transition: all 0.5s;

}

#sets-props .container .content .galeria .prev:hover,

#sets-props .container .content .galeria .next:hover {

	color:#D39D25;

}



@media screen and (max-width:964px) {

	#header ul.menu li {

	  margin-right: 30px; 

	}

}









@media screen and (max-width:950px) {

	#estudio .container .content .plantas .baja,

	#estudio .container .content .plantas .alta {

		width:230px; height:230px;

	}

}



@media screen and (max-width:870px) {

	#estudio .container .content .text {

		float:none; margin-right:0px; max-width:100%; margin-bottom:20px;

	}



	#main .container .row .text h2 {

		font-size:28px;

	}

	#main .container .row .text p {

		line-height: 1.2; font-size:16px;

	}

	#main .container .row .text {

		max-width:300px;

	}



	#main .container .row.second .col.sm:nth-child(3) .contacto i {

		font-size:22px; 

	}

	#main .container .row.second .col.sm:nth-child(3) .contacto h3 {
		font-size:20px;
	}
	#main .container .row.second .col.sm:nth-child(3) h4 {
		font-size:20px;
	}
	#main .container .row.third .col.sm h3,
	#main .container .row.third .col.sm h4 {
		font-size:20px;
	}
	#main .container .row.third .col.sm .insta i {
		font-size:22px;
	}

	#main .container .row.third .col.sm:nth-child(3) p {
		font-size:13px; margin-left: 10px; line-height:1.1;
	}

	#main .container .row.second .col.sm:nth-child(3) .contacto .line,
	#main .container .row.third .col.sm .insta .line {
    margin: 5px 0px 10px 0px;
	}
	#main .container .row.third .col.sm:nth-child(3) h4 {
    margin-bottom: 5px;
	}
}








@media screen and (max-width:600px) {
	#modal {
		display:none;
	}
	#modal-mobile {
		display:block; position:fixed; top:0; left:0; width:100vw; height:100vh; background: rgba(0, 0, 0, 0.3); z-index:1003;
	}
	#modal-mobile img{
		position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:100%;
	}
	#header .burguer {
		display:block; cursor:pointer;
	}
	#main {
		display:none;
	}
	#main-mobile {
		display:block; width:100%;
	}


	#main-mobile div {
		position:relative; margin-bottom:10px;
	}

	#main-mobile div h3 {
		position:absolute; top:20%; left:10%; font-family: 'Sanchez', serif; font-size:32px; text-transform: uppercase; color:#fff; letter-spacing: 2px; line-height:1.3; text-shadow: 2px 2px 3px #777;

	}

	#header ul.menu {
		display:none; position:absolute; background: #fff; top:80px; width:100%; z-index:1000; padding-bottom:40px;
	}

	#header ul.menu li {
	  font-size: 20px; display:block; color: #79C9CA; height: auto; margin-right: 0px; text-align: left; margin-left:30px; line-height:1.2; margin-bottom:15px; width:100%;
	}
	#header ul.menu li br {
		display:none;
	}



	#footer .container.first {
		display:block; text-align:center;
	}


	#footer .container.first .menu {
		display:none;
	}

	#footer .container.first .social {
		padding-top:0px;
	}
	#footer .container.first .social li:last-child {
		margin-right:0px;
	}
	#footer .container.second p.copy {
		float:none; padding-bottom:0px;
	}
	#footer .container.second p.thet {
		float:none; padding-top:0px;
	}


	#estudio-mobile,
	#instalaciones-mobile,
	#servprod-mobile,
	#equipos-mobile,
	#sets-props-mobile,
	#contacto-mobile {
		display:block;
	}

	#estudio,
	#instalaciones,
	#servprod,
	#equipos,
	#sets-props,
	#contacto {
		display:none;
	}

	#estudio-mobile .container,
	#instalaciones-mobile .container,
	#servprod-mobile .container,
	#equipos-mobile .container,
	#sets-props-mobile .container,
	#contacto-mobile .container {
		width:100%;
	}

	#estudio-mobile .container .hero,
	#instalaciones-mobile .container .hero,
	#servprod-mobile .container .hero,
	#equipos-mobile .container .hero,
	#sets-props-mobile .container .hero,
	#contacto-mobile .container .hero {
		position:relative;
	}

	#estudio-mobile .container .hero h3,
	#instalaciones-mobile .container .hero h3,
	#servprod-mobile .container .hero h3,
	#equipos-mobile .container .hero h3,
	#sets-props-mobile .container .hero h3,
	#contacto-mobile .container .hero h3 {
		position:absolute; top:20%; left:10%; font-family: 'Sanchez', serif; font-size:32px; text-transform: uppercase; color:#fff; letter-spacing: 2px; line-height:1.3; text-shadow: 2px 2px 3px #777;
	}
	#estudio-mobile .container .content {
		margin-top:40px;
	}
	#estudio-mobile .container .content img,
	#instalaciones-mobile .container .content img,
	#servprod-mobile .container .content img,
	#sets-props-mobile .container .content img {
		display:block; margin-bottom:20px;
	}

	#estudio-mobile .container .content p {
		font-family: 'interstate-lightregular'; font-size: 14px; line-height: 17px; color: #115573; margin-bottom:10px; padding:0px 40px;
	}



	#instalaciones-mobile .container .content table {
		margin:20px 40px;
	}

	#instalaciones-mobile .container .content table tr {
	  font-family: 'interstate-lightregular'; color: #115572; font-size: 13px; line-height: 16px; border-bottom: 1px solid #79c9ca;
	}

	#instalaciones-mobile .container .content table tr td {
		padding:10px;
	}

	#instalaciones-mobile .container .content table tr td:first-child {
		width:35%;
	}
	#instalaciones-mobile .container .content table tr:last-child {
		border-bottom:0px;
	}




	#servprod-mobile .container .content .text,
	#equipos-mobile .container .content .text {
		margin-top:20px;
	}

	#sets-props-mobile .container .content .text,
	#contacto-mobile .container .content .text {
		margin-top:20px; margin-bottom:20px;
	}

	#servprod-mobile .container .content .text p,
	#sets-props-mobile .container .content .text p,
	#contacto-mobile .container .content .text p {
		font-family: 'interstate-lightregular'; font-size: 14px; line-height: 17px; color: #115573; padding:0px 40px; margin-bottom:10px;
	}

	#contacto-mobile .container .content .text table {
		font-family: 'interstate-lightregular'; font-size: 14px; line-height: 17px; color: #115573; margin:0px 40px; margin-bottom:10px;
	}
	#servprod-mobile .container .content .list p {
		border-left: 2px solid #d39d25; color: #115572; font-family: 'interstate-lightregular'; font-size: 16px; line-height: 26px; list-style: none outside none; padding-left: 14px; margin:20px 40px;
	}

	#equipos-mobile .container .content .text ul {
		list-style-type:disc;font-family: 'interstate-lightregular'; font-size: 14px; line-height: 22px; color: #115573; padding:0px 40px; margin-bottom:10px;
	}

	#contacto-mobile .container .content .text .social {
		margin:20px 40px;
	}

}













@media screen and (max-width:400px) {
	#main-mobile div h3,
	#estudio-mobile .container .hero h3,
	#instalaciones-mobile .container .hero h3,
	#servprod-mobile .container .hero h3,
	#equipos-mobile .container .hero h3,
	#sets-props-mobile .container .hero h3,
	#contacto-mobile .container .hero h3 {
		font-size:26px; line-height:1.2;
	}
}



@media screen and (max-width:340px) {
	#main-mobile div h3,
	#estudio-mobile .container .hero h3,
	#instalaciones-mobile .container .hero h3,
	#servprod-mobile .container .hero h3,
	#equipos-mobile .container .hero h3,
	#sets-props-mobile .container .hero h3,
	#contacto-mobile .container .hero h3 {
		font-size:20px; 
	}
}



.fancybox-slide{
    opacity: 1;
    background: rgba(255, 255, 255, 0.7);
}
.fancybox-is-open .fancybox-bg {
    opacity: 0 !important;
}


	#footer .container.first .social {
		min-width:151px;
	}
	#footer .container.first .social li:last:child {
		margin-right:0px;
	}








.row.second {
	max-height:343px;
}
.row.third {
	max-height: 340px;
}









.anim {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.anim li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.anim li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.anim img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }