@charset "UTF-8";

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

.row {
	margin-left:			0px;
	margin-right:			0px;
}


html {
	height:						100%;

}


.clear {
	clear:						both;
}

body::-webkit-scrollbar
{
    display: none;
}
body {
  	font-family: 				'GentiumBasic';
	background-color:			#1f2226;
	color:						#fff;
	height:						100%;
		-webkit-font-smoothing: antialiased;

}

body a {
	color:						#334d5c;
	text-decoration:			none;
}


body a:hover {
	color:						#253b47;
	text-decoration:			none;
}

body a:focus {
	text-decoration:			none;
	color:						#4f4948 ;
}

.container {
	padding-left:				0px;
	padding-right:				0px;
   	-webkit-box-sizing: 		border-box;
	-moz-box-sizing: 			border-box;
	box-sizing: 				border-box;
	width:						100%;
}

.column {
	padding-left:				0px;
	padding-right:				0px;
	padding-top:				0px;
	padding-bottom:				0px;
}


html, body {
  	height: 					100%;
}

section {
	display:					table;
	height: 					100vh;
	background-size:			cover;
	width:						100%;
}

.header {
	display:					block;
	position:					fixed;
	top:						0;
	width:						100%;
	z-index:					100;
}

.header .logo {
	display:					block;
	background-image:			url(images/logo.png);
	background-repeat:			no-repeat;
	background-size:			cover;
	width:						82px;
	height:						30px;
	margin-left:				0px;
	margin-top:					20px;
	float:						left;
}

.header .toggle {
	float:						right;
	display:					block;
	width:						35px;
	height:						14px;
	margin-top:					62px;
	margin-right:				20px;
	background-image:			url(images/ic-main.png);
	background-repeat:			no-repeat;
	background-size:			contain;
}

.header .toggle.close {
	float:						right;
	display:					block;
	width:						22px;
	height:						20px;
	margin-top:					62px;
	margin-right:				27px;
	background-image:			url(images/close.png);
	background-repeat:			no-repeat;
	background-size:			contain;
}

.header .toggle.black {
	background-image:			url(images/ic-main-black.png);
}

.header .languages {
	float:						right;
	display:					block;
	font-size:					16px;
	line-height:				16px;
	margin-top:					61px;
	margin-right:				57px;
}

.header .languages a {
	color:						#FFF;
  	font-family: 				'GentiumBasic';
}


.header .languages a.sld {
	color:						#FFF;
	font-family:				 'GentiumBasic-Bold';
}

.header .languages a:hover {
	color:						#FFF;
	font-family:				 'GentiumBasic-Bold';
}



.header .main {
	float:						right;
	display:					block;
	position:					absolute;
	right:						42px;
	top:						0;
	bottom:						0;
	height:						235px;
	margin:						auto;
}

.header .main a {
	display:					block;
	clear:						both;
}


.header .main a span {
	display:					inline-block;
	font-size:					12px;
	line-height:				12px;
	float:						right;
	color:						#FFF;
	margin-right:				15px;
	opacity:					0;
}

.header .main a div {
	display:					inline-block;
	width:						11px;
	height:						11px;
	border:						#FFF solid 1px;
	float:						right;
}

.header .main div.sp {
	display:					block;
	clear:						both;
	width:						1px;
	height:						20px;
	background-color:			#FFF;
	float:						right;
	margin-right:				5px;
}


.header .main a.sld div {
	background-color:			#FFF;
}

.header .main a.sld span {
	opacity:					1;
}


.header .main a:hover div {
	background-color:			#FFF;
}


.header .main a:hover span {
	opacity:					1;
}



.header .black  a span {
	color:						#000 !important;
}

.header .black  a div {
	border:						#000 solid 1px !important;
}

.header .black  div.sp {
	background-color:			#000 !important;
}


.header .black  a.sld div {
	background-color:			#000 !important;
}
.header .black  a:hover div {
	background-color:			#000 !important;
}





.mouse {
	display:					block;
	position:					fixed;
	width:						45px;
	height:						29px;
	background-image:			url(images/mouse.png);
	background-repeat:			no-repeat;
	background-size:			contain;
	right:						2px;
	bottom:						73px;
}


.video {
	display:					block;
	height:						100vh;
    width: 100%;
	z-index:					4;
	top:					0;
	bottom:					0;
	margin:						auto;
	position:					absolute;
}

