outstock_nuxt3/assets/scss/main.css

/*-----------------------------------------------------------------------------------

    Theme Name: Outstock - Clean, Minimal eCommerce HTML5 Template 
    Author: Basic Theme
    Support: mdsalim400@gmail.com
    Description:  Clean, Minimal eCommerce HTML5 Template 
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01. Theme default CSS	
    02. Header CSS	
    03. Slider CSS	
    04. Banner CSS	
    05. Shop CSS	
    06. Client CSS	
    07. Blog CSS	
    08. Subscribe CSS	
    09. Testimonial CSS	
    10. Contact CSS	
    11. Pricing CSS	
    12. Contact CSS	
    13. Error CSS	
    14. Login CSS	
    16. Profile CSS	
    15. Footer CSS	

-----------------------------------------------------------------------------------*/
@import url(d:\vue-nuxt\outstock\outstock-update\assets\css\fontAwesome5Pro.css);
@import url(d:\vue-nuxt\outstock\outstock-update\assets\css\ionicons.min.css);
@import url(d:\vue-nuxt\outstock\outstock-update\assets\css\animate.min.css);
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-85 {
  margin-top: 85px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-95 {
  margin-top: 95px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-105 {
  margin-top: 105px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-115 {
  margin-top: 115px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-125 {
  margin-top: 125px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-135 {
  margin-top: 135px;
}

.mt-140 {
  margin-top: 140px;
}

.mt-145 {
  margin-top: 145px;
}

.mt-150 {
  margin-top: 150px;
}

.mt-155 {
  margin-top: 155px;
}

.mt-160 {
  margin-top: 160px;
}

.mt-165 {
  margin-top: 165px;
}

.mt-170 {
  margin-top: 170px;
}

.mt-175 {
  margin-top: 175px;
}

.mt-180 {
  margin-top: 180px;
}

.mt-185 {
  margin-top: 185px;
}

.mt-190 {
  margin-top: 190px;
}

.mt-195 {
  margin-top: 195px;
}

.mt-200 {
  margin-top: 200px;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-105 {
  margin-bottom: 105px;
}

.mb-110 {
  margin-bottom: 110px;
}

.mb-115 {
  margin-bottom: 115px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-125 {
  margin-bottom: 125px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mb-135 {
  margin-bottom: 135px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mb-145 {
  margin-bottom: 145px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mb-155 {
  margin-bottom: 155px;
}

.mb-160 {
  margin-bottom: 160px;
}

.mb-165 {
  margin-bottom: 165px;
}

.mb-170 {
  margin-bottom: 170px;
}

.mb-175 {
  margin-bottom: 175px;
}

.mb-180 {
  margin-bottom: 180px;
}

.mb-185 {
  margin-bottom: 185px;
}

.mb-190 {
  margin-bottom: 190px;
}

.mb-195 {
  margin-bottom: 195px;
}

.mb-200 {
  margin-bottom: 200px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-55 {
  margin-left: 55px;
}

.ml-60 {
  margin-left: 60px;
}

.ml-65 {
  margin-left: 65px;
}

.ml-70 {
  margin-left: 70px;
}

.ml-75 {
  margin-left: 75px;
}

.ml-80 {
  margin-left: 80px;
}

.ml-85 {
  margin-left: 85px;
}

.ml-90 {
  margin-left: 90px;
}

.ml-95 {
  margin-left: 95px;
}

.ml-100 {
  margin-left: 100px;
}

.ml-105 {
  margin-left: 105px;
}

.ml-110 {
  margin-left: 110px;
}

.ml-115 {
  margin-left: 115px;
}

.ml-120 {
  margin-left: 120px;
}

.ml-125 {
  margin-left: 125px;
}

.ml-130 {
  margin-left: 130px;
}

.ml-135 {
  margin-left: 135px;
}

.ml-140 {
  margin-left: 140px;
}

.ml-145 {
  margin-left: 145px;
}

.ml-150 {
  margin-left: 150px;
}

.ml-155 {
  margin-left: 155px;
}

.ml-160 {
  margin-left: 160px;
}

.ml-165 {
  margin-left: 165px;
}

.ml-170 {
  margin-left: 170px;
}

.ml-175 {
  margin-left: 175px;
}

.ml-180 {
  margin-left: 180px;
}

.ml-185 {
  margin-left: 185px;
}

.ml-190 {
  margin-left: 190px;
}

.ml-195 {
  margin-left: 195px;
}

.ml-200 {
  margin-left: 200px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-55 {
  margin-right: 55px;
}

.mr-60 {
  margin-right: 60px;
}

.mr-65 {
  margin-right: 65px;
}

.mr-70 {
  margin-right: 70px;
}

.mr-75 {
  margin-right: 75px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-85 {
  margin-right: 85px;
}

.mr-90 {
  margin-right: 90px;
}

.mr-95 {
  margin-right: 95px;
}

.mr-100 {
  margin-right: 100px;
}

.mr-105 {
  margin-right: 105px;
}

.mr-110 {
  margin-right: 110px;
}

.mr-115 {
  margin-right: 115px;
}

.mr-120 {
  margin-right: 120px;
}

.mr-125 {
  margin-right: 125px;
}

.mr-130 {
  margin-right: 130px;
}

.mr-135 {
  margin-right: 135px;
}

.mr-140 {
  margin-right: 140px;
}

.mr-145 {
  margin-right: 145px;
}

.mr-150 {
  margin-right: 150px;
}

.mr-155 {
  margin-right: 155px;
}

.mr-160 {
  margin-right: 160px;
}

.mr-165 {
  margin-right: 165px;
}

.mr-170 {
  margin-right: 170px;
}

.mr-175 {
  margin-right: 175px;
}

.mr-180 {
  margin-right: 180px;
}

.mr-185 {
  margin-right: 185px;
}

.mr-190 {
  margin-right: 190px;
}

.mr-195 {
  margin-right: 195px;
}

.mr-200 {
  margin-right: 200px;
}

.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-115 {
  padding-top: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-125 {
  padding-top: 125px;
}

.pt-130 {
  padding-top: 130px;
}

.pt-135 {
  padding-top: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-145 {
  padding-top: 145px;
}

.pt-150 {
  padding-top: 150px;
}

.pt-155 {
  padding-top: 155px;
}

.pt-160 {
  padding-top: 160px;
}

.pt-165 {
  padding-top: 165px;
}

.pt-170 {
  padding-top: 170px;
}

.pt-175 {
  padding-top: 175px;
}

.pt-180 {
  padding-top: 180px;
}

.pt-185 {
  padding-top: 185px;
}

.pt-190 {
  padding-top: 190px;
}

.pt-195 {
  padding-top: 195px;
}

.pt-200 {
  padding-top: 200px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-155 {
  padding-bottom: 155px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pb-165 {
  padding-bottom: 165px;
}

.pb-170 {
  padding-bottom: 170px;
}

.pb-175 {
  padding-bottom: 175px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pb-185 {
  padding-bottom: 185px;
}

.pb-190 {
  padding-bottom: 190px;
}

.pb-195 {
  padding-bottom: 195px;
}

.pb-200 {
  padding-bottom: 200px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-55 {
  padding-left: 55px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-65 {
  padding-left: 65px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-75 {
  padding-left: 75px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-85 {
  padding-left: 85px;
}

.pl-90 {
  padding-left: 90px;
}

.pl-95 {
  padding-left: 95px;
}

.pl-100 {
  padding-left: 100px;
}

.pl-105 {
  padding-left: 105px;
}

.pl-110 {
  padding-left: 110px;
}

.pl-115 {
  padding-left: 115px;
}

.pl-120 {
  padding-left: 120px;
}

.pl-125 {
  padding-left: 125px;
}

.pl-130 {
  padding-left: 130px;
}

.pl-135 {
  padding-left: 135px;
}

.pl-140 {
  padding-left: 140px;
}

.pl-145 {
  padding-left: 145px;
}

.pl-150 {
  padding-left: 150px;
}

.pl-155 {
  padding-left: 155px;
}

.pl-160 {
  padding-left: 160px;
}

.pl-165 {
  padding-left: 165px;
}

.pl-170 {
  padding-left: 170px;
}

.pl-175 {
  padding-left: 175px;
}

.pl-180 {
  padding-left: 180px;
}

.pl-185 {
  padding-left: 185px;
}

.pl-190 {
  padding-left: 190px;
}

.pl-195 {
  padding-left: 195px;
}

.pl-200 {
  padding-left: 200px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-35 {
  padding-right: 35px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-45 {
  padding-right: 45px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-55 {
  padding-right: 55px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-65 {
  padding-right: 65px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-75 {
  padding-right: 75px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-85 {
  padding-right: 85px;
}

.pr-90 {
  padding-right: 90px;
}

.pr-95 {
  padding-right: 95px;
}

.pr-100 {
  padding-right: 100px;
}

.pr-105 {
  padding-right: 105px;
}

.pr-110 {
  padding-right: 110px;
}

.pr-115 {
  padding-right: 115px;
}

.pr-120 {
  padding-right: 120px;
}

.pr-125 {
  padding-right: 125px;
}

.pr-130 {
  padding-right: 130px;
}

.pr-135 {
  padding-right: 135px;
}

.pr-140 {
  padding-right: 140px;
}

.pr-145 {
  padding-right: 145px;
}

.pr-150 {
  padding-right: 150px;
}

.pr-155 {
  padding-right: 155px;
}

.pr-160 {
  padding-right: 160px;
}

.pr-165 {
  padding-right: 165px;
}

.pr-170 {
  padding-right: 170px;
}

.pr-175 {
  padding-right: 175px;
}

.pr-180 {
  padding-right: 180px;
}

.pr-185 {
  padding-right: 185px;
}

.pr-190 {
  padding-right: 190px;
}

.pr-195 {
  padding-right: 195px;
}

.pr-200 {
  padding-right: 200px;
}

/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/* 1. Theme default css */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #848b8a;
  line-height: 24px;
}

.w-img img {
  width: 100%;
}

.m-img img {
  max-width: 100%;
}

a,
.btn,
button,
span,
p,
i,
input,
select,
textarea,
li,
img,
*::after,
*::before,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a {
  text-decoration: none;
}

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

a,
button {
  color: inherit;
  outline: none;
  border: none;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
  border: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
  color: #201f1f;
  margin-top: 0px;
  font-weight: 500;
  line-height: 1.2;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 27px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

ul {
  margin: 0px;
  padding: 0px;
}

li {
  list-style: none;
}

.carousel {
  text-align: inherit;
}

p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #848b8a;
  margin-bottom: 15px;
  line-height: 24px;
}

*::-moz-selection {
  background: #bc8246;
  color: #ffffff;
  text-shadow: none;
}

::-moz-selection {
  background: #bc8246;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: #bc8246;
  color: #ffffff;
  text-shadow: none;
}

/*--
    - Input Placeholder
-----------------------------------------*/

*::-webkit-input-placeholder {
  color: #201f1f;
  font-size: 14px;
  opacity: 1;
}

*:-ms-input-placeholder {
  color: #201f1f;
  font-size: 14px;
  opacity: 1;
}

*::-ms-input-placeholder {
  color: #201f1f;
  font-size: 14px;
  opacity: 1;
}

*::placeholder {
  color: #201f1f;
  font-size: 14px;
  opacity: 1;
}

/*--
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

/*--
    - Background color
-----------------------------------------*/
.grey-bg {
  background: #f5f5f5;
}

.theme-bg {
  background: #bc8246;
}

.white-bg {
  background: #ffffff;
}

.black-bg {
  background: #201f1f;
}

.footer-bg {
  background: #151616;
}

.dark-soft-bg {
  background: #282828;
}

/*--
    - color
-----------------------------------------*/
.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: #ffffff !important;
}

.white-color {
  color: #ffffff;
}

.theme-color {
  color: #bc8246 !important;
}

.black-color {
  color: #201f1f;
}

/* spacing */
.mb-265 {
  margin-bottom: 265px;
}

.mt--95 {
  margin-top: -95px;
}

/* padding */
.pl-250 {
  padding-left: 250px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .pl-250 {
    padding-left: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-250 {
    padding-left: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-250 {
    padding-left: 25px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pl-250 {
    padding-left: 25px;
  }
}

@media (max-width: 575px) {
  .pl-250 {
    padding-left: 10px;
  }
}

/* box spacing */
.box-25 {
  padding-left: 25px;
  padding-right: 25px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .box-25 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 575px) {
  .box-25 {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.box-m-15 {
  margin-left: 15px;
  margin-right: 15px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .box-m-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media (max-width: 575px) {
  .box-m-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media (max-width: 575px) {
  .box-white {
    padding-top: 0;
  }
}

.box-white-inner {
  position: relative;
}

.box-white-inner::before {
  position: absolute;
  content: "";
  top: -50px;
  left: -50px;
  width: calc(100% + 100px);
  height: calc(100% + 30px);
  background: #ffffff;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .box-white-inner::before {
    top: -15px;
    left: -15px;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .box-white-inner::before {
    top: -30px;
    left: -30px;
    width: calc(100% + 60px);
    height: calc(100% + 60px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .box-white-inner::before {
    top: -40px;
    left: -35px;
    width: calc(100% + 70px);
    height: calc(100% + 80px);
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .box-white-inner::before {
    top: -20px;
    left: -20px;
    width: calc(100% + 40px);
    height: calc(100% + 40px);
  }
}

@media (max-width: 575px) {
  .box-white-inner::before {
    top: -15px;
    left: -15px;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
  }
}

.box-pb-40 {
  padding-bottom: 40px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .box-pb-40 {
    padding-bottom: 30px;
  }
}

@media (max-width: 575px) {
  .box-pb-40 {
    padding-bottom: 15px;
  }
}

/* custom container*/
.custom-container {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 1400px) {
  .custom-container-2 {
    max-width: 1220px;
  }
}

/* btn */
.os-btn {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  height: 50px;
  line-height: 46px;
  padding: 0 42px;
  border: 2px solid #ebebeb;
  color: #323232;
  background: transparent;
  z-index: 1;
  font-size: 12px;
}

.os-btn span {
  color: #bc8246;
}

.os-btn::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #bc8246;
  z-index: -1;
}

.os-btn:hover {
  color: #ffffff;
  border-color: #bc8246;
}

.os-btn:hover::after {
  height: 100%;
}

.os-btn:hover span {
  color: #ffffff;
}

.os-btn-2 {
  border-color: #323232;
}

.os-btn-3 {
  padding: 0 77px;
}

.os-btn-4::after {
  background: #666;
}

.os-btn-black {
  color: #ffffff;
  background-color: #323232;
  border-color: #323232;
}

.os-btn-black::after {
  background-color: #bc8246;
}

.os-btn-black:hover {
  border-color: #bc8246;
}

.os-btn-white {
  color: #ffffff;
  border-color: #ffffff;
}

.os-btn-white:hover {
  color: #323232;
  border-color: #ffffff;
}

.os-btn-white:hover::after {
  background: #ffffff;
}

.os-btn-4 {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  height: 50px;
  line-height: 46px;
  padding: 0 42px;
  border: 2px solid #323232;
  color: #323232;
  background: transparent;
  z-index: 1;
  font-size: 12px;
}

.os-btn-4 span {
  color: #bc8246;
}

.os-btn-4::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #8a8f6a;
  z-index: -1;
}

.os-btn-4:hover {
  color: #ffffff;
  border-color: #8a8f6a;
}

.os-btn-4:hover::after {
  height: 100%;
}

.os-btn-4:hover span {
  color: #ffffff;
}

.os-btn-5 {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  height: 50px;
  line-height: 46px;
  padding: 0 42px;
  border: 2px solid #ebebeb;
  color: #ffffff;
  background: transparent;
  z-index: 1;
  font-size: 12px;
}

.os-btn-5 span {
  color: #bc8246;
}

.os-btn-5::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #8a8f6a;
  z-index: -1;
}

.os-btn-5:hover {
  color: #ffffff;
  border-color: #8a8f6a;
}

.os-btn-5:hover::after {
  height: 100%;
}

.os-btn-5:hover span {
  color: #ffffff;
}

.link-btn {
  font-size: 12px;
  color: #444;
  text-transform: capitalize;
  font-weight: 500;
}

.link-btn:hover {
  color: #bc8246;
}

.action-btn {
  background: #201f1f;
  color: #ffffff;
  font-size: 14px;
  padding: 15px 31.9px;
  -webkit-transition: .3s;
  transition: .3s;
}

.action-btn:hover {
  background: #8a8f6a;
  color: #ffffff;
}

/* section title */
.section__title {
  position: relative;
}

.section__title::after {
  border-top: 1px solid #ebebeb;
  content: "";
  left: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  width: 100%;
}

.section__title h2 {
  display: inline-block;
  font-weight: 400;
  position: relative;
  background: #fff none repeat scroll 0 0;
  padding: 0 50px;
  z-index: 1;
}

@media (max-width: 575px) {
  .section__title h2 {
    font-size: 30px;
    padding: 0 15px;
  }
}

.section__title p {
  color: #606060;
  margin-bottom: 0;
}

.section__title-2 {
  padding-left: 130px;
  padding-right: 130px;
  font-size: 24px;
  text-transform: uppercase;
  color: #201f1f;
  font-weight: 700;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section__title-2 {
    font-size: 20px;
  }
}

@media (max-width: 575px) {
  .section__title-2 {
    padding-right: 0;
    padding-left: 0;
  }
}

.section__title-2 span {
  padding: 0 70px;
  display: inline-block;
  position: relative;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section__title-2 span {
    padding: 0 30px;
  }
}

.section__title-2 span::before, .section__title-2 span::after {
  width: 130px;
  height: 4px;
  background: transparent;
  position: absolute;
  content: "";
  top: 13px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

@media (max-width: 575px) {
  .section__title-2 span::before, .section__title-2 span::after {
    display: none;
  }
}

.section__title-2 span::before {
  right: 100%;
}

.section__title-2 span::after {
  left: 100%;
}

.section__wrapper .sub-title {
  margin: 0 auto 10px;
  max-width: 600px;
}

/* page title area */
.page__title {
  height: 530px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .page__title {
    height: 400px;
  }
}

@media (max-width: 575px) {
  .page__title {
    height: 350px;
  }
}

.page__title-inner h1 {
  font-size: 36px;
  color: #323232;
  text-transform: capitalize;
  margin-bottom: 25px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .page__title-inner {
    margin-top: 100px;
  }
}

@media (max-width: 575px) {
  .page__title-inner {
    margin-top: 100px;
  }
}

.page__title-breadcrumb .breadcrumb {
  background: transparent;
  padding: 0;
  margin-bottom: 0;
  border-radius: 0;
}

.page__title-breadcrumb .breadcrumb-item {
  font-size: 12px;
  text-transform: capitalize;
  color: #444;
  font-weight: 500;
}

.page__title-breadcrumb .breadcrumb-item a:hover {
  color: #bc8246;
}

.page__title-breadcrumb .breadcrumb-item.active {
  color: #323232;
}

.page__title-breadcrumb .breadcrumb-item.active::before {
  color: #444;
}

/* rating */
.rating ul li {
  display: inline-block;
}

.rating ul li span {
  font-size: 10px;
  color: #bc8246;
}

.rating.rating-shop ul {
  display: inline-block;
}

.rating.rating-shop ul li span {
  font-size: 12px;
  color: #bc8246;
}

.rating.rating-shop span {
  font-size: 12px;
  font-weight: 500;
}

.rating.rating-shop-2 ul li span {
  color: #8a8f6a;
}

.rating-left {
  position: relative;
  padding-left: 25px;
  margin-left: 25px;
}

.rating-left::after {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 12px;
  width: 1px;
  background: #dcdcdc;
}

.rating-left a:hover {
  color: #bc8246;
}

/* scroll to top */
#scroll a {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
  color: #ffffff;
  list-style-type: none;
  background: #bc8246;
  margin-right: 20px;
  border: 1px solid #bc8246;
  z-index: 999;
}

#scroll .scroll-link {
  border: 1px solid #8a8f6a;
  background: #8a8f6a;
}

/* border bottom 1*/
.border-top-1 {
  border-top: 1px solid #ebebeb;
}

/* sidebar */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar__wrapper {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sidebar__wrapper {
    margin-top: 50px;
  }
}

@media (max-width: 575px) {
  .sidebar__wrapper {
    margin-top: 50px;
  }
}

.sidebar__widget-title h3 {
  font-size: 20px;
  margin-bottom: 0;
}

.sidebar__links ul li {
  margin-bottom: 8px;
}

.sidebar__links ul li a {
  color: #444;
}

.sidebar__links ul li a:hover {
  color: #323232;
}

/* basic page navigation */
.basic-pagination ul {
  display: block;
}

.basic-pagination ul li {
  display: inline-block;
  margin: 0 5px;
}

.basic-pagination ul li.active a {
  border-color: #201f1f;
}

.basic-pagination ul li a {
  height: 35px;
  width: 35px;
  background: transparent;
  color: #201f1f;
  font-size: 12px;
  font-weight: 500;
  line-height: 31px;
  margin: 0px;
  display: inline-block;
  text-align: center;
  border: 2px solid #ebebeb;
}

.basic-pagination ul li a:hover {
  border-color: #201f1f;
}

.effectThree a {
  display: block;
  overflow: hidden;
  position: relative;
}

.effectThree a img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.35s ease 0s;
  transition: all 0.35s ease 0s;
}

.effectThree a:before, .effectThree a:after {
  content: "";
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  -webkit-transition: all 0.35s ease 0s;
  transition: all 0.35s ease 0s;
  z-index: 1;
}

.effectThree a:before {
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  bottom: 20px;
  left: 10px;
  right: 10px;
  top: 20px;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}

.effectThree a:after {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  left: 20px;
  right: 20px;
  bottom: 10px;
  top: 10px;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}

.effectThree a:hover:before, .effectThree a:hover:after {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.effectThree a:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
  }
}

/*----------------------------------------*/
/*  02. HEADER CSS
/*----------------------------------------*/
/* logo */
@media (max-width: 575px) {
  .logo {
    text-align: center;
  }
}

@media (max-width: 575px) {
  .logo__6 {
    padding-bottom: 15px;
  }
}

@media (max-width: 575px) {
  .header__area {
    padding-top: 15px;
  }
}

.header__top-2 {
  padding-top: 33px;
}

@media (max-width: 575px) {
  .header__top-2 {
    padding-top: 0;
  }
}

.header__transparent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background: transparent;
}

.header__transparent.transparent-sticky {
  position: static;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__transparent-2 {
    background: #ffffff;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__welcome {
    padding-bottom: 20px;
    text-align: center;
  }
}

@media (max-width: 575px) {
  .header__welcome {
    text-align: center;
    padding-bottom: 15px;
  }
}

.header__welcome span {
  color: #201f1f;
}

.header__action ul li {
  display: inline-block;
  position: relative;
  margin-left: 25px;
}

.header__action ul li > a {
  color: #444;
  position: relative;
  display: inline-block;
  padding: 27px 0;
  padding-bottom: 30px;
  position: relative;
}

.header__action ul li > a:last-child {
  margin-right: 0;
}

.header__action ul li > a i {
  color: #323232;
  margin-right: 3px;
  font-size: 18px;
}

.header__action ul li > a .cart-number-2 {
  position: absolute;
  top: 18px;
  left: 15px;
  text-align: center;
  min-width: 20px;
  font-size: 12px;
  line-height: 14px;
  padding: 3px;
  border-radius: 90px;
  background: #8a8f6a;
  color: #ffffff;
}

.header__action ul li:hover > a {
  color: #323232;
}

.header__action ul li:hover .mini-cart {
  visibility: visible;
  opacity: 1;
}

.header__action ul li:hover .extra-info {
  visibility: visible;
  opacity: 1;
}

.header__action ul li .mini-cart {
  position: absolute;
  right: 0;
  top: 100%;
  background: #ffffff;
  padding: 25px;
  width: 350px;
  z-index: 9;
  border: 1px solid #e1e1e1;
  -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 3, 143, 0.1);
  box-shadow: 0px 15px 30px 0px rgba(0, 3, 143, 0.1);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

@media (max-width: 575px) {
  .header__action ul li .mini-cart {
    width: 280px;
    right: -60%;
  }
}

.header__action ul li .mini-cart .mini-cart-list {
  overflow: hidden;
}

.header__action ul li .mini-cart .mini-cart-list.slider-height_1 {
  height: 150px;
  overflow: hidden;
}

.header__action ul li .mini-cart .mini-cart-list.slider-height_2 {
  height: 250px;
  overflow: hidden;
}

.header__action ul li .mini-cart .mini-cart-list.slider-height {
  height: 350px;
  overflow-y: scroll;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__action ul li .mini-cart .mini-cart-list {
    height: 200px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__action ul li .mini-cart .mini-cart-list {
    height: 165px;
  }
}

@media (max-width: 575px) {
  .header__action ul li .mini-cart .mini-cart-list {
    height: 165px;
  }
}

.header__action ul li .mini-cart .mini-cart-list li {
  display: block;
  margin-bottom: 30px;
  margin-left: 0;
  overflow: hidden;
  padding: 0;
}

.header__action ul li .mini-cart .mini-cart-list li .cart-img {
  margin-right: 15px;
}

.header__action ul li .mini-cart .mini-cart-list li .cart-img a img {
  width: 75px;
}

.header__action ul li .mini-cart .mini-cart-list li .cart-content {
  margin-top: 5px;
}

.header__action ul li .mini-cart .mini-cart-list li .cart-content h5 {
  font-size: 13px;
  font-weight: 500;
}

.header__action ul li .mini-cart .mini-cart-list li .cart-content h5 a {
  color: #444;
}

.header__action ul li .mini-cart .mini-cart-list li .cart-content h5 a:hover {
  color: #bc8246;
}

.header__action ul li .mini-cart .total-price {
  padding-top: 22px;
  border-top: 1px solid #201f1f;
}

.header__action ul li .mini-cart .total-price span {
  font-weight: 500;
  color: #201f1f;
}

.header__action ul li .mini-cart .checkout-link a {
  margin-bottom: 20px;
  width: 100%;
}

.header__action ul li .mini-cart .checkout-link a:last-child {
  margin-bottom: 0;
}

.header__action ul li .extra-info {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #ffffff;
  padding: 20px;
  margin: 0;
  min-width: 220px;
  padding-bottom: 5px;
  border: 1px solid #e1e1e1;
  z-index: 9;
  max-height: 400px;
  overflow: auto;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.header__action ul li .extra-info li {
  display: block;
  margin-left: 0;
  margin-bottom: 10px;
}

.header__action ul li .extra-info li ul li {
  margin-bottom: 0;
}

.header__action ul li .extra-info li ul li a {
  padding: 5px 0;
  line-height: 30px;
}

.header__action ul li .extra-info .extra-title h5 {
  font-size: 14px;
  color: #323232;
  margin: 15px 0 10px;
  text-transform: capitalize;
}

@media (max-width: 575px) {
  .header__action.header__action-2 ul li {
    margin-left: 15px;
  }
}

.header__search {
  position: fixed;
  top: -100px;
  left: 0;
  width: 100%;
  min-height: 330px;
  padding: 40px 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  z-index: 9999;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__search {
    min-height: 300px;
  }
}

@media (max-width: 575px) {
  .header__search {
    padding-top: 30px;
    min-height: 300px;
  }
}

.header__search.search-opened {
  top: 0;
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.header__search-btn {
  margin-bottom: 35px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__search-btn {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .header__search-btn {
    margin-bottom: 20px;
  }
}

.header__search-btn-close {
  font-size: 18px;
  color: #bc8246;
}

.header__search-header {
  margin-bottom: 35px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__search-header {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .header__search-header {
    margin-bottom: 20px;
  }
}

.header__search-header h3 {
  color: #323232;
  font-size: 30px;
}

.header__search-categories {
  margin-bottom: 35px;
}

.header__search-categories ul li {
  display: inline-block;
}

.header__search-categories ul li a {
  font-size: 18px;
  color: #323232;
  padding: 0 30px;
}

.header__search-categories ul li a:hover {
  color: #bc8246;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__search-categories ul li a {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__search-categories ul li a {
    font-size: 16px;
    padding: 0 5px;
  }
}

@media (max-width: 575px) {
  .header__search-categories ul li a {
    padding: 0 5px;
    font-size: 14px;
  }
}

.header__search-input input {
  height: 50px;
  width: 100%;
  border: none;
  padding: 0 15px;
  padding-right: 30px;
  border-bottom: 1px solid #ebebeb;
}

.header__search-input input::-webkit-input-placeholder {
  color: #444;
}

.header__search-input input:-ms-input-placeholder {
  color: #444;
}

.header__search-input input::-ms-input-placeholder {
  color: #444;
}

.header__search-input input::placeholder {
  color: #444;
}

.header__search-input input:focus {
  border-bottom-color: #bc8246;
}

.header__search-input button {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  text-align: center;
  font-size: 14px;
  background: transparent;
  color: #323232;
}

.sticky {
  left: 0;
  margin: auto;
  position: fixed !important;
  top: 0;
  width: 100%;
  -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
  z-index: 999;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  background: #ffffff !important;
}

.main-menu ul li {
  display: inline-block;
  margin-right: 40px;
  position: relative;
  text-align: left;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li {
    margin-right: 30px;
  }
}

.main-menu ul li a {
  display: block;
  color: #444;
  font-weight: 500;
  padding: 27px 0;
  padding-bottom: 30px;
  text-transform: capitalize;
}

.main-menu ul li.active a {
  color: #323232;
}

.main-menu ul li.has-dropdown > a {
  position: relative;
  padding-right: 15px;
}

.main-menu ul li.has-dropdown > a::after {
  position: absolute;
  content: '\f107';
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
}

.main-menu ul li:hover a {
  color: #323232;
}

.main-menu ul li:hover ul.submenu {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.main-menu ul li ul.submenu {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #ffffff;
  min-width: 200px;
  padding: 15px 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 3, 143, 0.1);
  box-shadow: 0px 15px 30px 0px rgba(0, 3, 143, 0.1);
  opacity: 0;
  visibility: hidden;
  z-index: 11;
}

.main-menu ul li ul.submenu li {
  margin: 0;
  display: block;
}

.main-menu ul li ul.submenu li.active a {
  color: #323232;
}

.main-menu ul li ul.submenu li a {
  padding: 5px 20px;
  color: #444;
}

.main-menu ul li ul.submenu li a:hover {
  color: #323232;
}

.main-menu ul li.mega-menu {
  position: static;
}

.main-menu ul li.mega-menu ul.submenu {
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center right;
  background-attachment: scroll;
  width: 100%;
  padding: 40px 35px;
}

.main-menu ul li.mega-menu ul.submenu li {
  float: left;
  display: block;
  width: 25%;
}

.main-menu ul li.mega-menu ul.submenu li a {
  color: #323232;
  margin-bottom: 20px;
  padding: 0;
}

.main-menu ul li.mega-menu ul.submenu li a::after {
  display: none;
}

.main-menu ul li.mega-menu ul.submenu li ul li {
  float: none;
  width: 100%;
  padding-left: 0;
}

.main-menu ul li.mega-menu ul.submenu li ul li a {
  font-size: 12px;
  color: #444;
  margin-bottom: 0;
  padding-bottom: 12px;
}

.main-menu ul li.mega-menu ul.submenu li ul li a:hover {
  color: #323232;
}

.main-menu ul li.mega-menu ul.submenu li ul li:last-child a {
  padding-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li.mega-menu.mega-menu-2 ul.submenu {
    background: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li.mega-menu.mega-menu-2 ul.submenu > li {
    width: 33.33%;
  }
}

.main-menu-2 ul li {
  margin: 0 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu-2 ul li {
    margin: 0 15px;
  }
}

.main-menu-3 ul li:hover > a {
  color: #8a8f6a;
}

.main-menu-3 ul li ul.submenu li:hover a {
  color: #8a8f6a;
}

.main-menu-3 ul li .mega-menu ul.submenu li ul li a:hover {
  color: #8a8f6a;
}

/* mobile menu*/
.mobile-menu-btn a {
  font-size: 18px;
  color: #323232;
}

.body-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.body-overlay.opened {
  opacity: 1;
  visibility: visible;
}

.extra__info-close a {
  color: #323232;
  font-size: 18px;
}

.extra__info-close a:hover {
  color: #bc8246;
}

.extra__info-inner {
  position: fixed;
  right: -370px;
  top: 0;
  padding: 30px;
  width: 350px;
  height: 100%;
  background: #ffffff;
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.extra__info-logo {
  padding: 30px;
}

.extra__info-content {
  margin-bottom: 30px;
}

.extra__info-content h4 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.extra__info-content p {
  color: #ffffff;
  margin-bottom: 25px;
}

.extra__info-content ul li {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.extra__info-content ul li .icon i {
  line-height: 27px;
  color: #ffffff;
  margin-right: 15px;
}

.extra__info-content ul li .text span {
  color: #ffffff;
}

.extra__info.info-opened .extra__info-inner {
  right: -20px;
}

/* side menu area start */
.side-mobile-menu {
  display: none;
}

.side-mobile-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.side-mobile-menu ul li {
  display: block;
}

.side-mobile-menu ul li:last-child a {
  border-bottom: none;
}

.side-mobile-menu ul li > a {
  padding: 13px 0;
  display: block;
  border-bottom: 1px solid rgba(50, 50, 50, 0.5);
  font-size: 16px;
  color: #323232;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
}

.side-mobile-menu ul li > a:hover {
  color: #bc8246;
  padding-left: 5px;
}

.side-mobile-menu ul li a[aria-expanded="true"] {
  color: #323232;
}

.side-mobile-menu ul li a[aria-expanded="true"]:before {
  background: #323232;
  border-color: #323232;
}

.side-mobile-menu ul li ul {
  padding-left: 0;
  list-style: none;
}

.side-mobile-menu ul li ul li {
  padding-left: 15px;
}

.side-mobile-menu ul li ul li:hover > a {
  color: #bc8246;
  padding-left: 20px;
}

.side-mobile-menu ul li ul li:hover > a:before {
  background: #323232;
  border-color: #323232;
}

.side-mobile-menu ul li ul li a {
  position: relative;
  padding-left: 15px;
  text-transform: capitalize;
  font-size: 16px;
}

.side-mobile-menu ul li ul li a:before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 2px solid #201f1f;
  border-radius: 50%;
}

.side-mobile-menu ul li ul li a[aria-expanded="true"] {
  padding-left: 20px;
}

.side-mobile-menu ul li.has-dropdown > a:after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-width: 2px 0 0 2px;
  border-style: solid;
  border-color: initial;
  right: 16px;
  top: 50%;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.side-mobile-menu ul li.has-dropdown a[aria-expanded="true"]:after {
  -webkit-transform: rotate(-135deg) translateY(-50%);
  transform: rotate(-135deg) translateY(-50%);
}

/*----------------------------------------*/
/*  03. SLIDER CSS
/*----------------------------------------*/
.slider__area .carousel.slider-active {
  text-align: inherit;
}

.slider__area .slick-dots {
  position: absolute;
  bottom: 165px;
  left: 50%;
  z-index: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.slider__area .slick-dots li {
  display: inline-block;
}

.slider__area .slick-dots li button {
  font-size: 0;
  width: 13px;
  height: 13px;
  background: #c2c2c2;
  border-radius: 50%;
  margin: 0 7px;
  border: 2px solid transparent;
}

.slider__area .slick-dots li.carousel__slide--active button {
  border-color: #bc8247;
  background: #ffffff;
}

.slider__area .carousel__pagination {
  position: absolute;
  bottom: 165px;
  left: 50%;
  z-index: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.slider__area .carousel__pagination li {
  list-style: none;
  display: inline-block;
}

.slider__area .carousel__pagination li .carousel__pagination-button {
  font-size: 0;
  width: 13px;
  height: 13px;
  background: #c2c2c2;
  border-radius: 50%;
  margin: 0 7px;
  border: 2px solid transparent;
}

.slider__area .carousel__pagination li .carousel__pagination-button.carousel__pagination-button--active {
  border-color: #bc8247;
  background: #ffffff;
}

.slider__area .carousel__pagination li .carousel__pagination-button::after {
  display: none;
}

.slider__area .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  padding: 0;
  width: 45px;
  height: 45px;
  line-height: 45px;
  color: #6666;
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  font-size: 0;
  border-radius: 50%;
  text-align: center;
  -webkit-transform: translate(0, -50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  font-size: 20px;
}

.slider__area .slick-arrow:hover {
  background: #8a8f6a;
  color: #ffffff;
  border-color: #8a8f6a;
}

.slider__area .slick-arrow.slick-prev {
  left: 10px;
}

.slider__area .slick-arrow.slick-next {
  right: 10px;
}

.slider__area-2 .carousel__pagination {
  bottom: 40px;
}

.slider__area-3 .slick-dots {
  bottom: 40px;
}

.slider__area-3 .slick-dots li button {
  border-color: transparent;
  background: transparent;
  width: 8px;
  height: 8px;
  background: #d1d0d1;
}

.slider__area-3 .slick-dots li.carousel__slide--active button {
  border-color: transparent;
  background: transparent;
  width: 30px;
  height: 7px;
  background: #8a8f6a;
  border-radius: 6px;
}

.slider__area-3 .slide-video.slide-media {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.slider__area-4 .carousel__pagination {
  bottom: 40px;
}

.slider__area-4 .slick-dots {
  bottom: 40px;
}

.slider__height {
  height: 925px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider__height {
    height: 750px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__height {
    height: 700px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__height {
    height: 650px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__height {
    height: 600px;
  }
}

@media (max-width: 575px) {
  .slider__height {
    height: 550px;
  }
}

.slider__height-2 {
  height: 830px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider__height-2 {
    height: 750px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__height-2 {
    height: 700px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__height-2 {
    height: 650px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__height-2 {
    height: 600px;
  }
}

@media (max-width: 575px) {
  .slider__height-2 {
    height: 550px;
  }
}

.slider__height-4 {
  height: 535px;
}

.slider__height-5 {
  height: 950px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider__height-5 {
    height: 900px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__height-5 {
    height: 850px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__height-5 {
    height: 700px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__height-5 {
    height: 750px;
  }
}

@media (max-width: 575px) {
  .slider__height-5 {
    height: 700px;
  }
}

.slider__height-6 {
  height: 950px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider__height-6 {
    height: 900px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__height-6 {
    height: 850px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__height-6 {
    height: 650px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__height-6 {
    height: 600px;
  }
}

@media (max-width: 575px) {
  .slider__height-6 {
    height: 600px;
  }
}

.slider__content h2 {
  font-weight: 600;
  line-height: 1.2;
  color: #323232;
  margin-bottom: 14px;
}

@media (max-width: 575px) {
  .slider__content h2 {
    font-size: 30px;
  }
}

.slider__content p {
  margin-bottom: 45px;
  color: #323232;
}

.slider__content-3 p {
  padding-right: 105px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider__content-3 p {
    padding-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__content-3 p {
    padding-right: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__content-3 p {
    padding-right: 20px;
  }
}

@media (max-width: 575px) {
  .slider__content-3 p {
    padding-right: 0px;
  }
}

.slider__content-black h2 {
  color: #ffffff;
}

.slider__content-black p {
  color: #fff;
}

.slider__content-4 {
  padding-left: 95px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__content-4 {
    padding-left: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__content-4 {
    padding-left: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__content-4 {
    padding-left: 30px;
  }
}

@media (max-width: 575px) {
  .slider__content-4 {
    padding-left: 20px;
  }
}

@media (max-width: 575px) {
  .slider__content-5 {
    margin-top: 65px;
  }
}

.slider__content-5 .meta {
  color: #8a8f6a;
}

.slider__content-5 span {
  padding: 0;
  font-size: 13px;
  display: inline-block;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  color: #323232;
}

.slider__content-5 h2 {
  font-size: 70px;
  line-height: 70px;
  margin: 0;
  font-weight: 700;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__content-5 h2 {
    font-size: 50px;
  }
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__content-5 h2 {
    font-size: 40px;
    line-height: 45px;
  }
}

.slider__content-5 p {
  margin-top: 30px;
  padding-right: 110px;
  color: inherit;
  margin-bottom: 35px;
}

@media (max-width: 575px) {
  .slider__content-5 p {
    padding-right: 0;
  }
}

.single-slider {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider {
    background-position: left;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-slider {
    background-position: left;
  }
}

@media (max-width: 575px) {
  .single-slider {
    background-position: left;
  }
}

.carousel__slide--active .slider__content span,
.carousel__slide--active .slider__content h2,
.carousel__slide--active .slider__content p,
.carousel__slide--active .slider__content .slider__btn,
.carousel__slide--active .hero-slider-btn,
.carousel__slide--active .h4-span {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.carousel__slide--active .slider__content span {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}

.carousel__slide--active .slider__content h2 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.carousel__slide--active .slider__content p {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}

.carousel__slide--active .slider__content .hero-slider-btn {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
}

/*----------------------------------------*/
/*  04. BANNER CSS START
/*----------------------------------------*/
.banner__area-df {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner__area-df {
    display: block;
  }
}

.banner__inner::before {
  position: absolute;
  content: '';
  top: -20px;
  left: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  background: #ffffff;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .banner__inner::before {
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    top: -15px;
    left: -15px;
  }
}

@media (max-width: 575px) {
  .banner__inner::before {
    display: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__inner::before {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner__inner {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__inner {
    margin-top: 30px;
  }
}

@media (max-width: 575px) {
  .banner__inner {
    margin-top: 30px;
  }
}

.banner__thumb a {
  display: block;
}

.banner__item:hover .banner__thumb img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.banner__item:hover .banner__content {
  top: 60%;
}

.banner__item-2 {
  padding-left: 0;
  padding-right: 0;
}

.banner__item-2:hover .banner__thumb img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.banner__item-3 {
  position: relative;
  margin-right: 10px;
  width: 50%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner__item-3 {
    width: 100%;
  }
}

.banner__item-3:last-child {
  margin-right: 0;
}

.banner__item-3-image {
  position: relative;
}

.banner__item-3-image::before {
  position: absolute;
  background: #00000091;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}

.banner__item-3-image img {
  width: 100%;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__item-3-image img {
    height: 230px;
  }
}

.banner__item-3:hover .banner__item-3-image::before {
  visibility: visible;
  opacity: 1;
}

.banner__item-3:hover .banner__content-5 {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  visibility: visible;
  opacity: 1;
}

.banner__content {
  top: 50%;
  left: 10%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.banner__content span {
  color: #bc8246;
  margin-bottom: 15px;
}

.banner__content h5 {
  margin-bottom: 17px;
  line-height: 22px;
}

.banner__content h5 a:hover {
  color: #bc8246;
}

.banner__content-2 {
  top: 50%;
  left: 85px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner__content-2 {
    left: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner__content-2 {
    left: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__content-2 {
    left: 40px;
  }
}

@media (max-width: 575px) {
  .banner__content-2 {
    left: 15px;
  }
}

.banner__content-2.banner__content-2-right {
  left: 100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner__content-2.banner__content-2-right {
    left: 55px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner__content-2.banner__content-2-right {
    left: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__content-2.banner__content-2-right {
    left: 40px;
  }
}

@media (max-width: 575px) {
  .banner__content-2.banner__content-2-right {
    left: 15px;
  }
}

.banner__content-2 span {
  color: #bc8246;
}

.banner__content-2 h4 {
  font-size: 18px;
  margin-bottom: 10px;
  margin-bottom: 15px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .banner__content-2 h4 {
    margin-bottom: 25px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__content-2 h4 {
    margin-bottom: 25px;
  }
}

@media (max-width: 575px) {
  .banner__content-2 h4 {
    margin-bottom: 25px;
  }
}

.banner__content-2 h4 a:hover {
  color: #bc8246;
}

.banner__content-2 p {
  color: #444;
  margin-bottom: 37px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .banner__content-2 p {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner__content-2 p {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner__content-2 p {
    display: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__content-2 p {
    display: none;
  }
}

@media (max-width: 575px) {
  .banner__content-2 p {
    display: none;
  }
}

.banner__content-4 {
  left: 25px;
}

.banner__content-4.banner__content-4-right {
  left: 45px;
}

@media (max-width: 575px) {
  .banner__content-4.banner__content-4-right {
    left: 25px;
  }
}

.banner__content-5 {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transform: translateY(-40%);
          transform: translateY(-40%);
  max-width: 450px;
  margin: 0 auto;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}

.banner__content-5 h5 {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 20px;
}

.banner__content-5 p {
  color: #ffffff;
  margin-bottom: 30px;
  padding: 0px 10px;
}

.banner-right {
  padding-right: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-right {
    padding-right: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-right {
    padding-right: 0;
  }
}

@media (max-width: 575px) {
  .banner-right {
    padding-right: 0;
  }
}

.banner-left {
  padding-left: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-left {
    padding-left: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-left {
    padding-left: 0;
  }
}

@media (max-width: 575px) {
  .banner-left {
    padding-left: 0;
  }
}

.video__area-df {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 565px;
  position: relative;
  z-index: 1;
}

.video__area-df::before {
  position: absolute;
  content: '';
  background: #00000075;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
}

.video__content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
}

.video__content p {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 0;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .video__content {
    padding: 0 30px;
  }
}

.video__button a {
  display: inline-block;
  height: 60px;
  width: 60px;
  line-height: 56px;
  border: 3px solid #ffffff;
  border-radius: 50%;
  color: #ffffff;
  font-size: 15px;
}

.video__button a:hover {
  border-color: #8a8f6a;
  color: #8a8f6a;
}

.video__title {
  color: #ffffff;
  font-size: 40px;
  text-transform: uppercase;
  line-height: 48px;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .video__title {
    font-size: 30px;
  }
}

.testimonial__area .owl-carousel .owl-item img {
  display: block;
  width: auto;
}

.testimonial__area .owl-dots {
  text-align: center;
}

.testimonial__area .owl-dots .owl-dot {
  display: inline-block;
  vertical-align: middle;
}

.testimonial__area .owl-dots .owl-dot > span {
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 5px;
  margin: 3px;
  border: 0;
  background: #e0e0e0;
}

.testimonial__area .owl-dots .owl-dot.active > span {
  background-color: #8a8f6a;
  width: 30px;
}

.testimonial__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.testimonial__image img {
  border-radius: 50%;
}

.testimonial__content {
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
}

.testimonial__content P {
  margin-bottom: 30px;
}

.brand__slider-active .owl-nav {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}

.brand__slider-active:hover .owl-nav {
  visibility: visible;
  opacity: 1;
}

.brand__slider-active .owl-carousel {
  position: relative;
}

.brand__slider-active .owl-carousel .owl-nav > div.disabled {
  cursor: not-allowed;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.brand__slider-active .owl-carousel:hover .owl-nav > div {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.brand__slider-active .owl-nav > div {
  position: absolute;
  top: 50%;
  margin: -25px auto 0;
  cursor: pointer;
  width: 50px;
  height: 50px;
  padding: 0;
  text-align: center;
  line-height: 48px;
  background: var(--vela-color-primary);
  border-radius: 50%;
  border: 1px solid var(--vela-color-primary);
  color: #fff;
  background: #8a8f6a;
  font-size: 0;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.brand__slider-active .owl-nav > div:hover {
  background: #323232;
  color: #ffffff;
  border-color: #ffffff;
}

.brand__slider-active .owl-nav > div:before {
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  font-family: var(--vela-font-icon);
}

.brand__slider-active .owl-nav .owl-prev {
  left: -15px;
}

@media (max-width: 575px) {
  .brand__slider-active .owl-nav .owl-prev {
    left: 0;
  }
}

.brand__slider-active .owl-nav .owl-prev:before {
  content: "\f104";
  margin-right: 2px;
  font-family: "Font Awesome 5 pro";
}

.brand__slider-active .owl-nav .owl-next {
  right: -15px;
}

@media (max-width: 575px) {
  .brand__slider-active .owl-nav .owl-next {
    right: 0;
  }
}

.brand__slider-active .owl-nav .owl-next:before {
  content: "\f105";
  margin-left: 3px;
  font-family: "Font Awesome 5 pro";
}

.brand__image:hover img {
  opacity: .3;
}

.brand__image img {
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

/*----------------------------------------*/
/*  5.  SHOP CSS START
/*----------------------------------------*/
.shop__header .nav-link {
  font-size: 16px;
  background: transparent;
  color: #a3a3a3;
  border-radius: 0;
}

.shop__header .nav-link.active {
  color: #201f1f;
  background: transparent;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop__content-area {
    margin-top: 40px;
  }
}

.shop__header-left .show-text span {
  color: #a3a3a3;
  font-size: 15px;
}

@media (max-width: 575px) {
  .shop__header-left .show-text.bottom {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop__header-left .show-text.bottom {
    margin-top: 40px;
  }
}

@media (max-width: 575px) {
  .shop__header-right {
    margin-top: 15px;
  }
}

.shop__header-right .sort-wrapper select {
  border: none;
  font-size: 15px;
  text-transform: capitalize;
  color: #a3a3a3;
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance: none;
}

.shop__header-right .sort-wrapper::after {
  position: absolute;
  content: '\f107';
  right: 5px;
  top: 2px;
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  color: #a3a3a3;
}

.shop__header-right .nav-link {
  padding: 0;
  padding-left: 15px;
}

.sidebar__widget-content .categories .card {
  padding: 0;
  border: none;
  border-radius: 0;
  margin-bottom: 18px;
}

.sidebar__widget-content .categories .card-header {
  padding: 0;
  border: none;
  border-radius: 0;
}

.sidebar__widget-content .categories .card-body {
  padding: 0;
  padding-left: 18px;
  padding-top: 13px;
}

.sidebar__widget-content .categories .shop-accordion-btn {
  padding: 0;
  width: 100%;
  text-align: left;
  background: #ffffff;
  position: relative;
  color: #bc8246;
  font-weight: 400;
  font-size: 16px;
}

.sidebar__widget-content .categories .shop-accordion-btn::after {
  position: absolute;
  content: '\f105';
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  font-size: 18px;
  font-family: "Font Awesome 5 Pro";
}

.sidebar__widget-content .categories .shop-accordion-btn.collapsed {
  color: #444;
}

.sidebar__widget-content .categories .shop-accordion-btn.collapsed:hover {
  color: #bc8246;
}

.sidebar__widget-content .categories .shop-accordion-btn.collapsed::after {
  -webkit-transform: translateY(-50%) rotate(0);
  transform: translateY(-50%) rotate(0);
}

.sidebar__widget-content .categories__list ul li {
  margin-bottom: 11px;
}

.sidebar__widget-content .categories__list ul li a {
  color: #444;
}

.sidebar__widget-content .categories__list ul li a:hover {
  color: #bc8246;
}

.sidebar__widget-content .price__slider button {
  font-size: 14px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 22px;
  background: #201f1f;
  color: #ffffff;
  font-weight: 500;
  margin-right: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar__widget-content .price__slider button {
    display: block;
    margin-bottom: 15px;
  }
}

.sidebar__widget-content .price__slider button:hover {
  background: #bc8246;
  color: #ffffff;
}

.sidebar__widget-content .price__slider label {
  font-size: 16px;
  font-weight: 500;
}

.sidebar__widget-content .price__slider input {
  font-size: 16px;
  font-weight: 500;
  color: #201f1f;
  border: none;
  outline: none;
  background: none;
  margin-left: 10px;
  width: 100px;
}

.sidebar__widget-content .size ul li {
  display: inline-block;
  margin-right: 8px;
}

.sidebar__widget-content .size ul li a {
  display: inline-block;
  font-size: 14px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  color: #201f1f;
  background: #f1f1f1;
  border-radius: 50%;
}

.sidebar__widget-content .size ul li a:hover {
  background: #bc8246;
  color: #ffffff;
}

.sidebar__widget-content .color__pick ul li {
  display: inline-block;
  margin-right: 18px;
}

.sidebar__widget-content .color__pick ul li button {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  z-index: 1;
}

.sidebar__widget-content .color__pick ul li button::after {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border: 1px solid #ececec;
  border-radius: 50%;
  z-index: -1;
}

.sidebar__widget-content .color__pick ul li button.color-1 {
  background: #fbaf5d;
}

.sidebar__widget-content .color__pick ul li button.color-1:hover::after {
  border-color: #fbaf5d;
}

.sidebar__widget-content .color__pick ul li button.color-2 {
  background: #1cbbb4;
}

.sidebar__widget-content .color__pick ul li button.color-2:hover::after {
  border-color: #1cbbb4;
}

.sidebar__widget-content .color__pick ul li button.color-3 {
  background: #f06eaa;
}

.sidebar__widget-content .color__pick ul li button.color-3:hover::after {
  border-color: #f06eaa;
}

.sidebar__widget-content .color__pick ul li button.color-4 {
  background: #004a80;
}

.sidebar__widget-content .color__pick ul li button.color-4:hover::after {
  border-color: #004a80;
}

.sidebar__widget-content .color__pick ul li button.color-5 {
  background: #c69c6d;
}

.sidebar__widget-content .color__pick ul li button.color-5:hover::after {
  border-color: #fbaf5d;
}

.sidebar__widget-content .color__pick ul li button.color-6 {
  background: #82ca9c;
}

.sidebar__widget-content .color__pick ul li button.color-6:hover::after {
  border-color: #82ca9c;
}

.sidebar__widget-content .color__pick ul li button.color-7 {
  background: #252525;
}

.sidebar__widget-content .color__pick ul li button.color-7:hover::after {
  border-color: #252525;
}

.sidebar__widget-content .brand ul li {
  margin-bottom: 5px;
}

.sidebar__widget-content .brand ul li a {
  color: #a3a3a3;
  font-size: 16px;
}

.sidebar__widget-content .brand ul li a:hover {
  color: #bc8246;
}

.features__product-wrapper:hover .add-cart {
  visibility: visible;
  opacity: 1;
  bottom: 0;
}

.features__product-wrapper:hover .price span {
  visibility: hidden;
  opacity: 0;
}

.features__product-wrapper .add-cart {
  bottom: -10px;
  left: 0;
  visibility: hidden;
  opacity: 0;
}

.features__product-wrapper .add-cart a {
  font-weight: 500;
  color: #201f1f;
  position: relative;
  font-size: 14px;
}

.features__product-wrapper .add-cart a::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: -2px;
  height: 1px;
  width: 100%;
  background: #201f1f;
}

.features__product-wrapper .add-cart a:hover {
  color: #bc8246;
}

.features__product-wrapper .add-cart a:hover::after {
  background: #bc8246;
}

.features__product-content h5 {
  font-size: 14px;
  color: #444;
  margin-bottom: 5px;
  font-weight: 400;
  line-height: 20px;
}

.features__product-content h5 a:hover {
  color: #bc8246;
}

.features__product-content .price {
  position: relative;
}

.features__product-content .price span {
  color: #201f1f;
  font-size: 16px;
  font-weight: 400;
  margin-right: 5px;
}

.features__product-content .price span.price-old {
  color: #8c8c8c;
  text-decoration: line-through;
}

.product__wrapper .add-cart {
  bottom: -40px;
  left: 0;
  visibility: hidden;
  opacity: 0;
}

.product__wrapper .add-cart a {
  font-weight: 500;
  color: #201f1f;
  position: relative;
  font-size: 14px;
}

.product__wrapper .add-cart a::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: -2px;
  height: 1px;
  width: 100%;
  background: #201f1f;
}

.product__wrapper .add-cart a:hover {
  color: #bc8246;
}

.product__wrapper .add-cart a:hover::after {
  background: #bc8246;
}

.product__wrapper:hover .product__thumb-2 {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.product__wrapper:hover .product__action {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.product__wrapper:hover .product__price {
  bottom: -10px;
  visibility: hidden;
  opacity: 0;
}

.product__wrapper:hover .add-cart {
  visibility: visible;
  opacity: 1;
  bottom: -30px;
}

.product__item:hover .product__action-3 {
  -webkit-transform: translateY(-38px);
          transform: translateY(-38px);
  visibility: visible;
  opacity: 1;
}

.product__thumb {
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
}

.product__thumb-2 {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.product__sale {
  display: table;
  position: absolute;
  text-align: center;
  top: 36px;
  right: -20px;
  z-index: 2;
  min-width: 100px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.product__sale span {
  position: relative;
  background: #bc8246;
  color: #fff;
  float: left;
  font-size: 11px;
  font-weight: 400;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: .5px;
  min-width: 50px;
  border-radius: 0;
  min-height: auto;
  border: 0;
}

.product__sale span::after {
  border: 5px solid #bc8246;
  border-color: transparent transparent #bc8246 #bc8246;
  border-width: 10px 5px;
  position: absolute;
  right: -10px;
  bottom: 0;
  content: '';
  z-index: 1;
}

.product__sale span::before {
  border: 5px solid #bc8246;
  border-color: #bc8246 transparent transparent #bc8246;
  border-width: 9px 5px;
  position: absolute;
  right: -10px;
  top: 0;
  content: '';
  z-index: 1;
}

.product__sale span.percent {
  background: #201f1f;
}

.product__sale span.percent::after {
  border: 5px solid #201f1f;
  border-color: transparent transparent #201f1f #201f1f;
  border-width: 10px 5px;
}

.product__sale span.percent::before {
  border: 5px solid #201f1f;
  border-color: #201f1f transparent transparent #201f1f;
  border-width: 9px 5px;
}

.product__sale-2 {
  top: 20px;
  right: auto;
  left: 0;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.product__sale-3 span {
  background: #d9534f;
}

.product__sale-3 span::before {
  border-color: #d9534f transparent transparent #d9534f;
}

.product__sale-3 span::after {
  border-color: transparent transparent #d9534f #d9534f;
}

.product__action {
  position: absolute;
  bottom: 15px;
  right: 15px;
  background: #ffffff;
  margin: 0;
  padding: 2px 13px;
  text-align: center;
  z-index: 11;
  border-radius: 3px;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.product__action a {
  font-size: 14px;
  border-bottom: 1px solid #ebebeb;
  display: block;
  line-height: 37px;
  height: 37px;
  width: 20px;
  color: #444;
  font-weight: 400;
}

.product__action a:hover {
  color: #bc8246;
}

.product__action a:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

@media (max-width: 575px) {
  .product__action-2 {
    margin-top: 15px;
  }
}

.product__action-2 a {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: transparent;
  font-size: 14px;
  border: 2px solid #b0b0b0;
  color: #444;
  text-align: center;
  line-height: 44px;
  margin-right: 5px;
}

.product__action-2 a:hover {
  border-color: #201f1f;
  color: #201f1f;
}

.product__action-3 {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}

.product__content h4 {
  font-size: 14px;
  font-weight: 400;
  color: #444;
  margin-bottom: 3px;
}

.product__content h4 a:hover {
  color: #bc8246;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product__content-inner.list {
    margin-top: 15px;
  }
}

@media (max-width: 575px) {
  .product__content-inner.list {
    margin-top: 15px;
  }
}

.product__content-inner.list p {
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 15px;
}

.product__content-2 h4 {
  font-size: 14px;
  color: #201f1f;
}

.product__content-2 h4:hover a {
  color: #8a8f6a;
}

.product__content-2 .rating a {
  font-size: 12px;
}

.product__price {
  position: absolute;
  bottom: -30px;
  left: 0;
}

.product__price span {
  font-size: 14px;
  color: #201f1f;
  font-weight: 500;
  margin-right: 7px;
}

.product__price span.old-price {
  color: #8c8c8c;
  text-decoration: line-through;
}

.product__price-2 span {
  font-size: 14px;
  color: #201f1f;
  font-weight: 500;
  margin-right: 7px;
}

.product__price-2 span.old-price {
  color: #8c8c8c;
  text-decoration: line-through;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product__list {
    margin-bottom: 30px;
  }
}

.product__list ul li span {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  line-height: 1;
}

.product__list ul li span::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #201f1f;
  width: 6px;
  height: 1px;
}

.product__tag span {
  font-size: 14px;
  color: #606060;
}

.product__tag span:first-child {
  margin-right: 20px;
}

.product__tag span a:hover {
  color: #bc8246;
}

.product__share span {
  font-size: 14px;
  color: #6c6c6c;
  margin-right: 20px;
}

.product__share ul {
  display: inline-block;
}

.product__share ul li {
  display: inline-block;
  margin-right: 30px;
}

.product__share ul li a {
  font-size: 14px;
  color: #6c6c6c;
  display: inline-block;
}

.product__details-tab-nav .nav-tabs {
  border: none;
}

.product__details-tab-nav .nav-tabs .nav-link {
  padding: 0 50px;
  border: 0;
  font-size: 14px;
  color: #a3a3a3;
  font-weight: 500;
}

.product__details-tab-nav .nav-tabs .nav-link.active {
  color: #201f1f;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product__details-tab-nav .nav-tabs .nav-link {
    padding: 0 25px;
  }
}

@media (max-width: 575px) {
  .product__details-tab-nav .nav-tabs .nav-link {
    padding: 0px;
    text-align: left;
    margin-bottom: 10px;
    margin-right: 10px;
  }
}

.product__details-des p {
  color: #606060;
  font-size: 16px;
  margin-bottom: 28px;
}

.product__details-des-list ul li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 10px;
}

.product__details-des-list ul li::after {
  position: absolute;
  content: '\f00c';
  left: 0;
  top: 0;
  font-size: 14px;
  color: #606060;
  font-family: "Font Awesome 5 Pro";
}

.product__details-des-list ul li span {
  font-size: 14px;
  color: #606060;
}

.product__details-add ul li {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #444;
  border-bottom: 1px solid #ccc;
  padding: 10px 0px;
  width: 50%;
  float: left;
}

.product__details-review p {
  color: #606060;
  font-size: 16px;
  margin-bottom: 28px;
}

.product__banner-inner {
  width: calc(50% - 10px);
  height: 100%;
}

.product__banner-inner:hover .product__banner-img img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.product__banner-content {
  bottom: 50px;
  left: 50px;
}

.product__banner-content h4 {
  font-size: 18px;
}

.product__banner-content h4 a:hover {
  color: #bc8246;
}

.product__title {
  position: relative;
}

.product__title::after {
  border-top: 1px solid #ebebeb;
  content: "";
  left: 0;
  margin: 0;
  position: absolute;
  top: 40%;
  width: 80%;
}

.product__title h4 {
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  position: relative;
  background: #fff none repeat scroll 0 0;
  padding-right: 15px;
  z-index: 1;
}

.product__offer-slider .owl-nav {
  position: absolute;
  top: -88px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product__offer-slider .owl-nav div button {
  background: transparent;
  padding-left: 10px;
  margin-left: 10px;
  font-size: 16px;
  position: relative;
}

.product__offer-slider .owl-nav div button::after {
  position: absolute;
  content: '';
  top: 3px;
  left: 0;
  width: 1px;
  height: 18px;
  background: #ebebeb;
}

.product__offer-slider .owl-nav div button:hover {
  color: #bc8246;
}

.product__offer-slider .owl-nav div.owl-prev button::after {
  display: none;
}

.product__big-image img {
  width: 100%;
}

.product__price-3 span {
  color: #323232;
}

.product__price-3 span del {
  color: #848b8a;
}

.product__slider-area .owl-nav {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}

.product__slider-area .owl-carousel {
  position: relative;
}

.product__slider-area .owl-carousel .owl-nav > div.disabled {
  cursor: not-allowed;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.product__slider-area .owl-carousel:hover .owl-nav > div {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.product__slider-area .owl-nav > div {
  position: absolute;
  top: 50%;
  margin: -25px auto 0;
  cursor: pointer;
  width: 50px;
  height: 50px;
  padding: 0;
  text-align: center;
  line-height: 48px;
  background: var(--vela-color-primary);
  border-radius: 50%;
  border: 1px solid var(--vela-color-primary);
  color: #fff;
  background: #8a8f6a;
  font-size: 0;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.product__slider-area .owl-nav > div:hover {
  background: #323232;
  color: #ffffff;
  border-color: #ffffff;
}

.product__slider-area .owl-nav > div:before {
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  font-family: var(--vela-font-icon);
}

.product__slider-area .owl-nav .owl-prev {
  left: -15px;
}

@media (max-width: 575px) {
  .product__slider-area .owl-nav .owl-prev {
    left: 0;
  }
}

.product__slider-area .owl-nav .owl-prev:before {
  content: "\f104";
  margin-right: 2px;
  font-family: "Font Awesome 5 pro";
}

.product__slider-area .owl-nav .owl-next {
  right: -15px;
}

@media (max-width: 575px) {
  .product__slider-area .owl-nav .owl-next {
    right: 0;
  }
}

.product__slider-area .owl-nav .owl-next:before {
  content: "\f105";
  margin-left: 3px;
  font-family: "Font Awesome 5 pro";
}

.product__slider-active:hover .owl-nav {
  visibility: visible;
  opacity: 1;
}

.user-rating ul li {
  display: inline-block;
}

.user-rating ul li a {
  color: #bc8246;
}

.product__modal-inner {
  padding: 40px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product__modal-content {
    margin-top: 40px;
  }
}

@media (max-width: 575px) {
  .product__modal-content {
    margin-top: 40px;
  }
}

.product__modal-content h4 {
  font-size: 16px;
  margin-bottom: 17px;
  color: #444;
}

.product__modal-content h4 a:hover {
  color: #bc8246;
}

.product__modal-content-2 h4 {
  font-size: 24px;
  color: #201f1f;
  margin-bottom: 27px;
}

.product__modal-des {
  padding-top: 18px;
  padding-bottom: 25px;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.product__modal-des p {
  font-size: 14px;
  line-height: 24px;
  color: #606060;
  margin-bottom: 0;
}

.product__modal-input {
  position: relative;
}

.product__modal-input label {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: #201f1f;
  font-weight: 500;
  margin-bottom: 0px;
}

.product__modal-input label i {
  position: absolute;
  top: 6px;
  right: -7px;
  font-size: 6px;
  color: #ff0000;
}

.product__modal-input select {
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  width: 100%;
  border: 1px solid #e8e8e8;
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance: none;
  color: #444;
}

.product__modal-input::after {
  position: absolute;
  content: '\f107';
  right: 20px;
  top: 55%;
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  color: #7d7d7d;
}

.product__modal-required span {
  color: #ff0000;
  font-size: 14px;
  font-weight: 500;
}

.product__modal-close {
  top: 0;
  right: 0;
}

.product__modal-close button {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: none;
  background: #bc8246;
  color: #ffffff;
  font-size: 14px;
}

.product__modal-close-2 button {
  background: #8a8f6a;
}

.product__modal-nav-item {
  border: 2px solid transparent;
}

.product__modal-nav-item.slick-center {
  border-color: #bc8246;
}

.product__modal-slider .slick-track {
  width: 100% !important;
}

.product__modal-nav .nav {
  display: block !important;
}

.product__modal-nav .nav .nav-item {
  opacity: .5;
}

.product__modal-nav .nav .nav-item.active {
  opacity: 1;
}

.product__modal-box .nav-tabs {
  border: 0;
}

.product__modal-box .nav-tabs .nav-link {
  padding: 0;
  border: none;
  border: 2px solid transparent;
  border-radius: 0;
}

.product__modal-box .nav-tabs .nav-link.active {
  border: 2px solid #bc8246;
}

.product__modal-box-2 .nav-tabs .nav-link.active {
  border: 2px solid #8a8f6a;
}

.add-cart-btn {
  display: inline-block;
  height: 48px;
  line-height: 44px;
  text-align: center;
  padding: 0 70px;
  color: #ffffff;
  background: #201f1f;
  border: 2px solid #201f1f;
  font-size: 14px;
}

.add-cart-btn:hover {
  background: #ffffff;
  color: #201f1f;
}

/* modal dialog */
.modal-dialog.product-modal {
  max-width: 900px !important;
  margin: 1.75rem auto;
}

/* modal cart */
.product-quantity-title label {
  font-size: 14px;
  font-weight: 500;
  color: #606060;
  margin-right: 10px;
}

.cart-plus-minus {
  position: relative;
  display: inline-block;
}

.cart-plus-minus input {
  border: 0px;
  outline: 0px;
  background: none;
  font-weight: 400;
  color: #201f1f;
  font-size: 14px;
  display: inline-block;
  height: 50px;
  list-style: 45px;
  padding: 0 20px;
  width: 110px;
  border: 1px solid #ebebeb;
  text-align: center;
}

.cart-plus-minus .qtybutton {
  font-size: 20px;
  color: #201f1f;
  display: inline-block;
  position: absolute;
  top: 15px;
  height: 22px;
  width: 22px;
  background: transparent;
  border-radius: 30px;
  line-height: 1;
  cursor: pointer;
  text-align: center;
  border-radius: 0;
}

.cart-plus-minus .dec {
  left: 7px;
}

.cart-plus-minus .inc {
  right: 7px;
}

/* 16. Cart */
.table-content table {
  background: #ffffff;
  border-color: #eaedff;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}

.table-content .product-quantity {
  float: none;
}

.table-content table td.product-name {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}

.table-content table td.product-name a:hover {
  color: #bc8246;
}

.table-content table td {
  border-top: medium none;
  padding: 20px 10px;
  vertical-align: middle;
  font-size: 16px;
}

.table-content table th, .table-content table td {
  border-bottom: 1px solid #eaedff;
  border-right: 1px solid #eaedff;
}

.product-quantity input {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  border: 1px solid #dcdcdc;
}

.table td, .table th {
  border-top: 1px solid #eaedff;
}

.product-quantity > input {
  width: 80px;
  border-radius: 3px;
}

.table-content table td.product-subtotal {
  font-size: 16px;
}

.table-content table td .cart-plus-minus {
  float: none;
  margin: 0 auto;
}

.coupon-all {
  margin-top: 50px;
}

.coupon {
  float: left;
}

@media (max-width: 767px) {
  .coupon {
    float: none;
  }
}

#coupon_code {
  height: 50px;
  border: 2px solid #eaedff;
  padding: 0 15px;
  margin-right: 10px;
}

@media (max-width: 767px) {
  #coupon_code {
    margin-bottom: 15px;
  }
}

.coupon2 {
  float: right;
}

@media (max-width: 767px) {
  .coupon2 {
    float: none;
    margin-top: 15px;
  }
}

.cart-page-total {
  padding-top: 50px;
}

.cart-page-total > h2 {
  font-size: 25px;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.cart-page-total > ul {
  border: 1px solid #eaedff;
}

.cart-page-total > ul > li {
  list-style: none;
  font-size: 15px;
  color: #6f7172;
  padding: 10px 30px;
  border-bottom: 1px solid #eaedff;
  font-weight: 400;
}

.cart-page-total ul > li > span {
  float: right;
}

.cart-page-total li:last-child {
  border-bottom: 0;
}

td.product-thumbnail img {
  width: 125px;
}

/* 17. Checkout */
.coupon-accordion h3 {
  background-color: #f6f6f6;
  border-top: 3px solid #bc8246;
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 25px;
  padding: 1em 2em 1em 3.5em;
  position: relative;
  width: auto;
}

.coupon-accordion h3::before {
  content: "\f07b";
  left: 15px;
  top: 13px;
  position: absolute;
  color: #6f7172;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}

.coupon-accordion span {
  color: #6f7172;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
  font-weight: 500;
}

.coupon-accordion span:hover, p.lost-password a:hover {
  color: #bc8246;
}

.coupon-content {
  border: 1px solid #eaedff;
  display: none;
  margin-bottom: 20px;
  padding: 30px;
}

.coupon-info p.coupon-text {
  margin-bottom: 15px;
}

.coupon-info p {
  margin-bottom: 0;
}

.coupon-info p.form-row-first label, .coupon-info p.form-row-last label {
  display: block;
  color: #6f7172;
}

.coupon-info p.form-row-first label span.required, .coupon-info p.form-row-last label span.required {
  color: red;
  font-weight: 700;
}

.coupon-info p.form-row-first input, .coupon-info p.form-row-last input {
  border: 1px solid #eaedff;
  height: 45px;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 100%;
}

.coupon-info p.form-row input[type="submit"]:hover, p.checkout-coupon input[type="submit"]:hover {
  background: #3e976c none repeat scroll 0 0;
}

.coupon-info p.form-row input[type="checkbox"] {
  position: relative;
  top: 2px;
}

.form-row > label {
  margin-top: 15px;
  margin-left: 15px;
  color: #6f7172;
}

.buttons-cart input, .coupon input[type="submit"], .buttons-cart a, .coupon-info p.form-row input[type="submit"] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  padding: 0 15px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

p.lost-password {
  margin-top: 15px;
}

p.lost-password a {
  color: #6f6f6f;
}

p.checkout-coupon input[type="text"] {
  height: 45px;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #eaedff;
  margin-bottom: 15px;
}

.coupon-checkout-content {
  display: none;
}

.checkbox-form h3 {
  border-bottom: 1px solid #eaedff;
  font-size: 26px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.country-select {
  margin-bottom: 30px;
  position: relative;
}

.country-select label, .checkout-form-list label {
  color: #6f7172;
  display: block;
  margin: 0 0 5px;
}

.country-select label span.required, .checkout-form-list label span.required {
  color: red;
}

.country-select select {
  -moz-appearance: none;
  border: 1px solid #eaedff;
  height: 45px;
  padding-left: 10px;
  width: 100%;
  color: #6f7172;
}

.country-select::before {
  content: "\f107";
  right: 15px;
  top: 38px;
  position: absolute;
  color: #6f7172;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}

.checkout-form-list {
  margin-bottom: 30px;
}

.checkout-form-list label {
  color: #6f7172;
}

.checkout-form-list input[type="text"], .checkout-form-list input[type="password"], .checkout-form-list input[type="email"] {
  background: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  height: 45px;
  padding: 0 0 0 10px;
  width: 100%;
}

.checkout-form-list input[type="text"]::-webkit-input-placeholder,
.checkout-form-list input[type="password"]::-webkit-input-placeholder,
.checkout-form-list input[type="email"]::-webkit-input-placeholder {
  color: #6f7172;
  opacity: 1;
}

.checkout-form-list input[type="text"]:-ms-input-placeholder,
.checkout-form-list input[type="password"]:-ms-input-placeholder,
.checkout-form-list input[type="email"]:-ms-input-placeholder {
  color: #6f7172;
  opacity: 1;
}

.checkout-form-list input[type="text"]::-ms-input-placeholder,
.checkout-form-list input[type="password"]::-ms-input-placeholder,
.checkout-form-list input[type="email"]::-ms-input-placeholder {
  color: #6f7172;
  opacity: 1;
}

.checkout-form-list input[type="text"]::placeholder,
.checkout-form-list input[type="password"]::placeholder,
.checkout-form-list input[type="email"]::placeholder {
  color: #6f7172;
  opacity: 1;
}

.checkout-form-list input[type="checkbox"] {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 1px;
}

.create-acc label {
  color: #6f7172;
  display: inline-block;
}

.create-account {
  display: none;
}

.ship-different-title h3 label {
  display: inline-block;
  margin-right: 20px;
  color: #6f7172;
}

.order-notes textarea {
  border: 1px solid #eaedff;
  height: 90px;
  padding: 15px;
  width: 100%;
}

.order-notes textarea::-webkit-input-placeholder {
  color: #6f7172;
  opacity: 1;
}

.order-notes textarea:-ms-input-placeholder {
  color: #6f7172;
  opacity: 1;
}

.order-notes textarea::-ms-input-placeholder {
  color: #6f7172;
  opacity: 1;
}

.order-notes textarea::placeholder {
  color: #6f7172;
  opacity: 1;
}

#ship-box-info {
  display: none;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-default > .panel-heading {
  border-radius: 0;
}

.your-order {
  padding: 30px 40px 45px;
  border: 3px solid #eaedff;
}

@media (max-width: 767px) {
  .your-order {
    padding: 15px;
  }
}

.your-order h3 {
  border-bottom: 1px solid #eaedff;
  font-size: 30px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.your-order-table table {
  background: none;
  border: 0;
  width: 100%;
}

.your-order-table table th, .your-order-table table td {
  border-bottom: 1px solid #eaedff;
  border-right: medium none;
  color: #6f7172;
  font-size: 14px;
  padding: 15px 0;
  text-align: left;
}

@media (max-width: 767px) {
  .your-order-table table th, .your-order-table table td {
    padding-right: 10px;
  }
}

.your-order-table table th {
  border-top: medium none;
  color: #6f7172;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}

.panel-body > p {
  color: #222;
}

.your-order-table table .shipping ul li input {
  position: relative;
  top: 2px;
}

.your-order-table table .shipping ul li label {
  color: #6f7172;
}

.your-order-table table .shipping th {
  vertical-align: top;
}

.your-order-table table .order-total th {
  border-bottom: 0;
  font-size: 14px;
}

.your-order-table table .order-total td {
  border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
  background: #F9F9F9;
}

.your-order-table table tr.order-total td span {
  color: #bc8246;
  font-size: 18px;
  font-weight: 500;
}

.payment-method {
  margin-top: 40px;
}

.panel-title > a {
  display: block;
}

.order-button-payment input {
  background: #232323 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  height: 40px;
  margin: 0px 0 0;
  padding: 0;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.order-button-payment input:hover {
  background: #3e976c none repeat scroll 0 0;
}

.payment-method .btn-link {
  -moz-user-select: none;
  background: no-repeat;
  border: medium none;
  border-radius: 0;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 0;
  padding: 3px 10px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}

.payment-method .card {
  background-color: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
  border: 1px solid #eaedff;
}

.card-header:first-child {
  border-radius: 0;
}

.payment-method .card-header {
  background-color: #ffffff;
  border-bottom: 1px solid #eaedff;
}

.order-button-payment button {
  width: 100%;
}

#slider-range {
  position: relative;
  margin-bottom: 25px;
}

.ui-widget.ui-widget-content {
  border: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  background: #bc8246;
  border-radius: 50%;
  border: none;
  outline: none;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.004);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.004);
}

.ui-slider-horizontal {
  height: 6px;
}

.ui-widget-content {
  background: #f0f0f0;
}

.ui-widget-header {
  background: #bc8246;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -5px;
}

.ui-slider .ui-slider-handle {
  height: 15px;
  width: 15px;
  -webkit-transition: all 0s ease-out 0s;
  transition: all 0s ease-out 0s;
}

.ui-slider .ui-slider-handle:before {
  position: absolute;
  content: '';
  height: 6px;
  width: 6px;
  background: #ffffff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

/*----------------------------------------*/
/*  06. CLIENT CSS START
/*----------------------------------------*/
.client__thumb img {
  width: inherit !important;
}

/*----------------------------------------*/
/*  07. BLOG CSS START
/*----------------------------------------*/
@media (max-width: 575px) {
  .blog__slider .owl-nav {
    display: none;
  }
}

.blog__slider .owl-nav div {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-20%, -50%);
  transform: translate(-20%, -50%);
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  visibility: hidden;
  opacity: 0;
}

.blog__slider .owl-nav div button {
  width: 55px;
  height: 55px;
  line-height: 58px;
  color: #ffffff;
  background-color: #ebebeb;
  font-size: 20px;
  border-radius: 50%;
}

.blog__slider .owl-nav div button:hover {
  color: #ffffff;
  background-color: #bc8246;
}

.blog__slider .owl-nav div.owl-next {
  left: auto;
  right: 0;
  -webkit-transform: translate(20%, -50%);
  transform: translate(20%, -50%);
}

.blog__slider:hover .owl-nav div {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.blog__slider:hover .owl-nav div.owl-next {
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}

.blog__slider-active .owl-nav {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}

.blog__slider-active:hover .owl-nav {
  visibility: visible;
  opacity: 1;
}

.blog__slider-active .owl-carousel {
  position: relative;
}

.blog__slider-active .owl-carousel .owl-nav > div.disabled {
  cursor: not-allowed;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.blog__slider-active .owl-carousel:hover .owl-nav > div {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.blog__slider-active .owl-nav > div {
  position: absolute;
  top: 50%;
  margin: -25px auto 0;
  cursor: pointer;
  width: 50px;
  height: 50px;
  padding: 0;
  text-align: center;
  line-height: 48px;
  background: var(--vela-color-primary);
  border-radius: 50%;
  border: 1px solid var(--vela-color-primary);
  color: #fff;
  background: #8a8f6a;
  font-size: 0;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.blog__slider-active .owl-nav > div:hover {
  background: #323232;
  color: #ffffff;
  border-color: #ffffff;
}

.blog__slider-active .owl-nav > div:before {
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  font-family: var(--vela-font-icon);
}

.blog__slider-active .owl-nav .owl-prev {
  left: -15px;
}

@media (max-width: 575px) {
  .blog__slider-active .owl-nav .owl-prev {
    left: 0;
  }
}

.blog__slider-active .owl-nav .owl-prev:before {
  content: "\f104";
  margin-right: 2px;
  font-family: "Font Awesome 5 pro";
}

.blog__slider-active .owl-nav .owl-next {
  right: -15px;
}

@media (max-width: 575px) {
  .blog__slider-active .owl-nav .owl-next {
    right: 0;
  }
}

.blog__slider-active .owl-nav .owl-next:before {
  content: "\f105";
  margin-left: 3px;
  font-family: "Font Awesome 5 pro";
}

.blog__slider-item .blog-thumb {
  position: relative;
}

.blog__slider-item .blog-thumb::before {
  background-color: #00000061;
  position: absolute;
  left: 25px;
  right: 25px;
  top: 25px;
  bottom: 25px;
  margin: auto;
  -webkit-transform: scale(0);
  transform: scale(0);
  display: block;
  content: "";
  -webkit-transition: all .35s ease 0s;
  transition: all .35s ease 0s;
}

.blog__slider-item .blog-thumb img {
  width: 100%;
}

.blog__slider-item .blog-thumb:hover::before, .blog__slider-item .blog-thumb:hover .btn {
  -webkit-transform: scale(1);
          transform: scale(1);
  z-index: 1;
}

.blog__slider-item .blog-thumb a.btn {
  background-color: #8a8f6a;
  border-radius: 50%;
  bottom: 0;
  color: #ffffff;
  font-size: 18px;
  height: 55px;
  left: 0;
  line-height: 36px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s ease 0s;
  transition: all 0.35s ease 0s;
  width: 55px;
}

.blog__slider-item .blog-thumb a.btn:hover {
  background-color: #323232;
  color: #ffffff;
}

.blog__item:hover .blog__thumb img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.blog__content {
  padding-top: 27px;
}

.blog__content h4 a:hover {
  color: #bc8246;
}

.blog__content p {
  margin-bottom: 25px;
  color: #606060;
}

.blog__meta {
  margin-bottom: 13px;
}

.blog__meta span a {
  color: #bc8246;
}

.blog__border-bottom {
  border-bottom: 1px solid #f5f5f5;
}

.blog__title {
  font-size: 30px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__title {
    font-size: 25px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__title {
    font-size: 20px;
  }
}

.blog__post-content {
  padding: 35px 20px;
  position: relative;
  margin: -70px 12% 0;
  text-align: center;
  background-color: #323232;
  z-index: 2;
}

@media (max-width: 575px) {
  .blog__post-content {
    padding: 20px 10px;
  }
}

.blog__post-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  color: #ffffff;
}

.blog__post-title a {
  position: relative;
}

.blog__post-title a::before {
  background-color: #8a8f6a;
  content: "";
  height: 70px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: -85px;
  width: 2px;
}

.blog__post-title:hover {
  color: #8a8f6a;
}

.blog__wrapper .article-author {
  color: #8a8f6a;
}

.blog__wrapper .article-meta span {
  font-size: 12px;
}

/* sidebar widget area */
.widget__search input {
  width: 100%;
  height: 53px;
  padding: 0 15px;
  padding-right: 60px;
  border: 1px solid #ebebeb;
}

.widget__search input::-webkit-input-placeholder {
  color: #8c8c8c;
}

.widget__search input:-ms-input-placeholder {
  color: #8c8c8c;
}

.widget__search input::-ms-input-placeholder {
  color: #8c8c8c;
}

.widget__search input::placeholder {
  color: #8c8c8c;
}

.widget__search input:focus {
  border-color: #201f1f;
}

.widget__search button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 22px;
  background: transparent;
  color: #323232;
  font-size: 20px;
}

.postbox__title h1 {
  margin-bottom: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__title h1 {
    font-size: 35px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox__title h1 {
    font-size: 30px;
  }
}

@media (max-width: 575px) {
  .postbox__title h1 {
    font-size: 24px;
  }
}

.postbox__text p {
  line-height: 30px;
  margin-bottom: 27px;
  color: #606060;
}

.postbox__quote p {
  padding-left: 30px;
  padding-top: 7px;
  padding-bottom: 10px;
  margin-bottom: 0;
  position: relative;
  color: #808080;
}

.postbox__quote p::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: #bd8448;
}

.postbox__quote p i {
  position: absolute;
  top: 6px;
  left: 15px;
  font-size: 30px;
  z-index: -1;
  color: #e7e7e7;
}

.postbox__share {
  padding: 15px 0;
  padding-bottom: 20px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.postbox__social span {
  color: #333333;
}

.postbox__social ul {
  display: inline-block;
  margin-left: 25px;
}

.postbox__social ul li {
  display: inline-block;
}

.postbox__social ul li a {
  color: #444;
  padding-right: 15px;
  margin-right: 15px;
  position: relative;
}

.postbox__social ul li a::after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #eeeeee;
}

.postbox__social ul li a:hover {
  color: #bc8246;
}

.postbox__social ul li:last-child a::after {
  display: none;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox__tag {
    margin-top: 10px;
    float: left;
  }
}

@media (max-width: 575px) {
  .postbox__tag {
    margin-top: 10px;
    float: left;
  }
}

.postbox__tag span {
  color: #333333;
  margin-right: 15px;
}

.postbox__tag a {
  color: #444;
}

.postbox__tag a:hover {
  color: #bc8246;
}

.postbox__related-title h3 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 40px;
}

.postbox__comment-title h3 {
  font-size: 24px;
  font-weight: 500;
}

.postbox__line {
  border-top: 1px solid #ebebeb;
}

.post-rating ul li {
  display: inline-block;
}

.post-rating ul li a:hover {
  color: #201f1f;
}

.post-comments {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 42px;
  padding-bottom: 46px;
}

.comments-box {
  border-top: 1px solid #ebebeb;
  padding: 30px 0;
}

.latest-comments li:first-child .comments-box {
  border-top: 0;
  padding-top: 0;
}

.comments-avatar {
  float: left;
  margin-right: 20px;
}

.comments-avatar img {
  border-radius: 50%;
}

.comments-text {
  overflow: hidden;
  padding-top: 4px;
}

.comments-text p {
  font-size: 12px;
}

.comments-text p span {
  color: #444;
}

.avatar-name {
  margin-bottom: 3px;
  overflow: hidden;
  position: relative;
}

.avatar-name h5 {
  font-size: 14px;
  margin-bottom: 0px;
  display: inline-block;
  color: #201f1f;
}

.avatar-name span {
  color: #444;
  font-size: 12px;
  text-transform: capitalize;
}

.reply {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: .3s;
  transition: .3s;
  line-height: 1;
  margin-top: 4px;
  position: absolute;
  right: 0;
  top: 0;
  color: #444;
}

.reply:hover {
  color: #bc8246;
}

@media (max-width: 575px) {
  .reply {
    position: static;
  }
}

.comments-text p {
  margin-bottom: 0;
  margin-top: 8px;
  color: #5b5b5b;
}

.latest-comments li.children {
  margin-left: 100px;
}

@media (max-width: 575px) {
  .latest-comments li.children {
    margin-left: 15px;
  }
}

.load-comments {
  color: #bc8246;
  font-weight: 500;
}

.conatct-post-form input {
  border: 1px solid #eaeaea;
  height: 55px;
  margin-bottom: 30px;
  padding: 0 30px;
  width: 100%;
  font-size: 14px;
}

.conatct-post-form input::-webkit-input-placeholder {
  color: #848b8a;
}

.conatct-post-form input:-ms-input-placeholder {
  color: #848b8a;
}

.conatct-post-form input::-ms-input-placeholder {
  color: #848b8a;
}

.conatct-post-form input::placeholder {
  color: #848b8a;
}

.conatct-post-form input:focus {
  border-color: #bc8246;
}

.conatct-post-form textarea {
  border: 1px solid #eaeaea;
  height: 175px;
  margin-bottom: 30px;
  padding: 30px;
  width: 100%;
  font-size: 14px;
  resize: none;
}

.conatct-post-form textarea::-webkit-input-placeholder {
  color: #848b8a;
}

.conatct-post-form textarea:-ms-input-placeholder {
  color: #848b8a;
}

.conatct-post-form textarea::-ms-input-placeholder {
  color: #848b8a;
}

.conatct-post-form textarea::placeholder {
  color: #848b8a;
}

.conatct-post-form textarea:focus {
  border-color: #bc8246;
}

/* blog content highlight */
.highlight {
  position: relative;
}

.highlight::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #606060;
}

.highlight.theme {
  color: #bc8246;
}

.highlight.theme::after {
  background: #bc8246;
}

.highlight.comment {
  color: #bc8246;
}

.highlight.comment::after {
  display: none;
}

/* recent post & comments */
.rc__post-wrapper ul li {
  margin-bottom: 17px;
}

.rc__post-content h6 {
  font-size: 14px;
  color: #323232;
  line-height: 36px;
  font-weight: 400;
  margin-bottom: 0;
}

.rc__post-content h6 a:hover {
  color: #bc8246;
}

.rc__meta span {
  color: #8c8c8c;
  font-size: 12px;
}

.rc__meta span:hover {
  color: #bc8246;
}

.rc__comments-content h6 {
  font-size: 14px;
  color: #323232;
  margin-bottom: 5px;
}

.rc__comments-content p {
  margin-bottom: 2px;
}

/*----------------------------------------*/
/*  08. SUBSCRIBE CSS START
/*----------------------------------------*/
.subscribe__inner {
  border-top: 1px solid #ebebeb;
}

.subscribe__inner-2 {
  border: none;
}

.subscribe__content h2 {
  font-weight: 400;
  margin-bottom: 15px;
}

.subscribe__content p {
  padding: 0 60px;
  margin-bottom: 53px;
}

@media (max-width: 575px) {
  .subscribe__content p {
    padding: 0;
  }
}

.subscribe__form input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  color: #201f1f;
  font-size: 14px;
  border: none;
  border-bottom: 1px solid #c1c1c1;
  text-align: center;
  margin-bottom: 40px;
  background: transparent;
}

.subscribe__form input:focus {
  border-color: #bc8246;
}

.subscribe__form input::-webkit-input-placeholder {
  color: #8c8c8c;
}

.subscribe__form input:-ms-input-placeholder {
  color: #8c8c8c;
}

.subscribe__form input::-ms-input-placeholder {
  color: #8c8c8c;
}

.subscribe__form input::placeholder {
  color: #8c8c8c;
}

/*----------------------------------------*/
/*  09. TESTIMONIAL CSS
/*----------------------------------------*/
.testimonial__area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.testimonial__nav {
  margin: auto;
  text-align: center;
  width: 360px;
}

@media (max-width: 575px) {
  .testimonial__nav {
    width: 300px;
  }
}

.testimonial__nav-thumb img {
  border: 4px solid #ffffff;
  border-radius: 50%;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  display: inline-block;
  text-align: center;
}

.testimonial__nav-thumb.slick-center img {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.testimonial__wrapper .slick-dots {
  position: absolute;
  bottom: -50px;
  left: 50%;
  z-index: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.testimonial__wrapper .slick-dots li {
  display: inline-block;
}

.testimonial__wrapper .slick-dots li button {
  font-size: 0;
  width: 13px;
  height: 13px;
  background: #c2c2c2;
  border-radius: 50%;
  margin: 0 7px;
  border: 2px solid transparent;
}

.testimonial__wrapper .slick-dots li.slick-active button {
  border-color: #bc8247;
  background: #ffffff;
}

.testimonial__wrapper .carousel__pagination {
  position: absolute;
  bottom: -50px;
  left: 50%;
  z-index: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.testimonial__wrapper .carousel__pagination li {
  list-style: none;
  display: inline-block;
}

.testimonial__wrapper .carousel__pagination li .carousel__pagination-button {
  font-size: 0;
  width: 13px;
  height: 13px;
  background: #c2c2c2;
  border-radius: 50%;
  margin: 0 7px;
  border: 2px solid transparent;
}

.testimonial__wrapper .carousel__pagination li .carousel__pagination-button.carousel__pagination-button--active {
  border-color: #bc8247;
  background: #ffffff;
}

.testimonial__wrapper .carousel__pagination li .carousel__pagination-button::after {
  display: none;
}

.testimonial__item {
  text-align: center;
  display: block;
}

.testimonial__item p {
  color: #606060;
  margin-bottom: 0;
}

.avater__info h6 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 3px;
}

.avater__info span {
  color: #bc8246;
  text-transform: uppercase;
}

/*----------------------------------------*/
/*  12. CONTACT CSS START
/*----------------------------------------*/
.contact__info h3 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 52px;
}

.contact__info p {
  margin-bottom: 55px;
}

.contact__info ul li:hover .contact__info-icon i {
  border-color: #323232;
  background: #323232;
  color: #ffffff;
}

.contact__info-icon i {
  font-size: 18px;
  color: #6c6c6c;
  display: inline-block;
  width: 53px;
  height: 53px;
  line-height: 49px;
  text-align: center;
  border: 2px solid #ebebeb;
}

.contact__info-content h6 {
  font-size: 14px;
  margin-bottom: 2px;
}

.contact__info-content span {
  color: #606060;
}

.contact__social ul li {
  display: inline-block;
  margin-right: 42px;
}

.contact__social ul li a {
  font-size: 18px;
  color: #606060;
}

.contact__social ul li a:hover {
  color: #bc8246;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__form {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__form {
    margin-top: 50px;
  }
}

@media (max-width: 575px) {
  .contact__form {
    margin-top: 50px;
  }
}

.contact__form h3 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 45px;
}

.contact__input label {
  color: #333333;
  display: inline-block;
  margin-bottom: 10px;
}

.contact__input label span.required {
  color: red;
}

.contact__input input,
.contact__input textarea {
  height: 50px;
  width: 100%;
  border: 1px solid #ececec;
  padding: 0 15px;
  font-size: 14px;
  margin-bottom: 22px;
}

.contact__input input:focus,
.contact__input textarea:focus {
  border-color: #bc8246;
}

.contact__input textarea {
  height: 180px;
  resize: none;
  margin-bottom: 45px;
}

.contact__map-wrapper {
  height: 590px;
}

.contact__map-wrapper iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border: none;
}

/*----------------------------------------*/
/*  13. ERROR CSS START
/*----------------------------------------*/
.error__content > span {
  font-size: 12px;
  text-transform: uppercase;
  color: #7b7b7b;
  font-weight: 500;
}

.error__content h2 {
  font-size: 50px;
  font-weight: 500;
  margin-bottom: 32px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .error__content h2 {
    font-size: 45px;
  }
}

@media (max-width: 575px) {
  .error__content h2 {
    font-size: 25px;
  }
}

.error__content p {
  margin-bottom: 70px;
}

.error__number h1 {
  font-size: 300px;
  color: #e5e5e5;
  line-height: 1;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .error__number h1 {
    font-size: 200px;
  }
}

@media (max-width: 575px) {
  .error__number h1 {
    font-size: 100px;
  }
}

.error__search input {
  width: 100%;
  height: 50px;
  padding: 0 15px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #ebebeb;
  margin-bottom: 50px;
}

.error__search input::-webkit-input-placeholder {
  color: #8c8c8c;
}

.error__search input:-ms-input-placeholder {
  color: #8c8c8c;
}

.error__search input::-ms-input-placeholder {
  color: #8c8c8c;
}

.error__search input::placeholder {
  color: #8c8c8c;
}

.error__search input:focus {
  border-color: #bc8246;
}

/*----------------------------------------*/
/*  14.  LOGIN CSS START
/*----------------------------------------*/
.basic-login {
  padding: 90px;
  border: 2px solid #eaedff;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .basic-login {
    padding: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .basic-login {
    padding: 40px;
  }
}

@media (max-width: 767px) {
  .basic-login {
    padding: 30px;
  }
}

.basic-login h3 {
  font-size: 30px;
}

.basic-login input {
  width: 100%;
  height: 60px;
  border: 2px solid #eaedff;
  color: #6f7172;
  padding: 0 20px;
  margin-bottom: 20px;
}

.basic-login input::placeholder,
.basic-login input::-moz-placeholder {
  color: #6f7172;
}

.basic-login label {
  color: #222;
  display: block;
}

.basic-login label span {
  color: red;
}

.login-action input {
  width: inherit;
  height: auto;
}

.login-action label {
  display: inline-block;
  margin-left: 5px;
}

.or-divide {
  border-top: 2px solid #eaedff;
  margin: 40px 0;
  text-align: center;
  position: relative;
}

.or-divide span {
  position: absolute;
  left: 0;
  right: 0;
  top: -9px;
  background: #ffffff;
  display: inline-block;
  width: 40px;
  margin: auto;
  line-height: 1;
  font-weight: 500;
}

@media (max-width: 767px) {
  .forgot-login {
    float: none;
  }
}

.forgot-login a {
  color: #201f1f;
}

.forgot-login a:hover {
  color: #bc8246;
}

@media (max-width: 767px) {
  .log-rem {
    float: none;
    margin-bottom: 10px;
    display: block;
  }
}

.profile__basic-inner {
  border-bottom: 1px solid #eceaea;
  padding: 15px 30px;
  padding-right: 40px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .profile__basic-thumb {
    margin-bottom: 20px;
  }
}

.profile__basic-thumb img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 1px solid #e4e4e4;
}

.profile__basic-title {
  font-size: 22px;
  color: #000;
  font-weight: 400;
  margin-bottom: 5px;
}

.profile__basic-title span {
  font-weight: 600;
}

.profile__basic-content p {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  margin-bottom: 0;
}

.profile__basic-content p a {
  font-weight: 500;
  color: #bc8246;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .profile__basic-cart {
    margin-top: 25px;
  }
}

.profile__basic-cart .cart-info a {
  font-size: 16px;
  color: #000;
  text-transform: capitalize;
  font-weight: 500;
}

.profile__basic-cart .cart-info a:hover {
  color: #bc8246;
}

.profile__basic-cart .cart-item a {
  position: relative;
  font-size: 18px;
  color: #000;
}

.profile__basic-cart .cart-item a:hover {
  color: #bc8246;
}

.profile__basic-cart .cart-quantity {
  position: absolute;
  bottom: -4px;
  right: -7px;
  font-size: 10px;
  display: inline-block;
  width: 17px;
  height: 17px;
  text-align: center;
  line-height: 17px;
  background-color: #bc8246;
  color: #fff;
  font-weight: 500;
  border-radius: 50%;
}

.profile__menu-left {
  padding: 26px 20px 5px;
  border: 1px solid #eceaea;
}

.profile__menu-title {
  font-size: 14px;
  font-weight: 600;
  color: #bc8246;
  border-bottom: 1px solid #eceaea;
  margin-bottom: 0;
  padding-bottom: 20px;
}

.profile__menu-title i {
  width: 10px;
  margin-right: 10px;
  display: inline-block;
}

.profile__menu-tab .nav-tabs {
  padding: 0;
  margin: 0;
  border: 0;
}

.profile__menu-tab .nav-tabs .nav-link {
  padding: 0;
  margin: 0;
  border: 0;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  text-align: left;
  padding: 15px 0;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.profile__menu-tab .nav-tabs .nav-link:not(:last-child) {
  border-bottom: 1px solid #e4e4e4;
}

.profile__menu-tab .nav-tabs .nav-link.active {
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.profile__menu-tab .nav-tabs .nav-link.active, .profile__menu-tab .nav-tabs .nav-link:hover {
  color: #bc8246;
}

.profile__menu-tab .nav-tabs .nav-link i {
  margin-right: 10px;
  width: 10px;
  display: inline-block;
}

.profile__info-top {
  padding: 20px 70px;
  background-color: #fff;
  margin-bottom: 15px;
}

@media (max-width: 575px) {
  .profile__info-top {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.profile__info-btn {
  font-size: 14px;
  color: #000;
  font-weight: 500;
  background-color: transparent;
}

.profile__info-btn i {
  margin-right: 5px;
}

.profile__info-btn:hover {
  color: #bc8246;
}

.profile__info-title {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-bottom: 0;
}

.profile__info-title i {
  width: 10px;
  margin-right: 10px;
  display: inline-block;
}

.profile__info-wrapper {
  padding: 0 70px;
}

@media (max-width: 575px) {
  .profile__info-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.profile__info-item {
  padding: 30px 0;
}

.profile__info-item:not(:last-child) {
  border-bottom: 1px solid #eceaea;
}

.profile__info-item p {
  font-size: 14px;
  text-transform: capitalize;
  color: #000;
  margin-bottom: 10px;
  line-height: 1;
}

.profile__info-item h4 {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0;
}

.profile__edit-wrapper {
  padding: 40px 60px;
}

@media (max-width: 575px) {
  .profile__edit-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.profile__edit-input {
  margin-bottom: 25px;
}

.profile__edit-input p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  color: #000;
}

.profile__edit-input input {
  width: 100%;
  height: 60px;
  line-height: 56px;
  background: var(--tp-grey-2);
  border: 1px solid #ececec;
  border-radius: 4px;
  padding-left: 30px;
  padding-right: 45px;
}

.profile__edit-input input::-webkit-input-placeholder {
  color: #8d8e9a;
  font-weight: 500;
}

.profile__edit-input input:-ms-input-placeholder {
  color: #8d8e9a;
  font-weight: 500;
}

.profile__edit-input input::-ms-input-placeholder {
  color: #8d8e9a;
  font-weight: 500;
}

.profile__edit-input input::placeholder {
  color: #8d8e9a;
  font-weight: 500;
}

.profile__edit-input input:focus {
  border-color: #bc8246;
  background-color: #fff;
}

.profile__edit-close {
  position: absolute;
  top: 15px;
  right: 15px;
}

.profile__edit-close-btn {
  font-size: 15px;
  color: #6f7172;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #e4e4e4;
}

.profile__edit-close-btn:hover {
  color: #fff;
  background-color: #bc8246;
  border-color: #bc8246;
}

.order__info-top {
  padding: 20px 70px;
  background-color: #fff;
  margin-bottom: 15px;
}

@media (max-width: 575px) {
  .order__info-top {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.order__info-btn {
  font-size: 14px;
  color: #000;
  font-weight: 500;
  background-color: transparent;
}

.order__info-btn i {
  margin-right: 5px;
}

.order__info-btn:hover {
  color: #bc8246;
}

.order__info-title {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-bottom: 0;
}

.order__info-title i {
  width: 10px;
  margin-right: 10px;
  display: inline-block;
}

.order__info-wrapper {
  padding: 0 70px;
}

.order__info-item {
  padding: 30px 0;
}

.order__info-item:not(:last-child) {
  border-bottom: 1px solid #eceaea;
}

.order__info-item p {
  font-size: 14px;
  text-transform: capitalize;
  color: #000;
  margin-bottom: 10px;
  line-height: 1;
}

.order__info-item h4 {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0;
}

.order__list {
  padding: 35px 70px 5px;
}

@media (max-width: 575px) {
  .order__list {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .order__list .table {
    width: 600px;
  }
}

.order__list table {
  border: 0;
}

.order__list table th {
  border-bottom: 1px solid #e4e4e4;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}

.order__list table th td {
  padding-left: 0;
  padding-right: 0;
}

.order__list table tr:not(:last-child) {
  border-bottom: 1px solid #e4e4e4;
}

.order__list table > :not(:first-child) {
  border-top: 1px solid #e4e4e4;
}

.order__list .table > :not(caption) > * > * {
  border: 0;
  padding-left: 0;
  padding-right: 0;
}

.order__list tbody tr td {
  padding: 20px 0;
}

.order__id {
  color: #bc8246;
  font-weight: 500;
}

.order__view-btn {
  font-weight: 500;
  color: #000;
}

.order__view-btn:hover {
  color: #bc8246;
}

.order__title:hover {
  color: #bc8246;
}

.password__change-top {
  padding: 20px 70px;
  background-color: #fff;
  margin-bottom: 15px;
}

@media (max-width: 575px) {
  .password__change-top {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.password__change-btn {
  font-size: 14px;
  color: #000;
  font-weight: 500;
}

.password__change-btn i {
  margin-right: 5px;
}

.password__change-btn:hover {
  color: #bc8246;
}

.password__change-title {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-bottom: 0;
}

.password__change-title i {
  width: 10px;
  margin-right: 10px;
  display: inline-block;
}

.password__change-wrapper {
  padding: 0 70px;
}

@media (max-width: 575px) {
  .password__change-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.password__change-item {
  padding: 30px 0;
}

.password__change-item:not(:last-child) {
  border-bottom: 1px solid #eceaea;
}

.password__change-item p {
  font-size: 14px;
  text-transform: capitalize;
  color: #000;
  margin-bottom: 10px;
  line-height: 1;
}

.password__change-item h4 {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0;
}

.password__form {
  padding: 35px 70px;
}

@media (max-width: 575px) {
  .password__form {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.password__input {
  margin-bottom: 25px;
}

.password__input p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  color: #000;
}

.password__input input {
  width: 100%;
  height: 60px;
  line-height: 56px;
  background: var(--tp-grey-2);
  border: 1px solid #ececec;
  border-radius: 4px;
  padding-left: 30px;
  padding-right: 45px;
}

.password__input input::-webkit-input-placeholder {
  color: #8d8e9a;
  font-weight: 500;
}

.password__input input:-ms-input-placeholder {
  color: #8d8e9a;
  font-weight: 500;
}

.password__input input::-ms-input-placeholder {
  color: #8d8e9a;
  font-weight: 500;
}

.password__input input::placeholder {
  color: #8d8e9a;
  font-weight: 500;
}

.password__input input:focus {
  border-color: #bc8246;
  background-color: #fff;
}

/*----------------------------------------*/
/*  15. FOOTER CSS START
/*----------------------------------------*/
.footer__bottom {
  border-top: 1px solid #383838;
  padding: 45px 0;
}

.footer__bottom.footer__bottom-2 {
  border-top: none;
  padding: 0;
}

.footer__bottom-inner {
  border-top: 1px solid #ebebeb;
  padding: 45px 0;
}

.footer__bottom-inner-2 {
  border-top-color: #c1c1c1;
}

.footer__bottom-3 {
  padding: 30px 0;
}

.footer__widget-title h5 {
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.footer__widget-title-2 h5 {
  color: #201f1f;
}

.footer__widget-content p {
  color: #b4b3b3;
  margin-bottom: 25px;
}

.footer__widget-content .form-group .form-control {
  display: block;
  width: 100%;
  height: 38px;
  padding: 9px 20px;
  font-size: 13px;
  line-height: 1.45;
  color: #666;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e1e1e1;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  background: transparent;
  border: 1px solid #464646;
  height: 44px;
  margin-bottom: 25px;
}

.footer__widget-content .form-group .form-control:focus {
  -webkit-box-shadow: inset 0 1px 1px #00000013,0 0 8px #8a8f6a99;
          box-shadow: inset 0 1px 1px #00000013,0 0 8px #8a8f6a99;
}

.footer__widget-content .form-group .form-control::-webkit-input-placeholder {
  color: #b4b3b3;
  font-size: 14px;
  opacity: 1;
}

.footer__widget-content .form-group .form-control:-ms-input-placeholder {
  color: #b4b3b3;
  font-size: 14px;
  opacity: 1;
}

.footer__widget-content .form-group .form-control::-ms-input-placeholder {
  color: #b4b3b3;
  font-size: 14px;
  opacity: 1;
}

.footer__widget-content .form-group .form-control::placeholder {
  color: #b4b3b3;
  font-size: 14px;
  opacity: 1;
}

.footer__widget-content .form-group .ss-btn {
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  white-space: nowrap;
  padding: 9px 20px;
  font-size: 13px;
  line-height: 1.45;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  height: 44px;
  color: #ffffff;
  background: #8a8f6a;
}

.footer__contact ul li {
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer__contact ul li .icon i {
  line-height: 27px;
  color: #b4b3b3;
  margin-right: 15px;
}

.footer__contact ul li .text span {
  color: #b4b3b3;
}

.footer__links ul li {
  margin-bottom: 10px;
}

.footer__links ul li a {
  font-size: 14px;
  color: #b4b3b3;
  font-weight: 500;
  position: relative;
}

.footer__links ul li a::after {
  position: absolute;
  content: '';
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  visibility: hidden;
  opacity: 0;
}

.footer__links ul li a:hover {
  color: #ffffff;
}

.footer__links ul li a:hover::after {
  bottom: -2px;
  visibility: visible;
  opacity: 1;
}

.footer__links.footer__links-2 ul li a {
  color: #515151;
}

.footer__links.footer__links-2 ul li a::after {
  background: #201f1f;
}

.footer__links.footer__links-2 ul li a:hover {
  color: #201f1f;
}

.footer__copyright p {
  margin-bottom: 0;
  color: #b4b3b3;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__copyright p {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__copyright p {
    margin-bottom: 30px;
  }
}

@media (max-width: 575px) {
  .footer__copyright p {
    margin-bottom: 30px;
  }
}

.footer__copyright p a {
  color: #bc8246;
}

.footer__copyright p .link {
  color: #8a8f6a;
}

.footer__copyright-2 p {
  color: #515151;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__copyright-3 p {
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__social {
    float: left;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__social {
    float: left;
  }
}

@media (max-width: 575px) {
  .footer__social {
    float: left;
  }
}

.footer__social ul li {
  display: inline-block;
  margin-left: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__social ul li {
    margin-left: 0;
    margin-right: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__social ul li {
    margin-left: 0;
    margin-right: 40px;
  }
}

@media (max-width: 575px) {
  .footer__social ul li {
    margin-left: 0;
    margin-right: 40px;
  }
}

.footer__social ul li a {
  color: #b4b3b3;
}

.footer__social ul li a:hover {
  color: #bc8246;
}

.footer__social-2 ul li a {
  color: #515151;
}

.footer__social-list ul {
  padding: 0;
  border: 1px solid #464646;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}

@media (max-width: 575px) {
  .footer__social-list ul {
    display: block;
  }
}

.footer__social-list ul li {
  display: inline-block;
  width: 50%;
  border-left: 1px solid #464646;
}

@media (max-width: 575px) {
  .footer__social-list ul li {
    border-bottom: 1px solid #464646;
    border-left: 0;
    width: 100%;
  }
}

.footer__social-list ul li:first-child {
  border-left: 0;
}

@media (max-width: 575px) {
  .footer__social-list ul li:last-child {
    border-bottom: 0;
  }
}

.footer__social-list ul li a {
  font-size: 12px;
  font-weight: 500;
  padding: 18px 0;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
  -webkit-transition: .3s;
  transition: .3s;
}

.footer__social-list ul li a:hover {
  color: #8a8f6a;
}

.footer__payment {
  text-align: right;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__payment {
    text-align: start;
  }
}
/*# sourceMappingURL=main.css.map */