body {

}


.ilist-wrapper-x24{
	width: 1000px;
	margin: 50px auto;
	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
	color: #414247;;
}
.number-box-year{
	    font-size: 17px;
    font-weight: bold;
}
.number-box-x24{	
    width: 160px;
    float: left;
    border: 20px outset #FF6E03;
    border-radius: 20px 60px 20px 60px;
    background: #fff;
    padding: 25px 0px;
    -webkit-box-shadow: -1px 0px 21px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 0px 21px -1px rgba(0,0,0,0.75);
    box-shadow: -1px 0px 21px -1px rgba(0,0,0,0.75);
    /* z-index: 999999; */
    position: relative;
	min-height: 137px;
}
.text-box-x24{
	width: 45%;
    float: left;
    background: #FF6E01;
    border-radius: 0px 100px 100px 0px;
    padding: 10px 50px;
    margin-left: -20px;
    margin-top: 35px;
    z-index: 000;
	
}
.number-box-x24 .number-box-year, .number-box-text{
	text-align: center;
	color: #FF6E01;
}
.item-title-x24 {
	margin-top: 5px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #fff !important;
	line-height: 26px;
}
.text-box-x24 p {
	margin: 5px 0px;
	color: #fff;
	font-size: 15px;
	line-height: 26px;
}
.text-box-x24 span{
	display: block;
    max-height: 70px;
    overflow-y: auto;
}
.single-item-x24:nth-child(even){
    height: 200px;
	margin-left: 50px;
	padding-top: 60px;
	background: url("../images/road_bg_1.png") no-repeat;
}
.single-item-x24:nth-child(even) .text-box-x24{
	float: right;
    border-radius: 100px 0px 0px 100px;
    margin-left: 0px;
    margin-right: -20px;
    margin-top: 38px;
}
.single-item-x24:nth-child(even) .number-box-x24{
	float: right;
	margin-top: 14px;
}

.single-item-x24:nth-child(odd){
	margin-right: 50px;
	padding-top: 60px;
	height: 200px;
	background: url("../images/road_bg_2.png") no-repeat right top;
}
.single-item-x24:first-child{
	
	background: none;
}

.single-item-x24:nth-child(4n+1) .text-box-x24{  
    background: #FF6E01; 	
}
.single-item-x24:nth-child(4n+1) .number-box-x24{
    border-color:#FF6E03;
}

.single-item-x24:nth-child(4n+2) .text-box-x24{  
    background: #58C1F1; 	
}
.single-item-x24:nth-child(4n+2) .number-box-x24{
    border-color:#58C1F1;
}

.single-item-x24:nth-child(4n+3) .text-box-x24{  
    background: #F2595C; 	
}
.single-item-x24:nth-child(4n+3) .number-box-x24{
    border-color:#F2595C;
}

.single-item-x24:nth-child(4n+4) .text-box-x24{  
    background: #F5D159; 	
}
.single-item-x24:nth-child(4n+4) .number-box-x24{
    border-color:#F5D159;
}

.number-box-x24 .upvote-section {
box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
    color: #b8b8b8;
    width: 100%;
    position: absolute;
    bottom: 0px;
}


.ilist-feature-img-box{
	text-align: center;
    font-size: 60px;
}
.ilist-feature-img-box i{}
.ilist-feature-img-box img{width: 95%;
    height: auto;}
/* Responsive Styles */



@media only screen and (max-width: 1024px){
	.ilist-wrapper-x24{
		width: 100%;
		text-aling: center;
	}
	.number-box-x24 {
		width: 100% !important;
	}
	.text-box-x24 {
		width: 100% !important;
		margin-bottom: 50px !important;
		margin-left: 0px !important;
		padding: 10px 10px !important;
		border-radius: 0px !important;
	}
	.single-item-x24{
			background: none !important;
			margin-right: 0px;
	}
	.single-item-x24:nth-child(odd){
		margin-right: 0px !important;
		}
	.single-item-x24:nth-child(2n) {
		margin-left: 0px;

	}
	.single-item-x24:nth-child(2n) .text-box-x24 {
		margin-right: 0px;

	}
}