.hidden-xs-up {
	display: none!important
}

@media(max-width:575px) {
	.hidden-xs-down {
		display: none!important
	}
}

@media(min-width:576px) {
	.hidden-sm-up {
		display: none!important
	}
}

@media(max-width:767px) {
	.hidden-sm-down {
		display: none!important
	}
}

@media(min-width:768px) {
	.hidden-md-up {
		display: none!important
	}
}

@media(max-width:991px) {
	.hidden-md-down {
		display: none!important
	}
}

@media(min-width:992px) {
	.hidden-lg-up {
		display: none!important
	}
}

@media(max-width:1199px) {
	.hidden-lg-down {
		display: none!important
	}
}

@media(min-width:1200px) {
	.hidden-xl-up {
		display: none!important
	}
}

.hidden-xl-down {
	display: none!important
}

.visible-print-block {
	display: none!important
}

.breadcrumb::after {
	display: block;
	content: "";
	clear: both
}

.navbar {
	position: relative;
	display: block;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: .5rem 1rem;
	z-index: 1001
}

.container-fluid {
	position: relative;
	margin-left: auto;
	margin-right: auto
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal
}

body {
	overflow-x: hidden
}

body,p {
	font-size: 16px;
	line-height: 1.4
}

.order-alert {
	line-height: 1.6
}

.btn.btn-rounded {
	white-space: normal;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px
}

.single-list .btn {
	padding-top: 6px;
	padding-bottom: 6px
}

.btn,button,input,optgroup,select,textarea {
	font-family: "Microsoft JhengHei","微軟正黑體","微软雅黑","Helvetica Neue",Helvetica,Arial,sans-serif!important
}

img[src=""] {
	height: 0
}

img.lazyloaded[src=""],img.lazyloaded[data-src=""] {
	display: none
}

.overlay .overlay-search {
	font-size: 50px
}

.login-wrapper {
	background-color: transparent
}

.login-wrapper .bg-pic>img {
	opacity: 1
}

.padding {
	padding: 10px 0
}

.page-logo {
	height: 30px;
	width: auto
}

.overlay .overlay-brand {
	width: auto
}

.bg-primary {
	background-color: #1f2532!important
}

.pace .pace-progress {
	background: #373737;
	transition: all .3s
}

.copyright {
	padding: 25px 30px
}

.menu-bar ul li.active {
	border-bottom: 2px solid #f36
}

.breadcrumb>.breadcrumb-item.active {
	color: #000
}

.profile-dropdown-toggle {
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px
}

.horizontal-app-menu .menu-bar>ul li>a {
	color: #000
}

.horizontal-app-menu .header .header-inner .brand.inline {
	padding-right: 0;
	margin-right: 0
}

.menu-bar>ul>li.sep {
	border-right: 1px solid rgba(0,0,0,0.13)
}

.horizontal-app-menu .menu-bar>ul>li.open>ul>li>a {
	min-width: 80px
}

.form-group-default.focused {
	border-color: #2088cd!important;
	background-color: transparent
}

.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.btn-primary,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary:active,.btn-primary.active:focus,.btn-primary:active:focus,.btn-primary:active:hover,.show .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #f36;
	border-color: #f36
}

.btn-primary.hover,.btn-primary:hover,.show .dropdown-toggle.btn-primary {
	background-color: #f36;
	border-color: #f36;
	color: #fff
}

.btn-primary.hover,.btn-primary:hover,.btn-info.hover,.btn-info:hover,.btn-complete.hover,.btn-complete:hover {
	opacity: .7
}

.section {
	margin-bottom: 20px
}

.sections>.section:not(:last-of-type) {
	border-bottom: 1px solid rgba(0,0,0,0.05)
}

a,a:not([href]):not([tabindex]) {
	color: #2088cd
}

a:focus,a:hover,a:active,a:not([href]):not([tabindex]):hover {
	color: #3ea2e0;
	cursor: pointer
}

.form-check-inline.radio,.form-check-inline.checkbox {
	margin-top: 0
}

.form-group-default.focused .checkbox label {
	opacity: 1
}

.checkbox input[type="checkbox"]:focus+label:before {
	background-color: #fff
}

.form-group-default .checkbox input[type="checkbox"]:checked+label {
	opacity: 1
}

.toggle-btn {
	padding: 10px 0
}

.navbar-top {
	padding: 0;
	margin: 0
}

.table tbody tr td {
	padding: 10px
}

.table tbody tr td:first-of-type {
	padding-left: 30px!important
}

.table.has-checkbox .checkbox input[type=checkbox] {
	display: none
}

.table thead tr th:first-child {
	padding-left: 30px!important
}

.table.in-card thead tr th:first-child,.table.in-card tbody tr td:first-of-type {
	padding-left: 18px!important
}

.table-responsive {
	overflow: visible
}

.dropdown-menu {
	padding-bottom: 0;
	min-width: 200px
}

.horizontal-app-menu .menu-bar ul li a .arrow {
	width: 15px
}

.full-width {
	width: 100%!important
}

.select-icon .form-control {
	height: auto!important
}

