@font-face {
	font-family: 'Conv_Gotham-Bold';
	src: url('../fonts/Gotham-Bold.eot');
	src: local('☺'), url('../fonts/Gotham-Bold.woff') format('woff'), url('../fonts/Gotham-Bold.ttf') format('truetype'), url('../fonts/Gotham-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Gotham-Book';
	src: url('../fonts/Gotham-Book.eot');
	src: local('☺'), url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.ttf') format('truetype'), url('../fonts/Gotham-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Generated by FG **/
@font-face {
	font-family: 'Conv_Gotham-Medium';
	src: url('../fonts/Gotham-Medium.eot');
	src: local('☺'), url('../fonts/Gotham-Medium.woff') format('woff'), url('../fonts/Gotham-Medium.ttf') format('truetype'), url('../fonts/Gotham-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* 
 */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body
{
	margin: 0;
	padding: 0;
	background: #232323;
	background: #ffffff;
	color: #000000;
	font-family: 'Conv_Gotham-Medium', sans-serif;  
	overflow-x: hidden; /* needed because hiding the menu on the right side is not perfect,  */
}

@media (min-width: 1200px){
	.container {
			max-width: 1280px;
	}
}

/*------------------
HOME SLIDER
--------------------*/
.carousel-item img.c-des{
	display:block;
}
 .carousel-item img.c-mob{
	display:none;
}
 
 @media (max-width: 600px) {
 .carousel-item img.c-des{
	display:none;
}
 .carousel-item img.c-mob{
	display:block;
}
 }
/*----------------------
HOME || INICIO
-----------------------*/
section.inicio{
	min-height:100vh;
	background:#ffffff;

}
section.inicio .container {
	max-width:none;
  padding-right: 0;
		padding-bottom:67px;
}
section.inicio .description{
	display:flex;
	flex-direction:column;
	justify-content: space-between;
}
section.inicio .description p{
	font-family: 'Conv_Gotham-Medium';

}
section.inicio h1{
    margin-top: 67px;
    margin-left: 42px;
}
.somos{
    text-align: right;
    margin-right: 42px;
}
.somos p{
    margin-bottom: 0;
    margin-top: 30px;
    line-height: 35px;
}
#carouselNosotros .carousel-caption  {
	bottom:50px;
	left:30px;
	top:initial;
	width:auto;
	height:50px;
 }
 #carouselNosotros .carousel-caption h3:after{
	 top:-10px;
	 left:0;
	 width:25px;
 }
#carouselNosotros .carousel-item {
    min-height: 300px;
 }
 
 @media (max-width: 768px) {
	section.inicio{
		height:auto!important;
		min-height:auto!important;
		padding-bottom:30px;
	}
	
	section.inicio h1 {
    margin-top: 20px;
    width: 75%;
		margin-left:0;
	}
	section.inicio h1 img{
		width:80%;
	}
	 .somos {
		 display:none;
	 }
#carouselNosotros	 {
    max-width: 270px;
    float: right;
}
	 #carouselNosotros .carousel-item {
		height: auto;
	 }
	 #carouselNosotros .carousel-caption {
		 bottom:10px; height:auto;
	 }
 }
/*-----------
SERVICIOS
------------*/
section#servicios{
	text-align: center;
	background: #9dc8d8;
	min-height:800px;
	display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
section#servicios .img-desk{
	display:block;
}
section#servicios .img-mob{
	display:none;
}
 @media (max-width: 768px) {
	 section#servicios{
		 min-height:auto;
	 }
	 section#servicios .img-desk{
	display:none;
		}
section#servicios .img-mob{
	display:block;
}
	section#servicios .mapa,
	section#servicios .img-mob{
		width:100%;
	} 
 }
/*-----------
PORFOLIO HOME
------------*/
.porfolio-home{
	background:#ffffff;
 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;	
}
.porfolio-home .container{
	max-width:1060px;
	padding-top:100px;
	padding-bottom:40px;
}

