@import "/_beta/css/fontface.css";

/* ----------------------------------------------*/
/* Document */
/* ----------------------------------------------*/
h1{
    font-family:Georgia;
    font-style:italic;
}
.galleries .title, .galleries .h1.title, .galleries h2.title, .galleries h3.title{
    font-family:Georgia;

}
h3{
    font-style:italic;
}
.galleries{
    font-family:Average;
    margin-bottom:3em;
    color: #1e282f;
    font-size:16px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

.galleries, .galleries * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.galleries *:before,
.galleries *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.galleries a, .galleries a span{
    -webkit-transition: background-color 300ms ease, border-color 300ms ease, color 300ms ease;
    -moz-transition: background-color 300ms ease, border-color 300ms ease, color 300ms ease;
    -ms-transition: background-color 300ms ease, border-color 300ms ease, color 300ms ease;
    -o-transition: background-color 300ms ease, border-color 300ms ease, color 300ms ease;
    transition: background-color 300ms ease, border-color 300ms ease, color 300ms ease;
}
.galleries .title, .galleries .h1.title, .galleries h2.title, .galleries h3.title{
    font-weight: normal;
    color: #1e282f;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.galleries .txt-btn{
    font-family: Average;
    text-transform: uppercase;
    color:#62a5a1;
    text-decoration: none;
}
.galleries a.txt-btn:hover{ color:#01698a; }
.hidden{ display: none!important; }

/* ----------------------------------------------*/
/* Grid */
/* ----------------------------------------------*/
.container{
    width:960px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}
.row {
    position: relative;
    margin-left: -10px;
    margin-right: -10px;
}
.col {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
}
.col-12{ width:100%; }
.col-11{ width:91.66666667%; }
.col-10{ width:83.33333333%; }
.col-9{ width:75%; }
.col-8{ width:66.66666667%; }
.col-7{ width:58.33333333%; }
.col-6{ width:50%; }
.col-5{ width:41.66666667%; }
.col-4{ width:33.33333333%; }
.col-3{ width:25%; }
.col-2{ width:16.66666667%; }
.col-1{ width:8.33333333%; }

.clearfix:after, .container:after, .row:after { clear: both; }
.clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after{
    content: " ";
    display: table;
}

/* ----------------------------------------------*/
/* Breadcrumb */
/* ----------------------------------------------*/
.top.galleries .breadcrumb{
    font-family:HelveticaNeueLT-Light, Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* ----------------------------------------------*/
/* Title */
/* ----------------------------------------------*/
.galleries h1{
    font-family:Georgia, serif;
    font-size: 32px; line-height: 1;
    font-weight: normal;
    text-align: center;
    margin:30px 0;
}

/* ----------------------------------------------*/
/* Feature */
/* ----------------------------------------------*/

.galleries .feature {
    text-align: center;
    margin-bottom:11px;
    float:left; clear:none;
    width:100%;
}
.galleries .feature a{
    display: block; float: left; text-decoration: none;
    color:#1e282f; background:#fff; width:100%;
    position: relative;
}
.galleries .feature a:hover{ background:#62a5a1; }
.galleries .feature a:hover .details .category{ border-bottom-color: #fff; }
.galleries .feature a:hover .details .category,
.galleries .feature a:hover .details .title,
.galleries .feature a:hover .details .description,
.galleries .feature a:hover .details .txt-btn{
    color: #fff;
}
.galleries .feature .splash{
    display: none; background:rgba(0,0,0,0.6);
    position: absolute; top:0; left:0;
    width: 100%; height:100%;
}
.galleries .feature .splash .view-gallery{
    color: #fff;
    font-size: 14px; line-height: 1;
    font-family: 'TrendSlabOne';
    width: 100%; text-align: center;
    position: absolute; top:50%; left:0; margin-top:-30px;
}
.galleries .feature .details{
    display: block; float:left; clear:none; width:50%;
    padding:30px 15px;  position: relative;
}
.galleries .feature .details .category{
    display: block; width:100%;
    font-size: 14px; line-height: 1;
    margin:7px 0 10px 0;
    padding:0 0 10px 0;
    border-bottom:solid #1e282f 1px;
    text-transform: uppercase;
    font-weight: bold;
}
.galleries .feature .details .title{
    display: block; width: 100%;
    font-size: 28px; line-height: 1.2;
    margin:0 0 5px 0; padding:0;
}
.galleries .feature .details .description{
    font-size: 15px; line-height: 1.4;
}
.galleries .feature .details .txt-btn{
    position: absolute; bottom:0; left:50%;
    width:230px; margin-left:-115px;
    font-size:14px; line-height: 1;
}
.galleries .feature img{ width:50%; float:right; }

/* ----------------------------------------------*/
/* Ad unit */
/* ----------------------------------------------*/
#gallery-mpu{
    margin-bottom:15px;
}
#gallery-mpu img{
    width:100%; display: block;
}

/* ----------------------------------------------*/
/* Recent gallery list */
/* ----------------------------------------------*/
.recent-galleries{
    float: left; clear: both; width:100%;
}
ul#gallery-list{
    margin:0;
    padding:0;
    list-style-type:none;
    margin-left:-3px; margin-right:-3px;
}
ul#gallery-list li{
    float:left; width:33.33333%;
    padding:15px 3px;
}
ul#gallery-list li a{
    display: block;
    text-decoration: none;
    display: table;
}
ul#gallery-list li a .wrapper{ position: relative; display: block; }
ul#gallery-list li a .wrapper img{
    width:100%; display: block;
}
ul#gallery-list li a .wrapper .highlight{
    -webkit-transition: opacity 500ms ease;
    -moz-transition: opacity 500ms ease;
    -ms-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
    opacity:0; background:rgba(0,0,0,0.6);
    display: block; position: absolute; top:0; left:0; width:100%; height:100%;
}
ul#gallery-list li a:hover .wrapper .highlight{ opacity:1; }
ul#gallery-list li a .wrapper .highlight .txt-btn {
    text-align: center; color: #fff;
    position:absolute; top:50%; left:0; margin-top:-6px;
    font-size:12px; line-height: 1;
    width:100%;
}
ul#gallery-list li a .titlewrapper{
    display: table;
    height: 100px;
    width: 100%;
}
ul#gallery-list li a .title{
    display: table-cell;
    font-size: 18px; line-height: 1;
    text-align: center;
    padding:10px;
    background:#fff;
    vertical-align: middle;
}