.video .information {
	display:					none;
	border:						#FFF solid 1px;
	text-align:					center;
	font-size:					51px;
	line-height:				51px;
	padding-top:				60px;
	padding-bottom:				60px;
	z-index:					3;
	margin-top:					50%;
	opacity:					0.8;
}

.video .player {
	display:					none;
	background-color:			#1f2226;
	position:					absolute;
	bottom:						0px;
	left:						0;
	right:						0;
	margin:						auto;
	width:						414px;
	height:						138px;
	border-right:				#FFFFFF solid 1px;
	z-index:					2;
	border-top:					#FFFFFF solid 0px;
}

.video .player a {
	float:						left;
	width:						137px;
	border-left:				#FFF solid 1px;
	border-top:				#FFF solid 1px;
	position:					relative;
	display:					block;
	float:						left;
}

.video .player a i {
	display:					block;
	height:						138px;
	width:						138px;
	background-color:			#1f2226;
}

.video .player a.play i {
	background-image:			url(images/play.png);
	background-repeat:			no-repeat;
	background-position:		center;
	background-size:			37px 44px;
	opacity:					1;
}

.video .player a.play.active i {
	background-color:			#434343;

}


.video .player a.pause i {
	background-image:			url(images/stop.png);
	background-repeat:			no-repeat;
	background-position:		center;
	background-size:			36px 36px;
	opacity:					1;
}

.video .player a.pause.active  i {
	background-color:			#434343;
}

.video .player a:hover i {
	background-color:			#434343 !important;
}

.video .player a.sound-on {
	border-right:				#FFF solid 1px !important;
}

.video .player a.sound-on i {
	background-image:			url(images/sound-on.png);
	background-repeat:			no-repeat;
	background-position:		center;
	background-size:			36px 36px;
}

.video .player a.sound-off i {
	background-image:			url(images/sound-off.png);
	background-repeat:			no-repeat;
	background-position:		center;
	background-size:			37px 42px;
}


.video .player a span {
	display:					none;
	background-color:			#ffffff;
	color:						#1f2226;
	font-size:					20px;
  	font-family: 				'GentiumBasic';
	transform : 				rotate(-90deg);
	-moz-transform : 			rotate(-90deg); /* Firefox */
	-webkit-transform : 		rotate(-90deg); /* Chrome - Safari */
	-o-transform : 				rotate(-90deg); /* Opera */
	line-height:				138px;
	height:						138px;
	overflow:					hidden;
	position:					absolute;
	top:						-1px;
	left:						-2px;
	margin-top:					-138px;
	width:						140px;
	text-align:					center;
}

.video .player a:last-child span {
	height:						140px;
	left:						-1px;
}

.video .player a:hover span {
	display:					block;

}

.white {
	display:					block;
	background-color:			#FFF;
	width:						100%;
}

.white .h1 {
	color:						#1f2226;
	text-align:					center;
	font-size:					110px;
	height:						40vh;
	display:					table;
	width:						100%;
}

.white .h1 span {
	display:					table-cell;
	vertical-align:				middle;
	padding-top:				43px;
}

.white .h1 span img {
	display:					inline-block !important;
	height: 65px;
    margin-top: -23px;

}

.white .h1 span strong {
	font-family:				 'GentiumBasic-Bold';
}


.parralax {
	height:						60vh;
	display:					table;
	width:						100%;
	border:						#FFF solid 70px;
}

.parralax-data {
	display:					table-cell;
	vertical-align:				middle;
}

.parralax-data .title {
	font-size:					90px;
	line-height:				90px;

}

.parralax-data .text {
	font-size:					28px;
	line-height:				32px;

}

.parralax-data .dest {
	font-family:				 'GentiumBasic-Bold';
	font-size:					28px;
	line-height:				32px;
}


.data {
	display:					table-cell;
	vertical-align:				middle;
	height:						100vh;

}

.data-box {
	display:					table;
	vertical-align:				middle;
	height:						100vh;
	width:						100%;

}

.data .title {
	display:					inline-block;
	color:						#FFF;
	background-color:			#1f2226;
	font-size:					55px;
	line-height:				55px;
	font-family:				 'GentiumBasic-Bold';
	margin-bottom:				60px;
}

.data .subtitle {
	display:					inline-block;
	color:						#1f2226;
	background-color:			#FFF;
	font-size:					110px;
	line-height:				110px;
	margin-bottom:				60px;
}