.porfolio-home .col-md-3{
	padding-left:0;
	padding-right:0;
	padding-bottom:10px;
}
.porfolio-home .col-md-3  img{
	width:100%;
}
.porfolio-home .col-md-3 .over   {
	display:none;
	align-items:center;
	justify-content:center;
	position:absolute;
	top:0;
	padding-top:70px;
	bottom:10px;
	width:100%;
	background:rgba(0, 0, 0, 0.34);
		font-family: 'Conv_Gotham-Medium';
color:#ffffff;
 	text-decoration:none;	
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}
.porfolio-home .col-md-3:hover .over{
	display:flex;
}
 @media (max-width: 768px) {
	 .right-mobile{
		 margin-right:33%
	 }
	 .porfolio-home .row{
		 margin-left:0;
		 margin-right:0;
	 }
	 .porfolio-home .col-md-3 .over {
		     font-size: 12px;
    text-align: center;
	 }
 }
/*-----------
contacto
------------*/
section.contacto{
	background:#ffffff;
}
section.contacto .container{
	max-width:none;
	padding-left:0
}
section.contacto .description{
	margin-top:140px;
	padding-left:52px;
}
section.contacto .description p{
	font-family: 'Conv_Gotham-Medium';
	margin-bottom:30px;
}
section.contacto .description .social a{
	background:#000000;
	color:#ffffff;
	border-radius:100%;
	width: 28px;
	height: 28px;
	line-height: 29px;
	text-align:center;
	display:inline-block;font-size: 14px;
}
section.contacto .image img{
	width:100%;
}
@media (max-width: 768px) {
section.contacto .container{
	max-width:none;
	padding-left:15px;
	padding-right:0;
}	
	section.contacto .image {
		order:2;
	}
	section.contacto .image img {
		width:100%;
		max-width:280px;
		float:right;
	}
	section.contacto .description {
		order:1;
	    margin-top: 40px;
	    margin-bottom: 20px;
			padding-left:15px;
	}
	section.contacto .description p {
		font-size:14px;
	}
}
/*----------------
FOOTER
------------------*/
footer{
	background:#808080;
	margin-top:60px;
	padding-top:60px;
	padding-bottom:100px;
}
footer >.container{
	display:flex;
	justify-content:space-between;
	    align-items: flex-start;
}
.copy p{
	font-family: 'Conv_Gotham-Medium';
    font-size: 16px;
    text-align: right;
    margin-bottom: 6px;
}
footer .social{
	text-align:right;
}
footer .social a{
	background:#ffffff;
	color:#808080;
	border-radius:100%;
width: 26px;
    height: 26px;
    line-height: 27px;
	text-align:center;
	display:inline-block;
	font-size: 14px;
}
footer .logo-footer{
	width:115px;
}
@media (max-width: 768px) {
	footer >.container{
		flex-direction:column;
		justify-content:center;
		align-items:center;
	}
	.copy {
		margin-top:30px;
	}
	.copy p{
		font-size:12px;
		text-align:center;
	}
	footer .social {
    text-align: center;
}
footer .logo-footer{
	width:170px;
}
}
/*-------------------
PORFOLIO INTERNAS
--------------------*/
.general.porfolio .container{
	max-width:1025px;
	background:#fff;	padding-left:0;
	padding-right:0;
}
.general.porfolio .container .row{
	margin-left:0;
	margin-right:0;
}
.header {
	margin-bottom:70px;
}

.header h1 {
	font-size:34px;
	font-family: 'Conv_Gotham-Medium';
	margin-top:70px;
}
.desc {
	max-width: 33.333333%;
    max-width: 33.333333%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}
