/* Copyright by Matthias Mühmel */
/* Main-CSS-File für Verwaltungssoftware Jugendfeuerwehr */
/* Kontakt: m.muehmel@jugendfeuerwehr-leverkusen.de */

:root {
/*Blue*/
--color-blue-dark:#286EA0;
--color-blue-middle:#7ABFE6;
--color-blue-light:#B0E2FF;

/*Orange*/
--color-orange-light:#FFBB75;
--color-orange-middle:#FFAB55;
--color-orange-dark:#FF8000;

/*Green*/
--color-green-superlight:#BCF5A9;
--color-green-light:#ADFF80;
--color-green-middle:#9FF781;
--color-green-dark:#01DF3A;
--color-green-superdark:#008B00;

/*Red*/
--color-red-superlight:#F5A9A9;
--color-red-light:#F78181;
--color-red-middle:#FA5858;
--color-red-dark:#FF0000;

/*Yellow*/
--color-yellow-light:#FBFF80;

/*White/Grey/Black*/
--color-white:#FFFFFF;
--color-grey-light:#CACACA;
--color-grey-dark:#8F8F8F;
--color-black:#303030;

}

body {
	margin: 0 auto;
	padding: 0;
	font: 76% Arial,sans-serif;
	background: #B0E2FF url() top center repeat-y;
}

a {
	text-decoration:none;
	color: #286EA0;
}

input, label {
	cursor:pointer
}

input:focus, input:hover {
	background-color:#B0E2FF;
}

input[type="text"]:focus, input[type="password"]:focus {
	cursor:text;
}

input{
	border:none;
	border-bottom: 1px solid #286EA0;
	font-size:12px;
	color: #286EA0;
}

input[type="submit"]{
	border: 1px solid #286EA0;
	background-color:#B0E2FF;
	font-size:12px;
}

input[type="submit"]:hover{
	border: 1px solid #286EA0;
	background-color:#7ABFE6;
	color: #FFFFFF;
}

span.left, td.left {
	text-align: left;
}

span.right, td.right {
	text-align: right;
}

table.newstyle {
	width:100%;
	border: 1px solid #286EA0;
	border-spacing:0px;
	text-align:center;
}

tr.headline0, tr.headline1, tr.headline2 {
	background-color:#B0E2FF;
	color:#286EA0;
	
}
tr.headline0 {
	font-weight:bold;
	font-size:15px;
}
tr.headline1 {
	
}
tr.headline2 {
	font-size:10px;
	font-weight:bold;
}
tr.today td, tr.jf td, tr.jfw td{
	font-weight:bold;
}
tr.today td, td.red {
	background: #F78181;
	color:#FFFFFF;
}
tr.jf td, td.green{
	background: #ADFF80;
}
tr.jfw td, td.yellow{
	background: #FBFF80;
}
td.orange{
	background-color:#FF8000;
	color:#FFFFFF;
}
td.kenn {
	width:20px;
	text-align:center;
	font-weight:bold;
	
}

#headline {
	width:100%;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
}

#bigspace {
	height:30px;
}

#wrap {
	background: #FFFFFF;
	color: #303030;
	margin: 0 auto;
	width: 1024px;
}

