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


.uc_offset_counter * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.uc_offset_counter .uc_offset_counter_col{ width:100%; text-align: center; clear:both; overflow:hidden; padding:20px;}

.uc_offset_counter .uc_offset_counter_col .uc_offset_box{
	position:relative;
	z-index:999;
}

.uc_offset_counter .uc_offset_counter_col .uc_offset_box:after{ 
	background:#f74c4c;
	content:"";
	width:99.5%;
	left:-20px;
	top:-20px;
	height:160px;
	position:absolute;
	z-index:-1;
}

.uc_offset_counter .uc_offset_counter_col .uc_counter_box{
	background:#22242a;
	float:left;
	width: 25%; 
	margin: 0;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#fff;
	padding:30px 0 40px;
}
.uc_offset_counter .uc_offset_counter_col .uc_counter_box i{
	display:inline-block;
	font-size:20px;
	line-height:31px;
	font-family: "FontAwesome";
	color:#b7bbc7;
	margin-bottom:15px;
}
.uc_offset_counter .uc_offset_counter_col .uc_counter_box h2{
	font-size:50px;
	font-weight:700;
	margin-bottom:5px;
	line-height: 70px;
}
.uc_offset_counter .uc_offset_counter_col .uc_counter_box span{
	font-size:16px;
	font-weight:400;
	display:inline-block;
	text-transform:uppercase;
}


@media screen and (max-width: 800px) {
	.uc_offset_counter .uc_offset_counter_col .uc_counter_box h2{ font-size:40px;}
	.uc_offset_counter .uc_offset_counter_col .uc_offset_box:after{ height:150px;}
}
@media screen and (max-width: 639px) {
	.uc_offset_counter .uc_offset_counter_col .uc_counter_box h2{ font-size:34px;}
	.uc_offset_counter .uc_offset_counter_col .uc_counter_box span{ font-size:12px;}
	.uc_offset_counter .uc_offset_counter_col .uc_offset_box:after{ height:140px;}
}
@media screen and (max-width: 500px) {
	.uc_offset_counter .uc_offset_counter_col .uc_counter_box h2{ font-size:27px;}
	.uc_offset_counter .uc_offset_counter_col .uc_counter_box::after{ width:3px;}
	.uc_offset_counter .uc_offset_counter_col .uc_offset_box:after{ height:130px;}
}
@media screen and (max-width: 413px) {
	.uc_offset_counter .uc_offset_counter_col .uc_counter_box h2{ font-size:22px;}
	.uc_offset_counter .uc_offset_counter_col .uc_counter_box span{ font-size:9px;}
	.uc_offset_counter .uc_offset_counter_col .uc_counter_box::after{ width:2px;}
}