/**


 * Provider: Meetanshi.


 * Package: Meetanshi_Instagram


 * Support: support@meetanshi.com (https://meetanshi.com/)


 */









.item img{


    height: 100%;


    width: 100%;


}


.insta-main {


    text-align: left;


}




.insta-pin.right {


    float: left;


    width: 5%;


}




#insta-image-div {


    width: 700px;


    position: relative;


    padding-top: 38px;


    padding-left: 10px;


}




.instapin {


    background-size: 100% 100%;


    height: 32px;


    cursor: pointer;


    width: 32px;


    float: left;


}




.insta-popup-left {


    float: left;


    width: 480px;


    background-repeat: no-repeat;


    height: 480px;


    background-position: center center;


    position: absolute;


    background-color: white;


    max-width: 480px;


}




.insta-approve {


    background-image: url('../images/checked.png');


    height: 32px;


    width: 32px;


    float: left;


    margin-left: 25px;


}




.insta-delete {


    background-image: url('../images/delete.png');


    height: 32px;


    width: 32px;


    float: right;


    margin-right: 25px;


}




.insta-image {


    margin-top: 10px;


}




.processing {


    display: inline;


    top: 30%;


    position: absolute;


}




#preloader {


    width: 100%;


    display: none;


    background-color: #FEF4FE;


    min-height: 100%;


    position: fixed;


    text-align: center;


    opacity: 0.9;


    z-index: 10000;


}




#insta-popup {


    width: 100%;


    display: none;


    background-color: black;


    min-height: 100%;


    position: fixed;


    z-index: 10000;


}




.page-actions-left {


    float: left;


}




.insta-links {


    margin-bottom: 10px;


    padding-left: 5px;


    padding-right: 5px;


}




.one {


    background-image: url('../images/pin-1.png');


}




.two {


    background-image: url('../images/pin-2.png');


}




.three {


    background-image: url('../images/pin-3.png');


}




.four {


    background-image: url('../images/pin-4.png');


}




.five {


    background-image: url('../images/pin-5.png');


}




.six {


    background-image: url('../images/pin-6.png');


}




.insta-div {


    background-color: white;


    height: 480px;


    margin: 50px auto;


    position: relative;


    width: 980px;


}




.insta-popup-right {


    display: block;


    float: right;


    height: 100%;


    overflow-y: auto;


    overflow-x: hidden;


    width: 480px;


    background-color: white;


}




.profile-image > img {


    width: 40px;


    height: 40px;


    border: 1px solid black;


    padding: 1px;


    border-radius: 40px;


}




.insta-popup-close {


    position: absolute;


    top: -20px;


    right: -30px;


}




.profile-image {


    display: inline-table;


    vertical-align: middle;


}




.profile-name {


    display: inline-table;


    font-size: 20px;


    line-height: 40px;


    margin-left: 10px;


    vertical-align: middle;


    width: 80%;


}




.profile-follow, .profile-follow:focus, .profile-follow:visited {


    border: 1px solid #3897f0;


    border-radius: 4px;


    display: block;


    float: right;


    font-size: 12px;


    line-height: 1;


    margin-top: 8px;


    padding: 5px 8px 6px;


    color: #ffffff;


    background-color: #3897f0;


    width: 92px;


    text-align: center;


}




.profile {


    margin: 0 auto;


    padding: 10px;


    text-align: left;


    width: 100%;


    font-family: Roboto, Arial, sans-serif;


    border-bottom: 1px solid rgba(0, 0, 0, 0.08);


}




.insta-popup-close {


    position: absolute;


    top: -20px;


    right: -30px;


    color: white;


}




.insta-product-info {


    display: table;


}




.insta-product-info * {


    display: block;


    vertical-align: middle;


}


.insta-product-name {


    float: left;


    width: 100%;


    font-weight: 600;


    color: #333;


}




.insta-product-detail * {


    display: block;


    line-height: 1.7;


}




.insta-product-image {


    width: auto;


}


.caption {


    font-size: 12px;


    line-height: 1.45;


    font-family: Roboto, Arial, sans-serif;


    margin-bottom: 10px;


}




.insta-product-info:hover {


    background: rgba(255, 255, 255, 0.74) none repeat scroll 0 0;


    box-shadow: 2px 2px 2px 2px #B3B3B3;


}




.insta-product-info {


    display: table;


    margin-bottom: 10px;


    margin-left: 5px;


    width: 96%;


    border: 1px solid #333;


}


.product-view {


    display: inline-block;


    border: none;


    text-align: center;


    width: 140px;


}


.insta-product-info .insta-product-image a {


    display: inline-block;


}


.insta-product-price * {


    display: inline-grid;


    line-height: 1.1;


}


.instapin {


    display: none;


}


.insta-product-price * {


    display: inline-grid;


}


