.ecommerce table {
	margin-bottom: 20px
}
.ecommerce table th,
.ecommerce table td {
	padding: 10px;
	vertical-align: top
}
@media screen and (min-width: 576px) {
	.ecommerce table th,
	.ecommerce table td {
		padding: 20px
	}
}
.ecommerce table thead th {
	border-bottom: 1px solid var(--secondary)
}
.ecommerce .btn {
	border-width: 2px;
	border-style: solid;
	font-weight: 300;
	margin: 0 0 20px 0;
	padding: 13px 48px;
	white-space: normal;
	width: 100%
}
@media screen and (min-width: 576px) {
	.ecommerce .btn {
		margin-right: 30px;
		width: auto
	}
}
.ecommerce .btn:hover {
	text-decoration: none
}
.ecommerce .btn:focus,
.ecommerce .btn:not(:disabled):not(.disabled):active,
.ecommerce .btn:not(:disabled):not(.disabled):active:focus {
	box-shadow: inset 0px 2px 4px rgba(21, 106, 165, .4);
	text-decoration: none
}
.ecommerce .btn:not(:first-child):last-child {
	margin-right: 0
}
.ecommerce .btn.btn-primary {
	background-color: #0052a2;
	border-color: #0052a2;
	color: #fff
}
.ecommerce .btn.btn-primary:hover {
	background-color: #51b4f9;
	border-color: #51b4f9
}
.ecommerce .btn.btn-primary:focus,
.ecommerce .btn.btn-primary:not(:disabled):not(.disabled):active,
.ecommerce .btn.btn-primary:not(:disabled):not(.disabled):active:focus {
	background-color: #177fc7;
	border-color: #177fc7;
	color: #fff
}
.ecommerce .btn.btn-secondary {
	background-color: #fff;
	border-color: #0052a2;
	color: #0052a2
}
.ecommerce .btn.btn-secondary:hover {
	background-color: rgba(81, 180, 249, .2)
}
.ecommerce .btn.btn-secondary:focus,
.ecommerce .btn.btn-secondary:not(:disabled):not(.disabled):active,
.ecommerce .btn.btn-secondary:not(:disabled):not(.disabled):active:focus {
	background-color: #c2e2f7;
	border-color: #1e94e6;
	color: #1e94e6
}
.ecommerce .btn.btn-tertiary {
	background-color: #27c469;
	border-color: #27c469;
	color: #fff
}
.ecommerce .btn.btn-tertiary:hover {
	background-color: #51dd8b;
	border-color: #51dd8b
}
.ecommerce .btn.btn-tertiary:focus,
.ecommerce .btn.btn-tertiary:not(:disabled):not(.disabled):active,
.ecommerce .btn.btn-tertiary:not(:disabled):not(.disabled):active:focus {
	background-color: #27c469;
	border-color: #27c469;
	color: #fff
}
.ecommerce .btn.btn-quaternary {
	background-color: #fff;
	border-color: transparent;
	color: #1e94e6
}
.ecommerce .btn.btn-quaternary:hover {
	background-color: rgba(81, 180, 249, .2)
}
.ecommerce .btn.btn-quaternary:focus,
.ecommerce .btn.btn-quaternary:not(:disabled):not(.disabled):active,
.ecommerce .btn.btn-quaternary:not(:disabled):not(.disabled):active:focus {
	background-color: #c2e2f7;
	border-color: transparent;
	color: #1e94e6
}
.ecommerce .btn.btn-scroll {
	align-items: center;
	background-color: transparent;
	border-color: #1e94e6;
	border-radius: 100%;
	color: #1e94e6;
	display: flex;
	justify-content: center;
	height: 55px;
	padding: 0;
	width: 55px
}
.ecommerce .btn.btn-scroll:hover {
	background-color: #51b4f9;
	border-color: #51b4f9
}
.ecommerce .btn.btn-scroll:focus,
.ecommerce .btn.btn-scroll:not(:disabled):not(.disabled):active,
.ecommerce .btn.btn-scroll:not(:disabled):not(.disabled):active:focus {
	background-color: #177fc7;
	border-color: #177fc7;
	color: #1e94e6
}
.ecommerce .bg-dark .btn.btn-scroll {
	background-color: transparent;
	border-color: #fff;
	color: #fff
}
.ecommerce .bg-dark .btn.btn-scroll:hover {
	background-color: #51b4f9;
	border-color: #51b4f9
}
.ecommerce .bg-dark .btn.btn-scroll:focus,
.ecommerce .bg-dark .btn.btn-scroll:not(:disabled):not(.disabled):active,
.ecommerce .bg-dark .btn.btn-scroll:not(:disabled):not(.disabled):active:focus {
	background-color: #177fc7;
	border-color: #177fc7;
	color: #fff
}
.ecommerce form input,
.ecommerce form textarea,
.ecommerce form select,
.ecommerce form .form-control {
	appearance: none;
	-webkit-appearance: none;
	border-color: #bdbdbd;
	border-radius: .25rem;
	border-style: solid;
	border-width: 1px;
	background: #f5f5f5;
	color: #828282;
	font-family: "Ubuntu", sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 1;
	padding: 14px 10px 15px;
	width: 100%
}
.ecommerce form textarea {
	line-height: 1.25
}
.ecommerce form label {
	font-size: 14px;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 10px;
	text-align: left;
	width: 100%
}
.ecommerce form .form-control {
	height: auto
}
.ecommerce form .input-group {
	margin-bottom: 25px
}
.ecommerce form .input-group input {
	border-radius: .25rem;
	border-right: 0 none
}
.ecommerce form .input-group .input-group-text {
	border-color: #bdbdbd;
	font-size: 14px;
	font-weight: 300
}
.ecommerce form .input-group .input-group-prepend .input-group-text {
	border-right: 0 none
}
.ecommerce form .input-group .input-group-prepend+input {
	border-left: 0;
	border-right: 1px solid #bdbdbd
}
.ecommerce form .input-group .input-group-append .input-group-text {
	border-left: 0 none
}
.ecommerce form .input-group .btn {
	margin: 0
}
.ecommerce form .form-group {
	margin-bottom: 25px
}
.ecommerce form .form-check {
	margin-bottom: 25px;
	padding: 0
}
.ecommerce form .form-check input[type=checkbox],
.ecommerce form .form-check input[type=radio] {
	height: 0;
	opacity: 0;
	position: absolute;
	width: 0
}
.ecommerce form .form-check .ds-form-check-input,
.ecommerce form .form-check .ds-form-radio-input {
	background: #f5f5f5;
	border: 1px solid #bdbdbd;
	cursor: pointer;
	display: inline-block;
	float: left;
	height: 20px;
	margin-right: 10px;
	width: 20px
}
.ecommerce form .form-check .ds-form-check-input {
	border-radius: 3px;
	position: relative
}
.ecommerce form .form-check .ds-form-check-input:after {
	border-bottom: 1px solid #1e94e6;
	border-right: 1px solid #1e94e6;
	content: "";
	display: inline-block;
	height: 10px;
	left: 50%;
	margin-left: -2px;
	position: absolute;
	opacity: 0;
	top: 3px;
	transition: all .25s linear;
	transform: rotate(45deg);
	width: 4px
}
.ecommerce form .form-check .ds-form-radio-input {
	align-items: center;
	border-radius: 100%;
	display: flex;
	justify-content: center
}
.ecommerce form .form-check .ds-form-radio-input:after {
	background-color: #4f4f4f;
	border-radius: 100%;
	content: "";
	height: 16px;
	opacity: 0;
	transition: all .25s linear;
	width: 16px
}
.ecommerce form .form-check .form-check-input:focus+label .ds-form-check-input,
.ecommerce form .form-check .form-check-input:focus+label .ds-form-radio-input {
	border-color: #1e94e6;
	box-shadow: 0px 0px 4px rgba(30, 148, 230, .3)
}
.ecommerce form .form-check .form-check-input:checked+label .ds-form-check-input:after,
.ecommerce form .form-check .form-check-input:checked+label .ds-form-radio-input:after {
	opacity: 1
}
.ecommerce form .form-check .form-check-input:checked+label .ds-form-radio-input {
	border-color: #1e94e6
}
.ecommerce form .form-check .form-check-input:checked+label .ds-form-radio-input:after {
	background-color: #1e94e6
}
.ecommerce form .form-select {
	position: relative
}
.ecommerce form .form-select:after {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid #1e94e6;
	content: "";
	display: inline-block;
	height: 0;
	position: absolute;
	right: 15px;
	top: 20px;
	width: 0
}
.ecommerce form .form-select select {
	padding-right: 44px
}
.ecommerce form .custom-switch {
	margin-bottom: 25px;
	padding: 0
}
.ecommerce form .custom-switch input[type=checkbox] {
	height: 0;
	opacity: 0;
	position: absolute;
	width: 0
}
.ecommerce form .custom-switch label:before,
.ecommerce form .custom-switch label:after {
	display: none
}
.ecommerce form .custom-switch .ds-form-switch-input {
	background: #f5f5f5;
	border: 1px solid #bdbdbd;
	border-radius: 10px;
	cursor: pointer;
	display: inline-block;
	float: left;
	height: 20px;
	margin-right: 10px;
	width: 38px
}
.ecommerce form .custom-switch .ds-form-switch-input:after {
	background-color: #4f4f4f;
	border-radius: 100%;
	content: "";
	display: inline-block;
	height: 16px;
	left: 2px;
	position: absolute;
	top: 2px;
	transition: all .25s linear;
	width: 16px
}
.ecommerce form .custom-switch .custom-control-input:focus+label .ds-form-switch-input {
	border-color: #1e94e6;
	box-shadow: 0px 0px 4px rgba(30, 148, 230, .3)
}
.ecommerce form .custom-switch .custom-control-input:checked+label .ds-form-switch-input {
	background: #1e94e6;
	border-color: #1e94e6
}
.ecommerce form .custom-switch .custom-control-input:checked+label .ds-form-switch-input:after {
	background-color: #fff;
	left: 21px
}
div[class^=col-] {
	margin-bottom: 20px
}

