#popup-cart .modal-title {
	text-transform: uppercase
}

#popup-cart .modal-body .wrap-cart {
	padding: 0px;
	box-shadow: none;
	border: 0px
}

#popup-cart .modal-body .top-cart {
	width: 100%;
	border: 0px;
	padding: 0px;
	margin: 0px
}

#popup-cart .modal-footer {
	padding: 0.75rem 0 0 0;
	border-top: 0px
}

.buymore-cart {
	color: var(--color-red);
	cursor: pointer;
	margin: 0px
}

.buymore-cart i {
	margin-right: 2px;
	margin-top: 5px;
	vertical-align: top;
	font-size: 12px
}

.wrap-cart {
	background: #ffffff
}

.top-cart {
	width: 60%;
	border-right: 1px solid #eee;
	padding-right: 15px;
	margin-right: 15px
}

.procart {
	padding: 20px 10px;
	border: 1px solid #eee;
	border-top: 0px
}

.pic-procart {
	width: 20%;
	text-align: center;
	margin-right: 3%
}

.pic-procart img {
	max-width: 100%;
	max-height: 100px
}

.pic-procart .del-procart {
	color: #999;
	font-size: 12px;
	display: block;
	margin-top: 5px;
	cursor: pointer
}

.pic-procart .del-procart:hover {
	color: red
}

.pic-procart-rp {
	display: none;
	margin: 10px auto auto auto;
	width: 100%;
	max-width: 85px
}

.info-procart {
	width: 80%;
	margin-right: 3%
}

.name-procart a {
	font-size: 14px;
	color: #000;
	display: block
}

.name-procart a:hover {
	color: var(--color-red)
}

.properties-procart {
	display: block
}

.properties-procart p {
	display: inline-block;
	margin-bottom: 0px
}

.properties-procart p:first-child {
	margin-right: 10px
}

.properties-procart p strong {
	font-weight: 600
}

.quantity-procart {
	width: 20%;
	margin-right: 3%
}

.quantity-procart p {
	margin-bottom: 0px
}

.quantity-counter-procart {
	border: 1px solid #dfdfdf;
	width: 100%;
	height: 30px;
	line-height: normal;
	text-align: center;
	border-radius: 3px
}

.counter-procart {
	background-color: transparent;
	border: 0px;
	width: 30%;
	color: #333;
	outline: none;
	cursor: pointer;
	font-size: 23px
}

.counter-procart:hover,
.counter-procart:focus {
	color: var(--color-red)
}

.counter-procart:disabled,
.counter-procart:disabled:hover {
	color: #ccc;
	cursor: not-allowed
}

.counter-procart-minus {
	line-height: 26px
}

.counter-procart-plus {
	line-height: 24px
}

.quantity-counter-procart .quantity-procat {
	width: 40%;
	box-sizing: border-box;
	border: 0px;
	border-right: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	outline: none;
	box-shadow: none;
	padding: 0px;
	color: #333;
	text-align: center
}

.price-procart {
	width: 20%;
	text-align: right
}

.price-procart-rp {
	display: none;
	width: 100%;
	margin-bottom: 10px;
	font-size: 13.5px
}

.price-new-cart {
	color: var(--color-red);
	margin-bottom: 0px
}

.price-old-cart {
	color: #999;
	text-decoration: line-through
}

.procart-label {
	border: 0px;
	background: #f7f7f7;
	padding: 10px;
	margin: 0px;
	text-transform: capitalize
}

.procart-label .quantity-procart p:last-child {
	display: none
}

.money-procart {
	margin-top: 15px
}

.total-procart {
	background: #f7f7f7;
	padding: 7px 10px;
	border: 1px solid #ececec;
	margin-bottom: -1px
}

.total-procart p {
	margin-bottom: 0px;
	font-size: 15px
}

.total-procart p:last-child {
	color: var(--color-red)
}

.bottom-cart {
	width: 40%
}