.desc p{
	font-family: 'Conv_Gotham-Book';
	font-size: 14px;
  text-align: right;
	padding-left: 20px;
	padding-right: 20px;
}
.text-desk{
	display:block;
}
.text-mob,
.deco-mob{
	display:none;
}
.imagen{
	margin-top:150px;
	max-width: 66.666667%;
}
@media (max-width: 768px) {
	.general.porfolio .container{
	padding-left:15px;
	padding-right:15px;
	}
	.header {
    margin-bottom: 20px;
}
	.header h1 {
	margin-top:20px;
	}
	.desc{
	width:100%;
	max-width:100%;
	}
	.imagen{
	margin-top:30px;
	width:100%;
	max-width:100%;
	}
	.imagen img {
	width:100%;
	}
	.text-desk{
		display:none;
	}
	.text-mob{
		display:block;
		text-align: right;
		font-size:12px;
		width:70%;
    padding: 20px 0 5px;
	}
	.deco-mob{
		display:block;
		width:30%;
	}
}
/*----------------
VIKINGA
-----------------*/
.vikinga1{
	width: 100%;
	margin-bottom:70px;
}
.vikinga1 video{
	width:1029px;
	height:694px;
}

.vikinga2{
	width: 100%;
  text-align: center;
}

.vikinga3 img{
	margin-top:-30px;
}   
.vikinga4 {
	padding-right:0;
}
.vikinga4 img{
	margin-top:60px;
}
.vikinga5 {
	margin-left:-50px;
}
.vikinga6 {
    margin-top: -75px;
}
.vikinga7{
	margin-left: -30px;
	margin-top: 30px;
}
.vikinga8{
	z-index: 2;
	margin-top: -30px;
	width:60%;
	text-align:right;
}
.vikinga10{
	width:50%;
	text-align:right;
}
.vikinga11{
	width:50%;
	text-align:left;
	margin-top: -100px;
	z-index: 1;	
}
.vikinga12 {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	margin-top:40px;
	margin-bottom:70px;
}
.creditos {
	padding-left:20px;
}
.creditos p {
		font-family: 'Conv_Gotham-Book';
font-size:14px;
}

@media (max-width: 768px) {
	.text-mob.vik{
 	}
	.deco-mob.vik{
		width:30%;
	}
	.vikinga1 {
		margin-bottom:0;
	}
	.vikinga1 video {
			width: 100%;
			height: auto;
	}
	.vikinga7 {
	   margin-top:  0px;	
	}
	.vikinga2 img,
	.vikinga7 img ,
	.vikinga7 img ,
	.vikinga3 img {
		width: 100%;
    margin-top: 20px;
	}
	.vikinga4,.vikinga5,.vikinga6,.vikinga9, .vikinga10, .vikinga11 {
		display:none;
	}
	.vikinga7{
		margin-left:0;
	}
	.vikinga8  {
		width:75%;
		margin-left:25%;
		margin-top:0;
    margin-top: 20px;
	}
	.vikinga8 img {
		width:100%;
	}
	.vikinga12{
		    margin-bottom: 0px;
	}
	.vikinga12 img {
		width:100%;
	}
	.vikinga12 .creditos {
		display:none;
	}
	
}
/*----------------
WINTER
-----------------*/
.winter1{
	width: 100%;
	z-index:2;
}

.winter2 img{
	vertical-align:top;
}
.winter3 img{
	margin-top:-30px;
}
.winter4 {
margin-top:40px;
}
.winter4 video {
	width:80%;
}
.winter5 {
	width:100%;
	margin-top:70px;
	text-align:right;
	z-index:3;	
} 
.winter5 img {
	margin-right:10%;

}
.winter7{
	display: flex;
  align-items: stretch;
	margin-top:-50px;
}
.winter7 img{
 z-index:1;
}
.winter7 img.absolute{
    position: absolute;
    top: 0px;
    left: -40px;	
	 z-index:5;
	}
	.winter7 .creditos {
		padding-left: 20px;
		display: flex;
		position: relative;
		align-items: flex-end;
	}
