html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	padding-top:89px;

}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.column {
	padding-left:	0px;
	padding-right:	0px;

}

a:focus {
	text-decoration:	none;

}

.full-container {
	min-width:			100% !important;
	width:				100% !important;
	padding-left:		0px;
	padding-right:		0px;
}

.container {
	padding-left:		0px;
	padding-right:		0px;
}

.header {
	display:			block;
	height:				89px;
 	background-size: 	100% 89px;
	position: 			fixed;
    width: 				100%;
	top:				0;
    z-index: 			210;
	background-color:	#222221;
}

.header .logo {
    display: block;
    width: 203px;
    height: 54px;
    background-image: url(../images/josearjonilla-logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    margin-top: 20px;
    margin-right: 59px;
}
.header .languages  {
	float:				right;
	margin-top:			38px;
	margin-right:		30px;
    font-family: 		'abhaya_librebold';
	font-size:			15px;
	color:				#000;
}

.header .languages  a {
	color:				#FFF;
	float:				left;
}

.header .languages  a.sld {
	color:				#FFF;

}

.header .languages  a:hover {
	text-decoration:	none;
	color:				#FFF;
}

.header .languages  span {
	float:				left;
	display:			block;
	margin-left:		3px;
	margin-right:		4px;
}


.header .nav-menu {
    font-family: 		'abhaya_librebold';
	font-size:			15px;
	line-height:		10px;
	margin-left:		40px;
	float:				left;
	
}

.header .nav-menu a {
	color:				#FFF;
	padding-top:		20px;
	display:			block;
	float:				left;
	padding-left:		22px;
	padding-right:		22px;
	border-left:		#FFF solid 1px;
	-webkit-transition: all 0.8s;
    transition: 		all 0.8s;
}

.header .nav-menu a:last-child {
	margin-right:		0px;
}

.header .nav-menu a:hover {
	text-decoration:	none;
	padding-top:		45px;
	background-color:	#CCC;
	padding-bottom:		32px;
	color:				#222221;
}

.header .nav-menu a.sld {
	text-decoration:	none;
	padding-top:		45px;
	background-color:	#CCC;
	padding-bottom:		32px;
	color:				#222221;
}


.footer {
	display:			block;
	padding-bottom:		60px;
	background-repeat:	no-repeat;
	background-color:	#222221;
	margin-top:			100px;
	min-height:			100px;
}

.footer .copyright {
	color:				#FFF;
	margin-top:			45px;
	font-size:			15px;
    font-family: 		'quicksandmedium';
	margin-right:		35px;
	float:				left;
}

.footer .foot-nav {
	font-size:			15px;
    font-family: 		'quicksandmedium';
	color:				#FFF;
	margin-top:			45px;
	float:				none;
	text-align:			center;
}

.footer .foot-nav a {
	color:				#FFF;
	float:				left;
}

.footer .foot-nav a:hover {
	color:				#222221;
	text-decoration:	none;
}

.footer .foot-nav a:last-child {
	margin-left:		30px;
	color:				#222221;
	font-size:			17px;
    font-family: 		'abhaya_librebold';
}

.footer .foot-nav  span {
	float:				left;
	display:			block;
	margin-left:		3px;
	margin-right:		4px;
}


.projects {
	padding-left:	14px;
	padding-right:	14px;
	margin-bottom:	28px;
	margin-top:	60px;
}

.projects .item {
	padding-left:	45px;
	padding-right:	45px;
	margin-top:		28px;
	 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		  margin-bottom:30px;
}

.projects .item .img {
	position:		relative;
	display:		block;
	overflow:		hidden;
}

.projects .item .img .info {
	position:			absolute;
	padding:			0px;
	padding-left:		0px;
	padding-right:		0px;
	width:				100%;
	height:				100%;
	min-height:			100.1%;
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	-webkit-transition: all 0.6s;
    transition: 		all 0.6s;
	top:				-100%;
	opacity:			0;
 -ms-transform: rotate(0deg); 
    -webkit-transform: rotate(0deg); 
    transform: rotate(0deg);
}
 
.projects .item .img .info .detail {
	 background-color:	#FFF;
	width:				100%;
	height:				100%;
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		  overflow:	auto;
		  position:		relative;
		  opacity:0.9;
}

.projects .item  a:hover .img .info  {
	top:				0;
	opacity:			1;
	
	
	
}
 
.projects .item .img .info .detail .title {
	  display:			block;
	  text-align:		center;
	  margin-top:		20%;
	color:				#222221;
	font-size:			30px;
    font-family: 		'abhaya_librebold';
	padding-left:		20px;
	padding-right:20px;
}
  

  
.projects .item .img .info .detail .title span {
	font-size:			16px;
    font-family: 		'quicksandregular';
	color:				#000;
	display:			block;
	padding-left:		0px;
	text-align:		center;
}

.projects .item .img .info .detail .text {
	 padding-left:		40px;
	 padding-right:		40px;
	 font-size:			14px;
	 line-height:		18px;
    font-family: 		'quicksandregular';
	color:				#000;
	margin-top:			43px;
}
 
.projects .item .img .info .detail .more {
    font-family: 		'quicksandlight';
	font-size:			25px;
	line-height:		18px;
	color:				#000;
	text-align:			center;
	position:			absolute;
	bottom:				30px;
	left:				0;
	right:				0;
	margin:				auto;
	display:			inline-block;
	width:				23px;
	height:				23px;
	-webkit-transition: all 0.6s;
    transition: 		all 0.6s;
}

.projects .item .img .info .detail .more:hover {
 -ms-transform: rotate(-180deg); /* IE 9 */
    -webkit-transform: rotate(-180deg); /* Safari */
    transform: rotate(-180deg);
	color:				#222221;
    font-family: 		'quicksandlight';
}

.trayectoria {
	background-size:	contain;
	width:				135px;
	height:				20px;
	margin-top:			199px;
	margin-bottom:		109px;

}

.recorrido {
	display:			block;
}

.recorrido  h3{
	display:			block;
	font-size:			50px;
	line-height:				45px;
	color:				#222221;
    font-family: 		'abhaya_librebold';
	margin-bottom:		20px;
}

.recorrido  h4{
	display:			block;
	font-size:			30px;
	line-height:				35px;
	color:				#222221;
    font-family: 		'abhaya_librebold';
	margin-bottom:		20px;
}

.recorrido p {
	font-size:			16px;
	line-height:		20px;
    font-family: 		'quicksandregular';
	color:				#000;
	max-width:			461px;
	margin-bottom:30px;
}


.recorrido.curriculum   p {
	max-width:			100%;
}

.recorrido.curriculum   em {
	margin-left:		0px;
	margin-bottom:		10px;
	text-decoration:	underline;
	font-size:			18px;
    font-family: 		'quicksandmedium';
	padding-left:		0px;
	display:			block;
	margin-bottom:		10px;
	margin-top:		20px;
color: #222221;
}


.recorrido.curriculum strong { 
    font-family: 		'quicksandmedium';
}


.recorrido.curriculum p {
	display:				block;
	margin-bottom:			5px;
}



.destacado {
	display:			block;
	margin-top:			30px;
	padding-left:		79px;
	padding-right:		69px;
	margin-bottom:		145px;

}

.destacado .tienda {
	background-repeat:	no-repeat;
	background-size:	cover;
	min-height:			576px;
	    background-color: #d8d8d8;
}

.destacado .comentarios {
	background-repeat:	no-repeat;
	background-size:	cover;
	min-height:			576px;
	    background-color: #d8d8d8;
		border-left:#FFF solid 1px;
}


.destacado .tienda  .title{
	display:			block;
	font-size:			25px;
	line-height:		25px;
	color:				#222221;
    font-family: 		'abhaya_librebold';
	border-bottom:		#FFF solid 1px;
	padding-left:		24px;
	padding-top:		25px;
	padding-bottom:		17px;
}

.destacado .comentarios  .title{
	display:			block;
	font-size:			25px;
	line-height:		25px;
	color:				#222221;
    font-family: 		'abhaya_librebold';
	border-bottom:		#FFF solid 1px;
	padding-left:		84px;
	padding-top:		25px;
	padding-bottom:		17px;
}


.comentarios .text {
	 font-size:			15px;
	 line-height:		20px;
    font-family: 		'quicksandregular';
	color:				#000;
	padding-left:		84px;
	padding-right:		84px;
	padding-top:		29px;
}


.comentarios .name {
	 font-size:			15px;
	 line-height:		20px;
    font-family: 		'quicksandbold';
	color:				#000;
	padding-left:		84px;
	padding-right:		84px;
	padding-top:		33px;
}

.comentarios .medio {
	 font-size:			15px;
	 line-height:		20px;
    font-family: 		'quicksandregular';
	color:				#000;
	padding-left:		84px;
	padding-right:		84px;
}


.comentarios .more {
	 font-size:			18px;
	 line-height:		25px;
    font-family: 		'abhaya_librebold';
	color:				#222221;
	padding-left:		84px;
	padding-right:		84px;
	position:			absolute;
	bottom:				0;
	padding-bottom:		19px;
	padding-top:		18px;
	border-top:			#FFF solid 1px;
	width:				100%;
}

.comentarios .more span {
-webkit-transition: all 0.6s;
    transition: 		all 0.6s;
	display:			inline-block;
}

.comentarios .more:hover span {
 -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari */
    transform: rotate(180deg);
	margin-left:10px;
}

.comentarios .more:hover {
	text-decoration:	none;

}





.tienda .more {
	 font-size:			18px;
	 line-height:		25px;
    font-family: 		'abhaya_librebold';
	color:				#222221;
	padding-left:		24px;
	padding-right:		84px;
	position:			absolute;
	bottom:				0;
	padding-bottom:		19px;
	padding-top:		18px;
	border-top:			#FFF solid 1px;
	width:				100%;
}

.tienda .more span {
-webkit-transition: all 0.6s;
    transition: 		all 0.6s;
	display:			inline-block;
}

.tienda .more:hover span {
 -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari */
    transform: rotate(180deg);
	margin-left:10px;
}

.tienda .more:hover {
	text-decoration:	none;

}

.tienda .list {
	display:			block;
}

.tienda .list .item {
	display:			block;
	margin-top:			32px;
}

.tienda .list .item .name {
	display:			block;
	 font-size:			15px;
	 line-height:		20px;
    font-family: 		'quicksandbold';
	color:				#000;
	margin-left:		0px;
	padding-left:		24px;
	background-size:	12px 11px;
	background-position:	6px 5px;
-webkit-transition: background-position  0.3s;
    transition: 		background-position 0.3s;
	background-position:	26px 5px;
}

.tienda .list .item .project {
	display:			block;
 	font-size:			15px;
	 line-height:		20px;
    font-family: 		'quicksandregular';
	color:				#000;
	margin-left:		0px;
	padding-left:		24px;
}

.tienda .list a:hover  {
	text-decoration:	none;

}

.prensa .list a:hover  .name {
	background-size:	12px 11px;
	background-position:	6px 5px;
	color:				#222221;
}

.about {
	margin-top:			109px;
	padding-left:		12px;
}

.about .name {
	font-size:			25px;
	line-height:		26px;
    font-family: 		'abhaya_librebold';
	color:				#222221;
	margin-bottom:		27px;
}

.about.artista .name {
	font-size:			35px;
	line-height:		36px;
    font-family: 		'abhaya_librebold';
	color:				#222221;
	margin-bottom:		27px;
}

.about .cargo {
	 font-size:			16px;
	 line-height:		20px;
    font-family: 		'quicksandbold';
	color:				#000;
}

.about .cargo-info {
	 font-size:			16px;
	 line-height:		20px;
    font-family: 		'quicksandregular';
	color:				#000;
	margin-bottom:		30px;
}

.about .desc {
	 font-size:			16px;
	 line-height:		20px;
    font-family: 		'quicksandregular';
	color:				#000;
	margin-bottom:		50px;
	max-width:			463px;
}


.clientes {
	display:			block;
	background-color:	#f3f3f3;
	margin-top:			235px;
	max-width:			1045px;
	padding-top:		113px;
	padding-bottom:		105px;

}

.adidas {
	padding-left:		15px;
	padding-right:		45px;
}

.toyota {
	padding-left:		20px;
	padding-right:		20px;
	margin-top:			30px;
}

.grandvalira {
	padding-left:		20px;
	padding-right:		0px;
	margin-top:			30px;
}

.cocacola {
	padding-left:		37px;
	padding-right:		0px;
	margin-top:			20px;
}

.muji {
	padding-left:		60px;
	padding-right:		0px;
	margin-top:			20px;
}

.loreal {
	margin-top:			67px;
	padding-left:		0px;
	padding-right:		20px;
}

.lexus {
	margin-top:			50px;
	padding-left:		27px;
	padding-right:		20px;

}

.icex {
	margin-top:			64px;
	padding-left:		43px;
	padding-right:		20px;

}

.telepizza {
	margin-top:			67px;
	padding-left:		33px;
	padding-right:		0px;

}

.peronda {
	margin-top:			43px;
	padding-left:		60px;
	padding-right:		0px;

}

.amichi {
	margin-top:			44px;
	padding-left:		0px;
	padding-right:		20px;

}

.havaianas {
	margin-top:			41px;
	padding-left:		31px;
	padding-right:		20px;

}

.serunion {
	margin-top:			60px;
	padding-left:		27px;
	padding-right:		10px;
}

.women {
	margin-top:			64px;
	padding-left:		21px;
	padding-right:		0px;
}

.issey {
	margin-top:			50px;
	padding-left:		49px;
	padding-right:		0px;
}


.list-clientes {
	margin-top:			84px;

}

.list-clientes h4 {
	color:				#222221;
	 font-size:			50px;
	 line-height:		45px;
    font-family: 		'abhaya_librebold';
	margin-bottom:		48px;
	padding-top:		5px;
}

.list-clientes .col  {
	float:				left;
	margin-right:		54px;
		 font-size:		12px;
	 line-height:		24px;
    font-family: 		'quicksandbold';

}

.opiniones h5 {
	color:				#222221;
	 font-size:			30px;
	 line-height:		45px;
    font-family: 		'abhaya_librebold';
	margin-bottom:		22px;
	margin-top:			52px;
}


.opiniones {
	padding-left:		15px;

}


.opiniones .item {
	float:				left;
	width:				18%;

}

.opiniones .item .data {
	display:			block;
	padding-right:		30px;
}

.opiniones .item:last-child .data {
	display:			block;
	padding-right:		10px;
}



.opiniones .item .data .name {
		 font-size:		16px;
	 line-height:		20px;
    font-family: 		'quicksandbold';
	color:				#222221;
}

.opiniones .item .data .cargo {
		 font-size:		14px;
	 line-height:		20px;
    font-family: 		'quicksandmedium';
	color:				#000;
	margin-bottom:		20px;
}


.opiniones .item .data .text {
		 font-size:		15px;
	 line-height:		20px;
    font-family: 		'quicksandregular';
	color:				#000;
	margin-bottom:		20px;
	overflow:			hidden;
	height:				100px;
	text-overflow: ellipsis;
	  display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
-webkit-transition: all 0.3s;
    transition: 		all 0.3s;	
}

.opiniones .item.open .data .text {
    -webkit-line-clamp: none;
	display:		block;
	
}



.opiniones .item .more {
	display:				block;
	width:				31px;
	height:				31px;
	font-family: 'quicksandlight';
	font-size:		20px;
	border:			#b7b7b7 solid 3px;
	text-align:			center;
	border-radius:20px;
	
color:					#000;
-webkit-transition: all 0.3s;
    transition: 		all 0.3s;
}


.opiniones .item .more:hover {
	text-decoration:		none;
color:					#FFF;
background-color:			#b7b7b7;
}



.opiniones .item .minus {
	display:				none;
	width:				31px;
	height:				31px;
	font-family: 'quicksandlight';
	font-size:		20px;
	border:			#b7b7b7 solid 3px;
	text-align:			center;
	border-radius:20px;
color:					#000;
-webkit-transition: all 0.3s;
    transition: 		all 0.3s;
}


.opiniones .item .minus:hover {
	text-decoration:		none;
color:					#FFF;
background-color:			#b7b7b7;
}

.opiniones .item.open .minus {
	display:				block;
	
}
.opiniones .item.open .more {
	display:				none;
	
}


.opiniones .slide {
	position:			relative;

}

.opiniones .slide .prev {
	background-image:	url(../images/prev.png);
	background-repeat:	no-repeat;
	background-size:	contain;
	width:				18px;
	height:				21px;
	position:			absolute;
	margin-left:		-35px;
	margin-top:			6px;
-webkit-transition: all 0.3s;
    transition: 		all 0.3s;}
	
	.opiniones .slide .prev:hover {
	margin-left:		-40px;
	}
	

.opiniones .slide .next {
	background-image:	url(../images/next.png);
	background-repeat:	no-repeat;
	background-size:	contain;
	width:				18px;
	height:				21px;
	position:			absolute;
	margin-top:			6px;
	right:				8%;
-webkit-transition: all 0.3s;
    transition: 		all 0.3s;}

.opiniones .slide .next:hover {
	right:		7.7%;
}

.upscroll {
	display:			block;
	width:				36px;
	height:				36px;
	background-image:	url(../images/up.png);
	background-repeat:	no-repeat;
	background-size:	contain;
	position:			fixed;
	right:				6px;
	bottom:				80px;
	-webkit-transition: all 0.3s;
    transition: 		all 0.3s;
}

.upscroll:hover {
	bottom:				86px;
}

.projects {
	position:			relative;

}

.newsletter-btn {
	position:			fixed;
	right:				-19px;
 -ms-transform: rotate(-90deg); 
    -webkit-transform: rotate(-90deg); 
    transform: rotate(-90deg);
	top:				50%;
	color:				#222221;
	font-size:			15px;
    font-family: 		'abhaya_librebold';
	z-index:4;
}

.newsletter-btn:hover {
	text-decoration:	none;
	color:				#b7b7b7;


}

.video-home .newsletter-btn {
	display:			none !important;

}

.video-home .upscroll {
	display:			none !important;

}


.video h1 {
    font-family: 'abhaya_libreregular';
	font-size:			70px;
	line-height:		70px;
	color:				#FFF;
}


.video h2 {
    font-family: 'quicksandmedium';
	font-size:			30px;
	line-height:		35px;
	color:				#FFF;
	margin-top:			33px;
	margin-bottom:		129px;
}

.data-video a {
    font-family: 'quicksandbold';
	font-size:			18px;
	line-height:		35px;
	color:				#FFF;
-webkit-transition: all 0.6s;
    transition: 		all 0.6s;
}

.data-video a:hover {
	text-decoration:	none;
	color:				#222221;
}


.data-video a span {
	display:			inline-block;
}

.data-video a:hover {
	margin-left:10px;
}


.opiniones .item .data .cargo {
  text-overflow: ellipsis;
  overflow: hidden; 
    white-space: nowrap;
}

.opiniones .item .data .name {
  text-overflow: ellipsis;
  overflow: hidden; 
    white-space: nowrap;
}


.data-video {
	position:				absolute;
	bottom:				0;
	top:			0;
	margin-top:			30%;
	width:				100%;
	z-index:			100;

}


.stop-scrolling {
  height: 100%;
  overflow: hidden;
}


.newsletter {
	background-color:		#222221;
	position:				fixed;
	top:					45%;
	z-index:				130;
	width:					calc(100% - 28px);
	padding-top:			60px;
	padding-bottom:			60px;
	-webkit-transition: all 0.6s;
    transition: 		all 0.6s;
	left:-100%;

}

.newsletter.active {
	left:0;

}

.newsletter .close {
	position:				absolute;
	right:					40px;
	top:					20px;
	font-size:				25px;
	color:					#FFF;
    font-family: 		'abhaya_librebold';
	text-decoration:		none;
}
.newsletter .title  {
    font-family: 'abhaya_libreregular';
	font-size:				30px;
	line-height:			25px;
	color:					#FFF;
}
.newsletter .title strong {
    font-family: 		'abhaya_librebold';
}

.newsletter .input {
	display:				block;
	position:				relative;
	width:					100%;
	max-width:				623px;
	margin-top:				35px;
    font-family: 		'abhaya_librebold';
	font-size:			15px;
	line-height:		25px;
}

.newsletter .input input {
	width:					100%;
	border:					 #FFF solid 1px;
	background-color:		#222221;
	padding:				10px;
	
}

.newsletter .input a {
	display:				block;
	position:				absolute;
	right:					25px;
	top:					12px;
	color:					#FFF;-webkit-transition: all 0.6s;
    transition: 		all 0.6s;
}


.newsletter .input a:hover {
	right:15px;
	text-decoration:none;
}


.newsletter .input input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #FFF;
    opacity: 1; /* Firefox */
}