.select-icon {
	display: table;
	font: normal normal normal 14px/1 pages-icon;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.select-icon:before {
	font-family: "Font Awesome 5 Pro";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	content: "\f078";
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
	position: absolute;
	right: 10px;
	bottom: 7px;
	color: rgba(0,0,0,0.2)
}

.btn-default,.btn-default:focus {
	color: #5e5e5e;
	background-color: hsl(0,0%,80%);
	border-color: hsl(0,0%,80%)
}

.btn-default.hover,.btn-default:hover {
	background-color: hsl(0,0%,90%);
	border-color: hsl(0,0%,90%);
	color: #18191a
}

.img-thumbnail {
	max-width: 80px
}

.img-thumbnail:not([src]) {
	opacity: 0
}

.editable-input .form-control {
	box-sizing: border-box;
	height: 34px;
	min-width: 34px;
	max-width: 100px
}

.form-control:focus {
	border-color: #2088cd;
	background-color: #fff
}

.navbar-tool {
	margin-bottom: 0;
	padding: 0
}

.nav-tool>li>a,.nav-tool>li>button {
	padding: 5px 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: hsl(0,0%,80%);
	color: hsl(0,0%,30%);
	transition: all .3s;
	border-radius: 3px
}

.nav-tool>li>a:hover {
	background-color: hsl(0,0%,70%)
}

.nav-tool>li.active>a {
	background-color: #f36;
	color: #fff
}

.nav-tool>li>a i {
	margin-right: 5px
}

.nav-tool>li:not(:last-of-type) {
	margin-right: 5px
}

.input-group .input-group-addon {
	background-color: transparent;
	border-width: 0;
	padding: 0;
	margin-top: -3px
}

.help-other-page {
	margin-bottom: 10px
}

.input-block label {
	display: block
}

.input-block {
	margin: 0 0 20px 0
}

.input-block input {
	display: block
}

.nav-tool {
	float: left
}

.nav-page .dropdown-toggle span {
	width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	height: 13px;
	line-height: 13px;
	margin-bottom: -2px
}

.nav-page .dropdown-toggle {
	width: 200px;
	padding: 5px 10px;
	color: hsl(0,0%,30%)
}

.nav-page .dropdown-toggle.sm {
	width: 130px;
	height: 34px
}

.nav-page .dropdown-toggle.sm span {
	width: auto;
	height: 20px;
	margin-top: 2px
}

.form-sep {
	border-bottom: 1px solid rgba(230,230,230,0.7);
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: -20px;
	margin-right: -20px
}

.checksection-wrap .checksection {
	display: none
}

.checksection-wrap .checksection.active {
	display: block
}

.selectsection-wrap .selectsection {
	display: none
}

.selectsection-wrap .selectsection.active {
	display: block
}

.form-control.picker[disabled],.form-control.picker[readonly] {
	background: #fff;
	color: #2c2d2f
}

.content-section {
	position: relative
}

.content-section .btn-group {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2
}

.videoWrapper {
	position: relative;
	padding-bottom: 52.8%;
	padding-top: 25px;
	height: 0
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.editor {
	padding: 20px
}

.addtocart {
	padding: 20px;
	background-color: #fff
}

.addtocart button {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 20px
}

.modal-body .summernote-wrapper {
	margin-bottom: 20px
}

.form-group-default {
	overflow: visible
}

.modal .modal-xlg {
	max-width: 1200px;
	width: 100%
}

.minicolors-theme-default.minicolors {
	width: 100%
}

.minicolors-theme-default .minicolors-swatch {
	top: auto;
	left: auto;
	right: 0
}

.form-group-default textarea.form-control {
	height: auto
}

.form-control.error {
	font-size: 16px
}

.header {
	z-index: 100
}

.badge-circle {
	padding-left: 20px;
	position: relative
}

.badge-circle:before {
	content: '';
	display: table;
	height: 12px;
	width: 12px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	left: 5px;
	top: 3px
}

.badge-circle-1:before {
	background-color: #f7cf5f
}

.badge-circle-2:before {
	background-color: #1dbb99
}

.badge-circle-3:before {
	background-color: #f94816
}

.badge-circle-4:before {
	background-color: #006bcf
}

.badge-circle-5:before {
	background-color: #323232
}

.badge-circle-all:before {
	background-color: #f36
}

.badge-circle-6:before {
	background-color: #d78525
}

.badge-circle-7:before {
	background-color: #ae25d7
}

.badge-circle-8:before {
	background-color: #4ac6e0
}

.badge-circle-9:before {
	background-color: #a12502
}

.badge-text {
	margin-left: 0!important
}

.badge-text i {
	margin-right: 5px
}

.nav-item .input-daterange {
	padding: 15px 0
}

.nav-item .input-group .form-control {
	border-radius: 0;
	height: 34px;
	line-height: 34px
}

.nav-item .input-group .input-group-addon {
	height: 34px;
	line-height: 34px;
	margin-top: 0;
	padding: 0 5px
}

.nav-item .input-daterange {
	width: 230px
}

.important {
	color: #f10e0e
}

.table>tfoot>tr>td {
	border-bottom: 1px solid rgba(225,225,226,0.7);
	background-color: #fff
}

.table thead tr th .checkbox {
	margin: 0
}

.table thead tr th .checkbox label::after {
	left: 1.5px
}

.form-group-default.disabled input {
	opacity: 1;
	color: #2c2d2f
}

.form-group-default.disabled {
	background: #f4f4f5;
	color: #575a5d
}

.card>.card-block:not(:last-of-type) {
	border-bottom: 1px solid rgba(230,230,230,0.7)
}

.form-group .form-check-inline .badge,.navbar-nav .check-inline .badge {
	opacity: .3;
	transition: all .3s
}

.form-group .form-check-inline .badge.active,.navbar-nav .check-inline .badge.active {
	opacity: 1
}

.navbar-nav .check-inline {
	padding: 8px 0
}

.order-note {
	padding: 10px 0
}

.social-card.share .card-header:hover {
	background: transparent;
	border-color: #e1e1e2;
	cursor: auto
}

.timeline-container {
	width: 100%
}

.list-half {
	margin-left: -5px;
	margin-right: -5px
}

.list-half>li {
	width: 50%;
	float: left;
	padding: 0 5px
}

.list-half>li.full {
	width: 100%
}

.form-control[readonly] {
	color: #2c2d2f
}

.has-dropdown.form-control {
	-webkit-appearance: menulist
}

.nav-form input {
	float: left
}

.nav-form button {
	float: left
}

.form-inline {
	width: auto;
	display: inline-block
}

.navbar-nav li a {
	min-width: auto
}

.navbar-nav>li.search-icon>a {
	height: 34px;
	width: 34px;
	line-height: 34px;
	background-color: #0084ff;
	color: #fff;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0;
	text-align: center;
	border-radius: 3px
}

.navbar-nav>li>.sub {
	list-style: none;
	padding-left: 0;
	text-align: left;
	display: none;
	position: absolute;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	width: 200px
}

.navbar-nav>li:hover>.sub {
	display: block;
	z-index: 2
}

.navbar-nav>li>.sub {
	padding-top: 10px;
	padding-bottom: 10px
}

.navbar-nav>li>.sub>li {
	padding-left: 0
}

.navbar-nav>li>.sub a {
	color: hsl(0,0%,30%);
	padding: 5px 15px;
	display: block;
	font-size: 16px
}

.navbar-nav>li>.sub a:hover,.navbar-nav>li>.sub a:active,.navbar-nav>li>.sub a:focus {
	color: hsl(0,0%,0%)
}

.table-tool {
	display: none;
	position: absolute;
	background-color: #f5f6f7;
	left: 60px;
	right: 0;
	z-index: 2;
	padding: 10px
}

.features>.feature {
	text-align: center;
	padding: 10px;
	font-size: 20px
}

.features>.feature h5 {
	font-size: 14px;
	color: hsl(0,0%,50%)
}

.table a i {
	margin-left: 5px;
	color: hsl(0,0%,60%)
}

.table .product-name {
	width: 150px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 16px;
	margin-right: 5px
}

.table .sku {
	margin-right: 5px;
	color: #1dbb99
}

.modal.fade.fill-in>.close>i,.overlay-close>i {
	font-size: 36px
}

.table-inline {
	margin-top: 0
}

.table-detail tbody>tr:last-of-type>td {
	border-width: 0
}

.table tbody tr.row-details td:first-of-type {
	padding-right: 30px
}

.table tbody tr.selected.row-details td {
	background: #fff
}

.login-wrapper .login-container {
	float: left;
	max-width: 450px;
	width: 100%
}

.login-wrapper .bg-pic {
	text-align: right
}

.user h5 {
	font-size: 14px;
	margin: 0;
	line-height: 22.7px;
	letter-spacing: -0.006em;
	margin-top: -3px;
	color: #000
}

.user h6 {
	font-size: 12px;
	margin: 0
}

.add-line {
	padding: 5px 10px;
	background-color: #00c511;
	color: #fff;
	line-height: 25px;
	border-radius: 5px;
	display: inline-block;
	transition: all .3s;
	font-size: 16px;
	transition: all .3s
}

.add-line:hover,.add-line:active,.add-line:focus {
	background-color: hsl(125,100%,43%);
	color: #fff
}

.add-line img {
	height: 20px;
	margin-right: 5px
}

.inbox p {
	font-size: 15px
}

.inbox.card-group .card-header .card-title>a {
	font-size: 18px
}

.inbox.card-group .card-header .card-title>a:after {
	font-size: 15px
}

.inbox.card-group .card-header {
	padding: 5px 18px 0 22px
}

.inbox .hide-inbox {
	border-top: 1px solid rgba(230,230,230,0.7)
}

.inbox .hide-inbox .btn {
	border-width: 0;
	padding: 10px;
	color: hsl(0,0%,50%)
}

.inbox .hide-inbox .btn:hover,.inbox .hide-inbox .btn:focus,.inbox .hide-inbox .btn:active {
	color: hsl(0,0%,20%);
	background-color: #fff
}

.table tbody tr .btn i {
	transform: rotate(0deg);
	transition: all .3s
}

.table tbody tr.shown .btn i {
	transform: rotate(180deg)
}

.btn-icon {
	padding: 5px
}

.btn-icon i {
	margin: 0
}

.loading {
	display: inline-block;
	height: 20px;
	width: 20px;
	margin-top: -5px;
	margin-bottom: -5px;
	margin-right: 10px;
	margin-left: 0
}

.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active {
	background-color: rgba(255,51,102,.8);
	border-color: rgba(255,51,102,.8)
}

.modal .msg {
	margin-bottom: 10px
}

.search-data p {
	color: #2c2d2f
}

.no-data {
	font-size: 20px;
	color: hsl(0,0%,50%)
}

.overlay .overlay-close {
	z-index: 10
}

.page-loading .progress-circle-indeterminate {
	height: 60px;
	width: 60px
}

.pace .pace-activity {
	top: 20px
}

.pace-activity {
	display: none!important
}

.table tbody tr td.dataTables_empty {
	padding: 20px
}

.customize {
	width: 100%;
	margin: 0 auto;
	max-width: 800px
}

.customize img {
	max-width: 100%
}

.customize>.img img,.img img {
	width: 100%
}

.customize>.video,.video {
	position: relative;
	background-color: hsl(0,0%,90%);
	overflow: hidden
}

.customize>.video iframe,.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.customize>.editor,.editor {
	padding: 20px;
	overflow-x: auto;
	line-height: 2;
	font-weight: normal
}

.customize>.editor p,.editor p {
	line-height: 2
}

.pgn-circle .alert>div>div.pgn-message>div>p:last-of-type {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 200px
}

.products {
	max-width: 800px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	margin: 0 auto
}

.products .product {
	margin-bottom: 30px;
	outline-width: 0
}

.product-img {
	width: 100%
}

.product .action {
	width: 100px;
	padding-left: 10px;
	padding-right: 10px
}

.product .action-content {
	width: calc(100% - 100px);
	padding-left: 10px;
	padding-right: 10px
}

.product .action-content p {
	line-height: 1.6;
	margin-bottom: 5px;
	word-break: break-all
}

.product .actions {
	margin-left: -10px;
	margin-right: -10px
}

.product .action-content h3 {
	margin-top: 0;
	font-weight: normal;
	margin-bottom: 5px;
	word-break: break-all
}

.products h3 .label {
	margin-right: 5px;
	font-size: 16px
}

.products .discount,.products .bundle,.products .single,.cart,.one-checkout {
	padding-top: 30px
}

.products h1,.cart h1,.section-help h1 {
	margin-bottom: 30px;
	font-size: 30px
}

.one-checkout h1 {
	font-size: 30px
}

.products .price {
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 5px;
	font-weight: bold
}

.price .original {
	margin-right: 10px
}

.sep {
	height: 1px;
	background: rgba(0,0,0,.2);
	background: -webkit-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.2),rgba(0,0,0,0));
	background: -o-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.2),rgba(0,0,0,0));
	background: -moz-linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.2),rgba(0,0,0,0));
	background: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.2),rgba(0,0,0,0))
}

.products .action-content small {
	color: #f36;
	font-weight: normal;
	margin-left: 5px
}

.btn {
	font-weight: bold
}

.btn-circle {
	height: 35px;
	width: 35px;
	line-height: 33px;
	padding: 0;
	border-radius: 50%
}

.cart {
	max-width: 800px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	margin: 0 auto
}

.one-checkout {
	max-width: 800px;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	margin: 0 auto
}

.one-checkout form {
	max-width: 560px;
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	padding: 30px 30px 0;
	margin-bottom: 20px
}

.cart-item .item-tool {
	width: 50px;
	float: left;
	padding: 22px 0;
	min-height: 1px
}

