/* RTL - sinh tự động từ lightbox.css bởi vnh_rtl.flip_css */
@charset "UTF-8";
.fr-thumbnail-loading-background,
.fr-loading-background,
.blockUI.blockOverlay:before,
.fr-spinner:after,
.fr-overlay-background:after,
.search-preloader-wrapp:after,
.product_thumbnail .overlay:after,
.easyzoom.is-loading:after {
  background: none !important;
  content: "";
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background-color: transparent !important;
  border: 3px solid !important;
  -webkit-animation: loader-spin 0.8s infinite both !important;
  animation: loader-spin 0.8s infinite both !important;
  z-index: 99;
  opacity: 1;
  position: absolute;
  top: 50% !important;
  right: calc( 50% - 12px) !important; }

.fr-spinner {
  border: none !important;
  background-color: transparent !important;
  width: 24px !important;
  height: 24px !important; }

.fr-thumbnail-loading-background {
  margin-top: -12px;
  margin-right: -12px; }

.fr-content-image-overlay {
  border: none !important; }

.fr-box-wrapper {
  background: transparent !important; }

.fr-box-outer-border {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.fr-overlay-background {
  opacity: .5;
  background: #FFF; }

.fr-overlay {
  z-index: 9999; }

.fr-content, .fr-content-background {
  max-width: 1550px !important; }

.fr-thumbnails-vertical .fr-thumbnails-wrapper {
  margin-top: 0 !important;
  top: 10px !important; }

.fr-overlay-background {
  opacity: 1 !important; }

.fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon {
  background: none;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  opacity: 1; }
  .fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon:before {
    font-family: 'Shopkeeper-Icon-Font';
    content: "\e91c";
    display: block;
    font-size: 65px;
    font-weight: normal;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; }
  @media (min-width: 1024px) {
    .fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon {
      -webkit-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s; }
      .fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon:hover {
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s; }
        .fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon:hover:before {
          opacity: .5; } }

.fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon {
  background: none;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  opacity: 1; }
  .fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon:before {
    font-family: 'Shopkeeper-Icon-Font';
    content: "\e91d";
    display: block;
    font-size: 65px;
    font-weight: normal;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; }
  @media (min-width: 1024px) {
    .fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon {
      -webkit-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s; }
      .fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon:hover {
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s; }
        .fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon:hover:before {
          opacity: .5; } }

.fr-window-skin-fresco.fr-svg .fr-close .fr-close-icon {
  background: none;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  opacity: 1; }
  .fr-window-skin-fresco.fr-svg .fr-close .fr-close-icon:before {
    font-family: 'Shopkeeper-Icon-Font';
    content: "\e91a";
    display: block;
    font-size: 45px;
    color: #FFF;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; }
  .fr-window-skin-fresco.fr-svg .fr-close .fr-close-icon:hover {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; }
    .fr-window-skin-fresco.fr-svg .fr-close .fr-close-icon:hover:before {
      opacity: .5; }

.fr-position-outside {
  left: 20px !important; }

.fr-close {
  left: 33px !important; }

.fr-side-next {
  left: 42px !important; }

.fr-close {
  top: 20px !important; }

.fr-position-outside {
  padding: 10px 8px;
  margin-left: 10px !important;
  bottom: 15px !important; }

.fr-thumbnails-horizontal .fr-position-outside {
  bottom: -80px !important; }

.fr-side-previous {
  right: 28px !important; }

.fr-thumbnails-horizontal .fr-pages {
  overflow: visible !important; }

.fr-thumbnail-wrapper {
  background: transparent !important; }

.fr-thumbnail-active .fr-thumbnail-wrapper .fr-thumbnail-image {
  opacity: .2 !important; }

div.fr-thumbnails-horizontal .fr-thumbnails {
  display: block !important;
  background: transparent; }

.fr-thumbnail .fr-thumbnail-image {
  opacity: 1 !important;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0) scale(1, 1); }

.fr-thumbnail:hover .fr-thumbnail-image, .fr-thumbnail-active:hover .fr-thumbnail-image {
  opacity: .2 !important; }

.fr-window-skin-fresco .fr-thumbnail-overlay-border {
  border-width: 0 !important; }

.fr-window-skin-fresco .fr-thumbnail-wrapper {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.fr-thumbnails-side.fr-thumbnails-side-previous,
.fr-thumbnails-side.fr-thumbnails-side-next {
  display: none !important; }

.fr-side {
  width: auto !important;
  height: auto;
  margin: 0; }

.fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon:before {
  margin-right: -20px; }

.fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon:before {
  margin-left: -20px; }

.fr-close-background {
  background-color: transparent !important; }

.fr-thumbnail-overlay, .fr-thumbnail-overlay-background, .fr-thumbnail-overlay-border {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s; }

.fr-thumbnail:hover .fr-thumbnail-image, .fr-thumbnail-active:hover .fr-thumbnail-image {
  opacity: .5 !important; }

.fr-thumbnail,
.fr-thumbnail-image {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s; }

.fr-window-skin-fresco .fr-content-background {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.fr-window.fr-mobile-touch {
  position: fixed;
  top: 0 !important; }

@media screen and (min-width: 1024px) {
  .fr-info-padder {
    padding: 45px !important; } }

.fr-caption:before {
  content: "";
  width: 50px;
  height: 1px;
  margin-left: 20px;
  display: inline-block;
  vertical-align: super; }

.fr-window-skin-fresco .fr-content-background {
  background: transparent !important; }

.fr-position-background {
  background: transparent !important; }

.fr-info .fr-stroke-color {
  background: transparent !important; }

.single-product .fr-window {
  z-index: 999999;
  background: #fff; }

@media screen and (min-width: 64em) {
  .fr-info {
    right: 50% !important;
    margin-right: -25%;
    max-width: 50%; } }

.fr-position-outside .fr-position-text, .fr-position-inside .fr-position-text {
  text-shadow: none !important; }

.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.fr-thumbnail-spinner-spin {
  display: none !important; }

.fr-thumbnail-spinner {
  display: block !important; }

.fr-spinner div.fr-spin-1 {
  display: none !important; }

.fr-spinner div.fr-spin-2 {
  display: none !important; }

.fr-spinner div.fr-spin-3 {
  display: none !important; }

.fr-spinner div.fr-spin-4 {
  display: none !important; }

.fr-spinner div.fr-spin-5 {
  display: none !important; }

.fr-spinner div.fr-spin-6 {
  display: none !important; }

.fr-spinner div.fr-spin-7 {
  display: none !important; }

.fr-spinner div.fr-spin-8 {
  display: none !important; }

.fr-spinner div.fr-spin-9 {
  display: none !important; }

.fr-spinner div.fr-spin-10 {
  display: none !important; }

.fr-spinner div.fr-spin-11 {
  display: none !important; }

.fr-spinner div.fr-spin-12 {
  display: none !important; }

.fr-spinner {
  width: auto;
  height: auto;
  position: fixed;
  width: 52px;
  height: 52px;
  border-radius: 5px;
  right: 50% !important;
  margin-left: -26px; }

@media (max-width: 500px) and (orientation: portrait), (max-height: 414px) and (orientation: landscape) {
  .fr-side .fr-side-button {
    width: auto;
    height: auto; } }

@media (max-width: 1024px) {
  .fr-side-previous {
    right: 42px !important; } }

@media (max-width: 767px) {
  .fr-content, .fr-content-background {
    top: 0 !important; }
  .fr-ui-fullclick.fr-type-video .fr-container {
    padding: 0 !important; }
  .fr-ui-fullclick.fr-type-video .fr-content-background {
    width: 100% !important; }
  .fr-ui-fullclick.fr-type-video .fr-content {
    width: 100% !important;
    right: 0 !important;
    height: 45% !important; }
  .fr-showing-type-youtube .fr-close.fr-close-fullclick {
    top: 30px !important; } }

@media only screen and (min-width: 768px) {
    .fr-position-text {
        font-size: 23px;
    }
}

.fr-window {
  font-family: "NeueEinstellung", -apple-system, BlinkMacSystemFont, Arial, Helvetica, 'Helvetica Neue', Verdana, sans-serif !important;
  z-index: 100000009 !important;
}
.fr-window, .fr-info-padder {
  background: #ece9e2 !important;
}
.fr-window, .fr-window a, .fr-position-text, .fr-info-padder, .fr-window-skin-fresco.fr-svg .fr-close .fr-close-icon:before {color: #666666 !important;}