/* START Slideshow/Header*/

	.slideshow {width:1024px; max-width:1024px; margin:0 auto; position:relative; overflow:hidden; height:200px; background-color:#B0E2FF;}

	.slideshow img {position:absolute; top:0; left:0; width:100%; display:block; opacity:0;}

	.slideshow img:first-child {position:relative;} 

	.slideshow img:nth-of-type(4) {-webkit-animation:autoplay 48s linear infinite 0s; animation:autoplay 48s linear infinite 0s;} 
	.slideshow img:nth-of-type(3) {-webkit-animation:autoplay 48s linear infinite 12s; animation:autoplay 48s linear infinite 12s;}
	.slideshow img:nth-of-type(2) {-webkit-animation:autoplay 48s linear infinite 24s; animation:autoplay 48s linear infinite 24s;}
	.slideshow img:nth-of-type(1) {-webkit-animation:autoplay 48s linear infinite 36s; animation:autoplay 48s linear infinite 36s;}

	@keyframes autoplay {
		0%, 20% {opacity:1;}
		20%, 25% {opacity:1;}
		30%, 90% {opacity:0;}
		95%, 100% {opacity:1;}
	}
	@-webkit-keyframes autoplay {
		0%, 20% {opacity:1;}
		20%, 25% {opacity:1;}
		30%, 90% {opacity:0;}
		95%, 100% {opacity:1;}
	}

	#slideheader {
		position:relative;
	}

	#slideheader div.logo img{
		position:absolute;
		left:10px;
		top:10px;
		height:180px;
	}

	#slideheader div.schrift img.jf{
		position:absolute;
		left:350px;
		top:130px;
	}
	
	#slideheader div.schrift img.kf{
		position:absolute;
		left:650px;
		top:70px;
	}

	#header {
		clear: both;
		margin: 20px 0 0 0;
		padding: 0;
		height: 45px;
		width: 1024px;
	}

	#header p {
		width: 500px;
		float: right;
		text-align: center;
		margin: 0 0 10px 0;
		font-size: 0.8em;
		line-height: 1.2em;
	}

/* ENDE Slideshow/Header*/

/* START Navigation*/
	
	#avmenu {
		clear: top;
		float: top;
		width: 1024px;
		height: 80px;
		font-size: 12px;
	}

	#avmenu td {
		width:150px;
	}

	#avmenu ul, #avmenuleft ul {
		list-style: none;
		padding: 0;
		margin: 0;
		font-size: 12px;
	}
	#avmenu ul {	
		width: 1024px;
	}
	#avmenuleft ul {	
		width: 160px;
	}	
	#avmenuleft ul.nav3rd{
		margin: 0 0 10px 0;
		font-size: 11px;
	}

	#avmenuleft ul.nav3rd li {
		padding-left: 10px;
		font-weight: bold;
	}
	
	#avmenu li a, #avmenuleft li a {
		height: 20px;
		display: block;
		color: #286EA0;
		background-color:#B0E2FF;
		text-decoration: none;
	}
	#avmenu li a {
		padding: 5px 0 2px 0;
		text-align:center;	
	}
	#avmenuleft li a {
		padding: 6px 0 0 10px;
		vertical-align:middle;
		border-right: 1px solid #286EA0;
	}

	#avmenu li a:hover, #avmenu li a.current, #avmenuleft li a:hover, #avmenuleft li a.current {
		color: #FFFFFF;
		background-color:#7ABFE6;
	}
	
	#avmenuleft {
		clear: left;
		float: left;
		width: 150px;
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 11px;
	}

/* ENDE Navigation*/

/* START Extras*/

	#extras {
		float: right;
		width: 180px;
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 10px;
		line-height: 12px;
	}
	
	#extras img {
		max-width:150px;
	}
	
	#extras fieldset {
		border: 1px solid #286EA0;
	}
	
	#extras p {
		margin: 0 0 12px 0;
	}
	
	#com-user-box ul{
		list-style-type:none;
	}

	#com-user-box li{
		height:20px;
		
	}
	
	#com-user-box a{
		background-repeat:no-repeat;
		text-align:center;
		display:block;
		height:20px;
	}
	
	#com-user-box a:hover{
		background-color:#7ABFE6;
		color:#FFFFFF;
	}
	
	#com-user-box a.icon-arrow{
		background-image:url(/files/Layout/icons/arrow_right.png);
	}

	#com-user-box a.icon-myprfl{
		background-image:url(/files/Layout/icons/user.png);
	}

	#com-user-box a.icon-lgt{
		background-image:url(/files/Layout/icons/logout.png);
	}
	
/* ENDE Extras*/

/* START CONTENT*/

	#content {
		margin: 0 190px 20px 160px;
		border-left: 1px solid #D2EFFF;
		border-right: 1px solid #D2EFFF;
		padding: 0 10px 0 10px;
		line-height: 1.6em;
		text-align: left;
	}
	
	#content.start {
		margin: 0 190px 20px 10px;
	}
	
	#content img.preview, #content img.previewl, #content img.previewr {
		display:none;
		z-index:2;
	}
	#content img.hide {
		display:none;
		z-index:2;
	}
	
