.clear {
	clear:both;
}


.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    float: left;
	box-sizing: border-box;
}
.col-1 {
	width:8.33333%;
}
.col-2 {
	width:16.6667%;
}
.col-3 {
	width:25%;
}

.col-4 {
	width:33.3333%;
}
.col-5 {
	width:41.6667%;
}

.col-6 {
	width:50%;
}
.col-7 {
	width:58.3333%;
}
.col-8 {
	width:66.6667%;
}

.col-9 {
	width:75%;
}

.col-10 {
	width:83.3333%;
}
.col-11 {
	width:91.6667%;
}
.col-12 {
	width:100%;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    min-height: 1px;
    padding-left: 25px;
    padding-right: 25px;
    position: relative;
	box-sizing: border-box;
}


/*--------------------------end main style------------------------------*/

/*--------------------------start ilist style 20------------------------------*/
.ilist_icon i{
	font-size: 80px;
}
.column1 li{width:100%}
.column2 li{width:45%;margin-right:5%}
.ilist-20-inner {
	position:relative;
	background:#2186b2;
	padding:30px 15px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
	-webkit-border-radius: 40px 40px 0 0;
	border-radius: 40px 40px 0 0;
	box-sizing: border-box;
}
.ilist-20-inner::before {
    width: 0;
    height: 0;
    border-top: 25px solid #156b89;
    border-left: 25px solid transparent;
    position: absolute;
    left: -25px;
    bottom:0px;
    content: "";
}

.ilist-20-inner:hover {
	background:#00b6c4;
	-webkit-box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.3);
	box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.3);
	-moz-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
}
.ilist-20-inner:hover.ilist-20-inner:hover::before {
	border-top: 25px solid #02a4a8;
    border-left: 25px solid transparent;

}
.ilist-20-inner:hover.ilist-20-inner:hover::after {
	border-top: 25px solid #02a4a8;
    border-right: 25px solid transparent;

}

.ilist-20-inner::after {
    width: 0;
    height: 0;
    border-top: 25px solid #156b89;
    border-right: 25px solid transparent;
    position: absolute;
    right: -25px;
    bottom: 0px;
    content: "";
}


.row.ilist-section-20 li {
    list-style: none;
}
.ilist-20-inner .col-3 p {
    font-size: 25px;
    line-height: 0px;
    color: #e8e8e8;
    margin: 0;
    font-weight: bold;
    font-family: 'Roboto Slab', serif;
    position: absolute;
    right: 2px;
}

.ilist-20-inner .col-3 span {
    font-size: 15px;
    color: #e8e8e8;
    margin: 0;
    
}
.row.ilist-section-20 .col-3 {
    padding-left: 5px !important;
	padding-right: 5px !important;
}
.row.ilist-section-20 ul {
    padding: 0;
}
.ilist-20-inner .col-9 p {
    font-size: 15px;
    color: #e8e8e8;
    line-height: 22px;
    margin: 0;
	font-family: 'Roboto Slab', serif;

}
.ilist-20-inner .col-9 p a,
.ilist_icon {
	color:#fff;
}
.ilist-20-inner .col-3 {
	display: flex;
	align-items: center;
	justify-content: center;
}
.ilist_icon {
	height: 90px;
	width: 90px;
	overflow: inherit;
}
.col-12.ilist-20 {
    margin-bottom: 40px;
}
.ilist-20-inner .col-3 img {
    width: 150px;
    
	-webkit-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #ddd;
	overflow:hidden;
}
.ilist-20-inner .col-9 h3 {
    font-size: 28px;
    margin-bottom: 15px;
    margin-top: 0;
    color: #fff;
	font-family: 'Roboto Slab', serif;

}
.upvote-section {
  top: -20px !important;
}

/* all effect */

.ilist-20-inner:hover,
.ilist-20-inner,
.ilist-20-inner:hover.ilist-20-inner:hover::after,
.ilist-20-inner:hover.ilist-20-inner:hover::before  {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}


@media only screen and (max-width: 991px) {
    .column2 li {
        width: 100%;
    }    
	
}
@media only screen and (max-width: 767px) {
	.ilist-20-inner .col-9 {
		width: 100% !important;
	}  
	
}
.ilist-20-inner:hover{
z-index: 9;
}
.qcilist-copy-share-section {

    position: absolute;
    right: 0;
    bottom: -22px;
}
.ilist_icon {
    margin: 0 25px 0 0;
}