.cart-item .item-img {
	width: 100px;
	float: left;
	min-height: 1px
}

.cart-item .item-content {
	width: calc(100% - 150px);
	float: left
}

.cart-item .item-content .detail {
	width: calc(100% - 150px);
	float: left
}

.cart-item .item-content .detail h4 {
	font-size: 18px;
	line-height: 1.6
}

.cart-item .item-content .detail ul {
	margin-bottom: 0
}

.cart-item .item-content .detail ul .text-danger {
	color: hsl(0,0%,30%)!important
}

.cart-item .item-content .detail .quantity {
	margin-bottom: 5px
}

.cart-item .item-content .detail .each-price {
	color: hsl(0,0%,30%)
}

.cart-item .each-price del {
	color: hsl(0,0%,50%);
	margin-right: 10px;
	font-size: 89%;
	line-height: 17px
}

.cart-item .item-content .detail .meta {
	font-size: 18px
}

.cart-item .item-content .price {
	width: 150px;
	float: left;
	text-align: right;
	padding: 5px 0;
	color: hsl(0,0%,30%);
	font-size: 18px
}

.cart-item .item-content h4 {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: normal
}

.cart-item .item-content h4 .label {
	margin-right: 5px
}

.list-item>li {
	padding-left: 0
}

.list-item>li>.label {
	margin-right: 5px
}

.cart-content .cart-item {
	padding: 20px;
	border-bottom: 1px solid hsl(0,0%,85%)
}

.cart-content>.cart-item:last-of-type {
	border-width: 0
}

.cart-content .cart-item.coupon .item-tool {
	padding-top: 0;
	padding-bottom: 0
}

.cart-content .cart-item.coupon .detail h4 {
	padding-top: 4px
}

.cart-add-wrap {
	border-bottom: 1px solid hsl(0,0%,85%)
}

.cart-coupon-wrap .coupon-warp {
	padding: 20px 20px 0 20px
}

.show-coupon {
	text-align: right;
	margin-bottom: -10px
}

.cart-total {
	padding: 20px;
	text-align: right;
	color: hsl(0,0%,50%)
}

.cart-total .price {
	color: #575a5d;
	font-size: 22px;
	margin-left: 10px
}

.section-help {
	max-width: 800px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	margin: 0 auto
}

.btn-section button {
	margin-bottom: 20px
}

.color-fb,.color-fb:hover {
	background-color: #0084ff!important;
	border-color: #0084ff!important
}

.color-telegram,.color-telegram:hover {
	background-color: #039be5!important;
	border-color: #039be5!important
}

.color-wx,.color-wx:hover {
	background-color: #00cd37!important;
	border-color: #00cd37!important
}

.color-line,.color-line:hover {
	background-color: #03c302!important;
	border-color: #03c302!important
}

.color-qq,.color-qq:hover {
	background-color: #fff!important;
	border-color: #fff!important
}

.section-help {
	padding-top: 30px;
	padding-bottom: 1px;
	margin-bottom: 30px
}

.cart-checkout {
	margin-bottom: 30px
}

footer {
	max-width: 800px;
	padding: 20px 15px;
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	color: hsl(0,0%,50%);
	text-align: center
}

.btn-section {
	margin-bottom: 30px
}

.alert {
	font-size: 16px
}

.cart-content .cart-empty {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px
}

.list-discount h3 {
	margin-top: 0;
	font-weight: normal
}

.list-discount {
	margin-bottom: 30px
}

.list-discount li {
	padding-left: 100px
}

.list-cart-discount {
	text-align: right;
	color: hsl(0,0%,30%);
	margin-bottom: 0
}

.list-cart-discount li .icon {
	height: 23px;
	width: 23px;
	border-radius: 50%;
	margin-right: 5px;
	display: inline-block;
	text-align: center;
	line-height: 23px
}

.list-cart-discount li {
	margin-bottom: 5px
}

.list-cart-discount li.text-success .icon {
	background-color: rgba(29,187,153,.1)
}

.list-cart-discount li.text-danger .icon {
	background-color: rgba(249,72,22,.1)
}

.list-cart-discount span.text {
	color: hsl(0,0%,50%);
	margin-right: 5px;
	font-size: 14px
}

.modal .btn-close {
	position: fixed;
	right: 10px;
	top: 10px;
	z-index: 10
}

.modal .modal-content {
	border-width: 0
}

.product-content h3 {
	margin-top: 0;
	font-weight: normal;
	margin-bottom: 0;
	word-break: break-all
}

.product-content h3 .label {
	margin-right: 5px;
	font-size: 16px
}

.product-content p {
	line-height: 1.6;
	margin-bottom: 0;
	word-break: break-all
}

.product-content p .text-danger,.product-content .text-danger {
	font-weight: bold
}

.product-content small {
	color: #f36;
	font-weight: normal;
	margin-left: 5px
}

.product-content .price {
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-weight: bold
}

.product-content h3 {
	margin-top: 0;
	font-weight: normal
}

.modal-content-product {
	padding: 15px 20px;
	background-color: #fff
}

.modal-total .bold {
	color: #575a5d;
	font-size: 22px
}

.modal-total {
	margin: 11px 0;
	line-height: 22px
}

.product-content .quantity {
	margin-top: 10px;
	margin-bottom: 10px
}

.subtotal {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	padding: 10px 5px;
	border-top: 1px solid hsl(0,0%,90%);
	z-index: 10
}

.subtotal .btn {
	padding-left: 0;
	padding-right: 0;
	cursor: pointer
}

.chat .nextStep.notEmpty .btn-cart {
	background-color: #f36
}

.view .modal-dialog {
	margin: 0 auto!important;
	padding: 0!important;
	height: auto!important
}

.modal.fade.stick-up .modal-dialog {
	margin-top: 0;
	margin-bottom: 0
}

.modal-dialog {
	margin-left: auto!important;
	margin-right: auto!important
}

.view .content-scroll {
	overflow-y: auto
}

.modal .content-scroll .main-content {
	margin-bottom: 90px
}

.quantity .input-group {
	width: 100%;
	max-width: 150px
}

.countdown {
	position: fixed;
	top: 15px;
	padding: 5px 10px;
	border-radius: 30px;
	color: #fff;
	font-weight: bold;
	z-index: 11;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: 330px;
	text-align: center;
	box-shadow: 0 0 3px rgba(0,0,0,.1),3px 3px 3px rgba(0,0,0,.2);
	transition: top .3s;
	font-size: 16px;
	overflow: hidden
}

.countdown .mask {
	background-color: #4868b6;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1
}

.countdown .fa-heart {
	animation: scale 2s ease-in-out infinite
}

.countdown.angle {
	border-radius: 0;
	width: 100%;
	top: 0;
	padding: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,.3)
}

.out-of-stock .btn,.out-of-stock .btn:hover,.out-of-stock .btn:active,.out-of-stock .btn:focus {
	cursor: not-allowed;
	background-color: #f7cf5f;
	border-color: #f7cf5f
}

.chat .action-list button {
	height: 60px;
	width: 60px;
	border-radius: 50%;
	font-size: 30px;
	border-width: 0;
	padding: 0;
	box-shadow: 0 0 5px rgba(0,0,0,.2),3px 3px 3px rgba(0,0,0,.3)
}

.chat .btn-action {
	background-color: #932c8b;
	color: #fff!important
}

.chat .nextStep .btn-cart {
	background-color: #fff;
	color: #3e3d3d!important;
	z-index: 2
}

.chat .nextStep.notEmpty .btn-cart {
	color: #fff!important
}

.chat .nextStep {
	position: relative
}

.chat .nextStep .goCar {
	color: #000;
	font-size: 30px;
	opacity: 0
}

.chat .nextStep.go .goCar {
	margin-left: 10px;
	transform: translateX(0vw);
	opacity: .5;
	animation: go-car 1s ease-in-out
}

.chat .text {
	font-size: 16px;
	line-height: 16px
}

.chat .btn-action>.text {
	opacity: 1;
	transition: all .3s;
	transform: rotate(0deg)
}

.chat .btn-action>i {
	opacity: 0;
	transition: all .3s;
	transform: rotate(-360deg)
}

.chat.active .btn-action>.text {
	opacity: 0;
	transform: rotate(360deg)
}

.chat.active .btn-action>i {
	opacity: 1;
	transform: rotate(0deg)
}

.chat {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 1001
}

.action-list i {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	line-height: 60px
}

.action-list>li {
	padding-left: 0
}

.chat ul.chat-list {
	margin-bottom: 7px;
	padding: 0 3px
}

.chat ul.chat-list>li {
	padding-left: 0;
	margin-bottom: 5px;
	position: relative;
	display: none
}

.chat ul.chat-list.notFold>li {
	display: block
}

.chat ul.chat-list.notFold {
	padding: 0
}

.chat ul.chat-list.notFold>li>button {
	width: 60px;
	height: 60px
}

.chat ul.chat-list.notFold>li>button img {
	height: 35px
}

.chat ul.chat-list>li>button {
	height: 54px;
	width: 54px;
	border-radius: 50%;
	background-color: hsl(0,0%,40%);
	color: #fff;
	border-width: 0;
	padding: 0;
	box-shadow: 0 0 5px rgba(0,0,0,.2),3px 3px 3px rgba(0,0,0,.3)
}

.chat ul.chat-list>li>button.phone,.chat ul.chat-list>li>button.phone:hover {
	background-color: #ec5923
}

