@font-face {
	font-family: 'galleryIcons';
	src:url('assets/icons.eot?-z10hjo');
	src:url('assets/icons.eot?#iefix-z10hjo') format('embedded-opentype'),
		url('assets/icons.woff?-z10hjo') format('woff'),
		url('assets/icons.ttf?-z10hjo') format('truetype'),
		url('assets/icons.svg?-z10hjo#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Govern all transitions */
.css-trns { 
	-webkit-transition: opacity 200ms ease-in-out, left 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out, left 200ms ease-in-out;
    -ms-transition: opacity 200ms ease-in-out, left 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out, left 200ms ease-in-out;
    transition: opacity 200ms ease-in-out, left 200ms ease-in-out;
} 

.gallery { max-width:100%; width:100%; height:100%; position:absolute; background-color:rgba(238,238,238,0.8); overflow:hidden;}
.gallery img {max-width:100%; max-height:100%; }

.gallery .selected-media-container { position:relative; height:calc(100% - 120px); }
.lt-ie9 .gallery .selected-media-container { }

.gallery .selected-media-container .target-elem { width:100%; height:100%; text-align:center; position:relative; }
.gallery .selected-media-container .target-elem > img,
.gallery .selected-media-container .target-elem > div { position:absolute; top:50%; left:50%; max-height:calc(100% - 40px); max-width:92%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.gallery .selected-media-container .target-elem > .fade-out { opacity:0; -ms-filter: "alpha(opacity:0)";}

.gallery .media-library { overflow:hidden; position:relative; left:4%; width:92%; height:100px; }
.gallery .media-library ul { width:100%; height:100%; white-space: nowrap; padding:0; margin:0; left:0px; position:relative; }
.gallery .media-library li { list-style: none; display:inline-block; margin:0px 5px; height:100%; cursor:pointer; position:relative;}
.gallery .media-library li img { height:inherit;}
.gallery .media-library li a { height:inherit; opacity:0.8; -ms-filter: "alpha(opacity=80)"; text-decoration:none;}
.gallery .media-library li a:hover { opacity:1;}
.gallery .media-library li.active a { opacity:0.3; -ms-filter: "alpha(opacity=30)";}
.gallery .media-library li a.video:after {font-family: 'galleryIcons'; display:block; font-size:30px; line-height:70px; content:"a"; text-align:center; position:absolute; top:50%; left:50%;  margin-top:-35px; margin-left:-16px;color:#00a9cd; z-index:10;}
.gallery .media-library li a.video:before {font-family: 'galleryIcons'; display:block; font-size:70px; line-height:70px; content:"A"; position:absolute; top:50%; left:50%; margin-top:-35px; margin-left:-35px; color:white; z-index:9;}

.gallery .nav { display:block; position:absolute; width:45px; height:50px; top:50%; margin-top:-25px; color:#00aabc; font-size:30px; text-decoration:none; text-align:center; line-height:50px; opacity:0; -ms-filter:"alpha(opacity=0)"; font-family: "galleryIcons"; display:block; background-color:rgba(255,255,255,0.9);}
.gallery:hover .nav {opacity:1; -ms-filter:"alpha(opacity=100)";}
.gallery .nav.left { left:0px; }
.gallery .nav.right { right:0px; }
.gallery .nav.eol { opacity:0; -ms-filter:"alpha(opacity=0)"; }

.gallery.lt-ie9 { background-image:url(assets/opacity-pixel.png);}
.gallery.lt-ie9 .nav {background-color:#fff;}
.gallery.lt-ie9 .selected-media-container { position:relative; }
.gallery.lt-ie9 .selected-media-container .target-elem { width:92%; height:92%; text-align:center; }
.gallery.lt-ie9 .selected-media-container .target-elem > img,
.gallery.lt-ie9 .selected-media-container .target-elem > div { position:absolute; top:50%; left:50%; max-height: 92% }
.gallery.lt-ie9 .selected-media-container .target-elem > .fade-out { display:none; }

.gallery.hide-thumbnails .media-library { text-align:center; margin-top:-50px; width:100%; background-color:#fff; left:0%; height:50px;}
.gallery.hide-thumbnails .media-library > ul { left:0px !important; top:10px;}
.gallery.hide-thumbnails .media-library li { margin:0; }
.gallery.hide-thumbnails .media-library ul li img { display:none; }
.gallery.hide-thumbnails .media-library ul li a { position:relative; width:20px; height:20px; display:inline-block;}
.gallery.hide-thumbnails .media-library ul li a:after { content:'A'; font-family: 'galleryIcons';line-height:inherit; color:#fff; font-size:20px; position:absolute; top:50%; left:50%; margin:-10px 0px 0px -10px; z-index:10; }
.gallery.hide-thumbnails .media-library ul li a:before { content:'A'; font-family: 'galleryIcons'; line-height:inherit; color:#00a9ca; font-size:24px; line-height:23px; position:absolute; top:50%; left:50%; margin:-7px 0px 0px -12px; z-index:1;}
.gallery.hide-thumbnails .media-library ul li.active a {opacity:1; -ms-filter:"alpha(opacity=100)";}
.gallery.hide-thumbnails .media-library ul li.active a:after {color:#00a9ca;}
.gallery.hide-thumbnails .nav { bottom:0px; top:auto; margin:0; opacity:1; -ms-filter:"alpha(opacity=100)"; z-index:100;}
.gallery.hide-thumbnails .selected-media-container .target-elem > img {max-width:100%; max-height:100%;}
.gallery.hide-thumbnails .nav.eol { opacity:0.3; -ms-filter:"alpha(opacity=30)"; }

.gallery.hide-thumbnails .selected-media-container { position:relative; height:100%; width:100%; }
.gallery.hide-thumbnails .selected-media-container .target-elem { width:100%; height:calc(100% - 50px); text-align:center; }