/* Colors go here */
:root {
    color: #FFFFFF;
    color: #F7F7F7;
    color: #F3F3F3;
    color: #D3B960;
    color: #000000;
    color: #D6D6D6;
    color: #161616;
    color: #EFEFEF;
}
/* The following can always be included but the styles like colors can be changed */
body {
    margin: 0;
	padding: 0;
    color: #221F1F;
    font-weight: 400;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
}

img {
	width: 100%;
	height: auto;
}

h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6 {
	margin-top: 0;
    font-weight: 600;
}

h1, .h1 {
    font-size: 60px;
}

h2, .h2 {
    font-size: 40px;
}

.h3, h3 {
    font-size: 30px;
}

.h4, h4 {
    font-size: 25px;
}

p, li, a {
	font-size: 15px;
    font-weight: 400;
    line-height: 25px;
}

b, strong {
    font-weight: 800;
}

ul {
	padding-left: 20px;
    margin-bottom: 0;
}

a:hover, a:focus {
	text-decoration: none;
    color: inherit;
}

i {
	vertical-align: middle;
}

button:focus {
    outline: none;
}
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color:#D3B960!important;
    border-color: #D3B960!important;
    box-shadow: none;
}
.btn-primary.btn-sm {
    padding: .25rem 0.5rem!important;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}
/* .btn-primary.btn-sm a {
    color:#FFFFFF;
} */
.clause {
    padding-left: 19px;
}
.form-check .form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -4px!important;
}
.btn-primary.btn-sm :hover {
    background-color: #fff;
    color: #D3B960!important;
    font-weight: 400;
    text-transform: none;
    border: 1px solid #fff;
}
.btn-primary {
    padding: 15px 30px;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 600;
    border-radius: 8px;
    text-transform: uppercase;
    min-width: 150px;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
    color: initial!important;
    border: initial;
    box-shadow: none!important;
    background-color: transparent;
}
.bronze {
    background-color: #D3B960;
    color: #fff;
    font-weight:400;
    text-transform: none;
    border:1px solid #D3B960;
}
.bronze:hover {
    background-color: #fff;
    color: #D3B960;
    font-weight: 400;
    text-transform: none;
    border: 1px solid #fff;
}
.zoom-product {
    overflow: hidden;
    background-color: transparent!important;
    border-radius: 0;
    transition-timing-function: ease-in-out;
    transition: 0.8s;
}
.zoom-product:hover img{
    transform: scale(1.3);
    width: 100%;
    height: 100%;
    transition-timing-function: ease-in-out;
    transition: 0.8s;
    cursor:pointer;
    overflow:hidden;
}
.zoom {
    overflow: hidden;
    background-color: transparent!important;
    border-radius: 0;
    transition-timing-function: ease-in-out;
    transition: 0.8s;
}
.zoom:hover img{
    transform: scale(1.1);
    width: 100%;
    height: 100%;
    transition-timing-function: ease-in-out;
    transition: 0.8s;
    cursor:pointer;
    overflow:hidden;
}
.form-check a {
    color:inherit;
}
.form-check a:hover {
    color:#D3B960;
}
.our-products .bronze:hover, .contact .bronze:hover {
    background-color: #fff;
    color: #D3B960;
    border:1px solid #D3B960;
}
.btn-primary.bronze:not(:disabled):not(.disabled).active, .btn-primary.bronze:not(:disabled):not(.disabled):active {
    color: #fff!important;
    border: initial;
    box-shadow: none!important;
    background-color: #D3B960;
}
.btn-primary.bronze.focus, .btn-primary.bronze:focus {
    color: #fff;
    background-color: #D3B960;
    border-color:#D3B960;
    box-shadow: none;
}
.black {
    color:#fff;
    background-color:#000000;
    border:1px solid #000000;
    font-weight:400;
    text-transform: none;
}
.black:hover {
    color:#000000;
    background-color: #fff;
    border:1px solid #000000;
}
.btn-primary.black:not(:disabled):not(.disabled).active, .btn-primary.black:not(:disabled):not(.disabled):active {
    color: #fff!important;
    border: initial;
    box-shadow: none!important;
    background-color: #000000;
}
.btn-primary.black.focus, .btn-primary.black:focus {
    color: #fff;
    background-color: #000000;
    border-color: none;
    box-shadow:none;
}
/* ============================================ */
/* This is an example of styling the header menu but it depends on the design of the page */
.nav-link {
    display: block;
    padding: 0 0 0 3rem;
}

.nav-item {
    color: #221F1F;
    font-weight: 400;
}

.nav-link.active .nav-item, .nav-link .nav-item:hover {
    font-weight: 400;
    color: #D3B960;
}

.navbar-collapse .dropdown-menu {
    position: absolute;
    top: 300%;
    left: 45px;
    float: left;
    min-width: 10rem;
    padding: 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: 0;
}

.navbar-collapse .dropdown-item {
    display: block;
    width: 100%;
    padding: 10px 25px;
    clear: both;
    font-weight: 400;
    color: #221F1F;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.navbar-collapse .dropdown-item:hover, .navbar-collapse .dropdown-item.active, .navbar-collapse .dropdown-item:active {
    color:#E53023;
    text-decoration: none;
    outline: none;
    background-color: #F2F2F2;
    font-weight: 500;
}

