.frame_img {
  display: block;
  background: white;
  text-align: center;
  position: relative;
  overflow: hidden; }

.frame_img img:hover, #colorbox img:hover {
  opacity: 1; }

.owl-carousel .owl-item img {
  width: 100%;
  max-height: 140px;
  object-fit: cover;
  vertical-align: middle;
  transition: .7s; }

#sync1 {
  display: block !important; }
  #sync1 .owl-controls svg {
    width: 50px;
    height: 50px; }
    @media screen and (min-width: 1300px) {
      #sync1 .owl-controls svg {
        width: 3.125vw;
        height: 3.125vw; } }

#sync2 {
  display: flex;
  width: calc(100% + 0px);
  justify-content: space-between; }
  #sync2 > .item {
    width: calc(33.333% - 10px);
    margin: 0px 5px; }
    #sync2 > .item:nth-child(n+4) {
      display: none; }
  #sync2 .item {
    width: 100%; }
  #sync2 .owl-stage {
    margin: auto; }

#sync1 .item {
  color: #FFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center; }
  #sync1 .item a {
    display: block;
    vertical-align: middle;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; }
    #sync1 .item a img {
      width: 100%;
      height: auto;
      display: block;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px; }

#sync2 .item {
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  border: 3px solid #fff;
  background: #282828;
  margin: 25px 0px;
  border-radius: 6px;
  background-color: #fff;
  transition: 0.5; }
  @media screen and (min-width: 1440px) {
    #sync2 .item {
      margin: 1.302vw 0; } }
  @media screen and (max-width: 768px) {
    #sync2 .item {
      margin: 10px 0px; } }
  #sync2 .item a {
    display: block;
    vertical-align: middle; }
    #sync2 .item a img {
      width: 100%;
      height: auto;
      display: block; }
  #sync2 .item img {
    opacity: 0.5;
    transition: 0.5; }

.homestay_detail .thumbs {
  position: relative;
  bottom: 0;
  z-index: 1;
  width: 100%;
  margin: auto;
  box-sizing: border-box;
  padding: 0px 200px; }
  @media screen and (min-width: 1440px) {
    .homestay_detail .thumbs {
      padding: 0px 15.625vw; } }
  @media screen and (max-width: 900px) {
    .homestay_detail .thumbs {
      padding: 0px 50px; } }
  @media screen and (max-width: 768px) {
    .homestay_detail .thumbs {
      padding: 0px 0px; } }
.homestay_detail #sync2 .owl-nav {
  display: none !important; }

#sync2 .item {
  position: relative;
  border-radius: 8px; }
  #sync2 .item::before {
    content: "";
    background: #fcc258;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -15px;
    opacity: 0;
    transition: 0.5s;
    left: 0px;
    -webkit-transition: 0.5; }
    @media screen and (min-width: 1440px) {
      #sync2 .item::before {
        bottom: -0.781vw; } }
  #sync2 .item img {
    border-radius: 8px; }

#sync2 .item:hover::before, #sync2 .owl-item.current .item::before {
  opacity: 1; }

#sync2 .item h1 {
  font-size: 18px; }

#sync2 .synced .item {
  background: #0c83e7; }

@media all and (max-width: 800px) {
  .owl-nav {
    display: none; } }

#sync1 .owl-prev, #sync1 .owl-next {
  display: inline-block;
  padding: 0PX;
  text-align: center;
  position: absolute;
  top: 50%;
  height: auto;
  font-size: 12px;
  margin: 0 30px;
  transform: translate(0, -50%);
  border-radius: 4px;
  display: none; }

#sync1:hover .owl-prev, #sync1:hover .owl-next {
  display: inline-block !important; }

#sync1 .owl-prev {
  left: 0px; }

#sync1 .owl-next {
  right: 0px; }

#sync1.owl-carousel .owl-item img {
  transform-style: preserve-3d;
  display: inherit;
  width: 100%;
  max-height: 800px;
  object-fit: cover;
  vertical-align: middle; }

/*********THUMBNAIL***********/
.product_image .thumbs {
  padding: 0 25px;
  margin-top: 18px; }

#sync2 .owl-prev, #sync2 .owl-next {
  text-align: center;
  position: absolute;
  top: calc(50% - 20px) !important;
  /* width: 27px; */
  /* height: 57px; */
  width: 40px;
  height: 40px;
  /* padding: 10px; */
  /* box-sizing: border-box; */
  font-size: 40px;
  padding-top: 0;
  line-height: 35px;
  border-radius: 5px; }

#sync2:hover .owl-prev, #sync2:hover .owl-next {
  display: inline !important; }

#sync2 .owl-prev {
  background: #fff;
  left: 15px;
  z-index: 999;
  color: #282828; }

#sync2 .owl-next {
  background: #fff;
  right: 15px;
  color: #282828; }

/*# sourceMappingURL=images_carousel.css.map */