@charset "UTF-8";

body.fancybox-active {

  overflow: hidden; }



body.fancybox-iosfix {

  position: fixed;

  left: 0;

  right: 0; }



.fancybox-is-hidden {

  position: absolute;

  top: -9999px;

  left: -9999px;

  visibility: hidden; }



.fancybox-container {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 99992;

  -webkit-tap-highlight-color: transparent;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }



.ybc_ins_fancybox .fancybox-outer,

.ybc_ins_fancybox .fancybox-inner,

.ybc_ins_fancybox .fancybox-bg,

.ybc_ins_fancybox .fancybox-stage {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0; }



  .ybc_ins_fancybox .fancybox-outer {

  overflow-y: auto;

  -webkit-overflow-scrolling: touch; }



  .ybc_ins_fancybox .fancybox-bg {

  background: #1e1e1e;

  opacity: 0;

  transition-duration: inherit;

  transition-property: opacity;

  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }



.fancybox-is-open .fancybox-bg {

  opacity: 0.87;

  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }



.ybc_ins_fancybox .fancybox-infobar,

.ybc_ins_fancybox .fancybox-toolbar,

.ybc_ins_fancybox .fancybox-caption-wrap {

  position: absolute;

  direction: ltr;

  z-index: 99997;

  opacity: 0;

  visibility: hidden;

  transition: opacity .25s, visibility 0s linear .25s;

  box-sizing: border-box; }



.fancybox-show-infobar .fancybox-infobar,

.fancybox-show-toolbar .fancybox-toolbar,

.fancybox-show-caption .fancybox-caption-wrap {

  opacity: 1;

  visibility: visible;

  transition: opacity .25s, visibility 0s; }



.fancybox-infobar {

  top: 0;

  left: 0;

  font-size: 13px;

  padding: 0 10px;

  height: 44px;

  min-width: 44px;

  line-height: 44px;

  color: #ccc;

  text-align: center;

  pointer-events: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-touch-callout: none;

  -webkit-tap-highlight-color: transparent;

  -webkit-font-smoothing: subpixel-antialiased;

  mix-blend-mode: exclusion; }



.fancybox-toolbar {

  top: 0;

  right: 0;

  margin: 0;

  padding: 0; }