@media screen and (min-width: 992px) {
	div[class^=col-] {
		margin-bottom: 0
	}
}

.ecommerce .card-deck {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	grid-gap: .5rem
}

@media screen and (min-width: 992px) {
	.ecommerce .card-deck {
		grid-template-columns: repeat(auto-fit, minmax(280px, 33%));
		grid-gap: 0
	}
}

.ecommerce .card-deck .card {
	border: 0 none;
	border-radius: 5px;
	margin-bottom: 20px;
	min-width: 280px;
	max-width: 100%;
	max-width: -webkit-fill-available
}

@media screen and (min-width: 768px) {
	.ecommerce .card-deck .card {
		max-width: calc(50% - 30px);
		max-width: -webkit-fill-available
	}
}

@media screen and (min-width: 992px) {
	.ecommerce .card-deck .card {
		max-width: calc(33% - 30px);
		max-width: -webkit-fill-available
	}
}

.ecommerce .card-deck .card-img.background-image {
	border-radius: 5px 5px 0 0;
	margin-bottom: 30px;
	min-height: 300px
}

.ecommerce .card-deck .card-body {
	border-radius: 0 0 5px 5px
}

.ecommerce .card-deck .card-footer {
	background: none;
	border: 0 none
}

.ecommerce .card-deck .card-footer:empty {
	padding: 0
}

