html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	color: #333;
	background: #fff;
	background-image: url("../images/bg-intro.png");
    background-color: #cccccc;

}
h2 {
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
	font-size: 1.9em;
	letter-spacing: .05em;
	padding-top: 1em;
}
h2 .decoration {
	padding: .5em 1em;
	display: inline-block;
	margin: 0 auto;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
h3 {
	text-transform: uppercase;
	font-weight: 400;
	/* font-size: 1.9em; */
	font-size: 1.5em;
	letter-spacing: .05em;
	margin-top: 2em;
}
h5 {
	margin: 0;
	color: #fd4e58;
	font-size: 1em;
}
p {
	margin: 0 0 1em 0;
}
a {
	text-decoration: none;
	color: #fd4e58;
}
a:hover {
	text-decoration: underline;
}
.transparent {
	color: transparent;
}
.btn {
	border: none;
	text-decoration: none;
	background: #fd4e58;
	color: #fff;
	padding: .2em .8em .3em .8em;
	display: inline-block;
}
.btn-lg {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	font-size: 1.1em;
	padding: 1em 1.5em;
	margin: 1.5em 0 .5em 0;
}
.btn-lg2 {
	padding: 0.5em 1.5em;
	background: #ffffff;
	color: #fd4e58;
	font-size: 1em;
}
.btn:hover {
	text-decoration: none;
}
.btn-lg2:hover {
	text-decoration: none;
	background-color: #ececec;
}


/*------- GLOBAL --------*/
.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
	clear: both;
}
.container h4{
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: 300;
}
.container#expected > div{
    width: 80%; 
    margin: auto;
}
.container-special {
	/* max-width: 850px; */
	/* max-width: 890px; */
	/* max-width: 904px; */
	max-width: 990px;
	float: right;
	clear: both;
}
.container-wide{
	max-width: 740px;
	margin: auto;
	padding: 0 15px;
}
.column {
	/* width: 50%; */
	padding: 0 1.2em;
	float: left;
}

.img-responsive {
	width: 100%;
}



/*------- HEADER --------*/
.intro {
	background: url(../images/bg-intro.png) no-repeat right bottom;
}
.intro .brand {
	margin: 0;
	padding: 1rem 0 5rem 6rem;

}
.header {
	/* max-width: 1110px; */
	padding: 0 15px;
	background-color: #636161; /*#525252;*/
}
.container-header{
	color: white;
    font-size: 1rem;
    padding: 0 12rem;
	font-size: 1.3em;
    line-height: 1.5em;
    font-weight: 300;
}
.header .img-responsive {
	max-width: 700px;

}
.header .img-responsive.cell {
	max-width: 230px;
	margin-top: 25px;

}
.cell {
	position: absolute;
    z-index: 1;
    top: 50px;
    left: 0;
}





/*------- TEXT --------*/
#text{
	padding: 1rem;
    margin-top: 3rem;
	overflow: hidden;
}
.column.eai {
	width: 63%;
}
/* .column.doc {
	width: 40%;
} */
.docs .container-wide{
	padding: 1rem; 
	background-color: #f3f3f3;
}
.docs .container-wide h3{
	margin-top: 0rem;
}
.column:first-child {
	padding-left: 0;
}
.column:last-child {
	padding-right: 0;
}



/*------- PROCESO --------*/
#proceso h4{
	max-width: 695px;
	margin: auto;
}
#casos h4{
	text-align: center;
}
.steps {
	max-width: 700px;
	padding-top: 2em;
	margin: 0 auto
}
.step {
	margin: 2em 0;
	padding: 0 180px 1em 180px;
	position: relative;
	min-height: 145px;
}
.step > img {
	position: absolute;
	top: 20px;
	bottom: 0;
	left: 0;
}
.step:nth-child(even) > img {
	right: 0;
	left: auto;
}
.step:after {
	position: absolute;
	top: 44px;
	content: '';
	width: 160px;
	height: 120px;
}
.step:last-child:after {
	display: none;
}
.step:nth-child(even):after {
	left: 0;
	background: url(../images/arrow-left.png) no-repeat right bottom;
}
.step:nth-child(odd):after {
	right: 0;
	background: url(../images/arrow-right.png) no-repeat left bottom;
}



/*------- FOOTER --------*/
footer {
	display: block;
	overflow: hidden;
	padding: 4em 0 2em 0;
	clear: both;
}
.contact {
	float: left;
}
.contact a {
	text-decoration: none;
	color: inherit;
}
.contact a:hover {
	color: #dd4f58;
}
footer .bitgenia {
	float: right;
	width: 194px;
	margin: 2.5em 2em 0 2em;
}
footer .bitgenia img {
	max-width: 100%;
}

.disclaimer {
	background: #E5E5E5;
	color: #666;
	padding: 2em 0;
	font-size: .8em;
	line-height: 1.2em;
}


