﻿#Galleries{
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #e9e9e9;
}
    #Galleries div.gallery{
        overflow: hidden;
        padding: 16px 0px 16px 0px;
        border-top: 1px solid #e9e9e9;
        border-bottom: 1px solid #cccccc;
    }
        #Content #Galleries div.gallery h2{
            padding-bottom: 6px;
            font-size: 24px;
            line-height: 32px;
        }
        #Content #Galleries div.gallery p {
            padding-bottom: 6px;
        }
        #Galleries div.gallery div.thumb-strip{
            position: relative;
            padding: 4px 38px 4px 4px;
            background-color:#ffffff;
            overflow: hidden;
        }
            #Galleries div.gallery div.thumb-strip div.thumb{
                float: left;
                width: 20%;
                padding-right: 2px;
                overflow: hidden;

                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }
                #Galleries div.gallery div.thumb-strip div.thumb div.image{
                    padding-bottom:100%;
                    overflow: hidden;

                    background-size: cover;
                    background-position: center center;
                    background-repeat: no-repeat;
                }
            #Galleries div.gallery div.thumb-strip span.arrow{
                position: absolute;
                right: 8px;
                top: 50%;
                width: 17px;
                height: 60px;
                margin-top: -30px;

                background-image: url(/images/icons/nextArrow23508b.png);
                background-size: 17px 60px;
                background-position: center center;
                background-repeat: no-repeat;
            }
            #Galleries div.gallery div.thumb-strip a{
                z-index: 2;
                position: absolute;
                right: 38px;
                top: 0px;
                bottom: 0px;
                left: 0px;
                background: rgba(255,255,255,.8);
                opacity: 0;
            }
                #Galleries div.gallery div.thumb-strip a span{
                    position: absolute;
                    top: 50%;
                    right: 60px;
                    height: 40px;
                    margin-top: -20px;
                    opacity: 0;

                    line-height: 40px;
                    font-size: 28px;
                    font-family: Oswald, Arial, Verdana, Tahoma, sans-serif;
                    text-align: right;
                            
                    -webkit-transition: right 300ms, left 300ms, opacity 300ms;
				    -moz-transition: right 300ms, left 300ms, opacity 300ms;
				    -o-transition: right 300ms, left 300ms, opacity 300ms;
				    -ms-transition: right 300ms, left 300ms, opacity 300ms;
				    transition: right 300ms, left 300ms, opacity 300ms;
                }
            #Galleries div.gallery div.thumb-strip a:hover{
                    opacity: 1;
                    -webkit-transition: right 300ms, left 300ms, opacity 300ms;
				    -moz-transition: right 300ms, left 300ms, opacity 300ms;
				    -o-transition: right 300ms, left 300ms, opacity 300ms;
				    -ms-transition: right 300ms, left 300ms, opacity 300ms;
				    transition: right 300ms, left 300ms, opacity 300ms;
            }
                #Galleries div.gallery div.thumb-strip a:hover span{
                    opacity: 1;
                    right: 8px;
                }

@media(max-width: 640px) {
    #Galleries div.gallery div.thumb-strip div.thumb {
        width: 25%;
    }
    #Galleries div.gallery div.thumb-strip div.thumb:nth-child(5){
        display: none;
    }
}
@media(max-width: 440px) {
    #Galleries div.gallery div.thumb-strip div.thumb {
        width: 33.33%;
    }
    #Galleries div.gallery div.thumb-strip div.thumb:nth-child(4){
        display: none;
    }
}
