@charset utf-8;
html{
	overflow-x:hidden;height:100%
}

body{
	background:#1e1e1e url("background.jpg") no-repeat;
	background-size:cover;
	background-attachment:fixed
}

h1{
	width: 100%;
	color:#fff;
	font-size: 75px;
	text-align: center;
	font-family:Oswald, sans-serif;
}

.logo{
	width:175px;
	margin:0 auto;
}

.logotipo{
	margin-top: 55px;
}



.lineas{
	opacity:.5;
}

.box{
	float:left;
	top:0;
	width:50%;
	height:100%;
	z-index:2;
	position:relative
}

.container{
	max-width:600px;
	margin:150px auto
}

.respimg{
	width:100%;
	height:auto
}

h2{
	font-weight:300;
	font-family:Oswald, sans-serif;
	color:#bacff1;
	text-transform:uppercase
}

.header{
	text-align:center;
	position:relative;
	top:150px;
	max-width:950px;
	z-index:2;
	margin:0 auto
}

.header h2{
	font-size:55px !important;
	border-bottom:1px solid #bacff1;
}

.navigation{
	position:relative;
	max-width:450px;
	border:2px solid #fff;
	height:62px;
	border-radius:20px;
	z-index:5;
	font-family:Oswald, sans-serif;
	font-size:1.2em;
	letter-spacing:.1em;
	font-weight:300;
	line-height:50px;
	margin:60px auto
}

.team{
	width:210px;
	height:58px;
	background:#bacff1;
	position:absolute;
	top:0;
	left:0;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	color:#fff;
	text-align:center
}

.ore{position:absolute;top:-5px;left:190px;width:70px;height:70px;border:2px solid #fff;z-index:10;border-radius:100%;background:#59D6E8;color:#292929;text-align:center;font-family:Oswald, sans-serif;font-size:1.2em;letter-spacing:.1em;line-height:65px}
.personal{width:210px;height:58px;position:absolute;top:0;right:0;background:#292929;color:#fff;text-align:center;border-top-right-radius:20px;border-bottom-right-radius:20px}
.transition{-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear}
#scene{position:fixed;top:-150px;right:-650px}
#scene2{position:fixed;bottom:-150px;left:-650px}
.bc{-webkit-transform:scale3d(1.1,1.1,1.1);-moz-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);-o-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
.line{width:3px;height:250px;position:absolute;top:350px;left:50%;margin-left:-1.5px;z-index:6;background:#fff}
.top{position:absolute;width:3px;height:50px;background:#59D6E8;top:100px;left:0}
.arrow:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-left-color:#59D6E8;margin-top:-25px;border-width:25px}
.arrow:after{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-left-color:#292929;margin-top:-5px;margin-left:6px;border-width:5px}
.arrow2:before{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-right-color:#59D6E8;margin-top:-25px;border-width:25px}
.arrow2:after{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-right-color:#292929;margin-top:-5px;margin-right:6px;border-width:5px}