.chat ul.chat-list>li>button.color-fb,.chat ul.chat-list>li>button.color-fb:hover {
	background-color: #0084ff!important
}

.chat ul.chat-list>li>button.color-line,.chat ul.chat-list>li>button.color-line:hover {
	background-color: #03c302!important
}

.chat ul.chat-list>li>button img {
	height: 25px
}

.chat ul.chat-list>li>button:hover {
	background-color: hsl(0,0%,40%);
	color: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.2),3px 3px 3px rgba(0,0,0,.3)
}

.chat ul.chat-list>li>div {
	position: absolute;
	font-size: 14px;
	padding: 3px 10px;
	background-color: rgba(62,62,62,0.8);
	color: #fff;
	display: inline-block;
	right: 70px;
	top: 13px;
	border-radius: 4px;
	min-width: 55px;
	text-align: center
}

.chat ul.chat-list.notFold>li>div {
	display: none
}

.action-list {
	margin-bottom: 0
}

.action-list>li:not(:last-of-type) {
	margin-bottom: 7px
}

.modal-content .title {
	padding: 10px 50px 10px 20px
}

.modal-content .title h3 {
	margin-top: 0;
	font-weight: normal;
	margin-bottom: 0
}

.modal-content .title .label {
	margin-right: 5px;
	font-size: 16px
}

.each-item {
	padding: 0 20px;
	margin-bottom: 20px
}

.each-item .item-img {
	width: 100px;
	min-height: 1px;
	float: left
}

.each-item .item-content {
	width: calc(100% - 100px);
	float: left
}

.each-item .item-content h4 {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: normal;
	line-height: 1.6;
	margin-bottom: 0
}

.each-item .item-content h4 small {
	color: #f36;
	font-weight: normal;
	margin-left: 5px
}

.each-item .item-content h4 .label {
	margin-right: 5px
}

.inventory {
	line-height: 1.6
}

.inventory .text-danger {
	font-weight: bold
}

.sells-number {
	line-height: 1.6
}

.item-content .quantity {
	margin-top: 5px
}

.modal-content .alert {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 0;
	font-size: 16px
}

.modal-content .each-items {
	padding-top: 20px
}

.view.modal .modal-content {
	border-radius: 0
}

.checkout-step .circle {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border: 3px solid #e0e0e0;
	display: inline-block;
	background-color: #e0e0e0;
	color: #fff;
	z-index: 2;
	position: relative;
	font-size: 14px;
	line-height: 14px;
	transition: all .3s
}

.checkout-step .circle i {
	opacity: 0;
	transition: all .3s
}

.checkout-step .col {
	cursor: pointer;
	padding: 0
}

.checkout-step .col div {
	font-size: 14px;
	margin-top: 5px
}

.checkout-step {
	text-align: center;
	position: relative;
	margin: 0
}

.checkout-step-wrap {
	background-color: #f4f4f4;
	padding: 20px 0 15px;
	margin: 0
}

.checkout-step:after {
	display: table;
	content: "";
	height: 2px;
	background-color: #e0e0e0;
	width: 35%;
	position: absolute;
	left: 50%;
	top: 11px;
	transition: all .3s
}

.checkout-step:before {
	display: table;
	content: "";
	height: 2px;
	background-color: #e0e0e0;
	width: 35%;
	position: absolute;
	left: 15%;
	top: 11px;
	transition: all .3s
}

.step1.checkout-step>.col:nth-of-type(1) .circle {
	background-color: #fff;
	border-color: #f36
}

.step2.checkout-step>.col:nth-of-type(1) .circle {
	background-color: #f36;
	border-color: #f36
}

.step2.checkout-step>.col:nth-of-type(1) .circle i {
	opacity: 1
}

.step2.checkout-step>.col:nth-of-type(2) .circle {
	background-color: #fff;
	border-color: #f36
}

.step2.checkout-step:before {
	background-color: #f36
}

.step3.checkout-step>.col:nth-of-type(1) .circle,.step3.checkout-step>.col:nth-of-type(2) .circle {
	background-color: #f36;
	border-color: #f36
}

.step3.checkout-step>.col:nth-of-type(1) .circle i,.step3.checkout-step>.col:nth-of-type(2) .circle i {
	opacity: 1
}

.step3.checkout-step>.col:nth-of-type(3) .circle {
	background-color: #fff;
	border-color: #f36
}

.step3.checkout-step:before,.step3.checkout-step:after {
	background-color: #f36
}

.step {
	-webkit-transition: all .3s ease!important;
	transition: all .3s ease!important
}

.step.sliding {
	-webkit-transform: translate3d(10%,0,0);
	transform: translate3d(10%,0,0);
	-ms-transform: translate(10%,0);
	opacity: 0
}

.step.active {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-ms-transform: translate(0,0);
	opacity: 1
}

#checkout .form {
	padding: 20px
}

.checkout-help {
	padding: 20px
}

.checkout-help h1 {
	margin-top: 30px;
	margin-bottom: 0;
	font-size: 20px;
	font-weight: normal
}

.checkout-help h1 i {
	font-size: 16px
}

.checkout-help h1 div {
	line-height: 14px;
	margin-bottom: 10px
}

.checkout-help p {
	margin-bottom: 30px;
	text-align: center
}

.checkout-help .help-text {
	display: none
}

.checkout-help.active .help-text {
	display: block
}

.checkout-extra-help {
	margin-bottom: 30px
}

.checkout-help h1 i {
	transition: all .3s;
	transform: rotate(0deg);
	color: hsl(0,0%,50%)
}

.checkout-help.active h1 i {
	transform: rotate(180deg)
}

.form-sm {
	margin-left: -5px!important;
	margin-right: -5px!important
}

.form-sm .col {
	padding-left: 5px;
	padding-right: 5px
}

.form-group .radio label {
	display: inline-block;
	margin-right: 10px
}

.form-group .radio input {
	display: none
}

.form-group .radio {
	margin-top: 0;
	margin-bottom: 5px
}

.form-group-default.focused input[type="radio"]:checked+label {
	opacity: 1
}

h3 {
	font-size: 24px;
	line-height: 35.88px
}

.payment .help {
	margin-left: 8px
}

.form-group .help {
	font-size: 14px
}

.form-group .help:empty {
	display: none
}

.form-group label:not(.error) {
	font-size: 14px
}

.form-control {
	font-size: 16px
}

.form-group label {
	margin-bottom: 2px
}

.section-order {
	max-width: 800px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	margin: 0 auto
}

.icon.svg>svg {
	height: 120px;
	width: 120px;
	margin: 0 auto
}

.icon-success svg circle,.icon-danger svg circle {
	animation: checkmark-circle .6s ease-in-out backwards
}

.icon-success svg path {
	animation: checkmark .25s ease-in-out .7s backwards
}

.icon-danger svg line#line1 {
	animation: checkmark .25s ease-in-out .95s backwards
}

.icon-danger svg line#line2 {
	animation: checkmark .25s ease-in-out .7s backwards
}

.icon .line1 {
	fill: none;
	stroke-width: 5;
	stroke-dasharray: 240,240;
	stroke-dashoffset: 480
}

.icon .line2 {
	fill: none;
	stroke-width: 5;
	stroke-dasharray: 50,50
}

.icon-success .line1,.icon-success .line2 {
	stroke: #07c25f
}

.icon-danger .line1,.icon-danger .line2 {
	stroke: #f94816
}

.section-order .order-header {
	text-align: center;
	padding: 30px 15px 15px
}

.section-order .order-header h3 {
	margin-bottom: 0
}

.section-order .order-header h1 {
	font-size: 30px;
	font-weight: normal;
	margin: 0
}

.section-order .alert.big {
	padding: 20px
}

.cart-item .item-content.full {
	width: calc(100% - 100px)
}

.card h3 {
	font-weight: normal;
	margin-top: 0
}

.card h3 i {
	margin-right: 5px
}

.form .row .th,.form .row .td {
	padding: 5px 10px 5px 0
}

.form {
	margin-bottom: 10px
}

.form .row .th {
	font-weight: bold;
	font-size: 14px
}

.form .row .td .badge {
	margin-left: 5px
}

.form-group .radio.radio-block label {
	display: block
}

.radio-block .badge,.radio-block .label {
	margin-left: 5px
}

.form-group .radio-block .badge .help {
	margin-left: 5px;
	color: rgba(87,90,93,0.55)
}

.form-group-default .radio label {
	opacity: .4
}

.form-group-default .radio input[type="radio"]:checked+label {
	opacity: 1
}

.load-data {
	padding: 50px 20px
}

.error {
	font-size: 14px
}

.quantity .form-control[readonly] {
	background: #fff
}

.action-notice-wrap {
	position: fixed;
	left: 50%;
	right: auto;
	top: 50%;
	z-index: 9999;
	transform: translate(-50%,-50%);
	text-align: center;
	margin: auto;
	max-width: 300px;
	width: 100%
}

.action-notice {
	background-color: rgba(0,0,0,.8);
	color: #fff;
	padding: 10px 20px;
	border-radius: 30px;
	display: inline-block
}

.action-notice a {
	display: inline-block
}

.cart .detail small {
	font-weight: normal
}

.total-display-2 .modal-total {
	margin: 0
}

.total-display-2>.modal-total:first-of-type {
	font-size: 14px;
	opacity: .8
}

.total-display-2>.modal-total:first-of-type .bold {
	font-size: 18px
}