.section-cart {
	position: -webkit-sticky;
	position: sticky;
	top: 15px
}

.title-cart {
	font-size: 18px;
	text-transform: uppercase;
	color: #343436;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-bottom: 15px;
	font-weight: 700
}

.information-cart {
	margin-bottom: 1.5rem
}

.input-cart {
	margin-bottom: 0.5rem;
	position: relative
}

.input-cart input,
.input-cart textarea {
	font-size: 14px;
	padding: 0.5rem 0.75rem;
	outline: none;
	height: auto
}

.input-cart textarea {
	resize: none;
	height: 100px
}

.input-cart select {
	cursor: pointer;
	font-size: 14px;
	padding: 0.5rem 1.75rem 0.5rem 0.75rem;
	height: auto
}

.input-double-cart {
	margin-bottom: 0.5rem
}

.input-double-cart .input-cart {
	width: 49%;
	float: left;
	margin-right: 2%;
	margin-bottom: 0px
}

.input-double-cart .input-cart:last-child {
	margin-right: 0px
}

.input-triple-cart {
	margin-bottom: 0.5rem
}

.input-triple-cart .input-cart {
	width: 32.65%;
	float: left;
	margin-right: 1%;
	margin-bottom: 0px
}

.input-triple-cart .input-cart:last-child {
	margin-right: 0px
}

.payments-cart {
	text-align: left;
	margin-bottom: 5px;
	min-height: auto
}

.payments-cart:last-child {
	margin-bottom: 0px
}

.payments-cart input {
	top: calc(50% - 1.25rem/2)
}

.payments-label {
	cursor: pointer;
	background: #f7f7f7;
	display: block;
	padding: 10px 15px;
	border-radius: 3px;
	margin-bottom: 0px;
	color: #313131 !important
}

.payments-label::before,
.payments-label::after {
	top: calc(50% - 1rem/2)
}

.payments-label.active {
	background: #1b3550;
	color: #ffffff !important
}

.payments-info {
	display: none;
	overflow: hidden;
	background: #f5efef;
	border-radius: 5px
}

.payments-info p {
	margin-bottom: 1em
}

.payments-info.active {
	padding: 10px 15px;
	margin-top: 5px;
	display: block
}

.btn-cart {
	outline: none !important;
	box-shadow: none !important;
	border-color: transparent !important;
	font-size: 14px;
	text-transform: uppercase;
	background: #1b3550;
}

.btn-cart:hover,.btn-cart:focus{
	background: #fc890f
}

.empty-cart {
	padding: 25px 30px;
	display: block;
	text-align: center;
	color: #23527c !important;
	width: 100%
}

.empty-cart i {
	color: red;
	font-size: 70px
}

.empty-cart p {
	margin: 15px 0px;
	color: #333;
	font-size: 18px
}

.empty-cart span {
	display: inline-block;
	border: 1px solid #2e9ef2;
	border-radius: 3px;
	padding: 10px;
	font-size: 16px;
	text-transform: uppercase;
	width: 100%;
	max-width: 325px
}

@media(max-width:993px) {
	.wrap-cart {
		flex-wrap: wrap
	}

	.top-cart,
	.bottom-cart {
		width: 100%;
		border-right: 0px;
		padding-right: 0px;
		margin-right: 0px
	}

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

}

@media(max-width:769px) {
	.price-procart,
	.procart-label .quantity-procart p:first-child {
		display: none
	}

	.price-procart-rp,
	.procart-label .quantity-procart p:last-child {
		display: block
	}

	.quantity-procart {
		width: 25%;
		text-align: right;
		margin-right: 0px
	}

	.info-procart {
		width: 65%
	}

}

