/*
 * FILo <> Facebook Image Loader jQuery Plugin v1.0
 * http://www.berlinpix.com/filo
 *
 * Copyright 2014, BerlinPix.com
 * licensed under the LGPL license.
 *
 * Date: 2014-01-22
 */
.filo{display:table;width:auto;position:relative;}
.filo a img{border:none}
.filo_loader{opacity:.7;left:50%;top:50%;position:fixed;z-index:4}
.clear{clear:both}
.filo_overlay{position:fixed;width:100%;height:100%;z-index:5;top:0;left:0}
.filo_overlay .filo_overlay_background{position:absolute;width:100%;height:100%;z-index:5;top:0;left:0}
.filo_overlay_container{position:relative;left:50%;top:50%;background:#fff;display:none;z-index:6;border-color:#fff;border-style:solid;border-width:5px}
.filo_overlay img.filo_full_picture{z-index:1}
.filo_overlay_container_left{text-align:left; width:50%;height:100%;opacity:0.9;position:absolute;left:0;top:0;background-position:left center;background-repeat:no-repeat;cursor:pointer;z-index:2;}
.filo_overlay_container_right{text-align:right;width:50%;height:100%;opacity:0.9;position:absolute;right:0;top:0;background-position:right center;background-repeat:no-repeat;cursor:pointer;z-index:2;}
.filo_overlay_container_close{opacity:1;position:absolute;right:0;top:0;cursor:pointer;display:none;z-index:2}
.filo_overlay_container .picture_counter{bottom:-40px;width:100%;text-align:center;position:absolute;height:25px}
.filo_overlay_container .picture_counter span{text-align: center;color: #FFF;background: rgba(0,0,0,0.7);white-space: nowrap;padding: 5px 13px;font-weight: normal;}
.filo .thumbs .thumb .inner{width:100%;height:100%;overflow:hidden}
.filo .thumbs .thumb .inner a{display:block;height:100%}
.filo .thumbs .thumb .inner .picture{min-height:100%;min-width:100%}

.template_1 .album .title {font-size: 20px;margin-bottom: 15px;color: #444;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.template_1 .thumbs .inner{width:100%;height:100%;border:1px solid #ccc;overflow:hidden;}
.template_2 .album{float:left;width:260px}
.template_2 .album .title{text-transform:uppercase;font-size:16px;margin-bottom:20px;width:100%;text-align:center}
.template_2 .thumbs .thumb{background:none repeat scroll 0 0 #FFF;border:1px solid #BBB;box-shadow:0 8px 4px #CCC;height:87px;position:absolute;width:87px;padding:5px 5px 13px}
.template_2 .thumbs .thumb_1{left:0;-moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg);z-index:1}
.template_2 .thumbs .thumb_2{margin-left:20%;z-index:2}
.template_2 .thumbs .thumb_3{margin-left:40%;-moz-transform:rotate(15deg);-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);-o-transform:rotate(15deg);z-index:1}
.template_3 .album{float:left;height:240px}
.template_3 .album .title{text-transform:uppercase;font-size:16px;margin-bottom:30px;width:100%;text-align:center}
.template_3 .thumbs .thumb{background:#fff;position:absolute;width:87px;height:87px;box-shadow:4px 3px 3px #333;padding:5px 5px 13px}
.template_3 .thumbs .thumb_1{left:0;-moz-transform:rotate(-43deg);-webkit-transform:rotate(-43deg);-ms-transform:rotate(-43deg);-o-transform:rotate(-43deg);z-index:1}
.template_3 .thumbs .thumb_2{margin-left:30%;-moz-transform:rotate(13deg);-webkit-transform:rotate(13deg);-ms-transform:rotate(13deg);-o-transform:rotate(13deg);z-index:1}
.template_3 .thumbs .thumb_3{margin-left:50%;-moz-transform:rotate(23deg);-webkit-transform:rotate(23deg);-ms-transform:rotate(23deg);-o-transform:rotate(23deg);z-index:1}
.template_3 .thumbs .thumb_4{left:0;-moz-transform:rotate(15deg);-webkit-transform:rotate(15deg);-ms-transform:rotate(-5deg);-o-transform:rotate(-5deg);z-index:1;top:40px}
.template_3 .thumbs .thumb_5{margin-left:30%;z-index:2;top:40px}
.template_3 .thumbs .thumb_6{margin-left:50%;-moz-transform:rotate(-176deg);-webkit-transform:rotate(-176deg);-ms-transform:rotate(-176deg);-o-transform:rotate(-176deg);z-index:1;top:40px}
.template_3 .thumbs .thumb_7{left:0;-moz-transform:rotate(99deg);-webkit-transform:rotate(99deg);-ms-transform:rotate(99deg);-o-transform:rotate(99deg);z-index:1}
.template_3 .thumbs .thumb_8{margin-left:2%;-moz-transform:rotate(125deg);-webkit-transform:rotate(125deg);-ms-transform:rotate(125deg);-o-transform:rotate(125deg);z-index:2;top:70px}
.template_3 .thumbs .thumb_9{margin-left:36%;-moz-transform:rotate(150deg);-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);z-index:1;top:70px}
.template_3 .thumbs .thumb_10{margin-left:50%;-moz-transform:rotate(-66deg);-webkit-transform:rotate(-66deg);-ms-transform:rotate(-66deg);-o-transform:rotate(-66deg);z-index:1;top:70px}
.template_4 .album{background:url(img/shadow_template_4.png) no-repeat scroll 0 95% transparent;float:left;width:300px;margin:0 10px 20px;padding:25px 25px 28px 32px}
.template_4 .album .title{text-transform:uppercase;font-size:16px;margin-bottom:20px;width:100%;text-align:left}
.template_4 .thumbs .thumb{background:#ccc;float:left;margin-right:3px;margin-bottom:3px;width:80px;height:60px}
.template_4 .thumbs .inner{width:100%;height:100%;border:1px solid #333;overflow:hidden}
.template_1,.template_2,.template_3,.template_4{color:#444;}
.template_1 .thumbs{position:relative;margin-top:10px;height:130px}
.template_4 .thumbs{position:relative;margin-top:10px;}
.template_2 .thumbs,.template_3 .thumbs{position:relative;margin-left:35px;width:230px;height:130px}
.template_2 .thumbs .thumb:hover,.template_3 .thumbs .thumb:hover{z-index:3}
.template_2 .thumbs .inner,.template_3 .thumbs .inner{width:100%;height:100%;border:solid #eee 1px;overflow:hidden}

.thumb:hover{opacity: 0.6}
.thumb.see-more{
    text-align: center;
    color: #999;
    background: #d9d9d9 !important;
    padding-top: 20px;
}

.thumb.see-more .fa{
    font-size: 200%;
    opacity: 0.6;
}

.filo-full-view .album{
    width: 100%;
}

.filo-full-view .template_1 .album{
    margin: 15px 0 0 0;
}

#window-resizer-tooltip{
    background: rgba(0,0,0,0.7);
}

.filo_overlay_container_right .fa-angle-right{
    font-size: 400%;
    top: 50%;
    right: 15px;
    position: relative;
    margin-top: -50%;
    color: #fff;
    text-shadow: 0 0 10px #000;
}

.filo_overlay_container_left .fa-angle-left{
    font-size: 400%;
    top: 50%;
    left: 15px;
    position: relative;
    margin-top: -50%;
    color: #fff;
    text-shadow: 0 0 10px #000;
}

.template_1 .album{
    position: relative;
    min-height: 220px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 25%;
    float: left;
}

.filo-full-view .album,
.filo-sidebar .album{
    width: 100% !important;
}

.filo-full-view .album{
    margin-top: -12px;
}

.filo-full-view .album .title{
    display: none;
}

.template_1 .thumbs .thumb{
    float: left;
    width: 33.3%;
    height: 90px;
    background: transparent;
}

.filo-home .thumbs .thumb{
    width: 25%;
}

.filo-full-view  .template_1 .thumbs .thumb{width: 8.3%}


@media(min-width: 993px) and (max-width: 1199px){
    .template_1 .thumbs .thumb{height: 70px;}
    .filo-full-view .template_1 .thumbs .thumb{height: 75px;}
}

@media(min-width: 768px) and (max-width: 992px){
    .template_1 .album{width: 33.3%;}
    .template_1 .thumbs .thumb{height: 75px;}
    .filo-full-view .template_1 .thumbs .thumb{width: 12.5%;height: 85px;}
}

@media(max-width: 768px){
    .template_1 .album{width: 100%;}
    .filo-full-view .template_1 .thumbs .thumb{width: 25%;height: 75px;}
}