.ecommerce .card {
	overflow: hidden
}
section {
	position: relative
}
section.ecommerce {
	padding: 50px 0
}
@media screen and (min-width: 992px) {
	section.ecommerce {
		padding: 100px 0
	}
}
.ecommerce.ecommerce-list-01 .sidebar {
	box-shadow: 0px 2px 6px rgba(0, 0, 0, .08)
}
.ecommerce.ecommerce-list-01 .sidebar .card-header {
	background: #fff;
	padding: 20px 30px
}
.ecommerce.ecommerce-list-01 .sidebar .card-header h2 {
	font-size: 16px;
	line-height: 19px;
	margin-bottom: 0
}
.ecommerce.ecommerce-list-01 .sidebar .card-body {
	padding: 25px 30px
}
.ecommerce.ecommerce-list-01 .sidebar .card-body a {
	color: #4f4f4f;
	font-size: 14px;
	line-height: 24px
}
.ecommerce.ecommerce-list-01 .sidebar .card-body a:hover,
.ecommerce.ecommerce-list-01 .sidebar .card-body a:focus {
	color: #1e94e6;
	text-decoration: none
}
.ecommerce.ecommerce-list-01 .sidebar .card-body ul {
	list-style-type: none
}
.ecommerce.ecommerce-list-01 .sidebar .card-body>ul {
	margin-bottom: 0
}
.ecommerce.ecommerce-list-01 .sidebar .card-body>ul>li {
	margin-bottom: 10px
}
.ecommerce.ecommerce-list-01 .sidebar .card-body>ul>li a {
	text-transform: uppercase
}
.ecommerce.ecommerce-list-01 .sidebar .card-body>ul>li ul {
	margin: 10px 0 0 20px
}
.ecommerce.ecommerce-list-01 .sidebar .card-body>ul>li ul li {
	margin-bottom: 5px
}
.ecommerce.ecommerce-list-01 .sidebar .card-body>ul>li ul li a {
	text-transform: capitalize
}
.ecommerce.ecommerce-list-01 .card-deck .card .card-img a {
	display: block
}
.ecommerce.ecommerce-list-01 .card-deck .card .card-img img {
	height: 200px;
	margin-bottom: 10px;
	object-fit: cover;
	width: 100%
}
.ecommerce.ecommerce-list-01 .card-deck .card .card-body {
	padding: 0
}
.ecommerce.ecommerce-list-01 .card-deck .card .card-body h2 {
	font-size: 16px;
	line-height: 19px
}
.ecommerce.ecommerce-list-01 .card-deck .card .card-footer .tag a {
	border-radius: 20px;
	font-size: 12px;
	line-height: 16px;
	padding: 5px 10px;
	width: auto
}
.ecommerce.ecommerce-list-01 .card-deck .card .card-footer .tag a i,
.ecommerce.ecommerce-list-01 .card-deck .card .card-footer .tag a svg {
	margin-right: 10px
}
.ecommerce.ecommerce-item-01 h2 {
	font-size: 16px;
	line-height: 19px
}
.ecommerce.ecommerce-item-01 section {
	border-top: 1px solid #f5f5f5;
	padding-top: 30px
}
.ecommerce.ecommerce-item-01 .price {
	color: #1e94e6;
	font-size: 28px;
	line-height: 34px;
	margin-bottom: 25px
}
.ecommerce.ecommerce-item-01 .tag a {
	border-radius: 20px;
	font-size: 12px;
	line-height: 16px;
	padding: 5px 10px;
	width: auto
}
.ecommerce.ecommerce-item-01 .tag a i,
.ecommerce.ecommerce-item-01 .tag a svg {
	margin-right: 10px
}
.ecommerce.ecommerce-cart-01 h2 i,
.ecommerce.ecommerce-cart-01 h2 svg {
	margin-right: 15px
}
.ecommerce.ecommerce-cart-01 table {
	width: 100%
}
.ecommerce.ecommerce-cart-01 table thead {
	display: none
}
@media screen and (min-width: 768px) {
	.ecommerce.ecommerce-cart-01 table thead {
		display: table-header-group
	}
}
.ecommerce.ecommerce-cart-01 table tr {
	border-bottom: 1px solid #f5f5f5
}
.ecommerce.ecommerce-cart-01 table th,
.ecommerce.ecommerce-cart-01 table td {
	vertical-align: middle
}
.ecommerce.ecommerce-cart-01 table th:first-child,
.ecommerce.ecommerce-cart-01 table td:first-child {
	padding-left: 0
}
.ecommerce.ecommerce-cart-01 table th {
	text-transform: uppercase
}
.ecommerce.ecommerce-cart-01 table td {
	display: block;
	padding: 10px 0;
	text-align: center;
	width: 100%
}
.ecommerce.ecommerce-cart-01 table td:first-child {
	padding: 20px 0 10px
}
@media screen and (min-width: 768px) {
	.ecommerce.ecommerce-cart-01 table td:first-child {
		padding: 30px 20px 30px 0
	}
}
.ecommerce.ecommerce-cart-01 table td:last-child {
	padding: 10px 0 20px
}
@media screen and (min-width: 768px) {
	.ecommerce.ecommerce-cart-01 table td:last-child {
		padding: 30px 0 30px 20px
	}
}
@media screen and (min-width: 768px) {
	.ecommerce.ecommerce-cart-01 table td {
		display: table-cell;
		padding: 30px 20px;
		text-align: left;
		width: auto
	}
}
.ecommerce.ecommerce-cart-01 table h2 {
	display: block;
	font-size: 16px;
	line-height: 19px;
	margin-bottom: 0
}
@media screen and (min-width: 768px) {
	.ecommerce.ecommerce-cart-01 table h2 {
		display: inline-block
	}
}
.ecommerce.ecommerce-cart-01 table img {
	height: 250px;
	margin: 0 0 25px 0;
	object-fit: cover;
	width: 250px
}
@media screen and (min-width: 768px) {
	.ecommerce.ecommerce-cart-01 table img {
		height: 80px;
		margin: 0 15px 0 0;
		width: 80px
	}
}
.ecommerce.ecommerce-cart-01 table label {
	display: inline;
	margin-right: 15px
}
@media screen and (min-width: 768px) {
	.ecommerce.ecommerce-cart-01 table label {
		border: 0;
		clip: rect(0, 0, 0, 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px
	}
}
.ecommerce.ecommerce-cart-01 table input {
	width: auto
}
.ecommerce.ecommerce-cart-01 table button {
	margin: 0
}
@media screen and (min-width: 768px) {
	.ecommerce.ecommerce-cart-01 table button {
		appearance: none;
		-webkit-appearance: none;
		background: none;
		border: 0 none;
		float: right;
		padding: 0
	}
	.ecommerce.ecommerce-cart-01 table button:hover,
	.ecommerce.ecommerce-cart-01 table button:focus,
	.ecommerce.ecommerce-cart-01 table button:not(:disabled):not(.disabled):active,
	.ecommerce.ecommerce-cart-01 table button:not(:disabled):not(.disabled):active:focus {
		background: none;
		box-shadow: none
	}
}
.ecommerce.ecommerce-cart-01 table button i,
.ecommerce.ecommerce-cart-01 table button svg {
	display: none;
	font-size: 15px
}
@media screen and (min-width: 768px) {
	.ecommerce.ecommerce-cart-01 table button i,
	.ecommerce.ecommerce-cart-01 table button svg {
		display: inline-block
	}
}
@media screen and (min-width: 768px) {
	.ecommerce.ecommerce-cart-01 table button span {
		border: 0;
		clip: rect(0, 0, 0, 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px
	}
}