@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: local('Fjalla One'), local('FjallaOne-Regular'), url(http://fonts.gstatic.com/s/fjallaone/v4/rxxXUYj4oZ6Q5oDJFtEd6vk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'), url(http://fonts.gstatic.com/s/fjallaone/v4/rxxXUYj4oZ6Q5oDJFtEd6hsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

html {
				/* killing 300ms touch delay in IE */
				-ms-touch-action: manipulation;
				touch-action: manipulation;
}

/* IMAGE LIGHTBOX SELECTOR */


#imagelightbox {
				cursor: pointer;
				position: fixed;
				z-index: 10000;
				-ms-touch-action: none;
				touch-action: none;
				-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
				box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
}

/* ACTIVITY INDICATION */


#imagelightbox-loading,  #imagelightbox-loading div {
				border-radius: 50%;
}

#imagelightbox-loading {
				width: 2.5em; /* 40 */
				height: 2.5em; /* 40 */
				background-color: #444;
				background-color: rgba( 0, 0, 0, .5 );
				position: fixed;
				z-index: 10003;
				top: 50%;
				left: 50%;
				padding: 0.625em; /* 10 */
				margin: -1.25em 0 0 -1.25em; /* 20 */
				-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
				box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
}

#imagelightbox-loading div {
				width: 1.25em; /* 20 */
				height: 1.25em; /* 20 */
				background-color: #fff;
				-webkit-animation: imagelightbox-loading .5s ease infinite;
				animation: imagelightbox-loading .5s ease infinite;
}
 @-webkit-keyframes 
imagelightbox-loading {
 from {
opacity: .5;
-webkit-transform: scale( .75 );
}
 50% {
opacity: 1;
-webkit-transform: scale( 1 );
}

to {
				opacity: .5;
				-webkit-transform: scale( .75 );
}
}
 @keyframes 
imagelightbox-loading {
 from {
opacity: .5;
transform: scale( .75 );
}
 50% {
opacity: 1;
transform: scale( 1 );
}

to {
				opacity: .5;
				transform: scale( .75 );
}
}

/* OVERLAY */


#imagelightbox-overlay {
				background-color: #fff;
				background-color: rgba( 0, 0, 0, .9 );
				position: fixed;
				z-index: 9998;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
}

/* "CLOSE" BUTTON */


#imagelightbox-close {
				width: 2.5em; /* 40 */
				height: 2.5em; /* 40 */
				text-align: left;
				background-color: #666;
				border-radius: 50%;
				position: fixed;
				z-index: 10002;
				top: 2.5em; /* 40 */
				right: 2.5em; /* 40 */
				-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;
				color: #fff;
				background-color: #666;
				position: fixed;
				z-index: 10001;
				left: 0;
				right: 0;
				bottom: 0;
				padding: 0.625em; /* 10 */
}

/* 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; /* 60 */
				padding: 0.313em; /* 5 */
				-webkit-transform: translateX( -50% );
				-ms-transform: translateX( -50% );
				transform: translateX( -50% );
}

#imagelightbox-nav button {
				width: 1em; /* 20 */
				height: 1em; /* 20 */
				background-color: transparent;
				border: 1px solid #fff;
				border-radius: 50%;
				display: inline-block;
				margin: 0 0.313em; /* 5 */
}

#imagelightbox-nav button.active {
				background-color: #fff;
}

/* ARROWS */


.imagelightbox-arrow {
				width: 3.75em; /* 60 */
				height: 7.5em; /* 120 */
				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; /* 60 */
}

.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; /* 40 */
}

.imagelightbox-arrow-right {
				right: 2.5em; /* 40 */
}

.imagelightbox-arrow:before {
				width: 0;
				height: 0;
				border: 1em solid transparent;
				content: '';
				display: inline-block;
				margin-bottom: -0.125em; /* 2 */
}

.imagelightbox-arrow-left:before {
				border-left: none;
				border-right-color: #fff;
				margin-left: -0.313em; /* 5 */
}

.imagelightbox-arrow-right:before {
				border-right: none;
				border-left-color: #fff;
				margin-right: -0.313em; /* 5 */
}

#imagelightbox-loading,  #imagelightbox-overlay,  #imagelightbox-close,  #imagelightbox-caption,  #imagelightbox-nav,  .imagelightbox-arrow {
				-webkit-animation: fade-in .25s linear;
				animation: fade-in .25s 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) /* 660 */ {


#imagelightbox-close {
				top: 1.25em; /* 20 */
				right: 1.25em; /* 20 */
}

#imagelightbox-nav {
				bottom: 1.25em; /* 20 */
}

.imagelightbox-arrow {
				width: 2.5em; /* 40 */
				height: 3.75em; /* 60 */
				margin-top: -2.75em; /* 30 */
}

.imagelightbox-arrow-left {
				left: 1.25em; /* 20 */
}

.imagelightbox-arrow-right {
				right: 1.25em; /* 20 */
}
}
 @media only screen and (max-width: 20em) /* 320 */ {

.imagelightbox-arrow-left {
				left: 0;
}

.imagelightbox-arrow-right {
				right: 0;
}
}