@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) {
}.ilist_sl5_qcld_style {
float: left;
margin-right: 10px;
width: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 80px !important;
}
.ilist_sl5_qcld_style>.ilist_sl5_list-content>.ilist_sl5_list-title>.upvote-section {
color: #fff;
font-size: 12px;
text-align: center;
width: 30px;
cursor: pointer;
z-index: 99999999;
position: absolute;
top: 6px;
right: 4px;
}
.info5_title_image{
position: absolute;
top: 6px;
left: 154px;
font-size: 22px;
color: black;
}
.ilist_sl5_qcld_column1{
display:inline-block;
width:100%
}
.ilist_sl5_qcld_column2{
display:inline-block;
width:45%;
margin-right:5%;
float:left;
}
.ilist_sl5_qcld_column3{
display:inline-block;
width:30%;
margin-right:3%;
float:left;
}
.ilist_sl5_qcld_column4{
display:inline-block;
width:20%;
margin-right:5%;
float:left;
}
.ilist_sl5_qcld_column5{
display:inline-block;
width:18%;
margin-right:2%;
float:left;
}
.ilist_sl5_qcld_column6{
display:inline-block;
width:14%;
margin-right:2%;
float:left;
}
.ilist_sl5_qcld_column7{
display:inline-block;
width:12%;
margin-right:2%;
float:left;
}
.ilist_sl5_qcld_column8{
display:inline-block;
width:10%;
margin-right:2%;
float:left;
}
.ilist_sl5_qcld_column2>.ilist_sl5_list-content{
width:68% !important;
}
.ilist_sl5_list-menu {
margin: 20px auto;
padding: 0 !important;
width: 100%;
}
.ilist_sl5_list-menu li {
list-style: none !important;
}
.ilist_sl5_list-menu li > a {
color: #fff;
display: block;
position: relative;
text-align: left;
width: 100%;
border-bottom: medium none;
margin-bottom: 10px;
}
.ilist_sl5_qcld_style > .ilist_sl5_list-content {
background: #213242;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
display: block;
height: 100%;
width: 80%;
padding: 0px 15px 10px 35px;
margin-left: -24px;
transition: all 300ms ease-in-out 0s;
float: left;
box-sizing: border-box;
}
.ilist_sl5_list_number2{
}
.ilist_sl5_three-column{
width: 230px !important;
}
.ilist_sl5_one-column{
width:88%;
height: 115px;
padding: 0px 5px 3px 25px;
margin-top: 17px;
margin-left: -26px;
}
.infog_free_5{
font-size: 100px;
}
.ilist_sl5_qcld_style > .ilist_sl5_list-content > h2.ilist_sl5_list-title {
font-size: 24px ;
transition: all 300ms linear 0s;
color: #fff;
margin-bottom: 10px !important;
margin-top: 10px !important;
font-weight: normal !important;
position: relative;
margin-left: 0px;
}
.ilist_sl5_qcld_style > .ilist_sl5_list-content > h3.ilist_sl5_list-sub-title {
color: #fff;
font-size: 14px;
transition: all 300ms linear 0s;
margin-top: 0px !important;
line-height: 17px;
font-weight: normal !important;
}
.ilist_sl5_qcld_style > .ilist_sl5_list-number{
box-sizing: border-box;
color: #2B2B2B;
width: 150px;
height: 150px;
float: left;
position: relative;
border-radius: 150px;
border: 5px solid #213242;
background: rgba(214,214,214,1);
background: rgba(230,230,230,1);
background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 0%, rgba(222,222,222,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,230,230,1)), color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(222,222,222,1)));
background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 0%, rgba(222,222,222,1) 100%);
background: -o-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 0%, rgba(222,222,222,1) 100%);
background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 0%, rgba(222,222,222,1) 100%);
background: linear-gradient(to bottom, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 0%, rgba(222,222,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#dedede', GradientType=0 );
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
}
.ilist_sl5_qcld_style > .ilist_sl5_list-number>span{
font-size: 50px;
line-height: 86px;
}
.ilist_sl5_list-content p {
color:#fff;
}
.ilist_sl5_qcld_style > .ilist_sl5_list-content:hover {
-webkit-box-shadow: 10px 10px 15px 0px rgba(82,82,82,0.81);
-moz-box-shadow: 10px 10px 15px 0px rgba(82,82,82,0.81);
box-shadow: 10px 10px 15px 0px rgba(82,82,82,0.81);
transition: all 300ms linear;
background: #213242;
}
.ilist_info5_direction{}
.ilist_info5_direction > .ilist_sl5_list-number {
box-sizing: border-box;
color: #2B2B2B;
width: 150px;
height: 150px;
padding: 0px;
font-size: 50px;
float: right;
position: relative;
}
.ilist_info5_direction > .ilist_sl5_list-content {
background: #213242;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
display: block;
height: 120px;
width: 73%;
padding: 0px 21px 3px 9px;
margin-bottom: 0px;
float: right;
margin-right: -24px;
padding-left: 40px;
margin-left: -30px;
} @media screen and (max-width: 1361px) {
.ilist_sl5_list-content {
width: 80%;
}
.ilist_sl5_one-column{
width: 86%;
}
.ilist_sl5_three-column{
width: 165px !important;
}
.ilist_sl5_three-column .ilist_sl5_list-title {
font-size: 20px !important;
}
}
@media screen and (min-width: 580px) and (max-width: 767px) { 
.ilist_sl5_qcld_column3,.ilist_sl5_qcld_column4,.ilist_sl5_qcld_column2,.ilist_sl5_qcld_column5,.ilist_sl5_qcld_column6,.ilist_sl5_qcld_column7,.ilist_sl5_qcld_column8{
width:100%
}
.ilist_sl5_qcld_style > .ilist_sl5_list-content {
width: 100%;
height: 100%;
}
.ilist_sl5_three-column{
width: 75% !important;
}
.info5_title_image { 
left: 15px;
top: 181px;
}
.ilist_sl5_qcld_style > .ilist_sl5_list-content {
margin-left: 0;
}
.ilist_sl5_qcld_style {
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
}
.ilist_sl5_qcld_style > .ilist_sl5_list-number {
margin-bottom:20px;
}
}
@media screen and (min-width: 320px) and (max-width: 579px) {
.ilist_sl5_three-column{
width: 200px !important;
padding: 0px 3px 3px 13px !important;
}
.ilist_sl5_qcld_style > .ilist_sl5_list-content {
width: 200px;
margin-top: 9px;
height: auto;
margin-left: -25px;
padding: 0px 3px 3px 5px;
}
.ilist_sl5_qcld_style >.ilist_sl5_list-number{
width: 110px;
height: 110px;
border-radius: 110px;
padding: 20px;
font-size: 40px;
}
.ilist_sl5_list-title {
font-size: 20px !important;
padding-right: 30px;
}
.ilist_sl5_qcld_style > .ilist_sl5_list-content {
margin-left: 0;
}
.ilist_sl5_qcld_style > .ilist_sl5_list-content {
width: 100%;
}
.info5_title_image { 
left: 15px;
top: 127px;
}
.ilist_sl5_qcld_column3,.ilist_sl5_qcld_column4,.ilist_sl5_qcld_column2,.ilist_sl5_qcld_column5,.ilist_sl5_qcld_column6,.ilist_sl5_qcld_column7,.ilist_sl5_qcld_column8{
width:100%
}
.ilist_sl5_qcld_style {
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
}
.ilist_sl5_qcld_style > .ilist_sl5_list-number {
margin-bottom:20px;
}
.info5_title_image {
display: none;
}
}
.qcilist-copy-share-section {
z-index: 99;
display: inline-block;
margin-left: 0;
width: 25px;
height: 25px;
position: absolute;
right: 6px;
bottom: -62px;
}