*::-moz-selection {
    background: none repeat scroll 0 0 #575c62;
    color: rgba(255, 255, 255, 0.85);
}
input {
    -webkit-user-select: auto !important;
}

html { background: #f2f2f2; }
body { margin: 0; padding: 0; font: 14px/1.5em "Helvetica Neue", Arial; font-weight: 300; background: none; color: #666; }
a { color: #444; text-decoration: none!important; }
a:hover { color: #222; }
a:focus { outline: none; color: #222; }
p { margin: 0 0 10px 0; }
h1, h2 { font-family: "keep_calm_medregular"; }

img { max-width: 100%; }

strong { font-size: 1.1em; }
.red { color: #c00; }
.green { color: #66a600; }

.wrapper { width: 100%; }
.wrapper.scroll { padding-top: 115px; }
.container, .inner-header, .inner-footer, .inner-nav-main, .inner-nav-main, .inner-nav-sub { width: 1170px; margin: 0 auto; clear: left; }
.container .title-header { color: #0cc; font-size: 1.3em; text-transform: uppercase; margin-bottom: 15px; }
.container .row { margin-top: 0; }
.container .row .title-header { margin-top: 0; }
.container h2 { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-top: 0; margin-bottom: 20px; color: #000; font-size: 1.1em; text-transform: uppercase; }
.container h3 { margin-top: 0; }

.section { margin-bottom: 20px; overflow: hidden; }
.section > a { margin-bottom: 15px; display: block; }

.sidebar { width: 230px; margin-right: 15px; margin-bottom: 15px; float: left; }
.sidebar ul { list-style: none; padding: 10px 0; }
.sidebar > .nav { background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); margin-bottom: 20px; }
.sidebar > .nav > li > h4 { margin: 0; font-size: 1em; line-height: normal; }
.sidebar > .nav > li > h4 a { padding: 12px 30px 10px 12px; margin: 0; cursor: pointer; display: block; }
.sidebar > .nav > li > h4 a:hover { background: #eee; }
.sidebar > .nav > li > h4 a i { font-size: 0.5em; position: absolute; right: 10px; top: 15px; }
.sidebar > .nav > li > h4 a span { margin-left: 5px; }
.sidebar > .nav > li > h5 { margin-left: 10px; margin-right: 10px; margin-bottom: -5px; font-size: 1.1em; color: #0cc; }
.sidebar > .nav > li.active > h4 a { background: #0cc; color: #fff; }
.sidebar > .nav > li.active ul { display: block; }

.sidebar > .nav ul { border-left: 1px solid #ddd; padding: 0 0 0 10px; margin: 10px 0 10px 10px; display: none; }
.sidebar > .nav ul li { margin-left: -10px; position: relative; }
.sidebar > .nav ul li > i { width: 5px; height: 5px; border-radius: 100%; background: #0cc; position: absolute; top: 12px; left: -3px; display: none; }
.sidebar > .nav ul li.active > i { display: block; }
.sidebar > .nav ul a { display: block; padding: 4px 10px; line-height: normal; }
.sidebar > .nav ul li.active a { font-weight: bold; color: #000; }
.sidebar > .nav ul a i { margin-right: 5px; }
.sidebar .title-nav { font-size: 1em; text-transform: uppercase; color: #0cc; margin-top: 5px; }

.nav-price input { background: none; margin: 15px 0; border: 0; width: 100%; font-size: 1.6em; }
.nav-price #slider-range { margin-bottom: 15px; }

.header { min-height: 100px; position: relative; z-index: 1002; padding-top: 15px; }
.header .inner-header { height: 100px; position: relative; }
.header .logo { position: absolute; top: 15px; left: 0; overflow: hidden; float: left; }
.header .logo a { width: 180px; float: left; }

.header.scroll { background-position: top center; position: fixed; top: -40px; z-index: 1005; width: 100%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); margin: 0; }
.header.scroll { min-height: 48px; background: #fff; padding: 0 10px; height: 48px; transition: top 0.5s ease-in 0s; }
.header.scroll .inner-header { height: 48px; }
.header.scroll .logo { position: relative; top: 10px; margin-bottom: 0; }
.header.scroll .logo a { width: 110px; }
/*.header.scroll .logo .cc { display: none; }*/
.header.scroll .section-button { display: none; }
.header.scroll .searchbar { top: 0; }
.header.scroll .searchbar .search { border: none; }
.header.scroll .searchbar .basket, .header.scroll .searchbar .wishlist { width: auto; height: 48px; line-height: 48px; background: #eee; }
.header.scroll .searchbar .wishlist { background: #fff4f7; }
.header.scroll .searchbar > a > b { display: none; }
.header.scroll .searchbar > div, .header.scroll .searchbar > a, .header.scroll .searchbar .search-box, .header.scroll .searchbar .search-btn { height: 48px; }
.header.down { top: 0; left: 0; }

.searchbar { position: absolute; top: 15px; right: 0; z-index: 1002; font-size: 1em; }
.searchbar > div, .searchbar > a { float: left; line-height: 42px; padding: 0 10px; position: relative; }
.searchbar .search { background: #fff; margin-right: 10px; border: 1px solid #e0e0e0; }
.searchbar .search .search-box { height: 42px; width: 350px; display: inline; border: none; vertical-align: top; padding: 0; }
.searchbar .search .search-btn { border: none; background: none; padding: 0; height: 42px; vertical-align: top; font-size: 1.3em; }
.searchbar .search .search-btn i { font-size: 1em; color: #333; }

.nav-top { text-align: right; vertical-align: top; padding: 7px 0; background: #333; font-size: 1em; position: relative; z-index: 1003; font-size: 0.9em; }
.nav-top a { color: #fff; display: inline-block; *display: inline; zoom: 1; vertical-align: top; }

.userbar { width: 1170px; margin: 0 auto; }
.userbar > div { display: inline-block; *display: inline; zoom: 1; position: relative; vertical-align: top; }
.userbar .lang ul { min-width: 60px; }
.userbar .split { width: 1px; height: 14px; display: inline-block; *display: inline; zoom: 1; background: #888; margin: 2px 8px 0 8px; vertical-align: top; display: inline-block; *display: inline; zoom: 1;  }
.userbar .contact { float: left; }
.userbar .contact i { margin-right: 5px; }
.userbar > span { color: #888; margin: 0 2px; }
.userbar .member .dropdown-menu { right: 0; left: auto; }
.userbar .dropdown-menu { margin-top: 7px; font-size: 1.1em; }
.userbar .dropdown-menu i { font-size: 0.8em; }
.userbar .dropdown-menu li img { width: 14px; margin-left: -2px; }
.userbar .dropdown-menu .avatar { width: 40px; border-radius: 50%; float: left; margin-right: 8px; }
.userbar .dropdown-menu .avatar-text { overflow: hidden; }
.userbar .dropdown-menu .avatar-text h4 { margin: 0; font-size: 1em; white-space: normal; font-weight: bold; margin-bottom: 3px; }
.userbar .dropdown-menu .avatar-text p { margin-bottom: 0; line-height: 1em; }
.userbar .dropdown-menu li:last-child { opacity: 0.4; }
.userbar .dropdown-menu li:last-child:hover { opacity: 1; }

.searchbar .basket { background: #fff; color: #333; border: 1px solid #ddd; padding-right: 20px; font-size: 1.3em; margin-left: -1px!important; }
.searchbar > a > b { font-family: "bebasregular"; font-size: 0.75em; line-height: normal; }
.searchbar .basket span, .searchbar .wishlist span { position: absolute; top: -1px; right: -1px; z-index: 1; background: none; color: #e00; font-weight: bold; border: 2px solid #e00; width: 24px; height: 24px; line-height: 21px; text-align: center; font-size: 0.6em; border-radius: 100%; animation: 1s ease-in 0s infinite running notification-animation; }
@keyframes notification-animation {
0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; }
}
.searchbar .wishlist { background: #fff4f7; border: 1px solid #ffdee7; color: #ff316a; font-size: 1.3em; position: relative; z-index: 1; }
.searchbar .wishlist i { color: #ff316a; }

.nav-main { background: #fff; border-bottom: 1px solid #ddd; position: relative; z-index: 1004; }
.nav-main > ul { padding: 0; list-style: none; text-align: center; }
.nav-main > ul > li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; clear: left; }
.nav-main > ul > li > a { display: block; padding: 15px 20px; border-right: 1px solid #eee; color: #333; }
.nav-main > ul > li > a:hover, .nav-main > ul > li.active > a { color: #fff; background: #333; border-top: 3px solid #0cc; margin-top: -3px; }
.nav-main > ul > li.category > a { border-top: 3px solid #0cc; margin-top: -3px; }
.nav-main > ul > li.category > a:hover, .nav-main > ul > li.category.active > a { background: #0cc; }
.nav-main > ul > li:last-child > a { border-right: none; }
.nav-main > ul > li > a > div + i { margin-left: 5px; font-size: 1em; width: 8px; }
.nav-main > ul > li img { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 36px; margin-right: 10px; }
.nav-main > ul > li .nav-text { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; line-height: normal; white-space: nowrap; text-align: left; }
.nav-main > ul > li h2 { margin: 0; font-size: 0.9em; margin-bottom: 3px; text-transform: uppercase; }
.nav-main > ul > li h2 i { font-size: 1.3em; }
.nav-main > ul > li .icon { display: none; }
.nav-main > ul > li p { margin: 0; color: #ccc; font-size: 0.8em; }
.nav-main > ul > li.category { float: left; }
.nav-main .label { padding: 0.1em 0.6em 0.2em; }

.nav-toggle { width: 48px; height: 48px; line-height: 48px; text-align: center; font-size: 1.6em; display: none; background: #0cc; }
.nav-toggle i { color: #fff; }
.active .nav-toggle { background: inherit; }
.search-toggle { display: none; font-size: 1.3em; }

.nav-sub { display: none; position: absolute; left: 0; right: 0; z-index: 1002; background: #fff; padding: 15px 10px; margin: 1px auto 0 auto; text-align: left; float: left; width: 100%; max-width: 1170px; }
.nav-sub.active { display: block; }

.inner-nav-sub { padding: 0; float: left; width: 100%; }
.inner-nav-sub > li { display: inline-block; *display: inline; zoom: 1; z-index: 1; position: relative; vertical-align: top; }
.inner-nav-sub > li h4 { font-size: 1em; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #aaa; font-weight: bold; color: #333; line-height: normal; }
.inner-nav-sub > li a { display: block; }
.inner-nav-sub > li > ul { padding: 0!important; }
.inner-nav-sub > li ul { list-style: none; padding-left: 15px; }
.inner-nav-sub > li ul > li { border-bottom: 1px solid #eee; padding-bottom: 8px; margin-bottom: 8px; }
.inner-nav-sub > li ul > li:last-child { border: none; }
.inner-nav-sub > li ul .sub-menu > a { display: block; }
.inner-nav-sub > li ul .sub-menu > a span { float: right; margin: 2px 0 0 10px; }
.inner-nav-sub > li ul .sub-menu ul { margin-top: 15px; display: none; }
.inner-nav-sub > li ul .sub-menu.active > a { font-weight: bold; background: #333; padding: 5px 10px; color: #fff; }
.inner-nav-sub > li ul .sub-menu.active ul { display: block; }

.footer { background: #333; color: #ccc; }
.footer hr { border-color: #404040; }
.inner-footer { overflow: hidden; }
.footer .copyright { overflow: hidden; padding: 0 10px 15px 10px; }
.footer .copyright .row { margin-top: 0; }
.footer .copyright .col-sm-6 { margin-bottom: 10px; overflow: hidden; }
.footer .copyright .col-sm-6 p { color: #888; font-size: 0.9em; text-align: left; margin-bottom: 5px; }
.footer .copyright input { width: 220px; }
.footer .copyright img { width: 75px; margin-right: 10px; }
.footer .nav-bottom { overflow: hidden; margin: 30px 0 15px 0; position: relative; }
.footer .nav-bottom h3 { color: #0cc; font-size: 1.1em; text-transform: uppercase; font-weight: bold; margin: 0 0 15px 0; }
.footer .nav-bottom li a { color: #ccc; }
.footer .nav-bottom li a:hover { color: #fff; }
.footer .nav-bottom h4 { color: #fff; font-size: 1em; line-height: 1.4em; font-family: inherit; text-transform: uppercase; margin-top: 10px; margin-bottom: 0; }
.nav-list { padding-left: 0; list-style: none; }
.nav-list li { border-bottom: 1px solid #404040; padding-bottom: 8px; margin-bottom: 8px; padding-left: 20px; }
.nav-list li a:before { content: "\f111"; font-family: "FontAwesome"; font-size: 0.4em; position: absolute; margin-left: -15px; }
.nav-list .media { padding-left: 0; margin-top: 0; }
.nav-list .media a:before { content: none; }
.nav-list .media h5 { margin: 0 0 3px 0; font-weight: normal; font-size: 1em; }
.nav-list .media i { font-size: 0.9em; color: #888; }
.nav-list img { width: 50px; }
.social { width: 100%; }
.social a { display: inline-block; *display: inline; zoom: 1; border-radius: 100%; width: 32px; height: 32px; line-height: 40px; text-align: center; }
.social i { color: #fff; font-size: 1.4em; }
.social .facebook { background: #4762b7; }
.social .twitter { background: #63b0e9; }
.social .google { background: #be4c2d; }

.space { margin: 0 10px; display: inline-block; *display: inline; zoom: 1; }

.quantity { display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 0 10px 10px 0; }
.quantity > div { width: 30px; height: 42px; float: left; text-align: center; }
.quantity .input { border-left: 0; border-right: 0; width: 42px; }
.quantity .input input { width: 100%; height: 100%; text-align: center; border: none; }
.quantity .input input:focus { border: none; }
.quantity > div > a { display: block; width: 100%; height: 100%; line-height: 42px; font-size: 2em; color: #111; font-family: "thaisans_neuebold"; }

table .quantity > div { height: 18px; width: auto; }
table .quantity > div > a { line-height: 18px; }

/* Product Detail */
.product .title-product { border: none; padding: 0; margin-top: 0; margin-bottom: 10px; font-size: 1.5em; font-weight: bold; line-height: normal; font-family: inherit; color: #000; }
.product .img-product { float: left; position: relative; width: 500px; margin: 0 20px 20px 0; }
.product .img-product .zoom { background: rgba(0, 0, 0, 0.5); color: #fff; width: 32px; height: 32px; line-height: 32px; text-align: center; position: absolute; bottom: 5px; right: 5px; z-index: 1; animation: 1s ease-in 0s infinite running notification-animation; display: none; }
.product .img-product .label-save { padding: 10px; line-height: normal; width: 60px; height: 60px; }
.product .img-product .large, .zoomWrapper { border: 1px solid #ddd; width: 500px!important; height: 500px!important; }
.product .thumbnails { overflow: hidden; margin-top: 10px; }
.product .thumbnails a { display: block; margin: 0 5%; }
.product .thumbnails a img { border: 1px solid #ddd; }
.product .thumbnails a.active img { border: 3px solid #0cc; }
.product .thumbnails .item > img { width: 100%; }
.product .thumbnails .owl-controls { position: absolute; top: 50%; margin-top: -15px; width: 100%; }
.product .thumbnails .owl-controls .owl-buttons { position: relative; }
.product .thumbnails .owl-controls .owl-buttons div { width: 30px; height: 30px; line-height: 30px; text-align: center; }
.product .thumbnails .owl-controls .owl-prev { position: absolute; left: 0; }
.product .thumbnails .owl-controls .owl-next { position: absolute; right: 0; }
.product .product-desc { overflow: hidden; margin-bottom: 30px; }
.product .product-desc ul { display: block; list-style: none; padding: 0; margin: 0; }
.product .product-desc li { border-bottom: 1px solid #ddd; padding: 10px 0; }
.product .product-desc li > label { width: 80px; }
.product .product-desc .social { display: inline-block; float: none; margin: 0; }
.product .product-desc .social a { background: #888; border-radius: none; width: 32px; height: 32px; line-height: 36px; }
.product .product-desc .social a:hover { background: #333; }
.product .product-desc .social a i { font-size: 1.3em; }
.product .product-desc .price { font-size: 2.2em; font-family: "bebasregular"; font-weight: bold; color: #0cc; padding-top: 20px; line-height: 0.8em; }
.product .product-desc .price .price-strike { text-decoration: line-through; color: #888; font-weight: normal; }
.product .product-desc .price img { width: 36px; }
.product .product-desc .price small { font-family: "thaisans_neueregular"; margin-left: 5px; color: #666; }
.product .product-desc .thumbnails { display: inline-block; width: 370px; margin: 0; vertical-align: top; }
.product .product-desc .thumbnails a { width: 50px; float: left; margin: 0 5px 5px 0; }

.product .product-detail { clear: left; margin-bottom: 30px; }
.product .comment-list { }
.product .comment-list ul { padding: 0; }
.product .comment-list .media-body { border-bottom: 1px solid #ddd; padding-bottom: 10px; }
.product .comment-list img { border-radius: 50%; width: 40px; }
.product .comment-list h4 { margin: 0; color: #000; font-family: inherit; font-size: 1.1em; margin-bottom: 10px; }
.product .comment-list .post .media-body { border-bottom: 0; }

.product .product-relation { margin: 0 -5px; }
.product .product-relation > div { padding: 0 5px; }
.product .product-relation .thumbnail h3 { font-size: 1.1em; }
.product .product-relation .price { color: #b60000; }

.list-item { overflow: hidden; }
.list-item .form-group { padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px solid #ddd; }
.list-item .form-group.last { border-bottom: none; }
.list-item label { display: inline; }
.list-item .form-control-static { text-align: right; }
.list-item .radio label { display: block; margin-bottom: 10px; }

table td:last-child .fa-remove { font-size: 1.3em; }

.add-thumbnail { overflow: hidden; margin-bottom: 10px; }
.add-thumbnail h3 { margin: 15px 0; font-size: 1.3em; font-family: inherit; }
.add-thumbnail .thumbnail h3 { margin: 0; }
.add-thumbnail h3 i { margin-right: 5px; }
.add-thumbnail h3 > a { font-weight: normal; }
.add-thumbnail > .btn { background: none; box-shadow: none; padding: 0; margin-bottom: 10px; }
.add-thumbnail > div > .btn { background: none; box-shadow: none; padding: 0; width: 100%; }
.add-thumbnail .btn.active .caption { background: #fff!important; }
.add-thumbnail .btn.active .caption i { color: #78b400; }
.add-thumbnail .btn input[type="radio"] { clip: rect(0, 0, 0, 0); position: absolute; }
.add-thumbnail .btn .thumbnail { margin: 0; padding: 8px; background: url("../img/bg-address.png") repeat center; position: relative; height: 228px; }
/*.add-thumbnail .shipping .btn .thumbnail { background: url("../img/bg-address-2.png") repeat center #f5f1ec; }
.add-thumbnail .shipping .btn .caption { background-color: #f5f1ec; }*/
.add-thumbnail .btn.active .thumbnail { border: 5px solid #78b400; padding: 4px; background-color: rgba(255, 255, 255, 0.9); }
.add-thumbnail .btn .manage { overflow: hidden; position: absolute; z-index: 1; bottom: 1px; right: 6px; display: none; }
.add-thumbnail .btn.active .manage { bottom: 5px; right: 10px; }
.add-thumbnail .btn:hover .manage { display: block; }
.add-thumbnail .btn .manage a { padding: 5px 12px; float: right; border-radius: 0; box-shadow: none; font-family: "thaisans_neueregular"; font-size: 1.3em; }
.add-thumbnail .btn .caption { text-align: left; background: #fff; height: 210px; overflow: hidden; padding: 15px; }
.add-thumbnail .btn .caption i { font-size: 6em; display: block; text-align: center; color: #ccc; }
.add-thumbnail .btn .caption h4 { overflow: hidden; min-height: 20px; font-size: 1.1em; line-height: 1.3em; max-height: 40px; font-family: inherit; }
.add-thumbnail .btn .caption p { color: #666; }

.add-thumbnail .add { padding: 0; margin-bottom: 10px; }
.add-thumbnail .add .thumbnail { background: none; margin: 0; border: 3px dashed #ccc!important;  height: 228px; position: relative; }
.add-thumbnail .add .caption { text-align: center; height: 50%; color: #aaa; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; padding: 0; }
.add-thumbnail .add .caption i { font-size: 6em; display: block; margin-bottom: 10px; }
.add-thumbnail .add .thumbnail:hover h3, .add-thumbnail .add .thumbnail:hover i { color: #666; }

.add-thumbnail.btn-group > div { padding: 0 5px; }

.add-thumbnail .btn .change { background: rgba(0, 0, 0, 0.5); overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.add-thumbnail .btn:hover .change { display: block; }
.add-thumbnail .btn .change a { display: block; text-align: center; color: #fff; padding-top: 70px; height: 100%; }
.add-thumbnail .btn .change a i { font-size: 5em; }

.brand table { border-collapse: collapse; }
.brand table td { border: 1px solid #ddd; }
.brand table td a { padding: 0; margin: 0!important; border: 0!important; }
.brand table td:hover a { box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); z-index: 1; }
.brand table td img { width: 100%; }

.complete { padding: 50px 0; position: relative; }
.complete > i { font-size: 8em; text-align: center; display: block; }
.complete > h3 { text-align: center; font-size: 1.3em; text-transform: uppercase; margin-bottom: 10px; color: #66a600; }
.complete > h4 { margin-top: 0; margin-bottom: 15px; color: #000; }
.complete > hr { border-color: #fff; }

.list-thumbnail { margin-top: 15px; }
.row.list-thumbnail { margin-left: -5px; margin-right: -5px; margin-top: 10px!important; margin-bottom: 5px; }
.list-thumbnail.inequitable > .first { padding: 0 5px; }
.list-thumbnail.inequitable > .first .caption h3 { font-size: 1.3em; line-height: 1.3em; text-overflow: inherit; white-space: normal; height: 45px; }
.list-thumbnail.inequitable > .first .caption p { height: 54px; }
.list-thumbnail.inequitable > .first .caption .price { font-size: 1.3em; }
.list-thumbnail.inequitable > div { padding: 0; }
.list-thumbnail > div, .list-thumbnail > div > div { padding: 0 5px; }
.list-thumbnail .thumbnail { position: relative; margin-bottom: 10px; padding: 0; }
.list-thumbnail .thumbnail .image { opacity: 1; visibility: visible; }
.list-thumbnail .thumbnail .hover { left: 0; opacity: 0; position: absolute; top: 0; visibility: hidden; }
.list-thumbnail .thumbnail:hover .image { opacity: 0; visibility: hidden; }
.list-thumbnail .thumbnail:hover .hover { opacity: 1; visibility: visible; }
.list-thumbnail .first .thumbnail > span { padding: 10px; font-size: 1.3em; }
.list-thumbnail .first .thumbnail > span i { font-size: 1.3em; }
.list-thumbnail .first .thumbnail > span > span { margin: 10px -10px -10px -10px!important; }
.list-thumbnail .caption { overflow: hidden; padding: 8px; }
.list-thumbnail .caption h3 { font-size: 1em; line-height: 1.3em; height: 38px; }
.list-thumbnail .caption .price { float: left; color: #0cc; min-height: 40px; font-size: 1.2em; }
.list-thumbnail .caption .price .strike { color: #888; display: block; margin-top: 3px; font-weight: normal; font-size: 0.9em; text-decoration: line-through; } 
.list-thumbnail .thumbnail .like { display: block; text-align: right; transition: all 0.3s ease 0s; opacity: 0; visibility: hidden; position: absolute; bottom: 5px; right: 8px; font-size: 0.9em; }
.list-thumbnail .thumbnail:hover .like { opacity: 1; visibility: visible; bottom: 10px; }
.list-thumbnail .caption .like.active, .list-thumbnail .caption .like:hover { color: #ff316a; }

.label-save { position: absolute; right: 5px; color: #fff; padding: 8px; top: 5px; background: rgba(204, 0, 0, 0.85); border: 1px solid #f00; z-index: 1; border-radius: 100%; text-align: center; width: 55px; height: 55px; }
.label-save i { display: block; font-family: "bebasregular"; font-size: 1.3em; font-style: normal; }
@-moz-document url-prefix() {
	.label-save i { margin-top: 5px; }
}
.first .label-save { width: 75px; height: 75px; }
/*.label-best { display: block; font-family: "bebasregular"; color: #fff; padding: 8px; margin: 8px -8px -8px -8px; background: rgba(142, 0, 0, 0.85); text-align: center; font-size: 0.75em; }
.label-best i { display: block; font-size: 1.5em; font-style: normal; margin-top: 5px; }*/
.dealtime { float: left; clear: left; margin-top: 5px; }

.list-horizontal { list-style: none; padding: 0!important; margin-bottom: 0; }
.list-horizontal li { margin-top: 10px; }
.list-horizontal li > a img { width: 80px; border: 1px solid #ddd; }
.list-horizontal li > a > .label-save { right: 10px; font-size: 0.8em; line-height: normal; padding: 5px; }
.list-horizontal li h3 { line-height: 0.9em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.orderby { text-align: right; }
.orderby .form-control { display: inline-block; width: auto; margin-left: 5px; }

.slide-product { margin: 30px auto; width: 1170px; }
.slide-product + .option-list { margin-top: -15px; }

.slide-product .row { margin: 0; }
.slide-product .row > div { padding: 0; }

.slide-product .owl-buttons { position: absolute; width: 100%; top: 50%; margin-top: -15px; }
.slide-product .owl-buttons div { position: absolute; width: 30px; height: 30px; line-height: 30px; font-size: 1.2em;}
.slide-product .owl-buttons .owl-prev { left: 0; }
.slide-product .owl-buttons .owl-next { right: 0; }
.slide-product .owl-pagination { position: absolute; bottom: 10px; left: 0; right: 0; margin: 0 auto; }

.owl-controls .owl-buttons div { background: #0cc; color: #fff; transition: all 0.3s ease 0s; opacity: 0; }
.owl-controls .owl-buttons > .owl-prev { left: -15px; }
.owl-controls .owl-buttons > .owl-next { right: -15px; }
.owl-carousel:hover .owl-buttons > .owl-prev { left: 5px; }
.owl-carousel:hover .owl-buttons > .owl-next { right: 5px; }
.owl-carousel:hover .owl-buttons div { opacity: 1; }
.owl-controls .owl-page { display: inline-block; }
.owl-controls .owl-page span { background: #0cc; border-radius: 100%; display: block; height: 12px; margin: 0 2px; opacity: 0.3; width: 12px; }
.owl-controls .owl-page.active span, .owl-controls.clickable .owl-page:hover span { opacity: 1; }

.option-list { display: block; width: 1170px; margin: 0 auto 30px auto; padding: 15px 0; overflow: hidden; list-style: none; background: #fff; }
.option-list li { float: left; width: 33.33%; *display: inline; zoom: 1; padding: 0; }
.option-list li a { overflow: hidden; display: block; padding: 0 15px; color: #575c62; border-right: 1px solid #ddd; }
.option-list li:last-child a { border-right: none; }
.option-list i { font-size: 2em; float: left; margin-right: 10px; vertical-align: top; border: 1px solid #00baba; padding: 10px; border-radius: 50%; width: 50px; height: 50px; text-align:  center; color: #fff; background: #0cc; }
.option-list .option-text { overflow: hidden; text-align: left; }
.option-list h3 { margin: 5px 0; font-size: 1em; }
.option-list h4 { margin: 0; font-size: 1em; line-height: normal; font-weight: 300; }

.panel { background: #fff; padding: 15px; border-radius: 0; border: 1px solid #ddd; }
.panel .row { margin-bottom: 0; }
.panel .last { margin-bottom: 0; }
.panel h4 { font-size: 1.2em; margin: 0; }
.panel h5 { margin-top: 10px; color: #999; font-size: 1.1em; }
.panel .title-header { margin-top: 10px!important; }
.panel > table { margin-bottom: 10px!important; }

.panel-border { border: 5px solid #ccc; padding: 15px; background: #fff; }

#map { height: 510px; width: 100%; margin: 0; border: 5px solid #fff; }

.contact-list { line-height: normal; list-style: none; margin: 0 0 15px; padding: 0; }
.contact-list li { margin-bottom: 5px; padding-bottom: 5px; overflow: hidden; border-bottom: 1px solid #ddd; }
.contact-list label { color: #fff; text-align: center; float: left; width: 28px; height: 28px; line-height: 28px; margin-bottom: 0; background: #333; margin-right: 10px; border-radius: 50%; }
.contact-list label i { font-size: 1.2em; }
.contact-list span { display: block; overflow: hidden; }

.list-slide { margin: 0!important; }
.list-slide .owl-item > div { padding: 0 5px; }
.list-slide .owl-wrapper-outer, .list-slide .owl-wrapper { padding: 0; }
.list-slide .owl-controls { position: absolute; top: -47px; right: 0; padding: 0; line-height: 18px; }
.list-slide .owl-buttons { padding: 0; }
.list-slide .owl-buttons > div { display: inline-block; *display: inline; zoom: 1; width: 30px; height: 20px; text-align: center; margin-left: 3px; background: #333!important; opacity: 1; }
.list-slide .owl-buttons > div > i { font-size: 0.7em; color: #fff; }

.section.row { margin: 0 -5px 20px -5px; }
.section.row h2 { margin-left: 5px; margin-right: 5px; }
.section.row .owl-controls { right: 5px; }

.carousel-indicators li { border-color: #0cc!important; }
.carousel-indicators .active { background: #0cc; }

.section .nav-tabs { margin: 0 5px 20px 5px; }

.table img { border: 1px solid #ddd; }
.table ul { padding-left: 15px; }
.table .quantity { margin: 0; }

.nav-button { border: 0; }
.nav-button > li { white-space: nowrap; border: 0; margin: 0 5px 5px 0; }
.nav-button > li:first-child { border-left: 0; }
.nav-button > li > a, .nav-button > li.active > a { border-bottom: 0!important; }
.nav-button > li.active > a, .nav-button > li.active > a:hover, .nav-button > li.active > a:focus { background: #0cc; color: #fff; }

@media (max-width: 1199px) {
.container, .inner-header, .inner-footer, .inner-nav-main, .inner-nav-main, .inner-nav-sub, .option-list, .slide-product, .footer .copyright { width: 100%; }
.wrapper, .header.scroll { padding: 0 30px; }
.footer { padding: 0 15px; }
.nav-main { margin: 0 -30px; }
.searchbar .search .search-box { width: 250px; }
.nav-top { margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px; }
.userbar { width: 100%; }
.nav-sub { padding: 15px 25px; }
}

@media (max-width: 991px) {
.product .img-product { width: 400px; }
.product .img-product .large, .zoomWrapper { width: 400px!important; height: 400px!important; }
}

@media (min-width: 767px) and (max-width: 1199px) {
.nav-main > ul { padding: 0 30px; }
}

@media (min-width: 767px) {

}

@media (max-width: 767px) {
.wrapper.scroll { padding-top: 150px; }
.userbar .contact { display: none; }
.searchbar { height: auto;  }
.searchbar .search { width: 100%; margin-bottom: 10px; margin-right: 0; }
.header { min-height: auto; padding-bottom: 30px; padding-top: 30px; }
.header .inner-header { height: auto; clear: both; display: inline-block; *display: inline; zoom: 1; }
.header .logo, .searchbar { position: static; }
.header.scroll .searchbar { width: auto; float: right; margin-right: 35px; margin: 0; cursor: pointer; }
.header.scroll .basket, .header.scroll .wishlist { top: 0; }
.header.scroll .search { position: fixed; top: 48px; left: 0; right: 0; padding: 0 10px; margin-bottom: 0; cursor: pointer; display: none; }
.header.scroll .search-toggle { display: block; height: 42px; line-height: 42px; }
.header.scroll .search.active { display: block; height: 49px; border-bottom: 1px solid #ddd; }
.header.scroll .search-toggle .icon-remove, .header.scroll .search-toggle.active .icon-search { display: none; }
.header.scroll .search-toggle.active .icon-remove, .header.scroll .search-toggle .icon-search { display: inline; }
.nav-main > ul > li > a { padding: 15px 10px; }
.nav-main > ul > li h2 { font-size: 0.8em; }
.nav-main > ul > li .text { display: none; }
.nav-main > ul > li .icon { display: block; }
.option-list li a { text-align: center; }
.option-list .option-text { width: 100%; margin-top: 10px; text-align: center; }
.option-list i { margin-right: 0; }
.option-list i, .option-list .option-text { display: inline-block; *display: inline; zoom: 1; float: none; }
.list-thumbnail .first .thumbnail { height: auto; }

.footer .nav-bottom h3 { margin-top: 15px; }
.footer .copyright { width: 100%; padding: 0 2.5px 10px 2.5px; }
.footer .copyright input { width: 100%; }
.footer .copyright .col-sm-6 > div { width: 100%; }

.sidebar { width: 180px; }

.product .img-product { margin-right: 0; width: 100%; clear: left; }
.product .img-product .large { width: 100%!important; height: 100%!important; display: none!important; }
.product .product-desc { width: 100%; clear: left; }
.product .product-desc li > label { display: none; }
.product .product-desc .btn { width: auto; margin: 0; }
.product .thumbnails, .product .thumbnails a { margin: 0; }
.product .thumbnails a.active img { border: 1px solid #ddd!important; }
.product .thumbnails .owl-controls .owl-buttons div { color: #0cc; font-size: 1.2em; background: none; border-radius: 0; }

.panel { padding: 10px; }
#map { margin-bottom: 30px; height: 450px; }
.zoomContainer { display: none!important; }
.list-thumbnail .thumbnail .like { opacity: 1; visibility: visible; bottom: 10px; }
.slide-product .row .row > div { padding: 0; }
.slide-product .row .row > div:first-child { margin-bottom: 0; }

.add-thumbnail .btn .manage { display: block; }

.tab-content .owl-controls { right: auto!important; left: auto!important; top: 50%; margin-top: -10px; width: 100%; }
.tab-content .owl-buttons > div { position: absolute; margin: 0; opacity: 0.5; }
.tab-content .owl-buttons > div:hover { opacity: 1; }
.tab-content .owl-buttons > .owl-prev { left: 5px; }
.tab-content .owl-buttons > .owl-next { right: 5px; left: auto; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background: #0cc; color: #fff; }

.product .img-product .zoom { display: block; }
}

@media (min-width: 540px) and (max-width: 767px) {
.nav-main > ul { padding: 0 30px; }
.searchbar { margin-left: 220px; }
.searchbar .search .search-box { width: 94%; }
.searchbar .search .search-btn { width: 6%; }
}

@media (max-width: 540px) {
.wrapper { padding: 0 10px; }
.wrapper.scroll { padding-top: 219px; }
.nav-main { position: fixed; top: 0; right: 0; background: #333; margin: 0; border: none; }
.nav-main > ul { text-align: left; }
.nav-main > ul > li { display: block; }
.nav-main > ul > li.category { float: none; }
.nav-main > ul > li.category > a { background: #0cc; padding-top: 15px; border: 0; margin: 0; }
.nav-main > ul > li > a { color: #fff; border-right: none; }
.nav-main > ul > li > a:hover, .nav-main > ul > li.active > a { border-top: 0; margin-top: 0; }
.nav-main .inner-nav-main { clear: right; display: none; height: 480px; overflow: auto; margin-top: 15px; float: left; }
.nav-main > ul > li h2 { font-size: 0.9em; }
.nav-main > ul > li .text { display: block; }
.nav-main > ul > li .icon { display: none; }
.nav-main .inner-nav-main > li > a { border-bottom: 1px solid #404040; }
.nav-main .inner-nav-main > li i { float: right; }
.nav-main.active { width: 100%; }
.nav-main.active .inner-nav-main { display: block; }
.nav-main.scroll { z-index: 1005; }
.nav-toggle { float: right; display: block; }
.nav-sub { position: static; padding: 5px; }
.inner-nav-sub { padding: 0; float: left; width: 100%; }
.inner-nav-sub > li { display: block; width: 100%!important; }
.inner-nav-sub > li h4 { font-size: 1em; text-transform: uppercase; margin-top: 15px; margin-bottom: 10px; }
.inner-nav-sub > li ul { list-style: none; padding-left: 15px; }
.inner-nav-sub > li ul > li { border-bottom: 1px dotted #eee; }
.inner-nav-sub > li ul > li:last-child { border: none; }

.header { padding-bottom: 5px; }
.header .logo { margin-bottom: 20px; }
.header .logo a { width: 150px; }
.header.scroll { padding: 0 10px; }
.header.scroll .searchbar { margin-right: 38px; }
.searchbar { height: auto; float: left; width: 100%; }
.searchbar .search .search-box { width: 94%; }
.searchbar .search .search-btn { width: 6%; }
.searchbar .basket { width: 50%; margin: 0; text-align: center; }
.searchbar .wishlist { width: 50%; text-align: center; }

.footer { padding: 0; }
.footer .nav-bottom { margin-top: 15px; }
.footer .nav-bottom div { padding: 0 5px; }
.footer .copyright input { text-align: center; }
.footer .copyright .form-group { margin-bottom: 0; }

.sidebar { margin-right: 0; width: 100%; margin-bottom: 30px; }
.section { clear: left; }
.section .row { margin-top: 0; }

.nav-top { margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 55px; text-align: left; display: block; }
.scroll .nav-top { display: none; }
.userbar .member .dropdown-menu { left: 0; right: auto; margin-left: -11px; }
.userbar .dropdown-menu { margin-left: -11px; }

.option-list { padding: 0; }
.option-list li { float: none; width: 100%; }
.option-list i { float: left; margin-right: 10px; }
.option-list li a { padding: 10px; border-right: none; border-bottom: 1px solid #ddd; }
.option-list li:last-child a { border: none; }
.option-list .option-text { width: auto; margin-top: 0; text-align: left; }
.option-list i, .option-list .option-text { display: block; }

.slide-product { margin-top: 25px; }

#map { height: 380px; }

.product-desc li { overflow: hidden; }
.product-desc .btn { float: left; width: 73%!important; margin-right: 1%!important; }
.product-desc .btn:last-child { width: 25%!important; margin-left: 1%!important; margin-right: 0!important; }

.quantity { width: 100%; }
.quantity > div { width: 15%; }
.quantity .input { width: 70%; }
}