.sm-instagram-gallery {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.sm-instagram-gallery .instagram-wrap {
    padding: 0;

}
.sm-instagram-gallery .instagram_users {
    float: left;
    width: 100%;
}

/*-----------------------------Css for Content----------------------*/

.sm-instagram-gallery .instagram-wrap .instagram-items-container {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.sm-instagram-gallery .instagram-items-container .instagram-items-inner {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

/*----------------------------------------------------------------------*/
.sm-instagram-gallery  .instagram-item{
    float: left;
	width: 100%;
}
.sm-instagram-gallery .instagram-items-container .instagram-items .title_instagram
{
    /*width: 100%;*/
    text-align: center;
}
.sm-instagram-gallery .instagram-items-container .instagram-items-inner .instagram-item .instagram_users .img_users{
    padding: 5px;
}
.sm-instagram-gallery .instagram-items-container .instagram-items-inner .instagram-item .instagram_users a img
{
  
    width: 100%;

}
.instagram-items .no-images{
    margin: 10px;
    color: red;
    text-align: center;
}
/*-----------------------------Css for Responsive ----------------------*/

@media all and (max-width: 479px) {
    .sm-instagram-gallery .instagram04-6 .instagram-item {
        width: 16.64%;
    }

    .sm-instagram-gallery .instagram04-5 .instagram-item {
        width: 19.958%;
    }

    .sm-instagram-gallery .instagram04-4 .instagram-item {
        width: 24.995%;
    }

    .sm-instagram-gallery .instagram04-3 .instagram-item {
        width: 33.315%;
    }

    .sm-instagram-gallery .instagram04-2 .instagram-item {
        width: 49.985%;
    }

    .sm-instagram-gallery .instagram04-1 .instagram-item {
        width: 100%;
    }
}

@media all and (min-width: 480px) and (max-width: 767px) {
    .sm-instagram-gallery .instagram03-6 .instagram-item {
        width: 16.64%;
    }

    .sm-instagram-gallery .instagram03-5 .instagram-item {
        width: 19.958%;
    }

    .sm-instagram-gallery .instagram03-4 .instagram-item {
        width: 24.995%;
    }
    .sm-instagram-gallery .instagram03-3 .instagram-item {
        width: 33.295%;
    }

    .sm-instagram-gallery .instagram03-2 .instagram-item {
        width: 49.999%;
    }

    .sm-instagram-gallery .instagram03-1 .instagram-item {
        width: 100%;
    }
}

@media all and (min-width: 768px) and (max-width: 1199px) {
    .sm-instagram-gallery .instagram02-6 .instagram-item {
        width: 16.64%;
    }

    .sm-instagram-gallery .instagram02-5 .instagram-item {
        width: 19.958%;
    }

    .sm-instagram-gallery .instagram02-4 .instagram-item {
        width: 24.995%;
    }

    .sm-instagram-gallery .instagram02-3 .instagram-item {
        width: 33.315%;
    }

    .sm-instagram-gallery .instagram02-2 .instagram-item {
        width: 49.999%;
    }

    .sm-instagram-gallery .instagram02-1 .instagram-item {
        width: 100%;
    }
}

@media all and (min-width: 1200px ) and (max-width: 1599px) {
    .sm-instagram-gallery .instagram01-6 .instagram-item {
        width: 16.64%;
    }

    .sm-instagram-gallery .instagram01-5 .instagram-item {
        width: 20%;
    }

    .sm-instagram-gallery .instagram01-4 .instagram-item {
        width: 25%;
    }

    .sm-instagram-gallery .instagram01-3 .instagram-item {
        width: 33.315%;
    }

    .sm-instagram-gallery .instagram01-2 .instagram-item {
        width: 49.999%;
    }

    .sm-instagram-gallery .instagram01-1 .instagram-item {
        width: 100%;
    }
}

@media all and (min-width: 1600px ) {
    .sm-instagram-gallery .instagram00-6 .instagram-item {
        width: 16.64%;
    }

    .sm-instagram-gallery .instagram00-5 .instagram-item {
        width: 20%;
    }

    .sm-instagram-gallery .instagram00-4 .instagram-item {
        width: 25%;
    }

    .sm-instagram-gallery .instagram00-3 .instagram-item {
        width: 33.315%;
    }

    .sm-instagram-gallery .instagram00-2 .instagram-item {
        width: 49.999%;
    }

    .sm-instagram-gallery .instagram00-1 .instagram-item {
        width: 100%;
    }
}

/*-----------------------------Css for ie----------------------*/
.sm-instagram-gallery.lt-ie9 .instagram01-6 .instagram-item {
    width: 16.64%;
}

.sm-instagram-gallery.lt-ie9 .instagram01-5 .instagram-item {
    width: 20%;
}

.sm-instagram-gallery.lt-ie9 .instagram01-4 .instagram-item {
    width: 25%;
}

.sm-instagram-gallery.lt-ie9 .instagram01-3 .instagram-item {
    width: 33.315%;
}

.sm-instagram-gallery.lt-ie9 .instagram01-2 .instagram-item {
    width: 49.999%;
}

.sm-instagram-gallery.lt-ie9 .instagram01-1 .instagram-item {
    width: 100%;
}
/*-----------------------------ClearFix----------------------*/
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/*-----------------------------slider-------------------------------*/
.sm-instagram-gallery .owl2-controls .owl2-nav .owl2-prev:before,
.sm-instagram-gallery .owl2-controls .owl2-nav .owl2-next:before {
    font-family: FontAwesome;
    font-size: 28px;
}

.sm-instagram-gallery .owl2-controls .owl2-nav .owl2-prev:hover,
.sm-instagram-gallery .owl2-controls .owl2-nav .owl2-next:hover {
    cursor: pointer;
    border: 1px solid #cccccc;
    color: #fff;
    background:#e9e9e9 none repeat scroll 0 0
}

.sm-instagram-gallery .owl2-controls .owl2-nav .owl2-next {
    right:0;
}

.sm-instagram-gallery .owl2-controls .owl2-nav .owl2-prev{
    left:0;
}

.sm-instagram-gallery .owl2-controls .owl2-nav .owl2-prev,
.sm-instagram-gallery .owl2-controls .owl2-nav .owl2-next {
    border: 1px solid #e9e9e9;
    float: left;
    height: 32px;
    line-height: 28px;
    text-align: center;
    width: 32px;
    background-color:#FFF;
    /* top:-61px;
    right:15px; */
    position:absolute;
    margin-top:-16px;
    top:50%;
}

.sm-instagram-gallery .owl2-controls .owl2-nav .owl2-prev:before,
.sm-instagram-gallery .owl2-controls .owl2-nav .owl2-next:before {
    font-family: FontAwesome;
    font-size: 28px;
}

.sm-instagram-gallery .owl2-controls .owl2-nav .owl2-prev:hover,
.sm-instagram-gallery .owl2-controls .owl2-nav .owl2-next:hover {
    cursor: pointer;
    border: 1px solid #cccccc;
    color: #fff;
    background:#e9e9e9 none repeat scroll 0 0
}

.sm-instagram-gallery .owl2-controls .owl2-nav .owl2-next {
    right:0;
    font-size: 30px;
}

.sm-instagram-gallery .owl2-controls .owl2-nav .owl2-prev{
    left:0;
    font-size: 30px;
}
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl2-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl2-carousel .owl2-animated-in {
    z-index: 0;
}

.owl2-carousel .owl2-animated-out {
    z-index: 1;
}

.owl2-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl2-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl2-carousel {
    /*display: none;*/
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl2-carousel .owl2-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}

.owl2-carousel .owl2-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl2-carousel .owl2-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl2-carousel .owl2-controls .owl2-nav .owl2-prev,
.owl2-carousel .owl2-controls .owl2-nav .owl2-next,
.owl2-carousel .owl2-controls .owl2-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl2-carousel.owl2-loaded {
    display: block;
}

.owl2-carousel.owl2-loading {
    opacity: 0;
    display: block;
}

.owl2-carousel.owl2-hidden {
    opacity: 0;
}

.owl2-carousel .owl2-refresh .owl2-item {
    /*display: none;*/
}

.owl2-carousel .owl2-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl2-carousel .owl2-item img {
    /*display: block;*/
    /*width: 100%;*/
    -webkit-transform-style: preserve-3d;
}

.owl2-carousel.owl2-text-select-on .owl2-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.owl2-carousel .owl2-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.owl2-carousel.owl2-rtl {
    direction: rtl;
}

.owl2-carousel.owl2-rtl .owl2-item {
    float: right;
}

/* No Js */
.no-js .owl2-carousel {
    display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl2-carousel .owl2-item .owl2-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl2-carousel .owl2-item img {
    transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl2-carousel .owl2-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl2-carousel .owl2-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("../../frontend/Cs2/Bwt/fr_FR/Sm_InstagramGallery/css/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease;
}

.owl2-carousel .owl2-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3);
}

.owl2-carousel .owl2-video-playing .owl2-video-tn,
.owl2-carousel .owl2-video-playing .owl2-video-play-icon {
    /*display: none;*/
}

.owl2-carousel .owl2-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl2-carousel .owl2-video-frame {
    position: relative;
    z-index: 1;
}
/* Effect Fade In */
.sj-listing-tabs .ltabs-items .fadeIn .ltabs-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* Effect Flip In Vertical */

.sj-listing-tabs .ltabs-items .flipInY .ltabs-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: running;
    -webkit-backface-visibility: visible;
    -moz-animation-play-state: running;
    -moz-backface-visibility: visible;
    -o-animation-play-state: running;
    -o-backface-visibility: visible;
    animation-play-state: running;
    backface-visibility: visible;
}

@-webkit-keyframes flipInY {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(80deg);
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }
    90% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg);
    }
}