.newsletter .input input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #FFF;
}

.newsletter .input input::-ms-input-placeholder { /* Microsoft Edge */
    color: #FFF;
}

.light {
	position:			absolute;
	z-index:90;
	background-color:#000;
	opacity:	0.2;
	display:			block;
	width:100%;
	height:100%;

}

.more-comments {
	display:				block;
	text-align:				center;
	clear:					both;
	margin-top:				50px;
	overflow:				auto;
	border-top:				#a9a581 solid 2px;
	
	    margin-left: 40px;
    margin-right: 40px;
	overflow:				auto;

}

.more-comments a {
	text-transform:			uppercase;
	color:					#000;
    font-family: 'quicksandbold';
	font-size:			15px;
	line-height:		24px;
	margin-top:				18px;
	display:				inline-block;
}

.more-comments a:hover {
	color:					#daa49d;
	text-decoration:		none;
}



.ver-todos {
	display:			block;
	height:				89px;
	background-repeat:	no-repeat;
 	background-size: 	100% 89px;
	text-align:			center;
	margin-left:		30px;
	margin-right:		30px;
	margin-bottom:		120px;
	margin-top:			60px;
	background-color:	#d8d8d8;
}

.ver-todos a{
	display:		inline-block;
	text-transform:		uppercase;
	color:				#222221;
	margin-top:			38px;
    font-family: 'quicksandbold';
	font-size:			15px;
}

