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

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


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

a{
	color: rgba(204,0,0,1);
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/*     TOP     */

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

.top-img{
	position:relative;
    min-height:100%; 
    background-attachment:fixed;
    background-repeat:no-repeat;
	background:url(../img/solution/ts/top.jpg);
}

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

.top-img{
	margin-left:-75em
}
}


/*     TS     */

.ts{
	padding:3% 10% 5%;
	color:#666;
	height:1%;
	overflow:hidden;
}

.ts h1{
	font-weight:600;
	font-size:4em;
	text-align:center;
	padding-bottom: .35em;
}

.ts h2{
	text-align:center;
	padding:.25em 0;
	font-size:2.5em;
	font-weight:200;
	color:#C00
}

.ts h3{
	font-weight:300;
	font-size:1.8em;
	color:#C00;
	padding-top:1em;
	text-align:center
}

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

.ts img{
	width:60%;
	margin:3em 20%
}

.smrt, .stbl, .scrt{
	float:left;
	width:25.33%;
	height:1%;
	padding:2em 3%;
	text-align:center;
	margin:2em 1%;
	color:#FFF
}

.smrt{
	background: rgba(204,0,0,1.00)
}

.stbl{
	background: rgba(42,42,42,1.00)
}

.scrt{
	background: rgba(128,128,128,1.00)
}

.smrt i, .stbl i, .scrt i{
	color: rgba(255,255,255,1.00);
	font-size:2em
}

.smrt h1, .stbl h1, .scrt h1{
	font-size:2em;
	font-weight:300
}

.blck{
	height:10em;
	margin:2.5em 0
}

.blck h1{
	font-size:1.5em;
	font-weight:400
}

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

.blck{
	height:15em
}
}

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

.blck{
	height:17em
}
}

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

.ts{
	padding:3% 0 0;
}

.ts h1{
	font-size:3.5em;
	line-height:.9em
}

.ts p{
	padding:0 5%
}

.smrt, .stbl, .scrt{
	width:94%;
	height:1%;
	padding:2em 3%;
	margin:0
}

.blck{
	height:1%;
	padding:1em 0
}


.blck h1{
	font-size:1.5em;
	font-weight:400
}
}

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

.ts img{
	width:90%;
	margin:3em 5% 0 5%;
}
	
.smrt h1, .stbl h1, .scrt h1{
	font-size:2.5em
}
}