@-moz-keyframes flipInY {
    0% {
        opacity: 0;
        -moz-transform: perspective(400px) rotateY(80deg);
    }
    40% {
        -moz-transform: perspective(400px) rotateY(-20deg);
    }
    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }
    90% {
        -moz-transform: perspective(400px) rotateY(-5deg);
    }
    100% {
        opacity: 1;
        -moz-transform: perspective(400px) rotateY(0deg);
    }
}

@-o-keyframes flipInY {
    0% {
        opacity: 0;
        -o-transform: perspective(400px) rotateY(80deg);
    }
    40% {
        -o-transform: perspective(400px) rotateY(-20deg);
    }
    70% {
        -o-transform: perspective(400px) rotateY(10deg);
    }
    90% {
        -o-transform: perspective(400px) rotateY(-5deg);
    }
    100% {
        opacity: 1;
        -o-transform: perspective(400px) rotateY(0deg);
    }
}

@keyframes flipInY {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(80deg);
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }
    90% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg);
    }
}

/* Effect Flip In Horizontal */

.sj-listing-tabs .ltabs-items .flipInX .ltabs-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: running;
    -webkit-backface-visibility: visible;
    -moz-animation-play-state: running;
    -moz-backface-visibility: visible;
    -o-animation-play-state: running;
    -o-backface-visibility: visible;
    animation-play-state: running;
    backface-visibility: visible;
}