.has-bottom .form-input-group {
	border-bottom-width: 0
}

.has-bottom .has-bottom-button {
	border: 1px solid rgba(0,0,0,0.07);
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px
}

.has-bottom .has-bottom-button button {
	padding: 10px;
	background-color: #fff;
	border-width: 0;
	transition: all .3s;
	display: block;
	width: 100%
}

.has-bottom .has-bottom-button button>img {
	height: 15px;
	margin-right: 5px;
	margin-top: -3px
}

.has-bottom .has-bottom-button button:hover {
	background-color: hsl(0,0%,90%)
}

.has-bottom .has-bottom-button {
	margin-left: -12px;
	margin-right: -12px;
	margin-bottom: -4px;
	border-width: 0;
	border-top: 1px solid rgba(0,0,0,0.07)
}

.lazyload,.lazyloading {
	opacity: 0
}

.lazyloaded {
	opacity: 1;
	transition: opacity 300ms
}

.btn-disabled,.btn-disabled:hover,.btn-disabled:focus,.btn-disable:active {
	cursor: not-allowed;
	color: #fff!important;
	background-color: #f7cf5f!important;
	border-color: #f7cf5f!important
}

.scale {
	animation: scale-b 1s ease-in-out infinite;
	display: inline-block
}

.section-help h1.has-text {
	margin-bottom: 0
}

.section-help p.has-text {
	margin-bottom: 30px
}

.cart-total .amount {
	color: #575a5d;
	font-size: 22px;
	margin-left: 5px
}

.normal {
	font-weight: normal
}

.timeline-content .event-date {
	padding: 10px
}

.section-cart,.section-total {
	background-color: #fff;
	position: relative;
	border: 1px solid rgba(0,0,0,0.07);
	border-radius: 2px;
	padding-top: 7px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 7px;
	font-size: 14px;
	color: rgba(87,90,93,.7)
}

.section-form {
	background-color: #fff;
	position: relative;
	border: 1px solid rgba(0,0,0,0.07);
	border-radius: 2px;
	padding-top: 7px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 7px;
	font-size: 14px
}

.section-form p:last-of-type {
	margin-bottom: 0
}

.section-total.subtotal {
	margin-bottom: 10px
}

.section-cart .price,.section-total .price {
	color: #575a5d;
	margin-left: 10px;
	font-size: 20px;
	letter-spacing: .06em
}

#loading {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(255,255,255,.8);
	z-index: 9999;
	text-align: center
}

#loading .page-loading {
	margin-bottom: 10px
}

#loading .center {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	padding: 30px;
	font-weight: bold
}

.page-loading img {
	height: 150px
}

.report {
	display: none
}

.back-shop {
	margin-top: 30px
}

.errorMsg {
	max-width: 500px;
	width: 100%;
	margin: 0 auto 10px
}

.board .errorMsg {
	max-width: 530px;
	padding: 10px 15px;
	width: 100%;
	margin: 0 auto 10px;
	border-radius: 5px;
	text-align: left;
	background-color: #fff;
	line-height: 2
}

.board .page-loading img {
	height: 130px
}

#loading.board {
	position: relative
}

#loading.board .center {
	position: relative;
	top: 0;
	transform: translateY(0%)
}

.modal-text {
	background-color: hsl(0,0%,95%);
	padding: 50px 30px;
	text-align: center
}

.modal-text h2 {
	margin-top: 0;
	font-size: 50px
}

.modal-text h4 {
	color: hsl(0,0%,30%);
	margin-bottom: 5px
}

.has-bottom-row>.has-bottom:not(:last-of-type) {
	border-bottom: 1px solid hsl(0,0%,85%);
	padding-bottom: 10px;
	margin-bottom: 10px
}

.social-card.share .card-description {
	overflow: hidden
}

.font14 {
	font-size: 14px;
	color: hsl(0,0%,50%)
}

.home {
	max-width: 800px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	margin: 0 auto
}

.full-img {
	width: 100%
}

.home>.each-page:not(:last-of-type) {
	margin-bottom: 30px
}

.home .each-page h3 {
	text-align: center;
	color: #2c2d2f
}

.home .each-page .btn {
	margin-bottom: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 20px
}

.btn-login {
	padding: 10px;
	background-color: #3e4da1;
	color: #fff;
	border-width: 0;
	transition: all .3s;
	display: block;
	width: 100%;
	transition: all .3s;
	cursor: pointer;
	border-radius: 2px
}

.btn-login:hover {
	background-color: hsl(230,44%,53%);
	color: #fff
}

.btn-loginline {
	padding: 10px;
	background-color: #00C300;
	color: #fff;
	border-width: 0;
	transition: all .3s;
	display: block;
	width: 100%;
	transition: all .3s;
	cursor: pointer;
	border-radius: 2px
}

.btn-loginline:hover {
	background-color:#00E000;
	color: #fff
}

.btn-fb {
	background-color: #3e4da1;
	color: #fff
}

.btn-fb:hover,.btn-fb:active,.btn-fb:focus {
	background-color: hsl(230,44%,53%)!important;
	color: #fff!important
}

.login-profile {
	text-align: center;
	border: 1px solid rgba(0,0,0,0.07);
	padding: 8px;
	border-radius: 2px
}

.login-profile img {
	border-radius: 50%;
	width: 35px;
	margin-right: 8px;
	display: inline-block
}

.login-profile span {
	line-height: 35px;
	display: inline-block
}

.modal-open {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.modal-open.fixios {
	overflow: hidden;
	position: fixed;
	width: 100%;
	height: 100%
}

.countryImg {
	margin-right: 5px;
	margin-top: -3px
}

.add-to-cart-flag {
	position: absolute;
	font-size: 14px;
	padding: 3px 10px;
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	display: inline-block;
	right: 70px;
	top: 17px;
	border-radius: 4px;
	width: 150px;
	text-align: center;
	opacity: 0;
	transform: translateX(160px)
}

.add-to-cart-flag.active {
	animation: right-in 4s ease-in-out
}

.add-to-cart-flag:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent rgba(0,0,0,0.7);
	display: table;
	position: absolute;
	right: -8px;
	top: 9px
}

.btn-links {
	border-radius: 30px;
	color: hsl(0,0%,30%)!important
}

.notice {
	font-size: 14px
}

.quantity .input-group button,.quantity .input-group input {
	border-radius: 0
}

.product-content .variations {
	margin-bottom: 0
}

.product-content .variations .variation-title {
	margin-bottom: 5px;
	color: hsl(0,0%,0%)
}

.variation-tags .btn {
	margin-bottom: 5px;
	margin-right: 5px;
	transition: all .3s
}

.variation-tags .btn.active {
	background-color: #f36;
	border-color: #f36;
	color: #fff
}

.categories {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px
}

.categories>.row {
	margin-left: -10px;
	margin-right: -10px
}

.categories>.row>div {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 30px
}

.discount-category .btn {
	margin-bottom: 5px;
	margin-right: 5px;
	transition: all .3s
}

.discount-category .btn.active {
	background-color: #f36;
	border-color: #f36;
	color: #fff
}

.discount-category {
	border-bottom: 1px solid hsl(0,0%,90%);
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 5px
}

.discount-category-title {
	margin-top: 0;
	margin-bottom: 5px;
	color: hsl(0,0%,0%)
}

.variations>.variation:not(:last-of-type) {
	margin-bottom: 0
}

.radio label:before,.checkbox label:before {
	background-color: #fff!important
}

.radio label:before {
	top: 1px
}

.product-row {
	margin-left: -10px;
	margin-right: -10px
}

.product-row>div {
	padding-left: 10px;
	padding-right: 10px
}

.product-row .row {
	margin-left: -10px;
	margin-right: -10px
}

.product-row .row>div {
	padding-left: 10px;
	padding-right: 10px
}

.product-filter button {
	margin-left: 2px;
	margin-right: 2px
}

.product-filter {
	margin-bottom: 30px;
	margin-top: -20px;
	text-align: center
}

.product-filter .btn {
	border-width: 0;
	padding: 6px 10px;
	color: hsl(0,0%,60%);
	background-color: transparent;
	transition: all .3s
}

.product-filter .btn:hover {
	color: hsl(0,0%,30%)
}

.product-filter .btn.active,.product-filter .btn.active:hover {
	color: #f36
}

.product-filter .btn svg {
	width: 15px;
	height: 15px;
	display: block
}

.product-filter .btn svg .st0 {
	fill: hsl(0,0%,60%)
}

.product-filter .btn:hover svg .st0 {
	fill: hsl(0,0%,30%)
}

.product-filter .btn.active svg .st0,.product-filter .btn.active:hover svg .st0 {
	fill: #f36
}

.colum .product.flex-row-reverse {
	-ms-flex-direction: column!important;
	flex-direction: column!important;
	-webkit-flex-direction: column!important
}

.colum .product.flex-row-reverse>div {
	flex: 0 0 auto
}

.colum .product>.col-3 {
	width: 100%;
	max-width: 100%
}

.colum .product>.col-9 {
	width: 100%;
	max-width: 100%
}

.colum .product .action-content {
	width: 100%;
	word-break: break-all
}

.colum .product .action {
	padding-top: 5px;
	width: 100%
}

.colum .product .action-content h3 {
	text-align: center
}

.colum .product .product-img {
	margin-bottom: 15px
}

.colum .product-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.colum .product {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto
}