/* END CONTENT*/
	
/* START Startseite */

	#startheader {
		font-size:20px;
		font-weight:bold;
		text-align:center;
		line-height:25px;
		padding-top:10px;
	}
	#startheader.small {
		font-size:12px;
		font-weight:normal;
	}

	#container{
		width:100%;
		height:500px;
		position:relative;
	}
	
	#container div{
		position:absolute;
	}

	#logo {
		background-repeat: no-repeat;
		background-size:200px;
		top:178px;
		left:300px;
		width:200px;
		height:170px;
	}
	
	#logo.jf {
		background-image:url(/files/Layout/slideshow/Logo.png);
	}
	
	#logo.kf {
		background-image:url(/files/Layout/slideshow/kflogo_klein.png);
	}

	#facebook {
		cursor:pointer;
		top:375px;
		left:240px;
		width:320px;
		height:82px;
		background-image:url(/files/Layout/FB_FindUsOnFacebook-320.png);
		background-repeat: no-repeat;
	}
	
	#container div.field {
		cursor:pointer;
		background-color:#B0E2FF;
		border-radius: 20px;
		font-size:20px;
		text-align:center;
		width:200px;
		height:100px;
		color:#286ea0;
		font-weight:bold;
	}

	#fotos {
		top:200px;
		left:50px;
	}

	#intern {
		top:200px;
		left:550px;
	}

	#interesse {
		top:30px;
		left:300px;
	}
	
	#facebook a{
		display:block;
		height:100%;
	}
	
	#container a.fieldlink{
		vertical-align:middle;
		display:table-cell;
		height:100px;
		width:200px;
	}
	
	#container div.field:hover{
		background-color:#7ABFE6;
		color:#FFFFFF;
	}
	
	#container a:hover{
		color: #FFFFFF;
	}
	
/* ENDE Startseite */

/* START Gruppenübersicht */

	#gruppen{
		position:relative;
	}
	
	#gruppe{
		width:100%;
		height:100px;
		margin-top:10px;
		position:relative;
	}
	
	#gruppe div {
		position:absolute;
		border-collapse: collapse;
		text-align:center;
	}
	
	#gruppe div.name {
		width:230px;
		left:50px;
		height:100px;
		border-right: 1px solid #286EA0;
		display:table-cell;
		vertical-align:middle;
	}
	#gruppe div.name p.head {
		font-weight:bold;
	}
	#gruppe div.name p {
		margin-top:7px;
		margin-bottom:7px;
	}
	
	#gruppe div.ansprechpartner {
		width:180px;
		left:300px;
		top:10px;
		font-weight:bold;
	}
	
	#gruppe div.ansprechpartnergl {
		width:180px;
		left:300px;
		top:30px;
		font-style:italic;
	}
	
	#gruppe div.ansprechpartnerpic {
		left:460px;
		max-height:100px;
		width:100px;
		padding:0;
		margin:0;
	}
	#gruppe div.ansprechpartnerpic:hover img.preview {
		display:block;
		position:absolute;
		top:-100px;
		left:100px;
		border: 1px solid #286EA0;
	}

/* ENDE Gruppenübersicht */

/* START Mitgliederübersicht */

	#memtd {
		text-align:center;
		vertical-align:middle;
	}
	#memtd span {
		width:98%;
	}
	
	#memtd span.left {
		float: left;
		text-align: right;
	}

	#memtd span.right {
		float: right;
		text-align: left;
	}

	#piccont {
		position:relative;
	}
	
	#piccont:hover img.previewr {
		display:block;
		position:absolute;
		top:-100px;
		left:130px;
		border: 1px solid #286EA0;
	}

	#piccont:hover img.previewl {
		display:block;
		position:absolute;
		top:-100px;
		left:-310px;
		border: 1px solid #286EA0;
	}
	
	#rankpic, #dgpic{
		max-width:100px;
	}
	#rankpic{
		max-height:50px;
	}
	#dgpic{
		max-height:30px;
	}

/* Ende Mitgliederübersicht */