.data .text {
	display:					inline-block;
	color:						#1f2226;
	background-color:			#FFF;
	font-size:					30px;
	line-height:				38px;
	padding:					15px;
	margin-bottom:				60px;
	margin-right:				100px;
margin-right:120px;}

.data .text p{
	padding-top:				0px;
	padding-bottom:				0px;
	margin-top:					0px;
	margin-bottom:				0px;
}

.data .ctt {
	display:					block;
	width:						100%;
	text-align:					center;
	font-size:					65px;
	line-height:				70px;
	padding-left:				70px;
	padding-right:				70px;
}

.button {
	border-top:					#FFF solid 1px;
	border-bottom:				#FFF solid 1px;
	text-align:					center;
	font-size:					55px;
	line-height:				55px;
	padding-top:				100px;
	padding-bottom:				100px;
	margin-top:					130px;

}

.gmap {
	display:					block;
}

.gmap span.tt {
	display:					inline-block;
	font-size:					90px;
	height: 78px;
	line-height:				110px;
	color:						#1d232c;
	background-color:			#FFF;
	margin-bottom:				60px;
	float:						left;
	margin-right:				10px;
}

.gmap .icmap {
	display:					inline-block;
	float:						left;
	height: 78px;
	width:						65px;
	background-image:			url(images/location.png);
	background-repeat:			no-repeat;
	background-size:			contain;
	background-position:		center;
}



.gmap span.info {
	display:					inline-block;
	float:						left;
	font-size:					20px;
	height: 78px;
	line-height:				78px;
	color:						#FFF;
	background-color:			#1f2226;
	margin-bottom:				60px;
	padding-left:				23px;
	padding-right:				23px;
	margin-left:				10px;
}

.button-project {
	display:					block;
	text-align:					center;
	font-size:					65px;
	line-height:				65px;
	padding-bottom:				60px;
	padding-top:				60px;
	border-top:					#FFF solid 1px;
	border-right:				#FFF solid 1px;
	background-color:			#1f2226;
}

.project-photo {
	border-right:				#FFF solid 1px;
	display:					table-cell;
	background-size:			cover;
	background-position:		center;
	width:						33%;

}


.project-photo  img {
	visibility:					hidden;
	height:						calc(100vh - 100px) !important;
}

.project-photo a  {
	overflow:hidden;

}

.project-photo.animar {
  transition: all 1s ease;
    background-size: 110%;
	background-position:		left;
}


.project-photo.animar:hover {
    background-size: 120%;
}

.footer {
	display:					block;
	position:					relative;
}

.footer .title {
	display:					block;
	font-size:					30px;
	padding-top:				60px;
	padding-bottom:				60px;
	border-bottom:				#FFF solid 1px;
	text-align:					center;
}

.footer-contact .logo-footer {
	display:					inline-block;
	background-image:			url(images/logo.png);
	background-repeat:			no-repeat;
	background-size:			cover;
	width:						151px;
	height:						55px;
	position:					absolute;
	left:						0;
	right:						0;
	margin:						auto;
	margin-top:					-40px;
	top:						0;
	bottom:						0;
}

.footer-contact .phone {
	font-size:					18px;
	color:						#FFF;
  	font-family: 				'GentiumBasic';
	border-right:#FFF solid 1px;
	border-top:#FFF solid 1px;
	width:100%;
	text-align:center;
	display:			block;
	padding-top:30px;
	padding-bottom:20px;
}

.footer-contact .email {
	font-size:					18px;
	color:						#FFF;
  	font-family: 				'GentiumBasic';
	border-top:#FFF solid 1px;
	width:100%;
	text-align:center;
	display:			block;
	padding-top:30px;
	padding-bottom:20px;
}

.footer-contact .link {
	font-size:					18px;
	color:						#FFF;
  	font-family: 				'GentiumBasic';
	border-left:#FFF solid 0px;
	border-top:#FFF solid 1px;
	width:100%;
	text-align:center;
	display:			block;
	padding-top:30px;
	padding-bottom:20px;
}



.footer .contact {
	display:					block;
	text-align:					center;
	font-size:					25px;
	line-height:				25px;
	margin-top:					37px;
}

.footer .contact a {
	color:						#FFF;
	float:						right;
}

 .next {
	display:					block;
	border-left:				#FFF solid 1px;
	width:						89px;
	height:						89px;
	float:						right;
	background-image:			url(images/next.png);
	background-repeat:			no-repeat;
	background-position:		40px center;
	cursor:						pointer;
}