.insta-product-price .action {


    background-color: black;


    color: white;


    padding: 5px;


    float: right;


    margin-right: 10px;


    width: 30px;


}


.insta-product-price > span {


    float: left;


    padding-left: 10px;


    padding-top: 5px;


}


.insta-navigation {


    position: absolute;


    top: 50%;


    z-index: 1000;


    width: 48px;


    height: 48px;


    background-image: url('../images/next.png');


    background-repeat: no-repeat;


    cursor: pointer;


}




.prev-insta-image {


    left: -60px;


    transform: rotate(180deg);


}




.next-insta-image {


    right: -60px;


    background-repeat: no-repeat;


}




.insta-navigation.insta-popup-close {


    top: -30px;


    right: -30px;


    color: white;


    background-image: url('../images/close.png');


    width: 32px;


    height: 32px;


}




.insta-product-info.title {


    padding-left: 5px;


}




.insta-view {


    display: table;


    margin-top: 5px;


}




.insta-view * {


    padding-right: 5px;


}




.insta-like-image {


    width: 24px;


    height: 24px;


    display: table-cell;


    background-image: url("../images/like.png");


    background-repeat: no-repeat;


    vertical-align: middle;


}




.insta-like {


    display: table-cell;


    vertical-align: middle;


}




.insta-comments-image {


    width: 24px;


    height: 24px;


    display: table-cell;


    background-image: url("../images/comments.png");


    background-repeat: no-repeat;


}




.insta-comments {


    display: table-cell;


    vertical-align: middle;


}




@media only screen and (max-width: 1080px) {


    #insta-popup {


        display: none;


    }


}




#hover-effect {


    display: none;


    margin-top: 0;


}




.add-hover-effect {


    position: absolute;


    top: 0;


    left: 0;


    height: 240px;


    width: 240px;


    background-color: white;


    animation-name: opacity-effect;


    animation-duration: 1s;


    opacity: 0.7;


}




@keyframes opacity-effect {


    from {


        opacity: 0.3;


    }


    to {


        opacity: 0.7;


    }


}




.item .insta-comments-image {


    background-position: center;


    padding-left: 20px;


}




.item .insta-comments-image {


    background-position: 20px center;


    padding-left: 0;


}




.item .insta-like-image {


    background-position: 15px center;


    padding-left: 0;


    padding-right: 0;


}




.insta-comments-image {


    width: 24px;


    height: 24px;


    display: table-cell;


    background-image: url("../images/comments.png");


    background-repeat: no-repeat;


    vertical-align: middle;




}




.profile-follow:hover {


    background-color: #72B5F3;


    color: white;


    text-decoration: none;


}




.insta-view.original {


    display: block;


    margin-top: 5px;


    border-top: 1px solid #efefef;


    position: absolute;


    bottom: 10px;


    width: 480px;


}




.like-users span {


    font-weight: 600;


}




.insta-view.original * {


    margin-top: 5px;


}




.insta-post-time {


    font-weight: lighter;


    font-size: 11px;


}




.insta-like-url, .insta-like-url:focus, .insta-like-url:visited, .insta-like-url:hover {


    text-decoration: none;


    color: #003569;


}


.insta-product-price .action:hover{


    text-decoration: none;


}


.insta-url {


    border-top: 1px solid #efefef;


}




.insta-data-comments {


    margin-top: 5px;


}




.insta-data-comments span {


    font-weight: bold;


}




.profile.insta-view .profile-follow, .profile.insta-view .profile-follow:focus, .profile.insta-view .profile-follow:visited {


    float: right;


    background-color: white;


    color: #3897f0;


    border: none;


    font-size: 14px;


    font-weight: 500;


    float: left;


    text-align: left;


}




.profile.insta-view .profile-name span {


    float: left;


}


@media screen and (max-width: 1076px) {


    .insta-div {


        width: 90%;


    }


    .insta-popup-right {


        width: 44%;


    }


}




@media screen and (max-width: 880px) {


    .insta-div {


        width: 80%;


        overflow: scroll;


        background-color: black;


    }


    .insta-popup-left {


        width: 480px;


        max-width: 100%;


        position: unset;


        overflow: scroll;


        margin: auto;


        float: unset;


        margin-top: 25px;


    }


    .insta-navigation.insta-popup-close {


        top: 0;


        right: 10%;


    }


    .prev-insta-image {


        left: 0;


    }


    .instapin{


        display: none!important;


    }


    .next-insta-image {


        right: 0;


    }


    .insta-popup-right {


        width: 460px;


        float: unset;


        padding: 0px 10px;


        margin: auto;


    }


}


@media screen and (max-width: 780px) {


    .insta-navigation.insta-popup-close {


        top: 0;


        right: 5%;


    }


}