/* START Dienstplan */

	#dienst {
		width:650px;
		position:relative;
		height:41px;
		border:1px solid #286EA0;
		color:#8F8F8F;
		text-align:center;
		font-size:10px;
	}
	#dienst.markown, #titel.markown {
		border-color:#FF8000;
	}
	#titel.markown {
		background-color: #FFBB75;
	}
	#dienst div {
		position:absolute;
	}
	
	#dates{
		width:125px;
		height:40px;
	}
	#dates div{
		height:20px;
		left:0px;
		width:125px;
		vertical-align:middle;
	}
	#dates div.start {
		top:0px;
	}

	#dates div.end {
		top:20px;
	}
	#titel, #markups {
		font-weight:bold;
		left:125px;
	}
	#titel{
		width:525px;
		height:20px;
		border-bottom:1px dashed #286EA0;
		background-color:#B0E2FF;
		color:#286EA0;
		font-weight:bold;
		font-size:12px;
	}
	#titel a{
		display:block;
		width:100%;
		height:100%;
	}
	#titel a:hover{
		background-color:#7ABFE6;
		color:#FFFFFF;
	}
	#titel.markown a:hover {
		background-color:#FFAB55;
		color:#FFFFFF;
	}
	#markups {
		height:20px;
		width:60px;
		top:21px;
	}
	#markups div{
		width:20px;
		height:20px;
	}
	#pflicht {
		left:20px;
	}
	#sonder {
		left:0px;
	}
	#alle{
		left:40px
	}
	#ausb {
		width:200px;
		height:20px;
		top:21px;
		left:445px;
	}
	#ausb.show{
		text-align:right;
	}
	#art {
		width:525px;
		height:20px;
		top:21px;
		left:125px;
	}
	#art.edit{
		left:217px;
		width:216px;
	}
	#dleg {
		width:200px;
		position:relative;
		left:450px;
		font-size:10px;
		font-weight:bold;
		color:#8F8F8F;
	}
	#dleg table {
		border-collapse:collapse;
	}

/* ENDE Dienstplan */

/**
 * Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie
 */
div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {}

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0; margin:1px;}
.wysiwygimg img.wysiwygimg {border:solid 5px #f5f5f5; padding:1px;}
.wysiwygimg a.wysiwygimg img {border:0;padding:0px;vertical-align:top; margin:1px;}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 5px #f6f6f6; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:focus {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:active {border:solid 5px #e4e4e4;}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#666; font-size:0.8em; font-style:italic; margin:2px 0px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {padding-right:1.0em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}

#note{
float:right;
padding-right:5px;
}


#content img.preview {
display:none;
z-index:2;
}

#content img.hide {
display:none;
z-index:2;
}

#content div.ansprechpartnerpic:hover img.preview {
display:block;
position:absolute;
top:-100px;
left:100px;
border: 1px solid #286EA0;
background-color:#FFFFFF;
}

#piccont {
position:relative;
}

#piccont img.previewl {
display:none;
z-index:2;
}

#piccont img.hide {
display:none;
z-index:2;
}

#piccont img.previewr{
display:none;
z-index:2;
}

#piccont:hover img.previewr {
display:block;
position:absolute;
top:-100px;
left:130px;
border: 1px solid #286EA0;
background-color:#FFFFFF;
}

#piccont:hover img.previewl {
display:block;
position:absolute;
top:-100px;
left:-310px;
border: 1px solid #286EA0;
background-color:#FFFFFF;
}

#fragezeichen {
width:15px;
float:right;
position:relative;
}

#fragezeichen img{
width:15px;
}

#fragezeichen div.infocontent {
display:none;
z-index:2;
}

#fragezeichen div.infocontent td.right{
font-weight:bold;
}

#fragezeichen:hover div.infocontent {
display:block;
position:absolute;
top:20px;
left:20px;
border: 1px solid #286EA0;
background-color:#FFFFFF;
width:250px;
height:auto;
}

#mintdbutton {
min-width:80px;
}

#containerbutton {
width:65px;
margin:auto;
}


/* START Footer */

	#footer {
		clear: both;
		margin: 0 auto;
		padding: 10px 0 20px 0;
		border-top: 4px solid #D2EFFF;
		width: 1024px;
		text-align: center;
		color: #8F8F8F;
		font-size: 0.9em;
	}
	
	#footer a {
		color: #8F8F8F;
	}