.parralax {
	background-size:			cover;

}

.floatMenu {
	position: 					fixed;
	height:						200px;
	top:						0;
	bottom:						0;
	margin:						auto; right:0px; width:200px; display:block; z-index:90;
	right: 						-10px;
}

.email-form {
	float:			left;
	display:block;
	line-height:		89px;
	font-size:		20px;
	background-color:   #1f2226;
	border:			none;
	width:-moz-calc(100% - 89px);
  	width:calc(100% - 89px);
}

.checkbox {
	float:			left;
	display:block;
	line-height:		89px;
	font-size:		13px;
	background-color:   #1f2226;
	border:			none;
	width:-moz-calc(100% - 89px);
  	width:calc(100% - 89px);
	text-align:left;
}


.checkbox input {
	margin-right:	10px;
	border:#FFF solid 1px;
	background-color:transparent;
	border-radius:0px;
	-webkit-appearance:none;
	width: 17px;
height: 17px;
background-color: transparent;
border:#FFF solid 1px;
float:left;
margin-top: 33px;
}

.checkbox input:focus {
	outline:none;

}
.checkbox input:checked {
	margin-right:	10px;
	border:#FFF solid 1px;
	background-color:transparent;
	border-radius:0px;
	-webkit-appearance:none;
	width: 17px;
height: 17px;
background-color: #FFF;
border:#FFF solid 1px;
}

form {
border-bottom:#FFF solid 1px;
}

.form-contact .h1 {
	font-size:		40px;
	border:#FFF solid 1px;
	padding:50px;
	margin-bottom:50px;

}

.form-row input {
	padding-top:40px;
	padding-bottom:20px;
	font-size:		15px;
	text-align:center;
	background-color:   #1f2226;
	border:			none;
	color:						#FFF;
  	font-family: 				'GentiumBasic';
	width:100%;
  padding-left:20px;
  padding-right:20px;
  border-bottom:#FFF solid 1px;
}

.form-row  input:focus {
	outline:		none;
}


::-webkit-input-placeholder {
   color: #FFFFFF;
}

:-moz-placeholder { /* Firefox 18- */
   color: #FFFFFF;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #FFFFFF;
}

:-ms-input-placeholder {
   color: #FFFFFF;
}


.legal {
	position:				fixed;
	height:					100vh;
	width:					100%;
	display:				none;
	background-color:		#1f2226;
	color:					#FFF;
	z-index:				97;
}

.legal .texto{
	font-size:				15px;
	overflow:				auto;
	height:					60vh;
	padding-right:			100px;
  	font-family: 			'GentiumBasic';
}

.legal-title {
	display:				block;
	margin-top:				20vh;
	font-size:				25px;
	line-height:			25px;
	border-bottom:			#FFF solid 1px;
  	font-family: 			'GentiumBasic-Bold';
	padding-bottom:			20px;
}

.legal-title a {
	float:					right;
	font-size:				20px;
	color:					#FFF;
  	font-family: 			'GentiumBasic';
}

.legal-title a:hover {
	color:					#FFF;
}

legal .texto::-webkit-scrollbar
{
    display: block;
}

.legal .texto strong {
	font-size:				18px;

}


.menu {
	position:				fixed;
	height:					100vh;
	width:					100%;
	display:				none;
	background-color:		#1f2226;
	color:					#FFF;
	z-index:				98;
}

.menu .list {
	display:				inline-block;
	position:				absolute;
	top:					0;
	left:					0;
	right:					0;
	bottom:					0;
	margin:					auto;
	width:					550px;
	height:					300px;
	float:					left;
	text-align:				center;
	font-size:				30px;
	line-height:			60px;
  	font-family: 			'GentiumBasic';
}

.menu .list img {
	height:					63px;
	display:				block;
	margin-bottom:70px;

}

.menu .list a {
	color:					#FFF;
}

.menu .list a:hover {
	color:					#cfd0d1;
}

.menu .social {
	display:				inline-block;
	position:				absolute;
	bottom:					40px;
	width:					330px;
	height:					30px;
	left:					0;
	right:					0;
	margin:					auto;
	text-align:				center;

}

.menu .social .facebook {
	display:				inline-block;
	width:					70px;
	height:					14px;
	background:				url(images/facebook.png);
	background-size:		contain;
	background-repeat:		no-repeat;
	float:					left;
	margin-top:				10px;
	margin-right:			20px;
}