@media(max-width:441px) {
	.procart-label {
		font-size: 12px
	}

	.pic-procart {
		display: none
	}

	.pic-procart-rp {
		display: block
	}

	.info-procart {
		width: 65%;
		margin-right: 5%
	}

	.quantity-procart {
		width: 35%
	}

	.input-double-cart,
	.input-triple-cart {
		margin-bottom: 0px
	}

	.input-double-cart .input-cart,
	.input-triple-cart .input-cart {
		width: 100%;
		float: none;
		margin: 0 0 0.5rem 0 !important
	}

}

.support-cart {
	position: fixed;
	z-index: 999;
	right: 25px;
	bottom: 145px;
	top: auto !important
}

.support-cart a.btn-support-cart {
	position: relative;
	margin: 20px 10px;
	text-align: left;
	width: 40px;
	height: 40px;
	cursor: pointer;
	display: block
}

.support-cart a.btn-support-cart i {
	width: 40px;
	height: 40px;
	background: #FF2D37;
	color: #fff;
	border-radius: 100%;
	font-size: 20px;
	text-align: center;
	line-height: 1.9;
	position: relative;
	z-index: 999
}

.support-cart a.btn-support-cart svg {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 1;
	left: 0;
	right: 0;
	margin: 0 auto
}

.support-cart a.btn-support-cart .kenit-alo-circle {
	border-color: #6f6f6f
}

.support-cart a.btn-support-cart .kenit-alo-circle-fill {
	background-color: rgb(8 8 8 / 50%)
}

.support-cart .count_item_pr {
	position: absolute;
	top: -15px;
	right: -15px;
	height: 25px;
	min-width: 25px;
	border-radius: 50%;
	color: #fff;
	background-color: #000000;
	text-align: center;
	line-height: 21px;
	z-index: 9999;
	border: 2px solid #fff;
	font-size: 13px
}

.support-cart:before {
	border: 15px solid transparent;
	border-bottom: 15px solid #FF2D37;
	margin-left: -15px;
	bottom: 75px;
	left: 30px;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	display: none
}

.support-cart:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 70px;
	width: 100%;
	height: 30px;
	background: 0 0;
	display: none;
	z-index: 8
}

.kenit-alo-circle-fill {
	width: 60px;
	height: 60px;
	top: -10px;
	position: absolute;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s;
	background-color: rgba(21, 85, 147, 0.5);
	opacity: .75;
	right: -10px
}

.kenit-alo-circle {
	width: 50px;
	height: 50px;
	top: -5px;
	right: -5px;
	position: absolute;
	background-color: transparent;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid rgba(30, 30, 30, 0.4);
	opacity: .1;
	border-color: #1862a9;
	opacity: .5
}

.support-online .btn-support {
	cursor: pointer
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}

	100% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

}

@keyframes pulse {
	0% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1)
	}

	50% {
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8)
	}

	100% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1)
	}

}

.animated {
	animation-duration: 1s;
	animation-fill-mode: both
}

.animated.infinite {
	animation-iteration-count: infinite
}

.animated.hinge {
	animation-duration: 2s
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
	animation-duration: .75s
}

@keyframes zoomIn {
	from {
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3)
	}

	50% {
		opacity: 1
	}

}

.zoomIn {
	animation-name: zoomIn
}

@keyframes pulse {
	from {
		transform: scale3d(1, 1, 1)
	}

	50% {
		transform: scale3d(1.05, 1.05, 1.05)
	}

	to {
		transform: scale3d(1, 1, 1)
	}

}

.pulse {
	animation-name: pulse
}

@keyframes rubberBand {
	from {
		transform: scale3d(1, 1, 1)
	}

	30% {
		transform: scale3d(1.25, 0.75, 1)
	}

	40% {
		transform: scale3d(0.75, 1.25, 1)
	}

	50% {
		transform: scale3d(1.15, 0.85, 1)
	}

	65% {
		transform: scale3d(0.95, 1.05, 1)
	}

	75% {
		transform: scale3d(1.05, 0.95, 1)
	}

	to {
		transform: scale3d(1, 1, 1)
	}

}