/* ENDE Footer */

/*!
 * URL: http://www.berlinpix.com/filo
 * Author: Erik Wendt
 * Version: 2.1.2
 */

.clear {
  clear: both; }

.filo {
  font-family: sans-serif; }
  .filo__album {
    margin: 10px; }
    .filo__album__title {
      font-size: 24px;
      margin: 5px 0; }
    .filo__album__thumbs {
      text-align: center;
      font-size: 0; }
      .filo__album__thumbs__thumb {
        margin: 0;
        display: inline-block;
        position: relative;
        box-sizing: border-box; }
        .filo__album__thumbs__thumb i {
          display: block;
          position: absolute;
          background-repeat: no-repeat;
          background-position: 50% 25%;
          background-size: cover;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
        .filo__album__thumbs__thumb:before {
          content: '';
          display: block;
          margin-top: 100%; }
      .filo__album__thumbs:after {
        content: '';
        display: block;
        clear: both; }

.filo__album__thumbs__thumb {
  /* desktop - large screen - 8 images per row */
  width: 12.5%;
  max-width: 300px;
  min-width: 100px;
  /**
  max-width: load smaller images on smaller 
  devices to optimize the page speed
  */
  /* desktop - 6 images per row */
  /* tablet - 4 images per row */
  /* smartphone - 2 images per row */ }
  @media only screen and (max-width: 992px) {
    .filo__album__thumbs__thumb {
      width: 16.66667%;
      max-width: 165.33333px; } }
  @media only screen and (max-width: 768px) {
    .filo__album__thumbs__thumb {
      width: 25%;
      max-width: 192px; } }
  @media only screen and (max-width: 480px) {
    .filo__album__thumbs__thumb {
      width: 25%;
      max-width: 120px; } }

.filo_loader {
  opacity: .7;
  left: 0;
  top: 50%;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1000; }

.filo__overlay {
  color: #999;
  font-family: arial;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 996;
  top: 0;
  left: 0; }
  .filo__overlay__background {
    background: #333;
    opacity: .75;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 997;
    top: 0;
    left: 0; }
  .filo__overlay__container {
    position: relative;
    left: 50%;
    top: 50%;
    border-style: solid;
    border-width: 0px;
    border-color: #fff;
    background: #fff;
    box-shadow: 0px 0px 11px 0px #222222;
    display: none;
    z-index: 998; }
    .filo__overlay__container__left {
      background: url("data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QURCQjMxMjdFRDJDMTFFMUJBOUJDRDU5NUJEQjg1NEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QURCQjMxMjhFRDJDMTFFMUJBOUJDRDU5NUJEQjg1NEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBREJCMzEyNUVEMkMxMUUxQkE5QkNENTk1QkRCODU0QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBREJCMzEyNkVEMkMxMUUxQkE5QkNENTk1QkRCODU0QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
      width: 50%;
      height: 100%;
      overflow: hidden;
      position: absolute;
      left: 0px;
      top: 0;
      cursor: pointer;
      z-index: 999; }
      .filo__overlay__container__left .arrow-left {
        background: url(./img/arrow-left.png) no-repeat;
        content: '';
        display: block;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        height: 106px;
        opacity: 0;
        position: absolute;
        top: 50%;
        margin-top: -53px;
        left: -55px;
        width: 55px; }
      .filo__overlay__container__left:hover .arrow-left {
        left: 10px;
        opacity: 0.9; }
    .filo__overlay__container__right {
      background: url("data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QURCQjMxMjdFRDJDMTFFMUJBOUJDRDU5NUJEQjg1NEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QURCQjMxMjhFRDJDMTFFMUJBOUJDRDU5NUJEQjg1NEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBREJCMzEyNUVEMkMxMUUxQkE5QkNENTk1QkRCODU0QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBREJCMzEyNkVEMkMxMUUxQkE5QkNENTk1QkRCODU0QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
      width: 50%;
      height: 100%;
      overflow: hidden;
      position: absolute;
      right: 0px;
      top: 0;
      cursor: pointer;
      z-index: 999; }
      .filo__overlay__container__right .arrow-right {
        background: url(./img/arrow-right.png) no-repeat;
        content: '';
        display: block;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        height: 106px;
        opacity: 0;
        position: absolute;
        top: 50%;
        margin-top: -53px;
        right: -55px;
        width: 55px; }
      .filo__overlay__container__right:hover .arrow-right {
        right: 10px;
        opacity: 0.9; }
    .filo__overlay__container__close {
      opacity: 1;
      position: absolute;
      right: 0;
      top: 0;
      cursor: pointer;
      display: none;
      z-index: 999; }
    .filo__overlay__container__meta {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      box-sizing: border-box;
      font-size: 14px;
      opacity: 0.1;
      padding: 7px;
      position: absolute;
      width: 100%;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .filo__overlay__container__meta__count {
        display: inline-block;
        margin-left: 10px; }
      .filo__overlay__container__meta__album {
        color: #fff;
        display: inline-block; }
    .filo__overlay__container__full {
      background: url(./img/full-screen-white.png) top left no-repeat;
      background-size: cover;
      cursor: pointer;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
      height: 26px;
      position: absolute;
      right: 12px;
      top: 12px;
      width: 26px;
      z-index: 1000; }
      .filo__overlay__container__full:hover {
        height: 32px;
        right: 10px;
        top: 10px;
        width: 32px; }
    .filo__overlay__container:hover .filo__overlay__container__meta {
      opacity: 1; }
  .filo__overlay img.filo__full__picture {
    z-index: 998;
    width: 100%;
    height: 100%; }

.filo_loader .progress-bar {
  background-color: #1a1a1a;
  display: inline-block;
  height: 25px;
  padding: 5px;
  width: 80%;
  border-radius: 5px;
  box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
  max-width: 350px;
  text-align: left; }
.filo_loader .progress-bar span {
  display: inline-block;
  height: 100%;
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  transition: width .4s ease-in-out; }
.filo_loader .blue span {
  background-color: #34c2e3; }
.filo_loader .orange span {
  background-color: #fecf23;
  background-image: linear-gradient(top, #fecf23, #fd9215); }
.filo_loader .green span {
  background-color: #a5df41;
  background-image: linear-gradient(top, #a5df41, #4ca916); }
.filo_loader .stripes span {
  background-size: 30px 30px;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  animation: animate-stripes 3s linear infinite; }
@keyframes animate-stripes {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 60px 0; } }
.filo_loader .shine span {
  position: relative; }
.filo_loader .shine span::after {
  content: '';
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 3px;
  animation: animate-shine 2s ease-out infinite; }
@keyframes animate-shine {
  0% {
    opacity: 0;
    width: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 0;
    width: 95%; } }
.filo_loader .glow span {
  box-shadow: 0 5px 5px rgba(255, 255, 255, 0.7) inset, 0 -5px 5px rgba(255, 255, 255, 0.7) inset;
  animation: animate-glow 1s ease-out infinite; }
@keyframes animate-glow {
  0% {
    box-shadow: 0 5px 5px rgba(255, 255, 255, 0.7) inset, 0 -5px 5px rgba(255, 255, 255, 0.7) inset; }
  50% {
    box-shadow: 0 5px 5px rgba(255, 255, 255, 0.3) inset, 0 -5px 5px rgba(255, 255, 255, 0.3) inset; }
  100% {
    box-shadow: 0 5px 5px rgba(255, 255, 255, 0.7) inset, 0 -5px 5px rgba(255, 255, 255, 0.7) inset; } }
.filo__template-1 .filo__album__thumbs__thumb {
  position: relative; }
  .filo__template-1 .filo__album__thumbs__thumb i {
    border: 1px dashed #555;
    -webkit-box-shadow: 3px 4px 6px #999;
    -moz-box-shadow: 3px 4px 6px #999;
    box-shadow: 3px 4px 6px #999; }
  .filo__template-1 .filo__album__thumbs__thumb .before {
    display: block; }

.filo__template-2 .filo__album__thumbs__thumb {
  background: none repeat scroll 0 0 #FFF;
  border: 1px solid #BBB;
  box-shadow: 0 8px 4px #CCC;
  height: 87px;
  position: relative;
  width: 87px;
  padding: 5px 5px 13px;
  margin-bottom: 30px; }
  .filo__template-2 .filo__album__thumbs__thumb i {
    border: none; }
  .filo__template-2 .filo__album__thumbs__thumb .before {
    display: block; }
  .filo__template-2 .filo__album__thumbs__thumb:nth-child(3n + 1) {
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    z-index: 2; }
  .filo__template-2 .filo__album__thumbs__thumb:nth-child(3n + 2) {
    margin-left: -100px; }
  .filo__template-2 .filo__album__thumbs__thumb:nth-child(3n) {
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    z-index: 3;
    margin-left: -100px;
    margin-right: 100px; }
  .filo__template-2 .filo__album__thumbs__thumb:after {
    content: '\A';
    display: block;
    clear: both;
    float: none; }

/*# sourceMappingURL=filo_style.css.map */

/*!
 * URL: http://www.berlinpix.com/filo
 * Author: Erik Wendt
 * Version: 2.1.2
 */.clear{clear:both}.filo{font-family:sans-serif}.filo__album{margin:10px}.filo__album__title{font-size:24px;margin:5px 0}.filo__album__thumbs{text-align:center;font-size:0}.filo__album__thumbs__thumb{margin:0;display:inline-block;position:relative;box-sizing:border-box}.filo__album__thumbs__thumb i{display:block;position:absolute;background-repeat:no-repeat;background-position:50% 25%;background-size:cover;top:0;left:0;right:0;bottom:0}.filo__album__thumbs__thumb:before{content:'';display:block;margin-top:100%}.filo__album__thumbs:after{content:'';display:block;clear:both}.filo__album__thumbs__thumb{width:12.5%;max-width:300px;min-width:100px}@media only screen and (max-width:992px){.filo__album__thumbs__thumb{width:16.66667%;max-width:165.33333px}}@media only screen and (max-width:768px){.filo__album__thumbs__thumb{width:25%;max-width:192px}}@media only screen and (max-width:480px){.filo__album__thumbs__thumb{width:25%;max-width:120px}}.filo_loader{opacity:.7;left:0;top:50%;position:fixed;right:0;text-align:center;z-index:1000}.filo__overlay{color:#999;font-family:arial;position:fixed;width:100%;height:100%;z-index:996;top:0;left:0}.filo__overlay__background{background:#333;opacity:.75;position:absolute;width:100%;height:100%;z-index:997;top:0;left:0}.filo__overlay__container{position:relative;left:50%;top:50%;border-style:solid;border-width:0;border-color:#fff;background:#fff;box-shadow:0 0 11px 0 #222;display:none;z-index:998}.filo__overlay__container__left{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QURCQjMxMjdFRDJDMTFFMUJBOUJDRDU5NUJEQjg1NEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QURCQjMxMjhFRDJDMTFFMUJBOUJDRDU5NUJEQjg1NEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBREJCMzEyNUVEMkMxMUUxQkE5QkNENTk1QkRCODU0QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBREJCMzEyNkVEMkMxMUUxQkE5QkNENTk1QkRCODU0QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);width:50%;height:100%;overflow:hidden;position:absolute;left:0;top:0;cursor:pointer;z-index:999}.filo__overlay__container__left .arrow-left{background:url(./img/arrow-left.png) no-repeat;content:'';display:block;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;height:106px;opacity:0;position:absolute;top:50%;margin-top:-53px;left:-55px;width:55px}.filo__overlay__container__left:hover .arrow-left{left:10px;opacity:.9}.filo__overlay__container__right{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QURCQjMxMjdFRDJDMTFFMUJBOUJDRDU5NUJEQjg1NEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QURCQjMxMjhFRDJDMTFFMUJBOUJDRDU5NUJEQjg1NEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBREJCMzEyNUVEMkMxMUUxQkE5QkNENTk1QkRCODU0QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBREJCMzEyNkVEMkMxMUUxQkE5QkNENTk1QkRCODU0QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);width:50%;height:100%;overflow:hidden;position:absolute;right:0;top:0;cursor:pointer;z-index:999}.filo__overlay__container__right .arrow-right{background:url(./img/arrow-right.png) no-repeat;content:'';display:block;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;height:106px;opacity:0;position:absolute;top:50%;margin-top:-53px;right:-55px;width:55px}.filo__overlay__container__right:hover .arrow-right{right:10px;opacity:.9}.filo__overlay__container__close{opacity:1;position:absolute;right:0;top:0;cursor:pointer;display:none;z-index:999}.filo__overlay__container__meta{background:rgba(0,0,0,.6);bottom:0;box-sizing:border-box;font-size:14px;opacity:.1;padding:7px;position:absolute;width:100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.filo__overlay__container__meta__count{display:inline-block;margin-left:10px}.filo__overlay__container__meta__album{color:#fff;display:inline-block}.filo__overlay__container__full{background:url(./img/full-screen-white.png) top left no-repeat;background-size:cover;cursor:pointer;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;height:26px;position:absolute;right:12px;top:12px;width:26px;z-index:1000}.filo__overlay__container__full:hover{height:32px;right:10px;top:10px;width:32px}.filo__overlay__container:hover .filo__overlay__container__meta{opacity:1}.filo__overlay img.filo__full__picture{z-index:998;width:100%;height:100%}.filo_loader .progress-bar{background-color:#1a1a1a;display:inline-block;height:25px;padding:5px;width:80%;border-radius:5px;box-shadow:0 1px 5px #000 inset,0 1px 0 #444;max-width:350px;text-align:left}.filo_loader .progress-bar span{display:inline-block;height:100%;border-radius:3px;box-shadow:0 1px 0 rgba(255,255,255,.5) inset;transition:width .4s ease-in-out}.filo_loader .blue span{background-color:#34c2e3}.filo_loader .orange span{background-color:#fecf23;background-image:linear-gradient(top,#fecf23,#fd9215)}.filo_loader .green span{background-color:#a5df41;background-image:linear-gradient(top,#a5df41,#4ca916)}.filo_loader .stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);animation:animate-stripes 3s linear infinite}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.filo_loader .shine span{position:relative}.filo_loader .shine span::after{content:'';opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:3px;animation:animate-shine 2s ease-out infinite}@keyframes animate-shine{0%{opacity:0;width:0}50%{opacity:.5}100%{opacity:0;width:95%}}.filo_loader .glow span{box-shadow:0 5px 5px rgba(255,255,255,.7) inset,0 -5px 5px rgba(255,255,255,.7) inset;animation:animate-glow 1s ease-out infinite}@keyframes animate-glow{0%{box-shadow:0 5px 5px rgba(255,255,255,.7) inset,0 -5px 5px rgba(255,255,255,.7) inset}50%{box-shadow:0 5px 5px rgba(255,255,255,.3) inset,0 -5px 5px rgba(255,255,255,.3) inset}100%{box-shadow:0 5px 5px rgba(255,255,255,.7) inset,0 -5px 5px rgba(255,255,255,.7) inset}}.filo__template-1 .filo__album__thumbs__thumb{position:relative}.filo__template-1 .filo__album__thumbs__thumb i{border:1px dashed #555;-webkit-box-shadow:3px 4px 6px #999;-moz-box-shadow:3px 4px 6px #999;box-shadow:3px 4px 6px #999}.filo__template-1 .filo__album__thumbs__thumb .before{display:block}.filo__template-2 .filo__album__thumbs__thumb{background:none repeat scroll 0 0 #FFF;border:1px solid #BBB;box-shadow:0 8px 4px #CCC;height:87px;position:relative;width:87px;padding:5px 5px 13px;margin-bottom:30px}.filo__template-2 .filo__album__thumbs__thumb i{border:0}.filo__template-2 .filo__album__thumbs__thumb .before{display:block}.filo__template-2 .filo__album__thumbs__thumb:nth-child(3n+1){-moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg);z-index:2}.filo__template-2 .filo__album__thumbs__thumb:nth-child(3n+2){margin-left:-100px}.filo__template-2 .filo__album__thumbs__thumb:nth-child(3n){-moz-transform:rotate(15deg);-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);-o-transform:rotate(15deg);z-index:3;margin-left:-100px;margin-right:100px}.filo__template-2 .filo__album__thumbs__thumb:after{content:'\A';display:block;clear:both;float:none}