@media (max-width: 768px) {
	.winter1 img,
	.winter3 img,
	.winter7 img{
		width: 100%;
	}
	.winter2, .winter5, .winter7 .creditos{
		display:none;
	}
	.winter4 video {
    width: 100%;
	}
	.winter7 {
		    display: block;
				margin-top:10px;
	}
	.deco-mob.win{
    width: 30%;
		position:relative;
    z-index: 2;
	}
	.deco-mob.win img {
    width: 100%;
    max-width: 110px;
    position: absolute;
    right: 0;
    bottom: -30px;
	}
	.winter3 img {
		margin-top:0;
	}
}
/*----------------
ADIDAS
-----------------*/
.imagen.adidas{
	margin-top: 70px;
}
.imagen.adidas video {
	max-width:513px;
}
.general.porfolio .container.adidas {
    max-width:790px;
}

.adidas1 {
	    width: 100%;
    text-align: center;
}	
.adidas1 .deco {
	vertical-align:top;
	margin-left:-40px;
}
 
	.adidas1 .mob  {
		display:none;
	}
.adidas2 {
	    z-index: 100;
			margin-top:-90px;
}
.adidas3 {
    width: 100%;
    text-align: right;
    margin-top: -70px;
}	
.adidas3 img {
	margin-right:40px
}
.adidas4 {
	margin-top:-140px;
}
.adidas5 {
	margin-top:-80px;
}
@media (max-width: 768px) {
	.imagen.adidas {
			margin-top: 20px;
	}
	.adidas1 .desk, 
 	.adidas2 {
		display:none;
	}
	.adidas1 .mob  {
		position:relative;
		z-index:2;
		display:block;
		margin: 0;
    width: 100%;		
	}
	.adidas3 {
		margin-top:-35px;
	}
	.deco-mob.adi{
		position:relative;
	}
	.deco-mob.adi img{
		max-width:90px;
		position:absolute;
		right:0;
		bottom:0;
	}
	.adidas4 {
		display:none;
	}
	.adidas3 img {
		width:100%;
    margin-right: 0px;
	}
	.adidas5 {
		width: 100%;
		margin-top: 20px;
	}
	.adidas5 img {
		width:100%;
	}
}
/*----------------
BOOK
-----------------*/
	.imagen.book{
		margin-top: 70px;
	}
	.desc.book{
		width: 50%;
		max-width: 50%;
	}
	.book1{
		vertical-align: top;
		margin-top: -60px;
		z-index:2;
	}
	.book2{
		margin-left:-100px;
		z-index:1;
	}
.book4 {
	    width: 100%;
    position: relative;
	text-align:center;
	margin-top:75px;
	margin-bottom:175px;
	z-index:2;
}
.book4 img.relative{
    position: relative;
    z-index: 2;
}
.book4 img.absolute{
	position:absolute;
    top: -124px;
    right: -11px;
		z-index:1;
}

.book5 {
	width:100%;
	position:relative;
}
.book5 img.relative{
	margin-left:100px;

}
.book5 img.absolute{
	position:absolute;
    top: 300px;
    right: 0px;
		z-index:1;
	}
	.book6{
		width:100%;
	}
	.book6 .desk{
		display:block;
 	}
	.book6 .mob{
		display:none;
 	}
	.book7, .book8 {
		width:50%;
	}
	.book7{
		text-align:right;
	}
	.book8{
			margin-top: -170px;
	}
	.book9{
		width:100%;
		margin-top:120px;
	}