/* ----------------------------------------------*/
/* Popular galleries */
/* ----------------------------------------------*/
.popular-galleries{
    float: left;
    margin:15px 0;
    width:100%;
}
.popular-galleries h3.title{
    background: #62a5a1;
    color: #fff;
    text-align: center;
    font-size: 22px; line-height: 1;
    margin:0;
    padding:16px 10px;
}
.popular-galleries ol{
    margin:0; padding:0;
    list-style-type: none;
}
.popular-galleries ol li{
    margin:2px 0 0 0; padding:0;
    position: relative;
}
.popular-galleries ol li a{
    display: table; width:100%;
    text-decoration: none; background:#fff;
}
.popular-galleries ol li.selected a{
    background:rgba(255,255,255,0.7);
}
.popular-galleries ol li a:hover{
    background: #62a5a1;
}
.popular-galleries ol li a:hover .number, .popular-galleries ol li a:hover .caption{ color: #fff; }
.popular-galleries ol li a .number{
    color: #62a5a1;
    font-size: 25px; line-height: 1;
    text-align: center;
    display:inline-block;
    position: absolute; top:0; left:0;
    padding:40px 0; width:53px;
}
.popular-galleries ol li a img{
    width:100px; height:100px;
    display: block;
    margin-left:53px;
}
.popular-galleries ol li a .caption{
    font-size: 18px; line-height: 1.2;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height:100px; width:100%;
    top:0; left:0;
    padding:10px;
}

/* ----------------------------------------------*/
/* Single gallery */
/* ----------------------------------------------*/
.single-gallery{
    margin-top:45px;
}
.gallery{
    position: relative;
}
.gallery .row{ position: relative; margin:0; padding:0;  }
.gallery .col-canvas{
    width:74%;
}
.gallery .h1.title{
    background: #62a5a1; color: #fff;
    margin:0; padding:9px;
    text-align: center; font-size: 32px; line-height: 1;
}
.gallery .h1.title.long{
    font-size:22px; line-height: 1;
}
.gallery .canvas{
    position: relative; overflow: hidden;
}
.gallery .canvas img.loading{ width:100%; }
.gallery .canvas span.loading{
    display:block; width:100%; height:100%;
    position: absolute; top:50%; left:50%;
    width:24px; height:24px;
    margin-top:-12px; margin-left:-12px;
    background:url(../images/spinner.png?123) center center no-repeat;
    -webkit-animation: spinner 1s infinite linear; /* Safari 4+ */
    -moz-animation:    spinner 1s infinite linear; /* Fx 5+ */
    -o-animation:      spinner 1s infinite linear; /* Opera 12+ */
    animation:         spinner 1s infinite linear; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes spinner {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@-moz-keyframes spinner {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@-o-keyframes spinner {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@keyframes spinner {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.gallery .canvas a{
    -webkit-transition: opacity 300ms ease;
    -moz-transition: opacity 300ms ease;
    -ms-transition: opacity 300ms ease;
    -o-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
    opacity:0;
}
.no-touch .gallery .canvas:hover a, .gallery .canvas.hint a{
    opacity:0.9;
}

.gallery .canvas .bx-wrapper .bx-controls-direction a{
    display: block; margin-top:-20px; top:50%;
    width:40px; height:40px;
    border-left:solid #fff 17px;
    border-right:solid #fff 17px;
    border-top:solid #fff 5px;
    border-bottom:solid #fff 5px;
}
.gallery .canvas .bx-wrapper .bx-controls-direction a.bx-prev{ background:url(../images/nav-arrows-h.png) 0 0 no-repeat #fff; left:0; }
.gallery .canvas .bx-wrapper .bx-controls-direction a.bx-next{ background:url(../images/nav-arrows-h.png) -26px 0 no-repeat #fff; right:0; }
.gallery .canvas .bx-wrapper .bx-controls-direction a:hover{ background-color:#62a5a1; border-color:#62a5a1; }
.gallery .canvas .bx-wrapper .bx-controls-direction a.bx-prev:hover{ background-position: -32px 0; }
.gallery .canvas .bx-wrapper .bx-controls-direction a.bx-next:hover{ background-position: -58px 0; }

.gallery .canvas img{ width:100%; display: block; }
.gallery .canvas iframe{ width:100%; display: block; border:none; }
.gallery .canvas a.expand{
    display: none; position: absolute; bottom:0; left:0;
    width:51px; height:51px;
    overflow: hidden; text-indent:-3000px;
    background:url(../images/expand.png) 0 0 no-repeat;
}
.gallery .canvas a.expand:hover{ background-position: bottom left; }

.gallery .caption{
    padding:12px;
    position: relative;
    text-align: center;
    background: #ececec;
}
.gallery .caption .count{
    font-size: 33px; line-height: 1;
    display: block;
    position: absolute; top:0; left:0;
    padding:7px 0 0 16px;
}
.gallery .caption .count .current{ color:#62a5a1; }
.gallery .caption .inner{
    padding:0 30px 0 90px;
}
.gallery .caption .inner h3{
    font-size: 26px; margin:0 0 8px 0;
}
.gallery .caption .inner h4{
    font-size: 18px; margin:0 0 8px 0;
}
.gallery .caption .inner p{ margin-bottom:5px; }
.gallery .caption .inner p a{ color: #62a5a1; }
.gallery .caption .inner p a:hover{ color: #01698a; }
.gallery .caption .inner a.txt-btn{ font-size: 14px; }
.gallery .caption .inner span.credit{
    color: #3f3f3f; text-transform: uppercase; text-decoration: none;
    margin-top:20px; display:block; font-size: 11px; line-height: 1;
}

.gallery .thumbs{
    position: absolute; top:0; right:0;
    width:26%; height:100%;
    padding:50px 0 50px 1px;
    overflow:hidden;
    border-bottom:solid #888 1px;
}
.gallery .thumbs .bx-wrapper{ height:100%; }
.gallery .thumbs .bx-viewport{
    height:100%!important;
    background:#dfeef2;
}
.gallery .thumbs a{
    display:block;
    background:#000; color:#fff;
    text-decoration: none;
}
.gallery .thumbs img{ width:100%; opacity:0.6; }
.gallery .thumbs a:hover img, .gallery .thumbs a.active img{ opacity:1; }
.gallery .thumbs .bx-wrapper .bx-controls-direction a{
    top:auto; left:0; margin:0; height:50px; width:100%; opacity:1; text-align: left;
    border-top:solid #fff 17px;
    border-bottom:solid #fff 17px;
}
.gallery .thumbs .bx-wrapper .bx-controls-direction a.bx-prev{ top:-50px; background:url(../images/nav-arrows-v.png) center 0 no-repeat #fff; }
.gallery .thumbs .bx-wrapper .bx-controls-direction a.bx-next{ bottom:-50px; background:url(../images/nav-arrows-v.png) center -16px no-repeat #fff; }
.gallery .thumbs .bx-wrapper .bx-controls-direction a:hover{ background-color:#62a5a1; border-color:#62a5a1; }
.gallery .thumbs .bx-wrapper .bx-controls-direction a.bx-prev:hover{ background-position: center -32px; }
.gallery .thumbs .bx-wrapper .bx-controls-direction a.bx-next:hover{ background-position: center -48px; }

/* ----------------------------------------------*/
/* Landscape single gallery */
/* ----------------------------------------------*/
.gallery.landscape .col-canvas{ width:100%; }
.gallery.landscape .thumbs{ width:100%; position: relative; height:auto; padding:0 50px; }
.gallery.landscape .thumbs .bx-viewport{
    height:auto!important;
}
.gallery.landscape .thumbs{ border-top:solid #888 1px; border-bottom:solid #888 1px; padding-bottom:0; }
.gallery.landscape .thumbs .bx-wrapper .bx-controls-direction a{
    margin:0; height:100%; width:50px; opacity:1; text-align: left;
    top:0; bottom:auto; left:auto; right:auto;
    border-left:solid #fff 17px;
    border-right:solid #fff 17px;
}
.gallery.landscape .thumbs .bx-wrapper .bx-controls-direction a.bx-prev{ left:-50px; background:url(../images/nav-arrows-h.png) 0 center no-repeat #fff; }
.gallery.landscape .thumbs .bx-wrapper .bx-controls-direction a.bx-next{ right:-50px; background:url(../images/nav-arrows-h.png) -16px center no-repeat #fff; }
.gallery.landscape .thumbs .bx-wrapper .bx-controls-direction a:hover{ background-color:#62a5a1; border-color:#62a5a1; }
.gallery.landscape .thumbs .bx-wrapper .bx-controls-direction a.bx-prev:hover{ background-position: -32px center; }
.gallery.landscape .thumbs .bx-wrapper .bx-controls-direction a.bx-next:hover{ background-position: -48px center; }

/* ----------------------------------------------*/
/* Expanded gallery */
/* ----------------------------------------------*/
body.gallery-expanded{ overflow:hidden; }
body.gallery-expanded #dimmer{ position: absolute; width:100%; height:100%; background:#fff; z-index:9998; }
body.gallery-expanded footer #top_link{ display: none; }

.gallery.expanded{
    position: absolute; z-index:9999; width:940px;
}
.gallery.expanded .col-canvas{ width:100%; }
.gallery.expanded .thumbs{ display:none; }
.gallery.expanded .col-canvas .h1{ float: right; width:20%; }
.gallery.expanded .col-canvas .canvas{ float:left; width:80%; }
.gallery.expanded .col-canvas .caption{ float:left; width:20%; }
.gallery a.close{
    display: block; width:51px; height:51px;
    overflow: hidden; text-indent: -3000px;
    background:url(../images/close.jpg);
    position: absolute; top:0; right:0;
}
.gallery a.close:hover{ background-position:bottom left; }
.gallery .visible-expanded{ display:none!important; }
.gallery.expanded .visible-expanded{ display:block!important; }
.gallery.expanded .hidden-expanded{ display:none!important; }
.gallery.expanded .caption .count{
    padding:0; text-align: center; width:100%; position: relative;
}
.gallery.expanded .caption .inner{
    padding:20px 5px 100px 5px;
}
.gallery.expanded .share{
    float:none; position: absolute; bottom:0; right:0;
    margin-bottom:0; padding:10px 0;
    text-align: center;
}
.gallery.expanded .share ul.share-gallery li.caption{ top:0; display: block; padding:10px 0; }
.gallery.expanded .share ul.share-gallery{ float:none; }
.gallery.expanded .share ul.share-gallery li{ display: inline-block; float:none; }
.gallery.expanded .share ul.share-gallery li a{ margin:0 10px; }

/* ----------------------------------------------*/
/* Share */
/* ----------------------------------------------*/
.galleries .share{
    background:#fff; height:96px;
    margin-bottom:18px; padding:30px 15px;
    text-align: center;
}
.galleries .share ul.share-gallery {
    list-style-type: none; margin:0; padding:0; display: inline-block;
    position: relative; height:39px;
}
.galleries .share ul.share-gallery .caption{
    font-size: 16px; line-height: 1; text-transform: uppercase; font-weight:bold;
    padding:12px 30px 0 0; margin:0; width:auto; height:auto; text-indent: 0;
    color: #1e282f; background:none;
    top:-8px;
}
.galleries .share ul.share-gallery li{
    display: inline-block; margin:0;
}
.galleries .share ul.share-gallery li a{
    display: inline-block!important; overflow:hidden; text-indent: -3000px;
    height:39px!important; margin:0 15px!important;
    background:url(../images/icons-social-lrg.png)!important;
    cursor: pointer;
}
.galleries .share ul.share-gallery li a .pw-icon{
    display: none !important;
}
.galleries .share ul.share-gallery li a.pw-button-facebook{ width:21px; background-position:0 0!important; }
.galleries .share ul.share-gallery li a.pw-button-facebook:hover{ background-position:0 -39px!important; }

.galleries .share ul.share-gallery li a.pw-button-twitter{ width:38px; background-position:-21px 0!important; }
.galleries .share ul.share-gallery li a.pw-button-twitter:hover{ background-position:-21px -39px!important; }

.galleries .share ul.share-gallery li a.pw-button-pinterest{ width:39px; background-position:-59px 0!important; }
.galleries .share ul.share-gallery li a.pw-button-pinterest:hover{ background-position:-59px -39px!important; }


/* ----------------------------------------------*/
/* Related galleries */
/* ----------------------------------------------*/
.related-galleries{
    margin:10px 0;
    position: relative;
}
.related-galleries h4{
    font-size: 22px; line-height: 1;
    text-align: center;
    padding:15px; margin:0;
    background:#fff;
    position: relative;
}
.related-galleries .slider-outer{
    width:100%; padding:0 50px;
    border-top: solid #888 1px;
}
.related-galleries .bx-viewport{
    background:#fff; margin-top:-1px;
}
.related-galleries .slider li{
    float: left; clear:none; width:261px; margin-right:2px; position: relative;
}
.related-galleries .slider li a{
    width:100%;
    text-decoration: none;
    background:#dfeef2;
    display: block;
}
.related-galleries .slider img{
    width:112px; height:112px; display: block;
}
.related-galleries .slider li a .titlewrapper{
    display: table; position: absolute; top:0; left:0; padding-left:112px;
    width:100%; height:112px;
}
.related-galleries .slider li a .titlewrapper .title{
    font-size: 18px; line-height: 1;
    text-align: center;
    top:0; left:0;
    padding:10px; width:100%;
    display: table-cell; vertical-align: middle; height:100px;
}
.related-galleries .slider li a:hover{ background-color:#62a5a1; }
.related-galleries .slider li a:hover .title{ color: #fff; }
.related-galleries .bx-wrapper .bx-controls-direction a{
    margin:0; top:0; opacity:1; text-align: left;
    width:50px; height:112px;
    margin-top:1px;
    border-left:solid #fff 17px;
    border-right:solid #fff 17px;
}
.related-galleries .bx-wrapper .bx-controls-direction a.bx-prev{ left:-50px; background:url(../images/nav-arrows-h.png) 0 center no-repeat #fff; }
.related-galleries .bx-wrapper .bx-controls-direction a.bx-next{ right:-50px; background:url(../images/nav-arrows-h.png) -16px center no-repeat #fff; }
.related-galleries .bx-wrapper .bx-controls-direction a:hover{ background-color:#62a5a1; border-color:#62a5a1; }
.related-galleries .bx-wrapper .bx-controls-direction a.bx-prev:hover{ background-position: -32px center; }
.related-galleries .bx-wrapper .bx-controls-direction a.bx-next:hover{ background-position: -48px center; }
.related-galleries a.more{ display: none; }

/* ----------------------------------------------*/
/* Media Queries */
/* ----------------------------------------------*/
/* L - Desktop */
@media all and (max-width: 940px) {
    .container{ width:700px; }
    .gallery.expanded{ width:700px; }

    /* feature */
    .galleries .feature .details .description{ display:none; }

    /* popular galleries */
    .popular-galleries ol li a .number{ padding:12px 0; }
    .popular-galleries ol li a img{ width:50px; height:50px; }
    .popular-galleries ol li a .caption{ height:50px; padding:5px; font-size:15px; line-height: 1; }

    /* expanded single gallery */
    .gallery.landscape.expanded .caption .inner{ padding:10px 5px 90px; }
    .gallery.landscape.expanded .caption .inner h4,
    .gallery.landscape.expanded .caption .inner p,
    .gallery.landscape.expanded .caption .inner .credit{ display:none!important; }
    .gallery.landscape.expanded .share{ height:60px; }
    .gallery.landscape.expanded .share .caption{ display: none; }

    /* Ad unit */
    #gallery-mpu{ display:none; }
}

/* M - Tablet */
@media all and (max-width: 700px) {
    .container{ width:100%; }
    .gallery.expanded{ width:100%; }
}

/* S - Large mobile */
@media all and (max-width: 680px) {
    .hidden-s{ display:none!important; }

    .col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{
        width:100%; padding-left:0; padding-right:0; position: relative;
    }

    /* Feature */
    .galleries .feature .details{ float:right; width:100%; padding:15px; }
    .galleries .feature .details .title{ margin:0; }
    .galleries .feature img{ float:left; width:100%; }
    .galleries .feature .details .category{ display:none; }
    .galleries .feature .details .txt-btn{ display: none; }

    /* gallery list */
    ul#gallery-list{ margin:0; }
    ul#gallery-list li{ padding-left:10px; padding-right:10px; width:50%; }
    ul#gallery-list li:nth-child(2n+1){ clear:left; }
    ul#gallery-list li a { box-shadow:0 1px 13px 1px #dddddd; }
    ul#gallery-list li a .title{ font-size: 16px; padding:10px 5px; }
    ul#gallery-list li a:hover .title{ color: #fff; background-color: #f8716c; }
    ul#gallery-list li a .wrapper .highlight .txt-btn{ display:none; }

    /* popular galleries */
    .popular-galleries ol li a .number{ padding:40px 0; }
    .popular-galleries ol li a img{ width:100px; height:100px;  }
    .popular-galleries ol li a .caption{ height:100px; font-size: 22px; line-height: 1; }

    /* breadcrumb */
    .top.galleries{ display: none; }

    /* Single gallery */
    .gallery .col-canvas{ width:100%; }
    .gallery .canvas{ overflow: visible; }
    .gallery .canvas a.expand{ display:none; }
    .gallery .canvas .bx-wrapper .bx-controls .bx-controls-direction a{
        opacity: 1; display:block; margin:0; top:auto;
        bottom:-50px;
        width:50px; height:50px;
        border-width:10px 17px;
        background-color: #62a5a1;
        border-color: #62a5a1;
    }
    .gallery .canvas .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev{ background-position: -32px center; }
    .gallery .canvas .bx-wrapper .bx-controls .bx-controls-direction a.bx-next{ background-position: -48px center; }
    .gallery .caption .count{ position: relative; width:100%; text-align: center; padding:0; margin-bottom:15px; }
    .gallery .caption .inner{ padding:0 15px; }
    .gallery .thumbs{ display:none; }
    .galleries .share ul.share-gallery .caption{ display: none; }

    /* related galleries */
    .related-galleries .slider-outer{ border:none; margin-bottom:2px; }
    .related-galleries  .slider-outer{ padding:0; width:100%; }
    .related-galleries .slider li { width: 100%; padding:0; margin-top:2px; }
    .related-galleries .slider li a .titlewrapper .title{ width:100%; top:0; left:0; font-size: 22px; line-height: 1;  }
    .related-galleries a.more{
        display:block; float:left; width:100%; height:76px; overflow: hidden; text-indent: -3000px;
        background:url(../images/more.png) top center no-repeat;
        background-size: 76px 152px;
        margin:50px 0;
    }
    .related-galleries a.more:hover{
        background-position: bottom center;
    }
}
ul.slider{
    margin-top:0px !important;
    padding-left:0px !important;
}

.bx-wrapper .bx-controls-direction a.bx-next, .bx-wrapper .bx-controls-direction a.bx-prev {
  display: block;
}


/* XS - Mobile */
@media all and (max-width: 480px) {
    .container{ width:100%; }
    .gallery.expanded{ width:100%; }
    .hidden-xs{ display:none!important; }

    .galleries .share .caption{ padding:0px; }
}


@media (min-width: 480px) {
    .bread-gallery{
        width:480px;
        margin:auto;
        padding-left:25px;
    }
    #dropdown .container{
        width:480px;
    }
}

@media (min-width: 768px) {
    .bread-gallery{
        width:770px;
    }
    #dropdown .container{
        width:770px;
        padding-left:25px;
    }
}

@media (min-width: 992px) {
    .bread-gallery{
        width:990px;
    }
    #dropdown .container{
        width:990px;
    }
}

@media (min-width: 1200px) {
    .bread-gallery{
        width:1150px;
    }
    #dropdown .container{
        width:1150px;
    }
}


@media (min-width: 1490px) {
    .bread-gallery{
        width:1440px;
    }
    #dropdown .container{
        width:1440px;
    }
}