@-webkit-keyframes flipInX {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(85deg);
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(15deg);
    }
    90% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
    }
}

@-moz-keyframes flipInX {
    0% {
        opacity: 0;
        -moz-transform: perspective(400px) rotateX(85deg);
    }
    40% {
        -moz-transform: perspective(400px) rotateX(-20deg);
    }
    70% {
        -moz-transform: perspective(400px) rotateX(15deg);
    }
    90% {
        -moz-transform: perspective(400px) rotateX(-5deg);
    }
    100% {
        opacity: 1;
        -moz-transform: perspective(400px) rotateX(0deg);
    }
}

@-o-keyframes flipInX {
    0% {
        opacity: 0;
        -o-transform: perspective(400px) rotateX(85deg);
    }
    40% {
        -o-transform: perspective(400px) rotateX(-20deg);
    }
    70% {
        -o-transform: perspective(400px) rotateX(15deg);
    }
    90% {
        -o-transform: perspective(400px) rotateX(-5deg);
    }
    100% {
        opacity: 1;
        -o-transform: perspective(400px) rotateX(0deg);
    }
}

@keyframes flipInX {
    0% {
        opacity: 0;
        transform: perspective(400px) rotateX(85deg);
    }
    40% {
        transform: perspective(400px) rotateX(-20deg);
    }
    70% {
        transform: perspective(400px) rotateX(15deg);
    }
    90% {
        transform: perspective(400px) rotateX(-5deg);
    }
    100% {
        opacity: 1;
        transform: perspective(400px) rotateX(0deg);
    }
}

/* Effect Flip */
.sj-listing-tabs .ltabs-items .flip .ltabs-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: running;
    -webkit-backface-visibility: visible;
    -moz-animation-play-state: running;
    -moz-backface-visibility: visible;
    -o-animation-play-state: running;
    -o-backface-visibility: visible;
    animation-play-state: running;
    backface-visibility: visible;
}