@media (max-width: 768px) {
.imagen.book{
		margin-top: 30px;
	}
	.book1{
		margin-top:10px;
    width: 170px;
	}
	.book1  img {
		width:100%;
	}
	.book2 {
    margin-left: 0;
    z-index: 1;
    text-align: right;
		margin-top: -210px;
	}
	.book2  img {
		width:80%;
	}
	.book4 {
		margin-bottom:0px;
	}
	.book4 img.absolute {
		display:none;
	}
	.book4 img.relative {
    position: relative;
    z-index: 2;
		width:100%;
	}
	.book5 img.relative,
	.book5 img.absolute {
		display:none;
	}
	.book6 .desk{
		display:none;
	}
	.book6 .mob{
		display:block;
		width:100%;
	}
	.book8 {
    margin-top:  0px;
		width:100%;
	}
	.book7{
		display:none;
	}
	.book7 img{
		position:absolute;
		bottom: 0;
    width: 226px;
    left: -50%;
	}
	.book9 {
		margin-top:20px;
	}
	 .book6  img,
	 .book8  img,
	 .book9  img {
		width:100%;
	}
}
/*--------------
MOTIOB
---------------*/
.header.still,
.header.motion{
	margin-bottom:0;
}
.box{
	width:20%;
	margin-bottom:3px;
}
.box a{
	outline:none;
}
.motion1,
.motion2,
.motion6 {
	margin-left:20%;
}
.motion4{
	margin-right:80%;
}
.motion5{
	margin-left:40%;
}
.motion7{
	margin-left:60%;
	margin-right:20%;
}
.motion8{
	margin-right:60%;
}
.motion10{
	margin-left:20%;
	margin-right:20%;
}
.motion11{
	margin-right:20%;
}
.motion12{
	margin-left:80%;
}
.motion13{
	margin-left:20%;
}

/*
STILL
*/
.still1,
.still3,
.still5,
.still4{
	margin-left:20%;
}
.still7{
	margin-right:80%;
}
.still10,
.still11{
	margin-left:20%;
	margin-right:20%;
}
.still12{
	margin-left:20%
}
.still13{
	margin-left:60%
}
/**/
/**/
@media (max-width: 768px) {
	.box {
		width:33.333333%;
    padding: 3px;
		margin-bottom:0;
	}
	.box a img {
		width:100%;
	}
	.motion1,
	.motion4,
	.motion9,
	.motion14	{
		margin-left:33.333333%;
		margin-right:33.333333%;
	}
	.motion2, .motion7,.motion10 {
		margin-left:0;
		margin-right:66.666667%;
	}
	 .motion3 {
		 margin-left:66.666667%;
	 }
	 .motion5, .motion12 {
		 margin-left:0;
	 }
	 .motion6 {
		 margin-left:33.333333%;
	 }
	 .motion8 {
		margin-right:0;
		margin-left:66.666667%; 
	 }
	 .motion11 {
		 margin-left:33.333333%;
		 margin-right:0;

	 }
	 .motion13 {
		margin-left:33.333333%;
		margin-right:0;
	}
 /**/
 .still1,
.still8 {
	 margin-left:33.333333%;
		 margin-right:0;
 }
 .still3, .still13{
	 		margin-left:33.333333%;
		margin-right:33.333333%;
 }
	.still4, .still10, .still12{
		margin-left:66.666667%;
		margin-right:0;
	 }
	 .still5{
		 margin-left:0;
	 }
	 .still7, .still11 {
		 margin-right:66.666667%;
		 margin-left:0;
	 }
 
}
.desc.fondado {
    width: 40%;
    max-width: 50%;
}
.fondado2 {
	width:100%;
	text-align:right;
	margin-bottom:65px;
}
.fondado4, .fondado5{
	width:50%;
}
.fondado4{
	text-align:right;
}
.fondado4 img{
	position:relative;
	z-index:3;
	margin:35px 35px 0 0;
}
.fondado5{
	margin-top:-35px;
}
.fondado6{
	width: 100%;
	text-align: center;
	margin-top:-35px;
	margin-bottom: 35px;
}
.fondado7 {
	width:100%;
	text-align:right;
	position:relative;
}
img.fondado8{
	position:absolute;
	right: 50%;
	bottom: -65px;	
}
.fondado9{
	width:100%;
	margin:120px 0 65px;
}
@media (max-width: 768px) {
	.fondado2 {
		margin-bottom:30px;
	}
	.fondado2 img,
	.fondado3 img,
	.fondado5 img ,
	.fondado6 img ,
	.fondado7 img {
		width:100%;
	}
	img.fondado8,
	.fondado9,
	.fondado4{
		display:none;
	}
	.fondado5 {
    margin-top: 30px;
    width: 100%;
	}

	.fondado6 {
    width: 100%;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
	}
}
/*-----------------------*/
.fancybox-bg {
background: #ffffff;
opacity: 1!important;
}