@charset "utf-8";

.gallery {}
.gallery h2 {position:absolute;top:-99999px;left:-9999px;width:0;height:0;color:transparent;text-indent:-99999px;}

/*
    LIST
*/
.gallery-list {position:relative;max-width:1440px;margin:0 auto;padding:40px 15px;}

.gallery-list-sort {display:none;text-align:center;font-size:0;}
.gallery-list-sortby {display:none;font-size:18px;color:#000;text-transform: uppercase;vertical-align:baseline;font-family: "sssL", sans-serif;}
.gallery-list-sort a {position:relative;display:inline-block;margin-left:1em;padding-left:1em;font-family: "sssB",sans-serif;font-size:18px;color:#999;text-transform: uppercase;}
.gallery-list-sort a:after {content:"";display:block;position:absolute;top:15px;left:0;width:1px;height:17px;margin-top:-9px;background-color:#999;}
.gallery-list-sort a.first {margin-left:0;}
.gallery-list-sort a.first:after {display:none;}
.gallery-list-sort a.is-active {color:#10309d;}

.gallery-list-tile {margin:30px 0;}
.gallery-list-tile .w-1 {width:22%;max-width:320px;}
.gallery-list-tile .w-2 {width:33%;max-width:480px;}

.gallery-list-tile ul {font-size:0;}
.gallery-list-tile ul:after {content:"";display:block;clear:both;}
.gallery-list-tile li {float:left;display:inline-block;margin-bottom:1.4%;padding-bottom:1.4%;border-bottom:1px solid #c6c6c6;}
.gallery-list-tile li a {display:block;width:100%;height:100%;}
.gallery-list-tile li .img {overflow:hidden;position:relative;width:100%;height:100%;text-align:center;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
}
.gallery-list-tile li a:hover .img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    z-index:5;
}
.gallery-list-tile li img {max-width:100%;max-height:100%;}

.gallery-list-more {display:none;padding:30px 0 20px;text-align:center;}

@media screen and (max-width:720px){
    .gallery-list {padding:0 15px;}

    .gallery-list-sort {padding:60px 0 20px;text-align:center;}
    .gallery-list-sortby {font-size:12px;}
    .gallery-list-sort a { margin-left:10px;padding-left:10px;font-size:14px;}
    .gallery-list-sort a:after {top:40%;height:12px;margin-top:-4px;}

    .gallery-list-tile {margin:0;}

    .gallery-list-tile .w-1 {width:33.333333333%;}
    .gallery-list-tile .w-2 {width:50%;}

    .gallery-list-tile ul {}
    .gallery-list-tile li {margin-bottom:14px;padding-bottom:14px; }
    .gallery-list-tile li a {}
    .gallery-list-tile li .img {overflow:hidden;background-color:#fff;}
    .gallery-list-tile li a:hover .img {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

}


/*
    VIEW
*/

.gallery-view {}
.gallery-view-back {padding:10px 0 95px;text-align:center;}

.gallery-stage {position:relative;margin:0 auto;padding:26px 8.333% 0;}
.gallery-stage-arrow {display:block;position:absolute;top:50%;z-index:10;width:38px;height:64px;margin-top:-32px;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto;}
.gallery-stage-arrow.is-disabled {display:none;opacity:0.44;cursor:default;}
.gallery-stage-arrow.prev {left:3.125%;background-image:url("/common/promotions/galaxy/gears2/gallery/btn_gallery_arrow_prev.png");}
.gallery-stage-arrow.next {right:3.125%;background-image:url("/common/promotions/galaxy/gears2/gallery/btn_gallery_arrow_next.png");}
.gallery-stage-inner {position:relative;width:100%;height:0;padding-bottom:36%;background-color:#fff;}
.gallery-stage-canvas {overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;background-color:#fff;}
.gallery-stage-canvas video,
.gallery-stage-canvas img {position:absolute;top:50%;left:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width:auto; max-height:100%;
    background-color:#fff;
}
.gallery-stage-canvas-play {position:absolute;top:50%;left:50%;z-index:10;display:block;width:72px;height:72px;margin:-36px 0 0 -36px;background:url("/common/promotions/galaxy/gears2/gallery/btn_video_play.png") no-repeat 50% 50%;-webkit-background-size:72px 72px;background-size:72px 72px}


.gallery-thumbs {padding:0 60px;}

.gallery-scroll-wrap {}
.gallery-scroll {position:relative;margin:0 0 16px;padding-left:105px;}
.gallery-scroll-count {position:absolute;top:-0.25em;left:0;font-size:24px;color:#666;}
.gallery-scroll-count_current {text-decoration: underline;color:#292929;}
.gallery-scroll-count_divide {margin:0 0.2em;}
.gallery-scroll-count_total {}
.gallery-scroll-base {position:relative;height:16px;}
.gallery-scroll-base:after {content:"";display:block;position:absolute;top:50%;left:0;z-index:1;width:100%;height:1px;background-color:#dedede;}
.gallery-scroll-thumb {position:absolute;top:0;left:0;z-index:5;width:88px;height:16px;background:url("/common/promotions/galaxy/gears2/gallery/btn_gallery_scroll_thumb.png") no-repeat 50% 50%;cursor:move;text-indent:-999999px;}

.gallery-thumbs-list {position:relative;z-index:2;margin-bottom:40px;height:140px;overflow-y: hidden;}
.gallery-thumbs-list:before,
.gallery-thumbs-list:after {content:"";display:block;position:absolute;top:15px;z-index:3;width:1px;height:80px;background-color:#d9d9d9;}
.gallery-thumbs-list:before {left:0;}
.gallery-thumbs-list:after {right:0;}
.gallery-thumbs-list .scroller {overflow:hidden;}
.gallery-thumbs-list .scroller-inner {overflow-x:auto;height:200px;-webkit-overflow-scrolling:touch;}
.gallery-thumbs-list ul {height:112px;white-space:nowrap;font-size:0;margin-top: 15px;}
.gallery-thumbs-list li {border:1px solid #d9d9d9;margin-left:-1px;position:relative;display:inline-block;vertical-align:top;}
.gallery-thumbs-list li:first-child {margin-left:0;}
.gallery-thumbs-list li a {position:relative;}
.gallery-thumbs-list li.is-active {border-width:0;}
.gallery-thumbs-list li.is-active a {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: transform 0.4s;
    -moz-transition: tramsform 0.4s;
    -ms-transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;

    -webkit-transform: scale(1.21428, 1.21428);
    -moz-transform: scale(1.21428, 1.21428);
    -ms-transform: scale(1.21428, 1.21428);
    -o-transform: scale(1.21428, 1.21428);
    transform: scale(1.21428, 1.21428);
    z-index: 5;
}
.gallery-thumbs-list li.is-active a:after {
    content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;
    border:3px solid #1d3ba2;
}
.gallery-thumbs-list li:first-child.is-active a {
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.gallery-thumbs-list li:last-child.is-active a {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}
.gallery-thumbs-list li .img {height:80px;}
.gallery-thumbs-list li img {height:100%;}

@media only screen and (max-width:1339px) {
    .gallery-stage-inner { padding-bottom:30.25%; }
}

@media (min-width:720px) and (max-width:1024px) {
    .gallery-list-sort { padding:40px 0 0; }
    .gallery-stage { margin:100px auto 26px; }
    .gallery-stage-inner { padding-bottom:56.25%; }
}

@media screen and (max-width:720px){
    .gallery-stage-inner { padding-bottom:70%; }
    .gallery-view {overflow:hidden;}
    .gallery-view-back {padding:30px 0;}
    .gallery-stage {margin:64px auto 40px;padding:0;}
    .gallery-stage-canvas-play {width:68px;height:68px;margin:-34px 0 0 -34px;-webkit-background-size:68px 68px;background-size:68px 68px}

    .gallery-stage-arrow {width:36px;height:62px;background-size:18px 31px;margin-top:-31px;}
    .gallery-stage-arrow.prev {left:0;}
    .gallery-stage-arrow.next {right:0;}

    .gallery-thumbs {padding:0 14px;}
    .gallery-scroll-wrap {display:none;}
    .gallery-thumbs-list {height:80px;margin-bottom:50px;}
    .gallery-thumbs-list:before,
    .gallery-thumbs-list:after {top:0;height:80px;}
    .gallery-thumbs-list ul {height:80px;margin:0;}
    .gallery-thumbs-list li .img {height:78px;}
    .gallery-thumbs-list li.is-active {border-width:1px;}
    .gallery-thumbs-list li.is-active a {
        z-index: 5;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    .gallery-thumbs-list li.is-active a:after {
        background:rgba(0,0,0,.15);
        border:none;
    }
/*    .gallery-stage-canvas video,
    .gallery-stage-canvas img { 
        width:220px;height:220px;margin:-110px 0 0 -110px; 
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
    }*/

}