.ver-todos a:hover {
	text-decoration:		none;
}
	
	.projects a:hover {
		text-decoration:none;	
	}
	
.projects .detail-m  .title {
	  display:			block;
	  text-align:		center;
	  margin-top:		20px;
	color:				#222221;
	font-size:			30px;
    font-family: 		'abhaya_librebold';
}
  

  
.projects .detail-m  .title span {
	font-size:			16px;
    font-family: 		'quicksandregular';
	color:				#000;
	display:			inline-block;
	padding-left:		5px;
}

.projects .detail-m  .text {
	 padding-left:		0px;
	 padding-right:		0px;
	 font-size:			14px;
	 line-height:		18px;
    font-family: 		'quicksandregular';
	color:				#000;
	margin-top:			20px;
}
 
.projects .detail-m .more {
    font-family: 		'quicksandbold';
	font-size:			25px;
	line-height:		18px;
	color:				#222221;
	text-align:			center;
	bottom:				30px;
	left:				0;
	right:				0;
	margin:				auto;
	display:			block;
	width:				23px;
	height:				23px;
	-webkit-transition: all 0.6s;
    transition: 		all 0.6s;
	margin-top:			20px;
}

.menu {
	width:				33px;
	height:				33px;
	background-image:		url(../images/menu.png);
	background-repeat:		no-repeat;
	background-position:	center;
	display:			block;
	float:				right;
	margin-right:		8.3%;
	margin-top:			23px;
}

