@media (min-width: 1280px) {
    /* Greek Template */
    .template-Greek .mosaic-wrapper {
        position: relative;
        xoverflow: hidden;
        height: 700px;
        width: 80em;
        margin: 0 auto;
    }

    .template-Greek .mosaic-item {
        height: 100%;
        width: 100%;
        position: absolute;
        xpadding: 10px;
        xmargin: 10px;
        xborder: 1px solid #000;
    }

    .template-Greek .mosaic-item .mosaic-inner-wrapper {
        xborder: 1px solid #000;
        overflow: hidden;
    }

    .template-Greek .mosaic-title {
        font-weight:bold;
        text-align:left;
        color:#fff;
        position:absolute;
        transition-property: top;
        transition-duration: .25s;
        transition-timing-function: linear;
        top:10px;
        left:20px;
        padding-right:20px;
        text-shadow: 2px 2px #333;
    }
    .template-Greek .mosaic-title h4,
    .template-Greek .mosaic-title h6 {
        height:60px;
        xborder:1px solid #000;
    }
    
    .template-Greek .mosaic-item:nth-child(1):hover .mosaic-title {
        top: 30px;
        -webkit-transition-delay: .25s; /* Safari */
        transition-delay: .25s;
    }

    .template-Greek .mosaic-item:nth-child(1) .mosaic-title {
        top: 315px;
        left: 20px;
    }

    .template-Greek .mosaic-item:nth-child(1) {
        height: 420px;
        width: 631px;
        top: 0px;
        left: 0px;
        -webkit-animation: mosaic-item-1 2s 1;
        animation-name: mosaic-item-1;
        animation-duration: 2s;
        animation-iteration-count: 1;
    }

    @-webkit-keyframes mosaic-item-1 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @keyframes mosaic-item-1 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .template-Greek .mosaic-item:nth-child(1):hover {
        top: -30px;
        left: -30px;
    }

    .template-Greek .mosaic-item:nth-child(2) {
        height: 133px;
        width: 207px;
        top: 0px;
        left: 641px;
        -webkit-animation: mosaic-item-2 2s 1;
        animation-name: mosaic-item-2;
        animation-duration: 2s;
        animation-iteration-count: 1;
    }

    @-webkit-keyframes mosaic-item-2 {
        0% {
            top: 0;
            left: 0;
        }
        100% {
            top: 0px;
            left: 641px;
        }
    }
    @keyframes mosaic-item-2 {
        0% {
            top: 0;
            left: 0;
        }
        100% {
            top: 0px;
            left: 641px;
        }
    }
    .template-Greek .mosaic-item:nth-child(2):hover {
        top: -50px;
        left: 540px;
    }

    .template-Greek .mosaic-item:nth-child(3) {
        height: 133px;
        width: 207px;
        top: 0px;
        left: 857px;
        -webkit-animation: mosaic-item-3 2s 1;
        animation-name: mosaic-item-3;
        animation-duration: 2s;
        animation-iteration-count: 1;

    }

    @-webkit-keyframes mosaic-item-3 {
        0% {
            top: 0;
            left: 0;
        }
        100% {
            top: 0px;
            left: 857px;
        }
    }
    @keyframes mosaic-item-3 {
        0% {
            top: 0;
            left: 0;
        }
        100% {
            top: 0px;
            left: 857px;
        }
    }
    .template-Greek .mosaic-item:nth-child(3):hover {
        top: -50px;
        left: 740px;
    }

    .template-Greek .mosaic-item:nth-child(4) {
        height: 277px;
        width: 422px;
        top: 143px;
        left: 641px;
        -webkit-animation: mosaic-item-4 2s 1;
        x-webkit-animation-delay: 1s;
        animation-name: mosaic-item-4;
        animation-duration: 2s;
        animation-iteration-count: 1;
        xanimation-delay: 1s;
        x-webkit-animation-fill-mode: forwards;
        xanimation-fill-mode: forwards;
    }

    @-webkit-keyframes mosaic-item-4 {
        from {
            top: 0;
            left: 0;
        }
        to {
            top: 143px;
            left: 641px;
        }
    }
    @keyframes mosaic-item-4 {
        0% {
            top: 0;
            left: 0;
        }
        100% {
            top: 143px;
            left: 641px;
        }
    }
    .template-Greek .mosaic-item:nth-child(4):hover {
        top: 103px;
        left: 604px;
    }

    .template-Greek .mosaic-item:nth-child(5) {
        height: 133px;
        width: 207px;
        top: 143px;
        left: 1073px;
        -webkit-animation: mosaic-item-5 2s 1;
        animation-name: mosaic-item-5;
        animation-duration: 2s;
        animation-iteration-count: 1;
    }

    @-webkit-keyframes mosaic-item-5 {
        0% {
            top: 0;
            left: 0;
        }
        100% {
            top: 143px;
            left: 1073px;
        }
    }
    @keyframes mosaic-item-5 {
        0% {
            top: 0;
            left: 0;
        }
        100% {
            top: 143px;
            left: 1073px;
        }
    }
    .template-Greek .mosaic-item:nth-child(5):hover {
        top: 100px;
        left: 962px;
    }

    .template-Greek .mosaic-item:nth-child(6) {
        height: 133px;
        width: 207px;
        top: 286px;
        left: 1073px;
        -webkit-animation: mosaic-item-6 2s 1;
        animation-name: mosaic-item-6;
        animation-duration: 2s;
        animation-iteration-count: 1;
    }

    @-webkit-keyframes mosaic-item-6 {
        0% {
            top: 0;
            left: 0;
        }
        100% {
            top: 286px;
            left: 1073px;
        }
    }
    @keyframes mosaic-item-6 {
        0% {
            top: 0;
            left: 0;
        }
        100% {
            top: 286px;
            left: 1073px;
        }
    }
    .template-Greek .mosaic-item:nth-child(6):hover {
        top: 220px;
        left: 962px;
    }

    .template-Greek .mosaic-item:nth-child(7) {
        height: 133px;
        width: 207px;
        top: 430px;
        left: 0px;
        -webkit-animation: mosaic-item-7 2s 1;
        animation-name: mosaic-item-7;
        animation-duration: 2s;
        animation-iteration-count: 1;
    }

    @-webkit-keyframes mosaic-item-7 {
        0% {
            top: 0;
            left: 0;
        }
        100% {
            top: 430px;
            left: 0px;
        }
    }
    @keyframes mosaic-item-7 {
        0% {
            top: 0;
            left: 0;
        }
        100% {
            top: 430px;
            left: 0px;
        }
    }
    .template-Greek .mosaic-item:nth-child(7):hover {
        top: 370px;
        left: -80px;
    }

    .template-Greek .mosaic-item:nth-child(8) {
        height: 270px;
        width: 414px;
        top: 430px;
        left: 217px;
        -webkit-animation: mosaic-item-8 2s 1;
        animation-name: mosaic-item-8;
        animation-duration: 2s;
        animation-iteration-count: 1;
    }

    @-webkit-keyframes mosaic-item-8 {
        0% {
            top: 0;
            left: 0;
        }
        100% {
            top: 430px;
            left: 217px;
        }
    }
    @keyframes mosaic-item-8 {
        0% {
            top: 0;
            left: 0;
        }
        100% {
            top: 430px;
            left: 217px;
        }
    }
    .template-Greek .mosaic-item:nth-child(8):hover {
        top: 380px;
        left: 170px;
    }

    .template-Greek .mosaic-item:nth-child(9) {
        height: 133px;
        width: 207px;
        top: 430px;
        left: 641px;
        -webkit-animation: mosaic-item-9 2s 1;
        animation-name: mosaic-item-9;
        animation-duration: 2s;
        animation-iteration-count: 1;
    }

    @-webkit-keyframes mosaic-item-9 {
        0% {
            top: 0;
            left: 0;
        }
        100% {
            top: 430px;
            left: 641px;
        }
    }
    @keyframes mosaic-item-9 {
        0% {
            top: 0;
            left: 0;
        }
        100% {
            top: 430px;
            left: 641px;
        }
    }
    .template-Greek .mosaic-item:nth-child(9):hover {
        top: 350px;
        left: 540px;
    }

    .template-Greek .mosaic-item:nth-child(10) {
        height: 270px;
        width: 422px;
        top: 430px;
        left: 858px;
        -webkit-animation: mosaic-item-10 2s 1;
        animation-name: mosaic-item-10;
        animation-duration: 2s;
        animation-iteration-count: 1;
    }

    @-webkit-keyframes mosaic-item-10 {
        0% {
            top: 0;
            left: 0;
        }
        100% {
            top: 430px;
            left: 858px;
        }
    }
    @keyframes mosaic-item-10 {
        0% {
            top: 0;
            left: 0;
        }
        100% {
            top: 430px;
            left: 858px;
        }
    }
    .template-Greek .mosaic-item:nth-child(10):hover {
        top: 380px;
        left: 820px;
    }

    .template-Greek .mosaic-item.grow2:hover .mosaic-title {
        top: 20px;
        -webkit-transition-delay: .25s; /* Safari */
        transition-delay: .25s;
    }

    .template-Greek .mosaic-item.grow2 .mosaic-title {
        top: 180px;
        left: 20px;
    }

    .template-Greek .mosaic-item {
        display: inline-block;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-property: all;
        transition-property: all;
        z-index: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .template-Greek .mosaic-item.grow1:hover {
        transition: height .25s, width .25s, left .25s, top .25s;
        height: 490px;
        width: 690px;
        z-index: 999;
        -webkit-transition-delay: .25s; /* Safari */
        transition-delay: .25s;
    }

    .template-Greek .mosaic-item.grow2:hover {
        transition: height .25s, width .25s, left .25s, top .25s;
        height: 350px;
        width: 500px;
        z-index: 999;
        -webkit-transition-delay: .25s; /* Safari */
        transition-delay: .25s;
    }

    .template-Greek .mosaic-item.grow3:hover {
        transition: height .25s, width .25s, left .25s, top .25s;
        height: 250px;
        width: 400px;
        z-index: 999;
        -webkit-transition-delay: .25s; /* Safari */
        transition-delay: .25s;
    }
    .template-Greek .mosaic-title h6 {
        visibility: hidden;
    }
}