@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
    font-family: 'IBM Plex Sans Condensed', sans-serif;	
	font-size:1em;
	color:#666
}

hr{
	width:8em;
	border:none;
	height:2px;
	background:#C00;
	margin:-1em auto 2em

}

/*------------------TOP---------------*/

.top{
	height:15em;
	width:100%
}

.top-img{
	background:url(../img/solution/i2dp/i2dp.jpg);
	height: 100%;
	background-position: center;
}



/*------------------I2DP---------------*/

.i2dp{
	padding:3% 10% 5%;
	color:#666
}

.i2dp h1{
	font-weight:200;
	font-size:4em;
	text-align:center
}

.i2dp h2{
	font-weight:300;
	font-size:2.3em;
	text-align:center
}

.i2dp p{
	font-size:1.1em;
	font-weight:300;
	line-height:1.5em
}

.i2dp img{
	display:block;
	width:60%;
	height:auto;
	margin:4em auto
}

.i2dp-ftr{
	padding:0 10%;
	color:#666;
	height:1%;
	overflow:hidden;
}

.blck{
	position:relative;
	float:left;
	width:40%;
	height:34em;
	text-align:center;
	padding:0 5%;
}

.blck h1{
	font-weight:300;
}

.blck i{
	font-size:1.8em;
	color:#C00;
}

.blck p{
	font-weight:300;
	font-size:1.1em;
	line-height:1.5em;
}

.blck a{
	position:absolute;
	bottom:0;
	width:100%;
	left:0;
	right:0;
	text-align:center;
	padding-bottom:3em;
	color:#C00;
	text-decoration:none;
	font-size: 1.em;
	font-weight: 600;
}

.blck a:hover{
	text-decoration:underline;
}




@media only screen and (max-width: 1450px){

.blck{
	height:40em
}
}

@media only screen and (max-width: 1200px){

.blck{
	height:44em
}
}



@media only screen and (max-width: 1000px){

.blck{
	position:relative;
	width:90%;
	height:1%;
	overflow:hidden;
	padding:0 5% 5%;
	margin-bottom:3em;
}

.blck a{
	position:relative;
}
}


.back-top {
 text-align: center;
 text-transform: uppercase;
 position: fixed;
 margin: 0 auto;
 margin-bottom: 26px;
 width: 60px;
 float: right;
 right: 30px;
 bottom: 0;
 letter-spacing: 1px;
 font-size: .9em;
}
.back-top a {
 display: block;
 width: 60px;
 height: 80px;
}
.back-top a:before {
 font-size: 4em;
 /*content: "e822";*/
}
.back-top .arrow-up { display: inline-block; 
}
.back-top .arrow-up a {
 position: absolute;
 z-index: 999;
 bottom: -10px;
 width: 50px;
 height: 50px;
 background: rgb(52, 182, 238);
 color:#fff;
}
.back-top .arrow-up span {
 font-weight: 100 ;
 color: rgba(255,255,255,0);
}

.back-top:hover .arrow-up a {
 bottom: 20px;
}

.back-top:hover .arrow-up span {
 cursor: default;
 color: #fff;
 color: rgba(255,255,255,1);
}

.back-top .arrow-up a i:before{
 padding-top:13px; 
}