/*------- MEDIA --------*/
@media (min-width: 601px) {
	.show-md {display: inline-block;}
	.hide-md {display: none;}

	.cases-container {
		background: #c1c1c1;
		margin: 4rem 0;
	}
	.cases {
		max-width: 1400px;
		margin: 0 auto;
	}

	.cases:nth-child(odd) > .case:nth-child(odd),
	.cases:nth-child(even) > .case:nth-child(even) {
		background: #fd4e58;
	}
	.cases:nth-child(odd) > .case:nth-child(even),
	.cases:nth-child(even) > .case:nth-child(odd) {
		background: #c84e58;
	}
	.cases:nth-child(odd) > .case.empty:nth-child(odd),
	.cases:nth-child(even) > .case.empty:nth-child(even) {
		background: #c1c1c1;
	}
	.cases:nth-child(odd) > .case.empty:nth-child(even),
	.cases:nth-child(even) > .case.empty:nth-child(odd) {
		background: #929292;
	}
	.cases:nth-child(even) > .case:nth-child(even) {
		background: #fd4e58;
	}
	.cases:nth-child(even) > .case:nth-child(odd) {
		background: #c84e58;
	}
	.cases:nth-child(even) > .case.empty:nth-child(even) {
		background: #c1c1c1;
	}
	.cases:nth-child(even) > .case.empty:nth-child(odd) {
		background: #929292;
	}

	.case:hover .detail {
		/* width: 300%; */
		width: 100%;
	}
	.case:nth-child(n+9) .detail {
		right: 0;
		left: auto;
	}
}

@media (min-width: 1500px) {
.container-special {
    max-width: 1038px;
}
}
@media (max-width: 1170px) {
.intro .brand {
    margin: 0;
    /* padding: 1rem 0 7rem 6rem; */
    padding: 1rem 0 5rem 2rem;
	}	
}
@media (max-width: 1140px) {
	.column {
		width: 100% !important;
		}
	.column.eai {
		padding: 0 3em;
	}
	.container-header {
		padding: 0 4rem;
	}
	.header .img-responsive.cell {
		display: none;
	}
}

@media (min-width: 800px) and (max-width: 1000px) {
	.case:hover .detail {
		/* width: 400%; */
		width: 100%;

	}
	.case:nth-child(n+8) .detail {
		right: 0;
		left: auto;
	}
}
@media (min-width: 601px) and (max-width: 799px) {	
	.case:hover .detail {
		/* width: 500%; */
		width: 100%;
		/* width: 200%; */

	}
	.case:nth-child(n+6) .detail {
		right: 0;
		left: auto;
	}
}
@media (max-width: 600px) {
	.case:hover .detail {
		/* width: 400%; */
		width: 100%;

	}
	.case:nth-child(5n + 3) .detail {
		right: -150%;
		left: auto;
	}
	.case:nth-child(5n + 4) .detail,
	.case:nth-child(5n + 5) .detail {
		right: 0;
		left: auto;
	}
}
@media (max-width: 449px) {
	.case:hover .detail {
		/* width: 500%; */
		width: 100%;
	}
	.case:nth-child(5n + 2) .detail {
		left: -100%;
	}
	.case:nth-child(5n + 3) .detail {
		left: -200%;
	}
	.case:nth-child(5n + 4) .detail {
		left: -300%;
	}
	.case:nth-child(5n + 5) .detail {
		right: 0;
		left: auto;
	}
}
@media (max-width: 850px) {
	.hide-lg {display: none;}
	.show-lg {display: block;}
	
	.column.eai {
		padding: 0 1em;
	}
	h2 {
		padding: 2em 0 0 0;
	}
	.column {
		width: 100%;
		padding: 1em 0;
	}
	.intro .brand {
	    padding: .5em 0 0 0;
	}
	.intro .brand {
		padding: 1em 0 3em 0;
	}
	.intro .numbers div:first-child {
	    margin-left: 3em;
	}
	.steps {
		padding-top: 0;
	}	
}
@media (max-width: 750px) {
	.container-header {
		padding: 0 3rem;
	}
	
	.step {
		padding: 0 0 1.5em 180px;
		min-height: 100px;
	}
	.step:before,
	.step:after {
		display: none;
	}
	.step:nth-child(even) {
		padding: 0 180px 1.5em 0;
	}
	.step > img {
		top: 0;
		left: 0;
	}
}
@media (max-width: 600px) {
	.hide-sm {display: none;}
	.show-sm {display: block;}

	.intro .numbers {
		text-align: center;
	}
	.intro .numbers div {
		margin-left: 1em;
	}
	.intro .numbers div:first-child {
	    margin-left: 0;
	}
	
	.cases:nth-child(even) > .case:nth-child(even) {
		background: #fd4e58;
	}
	.cases:nth-child(even) > .case:nth-child(odd) {
		background: #c84e58;
	}
	.cases:nth-child(even) > .case.empty:nth-child(even) {
		background: #c1c1c1;
	}
	.cases:nth-child(even) > .case.empty:nth-child(odd) {
		background: #929292;
	}
}
@media (max-width: 450px) {
	.step {
		padding: 0 !important;
	}
	.step > img {
		display: none;
	}
}