.carousel-control-prev{
    position: fixed;
    bottom: 1em;
    left: 4em;
}

.carousel-control-next{
    position: fixed;
    bottom: 1em;
    right: 4em;
}

.dashed{
    list-style: none;
    padding-bottom: 5px;
    display: inline;
    float: left;
}

.masonry { /* Masonry container */
    column-count: 3;
    column-gap: 0.5em;
}

.masonry-img{
    max-width:100%;
}

@media (max-width: 1150px){
    .masonry { /* Masonry container */
        column-count: 3;
        column-gap: 0.5em;
    }
    .masonry-img{
        max-width:100%;
    }
}

@media (min-width: 800px)and (max-width: 1149px){
    .masonry { /* Masonry container */
        column-count: 2;
        column-gap: 0.5em;
    }
    .masonry-img{
        max-width:100%;
    }
}
@media (min-width: 100px) and (max-width: 799px){
    .masonry { /* Masonry container */
        column-count: 1;
        column-gap: 0em;
    }
    .masonry-img{
        max-width:100%;
    }
}
/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
    display: none;
    width: 200px;

    color: #fff;
    text-align: center;
    border-radius: 6px;

    position: absolute;
    z-index: 300;
    bottom: 27%;
    left: 52%;
    margin-left: -30px;
    margin-bottom: 28px;

    background: #333;

    box-shadow: 2px 2px 5px #797979;
    border-radius: 3px;
}


/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

.ads-controls{
    text-align: center;
    margin-top: 18px;
}

.ads-controls > span{
    padding: 3px;
}

.social-share{
    font-size: 1.4em;
}

.carousel-indicators{
    display: none;
}


.modal-dialog {
    max-width:50%;
    margin-top: 1.75rem;
    margin-left: auto;
}

@media (max-width: 600px) {
    .modal-dialog {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30%;
    }
}

.carousel-item img {
    /*max-height: calc(100vh - 225px);*/
    max-height: initial !important;
    max-width: 100%;
}