#container{width:41.25em;text-align:center;padding:0 1.25em;margin:3.125em auto 6.25em;}
#container h1{font-size:2.125em;line-height:0.882em;text-transform:uppercase;}
#container h1 span{font-size:0.588em;line-height:1em;color:#aaa;display:block;}
#container h1 a:hover,
#container h1 a:hover span,
#container h1 a:focus,
#container h1 a:focus span{color:#666;}
#container h2{border-top:1px solid #ddd;padding-top:1.875em;margin-top:1.875em;margin-bottom:0.625em;}
#container h2 span{color:#666;}
#container h2[data-caption]:before{font-size:0.875rem;font-weight:300;color:#fff;background-color:#c00;display:inline-block;content:attr(data-caption);padding:0.125rem 0.313rem;margin-right:0.625rem;-webkit-transform:rotate(-8deg);-ms-transform:rotate(-8deg);transform:rotate(-8deg);}
#container ul{}
#container li{display:inline-block;margin:0.625em;}
#container img{width:8.75em;height:8.75em;border-color:#eee;border:0.625em solid rgba(255, 255, 255, .5);-webkit-box-shadow:0 0 0.313em rgba(0, 0, 0, .05);box-shadow:0 0 0.313em rgba(0, 0, 0, .05);-webkit-transition:-webkit-box-shadow .3s ease, border-color .3s ease;transition:box-shadow .3s ease, border-color .3s ease;}
#container img:hover,
#container img:focus{border-color:#fff;-webkit-box-shadow:0 0 0.938em rgba(0, 0, 0, .25);box-shadow:0 0 0.938em rgba(0, 0, 0, .25);}
/*footer{font-size:0.875em;color:#aaa;border-top:1px solid #ddd;padding-top:2.143em;margin-top:2.143em;}*/
/* IMAGE LIGHTBOX SELECTOR */
#imagelightbox{cursor:pointer;position:fixed;z-index:10000;-ms-touch-action:none;touch-action:none;
-webkit-box-shadow:10px 15px 30px 0px #fff;box-shadow:10px 15px 30px 0px #fff;
}
/* ACTIVITY INDICATION */
#imagelightbox-loading,
#imagelightbox-loading div{border-radius:50%;}
#imagelightbox-loading{width:2.5em;height:2.5em;background-color:#444;background-color:rgba(0, 0, 0, .5);position:fixed;z-index:10003;top:50%;left:50%;padding:0.625em;margin:-1.25em 0 0 -1.25em;-webkit-box-shadow:0 0 2.5em rgba(0, 0, 0, .75);box-shadow:0 0 2.5em rgba(0, 0, 0, .75);}
#imagelightbox-loading div{width:1.25em;height:1.25em;background-color:#fff;-webkit-animation:imagelightbox-loading .7s ease infinite;animation:imagelightbox-loading .7s ease infinite;}
@-webkit-keyframes imagelightbox-loading{
from{opacity:.5;-webkit-transform:scale(4.75);}
50%{opacity:1;-webkit-transform:scale(1);}
to{opacity:.5;-webkit-transform:scale(4.75);}
}
@keyframes imagelightbox-loading{from{
opacity:.5;transform:scale(4.75);}
50%{opacity:1;transform:scale(1);}
to{opacity:.5;transform:scale(4.75);}
}
/* OVERLAY */
#imagelightbox-overlay{background-color:#fff;background-color:rgba(255, 255, 255, .9);position:fixed;z-index:9998;top:0;right:0;bottom:0;left:0;background-color:#3A3A3A;opacity:0.95;}
/* "CLOSE" BUTTON */
#imagelightbox-close{width:30px;height:30px;text-align:left;background-color:#777;border-radius:20%;position:fixed;z-index:10002;top:4.5em;right:3.5em;-webkit-transition:color .3s ease;transition:color .3s ease;}
#imagelightbox-close:hover,
#imagelightbox-close:focus{background-color:#111;}
#imagelightbox-close:before,
#imagelightbox-close:after{width:2px;background-color:#fff;content:'';position:absolute;top:20%;bottom:20%;left:50%;margin-left:-1px;}
#imagelightbox-close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
#imagelightbox-close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
/* CAPTION */
#imagelightbox-caption{text-align:center;font-size:120%;color:#fff;background-color:#666;position:fixed;z-index:10001;left:0;right:0;bottom:0;padding:0.425em;max-width:100%;top:0px;height:28px;background-color:#333333;box-shadow:0px 7px 28px #fff;}
/* NAVIGATION */
#imagelightbox-nav{background-color:#444;background-color:rgba(0, 0, 0, .5);border-radius:20px;position:fixed;z-index:10001;left:50%;bottom:3.75em;padding:0.313em;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
#imagelightbox-nav button{width:1em;height:1em;background-color:transparent;border:1px solid #fff;border-radius:50%;display:inline-block;margin:0 0.313em;}
#imagelightbox-nav button.active{background-color:#fff;}
/* ARROWS */
.imagelightbox-arrow{width:3.75em;height:7.5em;background-color:#444;background-color:rgba(0, 0, 0, .5);vertical-align:middle;display:none;position:fixed;z-index:10001;top:50%;margin-top:-3.75em;}
.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus{background-color:#666;background-color:rgba(0, 0, 0, .75);}
.imagelightbox-arrow:active{background-color:#111;}
.imagelightbox-arrow-left{left:2.5em;}
.imagelightbox-arrow-right{right:2.5em;}
.imagelightbox-arrow:before{width:0;height:0;border:1em solid transparent;content:'';display:inline-block;margin-bottom:-0.125em;}
.imagelightbox-arrow-left:before{border-left:none;border-right-color:#fff;margin-left:-0.313em;}
.imagelightbox-arrow-right:before{border-right:none;border-left-color:#fff;margin-right:-0.313em;}
#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow{
-webkit-animation:fade-in .5s linear;
animation:fade-in .5s linear;
}
@-webkit-keyframes fade-in{from{opacity:0;}to{opacity:1;}}
@keyframes fade-in{from{opacity:0;}to{opacity:1;}}
@media only screen and (max-width:41.250em){
#container{width:100%;}
#imagelightbox-close{top:5.25em;right:1.4em;}
#imagelightbox-nav{bottom:1.25em;}
.imagelightbox-arrow{width:2.5em;height:3.75em;margin-top:-2.75em;}
.imagelightbox-arrow-left{left:1.25em;}
.imagelightbox-arrow-right{right:1.25em;}
}
@media only screen and (max-width:20em){
.imagelightbox-arrow-left{left:0;}
.imagelightbox-arrow-right{right:0;}
#imagelightbox-close{right:0;}
}
@media screen and (max-width:719px){#imagelightbox-caption{height:50px;font-size:120%;}}
@media screen and (max-width:479px){#imagelightbox-caption{font-size:110%;}}