.final-tiles-gallery {
clear: both;
}
.final-tiles-gallery .support-text {
margin-top:10px;
}
.final-tiles-gallery .support-text a {
font-size: 11px;
text-decoration: none;
border: 0;	
}
.final-tiles-gallery .ftg-items .loading-bar {
position:absolute;
top:-10px;
left:0;
width:100%;
height:2px;
background:#ccc;
}
.final-tiles-gallery .ftg-items .loading-bar i {
display: block;
padding: 0;
margin: 0;
background: #000;
height: 2px;
width: 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-items .loading-bar {
position:absolute;
top:-10px;
left:0;
width:100%;
height:2px;
background:#ccc;
}
.final-tiles-gallery .ftg-items .loading-bar i {
display: block;
padding: 0;
margin: 0;
background: #000;
height: 2px;
width: 0;
}
.final-tiles-gallery .caption {
text-align: center;
position: absolute;
-moz-transition: all .25s;
-o-transition: all .25s;
-webkit-transition: all .25s;
transition: all .25s;
width: 100%;
}
.final-tiles-gallery .caption .title{
font-size:14px;
font-weight: bold;
color: white;
}
.final-tiles-gallery .caption.frame .text {
border:1px solid #fff;
position:absolute;
top:10px;
left:10px;
bottom:10px;
right:10px;
}
.final-tiles-gallery.caption-full-height .caption {
height:100%;
}  .final-tiles-gallery.hover-fade .caption {
opacity:0;
top:0;
left:0;
display:block;
}
.final-tiles-gallery.captions-visible.hover-fade .caption {
opacity: 1;
}
.final-tiles-gallery.hover-fade .tile:hover .caption {
opacity:1;
}
.final-tiles-gallery.captions-visible.hover-fade .tile:hover .caption {
opacity:0;
}  .final-tiles-gallery.hover-slide-top .caption {
left:0;
top:-100%;
opacity:0;
}
.final-tiles-gallery.hover-slide-top .tile:hover .caption {
top:0;
opacity:1;
}
.final-tiles-gallery.captions-visible.hover-slide-top .caption {
top:0;
opacity:1;
}
.final-tiles-gallery.captions-visible.hover-slide-top .tile:hover .caption {
top:-100%;
opacity:0;
}  .final-tiles-gallery.hover-slide-bottom .caption {
top:100%;
left:0;
opacity:0;
}
.final-tiles-gallery.hover-slide-bottom .tile:hover .caption {
top:0;
opacity:1;
}
.final-tiles-gallery.captions-visible.hover-slide-bottom .caption {
top:0;
opacity:1;
}
.final-tiles-gallery.captions-visible.hover-slide-bottom .tile:hover .caption {
top:100%;
opacity:0;
}  .final-tiles-gallery.hover-slide-left .caption {
top:0;
left:-100%;
opacity:0;
}
.final-tiles-gallery.hover-slide-left .tile:hover .caption {
left:0;
opacity:1;
}
.final-tiles-gallery.captions-visible.hover-slide-left .caption {
left:0;
opacity:1;
}
.final-tiles-gallery.captions-visible.hover-slide-left .tile:hover .caption {
left:-100%;
opacity:0;
}  .final-tiles-gallery.hover-slide-right .caption {
top:0;
left:100%;
opacity:0;
}
.final-tiles-gallery.hover-slide-right .tile:hover .caption {
left:0;
opacity:1;
}
.final-tiles-gallery.captions-visible.hover-slide-right .caption {
left:0;
opacity:1;
}
.final-tiles-gallery.captions-visible.hover-slide-right .tile:hover .caption {
left:100%;
opacity:0;
}  .final-tiles-gallery.hover-rotate-left .caption {
top: 0;
left: 0;
opacity: 0;
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-moz-transform-origin: bottom left;
-ms-transform-origin: bottom left;
-o-transform-origin: bottom left;
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
}
.final-tiles-gallery.hover-rotate-left .tile:hover .caption {
left: 0;
opacity: 1;
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.final-tiles-gallery.captions-visible.hover-rotate-left .caption {
opacity: 1;
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);	
}
.final-tiles-gallery.captions-visible.hover-rotate-left .tile:hover .caption {
opacity: 0;
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);				
}  .final-tiles-gallery.hover-rotate-right .caption {
top: 0;
left: 0;
opacity: 0;
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-moz-transform-origin: bottom right;
-ms-transform-origin: bottom right;
-o-transform-origin: bottom right;
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
}
.final-tiles-gallery.hover-rotate-right .tile:hover .caption {
left: 0;
opacity: 1;
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.final-tiles-gallery.captions-visible.hover-rotate-right .caption {
opacity: 1;
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);	
}
.final-tiles-gallery.captions-visible.hover-rotate-right .tile:hover .caption {
opacity: 0;
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);		
}
.final-tiles-gallery .caption .text {
color: #fff;
text-align: center;
padding: 10px;
display: block;
line-height: 1.2;
}
.final-tiles-gallery .woo {
position:absolute;
bottom:0;
color:#fff;
text-align: right;
display: block;
margin-top: 10px;
width: 100%;
display: none;	
}
.final-tiles-gallery .tile:hover .woo {
display: block;	
}
.final-tiles-gallery .tile .woo span {
display: inline-block;		
}
.final-tiles-gallery .tile:hover .woo .add-to-cart {
color: #fff;
margin:0 10px;
}
.final-tiles-gallery .caption .icon {
font-size: 14px;
position: absolute;
left: 50%;
top: 50%;
margin: -12px 0 0 -8px;
}
.final-tiles-gallery.captions-hidden .caption {
}
.final-tiles-gallery.caption-auto-height .caption {
bottom: 0;
top: auto !important;
height: auto !important;
}
.final-tiles-gallery.caption-auto-height .icon {
display: none !important;
}
.final-tiles-gallery.captions-always-visible .tile .caption {
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
-webkit-transform: none;
transform: none;
opacity: 1;
}
.final-tiles-gallery .tile img.item {
-moz-transition: -moz-transform .2s,  opacity .2s linear;
-o-transition: -o-transform .2s, opacity .2s linear;
-webkit-transition: -webkit-transform .2s,  opacity .2s linear;
transition: transform .2s linear;
display:block;
position:relative;
width: 100%;
.final-tiles-gallery .tile.ftg-enlarged img {
display:block;
margin:auto;
}
}
.final-tiles-gallery .ftg-come-in {
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
-webkit-transform: translateY(50px);
transform: translateY(50px);
-moz-animation: ftg-come-in 0.8s ease forwards;
-o-animation: ftg-come-in 0.8s ease forwards;
-webkit-animation: ftg-come-in 0.8s ease forwards;
animation: ftg-come-in 0.8s ease forwards;
}
.final-tiles-gallery .ftg-come-in:nth-child(odd) {
-moz-animation-duration: 0.6s;
-o-animation-duration: 0.6s;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
}
@-webkit-keyframes ftg-come-in {
to { -webkit-transform: translateY(0); }
}
@-moz-keyframes ftg-come-in {
to { -moz-transform: translateY(0); }
}
@keyframes ftg-come-in {
to { transform: translateY(0); }
}
.final-tiles-gallery .already-visible {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
-moz-animation: none;
-o-animation: none;
-webkit-animation: none;
animation: none;
}
.final-tiles-gallery .tile {
float:left;
overflow: hidden;
margin:0; position:relative;
opacity: 0;
transform: scale(1) translate(0, 0) rotate(0deg);
transition:all .5s;
}
.final-tiles-gallery .tile.ftg-loaded {
transform: scale(1) translate(0, 0) rotate(0deg) !important;
opacity: 1;
}
.final-tiles-gallery .tile.ftg-hidden {
opacity: 0;
display: none;
}
.final-tiles-gallery .ftg-filters {
padding-bottom: 5px;
margin-bottom: 5px;
}
.final-tiles-gallery .ftg-filters a {
display: inline-block;
margin-right: 10px;
color: #777;
padding: 4px 10px;
border: 1px solid #777;
text-decoration: none;
outline: 0;
text-shadow: none;
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;
}
.ftg-loading-panel {
position:fixed;
top:10px;
right:10px;
background:#222 url(//werbungetc.de/wp-content/plugins/final-tiles-gallery/img/loading.gif) no-repeat;
width:40px;
height:40px;
padding:4px;
border-radius:5px;
z-index:1000;
}
.ftg-loading-panel p {
display:none;
}
.final-tiles-gallery .tile iframe.item {
width:100%;
}
.final-tiles-gallery .tile .ftg-social {
display: none;
position: absolute;
bottom: 5px;
right:10px;
}
.final-tiles-gallery .tile:hover .ftg-social {
display: block;
}
.final-tiles-gallery .tile .ftg-social a {
color: #fff;
font-size: 16px;
width:24px;
height: 24px;
text-decoration: none;
opacity: .8;
border:0;
margin-left: 6px;
}
.final-tiles-gallery .tile:hover .ftg-social a:hover {
text-decoration: none;
opacity: 1;
} .final-tiles-gallery .effect-slide {
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
-webkit-transform: translateY(50px);
transform: translateY(50px);
-moz-animation: effect-slide 0.8s ease forwards;
-o-animation: effect-slide 0.8s ease forwards;
-webkit-animation: effect-slide 0.8s ease forwards;
animation: effect-slide 0.8s ease forwards;
}
.final-tiles-gallery .effect-slide:nth-child(odd) {
-moz-animation-duration: 0.6s;
-o-animation-duration: 0.6s;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
}
@-webkit-keyframes effect-slide {
to { -webkit-transform: translateY(0); }
}
@-moz-keyframes effect-slide {
to { -moz-transform: translateY(0); }
}
@keyframes effect-slide {
to { transform: translateY(0); }
} .final-tiles-gallery .effect-zoom {
-moz-transform: scale(.3);
-ms-transform: scale(.3);
-o-transform: scale(.3);
-webkit-transform: scale(.3);
transform: scale(.3);
-moz-animation: effect-zoom 0.8s ease forwards;
-o-animation: effect-zoom 0.8s ease forwards;
-webkit-animation: effect-zoom 0.8s ease forwards;
animation: effect-zoom 0.8s ease forwards;
}
.final-tiles-gallery .effect-zoom:nth-child(odd) {
-moz-animation-duration: 0.6s;
-o-animation-duration: 0.6s;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
}
@-webkit-keyframes effect-zoom {
to { -webkit-transform: scale(1); }
}
@-moz-keyframes effect-zoom {
to { -moz-transform: scale(1); }
}
@keyframes effect-zoom {
to { transform: scale(1); }
} .final-tiles-gallery .effect-rotate-left {
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
-moz-animation: effect-rotate-left 0.2s ease forwards;
-o-animation: effect-rotate-left 0.2s ease forwards;
-webkit-animation: effect-rotate-left 0.2s ease forwards;
animation: effect-rotate-left 0.2s ease forwards;
}
@-webkit-keyframes effect-rotate-left {
to { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes effect-rotate-left {
to { -moz-transform: rotate(0deg); }
}
@keyframes effect-rotate-left {
to { transform: rotate(0deg); }
} .final-tiles-gallery .effect-rotate-right {
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
animation: effect-rotate-right 0.2s ease forwards;
}
@-webkit-keyframes effect-rotate-right {
to { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes effect-rotate-right {
to { -moz-transform: rotate(0deg); }
}
@keyframes effect-rotate-right {
to { transform: rotate(0deg); }
}
.lightbox .lb-image { max-width: 999em; }