.menu .social .twitter {
	display:				inline-block;
	width:					61px;
	height:					12px;
	background:				url(images/twitter.png);
	background-size:		contain;
	background-repeat:		no-repeat;
	float:					left;
	margin-top:				10px;
	margin-right:			20px;
}

.menu .social .instagram {
	display:				inline-block;
	width:					75px;
	height:					21px;
	background:				url(images/instagram.png);
	background-size:		contain;
	background-repeat:		no-repeat;
	margin-top:				7px;

}

.menu .social .linkedin {
	display:				inline-block;
	width:					60px;
	height:					12px;
	background:				url(images/linkedin.png);
	background-size:		contain;
	background-repeat:		no-repeat;
	float:					left;
	margin-top:				10px;
}

.lines {
	display:				block;
	width:					0px;
	height:					100%;
 -webkit-transition: width 4s ease-in-out;
    -moz-transition: width 4s ease-in-out;
    -o-transition: width 4s ease-in-out;
    transition: width 4s ease-in-out;
}

.lines.animation {

    height:100%;
    width:100%;
}



#videoFrame {
	    width: 2311px;
    height: 1300px;
    top: -105px;
	position:	absolute;
	margin-left:-200px;

}



.js-video {
  height: 0;
  padding-top: 25px;
  padding-bottom: 67.5%;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.js-video.widescreen {
  padding-bottom: 56.34%;
}

.js-video.vimeo {
  padding-top: 0;
}



.js-video embed, .js-video iframe, .js-video object, .js-video video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.designed {
	display:					block;
	text-align:					center;
	color:						#FFF;
	font-size:					12px;
	margin-left:				0px;
	border-left:#FFF solid 1px;
	border-top:#FFF solid 1px;
	width:100%;
	text-align:center;
	display:			block;
	padding-top:35px;
	padding-bottom:23px;
}

.designed a {
	color:						#FFF;
	font-family:				 'GentiumBasic-Bold';
	font-size:				12px;
	text-align:					left;
	display:					inline-block;
	background-repeat:		no-repeat;
	height:						16px;
	margin-bottom:				-10px;
}

.designed a:hover {
	color:						#FFF;
}


.footer-bottom {
	display:table;

}

.footer-bottom .column {
	display:table-cell;

}


.project-title {
	display:				block;
	text-align:				center;
	color:					#1f2226;
	font-family:			 'GentiumBasic';
	font-size:				80px;
	line-height:			85px;
	margin-top:				100px;
}

.project-title b{
	font-family:			 'GentiumBasic-Bold';
}

.project-bar {
	display:				block;
	border:					#1f2226 solid 1px;
	width:					100%;
	height:					132px;
	margin-top:				130px;
	margin-bottom:			35px;
}

.project-bar .list-projects {
	display:				none;

}

.project-bar .down {
	height:					132px;
	width:					138px;
	background-color:		#1f2226;
	display:				block;
	background-image:				url(images/down.png);
	background-repeat:no-repeat;
	background-position:center;
}

.project-bar .name {
	display:				block;
	float:					right;
	color:					#1f2226;
	font-family:			 'GentiumBasic';
	font-size:				50px;
	line-height:			55px;
	margin-right:			315px;
	line-height:			132px;
}


.project-video {
	display:				block;
	margin-top: 			1px;
	position:				relative;
}

.project-video .project-video-player {
	display:				none;
}

.project-details {
	display:				none;
}

.full-title {
	font-size:				40px;
	line-height:			132px;
	color:					#fff;
	font-family:			'GentiumBasic';
	text-align:				center;
}

.slider {
	margin-top:				110px;
}

.navigation-slider {
	display:					block;
	border-top:					#1f2226 solid 1px;
	border-bottom:				#1f2226 solid 1px;
	line-height:				80px;
	margin-top:					120px;
	padding-top:				5px;
}

.navigation-slider .title-slider {
	font-size:				30px;
	color:					#1f2226;

}

.navigation-slider .title-slider span {
	font-size:				15px;

}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.partners-box {
	margin-bottom:			125px;

}

.partners-title {
	font-size:				60px;
	line-height:			65px;
	padding-top:			134px;

}

.partners-image {
	padding-left:			150px;
	padding-right:			150px;
	padding-bottom:			115px;
}

.partners-text {
	font-size:				20px;
	line-height:			25px;
	text-align:				left;
	padding-left:			150px;
	padding-right:			150px;
	color:					#1f2226;
	padding-top:			134px;
	padding-bottom:			134px;
	margin-bottom:			115px;
	border-bottom:				#1f2226 solid 1px;
}

.text-fragment p {
	margin-top:				0px;
	margin-bottom:				15px;
}
.text-fragment p:last-child {
	margin-top:				0px;
	margin-bottom:				0px;
}

.center-title-big {
	display:				block;
	font-size:				60px;
	line-height:			65px;
	color:					#1f2226;
	margin-top:				160px;
	margin-bottom:			140px;
}

.center-title-big span {
	display:				block;
	font-size:				30px;
}

.center-title-normal {
	display:				block;
	font-size:				50px;
	line-height:			55px;
	color:					#1f2226;
	margin-top:				160px;
	margin-bottom:			160px;
	text-align:				center;
}

.center-title {
	display:				block;
	font-size:				50px;
	line-height:			55px;
	color:					#1f2226;
	margin-top:				100px;
	margin-bottom:			0px;
	text-align:center;
}

.center-title span {
	display:				block;
	font-size:				20px;
}

.title-fragment {
	font-size:				60px;
	line-height:			65px;
	color:					#1f2226;
	padding-left:			150px;
	padding-right:			150px;
}

.text-fragment {
	font-size:				30px;
	line-height:			35px;
	color:					#1f2226;
	padding-left:			150px;
	padding-right:			150px;
	padding-top:			70px;
}

.fragment .image {
	float:				left;
	width:				100%;
	margin-bottom:		160px;


}

.fragment .caracteristicas {
	font-size:				22px;
	line-height:			35px;
	color:					#1f2226;
	padding-left:			20px;
	border-left:			#1f2226 solid 1px;
	display:				block;
	float:				left;
}

.tab_label {
	background-color:		#1f2226;
	color:					#FFF;
	font-size:				40px;
	line-height:			75px;
	text-align:				center;
	position:				relative;

}

.tab_label .line {
	height:					1px;
	position:				absolute;
	width:					100px;
	background-color:		#1f2226;
	right:					-80px;

}

.tab_title {
	font-size:				40px;
	line-height:			40px;
	color:					#1f2226;
	padding-left:			117px;
	margin-bottom:			30px;
}

.tab_text {
	font-size:				20px;
	line-height:			25px;
	color:					#1f2226;
	margin-bottom:			100px;
	padding-left:			117px;
}

.linkvideo {
	display:				none;
}

.linkvideo {
    display: none;
    font-size: 31px;
    line-height: 31px;
    padding-top: 30px;
    padding-bottom: 0px;
	position:			absolute;
	bottom:90px;
	text-align:			center;
	width:				100%;
	font-size:			16px;
}

.linkvideo a {
	color:				#FFF;
	text-decoration:	none;

}

.linkvideo a:hover {
	color:				#FFF;
	text-decoration:	none;

}
.linkvideo a:active {
	color:				#FFF;
	text-decoration:	none;

}

.partners-title-hidden {
	display:			none;
}

.project-bar .list-projects.showmenu {
	display:			block;
	background-color:	#FFF;
	position:			absolute;
	text-align:			center;
	padding-top:		300px;
	padding-bottom:		300px;
	z-index:			100;
	margin-left:		-1px;
	margin-top:			-1px;
}

.project-bar .list-projects.showmenu a {
	display:			block;
	font-size:			50px;
	line-height:		80px;
	margin-left:		120px;
	margin-right:		120px;
	background-color:	#FFF;
	padding-left:		10px;
	padding-right:		10px;
	color: 				#1f2226;
}

.project-bar .list-projects.showmenu a.sld div {
	display:			block;
	position:			absolute;
	height:				1px;
	background-color:		#000;
	width:				80%;
	margin-left:		-85px;
	margin-top:			42px;
	z-index:			-1;
}

.project-bar .list-projects.showmenu a.sld  {
	font-weight:		bold;

}


.project-bar .list-projects.showmenu a:hover div {
	display:			block;
	position:			absolute;
	height:				1px;
	background-color:		#000;
	width:				80%;
	margin-left:		-85px;
	margin-top:			42px;
	z-index:			-1;
}



.project-details {
    display: block;
    position: absolute;
    z-index: 90;
    top: 0px;
    right: 0px;
    background-color: #000;
    margin-right: 193px;
}


.project-details .open {
	font-size:				18px;
	line-height:			18px;
	text-align:				left;
    padding-left: 			30px;
    padding-right: 			30px;
	padding-top:			25px;
	padding-bottom:			25px;
	display:				block;
	color:					#FFF;
	min-width:				450px;
}

.project-details .open span {

    background-image: url(images/down.png);
    background-repeat: no-repeat;
    background-position: right;
	display:				inline-block;
	width:					48px;
	height:					15px;
	float:					right;
}

.project-details .close {
	display:			none;
}

.project-details .details-data {
	display:			none;
}


.project-details.showdetails {
    display: block;
    position: absolute;
    z-index: 90;
    top: 0px;
    right: 0px;
    height: 100%;
    background-color: #000;
    margin-right: 193px;
}


.project-details.showdetails .close {
    display: block;
	font-size:				40px;
	line-height:			40px;
	text-align:				right;
    padding-left: 			30px;
    padding-right: 			30px;
	border-bottom:			#FFF solid 1px;
	padding-top:			25px;
	padding-bottom:			25px;
	display:				block;
	color:					#FFF;
	min-width:				450px;
}

.project-details.showdetails .open {
	display:				none;
}

.project-details.showdetails .details-data {
     display: block;
   padding-left: 			50px;
    padding-right: 			50px;
	margin-top:				50%;
}

.project-details.showdetails .details-data .direccion {
	display:				block;
	font-size:				25px;
	line-height:			25px;
	margin-bottom:			5px;
}

.project-details.showdetails .details-data .localidad {
	display:				block;
	font-size:				15px;
	line-height:			15px;
	margin-bottom:			25px;
}

.project-details.showdetails .details-data .info-data {
	display:				block;
	border-top:				#FFF solid 1px;
	padding-top:			20px;
	padding-bottom:			20px;
	font-size:				25px;
	line-height:			25px;

}

.project-details.showdetails .details-data .place {
	display:				block;
	border-top:				#FFF solid 1px;
	padding-top:			20px;
	padding-bottom:			20px;
	font-size:				25px;
	line-height:			30px;
	padding-left:			50px;
	background-image:			url(images/location.png);
	background-repeat:			no-repeat;
	background-size:		28px 40px;
	background-position:	0px 30px;
}

.premio-marbella {
	display:				block;
	width:					35px;
	height:					66px;
	margin-bottom:			35px;
	background-image:		url(images/premio_footer.png);
	background-repeat:		no-repeat;
	background-position:	left;
	background-size:		contain;
}


.project-details {
	zoom:		0.9;

}


.project-bar .list-projects.showmenu {
	zoom:		0.9;

}

.project-title {
    font-size: 60px;
    line-height: 65px;
	margin-top:140px;
}

.project-bar {
	margin-top:60px;
    height: 100px;
}


.project-bar .down {
    height: 100px;
    width: 100px;
}

.project-bar .name {
    font-size: 40px;
    line-height: 100px;
}

.title-fragment {
    font-size: 50px;
    line-height: 55px;
    padding-left: 120px;
    padding-right: 0px;
}

.text-fragment {
    font-size: 20px;
    line-height: 25px;
    padding-left: 120px;
    padding-right: 120px;
    padding-top: 50px;
}

.center-title {
    margin-top: 80px;
}

.fragment .image {
    margin-bottom: 100px;
}

.center-title-normal {
    margin-top: 100px;
    margin-bottom: 100px;
	line-height:50px;
}

.center-title-big {
    font-size: 50px;
    line-height: 55px;
    margin-top: 100px;
    margin-bottom: 80px;
}

.partners-title {
    font-size: 50px;
    line-height: 55px;
    padding-top: 100px;
}

.partners-text {
    font-size: 20px;
    line-height: 25px;
    padding-left: 120px;
    padding-right: 120px;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-bottom: 100px;
}

.partners-image {
    padding-left: 120px;
    padding-right: 120px;
    padding-bottom: 100px;
}


.center-title i {
	font-family: 'GentiumBasic-Italic';
}


.draw  {
	zoom:0.8;

}

.oculta {
	visibility:hidden;

}



#movil .tt {
    font-size: 60px;
    line-height: 60px;
    font-weight: bold;
    background-color: #1f2226;
    display: inline-block;
}