@import url("https://fonts.googleapis.com/css?family=Ubuntu");
body {
}
.tlist-item-x5 {
margin-left: 0 !important;
}
.tlist-wrapper-x5{
font-family: 'Ubuntu', sans-serif;
max-width: 1200px;
line-height: 24px;
font-size: 16px;
margin: 100px auto;
color: #234;
}
.tlist-holder-x5{
}
.tlist-item-x5{
list-style: none;
padding-left: 0px;
}
.tlist-item-title-x5 {
width: 35%;
float: left;
text-align: center;
display: flex;
vertical-align: middle;
height: 100%;
padding-right: 18px;
padding-left: 10px;
box-sizing: border-box;
align-items: center;
justify-content: center;
}
.upvote-section span i {
color:#666;
}
.tlist-item-content-x5 span {
color:#555;
font-size:15px;
line-height:26px;
}
.tlist-item-content-x5 span p a {
color:#000;
}
.tlist-item-image-x5 {
width: 30%;
float: left;
text-align: center;
height: 100%;
display: flex;
vertical-align: middle;
box-sizing: border-box;
align-items: center;
justify-content: center;
}
.tlist-item-image-x5 img{
background: #51C336;
border-radius: 100%;
padding: 12px;
max-height: 260px;
display:flex;
align-items: center;
justify-content: center;
-moz-transition: all 1.1s ease; 
-ms-transition: all 1.1s ease; 
transition: all 1.1s ease;
}
.tlist-item-image-x5 {
color:#555;
}
.infogp_premium_ten{    width: 100%;
align-self: center;
font-size: 190px;
overflow:hidden;
-moz-transition: all 1.1s ease; 
-ms-transition: all 1.1s ease; 
transition: all 1.1s ease;
}
.tlist-item-content-x5{
width: 35%;
float:left;
height: 100%;
vertical-align: middle;
padding-left: 18px;
padding-right: 10px;
box-sizing: border-box;
}
.tlist-item-content-x5 span{
align-self: center;
}
.tlist-item-title-x5 h2, .tlist-item-content-x5 p{
}
.tlist-item-title-x5 h2{
font-size: 35px;
color: #133F66;
line-height: 40px;
align-self: center;
width: 100%;
}
.tlist-item-content-x5 p{
padding-bottom: 3px;
}
.divider{
width: 100%;
text-align: center;
}
.tlist-item-info{
height: 260px;
overflow:hidden;
}
.divider img{
}
.tlist-item-x5 li:last-child .divider{
display: none;
}
.tlist-item-x5 li:hover .tlist-item-image-x5 img{
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform:scale(1.1); -o-transform:scale(1.1); cursor: pointer;
box-sizing: border-box;	
}
.tlist-item-x5 li:hover .infogp_premium_ten{
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform:scale(1.1); -o-transform:scale(1.1); cursor: pointer;
box-sizing: border-box;	
} @media only screen and (min-width: 0px) and (max-width: 767px){
.divider{
display: none;
}
.tlist-item-title-x5{
width: 100%;
text-align: center;
}
.tlist-item-image-x5 {
width: 100%;
margin: 15px 0;
}
.tlist-item-content-x5{
width: 100%;
text-align:center;
}
.tlist-item-info {
height: auto;
overflow: visible;
}
}
.qcilist-copy-share-section {
}.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;
}  .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;
} .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: 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;
}@media only screen and (min-width: 10px) and (max-width: 479px) {
.container {
width: 100%;
}
.ilist-20-inner .col-3 h2 {
font-size: 50px;
}
.ilist-20-inner .col-3 span {
position: relative;
right: 0;
text-align: center;
margin-bottom: 23px;
}
.row.ilist-section-20 .col-3 {
text-align: center;
}
.ilist-20-inner .col-3 p {
position: relative;
right: 1px;
text-align: center;
top: 15px;
}
.ilist-20-inner .col-3 img {
width: 50px;
height: 50px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {
width: 100%;
}
.ilist-20-inner .col-3 h2 {
font-size: 50px;
}
.ilist-20-inner .col-3 span {
position: relative;
right: 0;
text-align: center;
margin-bottom: 23px;
}
.row.ilist-section-20 .col-3 {
text-align: center;
}
.ilist-20-inner .col-3 p {
position: relative;
right: 1px;
text-align: center;
bottom: -20px;
}
.ilist-20-inner .col-3 img {
width: 80px;
height: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}