/*
* Frontend Style Version 3.1.0
*/
/******************************Mosaic View layout*************************************/
.ap_wait_loader img {
width: 50px;
}
.clearfix:after, .clearfix:before {
content: "";
display: table;
clear: both;
}
.table-outer {
display: table;
width: 100%;
height: 100%;
}
.table-inner {
display: table-cell;
vertical-align: middle;
}
/* ---- Thumb view style ---- */
.thumb-view .thumb-elem {
position: relative;
overflow: hidden;
margin-bottom: 0;
}
.thumb-view .thumb-elem.hovermove header.thumb-elem-header .featimg img.the-thumb {
width: 130%;
height: 130%;
object-fit: cover;
height: auto;
position: absolute;
top: -15%;
left: -15%;
max-width: none;
}
/* ---- End Thumb view style ---- */
.featimg a {
display: block;
}
.grid-small {
width: 16.6666%;
}
.grid-medium {
width: 33.3333%;
}
.grid-large {
width: 33.3333%;
}
.transparent-image {
width: 100%;
vertical-align: middle;
}
.grid-hover {
position: absolute;
display: none;
}
.grid-small {
padding: 5px;
}
.grid-medium {
padding: 3px 5px 5px 5px;
}
.grid-large {
padding: 5px;
}
#owl-demo .item {
margin: 3px;
}
#owl-demo .item img {
display: block;
width: 100%;
height: auto;
}
.owl-carousel .owl-item {
float: left;
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
}
.thumb-elem-header {
position: relative;
}
.image-hover {
background: rgba(0, 0, 0, 0.4);
padding: 10px 20px;
position: absolute;
bottom: -100%;
left: 0px;
width: 100%;
height: auto;
display: block;
line-height: 1;
text-align: center;
-webkit-transition: all 3s ease 0s;
-moz-transition: all 3s ease 0s;
transition: all 3s ease 0s;
z-index: 9999;
}
.image-hover:before,
.image-hover:after{
display: table;
clear: both;
content: "";
}
.image-hover span{
display: inline-block;
line-height: 1;
}
.image-hover span img{
vertical-align: top;
}
.grid-medium.masonry_elem .thumb-elem .image-hover,
.grid-small.masonry_elem .thumb-elem .image-hover{
font-size: 12px;
padding: 6px 15px;
}
.grid-medium.masonry_elem .thumb-elem .image-hover span.follow,
.grid-small.masonry_elem .thumb-elem .image-hover span.follow{
margin-top: 2px;
}
.masonry_elem .image-hover, .masonry_elem .image-hover:active, .masonry_elem .image-hover:hover, .masonry_elem .image-hover:focus {
color: #ffffff;
}
.owl-item:hover .image-hover, .masonry_elem:hover .image-hover {
bottom: 0;
cursor: pointer;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
span.follow {
float: left;
}
span.follow_icon {
float: right;
}
.owl-item:hover .instagram_like_count, .masonry_elem:hover .instagram_like_count {
opacity: 1
}
span.instagram_like_count span {
display: inline-block;
font-size: 1em;
}
span.instagram_like_count {
opacity: 0;
display: block;
position: absolute;
top: 50%;
width: 100%;
text-align: center;
margin-top: -14.5px;
color: #ffffff;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}
.instagram_imge_like:before {
position: absolute;
content: '';
display: block;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0.85)));
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 100%);
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 100%);
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#d9ffffff', GradientType=1);
width: 35%;
top: 30%;
height: 1px;
left: 5%;
}
.instagram_imge_like:after {
position: absolute;
content: '';
display: block;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.85)), color-stop(100%, rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(left, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%);
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d9ffffff', endColorstr='#00ffffff', GradientType=1);
width: 35%;
top: 30%;
height: 1px;
right: 5%;
}
.instagram_imge_like {
position: relative;
}
.instagram_imge_like .count {
display: block;
}
.instagram-widget {
width: 100%;
padding: 8px 0
}
.instagram-widget li {
width: 31.33%;
float: left;
margin-right: 3%;
margin-bottom: 3%;
list-style: none;
overflow: hidden;
height: 100px
}
.instagram-widget li:nth-child(3n) {
margin-right: 0
}
.widget-title-insta {
text-align: center;
font-family: 'Playfair Display', serif;
color: #d28d56;
font-size: 20px;
line-height: normal;
position: relative;
}
.widget_apif_pro_sidewidget .apif-profile {
background: #295988;
padding: 10px;
}
.widget_apif_pro_sidewidget .apif-profile-img {
width: 15%;
border: 1px solid #ffffff;
overflow: hidden;
border-radius: 100%;
display: inline-block;
vertical-align: middle;
}
.widget_apif_pro_sidewidget .apif-profile-img img {
width: 100%;
height: 100%;
border-radius: 100%;
display: inline-block;
vertical-align: middle;
}
.widget_apif_pro_sidewidget .apif-profile-name {
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
color: #ffffff;
line-height: 18px;
text-align: left;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.widget_apif_pro_sidewidget .apif-profile-follow {
background: #F8F8F8;
padding: 5px;
border-bottom: 1px solid #eeeeee;
position: relative;
}
.widget_apif_pro_sidewidget .apif-profile-follow>div {
float: left;
width: 25%;
text-align: center;
font-weight: bold;
font-size: 12px;
color: #295988;
}
.widget_apif_pro_sidewidget .apif-profile-follow>div>span {
display: block;
font-weight: normal;
font-size: 10px;
color: #999999;
text-transform: capitalize;
}
.widget_apif_pro_sidewidget .apif-profile-follow .follow {
position: absolute;
top: 0;
right: 0;
width: 25%;
height: 100%;
padding: 5px;
}
.widget_apif_pro_sidewidget .follow-inner {
height: 100%;
}
.widget_apif_pro_sidewidget .apif-profile-follow .follow a {
display: inline-block;
width: 100%;
padding: 5px 0px;
background: #275A89;
color: #ffffff;
border: 1px solid #275A89;
text-transform: capitalize;
font-weight: bold;
font-size: 10px;
}
.widget_apif_pro_sidewidget .apif-profile-follow .follow a:hover {
background: transparent;
color: #275A89;
border: 1px solid #275A89;
}
.widget_apif_pro_sidewidget li img {
/* transition: transform .2s ease-in-out;
-webkit-transition: transform .2s ease-in-out;
-moz-transition: transform .2s ease-in-out;
transform: scale(1.1),translateZ(0);
-webkit-transform: scale(1.1),translateZ(0);
-moz-transform: scale(1.1),translateZ(0);*/
max-width: none;
width: -webkit-calc(100% + 10px);
width: calc(100% + 10px);
opacity: 0.7;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.widget_apif_pro_sidewidget li img:hover {
/* transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);*/
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
/*.apif-widget-wrapper span.follow {
font-size: 10px;
margin-left:-20px;
.apif-widget-wrapper .image-hover{
padding:0;
}
.apif-widget-wrapper .fa-heart-o:before {
content: "\f08a";
font-size: 16px;
}*/
/* Css start for Instagram pro */
/* Bottom to top */
.apif-bottom-to-top {
/* width: 20%;*/
float: left;
}
.apif-bottom-to-top figure {
position: relative;
overflow: hidden;
}
.apif-bottom-to-top figure .apif-image-overlay {
bottom: -300px;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
text-indent: -9999em;
transition: all 500ms ease 0s;
width: 100%;
z-index: 10;
}
.apif-bottom-to-top:hover figure .apif-image-overlay {
opacity: 1;
bottom: 0;
}
.apif-bottom-to-top .apif-image-overlay {
background: rgba(255, 255, 255, 0.8);
}
.apif-bottom-to-top figure .apif-overlay-cont-block {
display: block;
position: absolute;
top: 0;
z-index: 999;
text-align: center;
right: 0;
left: 0;
bottom: 0;
opacity: 0;
width: 100%;
transition: all 0.9s ease-in-out 0s;
}
.apif-bottom-to-top:hover figure .apif-overlay-cont-block {
opacity: 1;
display: block;
right: 0;
left: 0;
bottom: 0;
top: 0;
}
.apif-bottom-to-top figure .profile-image {
border-radius: 100%;
height: 50px;
width: 50px;
display: inline-block;
margin-top: 25px;
}
.apif-bottom-to-top figure .profile-image img {
width: 100%;
overflow: hidden;
border-radius: 100%;
}
.apif-bottom-to-top .ap_insta_like_count {
display: inline-block;
float: left;
}
.apif-bottom-to-top .ap_insta_comment_count_wrapper {
display: inline-block;
float: right;
}
.apif-bottom-to-top span.apif-ins-link {
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
}
.apif-ins-link {
z-index: 99;
}
.apif-bottom-to-top .coment-like {
padding: 20px;
display: block;
}
.apif-bottom-to-top .apif-user-name {
font-weight: bold;
font-size: 15px;
}
.apif-bottom-to-top .ap-instagram_imge_like span {
display: inline-block;
/*float: left;*/
margin-right: 5px;
}
/* left to right */
.apif-left-to-right {
/*width: 20%;*/
float: left;
}
.apif-left-to-right figure {
position: relative;
overflow: hidden;
}
.apif-left-to-right figure .apif-image-overlay {
left: -300px;
height: 100%;
opacity: 0;
position: absolute;
text-indent: -9999em;
transition: all 500ms ease 0s;
width: 100%;
z-index: 10;
top: 0;
}
.apif-left-to-right:hover figure .apif-image-overlay {
opacity: 1;
left: 0;
}
.apif-left-to-right .apif-image-overlay {
background: rgba(255, 255, 255, 0.8);
}
.apif-left-to-right figure .apif-overlay-cont-block {
display: block;
position: absolute;
top: 0;
z-index: 999;
text-align: center;
right: 0;
left: 0;
bottom: 0;
opacity: 0;
width: 100%;
transition: all 0.9s ease-in-out 0s;
}
.apif-left-to-right:hover figure .apif-overlay-cont-block {
opacity: 1;
display: block;
right: 0;
left: 0;
bottom: 0;
top: 0;
}
.apif-left-to-right figure .profile-image {
border-radius: 100%;
height: 50px;
width: 50px;
display: inline-block;
margin-top: 25px;
}
.apif-left-to-right figure .profile-image img {
width: 100%;
overflow: hidden;
border-radius: 100%;
}
.apif-left-to-right .ap_insta_like_count {
display: inline-block;
float: left;
}
.apif-left-to-right .ap_insta_comment_count_wrapper {
display: inline-block;
float: right;
}
.apif-left-to-right span.apif-ins-link {
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
}
.apif-left-to-right .coment-like {
padding: 20px;
display: block;
}
.apif-left-to-right .apif-user-name {
font-weight: bold;
font-size: 15px;
}
.apif-left-to-right .ap-instagram_imge_like span {
display: inline-block;
float: left;
margin-right: 5px;
}
/* top to bottom */
/*.apif-owl-silder figure {
min-height: 173px;
}*/
.apif-top-to-bottom {
/*width: 20%;*/
float: left;
width: 100%;
}
.apif-top-to-bottom figure {
position: relative;
overflow: hidden;
}
.apif-top-to-bottom figure .apif-image-overlay {
top: -300px;
height: 100%;
opacity: 0;
position: absolute;
text-indent: -9999em;
transition: all 500ms ease 0s;
width: 100%;
z-index: 10;
left: 0;
right: 0;
}
.apif-top-to-bottom:hover figure .apif-image-overlay {
opacity: 1;
top: 0;
}
.apif-top-to-bottom .apif-image-overlay {
background: rgba(255, 255, 255, 0.8);
}
.apif-top-to-bottom figure .apif-overlay-cont-block {
display: block;
position: absolute;
top: 0;
z-index: 999;
text-align: center;
right: 0;
left: 0;
bottom: 0;
opacity: 0;
width: 100%;
transition: all 0.9s ease-in-out 0s;
}
.apif-top-to-bottom:hover figure .apif-overlay-cont-block {
opacity: 1;
display: block;
right: 0;
left: 0;
bottom: 0;
top: 0;
}
figure .profile-image {
border-radius: 100%;
height: 50px;
width: 50px;
display: inline-block;
margin-top: 0px;
}
figure .profile-image img {
width: 100%;
overflow: hidden;
border-radius: 100%;
}
.apif-top-to-bottom .ap_insta_like_count {
display: inline-block;
float: left;
}
.apif-top-to-bottom .ap_insta_like_count .ap-instagram_imge_like{
font-size: 13px;
line-height: 1;
margin: 0 10px 0 0;
}
.apif-top-to-bottom .ap_insta_comment_count_wrapper {
display: inline-block;
float: right;
line-height: 1;
}
.apif-middle-content-wrapper{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
text-align: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.apif-top-to-bottom .apif-middle-content-wrapper,
.apif-bottom-to-top .apif-middle-content-wrapper,
.apif-left-to-right .apif-middle-content-wrapper,
.apif-right-to-left .apif-middle-content-wrapper{
z-index: 9;
height: auto;
top: 50%;
left: 0;
right: 0;
width: 130px;
margin: -75px auto 0;
}
.apif-top-to-bottom span.apif-ins-link {
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
}
.apif-top-to-bottom .coment-like {
display: block;
padding: 20px;
margin: 0 auto;
font-size: 13px;
}
.apif-top-to-bottom .apif-user-name {
font-weight: bold;
font-size: 15px;
}
.apif-top-to-bottom .ap-instagram_imge_like span,
.apif-top-to-bottom .ap_insta_comment_count span{
display: inline-block;
/* float: left; */
margin-right: 2px;
}
.apif-top-to-bottom .apif-middle-content-wrapper .apif-user-name,
.apif-bottom-to-top .apif-middle-content-wrapper .apif-user-name,
.apif-left-to-right .apif-middle-content-wrapper .apif-user-name,
.apif-right-to-left .apif-middle-content-wrapper .apif-user-name{
margin-bottom: 12px;
margin-top: 10px;
}
.apif-top-to-bottom .apif-middle-content-wrapper .apif-user-name a,
.apif-bottom-to-top .apif-middle-content-wrapper .apif-user-name a,
.apif-left-to-right .apif-middle-content-wrapper .apif-user-name a,
.apif-right-to-left .apif-middle-content-wrapper .apif-user-name a{
color: #333;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-top-to-bottom .apif-middle-content-wrapper .apif-user-name a:hover,
.apif-bottom-to-top .apif-middle-content-wrapper .apif-user-name a:hover,
.apif-left-to-right .apif-middle-content-wrapper .apif-user-name a:hover,
.apif-right-to-left .apif-middle-content-wrapper .apif-user-name a:hover{
color: #999;
}
.apif-top-to-bottom .apif-inner-content-wrapper .coment-like,
.apif-bottom-to-top .apif-inner-content-wrapper .coment-like,
.apif-left-to-right .apif-inner-content-wrapper .coment-like,
.apif-right-to-left .apif-inner-content-wrapper .coment-like{
margin-bottom: 15px;
}
.apif-top-to-bottom .apif-inner-content-wrapper .coment-like .ap_insta_like_count,
.apif-bottom-to-top .apif-inner-content-wrapper .coment-like .ap_insta_like_count,
.apif-left-to-right .apif-inner-content-wrapper .coment-like .ap_insta_like_count,
.apif-right-to-left .apif-inner-content-wrapper .coment-like .ap_insta_like_count,
.apif-top-to-bottom .apif-inner-content-wrapper .coment-like .ap_insta_comment_count_wrapper,
.apif-bottom-to-top .apif-inner-content-wrapper .coment-like .ap_insta_comment_count_wrapper,
.apif-left-to-right .apif-inner-content-wrapper .coment-like .ap_insta_comment_count_wrapper,
.apif-right-to-left .apif-inner-content-wrapper .coment-like .ap_insta_comment_count_wrapper{
font-weight: 600;
color: #333;
}
.apif-top-to-bottom figure .apif-featimg a.example-image-link,
.apif-bottom-to-top figure .apif-featimg a.example-image-link,
.apif-left-to-right figure .apif-featimg a.example-image-link,
.apif-right-to-left figure .apif-featimg a.example-image-link{
-webkit-transition: all ease 500ms;
-moz-transition: all ease 500ms;
-ms-transition: all ease 500ms;
-o-transition: all ease 500ms;
transition: all ease 500ms;
}
.apif-top-to-bottom:hover figure .apif-featimg a.example-image-link,
.apif-bottom-to-top:hover figure .apif-featimg a.example-image-link,
.apif-left-to-right:hover figure .apif-featimg a.example-image-link,
.apif-right-to-left:hover figure .apif-featimg a.example-image-link{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
/* right to left */
.apif-right-to-left {
/*width: 20%;*/
float: left;
}
.apif-right-to-left figure {
position: relative;
overflow: hidden;
}
.apif-right-to-left figure .apif-image-overlay {
right: -300px;
height: 100%;
opacity: 0;
position: absolute;
text-indent: -9999em;
transition: all 500ms ease 0s;
width: 100%;
z-index: 10;
top: 0;
}
.apif-right-to-left:hover figure .apif-image-overlay {
opacity: 1;
right: 0;
}
.apif-right-to-left .apif-image-overlay {
background: rgba(255, 255, 255, 0.8);
}
.apif-right-to-left figure .apif-overlay-cont-block {
display: block;
position: absolute;
top: 0;
z-index: 999;
text-align: center;
right: 0;
left: 0;
bottom: 0;
opacity: 0;
width: 100%;
transition: all 0.9s ease-in-out 0s;
}
.apif-right-to-left:hover figure .apif-overlay-cont-block {
opacity: 1;
display: block;
right: 0;
left: 0;
bottom: 0;
top: 0;
}
.apif-right-to-left figure .profile-image {
border-radius: 100%;
height: 50px;
width: 50px;
display: inline-block;
margin-top: 25px;
}
.apif-right-to-left figure .profile-image img {
width: 100%;
overflow: hidden;
border-radius: 100%;
}
.apif-right-to-left .ap_insta_like_count {
display: inline-block;
float: left;
}
.apif-right-to-left .ap_insta_comment_count_wrapper {
display: inline-block;
float: right;
}
.apif-right-to-left span.apif-ins-link {
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
z-index: 99;
}
.apif-right-to-left .coment-like {
padding: 20px;
display: block;
}
.apif-right-to-left .apif-user-name {
font-weight: bold;
font-size: 15px;
}
.apif-right-to-left .ap-instagram_imge_like span {
display: inline-block;
float: left;
margin-right: 5px;
}
/* apif-masnry-ui-one */
.apif-masnry-ui-one {
/*width: 20%;*/
float: left;
}
/*.apif-masnry-ui-one figure {
position: relative;
overflow: hidden;
margin: 0;
min-height: 270px;
}
.apif-masnry-ui-one figure .apif-image-overlay {
right: -300px;
height: 100%;
opacity: 0;
position: absolute;
text-indent: -9999em;
transition: all 500ms ease 0s;
width: 100%;
z-index: 10;
top: 0;
}
.apif-masnry-ui-one:hover figure .apif-image-overlay {
opacity: 0.7;
right: 0;
}*/
/*.apif-masnry-ui-one .apif-image-overlay {
background: rgba(141,48,130,4);
background: -moz-linear-gradient(top, rgba(141, 48, 130, 8) 0%, rgba(201, 43, 29, 4) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(141, 48, 130, 8)), color-stop(100%, rgba(201, 43, 29, 4)));
background: -webkit-linear-gradient(top, rgba(141, 48, 130, 8) 0%, rgba(201, 43, 29, 4) 100%);
background: -o-linear-gradient(top, rgba(141, 48, 130, 8) 0%, rgba(201, 43, 29, 4) 100%);
background: -ms-linear-gradient(top, rgba(141, 48, 130, 8) 0%, rgba(201, 43, 29, 4) 100%);
background: linear-gradient(to bottom, rgba(141, 48, 130, 8) 0%, rgba(201, 43, 29, 4) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8d3082', endColorstr='#c92b1d', GradientType=0);
}
.apif-masnry-ui-one figure .apif-overlay-cont-block {
display: block;
position: absolute;
top: 0;
z-index: 999;
text-align: center;
right: 0;
left: 0;
bottom: 0;
opacity: 0;
width: 100%;
transition: all 0.9s ease-in-out 0s;
}
.apif-masnry-ui-one figure .apif-view-n-popup {
margin-top: 30px;
}
.apif-masnry-ui-one figure .apif-view-n-popup i {
border: 2px solid #fff;
border-radius: 50%;
padding: 10px;
margin-right: 4px;
cursor: pointer;
}
.apif-masnry-ui-one figure .apif-view-n-popup a i {
color: #fff;
}
.apif-masnry-ui-one:hover figure .apif-overlay-cont-block {
opacity: 1;
display: block;
right: 0;
left: 0;
bottom: 0;
top: 0;
color: #fff;
}*/
/*.apif-masnry-ui-one:hover figure .apif-overlay-cont-block:before {
position: absolute;
content: "";
left: 7px;
right: 7px;
bottom: 7px;
top: 7px;
border: 2px solid #fff;
z-index: -1;
}
*/
.apif-masnry-ui-one figure .profile-image {
border-radius: 100%;
height: 50px;
width: 50px;
display: inline-block;
/*float: left;*/
border: 3px solid #fff;
clear: both;
}
.apif-masnry-ui-one figure .apif-prof-n-name-wrap {
display: block;
overflow: hidden;
clear: both;
margin-top: 30px;
padding: 0 30px;
}
.apif-masnry-ui-one figure .profile-image img {
width: 100%;
overflow: hidden;
border-radius: 100%;
}
/*.apif-masnry-ui-one .ap_insta_like_count {
display: inline-block;
float: left;
}*/
/*.apif-masnry-ui-one .ap_insta_comment_count_wrapper {
display: inline-block;
float: right;
}*/
/*.apif-masnry-ui-one span.apif-ins-link {
position: absolute;
top: 10px;
right: 0;
left: 0;
margin: auto;
}*/
/*.apif-masnry-ui-one .coment-like {
padding: 20px;
display: block;
}*/
/*.apif-masnry-ui-one .apif-user-name {
font-weight: normal;
font-size: 15px;
float: left;
padding: 10px 5% 4px 5%;
margin: 0px 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 90%;
display: block;
}*/
/*#apif-shortcode-wrapper .apif-masnry-ui-one .coment-like {
display: block !important;
font-size: 15px;
left: 0;
right: 0;
position: absolute;
bottom: 10px;
}*/
/*.apif-masnry-ui-one .ap-instagram_imge_like span {
display: inline-block;
float: left;
margin-right: 5px;
}
.apif-masnry-ui-one .apif-masonry-block {
padding: 0;
border: 0 !important;
}
.apif-masnry-ui-one .apif-masonry-block .apif-fig-content {
padding: 0px 15px;
}
.apif-masnry-ui-one .apif-masonry-block .apif-fig-content .ap_posted_ago {
color: #808080;
}
#apif-shortcode-wrapper .apif-masnry-ui-one .coment-like span p {
font-size: 12px;
margin: 0;
}*/
/* apif-masnry-ui-one end */
/* apif-masnry-ui-two */
.apif-masnry-ui-two .apif-featimg {
display: block;
width: 100%;
text-align: center;
overflow: hidden;
vertical-align: top;
border-radius: 5px;
position: relative;
}
.apif-masnry-ui-two .apif-blue-wrap {
background: #2199df;
padding: 10px;
border-radius: 0;
color: #fff;
position: relative;
}
.apif-masnry-ui-two .apif-blue-wrap .apif-featimg{
-webkit-border-radius: 0;
border-radius: 0;
}
.apif-masnry-ui-two .apif-blue-wrap:after {
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 10px solid transparent;
border-top: 15px solid #2199df;
position: absolute;
content: "";
top: 100%;
margin-top: -5px;
left: 22px;
}
.apif-masonry-box.apif-masnry-ui-two .apif-masonry-block {
border: 0;
border: 1px solid #f1f1f1;
padding: 0;
}
.apif-masonry-box.apif-masnry-ui-two {
padding: 10px;
}
.apif-masnry-ui-two .apif-featimg .apif-view-n-popup{
position: absolute;
left: 0;
right: 0;
top: 60%;
margin: auto;
margin-top: -17px;
z-index: 999;
color: #fff;
opacity: 0;
visibility: hidden;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-masnry-ui-two:hover .apif-featimg .apif-view-n-popup {
opacity: 1;
visibility: visible;
top: 50%;
}
.apif-masnry-ui-two .apif-featimg .apif-view-n-popup a i {
padding: 12px;
border: 1px solid #fff;
border-radius: 100%;
color: #fff;
display: inline-block;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
line-height: 1;
width: unset;
height: unset;
}
.apif-masnry-ui-two .apif-overlay-cont-block .coment-like span.count,
.apif-masnry-ui-two .apif-overlay-cont-block .coment-like span.ap_insta_count{
margin-left: 4px;
}
.apif-masnry-ui-two .apif-featimg .apif-view-n-popup a:hover i{
background: #FFF;
color: #000;
border-color: #FFF;
-webkit-box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.2);
box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.2);
}
.apif-masnry-ui-two .apif-featimg img {
margin: -100%;
vertical-align: middle;
/* to show whats been cut off */
/* position:relative;
z-index:;*/
height: 345px;
width: 100%;
}
.apif-masnry-ui-two figure .apif-featimg .apif-image-overlay {
left: 0;
right: 0;
top: 0;
/*opacity: 0;*/
position: absolute;
visibility: hidden;
opacity: 0;
content: "";
width: 100%;
height: 100%;
z-index: 10;
background: rgba(0, 0, 0, 0.6);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-masnry-ui-two:hover figure .apif-featimg .apif-image-overlay {
/*opacity: 0.7;*/
visibility: visible;
opacity: 1;
/*background: rgba(0, 0, 0, 0.4);*/
}
.apif-masnry-ui-two figure .apif-featimg a.example-image-link{
-webkit-transition: all ease 0.45s;
-moz-transition: all ease 0.45s;
-ms-transition: all ease 0.45s;
-o-transition: all ease 0.45s;
transition: all ease 0.45s;
}
.apif-masnry-ui-two:hover figure .apif-featimg a.example-image-link{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.apif-masnry-ui-two .apif-featimg .apif-image-overlay {
/*background: rgba(141,48,130,4);*/
background: rgba(0, 0, 0, 0.4);
}
.apif-masnry-ui-two .apif-overlay-cont-block .ap_posted_ago {
font-weight: normal;
color: #f1f1f1;
font-size: 12px;
}
.apif-masnry-ui-two .apif-overlay-cont-block{
margin-top: 15px;
}
.apif-masnry-ui-two .apif-image-caption{
margin-top: 10px;
font-weight: normal;
font-size: 14px;
}
.apif-image-caption br{
display: none;
}
.apif-masnry-ui-two .coment-like{
padding: 20px;
display: block;
}
.apif-masnry-ui-two .apif-own-lightbox{
margin-right: 3px;
}
.apif-masnry-ui-two .apif-ins-link{
margin-left: 3px;
}
#apif-shortcode-wrapper .apif-masnry-ui-two .coment-like {
display: block;
width: 100%;
padding: 15px 0px 5px;
}
#apif-shortcode-wrapper .apif-masnry-ui-two .coment-like:before,
#apif-shortcode-wrapper .apif-masnry-ui-two .coment-like:after{
clear: both;
display: table;
content: "";
}
#apif-shortcode-wrapper .apif-masnry-ui-two .coment-like span p {
margin: 0;
font-size: 12px;
}
.apif-masnry-ui-two span.ap_insta_like_count {
display: inline-block;
float: left;
font-size: 12px;
color: #f1f1f1;
}
.apif-masnry-ui-two span.ap_insta_comment_count_wrapper {
display: inline-block;
float: right;
font-size: 12px;
color: #f1f1f1;
}
.apif-masnry-ui-two .apif-prof-n-name-wrap .profile-image {
border-radius: 100%;
height: 50px;
width: 50px;
display: inline-block;
float: left;
border: 3px solid #a9cde1;
clear: both;
}
.apif-masnry-ui-two .apif-prof-n-name-wrap .profile-image img {
width: 100%;
overflow: hidden;
border-radius: 100%;
}
.apif-masnry-ui-two .apif-prof-n-name-wrap .apif-user-name {
display: inline-block;
float: left;
padding-left: 10px;
margin-top: 12px;
font-size: 15px;
font-weight: 600;
text-transform: lowercase;
}
.apif-template-masonry_layout2 .apif-masonry-block .apif-fig-content:before,
.apif-template-masonry_layout2 .apif-masonry-block .apif-fig-content:after{
display: table;
clear: both;
content: "";
}
.apif-masnry-ui-two .apif-prof-n-name-wrap {
display: block;
width: 100%;
padding: 20px 12px 10px;
float: left;
}
/* apif-masnry-ui-three */
.apif-masnry-ui-three {
/*width: 20%;*/
float: left;
}
.apif-masnry-ui-three .apif-masonry-block {
border: 1px solid #ccc;
}
.apif-masnry-ui-three figure {
position: relative;
overflow: hidden;
}
.apif-masnry-ui-three figure .apif-image-overlay {
content: "";
top: 0;
left: 0;
right: 0;
height: 100%;
position: absolute;
text-indent: -9999em;
width: 100%;
z-index: 10;
opacity: 0;
visibility: hidden;
background: -moz-linear-gradient(top, rgba(141, 48, 130, 0.8) 0%, rgba(201, 43, 29, 0.4) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(141, 48, 130, 0.8)), color-stop(100%, rgba(201, 43, 29, 4)));
background: -webkit-linear-gradient(top, rgba(141, 48, 130, 0.8) 0%, rgba(201, 43, 29, 0.4) 100%);
background: -o-linear-gradient(top, rgba(141, 48, 130, 0.8) 0%, rgba(201, 43, 29, 0.4) 100%);
background: -ms-linear-gradient(top, rgba(141, 48, 130, 0.8) 0%, rgba(201, 43, 29, 0.4) 100%);
background: linear-gradient(to bottom, rgba(141, 48, 130, 0.8) 0%, rgba(201, 43, 29, 0.4) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8d3082', endColorstr='#c92b1d', GradientType=0);
-webkit-transition: all ease 0.2s;
-moz-transition: all ease 0.2s;
-ms-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.apif-masnry-ui-three:hover figure .apif-image-overlay {
opacity: 1;
visibility: visible;
}
.apif-masnry-ui-three .apif-image-overlay {
/*background: rgba(141,48,130,4);*/
}
.apif-masnry-ui-three figure .apif-overlay-cont-block {
display: block;
position: absolute;
top: 0;
z-index: 999;
text-align: center;
right: 0;
left: 0;
bottom: 0;
opacity: 0;
width: 100%;
transition: all 0.9s ease-in-out 0s;
}
.apif-masnry-ui-three figure .apif-view-n-popup{
position: absolute;
z-index: 10;
top: 50%;
margin: auto;
margin-top: -17px;
height: 34px;
width: 100%;
}
.apif-masnry-ui-three figure .apif-view-n-popup:before,
.apif-masnry-ui-three figure .apif-view-n-popup:after{
display: table;
clear: both;
content: "";
}
.apif-masnry-ui-three figure .apif-view-n-popup a{
display: inline-block;
width: 50%;
float: left;
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(25px);
-moz-transform: translateY(25px);
-ms-transform: translateY(25px);
-o-transform: translateY(25px);
transform: translateY(25px);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-masnry-ui-three figure .apif-view-n-popup a:first-of-type{
text-align: right;
padding-right: 5px;
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.apif-masnry-ui-three figure .apif-view-n-popup a:last-of-type{
text-align: left;
padding-left: 5px;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.apif-masnry-ui-three:hover figure .apif-view-n-popup a{
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.apif-masnry-ui-three figure .apif-view-n-popup i {
border: 2px solid #fff;
border-radius: 50%;
height: 45px;
line-height: 43px;
width: 45px;
font-weight: 400;
text-align: center;
cursor: pointer;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
width:unset;
line-height:1;
height:unset;
padding:10px;
}
.apif-masnry-ui-three figure .apif-view-n-popup a:hover i{
background: #FFF;
color: #000;
}
.apif-masnry-ui-three figure .apif-view-n-popup a i {
color: #fff;
}
.apif-masnry-ui-three:hover figure .apif-overlay-cont-block {
opacity: 1;
display: block;
right: 0;
left: 0;
bottom: 0;
top: 0;
color: #fff;
}
.apif-masnry-ui-three figure .apif-overlay-cont-block:before,
.apif-masnry-ui-three figure .apif-overlay-cont-block:after{
position: absolute;
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
content: '';
opacity: 0;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-transition: opacity 0.55s, -webkit-transform 0.55s;
transition: opacity 0.55s, transform 0.55s;
}
.apif-masnry-ui-three figure .apif-overlay-cont-block:before{
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}
.apif-masnry-ui-three figure .apif-overlay-cont-block:after{
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
}
.apif-masnry-ui-three:hover figure .apif-overlay-cont-block:before,
.apif-masnry-ui-three:hover figure .apif-overlay-cont-block:after{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.apif-masnry-ui-three .apif-fig-content .profile-image {
border-radius: 100%;
height: 60px;
width: 60px;
display: inline-block;
/*float: left;*/
border: 3px solid #fff;
clear: both;
}
.apif-masnry-ui-three .apif-fig-content .apif-prof-n-name-wrap {
display: block;
overflow: hidden;
clear: both;
margin-top: -30px;
padding: 0 30px;
position: relative;
z-index: 999;
text-align: center;
}
.apif-masnry-ui-three .apif-fig-content .apif-image-caption {
padding: 8px 10px;
text-align: center;
font-size: 14px;
}
.apif-masnry-ui-three .apif-fig-content .profile-image img {
width: 100%;
overflow: hidden;
border-radius: 100%;
}
.apif-masnry-ui-three .ap_insta_like_count {
display: inline-block;
float: left;
}
.apif-masnry-ui-three .ap_insta_comment_count_wrapper {
display: inline-block;
float: left;
margin-left: 10px;
}
.apif-masnry-ui-three span.apif-ins-link {
position: absolute;
top: 10px;
right: 0;
left: 0;
margin: auto;
}
.apif-masnry-ui-three .coment-like {
padding: 20px;
display: block;
}
.apif-masnry-ui-three .apif-user-name {
font-weight: normal;
font-size: 15px;
font-weight: 600;
/*float: left;*/
padding: 10px 5% 4px 5%;
margin: 0px 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 90%;
display: block;
}
#apif-shortcode-wrapper .apif-masnry-ui-three .coment-like {
display: block !important;
font-size: 15px;
overflow: hidden;
margin: 20px 10px 3px;
padding: 10px 3px;
border-top: 1px solid #dedcdc;
color: #808080;
}
#apif-shortcode-wrapper .apif-masnry-ui-three .coment-like span p {
margin: 0;
padding: 0;
font-size: 12px;
}
.apif-masnry-ui-three .ap-instagram_imge_like span {
display: inline-block;
float: left;
margin-right: 5px;
}
.apif-masonry-box.apif-masnry-ui-three .apif-masonry-block {
padding: 0;
border: 1px solid #dedcdc;
overflow: hidden;
}
.apif-masnry-ui-three .apif-masonry-block .apif-fig-content {
/*padding: 0px 15px;*/
}
.apif-masnry-ui-three .apif-masonry-block .apif-fig-content .ap_posted_ago {
color: #808080;
padding: 0;
display: inline-block;
float: right;
font-size: 14px;
}
.apif-masnry-ui-three .apifeeds-social-icon-wrap{
margin-top: 5px;
}
.apif-masnry-ui-three .apifeeds-social-icon-wrap a i{
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-masnry-ui-three .apifeeds-social-icon-wrap a:hover i.fa-facebook{
color: #3a559f;
}
.apif-masnry-ui-three .apifeeds-social-icon-wrap a:hover i.fa-twitter{
color: #11c1ff;
}
.apif-masnry-ui-three .apifeeds-social-icon-wrap a:hover i.fa-google-plus{
color: #f4521f;
}
.apif-masnry-ui-three .apifeeds-social-icon-wrap a:hover i.fa-pinterest{
color: #ca3737;
}
.apif-masnry-ui-three figure .apif-featimg a.example-image-link{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-masnry-ui-three:hover figure .apif-featimg a.example-image-link{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
/* apif-masnry-ui-four */
.apif-masnry-ui-four {
/*width: 20%;*/
float: left;
}
.apif-masnry-ui-four .apif-masonry-block {
border: 1px solid #ccc;
}
.apif-masnry-ui-four figure {
position: relative;
overflow: hidden;
}
.apif-masnry-ui-four figure .apif-image-overlay {
left: 0;
width: 100%;
height: 100%;
opacity: 0;
position: absolute;
text-indent: -9999em;
transition: all ease 0.6s;
z-index: 10;
top: 0;
}
.apif-masnry-ui-four:hover figure .apif-image-overlay {
opacity: 1;
visibility: visible;
}
.apif-masnry-ui-four .apif-image-overlay {
background: rgba(208,228,247,0.6);
background: -moz-linear-gradient(top, rgba(208,228,247,0.6) 0%, rgba(115,177,231,0.6) 24%, rgba(10,119,213,0.6) 50%, rgba(83,159,225,0.6) 79%, rgba(135,188,234,0.6) 100%);
background: -webkit-linear-gradient(top, rgba(208,228,247,0.6) 0%,rgba(115,177,231,0.6) 24%,rgba(10,119,213,0.6) 50%,rgba(83,159,225,0.6) 79%,rgba(135,188,234,0.6) 100%);
background: linear-gradient(to bottom, rgba(208,228,247,0.6) 0%,rgba(115,177,231,0.6) 24%,rgba(10,119,213,0.6) 50%,rgba(83,159,225,0.6) 79%,rgba(135,188,234,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 );
visibility: hidden;
opacity: 0;
}
.apif-masnry-ui-four figure .apif-overlay-cont-block {
display: block;
position: absolute;
top: 0;
z-index: 999;
text-align: center;
right: 0;
left: 0;
bottom: 0;
opacity: 0;
width: 100%;
transition: all 0.9s ease-in-out 0s;
}
.apif-masnry-ui-four figure .apif-featimg a.example-image-link{
position: relative;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: transform 0.7s;
-moz-transition: transform 0.7s;
-ms-transition: transform 0.7s;
-o-transition: transform 0.7s;
transition: transform 0.7s;
}
.apif-masnry-ui-four:hover figure .apif-featimg a.example-image-link{
-webkit-transform: scale3d(1.15,1.15,1);
-moz-transform: scale3d(1.15,1.15,1);
-ms-transform: scale3d(1.15,1.15,1);
-o-transform: scale3d(1.15,1.15,1);
transform: scale3d(1.15,1.15,1);
}
.apif-masnry-ui-four figure .apif-featimg a.example-image-link:before{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.5);
content: '';
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.apif-masnry-ui-four:hover figure .apif-featimg a.example-image-link:before{
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
.apif-masnry-ui-four figure .apif-view-n-popup {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
max-width: 100px;
max-height: 50px;
}
.apif-masnry-ui-four figure .apif-view-n-popup i {
border: 2px solid #fff;
border-radius: 0;
padding: 10px;
margin-right: 4px;
cursor: pointer;
visibility: hidden;
opacity: 0;
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all ease 0.6s;
-moz-transition: all ease 0.6s;
-ms-transition: all ease 0.6s;
-o-transition: all ease 0.6s;
transition: all ease 0.6s;
}
.apif-masnry-ui-four figure .apif-view-n-popup a i{
color: #fff;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-masnry-ui-four figure .apif-view-n-popup a:hover i{
background: #FFF;
color: #0060ba;
border-color: #FFF;
}
.apif-masnry-ui-four:hover figure .apif-view-n-popup i{
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
width:unset;
line-height:1;
height:unset;
}
.apif-masnry-ui-four:hover figure .apif-overlay-cont-block {
opacity: 1;
display: block;
right: 0;
left: 0;
bottom: 0;
top: 0;
color: #fff;
}
/*.apif-masnry-ui-four:hover figure .apif-overlay-cont-block:before {
position: absolute;
content: "";
left: 25px;
right: 25px;
bottom: 40px;
top: 25px;
z-index: -1;
}*/
.apif-masnry-ui-four .apif-fig-content .profile-image {
border-radius: 0;
height: 70px;
width: 70px;
display: inline-block;
/*float: left;*/
border: 3px solid #c5e0fa;
clear: both;
}
.apif-masnry-ui-four .apif-fig-content .apif-prof-n-name-wrap {
display: block;
overflow: hidden;
clear: both;
margin-top: -30px;
padding: 0 30px;
position: relative;
z-index: 999;
text-align: center;
}
.apif-masnry-ui-four .apif-fig-content .apif-image-caption {
padding: 8px 10px;
text-align: center;
font-size: 14px;
}
.apif-masnry-ui-four .apif-fig-content .apif-image-caption .apifeeds-social-icon-wrap{
display: block;
margin-top: 15px;
text-align: center;
}
.apif-masnry-ui-four .apif-fig-content .apif-image-caption .apifeeds-social-icon-wrap a i{
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-masnry-ui-four .apif-fig-content .apif-image-caption .apifeeds-social-icon-wrap a:hover i.fa-facebook{
color: #3a559f;
}
.apif-masnry-ui-four .apif-fig-content .apif-image-caption .apifeeds-social-icon-wrap a:hover i.fa-twitter{
color: #11c1ff;
}
.apif-masnry-ui-four .apif-fig-content .apif-image-caption .apifeeds-social-icon-wrap a:hover i.fa-google-plus{
color: #f4521f;
}
.apif-masnry-ui-four .apif-fig-content .apif-image-caption .apifeeds-social-icon-wrap a:hover i.fa-pinterest{
color: #ca3737;
}
.apif-masnry-ui-four .apif-fig-content .profile-image img {
width: 100%;
overflow: hidden;
border-radius: 0;
}
.apif-masnry-ui-four .ap_insta_like_count {
display: inline-block;
float: left;
}
.apif-masnry-ui-four .ap_insta_comment_count_wrapper {
display: inline-block;
float: left;
margin-left: 5px;
}
.apif-masnry-ui-four span.apif-ins-link {
position: absolute;
top: 10px;
right: 0;
left: 0;
margin: auto;
}
.apif-masnry-ui-four .coment-like {
padding: 20px;
display: block;
}
.apif-masnry-ui-four .apif-user-name {
font-weight: normal;
font-size: 15px;
font-weight: 600;
/*float: left;*/
padding: 10px 5% 4px 5%;
margin: 0px 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 90%;
display: block;
}
#apif-shortcode-wrapper .apif-masnry-ui-four .coment-like {
display: block !important;
font-size: 15px;
overflow: hidden;
margin: 20px 0px 0px;
padding: 10px;
background: #007EF4;
color: #fff;
-webkit-border-radius: 0;
border-radius: 0;
}
#apif-shortcode-wrapper .apif-masnry-ui-four .coment-like span p {
margin: 0;
padding: 0 0 0 2px;
font-size: 12px;
}
.apif-masnry-ui-four .ap-instagram_imge_like span {
display: inline-block;
float: left;
margin-right: 5px;
}
.apif-masonry-box.apif-masnry-ui-four .apif-masonry-block {
padding: 10px;
border: 1px solid #d0e4f7;
overflow: hidden;
}
.apif-masnry-ui-four .apif-masonry-block .apif-fig-content {
/*padding: 0px 15px;*/
}
.apif-masnry-ui-four .apif-masonry-block .apif-fig-content .ap_posted_ago {
color: #fff;
padding: 0px 10px 0;
display: inline-block;
float: right;
font-size: 14px;
}
/* apif-masnry-ui-five */
.apif-masnry-ui-five {
/*width: 20%;*/
float: left;
padding: 15px 10px !important;
z-index: 1;
}
.apif-masonry-box.apif-masnry-ui-five {
margin-bottom: 27px;
}
.apif-masnry-ui-five .apif-masonry-block {
border: 1px solid #ccc;
}
.apif-masnry-ui-five figure {
position: relative;
overflow: hidden;
min-height: 200px;
}
.apif-masnry-ui-five figure .apif-image-overlay {
right: 0px;
height: 100%;
opacity: 0;
position: absolute;
transition: all 0.35s ease-in-out 0s;
width: 100%;
z-index: 10;
top: 0;
}
.apif-masnry-ui-five figure .apif-featimg{
background: -moz-linear-gradient(top, rgba(141, 48, 130, 1) 0%, rgba(201, 43, 29, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(141, 48, 130, 1)), color-stop(100%, rgba(201, 43, 29, 1)));
background: -webkit-linear-gradient(top, rgba(141, 48, 130, 1) 0%, rgba(201, 43, 29, 1) 100%);
background: -o-linear-gradient(top, rgba(141, 48, 130, 1) 0%, rgba(201, 43, 29, 1) 100%);
background: -ms-linear-gradient(top, rgba(141, 48, 130, 1) 0%, rgba(201, 43, 29, 1) 100%);
background: linear-gradient(to bottom, rgba(141, 48, 130, 1) 0%, rgba(201, 43, 29, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8d3082', endColorstr='#c92b1d', GradientType=0);
}
.apif-masnry-ui-five figure .apif-featimg a.example-image-link{
opacity: 0.7;
}
.apif-masnry-ui-five:hover figure .apif-image-overlay {
opacity: 1;
/*right: 0;*/
}
.apif-masnry-ui-five .apif-image-overlay {
/*background: rgba(141,48,130,4);*/
background: -moz-linear-gradient(top, rgba(141, 48, 130, 0.8) 0%, rgba(201, 43, 29, 0.4) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(141, 48, 130, 0.8)), color-stop(100%, rgba(201, 43, 29, 0.4)));
background: -webkit-linear-gradient(top, rgba(141, 48, 130, 0.8) 0%, rgba(201, 43, 29, 0.4) 100%);
background: -o-linear-gradient(top, rgba(141, 48, 130, 0.8) 0%, rgba(201, 43, 29, 0.4) 100%);
background: -ms-linear-gradient(top, rgba(141, 48, 130, 0.8) 0%, rgba(201, 43, 29, 0.4) 100%);
background: linear-gradient(to bottom, rgba(141, 48, 130, 0.8) 0%, rgba(201, 43, 29, 0.4) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8d3082', endColorstr='#c92b1d', GradientType=0);
}
.apif-masnry-ui-five .apif-image-overlay:after{
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
border: 2px solid #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
}
.apif-masnry-ui-five:hover .apif-image-overlay:after{
opacity: 1;
-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
}
.apif-masnry-ui-five.apif-small-size-display .apif-image-overlay:after{
height: 150px;
width: 150px;
}
.apif-masnry-ui-five.apif-small-size-display.apif-large-desktop-col-5 .apif-image-overlay:after{
height: 120px;
width: 120px;
}
.apif-masnry-ui-five.apif-small-size-display.apif-large-desktop-col-6 .apif-image-overlay:after{
height: 100px;
width: 100px;
}
.apif-masnry-ui-five.apif-small-size-display.apif-large-desktop-col-5 figure .apif-overlay-cont-block .apif-middel-link-wrapper{
margin-top: -25px;
width: 90px;
height: 50px;
}
.apif-masnry-ui-five.apif-small-size-display.apif-large-desktop-col-6 figure .apif-overlay-cont-block .apif-middle-link-wrapper{
width: 80px;
}
.apif-masnry-ui-five.apif-small-size-display.apif-large-desktop-col-5 figure .apif-overlay-cont-block .coment-like,
.apif-masnry-ui-five.apif-small-size-display.apif-large-desktop-col-6 figure .apif-overlay-cont-block .coment-like{
margin-top: 10px;
}
#apif-shortcode-wrapper .apif-masnry-ui-five.apif-masnry-ui-five.apif-small-size-display.apif-large-desktop-col-5 .coment-like span p,
#apif-shortcode-wrapper .apif-masnry-ui-five.apif-masnry-ui-five.apif-small-size-display.apif-large-desktop-col-6 .coment-like span p{
font-size: 12px !important;
}
.apif-masnry-ui-five.apif-small-size-display.apif-large-desktop-col-5 figure .apif-overlay-cont-block .apif-view-n-popup a.apif-own-lightbox,
.apif-masnry-ui-five.apif-small-size-display.apif-large-desktop-col-5 figure .apif-overlay-cont-block .apif-view-n-popup a.apif-ins-link,
.apif-masnry-ui-five.apif-small-size-display.apif-large-desktop-col-6 figure .apif-overlay-cont-block .apif-view-n-popup a.apif-own-lightbox,
.apif-masnry-ui-five.apif-small-size-display.apif-large-desktop-col-6 figure .apif-overlay-cont-block .apif-view-n-popup a.apif-ins-link{
font-size: 12px;
}
.apif-masnry-ui-five.apif-small-size-display.apif-large-desktop-col-5 figure .apif-overlay-cont-block .apif-user-name a,
.apif-masnry-ui-five.apif-small-size-display.apif-large-desktop-col-6 figure .apif-overlay-cont-block .apif-user-name a{
font-size: 15px;
}
.apif-masnry-ui-five figure .apif-overlay-cont-block{
position: absolute;
display: block;
height: 100%;
z-index: 11;
top: 0;
left: 0;
width: 100%;
text-align: center;
}
.apif-masnry-ui-five figure .apif-overlay-cont-block .apif-middle-link-wrapper{
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 64px;
width: 100px;
margin: 0 auto;
margin-top: -32px;
}
.apif-masnry-ui-five figure .apif-overlay-cont-block .apif-user-name{
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
margin-top: -14px;
-webkit-transition: opacity 0.35s, transform 0.35s;
-moz-transition: opacity 0.35s, transform 0.35s;
-ms-transition: opacity 0.35s, transform 0.35s;
-o-transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.apif-masnry-ui-five:hover figure .apif-overlay-cont-block .apif-user-name{
opacity: 0;
-webkit-transform: scale3d(0.8,0.8,1);
-moz-transform: scale3d(0.8,0.8,1);
-ms-transform: scale3d(0.8,0.8,1);
-o-transform: scale3d(0.8,0.8,1);
transform: scale3d(0.8,0.8,1);
}
.apif-masnry-ui-five figure .apif-overlay-cont-block .apif-user-name a{
font-size: 18px;
font-weight: 600;
color: #FFF;
}
.apif-masnry-ui-five figure .apif-overlay-cont-block .apif-view-n-popup{
display: block;
width: 100%;
}
.apif-masnry-ui-five figure .apif-overlay-cont-block .apif-view-n-popup:before,
.apif-masnry-ui-five figure .apif-overlay-cont-block .apif-view-n-popup:after{
clear: both;
display: table;
content: "";
}
.apif-masnry-ui-five figure .apif-overlay-cont-block .apif-view-n-popup a.apif-own-lightbox{
float: left;
display: inline-block;
font-size: 14px;
color: #FFF;
margin-left: 20px;
opacity: 0;
-webkit-transform: translate3d(-60px,-60px,0);
-moz-transform: translate3d(-60px,-60px,0);
-ms-transform: translate3d(-60px,-60px,0);
-o-transform: translate3d(-60px,-60px,0);
transform: translate3d(-60px,-60px,0);
-webkit-transition: opacity 0.35s, transform 0.35s;
-moz-transition: opacity 0.35s, transform 0.35s;
-ms-transition: opacity 0.35s, transform 0.35s;
-o-transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.apif-masnry-ui-five:hover figure .apif-overlay-cont-block .apif-view-n-popup a.apif-own-lightbox{
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1;
}
.apif-masnry-ui-five figure .apif-overlay-cont-block .apif-view-n-popup a.apif-ins-link{
float: right;
display: inline-block;
font-size: 14px;
color: #FFF;
margin-right: 10px;
opacity: 0;
-webkit-transform: translate3d(60px,-60px,0);
-moz-transform: translate3d(60px,-60px,0);
-ms-transform: translate3d(60px,-60px,0);
-o-transform: translate3d(60px,-60px,0);
transform: translate3d(60px,-60px,0);
-webkit-transition: opacity 0.35s, transform 0.35s;
-moz-transition: opacity 0.35s, transform 0.35s;
-ms-transition: opacity 0.35s, transform 0.35s;
-o-transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.apif-masnry-ui-five:hover figure .apif-overlay-cont-block .apif-view-n-popup a.apif-ins-link{
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1;
}
.apif-masnry-ui-five figure .apif-overlay-cont-block .coment-like{
display: block;
margin-top: 25px;
}
.apif-masnry-ui-five figure .apif-overlay-cont-block .coment-like:before,
.apif-masnry-ui-five figure .apif-overlay-cont-block .coment-like:after{
display: table;
content: "";
clear: both;
}
.apif-masnry-ui-five figure .apif-overlay-cont-block .coment-like .ap_insta_like_count{
display: inline-block;
float: left;
opacity: 0;
-webkit-transform: translate3d(-60px,60px,0);
-moz-transform: translate3d(-60px,60px,0);
-ms-transform: translate3d(-60px,60px,0);
-o-transform: translate3d(-60px,60px,0);
transform: translate3d(-60px,60px,0);
-webkit-transition: opacity 0.35s, transform 0.35s;
-moz-transition: opacity 0.35s, transform 0.35s;
-ms-transition: opacity 0.35s, transform 0.35s;
-o-transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.apif-masnry-ui-five:hover figure .apif-overlay-cont-block .coment-like .ap_insta_like_count{
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1;
}
.apif-masnry-ui-five figure .apif-overlay-cont-block .coment-like .ap_insta_comment_count_wrapper{
display: inline-block;
float: right;
-webkit-transform: translate3d(60px,60px,0);
-moz-transform: translate3d(60px,60px,0);
-ms-transform: translate3d(60px,60px,0);
-o-transform: translate3d(60px,60px,0);
transform: translate3d(60px,60px,0);
opacity: 0;
-webkit-transition: opacity 0.35s, transform 0.35s;
-moz-transition: opacity 0.35s, transform 0.35s;
-ms-transition: opacity 0.35s, transform 0.35s;
-o-transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.apif-masnry-ui-five:hover figure .apif-overlay-cont-block .coment-like .ap_insta_comment_count_wrapper{
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1;
}
.apif-masnry-ui-five .apifeeds-social-icon-wrap{
display: block;
width: 100%;
margin-top: 10px;
text-align: center;
}
.apif-masnry-ui-five .apifeeds-social-icon-wrap a{
display: inline-block;
}
.apif-masnry-ui-five .apifeeds-social-icon-wrap a i{
display: block;
height: 30px;
width: 30px;
text-align: center;
line-height: 30px;
color: #FFF;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-masnry-ui-five .apifeeds-social-icon-wrap a i.fa-facebook{
background: #3a559f;
}
.apif-masnry-ui-five .apifeeds-social-icon-wrap a i.fa-twitter{
background: #30b6f3;
}
.apif-masnry-ui-five .apifeeds-social-icon-wrap a i.fa-google-plus{
background: #f4521f;
}
.apif-masnry-ui-five .apifeeds-social-icon-wrap a i.fa-pinterest{
background: #ca3737;
}
.apif-masnry-ui-five .apifeeds-social-icon-wrap a:hover i{
background: #000;
}
/*.apif-masnry-ui-five figure .apif-overlay-cont-block {
display: block;
position: absolute;
top: 0;
z-index: 999;
text-align: center;
right: 0;
left: 0;
bottom: 0;
opacity: 0;
width: 100%;
transition: all 0.9s ease-in-out 0s;
}
.apif-masnry-ui-five figure .apif-view-n-popup {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
max-width: 100px;
max-height: 50px;
}
.apif-masnry-ui-five figure .apif-view-n-popup i {
border: 2px solid #fff;
border-radius: 50%;
padding: 10px;
margin-right: 4px;
cursor: pointer;
}
.apif-masnry-ui-five figure .apif-view-n-popup a i {
color: #fff;
}
.apif-masnry-ui-five:hover figure .apif-overlay-cont-block {
opacity: 1;
display: block;
right: 0;
left: 0;
bottom: 0;
top: 0;
color: #fff;
}
.apif-masnry-ui-five:hover figure .apif-overlay-cont-block:before {
position: absolute;
content: "";
left: 25px;
right: 25px;
bottom: 40px;
top: 25px;
border: 2px solid #fff;
z-index: -1;
}*/
.apif-masnry-ui-five .apif-fig-content .profile-image {
border-radius: 100%;
height: 70px;
width: 70px;
display: inline-block;
/*float: left;*/
/*border: 3px solid #fff;*/
clear: both;
}
.apif-masnry-ui-five .apif-fig-content .apif-prof-n-name-wrap {
display: block;
overflow: hidden;
clear: both;
margin-top: -30px;
padding: 0 30px;
position: relative;
z-index: 999;
text-align: center;
}
.apif-masnry-ui-five .apif-fig-content .apif-image-caption {
padding: 8px 10px;
text-align: center;
font-size: 14px;
}
.apif-masnry-ui-five .apif-fig-content .profile-image img {
width: 100%;
overflow: hidden;
border-radius: 100%;
}
.apif-masnry-ui-five .ap_insta_like_count {
display: inline-block;
float: left;
}
.apif-masnry-ui-five .ap_insta_comment_count_wrapper {
display: inline-block;
float: right;
}
.apif-masnry-ui-five span.apif-ins-link {
position: absolute;
top: 10px;
right: 0;
left: 0;
margin: auto;
}
/*.apif-masnry-ui-five .coment-like {
padding: 20px;
display: block;
}*/
/*.apif-masnry-ui-five .apif-user-name {
font-weight: normal;
font-size: 15px;
padding: 10px 5% 4px 5%;
margin: 0px 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 90%;
display: block;
color: #000;
font-weight: 600;
}*/
/*#apif-shortcode-wrapper .apif-masnry-ui-five .coment-like {
display: block !important;
font-size: 15px;
overflow: hidden;
margin: 20px 0px 0px;
padding: 10px 30px;
border-radius: 8px;
position: absolute;
bottom: 40px;
right: 0px;
left: 0px;
margin: auto;
max-width: 180px;
}*/
#apif-shortcode-wrapper .apif-masnry-ui-five .coment-like span p {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: 600;
color: #FFF;
}
.apif-masnry-ui-five .ap-instagram_imge_like span {
/*display: inline-block;
float: left;
margin-right: 5px;*/
}
.apif-masonry-box.apif-masnry-ui-five .apif-masonry-block {
overflow: hidden;
border: solid 1px #eee;
}
.apif-masnry-ui-five .apif-masonry-block .apif-fig-content {
/*padding: 0px 15px;*/
margin-bottom: 10px;
}
.apif-masnry-ui-five .apif-masonry-block .apif-fig-content .ap_posted_ago {
padding: 0px 10px 0;
text-align: center;
display: block;
font-size: 12px;
}
.apif-masnry-ui-five .apif-masonry-block .apif-fig-content .ap_posted_ago p {
margin: 0;
margin-top: 15px;
font-size: 11px;
text-transform: uppercase;
}
.apif-masnry-ui-five.effect5 {
position: relative;
}
.apif-masnry-ui-five.effect5:before, .apif-masnry-ui-five.effect5:after {
z-index: -1;
position: absolute;
content: "";
bottom: 25px;
left: 17px;
width: 50%;
top: 80%;
max-width: 300px;
background: #777;
box-shadow: 0 10px 8px #777;
transform: rotate(-3deg);
}
.apif-masnry-ui-five.effect5:after {
transform: rotate(3deg);
right: 17px;
left: auto;
}
.apif-popup-disc {
display: block;
overflow: hidden;
clear: both;
}
/* Top */
.apif-masnry-ui-five .effect-top5 {
position: relative;
z-index: 1;
}
.apif-masnry-ui-five .effect-top5:before, .apif-masnry-ui-five .effect-top5:after {
z-index: -1;
position: absolute;
content: "";
top: 11px;
left: 7px;
width: 50%;
bottom: 80%;
max-width: 300px;
/* background: #777; */
box-shadow: 0px -10px 10px #777;
transform: rotate(3deg);
}
.apif-masnry-ui-five .effect-top5:after {
transform: rotate(-5deg);
right: 7px;
left: auto;
}
/* image-zoom-style */
.apif-image-zoom-style {
/*width: 20%;*/
float: left;
}
.apif-image-zoom-style figure {
position: relative;
overflow: hidden;
}
.apif-image-zoom-style figure .apif-image-overlay {
height: 100%;
opacity: 0;
position: absolute;
text-indent: -9999em;
transition: all 500ms ease 0s;
width: 100%;
z-index: 10;
top: 0;
left: 0;
}
.apif-image-zoom-style:hover figure .apif-image-overlay {
opacity: 1;
right: 0;
}
.apif-image-zoom-style .apif-image-overlay {
background: rgba(255, 255, 255, 0.8);
}
.apif-image-zoom-style figure .apif-overlay-cont-block {
display: block;
position: absolute;
top: 0;
z-index: 999;
text-align: center;
right: 0;
left: 0;
bottom: 0;
opacity: 0;
width: 100%;
transition: all 0.9s ease-in-out 0s;
}
.apif-image-zoom-style:hover figure .apif-overlay-cont-block {
opacity: 1;
display: block;
right: 0;
left: 0;
bottom: 0;
top: 0;
}
.apif-image-zoom-style .apif-featimg img {
transform: scale(1) translateZ(0);
-ms-transform: scale(1) translateZ(0);
-webkit-transform: scale(1) translateZ(0);
transition: all 0.6s ease-in-out 0s;
-moz-transition: all 0.6s ease-in-out 0s;
-webkit-transition: all 0.6s ease-in-out 0s;
}
.ap_feeds-grid_layout1 .apif-image-zoom-style .apif-featimg img {
/* height: 100%;
min-width: 100%;
max-width: inherit;*/
min-width: 100%;
min-height: 100%;
}
.apif-image-zoom-style:hover .apif-featimg img {
transform: scale(1.05);
}
.apif-image-zoom-style figure .profile-image {
border-radius: 100%;
height: 50px;
width: 50px;
display: inline-block;
margin-top: 25px;
}
.apif-image-zoom-style figure .profile-image img {
width: 100%;
overflow: hidden;
border-radius: 100%;
}
.apif-image-zoom-style .ap_insta_like_count {
display: inline-block;
float: left;
}
.apif-image-zoom-style .ap_insta_comment_count_wrapper {
display: inline-block;
float: right;
}
.apif-image-zoom-style span.apif-ins-link {
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-image-zoom-style span.apif-ins-link:hover{
top: 5px;
}
.apif-image-zoom-style .coment-like {
padding: 20px;
display: block;
}
.apif-image-zoom-style .apif-user-name {
font-weight: bold;
font-size: 15px;
}
.apif-image-zoom-style .ap-instagram_imge_like span {
display: inline-block;
float: left;
margin-right: 5px;
}
/* image-zoom-style */
.apif-img-text {
/*width: 20%;*/
float: left;
}
.apif-img-text figure {
position: relative;
overflow: hidden;
}
.apif-img-text figure .apif-image-overlay {
height: 100%;
opacity: 0;
position: absolute;
text-indent: -9999em;
transition: all 500ms ease 0s;
width: 100%;
z-index: 10;
top: 0;
left: 0;
}
.apif-img-text:hover figure .apif-image-overlay {
opacity: 1;
right: 0;
}
.apif-img-text .apif-image-overlay {
background: rgba(255, 255, 255, 0.8);
}
.apif-img-text figure .apif-overlay-cont-block {
display: block;
position: absolute;
top: -300px;
z-index: 999;
text-align: center;
right: 0;
left: 0;
opacity: 0;
width: 100%;
transition: all 0.4s ease-in-out 0s;
}
.apif-img-text:hover figure .apif-overlay-cont-block {
opacity: 1;
display: block;
right: 0;
left: 0;
bottom: 0;
top: 0;
}
.apif-img-text .apif-featimg img {
transform: scale(1);
transition: all 0.6s ease-in-out 0s;
}
.apif-img-text:hover .apif-featimg img {
transform: scale(1.04);
}
.apif-img-text figure .profile-image {
border-radius: 100%;
height: 50px;
width: 50px;
display: inline-block;
}
.apif-img-text figure .profile-image img {
width: 100%;
overflow: hidden;
border-radius: 100%;
}
.apif-img-text .ap_insta_like_count {
display: inline-block;
float: left;
}
.apif-img-text .ap_insta_comment_count_wrapper {
display: inline-block;
float: right;
}
.apif-img-text span.apif-ins-link {
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
z-index: 99;
}
.apif-img-text .coment-like {
padding: 20px;
display: block;
}
.apif-img-text .apif-user-name {
font-weight: bold;
font-size: 15px;
}
.apif-img-text .ap-instagram_imge_like span {
display: inline-block;
float: left;
margin-right: 5px;
}
/* Rotate image effect */
.apif-img-rotate {
/*width: 20%;*/
float: left;
}
.apif-img-rotate figure {
position: relative;
overflow: hidden;
}
.apif-img-rotate figure .apif-image-overlay {
height: 100%;
opacity: 0;
position: absolute;
text-indent: -9999em;
transition: all 500ms ease 0s;
width: 100%;
z-index: 10;
top: 0;
left: 0;
}
.apif-img-rotate:hover figure .apif-image-overlay {
opacity: 1;
right: 0;
}
.apif-img-rotate .apif-image-overlay {
background: rgba(255, 255, 255, 0.8);
}
.apif-img-rotate figure .apif-overlay-cont-block {
display: block;
position: absolute;
top: -300px;
z-index: 999;
text-align: center;
right: 0;
left: 0;
opacity: 0;
width: 100%;
transition: all 0.4s ease-in-out 0s;
}
.apif-img-rotate:hover figure .apif-overlay-cont-block {
opacity: 1;
display: block;
right: 0;
left: 0;
bottom: 0;
top: 0;
}
.apif-img-rotate .apif-featimg img {
transition: all 0.4s ease-in-out 0s;
}
.apif-img-rotate:hover .apif-featimg img {
transform: rotate(90deg);
}
.apif-img-rotate figure .profile-image {
border-radius: 100%;
height: 50px;
width: 50px;
display: inline-block;
margin-top: 25px;
}
.apif-img-rotate figure .profile-image img {
width: 100%;
overflow: hidden;
border-radius: 100%;
}
.apif-img-rotate .ap_insta_like_count {
display: inline-block;
float: left;
}
.apif-img-rotate .ap_insta_comment_count_wrapper {
display: inline-block;
float: right;
}
.apif-img-rotate span.apif-ins-link {
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
}
.apif-img-rotate .coment-like {
padding: 20px;
display: block;
}
.apif-img-rotate .apif-user-name {
font-weight: bold;
font-size: 15px;
}
.apif-img-rotate .ap-instagram_imge_like span {
display: inline-block;
float: left;
margin-right: 5px;
}
/* Apif image Zoom out */
.apif-img-zoomout {
/*width: 20%;*/
float: left;
}
.apif-img-zoomout figure {
overflow: hidden;
position: relative;
margin: 0;
}
.apif-img-zoomout figure:after, .apif-img-zoomout figure:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
/*.apif-img-zoomout:hover figure:before{ background: rgba(100, 150, 255, 0.8);}*/
.apif-img-zoomout figure .apif-image-overlay {
height: 100%;
opacity: 0;
position: absolute;
text-indent: -9999em;
transition: all 500ms ease 0s;
width: 100%;
z-index: 10;
top: 0;
left: 0;
display: none;
}
/*.apif-img-zoomout:hover figure .apif-image-overlay{ opacity: 1; right: 0;}
.apif-img-zoomout .apif-image-overlay{ background: rgba(255, 255,255, 0.8); display:
}*/
.apif-img-zoomout figure .apif-overlay-cont-block {
display: block;
position: absolute;
top: -300px;
z-index: 999;
text-align: center;
right: 0;
left: 0;
opacity: 0;
width: 100%;
transition: all 0.4s ease-in-out 0s;
padding-top: 60%;
}
.apif-img-zoomout:hover figure .apif-overlay-cont-block {
opacity: 1;
display: block;
right: 0;
left: 0;
bottom: 0;
top: 0;
}
.apif-img-zoomout .apif-featimg img {
transform: scale(1.0);
transition: all 0.6s ease-in-out 0s;
z-index: 9999;
}
.apif-img-zoomout:hover .apif-featimg img {
transform: translateY(-45px) scale(0.4);
top: 0;
filter: none;
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-ms-filter: blur(0px);
filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='0');
}
.apif-img-zoomout figure .profile-image {
border-radius: 100%;
height: 50px;
width: 50px;
display: inline-block;
margin-top: 25px;
display: none;
/* none dispaly added */
}
.apif-img-zoomout figure .profile-image img {
width: 100%;
overflow: hidden;
border-radius: 100%;
}
.apif-img-zoomout .ap_insta_like_count {
display: inline-block;
float: left;
}
.apif-img-zoomout .ap_insta_comment_count_wrapper {
display: inline-block;
float: right;
}
.apif-img-zoomout span.apif-ins-link {
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
}
.apif-img-zoomout .coment-like {
padding: 20px;
display: block;
}
.apif-img-zoomout .apif-user-name {
font-weight: bold;
font-size: 15px;
}
.apif-img-zoomout .ap-instagram_imge_like span {
display: inline-block;
float: left;
margin-right: 5px;
}
.hoverlay-link {
bottom: 0;
left: 0;
position: absolute;
right: 0;
text-indent: -9999em;
top: 0;
z-index: 1;
}
/* masonry col style */
.apif-masonry-box {
float: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 8px;
}
.apif-template-masonry_layout1 .apif-masonry-box{
padding: 5px;
}
.apif-masonry-box figure {
margin: 0;
}
.apif-masonry-box.apif-large-desktop-col-5{
width: 20%;
}
.apif-masonry-box.apif-large-desktop-col-4{
width: 25%;
}
.apif-masonry-box.apif-large-desktop-col-3{
width: 33.3333%;
}
.apif-masonry-box.apif-large-desktop-col-2{
width: 50%;
}
.apif-masonry-box .apif-masonry-block {
border: 2px double #f3f3f3;
background: #f9f9f9;
-webkit-box-sizing: border-box;
/* Android ≤ 2.3, iOS ≤ 4 */
-moz-box-sizing: border-box;
/* Firefox ≤ 28 */
box-sizing: border-box;
/* Chrome, Firefox 29+, IE 8+, Opera, Safari 5.1 */
}
.apif-template-masonry_layout1 .apif-masonry-box .apif-masonry-block{
border: none;
padding: 0;
background: #f1f1f1;
}
.hello-text {
position: relative;
display: block;
}
.apif-masonry-block {
position: relative;
display: block;
padding: 10px;
}
/* Instragram layout */
.apif-instagram-layout {
clear: both;
float: none !important;
margin: 0 auto;
position: relative !important;
display: block !important;
left: 0 !important;
top: 0 !important;
max-width: 600px;
width: 100%;
background: #fff;
margin-bottom: 50px;
padding: 20px;
padding-bottom: 30px;
max-width: 600px;
border: 1px solid #e5e5e5;
overflow: hidden;
}
.apif-instagram-layout figure {
text-align: center;
position: relative;
margin: 0;
}
.apif-instagram-layout .apif-fig-content {
clear: both;
margin-top: 10px;
}
.apif-instagram-layout .apif-fig-content {
padding: 5px;
display: block;
float: left;
}
.apif-instagram-layout .apif-fig-content .apif-user-link{
display: block;
text-align: center;
margin: 10px 0 20px;
width: 100%;
line-height: 1;
}
.apif-instagram-layout .apif-user-name a,
.apif-instagram-layout .apif-fig-content .apif-user-link a{
font-size: 14px;
font-weight: 600;
color: #262626;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-instagram-layout .apif-user-name a:hover,
.apif-instagram-layout .apif-fig-content .apif-user-link a:hover{
color: #3897f0;
}
.apif-instagram-layout .apif-insta-cont-block {
padding: 5px 2px 20px;
display: block;
float: left;
width: 100%;
line-height: 1;
border-bottom: 1px solid #eee;
}
.apif-instagram-layout .apif-insta-cont-block .ap_insta_like_count{
float: left;
}
.apif-instagram-layout .apif-insta-cont-block .ap_insta_like_count p{
margin: 0;
}
.apif-instagram-layout .apif-fig-content .apif-user-link {
float: left;
margin-right: 8px;
}
.apif-instagram-layout .apif-fig-content .apif-image-caption {
display: inline;
}
.apif-instagram-layout .apif-insta-content-wrap{
display: block;
}
.apif-instagram-layout .apif-insta-content-wrap:before,
.apif-instagram-layout .apif-insta-content-wrap:after{
clear: both;
content: "";
display: table;
}
.apif-instagram-layout .apif-instagram-block .profile-image {
width: 50px;
height: 50px;
border-radius: 100%;
overflow: hidden;
float: left;
}
.apif-instagram-layout .apif-instagram-block .header-insta-wrap {
padding: 0px 2px 20px 0;
clear: both;
overflow: hidden;
/*border-bottom: 1px solid #e5e5e5;*/
}
.apif-instagram-layout .apif-instagram-block .apif-featimg {
margin: 0px 0 20px 0;
}
.apif-instagram-layout .apif-instagram-block .apif-featimg img{
vertical-align: top;
}
.apif-instagram-layout .apif-instagram-block .header-insta-wrap .ap_posted_ago {
float: right;
margin-top: 13px;
font-size: 11px;
color: #999;
text-transform: uppercase;
}
.apif-instagram-layout .apif-instagram-block .header-insta-wrap .apif-user-name {
margin: 12px 10px;
float: left;
}
.apif-instagram-layout .ap_insta_like_count {
display: inline-block;
float: left;
}
.apif-instagram-layout .ap_insta_comment_count_wrapper {
display: inline-block;
float: right;
font-size: 14px;
}
.apif-instagram-layout span.apif-ins-link {
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
}
.apif-instagram-layout span.apif-ins-link a{
color: #FFF;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-instagram-layout span.apif-ins-link a:hover{
color: #000;
text-shadow: 2px 2px 4px rgba(255,255,255,0.5);
}
.apif-instagram-layout .coment-like {
padding: 20px;
display: block;
}
.apif-instagram-layout .apif-user-name {
font-weight: bold;
font-size: 15px;
}
.apif-instagram-layout .apif-user-name a {
font-size: 14px;
}
.apif-instagram-layout .ap-instagram_imge_like span {
display: inline-block;
float: left;
margin-right: 5px;
font-size: 14px;
}
.apif-instagram-layout .apifeeds-social-icon-wrap{
display: block;
margin: 20px 0 0;
width: 100%;
text-align: center;
}
.load-more-button {
border-radius: 2px;
padding: 8px 18px;
text-decoration: none !important;
transition: all 0.6s ease-in-out 0s;
background: #000;
border: 2px solid #000;
color: #fff !important;
}
.ap_pagination .load-more-button:hover,
.load-more-button:hover {
background: #f1f1f1;
color: #000 !important;
border: 2px solid #000;
}
/* ------- Round Image layout ------ */
.apif-round-image-layout {
float: left;
margin-bottom: 20px;
}
.apif-round-image-layout.apif-col-2 {
width: 50%;
}
.apif-round-image-layout.apif-col-3 {
width: 33.3333%;
}
.apif-round-image-layout.apif-col-4 {
width: 25%;
}
.apif-round-image-layout.apif-col-5 {
width: 20%;
}
.apif-round-image-layout.apif-col-6 {
width: 16.6666666%;
}
.apif-round-image-layout .apif-round-image-block .apif-round-img-info .apif-img-round-c-like p {
margin-bottom: 0;
margin-top: 0;
}
.apif-round-image-layout .apif-round-image-block .apif-round-img-info .apif-img-round-c-like span {
display: inline-block;
padding: 0 2px;
}
.apif-round-image-layout .apif-round-image-block .apif-round-img-info .apif-img-round-c-like span.apif-count{
padding-right: 0;
}
.apif-round-image-layout .apif-round-image-block .apif-round-img-info .apif-img-round-c-like span.apif-ound-img-count{
padding-left: 0;
}
.apif-round-image-layout .apif-round-image-block .apif-round-img-info .apif-img-round-c-like span.ap_imground_comment_count_wrapper{
margin-left: 10px;
}
.apif-round-image-layout .apif-round-image-block .apif-round-img-info .apif-img-round-c-like span.comment_count{
padding-right: 0;
}
.apif-round-image-layout .apif-round-image-block .apif-round-img-info .apif-img-round-c-like span.ap_imground_count{
padding-left: 0;
}
.apif-round-image-layout .apif-round-image-block .apif-round-img-info .apif-img-round-c-like {
margin-top: 10px;
}
.apif-round-image-layout .apif-round-image-block .apif-round-img-info .apif-img-round-c-like .apif-ins-link {
margin-top: 30px;
}
/* circle left */
.apif-round-image-layout .apif-round-image-block.circle-bottom {
overflow: visible;
}
.apif-round-image-layout .apif-round-image-block.circle-left {
overflow: visible;
}
.apif-round-image-layout .apif-round-image-block.circle-right {
overflow: visible;
}
.apif-round-image-layout .apif-round-image-block {
overflow: hidden;
}
.apif-round-image-layout .apif-round-image-block.circle-left {
border-radius: 50%;
height: auto;
position: relative;
width: 100%;
background-color: #fff;
}
.apif-round-image-layout .apif-round-image-block.circle-left .img::before {
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.apif-round-image-layout .apif-round-image-block.circle-left {
border-radius: 50%;
height: auto;
position: relative;
width: 100%;
}
.apif-round-image-layout .apif-round-image-block.circle-left .img img.img-thumb {
border-radius: 50%;
height: auto;
width: 100%;
}
.apif-round-image-layout .apif-round-image-block.circle-left {
box-sizing: border-box;
padding: 10px;
}
.apif-round-image-layout .apif-round-image-block.circle-left .apif-round-img-info {
transform: translateX(0%);
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
opacity: 0;
transition: all 0.35s ease-in-out 0s;
-webkit-transition: all 0.35s ease-in-out 0s;
-ms-transition: all 0.35s ease-in-out 0s;
}
.apif-round-image-layout .apif-round-image-block.circle-left .apif-round-img-info {
backface-visibility: hidden;
border-radius: 100%;
bottom: 0px;
left: 0px;
position: absolute;
right: 0px;
text-align: center;
top: 0px;
z-index: 1;
background: #f1f1f1;
height: 100%;
width: 100%;
border: 2px solid #ddd;
-webkit-box-sizing: border-box;
/* Android ≤ 2.3, iOS ≤ 4 */
-moz-box-sizing: border-box;
/* Firefox ≤ 28 */
box-sizing: border-box;
/* Chrome, Firefox 29+, IE 8+, Opera, Safari 5.1 */
}
.apif-round-image-layout .apif-round-image-block.circle-left a {
display: block;
}
.apif-round-image-layout .apif-round-image-block.circle-left .img {
border-radius: 50%;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
position: relative;
}
.apif-round-image-layout .apif-round-image-block.circle-left .img {
-webkit-transform: scale(1) translateX(0);
-moz-transform: scale(1) translateX(0);
-ms-transform: scale(1) translateX(0);
-o-transform: scale(1) translateX(0);
transform: scale(1) translateX(0);
}
.apif-round-image-layout:hover .apif-round-image-block.circle-left .img {
-webkit-transform: scale(0.5) translateX(-100%);
-moz-transform: scale(0.5) translateX(-100%);
-ms-transform: scale(0.5) translateX(-100%);
-o-transform: scale(0.5) translateX(-100%);
transform: scale(0.5) translateX(-100%);
z-index: 111;
}
.apif-round-image-layout:hover .apif-round-image-block.circle-left .apif-round-img-info {
opacity: 1;
transform: translateX(0px);
-webkit-transform: translateX(0px);
}
.apif-round-image-layout:hover .apif-round-image-block.circle-left > a:not(.btn) {
display: block;
}
.apif-round-image-layout .apif-round-image-block.circle-left .apif-round-img-info .apif-img-round-p-image {
display: inline-block;
width: 50px;
height: 50px;
clear: both;
margin-top: 20px;
}
.apif-round-image-layout .apif-round-image-block.circle-left .apif-round-img-info .apif-img-round-p-image > img {
border-radius: 50%;
}
/*.... circle right ....*/
.apif-round-image-layout .apif-round-image-block.circle-right {
border-radius: 50%;
height: auto;
position: relative;
width: 100%;
background-color: #fff;
}
.apif-round-image-layout .apif-round-image-block.circle-right .img::before {
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.apif-round-image-layout .apif-round-image-block.circle-right {
border-radius: 50%;
height: auto;
position: relative;
width: 100%;
}
.apif-round-image-layout .apif-round-image-block.circle-right .img img.img-thumb {
border-radius: 50%;
height: auto;
width: 100%;
}
.apif-round-image-layout .apif-round-image-block.circle-right {
box-sizing: border-box;
padding: 10px;
}
.apif-round-image-layout .apif-round-image-block.circle-right .apif-round-img-info {
transform: translateX(0%);
opacity: 0;
transition: all 0.35s ease-in-out 0s;
}
.apif-round-image-layout .apif-round-image-block.circle-right .apif-round-img-info {
backface-visibility: hidden;
border-radius: 100%;
bottom: 0px;
left: 0px;
position: absolute;
right: 0px;
text-align: center;
top: 0px;
z-index: 1;
background: #f1f1f1;
height: 100%;
width: 100%;
border: 2px solid #ddd;
-webkit-box-sizing: border-box;
/* Android ≤ 2.3, iOS ≤ 4 */
-moz-box-sizing: border-box;
/* Firefox ≤ 28 */
box-sizing: border-box;
/* Chrome, Firefox 29+, IE 8+, Opera, Safari 5.1 */
}
.apif-round-image-layout .apif-round-image-block.circle-right a {
display: block;
}
.apif-round-image-layout .apif-round-image-block.circle-right .img {
border-radius: 50%;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
position: relative;
}
.apif-round-image-layout .apif-round-image-block.circle-right .img {
-webkit-transform: scale(1) translateX(0);
-moz-transform: scale(1) translateX(0);
-ms-transform: scale(1) translateX(0);
-o-transform: scale(1) translateX(0);
transform: scale(1) translateX(0);
}
.apif-round-image-layout:hover .apif-round-image-block.circle-right .img {
-webkit-transform: scale(0.5) translateX(100%);
-moz-transform: scale(0.5) translateX(100%);
-ms-transform: scale(0.5) translateX(100%);
-o-transform: scale(0.5) translateX(100%);
transform: scale(0.5) translateX(100%);
z-index: 111;
}
.apif-round-image-layout:hover .apif-round-image-block.circle-right .apif-round-img-info {
opacity: 1;
transform: translateX(0px);
}
.apif-round-image-layout:hover .apif-round-image-block.circle-right > a:not(.btn) {
display: block;
}
.apif-round-image-layout .apif-round-image-block.circle-right .apif-round-img-info .apif-img-round-p-image {
display: inline-block;
width: 50px;
height: 50px;
clear: both;
margin-top: 20px;
}
.apif-round-image-layout .apif-round-image-block.circle-right .apif-round-img-info .apif-img-round-p-image > img {
border-radius: 50%;
}
.apif-round-image-layout .apif-round-image-block.circle-right .apif-round-img-info .apif-img-round-c-like {
color: #000;
}
/*.... circle bottom ....*/
.apif-round-image-layout .apif-round-image-block.circle-bottom {
border-radius: 50%;
height: auto;
position: relative;
width: 100%;
background-color: #fff;
}
.apif-round-image-layout .apif-round-image-block.circle-bottom .img::before {
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.apif-round-image-layout .apif-round-image-block.circle-bottom {
border-radius: 50%;
height: auto;
position: relative;
width: 100%;
}
.apif-round-image-layout .apif-round-image-block.circle-bottom .img img.img-thumb {
border-radius: 50%;
height: auto;
width: 100%;
}
.apif-round-image-layout .apif-round-image-block.circle-bottom {
box-sizing: border-box;
padding: 10px;
}
.apif-round-image-layout .apif-round-image-block.circle-bottom .apif-round-img-info {
transform: translateX(0%);
opacity: 0;
transition: all 0.35s ease-in-out 0s;
}
.apif-round-image-layout .apif-round-image-block.circle-bottom .apif-round-img-info {
backface-visibility: hidden;
border-radius: 100%;
bottom: 0px;
left: 0px;
position: absolute;
right: 0px;
text-align: center;
top: 0px;
z-index: 1;
background: #f1f1f1;
height: 100%;
width: 100%;
border: 2px solid #ddd;
-webkit-box-sizing: border-box;
/* Android ≤ 2.3, iOS ≤ 4 */
-moz-box-sizing: border-box;
/* Firefox ≤ 28 */
box-sizing: border-box;
/* Chrome, Firefox 29+, IE 8+, Opera, Safari 5.1 */
}
.apif-round-image-layout .apif-round-image-block.circle-bottom a {
display: block;
}
.apif-round-image-layout .apif-round-image-block.circle-bottom .img {
border-radius: 50%;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
position: relative;
}
.apif-round-image-layout .apif-round-image-block.circle-bottom .img {
-webkit-transform: scale(1) translateX(0);
-moz-transform: scale(1) translateX(0);
-ms-transform: scale(1) translateX(0);
-o-transform: scale(1) translateX(0);
transform: scale(1) translateX(0);
}
.apif-round-image-layout:hover .apif-round-image-block.circle-bottom .img {
-webkit-transform: scale(0.5) translateY(100%);
-moz-transform: scale(0.5) translateY(100%);
-ms-transform: scale(0.5) translateY(100%);
-o-transform: scale(0.5) translateY(100%);
transform: scale(0.5) translateY(100%);
z-index: 111;
}
.apif-round-image-layout:hover .apif-round-image-block.circle-bottom .apif-round-img-info {
opacity: 1;
transform: translateX(0px);
}
.apif-round-image-layout:hover .apif-round-image-block.circle-bottom > a:not(.btn) {
display: block;
}
.apif-round-image-layout .apif-round-image-block.circle-bottom .apif-round-img-info .apif-img-round-p-image {
display: inline-block;
width: 50px;
height: 50px;
clear: both;
margin-top: 20px;
}
.apif-round-image-layout .apif-round-image-block.circle-bottom .apif-round-img-info .apif-img-round-p-image > img {
border-radius: 50%;
}
.apif-round-image-layout .apif-round-image-block.circle-bottom .apif-round-img-info .apif-img-round-c-like {
color: #000;
}
/* round image Rotate */
.apif-round-image-layout .apif-round-image-block.circle-rotate {
border-radius: 50%;
height: auto;
position: relative;
width: 100%;
background-color: #fff;
}
.apif-round-image-layout .apif-round-image-block.circle-rotate .img::before {
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.apif-round-image-layout .apif-round-image-block.circle-rotate {
border-radius: 50%;
height: auto;
position: relative;
width: 100%;
}
.apif-round-image-layout .apif-round-image-block .img img.img-thumb {
border-radius: 50%;
/*height: auto;*/
/*height: 352px;*/
object-fit: cover;
width: 100%;
top: 3px;
position: relative;
}
.apif-round-image-layout .apif-round-image-block.circle-rotate {
box-sizing: border-box;
padding: 10px;
}
.apif-round-image-layout .apif-round-image-block.circle-rotate .apif-round-img-info {
transform: translateX(0%);
opacity: 0;
transition: all 0.35s ease-in-out 0s;
}
.apif-round-image-layout .apif-round-image-block.circle-rotate .apif-round-img-info {
backface-visibility: hidden;
border-radius: 100%;
bottom: 0px;
left: 0px;
position: absolute;
right: 0px;
text-align: center;
top: 0px;
z-index: 1;
background: #f1f1f1;
height: 100%;
width: 100%;
border: 2px solid #ddd;
-webkit-box-sizing: border-box;
/* Android ≤ 2.3, iOS ≤ 4 */
-moz-box-sizing: border-box;
/* Firefox ≤ 28 */
box-sizing: border-box;
/* Chrome, Firefox 29+, IE 8+, Opera, Safari 5.1 */
}
.apif-round-image-layout .apif-round-image-block .apif-round-img-info .apif-user-name{
font-size: 16px;
font-weight: 600;
display: block;
margin-top: 10px;
}
.apif-round-image-layout .apif-round-image-block.circle-rotate a {
display: block;
}
.apif-round-image-layout .apif-round-image-block.circle-rotate .img {
border-radius: 50%;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
position: relative;
}
.apif-round-image-layout .apif-round-image-block.circle-rotate .img {
-webkit-transform: scale(1) translateX(0);
-moz-transform: scale(1) translateX(0);
-ms-transform: scale(1) translateX(0);
-o-transform: scale(1) translateX(0);
transform: scale(1) translateX(0);
}
.apif-round-image-layout:hover .apif-round-image-block.circle-rotate .img {
-webkit-transform: rotate(90deg) translateX(-50%);
-moz-transform: rotate(90deg) translateX(-50%);
-ms-transform: rotate(90deg) translateX(-50%);
-o-transform: rotate(90deg) translateX(-50%);
transform: rotate(90deg) translateX(-50%);
opacity: 0;
}
.apif-round-image-layout:hover .apif-round-image-block.circle-rotate .apif-round-img-info {
opacity: 1;
transform: translateX(0px);
}
.apif-round-image-layout:hover .apif-round-image-block.circle-rotate > a:not(.btn) {
display: block;
}
.apif-round-image-layout .apif-round-image-block.circle-rotate .apif-round-img-info .apif-img-round-p-image {
display: inline-block;
width: 50px;
height: 50px;
clear: both;
}
.apif-round-image-layout .apif-round-image-block .apif-round-img-info .apif-img-round-p-image > img {
border-radius: 50%;
border: 2px solid #ccc;
height: auto;
max-width: 100%;
}
.apif-round-image-layout .apif-round-image-block .apif-round-img-info .apif-img-round-c-like {
color: #000;
}
.apif-round-image-layout .apif-round-image-block .apif-round-img-info{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
height: 100%;
}
/* round image Rotatey */
.apif-round-image-layout .apif-round-image-block.circle-rotatey {
border-radius: 50%;
height: auto;
position: relative;
width: 100%;
background-color: #fff;
}
.apif-round-image-layout .apif-round-image-block.circle-rotatey .img::before {
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.apif-round-image-layout .apif-round-image-block.circle-rotatey {
border-radius: 50%;
/*height: auto;*/
position: relative;
width: 100%;
}
.apif-round-image-layout .apif-round-image-block.circle-rotatey .img img.img-thumb {
border-radius: 50%;
/*height: auto;*/
width: 100%;
}
.apif-round-image-layout .apif-round-image-block.circle-rotatey {
box-sizing: border-box;
padding: 10px;
}
.apif-round-image-layout .apif-round-image-block.circle-rotatey .apif-round-img-info {
transform: translateX(0%);
opacity: 0;
transition: all 0.35s ease-in-out 0s;
}
.apif-round-image-layout .apif-round-image-block.circle-rotatey .apif-round-img-info {
backface-visibility: hidden;
border-radius: 100%;
bottom: 0px;
left: 0px;
position: absolute;
right: 0px;
text-align: center;
top: 0px;
z-index: 1;
background: #f1f1f1;
height: 100%;
width: 100%;
border: 2px solid #ddd;
-webkit-box-sizing: border-box;
/* Android ≤ 2.3, iOS ≤ 4 */
-moz-box-sizing: border-box;
/* Firefox ≤ 28 */
box-sizing: border-box;
/* Chrome, Firefox 29+, IE 8+, Opera, Safari 5.1 */
}
.apif-round-image-layout .apif-round-image-block.circle-rotatey a {
display: block;
}
.apif-round-image-layout .apif-round-image-block.circle-rotatey .img {
border-radius: 50%;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
position: relative;
}
.apif-round-image-layout .apif-round-image-block.circle-rotatey .img {
-webkit-transform: scale(1) translateX(0);
-moz-transform: scale(1) translateX(0);
-ms-transform: scale(1) translateX(0);
-o-transform: scale(1) translateX(0);
transform: scale(1) translateX(0);
}
.apif-round-image-layout:hover .apif-round-image-block.circle-rotatey .img {
-webkit-transform: rotate(-90deg) translateY(-50%);
-moz-transform: rotate(-90deg) translateY(-50%);
-ms-transform: rotate(-90deg) translateY(-50%);
-o-transform: rotate(-90deg) translateY(-50%);
transform: rotate(-90deg) translateY(-50%);
opacity: 0;
}
.apif-round-image-layout:hover .apif-round-image-block.circle-rotatey .apif-round-img-info {
opacity: 1;
transform: translateX(0px);
}
.apif-round-image-layout:hover .apif-round-image-block.circle-rotatey > a:not(.btn) {
display: block;
}
.apif-round-image-layout .apif-round-image-block.circle-rotatey .apif-round-img-info .apif-img-round-p-image {
display: inline-block;
width: 50px;
height: 50px;
clear: both;
margin-top: 20px;
}
.apif-round-image-layout .apif-round-image-block.circle-rotatey .apif-round-img-info .apif-img-round-p-image > img {
border-radius: 50%;
}
.apif-round-image-layout .apif-round-image-block.circle-rotatey .apif-round-img-info .apif-img-round-c-like {
color: #000;
}
/* round image Rotatey */
.apif-round-image-layout .apif-round-image-block.circle-rotateyrs {
border-radius: 50%;
height: auto;
position: relative;
width: 100%;
background-color: #fff;
}
.apif-round-image-layout .apif-round-image-block.circle-rotateyrs .img::before {
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.apif-round-image-layout .apif-round-image-block.circle-rotateyrs {
border-radius: 50%;
height: auto;
position: relative;
width: 100%;
}
.apif-round-image-layout .apif-round-image-block.circle-rotateyrs .img img.img-thumb {
border-radius: 50%;
height: auto;
width: 100%;
}
.apif-round-image-layout .apif-round-image-block.circle-rotateyrs {
box-sizing: border-box;
padding: 10px;
}
.apif-round-image-layout .apif-round-image-block.circle-rotateyrs .apif-round-img-info {
transform: translateX(0%);
opacity: 0;
transition: all 0.35s ease-in-out 0s;
}
.apif-round-image-layout .apif-round-image-block.circle-rotateyrs .apif-round-img-info {
backface-visibility: hidden;
border-radius: 100%;
bottom: 0px;
left: 0px;
position: absolute;
right: 0px;
text-align: center;
top: 0px;
z-index: 1;
background: #f1f1f1;
height: 100%;
width: 100%;
border: 2px solid #ddd;
-webkit-box-sizing: border-box;
/* Android ≤ 2.3, iOS ≤ 4 */
-moz-box-sizing: border-box;
/* Firefox ≤ 28 */
box-sizing: border-box;
/* Chrome, Firefox 29+, IE 8+, Opera, Safari 5.1 */
}
.apif-round-image-layout .apif-round-image-block.circle-rotateyrs a {
display: block;
}
.apif-round-image-layout .apif-round-image-block.circle-rotateyrs .img {
border-radius: 50%;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
position: relative;
}
.apif-round-image-layout .apif-round-image-block.circle-rotateyrs .img {
-webkit-transform: scale(1) translateX(0);
-moz-transform: scale(1) translateX(0);
-ms-transform: scale(1) translateX(0);
-o-transform: scale(1) translateX(0);
transform: scale(1) translateX(0);
}
.apif-round-image-layout:hover .apif-round-image-block.circle-rotateyrs .img {
-webkit-transform: rotate(90deg) translateY(-50%);
-moz-transform: rotate(90deg) translateY(-50%);
-ms-transform: rotate(90deg) translateY(-50%);
-o-transform: rotate(90deg) translateY(-50%);
transform: rotate(90deg) translateY(-50%);
opacity: 0;
}
.apif-round-image-layout:hover .apif-round-image-block.circle-rotateyrs .apif-round-img-info {
opacity: 1;
transform: translateX(0px);
}
.apif-round-image-layout:hover .apif-round-image-block.circle-rotateyrs > a:not(.btn) {
display: block;
}
.apif-round-image-layout .apif-round-image-block.circle-rotateyrs .apif-round-img-info .apif-img-round-p-image {
display: inline-block;
width: 50px;
height: 50px;
clear: both;
margin-top: 20px;
}
.apif-round-image-layout .apif-round-image-block.circle-rotateyrs .apif-round-img-info .apif-img-round-p-image > img {
border-radius: 50%;
}
.apif-round-image-layout .apif-round-image-block.circle-rotateyrs .apif-round-img-info .apif-img-round-c-like {
color: #000;
}
.apif-round-image-layout .apif-round-image-block .apif-round-img-info .apif-img-round-c-like {
font-size: 14px;
}
/* slider css */
.litbx__overlay {
z-index: 99999;
}
.theme-default .nivoSlider .nivo-caption img {
float: left;
position: relative;
}
.theme-bar .nivoSlider .nivo-caption img {
float: left;
position: relative;
}
.theme-light .nivoSlider .nivo-caption img {
float: left;
position: relative;
}
.theme-dark .nivoSlider .nivo-caption img {
float: left;
position: relative;
}
/* sp slide */
.apif-slider-pro .profile-image img {
border-radius: 50%;
}
.sp-thumbnails-container .sp-thumbnail {
text-align: center;
right: 0;
left: 0;
background: #f1f1f1;
/*padding: 5px;*/
}
.sp-thumbnails-container .sp-thumbnail img {
transform: scale(1);
transition: all 0.2s ease-in-out 0s;
}
.sp-thumbnails-container .sp-thumbnail:hover img {
transform: scale(1.05);
}
.sp-thumbnails-container .sp-thumbnail .sp-thumbnail-title .profile-image {
width: 40px;
height: 40px;
display: inline-block;
}
.sp-thumbnails-container .sp-thumbnail .sp-thumbnail-description a {
text-decoration: none;
}
.sp-horizontal .sp-previous-arrow {
left: 5px;
}
.sp-horizontal .sp-next-arrow {
right: 5px;
}
.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before {
width: 20%;
}
/*.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{ display: block; right: 0;}*/
.sp-next-arrow::after, .sp-next-arrow::before, .sp-previous-arrow::after, .sp-previous-arrow::before {
background-color: #FF0000 !important;
}
.pgwSlider .ps-current img {
/*min-width: auto;*/
max-width: 100%;
}
.sp-slides-container .sp-slides img.sp-image {
max-width: 100% !important;
width: inherit !important;
height: inherit;
margin-top: 0 !important;
margin-bottom: 100px !important;
}
.sp-slides-container .sp-slide img {
max-width: 100% !important;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.theme-default .nivo-directionNav a {
background-color: #000;
border-radius: 50%;
}
/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.apif-jcarousel {
position: relative;
overflow: hidden;
}
/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.apif-jcarousel ul {
width: 20000em;
position: relative;
/* Optional, required in this case since it's a
element */
list-style: none;
margin: 0;
padding: 0;
}
/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.apif-jcarousel li {
/* Required only for block elements like - 's */
float: left;
}
/* image-zoom-style */
.apif-jcarousel li figure {
position: relative;
/*overflow: hidden;*/
margin: 0;
}
/*.apif-jcarousel li figure .apif-image-overlay {
height: 100%;
opacity: 0;
position: absolute;
text-indent: -9999em;
transition: all 500ms ease 0s;
width: 100%;
z-index: 10;
top: 0;
left: 0;
}
.apif-jcarousel li:hover figure .apif-image-overlay {
opacity: 1;
right: 0;
}
.apif-jcarousel .apif-image-overlay {
background: rgba(255, 255, 255, 0.8);
}
.apif-jcarousel li figure .apif-overlay-cont-block {
display: block;
position: absolute;
top: -50px;
z-index: 999;
text-align: center;
right: 0;
left: 0;
opacity: 0;
width: 100%;
transition: all 0.7s ease-in-out 0s;
}
.apif-jcarousel span.apif-ins-link a {
color: #808080;
}
.apif-jcarousel span.apif-ins-video-icon a {
color: #808080;
}*/
/*.apif-jcarousel li.apif_low_resolution:hover figure .apif-overlay-cont-block {
padding-top: 22%;
}
.apif-jcarousel li.apif_standard_resolution:hover figure .apif-overlay-cont-block {
padding-top: 22%;
}
.apif-jcarousel li:hover figure .apif-overlay-cont-block {
opacity: 1;
display: block;
right: 0;
left: 0;
bottom: 0;
top: 0;
}
.apif-jcarousel .apif-featimg img {
transform: scale(1);
transition: all 0.6s ease-in-out 0s;
}
.apif-jcarousel li:hover .apif-featimg img {
transform: scale(1.2);
}*/
/*.apif-jcarousel li figure .profile-image {
border-radius: 100%;
height: 50px;
width: 50px;
display: inline-block;
margin-top: 25px;
}
.apif-jcarousel li figure .profile-image img {
width: 100%;
overflow: hidden;
border-radius: 100%;
}
.apif-jcarousel .ap_insta_like_count {
display: inline-block;
float: left;
}
.apif-jcarousel .ap_insta_comment_count_wrapper {
display: inline-block;
float: right;
}
.apif-jcarousel span.apif-ins-link {
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
}
.apif-jcarousel .coment-like {
display: inline-block !important;
font-size: 13px;
margin: 0 auto;
padding: 20px;
}
.apif-jcarousel .apif-user-name {
font-weight: bold;
font-size: 15px;
}
.apif-jcarousel .ap-instagram_imge_like span {
display: inline-block;
float: left;
margin-right: 5px;
}
#apif-shortcode-wrapper .coment-like {
display: inline-block !important;
font-size: 12px;
margin: 0 auto;
padding: 0;
}
.apif-owl-silder .coment-like {
display: inline-block !important;
font-size: 12px;
margin: 0 auto;
padding: 20px;
}*/
/* movement-on-hover */
.movement-on-hover {}
.movement-on-hover figure {
position: relative;
overflow: hidden;
margin: 0;
}
.movement-on-hover figure .apif-image-overlay {
height: 100%;
opacity: 0;
position: absolute;
text-indent: -9999em;
transition: all 500ms ease 0s;
width: 100%;
z-index: 10;
top: 0;
left: 0;
}
.movement-on-hover:hover figure .apif-image-overlay {
opacity: 1;
right: 0;
}
.movement-on-hover .apif-image-overlay {
background: rgba(255, 255, 255, 0.8);
}
.movement-on-hover figure .apif-overlay-cont-block {
display: block;
position: absolute;
top: -100px;
z-index: 999;
text-align: center;
right: 0;
left: 0;
opacity: 0;
width: 100%;
transition: all 0.6s ease-in-out 0s;
}
.movement-on-hover:hover figure .apif-overlay-cont-block {
opacity: 1;
display: block;
right: 0;
left: 0;
bottom: 0;
top: 0;
}
.movement-on-hover .apif-featimg img {
transition: all 0.4s ease-in-out 0s;
}
.movement-on-hover:hover .apif-featimg img {
transform: rotate(90deg);
}
.movement-on-hover figure .profile-image {
border-radius: 100%;
height: 50px;
width: 50px;
display: inline-block;
margin-top: 25px;
}
.movement-on-hover figure .profile-image img {
width: 100%;
overflow: hidden;
border-radius: 100%;
}
.movement-on-hover .ap_insta_like_count {
display: inline-block;
float: left;
}
.movement-on-hover .ap_insta_comment_count_wrapper {
display: inline-block;
float: right;
}
.movement-on-hover span.apif-ins-link {
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
}
.movement-on-hover span.apif-ins-link a {
color: #808080;
}
.movement-on-hover span.apif-ins-video-icon a {
color: #808080;
}
.movement-on-hover .coment-like {
padding: 20px;
display: block;
}
.movement-on-hover .apif-user-name {
font-weight: bold;
font-size: 15px;
}
.movement-on-hover .ap-instagram_imge_like span {
display: inline-block;
float: left;
margin-right: 5px;
}
li.movement-on-hover.apif_low_resolution:hover figure .apif-overlay-cont-block {
padding-top: 22%;
}
li.movement-on-hover.apif_standard_resolution:hover figure .apif-overlay-cont-block {
padding-top: 22%;
}
.movement-on-hover.apif_standard_resolution figure .profile-image {
height: auto;
width: auto;
}
/* slider 4*/
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail::after {
content: none;
}
/* slider default owl */
/*#owl-demo .apif-owl-silder .coment-like {
display: inline-block !important;
font-size: 12px;
margin: 5px auto;
padding: 20px;
}*/
/* Single Slider No 3 Setting */
.apif-slider-3-view.apif-large {
max-width: 640px;
display: block;
margin: 0 auto;
}
.apif-slider-3-view.apif-medium {
max-width: 320px;
display: block;
margin: 0 auto;
}
.apif-slider-3-view.apif-small {
max-width: 150px;
display: block;
margin: 0 auto;
}
/* Single Slider No 1 Setting */
.apif-slider-1-view.apif-large {
max-width: 640px;
display: block;
margin: 0 auto;
}
.apif-slider-1-view.apif-medium {
max-width: 320px;
display: block;
margin: 0 auto;
}
.apif-slider-1-view.apif-small {
max-width: 150px;
display: block;
margin: 0 auto;
}
ul.apif-slider li .coment-like {
display: inline-block ;
font-size: 13px;
margin: 0 auto;
padding: 20px;
}
.apif-slider-pro {
max-width: 650px;
}
.apif-grid-view .coment-like {
display: inline-block ;
font-size: 13px;
margin: 0 auto;
padding: 15px;
padding-bottom: 4px;
padding-top: 10px;
}
.ap_pagination {
padding-top: 30px;
min-height: 80px;
}
.apif-masonry-block .apif-fig-content .ap_posted_ago {
padding: 10px 0px 4px 0px;
color: #ababab;
font-size: 12px;
}
.apif-template-masonry_layout1 .apif-masonry-block .apif-fig-content .ap_posted_ago{
padding-top: 5px;
text-transform: uppercase;
font-size: 11px;
}
/* globlized css */
span.apif-ins-video-icon {
position: absolute;
display: inline-block;
top: 8px;
right: 10px;
font-size: 20px;
z-index: 99;
}
.apif-image-caption {
font-size: 14px;
}
.apif-fig-content {
font-size: 13px;
}
.apif-template-masonry_layout1 .apif-masonry-box .apif-masonry-block .apif-fig-content{
padding: 10px 15px 15px;
}
.apif-round-image-layout .apif-ins-link {
margin-top: 15px;
display: block;
}
.apif-round-image-layout .apif-link-section{
display: block;
margin: 10px 0 0;
}
.apif-round-image-layout .apif-link-section .apif-ins-link{
margin: 0 5px;
display: inline-block;
}
.apif-round-image-layout .apif-link-section .apif-lightbox-popup{
margin: 0 5px;
display: inline-block;
}
.apif-round-image-layout .apifeeds-social-icon-wrap{
display: block;
margin-top: 10px;
}
.apif-round-image-layout .apif-round-image-block .apifeeds-social-icon-wrap a{
display: inline-block !important;
}
.apif-round-image-layout .apifeeds-social-icon-wrap a i.fa-facebook{
color: #3a559f;
}
.apif-round-image-layout .apifeeds-social-icon-wrap a i.fa-twitter{
color: #30b6f3;
}
.apif-round-image-layout .apifeeds-social-icon-wrap a i.fa-google-plus{
color: #f4521f;
}
.apif-round-image-layout .apifeeds-social-icon-wrap a i.fa-pinterest{
color: #ca3737;
}
.apif-round-image-layout .apif-ins-video-icon {
margin-top: 25px;
display: inline-block;
right: auto;
}
.apif-owl-demo.owl-theme .owl-controls .owl-buttons div {
background: #722611;
border-radius: 0px;
padding: 2px 10px 4px 10px;
line-height: 20px;
}
.apif-owl-demo .apif-ins-link a i {
text-decoration: none !important;
font-style: normal !important;
}
/* slider 4 */
.apif-slider-4-view .sp-layer {
font-size: 14px;
}
.apif-slider-4-view .hoverlay-link {
z-index: 0;
}
.apif-slider-4-view .sp-thumbnail-description a {
text-decoration: none !important;
border-bottom: none;
}
.apif-slider-4-view .sp-layer {
margin: auto;
}
div.light_rounded .pp_description, div.light_square .pp_description {
clear: both;
font-size: 13px;
margin-bottom: 8px;
}
/* lit popup image issue fixed */
.litbx__inner {
width: auto;
height: auto;
}
.litbx__wrapper {
width: auto !important;
height: auto !important;
}
.ap_pagination.apif-center {
clear: both;
display: block;
text-align: center;
}
.ap_pagination.apif-right {
clear: both;
display: block;
text-align: right;
}
.ap_pagination.apif-left {
clear: both;
display: block;
text-align: left;
}
.ap_pagination {
clear: both;
display: block;
text-align: center;
}
/* theme 16 fixed */
.apif-slider-4-view a, .apif-slider-5-view a, .jcarousel-wrapper a, .apif-owl-demo a, .apif-image-layout-view a, .apif-instagram-view a, .apif-masonry-view a, .apif-grid-view a, .jcarousel-wrapper a {
border-bottom: none!important;
box-shadow: none !important;
}
.apif-image-layout-view span.apif-ins-video-icon {
position: relative;
display: block;
top: 0;
font-size: 20px;
}
.ap_feed_wrapper i {
font-style: normal!important;
}
/* slider mobile thumbnail scroller list style */
ul li.movement-on-hover.mTSThumbContainer {
list-style: none;
}
.widget_apif_pro_sidewidget ol, .widget_apif_pro_sidewidget ul {
margin: 0 !important;
}
.apif-round-image-layout .apif-round-image-block.circle-rotateyrs a {
text-decoration: none;
color: #111;
}
.apif-round-image-layout a {
color: #111;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-left-to-right figure {
margin: 0px 0;
}
.apif-owl-demo .apif-ins-link a i {
color: #111;
}
.apif-image-zoom-style figure {
margin: 0 0;
}
.ap_feeds.ap_feeds-instagram_layout .apifeeds-social-icon-wrap a {
text-decoration: none;
outline: none;
display: inline-block;
padding: 0 4px;
}
.ap_feeds.ap_feeds-instagram_layout .apifeeds-social-icon-wrap a i{
color: #FFF;
background: #000;
display: block;
position: relative;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
transition: all ease 0.5s;
}
.ap_feeds.ap_feeds-instagram_layout .apifeeds-social-icon-wrap a i:after{
position: absolute;
pointer-events: none;
width: 100%;
height: 100%;
border-radius: 0;
content: '';
box-sizing: content-box;
top: -3px;
left: -3px;
padding: 3px;
transition: transform 0.2s, opacity 0.2s;
transform: scale(0.8);
opacity: 0;
}
.ap_feeds.ap_feeds-instagram_layout .apifeeds-social-icon-wrap a i.fa-facebook:after{
-webkit-box-shadow: 0 0 0 2px #3a559f;
box-shadow: 0 0 0 2px #3a559f;
}
.ap_feeds.ap_feeds-instagram_layout a i.fa-facebook{
background: #3a559f;
}
.ap_feeds.ap_feeds-instagram_layout .apifeeds-social-icon-wrap a i.fa-twitter:after{
-webkit-box-shadow: 0 0 0 2px #11c1ff;
box-shadow: 0 0 0 2px #11c1ff;
}
.ap_feeds.ap_feeds-instagram_layout a i.fa-twitter{
background: #11c1ff;
}
.ap_feeds.ap_feeds-instagram_layout .apifeeds-social-icon-wrap a i.fa-google-plus:after{
-webkit-box-shadow: 0 0 0 2px #f4521f;
box-shadow: 0 0 0 2px #f4521f;
}
.ap_feeds.ap_feeds-instagram_layout a i.fa-google-plus{
background: #f4521f;
}
.ap_feeds.ap_feeds-instagram_layout .apifeeds-social-icon-wrap a i.fa-pinterest:after{
-webkit-box-shadow: 0 0 0 2px #ca3737;
box-shadow: 0 0 0 2px #ca3737;
}
.ap_feeds.ap_feeds-instagram_layout a i.fa-pinterest{
background: #ca3737;
}
.ap_feeds.ap_feeds-instagram_layout .apifeeds-social-icon-wrap a:hover i:after{
transform: scale(1);
opacity: 1;
}
/*.ap_feeds.ap_feeds-instagram_layout .apifeeds-social-icon-wrap a:hover i{
background: #000;
*/}
.apif-image-caption a{
color: #003569;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-image-caption a:hover{
color: #3897f0;
}
.ap_feed_wrapper a i {
font-style: normal !important;
}
.ap_feed_wrapper a {
text-decoration: none !important;
}
#apif-shortcode-wrapper a i {
font-style: normal !important;
}
.jcarousel-wrapper a i {
font-style: normal !important;
}
/* for accesspress lightbox */
.apif-like-popup, .apif-comment-popup {
color: #777;
padding-right: 8px;
display: inline-block;
font-size: 12px;
}
.apif-popup-posted-ago {
color: #777;
font-size: 12px;
}
.apif-popup-controls .prev, .apif-popup-controls .next {
width: 20px;
height: 20px;
display: block;
z-index: 99999;
}
.apif-popup-camera-icon {
display: inline-block;
width: 30px;
height: 30px;
border-radius: 100%;
float: right;
border: 1px solid #008dd2;
text-align: center;
/*padding: 5px;*/
margin-top: 30px;
color: #008dd2;
line-height: 30px;
position: absolute;
top: 0;
right: 11px;
}
.apif-popup-camera-icon a i {
color: #008dd2;
margin-top: 8px;
line-height:1;
}
.ap-insta-popup-likecomment i[class*="fa-"],
.ap-insta-popup-likecomment span[class*="fa-"],
.coment-like i[class*="fa-"],
.coment-like span[class*="fa-"]{
width: 16px;
height: 12px;
line-height: 1;
}
.apif-popup-controls .next {
float: right;
right: 50px;
height: 60px;
width: 60px;
margin-right: 40px;
text-align: right;
}
.apif-popup-controls .prev {
float: left;
left: 50px;
height: 60px;
width: 60px;
margin-left: 40px;
}
.apif-popup-controls {
display: block;
z-index: 9999;
width: 100%;
position: absolute;
top: 50%;
height: 1px;
/*overflow: hidden;*/
}
.apif-popup-controls a {
color: #fff;
display: inline-block;
overflow: hidden;
font-size: 36px;
}
.apif-close-btn {
width: 40px;
height: 40px;
position: absolute;
right: 50px;
top: 50px;
z-index: 99999;
}
.apif-close-btn a {
color: #fff;
}
.apif-close-btn a:visited {
color: #fff;
}
.apif-close-btn a:hover {
color: #fff;
}
.apif-close-btn a:focus {
color: #fff;
}
.apif-close-btn a {
color: #fff;
}
.apif-accesspress-popup-overlay {
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 999;
overflow: hidden;
background: rgba(0, 0, 0, 0.6);
position: fixed;
display: block;
}
.ap-insta-popup-likecomment {
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
padding: 10px 15px;
display: block;
line-height: 1;
background: #fafafa;
margin-left: -10px;
margin-right: -10px;
}
/*
* Accesspress Popup form
*/
.apif-popup-main-wrap{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
visibility: hidden;
opacity: 0;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-popup-main-wrap.active-popup{
visibility: visible;
opacity: 1;
z-index: 999;
}
.apif-accesspress-popup {
/*max-width: 786px;
padding: 10px;*/
/*max-width: 854px;*/
/* max-width: 984px;
left: 0;
right: 0;
top: 0;
margin-top: 10%;
margin: auto;
bottom: auto;
margin-top: 5%;
background: #fff;
position: absolute;
z-index: 9999;
display: block;
/*height: auto;*/
/*height: 420px;*/
width: 100%;
/*max-width: 1050px;*/
max-width: 969px;
left: 0;
right: 0;
top: 50%;
bottom: auto;
margin-top: 0;
background: #fff;
display: block;
height: 407px;
z-index: 99999;
}
.apif-close-btn{
position: fixed;
right: 27px;
top: 44px;
}
.apif-close-btn a{
font-size: 36px;
}
.apif-popup-controls{
position: fixed;
}
.apif-img-popup,.apif-popup-pvid,.apif-popup-carousel-type{
float: left;
display: inline-block;
width: 42%;
}
.apif-popup-carousel-type .bx-wrapper .bx-viewport{
box-shadow: none;
border: 0;
left: 0;
}
.apif-popup-carousel-sidecar{
margin-left: 0;
}
.apif-loader-carousel{
position: relative;
top: 206px;
left: 46%;
opacity: 0;
visibility: hidden;
}
.apif-popup-pimg {
width: 70px;
height: 70px;
border-radius: 100%;
display: inline-block;
float: left;
margin-right: 10px;
margin-bottom: 6px;
}
.apif-popup-pimg img {
width: 70px;
height: 70px;
border: 3px solid #ccc;
border-radius: 100%;
}
.apif-popup-pvid{
/*margin-top: -18px;*/
padding: 8px;
}
.apif-popup-pvid video{
margin-bottom: 0;
margin-top: 0;
}
.apif-fig-wrap{
width: 58%;
float: left;
padding: 12px;
position: relative;
}
.apif-popup-name {
display: inline-block;
float: left;
}
.apif-popup-name h4 {
margin: 0;
padding: 0;
margin-top: 20px;
margin-left: 6px;
color: #777;
font-weight: 500;
font-size: 20px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-popup-name a:hover h4{
color: #000;
}
.apif-accesspress-popup img {
max-width: 100%;
}
.apif-popup-disc-text {
display: block;
overflow: hidden;
clear: both;
margin: 3px 5px;
}
.apif-popup-disc-text p {
font-size: 15px;
margin-bottom: -2px;
margin-top: 0;
-ms-word-break: break-all;
word-break: break-all;
}
/* new added css for popup */
div.pp_pic_holder {
background: #fff;
}
div.pp_pic_holder .pp_middle {
display: none;
}
.vbox-inline {
height: auto !important;
}
.vbox-inline video {
width: 100%;
}
.apif-popup-controls a:hover, .apif-popup-controls a:focus, .apif-popup-controls a:active {
color: #fff;
}
.apif-owl-demo .apif-ins-video-icon a {
color: #000;
}
.theme-default .nivo-directionNav a {
text-indent: 0;
background: none;
font-size: 38px;
color: #ccc;
}
.apif-slider-4-view .sp-slides-container .sp-image-container {
position: relative;
float: right;
width: 50% !important;
box-sizing: border-box;
/*padding-right: 40px;*/
}
.apif-slider-4-view .sp-slides-container {
/*padding: 25px 0 20px;*/
}
.apif-slider-4-view .apif-slider-pro {
border: 1px solid #ccc;
margin: 0 auto;
padding: 15px;
box-sizing: border-box;
background: #f1f1f1;
position: relative;
}
.apif-slider-4-view .apif-slider-pro span.photo-n-video-icon {
display: inline-block;
position: absolute;
top: -20px;
z-index: 9999;
right: 0;
width: 20px;
height: 30px;
}
.apif-slider-4-view .apif-slider-pro .apif-s4-content {
margin: 20px 30px 20px 30px;
}
.apif-slider-4-view .apif-slider-pro .apif-s4-content p {
margin: 0;
padding: 0;
line-height: 30px;
color: #777;
font-size: 12px;
}
.apif-slider-4-view .apif-slider-pro .apif-s4-content p.apif-posted-info {
line-height: 20px;
font-size: 14px;
margin-top: 20px;
color: #777;
margin-bottom: 30px;
}
.apif-slider-4-view .apif-slider-pro .apif-comlike .ap-insta i {
color: #0477ac;
}
.apif-slider-4-view .apif-slider-pro .apif-comlike .apif-left-space {
margin-left: 12px;
display: inline-block;
}
.apif-slider-4-view .apif-slider-pro .posted-time i {
color: #0477ac;
}
.apif-slider-4-view .apif-left-pro-slide-content {
width: 50%;
float: left;
position: relative;
}
.apif-slider-4-view .apif-slider-pro .sp-thumbnail-container .sp-thumbnail{
display: block;
position: relative;
width: 100%;
height: 100%;
}
.apif-slider-4-view .apif-slider-pro .sp-thumbnail-container .sp-thumbnail img {
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
}
.apif-slider-4-view .apif-slider-pro .sp-thumbnail-container.sp-selected-thumbnail {
border-top: 2px solid #0477ac;
}
.apif-slider-4-view .apif-left-pro-slide-content .profile-image {
width: 90px;
height: 90px;
border-radius: 100%;
float: left;
display: inline-block;
}
.apif-slider-4-view .apif-left-pro-slide-content .sp-user-name {
float: left;
display: inline-block;
margin-left: 0px;
margin-left: 30px;
margin-top: 30px;
}
.apif-slider-4-view .apif-left-pro-slide-content .sp-user-name a {
text-decoration: none;
color: #000;
text-transform: uppercase;
font-size: 14px;
}
.apif-slider-4-view .apif-left-pro-slide-content .profile-image img {
border: 3px solid #ccc;
margin-left: 10px;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-radius: 100%;
}
.apif-slider-4-view .apif-left-pro-slide-content .profile-user-wrap {
display: block;
overflow: hidden;
}
.ap_feeds-grid_layout .apif-overlay-cont-block a {
color: #FFF;
}
.ap_feeds-instagram_layout .apif-comment-like span p {
color: #262626;
}
.apif-masnry-default .apif-overlay-cont-block .apif-ins-video-icon a {
color: #FFF;
text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
.apif-masnry-default .apif-overlay-cont-block .apif-ins-link a {
color: #FFF;
text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
.masonry_elem.columns.isotope-item.element-itemif.grid-small span.instagram_like_count {
font-size: 11px;
}
.masonry_elem.columns.isotope-item.element-itemif.grid-small a.image-hover .follow {
font-size: 0;
}
span.instagram_like_count .insta.like_image i {
font-style: normal;
}
.instagram_imge_like {
text-align:center !important;
}
.apif-right img {
float:right;
}
.apif-center img {
display:inline;
}
/* for accesspress lightbox ends*/
/*.apif-image-source {
transform-origin: 0 0;
backface-visibility: hidden;
height: 100%;
min-width: 100%;
max-width: inherit;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.theme-default .nivoSlider{
height: 400px !important;
width: 100% !important;
}
.nivoSlider img{
transform-origin: 0 0;
backface-visibility: hidden;
max-width: inherit;
position: absolute;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
}
.apif-owl-silder figure{
min-height: 250px;
width: 100%;
}
.apif-owl-silder figure img{
object-fit: cover;
height: 100%;
}*/
/* ***************** Media query for different view ********************* */
/*@media (max-width:980px) {
.apif-masonry-box.apif-col-2, .apif-masonry-box.apif-col-3, .apif-masonry-box.apif-col-4, .apif-masonry-box.apif-col-5, .apif-masonry-box.apif-col-6 {
width: 33.3333%;
}
.apif-round-image-layout.apif-col-2, .apif-round-image-layout.apif-col-3, .apif-round-image-layout.apif-col-4, .apif-round-image-layout.apif-col-5, .apif-round-image-layout.apif-col-6 {
width: 33.3333%;
}
}
@media (max-width:768px) {
.apif-masonry-box.apif-col-2, .apif-masonry-box.apif-col-3, .apif-masonry-box.apif-col-4, .apif-masonry-box.apif-col-5, .apif-masonry-box.apif-col-6 {
width: 50%;
}
.apif-round-image-layout.apif-col-2, .apif-round-image-layout.apif-col-3, .apif-round-image-layout.apif-col-4, .apif-round-image-layout.apif-col-5, .apif-round-image-layout.apif-col-6 {
width: 50%;
}
}
@media (max-width:640px) {
.apif-masonry-box.apif-col-2, .apif-masonry-box.apif-col-3, .apif-masonry-box.apif-col-4, .apif-masonry-box.apif-col-5, .apif-masonry-box.apif-col-6 {
width: 100%;
}
.apif-round-image-layout.apif-col-2, .apif-round-image-layout.apif-col-3, .apif-round-image-layout.apif-col-4, .apif-round-image-layout.apif-col-5, .apif-round-image-layout.apif-col-6 {
width: 100%;
}
.apif-slider-4-view .apif-slider-pro .apif-s4-content p.apif-posted-info {
display: none;
}
.apif-slider-4-view .apif-left-pro-slide-content .sp-user-name {
display: inline-block;
float: none;
clear: both;
margin-top: 20px;
width: 100%;
}
}*/
/*@media (min-width:1199px){
.apif-owl-demo .owl-item{
height: 20vw !important;
width: 20vw !important;
}
.apif-owl-demo .owl-item .apif-owl-silder,
.apif-owl-demo .owl-item .apif-owl-silder figure{
position: relative;
width: 100%;
height: 100%;
}
.apif-owl-demo .owl-item .apif-owl-silder figure img.apif-image-source{
object-fit: cover;
height: 100%;
transform-origin: 0 0;
backface-visibility: hidden;
max-width: inherit;
position: absolute;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
}
}
@media (max-width:1199px) and (min-width: 979px){
.apif-owl-demo .owl-item{
height: 33.33vw !important;
width: 33.33vw !important;
}
.apif-owl-demo .owl-item .apif-owl-silder,
.apif-owl-demo .owl-item .apif-owl-silder figure{
position: relative;
width: 100%;
height: 100%;
}
.apif-owl-demo .owl-item .apif-owl-silder figure img.apif-image-source{
object-fit: cover;
height: 100%;
transform-origin: 0 0;
backface-visibility: hidden;
max-width: inherit;
position: absolute;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
}
}
@media (max-width:979px) and (min-width: 640px){
.apif-owl-demo .owl-item{
height: 50vw !important;
width: 50vw !important;
}
.apif-owl-demo .owl-item .apif-owl-silder,
.apif-owl-demo .owl-item .apif-owl-silder figure{
position: relative;
width: 100%;
height: 100%;
}
.apif-owl-demo .owl-item .apif-owl-silder figure img.apif-image-source{
object-fit: cover;
height: 100%;
transform-origin: 0 0;
backface-visibility: hidden;
max-width: inherit;
position: absolute;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
}
}
@media (max-width: 640px){
.apif-owl-demo .owl-item{
height: 100vw !important;
width: 100vw !important;
}
.apif-owl-demo .owl-item .apif-owl-silder,
.apif-owl-demo .owl-item .apif-owl-silder figure{
position: relative;
width: 100%;
height: 100%;
}
.apif-owl-demo .owl-item .apif-owl-silder figure img.apif-image-source{
object-fit: cover;
height: 100%;
transform-origin: 0 0;
backface-visibility: hidden;
max-width: inherit;
position: absolute;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
}
}*/
/*Owl Slider*/
.apif-owl-demo.apif-thumbnail .apif-top-to-bottom figure .profile-image{
width: 30px;
height: 30px;
}
.apif-thumbnail .apif-owl-silder .coment-like{
margin: -20px auto 0 !important;
}
.apif-thumbnail .apif-owl-silder .coment-like p{
font-size: 10px;
}
.apif-thumbnail .apif-user-name{
font-size: 11px;
}
.apif-low_resolution .apif-owl-silder .coment-like{
margin: -20px auto 0 !important;
}
.apif-low_resolution .apif-owl-silder .coment-like p{
font-size: 10px;
}
.apif-low_resolution .apif-user-name{
font-size: 11px
}
/*.apif-standard_resolution figure .profile-image{
margin-top: 80px;
}*/
.apif-owl-demo.owl-carousel .owl-nav{
text-align: center;
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 1px;
margin: 0;
margin-top: -10px;
line-height: 1;
padding: 0 !important;
}
.apif-owl-demo.owl-carousel .owl-nav .owl-prev, .apif-owl-demo.owl-carousel .owl-nav .owl-next{
display: inline-block;
padding: 0;
margin: 0px;
background: #722611;
color: #FFF;
font-size: 14px;
height: 30px;
line-height: 32px;
width: 30px;
cursor: pointer;
text-align: center;
filter: Alpha(Opacity=50);
opacity: 0.5;
-webkit-border-radius: 0;
border-radius: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-owl-demo.owl-carousel.apif-control-text-type .owl-nav .owl-prev,
.apif-owl-demo.owl-carousel.apif-control-text-type .owl-nav .owl-next{
padding: 0 15px;
width: auto;
}
.apif-owl-demo.owl-carousel .owl-nav .owl-prev{
position: absolute;
top: 0;
left: 10px;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
}
.apif-owl-demo.owl-carousel .owl-nav .owl-next{
position: absolute;
top: 0;
right: 10px;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
}
.apif-owl-demo.owl-carousel:hover .owl-nav .owl-next,
.apif-owl-demo.owl-carousel:hover .owl-nav .owl-prev{
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.apif-owl-demo.owl-carousel .owl-nav .owl-prev:hover, .apif-owl-demo.owl-carousel .owl-nav .owl-next:hover{
filter: Alpha(Opacity=100);
opacity: 1;
}
.apif-owl-demo .owl-item .apif-owl-silder,
.apif-owl-demo .owl-item .apif-owl-silder figure{
position: relative;
width: 100%;
height: 100%;
height: 300px;
}
.apif-owl-silder figure .apif-featimg .example-image-link{
width: 100%;
background-size: cover;
display: block;
background-position: center center;
background-repeat: no-repeat;
height: 300px;
}
/*.apif-owl-demo .owl-item .apif-owl-silder figure .apif-overlay-cont-block{
display: table;
height: 100%;
width: 100%;
position: relative;
}*/
/*.apif-owl-demo .owl-item .apif-owl-silder figure .apif-owl-wrapped{
display: table-cell;
vertical-align: middle;
position: relative;
padding: 0;
margin: 0 auto;
}*/
.apif-owl-demo .owl-item .apif-owl-silder figure img.apif-image-source{
object-fit: cover;
height: 100%;
width: 102%;
transform-origin: 0 0;
backface-visibility: hidden;
max-width: inherit;
position: absolute;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
}
.apif-owl-demo.owl-carousel .owl-item{
height: auto !important;
}
/*JCarousel Slider*/
/*Apif Js Carousel*/
/*Standard resolution*/
/*.jcarousel-wrapper .apif-jcarousel figure{
position: relative;
display: table;
}
.jcarousel-wrapper .apif-jcarousel .apif-image-info-wrapper{
display: table-cell;
vertical-align: middle;
position: relative;
padding: 0;
margin: 0 auto;
text-align: center;
}
.jcarousel-wrapper .apif-jcarousel .apif_standard_resolution figure{
width: 450px;
height: 450px;
}
.jcarousel-wrapper .apif-jcarousel .apif_low_resolution figure{
width: 320px;
height: 320px;
}
.jcarousel-wrapper .apif-jcarousel .apif_thumbnail figure{
width: 150px;
height: 150px;
}
.jcarousel-wrapper .apif-jcarousel figure img.the-thumb{
object-fit: cover;
height: 100%;
width: 100%;
transform-origin: 0 0;
backface-visibility: hidden;
max-width: inherit;
position: absolute;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
}
.jcarousel-wrapper .apif-jcarousel .apif_thumbnail figure .profile-image{
width: 30px;
height: 30px;
}
.jcarousel-wrapper .apif-jcarousel .apif_thumbnail figure .coment-like{
margin: -20px auto 0 !important;
}
.jcarousel-wrapper .apif-jcarousel .apif_thumbnail figure .coment-like p{
font-size: 10px;
}
.jcarousel-wrapper .apif-jcarousel .apif_thumbnail figure .apif-user-name{
font-size: 11px;
}
.jcarousel-wrapper .apif-jcarousel .apif_standard_resolution .apif-image-info-wrapper{
width: 450px;
display: table-cell;
vertical-align: middle;
position: relative;
padding: 0;
margin: 0 auto;
text-align: center;
}
.jcarousel-wrapper .apif-jcarousel .apif_low_resolution .apif-image-info-wrapper{
width: 320px;
display: table-cell;
vertical-align: middle;
position: relative;
padding: 0;
margin: 0 auto;
text-align: center;
}
.jcarousel-wrapper .apif-jcarousel .apif_thumbnail .apif-image-info-wrapper{
width: 150px;
height: 150px;
display: table-cell;
vertical-align: middle;
position: relative;
padding: 0;
margin: 0 auto;
text-align: center;
}*/
/*Thumbnail Scroller Slider layout*/
/*.ap_slider_wrapper .apif_standard_resolution figure{
width: 450px;
height: 450px;
position: relative;
}
.ap_slider_wrapper .apif_standard_resolution figure img.sp-image,
.ap_slider_wrapper .apif_low_resolution figure img.sp-image,
.ap_slider_wrapper .apif_thumbnail figure img.sp-image{
object-fit: cover;
height: 100%;
width: 102%;
transform-origin: 0 0;
backface-visibility: hidden;
max-width: inherit;
position: absolute;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
}
.ap_slider_wrapper .movement-on-hover.apif_standard_resolution figure .profile-image{
width: 50px;
height: 50px;
margin-top: 35px;
}
.ap_slider_wrapper .apif_low_resolution figure{
width: 300px;
height: 300px;
position: relative;
}
.ap_slider_wrapper .apif_low_resolution figure .apif-user-name{
margin-top: 10px;
}
.ap_slider_wrapper .apif_low_resolution figure .coment-like{
padding-top: 0px !important;
}
.ap_slider_wrapper .apif_thumbnail figure{
width: 150px;
height: 150px;
position: relative;
}
.ap_slider_wrapper .movement-on-hover.apif_thumbnail figure .profile-image{
width: 30px;
height: 30px;
margin-top: 35px;
}
.ap_slider_wrapper .movement-on-hover.apif_thumbnail figure .coment-like{
padding: 0 !important;
}
.ap_slider_wrapper .movement-on-hover.apif_thumbnail figure .coment-like .ap-instagram_imge_like{
font-size: 11px;
}
.ap_slider_wrapper .movement-on-hover.apif_thumbnail figure .coment-like .ap_insta_comment_count{
font-size: 11px;
}*/
.ap_feeds.for-mosaic.ifgrid .profile-image {
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto 10px;
}
.ap_feeds.for-mosaic.ifgrid span.instagram_like_count{
display: block;
position: absolute;
z-index: 2;
top: 50%;
width: 100%;
text-align: center;
margin-top: 0;
color: #ffffff;
font-weight: 600;
-webkit-transition: all .35s ease;
-moz-transition: all .35s ease;
transition: all .35s ease;
/* bottom: 0; */
}
.ap_feeds.for-mosaic.ifgrid .large-mosaic-elem span.instagram_like_count{
margin-top: -67px;
}
.ap_feeds.for-mosaic.ifgrid .grid-small span.instagram_like_count{
margin-top: -62px;
}
.ap_feeds.for-mosaic.ifgrid span.instagram_like_count .apif-user-name a{
color: #FFF;
}
.ap_feeds.for-mosaic.ifgrid .ap-instagram_like_count,
.ap_feeds.for-mosaic.ifgrid .ap_insta_comment_count{
display: inline-block;
text-align: center;
line-height: 1;
vertical-align: middle;
width: 35px;
}
.ap_feeds.for-mosaic.ifgrid span.instagram_like_count span{
display: block;
padding-left: 0px;
}
.ap_feeds.for-mosaic.ifgrid .instagram_like_count .instagram_imge_like{
display: block;
margin-top: 10px;
}
span.ap_insta_comment_count{
font-size: 13px;
margin: 0;
}
.apif-inner-content-wrapper .coment-like{
display: block;
line-height: 1;
margin-bottom: 10px;
margin-top: 13px;
padding: 0;
}
.apif-inner-content-wrapper .apifeeds-social-icon-wrap{
display: block;
}
.ap_feeds.for-mosaic.ifgrid .masonry_elem .example-image-link .the-thumb{
display: block;
position: relative;
width: 100%;
height: 100%;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.ap_feeds.for-mosaic.ifgrid .masonry_elem:hover .example-image-link .the-thumb{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.ap_feeds.for-mosaic.ifgrid .example-image-link:before{
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.4);
visibility: hidden;
opacity: 0;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.ap_feeds.for-mosaic.ifgrid .masonry_elem:hover .example-image-link:before{
visibility: visible;
opacity: 1;
}
.ap_feeds.for-mosaic.ifgrid .large-mosaic-elem span.instagram_like_count .insta.like_image i{
font-size: 18px;
}
.ap_feeds.for-mosaic.ifgrid .large-mosaic-elem span.instagram_like_count .count{
font-size: 13px;
margin-top: 8px;
}
.ap_feeds.for-mosaic.ifgrid .large-mosaic-elem .ap_insta_comment_count .insta.comment_count i{
font-size: 18px;
}
.ap_feeds.for-mosaic.ifgrid .large-mosaic-elem .ap_insta_comment_count .ap_insta_count{
font-size: 13px;
margin-top: 8px;
}
.ap_feeds.for-mosaic.ifgrid .grid-small span.instagram_like_count .insta.like_image i{
font-size: 15px;
}
.ap_feeds.for-mosaic.ifgrid .grid-small span.instagram_like_count .count{
font-size: 11px;
margin-top: 8px;
}
.ap_feeds.for-mosaic.ifgrid .grid-small .ap_insta_comment_count .insta.comment_count i{
font-size: 15px;
}
.ap_feeds.for-mosaic.ifgrid .grid-small .ap_insta_comment_count .ap_insta_count{
font-size: 11px;
margin-top: 8px;
}
.ap_feeds.for-mosaic.ifgrid .grid-small .instagram_imge_like:before,
.ap_feeds.for-mosaic.ifgrid .grid-small .instagram_imge_like:after{
width: 28%;
}
.ap_feeds.for-mosaic.ifgrid .grid-small .profile-image{
height: 35px;
width: 35px;
}
/*.ap_feeds.for-mosaic.ifgrid .example-image-link .the-thumb{
z-index: 1;
}*/
/*Holy Shade*/
.apif-img-holyshade figure{
position: relative;
overflow: hidden;
}
.apif-img-holyshade .apif-image-overlay{
display: none;
}
.apif-img-holyshade .apif-ins-link{
position: absolute;
top: 10px;
right: 10px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-img-holyshade .apif-ins-link a{
color: #FFF;
}
.apif-img-holyshade .apif-ins-link:hover{
top: 5px;
}
.apif-img-holyshade .apif-featimg{
overflow: hidden;
}
.apif-img-holyshade .apif-featimg .example-image-link{
position: relative;
opacity: 1;
display: block;
overflow: hidden;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-ms-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-holyshade:hover .apif-featimg .example-image-link{
-webkit-transform: scale(1.2) translateY(-20px);
-moz-transform: scale(1.2) translateY(-20px);
-ms-transform: scale(1.2) translateY(-20px);
-o-transform: scale(1.2) translateY(-20px);
transform: scale(1.2) translateY(-20px);
}
.apif-img-holyshade .apif-featimg .example-image-link:after{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.2);
content: "";
}
.apif-img-holyshade .apif-featimg .example-image-link:before{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(84,74,139,0) 0%, rgba(84,74,139,0.8) 75%);
background: linear-gradient(to bottom, rgba(84,74,139,0) 0%, rgba(84,74,139,0.8) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);
-webkit-transition: opacity 0.35s, transform 0.35s;
-moz-transition: opacity 0.35s, transform 0.35s;
-ms-transition: opacity 0.35s, transform 0.35s;
-o-transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.apif-img-holyshade:hover .apif-featimg .example-image-link:before{
opacity: 1;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.apif-img-holyshade .apif-middle-content-wrapper{
display: block;
z-index: 1;
top: 50%;
left: 50%;
width: auto;
height: auto;
-webkit-transform: translate(-50%, -35%) translateZ(0);
-moz-transform: translate(-50%, -35%) translateZ(0);
-ms-transform: translate(-50%, -35%) translateZ(0);
-o-transform: translate(-50%, -35%) translateZ(0);
transform: translate(-50%, -35%) translateZ(0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
visibility: hidden;
opacity: 0;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-holyshade:hover .apif-middle-content-wrapper{
-webkit-transform: translate(-50%, -50%) translateZ(0);
-moz-transform: translate(-50%, -50%) translateZ(0);
-ms-transform: translate(-50%, -50%) translateZ(0);
-o-transform: translate(-50%, -50%) translateZ(0);
transform: translate(-50%, -50%) translateZ(0);
visibility: visible;
opacity: 1;
}
.apif-img-holyshade .profile-image{
-webkit-box-shadow: 0 0 0px 2px #FFF;
box-shadow: 0 0 0px 2px #FFF;
}
.apif-img-holyshade .apif-middle-content-wrapper .apif-user-name{
font-weight: 600;
color: #FFF;
margin-bottom: 90px;
}
.apif-img-holyshade .apif-middle-content-wrapper .apif-user-name a{
color: #FFF;
}
.apif-img-holyshade:hover .apif-middle-content-wrapper .apif-user-name{
color: #FFF;
}
.apif-img-holyshade .apif-middle-content-wrapper .coment-like{
color: #FFF;
font-weight: 600;
}
.apif-img-holyshade .apif-middle-content-wrapper .apifeeds-social-icon-wrap{
margin-top: 10px;
}
.apif-img-holyshade .apif-middle-content-wrapper .apifeeds-social-icon-wrap a{
text-shadow: 1px 1px 0px rgba(0,0,0,0.6);
}
.apif-img-holyshade .apif-middle-content-wrapper .apifeeds-social-icon-wrap a:hover i{
color: #FFF;
}
.apif-masonry-box.apif-large-desktop-col-4.apif-img-holyshade .apif-middle-content-wrapper .apif-user-name{
margin-bottom: 50px;
}
/*.apif-masonry-box.apif-large-desktop-col-5.apif-img-holyshade .apif-middle-content-wrapper .apif-user-name{
margin-bottom: 30px;
}
.apif-masonry-box.apif-large-desktop-col-6.apif-img-holyshade .apif-middle-content-wrapper .apif-user-name{
margin-bottom: 10px;
}*/
/*.apif-masonry-box.apif-large-desktop-col-6.apif-img-holyshade .apif-middle-content-wrapper .apif-user-name,
.apif-masonry-box.apif-large-desktop-col-5.apif-img-holyshade .apif-middle-content-wrapper .apif-user-name,
.apif-masonry-box.apif-col-6.apif-img-holyshade .apif-middle-content-wrapper .apif-user-name,
.apif-masonry-box.apif-col-5.apif-img-holyshade .apif-middle-content-wrapper .apif-user-name,*/
.apif-masonry-box.apif-small-size-display.apif-img-holyshade .apif-middle-content-wrapper .apif-user-name{
margin-bottom: 10px;
}
/*crazylaylia*/
.apif-img-crazylaylia figure{
position: relative;
overflow: hidden;
}
.apif-img-crazylaylia .apif-image-overlay{
display: none;
}
.apif-img-crazylaylia .apif-ins-link{
position: absolute;
top: 10px;
right: 10px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-img-crazylaylia .apif-ins-link a{
color: #FFF;
}
.apif-img-crazylaylia .apif-ins-link:hover{
top: 5px;
}
.apif-img-crazylaylia .apif-featimg{
overflow: hidden;
background: #18A367;
position: relative;
}
.apif-img-crazylaylia .apif-featimg .example-image-link{
position: relative;
opacity: 0.8;
display: block;
overflow: hidden;
-webkit-transform: scale(1.2) translateZ(0);
-moz-transform: scale(1.2) translateZ(0);
-ms-transform: scale(1.2) translateZ(0);
-o-transform: scale(1.2) translateZ(0);
transform: scale(1.2) translateZ(0);
-webkit-transform-origin: bottom center;
-moz-transform-origin: bottom center;
-ms-transform-origin: bottom center;
-o-transform-origin: bottom center;
transform-origin: bottom center;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-crazylaylia:hover .apif-featimg .example-image-link{
-webkit-transform: scale(1.2) translateY(20px);
-moz-transform: scale(1.2) translateY(20px);
-ms-transform: scale(1.2) translateY(20px);
-o-transform: scale(1.2) translateY(20px);
transform: scale(1.2) translateY(20px);
}
.apif-img-crazylaylia .apif-featimg:after{
position: absolute;
z-index: 9;
content: '';
opacity: 0;
top: 30px;
right: 50px;
bottom: 30px;
left: 50px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.apif-img-crazylaylia .apif-featimg:before{
position: absolute;
z-index: 9;
content: '';
opacity: 0;
top: 50px;
right: 30px;
bottom: 50px;
left: 30px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.apif-img-crazylaylia:hover .apif-featimg:after,
.apif-img-crazylaylia:hover .apif-featimg:before{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.apif-img-crazylaylia .apif-middle-content-wrapper{
display: block;
z-index: 1;
top: 50%;
left: 50%;
width: auto;
height: auto;
-webkit-transform: translate(-50%, -35%) translateZ(0);
-moz-transform: translate(-50%, -35%) translateZ(0);
-ms-transform: translate(-50%, -35%) translateZ(0);
-o-transform: translate(-50%, -35%) translateZ(0);
transform: translate(-50%, -35%) translateZ(0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
visibility: hidden;
opacity: 0;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-crazylaylia:hover .apif-middle-content-wrapper{
-webkit-transform: translate(-50%, -50%) translateZ(0);
-moz-transform: translate(-50%, -50%) translateZ(0);
-ms-transform: translate(-50%, -50%) translateZ(0);
-o-transform: translate(-50%, -50%) translateZ(0);
transform: translate(-50%, -50%) translateZ(0);
visibility: visible;
opacity: 1;
}
.apif-img-crazylaylia .profile-image{
-webkit-box-shadow: 0 0 0px 2px #FFF;
box-shadow: 0 0 0px 2px #FFF;
}
.apif-img-crazylaylia .apif-middle-content-wrapper .apif-user-name{
font-weight: 600;
color: #fff;
margin-bottom: 25%;
}
.apif-img-crazylaylia .apif-middle-content-wrapper .apif-user-name a{
color: #FFF;
}
.apif-img-crazylaylia:hover .apif-middle-content-wrapper .apif-user-name{
color: #FFF;
}
.apif-img-crazylaylia .apif-middle-content-wrapper .coment-like{
color: #FFF;
font-weight: 600;
}
.apif-img-crazylaylia .apif-middle-content-wrapper .apifeeds-social-icon-wrap{
margin-top: 10px;
}
.apif-img-crazylaylia .apif-middle-content-wrapper .apifeeds-social-icon-wrap a{
text-shadow: 1px 1px 0px rgba(0,0,0,0.6);
}
.apif-img-crazylaylia .apif-middle-content-wrapper .apifeeds-social-icon-wrap a:hover i{
color: #FFF;
}
.apif-img-crazylaylia .apif-overlay-cont-block{
position: absolute;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*.apif-img-crazylaylia.apif-large-desktop-col-6 .apif-featimg:before,
.apif-img-crazylaylia.apif-col-6 .apif-featimg:before,
.apif-img-crazylaylia.apif-large-desktop-col-5 .apif-featimg:before,
.apif-img-crazylaylia.apif-col-5 .apif-featimg:before,*/
.apif-img-crazylaylia.apif-small-size-display .apif-featimg:before{
top: 20px;
right: 10px;
bottom: 20px;
left: 10px;
}
/*.apif-img-crazylaylia.apif-large-desktop-col-6 .apif-featimg:after,
.apif-img-crazylaylia.apif-col-6 .apif-featimg:after,
.apif-img-crazylaylia.apif-large-desktop-col-5 .apif-featimg:after,
.apif-img-crazylaylia.apif-col-5 .apif-featimg:after,*/
.apif-img-crazylaylia.apif-small-size-display .apif-featimg:after{
top: 10px;
right: 20px;
bottom: 10px;
left: 20px;
}
/*.apif-img-crazylaylia.apif-large-desktop-col-6 .apif-middle-content-wrapper .apif-user-name,
.apif-img-crazylaylia.apif-col-6 .apif-middle-content-wrapper .apif-user-name,
.apif-img-crazylaylia.apif-large-desktop-col-5 .apif-middle-content-wrapper .apif-user-name,
.apif-img-crazylaylia.apif-col-5 .apif-middle-content-wrapper .apif-user-name,*/
.apif-img-crazylaylia.apif-small-size-display .apif-middle-content-wrapper .apif-user-name{
margin-bottom: 10px;
}
.apif-img-crazylaylia.apif-small-size-display .apif-ins-link{
top: 25px;
right: 25px;
}
.apif-img-crazylaylia.apif-small-size-display .apif-ins-link:hover{
top: 20px;
}
/*Creative Overlay*/
.apif-img-creative figure{
position: relative;
overflow: hidden;
}
.apif-img-creative .apif-image-overlay{
display: none;
}
.apif-img-creative .apif-ins-link{
position: absolute;
top: 10px;
right: 10px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-img-creative .apif-ins-link a{
color: #FFF;
}
.apif-img-creative .apif-ins-link:hover{
top: 5px;
}
.apif-img-creative .apif-featimg{
overflow: hidden;
}
.apif-img-creative .apif-featimg .example-image-link{
position: relative;
opacity: 1;
display: block;
overflow: hidden;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-ms-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-creative:hover .apif-featimg .example-image-link{
-webkit-transform: scale(1.2) translateY(-20px);
-moz-transform: scale(1.2) translateY(-20px);
-ms-transform: scale(1.2) translateY(-20px);
-o-transform: scale(1.2) translateY(-20px);
transform: scale(1.2) translateY(-20px);
}
.apif-img-creative .apif-featimg .example-image-link:before{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(255, 216, 216, 0.31) 0%, rgb(147, 142, 142) 75%);
background: linear-gradient(to bottom, rgba(255, 216, 216, 0.31) 0%, rgb(147, 142, 142) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);
-webkit-transition: opacity 0.35s, transform 0.35s;
-moz-transition: opacity 0.35s, transform 0.35s;
-ms-transition: opacity 0.35s, transform 0.35s;
-o-transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.apif-img-creative:hover .apif-featimg .example-image-link:before{
opacity: 1;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.apif-img-creative .profile-image{
-webkit-box-shadow: 0 0 0px 2px #FFF;
box-shadow: 0 0 0px 2px #FFF;
}
.apif-img-creative .apif-middle-content-wrapper .coment-like{
color: #3c4a50;
font-weight: 600;
display: inline-block;
float: right;
margin: 0;
padding: 7px 0;
}
.apif-img-creative .apif-middle-content-wrapper .apifeeds-social-icon-wrap{
margin-top: 10px;
}
.apif-img-creative .apif-middle-content-wrapper .apifeeds-social-icon-wrap a{
text-shadow: 1px 1px 0px rgba(0,0,0,0.6);
}
.apif-img-creative .apif-middle-content-wrapper .apifeeds-social-icon-wrap a:hover i{
color: #FFF;
}
.apif-img-creative .apif-creative-wrapper-profile{
position: absolute;
z-index: 9;
bottom: 0;
left: 0;
right: 0;
width: 100%;
top: auto;
line-height: 1;
padding: 1em;
height: 3.75em;
background: #FFF;
color: #3c4a50;
-webkit-transform: translate3d(0,100%,0);
-moz-transform: translate3d(0,100%,0);
-ms-transform: translate3d(0,100%,0);
-o-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: transform 0.35s;
-moz-transition: transform 0.35s;
-ms-transition: transform 0.35s;
-o-transition: transform 0.35s;
transition: transform 0.35s;
}
.apif-img-creative:hover .apif-creative-wrapper-profile{
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.apif-img-creative .apif-creative-wrapper-profile .apif-user-name{
float: left;
font-weight: 600;
font-size: 14px;
color: #3c4a50;
display: inline-block;
margin-top: 7px;
-webkit-transform: translate3d(0,200%,0);
-moz-transform: translate3d(0,200%,0);
-ms-transform: translate3d(0,200%,0);
-o-transform: translate3d(0,200%,0);
transform: translate3d(0,200%,0);
-webkit-transition: transform 0.35s;
-moz-transition: transform 0.35s;
-ms-transition: transform 0.35s;
-o-transition: transform 0.35s;
transition: transform 0.35s;
}
.apif-img-creative .apif-creative-wrapper-profile .apif-user-name a{
color: #3c4a50;
}
.apif-img-creative:hover .apif-creative-wrapper-profile .apif-user-name{
-webkit-transition-delay: 0.05s;
-moz-transition-delay: 0.05s;
-ms-transition-delay: 0.05s;
-o-transition-delay: 0.05s;
transition-delay: 0.05s;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.apif-img-creative.apif-large-desktop-col-5 .apif-creative-wrapper-profile,
.apif-img-creative.apif-col-5 .apif-creative-wrapper-profile{
height: 2.75em;
padding: 10px;
}
/*.apif-img-creative.apif-large-desktop-col-5 .apif-creative-wrapper-profile .apif-user-name,
.apif-img-creative.apif-col-5 .apif-creative-wrapper-profile .apif-user-name,
.apif-img-creative.apif-large-desktop-col-5 .apif-middle-content-wrapper .coment-like,
.apif-img-creative.apif-col-5 .apif-middle-content-wrapper .coment-like,
.apif-img-creative.apif-large-desktop-col-5 .apif-inner-content-wrapper .coment-like .ap_insta_like_count .ap-instagram_imge_like,
.apif-img-creative.apif-col-5 .apif-inner-content-wrapper .coment-like .ap_insta_like_count .ap-instagram_imge_like,
.apif-img-creative.apif-large-desktop-col-5 .apif-inner-content-wrapper .coment-like .ap_insta_comment_count_wrapper .ap_insta_comment_count,
.apif-img-creative.apif-col-5 .apif-inner-content-wrapper .coment-like .ap_insta_comment_count_wrapper .ap_insta_comment_count,
.apif-img-creative.apif-large-desktop-col-6 .apif-creative-wrapper-profile .apif-user-name,
.apif-img-creative.apif-col-6 .apif-creative-wrapper-profile .apif-user-name,
.apif-img-creative.apif-large-desktop-col-6 .apif-middle-content-wrapper .coment-like,
.apif-img-creative.apif-col-6 .apif-middle-content-wrapper .coment-like,
.apif-img-creative.apif-large-desktop-col-6 .apif-inner-content-wrapper .coment-like .ap_insta_like_count .ap-instagram_imge_like,
.apif-img-creative.apif-col-6 .apif-inner-content-wrapper .coment-like .ap_insta_like_count .ap-instagram_imge_like,
.apif-img-creative.apif-large-desktop-col-6 .apif-inner-content-wrapper .coment-like .ap_insta_comment_count_wrapper .ap_insta_comment_count,
.apif-img-creative.apif-col-6 .apif-inner-content-wrapper .coment-like .ap_insta_comment_count_wrapper .ap_insta_comment_count{
font-size: 12px;
font-weight: 500;
}*/
.apif-img-creative.apif-large-desktop-col-6 .apif-creative-wrapper-profile,
.apif-img-creative.apif-col-6 .apif-creative-wrapper-profile{
height: 3.75em;
float: none;
text-align: center;
display: block;
}
.apif-img-creative.apif-large-desktop-col-6 .apif-creative-wrapper-profile,
.apif-img-creative.apif-col-6 .apif-creative-wrapper-profile,
.apif-img-creative.apif-large-desktop-col-6 .apif-middle-content-wrapper .apif-user-name,
.apif-img-creative.apif-col-6 .apif-middle-content-wrapper .apif-user-name,
.apif-img-creative.apif-large-desktop-col-6 .apif-middle-content-wrapper .coment-like,
.apif-img-creative.apif-col-6 .apif-middle-content-wrapper .coment-like{
float: none;
text-align: center;
display: block;
}
.apif-img-creative .apif-middle-content-wrapper .coment-like .ap_insta_like_count{
float: right;
-webkit-transform: translate3d(0,200%,0);
-moz-transform: translate3d(0,200%,0);
-ms-transform: translate3d(0,200%,0);
-o-transform: translate3d(0,200%,0);
transform: translate3d(0,200%,0);
-webkit-transition: transform 0.35s;
-moz-transition: transform 0.35s;
-ms-transition: transform 0.35s;
-o-transition: transform 0.35s;
transition: transform 0.35s;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.apif-img-creative:hover .apif-middle-content-wrapper .coment-like .ap_insta_like_count{
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.apif-img-creative .apif-middle-content-wrapper .coment-like .ap_insta_comment_count_wrapper{
float: right;
margin-right: 10px;
-webkit-transform: translate3d(0,200%,0);
-moz-transform: translate3d(0,200%,0);
-ms-transform: translate3d(0,200%,0);
-o-transform: translate3d(0,200%,0);
transform: translate3d(0,200%,0);
-webkit-transition: transform 0.35s;
-moz-transition: transform 0.35s;
-ms-transition: transform 0.35s;
-o-transition: transform 0.35s;
transition: transform 0.35s;
-webkit-transition-delay: 0.15s;
-moz-transition-delay: 0.15s;
-ms-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.apif-img-creative:hover .apif-middle-content-wrapper .coment-like .ap_insta_comment_count_wrapper{
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.apif-img-creative .apif-inner-content-wrapper .coment-like .ap_insta_like_count .ap-instagram_imge_like{
margin-right: 0;
}
.apif-img-creative .apif-creative-second-wrapper{
position: absolute;
top: 50%;
z-index: 10;
left: 0;
right: 0;
text-align: center;
-webkit-transform: translateY(-25%) translateZ(0);
-moz-transform: translateY(-25%) translateZ(0);
-ms-transform: translateY(-25%) translateZ(0);
-o-transform: translateY(-25%) translateZ(0);
transform: translateY(-25%) translateZ(0);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
}
.apif-img-creative:hover .apif-creative-second-wrapper{
-webkit-transition-delay: 0.15s;
-moz-transition-delay: 0.15s;
-ms-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.15s;
opacity: 1;
visibility: visible;
-webkit-transform: translateY(-50%) translateZ(0);
-moz-transform: translateY(-50%) translateZ(0);
-ms-transform: translateY(-50%) translateZ(0);
-o-transform: translateY(-50%) translateZ(0);
transform: translateY(-50%) translateZ(0);
}
.apif-img-creative.apif-small-size-display .apif-middle-content-wrapper .coment-like .ap_insta_like_count,
.apif-img-creative.apif-small-size-display .apif-middle-content-wrapper .coment-like .ap_insta_comment_count_wrapper{
float: none;
}
.apif-img-creative.apif-small-size-display .apif-middle-content-wrapper .coment-like .ap_insta_like_count{
margin-right: 10px;
}
.apif-img-creative.apif-small-size-display .apif-middle-content-wrapper .coment-like .ap_insta_comment_count_wrapper{
margin-right: 0;
}
/*Pleasure View*/
.apif-img-pleasure figure{
position: relative;
overflow: hidden;
}
.apif-img-pleasure .apif-image-overlay{
display: none;
}
.apif-img-pleasure .apif-ins-link{
position: absolute;
top: 10px;
right: 10px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-img-pleasure .apif-ins-link a{
color: #FFF;
}
.apif-img-pleasure .apif-ins-link:hover{
top: 5px;
}
.apif-img-pleasure .apif-featimg{
overflow: hidden;
background: #17819C;
}
.apif-img-pleasure .apif-featimg .example-image-link{
position: relative;
opacity: 1;
display: block;
overflow: hidden;
-webkit-transform: scale(1.2) translateZ(0);
-moz-transform: scale(1.2) translateZ(0);
-ms-transform: scale(1.2) translateZ(0);
-o-transform: scale(1.2) translateZ(0);
transform: scale(1.2) translateZ(0);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-pleasure:hover .apif-featimg .example-image-link{
-webkit-transform: scale(1) translateZ(0);
-moz-transform: scale(1) translateZ(0);
-ms-transform: scale(1) translateZ(0);
-o-transform: scale(1) translateZ(0);
transform: scale(1) translateZ(0);
opacity: 0.7;
}
.apif-img-pleasure .apif-featimg .example-image-link:after{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.2);
content: "";
}
.apif-img-pleasure .apif-middle-content-wrapper{
display: block;
z-index: 1;
top: 50%;
left: 50%;
width: auto;
-webkit-transform: scale(0.3) translate(-50%, -50%) translateZ(0);
-moz-transform: scale(0.3) translate(-50%, -50%) translateZ(0);
-ms-transform: scale(0.3) translate(-50%, -50%) translateZ(0);
-o-transform: scale(0.3) translate(-50%, -50%) translateZ(0);
transform: scale(0.3) translate(-50%, -50%) translateZ(0);
height: auto;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
visibility: hidden;
opacity: 0;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-pleasure:hover .apif-middle-content-wrapper{
-webkit-transform: scale(1) translate(-50%, -50%) translateZ(0);
-moz-transform: scale(1) translate(-50%, -50%) translateZ(0);
-ms-transform: scale(1) translate(-50%, -50%) translateZ(0);
-o-transform: scale(1) translate(-50%, -50%) translateZ(0);
transform: scale(1) translate(-50%, -50%) translateZ(0);
visibility: visible;
opacity: 1;
}
.apif-img-pleasure .profile-image{
-webkit-box-shadow: 0 0 0px 2px #FFF;
box-shadow: 0 0 0px 2px #FFF;
}
.apif-img-pleasure .apif-middle-content-wrapper .apif-user-name{
font-weight: 600;
color: #ddd;
margin-bottom: 0px;
}
.apif-img-pleasure:hover .apif-middle-content-wrapper .apif-user-name{
color: #FFF;
}
.apif-img-pleasure .apif-middle-content-wrapper .coment-like{
color: #FFF;
font-weight: 600;
}
.apif-img-pleasure .apif-middle-content-wrapper .apifeeds-social-icon-wrap{
margin-top: 10px;
}
.apif-img-pleasure .apif-middle-content-wrapper .apifeeds-social-icon-wrap a{
text-shadow: 1px 1px 0px rgba(0,0,0,0.6);
}
.apif-img-pleasure .apif-middle-content-wrapper .apifeeds-social-icon-wrap a:hover i{
color: #FFF;
}
/*.apif-img-pleasure.apif-large-desktop-col-6 .apif-middle-content-wrapper .apif-user-name,
.apif-img-pleasure.apif-col-6 .apif-middle-content-wrapper .apif-user-name,
.apif-img-pleasure.apif-large-desktop-col-5 .apif-middle-content-wrapper .apif-user-name,
.apif-img-pleasure.apif-col-5 .apif-middle-content-wrapper .apif-user-name{
font-size: 14px;
}*/
.apif-img-pleasure.apif-small-size-display .apif-middle-content-wrapper .apif-user-name{
margin-bottom: 10px;
}
.apif-img-pleasure .apif-middle-content-wrapper .apif-user-name a{
color: #FFF;
}
/*Sweet Marley*/
.apif-img-sweetmarley figure{
position: relative;
overflow: hidden;
}
.apif-img-sweetmarley .apif-image-overlay{
display: none;
}
.apif-img-sweetmarley .apif-ins-link{
position: absolute;
top: 10px;
right: 10px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-img-sweetmarley .apif-ins-link a{
color: #FFF;
}
.apif-img-sweetmarley .apif-ins-link:hover{
top: 5px;
}
.apif-img-sweetmarley .apif-featimg{
overflow: hidden;
position: relative;
}
.apif-img-sweetmarley .apif-featimg:before{
position: absolute;
z-index: 9;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-20px,0,0);
transform: translate3d(-20px,0,0);
}
.apif-img-sweetmarley:hover .apif-featimg:before{
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.apif-img-sweetmarley .apif-featimg .example-image-link{
position: relative;
opacity: 1;
display: block;
overflow: hidden;
max-width: none;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.2) translate3d(-30px,0,0);
transform: scale(1.2) translate3d(-30px,0,0);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.apif-img-sweetmarley:hover .apif-featimg .example-image-link{
-webkit-transform: scale(1.2) translate3d(0,0,0);
-moz-transform: scale(1.2) translate3d(0,0,0);
-ms-transform: scale(1.2) translate3d(0,0,0);
-o-transform: scale(1.2) translate3d(0,0,0);
transform: scale(1.2) translate3d(0,0,0);
}
.apif-img-sweetmarley .apif-featimg .example-image-link:after{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
content: "";
opacity: 0.2;
-webkit-transition: opacity 0.35s;
-moz-transition: opacity 0.35s;
-ms-transition: opacity 0.35s;
-o-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.apif-img-sweetmarley:hover .apif-featimg .example-image-link:after{
opacity: 0.6;
}
.apif-img-sweetmarley .apif-middle-content-wrapper{
display: block;
z-index: 10;
top: 50%;
left: 50%;
width: auto;
height: auto;
-webkit-transform: translate(-100%, -50%) translateZ(0);
-moz-transform: translate(-100%, -50%) translateZ(0);
-ms-transform: translate(-100%, -50%) translateZ(0);
-o-transform: translate(-100%, -50%) translateZ(0);
transform: translate(-100%, -50%) translateZ(0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
visibility: hidden;
opacity: 0;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-sweetmarley:hover .apif-middle-content-wrapper{
-webkit-transform: translate(-50%, -50%) translateZ(0);
-moz-transform: translate(-50%, -50%) translateZ(0);
-ms-transform: translate(-50%, -50%) translateZ(0);
-o-transform: translate(-50%, -50%) translateZ(0);
transform: translate(-50%, -50%) translateZ(0);
visibility: visible;
opacity: 1;
}
.apif-img-sweetmarley .profile-image{
-webkit-box-shadow: 0 0 0px 2px #FFF;
box-shadow: 0 0 0px 2px #FFF;
}
.apif-img-sweetmarley .apif-middle-content-wrapper .apif-user-name{
font-weight: 600;
color: #ddd;
margin-bottom: 10px;
}
.apif-img-sweetmarley:hover .apif-middle-content-wrapper .apif-user-name{
color: #FFF;
}
.apif-img-sweetmarley .apif-middle-content-wrapper .coment-like{
color: #FFF;
font-weight: 600;
}
.apif-img-sweetmarley .apif-middle-content-wrapper .apifeeds-social-icon-wrap{
margin-top: 10px;
}
.apif-img-sweetmarley .apif-middle-content-wrapper .apifeeds-social-icon-wrap a{
text-shadow: 1px 1px 0px rgba(0,0,0,0.6);
}
.apif-img-sweetmarley .apif-middle-content-wrapper .apifeeds-social-icon-wrap a:hover i{
color: #FFF;
}
.apif-img-sweetmarley.apif-small-size-display .apif-featimg:before/*,
.apif-img-sweetmarley.apif-col-6 .apif-featimg:before,
.apif-img-sweetmarley.apif-large-desktop-col-5 .apif-featimg:before,
.apif-img-sweetmarley.apif-col-5 .apif-featimg:before*/{
border: 1px solid #FFF !important;
top: 10px;
left: 10px;
right: 10px !important;
bottom: 10px;
}
/*.apif-img-sweetmarley.apif-large-desktop-col-6 .apif-middle-content-wrapper .apif-user-name,
.apif-img-sweetmarley.apif-col-6 .apif-middle-content-wrapper .apif-user-name,
.apif-img-sweetmarley.apif-large-desktop-col-5 .apif-middle-content-wrapper .apif-user-name,
.apif-img-sweetmarley.apif-col-5 .apif-middle-content-wrapper .apif-user-name{
font-size: 14px;
}*/
.apif-img-sweetmarley.apif-small-size-display .apif-ins-link{
top: 20px;
right: 20px;
}
.apif-img-sweetmarley.apif-small-size-display .apif-ins-link:hover{
top: 15px;
}
/*Fresh Bubba*/
.apif-img-freshbubba figure{
position: relative;
overflow: hidden;
}
.apif-img-freshbubba .apif-image-overlay{
display: none;
}
.apif-img-freshbubba .apif-ins-link{
position: absolute;
top: 10px;
right: 10px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-img-freshbubba .apif-ins-link a{
color: #FFF;
}
.apif-img-freshbubba .apif-ins-link:hover{
top: 5px;
}
.apif-img-freshbubba .apif-featimg{
overflow: hidden;
}
.apif-img-freshbubba .apif-featimg:before,
.apif-img-freshbubba .apif-featimg:after{
position: absolute;
z-index: 10;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.apif-img-freshbubba .apif-featimg:before{
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}
.apif-img-freshbubba .apif-featimg:after{
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
}
.apif-img-freshbubba:hover .apif-featimg:before,
.apif-img-freshbubba:hover .apif-featimg:after{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.apif-img-freshbubba .apif-featimg .example-image-link{
position: relative;
opacity: 1;
display: block;
overflow: hidden;
-webkit-transform: scale(1) translateZ(0);
-moz-transform: scale(1) translateZ(0);
-ms-transform: scale(1) translateZ(0);
-o-transform: scale(1) translateZ(0);
transform: scale(1) translateZ(0);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-freshbubba:hover .apif-featimg .example-image-link{
-webkit-transform: scale(1.15) translateZ(0);
-moz-transform: scale(1.15) translateZ(0);
-ms-transform: scale(1.15) translateZ(0);
-o-transform: scale(1.15) translateZ(0);
transform: scale(1.15) translateZ(0);
}
.apif-img-freshbubba .apif-featimg .example-image-link:after{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(226, 221, 255, 0.7);
content: "";
visibility: hidden;
opacity: 0;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-img-freshbubba:hover .apif-featimg .example-image-link:after{
visibility: visible;
opacity: 1;
}
.apif-img-freshbubba .apif-middle-content-wrapper{
display: block;
z-index: 11;
top: 50%;
left: 50%;
width: auto;
height: auto;
-webkit-transform: translate(-50%, -50%) translateZ(0);
-moz-transform: translate(-50%, -50%) translateZ(0);
-ms-transform: translate(-50%, -50%) translateZ(0);
-o-transform: translate(-50%, -50%) translateZ(0);
transform: translate(-50%, -50%) translateZ(0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
visibility: hidden;
opacity: 0;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-freshbubba:hover .apif-middle-content-wrapper{
-webkit-transform: translate(-50%, -50%) translateZ(0);
-moz-transform: translate(-50%, -50%) translateZ(0);
-ms-transform: translate(-50%, -50%) translateZ(0);
-o-transform: translate(-50%, -50%) translateZ(0);
transform: translate(-50%, -50%) translateZ(0);
visibility: visible;
opacity: 1;
}
.apif-img-freshbubba .profile-image{
-webkit-box-shadow: 0 0 0px 2px #FFF;
box-shadow: 0 0 0px 2px #FFF;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition: transform 0.35s;
-moz-transition: transform 0.35s;
-ms-transition: transform 0.35s;
-o-transition: transform 0.35s;
transition: transform 0.35s;
}
.apif-img-freshbubba .apif-middle-content-wrapper .apif-user-name{
font-weight: 600;
color: #FFF;
margin-bottom: 10px;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition: transform 0.35s;
-moz-transition: transform 0.35s;
-ms-transition: transform 0.35s;
-o-transition: transform 0.35s;
transition: transform 0.35s;
}
.apif-img-freshbubba .apif-middle-content-wrapper .apif-user-name a{
color: #FFF;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.apif-img-freshbubba .apif-middle-content-wrapper .apif-user-name a:hover{
color: #FFF;
}
.apif-img-freshbubba:hover .profile-image,
.apif-img-freshbubba:hover .apif-middle-content-wrapper .apif-user-name{
color: #FFF;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.apif-img-freshbubba .apif-middle-content-wrapper .coment-like{
color: #FFF;
font-weight: 600;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: transform 0.35s;
-moz-transition: transform 0.35s;
-ms-transition: transform 0.35s;
-o-transition: transform 0.35s;
transition: transform 0.35s;
}
.apif-img-freshbubba .apif-middle-content-wrapper .apifeeds-social-icon-wrap{
margin-top: 10px;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: transform 0.35s;
-moz-transition: transform 0.35s;
-ms-transition: transform 0.35s;
-o-transition: transform 0.35s;
transition: transform 0.35s;
}
.apif-img-freshbubba:hover .apif-middle-content-wrapper .coment-like,
.apif-img-freshbubba:hover .apif-middle-content-wrapper .apifeeds-social-icon-wrap{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.apif-img-freshbubba .apif-middle-content-wrapper .apifeeds-social-icon-wrap a{
text-shadow: 1px 1px 0px rgba(0,0,0,0.6);
}
.apif-img-freshbubba .apif-middle-content-wrapper .apifeeds-social-icon-wrap a:hover i{
color: #FFF;
}
.apif-img-freshbubba .apif-middle-content-wrapper .ap_insta_comment_count{
font-size: 13px;
margin: 0;
}
.apif-img-freshbubba.apif-small-size-display .apif-featimg:before,
.apif-img-freshbubba.apif-small-size-display .apif-featimg:after{
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
}
.apif-img-freshbubba.apif-small-size-display .apif-ins-link{
top: 20px;
right: 20px;
}
.apif-img-freshbubba.apif-small-size-display .apif-ins-link:hover{
top: 15px;
}
/*Silly Chico*/
.apif-img-sillychicho figure{
position: relative;
overflow: hidden;
}
.apif-img-sillychicho .apif-image-overlay{
display: none;
}
.apif-img-sillychicho .apif-ins-link{
position: absolute;
top: 10px;
right: 10px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-img-sillychicho .apif-ins-link a{
color: #FFF;
}
.apif-img-sillychicho .apif-ins-link:hover{
top: 5px;
}
.apif-img-sillychicho .apif-featimg{
overflow: hidden;
}
.apif-img-sillychicho .apif-featimg:before{
position: absolute;
z-index: 10;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.apif-img-sillychicho .apif-featimg:before{
border: 1px solid #fff;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.apif-img-sillychicho:hover .apif-featimg:before{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.apif-img-sillychicho .apif-featimg .example-image-link{
position: relative;
display: block;
opacity: 1;
overflow: hidden;
-webkit-transform: scale(1) translateZ(0);
-moz-transform: scale(1) translateZ(0);
-ms-transform: scale(1) translateZ(0);
-o-transform: scale(1) translateZ(0);
transform: scale(1) translateZ(0);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-sillychicho:hover .apif-featimg .example-image-link{
-webkit-transform: scale(1.15) translateZ(0);
-moz-transform: scale(1.15) translateZ(0);
-ms-transform: scale(1.15) translateZ(0);
-o-transform: scale(1.15) translateZ(0);
transform: scale(1.15) translateZ(0);
}
.apif-img-sillychicho .apif-featimg .example-image-link:after{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(84,74,139,0.4);
content: "";
visibility: hidden;
opacity: 0;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-img-sillychicho:hover .apif-featimg .example-image-link:after{
visibility: visible;
opacity: 1;
}
.apif-img-sillychicho .apif-middle-content-wrapper{
display: block;
z-index: 11;
top: 50%;
left: 50%;
width: auto;
height: auto;
-webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.25);
-moz-transform: translate(-50%, -50%) translateZ(0) scale(1.25);
-ms-transform: translate(-50%, -50%) translateZ(0) scale(1.25);
-o-transform: translate(-50%, -50%) translateZ(0) scale(1.25);
transform: translate(-50%, -50%) translateZ(0) scale(1.25);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
visibility: hidden;
opacity: 0;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-sillychicho:hover .apif-middle-content-wrapper{
-webkit-transform: scale(1) translate(-50%, -50%) translateZ(0);
-moz-transform: scale(1) translate(-50%, -50%) translateZ(0);
-ms-transform: scale(1) translate(-50%, -50%) translateZ(0);
-o-transform: scale(1) translate(-50%, -50%) translateZ(0);
transform: scale(1) translate(-50%, -50%) translateZ(0);
visibility: visible;
opacity: 1;
}
.apif-img-sillychicho .profile-image{
-webkit-box-shadow: 0 0 0px 2px #FFF;
box-shadow: 0 0 0px 2px #FFF;
-webkit-transition: transform 0.35s;
-moz-transition: transform 0.35s;
-ms-transition: transform 0.35s;
-o-transition: transform 0.35s;
transition: transform 0.35s;
}
.apif-img-sillychicho .apif-middle-content-wrapper .apif-user-name{
font-weight: 600;
color: #fff;
margin-bottom: 10px;
-webkit-transition: transform 0.35s;
-moz-transition: transform 0.35s;
-ms-transition: transform 0.35s;
-o-transition: transform 0.35s;
transition: transform 0.35s;
}
.apif-img-sillychicho .apif-middle-content-wrapper .apif-user-name a{
color: #FFF;
}
.apif-img-sillychicho .apif-middle-content-wrapper .coment-like{
color: #FFF;
font-weight: 600;
-webkit-transition: transform 0.35s;
-moz-transition: transform 0.35s;
-ms-transition: transform 0.35s;
-o-transition: transform 0.35s;
transition: transform 0.35s;
}
.apif-img-sillychicho .apif-middle-content-wrapper .apifeeds-social-icon-wrap{
margin-top: 10px;
-webkit-transition: transform 0.35s;
-moz-transition: transform 0.35s;
-ms-transition: transform 0.35s;
-o-transition: transform 0.35s;
transition: transform 0.35s;
}
.apif-img-sillychicho .apif-middle-content-wrapper .apifeeds-social-icon-wrap a{
text-shadow: 1px 1px 0px rgba(0,0,0,0.6);
}
.apif-img-sillychicho .apif-middle-content-wrapper .apifeeds-social-icon-wrap a:hover i{
color: #FFF;
}
.apif-img-sillychicho .apif-middle-content-wrapper .ap_insta_comment_count{
font-size: 13px;
margin: 0;
}
.apif-img-sillychicho.apif-small-size-display .apif-featimg:before{
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
}
.apif-img-sillychicho.apif-small-size-display .apif-ins-link{
top: 20px;
right: 20px;
}
.apif-img-sillychicho.apif-small-size-display .apif-ins-link:hover{
top: 15px;
}
/*Creative Overlay*/
.apif-img-tender figure{
position: relative;
overflow: hidden;
}
.apif-img-tender .apif-image-overlay{
display: none;
}
.apif-img-tender .apif-ins-link{
position: absolute;
top: 10px;
right: 10px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-img-tender .apif-ins-link a{
color: #FFF;
}
.apif-img-tender .apif-ins-link:hover{
top: 5px;
}
.apif-img-tender .apif-featimg{
overflow: hidden;
}
.apif-img-tender .apif-featimg .example-image-link{
position: relative;
opacity: 1;
display: block;
overflow: hidden;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-ms-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-tender:hover .apif-featimg .example-image-link{
-webkit-transform: scale(1) translateY(-3.75em);
-moz-transform: scale(1) translateY(-3.75em);
-ms-transform: scale(1) translateY(-3.75em);
-o-transform: scale(1) translateY(-3.75em);
transform: scale(1) translateY(-3.75em);
}
.apif-img-tender .apif-featimg .example-image-link:before{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(255, 216, 216, 0.1) 0%, rgba(7, 29, 34, 0.62) 75%);
background: linear-gradient(to bottom, rgba(255, 216, 216, 0.1) 0%, rgba(7, 29, 34, 0.62) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);
-webkit-transition: opacity 0.35s, transform 0.35s;
-moz-transition: opacity 0.35s, transform 0.35s;
-ms-transition: opacity 0.35s, transform 0.35s;
-o-transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.apif-img-tender:hover .apif-featimg .example-image-link:before{
opacity: 1;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.apif-img-tender .profile-image{
-webkit-box-shadow: 0 0 0px 2px #FFF;
box-shadow: 0 0 0px 2px #FFF;
}
.apif-img-tender .apif-middle-content-wrapper .coment-like{
color: #3c4a50;
font-weight: 600;
display: inline-block;
float: left;
margin: 0;
padding: 7px 0;
}
.apif-img-tender .apif-middle-content-wrapper .apifeeds-social-icon-wrap{
margin-top: 10px;
display: inline-block;
float: right;
}
.apif-img-tender .apif-middle-content-wrapper .apifeeds-social-icon-wrap a{
float: right;
margin: 0 3px;
text-shadow: 1px 1px 0px rgba(0,0,0,0.6);
-webkit-transform: translate3d(0,200%,0);
-moz-transform: translate3d(0,200%,0);
-ms-transform: translate3d(0,200%,0);
-o-transform: translate3d(0,200%,0);
transform: translate3d(0,200%,0);
visibility: hidden;
opacity: 0;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-tender:hover .apif-middle-content-wrapper .apifeeds-social-icon-wrap a{
visibility: visible;
opacity: 1;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.apif-img-tender:hover .apif-middle-content-wrapper .apifeeds-social-icon-wrap a:nth-of-type(1){
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.apif-img-tender:hover .apif-middle-content-wrapper .apifeeds-social-icon-wrap a:nth-of-type(2){
-webkit-transition-delay: 0.15s;
-moz-transition-delay: 0.15s;
-ms-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.apif-img-tender:hover .apif-middle-content-wrapper .apifeeds-social-icon-wrap a:nth-of-type(3){
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.apif-img-tender:hover .apif-middle-content-wrapper .apifeeds-social-icon-wrap a:nth-of-type(4){
-webkit-transition-delay: 0.05s;
-moz-transition-delay: 0.05s;
-ms-transition-delay: 0.05s;
-o-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.apif-img-tender .apif-middle-content-wrapper .apifeeds-social-icon-wrap a:hover i{
color: #000;
}
.apif-img-tender .apif-tender-second-wrapper{
position: absolute;
z-index: 10;
bottom: 0;
left: 0;
right: 0;
width: 100%;
top: auto;
line-height: 1;
padding: 1em;
height: 3.75em;
background: #FFF;
color: #3c4a50;
-webkit-transform: translate3d(0,100%,0);
-moz-transform: translate3d(0,100%,0);
-ms-transform: translate3d(0,100%,0);
-o-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: transform 0.35s;
-moz-transition: transform 0.35s;
-ms-transition: transform 0.35s;
-o-transition: transform 0.35s;
transition: transform 0.35s;
}
.apif-img-tender:hover .apif-tender-second-wrapper{
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.apif-img-tender .apif-tender-wrapper-profile .apif-user-name{
float: left;
font-weight: 600;
color: #FFF;
display: inline-block;
}
.apif-img-tender .apif-middle-content-wrapper .coment-like .ap_insta_like_count{
float: right;
-webkit-transform: translate3d(0,200%,0);
-moz-transform: translate3d(0,200%,0);
-ms-transform: translate3d(0,200%,0);
-o-transform: translate3d(0,200%,0);
transform: translate3d(0,200%,0);
-webkit-transition: transform 0.35s;
-moz-transition: transform 0.35s;
-ms-transition: transform 0.35s;
-o-transition: transform 0.35s;
transition: transform 0.35s;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.apif-img-tender:hover .apif-middle-content-wrapper .coment-like .ap_insta_like_count{
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.apif-img-tender .apif-middle-content-wrapper .coment-like .ap_insta_comment_count_wrapper{
float: right;
margin-right: 10px;
-webkit-transform: translate3d(0,200%,0);
-moz-transform: translate3d(0,200%,0);
-ms-transform: translate3d(0,200%,0);
-o-transform: translate3d(0,200%,0);
transform: translate3d(0,200%,0);
-webkit-transition: transform 0.35s;
-moz-transition: transform 0.35s;
-ms-transition: transform 0.35s;
-o-transition: transform 0.35s;
transition: transform 0.35s;
-webkit-transition-delay: 0.15s;
-moz-transition-delay: 0.15s;
-ms-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.apif-img-tender:hover .apif-middle-content-wrapper .coment-like .ap_insta_comment_count_wrapper{
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.apif-img-tender .apif-inner-content-wrapper .coment-like .ap_insta_like_count .ap-instagram_imge_like{
margin-right: 0;
}
.apif-img-tender .apif-tender-wrapper-profile{
position: absolute;
top: 100%;
z-index: 10;
left: 0;
right: 0;
padding: 0 15px;
text-align: center;
-webkit-transform: translateY(-6em) translateZ(0);
-moz-transform: translateY(-6em) translateZ(0);
-ms-transform: translateY(-6em) translateZ(0);
-o-transform: translateY(-6em) translateZ(0);
transform: translateY(-6em) translateZ(0);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
}
.apif-img-tender:hover .apif-tender-wrapper-profile{
-webkit-transition-delay: 0.15s;
-moz-transition-delay: 0.15s;
-ms-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.15s;
opacity: 1;
visibility: visible;
-webkit-transform: translateY(-10em) translateZ(0);
-moz-transform: translateY(-10em) translateZ(0);
-ms-transform: translateY(-10em) translateZ(0);
-o-transform: translateY(-10em) translateZ(0);
transform: translateY(-10em) translateZ(0);
}
.apif-img-tender.apif-small-size-display:hover .apif-tender-wrapper-profile{
-webkit-transform: translateY(-7.5em) translateZ(0);
-moz-transform: translateY(-7.5em) translateZ(0);
-ms-transform: translateY(-7.5em) translateZ(0);
-o-transform: translateY(-7.5em) translateZ(0);
transform: translateY(-7.5em) translateZ(0);
}
.apif-img-tender.apif-small-size-display .apif-tender-wrapper-profile{
padding: 0 0 0 25%;
}
.apif-img-tender .apif-tender-wrapper-profile .profile-image{
display: inline-block;
float: left;
}
.apif-img-tender .apif-tender-wrapper-profile .apif-user-name{
display: inline-block;
float: left;
margin-top: 12px;
margin-left: 10px;
}
.apif-img-tender.apif-small-size-display .apif-tender-second-wrapper{
padding: 10px;
}
.apif-img-tender.apif-small-size-display .apif-middle-content-wrapper .coment-like{
float: none;
width: 100%;
display: block;
text-align: center;
padding-top: 2px;
}
.apif-img-tender.apif-small-size-display .apif-middle-content-wrapper .coment-like .ap_insta_like_count{
float: none;
margin-right: 10px;
}
.apif-img-tender.apif-small-size-display .apif-middle-content-wrapper .coment-like .ap_insta_comment_count_wrapper{
float: none;
margin-right: 0;
}
.apif-img-tender.apif-small-size-display .apif-middle-content-wrapper .apifeeds-social-icon-wrap{
display: block;
width: 100%;
float: none;
text-align: center;
margin-top: 0;
}
.apif-img-tender.apif-small-size-display .apif-middle-content-wrapper .apifeeds-social-icon-wrap a{
float: none;
font-size: 13px;
padding: 0;
opacity: 1;
visibility: visible;
}
.apif-img-tender.apif-small-size-display .apif-middle-content-wrapper .coment-like .ap_insta_like_count,
.apif-img-tender.apif-small-size-display:hover .apif-middle-content-wrapper .coment-like .ap_insta_like_count,
.apif-img-tender.apif-small-size-display .apif-middle-content-wrapper .coment-like .ap_insta_comment_count_wrapper,
.apif-img-tender.apif-small-size-display:hover .apif-middle-content-wrapper .coment-like .ap_insta_comment_count_wrapper{
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.apif-img-tender.apif-small-size-display figure .profile-image{
height: 32px;
width: 32px;
}
.apif-img-tender.apif-small-size-display .apif-tender-wrapper-profile .apif-user-name{
font-size: 12px;
margin-top: 6px;
}
.apif-img-tender .apif-tender-wrapper-profile .apif-user-name a{
color: #FFF;
}
/* Jolly */
.apif-img-jolly figure{
position: relative;
overflow: hidden;
}
.apif-img-jolly .apif-image-overlay{
display: none;
}
.apif-img-jolly .apif-ins-link{
position: absolute;
top: 10px;
right: 10px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-img-jolly .apif-ins-link a{
color: #FFF;
}
.apif-img-jolly .apif-ins-link:hover{
top: 5px;
}
.apif-img-jolly .apif-featimg{
overflow: hidden;
position: relative;
}
.apif-img-jolly .apif-featimg .example-image-link{
position: relative;
opacity: 1;
display: block;
overflow: hidden;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-ms-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-jolly:hover .apif-featimg .example-image-link{
-webkit-transform: scale(1.1) translateY(-20px);
-moz-transform: scale(1.1) translateY(-20px);
-ms-transform: scale(1.1) translateY(-20px);
-o-transform: scale(1.1) translateY(-20px);
transform: scale(1.1) translateY(-20px);
}
.apif-img-jolly .apif-featimg:after{
position: absolute;
z-index: 2;
top: 100%;
left: 0;
width: 150%;
height: 70%;
background: rgba(255,255,255,0.8);
content: "";
-webkit-transform-origin: left bottom;
-moz-transform-origin: left bottom;
-ms-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transition: transform 0.35s;
-moz-transition: transform 0.35s;
-ms-transition: transform 0.35s;
-o-transition: transform 0.35s;
transition: transform 0.35s;
}
.apif-img-jolly:hover .apif-featimg:after{
-webkit-transform: rotate3d(-1,1,1,-32deg);
-moz-transform: rotate3d(-1,1,1,-32deg);
-ms-transform: rotate3d(-1,1,1,-32deg);
-o-transform: rotate3d(-1,1,1,-32deg);
transform: rotate3d(-1,1,1,-32deg);
}
.apif-img-jolly .apif-featimg:before{
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
content: "";
visibility: hidden;
opacity: 0;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-jolly:hover .apif-featimg:before{
visibility: visible;
opacity: 1;
}
.apif-img-jolly .apif-middle-content-wrapper{
display: block;
z-index: 1;
width: auto;
height: auto;
position: unset;
}
.apif-img-jolly .apif-middle-content-wrapper .apif-jolly-wrapper-profile{
position: absolute;
z-index: 10;
top: 15px;
left: 15px;
-webkit-transform: translateY(20px) translateZ(0);
-moz-transform: translateY(20px) translateZ(0);
-ms-transform: translateY(20px) translateZ(0);
-o-transform: translateY(20px) translateZ(0);
transform: translateY(20px) translateZ(0);
-webkit-transition: transform 0.35s;
-moz-transition: transform 0.35s;
-ms-transition: transform 0.35s;
-o-transition: transform 0.35s;
transition: transform 0.35s;
}
.apif-img-jolly:hover .apif-middle-content-wrapper .apif-jolly-wrapper-profile{
-webkit-transform: translateY(0) translateZ(0);
-moz-transform: translateY(0) translateZ(0);
-ms-transform: translateY(0) translateZ(0);
-o-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0);
}
.apif-img-jolly .apif-middle-content-wrapper .apif-jolly-second-wrapper{
position: absolute;
z-index: 10;
bottom: 3%;
right: 20px;
}
.apif-img-jolly.apif-large-desktop-col-2 .apif-middle-content-wrapper .apif-jolly-second-wrapper{
bottom: 6%;
}
.apif-img-jolly.apif-large-desktop-col-2 .apif-inner-content-wrapper .coment-like .ap_insta_like_count .ap-instagram_imge_like,
.apif-img-jolly.apif-large-desktop-col-2 .apif-inner-content-wrapper .coment-like .ap_insta_comment_count_wrapper p.ap_insta_comment_count,
.apif-img-jolly.apif-large-desktop-col-2 .apif-middle-content-wrapper .apifeeds-social-icon-wrap a{
font-size: 18px;
}
.apif-img-jolly.apif-large-desktop-col-2 .apif-middle-content-wrapper .apifeeds-social-icon-wrap a{
padding: 0 6px;
}
.apif-img-jolly .profile-image{
display: inline-block;
float: left;
-webkit-box-shadow: 0 0 0px 2px #FFF;
box-shadow: 0 0 0px 2px #FFF;
}
.apif-img-jolly .apif-middle-content-wrapper .apif-user-name{
font-weight: 600;
float: left;
color: #fff;
margin: 12px 0 0 10px;
display: inline-block;
}
.apif-img-jolly .apif-middle-content-wrapper .apif-user-name a{
color: #FFF;
}
.apif-img-jolly:hover .apif-middle-content-wrapper .apif-user-name{
color: #FFF;
}
.apif-img-jolly .apif-middle-content-wrapper .coment-like{
color: #5d504f;
font-weight: 600;
display: inline-block;
float: left;
}
.apif-img-jolly .apif-inner-content-wrapper .coment-like .ap_insta_like_count .ap-instagram_imge_like{
font-size: 15px;
margin-right: 15px;
opacity: 0;
-webkit-transform: translate3d(0,50px,0);
-moz-transform: translate3d(0,50px,0);
-ms-transform: translate3d(0,50px,0);
-o-transform: translate3d(0,50px,0);
transform: translate3d(0,50px,0);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-jolly:hover .apif-inner-content-wrapper .coment-like .ap_insta_like_count .ap-instagram_imge_like{
opacity: 1;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.apif-img-jolly .apif-inner-content-wrapper .coment-like .ap_insta_comment_count_wrapper p.ap_insta_comment_count{
font-size: 15px;
opacity: 0;
-webkit-transform: translate3d(0,50px,0);
-moz-transform: translate3d(0,50px,0);
-ms-transform: translate3d(0,50px,0);
-o-transform: translate3d(0,50px,0);
transform: translate3d(0,50px,0);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-jolly:hover .apif-inner-content-wrapper .coment-like .ap_insta_comment_count_wrapper p.ap_insta_comment_count{
opacity: 1;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition-delay: 0.15s;
-moz-transition-delay: 0.15s;
-ms-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.apif-img-jolly .apif-middle-content-wrapper .apifeeds-social-icon-wrap{
margin-top: 11px;
display: inline-block;
float: left;
margin-left: 10px;
opacity: 0;
-webkit-transform: translate3d(0,50px,0);
-moz-transform: translate3d(0,50px,0);
-ms-transform: translate3d(0,50px,0);
-o-transform: translate3d(0,50px,0);
transform: translate3d(0,50px,0);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-jolly.apif-small-size-display .apif-middle-content-wrapper .apifeeds-social-icon-wrap{
margin-top: 0;
}
.apif-img-jolly:hover .apif-middle-content-wrapper .apifeeds-social-icon-wrap{
opacity: 1;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.apif-img-jolly .apif-middle-content-wrapper .apifeeds-social-icon-wrap a{
text-shadow: 1px 1px 0px rgba(0,0,0,0.6);
font-size: 15px;
padding: 0 4px;
}
.apif-img-jolly .apif-middle-content-wrapper .apifeeds-social-icon-wrap a:hover i{
color: #000;
}
.apif-img-jolly.apif-small-size-display figure .profile-image{
height: 32px;
width: 32px;
}
.apif-img-jolly.apif-small-size-display .apif-jolly-wrapper-profile .apif-user-name{
font-size: 12px;
margin-top: 6px;
}
.apif-img-jolly.apif-small-size-display .apif-middle-content-wrapper .coment-like{
float: right;
margin-bottom: 8px;
display: block;
}
.apif-img-jolly.apif-small-size-display .apif-inner-content-wrapper .coment-like .ap_insta_comment_count_wrapper p.ap_insta_comment_count,
.apif-img-jolly.apif-small-size-display .apif-inner-content-wrapper .coment-like .ap_insta_like_count .ap-instagram_imge_like{
font-size: 13px;
}
.apif-img-jolly.apif-small-size-display .apif-inner-content-wrapper .coment-like .ap_insta_like_count .ap-instagram_imge_like{
margin-right: 7px;
}
.apif-img-jolly.apif-small-size-display .apif-middle-content-wrapper .apifeeds-social-icon-wrap{
float: right;
display: block;
width: 100%;
text-align: right;
}
.apif-img-jolly.apif-small-size-display .apif-middle-content-wrapper .apifeeds-social-icon-wrap a{
font-size: 13px;
padding: 0 2px;
}
.apif-img-jolly.apif-small-size-display .apif-featimg:after{
width: 170%;
height: 85%;
}
.apif-img-jolly.apif-small-size-display:hover .apif-featimg:after{
-webkit-transform: rotate3d(-1,1,1,-46deg);
-moz-transform: rotate3d(-1,1,1,-46deg);
-ms-transform: rotate3d(-1,1,1,-46deg);
-o-transform: rotate3d(-1,1,1,-46deg);
transform: rotate3d(-1,1,1,-46deg);
}
.apif-img-jolly.apif-small-size-display .apif-middle-content-wrapper .apif-jolly-second-wrapper{
bottom: 8%;
}
/*Strong Apollo*/
.apif-img-strongapollo figure{
position: relative;
overflow: hidden;
}
.apif-img-strongapollo .apif-image-overlay{
display: none;
}
.apif-img-strongapollo .apif-ins-link{
position: absolute;
top: 20px;
right: 20px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-img-strongapollo .apif-ins-link a{
color: #FFF;
}
.apif-img-strongapollo .apif-ins-link:hover{
top: 15px;
}
.apif-img-strongapollo .apif-featimg{
overflow: hidden;
}
.apif-img-strongapollo .apif-featimg .example-image-link{
position: relative;
opacity: 1;
display: block;
overflow: hidden;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-strongapollo:hover .apif-featimg .example-image-link{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.apif-img-strongapollo .apif-featimg .example-image-link:after{
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
width: 100%;
height: 100%;
background: rgba(186, 224, 248, 0.5);
content: "";
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-strongapollo:hover .apif-featimg .example-image-link:after{
visibility: visible;
opacity: 1;
}
.apif-img-strongapollo .apif-featimg .example-image-link:before{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.5);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.apif-img-strongapollo:hover .apif-featimg .example-image-link:before{
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
.apif-img-strongapollo .apif-middle-content-wrapper{
display: block;
z-index: 1;
top: 0;
left: 0;
width: auto;
height: auto;
position: unset;
}
.apif-img-strongapollo .profile-image{
-webkit-box-shadow: 0 0 0px 2px #FFF;
box-shadow: 0 0 0px 2px #FFF;
display: inline-block;
float: left;
}
.apif-img-strongapollo .apif-middle-content-wrapper .apif-strongapollo-wrapper-profile{
position: absolute;
top: 30px;
left: 30px;
visibility: hidden;
opacity: 0;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-strongapollo:hover .apif-middle-content-wrapper .apif-strongapollo-wrapper-profile{
visibility: visible;
opacity: 1;
}
.apif-img-strongapollo .apif-middle-content-wrapper .apif-user-name{
font-weight: 600;
color: #ddd;
margin-bottom: 0px;
margin-top: 12px;
margin-left: 10px;
display: inline-block;
float: left;
}
.apif-img-strongapollo:hover .apif-middle-content-wrapper .apif-user-name{
color: #FFF;
}
.apif-img-strongapollo .apif-middle-content-wrapper .coment-like{
color: #FFF;
font-weight: 600;
margin-bottom: 12px;
}
.apif-img-strongapollo .apif-middle-content-wrapper .apifeeds-social-icon-wrap{
margin-top: 10px;
}
.apif-img-strongapollo .apif-middle-content-wrapper .apifeeds-social-icon-wrap a{
text-shadow: 1px 1px 0px rgba(0,0,0,0.6);
}
.apif-img-strongapollo .apif-middle-content-wrapper .apifeeds-social-icon-wrap a:hover i{
color: #FFF;
}
.apif-img-strongapollo .apif-middle-content-wrapper .apif-strongapollo-second-wrapper{
position: absolute;
right: 30px;
bottom: 30px;
padding-right: 20px;
visibility: hidden;
opacity: 0;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-strongapollo:hover .apif-middle-content-wrapper .apif-strongapollo-second-wrapper{
visibility: visible;
opacity: 1;
}
.apif-img-strongapollo .apif-middle-content-wrapper .apif-strongapollo-second-wrapper:after{
position: absolute;
top: 0;
right: 0;
content: "";
width: 4px;
height: 100%;
background: #FFF;
}
.apif-img-strongapollo .apif-middle-content-wrapper .apif-strongapollo-second-wrapper .coment-like{
padding: 0;
margin-top: 0;
text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.apif-img-strongapollo.apif-small-size-display .apif-middle-content-wrapper .apif-strongapollo-wrapper-profile{
left: 20px;
}
.apif-img-strongapollo.apif-small-size-display .apif-middle-content-wrapper .apif-strongapollo-second-wrapper{
right: 20px;
}
.apif-img-strongapollo.apif-small-size-display figure .profile-image{
height: 35px;
width: 35px;
}
.apif-img-strongapollo.apif-small-size-display .apif-middle-content-wrapper .apif-user-name{
font-size: 13px;
margin-top: 6px;
}
.apif-img-strongapollo.apif-small-size-display .apif-middle-content-wrapper .apif-user-name a{
color: #FFF;
text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
/*Dark Kira*/
.apif-img-darkkiraview figure{
position: relative;
overflow: hidden;
}
.apif-img-darkkiraview .apif-image-overlay{
display: none;
}
.apif-img-darkkiraview .apif-ins-link{
position: absolute;
top: 20px;
right: 20px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-img-darkkiraview .apif-ins-link a{
color: #FFF;
}
.apif-img-darkkiraview .apif-ins-link a.apif-own-lightbox{
display: none;
}
.apif-img-darkkiraview .apif-ins-link:hover{
top: 15px;
}
.apif-img-darkkiraview .apif-featimg{
overflow: hidden;
}
.apif-img-darkkiraview .apif-featimg .example-image-link{
position: relative;
opacity: 1;
display: block;
overflow: hidden;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-ms-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-darkkiraview:hover .apif-featimg .example-image-link{
-webkit-transform: scale(1.2) translateY(-20px);
-moz-transform: scale(1.2) translateY(-20px);
-ms-transform: scale(1.2) translateY(-20px);
-o-transform: scale(1.2) translateY(-20px);
transform: scale(1.2) translateY(-20px);
}
.apif-img-darkkiraview .apif-featimg .example-image-link:after{
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
width: 100%;
height: 100%;
background: rgba(186, 224, 248, 0.5);
content: "";
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-darkkiraview:hover .apif-featimg .example-image-link:after{
visibility: visible;
opacity: 1;
}
.apif-img-darkkiraview .apif-middle-content-wrapper{
display: block;
z-index: 1;
top: 0;
left: 0;
padding-left: 20px;
padding-top: 20px;
width: 100%;
height: auto;
position: absolute;
}
.apif-img-darkkiraview .profile-image{
-webkit-box-shadow: 0 0 0px 2px #FFF;
box-shadow: 0 0 0px 2px #FFF;
display: inline-block;
float: left;
}
.apif-img-darkkiraview .apif-middle-content-wrapper .apif-darkkiraview-wrapper-profile{
position: relative;
display: block;
}
.apif-img-darkkiraview .apif-middle-content-wrapper .apif-darkkiraview-wrapper-profile:before,
.apif-img-darkkiraview .apif-middle-content-wrapper .apif-darkkiraview-wrapper-profile:after{
display: table;
content: "";
clear: both;
}
.apif-img-darkkiraview .apif-middle-content-wrapper .apif-user-name{
font-weight: 600;
color: #FFF;
margin-bottom: 0px;
margin-top: 12px;
margin-left: 10px;
display: inline-block;
float: left;
}
.apif-img-darkkiraview .apif-middle-content-wrapper .apif-user-name a{
color: #FFF;
}
.apif-img-darkkiraview:hover .apif-middle-content-wrapper .apif-user-name{
color: #FFF;
}
.apif-img-darkkiraview .apif-middle-content-wrapper .coment-like{
color: #FFF;
font-weight: 600;
margin-bottom: 12px;
}
.apif-img-darkkiraview .apif-middle-content-wrapper .apifeeds-social-icon-wrap{
padding-top: 20px;
display: inline-block;
float: right;
margin-right: 7%;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
visibility: hidden;
opacity: 0;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-darkkiraview:hover .apif-middle-content-wrapper .apifeeds-social-icon-wrap{
visibility: visible;
opacity: 1;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
}
.apif-img-darkkiraview .apif-middle-content-wrapper .apifeeds-social-icon-wrap a{
text-shadow: 1px 1px 0px rgba(0,0,0,0.6);
}
.apif-img-darkkiraview .apif-middle-content-wrapper .apifeeds-social-icon-wrap a:hover i{
color: #FFF;
}
.apif-img-darkkiraview .apif-middle-content-wrapper .apif-darkkiraview-second-wrapper{
position: relative;
margin-top: 15px;
}
.apif-img-darkkiraview .apif-middle-content-wrapper .apif-darkkiraview-second-wrapper:before{
position: absolute;
z-index: -1;
content: "";
visibility: visible;
opacity: 1;
top: 0;
left: 0;
width: 95%;
height: 2px;
background: rgba(255,255,255,0.8);
-webkit-transition: transform 0.35s, height 0.35s;
-moz-transition: transform 0.35s, height 0.35s;
-ms-transition: transform 0.35s, height 0.35s;
-o-transition: transform 0.35s, height 0.35s;
transition: transform 0.35s, height 0.35s;
}
.apif-img-darkkiraview:hover .apif-middle-content-wrapper .apif-darkkiraview-second-wrapper:before{
height: 3.5em;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
}
.apif-img-darkkiraview .apif-middle-content-wrapper .apif-darkkiraview-second-wrapper .coment-like{
padding: 20px 0 15px 15px;
margin: 0;
display: inline-block;
float: left;
color: #333;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
visibility: hidden;
opacity: 0;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-darkkiraview:hover .apif-middle-content-wrapper .apif-darkkiraview-second-wrapper .coment-like{
visibility: visible;
opacity: 1;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
}
.apif-img-darkkiraview .apif-middle-content-wrapper .apif-darkkiraview-second-wrapper .coment-like .ap_insta_like_count{
margin-right: 5px;
}
.apif-img-darkkiraview .apif-middle-content-wrapper .apif-darkkiraview-second-wrapper .coment-like .ap_insta_like_count .ap-instagram_imge_like{
font-size: 16px;
color: #333;
}
.apif-img-darkkiraview .apif-middle-content-wrapper .apif-darkkiraview-second-wrapper .coment-like p.ap_insta_comment_count{
font-size: 16px;
color: #333;
}
.apif-img-darkkiraview .apif-middle-content-wrapper .apif-darkkiraview-second-wrapper .apifeeds-social-icon-wrap a{
padding: 0 6px;
font-size: 17px;
}
.apif-img-darkkiraview .apif-middle-content-wrapper .apif-darkkiraview-second-wrapper .apifeeds-social-icon-wrap a i{
color: #333;
text-shadow: none;
}
.apif-img-darkkiraview .apif-middle-content-wrapper .apif-darkkiraview-second-wrapper .apifeeds-social-icon-wrap a:hover i.fa-facebook{
color: #3a559f;
}
.apif-img-darkkiraview .apif-middle-content-wrapper .apif-darkkiraview-second-wrapper .apifeeds-social-icon-wrap a:hover i.fa-twitter{
color: #11c1ff;
}
.apif-img-darkkiraview .apif-middle-content-wrapper .apif-darkkiraview-second-wrapper .apifeeds-social-icon-wrap a:hover i.fa-google-plus{
color: #f4521f;
}
.apif-img-darkkiraview .apif-middle-content-wrapper .apif-darkkiraview-second-wrapper .apifeeds-social-icon-wrap a:hover i.fa-pinterest{
color: #ca3737;
}
.apif-img-darkkiraview.apif-small-size-display .profile-image{
height: 35px;
width: 35px;
}
.apif-img-darkkiraview.apif-small-size-display .apif-middle-content-wrapper .apif-user-name{
font-size: 13px;
margin-top: 6px;
}
.apif-img-darkkiraview.apif-small-size-display .apif-middle-content-wrapper .apif-darkkiraview-second-wrapper .coment-like .ap_insta_like_count .ap-instagram_imge_like,
.apif-img-darkkiraview.apif-small-size-display .apif-middle-content-wrapper .apif-darkkiraview-second-wrapper .coment-like p.ap_insta_comment_count{
font-size: 12px;
}
.apif-img-darkkiraview.apif-small-size-display .apif-middle-content-wrapper .apif-darkkiraview-second-wrapper .coment-like .ap_insta_like_count .ap-instagram_imge_like{
margin-right: 3px;
}
.apif-img-darkkiraview.apif-small-size-display .apif-middle-content-wrapper .apifeeds-social-icon-wrap{
margin-right: 10%;
padding-top: 12px;
}
.apif-img-darkkiraview.apif-small-size-display .apif-middle-content-wrapper .apif-darkkiraview-second-wrapper .apifeeds-social-icon-wrap a{
padding: 0 3px;
font-size: 12px;
}
.apif-img-darkkiraview.apif-small-size-display .apif-middle-content-wrapper .apif-darkkiraview-second-wrapper .coment-like{
padding-top: 13px;
}
.apif-img-darkkiraview.apif-small-size-display:hover .apif-middle-content-wrapper .apif-darkkiraview-second-wrapper:before{
height: 2.5em;
}
/*Dynamic Jazz*/
.apif-img-dynamicjazz figure{
position: relative;
overflow: hidden;
}
.apif-img-dynamicjazz .apif-image-overlay{
display: none;
}
.apif-img-dynamicjazz .apif-ins-link{
position: absolute;
top: 10px;
right: 10px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-img-dynamicjazz .apif-ins-link a{
color: #FFF;
}
.apif-img-dynamicjazz .apif-ins-link a.apif-own-lightbox{
display: none;
}
.apif-img-dynamicjazz .apif-ins-link:hover{
top: 5px;
}
.apif-img-dynamicjazz .apif-featimg{
position: relative;
overflow: hidden;
background: -webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
background: linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
}
.apif-img-dynamicjazz .apif-featimg .example-image-link{
position: relative;
opacity: 1;
display: block;
overflow: hidden;
opacity: 0.9;
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-ms-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-img-dynamicjazz:hover .apif-featimg .example-image-link{
opacity: 0.7;
-webkit-transform: scale3d(1.05,1.05,1);
-moz-transform: scale3d(1.05,1.05,1);
-ms-transform: scale3d(1.05,1.05,1);
-o-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}
/*.apif-img-dynamicjazz .apif-featimg .example-image-link:after{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.2);
content: "";
}*/
.apif-img-dynamicjazz .apif-featimg:before{
position: absolute;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.apif-img-dynamicjazz:hover .apif-featimg:before{
opacity: 1;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
.apif-img-dynamicjazz .apif-middle-content-wrapper{
display: block;
z-index: 11;
top: 50%;
left: 50%;
width: auto;
height: auto;
-webkit-transform: translate(-50%, -50%) translateZ(0);
-moz-transform: translate(-50%, -50%) translateZ(0);
-ms-transform: translate(-50%, -50%) translateZ(0);
-o-transform: translate(-50%, -50%) translateZ(0);
transform: translate(-50%, -50%) translateZ(0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.apif-img-dynamicjazz .profile-image{
-webkit-box-shadow: 0 0 0px 2px #FFF;
box-shadow: 0 0 0px 2px #FFF;
-webkit-transform: scale3d(0.9,0.9,1) translateZ(0);
-moz-transform: scale3d(0.9,0.9,1) translateZ(0);
-ms-transform: scale3d(0.9,0.9,1) translateZ(0);
-o-transform: scale3d(0.9,0.9,1) translateZ(0);
transform: scale3d(0.9,0.9,1) translateZ(0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: transform 0.35s;
-moz-transition: transform 0.35s;
-ms-transition: transform 0.35s;
-o-transition: transform 0.35s;
transition: transform 0.35s;
}
.apif-img-dynamicjazz:hover .profile-image{
-webkit-transform: scale3d(1,1,1) translateZ(0);
-moz-transform: scale3d(1,1,1) translateZ(0);
-ms-transform: scale3d(1,1,1) translateZ(0);
-o-transform: scale3d(1,1,1) translateZ(0);
transform: scale3d(1,1,1) translateZ(0);
}
.apif-img-dynamicjazz .apif-middle-content-wrapper .apif-user-name{
font-weight: 600;
color: #fff;
margin-bottom: 10px;
-webkit-transform: scale3d(0.9,0.9,1) translateZ(0);
-moz-transform: scale3d(0.9,0.9,1) translateZ(0);
-ms-transform: scale3d(0.9,0.9,1) translateZ(0);
-o-transform: scale3d(0.9,0.9,1) translateZ(0);
transform: scale3d(0.9,0.9,1) translateZ(0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: transform 0.35s;
-moz-transition: transform 0.35s;
-ms-transition: transform 0.35s;
-o-transition: transform 0.35s;
transition: transform 0.35s;
}
.apif-img-dynamicjazz .apif-middle-content-wrapper .apif-user-name a{
color: #FFF;
}
.apif-img-dynamicjazz:hover .apif-middle-content-wrapper .apif-user-name{
color: #FFF;
-webkit-transform: scale3d(1,1,1) translateZ(0);
-moz-transform: scale3d(1,1,1) translateZ(0);
-ms-transform: scale3d(1,1,1) translateZ(0);
-o-transform: scale3d(1,1,1) translateZ(0);
transform: scale3d(1,1,1) translateZ(0);
}
.apif-img-dynamicjazz .apif-middle-content-wrapper .coment-like{
color: #FFF;
font-weight: 600;
-webkit-transform: scale3d(0.6,0.6,1) translateZ(0);
-moz-transform: scale3d(0.6,0.6,1) translateZ(0);
-ms-transform: scale3d(0.6,0.6,1) translateZ(0);
-o-transform: scale3d(0.6,0.6,1) translateZ(0);
transform: scale3d(0.6,0.6,1) translateZ(0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.35s, transform 0.35s;
-moz-transition: opacity 0.35s, transform 0.35s;
-ms-transition: opacity 0.35s, transform 0.35s;
-o-transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.apif-img-dynamicjazz:hover .apif-middle-content-wrapper .coment-like{
opacity: 1;
-webkit-transform: scale3d(1,1,1) translateZ(0);
-moz-transform: scale3d(1,1,1) translateZ(0);
-ms-transform: scale3d(1,1,1) translateZ(0);
-o-transform: scale3d(1,1,1) translateZ(0);
transform: scale3d(1,1,1) translateZ(0);
}
.apif-img-dynamicjazz .apif-middle-content-wrapper .apifeeds-social-icon-wrap{
margin-top: 15px;
-webkit-transform: scale3d(0.6,0.6,1) translateZ(0);
-moz-transform: scale3d(0.6,0.6,1) translateZ(0);
-ms-transform: scale3d(0.6,0.6,1) translateZ(0);
-o-transform: scale3d(0.6,0.6,1) translateZ(0);
transform: scale3d(0.6,0.6,1) translateZ(0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.35s, transform 0.35s;
-moz-transition: opacity 0.35s, transform 0.35s;
-ms-transition: opacity 0.35s, transform 0.35s;
-o-transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.apif-img-dynamicjazz:hover .apif-middle-content-wrapper .apifeeds-social-icon-wrap{
opacity: 1;
-webkit-transform: scale3d(1,1,1) translateZ(0);
-moz-transform: scale3d(1,1,1) translateZ(0);
-ms-transform: scale3d(1,1,1) translateZ(0);
-o-transform: scale3d(1,1,1) translateZ(0);
transform: scale3d(1,1,1) translateZ(0);
}
.apif-img-dynamicjazz .apif-middle-content-wrapper .apifeeds-social-icon-wrap a{
text-shadow: 1px 1px 0px rgba(0,0,0,0.6);
}
.apif-img-dynamicjazz .apif-middle-content-wrapper .apifeeds-social-icon-wrap a:hover i{
color: #FFF;
}
.apif-img-dynamicjazz .apif-inner-content-wrapper .coment-like .ap_insta_like_count{
float: left;
width: 50%;
text-align: right;
white-space: nowrap;
}
.apif-img-dynamicjazz .apif-inner-content-wrapper .coment-like .ap_insta_like_count .ap-instagram_imge_like{
font-size: 14px;
}
.apif-img-dynamicjazz .apif-inner-content-wrapper .coment-like .ap_insta_like_count .ap-instagram_imge_like{
margin: 0;
}
.apif-img-dynamicjazz .apif-inner-content-wrapper .coment-like .ap_insta_comment_count_wrapper{
padding-left: 10px;
float: right;
width: 50%;
text-align: left;
white-space: nowrap;
}
.apif-img-dynamicjazz .apif-inner-content-wrapper .coment-like .ap_insta_comment_count_wrapper .ap_insta_comment_count{
font-size: 14px;
}
.apif-img-dynamicjazz .apif-middle-content-wrapper .apifeeds-social-icon-wrap{
width: 100%;
float: left;
text-align: center;
}
.apif-masonry-box .apif-featimg a.example-image-link,
.apif-filter_template1 .ap-self-user-feed .apif-featimg a.example-image-link{
width: 100%;
/*background-size: cover;*/
background-size: cover;
display: block;
background-position: center center;
background-repeat: no-repeat;
}
.apif-masonry-box.apif-large-desktop-col-2{
width: 50%;
}
.apif-masonry-box.apif-large-desktop-col-3{
width: 33.3333%;
}
.apif-masonry-box.apif-large-desktop-col-4{
width: 25%;
}
.apif-masonry-box.apif-large-desktop-col-5{
width: 20%;
}
.apif-masonry-box.apif-large-desktop-col-6{
width: 16.6666666%;
}
/*Slide Content Grid Layout*/
.ap-feeds-grid-layout2 .apif-masonry-box.apif-large-desktop-col-4 figure{
height: 350px;
}
.ap-feeds-grid-layout2 .apif-masonry-box.apif-large-desktop-col-4 .apif-featimg a.example-image-link{
height: 350px;
}
.ap-feeds-grid-layout2 .apif-masonry-box.apif-large-desktop-col-4{
position: relative;
}
.ap-feeds-grid-layout2 .apif-masonry-box:hover{
z-index: 10;
}
.ap-feeds-grid-layout2 .apif-masonry-box ul{
margin: 0;
padding: 0;
}
.ap-feeds-grid-layout2 .apif-masonry-box figure{
position: relative;
width: 305px;
left: 0;
overflow: hidden;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
-ms-transition: all ease 0.4s;
-o-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.ap-feeds-grid-layout2 .apif-masonry-box:hover figure{
width: 625px;
left: -320px;
}
.ap-feeds-grid-layout2 .apif-masonry-box figure .apif-featimg{
position: relative;
z-index: 10;
width: 305px;
max-width: 100%;
-webkit-transition: transform 0.4s;
-moz-transition: transform 0.4s;
-ms-transition: transform 0.4s;
-o-transition: transform 0.4s;
transition: transform 0.4s;
}
.ap-feeds-grid-layout2 .apif-masonry-box:hover figure .apif-featimg{
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ap-feeds-grid-layout2 .apif-masonry-box .apif-middle-content-wrap{
position: relative;
z-index: 10;
}
.ap-feeds-grid-layout2 .apif-masonry-box .apif-inner-content-wrap:before,
.ap-feeds-grid-layout2 .apif-masonry-box .apif-inner-content-wrap:after{
clear: both;
display: table;
content: "";
}
.ap-feeds-grid-layout2 .apif-masonry-box .apif-overlay-cont-block{
-ms-word-break: break-all;
word-break: break-all;
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
max-width: 317px;
background: #FFF;
padding: 15px;
overflow: hidden;
-webkit-transform: translateX(100%) translateZ(0);
-moz-transform: translateX(100%) translateZ(0);
-ms-transform: translateX(100%) translateZ(0);
-o-transform: translateX(100%) translateZ(0);
transform: translateX(100%) translateZ(0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: transform 0.4s;
-moz-transition: transform 0.4s;
-ms-transition: transform 0.4s;
-o-transition: transform 0.4s;
transition: transform 0.4s;
}
.ap-feeds-grid-layout2 .apif-masonry-box:hover .apif-overlay-cont-block{
-webkit-transform: translateX(0) translateZ(0);
-moz-transform: translateX(0) translateZ(0);
-ms-transform: translateX(0) translateZ(0);
-o-transform: translateX(0) translateZ(0);
transform: translateX(0) translateZ(0);
}
.ap-feeds-grid-layout2 .apif-masonry-box .apif-inner-content-wrap .profile-image{
float: left;
height: 35px;
width: 35px;
}
.ap-feeds-grid-layout2 .apif-masonry-box .apif-inner-content-wrap .apif-user-name{
float: left;
margin-top: 6px;
margin-left: 10px;
}
.ap-feeds-grid-layout2 .apif-masonry-box .apif-inner-content-wrap .coment-like{
display: block;
width: 100%;
float: left;
padding: 15px 0 10px;
}
.ap-feeds-grid-layout2 .apif-masonry-box .apif-inner-content-wrap .coment-like p{
font-size: 13px;
margin: 0;
width: auto;
display: inline;
}
.ap-feeds-grid-layout2 .apif-masonry-box .apif-inner-content-wrap .coment-like .clearfix:before,
.ap-feeds-grid-layout2 .apif-masonry-box .apif-inner-content-wrap .coment-like .clearfix:after{
display: none;
}
.ap-feeds-grid-layout2 .apif-masonry-box .apif-inner-content-wrap .coment-like .ap_insta_like_count{
display: inline-block;
float: left;
margin-right: 10px;
}
.ap-feeds-grid-layout2 .apif-masonry-box .apif-inner-content-wrap .coment-like .ap_insta_comment_count_wrapper{
display: inline-block;
float: left;
}
.ap-feeds-grid-layout2 .apif-masonry-box .apif-inner-content-wrap .apif-caption-warp{
display: block;
float: left;
text-align: left;
max-height: 210px;
overflow: auto;
padding-right: 10px;
font-size: 14px;
}
.ap-feeds-grid-layout2 .apif-masonry-box .apif-image-overlay{
position: absolute;
z-index: 0;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: "";
background: rgba(0,0,0,0.3);
text-indent: 999999999999999em;
}
.ap-feeds-grid-layout2 .apif-masonry-box .apifeeds-social-icon-wrap{
display: block;
width: 100%;
float: left;
text-align: left;
margin-top: 10px;
}
.ap-feeds-grid-layout2 .apif-masonry-box .apif-ins-link{
position: absolute;
top: 20px;
right: 15px;
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(4n + 1):hover{
z-index: 11;
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(4n + 1) figure{
right: 0;
left: unset;
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(4n + 1):hover figure{
width: 637px;
right: 0;
left: unset;
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(4n + 1):hover figure .apif-featimg{
-webkit-transform: translateX(105%);
-moz-transform: translateX(105%);
-ms-transform: translateX(105%);
-o-transform: translateX(105%);
transform: translateX(105%);
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(4n + 1) .apif-overlay-cont-block{
max-width: 321px;
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(4n + 1) .apif-overlay-cont-block{
-webkit-transform: translateX(-100%) translateZ(0);
-moz-transform: translateX(-100%) translateZ(0);
-ms-transform: translateX(-100%) translateZ(0);
-o-transform: translateX(-100%) translateZ(0);
transform: translateX(-100%) translateZ(0);
left: 0;
right: unset;
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(4n + 1):hover .apif-overlay-cont-block{
-webkit-transform: translateX(0) translateZ(0);
-moz-transform: translateX(0) translateZ(0);
-ms-transform: translateX(0) translateZ(0);
-o-transform: translateX(0) translateZ(0);
transform: translateX(0) translateZ(0);
}
/*Owl Slider*/
.apif-owl-demo .apif-own-lightbox i.fa-search{
display: none;
}
/*Nivo Slider*/
.apif-nivo-slider .nivo-directionNav a{
background: none !important;
text-indent: 0 !important;
color: #FFF !important;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
/*Carousel Row SLider*/
.apif-owl-demo .owl-item .apif-carousel-row-slider-box figure .apif-featimg{
height: 100%;
display: block;
}
.apif-owl-demo.apif-large-desktop-col-5 .owl-item .apif-carousel-row-slider-box{
height: 325px;
}
.apif-owl-demo.apif-large-desktop-col-5 .owl-item .apif-carousel-row-slider-box figure{
margin: 0;
height: 325px;
}
.apif-owl-demo.apif-large-desktop-col-5 .owl-item .apif-carousel-row-slider-box figure .apif-featimg a.example-image-link{
height: 325px !important;
}
.apif-owl-demo.apif-large-desktop-col-4 .owl-item .apif-carousel-row-slider-box{
height: 350px;
}
.apif-owl-demo.apif-large-desktop-col-4 .owl-item .apif-carousel-row-slider-box figure{
margin: 0;
height: 350px;
}
.apif-owl-demo.apif-large-desktop-col-4 .owl-item .apif-carousel-row-slider-box figure .apif-featimg a.example-image-link{
height: 350px !important;
}
.apif-owl-demo.apif-large-desktop-col-3 .owl-item .apif-carousel-row-slider-box{
height: 425px;
}
.apif-owl-demo.apif-large-desktop-col-3 .owl-item .apif-carousel-row-slider-box figure{
margin: 0;
height: 425px;
}
.apif-owl-demo.apif-large-desktop-col-3 .owl-item .apif-carousel-row-slider-box figure .apif-featimg a.example-image-link{
height: 425px !important;
}
.apif-owl-demo.apif-large-desktop-col-2 .owl-item .apif-carousel-row-slider-box{
height: 500px;
}
.apif-owl-demo.apif-large-desktop-col-2 .owl-item .apif-carousel-row-slider-box figure{
margin: 0;
height: 500px;
}
.apif-owl-demo.apif-large-desktop-col-2 .owl-item .apif-carousel-row-slider-box figure .apif-featimg a.example-image-link{
height: 500px !important;
}
.apif-carousel-row-slider-layout.apif-owl-demo.owl-carousel .owl-nav{
margin-top: -47px;
}
.apif-carousel-row-slider-layout.apif-owl-demo.owl-carousel .owl-nav .owl-prev,
.apif-carousel-row-slider-layout.apif-owl-demo.owl-carousel .owl-nav .owl-next{
height: 55px;
line-height: 57px;
}
.apif-control-text-type.apif-carousel-row-slider-layout.apif-owl-demo.owl-carousel .owl-nav .owl-prev,
.apif-control-text-type.apif-carousel-row-slider-layout.apif-owl-demo.owl-carousel .owl-nav .owl-next{
height: 70px;
line-height: 72px;
width: 70px;
}
.apif-carousel-row-slider-layout.apif-owl-demo.owl-carousel .owl-dots{
text-align: center;
display: block;
line-height: 1;
height: 20px;
margin-top: 20px;
}
.apif-carousel-row-slider-layout.apif-owl-demo.owl-carousel .owl-dots .owl-dot{
text-indent: 9999999999999999999em;
position: relative;
display: inline-block;
height: 10px;
width: 10px;
margin: 0 5px;
}
.apif-carousel-row-slider-layout.apif-owl-demo.owl-carousel .owl-dots .owl-dot:before{
position: absolute;
content: "";
top: 0;
left: 0;
height: 10px;
width: 10px;
background: rgba(0,0,0,0.3);
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-carousel-row-slider-layout.apif-owl-demo.owl-carousel .owl-dots .owl-dot.active span,
.apif-carousel-row-slider-layout.apif-owl-demo.owl-carousel .owl-dots .owl-dot span {
display: none;
}
.apif-carousel-row-slider-layout.apif-owl-demo.owl-carousel .owl-dots .owl-dot.active:before,
.apif-carousel-row-slider-layout.apif-owl-demo.owl-carousel .owl-dots .owl-dot:hover:before{
background: #722611;
}
/*Filter Layout 1*/
.apif_filter_template1 ul.apifeeds-filter-wrap{
display: block;
text-align: center;
margin-bottom: 35px;
}
.apif_filter_template1 ul.apifeeds-filter-wrap li{
display: inline-block;
}
.apif_filter_template1 ul.apifeeds-filter-wrap li a{
display: block;
border: 1px solid #e8e8e8;
border-radius: 20px;
padding: 10px 30px;
font-family: 'Montserrat',Sans-serif;
color: #3b3d40;
background-color: transparent;
text-transform: uppercase;
font-size: 11px;
font-weight: 400;
margin: 0 7px 10px;
box-shadow: none;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif_filter_template1 ul.apifeeds-filter-wrap li a.apif-active-filter,
.apif_filter_template1 ul.apifeeds-filter-wrap li a:hover{
background-color: #dd4a39;
border-color: #dd4a39;
color: #ffffff;
}
.apif_filter_template1 ul.apifeeds-filter-wrap li a:focus{
outline: none;
}
/*Filter Layout 2*/
.apif_filter_template2 ul.apifeeds-filter-wrap{
display: block;
text-align: center;
margin-bottom: 35px;
}
.apif_filter_template2 ul.apifeeds-filter-wrap li{
display: inline-block;
margin: 0 10px;
}
.apif_filter_template2 ul.apifeeds-filter-wrap li a{
padding: 0 15px;
margin-left: 5px;
font-size: 16px;
font-family: 'Open Sans', Sans-serif;
font-weight: 400;
color: #333333;
text-transform: capitalize;
border: 0;
box-shadow: none;
display: block;
position: relative;
height: 35px;
line-height: 35px;
text-transform: uppercase;
-webkit-transition: 0s;
transition: 0s;
}
.apif_filter_template2 ul.apifeeds-filter-wrap li a.apif-active-filter{
background: red;
color: #fff;
}
.apif_filter_template2 ul.apifeeds-filter-wrap li a.apif-active-filter:before,
.apif_filter_template2 ul.apifeeds-filter-wrap li a.apif-active-filter:after{
content: '';
position: absolute;
top: 0;
}
.apif_filter_template2 ul.apifeeds-filter-wrap li a.apif-active-filter:before{
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 35px 15px;
border-color: transparent transparent red transparent;
left: -15px;
}
.apif_filter_template2 ul.apifeeds-filter-wrap li a.apif-active-filter:after{
width: 0;
height: 0;
border-style: solid;
border-width: 35px 15px 0 0;
border-color: red transparent transparent transparent;
right: -15px;
}
/*Filter Layout 3*/
.apif_filter_template3 ul.apifeeds-filter-wrap{
display: block;
text-align: center;
margin-bottom: 35px;
}
.apif_filter_template3 ul.apifeeds-filter-wrap li{
display: inline-block;
margin: 0 2px;
}
.apif_filter_template3 ul.apifeeds-filter-wrap li a{
padding: 8px 15px;
display: block;
outline: none;
font-size: 13px;
text-transform: capitalize;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
color: #000;
background: #f1f1f1;
}
.apif_filter_template3 ul.apifeeds-filter-wrap li:first-child a{
-webkit-border-radius: 40px 0 0 40px;
border-radius: 40px 0 0 40px;
padding-left: 20px;
}
.apif_filter_template3 ul.apifeeds-filter-wrap li:last-child a{
-webkit-border-radius: 0 40px 40px 0;
border-radius: 0 40px 40px 0;
padding-right: 20px;
}
.apif_filter_template3 ul.apifeeds-filter-wrap li a.apif-active-filter,
.apif_filter_template3 ul.apifeeds-filter-wrap li a:hover{
background: #d40054;
color: #fff;
}
/*Filter Layout 4*/
.apif_filter_template4 ul.apifeeds-filter-wrap{
display: block;
text-align: center;
margin-bottom: 35px;
}
.apif_filter_template4 ul.apifeeds-filter-wrap li{
display: inline-block;
margin: 0 2px;
}
.apif_filter_template4 ul.apifeeds-filter-wrap li a{
padding: 0 23px 0 20px;
font-size: 14px;
font-weight: 700;
display: block;
outline: 0;
font-family: 'Lato', Sans-serif;
text-transform: uppercase;
color: rgba(114, 114, 114, 0.5);
position: relative;
border: 0;
box-shadow: none;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.apif_filter_template4 ul.apifeeds-filter-wrap li a:after{
content: '';
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 2px;
background-color: #727272;
}
.apif_filter_template4 ul.apifeeds-filter-wrap li a.apif-active-filter,
.apif_filter_template4 ul.apifeeds-filter-wrap li a:hover{
color: #000;
}
/*Filter Layout 5*/
.apif_filter_template5 ul.apifeeds-filter-wrap{
display: block;
text-align: right;
border-bottom: 1px solid #cfcfcf;
margin-bottom: 35px;
}
.apif_filter_template5 ul.apifeeds-filter-wrap li{
display: inline-block;
}
.apif_filter_template5 ul.apifeeds-filter-wrap li a{
padding: 10px 15px;
display: block;
outline: 0;
margin-left: 5px;
font-size: 16px;
font-family: 'Open Sans', Sans-serif;
font-weight: 400;
color: #333333;
text-transform: capitalize;
border: 0;
box-shadow: none;
display: block;
-webkit-transition: 0s;
transition: 0s;
}
.apif_filter_template5 ul.apifeeds-filter-wrap li a:after{
content: '';
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 2px;
background-color: #727272;
}
.apif_filter_template5 ul.apifeeds-filter-wrap li a.apif-active-filter{
color: #0091d5;
border-top: 1px solid #cfcfcf;
border-left: 1px solid #cfcfcf;
border-right: 1px solid #cfcfcf;
border-bottom: 1px solid #f5f9fa;
margin-bottom: -1px;
border-radius: 3px;
}
.apif_filter_template5 ul.apifeeds-filter-wrap li a:hover{
color: #000;
}
@media (min-width: 1367px){
.apif-owl-demo.apif-standard_resolution.apif-carousel-post-sldier-layout .owl-item{
height: 505px !important;
}
/*.apif-owl-demo.apif-standard_resolution .owl-item{
height: 20vw;
}
.apif-owl-demo.apif-low_resolution .owl-item{
height: 12.5vw;
}
.apif-owl-demo.apif-thumbnail .owl-item{
height: 8.33vw;
}*/
/*.apif-masonry-box.apif-large-desktop-col-2 figure{
height: 500px;
}
.apif-masonry-box.apif-large-desktop-col-3 figure{
height: 350px;
}
.apif-masonry-box.apif-large-desktop-col-4 figure{
height: 300px;
}
.apif-masonry-box.apif-large-desktop-col-5 figure{
height: 275px;
}
.apif-masonry-box.apif-large-desktop-col-6 figure{
height: 250px;
}*/
/*.ap_feeds-masonry_layout .apif-masonry-box.apif-large-desktop-col-2 figure .apif-featimg{
height: 500px;
}
.ap_feeds-masonry_layout .apif-masonry-box.apif-large-desktop-col-3 figure .apif-featimg{
height: 350px;
}
.ap_feeds-masonry_layout .apif-masonry-box.apif-large-desktop-col-4 figure .apif-featimg{
height: 300px;
}
.ap_feeds-masonry_layout .apif-masonry-box.apif-large-desktop-col-5 figure .apif-featimg{
height: 275px;
}
.ap_feeds-masonry_layout .apif-masonry-box.apif-large-desktop-col-6 figure .apif-featimg{
height: 250px;
}*/
.apif-masonry-box.apif-masnry-ui-one .apif-featimg a.example-image-link{
/*height: 270px;*/
display: block;
}
/*.apif-template-masonry_layout .apif-masonry-box .apif-featimg a.example-image-link,
.apif-masonry-box.apif-masnry-ui-two .apif-featimg a.example-image-link,
.apif-masonry-box.apif-masnry-ui-three .apif-featimg a.example-image-link,
.apif-masonry-box.apif-masnry-ui-four .apif-featimg a.example-image-link,
.apif-masonry-box.apif-masnry-ui-five .apif-featimg a.example-image-link,
.ap_feeds-grid_layout .ap-self-user-feed .apif-featimg a.example-image-link{
height: 238px;
}
.ap_feeds-grid_layout1 .ap-self-user-feed .apif-featimg a.example-image-link{
height: 300px;
}
.apif-masonry-box.apif-large-desktop-col-2 .apif-featimg a.example-image-link{
height: 500px;
}
.apif-masonry-box.apif-large-desktop-col-3 .apif-featimg a.example-image-link{
height: 350px;
}
.apif-masonry-box.apif-large-desktop-col-4 .apif-featimg a.example-image-link{
height: 300px;
}
.apif-masonry-box.apif-large-desktop-col-5 .apif-featimg a.example-image-link{
height: 275px;
}
.apif-masonry-box.apif-large-desktop-col-6 .apif-featimg a.example-image-link{
height: 250px;
}*/
}
@media (max-width:1367px){
.apif-owl-demo.apif-standard_resolution.apif-carousel-post-sldier-layout .owl-item{
height: 505px !important;
}
/*.apif-masonry-box.apif-col-2 .apif-featimg a.example-image-link{
height: 375px;
}
.apif-masonry-box.apif-col-3 .apif-featimg a.example-image-link{
height: 325px;
}
.apif-masonry-box.apif-col-4 .apif-featimg a.example-image-link{
height: 275px;
}
.apif-masonry-box.apif-col-5 .apif-featimg a.example-image-link{
height: 255px;
}
.apif-masonry-box.apif-col-5 .apif-featimg a.example-image-link{
height: 225px;
}*/
.apif-masonry-box.apif-col-1{
width: 100%;
}
.apif-masonry-box.apif-col-2{
width: 50%;
}
.apif-masonry-box.apif-col-3{
width: 33.3333%;
}
.apif-masonry-box.apif-col-4{
width: 25%;
}
.apif-masonry-box.apif-col-5{
width: 20%;
}
.apif-masonry-box.apif-col-6{
width: 16.6666666%;
}
.apif-owl-demo.apif-slider-desktop-col-5 .owl-item .apif-carousel-row-slider-box{
height: 300px;
}
.apif-owl-demo.apif-slider-desktop-col-5 .owl-item .apif-carousel-row-slider-box figure{
margin: 0;
height: 300px;
}
.apif-owl-demo.apif-slider-desktop-col-5 .owl-item .apif-carousel-row-slider-box figure .apif-featimg a.example-image-link{
height: 300px !important;
}
.apif-owl-demo.apif-slider-desktop-col-4 .owl-item .apif-carousel-row-slider-box{
height: 350px;
}
.apif-owl-demo.apif-slider-desktop-col-4 .owl-item .apif-carousel-row-slider-box figure{
margin: 0;
height: 350px;
}
.apif-owl-demo.apif-slider-desktop-col-4 .owl-item .apif-carousel-row-slider-box figure .apif-featimg a.example-image-link{
height: 350px !important;
}
.apif-owl-demo.apif-slider-desktop-col-3 .owl-item .apif-carousel-row-slider-box{
height: 400px;
}
.apif-owl-demo.apif-slider-desktop-col-3 .owl-item .apif-carousel-row-slider-box figure{
margin: 0;
height: 400px;
}
.apif-owl-demo.apif-slider-desktop-col-3 .owl-item .apif-carousel-row-slider-box figure .apif-featimg a.example-image-link{
height: 400px !important;
}
.apif-owl-demo.apif-slider-desktop-col-2 .owl-item .apif-carousel-row-slider-box{
height: 500px;
}
.apif-owl-demo.apif-slider-desktop-col-2 .owl-item .apif-carousel-row-slider-box figure{
margin: 0;
height: 500px;
}
.apif-owl-demo.apif-slider-desktop-col-2 .owl-item .apif-carousel-row-slider-box figure .apif-featimg a.example-image-link{
height: 500px !important;
}
}
@media (max-width:1367px) and (min-width: 1200px){
/*.apif-owl-demo.apif-standard_resolution.apif-carousel-post-sldier-layout .owl-item{
height: 505px !important;
}*/
.apif-owl-demo.apif-standard_resolution .owl-item{
/*height: 25vh;*/
height: 45vh;
}
.apif-owl-demo.apif-low_resolution .owl-item{
height: 16.66vw;
}
.apif-owl-demo.apif-thumbnail .owl-item{
height: 10vw;
}
}
@media(max-width:1024px){
.apif-owl-demo.apif-slider-tablet-col-3 .owl-item .apif-carousel-row-slider-box{
height: 400px;
}
.apif-owl-demo.apif-slider-tablet-col-3 .owl-item .apif-carousel-row-slider-box figure{
margin: 0;
height: 400px;
}
.apif-owl-demo.apif-slider-tablet-col-3 .owl-item .apif-carousel-row-slider-box figure .apif-featimg a.example-image-link{
height: 400px !important;
}
.apif-owl-demo.apif-slider-tablet-col-2 .owl-item .apif-carousel-row-slider-box{
height: 550px;
}
.apif-owl-demo.apif-slider-tablet-col-2 .owl-item .apif-carousel-row-slider-box figure{
margin: 0;
height: 550px;
}
.apif-owl-demo.apif-slider-tablet-col-2 .owl-item .apif-carousel-row-slider-box figure .apif-featimg a.example-image-link{
height: 550px !important;
}
}
@media (max-width:1200px) and (min-width: 992px){
/* .apif-owl-demo.apif-standard_resolution.apif-carousel-post-sldier-layout .owl-item{
height: unset !important;
}*/
.apif-owl-demo.apif-standard_resolution .owl-item{
height: 25vh;
}
.apif-owl-demo.apif-low_resolution .owl-item{
height: 20vw;
}
.apif-owl-demo.apif-thumbnail .owl-item{
height: 12.5vw;
}
.apif-standard_resolution figure .profile-image{
margin-top: 40px;
}
.ap-feeds-grid-layout2 .apif-masonry-box.apif-large-desktop-col-4{
width: 315px;
float: none;
display: inline-block;
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(4n + 1):hover{
z-index: 11;
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(4n + 1) figure{
right: 0;
left: unset;
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(4n + 1):hover figure{
width: 627px;
right: 320px;
left: unset;
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(4n + 1):hover figure .apif-featimg{
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(4n + 1) .apif-overlay-cont-block{
-webkit-transform: translateX(100%) translateZ(0);
-moz-transform: translateX(100%) translateZ(0);
-ms-transform: translateX(100%) translateZ(0);
-o-transform: translateX(100%) translateZ(0);
transform: translateX(100%) translateZ(0);
left: unset;
right: 0;
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(4n + 1):hover .apif-overlay-cont-block{
-webkit-transform: translateX(0) translateZ(0);
-moz-transform: translateX(0) translateZ(0);
-ms-transform: translateX(0) translateZ(0);
-o-transform: translateX(0) translateZ(0);
transform: translateX(0) translateZ(0);
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(3n + 1):hover{
z-index: 11;
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(3n + 1) figure{
right: 0;
left: unset;
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(3n + 1):hover figure{
width: 637px;
right: 0;
left: unset;
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(3n + 1):hover figure .apif-featimg{
-webkit-transform: translateX(105%);
-moz-transform: translateX(105%);
-ms-transform: translateX(105%);
-o-transform: translateX(105%);
transform: translateX(105%);
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(3n + 1) .apif-overlay-cont-block{
max-width: 321px;
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(3n + 1) .apif-overlay-cont-block{
-webkit-transform: translateX(-100%) translateZ(0);
-moz-transform: translateX(-100%) translateZ(0);
-ms-transform: translateX(-100%) translateZ(0);
-o-transform: translateX(-100%) translateZ(0);
transform: translateX(-100%) translateZ(0);
left: 0;
right: unset;
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(3n + 1):hover .apif-overlay-cont-block{
-webkit-transform: translateX(0) translateZ(0);
-moz-transform: translateX(0) translateZ(0);
-ms-transform: translateX(0) translateZ(0);
-o-transform: translateX(0) translateZ(0);
transform: translateX(0) translateZ(0);
}
.apif-filter-layout-view .ap-self-user-feed.apif-col-4{
width: 33.33% !important;
}
}
@media (max-width:992px) and (min-width: 768px){
/* .apif-owl-demo.apif-standard_resolution.apif-carousel-post-sldier-layout .owl-item{
height: unset !important;
}*/
.apif-owl-demo.apif-standard_resolution .owl-item{
height: 33.33vw;
}
.apif-owl-demo.apif-low_resolution .owl-item{
height: 25vw;
}
.apif-owl-demo.apif-thumbnail .owl-item{
height: 16.66vw;
}
.jcarousel-wrapper .apif-jcarousel .apif_standard_resolution figure{
width: 400px;
height: 400px;
}
.jcarousel-wrapper .apif-jcarousel .apif_low_resolution figure {
width: 300px;
height: 300px;
}
.ap_slider_wrapper .apif_low_resolution figure{
width: 280px;
height: 280px;
position: relative;
}
.ap_slider_wrapper .movement-on-hover.apif_standard_resolution figure{
width: 400px;
height: 400px;
}
.ap-feeds-grid-layout2 .apif-masonry-box.apif-large-desktop-col-4{
width: 315px;
float: none;
display: inline-block;
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(2n + 1):hover{
z-index: 11;
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(2n + 1) figure{
right: 0;
left: unset;
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(2n + 1):hover figure{
width: 637px;
right: 0;
left: unset;
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(2n + 1):hover figure .apif-featimg{
-webkit-transform: translateX(105%);
-moz-transform: translateX(105%);
-ms-transform: translateX(105%);
-o-transform: translateX(105%);
transform: translateX(105%);
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(2n + 1) .apif-overlay-cont-block{
max-width: 321px;
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(2n + 1) .apif-overlay-cont-block{
-webkit-transform: translateX(-100%) translateZ(0);
-moz-transform: translateX(-100%) translateZ(0);
-ms-transform: translateX(-100%) translateZ(0);
-o-transform: translateX(-100%) translateZ(0);
transform: translateX(-100%) translateZ(0);
left: 0;
right: unset;
}
.ap-feeds-grid-layout2 .apif-masonry-box:nth-of-type(2n + 1):hover .apif-overlay-cont-block{
-webkit-transform: translateX(0) translateZ(0);
-moz-transform: translateX(0) translateZ(0);
-ms-transform: translateX(0) translateZ(0);
-o-transform: translateX(0) translateZ(0);
transform: translateX(0) translateZ(0);
}
}
@media (max-width:768px) and (min-width: 450px){
/* .apif-owl-demo.apif-standard_resolution.apif-carousel-post-sldier-layout .owl-item{
height: unset !important;
}*/
.apif-owl-demo.apif-standard_resolution .owl-item{
height: 50vw;
}
.apif-owl-demo.apif-low_resolution .owl-item{
height: 33.33vw;
}
.apif-owl-demo.apif-thumbnail .owl-item{
height: 25vw;
}
.jcarousel-wrapper .apif-jcarousel .apif_standard_resolution figure{
width: 350px;
height: 350px;
}
.jcarousel-wrapper .apif-jcarousel .apif_low_resolution figure {
width: 280px;
height: 280px;
}
.ap_slider_wrapper .apif_low_resolution figure{
width: 250px;
height: 250px;
position: relative;
}
.ap_slider_wrapper .movement-on-hover.apif_low_resolution figure .profile-image{
width: 30px;
height: 30px;
margin-top: 10px;
}
.ap_slider_wrapper .movement-on-hover.apif_standard_resolution figure{
width: 350px;
height: 350px;
}
.ap_slider_wrapper .movement-on-hover.apif_standard_resolution figure .profile-image{
width: 50px;
height: 50px;
margin-top: 20px;
}
.ap_slider_wrapper .movement-on-hover.apif_standard_resolution figure .coment-like{
padding: 0 !important;
}
.ap-feeds-grid-layout2 .apif-masonry-box.apif-large-desktop-col-4{
width: 315px;
float: none;
display: block;
margin: 0 auto;
overflow: hidden;
}
.apif-filter-layout-view .ap-self-user-feed.apif-col-4{
width: 50% !important;
}
}
@media(max-width: 600px){
.apif-owl-demo.apif-slider-mobile-col-2 .owl-item .apif-carousel-row-slider-box{
height: 350px;
}
.apif-owl-demo.apif-slider-mobile-col-2 .owl-item .apif-carousel-row-slider-box figure{
margin: 0;
height: 350px;
}
.apif-owl-demo.apif-slider-mobile-col-2 .owl-item .apif-carousel-row-slider-box figure .apif-featimg a.example-image-link{
height: 350px !important;
}
.apif-owl-demo.apif-slider-mobile-col-1 .owl-item .apif-carousel-row-slider-box{
height: 350px;
}
.apif-owl-demo.apif-slider-mobile-col-1 .owl-item .apif-carousel-row-slider-box figure{
margin: 0;
height: 350px;
}
.apif-owl-demo.apif-slider-mobile-col-1 .owl-item .apif-carousel-row-slider-box figure .apif-featimg a.example-image-link{
height: 350px !important;
}
.apif-accesspress-popup{
height: 80vh;
top: 10vh;
-ms-overflow-y: scroll;
overflow-y: scroll;
max-width: 400px;
}
.apif-img-popup{
width: 100%;
display: block;
max-width: 400px;
margin: 0 auto;
}
.apif-fig-wrap{
width: 100%;
display: block;
max-width: 400px;
margin: 0 auto;
background: #FFF;
padding-bottom: 0;
}
.apif-popup-controls .prev{
margin-left: 20px;
}
.apif-popup-controls .next{
margin-right: 20px;
}
}
@media (max-width:450px){
/* .apif-owl-demo.apif-standard_resolution.apif-carousel-post-sldier-layout .owl-item{
height: unset !important;
}*/
.apif-owl-demo.apif-standard_resolution .owl-item{
height: 100vw;
}
.apif-owl-demo.apif-low_resolution .owl-item{
height: 50vw;
}
.apif-owl-demo.apif-thumbnail .owl-item{
height: 50vw;
}
.jcarousel-wrapper .apif-jcarousel .apif_standard_resolution figure{
width: 300px;
height: 300px;
}
.jcarousel-wrapper .apif-jcarousel .apif_low_resolution figure {
width: 250px;
height: 250px;
}
.ap_slider_wrapper .apif_low_resolution figure{
width: 220px;
height: 220px;
position: relative;
}
.ap_slider_wrapper .movement-on-hover.apif_low_resolution figure .profile-image{
width: 30px;
height: 30px;
margin-top: 10px;
}
.ap_slider_wrapper .movement-on-hover.apif_standard_resolution figure{
width: 300px;
height: 300px;
}
.ap_slider_wrapper .movement-on-hover.apif_standard_resolution figure .profile-image{
width: 40px;
height: 40px;
margin-top: 20px;
}
.ap_slider_wrapper .movement-on-hover.apif_standard_resolution figure .coment-like{
padding: 0 !important;
}
.ap-feeds-grid-layout2 .apif-masonry-box.apif-large-desktop-col-4{
width: 315px;
float: none;
display: block;
margin: 0 auto;
overflow: hidden;
}
.apif-filter-layout-view .ap-self-user-feed.apif-col-4{
width: 100% !important;
}
}
/*.sidebar-right #page-content{
width: 100% !important;
}
.site_content_width{
width: 100% !important;
max-width: 100% !important;
}*/
/*
* Advanced Grid Layout
*/
.ap_feeds-grid_layout1 .apif-masonry-box{
padding: 0px;
}
.ap_feeds-grid_layout1 .apif-masonry-box .apif-instagram-feed-posts-text{
font-size: 14px;
line-height: 21px;
display: inline-block;
overflow: hidden;
text-align: center;
max-height: 84px;
width: 100%;
color: #ffffff;
}
.ap_feeds-grid_layout1 .coment-like {
display: inline-block !important;
font-size: 13px;
margin: 0 auto;
padding-top: 6px;
padding-bottom: 0px;
padding-left: 0;
padding-right: 0;
}
/* .ap_feeds-grid_layout1 .apif-image-overlay{
background: #1c80b7;
}*/
/* .ap_feeds-grid_layout1 .apif-overlay-cont-block a, .ap_feeds-grid_layout1 .apif-overlay-cont-block span,
.ap_feeds-grid_layout1 .apif-overlay-cont-block .apif-user-name{
color: #ffffff;
}
.ap_feeds-grid_layout1 figure .profile-image {
margin-top: 33px;
}
.ap_feeds-grid_layout1 .apif-user-name {
margin-top: 7px;
}*/
/*
* Carousel Post Slider Layout
*/
.apif-carousel-post-sldier-layout .apif-carousel-pslider-box .apif-carousel-pslider-block {
background: #FFF;
-webkit-box-sizing: border-box;
/* Android ≤ 2.3, iOS ≤ 4 */
-moz-box-sizing: border-box;
/* Firefox ≤ 28 */
box-sizing: border-box;
border: 1px solid #eee;
}
.apif-carousel-post-sldier-layout .apif-carousel-pslider-block{
position: relative;
display: block;
}
.apif-carousel-post-sldier-layout .owl-item{
padding: 8px;
}
.apif-carousel-post-sldier-layout .apif-carousel-pslider-block .apif-fig-content .ap_posted_ago {
padding: 10px 0px 4px 0px;
color: #ababab;
font-size: 12px;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .apif-carousel-pslider-block .profile-image{
margin-top: 0;
height: 40px;
width: 40px;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .apif-top-content{
display: block;
padding: 15px;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .apif-top-content:after,
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .apif-top-content:before{
display: table;
clear: both;
content: "";
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .apif-rt-top-wrap{
display: inline-block;
float: left;
width: 90%;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .apif-rt-top-wrap .profile-image{
float: left;
display: inline-block;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .apif-rt-top-wrap .apif-userinfo-wrap{
float: left;
display: inline-block;
text-align: left;
padding-left: 10px;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .apif-user-name{
font-size: 14px;
font-weight: 600;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .posted-ago-wrap{
line-height: 1;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .apif-popup-posted-ago{
font-size: 10px;
text-transform: uppercase;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .apif-ins-link{
display: inline-block;
float: left;
width: 10%;
margin-top: 7px;
text-align: right;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .apif-ins-link a i{
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .apif-ins-link a:hover i{
color: #999;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .apif-fig-content{
display: block;
position: relative;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .ap-insta-popup-likecomment{
margin: 0;
background: #FFF;
border: none;
padding: 15px;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .ap-insta-popup-likecomment .coment-like{
display: inline-block;
float: left;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .ap-insta-popup-likecomment .ap_insta_like_count{
float: left;
display: inline-block;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .ap-insta-popup-likecomment .ap_insta_comment_count_wrapper{
display: inline-block;
float: left;
padding-left: 10px;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .ap-insta-popup-likecomment .ap-instagram_imge_like{
margin: 0;
font-size: 14px;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .ap-insta-popup-likecomment .ap_insta_comment_count_wrapper .ap_insta_comment_count{
font-size: 14px;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .ap-insta-popup-likecomment .apif-share-wrapper{
margin-bottom: 0;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .ap-insta-popup-likecomment .apif-social-icons-sharewrap{
float: right;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box figure{
height: 100% !important;
margin: 0;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .apif-fig-content{
background: #FFF;
padding-bottom: 5px;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .apif-image-caption{
padding: 0 15px 15px;
position: relative;
max-height: 65px;
overflow: hidden;
margin-bottom: 10px;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .apif-carousel-pslider-block .apif-overlay-cont-block a.hoverlay-link{
height: calc(100% - 70px);
height: -webkit-calc(100% - 70px);
height: -moz-calc(100% - 70px);
margin-top: 70px;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .apifeeds-social-icon-wrap a i{
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .apifeeds-social-icon-wrap a:hover i.fa-facebook{
color: #3a559f;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .apifeeds-social-icon-wrap a:hover i.fa-twitter{
color: #30b6f3;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .apifeeds-social-icon-wrap a:hover i.fa-google-plus{
color: #f4521f;
}
.apif-carousel-post-sldier-layout .apif-owl-silder.apif-carousel-pslider-box .apifeeds-social-icon-wrap a:hover i.fa-pinterest{
color: #ca3737;
}
.apif-carousel-post-sldier-layout.owl-carousel .owl-nav .owl-prev,
.apif-carousel-post-sldier-layout.owl-carousel .owl-nav .owl-next{
height: 45px;
width: 45px;
line-height: 47px;
font-size: 20px;
background: rgba(0,0,0,0.4);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-carousel-post-sldier-layout.owl-carousel .owl-nav{
margin-top: -40px;
}
.apif-control-text-type.apif-carousel-post-sldier-layout.apif-owl-demo.owl-carousel .owl-nav .owl-prev,
.apif-control-text-type.apif-carousel-post-sldier-layout.apif-owl-demo.owl-carousel .owl-nav .owl-next{
font-size: 13px;
}
.apif-carousel-post-sldier-layout.owl-carousel .owl-nav .owl-prev:hover,
.apif-carousel-post-sldier-layout.owl-carousel .owl-nav .owl-next:hover{
background: #000;
}
.apif-carousel-post-sldier-layout .owl-item .apif-featimg{
overflow: hidden;
position: relative;
}
.apif-carousel-post-sldier-layout .owl-item .apif-featimg a.example-image-link{
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-carousel-post-sldier-layout .owl-item:hover .apif-featimg a.example-image-link{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.apif-carousel-post-sldier-layout.owl-carousel .owl-dots{
text-align: center;
display: block;
line-height: 1;
height: 20px;
margin-top: 30px;
}
.apif-carousel-post-sldier-layout.owl-carousel .owl-dots .owl-dot{
text-indent: 9999999999999999999em;
position: relative;
display: inline-block;
height: 10px;
width: 10px;
margin: 0 5px;
}
.apif-carousel-post-sldier-layout.owl-carousel .owl-dots .owl-dot:before{
position: absolute;
content: "";
top: 0;
left: 0;
height: 10px;
width: 10px;
background: rgba(0,0,0,0.3);
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-carousel-post-sldier-layout.owl-carousel .owl-dots .owl-dot.active:before,
.apif-carousel-post-sldier-layout.owl-carousel .owl-dots .owl-dot:hover:before{
background: #000;
-webkit-border-radius: 50%;
border-radius: 50%;
}
/*
* Social Share For Masonary Template Layout 2
*/
.apif-template-masonry_layout2 .apif-share-wrapper,
.ap_feeds-instagram_layout .apif-share-wrapper{
position: relative;
display: inline-block;
white-space: nowrap;
font-size: 18px;
color: #b3b3b3;
cursor: pointer;
-moz-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.ap_feeds-instagram_layout .apif-share-wrap{
position: absolute;
right: 100%;
top: 0;
background-color: #eeeeee;
margin-right: 7px;
opacity: 0;
visibility: hidden;
z-index: -1;
-moz-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
-moz-transform: translateX(-40px);
-ms-transform: translateX(-40px);
-webkit-transform: translateX(-40px);
transform: translateX(-40px);
}
.apif-template-masonry_layout2 .apif-share-wrapper .apif-share-wrap{
position: absolute;
bottom: 100%;
margin-bottom: 20px;
z-index: 10;
right: 0;
visibility: hidden;
opacity: 0;
width: 50px;
height: 120px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
background: #FFF;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-template-masonry_layout2 .apif-share-wrapper .apif-share-wrap:after{
position: absolute;
content: "";
top: 100%;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 5px 0 5px;
border-color: #FFF transparent transparent transparent;
visibility: hidden;
opacity: 0;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-template-masonry_layout2 .apif-share-wrapper.apif-active-share .apif-share-wrap:after,
.apif-template-masonry_layout2 .apif-share-wrapper.apif-active-share .apif-share-wrap{
visibility: visible;
opacity: 1;
}
.apif-template-masonry_layout2 .apif-share-wrapper .apif-share-wrap .apifeeds-social-icon-wrap{
display: block;
}
.apif-template-masonry_layout2 .apif-share-wrapper .apif-share-wrap .apifeeds-social-icon-wrap a{
display: block;
margin: 0px;
padding: 6px;
}
.apif-template-masonry_layout2 .apif-share-wrapper .apif-share-wrap .apifeeds-social-icon-wrap a i{
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
-o-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.apif-template-masonry_layout2 .apif-share-wrapper .apif-share-wrap .apifeeds-social-icon-wrap a:hover i.fa-facebook{
color: #3a559f;
text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.apif-template-masonry_layout2 .apif-share-wrapper .apif-share-wrap .apifeeds-social-icon-wrap a:hover i.fa-twitter{
color: #2fb5f2;
text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.apif-template-masonry_layout2 .apif-share-wrapper .apif-share-wrap .apifeeds-social-icon-wrap a:hover i.fa-google-plus{
color: #e71232;
text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.apif-template-masonry_layout2 .apif-share-wrapper .apif-share-wrap .apifeeds-social-icon-wrap a:hover i.fa-pinterest{
color: #dc4a38;
text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.apif-jcarousel .apif-share-wrap{
background-color: #eeeeee;
margin-right: 7px;
opacity: 0;
visibility: hidden;
z-index: -1;
-moz-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
-moz-transform: translateX(-40px);
-ms-transform: translateX(-40px);
-webkit-transform: translateX(-40px);
transform: translateX(-40px);
}
.apif-template-masonry_layout2 .apif-image-caption,
.apif-template-masonry_layout2 .apif-image-caption a{
color: #ffffff;
}
.apif-template-masonry_layout2 .apif-image-caption a:hover{
color: #bb1e17;
}
.apif-template-masonry_layout2 .apif-masonry-block{
position: relative;
display: block;
height: 100%;
}
.apif-template-masonry_layout2 .apif-masonry-block figure{
display: block;
height: 100%;
}
.apif-template-masonry_layout2 .apif-masonry-block figure:before,
.apif-template-masonry_layout2 .apif-masonry-block figure:after{
display: table;
clear: both;
content: "";
}
/*.apif-template-masonry_layout2 .apif-share-wrapper:hover .apif-share-wrap,*/
.ap_feeds-instagram_layout .apif-share-wrapper:hover .apif-share-wrap,
.apif-jcarousel .apif-share-wrapper:hover .apif-share-wrap{
opacity: 1;
visibility: visible;
z-index: 1;
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
/*.apif-template-masonry_layout2 .apif-share-wrapper:hover .apif-share-wrap a,*/
.apif-jcarousel .apif-share-wrapper:hover .apif-share-wrap a{
display: inline-block;
color: #646464;
font-size: 14px;
padding: 6px;
line-height: 1;
margin: 0;
}
.apif-template-masonry_layout2 .apif-post-feeds-wrapper .ap_posted_ago {
display: inline-block;
float: left;
font-size: 12px;
color: #f1f1f1;
}
.apif-template-masonry_layout2 .apif-post-feeds-wrapper .apif-share-wrapper {
display: inline-block;
float: right;
font-size: 12px;
color: #f1f1f1;
margin: 0;
vertical-align: middle;
}
.apif-template-masonry_layout2 .apif-post-feeds-wrapper .apif-share-wrapper i.fa-share-alt{
margin-right: 6px;
font-size: 16px;
font-weight: 400;
}
.apif-template-masonry_layout2 .apif-post-feeds-wrapper{
width: 100%;
display: block;
margin: 20px 0 10px;
}
.apif-template-masonry_layout2 .apif-post-feeds-wrapper:before,
.apif-template-masonry_layout2 .apif-post-feeds-wrapper:after{
clear: both;
content: "";
display: table;
}
.apif-jcarousel .apif-overlay-cont-block .apif-share-wrapper{
position: absolute;
top: 32px;
right: -14px;
display: inline-block;
z-index: 999;
cursor: pointer;
}
.apif-carousel-post-sldier-layout .profile-image {
border-radius: 100%;
height: 50px;
width: 50px;
display: inline-block;
margin-top: 25px;
}
.apif-comment-lists-wrapper .apif-com-wrap{
overflow-y: scroll;
height: 147px;
margin: 0 4px;
overflow-x: hidden;
}
.apif-popup-disc-text .apif-caption-text{
/*overflow-y: scroll;*/
height: 70px;
margin-bottom: 5px;
}
.apif-caption-text a:hover{
color:#008dd2;
}
.apif-comment-lists-wrapper{
padding: 10px 0;
}
.apif-comment-lists-wrapper ul{
list-style: none;
margin: 0;
padding: 0;
}
.apif-comment-lists-wrapper ul li{
display: block;
text-align: left;
padding-left: 0;
float: left;
width: 100%;
}
.apif-loader-comment{
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 100%;
}
.view-more-comments{
margin-top: 8px;
text-align: center;
display: block;
line-height: 1;
padding: 10px;
margin-left: -10px;
margin-right: -10px;
background: #fafafa;
border-top: solid 1px #f1f1f1;
border-bottom: solid 1px #f1f1f1;
}
.view-more-comments a:hover{
color: #000;
}
.apif-img-popup img{
/* height: 420px;*/
width: 100%;
height: 407px;
}
.apif-comment-row{
line-height: 1.8;
padding: 0 0 6px 0;
color: #777;
}
.apif-comment-row a{
opacity: 1;
color: #777;
text-decoration: none;
}
.apif-comment-row a b{
color: #777;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-comment-row a:hover b{
color: #000;
}
.apif-commenter-user-image{
float: left;
margin-right: 5px;
}
.apif-commenter-user-image img{
width: 30px;
height: 30px;
border-radius: 100%;
border-radius: 100%;
border: 3px solid #eae2d5;
}
.apif-popup-follow-me{
color: #008dd2;
position: absolute;
top: 35px;
right: 50px;
}
.apif-popup-follow-me a{
color: #777;
font-size: 12px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-popup-follow-me a:hover{
color: #000;
}
.apif-instagram-layout .apif-com-wrap{
/* overflow-y: scroll;
height: 134px;*/
overflow-x: hidden;
}
.apif-comment-row span,.apif-comment-row span a,
.apif-popup-follow-me,.apif-comment-row a b,.view-more-comments a{
font-size: 14px;
}
/*
* Custom Scroller STYLE 14
*/
#apif-scroll-style-14::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6);
background-color: #CCCCCC;
}
#apif-scroll-style-14::-webkit-scrollbar
{
width: 5px;
background-color: #F5F5F5;
}
#apif-scroll-style-14::-webkit-scrollbar-thumb
{
background-color: #FFF;
background-image: -webkit-linear-gradient(90deg,
rgba(0, 0, 0, 1) 0%,
rgba(0, 0, 0, 1) 25%,
transparent 100%,
rgba(0, 0, 0, 1) 75%,
transparent)
}
/*
* Custom Scroller STYLE 4
*/
#apif-scroll-style-4::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
#apif-scroll-style-4::-webkit-scrollbar
{
width: 5px;
background-color: #F5F5F5;
}
#apif-scroll-style-4::-webkit-scrollbar-thumb
{
background-color: #000000;
border: 2px solid #555555;
}
.apif-share-wrap span{
font-size: 12px;
/*float: left;*/
margin-right: 8px;
margin-top: 2px;
line-height: 1;
color: #777;
}
.apifeeds-social-icon-wrap{
line-height: 1;
position: relative;
z-index: 1;
display: inline-block;
}
.apifeeds-social-icon-wrap a{
padding: 0 3px;
font-size: 15px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apifeeds-social-icon-wrap a.apif-fb-share{
color: #3a559f;
}
.apifeeds-social-icon-wrap a.apif-tweet-share{
color: #11c1ff;
}
.apifeeds-social-icon-wrap a.apif-gplus-share{
color: #f4521f;
}
.apifeeds-social-icon-wrap a.apif-pinterest-share{
color: #ca3737;
}
.apifeeds-social-icon-wrap a:hover{
color: #000;
}
.apif-share-wrapper{
margin-top: 0;
margin-bottom: 10px;
display: inline-block;
float: right;
width: auto;
}
.apif-filter-layout-view .apif-masonry-sizer{
width: 33.33%;
}
.apif-filter-layout-view .ap-self-user-feed.apif-col-3 {
width: 33.33%;
}
.apif-filter-layout-view .ap-self-user-feed.apif-col-2 {
width: 50%;
}
.apif-filter-layout-view .ap-self-user-feed.apif-col-3 {
width: 33.3333%;
}
.apif-filter-layout-view .ap-self-user-feed.apif-col-4 {
width: 25%;
}
.apif-filter-layout-view .ap-self-user-feed.apif-col-5 {
width: 20%;
}
.apif-filter-layout-view .ap-self-user-feed.apif-col-6 {
width: 16.6666666%;
}
.apif-filter-layout-view.apif_filter_template5 .ap-self-user-feed{
padding: 15px;
border: 1px solid #ccc;
margin-top: -1px;
border-right: none;
}
.apif-filter-layout-view.apif_filter_template5 .ap-self-user-feed:nth-of-type(4n + 1){
border: 1px solid #ccc;
}
.apif-filter-layout-view.apif_filter_template5 .ap-self-user-feed.apif-col-2:nth-of-type(2n + 1){
margin-left: -1px;
}
.apif-filter-layout-view.apif_filter_template5 .ap-self-user-feed.apif-col-3:nth-of-type(3n + 1){
margin-left: -1px;
}
.apif-filter-layout-view.apif_filter_template5 .ap-self-user-feed.apif-col-4:nth-of-type(4n + 1){
margin-left: -1px;
}
.apif-filter-layout-view.apif_filter_template5 .ap-self-user-feed.apif-col-5:nth-of-type(5n + 1){
margin-left: -1px;
}
.apif-filter-layout-view.apif_filter_template5 .ap-self-user-feed.apif-col-6:nth-of-type(6n + 1){
margin-left: -1px;
}
ul.apif-popup-carousel-sidecar img.img-responsive{
margin-left: -40px;
margin-top: -8px;
}
.ap_feeds-masonry_layout .apif-featimg{
width: 100%;
/*height: 238px;*/
}
/*
* Masonary Feature Feed Background Image CSS Changes
*/
.apif-popup-carousel-sidecar {
padding: 0;
margin: 0;
}
.apif-accesspress-popup a.apif-example-link{
width: 100%;
background-size: cover;
display: block;
/*background-position: center center;*/
background-repeat: no-repeat;
}
.apif-accesspress-popup a.apif-example-link{
height: 407px;
}
.apif-filter_template1 .ap-self-user-feed .apif-featimg a.example-image-link,
/*.apif-filter_template2 .ap-self-user-feed .apif-featimg a.example-image-link,*/
.apif-filter_template3 .ap-self-user-feed .apif-featimg a.example-image-link,
.apif-filter_template4 .ap-self-user-feed .apif-featimg a.example-image-link,
.apif-filter_template5 .ap-self-user-feed .apif-featimg a.example-image-link{
height: 316px;
}
.apif-filter_template3 .ap-self-user-feed{
padding: 10px;
margin-top: -1px;
margin-left: -1px;
}
.apif-popup-disc-text .apif-share-wrapper{
display: block;
margin-top: 0;
padding-top: 10px;
margin-bottom: 8px;
}
.ap-insta-popup-likecomment .apif-popup-posted-ago{
line-height: 1;
display: inline-block;
margin-top: 2px;
}
.ap-insta-popup-likecomment .apif-section-wrap{
display: inline-block;
}
.apif-middle-content-wrapper .apif-user-name{
color: #666;
margin-top: 5px;
}
.apif-middle-content-wrapper .coment-like{
color: #666;
}
.apif-middle-content-wrapper .apifeeds-social-icon-wrap a{
color: #777;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-middle-content-wrapper .apifeeds-social-icon-wrap a .fa-facebook{
color: #3a559f;
}
.apif-middle-content-wrapper .apifeeds-social-icon-wrap a .fa-twitter{
color: #11c1ff;
}
.apif-middle-content-wrapper .apifeeds-social-icon-wrap a .fa-google-plus{
color: #f4521f;
}
.apif-middle-content-wrapper .apifeeds-social-icon-wrap a .fa-pinterest{
color: #ca3737;
}
.apif-middle-content-wrapper .apifeeds-social-icon-wrap a i{
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-middle-content-wrapper .apifeeds-social-icon-wrap a i:hover{
color: #000;
}
.apif-middle-content-wrapper .apifeeds-social-icon-wrap a:hover{
color: #000;
}
.apif-inner-content-wrapper .profile-image{
-webkit-box-shadow: 0 0 0px 2px #777;
box-shadow: 0 0 0px 2px #777;
}
.view-more-comments a{
font-weight: 600;
color: #777;
opacity: 1;
margin-left: 0;
font-size: 12px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.apif-inner-content-wrapper .coment-like .ap_insta_like_count{
font-size: 13px;
float: none;
vertical-align: middle;
display: inline-block;
}
.apif-inner-content-wrapper .coment-like .ap_insta_comment_count_wrapper{
float: none;
vertical-align: middle;
display: inline-block;
}
.apif-inner-content-wrapper .coment-like .ap_insta_like_count .ap-instagram_imge_like{
font-size: 13px;
margin: 0;
margin-right: 10px;
}
.apif-popup-main-wrap .bx-controls-direction .bx-next,
.apif-popup-main-wrap .bx-controls-direction .bx-prev{
background: none;
margin-top: -16px;
}
.apif-popup-main-wrap .bx-controls-direction .bx-prev:before{
position: absolute;
top: 0;
left: 0;
content: "\e889";
font-family: Linearicons-Free;
height: 32px;
width: 32px;
text-align: center;
line-height: 32px;
text-indent: 0;
font-size: 32px;
color: #FFF;
text-shadow: 2px 0px 2px rgba(0,0,0,0.2);
}
.apif-popup-main-wrap .bx-controls-direction .bx-next:before{
position: absolute;
top: 0;
right: 0;
content: "\e88a";
font-family: Linearicons-Free;
height: 32px;
width: 32px;
text-align: center;
line-height: 32px;
text-indent: 0;
font-size: 32px;
color: #FFF;
text-shadow: -2px 0px 2px rgba(0,0,0,0.2);
}
/*.apif-masonry-box.apif-col-2 .apif-featimg a.example-image-link{
height: 375px;
}
.apif-masonry-box.apif-col-3 .apif-featimg a.example-image-link{
height: 325px;
}
.apif-masonry-box.apif-col-4 .apif-featimg a.example-image-link{
height: 275px;
}
.apif-masonry-box.apif-col-5 .apif-featimg a.example-image-link{
height: 225px;
}
.apif-masonry-box.apif-col-5 .apif-featimg a.example-image-link{
height: 200px;
}
*/
.apif-jcarousel li figure{
height: 400px;
width: 320px;
display: block;
position: relative;
overflow: hidden;
}
.apif-jcarousel li figure .apif-featimg img{
/*min-height: 328px;*/
}
.apif-slider-thumbnail-scroller-wrap li.apif_standard_resolution{
width: auto;
}
.apif-slider-thumbnail-scroller-wrap li figure{
height: 328px;
width: 320px;
display: block;
position: relative;
overflow: hidden;
margin: 0;
}
.apif-slider-thumbnail-scroller-wrap li figure .apif-featimg img{
min-height: 328px;
}
.apif-slider-thumbnail-scroller-wrap li{
min-height: 328px;
}
/*.apif-slider-thumbnail-scroller-wrap .apif-middle-content-wrapper{
height: 170px;
width: 120px;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
margin-top: -85px;
z-index: 9;
}*/
.apif-slider-thumbnail-scroller-wrap .apif-middle-content-wrapper .profile-image{
margin-top: 0;
}
.ap_slider_wrapper .nivo-caption{
padding: 10px 10px 15px;
}
.ap_slider_wrapper .nivo-caption a{
text-decoration: none;
border: none !important;
}
.owl-next span.lnr,
.owl-prev span.lnr{
line-height: 2;
}
.apif-owl-demo .owl-item .apif-owl-silder,
.apif-owl-demo .owl-item .apif-owl-silder figure,
.apif-owl-silder figure .apif-featimg .example-image-link{
height: 400px;
}
.apif-owl-demo .owl-item .apif-owl-silder, .apif-owl-demo .owl-item .apif-owl-silder figure {
margin:0;
}
.apif-owl-silder figure .apif-featimg .example-image-link{
height: 394px;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
background: contain;
}
.ap-self-user-feed ul li {
list-style: none;
}