.menu.close {
	
	background-image:		url(../images/menu-close.png);

}

.menu-mobile {
	display:			none;
	background-color:	#d8d8d8;
	width:				100%;
	height:				100%;
	position:			fixed;
	top:				0;
	z-index:			10;

}


.menu-mobile .languages  {
	margin-right:		0px;
    font-family: 		'abhaya_librebold';
	font-size:			18px;
	color:				#FFF;
	margin-top:			110px;
	display:			block !important;
	padding-left:		8.3%;
	border-bottom:		#FFF solid 1px;
	padding-bottom:		30px;
	text-align:			center;
}

.menu-mobile .languages  a {
	color:				#222221;
	display:			inline-block;
}

.menu-mobile .languages  a.sld {
	color:				#222221;

}

.menu-mobile .languages  a:hover {
	text-decoration:	none;
	color:				#222221;
}

.menu-mobile .languages  span {
	display:			inline-block;
	margin-left:		3px;
	margin-right:		2px;
}

.menu-mobile .nav-menu  {
	display:			block !important;

}


.menu-mobile .nav-menu {
    font-family: 		'abhaya_librebold';
	font-size:			30px;
	line-height:		40px;
	display:			block !important;
	padding-top:		30px;
}

.menu-mobile .nav-menu a {
	color:				#222221;
	padding-top:		20px;
	display:			block;
	text-align:			center;
	padding-left:		11px;
	margin-right:		22px;
	border-left:		#8d0062 solid 0px;
	-webkit-transition: all 0.3s;
    transition: 		all 0.3s;
	
}

