/* Galleria Classic Theme 2012-08-07 | https://raw.github.com/aino/galleria/master/LICENSE | (c) Aino */

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

.galleria-theme-classic {
    position: relative;
    overflow: hidden;
    background: #fff;
}
.galleria-theme-classic img {
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.galleria-theme-classic .galleria-stage {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow:hidden;
}
.galleria-theme-classic .galleria-thumbnails-container {
    height: 14%;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
}


.galleria-thumbnails-list{
    height: 100% !important;
}
.galleria-theme-classic .galleria-carousel .galleria-thumbnails-list {
    margin-left: 30px;
    margin-right: 30px;
}
.galleria-thumbnails{
    height: 100% !important;
}
.galleria-theme-classic .galleria-thumbnails .galleria-image img {
    position: absolute;
    /* if z-index is set to -1 the thumbs aren't clickable in Firefox 
     the "-1" is to make an inset border around the selected image.
     I opted to use the outline property in combination with outline-offset
     to achieve this affect. This method is not supported by IE 10. 
     setting the image behind it’s container makes it not clickable in FF.
     we do this to get the blue border around the image without changing the size of the thumb.
     images don’t show inset borders.
     or inset box-shadows.
     so “Sophie’s Choice”.
     */
    /*z-index: -1;*/
}
.galleria-theme-classic .galleria-thumbnails .galleria-image {
    background-color: #FFF;
    background-color: rgba(255,255,255,0);
    margin: 0 5px 0 0;
    float: left;
    cursor: pointer;
    height: 100% !important;
    width: auto !important;
}
.galleria-theme-classic .galleria-thumbnails .galleria-image img {
    /* if z-index is set to -1 the thumbs aren't clickable in Firefox */
    /*z-index: -1;*/
    left: auto !important;
    height: 100% !important;
    width: auto !important;
    position: relative !important;
}

.galleria-theme-classic .galleria-thumbnails .galleria-image {
    position:static !important;
}

.galleria-thumbnails .galleria-image img:hover {
    outline: 1px solid rgb(26, 155, 252);
    outline-offset: -1px;
}
.galleria-theme-classic .galleria-thumbnails .active img {
    outline: 2px solid rgb(26, 155, 252);
    outline-offset: -2px;
}

.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 {
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #09f;
    position: absolute;
    top: calc(50% - 80px);
    left: calc(50% - 20px); 
    font-size: 2rem;
    z-index: 2;
    display: none;
}
.galleria-theme-classic .galleria-loader:before {
    content: "\f110";
}
.galleria-theme-classic .galleria-info {
    width: 50%;
    top: 15px;
    left: 15px;
    z-index: 2;
    position: absolute;
}
.galleria-theme-classic .galleria-info-text {
    background-color: #000;
    padding: 12px;
    display: none;
    /* IE7 */ zoom:1;
}
.galleria-theme-classic .galleria-info-title {
    font: bold 12px/1.1 arial,sans-serif;
    margin: 0;
    color: #fff;
    margin-bottom: 7px;
}
.galleria-theme-classic .galleria-info-description {
    font: italic 12px/1.4 georgia,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: calc(42.5% - 50px);
    width: 100%;
    height:100px;
    left: 0;
}
.galleria-theme-classic .galleria-image-nav-left,
.galleria-theme-classic .galleria-image-nav-right {
    background:#000;
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: pointer;
    width: 50px;
    height: 100px;
    position: absolute;
    left: 0;
    z-index: 2;
    background-position: 15px center;
}
.galleria-theme-classic .galleria-image-nav-right {
    left: auto;
    right: 0;
    background-position: -280px center;
    z-index: 2;
}
.galleria-theme-classic.notouch .galleria-image-nav-left:hover,
.galleria-theme-classic.notouch .galleria-image-nav-right:hover {
    background-color:#09f;
    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 {
    background:#000;
    cursor: pointer;
    display: none;
    background-position: -493px center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 30px;
    z-index: 3;
    opacity: .3;
    filter: alpha(opacity=30);
}
.galleria-theme-classic .galleria-thumb-nav-right {
    background-position: -572px center;
    border-right: none;
    right: 0;
    left: auto;
}
.galleria-theme-classic .galleria-thumbnails-container .disabled {
    opacity: 0;
    filter: alpha(opacity=0);
    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:#09f;
}
.galleria-theme-classic.touch .galleria-thumb-nav-left:active,
.galleria-theme-classic.touch .galleria-thumb-nav-right:active {
    opacity: 1;
    filter: alpha(opacity=100);
}
.galleria-theme-classic.notouch .galleria-thumbnails-container .disabled:hover {
    opacity: 0;
    filter: alpha(opacity=0);
    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; }


@media only screen and (max-width: 679px) {
    .galleria-theme-classic .galleria-thumbnails-container {
        height:14%;
    }

    .galleria-theme-classic .galleria-thumbnails .galleria-image {
        margin-right:3px;
    }

}