*, ::after, ::before {
  box-sizing: border-box;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.shopping__cart__table {
  margin-bottom: 30px;
}

.cart__discount {
    margin-bottom: 60px;
}
.cart__discount form input {
  font-size: 14px;
  color: #b7b7b7;
  height: 50px;
  width: 100%;
  border: 1px solid #e1e1e1;
  padding-left: 20px;
}
.cart__discount form button {
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
 
  background: #FF9E8F;
  padding: 0 30px;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.text-muted {
    color: #000000!important;
}
.bg-light {
    line-height: 1.25;
    border: none;
}
li {
    list-style-type: none;
}
.text-success {
    color: #FF9E8F!important;
}
.cart__total h6 {
    color: #FF9E8F;
    margin-bottom: 12px;
}
/******************************************************************
  Template Name: Male Fashion
  Description: Male Fashion - ecommerce teplate
  Author: Colorib
  Author URI: https://www.colorib.com/
  Version: 1.0
  Created: Colorib 
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Banner Section
6.  Product Section
7.  Intagram Section
8.  Latest Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/


h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 16px;
	color: #F80808;
}

h6 {
	font-size: 16px;
}


.product__cart__item__pic img {
	width: 90px;
	height: 90px;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #ffffff;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 45px;
	text-align: center;
}

.section-title span {
	color: #e53637;
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 15px;
	display: block;
}

.section-title h2 {
	color: #111111;
	font-weight: 300;
	line-height: 46px;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 0px;
	padding-bottom: 20px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 13px;
	font-weight: 300;
	text-transform: uppercase;
	padding: 14px 30px;
	color: #ffffff;
	background: #000000;
	letter-spacing: 4px;
}

.site-btn {
	font-size: 14px;
	color: #ffffff;
	background: #111111;
	font-weight: 300;
	border: none;
	text-transform: uppercase;
	display: inline-block;
	padding: 14px 30px;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

.spacial-controls {
	position: fixed;
	width: 111px;
	height: 91px;
	top: 0;
	right: 0;
	z-index: 999;
}

.spacial-controls .search-switch {
	display: block;
	height: 100%;
	padding-top: 30px;
	background: #323232;
	text-align: center;
	cursor: pointer;
}

.search-model {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	z-index: 99999;
}

.search-model-form {
	padding: 0 15px;
}

.search-model-form input {
	width: 500px;
	font-size: 40px;
	border: none;
	border-bottom: 2px solid #333;
	background: 0 0;
	color: #999;
}

.search-close-switch {
	position: absolute;
	width: 50px;
	height: 50px;
	background: #333;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	font-size: 28px;
	line-height: 28px;
	top: 30px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}





/*---------------------
  Shopping Cart
-----------------------*/

.shopping__cart__table {
	margin-bottom: 30px;
}

.shopping__cart__table table {
	width: 100%;
}

.shopping__cart__table table thead {
	border-bottom: 1px solid #f2f2f2;
}

.shopping__cart__table table thead tr th {
	color: #111111;
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 25px;
}

.shopping__cart__table table tbody tr {
	border-bottom: 1px solid #f2f2f2;
}

.shopping__cart__table table tbody tr td {
	padding-bottom: 30px;
	padding-top: 30px;
}

.shopping__cart__table table tbody tr td.product__cart__item {
	width: 400px;
}

.shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__pic {
	float: left;
	margin-right: 30px;
}

.shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__text {
	overflow: hidden;
	padding-top: 21px;
}

.shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__text h6 {
	color: #111111;
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 10px;
}

.shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__text h5 {
	color: #111111;
	font-weight: 300;
}

.shopping__cart__table table tbody tr td.quantity__item {
	width: 175px;
}

.shopping__cart__table table tbody tr td.quantity__item .quantity .pro-qty-2 {
	width: 80px;
}

.shopping__cart__table table tbody tr td.quantity__item .quantity .pro-qty-2 input {
	width: 50px;
	border: none;
	text-align: center;
	color: #111111;
	font-size: 16px;
}

.shopping__cart__table table tbody tr td.quantity__item .quantity .pro-qty-2 .qtybtn {
	font-size: 16px;
	color: #888888;
	width: 10px;
	cursor: pointer;
}

.shopping__cart__table table tbody tr td.cart__price {
	color: #F80808;
	font-size: 16px;
	font-weight: 300;
	width: 140px;
}

.shopping__cart__table table tbody tr td.cart__close i {
	font-size: 18px;
	color: white;
	height: 30px;
	width: 30px;
	background: #FF9E8F;
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
}

.continue__btn.update__btn {
	text-align: right;
}

.continue__btn.update__btn a {
	color: #ffffff;
	background: #111111;
	border-color: #111111;
}

.continue__btn.update__btn a i {
	margin-right: 5px;
}

.btn-continue  {
	color: #FF9E8F;
	font-size: 16px;
	width: 250px;
	height: auto;
	font-weight: 500;
	border: 2px solid #FF9E8F;
	border-radius: 48px;
	/* center the button */
	display:block;
	margin-bottom: 20px;
	
}
.btn-continue:hover {
	color: white;
	font-size: 16px;
	width: 250px;
	height: auto;
	font-weight: 500;
	background-color: #FF9E8F;
	border: 2px solid #FF9E8F;
	border-radius: 48px;	
	display:block;
	margin-bottom: 20px;
	
}
.cart-item-update  {
	color: #ffffff;
	background: #FF9E8F;
    font-size: 16px;
    width: 250px;
    height: auto;
    font-weight: 500;
    border: 2px solid #FF9E8F;
    border-radius: 48px;
    display: block;
    margin-bottom: 20px;
}
  
	
	

.cart-item-update:hover {
	color: #ffffff;
	background: #e9624d;
    font-size: 16px;
    width: 250px;
    height: auto;
    font-weight: 500;
    border: 2px solid #e9624d;
    border-radius: 48px;
    display: block;
    margin-bottom: 20px;
	
}
.btn-checkout  {
	
    font-size: 16px;
    font-weight: 500;
	padding: 10px 100px;
	height: auto;
    color: #ffffff;
    background: #FF9E8F;
	border-radius: 48px;
	/* button center in the cart__total */
	display:block;
	margin-left: auto;
	margin-right: auto;


}
	

.btn-checkout:hover {
	font-size: 16px;
    font-weight: 500;
	padding: 10px 100px;
	height: auto;
    color: #ffffff;
    background: #e9624d;
	border-radius: 48px;
	/* button center in the cart__total */
	display:block;
	margin-left: auto;
	margin-right: auto;

	
}

.cart__discount {
	margin-bottom: 60px;
}

.cart__discount h6 {
	color: #111111;
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 15px;
	margin-top: 3px;
}

.cart__discount form {
	position: relative;
}

.cart__discount form input {
	font-size: 16px;
	color: #000000;
	height: 50px;
	width: 100%;
	border: 2px solid #FF9E8F;
	border-radius: 25px;
	padding-left: 20px;
}

.cart__discount form input::-webkit-input-placeholder {
	color: #b7b7b7;
}

.cart__discount form input::-moz-placeholder {
	color: #b7b7b7;
}

.cart__discount form input:-ms-input-placeholder {
	color: #b7b7b7;
}

.cart__discount form input::-ms-input-placeholder {
	color: #b7b7b7;
}

.cart__discount form input::placeholder {
	color: #b7b7b7;
}


.p-2 {
    padding: 0.5rem!important;
	border: none;
}
.btn-apdung {
    color: #fff;
    background-color: #FF9E8F;
    border-color: #FF9E8F;
    border-radius: 25px;
}
.btn-apdung:hover {
    color: #fff;
    background-color: #e9624d;
    border-color: #e9624d;
    border-radius: 25px;
}
.btn-apdung:focus {
  color: #fff;
  background-color: #e9624d;
  border-color: #e9624d;
  border-radius: 25px;
}
.cart__total {
	background: transparent;
	padding: 35px 40px 40px;
	border: 2px solid #FF9E8F;
	border-radius: 25px;
}


.cart__total ul {
	margin-bottom: 25px;
}

.cart__total ul li {
	list-style: none;
	font-size: 16px;
	color: black;
	line-height: 40px;
	overflow: hidden;
}

.cart__total ul li span {
	font-weight: 300;
	color: red;
	float: right;
}
.cart__total .voucher-code {
    list-style: none;
    font-size: 16px;
    color: #FF9E8F;
    line-height: 40px;
    overflow: hidden;
	display:none;
}
.cart__total .primary-btn {
	display: block;
	padding: 12px 10px;
	text-align: center;
	letter-spacing: 2px;
}
.shopping__cart__table table tbody tr td.cart__close button {
    font-size: 18px;
    color: white;
    height: 30px;
    width: 30px;
    background: #FF9E8F;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
	font-family: var(--fa-style-family,"Font Awesome 6 Free");
    font-weight: var(--fa-style,900);
	border: none;
}
.shopping__cart__table table tbody tr td.cart__close button:hover {
    font-size: 18px;
    color: white;
    height: 30px;
    width: 30px;
    background: #e9624d;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
	font-family: var(--fa-style-family,"Font Awesome 6 Free");
    font-weight: var(--fa-style,900);
	border: none;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.shopping__cart__table table tbody tr td.quantity__item .quantity .pro-qty-2 .qtybtn {
    font-size: 16px;
    color: #888888;
    width: 10px;
    cursor: pointer;
}
.shopping__cart__table table tbody tr td.quantity__item {
    width: 175px;
}
.shopping__cart__table table tbody tr td {
    padding-bottom: 30px;
    padding-top: 30px;
}
.shopping__cart__table table tbody tr td.quantity__item .quantity .pro-qty-2 {
    width: 80px;
}
.shopping__cart__table table tbody tr td.quantity__item .quantity .pro-qty-2 input {
    width: 40px;
    border: none;
    text-align: center;
    color: #111111;
    font-size: 16px;
}
th {
    text-align: inherit;
}
.badge-secondary {
    color: #fff;
    background-color: #FF9E8F;
}
.cart-item-price {
	color: #FF9E8F;
	font-weight: 500;
}
.cart-item-total {
	color: #FF9E8F;
	font-weight: 500;
}