.navbar-collapse .dropdown-toggle::after {
    display: none;
}
.nav-item i {
    margin-right: 20px;
    font-size: 25px;
}
/* ============================================ */
/* This is an example of styling the page header but it depends on the design of the page */
.home-header {
    background-image: url('/images/header-bg.jpg');
    background-position: center;
    background-size: cover;
    padding: 16% 0;
}
.free-delivery, .bg-black {
    background-color:#000000;
    padding-top:30px;
    padding-bottom:30px;
}
.free-delivery p {
    font-size:30px;
    color:#D3B960;
    font-weight:600;
}
.free-delivery i {
    padding-right:30px;
    font-size:40px;
}
.logo a, .mobi-logo a {
    color:#D3B960;
    font-size:30px;
    font-weight:600;
}
.our-products, .contact {
    padding-top:5%;
    padding-bottom:5%;
}
.our-products h2, .why-choose-us h2, .contact h2{
    color:#D3B960;
    padding-bottom:30px;
}
.our-products span, .why-choose-us span, .contact span{
    padding-bottom: 10px;
    border-bottom:1px solid #000000;
}
.category-align-sm p {
    color:#161616;
}
.category-align-sm h5 {
    color:#D3B960;
    font-weight:600;
    padding-top:20px;
}
.why-choose-us {
    background: -webkit-linear-gradient(-45deg, #fff 50%, #eee 50%);
    background: linear-gradient(-157deg, #F3F3F3 50%, #eee 50%);
    padding: 10% 0;
}
    
    
#map {
    height:250px;
    width:100%;
}
.list-unstyled a, .list-unstyled p{
    color:#000000;
    font-weight:600;
}
.list-unstyled li {
    padding-bottom:15px;
}
textarea.form-control {
    padding-bottom: 17%;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #495057;
    outline: 0;
    box-shadow:none;
}
.form-group a {
    color:#D3B960;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #D3B960;
    background-color: #D3B960;
}
.testimonials {
    background-color: #D3B960;
    background-position: center;
    background-size: cover;
    padding: 5% 0;
}
.testimonials h2 {
    color:#000000;
}
.testimonials i {
    font-size:20px;
}
.carousel-control-next, .carousel-control-prev {
    top: 116%;
    width: 96%;
    color: #000000;
}
.carousel i {
    font-weight:500;
}
.footer.bg-white {
    padding:1% 0;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
/* Individual-product */
.individual-product-page {
    padding:5% 0;
}
.product-amt {
    color:#D3B960;
}
.stock-checker {
    font-weight:500;
}
.stock-checker i, .input-group i {
    font-size:20px;
    font-weight: 300;
    line-height: revert;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow:none;
}
.input-group {
    border: 1px solid #F7F7F7;
    border-radius: 24px;
}
.individual-product-page .bronze:hover, .checkout-page .bronze:hover, .cart-page .bronze:hover {
    background-color: #fff;
    color: #D3B960;
    font-weight: 400;
    text-transform: none;
    border: 1px solid #D3B960;
}
.btn:disabled {
    opacity: 8;
}
.image-selector {
    padding-bottom:5%;
}
.image-selector img {
    padding: 15px;
    margin-bottom: 0;
    background-color: #fff;
    border: 1px solid #E9E9E9;
}
.image-selector .card {
    border:none;
}

/* cart */
.cart-page {
    padding:5% 0;
}
.table {
    border-bottom:2px solid #dee2e6;
}
.cart-product-image {
    width: 10%;
}
.cart-product-name {
    width:40%;
}
.cart-product-price {
    width:13%;
}
.cart-product-qty {
    width:21%;
}
.table td {
    vertical-align: middle;
   
}
.table td, .table th {
    padding: 0.75rem 0.75rem 0.75rem 0px;
    border-top: 1px solid #F5F5F5;
}
td .input-group {
    width: 60%;
}
td  i {
    float:right;
    font-weight: 300!important;
    font-size:20px;
}
.table thead th {
    font-weight: 400;
    font-size: 15px;
}
.cart-page .card-body .d-flex  {
    border-bottom: 1px solid #F5F5F5;
    border-top: 1px solid #F5F5F5;
}
.category-align-sm .card-header {
    padding: 15px;
    margin-bottom: 0;
    background-color: #fff;
}
.category-align-sm .card-body {
    padding: 10px;
    background-color: transparent;
}
.category-align-sm .card {
    background-color: transparent;
    border-radius:0;
}
.card .btn-primary {
    border-radius: 3px;
}
/* checkout */
.checkout-page {
    padding:5% 0;
    
}
.checkout-page h4 {
    font-weight: 400;
}
.checkout-page .card-body .d-flex  {
    border-bottom: 1px solid #F5F5F5;
    border-top: 1px solid #F5F5F5;
}

.checkout-page .card {
    position: sticky;
    top: 0;
}
.scrollit {
    float: left;
    width: auto;
    position: relative;
}
.footer a {
    color:#D38960;
}