.final-tiles-gallery { position: relative; perspective: 800px; }
    .final-tiles-gallery .tile img.item { -moz-transition: -moz-transform 0.2s, opacity 0.2s ease-out; -o-transition: -o-transform 0.2s, opacity 0.2s ease-out; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s ease-out; transition: transform .2s ease-out; display: block; position: relative; width: 100%; }
    .final-tiles-gallery .tile.ftg-enlarged img { display: block; margin: auto; }
    .final-tiles-gallery .tile { float: left; overflow: hidden; margin: 0; opacity: 0; transition: all .25s; }
        .final-tiles-gallery .tile.ftg-loaded { opacity: 1; display: block; }
        .final-tiles-gallery .tile.ftg-hidden { -moz-transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; }
    .final-tiles-gallery .edge { position: absolute; z-index: 1000; background: #333; color: #fff; font-size: 11px; padding: 4px; font-family: sans-serif; }
        .final-tiles-gallery .edge.enlarged-true { color: yellow; }
    .final-tiles-gallery .ftg-social { position: absolute; transition: all .5s; z-index: 10; }

        .final-tiles-gallery .ftg-social a { color: #fff; text-decoration: none; text-align: center; font-size: 16px; transition: all .3s; }
            .final-tiles-gallery .ftg-social a:hover { color: #ccc; }
    .final-tiles-gallery .hover { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #000; background-color: rgba(0, 0, 0, 0.7); transition: all .3s; opacity: 0; display: table; width: 100%; height: 100%; }
        .final-tiles-gallery .hover .icon { display: table-cell; text-align: center; vertical-align: middle; color: #fff; font-size: 20px; }
    .final-tiles-gallery .tile:hover .hover { opacity: 1; }
    .final-tiles-gallery .tile iframe.item { width: 100%; }
    .final-tiles-gallery .ftg-filters { margin-bottom: 20px; text-align: center; }
        .final-tiles-gallery .ftg-filters a { display: inline-block; margin-right: 10px; margin-bottom: 10px; color: #777; padding: 5px 30px; border: 1px solid #777; text-decoration: none; outline: 0; text-shadow: none; font-size: 16px; box-shadow: none; }
            .final-tiles-gallery .ftg-filters a:hover,
            .final-tiles-gallery .ftg-filters a.selected { color: #000; border-color: #333; text-decoration: none; }
    .final-tiles-gallery .tile .caption-block { display: inline-block; position: absolute; color: #fff; z-index: 11; left: 20px; right: 20px; opacity: 0; transition: all .25s; }
    .final-tiles-gallery .tile-inner:before { background: rgba(0, 0, 0, 0.7); position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; opacity: 0; transition: all .3s; z-index: 10; }
    .final-tiles-gallery.caption-color-dark .tile .caption-block .text-wrapper h4,
    .final-tiles-gallery.caption-color-dark .tile .caption-block .text-wrapper h5 { color: #fff; }
    .final-tiles-gallery.caption-color-light .tile .caption-block .text-wrapper h4,
    .final-tiles-gallery.caption-color-light .tile .caption-block .text-wrapper h5 { color: #000; }
    .final-tiles-gallery.caption-color-light .tile-inner:before { background: rgba(255, 255, 255, 0.7); }
    .final-tiles-gallery .tile:hover .tile-inner:before { opacity: 1; }
    .final-tiles-gallery .tile .caption-block .title { font-size: 16px; margin: 0; }
    .final-tiles-gallery .tile .caption-block .subtitle { font-size: 12px; margin: 10px 0 0 0; opacity: .8; }
    .final-tiles-gallery .tile .caption-block .text-wrapper { width: 100%; }
    .final-tiles-gallery.caption-center-text .tile .caption-block .title,
    .final-tiles-gallery.caption-center-text .tile .caption-block .subtitle { text-align: center; display: block; }
    /* EFFECT: IMG FADE OUT */
    .final-tiles-gallery.effect-fade-out .tile img { transition: all 0.5s; opacity: 1; }
    .final-tiles-gallery.effect-fade-out .tile:hover img { opacity: .5; }
    /* EFFECT: DEEP ZOOM IN */
    .final-tiles-gallery.effect-deep-zoom-in .tile:hover img { -moz-transform: perspective(1000px) translate3d(0px, 0px, 400px); -webkit-transform: perspective(1000px) translate3d(0, 0, 400px); -ms-transform: perspective(1000px) translate3d(0px, 0px, 400px); transform: perspective(1000px) translate3d(0px, 0px, 400px); }
    /* EFFECT: ZOOM IN */
    .final-tiles-gallery.effect-deep-zoom-in .tile img,
    .final-tiles-gallery.effect-zoom-in .tile img { -moz-transform: perspective(1000px) translate3d(0, 0, 0); -webkit-transform: perspective(1000px) translate3d(0, 0, 0); -ms-transform: perspective(1000px) translate3d(0, 0, 0); transform: perspective(1000px) translate3d(0, 0, 0); position: relative; display: block; }
    .final-tiles-gallery.effect-zoom-in .tile:hover img { -moz-transform: perspective(1000px) translate3d(0px, 0px, 200px); -webkit-transform: perspective(1000px) translate3d(0, 0, 200px); -ms-transform: perspective(1000px) translate3d(0px, 0px, 200px); transform: perspective(1000px) translate3d(0px, 0px, 200px); }
    /* EFFECT: ZOOM OUT */
    .final-tiles-gallery.effect-zoom-out .tile img { opacity: 1; -moz-transform: scale(1.12); -webkit-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); }
    .final-tiles-gallery.effect-deep-zoom-out .tile:hover img,
    .final-tiles-gallery.effect-zoom-out .tile:hover img { -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
    /* EFFECT: DEEP ZOOM OUT */
    .final-tiles-gallery.effect-deep-zoom-out .tile img { opacity: 1; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); }

    .final-tiles-gallery.effect-speed-very-slow .tile img { transition-duration: 1s; }
    .final-tiles-gallery.effect-speed-slow .tile img { transition-duration: .5s; }
    .final-tiles-gallery.effect-speed-medium .tile img { transition-duration: .35s; }
    .final-tiles-gallery.effect-speed-fast .tile img { transition-duration: .2s; }
    .final-tiles-gallery.effect-speed-very-fast .tile img { transition-duration: .1s; }

    .final-tiles-gallery.caption-left .tile .caption-block { text-align: left; }
    .final-tiles-gallery.caption-center .tile .caption-block { text-align: center; }
    .final-tiles-gallery.caption-right .tile .caption-block { text-align: right; }

    /* CAPTION TOP */
    .final-tiles-gallery.caption-top .tile .caption-block { top: 20px; }
    /* CAPTION BOTTOM */
    .final-tiles-gallery.caption-bottom .tile .caption-block { bottom: 20px; top: auto; }
    /* CAPTION MIDDLE */
    .final-tiles-gallery.caption-middle .tile .caption-block { position: absolute; height: 100px; bottom: 50PX; display: flex; align-items: center; padding-left: 50px; font-size: 16px; }
    .final-tiles-gallery .tile:hover .caption-block { opacity: 1; }
    /* CAPTION FIXED */
    .final-tiles-gallery.caption-fixed .tile .caption-block { opacity: 1; }
    /* CAPTION FIXED WITH BACKGROUND */
    .final-tiles-gallery.caption-fixed-bg .tile .caption-block { opacity: 1; }
    .final-tiles-gallery.caption-fixed-bg .tile .tile-inner:before { opacity: 1; }
    /* CAPTION FIXED THEN HIDDEN */
    .final-tiles-gallery.caption-fixed-then-hidden .tile .caption-block,
    .final-tiles-gallery.caption-fixed-then-hidden .tile .tile-inner:before { opacity: 1; }
    .final-tiles-gallery.caption-fixed-then-hidden .tile:hover .caption-block,
    .final-tiles-gallery.caption-fixed-then-hidden .tile:hover .tile-inner:before { opacity: 0; }
    /* CAPTION SLIDE TOP */
    .final-tiles-gallery.caption-slide-from-top .tile:hover .caption-block { opacity: 1; -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
    .final-tiles-gallery.caption-slide-from-top .tile .caption-block { opacity: 0; transition: all .5s; -moz-transform: translateY(-50px); -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }

    /* CAPTION FIXED BOTTOM */
    .final-tiles-gallery.caption-fixed-bottom .tile .caption-block { bottom: 0; left: 0; right: 0; background: transparent; opacity: 1; }
        .final-tiles-gallery.caption-fixed-bottom .tile .caption-block .text-wrapper { padding: 60px 20px 20px 20px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 49%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 49%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 49%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */ }

    .final-tiles-gallery.caption-fixed-bottom.caption-color-light .tile .caption-block .text-wrapper { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.8+49 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 49%, rgba(255,255,255,0.8) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 49%,rgba(255,255,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 49%,rgba(255,255,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ccffffff',GradientType=0 ); /* IE6-9 */ }

    /* CAPTION SLIDE FROM BOTTOM */
    .final-tiles-gallery.caption-slide-from-bottom .tile:hover .caption-block { opacity: 1; -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
    .final-tiles-gallery.caption-slide-from-bottom .tile .caption-block { opacity: 0; background: #94c124; transition: all .5s; -moz-transform: translateY(50px); -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }
    /* EFFECT FRAME */
    .final-tiles-gallery.effect-frame .tile:hover .tile-inner:before { opacity: 1; -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
    .final-tiles-gallery.effect-frame .tile .tile-inner:before { opacity: 0; border: 1px solid #fff; position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; z-index: 10; content: ""; display: block; -moz-transform: scale(0.5); -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); transition: all .35s; }
    /* CAPTION BACKGROUND */
    .final-tiles-gallery.caption-bg .tile span { background: #fff; background: rgba(255, 255, 255, 0.7); color: #333; padding: 2px 6px; }
    /* SOCIAL ICONS BACKGROUND */
    .final-tiles-gallery.social-icons-bar .ftg-social { background: #fff; box-shadow: 0px 0px 10px #000; }
        .final-tiles-gallery.social-icons-bar .ftg-social a { color: #333; }
            .final-tiles-gallery.social-icons-bar .ftg-social a:hover { color: #555; }
    /* SOCIAL ICONS DARK BACKGROUND */
    .final-tiles-gallery.social-icons-bar.social-icons-bar-dark .ftg-social { background: #333; }
        .final-tiles-gallery.social-icons-bar.social-icons-bar-dark .ftg-social a { color: #333; }
            .final-tiles-gallery.social-icons-bar.social-icons-bar-dark .ftg-social a:hover { color: #eee; }
    /* SOCIAL ICONS RIGHT */
    .final-tiles-gallery.social-icons-right .ftg-social { width: 40px; top: 0; height: 100%; right: -50px; z-index: 20; }
        .final-tiles-gallery.social-icons-right .ftg-social a { margin: 10px 0; display: block; }
    .final-tiles-gallery.social-icons-right .tile:hover .ftg-social { right: 0; }
    /* SOCIAL ICONS BOTTOM */
    .final-tiles-gallery.social-icons-bottom .ftg-social { width: 100%; bottom: -40px; height: 30px; text-align: right; }
        .final-tiles-gallery.social-icons-bottom .ftg-social a { margin: 0 5px; display: inline-block; }
            .final-tiles-gallery.social-icons-bottom .ftg-social a:last-of-type { margin-right: 15px; }
    .final-tiles-gallery.social-icons-bottom .tile:hover .ftg-social { bottom: 0; }
    .final-tiles-gallery.social-icons-bottom.social-icons-circle .ftg-social { height: 36px; }
    .final-tiles-gallery.social-icons-bottom.social-icons-bar .ftg-social { height: 40px; }
        .final-tiles-gallery.social-icons-bottom.social-icons-bar .ftg-social a { margin: 10px 5px; }
    /* SOCIAL ICONS CIRCLE */
    .final-tiles-gallery.social-icons-circle .ftg-social a { margin: 5px; border-radius: 50%; width: 24px; height: 24px; line-height: 29px; text-align: center; display: inline-block; background: #fff; color: #333; }
        .final-tiles-gallery.social-icons-circle .ftg-social a:hover { color: #fff; background-color: #333; }
    .final-tiles-gallery .tile.ftg-hidden-tile { display: none !important; }