.colum .product>.align-self-start {
	-webkit-box-flex: 1 1 auto!important;
	-webkit-flex: 1 1 auto!important;
	-ms-flex: 1 1 auto!important;
	flex: 1 1 auto!important;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.colum .product>.align-self-start .actions {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 100%;
	-ms-flex: 1 0 100%;
	flex: 1 0 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column!important;
	-ms-flex-direction: column!important;
	flex-direction: column!important
}

.colum .product .action-content {
	-webkit-box-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.sale>span {
	display: inline-block;
	font-weight: bold
}

.products .colum .price {
	text-align: center;
	margin-bottom: 5px
}

.colum .product .action-content p {
	text-align: center
}

.colum .product .action-content .inventory {
	text-align: center
}

.colum .product .action-content .sells-number {
	text-align: center
}

.pages-group .each-page h3 {
	font-size: 16px;
	line-height: 22px;
	padding: 30px 10px;
	text-align: center;
	margin: 0
}

.pages-group>.each-page:not(:last-of-type) {
	border-bottom: 1px solid hsl(0,0%,85%)
}

.shop-recommend {
	margin-top: 30px
}

.timeline {
	padding-bottom: 30px
}

.modal-dialog {
	position: relative;
	width: auto
}

.order-submit {
	padding: 10px 0 30px
}

.modal-backdrop.show {
	opacity: .7
}

footer .copyright {
	padding: 0;
	border-width: 0
}

footer .supplier {
	text-align: center;
	margin-top: 10px
}

footer .supplier>img {
	height: 26px;
	padding: 3px;
	display: inline-block
}

.checkbox label::after {
	left: 2.5px
}

.icon-required {
	color: #f94816;
	font-size: 20px;
	position: absolute
}

.navbar {
	background-color: #fff;
	margin-bottom: 0;
	box-shadow: 0 0 10px rgba(0,0,0,.1)
}

.navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
	line-height: 35px;
	margin-right: 0;
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px
}

.navbar-toggler,.navbar-toggler:active {
	box-shadow: none!important;
	outline-width: 0!important
}

.navbar-toggler .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 0
}

.navbar-toggler .icon-bar+.icon-bar {
	margin-top: 5px
}

.navbar-toggler .icon-bar {
	background-color: hsl(0,0%,30%)
}

.navbar-toggler {
	border-color: transparent;
	border-width: 0
}

.navbar-toggler:hover,.navbar-toggler:active,.navbar-toggler:focus {
	background-color: transparent
}

.navbar-toggler.collapsed>.icon-bar.bar1 {
	transform: translateY(0) rotate(0deg);
	transition: all .3s
}

.navbar-toggler>.icon-bar.bar1 {
	transform: translateY(7px) rotate(45deg);
	transition: all .3s
}

.navbar-toggler.collapsed>.icon-bar.bar3 {
	transform: translateY(0) rotate(0deg);
	transition: all .3s
}

.navbar-toggler>.icon-bar.bar3 {
	transform: translateY(-7px) rotate(-45deg);
	transition: all .3s
}

.navbar-toggler.collapsed>.icon-bar.bar2 {
	opacity: 1;
	transition: all .3s
}

.navbar-toggler>.icon-bar.bar2 {
	opacity: 0;
	transition: all .3s
}

.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	color: hsl(0,0%,30%);
	transition: all .3s!important;
	font-size: 18px;
	padding-left: 10px!important;
	padding-right: 10px!important
}

.navbar-nav>li>a:not([href]):not([tabindex]) {
	color: hsl(0,0%,30%)
}

.navbar-nav>li>a>i.fa-chevron-down {
	float: right;
	font-size: 14px;
	padding: 5px 0 5px 5px;
	transform: rotate(0deg);
	transition: all .3s
}

.menu-img {
	display: none
}

.navbar-nav>li.open>a>i.fa-chevron-down {
	transform: rotate(0deg)
}

.navbar-nav>li>a:hover,.navbar-nav>li>a:hover:not([href]):not([tabindex]) {
	color: hsl(0,0%,0%)
}

.slick-slider .slick-prev,.slick-slider .slick-next {
	position: absolute;
	top: calc(50% - 45px);
	z-index: 10;
	font-size: 50px;
	color: hsl(0,0%,95%);
	padding: 0 20px
}

.slick-slider .slick-prev {
	left: 0
}

.slick-slider .slick-next {
	right: 0
}

.slick-dots {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center
}

.slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 3px;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	height: 20px;
	width: 20px;
	display: block;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: 0;
	background: transparent
}

.slick-dots li button:before {
	display: table;
	top: 0;
	left: 0;
	width: 14px;
	height: 14px;
	content: '';
	border-radius: 50%;
	text-align: center;
	background-color: #959595;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
	background-color: #434343
}

.footer-menu ul>li>a {
	padding: 2px 10px;
	display: block;
	color: hsl(0,0%,30%)
}

.footer-menu ul>li>a:hover {
	color: hsl(0,0%,0%)
}

.footer-menu ul>li {
	padding: 0;
	position: relative
}

.footer {
	line-height: 1.6;
	padding-top: 10px;
	padding-bottom: 10px
}

.footer-menu li:not(:last-of-type):after {
	content: "|";
	display: table;
	position: absolute;
	right: -2px;
	top: calc(50% - 12px)
}

.footer .supplier>img {
	height: 26px;
	padding: 3px;
	display: inline-block
}

.footer-content {
	margin-bottom: 10px
}

.footer .supplier {
	text-align: center;
	margin-bottom: 10px;
	padding: 0 15px
}

.footer .copyright {
	text-align: center;
	padding: 10px;
	font-size: 14px;
	color: hsl(0,0%,50%)
}

.footer .copyright a {
	color: hsl(0,0%,50%)
}

.header-fixed-top .navbar {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030
}

.header-fixed-top {
	padding-top: 53px
}

.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.navbar-nav {
	text-align: center;
	width: 100%;
	display: block
}

.navbar-nav>li {
	display: inline-block
}

#notice {
	padding: 30px;
	font-weight: bold;
	text-align: center
}

#notice .page-icon img {
	height: 130px;
	margin-bottom: 10px
}

#notice .msg {
	max-width: 530px;
	padding: 10px 15px;
	width: 100%;
	margin: 0 auto 10px;
	border-radius: 5px;
	text-align: left;
	background-color: #fff;
	line-height: 2
}

.display-desktop {
	display: block!important
}

.display-inline-desktop {
	display: inline-block!important
}

.display-mobile {
	display: none!important
}

.slide-home {
	overflow: hidden
}

.InWeb .page-content {
	margin-bottom: 50px;
	min-height: 1px;
	margin-top: -1px
}

.bg-white {
	background-color: #fff
}

#shop {
	position: relative
}

.html>.customize,.html>.products,.html>.cart,.html>.one-checkout,.html .section-help {
	background-color: #fff
}

.page-content-error {
	padding: 10px 15px!important;
	width: 100%;
	text-align: left;
	background-color: #fff!important;
	line-height: 2
}

.orderSearch {
	background-color: #fff
}

.orderSearch .wrap {
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	padding: 30px 20px 30px
}

.orderSearch .or {
	text-align: center;
	font-size: 14px;
	padding: 15px 0;
	position: relative;
	color: hsl(0,0%,30%)
}

.orderSearch .or:after {
	content: "";
	display: table;
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,0.07);
	position: absolute;
	left: 0;
	right: 0;
	top: 50%
}

.orderSearch .or>span {
	padding-left: 20px;
	padding-right: 20px;
	background-color: #fff;
	display: inline-block;
	z-index: 2;
	position: relative
}

#listOrder .order-list {
	max-height: 350px;
	overflow-y: scroll
}

#listOrder .order-list>a {
	display: block;
	padding-bottom: 15px;
	border-bottom: 1px solid hsl(0,0%,90%);
	margin-bottom: 10px
}

#listOrder .order-list>a .number {
	font-size: 16px;
	margin-bottom: 3px
}

#listOrder .order-list>a .date {
	font-size: 14px;
	color: hsl(0,0%,50%);
	margin-bottom: 3px
}

.breadcrumb>.breadcrumb-item+.breadcrumb-item:before {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400
}

.horizontal-app-menu .menu-bar ul li a .arrow:before {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400
}

.checkbox input[type=checkbox]:checked+label::after {
	content: "\f00c";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900
}

.datepicker thead tr .next:before,.datepicker thead tr .prev:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900
}

.InWeb #shop.page-content.page-content-error {
	margin-top: 30px
}

.form-group .fa-facebook-messenger {
	margin-right: 5px;
	margin-left: 5px;
	color: #0084ff
}

.form-group label:not(.error) {
	text-transform: inherit
}

.form-group .text {
	padding: 5px 0;
	font-size: 14px
}

.form-group .text a {
	color: #007bff!important
}

del.price-del {
	text-decoration: none;
	position: relative;
	display: inline-block;
	font-weight: bold
}

