nav{ border-bottom: 5px solid #696e03;}
.navbar-brand img{ width: 229px; height: 49px; margin: 9px; }
nav ul {transform: skew(-10deg); }
.navbar-toggler:focus { text-decoration: none; outline: 0; border: none; box-shadow: none; }
nav ul li{transition: 0.1s;}
nav ul li a { height: 100%; width: 100%; line-height: 5.8; color: black !important; font-weight: 500; text-transform: uppercase; }
.dropdown-menu{transform: skew(10deg);}
.dropdown-item{line-height: 2;}
.dropdown-item.active, .dropdown-item:active{ color: black !important; text-decoration: none; background-color: white; }
.dropdown:hover .dropdown-menu{ display: block !important; }
nav ul li:hover{background-color: #EDEDED;}
.navbar-toggler-icon { background-image: url('../images/hamburger.png'); }
nav ul li .active{ background-color: #EDEDED;}
.active a{ color: #696e03 !important; }
.heading-txt{ color: #70716E; font-style: italic; font-weight: bold; }
.btn-primary{ background-color: #6a6f03; border-color: #6a6f03; }
.btn-primary:hover,.btn-primary:focus,.btn-primary:active { color: #fff; background-color: #3f4203; border-color: #3f4203; box-shadow: none;}
.card{ height: 100%; }
.card.card-grey { width: 100% !important; padding: 30px; background-color: #F5F5F5; border: none; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
.card-grey img{ width: 50px; }
.card-grey p{ font-weight: 500; }
.card-grey a{ text-decoration: none; color: black; font-weight: 500; }
.card-grey a:hover{color: #6a6f03;}
.card-grey a img{ width: 22px; }
.address-line{ line-height: 10px !important; }
.card-grey h5{ padding-top: 18px; color: #6a6f03; text-transform: uppercase; font-weight: bold; font-style: italic; font-size: 22px; }
.background{ position: relative; }
.background-img{ width: 100%; height: 350px; object-fit: cover; }
.background-text{ position: absolute; top: 45%; transform: translateY(-50%); left: 10%;}
.background-text p{ color: white; font-size: 15px; font-weight: 500; }
.background-text h2{ text-transform: uppercase;  color: white; font-size: 55px; font-weight: bold;}
.breadcrum{ background-image: url(../images/cover.jpg); min-height: 300px; background-position: center; background-size: cover; background-repeat: no-repeat; display: flex; justify-content: center; align-items: center;}
.breadcrum-text p{ color: white; font-size: 15px; font-weight: 500; }
.breadcrum-text h2{ text-transform: uppercase;  color: white; font-size: 40px; font-weight: bold; text-align: center;}
.scrolldown{ position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); text-align: center; }
.scrolldown p{ color: white; font-style: italic; font-weight: 500; }
.content { position: relative; width: 100%; /* max-width: 400px; */ margin: auto; overflow: hidden; }
.content .content-overlay { position: absolute; height: 100%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0;}
.content:hover .content-overlay{ opacity: 1; }
.content-image{ width: 100%; height: 266px; border-radius: 12px;}
.content-details { position: absolute; text-align: left; padding-left: 3em; padding-right: 1em; width: 100%; top: 50%; left: 50%; opacity: 0; transform: translate(-50%, -50%); transition: all 0.3s ease-in-out 0s; }
.content-hiden{ position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); color: white; text-align: center; text-transform: uppercase; }
.content:hover .content-hiden{ display: none; }
.content:hover .content-details{ top: 50%; left: 50%; opacity: 1; }
.content-details h3{ color: #fff; font-weight: 500; letter-spacing: 0.15em; margin-bottom: 0.5em; text-transform: uppercase; }
.content-details p{ color: #fff; font-size: 0.8em; }
.height-adjust { height: 260px; }
.fadeIn-bottom{ top: 80%; }
footer{ background-color: #1F1F1D; }
footer p{ color: #A6A6A6; }
footer h3{ color:white; text-transform: uppercase; }
footer h4{ font-size: 27px; color: white; text-transform: uppercase; }
footer input{ background-color: #393939 !important; border-color: #393939 !important; color: white !important; padding: 10px !important; }
.fa-magnifying-glass:hover , .fa-cart-shopping:hover{ color: #3f4203 !important; } 
.accordion-button{ font-size: 18px; }
.accordion-button:not(.collapsed) { color: white; background-color: #939a02; box-shadow: none; }
.accordion-button:focus { z-index: 3; border-color: none; outline: 0; box-shadow: none; }
.heading-txt2{ text-transform: uppercase; font-style: italic; font-weight: bold; }
.ahref{ color: #939a02 !important; text-decoration: none !important; font-weight: 600 !important; cursor: pointer; }
.grey-box { background-color: #eeeeee; padding: 30px; color: #686d03; border-radius: 14px; box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;display: flex; flex-direction: column; }
.grey-box p,a{ color: #70716e; font-weight: 500; }
.form-input {height: 46px !important;}
.form-control:focus{ color: black; background-color: #fff; border-color: #c4cd0f; outline: 0; box-shadow: none; }
.scroll{ color:#fff; margin-top:100px; }
#toTopBtn { position: fixed; bottom: 26px; right: 39px; z-index: 98; padding: 21px; background-color: hsl(63deg 95% 22%); }
.js .cd-top--fade-out { opacity: .5; }
.js .cd-top--is-visible { visibility: visible; opacity: 1; }
.js .cd-top { visibility: hidden; opacity: 0; transition: opacity .3s,visibility .3s,background-color .3s; }
.cd-top { position: fixed; bottom: 20px; bottom: var(--cd-back-to-top-margin); right: 20px; right: var(--cd-back-to-top-margin); display: inline-block; height: 40px; height: var(--cd-back-to-top-size); width: 40px; width: var(--cd-back-to-top-size); box-shadow: 0 0 10px rgba(0,0,0,.05) !important; background: url(https://res.cloudinary.com/dxfq3iotg/image/upload/v1571057658/cd-top-arrow.svg) no-repeat center 50%; background-color: hsl(63deg 95% 22%); background-color: hsla(var(--cd-color-3-h),var(--cd-color-3-s),var(--cd-color-3-l),0.8); }
.product p{ padding-top: 10px; color: #8e8b87; font-style: italic; margin-bottom: 0px;}
.product h4{ color: #686d03; font-weight: bold; font-style: italic; }
.product a{ display: block; overflow: hidden; transition: all 0.3s ease; }
.product img{ transition: all 0.3s ease; }
.product img:hover{ transform: scale(1.1); }
.page-loader { width: 100%; height: 100%; position:fixed; overflow:hidden; text-align:center; background: #f0eded; z-index: 999999999; }
.page-loader .img { text-align: center; position: relative; top: 35%; width: 100%; }
.spinner { position: relative; top: 35%; width: 80px; height: 80px; margin: 0 auto; background-color: #fff; border-radius: 100%; -webkit-animation: sk-scaleout 1s infinite ease-in-out; animation: sk-scaleout 1s infinite ease-in-out; }

.form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem #696e0349; } 
#msform { text-align: center; position: relative; margin-top: 20px; } 
#msform label { color: #939a02 !important; text-transform: uppercase; font-weight: bold; margin:0px; }
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) { display: none; } 
#msform fieldset .form-card { text-align: left; color: #000; } 
#msform input, #msform textarea { padding: 0px 8px 4px 8px; border: none; border-bottom: 1px solid #ccc; border-radius: 0px; margin-bottom: 25px; margin-top: 2px; width: 100%; box-sizing: border-box; color: #000; font-size: 16px; letter-spacing: 1px; } 
#msform input:focus, #msform textarea:focus { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: none; border-bottom: 2px solid #696e03; outline-width: 0; } 
/*Dropdown List Exp Date*/
select.list-dt { border: none; outline: 0; border-bottom: 1px solid #ccc; padding: 2px 5px 3px 5px; margin-bottom: 25px; margin-top: 2px; color: #000; border-radius: 0px; } 
select.list-dt:focus { border-bottom: 2px solid #696e03; } 
/*progressbar*/
#progressbar { margin-bottom: 30px; overflow: hidden; color: lightgrey; padding: 0; } 
#progressbar .active { color: #000000; } 
#progressbar li { list-style-type: none; font-size: 12px; width: 25%; float: left; position: relative; } 
/*Icons in the ProgressBar*/
#progressbar #account:before { font-family: FontAwesome; content: "\f023"; } 
#progressbar #personal:before { font-family: FontAwesome; content: "\f007"; }
#progressbar #payment:before { font-family: FontAwesome; content: "\f09d"; }
#progressbar #confirm:before { font-family: FontAwesome; content: "\f00c"; } 
/*ProgressBar before any progress*/
#progressbar li:before { width: 50px; height: 50px; line-height: 45px; display: block; font-size: 18px; color: #ffffff; background: lightgray; border-radius: 50%; margin: 0 auto 10px auto; padding: 2px; } 
/*ProgressBar connectors*/
#progressbar li:after { content: ''; width: 100%; height: 2px; background: lightgray; position: absolute; left: 0; top: 25px; z-index: -1; } 
/*Color number of the step and the connector before it*/
#progressbar li.active:before, #progressbar li.active:after { background: #6a6f03; }
/*Imaged Radio Buttons*/
.radio-group { position: relative; margin-bottom: 25px; } 
.radio { display:inline-block; width: 204; height: 104; border-radius: 0; background: lightblue; box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2); box-sizing: border-box; cursor:pointer; margin: 8px 2px; } 
.radio:hover { box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3); }
.radio.selected { box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1); }

/*Fit image in bootstrap div*/
.fit-image{ width: 100%; object-fit: cover; } 
.swal2-styled.swal2-confirm{ background-color: #686d03 !important; box-shadow: none !important; } 
.items-slider-container { margin: 0 auto; max-width: 1200px; } 

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0); }
  100% { -webkit-transform: scale(1); opacity: 0; }
}
@keyframes sk-scaleout {
  0% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; }
}

@media screen and (max-width: 991px) {
    .background-text{ right: 10%; }
    nav ul { height: auto; transform: none; }
    nav ul li a{line-height: 2;}
    nav ul li:hover {height: auto!important;}
    nav ul li:last-child:hover {border: none; background-color: white;}
    .dropdown-menu{transform: none; border:none;padding-left: 10% !important;}
    .height-adjust { height: 100%; }
}

.invalid { margin: 0px !important; border-color: red !important; }
.invalid + .invalid-feedback { display: block; font-size: 10px; margin-bottom: 8px; }