.clear {
    clear: both;
    width: 100%;
    height: 1px;
}

/*--------------------------end main style------------------------------*/
/*--------------------------start list style 01------------------------------*/

section.list-section {
    padding: 80px 0;
}

.container {
    max-width: 1140px;
    margin: 0 auto;

}

ul.listing-twentyTwo {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}
.ilist_pinfol5_1{width:100%}
.ilist_pinfol5_2{width:50%}
.ilist_pinfol5_3{width:33.33%}
.ilist_pinfol5_4{width:25%}
.ilist_pinfol5_5{width:20%}
.ilist_pinfol5_6{width:16.6%}
.ilist_pinfol5_7{width:14.2%}
.ilist_pinfol5_8{width:12.5%}
ul.listing-twentyTwo li.list-style-twentyTwo {
    display: inline-block;
    
    float: left;
    position: relative;
    box-sizing: border-box;
    padding: 10px;
    -webkit-transition: all 0.5s ease; /* Safari 3.2+, Chrome */
    -moz-transition: all 0.5s ease; /* Firefox 4-15 */
    -o-transition: all 0.5s ease; /* Opera 10.5-12.00 */
    transition: all 0.5s ease; /* Firefox 16+, Opera 12.50+ */
}

.list-twentyTwo-inner-part {
    background: url("../images/twentyTwo-bottom-bg.png") no-repeat left bottom;
    padding-bottom: 100px;
}

.list-twentyTwo-content {
    background: url("../images/twentyTwo-rightt-bg.png") no-repeat top right;
    padding-right: 53px;
    position: relative;
}

.list-twentyTwo-bg {
    background-color: #7fcbc4;
    padding: 20px 10px 20px 20px;
	min-height: 151px;
}

.list-twentyTwo-content h2 {
    margin: 0;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 24px;
	margin-left: 43px;
}

.list-twentyTwo-content p {
    font-size: 14px;
    color: #ffffff;
    line-height: 24px;
    text-align: justify;
	margin-top: 12px;
}

.list-twentyTwo-sl {
    position: absolute;
	width: 60px;
	height: 60px;
	right: 10px;
    border-radius: 50%;
    z-index: 99;
    background-color: #27A79A;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#767676)"; /*IE 8*/
    -moz-box-shadow: 3px 3px 3px #767676; /*FF 3.5+*/
    -webkit-box-shadow: 3px 3px 3px #767676; /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 3px 3px 3px #767676; /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#767676); /*IE 5.5-7*/
    border: 5px solid #fcb64e;

    -webkit-transition: all 0.5s linear; /* Safari 3.2+, Chrome */
    -moz-transition: all 0.5s linear; /* Firefox 4-15 */
    -o-transition: all 0.5s linear; /* Opera 10.5-12.00 */
    transition: all 0.5s linear; /* Firefox 16+, Opera 12.50+ */
	box-sizing: content-box;
	top: 0px;
	display: flex;
	justify-content: center;
}
.list-twentyTwo-upvote {
    position: absolute;
	width: 44px;
    height: 44px;
    right: 16px;
    top: 85px;
    border-radius: 50%;
    z-index: 99;
    background-color: #27A79A;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#767676)"; /*IE 8*/
    -moz-box-shadow: 3px 3px 3px #767676; /*FF 3.5+*/
    -webkit-box-shadow: 3px 3px 3px #767676; /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 3px 3px 3px #767676; /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#767676); /*IE 5.5-7*/
    border: 1px solid #fcb64e;
    -webkit-transition: all 0.5s linear; /* Safari 3.2+, Chrome */
    -moz-transition: all 0.5s linear; /* Firefox 4-15 */
    -o-transition: all 0.5s linear; /* Opera 10.5-12.00 */
    transition: all 0.5s linear; /* Firefox 16+, Opera 12.50+ */
	text-align: center;
	display: flex;
	justify-content: center;
}
.upvote-section{
	align-self: center;
}
.ilist_image_position{align-self: center;}
.list-twentyTwo-avatar{
    position: absolute;
    width: 68px;
	height: 68px;
	left: 0px;
	top: -2px;
    border-radius: 50%;
    z-index: 99;
    overflow: hidden;
    background-color: #27A79A;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#767676)"; /*IE 8*/
    -moz-box-shadow: 3px 3px 3px #767676; /*FF 3.5+*/
    -webkit-box-shadow: 3px 3px 3px #767676; /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 3px 3px 3px #767676; /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#767676); /*IE 5.5-7*/
    
    -webkit-transition: all 0.5s linear; /* Safari 3.2+, Chrome */
    -moz-transition: all 0.5s linear; /* Firefox 4-15 */
    -o-transition: all 0.5s linear; /* Opera 10.5-12.00 */
    transition: all 0.5s linear; /* Firefox 16+, Opera 12.50+ */
	display: flex;
justify-content: center;
border: 3px solid #fff;
}
.list-twentyTwo-sl h2 {
    color: #ffffff;
    font-size: 30px;
    align-self: center;
    text-align: center;
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
}

.list-twentyTwo-inner-part:hover .list-twentyTwo-sl {
    box-shadow: none;
    border-color: transparent;
    color: #fcb64e;
}

.list-twentyTwo-inner-part:hover .list-twentyTwo-sl h2 {
    color: #fcb64e;
}

.pinfo5dfontsize{
	
font-size:14px !important;	}

h1.pinfo5tfontsize{
color:#fff !important;

margin: 40px 0 0 0 !important;

padding: 0;

font-size: 35px;
}


@media screen and (max-width: 500px) {
    .ilist_pinfol5_1,.ilist_pinfol5_2,.ilist_pinfol5_3,.ilist_pinfol5_4,.ilist_pinfol5_5,.ilist_pinfol5_6,.ilist_pinfol5_7,.ilist_pinfol5_8 {
        width: 100%;
    }
}