del.price-del:before {
	content: "";
	display: table;
	height: 2px;
	background-color: #f94816;
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

del.price-del>span {
	color: #575a5d
}

.modal-content .alert .text-danger {
	font-weight: bold
}

.ssl {
	color: #00a30c;
	font-weight: bold;
	padding: 10px;
	font-size: 13px
}

.ssl i {
	margin-right: 5px
}

.ssl .text {
	display: inline-block;
	color: hsl(0,0%,60%);
	padding-left: 10px;
	font-weight: normal
}

.fa-spin.seppd-up {
	-webkit-animation: fa-spin 1s infinite linear;
	animation: fa-spin 1s infinite linear
}

.close {
	font-size: 16px
}

.countryImg {
	width: 23px
}

.help-shop-dot-com img {
	height: 15px;
	margin-top: -3px
}

.help-shop-dot-com {
	color: #c00!important
}

.product-banner .product-banner-img {
	max-width: 100%;
	width: 100%
}

.product-banner {
	margin-bottom: 30px
}

.ButtonStyleNormal .btn-rounded {
	border-radius: 5px!important
}

.ButtonStyleFlat .btn-rounded {
	border-radius: 0!important
}

h3 small,h4 small,h5 small {
	font-weight: normal
}

.checkOutCountDown .wrap {
	background-color: #fafafa;
	color: #000;
	text-align: center;
	padding: 10px;
	line-height: 1.2
}

.checkOutCountDown .wrap .bottom {
	font-size: 20px
}

.checkOutCountDown .wrap .bottom span {
	font-weight: bold
}

.in-text .countdown-discount {
	font-weight: bold
}

.in-text .pull-right {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%)
}

.one-checkout .checkOutCountDown {
	margin-bottom: 10px
}

select.has-menu {
	-webkit-appearance: menulist;
	max-width: 150px;
	font-size: 14px
}

.modal select.has-menu {
	max-width: 100%
}

.row-10 {
	margin-left: -5px;
	margin-right: -5px
}

.row-10>div {
	padding-left: 5px;
	padding-right: 5px
}

.row-0 {
	margin-left: 0;
	margin-right: 0
}

.row-0>div {
	padding-left: 0;
	padding-right: 0
}

.category {
	padding: 0;
	border: 0
}

.category .img-top {
	width: 100%;
	margin-bottom: 10px
}

.category .price {
	font-size: 18px;
	line-height: 1.4;
	font-weight: bold
}

.category .btn {
	margin-bottom: 5px
}

.container {
	padding: 0;
	width: 100%
}

.menu-cart {
	position: relative
}

.menu-cart .cart-badge {
	background-color: #f36;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	width: 20px;
	height: 20px;
	display: block;
	line-height: 20px;
	border-radius: 50%;
	position: absolute;
	right: -2px;
	top: 3px;
	transform: scale(0.8);
	text-align: center
}

.navbar-toggler {
	padding: 10px;
	margin-left: -5px;
	z-index: 3
}

.mobile-brand img {
	height: 40px
}

.mobile-brand {
	position: absolute;
	right: 10px;
	top: 6px
}

.category {
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.category>a {
	display: block;
	flex: 0 0 auto
}

.category-body {
	-webkit-box-flex: 1 1 auto!important;
	-webkit-flex: 1 1 auto!important;
	-ms-flex: 1 1 auto!important;
	flex: 1 1 auto!important;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.category-body .top {
	-webkit-box-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

#pagination {
	margin-bottom: 30px
}

.page-item.active .page-link {
	color: #fff!important
}

.pagination a,.pagination a:not([href]):not([tabindex]) {
	color: #575a5d
}

.page-item:first-child .page-link {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.page-item:last-child .page-link {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.categories .price-wrap {
	margin-bottom: 10px
}

.slider-sm.slick-slider .slick-prev,.slider-sm.slick-slider .slick-next {
	padding: 10px;
	font-size: 18px;
	background-color: rgba(0,0,0,.7)
}

.slider-sm .slick-dots {
	margin-bottom: 10px
}

.add-section-title {
	background-color: hsl(0,0%,95%);
	padding: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 16px
}

.cart-add-wrap {
	background-color: hsl(0,0%,98%)
}

.add-section .products {
	padding-left: 0;
	padding-right: 0
}

.add-section .product .product-img {
	margin-bottom: 0
}

.add-section .product .product-body {
	padding-top: 10px
}

.add-section .product .action-content h3 {
	font-size: 16px;
	line-height: 1.4
}

.add-section .product .price {
	font-size: 14px;
	line-height: 1.4
}

.add-section .action-content small {
	display: block
}

.add-section .products .product {
	margin-bottom: 0
}

.test-server {
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 99
}

.banner .slide-home {
	margin-bottom: 10px
}

.category select.form-control:not([size]):not([multiple]) {
	height: calc(2.25rem+2px);
	padding: .375rem .75rem
}

.modal.fade.slide-up {
	top: 0
}

.btn-top i {
	font-size: 20px
}

.card-loading svg {
	margin: 0 auto;
	display: block;
	max-width: 80px
}

.card-loading {
	text-align: center
}

#ECPayPayment .ecpay-pay-list-wrap {
	background-color: transparent
}

#ECPayPayment .ecpay-pay-list-wrap .ecpay-pay-list {
	background-color: transparent;
	max-width: 100%;
	margin-bottom: 20px
}

#ECPayPayment .ecpay-pay-list-wrap .ecpay-pay-list>li.ecpay-pl-act {
	background: #fff;
	padding: 0
}

#ECPayPayment .ecpay-pay-list-wrap .ecpay-pay-list>li {
	border-radius: 12px;
	background-color: #fff
}

#ECPayPayment .ecpay-select-input .ecpay-select-tab {
	width: 100%
}

#ECPayPayment .ecpay-select-input .ecpay-select-tab::after {
	top: 15px
}

#ECPayPayment .ecpay-select-input .ecpay-select-tab:before {
	top: 1px
}

.order-ecpay .btn {
	margin-bottom: 30px
}

.credit-card-icon {
	position: absolute;
	bottom: 6px;
	right: 10px
}

.credit-card-icon>img {
	height: 15px;
	margin-left: 5px
}

.navbar-brand a {
	color: hsl(0,0%,20%)
}

.navbar-nav .menu-img {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100px;
	margin-bottom: 10px
}

@media(max-width:1200px) {
	.navbar-nav>li>a>i.fa-chevron-down {
		padding: 5px
	}

	.menu-img {
		display: block
	}

	.InWeb .countdown {
		top: 75px
	}

	.InWeb .countdown.angle {
		top: 52px
	}

	.navbar-expand-xl>.container {
		max-width: 100%
	}

	.navbar-nav>li>a {
		font-size: 16px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px!important;
		padding-right: 10px!important
	}

	.display-desktop {
		display: none!important
	}

	.display-inline-desktop {
		display: none!important
	}

	.display-mobile {
		display: block!important
	}

	.navbar-brand {
		height: 40px;
		margin: 0;
		width: auto
	}

	.navbar-brand img {
		height: 40px
	}

	.navbar {
		position: fixed;
		left: 0;
		right: 0;
		top: 0
	}

	.navbar-nav .nav-link {
		text-align: left
	}

	body.InWeb {
		padding-top: 52px
	}

	.navbar-collapse.collapse {
		display: block!important
	}

	.InWeb .pgn-wrapper[data-position='top'] {
		top: 52px
	}

	.navbar-nav {
		display: flex;
		margin-bottom: 20px
	}

	.menu-open .navbar-collapse {
		transform: translateX(0)
	}

	.navbar-collapse {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		background-color: #fff;
		width: 300px;
		transform: translateX(-300px);
		transition: all .3s;
		padding-top: 52px;
		z-index: 2
	}

	.navbar-collapse .wrap {
		position: fixed;
		top: 52px;
		left: 0;
		bottom: 0;
		right: 0;
		overflow-y: scroll
	}

	.menu-cart,.menu-cart:not([href]):not([tabindex]) {
		color: hsl(0,0%,30%);
		padding: 10px;
		font-size: 18px;
		margin-right: -5px;
		margin-bottom: -3px
	}

	.menu-cart:active,.menu-cart:hover,.menu-cart:focus,.menu-cart:not([href]):not([tabindex]):hover {
		color: hsl(0,0%,0%)
	}

	.menu-cart .cart-badge {
		right: -3px;
		top: 2px
	}

	.navbar {
		padding-top: 5px;
		padding-bottom: 5px
	}

	.menu-back {
		position: fixed;
		top: 0;
		bottom: 0;
		z-index: 1;
		left: 0;
		right: 0;
		background-color: rgba(0,0,0,.8)
	}

	.navbar-nav>li>.sub a {
		padding: 10px;
		font-size: 14px;
		line-height: 1.4
	}

	.navbar-nav>li>.sub>li:not(:last-of-type) {
		border-bottom: 1px solid hsl(0,0%,85%)
	}

	.navbar-nav>li>.sub {
		display: none;
		position: relative;
		background-color: hsl(0,0%,93%)
	}

	.navbar-nav>li:hover>.sub {
		display: none;
		padding: 0
	}

	.navbar-nav>li>.sub {
		box-shadow: none;
		width: 100%;
		padding: 0
	}

	.navbar-nav>li.open>.sub {
		display: block
	}

	.navbar-nav>li.open>a>i.fa-chevron-down {
		transform: rotate(180deg)
	}

	.InWeb .page-content {
		margin-top: 0
	}

	.navbar-nav>li {
		border-bottom: 1px solid hsl(0,0%,90%)
	}

	.navbar-nav {
		border-top: 1px solid hsl(0,0%,90%)
	}

	.category-title {
		color: hsl(0,0%,30%)
	}
}

@media(max-width:992px) {
	.navbar>.container {
		max-width: 100%
	}
}

@media(max-width:768px) {
	.list-discount li {
		padding-left: 0
	}
}