.menu-mobile .nav-menu a:hover {
	color:				#222221;
	text-decoration:	none;
	margin-left:		20px;
}







.menu-mobile .social {
	display:			block !important;
	position:			fixed;
	bottom:				30px;	
	margin-top:			38px;
	padding-top:		30px;
	padding-bottom:		20px;
	border-top: #FFF solid 1px;
	background-repeat:	no-repeat;
	background-size:	25px 25px;
	height:				25px;
	padding-left:		40px;
	padding-right:		20px;
	-webkit-transition: all 0.3s;
    transition: 		all 0.3s;
	width:				100%;
}

.menu-mobile .social .facebook {
	display:			block;
	float:				left;
	width:				67px;
	height:				13px;
	background-image:	url(../images/facebook.png);
	background-repeat:	no-repeat;
	background-size:	67px 13px;
	margin-top:			5px;
	margin-right:		23px;
}

.menu-mobile  .social .facebook span {
	display:			block;
	float:				left;
	width:				0px;
	height:				13px;
	background-image:	url(../images/facebook-hover.png);
	background-repeat:	no-repeat;
	background-size:	67px 13px;
	margin-top:			0px;
	-webkit-transition: all 0.5s;
    transition: 		all 0.5s;
}

.menu-mobile  .social .facebook:hover span {
	width:				67px;
}

