/**
 * Galleria Classic Theme 2016-09-03
 * http://galleria.io
 *
 * Copyright (c) 2010 - 2016 worse is better UG
 * Licensed under the MIT license
 * https://raw.github.com/worseisbetter/galleria/master/LICENSE
 *
 */

#galleria
{
width: 100%;
height: 560px;
margin: 0px 0px 2em 0px;
background: #eee;
clear:both;
}

#galleria-loader
{
height: 1px !important
}

.galleria-theme-classic
{
position: relative;
overflow: hidden;
background:#000;
}

.galleria-theme-classic img
{
-moz-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}

.galleria-theme-classic .galleria-images .galleria-image img
{
top:0px !important;
}

.galleria-theme-classic .galleria-stage
{
position: absolute;
top: 0px;
bottom: 60px;
left: 0px;
right: 0px;
overflow: hidden;
width:100%;
}

.galleria-theme-classic .galleria-thumbnails-container
{
height: 60px;
bottom: 0;
position: absolute;
left: 0px;
right: 0px;
z-index: 2;
background:#000;
}

.galleria-theme-classic .galleria-carousel .galleria-thumbnails-list
{
margin-left: 0px;
margin-right: 0px;
}

.galleria-theme-classic .galleria-thumbnails .galleria-image
{
height: 60px;
width: 60px;
background:none;
margin: 0 1px 0 0px;
/*border: 1px solid #000;*/
float: left;
cursor: pointer;
box-sizing: border-box;
}

.galleria-theme-classic .galleria-images .galleria-image img
{
height: 100% !important;
width: auto !important;
margin: 0 auto 0 auto;
}

.galleria-theme-classic .galleria-counter
{
position: absolute;
bottom: 10px;
left: 10px;
text-align: right;
color: #fff;
font: normal 11px/1 arial, sans-serif;
z-index: 1;
}

.galleria-theme-classic .galleria-loader
{
background: #eee;
width: 30px;
height: 30px;
position: absolute;
/*top: 5px;
right: 5px;*/
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 2;
display: none;
background: url(classic-loader.gif) no-repeat 2px 2px;
}

.galleria-theme-classic .galleria-info
{
width: 50%;
top: 5px;
left: 5px;
z-index: 2;
position: absolute;
}

.galleria-theme-classic .galleria-info-text
{
background:rgba(0,0,0,0.7);
padding: 1em;
display: none;
/* IE7 */ zoom: 1;
}

.galleria-theme-classic .galleria-info-title
{
font: 70% sans-serif;
margin: 0;
color: #fff;
margin-bottom: 7px;
}

.galleria-theme-classic .galleria-info-description
{
font: 70% sans-serif;
margin: 0;
color: #bbb;
}

.galleria-theme-classic .galleria-info-close
{
width: 9px;
height: 9px;
position: absolute;
top: 5px;
right: 5px;
background-position: -753px -11px;
opacity: .5;
filter: alpha(opacity=50);
cursor: pointer;
display: none;
}

.galleria-theme-classic .notouch .galleria-info-close:hover
{
opacity: 1;
filter: alpha(opacity=100);
}

.galleria-theme-classic .touch .galleria-info-close:active
{
opacity: 1;
filter: alpha(opacity=100);
}

.galleria-theme-classic .galleria-info-link
{
background-position: -669px -5px;
opacity: .7;
filter: alpha(opacity=70);
position: absolute;
width: 20px;
height: 20px;
cursor: pointer;
background-color: #000;
}

.galleria-theme-classic.notouch .galleria-info-link:hover
{
opacity: 1;
filter: alpha(opacity=100);
}

.galleria-theme-classic.touch .galleria-info-link:active
{
opacity: 1;
filter: alpha(opacity=100);
}

.galleria-theme-classic .galleria-image-nav
{
position: absolute;
top: 50%;
margin-top: -62px;
width: 100%;
height: 62px;
left: 0;
}

.galleria-theme-classic .galleria-image-nav-left,
.galleria-theme-classic .galleria-image-nav-right
{
opacity: .3;
filter: alpha(opacity=30);
cursor: pointer;
width: 62px;
height: 124px;
position: absolute;
left: 10px;
z-index: 2;
background-position: 0 46px;
}

.galleria-theme-classic .galleria-image-nav-right
{
left: auto;
right: 10px;
background-position: -254px 46px;
z-index: 2;
}

.galleria-theme-classic.notouch .galleria-image-nav-left:hover,
.galleria-theme-classic.notouch .galleria-image-nav-right:hover
{
opacity: 1;
filter: alpha(opacity=100);
}

.galleria-theme-classic.touch .galleria-image-nav-left:active,
.galleria-theme-classic.touch .galleria-image-nav-right:active
{
opacity: 1;
filter: alpha(opacity=100);
}

.galleria-theme-classic .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-thumb-nav-right
{
cursor: pointer;
display: none;
background-position: -495px 15px;
position: absolute;
left: 0;
top: 0;
height: 60px;
width: 23px;
z-index: 3;
opacity: .8;
filter: alpha(opacity=80);
}

.galleria-theme-classic .galleria-thumb-nav-right
{
background-position: -578px 15px;
border-right: none;
right: 0;
left: auto;
}

.galleria-theme-classic .galleria-thumbnails-container .disabled
{
opacity: .2;
filter: alpha(opacity=20);
cursor: default;
}

.galleria-theme-classic.notouch .galleria-thumb-nav-left:hover,
.galleria-theme-classic.notouch .galleria-thumb-nav-right:hover
{
opacity: 1;
filter: alpha(opacity=100);
background-color: #111;
}

.galleria-theme-classic.touch .galleria-thumb-nav-left:active,
.galleria-theme-classic.touch .galleria-thumb-nav-right:active
{
opacity: 1;
filter: alpha(opacity=100);
background-color: #111;
}

.galleria-theme-classic.notouch .galleria-thumbnails-container .disabled:hover
{
opacity: .2;
filter: alpha(opacity=20);
background-color: transparent;
}

.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-right
{
display: block;
}

.galleria-theme-classic .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-thumb-nav-right,
.galleria-theme-classic .galleria-info-link,
.galleria-theme-classic .galleria-info-close,
.galleria-theme-classic .galleria-image-nav-left,
.galleria-theme-classic .galleria-image-nav-right
{
background-image: url(classic-map.png);
background-repeat: no-repeat;
}

.galleria-theme-classic.galleria-container.videoplay .galleria-info,
.galleria-theme-classic.galleria-container.videoplay .galleria-counter
{
display: none !important;
}

.galleria-fullscreen
{
width: 20px;
height: 20px;
position: absolute;
top: 5px;
right: 5px;
background:url(fs_open.png);
background-size:contain;
z-index: 10;
cursor: pointer;
opacity:0.8;
}

.galleria-fullscreen:hover,
.fullscreen .galleria-fullscreen:hover
{
opacity:1 !important;
}

.fullscreen .galleria-fullscreen
{
width: 20px;
height: 20px;
position: absolute;
top: 5px;
right: 5px;
background: url(fs_close.png);
background-size:contain;
z-index: 10;
cursor: pointer;
}



 @media screen and (max-width: 1024px) {

#galleria
{
height: 480px;
}
}
 @media screen and (max-width: 979px) {
}
 @media screen and (max-width: 767px) {

#galleria
{
height: 360px;
}
}
 @media screen and (max-width: 479px) {

#galleria
{
height: 300px;
}
}