@-webkit-keyframes flip {
    0% {
        opacity: 0;
        -webkit-transform: perspective(500px) rotateY(0);
        -webkit-animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(500px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(500px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(500px) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        opacity: 1;
        -webkit-transform: perspective(500px) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
}

@-moz-keyframes flip {
    0% {
        opacity: 0;
        -moz-transform: perspective(500px) rotateY(0);
        -moz-animation-timing-function: ease-out;
    }
    40% {
        -moz-transform: perspective(500px) translateZ(150px) rotateY(170deg);
        -moz-animation-timing-function: ease-out;
    }
    50% {
        -moz-transform: perspective(500px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-animation-timing-function: ease-in;
    }
    80% {
        -moz-transform: perspective(500px) rotateY(360deg) scale(.95);
        -moz-animation-timing-function: ease-in;
    }
    100% {
        opacity: 1;
        -moz-transform: perspective(500px) scale(1);
        -moz-animation-timing-function: ease-in;
    }
}

@-o-keyframes flip {
    0% {
        opacity: 0;
        -o-transform: perspective(500px) rotateY(0);
        -o-animation-timing-function: ease-out;
    }
    40% {
        -o-transform: perspective(500px) translateZ(150px) rotateY(170deg);
        -o-animation-timing-function: ease-out;
    }
    50% {
        -o-transform: perspective(500px) translateZ(150px) rotateY(190deg) scale(1);
        -o-animation-timing-function: ease-in;
    }
    80% {
        -o-transform: perspective(500px) rotateY(360deg) scale(.95);
        -o-animation-timing-function: ease-in;
    }
    100% {
        opacity: 1;
        -o-transform: perspective(500px) scale(1);
        -o-animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        opacity: 0;
        transform: perspective(500px) rotateY(0);
        animation-timing-function: ease-out;
    }
    40% {
        transform: perspective(500px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out;
    }
    50% {
        transform: perspective(500px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }
    80% {
        transform: perspective(500px) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in;
    }
    100% {
        opacity: 1;
        transform: perspective(500px) scale(1);
        animation-timing-function: ease-in;
    }
}

/* Effect Star War */
.sj-listing-tabs .ltabs-items .starwars .ltabs-item {
    opacity: 0;
    position: relative;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-play-state: running;
    -moz-transform-origin: 50% 50%;
    -moz-animation-play-state: running;
    -o-transform-origin: 50% 50%;
    -o-animation-play-state: running;
    transform-origin: 50% 50%;
    animation-play-state: running;
}

@-webkit-keyframes starwars {
    0% {
        opacity: 0;
        -webkit-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg);
    }
    80% {
        opacity: 1;
        -webkit-transform: perspective(200px) scale(1) rotateX(60deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: perspective(200px) scale(1) rotateX(0deg)
    }
}

@-moz-keyframes starwars {
    0% {
        opacity: 0;
        -moz-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg);
    }
    80% {
        opacity: 1;
        -moz-transform: perspective(200px) scale(1) rotateX(60deg)
    }
    100% {
        opacity: 1;
        -moz-transform: perspective(200px) scale(1) rotateX(0deg)
    }
}

@-o-keyframes starwars {
    0% {
        opacity: 0;
        -o-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg);
    }
    80% {
        opacity: 1;
        -o-transform: perspective(200px) scale(1) rotateX(60deg)
    }
    100% {
        opacity: 1;
        -o-transform: perspective(200px) scale(1) rotateX(0deg)
    }
}

@keyframes starwars {
    0% {
        opacity: 0;
        transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg);
    }
    80% {
        opacity: 1;
        transform: perspective(200px) scale(1) rotateX(60deg)
    }
    100% {
        opacity: 1;
        transform: perspective(200px) scale(1) rotateX(0deg)
    }
}

/* Effect Slide Right */
.sj-listing-tabs .ltabs-items .slideRight .ltabs-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}

@-webkit-keyframes slideRight {
    0% {
        opacity: 0;
        left: 30px;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

@-moz-keyframes slideRight {
    0% {
        opacity: 0;
        left: 30px;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

@-o-keyframes slideRight {
    0% {
        opacity: 0;
        left: 30px;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

@keyframes slideRight {
    0% {
        opacity: 0;
        left: 30px;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

/* Effect Bounce In */

.sj-listing-tabs .ltabs-items .bounceIn .ltabs-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }
    50% {
        -webkit-transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(.9);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3);
    }
    50% {
        -moz-transform: scale(1.05);
    }
    70% {
        -moz-transform: scale(.9);
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1);
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3);
    }
    50% {
        -o-transform: scale(1.05);
    }
    70% {
        -o-transform: scale(.9);
    }
    100% {
        opacity: 1;
        -o-transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3);
    }
    50% {
        transform: scale(1.05);
    }
    70% {
        transform: scale(.9);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/*Effect Zoom In */

.sj-listing-tabs .ltabs-items .zoomIn .ltabs-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes zoomIn {
    0% {
        opacity: 0;
        -moz-transform: scale(1.8);
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1);
    }
}

@-o-keyframes zoomIn {
    0% {
        opacity: 0;
        -o-transform: scale(1.8);
    }
    100% {
        opacity: 1;
        -o-transform: scale(1);
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale(1.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Effect Page Top*/

.sj-listing-tabs .ltabs-items .pageTop .ltabs-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: running;
    -webkit-transform-origin: 50% 0%;
    -moz-animation-play-state: running;
    -moz-transform-origin: 50% 0%;
    -o-animation-play-state: running;
    -o-transform-origin: 50% 0%;
    animation-play-state: running;
    transform-origin: 50% 0%;
}

@-webkit-keyframes pageTop {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg);
    }
}

@-moz-keyframes pageTop {
    0% {
        opacity: 0;
        -moz-transform: perspective(400px) rotateX(90deg);
    }
    100% {
        opacity: 1;
        -moz-transform: perspective(400px) rotateX(0deg);
    }
}

@-o-keyframes pageTop {
    0% {
        opacity: 0;
        -o-transform: perspective(400px) rotateX(90deg);
    }
    100% {
        opacity: 1;
        -o-transform: perspective(400px) rotateX(0deg);
    }
}

@keyframes pageTop {
    0% {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg);
    }
    100% {
        opacity: 1;
        transform: perspective(400px) rotateX(0deg);
    }
}

/*Effect Zoom Out */

.sj-listing-tabs .ltabs-items .zoomOut .ltabs-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: running;
    -moz-animation: zoomOut 600ms ease both;
    -moz-animation-play-state: paused;
    -o-animation-play-state: running;
    animation-play-state: running;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 0;
        -webkit-transform: scale(.6);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes zoomOut {
    0% {
        opacity: 0;
        -moz-transform: scale(.6);
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1);
    }
}

@-o-keyframes zoomOut {
    0% {
        opacity: 0;
        -o-transform: scale(.6);
    }
    100% {
        opacity: 1;
        -o-transform: scale(1);
    }
}

@keyframes zoomOut {
    0% {
        opacity: 0;
        transform: scale(.6);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.sj-listing-tabs .ltabs-items .slideLeft .ltabs-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}

@-webkit-keyframes slideLeft {
    0% {
        opacity: 0;
        left: -30px;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

@-moz-keyframes slideLeft {
    0% {
        opacity: 0;
        left: -30px;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

@-o-keyframes slideLeft {
    0% {
        opacity: 0;
        left: -30px;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

@keyframes slideLeft {
    0% {
        opacity: 0;
        left: -30px;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

.play .ltabs-item {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../../frontend/Cs2/Bwt/fr_FR/Sm_InstagramGallery/css/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../../frontend/Cs2/Bwt/fr_FR/Sm_InstagramGallery/css/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../../frontend/Cs2/Bwt/fr_FR/Sm_InstagramGallery/css/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../../frontend/Cs2/Bwt/fr_FR/Sm_InstagramGallery/css/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../../frontend/Cs2/Bwt/fr_FR/Sm_InstagramGallery/css/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../../frontend/Cs2/Bwt/fr_FR/Sm_InstagramGallery/css/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}#fancybox-buttons {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 8050;
}

#fancybox-buttons.top {
	top: 10px;
}

#fancybox-buttons.bottom {
	bottom: 10px;
}

#fancybox-buttons ul {
	display: block;
	width: 166px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	border: 1px solid #111;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	   -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	        box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	background: rgb(50,50,50);
	background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
	background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}

#fancybox-buttons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#fancybox-buttons a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url('../../frontend/Cs2/Bwt/fr_FR/Sm_InstagramGallery/helpers/fancybox_buttons.png');
	background-repeat: no-repeat;
	outline: none;
	opacity: 0.8;
}

#fancybox-buttons a:hover {
	opacity: 1;
}

#fancybox-buttons a.btnPrev {
	background-position: 5px 0;
}

#fancybox-buttons a.btnNext {
	background-position: -33px 0;
	border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
	background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
	background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
	background-position: 3px -60px;
	border-left: 1px solid #111;
	border-right: 1px solid #3e3e3e;
	width: 35px
}

#fancybox-buttons a.btnToggleOn {
	background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
	border-left: 1px solid #111;
	width: 35px;
	background-position: -56px 0px;
}

#fancybox-buttons a.btnDisabled {
	opacity : 0.4;
	cursor: default;
}#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}

#fancybox-thumbs.bottom {
	bottom: 2px;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}

#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}