.menu-mobile .social .twitter {
	display:			block;
	float:				left;
	width:				60px;
	height:				12px;
	background-image:	url(../images/twitter.png);
	background-repeat:	no-repeat;
	background-size:	60px 12px;
	margin-top:			6px;
	margin-right:		25px;
}

.menu-mobile  .social .twitter span {
	display:			block;
	float:				left;
	width:				0px;
	height:				12px;
	background-image:	url(../images/twitter-hover.png);
	background-repeat:	no-repeat;
	background-size:	60px 12px;
	margin-top:			0px;
	margin-right:		25px;
	-webkit-transition: all 0.5s;
    transition: 		all 0.5s;
}

.menu-mobile .social .twitter:hover span {
	width:				60px;
}

.menu-mobile  .social .vimeo {
	display:			block;
	float:				left;
	width:				41px;
	height:				12px;
	background-image:	url(../images/vimeo.png);
	background-repeat:	no-repeat;
	background-size:	41px 12px;
	margin-top:			6px;
	margin-right:		25px;
}

.menu-mobile  .social .vimeo span {
	display:			block;
	float:				left;
	width:				0px;
	height:				12px;
	background-image:	url(../images/vimeo-hover.png);
	background-repeat:	no-repeat;
	background-size:	41px 12px;
	margin-top:			0px;
	margin-right:		25px;
	-webkit-transition: all 0.6s;
    transition: 		all 0.6s;
}