.ybc_ins_fancybox .fancybox-stage {

  overflow: hidden;

  direction: ltr;

  z-index: 99994;

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



.fancybox-is-closing .fancybox-stage {

  overflow: visible; }



.fancybox-slide {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

  overflow: auto;

  outline: none;

  white-space: normal;

  box-sizing: border-box;

  text-align: center;

  z-index: 99994;

  -webkit-overflow-scrolling: touch;

  display: none;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  transition-property: opacity, -webkit-transform;

  transition-property: transform, opacity;

  transition-property: transform, opacity, -webkit-transform; }



.fancybox-slide::before {

  content: '';

  display: inline-block;

  vertical-align: middle;

  height: 100%;

  width: 0; }



.fancybox-is-sliding .fancybox-slide,

.fancybox-slide--previous,

.fancybox-slide--current,

.fancybox-slide--next {

  display: block; }



.fancybox-slide--image {

  overflow: visible; }



.fancybox-slide--image::before {

  display: none; }



.fancybox-slide--video .fancybox-content,

.fancybox-slide--video iframe {

  background: #000; }



.fancybox-slide--map .fancybox-content,

.fancybox-slide--map iframe {

  background: #E5E3DF; }



.fancybox-slide--next {

  z-index: 99995; }



.ybc_ins_fancybox .fancybox-slide > * {

  display: inline-block;

  position: relative;

  padding: 24px 24px 0;

  margin: 44px 0 44px;

  border-width: 0;

  vertical-align: middle;

  text-align: left;

  background-color: #fff;

  overflow: auto;

  box-sizing: border-box; }



.ybc_ins_fancybox .fancybox-slide > video {

  margin: 0;

  padding-top: 0;

}

.fancybox-slide > title,

.fancybox-slide > style,

.fancybox-slide > meta,

.fancybox-slide > link,

.fancybox-slide > script,

.fancybox-slide > base {

  display: none; }



.ybc_ins_fancybox .fancybox-slide .fancybox-image-wrap {

  position: absolute;

  top: 0;

  left: 0;

  margin: 0;

  padding: 0;

  border: 0;

  z-index: 99995;

  background: transparent;

  cursor: default;

  overflow: visible;

  -webkit-transform-origin: top left;

  -ms-transform-origin: top left;

  transform-origin: top left;

  background-size: 100% 100%;

  background-repeat: no-repeat;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  transition-property: opacity, -webkit-transform;

  transition-property: transform, opacity;

  transition-property: transform, opacity, -webkit-transform; }



.fancybox-can-zoomOut .fancybox-image-wrap {

  cursor: -webkit-zoom-out;

  cursor: zoom-out; }



.fancybox-can-zoomIn .fancybox-image-wrap {

  cursor: -webkit-zoom-in;

  cursor: zoom-in; }



.fancybox-can-drag .fancybox-image-wrap {

  cursor: -webkit-grab;

  cursor: grab; }



.fancybox-is-dragging .fancybox-image-wrap {

  cursor: -webkit-grabbing;

  cursor: grabbing; }



.fancybox-image,

.fancybox-spaceball {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

  border: 0;

  max-width: none;

  max-height: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none; }



.fancybox-spaceball {

  z-index: 1; }



.fancybox-slide--iframe .fancybox-content {

  padding: 0;

  width: 80%;

  height: 80%;

  max-width: calc(100% - 100px);

  max-height: calc(100% - 88px);

  overflow: visible;

  background: #fff; }



.fancybox-iframe {

  display: block;

  margin: 0;

  padding: 0;

  border: 0;

  width: 100%;

  height: 100%;

  background: #fff; }



.fancybox-error {

  margin: 0;

  padding: 40px;

  width: 100%;

  max-width: 380px;

  background: #fff;

  cursor: default; }



.fancybox-error p {

  margin: 0;

  padding: 0;

  color: #444;

  font-size: 16px;

  line-height: 20px; }



/* Buttons */

.fancybox-button {

  box-sizing: border-box;

  display: inline-block;

  vertical-align: top;

  width: 44px;

  height: 44px;

  margin: 0;

  padding: 10px;

  border: 0;

  border-radius: 0;

  background: rgba(30, 30, 30, 0.6);

  transition: color .3s ease;

  cursor: pointer;

  outline: none; }



.fancybox-button,

.fancybox-button:visited,

.fancybox-button:link {

  color: #ccc; }



.fancybox-button:focus,

.fancybox-button:hover {

  color: #fff; }



.fancybox-button[disabled] {

  color: #ccc;

  cursor: default;

  opacity: 0.6; }



.fancybox-button svg {

  display: block;

  position: relative;

  overflow: visible;

  shape-rendering: geometricPrecision; }



.fancybox-button svg path {

  fill: currentColor;

  stroke: currentColor;

  stroke-linejoin: round;

  stroke-width: 3; }



.fancybox-button--share svg path {

  stroke-width: 1; }



.fancybox-button--play svg path:nth-child(2) {

  display: none; }



.fancybox-button--pause svg path:nth-child(1) {

  display: none; }



.fancybox-button--zoom svg path {

  fill: transparent; }



/* Navigation arrows */

.fancybox-navigation {

  display: none; }



.fancybox-show-nav .fancybox-navigation {

  display: block; }



.fancybox-navigation button {

  position: absolute;

  top: 50%;

  margin: -50px 0 0 0;

  z-index: 99997;

  background: transparent;

  width: 60px;

  height: 100px;

  padding: 17px; }



.fancybox-navigation button:before {

  content: "";

  position: absolute;

  top: 30px;

  right: 10px;

  width: 40px;

  height: 40px;

  background: rgba(30, 30, 30, 0.6); }



.fancybox-navigation .fancybox-button--arrow_left {

  left: 0; }



.fancybox-navigation .fancybox-button--arrow_right {

  right: 0; }



/* Close button on the top right corner of html content */

.fancybox-close-small {

  position: absolute;

  top: 0;

  right: 0;

  width: 40px;

  height: 40px;

  padding: 0;

  margin: 0;

  border: 0;

  border-radius: 0;

  background: transparent;

  z-index: 10;

  cursor: pointer; }



.fancybox-close-small:after {

  content: '×';

  position: absolute;

  top: 5px;

  right: 5px;

  width: 30px;

  height: 30px;

  font: 22px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;

  color: #888;

  font-weight: 300;

  text-align: center;

  border-radius: 50%;

  border-width: 0;

  background-color: transparent;

  transition: background-color .25s;

  box-sizing: border-box;

  z-index: 2; }



.fancybox-close-small:focus {

  outline: none; }



.fancybox-close-small:focus:after {

  outline: 1px dotted #888; }



.fancybox-close-small:hover:after {

  color: #555;

  background: #eee; }



.fancybox-slide--image .fancybox-close-small,

.fancybox-slide--iframe .fancybox-close-small {

  top: 0;

  right: -40px; }



.fancybox-slide--image .fancybox-close-small:after,

.fancybox-slide--iframe .fancybox-close-small:after {

  font-size: 35px;

  color: #aaa; }



.fancybox-slide--image .fancybox-close-small:hover:after,

.fancybox-slide--iframe .fancybox-close-small:hover:after {

  color: #fff;

  background: transparent; }



.fancybox-is-scaling .fancybox-close-small,

.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {

  display: none; }



/* Caption */

.fancybox-caption-wrap {

  bottom: 0;

  left: 0;

  right: 0;

  padding: 60px 2vw 0 2vw;

  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);

  pointer-events: none; }



.fancybox-caption {

  padding: 30px 0;

  border-top: 1px solid rgba(255, 255, 255, 0.4);

  font-size: 14px;

  color: #fff;

  line-height: 20px;

  -webkit-text-size-adjust: none; }



.fancybox-caption a,

.fancybox-caption button,

.fancybox-caption select {

  pointer-events: all;

  position: relative;

  /* Fix IE11 */ }



.fancybox-caption a {

  color: #fff;

  text-decoration: underline; }



/* Loading indicator */

.fancybox-slide > .fancybox-loading {

  border: 6px solid rgba(100, 100, 100, 0.4);

  border-top: 6px solid rgba(255, 255, 255, 0.6);

  border-radius: 100%;

  height: 50px;

  width: 50px;

  -webkit-animation: fancybox-rotate .8s infinite linear;

  animation: fancybox-rotate .8s infinite linear;

  background: transparent;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -30px;

  margin-left: -30px;

  z-index: 99999; }



@-webkit-keyframes fancybox-rotate {

  from {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg); }

  to {

    -webkit-transform: rotate(359deg);

    transform: rotate(359deg); } }



@keyframes fancybox-rotate {

  from {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg); }

  to {

    -webkit-transform: rotate(359deg);

    transform: rotate(359deg); } }



/* Transition effects */

.fancybox-animated {

  transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }



/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {

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

  transform: translate3d(-100%, 0, 0);

  opacity: 0; }



.fancybox-fx-slide.fancybox-slide--next {

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

  transform: translate3d(100%, 0, 0);

  opacity: 0; }



.fancybox-fx-slide.fancybox-slide--current {

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

  transform: translate3d(0, 0, 0);

  opacity: 1; }



/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,

.fancybox-fx-fade.fancybox-slide--next {

  opacity: 0;

  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }



.fancybox-fx-fade.fancybox-slide--current {

  opacity: 1; }



/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {

  -webkit-transform: scale3d(1.5, 1.5, 1.5);

  transform: scale3d(1.5, 1.5, 1.5);

  opacity: 0; }



.fancybox-fx-zoom-in-out.fancybox-slide--next {

  -webkit-transform: scale3d(0.5, 0.5, 0.5);

  transform: scale3d(0.5, 0.5, 0.5);

  opacity: 0; }



.fancybox-fx-zoom-in-out.fancybox-slide--current {

  -webkit-transform: scale3d(1, 1, 1);

  transform: scale3d(1, 1, 1);

  opacity: 1; }



/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {

  -webkit-transform: rotate(-360deg);

  -ms-transform: rotate(-360deg);

  transform: rotate(-360deg);

  opacity: 0; }



.fancybox-fx-rotate.fancybox-slide--next {

  -webkit-transform: rotate(360deg);

  -ms-transform: rotate(360deg);

  transform: rotate(360deg);

  opacity: 0; }



.fancybox-fx-rotate.fancybox-slide--current {

  -webkit-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  transform: rotate(0deg);

  opacity: 1; }



/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {

  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);

  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);

  opacity: 0; }



.fancybox-fx-circular.fancybox-slide--next {

  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);

  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);

  opacity: 0; }



.fancybox-fx-circular.fancybox-slide--current {

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

  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);

  opacity: 1; }



/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {

  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);

  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }



.fancybox-fx-tube.fancybox-slide--next {

  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);

  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }



.fancybox-fx-tube.fancybox-slide--current {

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

  transform: translate3d(0, 0, 0) scale(1); }



/* Share */

.fancybox-share {

  padding: 30px;

  border-radius: 3px;

  background: #f4f4f4;

  max-width: 90%;

  text-align: center; }



.fancybox-share h1 {

  color: #222;

  margin: 0 0 20px 0;

  font-size: 35px;

  font-weight: 700; }



.fancybox-share p {

  margin: 0;

  padding: 0; }



p.fancybox-share__links {

  margin-right: -10px; }



.fancybox-share__button {

  display: inline-block;

  text-decoration: none;

  margin: 0 10px 10px 0;

  padding: 0 15px;

  min-width: 130px;

  border: 0;

  border-radius: 3px;

  background: #fff;

  white-space: nowrap;

  font-size: 14px;

  font-weight: 700;

  line-height: 40px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  color: #fff;

  transition: all .2s; }



.fancybox-share__button:hover {

  text-decoration: none; }



.fancybox-share__button--fb {

  background: #3b5998; }



.fancybox-share__button--fb:hover {

  background: #344e86; }



.fancybox-share__button--pt {

  background: #bd081d; }



.fancybox-share__button--pt:hover {

  background: #aa0719; }



.fancybox-share__button--tw {

  background: #1da1f2; }



.fancybox-share__button--tw:hover {

  background: #0d95e8; }



.fancybox-share__button svg {

  position: relative;

  top: -1px;

  width: 25px;

  height: 25px;

  margin-right: 7px;

  vertical-align: middle; }



.fancybox-share__button svg path {

  fill: #fff; }



.fancybox-share__input {

  box-sizing: border-box;

  width: 100%;

  margin: 10px 0 0 0;

  padding: 10px 15px;

  background: transparent;

  color: #5d5b5b;

  font-size: 14px;

  outline: none;

  border: 0;

  border-bottom: 2px solid #d7d7d7; }



/* Thumbs */

.fancybox-thumbs {

  display: none;

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  width: 212px;

  margin: 0;

  padding: 2px 2px 4px 2px;

  background: #fff;

  -webkit-tap-highlight-color: transparent;

  -webkit-overflow-scrolling: touch;

  -ms-overflow-style: -ms-autohiding-scrollbar;

  box-sizing: border-box;

  z-index: 99995; }



.fancybox-thumbs-x {

  overflow-y: hidden;

  overflow-x: auto; }



.fancybox-show-thumbs .fancybox-thumbs {

  display: block; }



.fancybox-show-thumbs .fancybox-inner {

  right: 212px; }



.fancybox-thumbs > ul {

  list-style: none;

  position: absolute;

  position: relative;

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

  overflow-x: hidden;

  overflow-y: auto;

  font-size: 0;

  white-space: nowrap; }



.fancybox-thumbs-x > ul {

  overflow: hidden; }



.fancybox-thumbs-y > ul::-webkit-scrollbar {

  width: 7px; }



.fancybox-thumbs-y > ul::-webkit-scrollbar-track {

  background: #fff;

  border-radius: 10px;

  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }



.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {

  background: #2a2a2a;

  border-radius: 10px; }



.fancybox-thumbs > ul > li {

  float: left;

  overflow: hidden;

  padding: 0;

  margin: 2px;

  width: 100px;

  height: 75px;

  max-width: calc(50% - 4px);

  max-height: calc(100% - 8px);

  position: relative;

  cursor: pointer;

  outline: none;

  -webkit-tap-highlight-color: transparent;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  box-sizing: border-box; }



li.fancybox-thumbs-loading {

  background: rgba(0, 0, 0, 0.1); }



.fancybox-thumbs > ul > li > img {

  position: absolute;

  top: 0;

  left: 0;

  max-width: none;

  max-height: none;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none; }



.fancybox-thumbs > ul > li:before {

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  border: 4px solid #4ea7f9;

  z-index: 99991;

  opacity: 0;

  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }



.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {

  opacity: 1; }



/* Styling for Small-Screen Devices */

@media all and (max-width: 800px) {

  .fancybox-thumbs {

    width: 110px; }

  .fancybox-show-thumbs .fancybox-inner {

    right: 110px; }

  .fancybox-thumbs > ul > li {

    max-width: calc(100% - 10px); } }



/* Quang update */

@media all and (max-width: 767px) {

  body.fancybox-active {

    overflow: hidden;

    position: relative;

    height: 100%;

    max-height:100vh;

    float: left;

    width: 100%;

  }

  .ybc_ins_fancybox .fancybox-stage{

    position: relative;

    height: 100%;

    max-height:100vh;

  }

  .fancybox-slide.ybc_ins_slide .ybc_ins_popup_left{

    overflow-y: scroll;

  }

}