@charset "utf-8";
/* display none until init */
.trendshop-mobile-carousel{display:none; position:relative; margin:0 -8px; -ms-touch-action:pan-y}
.trendshop-mobile-carousel .owl-wrapper{display:none; position:relative; -webkit-transform:translate3d(0px, 0px, 0px)}
.trendshop-mobile-carousel .owl-wrapper-outer{overflow:hidden; position:relative; width:100%; }
.trendshop-mobile-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out}
.trendshop-mobile-carousel .owl-item{float:left; padding-left:8px; padding-right:8px}
.trendshop-mobile-carousel .owl-item .item{margin:0}
.trendshop-mobile-carousel .owl-item a,
.trendshop-mobile-carousel .owl-item a:hover{text-decoration:none}
.trendshop-mobile-carousel .owl-item .item-thumbnail img{width:100%; height:auto}
.trendshop-mobile-carousel .owl-item .item-name{display:block; margin-top:10px; text-align:center; font-family:돋움,sans-serif; color:#444}
.trendshop-mobile-carousel .owl-item .item-desc{display:block; margin-top:3px; text-align:center; font-family:돋움,sans-serif; font-size:0.917em; color:#888}
.trendshop-mobile-carousel .owl-item .item-price{margin-top:3px; text-align:center; color:#333}
.trendshop-mobile-carousel .owl-item .item-price .price{margin-right:5px; font-size:0.917em; color:#888}
.trendshop-mobile-carousel .owl-item .item-price .currency_symbol{margin-right:5px}
.trendshop-mobile-carousel .owl-item .quantity{width:50px}

.trendshop-mobile-carousel .owl-item .item-badge{margin-top:6px}
.trendshop-mobile-carousel .owl-item .item-badge ul{margin:0; padding:0; list-style:none; text-align:center}
.trendshop-mobile-carousel .owl-item .item-badge li{display:inline-block; margin:0 2px; padding:0; border:0}
.trendshop-mobile-carousel .owl-item .item-badge li img{display:block; width:25px; height:10px}
@media (max-width:479px) {
	.trendshop-mobile-carousel .owl-item .item-price .price{display:block; margin-right:0}
}
@media (min-width:768px) {
	.trendshop-mobile-carousel .owl-item .item-name,
	.trendshop-mobile-carousel .owl-item .item-price{font-size:1.083em}
	.trendshop-mobile-carousel .owl-item .item-desc,
	.trendshop-mobile-carousel .owl-item .item-price .price{font-size:1em}
	.trendshop-mobile-carousel .owl-item .item-badge li img{width:30px; height:12px}
}

/* mouse grab icon */
.trendshop-mobile-carousel .grabbing{cursor:url(../img/grabbing.png) 8 8, move}

/* fix */
.trendshop-mobile-carousel .owl-wrapper,
.trendshop-mobile-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)}

/*--[ Controls ]--*/
.trendshop-mobile-carousel .owl-controls{margin-top:20px; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
.trendshop-mobile-carousel .owl-controls .owl-page,
.trendshop-mobile-carousel .owl-controls .owl-buttons div{cursor:pointer}

/* Next and Prev buttons */
.trendshop-mobile-carousel .owl-controls .owl-buttons > div{position:absolute; top:50%; margin-top:-28px; display:inline-block; zoom:1; *display:inline; width:28px; height:56px; background-color:#fff; background-image:url(../img/sarrow.png); background-repeat:no-repeat; border:1px solid #ddd}
.trendshop-mobile-carousel .owl-controls .owl-buttons .owl-prev{left:-41px; background-position:7px 15px}
.trendshop-mobile-carousel .owl-controls .owl-buttons .owl-next{right:-41px; background-position:-33px 15px}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.trendshop-mobile-carousel .owl-controls.clickable .owl-buttons > div:hover{background-color:#e46d7e; border:1px solid #e46d7e}
.trendshop-mobile-carousel .owl-controls.clickable .owl-buttons .owl-prev:hover{left:-41px; background-position:-76px 15px}
.trendshop-mobile-carousel .owl-controls.clickable .owl-buttons .owl-next:hover{right:-41px; background-position:-114px 15px}

/* Pagination*/
.trendshop-mobile-carousel .owl-controls .owl-pagination{text-align:center}
.trendshop-mobile-carousel .owl-controls .owl-page{display:inline-block; zoom:1; *display:inline}
.trendshop-mobile-carousel .owl-controls .owl-page span{display:block; width:8px; height:8px; margin-left:5px; background:#ddd; border:1px solid #ddd; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%; border-radius:100%}
.trendshop-mobile-carousel .owl-controls .owl-page.active span,
.trendshop-mobile-carousel .owl-controls.clickable .owl-page:hover span{background:#af5592; border-color:#af5592}

/* If PaginationNumbers is true */
.trendshop-mobile-carousel .owl-controls .owl-page span.owl-numbers{height:auto; width:auto; color:#FFF; padding:2px 10px; font-size:12px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px}
/* preloading images */
.trendshop-mobile-carousel .owl-item.loading{min-height:150px; background:url(../img/AjaxLoader.gif) no-repeat center center}