.menu-mobile .social .vimeo:hover span {
	width:				41px;
}


.menu-mobile  .social .pinterest {
	display:			block;
	float:				left;
	width:				53px;
	height:				13px;
	background-image:	url(../images/pinterest.png);
	background-repeat:	no-repeat;
	background-size:	53px 13px;
	margin-top:			6px;
}

.menu-mobile  .social .pinterest span {
	display:			block;
	float:				left;
	width:				0px;
	height:				13px;
	background-image:	url(../images/pinterest-hover.png);
	background-repeat:	no-repeat;
	background-size:	53px 13px;
	margin-top:			0px;
	-webkit-transition: all 0.6s;
    transition: 		all 0.6s;
}

.menu-mobile .social .pinterest:hover span {
	width:				53px;
}


.projects h3 {
    display: block;
    font-size: 35px;
    line-height: 35px;
    color: #222221;
    font-family: 'abhaya_librebold';
    margin-bottom: 0px;
    text-align: center;
    padding-top: 30px;
}



.ficha  h3{
	display:			block;
	font-size:			50px;
	line-height:				45px;
	color:				#222221;
    font-family: 		'abhaya_librebold';
	margin-bottom:		10px;
	float:				left;
	border-right:		#222221 solid 0px;
	padding-right:		20px;
	margin-right:		20px;
}



