.cleancode_block ::selection {background: #fff; color:#000;}
.cleancode_block ::-moz-selection {background: #fff; color:#000;}

/* __________ Clean Code __________ */
.cleancode_block {
	background-size: cover;
	background-position: 0 0;
	background-attachment: fixed !important;
	/*padding-top: 96px;*/
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.cleancode_block .tab-content {
	overflow:hidden;
	padding: 0;
	margin:0 0 80px;
}
.cleancode_block h2.title {
	font-weight: 100;	
	line-height: 80px;
	font-size: 3em;	
	margin-top: 20;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
.cleancode_block h2.title b {font-weight:500;}

.cleancode_block span {
	font-weight:300;
	line-height:34px;
	font-size:26px;
	color:#999;
}
.cleancode_block .tab-pane {
	display:block;
	height:0;
	transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transition: all 0.5s ease-in-out; 
	-webkit-transition: all 0.5s ease-in-out;
}
.cleancode_block .tab-pane.active {
	height:auto;
	transform:translateY(0);
	-o-transform:translateY(0);
	-ms-transform:translateY(0);
	-webkit-transform:translateY(0);
}

.ie .cleancode_block .tab-pane {display:none;}
.ie .cleancode_block .tab-pane.active {display:block;}


.cleancode_block .nav-tabs {
	border: 0;
	margin-top: -50px;
	margin-right: -15px;
	margin-bottom: 0;
	margin-left: -15px;
}
.cleancode_block .nav-tabs ul {
	padding: 0;
	width: 50%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	display: block;
}
.cleancode_block .nav-tabs li {
	margin: 0;
	padding: 0 15px;
	
}
.cleancode_block .nav-tabs li a {
	width:170px;
	height:230px;
	margin:0;
	padding:54px 0 0;
	text-align:center;
	border:0 !important;
	border-radius:0;
	transition: background-color 0.3s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in-out;
}
.cleancode_block .nav-tabs li a i {
	display:block;
	width:102px;
	height:190px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:0 47px;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	transition: transform 0.6s ease-in-out; 
	-webkit-transition: -webkit-transform 0.6s ease-in-out;
}
.cleancode_block .nav-tabs li a.i1 i {background-image:url(../imagenes/ico-enlaces.png);}
.cleancode_block .nav-tabs li a.i2 i {background-image:url(../images/video-ico.png);}
.cleancode_block .nav-tabs li a.i3 i {background-image:url(../imagenes/pdf-ico.png);}
.cleancode_block .nav-tabs li a.i4 i {background-image:url(../images/i4.png);}
.cleancode_block .nav-tabs li a.i5 i {background-image:url(../images/i5.png);}
.cleancode_block .nav-tabs li a.i6 i {background-image:url(../images/i6.png);}

.nav-tabs li a:hover,
.nav-tabs li a:focus {
	background-color:transparent;
}
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
	background-color:transparent;
}

.nav-tabs li a:hover i {
	background-position:0 -140px;
	transform:translateY(-80px);
	-o-transform:translateY(-80px);
	-ms-transform:translateY(-80px);
	-webkit-transform:translateY(-50px);
}
.nav-tabs li.active a i {
	background-position:0 0;
	transform:translateY(-16px);
	-o-transform:translateY(-16px);
	-ms-transform:translateY(-16px);
	-webkit-transform:translateY(-16px);
}

.cleancode_block .nav-tabs li a span {
	display:block;
	/*font-family: 'Roboto', sans-serif;*/
	font-weight:900;
	line-height:20px;
	font-size:2em;
	color:#070c20;
	opacity:0;
	transform:translateY(-80px);
	-o-transform:translateY(-80px);
	-ms-transform:translateY(-80px);
	-webkit-transform:translateY(-80px);
	transition: all 0.5s ease-in-out; 
	-webkit-transition: all 0.5s ease-in-out;
}
.nav-tabs li.active a span {
	opacity:1;
	transform:translateY(-60px);
	-o-transform:translateY(-60px);
	-ms-transform:translateY(-60px);
	-webkit-transform:translateY(-60px);
}
.crewman_item {
	position: relative;
	border: 1px solid #CCC;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
}

.crewman_item .crewman_descr {
	position: absolute;
	z-index: 20;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	opacity: 0;
	background-color: rgba(0,0,0,0.8);
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
.crewman_item:hover .crewman_descr {opacity:1;}
.crewman_item .crewman_descr .crewman_descr_cont {
	position: absolute;
	left: 0;
	top: 30%;
	width: 100%;
	opacity: 0;
	transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	padding-right: 5px;
	padding-left: 5px;
}
.crewman_item:hover .crewman_descr .crewman_descr_cont {
	opacity:1;
	transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.crewman_item .crewman_descr p {
	font-weight: 300;
	line-height: 20px;
	font-size: 1.6em;
	color: #fff;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
}
.mini {
	font-size: 0.7em;
}
/*.crewman_item .crewman_descr span {
	color:#666;
}*/

.crewman_item .crewman_social {
	position:absolute;
	z-index:30;
	left:0;
	bottom:0;
	width:100%;
	opacity:0;
	text-align:center;
	transition: bottom 0.5s ease-in-out, opacity 0.5s ease-in-out; 
	-webkit-transition: bottom 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
.crewman_item .crewman_social a {
	display: inline-block;
	line-height: 20px;
	font-size: 3em;
	color: #fff;
	font-weight: 900;
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 10px;
	padding: 0px;
}
.crewman_item:hover .crewman_social {
	bottom:56px;
	opacity:1;
}
.crewman_item .crewman_social a:hover {
	color: #999;
	border-color: #999;
}


/*-----------------------------------------------------------------------------------*/
/*	RESPONSIVE STYLES
/*-----------------------------------------------------------------------------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.parallax, .cleancode_block, #team, .top_slider .slide1, .top_slider .slide2, .top_slider .slide3 {background-attachment:scroll !important; background-position:0 0;}
	.top_slider .slide1, .top_slider .slide2, .top_slider .slide3 {background-size:cover !important;}

}
	
	
	
	.parallax, .cleancode_block, #team {background-attachment:scroll !important; background-size:100% auto !important; -webkit-background-size:100% auto !important;}
	
	
	h2 {font-size:35px; line-height:35px;}

/* __________ Menu __________ */
	.navmenu ul li a {padding-left:15px; padding-right:15px;}

/* __________ Index __________ */

.cleancode_block .nav-tabs li a {
	width:170px;
	height:230px;
	margin:0;
	padding:80px 0 0;
	text-align:center;
	border:0 !important;
	border-radius:0;
	transition: background-color 0.3s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in-out;
}
.cleancode_block .nav-tabs li a i {
	display:block;
	width:102px;
	height:190px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:0 1px;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	transition: transform 0.2s ease-in-out; 
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
}


@media (max-width: 1450px) {


/* __________ IndeX MOVIL __________ */


.mini {
	font-size: 0.6em;
	line-height: 10px;
	padding-top: 5px;
}
.cleancode_block .nav-tabs li a {
	width: 100px;
	height: 10px;
	margin: 0;
	text-align: center;
	border: 0 !important;
	border-radius: 0;
	transition: background-color 0.3s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in-out;
	padding-top: 90px;
	padding-right: 0;
	padding-bottom: 55px;
	padding-left: 0;
}
.cleancode_block .nav-tabs li a i {
	display:block;
	width:50px;
	height:80px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:0 1px;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	transition: transform 0.2s ease-in-out; 
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
}
.cleancode_block .nav-tabs li a span {
	display:block;
/*	font-family: 'Roboto', sans-serif;*/
	font-weight:900;
	line-height:90px;
	font-size:1.5em;
	
}
.cleancode_block h2.title {
	font-weight: 100;
	line-height: 40px;
	font-size: 3em;
	margin-top: 20;
	margin-right: 0;
	margin-bottom: 50px;
	margin-left: 0;
	margin-top:100px;
}


.crewman_item .crewman_social a {
	display: inline-block;
	line-height: 20px;
	font-size: 2em;
	color: #fff;
	font-weight: 900;
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 10px;
	padding: 0px;
}
.crewman_item:hover .crewman_social {
	bottom:10px;
	opacity:1;
}
}