/**

 * Owl Carousel v2.3.4

 * Copyright 2013-2018 David Deutsch

 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE

 */

/*

 *  Owl Carousel - Core

 */

.ybc_ins_medias.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; }

.ybc_ins_medias.carousel .owl-stage {

    position: relative;

    -ms-touch-action: pan-Y;

    touch-action: manipulation;

    -moz-backface-visibility: hidden;

    /* fix firefox animation glitch */ }

.ybc_ins_medias.carousel .owl-stage:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0; }

.ybc_ins_medias.carousel .owl-stage-outer {

    position: relative;

    overflow: hidden;

    /* fix for flashing background */

    -webkit-transform: translate3d(0px, 0px, 0px); }

.ybc_ins_medias.carousel .owl-wrapper,

.ybc_ins_medias.carousel .owl-item {

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0); }

.ybc_ins_medias.carousel .owl-item {

    position: relative;

    min-height: 1px;

    float: left;

    -webkit-backface-visibility: hidden;

    -webkit-tap-highlight-color: transparent;

    -webkit-touch-callout: none; }

.ybc_ins_medias.carousel .owl-item img {

    display: block;

    width: 100%; }

.ybc_ins_medias.carousel .owl-nav.disabled,

.ybc_ins_medias.carousel .owl-dots.disabled {

    display: none; }

.ybc_ins_medias.carousel .owl-nav .owl-prev,

.ybc_ins_medias.carousel .owl-nav .owl-next,

.ybc_ins_medias.carousel .owl-dot {

    cursor: pointer;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none; 

}

.ybc_ins_medias.carousel .owl-nav button.owl-prev,

.ybc_ins_medias.carousel .owl-nav button.owl-next,

.ybc_ins_medias.carousel button.owl-dot {

    color: inherit;

    border: none;

    padding: 0 !important;

    font: inherit;

    width: 24px;

    height: 30px;

    background-color: rgba(255,255,255,0.5);

    margin-top: -15px;

}

.ybc_ins_medias.carousel.owl-loaded {

    display: block; }

.ybc_ins_medias.carousel.owl-loading {

    opacity: 0;

    display: block; }

.ybc_ins_medias.carousel.owl-hidden {

    opacity: 0; }

.ybc_ins_medias.carousel.owl-refresh .owl-item {

    visibility: hidden; }

.ybc_ins_medias.carousel.owl-drag .owl-item {

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none; }

.ybc_ins_medias.carousel.owl-grab {

    cursor: move;

    cursor: grab; }

.ybc_ins_medias.carousel.owl-rtl {

    direction: rtl; }

.ybc_ins_medias.carousel.owl-rtl .owl-item {

    float: right; }



/* No Js */

.no-js .ybc_ins_medias.carousel {

    display: block; }



/*

 *  Owl Carousel - Animate Plugin

 */

.ybc_ins_medias.carousel .animated {

    animation-duration: 1000ms;

    animation-fill-mode: both; }



.ybc_ins_medias.carousel .owl-animated-in {

    z-index: 0; }



.ybc_ins_medias.carousel .owl-animated-out {

    z-index: 1; }



.ybc_ins_medias.carousel .fadeOut {

    animation-name: fadeOut; }



@keyframes fadeOut {

    0% {

        opacity: 1; }

    100% {

        opacity: 0; } }



/*

 * 	Owl Carousel - Auto Height Plugin

 */

.owl-height {

    transition: height 500ms ease-in-out; }



/*

 * 	Owl Carousel - Lazy Load Plugin

 */

.ybc_ins_medias.carousel .owl-item {

    /**

              This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong

              calculation of the height of the owl-item that breaks page layouts

           */ }

.ybc_ins_medias.carousel .owl-item .owl-lazy {

    opacity: 0;

    transition: opacity 400ms ease; }

.ybc_ins_medias.carousel .owl-item .owl-lazy[src^=""], .ybc_ins_medias.carousel .owl-item .owl-lazy:not([src]) {

    max-height: 0; }

.ybc_ins_medias.carousel .owl-item img.owl-lazy {

    transform-style: preserve-3d; }



/*

 * 	Owl Carousel - Video Plugin

 */

.ybc_ins_medias.carousel .owl-video-wrapper {

    position: relative;

    height: 100%;

    background: #000; }



.ybc_ins_medias.carousel .owl-video-play-icon {

    position: absolute;

    height: 80px;

    width: 80px;

    left: 50%;

    top: 50%;

    margin-left: -40px;

    margin-top: -40px;

    background: url("owl.video.play.png") no-repeat;

    cursor: pointer;

    z-index: 1;

    -webkit-backface-visibility: hidden;

    transition: transform 100ms ease; }



.ybc_ins_medias.carousel .owl-video-play-icon:hover {

    -ms-transform: scale(1.3, 1.3);

    transform: scale(1.3, 1.3); }



.ybc_ins_medias.carousel .owl-video-playing .owl-video-tn,

.ybc_ins_medias.carousel .owl-video-playing .owl-video-play-icon {

    display: none; }



.ybc_ins_medias.carousel .owl-video-tn {

    opacity: 0;

    height: 100%;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: contain;

    transition: opacity 400ms ease; }



.ybc_ins_medias.carousel .owl-video-frame {

    position: relative;

    z-index: 1;

    height: 100%;

    width: 100%; }

.ybc_ins_medias.carousel .owl-nav .owl-prev,

.ybc_ins_medias.carousel .owl-nav .owl-next{

    position: relative;

}

.ybc_ins_medias.carousel .owl-dots{

    display: none!important;

}



/* Quang update */

@media (max-width: 479px){

    .ybc_ins_medias.carousel .owl-nav button.owl-prev,

    .ybc_ins_medias.carousel .owl-nav button.owl-next,

    .ybc_ins_medias.carousel button.owl-dot {

        width: 30px;

    }

    .ybc_ins_medias.carousel .owl-nav .owl-prev::before {

        left: 18px;

    }

    .ybc_ins_medias.carousel .owl-nav .owl-next::before{

        left: 0px;

    }

    .ybc_ins_medias.carousel .owl-nav{

        left: -7px;

        right: -7px;

        opacity:1;

        visibility:visible;

    }

}