ul.listing-fourteen {
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif;
}
.ilist_pinfog2_1{width:100%}
.ilist_pinfog2_2{width:50%}
.ilist_pinfog2_3{width:33.33%}
ul.listing-fourteen li.list-style-fourteen {
display: inline-block;
float: left;
position: relative;
box-sizing: border-box;
padding: 10px;
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.list-fourteen-inner-part {
padding-top: 50px;
padding-bottom: 174px;
position: relative;
background: url(//web.com.bd/wp-content/plugins/iList-pro//views/origami-style-07/images/fourteen-bottom-bg.png) no-repeat bottom right;
}
.list-fourteen-content {
background-color: #ebebeb;
padding: 52px 20px 20px;
font-size: 14px;
}
.list-fourteen-content h2 {
margin: 0;
text-transform: uppercase;
color: #3080df;
font-size: 24px;
line-height:34px;
}
.list-fourteen-content p {
font-size:15px;
line-height:26px;
color:#555;
}
.list-fourteen-content span p a {
font-size:15px;
color:#000;
}
.upvote-section {
display: inline-block;
padding-top: 5px;
}
.list-fourteen-sl {
background-color: #3080df;
width: 100px;
height: 100px;
position: absolute;
right: 30px;
top: 0;
border-radius: 50%;
text-align: center;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color=#b1b1b1)"; -moz-box-shadow: 0px 3px 3px #b1b1b1; -webkit-box-shadow: 0px 3px 3px #b1b1b1; box-shadow: 0px 3px 3px #b1b1b1; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color=#b1b1b1); display: flex;
align-items: center;
justify-content: center;
}
.list-fourteen-avatar {
background-color: #dad7d7;
border: 2px solid #ffffff;
width: 80px;
height: 80px;
position: absolute;
right: 30px;
border-radius: 50%;
overflow: hidden;
display: flex;
align-items:center;
justify-content: center;
bottom: 111px;
}
.list-fourteen-avatar i {
color:#555;
}
.list-fourteen-avatar img {
}
.list-fourteen-sl h2 {
font-size: 60px;
line-height: 100px;
margin: 0;
padding: 0;
color: #ffffff;
}
.list-fourteen-sl h2:before,
.list-fourteen-content  h2:before {
display: none;
}
ul.listing-fourteen li.list-style-fourteen .list-fourteen-inner-part:after {
background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center, rgba(0, 0, 0, 0.20) 0%, transparent 50%) repeat scroll 0 0;
content: "";
height: 30px;
left: 10%;
opacity: 0;
pointer-events: none;
position: absolute;
top: 100%;
transition-duration: 0.3s;
transition-property: transform, opacity;
width: 80%;
z-index: -1;
}
ul.listing-fourteen li.list-style-fourteen:hover .list-fourteen-inner-part:after {
opacity: 1;
transform: translateY(5px);
}
ul.listing-fourteen li.list-style-fourteen:hover .list-fourteen-inner-part .list-fourteen-avatar img {
-webkit-filter: grayscale(0); filter: grayscale(0);
opacity: 1;
}
@media screen and (max-width: 767px) {
ul.listing-fourteen li.list-style-fourteen {
width: 100%;
}
}
.qcilist-copy-share-section {
position: absolute;
right: -10px;
top: 38px;
} .ilist-fancybox{
text-decoration: none !important;
} .fancybox-inner::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
.fancybox-inner::-webkit-scrollbar
{
width: 8px;
background-color: #F5F5F5;
}
.fancybox-inner::-webkit-scrollbar-thumb
{
background-color: #626262;
border: 2px solid #555555;
}