.ficha  .medida {
	display:			block;
	font-size:			16px;
	line-height:		22px;
	margin-bottom:		10px;
    font-family: 'quicksandregular';
	clear:			both;
}

.ficha  .fecha {
	display:			block;
	font-size:			16px;
	line-height:		20px;
    font-family: 'quicksandregular';
	clear:			both;
}


.ficha  .texto {
	display:			block;
	font-size:			15px;
	line-height:		17px;
    font-family: 'quicksandregular';
	clear:			both;
}

.ficha  .texto strong {
    font-family: 		'quicksandbold';
}

.ficha  .precio {
	display:			block;
	font-size:			20px;
	line-height:		22px;
	color:				#222221;
	margin-bottom:		20px;
	margin-top:			10px;
    font-family: 'quicksandregular';
}


.ficha  .btn-comprar { padding:20px;
background-color:		#222221;
color:				#FFF;
display:			inline-block;

    font-family: 'quicksandregular';
	font-size:		16px;
}


.ficha  .btn-comprar:hover {
	text-decoration:		none;
	background-color:		#000;
	
}


.relacionados {
	margin-top:				60px;

}

.relacionados .title {
	display:			block;
	font-size:			20px;
	line-height:				25px;
	color:				#222221;
    font-family: 		'abhaya_librebold';
	margin-bottom:		10px;
	float:				left;
	border-top:		#e2e2e2 solid 1px;
	padding-top:		20px;
	margin-top:		20px;
	width:				100%;

}


.relacionados  .projects  {
    padding-left: 0px;
    padding-right: 0px;
}

.relacionados  .projects .item .img .info .detail .title {
    display: block;
    text-align: center;
    margin-top: 20%;
    color: #222221;
    font-size: 20px;
    font-family: 'abhaya_librebold';
}


.relacionados  .projects .item .img .info .detail .title span {
    font-size: 12px;
    font-family: 'quicksandregular';
    color: #000;
    display: inline-block;
    padding-left: 5px;
}



.relacionados  .projects .item .img .info .detail .text {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 12px;
    line-height: 14px;
    font-family: 'quicksandregular';
    color: #000;
    margin-top: 43px;
}


.form-contact {
	margin-top:				-100px;
	background-color:		#FFF;
	padding:				40px;

}


.form-contact .title {
	display:			block;
	font-size:			50px;
	line-height:				45px;
	color:				#222221;
    font-family: 		'abhaya_librebold';
	margin-bottom:		10px;
}


.form-contact .subtitle {
	display:			block;
	font-size:			15px;
	line-height:		17px;
    font-family: 'quicksandregular';
}

.form-contact label {
	display:			block;
	font-size:			15px;
	line-height:		17px;
    font-family: 'quicksandregular';
}


.form input[type="text"] {
	width:				100%;
	padding:			5px;
	outline:none;
    font-family: 'quicksandregular';
	font-size:		14px;
}


.form input[type="submit"] {
	padding:10px;
background-color:		#222221;
border:		#222221 solid 1px;
color:				#FFF;
margin-top:				30px;
display:			inline-block;

    font-family: 'quicksandregular';
	font-size:		14px;
	display:inline-block;

}

.form input[type="submit"]:hover {
	padding:10px;
background-color:		#000;
border:		#000 solid 1px;

}


.form textarea {
	width:				100%;
	padding:			5px;
	height:				100px;
	border:				#e2e2e2 solid 1px;
	outline:none;
    font-family: 'quicksandregular';
	font-size:		14px;
}

.form  {
	margin-top:				20px;

}

.form .input {
	padding-right:		20px;
	margin-bottom:		20px;

}


.relacionados .projects .item .img .info .detail .title {
    border-top: none;
}


a.bold {
    font-family: 		'abhaya_librebold';
	color:				#222221;
	font-size:			18px;

}

a.sld {
	text-decoration:		underline;

}

.footer .foot-nav a:hover {
    color: #babab6;
    text-decoration: none;
}