/* ------------------------------------------------------------------------

    Masonry Config

 ------------------------------------------------------------------------*/

 body.custom-gallery #services .container {
    font-family: sans-serif;
    line-height: 1.4;
    font-size: 18px;
    padding: 12px;
    max-width: 1200px;
    margin: 0 auto;
}


.grid {
    max-width: 1200px;
}

/* reveal grid after images loaded */
.grid.are-images-unloaded {
    opacity: 0;
}

/* hide by default */
.grid.are-images-unloaded .image-grid__item {
    opacity: 0;
}

.grid__item {
    float: left;
    overflow: hidden;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.16);
    background: black;
}
.grid__item.imgSelected{
    background: #ecb7b7;   
}
.grid__item img{
   -webkit-transition: transform 0.5s ease;
   -moz-transition: transform 0.5s ease;
   -ms-transition: transform 0.5s ease;
   -o-transition: transform 0.5s ease;
   transition: transform 0.5s ease;
}
.grid__item img{
    transform: scale(1.01);
}
.grid__item:hover img{
    transform: scale(1.08);
}

.grid__item--height1 { height: 140px; background: #EA0; }
.grid__item--height2 { height: 220px; background: #C25; }
.grid__item--height3 { height: 300px; background: #19F; }

.grid__item--width2 { width: 66%; }

.grid__item img {
    display: block;
    max-width: 100%;
}


.page-load-status {
    display: none; /* hidden by default */
    padding-top: 20px;
    border-top: 1px solid #DDD;
    text-align: center;
    color: #777;
}

.grid__gutter-sizer {
    width: 2%;
}
.grid__item {
    margin-bottom: 20px;
}

.grid__item,
.grid__col-sizer {
    width: 32%;
}

@media (max-width: 768px) {
    .grid__item,
    .grid__col-sizer{
        width: 48%;
    }

    .grid__gutter-sizer {
        width: 4%;
    }

}









/* ------------------------------------------------------------------------

    Infinity Scroll Loader

 ------------------------------------------------------------------------*/


/* loader ellips in separate pen CSS */

 .loader-ellips {
    font-size: 20px; /* change size here */
    position: relative;
    width: 4em;
    height: 1em;
    margin: 10px auto;
}

.loader-ellips__dot {
    display: block;
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    background: #555; /* change color here */
    position: absolute;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
    left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
    from { transform: scale(0.001); }
    to { transform: scale(1); }
}

@keyframes slide {
    to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
    animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
    animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
    animation-name: reveal;
    animation-direction: reverse;
}


.page-load-status{
    border: none;
}



/* ------------------------------------------------------------------------

    Fancy Box 3

 ------------------------------------------------------------------------*/


.grid img {
    cursor: pointer;

}

html.fancybox-enabled{
    overflow: auto !important;
}