@media(max-width:576px) {
	body,p {
		font-size: 14px
	}

	.product .product-img {
		margin-bottom: 15px
	}

	.slider-sm .product .product-body {
		padding-top: 5px
	}

	.products .slider-sm .product {
		margin-bottom: 0
	}

	.customize {
		padding-left: 0;
		padding-right: 0
	}

	.product .action {
		width: 100%
	}

	.single-list .product .action {
		width: 100px
	}

	.products {
		padding-left: 0;
		padding-right: 0
	}

	.cart {
		padding-left: 0;
		padding-right: 0
	}

	.product .actions {
		padding-left: 0;
		padding-right: 0
	}

	.cart-content .cart-item {
		padding: 10px 10px 0 10px
	}

	.cart-content .cart-item.cart-empty {
		padding: 30px 10px;
		font-size: 16px
	}

	.cart-total {
		padding: 10px
	}

	.cart .cart-checkout {
		padding: 0 15px
	}

	.pgn-wrapper[data-position^='top-'] {
		top: 0
	}

	.pgn-wrapper[data-position$='-right'] {
		right: 0
	}

	.cart-item .item-content .price {
		width: 100%
	}

	.cart-item .item-content .detail {
		width: 100%
	}

	.btn-circle {
		height: 30px;
		width: 30px;
		line-height: 28px
	}

	.cart-item .item-tool {
		width: 40px;
		padding: 18px 0
	}

	.img-thumbnail {
		max-width: 70px
	}

	.cart-item .item-img {
		width: 80px
	}

	.cart-item .item-content {
		width: calc(100% - 120px)
	}

	.cart-content .cart-item.coupon .detail h4 {
		padding-top: 0
	}

	.pgn-bar .alert {
		padding-left: 0;
		padding-right: 0
	}

	.discount {
		padding-left: 15px;
		padding-right: 15px
	}

	.container.customize {
		padding-left: 15px;
		padding-right: 15px
	}

	.pgn-bar .alert {
		font-size: 14px
	}

	.chat .action-list button {
		height: 50px;
		width: 50px;
		font-size: 26px
	}

	.chat {
		right: 10px;
		bottom: 44px
	}

	.action-list i {
		line-height: 50px
	}

	.chat ul.chat-list>li>button {
		height: 44px;
		width: 44px
	}

	.chat ul.chat-list>li>button img {
		height: 22px
	}

	.chat ul.chat-list>li>div {
		right: 53px;
		top: 8px
	}

	.modal.fade.stick-up .modal-dialog {
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
		-ms-transform: translate(0,100%)
	}

	.countdown {
		padding: 5px 15px;
		width: 310px
	}

	.form .row .th {
		padding-bottom: 0
	}

	.form .row .td {
		padding-top: 0;
		min-height: 27px
	}

	.icon.svg>svg {
		height: 100px;
		width: 100px
	}

	.each-item .item-img {
		width: 90px
	}

	.cart-item .item-content.full {
		width: calc(100% - 80px)
	}

	.timeline-content {
		margin-left: 50px
	}

	.section-order .order-header h1 {
		font-size: 24px
	}

	.section-order .order-header h3 {
		font-size: 20px
	}

	.card .card-block {
		padding: 15px
	}

	.form .row .th {
		padding-left: 0
	}

	.form .row .td {
		padding-left: 0
	}

	.section-order .alert.big {
		padding: 15px
	}

	.alert {
		padding: 9px 10px 9px 10px
	}

	.single-list .product .action-content h3 {
		text-align: left
	}

	.product .action-content h3 {
		text-align: center;
		font-size: 18px;
		line-height: 1.4;
		margin-bottom: 0
	}

	.product-content h3 {
		line-height: 1.4
	}

	.products h3 .label {
		font-size: 14px
	}

	.product-content h3 .label {
		font-size: 14px
	}

	.products .single-list .price {
		text-align: left
	}

	.products .price {
		font-size: 16px;
		text-align: center;
		margin-bottom: 0
	}

	.products .slider-sm .price {
		line-height: 1.4
	}

	.slider-sm .action {
		padding-top: 5px
	}

	.single-list .action-content p {
		text-align: left
	}

	.action-content p {
		text-align: center
	}

	.products .action-content small {
		display: block;
		margin: 0;
		line-height: 1.4;
		font-size: 14px
	}

	.product-content small {
		line-height: 1.5
	}

	.list-discount h3 {
		text-align: left;
		font-size: 18px;
		line-height: 1.4;
		margin-bottom: 5px
	}

	.each-item .item-content h4 small {
		display: inline-block
	}

	.view .modal-dialog {
		height: 100%!important
	}

	.chat .text {
		font-size: 14px;
		line-height: 14px
	}

	.modal-bottom {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0
	}

	.add-to-cart-flag {
		right: 60px;
		top: 13px
	}

	.product-row {
		margin-left: 5px;
		margin-right: 5px
	}

	.product-row>div {
		padding-left: 5px;
		padding-right: 5px
	}

	.product-row .row {
		margin-left: -5px;
		margin-right: -5px
	}

	.product-row .row>div {
		padding-left: 5px;
		padding-right: 5px
	}

	.single-row.product-row {
		margin-left: 0;
		margin-right: 0
	}

	.single-list .product .action-content {
		width: calc(100% - 100px)
	}

	.product .action-content {
		width: 100%;
		padding-left: 0;
		padding-right: 0
	}

	.single-row .product .actions {
		padding-left: 10px;
		padding-right: 10px
	}

	.products h1,.cart h1,.section-help h1 {
		font-size: 22px;
		margin-bottom: 20px
	}

	.product-row>.col-4 .price .original,.product-row>.col-6 .price .original {
		display: block;
		margin: 0
	}

	.products .colum .price {
		margin-bottom: 0
	}

	.addtocart button {
		padding-top: 6px;
		padding-bottom: 6px;
		font-size: 14px
	}

	.home .each-page .btn {
		padding-top: 6px;
		padding-bottom: 6px;
		font-size: 14px
	}

	.one-checkout form {
		max-width: 530px;
		padding: 30px 15px 0;
		box-shadow: none
	}

	.modal-text h2 {
		font-size: 30px
	}

	.product .action-content p {
		line-height: 1.6;
		font-size: 12px;
		margin-bottom: 5px
	}

	.product-content .price {
		margin: 0
	}

	.product-content p {
		line-height: 1.6
	}

	.product-content .quantity {
		margin-bottom: 5px;
		margin-top: 5px
	}

	.chat ul.chat-list.notFold>li>button {
		width: 50px;
		height: 50px
	}

	.chat ul.chat-list.notFold>li>button img {
		height: 28px
	}

	select.has-menu {
		max-width: 100%
	}

	.categories {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px
	}

	.categories>.row {
		margin-left: -5px;
		margin-right: -5px
	}

	.categories>.row>div {
		padding-left: 5px;
		padding-right: 5px;
		margin-bottom: 20px
	}

	.cart-coupon-wrap .coupon-warp {
		padding: 10px 10px 0 10px
	}

	.show-coupon {
		margin-bottom: -5px
	}

	#pagination {
		margin-bottom: 20px
	}

	.btn-tool .row .col-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.categories .price {
		font-size: 16px;
		margin-bottom: 0
	}

	.category-body {
		text-align: center
	}

	.category-body p {
		margin-bottom: 5px
	}

	.categories .form-group {
		margin-bottom: 5px
	}

	.category .img-top {
		margin-bottom: 5px
	}

	.category .category-title {
		margin-bottom: 0
	}

	.categories .price-wrap {
		margin-bottom: 5px
	}

	.one-checkout h1 {
		font-size: 22px;
		line-height: 1.4;
		margin: 0
	}

	.add-section-title {
		font-size: 14px
	}

	.one-checkout .checkout-add-wrap {
		margin-left: -15px;
		margin-right: -15px
	}
}

@-webkit-keyframes scale {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(0.8)
	}

	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes scale-b {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(2)
	}

	100% {
		transform: scale(1)
	}
}

@keyframes checkmark {
	0% {
		stroke-dashoffset: 50px
	}

	100% {
		stroke-dashoffset: 0
	}
}

@keyframes checkmark-circle {
	0% {
		stroke-dashoffset: 240px
	}

	100% {
		stroke-dashoffset: 480px
	}
}

@keyframes go-car {
	0% {
		transform: translateX(-80vw);
		opacity: 1
	}

	100% {
		transform: translateX(0vw);
		opacity: .5
	}
}

@keyframes right-in {
	0% {
		transform: translateX(-20px);
		opacity: 0
	}

	10% {
		transform: translateX(0px);
		opacity: 1
	}

	100% {
		transform: translateX(0px);
		opacity: 1
	}
}

@keyframes fade-in {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fade-in-flip {
	0% {
		opacity: 0;
		transform: rotateX(90deg)
	}

	100% {
		opacity: 1;
		transform: rotateX(0deg)
	}
}

.christmas-bagde {
	position: absolute;
	height: 50px;
	width: 50px;
	left: -20px;
	bottom: 0
}

.rotate45 {
	transform: rotate(-45deg);
	top: -20px
}

.christmas-tree {
	position: absolute;
	left: 0;
	height: 100px;
	top: -100px
}

@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
	.chat {
		bottom: 78px!important
	}

	body {
		padding-bottom: constant(safe-area-inset-bottom)
	}

	.modal .subtotal {
		padding-bottom: constant(safe-area-inset-bottom)
	}
}