@charset "UTF-8";

.figure-item .buttons .count .button i, .figure-item .btn-more:before {background:url("../../images/common/ic-items.0e8fda2d4e97.png") no-repeat;background-size:100px 100px;background-image:url("../../images/svg/ic-items.dacb730c4227.svg");}

.stream > li {position:relative;float:left;width: calc((100% - 54px)/4);margin: 0 0 18px 18px;z-index: 0;}
.stream > li.active {z-index:1;}
.stream > li:nth-child(4n+1) {clear:both;margin-left:0;}
.ui-sortable.stream {width:calc(100% + 18px);margin-left:-18px;}
.ui-sortable.stream > li, .ui-sortable.stream > li:nth-child(4n+1) {clear:none;margin-left:18px;width:calc(25% - 18px);}

/* share layer */
.figure-item .trick {display:none;position:fixed;top:0;left:0;width:100%;height:100%;}
.figure-item #more-share-send .lists li {margin:0;float:none;}

.figure-item {z-index:0;position: relative;background: #FFF;border-radius: 5px;box-shadow:   0 1px 0px 0px rgba(0, 0, 0, 0.03), 0 0px 0px 1px rgba(0, 0, 0, 0.01);transition:0.1s box-shadow ease-in-out;}
.figure-item .sale-item-input {border-radius:5px;box-shadow:0 4px 8px rgba(0, 0, 0, .1), 0 0 1px rgba(0,0,0,0.2);left: auto;right: -20px;width: 285px;}
.figure-item .sale-item-input:before, .figure-item .sale-item-input:after {display:none;}
.figure-item .sale-item-input .frm:before {display:none;}
.figure-item .sale-item-input select {width:calc(100% - 85px);}
.figure-item .sale-item-input select.option {width:75px;}
.figure-item .sale-item-input .btns-green-embo {border-radius:5px;box-shadow:none;background: #65C07D !important;border-color: #65C07D;}
.figure-item .app-list {border-radius:5px;box-shadow:0 4px 8px rgba(0, 0, 0, .1), 0 0 1px rgba(0,0,0,0.2);right: 0;white-space:nowrap;position: absolute;bottom: 100%;background: #fff;font-size: 12px;padding: 5px 0;font-weight: 600;z-index: 1;transition: 0.22s;opacity: 0;visibility: hidden;}
.figure-item .download .opener {position:relative;z-index: 1;}
.figure-item .download.opened .trick {display:block;}
.figure-item .download.opened .app-list {margin-bottom:-5px;visibility:visible;opacity:1;}
.figure-item .app-list a {display:block;line-height: 24px;padding:0 10px;color: #2E363E;position: relative;}
.figure-item .app-list a:hover {background:#f4f4f4;}
.figure-item .show_cart.opened .sale-item-input .trick {opacity: 1;visibility: visible;display: block;}
.figure-item .show_cart .price {float:none;margin:0;}
.figure-item .show_cart .price.hotel {display:none;}
.figure-item .book-total-price, .figure-item .booking-result, .figure-item .photo-frame, .figure-item .hotel-info, .figure-item .hotel-info h3, .figure-item .hotel-info .loc, .figure-item .hotel-info .price, .figure-item .hotel-info .info, .figure-item .hotel-info .ly-close, .figure-item .hotel-info .currency_codes {display:none;}
.figure-item .hotel-info {position:absolute;width:284px;bottom:100%;right:0;background: #FFF;border-radius: 5px;box-shadow:0 4px 8px rgba(0, 0, 0, .1), 0 0 1px rgba(0,0,0,0.2);}
.figure-item .hotel-form {padding: 0 12px 15px 0;}
.figure-item .hotel-form .btn-check {padding: 0 0 0 12px;}
.figure-item .hotel-info button {font-size:14px;line-height:38px;display:block;height:auto;width:100%;}
.figure-item .hotel-form p {padding:0;}
.figure-item .hotel-form select, .figure-item .hotel-form input {width: 100% !important;}
.figure-item .hotel-form dt  {display: block;padding: 12px 0 2px 12px;line-height: 21px;font-weight: bold;border-bottom: none;position: relative;color: #414853;font-size: 14px;text-transform: initial;}
.figure-item .hotel-form label {display:block;font-weight:bold;}
.figure-item .hotel-form .people {clear:both;padding: 0 0 15px 0;}
.figure-item .hotel-form .people label {display:none;}
.figure-item .hotel-form .people .title {display:none;}
.figure-item .hotel-form .people b {display:block;}
.figure-item .hotel-form .people-select:after {content:'';clear:both;display:block;}
.figure-item .hotel-form .people-select p {float:left;margin-left:12px;padding:12px 0 0;width: calc(50% - 12px);}
.figure-item .hotel-form dd.calendar {float:left;margin-left:12px;padding:12px 0 0;width: calc(50% - 12px);}
.figure-item .booking-result {padding:12px;}
.figure-item .booking-result.loading {display:none;}
.figure-item .booking-result span {float:right;}
.figure-item .booking-result small {display:block;clear:both;}
.figure-item .booking-result big {float:left;}
.figure-item .book-total-price {padding:0 12px 12px;}
.figure-item .book-total-price .price {display:block;border-top:1px solid #f1f1f1;padding:12px 0;font-size:14px;}
.figure-item .book-total-price .price b {float:right;display:inline;border:0;padding: 0;}
.figure-item figcaption:hover .show_cart, .figure-item .show_cart.opened {z-index: 1;}
.figure-item figcaption {position:relative;font-size: 13.5px;line-height: 18px;padding: 13px;}
.figure-item figcaption > a:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;}
.figure-item figcaption .title {color: #2E363E;display:block;height: 36px;overflow: hidden;}
.figure-item figcaption .title img {max-height: 16px;vertical-align:middle;margin:-3px 0 0;}
.figure-item figcaption .price, .figure-item .show_cart, .figure-item figcaption .pending-label {float:right;background: #fff;margin: -3px 0 0 10px;font-size:12px;position: relative;}
.figure-item figcaption .price b {display:inline-block;color: #65C07D;padding: 2px 8px;line-height: 19px;border-radius: 12px;border: 1px solid rgba(101, 192, 125, .5);}
.figure-item figcaption .price.sales b {color:#ec3f3f;border-color: rgba(236, 63, 63, 0.5);;}
.figure-item figcaption .price.sales small {font-weight:normal;font-size:1em;color: #8a8f9c;text-decoration:line-through;margin-right: 4px;font-weight: 500;}
.figure-item figcaption .pending-label {display:inline-block;padding: 3px 8px;line-height: 19px;border-radius: 12px;position:relative;background: rgba(144, 153, 166, .8);color:#fff;text-transform: uppercase;font-weight: 700;font-size: 11px;}
.figure-item figcaption .pending-label:before, .figure-item .btn-cart.sales small:before {margin-right:0;}
.figure-item figcaption .pending-label small {display:none;position:absolute;bottom:100%;right: -10px;background: #fff;font-size: 12px;line-height: 15px;color: #272c31;padding: 10px;width: 170px;border-radius: 5px;box-shadow:0 4px 8px rgba(0, 0, 0, .1), 0 0 1px rgba(0,0,0,0.2);margin-bottom: 10px;text-transform: none;}
.figure-item figcaption .pending-label small b {display:block;text-transform:uppercase;padding-bottom: 3px;font-size: 13px;}
.figure-item figcaption .pending-label:hover small {display:block;}
.figure-item figure > a {display:block;border-radius:5px 5px 0 0;position:relative;overflow:hidden;}
.figure-item figure > a:before {content:'';position:absolute;transform:scale(1);top:0;left:0;width:100%;height:100%;background:#000;opacity:0;border-radius: 5px 5px 0 0; /*transition:0.1s ease-in-out;*/ }
.figure-item figure .figure {display: block;background:no-repeat 50% 50%;background-size: cover;border-radius: 5px 5px 0 0;}
.figure-item figure .figure img {display: block;width: 100%;padding:1px;margin:-1px;}
.figure-item figure {position: relative;width:100%;background: no-repeat 50% 50%;background-size: cover;border-radius:5px 5px 0 0;}
.figure-item .video_player {position:absolute;top:0;left:0;width:100%;height:100%;background:#ebeced;border-radius:5px 5px 0 0;overflow:hidden;}
.figure-item .video_player video {border-radius:5px 5px 0 0;background:#000;object-fit:cover;}
.figure-item .video_player p:before {display:none;}
.figure-item .video_player .btn-muted, .figure-item .video_player .btn-mute, .figure-item .video_player .btn-play, .figure-item .video_player .btn-pause, .figure-item .video_player .timestamp {display:none;}
.figure-item .video_player a.thing-url:after {content:'';position:absolute;transform:scale(1);top:0;left:0;width:100%;height:100%;background:#000;opacity:0;border-radius: 5px 5px 0 0; /*transition:0.1s ease-in-out;*/}
.figure-item .video_player .btn-play:after, .figure-item .video_player .btn-pause:after {display:none;}
.figure-item .btn-more {z-index:0;display: block;width: 29px;line-height: 29px;background: #fff;border-radius: 100%;position: relative;text-align: center;box-shadow:0 0 0 0 rgba(0,0,0,0.1);transition:0.1s ease-in-out;cursor: pointer;}
.figure-item .btn-more:before {content:'';display:inline-block;vertical-align:middle;width:13px;height:3px;background-position: -40px 0;}
.figure-item .btn-more em {position:absolute;bottom: 34px;border-radius:5px;left:50%;background:#272c31;padding:0 8px;line-height:28px;font-size:11px;color:#fff;white-space:nowrap;display:none;font-weight: normal;}
.figure-item .btn-more em:before {content:'';position:absolute;top:100%;border:4px solid transparent;border-top-color:#272c31;left:50%;margin-left:-4px;}
.figure-item .menu-container {float:right;position: relative;z-index:0;}
.figure-item .menu-container .trick {display:none;}
.figure-item .menu-container #more-menu {z-index:1;opacity:1;}
.figure-item .menu-container #more-menu.bot {bottom:auto;top:40px;}
.figure-item .menu-container .more-share-popup .trick {display:none !important;}
.figure-item .menu-container.opened .trick {display:block;}
.figure-item .menu-container.opened .btn-more:hover em {display:none;}
.figure-item .buttons {opacity:0;z-index: 1;position: absolute;width: 100%;padding: 0 10px;box-sizing: border-box;display: block;bottom: 10px;}
.figure-item .buttons .count .button {display:inline-block;color: #3D4956;border-radius: 24px;line-height: 18px;min-height:18px;background: #fff;padding: 6px 12px ;letter-spacing: -0.3px;font-weight: bold;position: relative;font-size: 13px;box-shadow:0 0 0 0 rgba(0,0,0,0.1);transition:0.1s box-shadow ease-in-out;}
.figure-item .buttons .count .button i {display: inline-block;left:12px;top:50%;margin: -3px 7px 0 0;vertical-align: middle;width: 9px;height: 14px;}
.figure-item .buttons .count .button.fancy {background:#fff;color:#3d4956}
.figure-item .buttons .count .button.fancy.loading, .figure-item .buttons .count .button.fancyd {background:#2785fa;color:#fff;}
.figure-item .buttons .count .button.fancy.loading i, .figure-item .buttons .count .button.fancyd i {background-position:-10px 0;}
.figure-item .buttons .fancyd_user {display:none;}
.figure-item .has-arrow, .figure-item .menu-container #more-menu {left: auto;right: 0;border-radius:5px;box-shadow:0 4px 8px rgba(0, 0, 0, .1), 0 0 1px rgba(0,0,0,0.2);}
.figure-item .menu-container #more-menu {bottom: 35px;width: 200px;}
.figure-item #more-menu > a, .figure-item #more-menu > button {font-weight: 500;}
.figure-item #more-menu button b, .figure-item #more-menu a b {font-size:13px;color: #373d48;display: block;}
.figure-item #more-menu button:before, .figure-item #more-menu a b:before {width:17px;height:16px;top: 6px;margin: 0;left: 14px;}
.figure-item .has-arrow:after, .figure-item .has-arrow:before {display:none;}
.figure-item:hover {box-shadow:0 0 0 5px rgba(0,0,0,0.03);}
.figure-item:hover .buttons .count .button.fancy.loading:hover, .figure-item:hover .buttons .count .button.fancyd:hover {background:#2581E3 ;}
.figure-item:hover figure > a:before, .figure-item:hover .video_player a.thing-url:after {opacity:0.18;}
.figure-item:hover .buttons {opacity:1;}
.figure-item:hover .btn-more:hover, .figure-item:hover .buttons .count .button:hover {box-shadow:0 0 0 4px rgba(0,0,0,0.1);background:#f0f0f0;}
.figure-item.add-item {display:block;position:relative;padding-bottom:62px;text-align: center;font-size: 15px;color: #4f5663;border-radius: 5px;}
.figure-item.add-item:before {content:'';position:absolute;top: 50%;left:50%;width:78px;height:78px;margin: -56px 0 0 -39px;background:#3088d6;border-radius:100%;}
.figure-item.add-item b {position:absolute;top: 50%;left:0;margin-top: -31px;width:100%;}
.figure-item.add-item b:before {content:'';display:block;width:2px;height:28px;background:#fff;margin:0 auto 50px}
.figure-item.add-item:after {content:'';position:absolute;top: 50%;width:28px;height:2px;background:#fff;left:50%;margin: -18px 0 0 -14px;}
.figure-item.add-item img {display:block;width:100%;}
.figure-item.pending figcaption .title {opacity:0.5}
.active .figure-item {z-index:1;box-shadow:0 0 0 5px rgba(0,0,0,0.03);}
.active .figure-item .btn-more:after {content:'';position:fixed;top:0;left:0;width:100%;height:100%;display:block;}
.active .figure-item figure > a:before, .active .figure-item .video_player a.thing-url:after {opacity:0.18;}
.active .figure-item .buttons {opacity:1;}
.active .figure-item .btn-more {box-shadow:0 0 0 4px rgba(0,0,0,0.1);background:#f0f0f0;}
.figure-item.change figure > a {cursor:move;}

@media screen and (max-width: 600px) {
    .ui-sortable.stream {width:auto;margin:0;}
	.stream > li, .ui-sortable.stream > li, .ui-sortable.stream > li:nth-child(4n+1) {float:none;width:auto;margin-left:0;}
	.figure-item .buttons {opacity:1;}
	.figure-item figure > a:before, .figure-item .video_player a.thing-url:after {opacity:0.18;}
}