#como_trabajamos .subpage-title {
	margin-bottom: 0;
}

#como_trabajamos .subpage-title .text-caption[class^="col-"] ,
#como_trabajamos .subpage-title .text-caption[class*=" col-"] {
	padding-top: 16px;
}

.triangle-elements-wrapper {
	width: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	display: none;
}
.triangle-elements-wrapper.show {
	display:block;
	opacity: 1;
	filter: alpha(opacity=1);
}
.triangle-elements-wrapper.display-block {
	display:block;
}
.triangle-elements-wrapper.appear {
	-webkit-animation: appearAnimation 0.3s ease-in both;
	-moz-animation: appearAnimation 0.3s ease-in both;
	-o-animation: appearAnimation 0.3s ease-in both;
	-ms-animation: appearAnimation 0.3s ease-in both;
	animation: appearAnimation 0.3s ease-in both;
}
.triangle-elements-wrapper.disappear {
	-webkit-animation: disappearAnimation 0.4s ease-in both;
	-moz-animation: disappearAnimation 0.4s ease-in both;
	-o-animation: disappearAnimation 0.4s ease-in both;
	-ms-animation: disappearAnimation 0.4s ease-in both;
	animation: disappearAnimation 0.4s ease-in both;
}
.triangle-elements { 
	/*padding: 36px 0;
	margin: 20px 0 50px 0;*/
	margin-top: 73px;
	position: relative;
	height: 300px; 
}
.single-triangle-element{
	/*display: inline-block;*/
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
}
.single-triangle-element:not(.noclick) .hover-effect {
	cursor: pointer;
}
.single-triangle-element.noclick {
	/*display: none ;*/
}
#triangle1.single-triangle-element {
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
#triangle2.single-triangle-element {
	-webkit-transform: translate(-50%,100%);
	-moz-transform: translate(-50%,100%);
	-o-transform: translate(-50%,100%);
	-ms-transform: translate(-50%,100%);
	transform: translate(-50%,100%);
}
#triangle3.single-triangle-element {
	-webkit-transform: translate(-50%,200%);
	-moz-transform: translate(-50%,200%);
	-o-transform: translate(-50%,200%);
	-ms-transform: translate(-50%,200%);
	transform: translate(-50%,200%);
}
.triangle-logo.single-triangle-element {
	display: none;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
	z-index: 0;
}

.triangle {
	overflow: hidden; 
	visibility: hidden; 
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
	max-width: 640px;
	min-width: 240px;
	max-height: 320px;
	min-height: 120px;
	width: 240px; 
	height: 120px; 
}
.triangle-in1 { 
	overflow: hidden; 
	width: 100%; 
	height: 100%; 
	-webkit-transform: rotate(240deg); 
	-moz-transform: rotate(240deg); 
	-o-transform: rotate(240deg); 
	-ms-transform: rotate(240deg); 
	transform: rotate(240deg);
}
.triangle-in2 { 
	overflow: hidden;
	width: 100%;
	height: 100%; 
	background-repeat: no-repeat; 
	background-position: 50%; 
	visibility: visible; 
	-webkit-transform: rotate(60deg) translateY(-50%); 
	-moz-transform: rotate(60deg) translateY(-50%);
	-o-transform: rotate(60deg) translateY(-50%);
	-ms-transform: rotate(60deg) translateY(-50%);
	transform: rotate(60deg) translateY(-50%);
	position: relative; 
}
.triangle-logo.single-triangle-element .triangle-in2 {
	-webkit-transform: rotate(60deg) translateY(50%); 
	-moz-transform: rotate(60deg) translateY(50%);
	-o-transform: rotate(60deg) translateY(50%);
	-ms-transform: rotate(60deg) translateY(50%);
	transform: rotate(60deg) translateY(50%);
}

.first-triangle-element {background-image: url(../images/1.jpg); background-size: 60% 100%;}
.second-triangle-element {background-image: url(../images/2.jpg); background-size: 60% 100%;}
.third-triangle-element {background-image: url(../images/3.jpg); background-size: 60% 100%;}

.single-triangle-element .hover-effect:hover {opacity: 0.85;}

.triangle-text {
	position: absolute;
	top: 60%; 
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-o-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	/*width: 100%;*/
	z-index: 2;
	font-size: 14px;
}
.triangle-logo .triangle-text {
	top: 15%;
	font-size: 18px;
}
:not(.triangle-logo) .triangle-text {
	color: #fff;
	font-weight: 500;
}

.triangle .hover-effect img {
	top: 53%;
	-webkit-transform: translate(50%, 0%);
	-moz-transform: translate(50%, 0%);
	-o-transform: translate(50%, 0%);
	-ms-transform: translate(50%, 0%);
	transform: translate(-50%,0%);
}

#triangle-slider.parallax-slider {
	background-image: url(../images/parallax_slider_background.gif);
}
#triangle-slider .parallax-slide-img img {
	border: 2px solid #fff;
}

/** ============================================================================================== **/
/** ============================= Si la "pantalla" es mayor que 1180px =========================== **/
/** ============================================================================================== **/
@media screen and (min-width:1180px) {
	.triangle-text {
		font-size: 28px;
	}
	.triangle-logo .triangle-text {
		font-size: 40px
	}
	.triangle-elements { 
		margin-top: 73px;
		position: relative;
		height: 480px; 
	}
	.triangle {
		width: 640px; 
		height: 320px; 
	}
	#triangle1.single-triangle-element {
		-webkit-transform: translate(-50%,0);
		-moz-transform: translate(-50%,0);
		-o-transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		transform: translate(-50%,0);
	}
	#triangle2.single-triangle-element {
		-webkit-transform: translate(-79%,100%);
		-moz-transform: translate(-79%,100%);
		-o-transform: translate(-79%,100%);
		-ms-transform: translate(-79%,100%);
		transform: translate(-79%,100%);
	}
	#triangle3.single-triangle-element {
		-webkit-transform: translate(-21%,100%);
		-moz-transform: translate(-21%,100%);
		-o-transform: translate(-21%,100%);
		-ms-transform: translate(-21%,100%);
		transform: translate(-21%,100%);
	}
	.triangle-logo.single-triangle-element {
		display: block;
	}
}
/** ############################################################################################## **/