@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Template Name: Negan - Minimal eCommerce HTML Template
    Version: 3.1

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

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

    1. Template default CSS
    2. Header style
    3. Slider style
    4. Banner style
    5. Section title
    6. Product style
    7. Feature style
    8. Footer style
    9. Instagram style
    10. Deal style
    11. Blog style
    12. Subscribe style
    13. Product details style
    14. Testimonial style
    15. Brand logo style
    16. Contact page
    17. Video style
    18. Notification style 
    19. Breadcrumb style
    20. Shop page
    21. Cart page
    22. My account page
    23. Faq page
    24. Checkout page
    25. About us page
    26. Service page
    27. Coming soon page
    28. Error 404 page
    29. Portfolio page
    30. Login register page

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  1. Template default CSS
/*----------------------------------------*/
/*-- Google Font --*/
/*-- Common Style --*/
*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  font-family: Hind, sans-serif, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #333333;
  text-align: left;
  background-color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #343538;
  font-weight: 400;
  margin-top: 0;
}

p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #8a8a8a;
  margin-bottom: 15px;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

p:last-child {
  margin-bottom: 0;
}

a,
button {
  color: inherit;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  color: #343538;
}

a,
button,
input,
span {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  /*color: #343538;*/
}

img {
  color: #343538;
}

*:focus {
  outline: none !important;
}

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

a:hover {
  text-decoration: none;
  color: #333333;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

button,
input[type=submit] {
  cursor: pointer;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

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

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.section {
  float: left;
  width: 100%;
}

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.bg-img {
  background-position: center center;
  background-size: cover;
}

a:hover {
  color: #333333;
}

/*************************
  Basic margin padding
*************************/
.m-0 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.p-0 {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/*************************
         Margin top
*************************/
.mt-0 {
  margin-top: 0;
}

.mt-5 {
  margin-top: 5px !important;
}

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

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

.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-70 {
  margin-top: 70px;
}

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

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

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

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

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

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

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

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

/*************************
      Margin right
*************************/
.mr-0 {
  margin-right: 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*************************
      Margin bottom
*************************/
.mb-0 {
  margin-bottom: 0;
}

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

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

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

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

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

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

.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-90 {
  margin-bottom: 90px;
}

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

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

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

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

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

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

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

/*************************
        Margin left
*************************/
.ml-0 {
  margin-left: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*************************
        Padding top
*************************/
.pt-0 {
  padding-top: 0;
}

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

.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;
}

@media only screen and (max-width: 767px) {
  .pt-60 {
    padding-top: 50px;
  }
}
.pt-65 {
  padding-top: 65px;
}

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

@media only screen and (max-width: 767px) {
  .pt-70 {
    padding-top: 50px;
  }
}
.pt-75 {
  padding-top: 75px;
}

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

@media only screen and (max-width: 767px) {
  .pt-80 {
    padding-top: 50px;
  }
}
.pt-95 {
  padding-top: 95px;
}

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

@media only screen and (max-width: 767px) {
  .pt-90 {
    padding-top: 40px;
  }
}
.pt-100 {
  padding-top: 100px;
}

@media only screen and (max-width: 767px) {
  .pt-100 {
    padding-top: 50px;
  }
}
.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-128 {
  padding-top: 128px;
}

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

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

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

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

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

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

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .pt-295 {
    padding-top: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-295 {
    padding-top: 145px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-295 {
    padding-top: 95px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-295 {
    padding-top: 47px;
  }
}
.pt-170 {
  padding-top: 170px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-170 {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-170 {
    padding-top: 70px;
  }
}
.pt-180 {
  padding-top: 180px;
}

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

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

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-210 {
    padding-top: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-210 {
    padding-top: 110px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-210 {
    padding-top: 60px;
  }
}
.pt-230 {
  padding-top: 230px;
}

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

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

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

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

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

/*************************
        Padding right
*************************/
.pr-0 {
  padding-right: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*************************
        Padding bottom
*************************/
.pb-0 {
  padding-bottom: 0;
}

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

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

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

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

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

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

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

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

.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;
}

@media only screen and (max-width: 767px) {
  .pb-60 {
    padding-bottom: 50px;
  }
}
.pb-65 {
  padding-bottom: 65px;
}

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

@media only screen and (max-width: 767px) {
  .pb-70 {
    padding-bottom: 50px;
  }
}
.pb-75 {
  padding-bottom: 75px;
}

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

@media only screen and (max-width: 767px) {
  .pb-80 {
    padding-bottom: 50px;
  }
}
.pb-85 {
  padding-bottom: 85px;
}

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

@media only screen and (max-width: 767px) {
  .pb-90 {
    padding-bottom: 40px;
  }
}
.pb-95 {
  padding-bottom: 95px;
}

@media only screen and (max-width: 767px) {
  .pb-95 {
    padding-bottom: 45px;
  }
}
.pb-100 {
  padding-bottom: 100px;
}

@media only screen and (max-width: 767px) {
  .pb-100 {
    padding-bottom: 50px;
  }
}
.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-140 {
  padding-bottom: 140px;
}

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

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

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-165 {
    padding-bottom: 95px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-165 {
    padding-bottom: 65px;
  }
}
.pb-170 {
  padding-bottom: 170px;
}

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

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

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

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .pb-240 {
    padding-bottom: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-240 {
    padding-bottom: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-240 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-240 {
    padding-bottom: 50px;
  }
}
.pb-210 {
  padding-bottom: 210px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-210 {
    padding-bottom: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-210 {
    padding-bottom: 110px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-210 {
    padding-bottom: 60px;
  }
}
.pb-285 {
  padding-bottom: 285px;
}

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

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

/*************************
        Padding left
*************************/
.pl-0 {
  padding-left: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/***************************
    Page section padding 
****************************/
.ptb-0 {
  padding: 0;
}

.ptb-10 {
  padding: 10px 0;
}

.ptb-20 {
  padding: 20px 0;
}

.ptb-30 {
  padding: 30px 0;
}

.ptb-35 {
  padding: 35px 0;
}

.ptb-32 {
  padding: 32px 0;
}

.ptb-40 {
  padding: 40px 0;
}

.ptb-50 {
  padding: 50px 0;
}

.ptb-60 {
  padding: 60px 0;
}

.ptb-70 {
  padding: 70px 0;
}

.ptb-80 {
  padding: 80px 0;
}

.ptb-90 {
  padding: 90px 0;
}

.ptb-100 {
  padding: 100px 0;
}

.ptb-110 {
  padding: 110px 0;
}

.ptb-120 {
  padding: 120px 0;
}

.ptb-130 {
  padding: 130px 0;
}

.ptb-140 {
  padding: 140px 0;
}

.ptb-150 {
  padding: 150px 0;
}

.ptb-160 {
  padding: 160px 0;
}

.ptb-170 {
  padding: 170px 0;
}

.ptb-177 {
  padding: 177px 0;
}

.ptb-180 {
  padding: 180px 0;
}

.ptb-190 {
  padding: 190px 0;
}

.ptb-200 {
  padding: 200px 0;
}

.ptb-210 {
  padding: 210px 0;
}

.ptb-220 {
  padding: 220px 0;
}

.ptb-290 {
  padding: 290px 0;
}

.ptb-310 {
  padding: 310px 0;
}

/***************************
    Page section margin 
****************************/
.mtb-0 {
  margin: 0;
}

.mtb-10 {
  margin: 10px 0;
}

.mtb-15 {
  margin: 15px 0;
}

.mtb-20 {
  margin: 20px 0;
}

.mtb-30 {
  margin: 30px 0;
}

.mtb-40 {
  margin: 40px 0;
}

.mtb-50 {
  margin: 50px 0;
}

.mtb-60 {
  margin: 60px 0;
}

.mtb-70 {
  margin: 70px 0;
}

.mtb-80 {
  margin: 80px 0;
}

.mtb-90 {
  margin: 90px 0;
}

.mtb-100 {
  margin: 100px 0;
}

.mtb-110 {
  margin: 110px 0;
}

.mtb-120 {
  margin: 120px 0;
}

.mtb-130 {
  margin: 130px 0;
}

.mtb-140 {
  margin: 140px 0;
}

.mtb-150 {
  margin: 150px 0;
}

.mtb-290 {
  margin: 290px 0;
}

/*-- 
    - Input Placeholder
-----------------------------------------*/
.border-top-1 {
  border-top: 1px solid #e5e5e5;
}

.border-top-2 {
  border-top: 1px solid #e8e8e8;
}

.border-bottom-1 {
  border-bottom: 1px solid #d5d5d5;
}

.border-bottom-2 {
  border-bottom: 1px solid #e8e8e8;
}

/*-- 
    - Input Placeholder
-----------------------------------------*/
input:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input {
  background: #eceff8;
  border: 2px solid #eceff8;
  height: 45px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 10px;
  font-size: 14px;
  color: #343538;
  width: 100%;
}

select {
  width: 100%;
  background: transparent;
  border: 0px solid #eceff8;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 14px;
  color: #343538;
}

option {
  background: #fff;
  border: 0px solid #626262;
  padding-left: 10px;
  font-size: 14px;
}

input:focus {
  background: transparent;
}

textarea {
  resize: vertical;
  background: #eceff8;
  border: 2px solid #eceff8;
  padding: 10px;
  width: 100%;
  font-size: 14px;
}

textarea:focus {
  background: transparent;
  border: 2px solid #4FC1F0;
  outline: none;
}

.input-group.divcenter.input-group .form-control {
  padding-left: 0px;
}

.mobile-menu-area {
  display: none;
}

.stick .mobile-menu-area.white-mobile-menu a.meanmenu-reveal {
  color: #333;
  border: 1px solid #333;
}

.stick .mobile-menu-area.white-mobile-menu a.meanmenu-reveal span {
  background-color: #333;
}

.mean-container a.meanmenu-reveal {
  top: -30px;
}

#mobile-menu-active {
  display: none;
}

.mobile-menu .mean-nav ul.menu-overflow {
  height: 215px;
  margin-top: 10;
  overflow-y: auto;
}

.mobile-menu.mean-container .mean-nav ul {
  margin: 14px 0 0;
}

/*-- 
    Scroll Up 
-----------------------------------------*/
#scrollUp {
  width: 50px;
  height: 50px;
  background-color: #dcb86c;
  color: #fff;
  right: 20px;
  bottom: 60px;
  text-align: center;
  overflow: hidden;
  border-radius: 50px;
  z-index: 9811 !important;
}

@media only screen and (max-width: 767px) {
  #scrollUp {
    width: 40px;
    height: 40px;
  }
}
#scrollUp i {
  display: block;
  line-height: 50px;
  font-size: 22px;
}

@media only screen and (max-width: 767px) {
  #scrollUp i {
    line-height: 40px;
    font-size: 16px;
  }
}
#scrollUp:hover i {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.height-100 {
  height: 100vh;
}

/*--
    - Background Color
------------------------------------------*/
.bg-gray {
  background-color: #f6f6f8;
}

.bg-gray-2 {
  background-color: #f7f7f7;
}

.bg-gray-3 {
  background-color: #f8f8f8;
}

.bg-gray-4 {
  background-color: #f9f9f9;
}

.bg-gray-5 {
  background-color: #f4f4f4;
}

.bg-pink {
  background-color: #fae5ea;
}

.bg-black {
  background-color: #131313;
}

.bg-black-2 {
  background-color: #232324;
}

.bg-black-3 {
  background-color: #000;
}

.bg-green {
  background-color: #91d4c0;
}

.bg-yellow {
  background-color: #eede56;
}

.bg-pink-2 {
  background-color: #f6b7cf;
}

.default-overlay {
  position: relative;
}

.default-overlay:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.btn {
  color: #fff;
  font-size: 12px;
  display: inline-block;
  cursor: pointer;
  padding: 15px 50px;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  line-height: 30px;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #343538;
  border-radius: 0;
}

@media only screen and (max-width: 767px) {
  .btn {
    padding: 10px 40px;
  }
}
.btn:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn.btn-style-outline {
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
  line-height: 26px;
}

.btn.outline-2 {
  border-width: 2px;
}

.btn.btn-large {
  padding: 15px 35px;
}

.btn.btn-size-sm {
  padding: 15px 35px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .btn.btn-size-sm {
    padding: 10px 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .btn.btn-size-sm {
    padding: 10px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .btn.btn-size-sm {
    padding: 7px 20px;
  }
}
.btn.btn-size-lg {
  padding: 15px 60px;
  font-size: 14px;
}

.btn.btn-color-white {
  border-color: #fff;
  color: #fff;
}

.btn.btn-color-white:hover {
  border-color: #dcb86c;
  background-color: #dcb86c;
  color: #fff;
}

.btn.btn-color-gray {
  border-color: #9d9d9d;
  color: #343538;
}

.btn.btn-color-gray:hover {
  border-color: #dcb86c;
  background-color: #dcb86c;
  color: #fff;
}

.btn.btn-bg-color-white {
  background-color: #fff;
  color: #343538;
}

.btn.btn-outline-bigger {
  border-width: 3px;
  width: 100%;
  max-width: 520px;
  font-size: 24px;
  padding: 30px;
  letter-spacing: 3px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .btn.btn-outline-bigger {
    padding: 20px;
    max-width: 400px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .btn.btn-outline-bigger {
    padding: 20px;
    max-width: 320px;
  }
}
@media only screen and (max-width: 767px) {
  .btn.btn-outline-bigger {
    padding: 15px;
    max-width: 200px;
  }
}
.btn.btn-outline-bigger:hover {
  border-color: #dcb86c;
  background-color: #dcb86c;
  color: #fff;
}

.btn.btn-color-black {
  border-color: #e2dcd5;
  color: #343538;
}

.btn.btn-color-black:hover {
  border-color: #dcb86c;
  background-color: #dcb86c;
  color: #fff;
}

.transparent-bar {
  left: 0;
  right: 0;
  position: absolute;
  width: 100%;
  z-index: 999;
}

.section-padding-1 .container-fluid {
  padding: 0 80px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-1 .container-fluid {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-1 .container-fluid {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-1 .container-fluid {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-1 .container-fluid {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .section-padding-1 .container-fluid {
    padding: 0 15px;
  }
}
.section-padding-2.padding-10-row-col .container-fluid {
  padding: 0 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-2.padding-10-row-col .container-fluid {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-2.padding-10-row-col .container-fluid {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .section-padding-2.padding-10-row-col .container-fluid {
    padding: 0 15px;
  }
}
/*----- 2. Header style  -----*/
@media only screen and (max-width: 991px) {
  .header-area .header-bottom {
    display: none;
  }
}
.sticky-bar.stick {
  -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
  background-color: #fff;
  border-bottom: 0 solid #4a90e2;
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.06);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  left: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.full-page-header {
  padding: 32px 0;
}

.fp-viewing-1 .full-page-header, .fp-viewing-2 .full-page-header, .fp-viewing-3 .full-page-header {
  -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
  background-color: #fff;
  border-bottom: 0 solid #4a90e2;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  left: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  padding: 23px 0;
}

.main-menu > nav > ul > li {
  display: inline-block;
  position: relative;
}

.main-menu > nav > ul > li > a {
  display: block;
  line-height: 30px;
  color: #343538;
  /* padding: 5px 25px; */
  padding: 5px 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu > nav > ul > li > a {
    padding: 5px 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li > a {
    padding: 5px 10px;
  }
}
.main-menu > nav > ul > li > a .tip {
  color: #fff;
  font-size: 8px;
  line-height: 1;
  padding: 2px 4px;
  position: absolute;
  font-weight: 400;
  bottom: calc(100% + 5px);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  background: #e9595e;
  color: #fff;
}

.main-menu > nav > ul > li > a .tip::before {
  content: "";
  border-top: 4px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  top: 100%;
  color: #e9595e;
}

.main-menu > nav > ul > li.active > a::after, .main-menu > nav > ul > li:hover > a::after {
  left: 25px;
  right: auto;
  width: calc(100% - 50px);
  -webkit-transition: width 300ms ease-in;
  -o-transition: width 300ms ease-in;
  transition: width 300ms ease-in;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu > nav > ul > li.active > a::after, .main-menu > nav > ul > li:hover > a::after {
    left: 18px;
    width: calc(100% - 36px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li.active > a::after, .main-menu > nav > ul > li:hover > a::after {
    left: 10px;
    width: calc(100% - 20px);
  }
}
.main-menu > nav > ul > li:hover > a::before {
  content: "";
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  height: 80px;
}

.main-menu > nav > ul > li .dropdown-menu-style {
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  padding: 30px;
  visibility: hidden;
  opacity: 0;
  margin-top: 50px;
  z-index: -999;
  -webkit-transition: margin 0.1s linear 0s, visibility 0.1s linear 0s, opacity 0.1s linear 0s;
  -o-transition: margin 0.1s linear 0s, visibility 0.1s linear 0s, opacity 0.1s linear 0s;
  transition: margin 0.1s linear 0s, visibility 0.1s linear 0s, opacity 0.1s linear 0s;
}

.main-menu > nav > ul > li .dropdown-menu-style.banner-menu-width {
  padding: 30px 15px 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu > nav > ul > li .dropdown-menu-style.banner-menu-width {
    max-height: 420px;
    overflow-y: auto !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li .dropdown-menu-style.banner-menu-width {
    max-height: 400px;
    overflow-y: auto !important;
  }
}
.main-menu > nav > ul > li .dropdown-menu-style .single-menu-banner {
  float: left;
  width: 50%;
  padding: 0 15px;
  position: relative;
  margin-bottom: 30px;
}

.main-menu > nav > ul > li .dropdown-menu-style .single-menu-banner a {
  position: relative;
  display: block;
}

.main-menu > nav > ul > li .dropdown-menu-style .single-menu-banner a::before {
  background-color: rgba(35, 35, 36, 0.8);
  opacity: 0;
  visibility: hidden;
  z-index: 9;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  right: 0;
  bottom: 0;
  -webkit-transition: all 450ms ease-out;
  -o-transition: all 450ms ease-out;
  transition: all 450ms ease-out;
}

.main-menu > nav > ul > li .dropdown-menu-style .single-menu-banner a img {
  width: 100%;
}

.main-menu > nav > ul > li .dropdown-menu-style .single-menu-banner .menu-banner-content {
  width: 90%;
  left: 5%;
  z-index: 9;
  bottom: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(0, 50%) scale(2);
  -ms-transform: translate(0, 50%) scale(2);
  transform: translate(0, 50%) scale(2);
  position: absolute;
  -webkit-transition: all 450ms ease-out;
  -o-transition: all 450ms ease-out;
  transition: all 450ms ease-out;
  text-align: center;
}

.main-menu > nav > ul > li .dropdown-menu-style .single-menu-banner .menu-banner-content span {
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;
}

.main-menu > nav > ul > li .dropdown-menu-style .single-menu-banner:hover .menu-banner-content {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, 50%) scale(1);
  -ms-transform: translate(0, 50%) scale(1);
  transform: translate(0, 50%) scale(1);
}

.main-menu > nav > ul > li .dropdown-menu-style .single-menu-banner:hover a::before {
  opacity: 1;
  visibility: visible;
}

.main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-1 {
  width: 700px;
  left: -303px;
}

.main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-1.dropdown-width-hm4-1 {
  left: 0px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-1 {
    left: -262px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-1 {
    left: -250px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-1 {
    left: -200px;
  }
}
.main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-1 ul li {
  width: 213.333px;
}

.main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-2 {
  width: 240px;
  padding: 20px 0;
}

.main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-2 ul li {
  width: 100%;
  float: inherit;
}

.main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-2 ul li a {
  padding: 14px 40px;
}

.main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-2 ul li a i {
  font-size: 12px;
  margin-left: 7px;
}

.main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-2 ul li .lavel-menu {
  padding: 20px 0;
  width: 240px;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: -20px;
  visibility: hidden;
  opacity: 0;
}

.main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-2 ul li:hover > .lavel-menu {
  margin-left: 0px;
  visibility: visible;
  opacity: 1;
}

.main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 {
  width: 1170px;
  left: -540px;
  overflow: hidden;
}

.main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3.dropdown-width-hm4-1 {
  left: -197px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3.dropdown-width-hm4-1 {
    left: -212px;
  }
}
.main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3.dropdown-width-hm4-1.banner-menu-width {
  left: -533px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 {
    left: -432px;
  }
  .main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3.hm16-menu-res {
    left: -460px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 {
    left: -430px;
  }
  .main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3.hm16-menu-res {
    left: -530px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 {
    width: 962px;
    left: -350px;
    padding: 30px 15px;
  }
  .main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3.hm16-menu-res {
    left: -435px;
  }
}
.main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li {
  width: 185px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li {
    width: 182.333px;
  }
}
.main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner {
  width: 370px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner {
    width: 200.667px;
  }
}
.main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner ul li {
  width: 370px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner ul li {
    width: 200.667px;
  }
}
.main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner ul li a {
  padding: 0 15px 0 0;
}

.main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner ul li a img {
  width: 100%;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3.banner-menu-width {
    left: -710px;
    max-height: 500px;
    overflow-y: auto !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3.banner-menu-width {
    left: -718px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3.banner-menu-width {
    left: -590px;
    width: 962px;
  }
}
.main-menu > nav > ul > li .dropdown-menu-style ul li {
  float: left;
  position: relative;
}

.main-menu > nav > ul > li .dropdown-menu-style ul li a.menu-title {
  color: #343538;
  background-color: transparent;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  margin-left: 15px;
  margin-bottom: 7px;
  display: block;
}

.main-menu > nav > ul > li .dropdown-menu-style ul li a.menu-title.menu-title-none {
  opacity: 0;
  visibility: hidden;
}

.main-menu > nav > ul > li .dropdown-menu-style ul li ul li a {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1;
  display: block;
  padding: 14px 15px;
  color: #8a8a8a;
}

.main-menu > nav > ul > li .dropdown-menu-style ul li ul li a:hover {
  color: #343538;
}

.main-menu > nav > ul > li:hover .dropdown-menu-style {
  visibility: visible;
  opacity: 1;
  margin-top: 30px;
  z-index: 999;
  -webkit-transition: margin 0.1s linear 0.3s, visibility 0.1s linear 0.3s, opacity 0.1s linear 0.3s;
  -o-transition: margin 0.1s linear 0.3s, visibility 0.1s linear 0.3s, opacity 0.1s linear 0.3s;
  transition: margin 0.1s linear 0.3s, visibility 0.1s linear 0.3s, opacity 0.1s linear 0.3s;
}

.main-menu > nav > ul > li:hover .dropdown-menu-style.dropdown-width-hm4-1 {
  margin-top: 0px;
}

.main-menu.main-menu-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 30px 0;
}

.main-menu.menu-white > nav > ul > li > a {
  color: #fff;
  padding: 11px 25px;
}

.main-menu.menu-white > nav > ul > li > a:after {
  display: none;
}

.stick .main-menu.main-menu-center {
  padding: 20px 0;
}

.stick .main-menu > nav > ul > li:hover .dropdown-menu-style {
  margin-top: 17px;
}

.stick .main-menu > nav > ul > li:hover .dropdown-menu-style.dropdown-width-hm4-1 {
  margin-top: 0px;
}

.stick .header-right-wrap .same-style {
  padding: 20px 0;
}

.header-right-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-right-wrap .same-style {
  padding: 30px 0;
}

.header-right-wrap .same-style > a {
  width: 40px;
  display: block;
  text-align: center;
  font-size: 20px;
  line-height: 45px;
  height: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-right-wrap .same-style > a {
    font-size: 18px;
    width: 30px;
  }
}
.header-right-wrap .same-style.account-satting {
  position: relative;
}

.header-right-wrap .same-style.account-satting ul {
  list-style: none;
  position: absolute;
  z-index: -99;
  top: 100%;
  left: 0;
  width: 200px;
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  padding: 15px 0 17px;
  -webkit-box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-right-wrap .same-style.account-satting ul {
    left: -40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-right-wrap .same-style.account-satting ul {
    left: -72px;
  }
}
.header-right-wrap .same-style.account-satting ul li {
  display: block;
}

.header-right-wrap .same-style.account-satting ul li a {
  text-transform: uppercase;
  font-size: 11px;
  display: block;
  padding: 15px 30px;
  line-height: 1;
  color: #8a8a8a;
}

.header-right-wrap .same-style.account-satting ul li a:hover {
  color: #dcb86c;
}

.header-right-wrap .same-style.account-satting:hover ul {
  opacity: 1;
  visibility: visible;
  z-index: 99;
}

.header-right-wrap .same-style.header-off-canvas a {
  font-size: 22px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-right-wrap .same-style.header-off-canvas a {
    font-size: 18px;
  }
}
.header-right-wrap .same-style.cart-wrap a, .header-right-wrap .same-style.header-wishlist a {
  position: relative;
}

.header-right-wrap .same-style.cart-wrap a span, .header-right-wrap .same-style.header-wishlist a span {
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  font-size: 10px;
  height: 17px;
  line-height: 17px;
  color: #fff;
  display: block;
  top: 0;
  right: 4px;
  min-width: 17px;
  text-align: center;
  padding: 0;
  border-radius: 50%;
  background-color: #dcb86c;
}

.search-content-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.97);
  text-align: center;
  -webkit-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  transition: all ease-in-out 0.25s;
  z-index: 99999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.search-content-wrap.search-visible {
  visibility: visible;
  opacity: 1;
}

.search-content-wrap.search-visible .search-content {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

.search-content-wrap > .search-close {
  font-size: 40px;
  display: block;
  position: absolute;
  top: 20%;
  right: 20%;
  line-height: 40px;
  height: 40px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.search-content-wrap > .search-close:hover {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.search-content-wrap > .search-close i:hover {
  color: #dcb86c;
}

.search-content-wrap .search-content {
  display: inline-block;
  max-width: 90%;
  text-align: center;
  font-size: 18px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.search-content-wrap .search-content p {
  font-size: 18px;
  margin: 0 0 15px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 400;
}

.search-content-wrap .search-content .search-form {
  position: relative;
}

.search-content-wrap .search-content .search-form input {
  width: 800px;
  background-color: transparent;
  -webkit-box-shadow: 0 3px 0 0 rgba(255, 255, 255, 0.1);
  box-shadow: 0 3px 0 0 rgba(255, 255, 255, 0.1);
  border: 0;
  text-align: center;
  font-size: 35px;
  padding: 34px 40px 34px 36px;
  color: rgba(255, 255, 255, 0.8);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-weight: 400;
  max-width: 100%;
  height: auto;
}

.search-content-wrap .search-content .search-form .button-search {
  position: absolute;
  top: 44px;
  display: block;
  right: 5px;
  border: 0;
  background: 0 0;
  padding: 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 30px;
  height: 30px;
}

.search-content-wrap .search-content .search-form .button-search:hover {
  color: #dcb86c;
}

.header-aside-active {
  position: fixed;
  top: 0;
  width: 370px;
  min-height: 100vh;
  bottom: 0;
  z-index: 111;
  right: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  -webkit-transform: translate(200px, 0);
  -ms-transform: translate(200px, 0);
  transform: translate(200px, 0);
  background-color: #fff;
  -webkit-box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  z-index: 9999;
}

.header-aside-active.inside {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.header-aside-active .header-aside-wrap {
  padding: 70px 40px 0;
  overflow: auto;
  height: 100%;
}

.header-aside-active .header-aside-wrap.aside-overflow-none {
  overflow: inherit;
  padding: 70px 40px 0 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-aside-active .header-aside-wrap.aside-overflow-none {
    padding: 55px 40px 0 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-aside-active .header-aside-wrap.aside-overflow-none {
    padding: 35px 40px 0 0;
  }
}
.header-aside-active .header-aside-wrap .aside-close {
  position: absolute;
  left: -66px;
  top: 0;
  z-index: 9;
  width: 66px;
  height: 66px;
  color: #fff;
  line-height: 72px;
  text-align: center;
  font-size: 32px;
  background-color: #343538;
}

.header-aside-active .header-aside-wrap .aside-close i {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
}

.header-aside-active .header-aside-wrap .aside-close:hover i {
  color: #dcb86c;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.header-aside-active .header-aside-wrap .header-aside-top p {
  font-size: 12px;
  color: #343538;
  margin: 16px 0 15px;
}

.header-aside-active .header-aside-wrap .header-aside-top .aside-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header-aside-active .header-aside-wrap .header-aside-top .aside-social a {
  font-size: 12px;
  margin: 0 30px 0 0;
}

.header-aside-active .header-aside-wrap .header-aside-top .aside-social a:last-child {
  margin: 0 0px 0 0;
}

.header-aside-active .header-aside-wrap .header-aside-middle {
  margin: 48px 0 0;
}

.header-aside-active .header-aside-wrap .header-aside-middle .lang-curr-style {
  position: relative;
}

.header-aside-active .header-aside-wrap .header-aside-middle .lang-curr-style a {
  padding: 7px 0;
  font-size: 16px;
  color: #343538;
  display: block;
}

.header-aside-active .header-aside-wrap .header-aside-middle .lang-curr-style a span {
  color: #dcb86c;
}

.header-aside-active .header-aside-wrap .header-aside-middle .lang-curr-style:hover > a {
  color: #dcb86c;
}

.header-aside-active .header-aside-wrap .header-aside-middle .lang-curr-style ul {
  position: absolute;
  top: 100%;
  margin-top: 20px;
  z-index: 111;
  visibility: hidden;
  left: 0;
  -webkit-transition: margin 0.1s linear 0.3s, visibility 0.1s linear 0.3s, opacity 0.1s linear 0.3s;
  -o-transition: margin 0.1s linear 0.3s, visibility 0.1s linear 0.3s, opacity 0.1s linear 0.3s;
  transition: margin 0.1s linear 0.3s, visibility 0.1s linear 0.3s, opacity 0.1s linear 0.3s;
  opacity: 0;
  min-width: 150px;
  background-color: #fff;
  text-align: left;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  padding: 0 20px;
}

.header-aside-active .header-aside-wrap .header-aside-middle .lang-curr-style ul li a {
  display: block;
  padding: 15px 0;
  font-size: 12px;
  line-height: 1;
}

.header-aside-active .header-aside-wrap .header-aside-middle .lang-curr-style ul li a:hover {
  color: #dcb86c;
}

.header-aside-active .header-aside-wrap .header-aside-middle .lang-curr-style:hover ul {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}

.header-aside-active .header-aside-wrap .header-aside-bottom {
  margin-top: 320px;
  margin-bottom: 40px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .header-aside-active .header-aside-wrap .header-aside-bottom {
    margin-top: 150px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-aside-active .header-aside-wrap .header-aside-bottom {
    margin-top: 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-aside-active .header-aside-wrap .header-aside-bottom {
    margin-top: 100px;
  }
}
.header-aside-active .header-aside-wrap .header-aside-bottom ul li {
  margin: 0 0 8px;
  position: relative;
  padding-left: 37px;
}

.header-aside-active .header-aside-wrap .header-aside-bottom ul li:last-child {
  margin: 0 0 13px;
}

.header-aside-active .header-aside-wrap .header-aside-bottom ul li:before {
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  font-size: 1.15em;
  top: 3px;
  color: #343538;
}

.header-aside-active .header-aside-wrap .header-aside-bottom ul li.phn:before {
  content: "\f095";
}

.header-aside-active .header-aside-wrap .header-aside-bottom ul li.email:before {
  content: "\f0e0";
}

.header-aside-active .header-aside-wrap .header-aside-bottom ul li.address:before {
  content: "\f041";
}

.header-aside-active .header-aside-wrap .header-aside-bottom ul li span {
  font-size: 12px;
}

.header-aside-active .header-aside-wrap .header-aside-copyright p {
  font-size: 12px;
  color: #343538;
  margin: 0;
  text-transform: uppercase;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .header-aside-active.hm-side-menu {
    width: 250px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-aside-active.hm-side-menu {
    width: 225px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-aside-active.hm-side-menu {
    width: 180px;
  }
}
.wrapper .body-overlay {
  background: rgba(35, 35, 36, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}

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

.wrapper-2 .body-overlay-2 {
  background: rgba(35, 35, 36, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}

.wrapper-2.overlay-active-2 .body-overlay-2 {
  opacity: 1;
  visibility: visible;
}

.sidebar-cart-active {
  position: fixed;
  top: 0;
  width: 420px;
  padding: 104px 50px 50px;
  min-height: 100vh;
  bottom: 0;
  z-index: 9999;
  right: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
  -webkit-transform: translate(200px, 0);
  -ms-transform: translate(200px, 0);
  transform: translate(200px, 0);
  -webkit-box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  background-color: #fff;
}

.sidebar-cart-active.inside {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

@media only screen and (max-width: 991px) {
  .sidebar-cart-active {
    min-height: calc(100vh - 70px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-cart-active {
    width: 350px;
    padding: 104px 30px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar-cart-active {
    padding: 50px 15px 50px;
    width: 300px;
  }
}
.sidebar-cart-active .sidebar-cart-all .cart-close {
  position: absolute;
  top: 55px;
  right: 55px;
  font-size: 30px;
  line-height: 30px;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

@media only screen and (max-width: 767px) {
  .sidebar-cart-active .sidebar-cart-all .cart-close {
    top: 20px;
    right: 23px;
    font-size: 23px;
  }
}
.sidebar-cart-active .sidebar-cart-all .cart-close:hover {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #dcb86c;
}

.sidebar-cart-active .sidebar-cart-all .cart-content > h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 45px;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul {
  margin: 0 -30px 0 0;
  padding: 0 30px 0 0;
  max-height: 310px;
  max-height: calc(100vh - 430px);
  max-height: -webkit-calc(100vh - 430px);
  overflow: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-cart-active .sidebar-cart-all .cart-content ul {
    max-height: calc(100vh - 365px);
  }
}
@media only screen and (max-width: 767px) {
  .sidebar-cart-active .sidebar-cart-all .cart-content ul {
    max-height: calc(100vh - 360px);
  }
}
.sidebar-cart-active .sidebar-cart-all .cart-content ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70px;
  flex: 0 0 70px;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-img a img {
  width: 100%;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-title {
  margin-left: 20px;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-title h4 {
  font-size: 14px;
  margin: 0 0 4px;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-title span {
  font-size: 12px;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-delete a {
  display: block;
  font-weight: 400;
  font-size: 14px;
  height: 20px;
  line-height: 17px;
  overflow: hidden;
  width: 20px;
  font-family: Verdana, sans-serif;
}

.sidebar-cart-active .sidebar-cart-all .cart-content .cart-total {
  display: block;
  width: 100%;
  margin: 8px 0 37px;
}

.sidebar-cart-active .sidebar-cart-all .cart-content .cart-total h4 {
  font-size: 12px;
  color: #343538;
  margin: 0;
}

.sidebar-cart-active .sidebar-cart-all .cart-content .cart-total h4 span {
  float: right;
  font-size: 18px;
}

.sidebar-cart-active .sidebar-cart-all .cart-content .cart-checkout-btn {
  display: block;
  width: 100%;
}

.sidebar-cart-active .sidebar-cart-all .cart-content .cart-checkout-btn a {
  width: 100%;
  display: block;
  margin: 10px 0 0;
  text-align: center;
  line-height: 20px;
  padding: 19px 20px 20px;
  background-color: #343538;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
}

.sidebar-cart-active .sidebar-cart-all .cart-content .cart-checkout-btn a:hover {
  background-color: #dcb86c;
}

.sidebar-cart-active .sidebar-cart-all .cart-content .cart-checkout-btn a:first-child {
  margin-top: 0;
}

.header-contact-info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header-contact-info ul li {
  color: #8a8a8a;
  font-size: 12px;
  text-transform: uppercase;
  margin-right: 20px;
}

.header-contact-info ul li:last-child {
  margin-right: 0;
}

.header-contact-info ul li a {
  color: #8a8a8a;
}

.header-contact-info ul li a:hover {
  color: #dcb86c;
}

.header-contact-info ul li i {
  font-size: 16px;
  margin-right: 5px;
}

.header-top-cur-lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.header-top-cur-lang > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header-top-cur-lang > ul > li {
  position: relative;
  margin-left: 20px;
  padding: 7px 0 7px 20px;
}

.header-top-cur-lang > ul > li:first-child {
  padding: 7px 0 7px 0px;
}

.header-top-cur-lang > ul > li a {
  color: #8a8a8a;
  font-size: 12px;
}

.header-top-cur-lang > ul > li a:hover {
  color: #dcb86c;
}

.header-top-cur-lang > ul > li ul {
  margin: 0;
  position: absolute;
  z-index: -11;
  top: 100%;
  width: auto;
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  padding: 15px 0;
  -webkit-box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  right: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-top-cur-lang > ul > li ul {
    left: -30px;
  }
}
.header-top-cur-lang > ul > li ul li {
  display: block;
}

.header-top-cur-lang > ul > li ul li a {
  text-transform: uppercase;
  font-size: 11px;
  display: block;
  padding: 15px 30px;
  line-height: 1;
}

.header-top-cur-lang > ul > li:hover ul {
  opacity: 1;
  visibility: visible;
  z-index: 11;
}

.header-top-cur-lang > ul > li:hover > a {
  color: #dcb86c;
}

.offer-area h5 {
  font-size: 18px;
  color: #343538;
  margin: 0;
}

.offer-area h5 span {
  font-style: italic;
}

.offer-area h5 a {
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  border-bottom: 1px solid #343538;
  display: inline-block;
}

.sidebar-main-menu {
  padding-top: 10px;
}

.sidebar-main-menu nav > ul > li {
  display: block;
  padding-bottom: 43px;
  position: relative;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-main-menu nav > ul > li {
    padding-bottom: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-main-menu nav > ul > li {
    padding-bottom: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-main-menu nav > ul > li {
    padding-bottom: 28px;
  }
}
.sidebar-main-menu nav > ul > li:last-child {
  padding-bottom: 0px;
}

.sidebar-main-menu nav > ul > li > a {
  color: #343538;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  display: block;
  line-height: 1;
  padding: 0 0 0 40px;
}

.sidebar-main-menu nav > ul > li > a span {
  position: absolute;
  top: -30px;
  left: 37px;
  font-size: 8px;
  line-height: 1;
  padding: 2px 4px;
  color: #fff;
  background: #e9595e;
  font-weight: 400;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-main-menu nav > ul > li > a span {
    top: -17px;
  }
}
.sidebar-main-menu nav > ul > li > a span::before {
  content: "";
  border-top: 4px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  top: 100%;
  color: #e9595e;
}

.sidebar-main-menu nav > ul > li:hover > a {
  color: #dcb86c;
}

.sidebar-main-menu nav > ul > li .dropdown-menu-style {
  position: absolute;
  top: -10px;
  left: auto;
  right: 100%;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  padding: 30px;
  visibility: hidden;
  opacity: 0;
  margin-top: 50px;
  -webkit-transition: margin 0.1s linear 0s, visibility 0.1s linear 0s, opacity 0.1s linear 0s;
  -o-transition: margin 0.1s linear 0s, visibility 0.1s linear 0s, opacity 0.1s linear 0s;
  transition: margin 0.1s linear 0s, visibility 0.1s linear 0s, opacity 0.1s linear 0s;
  z-index: -999;
}

.sidebar-main-menu nav > ul > li .dropdown-menu-style.banner-menu-width {
  padding: 30px 15px 0;
  max-height: 500px;
  overflow-y: auto !important;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style.banner-menu-width {
    max-height: 280px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style.banner-menu-width {
    max-height: 280px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style.banner-menu-width {
    max-height: 200px;
  }
}
.sidebar-main-menu nav > ul > li .dropdown-menu-style .single-menu-banner {
  float: left;
  width: 50%;
  padding: 0 15px;
  position: relative;
  margin-bottom: 30px;
}

.sidebar-main-menu nav > ul > li .dropdown-menu-style .single-menu-banner a {
  position: relative;
  display: block;
}

.sidebar-main-menu nav > ul > li .dropdown-menu-style .single-menu-banner a::before {
  background-color: rgba(35, 35, 36, 0.8);
  opacity: 0;
  visibility: hidden;
  z-index: 9;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  right: 0;
  bottom: 0;
  -webkit-transition: all 450ms ease-out;
  -o-transition: all 450ms ease-out;
  transition: all 450ms ease-out;
}

.sidebar-main-menu nav > ul > li .dropdown-menu-style .single-menu-banner a img {
  width: 100%;
}

.sidebar-main-menu nav > ul > li .dropdown-menu-style .single-menu-banner .menu-banner-content {
  width: 90%;
  left: 5%;
  z-index: 9;
  bottom: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(0, 50%) scale(2);
  -ms-transform: translate(0, 50%) scale(2);
  transform: translate(0, 50%) scale(2);
  position: absolute;
  -webkit-transition: all 450ms ease-out;
  -o-transition: all 450ms ease-out;
  transition: all 450ms ease-out;
  text-align: center;
}

.sidebar-main-menu nav > ul > li .dropdown-menu-style .single-menu-banner .menu-banner-content span {
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;
}

.sidebar-main-menu nav > ul > li .dropdown-menu-style .single-menu-banner:hover .menu-banner-content {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, 50%) scale(1);
  -ms-transform: translate(0, 50%) scale(1);
  transform: translate(0, 50%) scale(1);
}

.sidebar-main-menu nav > ul > li .dropdown-menu-style .single-menu-banner:hover a::before {
  opacity: 1;
  visibility: visible;
}

.sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-1 {
  width: 700px;
  left: auto;
  right: 100%;
}

.sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-1 ul li {
  width: 213.333px;
}

.sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-2 {
  width: 240px;
  padding: 20px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-2 {
    width: 200px;
  }
}
.sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-2 ul li {
  width: 100%;
  float: inherit;
}

.sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-2 ul li a {
  padding: 14px 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-2 ul li a {
    padding: 10px 24px;
  }
}
.sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-2 ul li a i {
  font-size: 12px;
  margin-left: 7px;
}

.sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-2 ul li .lavel-menu {
  padding: 20px 0;
  width: 240px;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: -20px;
  visibility: hidden;
  opacity: 0;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-2 ul li .lavel-menu {
    width: 220px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-2 ul li .lavel-menu {
    width: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-2 ul li .lavel-menu {
    width: 150px;
  }
}
.sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-2 ul li:hover > .lavel-menu {
  margin-left: 0px;
  visibility: visible;
  opacity: 1;
}

.sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-3 {
  width: 1170px;
  left: auto;
  right: 100%;
  overflow: hidden;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-3 {
    width: 1080px;
    padding: 30px 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-3 {
    width: 945px;
    padding: 30px 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-3 {
    width: 800px;
    padding: 15px 10px;
  }
}
.sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li {
  width: 185px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li {
    width: 182.333px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li {
    width: 166.333px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li {
    width: 149.333px;
  }
}
.sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner {
  width: 370px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner {
    width: 310.667px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner {
    width: 240.667px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner {
    width: 180.667px;
  }
}
.sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner ul li {
  width: 370px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner ul li {
    width: 310.667px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner ul li {
    width: 240.667px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner ul li {
    width: 180.667px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner ul li a {
    padding: 10px 15px 10px 0;
  }
}
.sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner ul li a img {
  width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style.dropdown-width-3.banner-menu-width {
    width: 725px;
  }
}
.sidebar-main-menu nav > ul > li .dropdown-menu-style ul li {
  float: left;
  position: relative;
}

.sidebar-main-menu nav > ul > li .dropdown-menu-style ul li a.menu-title {
  color: #343538;
  background-color: transparent;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  margin-left: 15px;
  margin-bottom: 7px;
  display: block;
}

.sidebar-main-menu nav > ul > li .dropdown-menu-style ul li a.menu-title.menu-title-none {
  opacity: 0;
  visibility: hidden;
}

.sidebar-main-menu nav > ul > li .dropdown-menu-style ul li ul li a {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1;
  display: block;
  padding: 14px 15px;
  color: #8a8a8a;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style ul li ul li a {
    line-height: 15px;
    padding: 14px 15px 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-main-menu nav > ul > li .dropdown-menu-style ul li ul li a {
    padding: 10px 15px;
    line-height: 15px;
  }
}
.sidebar-main-menu nav > ul > li .dropdown-menu-style ul li ul li a:hover {
  color: #343538;
}

.sidebar-main-menu nav > ul > li:hover .dropdown-menu-style {
  visibility: visible;
  opacity: 1;
  margin-top: 0px;
  top: -10px;
  z-index: 999;
  -webkit-transition: margin 0.1s linear 0.3s, visibility 0.1s linear 0.3s, opacity 0.1s linear 0.3s;
  -o-transition: margin 0.1s linear 0.3s, visibility 0.1s linear 0.3s, opacity 0.1s linear 0.3s;
  transition: margin 0.1s linear 0.3s, visibility 0.1s linear 0.3s, opacity 0.1s linear 0.3s;
}

/* home 5  */
.home-sidebar-left {
  height: 100%;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 90px;
  z-index: 7;
  padding: 20px 10px;
  -webkit-box-shadow: 0 0 60px 0 rgba(41, 44, 58, 0.06);
  box-shadow: 0 0 60px 0 rgba(41, 44, 58, 0.06);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-sidebar-left {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .home-sidebar-left {
    display: none;
  }
}
.home-sidebar-right {
  margin-left: 90px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-sidebar-right {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .home-sidebar-right {
    margin-left: 0px;
  }
}
.clickable-mainmenu-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.clickable-mainmenu-btn a {
  display: block;
  font-size: 24px;
  color: #8a8a8a;
}

.clickable-mainmenu-btn a:hover {
  color: #dcb86c;
}

.clickable-mainmenu-btn span {
  display: block;
  color: #8a8a8a;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 8px 0 0;
}

.clickable-mainmenu {
  background-color: rgba(30, 30, 30, 0.9);
  color: #353535;
  padding: 202px 46px 39px;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transform: translateX(-110%);
  -ms-transform: translateX(-110%);
  transform: translateX(-110%);
  -webkit-transition: -webkit-transform 0.5s ease-in-out 0s;
  transition: -webkit-transform 0.5s ease-in-out 0s;
  -o-transition: transform 0.5s ease-in-out 0s;
  transition: transform 0.5s ease-in-out 0s;
  transition: transform 0.5s ease-in-out 0s, -webkit-transform 0.5s ease-in-out 0s;
  width: 100%;
  z-index: 9999;
}

@media only screen and (max-width: 767px) {
  .clickable-mainmenu {
    display: none;
  }
}
.clickable-mainmenu .clickable-mainmenu-icon button {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  cursor: pointer;
  font-size: 40px;
  padding: 0;
  position: absolute;
  right: 20%;
  top: 20%;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .clickable-mainmenu .clickable-mainmenu-icon button {
    top: 7%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .clickable-mainmenu .clickable-mainmenu-icon button {
    top: 7%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .clickable-mainmenu .clickable-mainmenu-icon button {
    top: 7%;
  }
}
.clickable-mainmenu .clickable-mainmenu-icon button span {
  color: #fff;
}

.clickable-mainmenu .clickable-mainmenu-icon button:hover span {
  color: #dcb86c;
}

.clickable-mainmenu .clickable-mainmenu-icon:hover button {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .clickable-mainmenu {
    padding: 120px 46px 39px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .clickable-mainmenu {
    padding: 120px 46px 39px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .clickable-mainmenu {
    padding: 120px 46px 39px;
  }
}
.clickable-mainmenu.inside {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  z-index: 9999;
}

.clickable-mainmenu2 {
  width: 100%;
  height: 30%;
  position: fixed;
  top: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(30, 30, 30, 0.9);
  -webkit-transition: all 500ms cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: all 500ms cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: all 500ms cubic-bezier(0.65, 0.05, 0.36, 1);
  z-index: 999;
  padding: 202px 46px 39px;
}

@media only screen and (max-width: 767px) {
  .clickable-mainmenu2 {
    display: none;
  }
}
.clickable-mainmenu2 .clickable-mainmenu-icon2 button {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  cursor: pointer;
  font-size: 40px;
  padding: 0;
  position: absolute;
  right: 20%;
  top: 20%;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .clickable-mainmenu2 .clickable-mainmenu-icon2 button {
    top: 7%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .clickable-mainmenu2 .clickable-mainmenu-icon2 button {
    top: 7%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .clickable-mainmenu2 .clickable-mainmenu-icon2 button {
    top: 7%;
  }
}
.clickable-mainmenu2 .clickable-mainmenu-icon2 button span {
  color: #fff;
}

.clickable-mainmenu2 .clickable-mainmenu-icon2 button:hover span {
  color: #dcb86c;
}

.clickable-mainmenu2 .clickable-mainmenu-icon2:hover button {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .clickable-mainmenu2 {
    padding: 120px 46px 39px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .clickable-mainmenu2 {
    padding: 120px 46px 39px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .clickable-mainmenu2 {
    padding: 120px 46px 39px;
  }
}
.clickable-mainmenu2.inside {
  visibility: visible;
  opacity: 1;
  height: 100%;
}

.slinky-menu-style {
  display: inline-block;
  width: 400px;
  background: transparent;
}

.slinky-menu-style ul li {
  padding-bottom: 27px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slinky-menu-style ul li {
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slinky-menu-style ul li {
    padding-bottom: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slinky-menu-style ul li {
    padding-bottom: 10px;
  }
}
.slinky-menu-style ul li a {
  display: block;
  position: relative;
}

.slinky-menu-style ul li a span {
  font-weight: 700;
  font-size: 26px;
  color: #fff;
  text-transform: capitalize;
  position: relative;
  display: inline-block;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slinky-menu-style ul li a span {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slinky-menu-style ul li a span {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slinky-menu-style ul li a span {
    font-size: 20px;
  }
}
.slinky-menu-style ul li a span::after {
  content: "";
  height: 1px;
  right: 15px;
  left: auto;
  width: 0;
  position: absolute;
  -webkit-transition: width 300ms ease-out;
  -o-transition: width 300ms ease-out;
  transition: width 300ms ease-out;
  background-color: #dcb86c;
  bottom: 0;
}

.slinky-menu-style ul li a:hover {
  background: transparent;
}

.slinky-menu-style ul li a:hover span {
  color: #dcb86c;
}

.slinky-menu-style ul li a:hover > span::after {
  left: 0px;
  right: auto;
  width: 100%;
  -webkit-transition: width 300ms ease-in;
  -o-transition: width 300ms ease-in;
  transition: width 300ms ease-in;
}

.slinky-menu-style ul li a:not(.back):hover {
  background: transparent;
}

.slinky-menu-style ul li > ul {
  padding: 0 0px 0 100px;
}

.slinky-menu-style ul li:last-child {
  padding-bottom: 0;
}

.slinky-menu-style.slinky-menu .header {
  position: absolute;
  left: 0;
  top: 6px;
}

.slinky-menu-style.slinky-menu .header a {
  height: 55px;
  background-color: #232324;
}

/* home 9 */
.home-sidebar-left-2 {
  height: 100%;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 370px;
  z-index: 999;
  padding: 80px 0px;
  -webkit-box-shadow: 0 0 60px 0 rgba(41, 44, 58, 0.06);
  box-shadow: 0 0 60px 0 rgba(41, 44, 58, 0.06);
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .home-sidebar-left-2 {
    width: 285px;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .home-sidebar-left-2 {
    width: 285px;
    padding: 50px 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .home-sidebar-left-2 {
    width: 285px;
    padding: 40px 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-sidebar-left-2 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-sidebar-left-2 {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .home-sidebar-left-2 {
    display: none;
  }
}
.home-sidebar-left-2 p {
  font-style: italic;
  font-size: 14px;
  margin: 6px 0 0;
  text-align: center;
}

.home-sidebar-left-2 .header-right-wrap {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 26px 0 57px;
}

.home-sidebar-left-2 .header-right-wrap .same-style {
  padding: 5px 0;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .home-sidebar-left-2 .header-right-wrap {
    margin: 15px 0 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .home-sidebar-left-2 .header-right-wrap {
    margin: 15px 0 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-sidebar-left-2 .header-right-wrap {
    margin: 15px 0 20px;
  }
}
.home-sidebar-left-2.sidebar-left-white p {
  color: #fff;
}

.home-sidebar-left-2.sidebar-left-white .header-right-wrap .same-style a {
  color: #fff;
}

.home-sidebar-left-2.sidebar-left-white .header-right-wrap .same-style.account-satting ul {
  background-color: #232324;
}

.home-sidebar-right-2 {
  margin-left: 370px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .home-sidebar-right-2 {
    margin-left: 285px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .home-sidebar-right-2 {
    margin-left: 285px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-sidebar-right-2 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-sidebar-right-2 {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .home-sidebar-right-2 {
    margin-left: 0px;
  }
}
.sidebar-menu > nav > ul > li {
  margin-bottom: 20px;
  position: relative;
}

.sidebar-menu > nav > ul > li:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-menu > nav > ul > li {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-menu > nav > ul > li {
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-menu > nav > ul > li {
    margin-bottom: 10px;
  }
}
.sidebar-menu > nav > ul > li > a {
  font-size: 12px;
  padding: 5px 40px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  letter-spacing: 1px;
  display: block;
}

.sidebar-menu > nav > ul > li > a .tip {
  color: #fff;
  font-size: 8px;
  line-height: 1;
  padding: 2px 4px;
  position: absolute;
  font-weight: 400;
  bottom: calc(100% + 8px);
  background: #e9595e;
  right: 16px;
}

.sidebar-menu > nav > ul > li > a .tip::before {
  content: "";
  border-top: 4px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  top: 100%;
  color: #e9595e;
}

.sidebar-menu > nav > ul > li .dropdown-menu-style {
  position: absolute;
  top: -40px;
  right: auto;
  left: 100%;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  padding: 30px;
  visibility: hidden;
  opacity: 0;
  margin-top: 50px;
  -webkit-transition: margin 0.1s linear 0s, visibility 0.1s linear 0s, opacity 0.1s linear 0s;
  -o-transition: margin 0.1s linear 0s, visibility 0.1s linear 0s, opacity 0.1s linear 0s;
  transition: margin 0.1s linear 0s, visibility 0.1s linear 0s, opacity 0.1s linear 0s;
  z-index: -999;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style {
    top: -70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style {
    top: -70px;
  }
}
.sidebar-menu > nav > ul > li .dropdown-menu-style.banner-menu-width {
  padding: 30px 15px 0;
  max-height: 400px;
  overflow-y: auto !important;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style.banner-menu-width {
    max-height: 280px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style.banner-menu-width {
    max-height: 280px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style.banner-menu-width {
    max-height: 200px;
  }
}
.sidebar-menu > nav > ul > li .dropdown-menu-style .single-menu-banner {
  float: left;
  width: 50%;
  padding: 0 15px;
  position: relative;
  margin-bottom: 30px;
}

.sidebar-menu > nav > ul > li .dropdown-menu-style .single-menu-banner a {
  position: relative;
  display: block;
}

.sidebar-menu > nav > ul > li .dropdown-menu-style .single-menu-banner a::before {
  background-color: rgba(35, 35, 36, 0.8);
  opacity: 0;
  visibility: hidden;
  z-index: 9;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  right: 0;
  bottom: 0;
  -webkit-transition: all 450ms ease-out;
  -o-transition: all 450ms ease-out;
  transition: all 450ms ease-out;
}

.sidebar-menu > nav > ul > li .dropdown-menu-style .single-menu-banner a img {
  width: 100%;
}

.sidebar-menu > nav > ul > li .dropdown-menu-style .single-menu-banner .menu-banner-content {
  width: 90%;
  left: 5%;
  z-index: 9;
  bottom: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(0, 50%) scale(2);
  -ms-transform: translate(0, 50%) scale(2);
  transform: translate(0, 50%) scale(2);
  position: absolute;
  -webkit-transition: all 450ms ease-out;
  -o-transition: all 450ms ease-out;
  transition: all 450ms ease-out;
  text-align: center;
}

.sidebar-menu > nav > ul > li .dropdown-menu-style .single-menu-banner .menu-banner-content span {
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;
}

.sidebar-menu > nav > ul > li .dropdown-menu-style .single-menu-banner:hover .menu-banner-content {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, 50%) scale(1);
  -ms-transform: translate(0, 50%) scale(1);
  transform: translate(0, 50%) scale(1);
}

.sidebar-menu > nav > ul > li .dropdown-menu-style .single-menu-banner:hover a::before {
  opacity: 1;
  visibility: visible;
}

.sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-1 {
  width: 700px;
  right: auto;
  left: 100%;
}

.sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-1 ul li {
  width: 213.333px;
}

.sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-2 {
  width: 240px;
  padding: 20px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-2 {
    width: 200px;
  }
}
.sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-2 ul li {
  width: 100%;
  float: inherit;
}

.sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-2 ul li a {
  padding: 14px 40px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-2 ul li a {
    padding: 10px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-2 ul li a {
    padding: 10px 30px;
  }
}
.sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-2 ul li a i {
  font-size: 12px;
  margin-left: 7px;
}

.sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-2 ul li .lavel-menu {
  padding: 20px 0;
  width: 240px;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: -20px;
  visibility: hidden;
  opacity: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-2 ul li .lavel-menu {
    width: 180px;
  }
}
.sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-2 ul li:hover > .lavel-menu {
  margin-left: 0px;
  visibility: visible;
  opacity: 1;
}

.sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 {
  width: 1170px;
  right: auto;
  left: 100%;
  overflow: hidden;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 {
    width: 1050px;
    padding: 30px 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 {
    width: 900px;
    padding: 30px 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 {
    width: 720px;
    padding: 15px 15px;
  }
}
.sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li {
  width: 185px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li {
    width: 185.333px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li {
    width: 165.333px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li {
    width: 120.333px;
  }
}
.sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner {
  width: 370px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner {
    width: 270.667px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner {
    width: 200.667px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner {
    width: 200.667px;
  }
}
.sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner ul li {
  width: 370px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner ul li {
    width: 270.667px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner ul li {
    width: 200.667px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner ul li {
    width: 200.667px;
  }
}
.sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3 ul li.menu-banner ul li a img {
  width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style.dropdown-width-3.banner-menu-width {
    width: 725px;
  }
}
.sidebar-menu > nav > ul > li .dropdown-menu-style ul li {
  float: left;
  position: relative;
}

.sidebar-menu > nav > ul > li .dropdown-menu-style ul li a.menu-title {
  color: #343538;
  background-color: transparent;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  margin-left: 15px;
  margin-bottom: 7px;
  display: block;
}

.sidebar-menu > nav > ul > li .dropdown-menu-style ul li a.menu-title.menu-title-none {
  opacity: 0;
  visibility: hidden;
}

.sidebar-menu > nav > ul > li .dropdown-menu-style ul li ul li a {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1;
  display: block;
  padding: 14px 15px;
  color: #8a8a8a;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style ul li ul li a {
    padding: 10px 15px 10px 0;
    line-height: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-menu > nav > ul > li .dropdown-menu-style ul li ul li a {
    padding: 10px 15px;
  }
}
.sidebar-menu > nav > ul > li .dropdown-menu-style ul li ul li a:hover {
  color: #343538;
}

.sidebar-menu > nav > ul > li:hover .dropdown-menu-style {
  visibility: visible;
  opacity: 1;
  margin-top: 0px;
  z-index: 999;
  -webkit-transition: margin 0.1s linear 0.3s, visibility 0.1s linear 0.3s, opacity 0.1s linear 0.3s;
  -o-transition: margin 0.1s linear 0.3s, visibility 0.1s linear 0.3s, opacity 0.1s linear 0.3s;
  transition: margin 0.1s linear 0.3s, visibility 0.1s linear 0.3s, opacity 0.1s linear 0.3s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-menu > nav > ul > li:hover .dropdown-menu-style {
    top: -30px;
  }
}
.sidebar-left-white .sidebar-menu nav ul li a {
  color: #fff;
}

.search-style-2 .search-form {
  position: relative;
}

.search-style-2 .search-form input {
  border: 2px solid #e8e8e8;
  background: transparent;
  color: #8a8a8a;
  font-size: 12px;
  height: 40px;
  padding: 2px 40px 2px 20px;
}

.search-style-2 .search-form input:focus {
  border: 2px solid #343538;
}

.search-style-2 .search-form button {
  position: absolute;
  top: 54%;
  right: 5px;
  background: transparent;
  border: navajowhite;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 15px;
  color: #8a8a8a;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.search-style-2 .search-form button:hover {
  color: #dcb86c;
}

.category-menu-area {
  padding: 15px 0;
  border-bottom: 1px solid #e8e8e8;
}

.category-menu-area .category-menu ul li {
  display: inline-block;
  margin: 0 15px;
}

.category-menu-area .category-menu ul li:last-child {
  margin: 0px;
}

.category-menu-area .category-menu ul li a {
  display: block;
  line-height: 1;
  font-size: 10px;
  text-transform: uppercase;
  color: #8a8a8a;
}

.category-menu-area .category-menu ul li a:hover {
  color: #dcb86c;
}

.wrapper-3 .body-overlay-3 {
  background: rgba(35, 35, 36, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}

.wrapper-3.overlay-active-3 .body-overlay-3 {
  opacity: 1;
  visibility: visible;
}

.mobile-off-canvas-active {
  position: fixed;
  top: 0;
  width: 370px;
  min-height: 100vh;
  bottom: 0;
  z-index: 111;
  right: 0;
  visibility: hidden;
  opacity: 1;
  -webkit-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  -webkit-transform: translate(370px, 0);
  -ms-transform: translate(370px, 0);
  transform: translate(370px, 0);
  background-color: #fff;
  -webkit-box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  z-index: 9999;
}

@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active {
    width: 260px;
    -webkit-transform: translate(260px, 0);
    -ms-transform: translate(260px, 0);
    transform: translate(260px, 0);
  }
}
.mobile-off-canvas-active.inside {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.mobile-off-canvas-active .mobile-aside-close {
  position: absolute;
  left: -40px;
  top: 0px;
  z-index: 9;
  width: 40px;
  height: 40px;
  color: #fff;
  line-height: 44px;
  text-align: center;
  font-size: 18px;
  background-color: #343538;
}

.mobile-off-canvas-active .mobile-aside-close i {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  color: #fff;
}

.mobile-off-canvas-active .mobile-aside-close:hover i {
  color: #dcb86c;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mobile-off-canvas-active .header-mobile-aside-wrap {
  padding: 40px 30px 50px;
  overflow: auto;
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active .header-mobile-aside-wrap {
    padding: 30px 20px 50px;
  }
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search {
  margin-bottom: 36px;
  /* padding-bottom: 40px; */
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form {
  position: relative;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form input {
  background-color: #f6f6f6;
  border: none;
  border-radius: 5px;
  color: #333;
  height: 50px;
  padding: 0 60px 0 15px;
  width: 100%;
  font-size: 14px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button {
  background-color: transparent;
  border-color: #ddd;
  -webkit-border-image: none;
  -o-border-image: none;
  border-image: none;
  border-radius: 5px 0 0 5px;
  border-style: none none none solid;
  border-width: medium medium medium 1px;
  color: #000000;
  font-size: 18px;
  height: 100%;
  padding: 0 15px 0 14px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button {
    font-size: 16px;
  }
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button:hover {
  color: #dcb86c;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button i {
  margin-top: 5px;
  display: inline-block;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap {
  margin-bottom: 31px;
  padding-bottom: 40px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .slinky-mobile-menu > ul > li {
  padding-bottom: 20px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .slinky-mobile-menu > ul > li > a {
  font-size: 12px;
  font-weight: 700;
  color: #343538;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .slinky-mobile-menu > ul > li ul li {
  padding-bottom: 15px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .slinky-mobile-menu > ul > li ul li a {
  font-size: 13px;
  font-weight: 500;
  color: #343538;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .slinky-mobile-menu > ul > li ul li a:hover span {
  color: #dcb86c;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .slinky-mobile-menu > ul > li:hover > a span {
  color: #dcb86c;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .slinky-mobile-menu > ul > li:last-child {
  padding-bottom: 0px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .slinky-mobile-menu.slinky-theme-default {
  background-color: transparent;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .slinky-mobile-menu.slinky-theme-default ul li a {
  position: relative;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .slinky-mobile-menu.slinky-theme-default ul li a:hover:not(.back) {
  background: transparent;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .slinky-mobile-menu.slinky-theme-default ul li a.next::after {
  font-size: 17px;
  top: -1px;
  color: #343538;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .slinky-mobile-menu.slinky-theme-default ul li a.back::before {
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  width: 30px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .slinky-mobile-menu.slinky-theme-default ul li:hover a.next::after {
  color: #dcb86c;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
  margin-bottom: 31px;
  padding-bottom: 37px;
}

@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap {
    display: block;
  }
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang {
  position: relative;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang span {
  font-size: 12px;
  font-weight: 700;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang span a {
  font-size: 13px;
  font-weight: 500;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 5px;
  display: none;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.1);
  padding: 15px;
  width: 100%;
  z-index: 11;
}

@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown {
    width: 120px;
  }
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li {
  padding-bottom: 5px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li:last-child {
  padding-bottom: 0px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li a {
  color: #343538;
  font-size: 13px;
  font-weight: 500;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li a:hover {
  color: #dcb86c;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:hover > span > a {
  color: #dcb86c;
}

@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang {
    margin-bottom: 5px;
  }
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:last-child {
    margin-bottom: 0;
  }
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap {
  margin-bottom: 20px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a {
  font-size: 15px;
  margin-right: 20px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a:last-child {
  margin-right: 0;
}

.header-small-mobile {
  display: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-small-mobile.block-for-sidemenu {
    display: block;
    padding: 0px 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-small-mobile {
    display: block;
    padding: 0px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .header-small-mobile {
    display: block;
  }
}
.header-small-mobile .header-right-wrap .same-style {
  padding: 15px 0;
}

.clickable-mainmenu-btn-13 {
  margin-left: 10px;
}

.clickable-mainmenu-btn-13 a {
  font-size: 26px;
}

/*----- 3. slider style  -----*/
.slider-area img {
  width: 100%;
}

.tp-bullet {
  font-size: 12px;
  background: transparent;
  font-weight: bold;
  color: #9d9d9d;
  margin-bottom: 10px;
  position: relative;
}

.tp-bullet:before {
  position: absolute;
  content: "";
  right: 0;
  bottom: -14px;
  width: 27px;
  height: 2px;
  background-color: #cacaca;
}

.tp-bullet:hover {
  background: transparent;
}

.tp-bullet.selected {
  color: #343538;
  background: transparent;
}

.tp-bullet.selected:before {
  width: 47px;
  background-color: #dcb86c;
}

.tp-bullet.selected:hover {
  background: transparent;
}

@media only screen and (max-width: 767px) {
  .slider-btn {
    margin: 30px -26px 0 0 !important;
    padding: 13px 21px !important;
    font-size: 10px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-btn {
    margin: 20px 0px 0 0 !important;
    padding: 13px 21px !important;
    font-size: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .slider-btn-2 {
    margin: 24px 0px 0 50px !important;
    padding: 13px 14px !important;
    font-size: 10px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-btn-2 {
    padding: 13px 14px !important;
    font-size: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .slider-shipping {
    margin: 50px 0px 50px 0px !important;
    font-size: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .slider-shipping-2 {
    margin: 5px 0px 0px -18px !important;
    font-size: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .slider-shipping-3 {
    margin: 55px 0px 50px -13px !important;
    font-size: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .slider-sml {
    margin: 0px 0px 20px 0px !important;
    font-size: 15px !important;
    line-height: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .slider-summer {
    margin: 7px 0px 20px 0px !important;
    font-size: 20px !important;
    line-height: 20px !important;
  }
}
@media only screen and (max-width: 767px) {
  .slider-img-video img {
    width: 15px !important;
    height: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .slider-arrival {
    margin: 0px 0px 20px 0px !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }
}
@media only screen and (max-width: 767px) {
  .slider-trending {
    margin: 0px 0px 30px 0px !important;
    font-size: 10px !important;
    line-height: 30px !important;
  }
}
@media only screen and (max-width: 767px) {
  .slider-trending-2 {
    margin: 0px 0px 30px 0px !important;
    font-size: 10px !important;
    line-height: 30px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-trending-2 {
    font-size: 14px !important;
    line-height: 30px !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-trending-2 {
    font-size: 18px !important;
    line-height: 30px !important;
  }
}
@media only screen and (max-width: 767px) {
  .slider-ltd {
    margin: 0px 70px 30px 0px !important;
    font-size: 10px !important;
    line-height: 30px !important;
  }
}
@media only screen and (max-width: 767px) {
  .slide-price {
    font-size: 12px !important;
    line-height: 15px !important;
    margin-left: 25px !important;
  }
}
@media only screen and (max-width: 767px) {
  .slider-organic {
    font-size: 10px !important;
    line-height: 20px !important;
    margin-right: 10px !important;
    margin-top: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .slider-shirt {
    margin-right: 50px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-shirt {
    font-size: 20px !important;
    margin-right: 30px !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-shirt {
    font-size: 27px !important;
    margin-right: 30px !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-shirt {
    font-size: 33px !important;
    margin-right: 30px !important;
  }
}
@media only screen and (max-width: 767px) {
  .slider-btn-3 {
    margin: 35px 0px 0 0 !important;
    padding: 7px 20px !important;
    font-size: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .slider-btn-5 {
    margin: 24px 0px 0 80px !important;
    padding: 13px 14px !important;
    font-size: 10px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-btn-5 {
    font-size: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .slider-btn-4 {
    margin: 35px 0px 0 0 !important;
    padding: 7px 20px !important;
    font-size: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-mrg {
    margin: 20px 0px 0 30px !important;
  }
}
.full-page-area {
  position: relative;
}

.full-page-area #menu-fullpage {
  position: absolute;
  z-index: 9999;
  right: 50px;
  top: 13%;
}

.full-page-area #menu-fullpage li {
  display: none;
}

.full-page-area #menu-fullpage li.active {
  display: block;
}

.full-page-area #menu-fullpage li a {
  color: #343538;
  font-weight: 700;
  font-size: 12px;
}

#fullpage .slider-section.fp-section.fp-table {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition: -webkit-transform 350ms ease;
  transition: -webkit-transform 350ms ease;
  -o-transition: transform 350ms ease;
  transition: transform 350ms ease;
  transition: transform 350ms ease, -webkit-transform 350ms ease;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #fullpage .slider-section.fp-section.fp-table {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    overflow: hidden;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  #fullpage .slider-section.fp-section.fp-table {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    overflow: hidden;
    margin-bottom: 30px;
  }
}
#fullpage .slider-section.fp-section.fp-table.fp-completely.active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#fullpage .slider-section.fp-section.fp-table .row {
  height: 100%;
}

#fullpage .slider-section.fp-section.fp-table .fullpage-content {
  width: 420px;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #fullpage .slider-section.fp-section.fp-table .fullpage-content {
    width: 690px;
    margin: 20px auto 30px;
  }
}
@media only screen and (max-width: 767px) {
  #fullpage .slider-section.fp-section.fp-table .fullpage-content {
    width: 290px;
    margin: 20px auto 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #fullpage .slider-section.fp-section.fp-table .fullpage-content {
    width: 545px;
  }
}
#fullpage .slider-section.fp-section.fp-table .fullpage-content h3 {
  margin: 0 0 54px;
  font-size: 24px;
  font-weight: 700;
  position: relative;
  line-height: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #fullpage .slider-section.fp-section.fp-table .fullpage-content h3 {
    margin: 0 0 28px;
  }
}
@media only screen and (max-width: 767px) {
  #fullpage .slider-section.fp-section.fp-table .fullpage-content h3 {
    margin: 0 0 28px;
  }
}
#fullpage .slider-section.fp-section.fp-table .fullpage-content h3:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -30px;
  height: 2px;
  width: 50px;
  background-color: #dcb86c;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #fullpage .slider-section.fp-section.fp-table .fullpage-content h3:before {
    bottom: -15px;
  }
}
@media only screen and (max-width: 767px) {
  #fullpage .slider-section.fp-section.fp-table .fullpage-content h3:before {
    bottom: -15px;
  }
}
#fullpage .slider-section.fp-section.fp-table .fullpage-content p {
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  line-height: 30px;
  margin: 0 0 61px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #fullpage .slider-section.fp-section.fp-table .fullpage-content p {
    margin: 0 0 18px;
  }
}
@media only screen and (max-width: 767px) {
  #fullpage .slider-section.fp-section.fp-table .fullpage-content p {
    margin: 0 0 18px;
  }
}
#fullpage .slider-section.fp-section.fp-table .fullpage-content a {
  color: #343538;
  border: 2px solid #343538;
  line-height: 1;
  padding: 21px 50px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  #fullpage .slider-section.fp-section.fp-table .fullpage-content a {
    padding: 15px 25px;
  }
}
#fullpage .slider-section.fp-section.fp-table .fullpage-content a:hover {
  background-color: #dcb86c;
  border: 2px solid #dcb86c;
  color: #fff;
}

#fullpage .slider-section.fp-section.fp-table .fullpage-bg-img {
  height: 100vh;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #fullpage .slider-section.fp-section.fp-table .fullpage-bg-img {
    min-height: 450px;
  }
}
@media only screen and (max-width: 767px) {
  #fullpage .slider-section.fp-section.fp-table .fullpage-bg-img {
    min-height: 350px;
  }
}
#section4.slider-section.fp-section.fp-table {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#section4 .fp-tableCell {
  height: auto !important;
}

#section4 {
  height: auto !important;
}

#fullpage .slider-section.fp-section.fp-table:not(.active):not(.fp-completely) + .last-before-footer {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.negan-fp-arrows {
  position: fixed;
  z-index: 100;
  right: 40px;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .negan-fp-arrows {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .negan-fp-arrows {
    display: none;
  }
}
.negan-fp-arrows ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.negan-fp-arrows ul li i {
  font-size: 32px;
  color: #343538;
  opacity: 0.4;
}

.negan-fp-arrows ul li i:hover {
  opacity: 1;
}

.negan-fp-arrows ul li.num {
  margin: 11px 0 11px;
  font-weight: 700;
  color: #343538;
  font-size: 12px;
}

/*---------- 4. Banner style -----------*/
@media only screen and (max-width: 767px) {
  .blog-area.pt-60 {
    padding-top: 50px;
  }
  .blog-area.pb-55 {
    padding-bottom: 17px;
  }
}
.single-banner {
  position: relative;
  overflow: hidden;
}

.single-banner a img {
  width: 100%;
  -webkit-transition: opacity 0.35s, -webkit-transform 1s, -webkit-filter 1s;
  transition: opacity 0.35s, -webkit-transform 1s, -webkit-filter 1s;
  -o-transition: opacity 0.35s, transform 1s, filter 1s;
  transition: opacity 0.35s, transform 1s, filter 1s;
  transition: opacity 0.35s, transform 1s, filter 1s, -webkit-transform 1s, -webkit-filter 1s;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.single-banner .banner-content {
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

.single-banner .banner-content h3 {
  color: #fff;
  font-size: 36px;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 3px;
  display: inline-block;
  line-height: 1;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-banner .banner-content h3 {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-banner .banner-content h3 {
    font-size: 28px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .banner-content h3 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content h3 {
    font-size: 18px;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content h3 {
    font-size: 25px;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content h3 {
    font-size: 16px;
    letter-spacing: 0px;
  }
}
.single-banner:hover a img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.banner-bg-area h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 4px;
  padding: 35px 203px;
  line-height: 17px;
  border: 3px solid #fff;
  display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-bg-area h3 {
    padding: 35px 80px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-bg-area h3 {
    padding: 25px 15px;
    font-size: 18px;
    letter-spacing: 1px;
  }
}
.banner-bg-area.parallax-h1 {
  background-position: 50%;
}

.single-banner-2 {
  position: relative;
  overflow: hidden;
}

.single-banner-2 a img {
  width: 100%;
  -webkit-transition: opacity 0.35s, -webkit-transform 1s;
  transition: opacity 0.35s, -webkit-transform 1s;
  -o-transition: opacity 0.35s, transform 1s;
  transition: opacity 0.35s, transform 1s;
  transition: opacity 0.35s, transform 1s, -webkit-transform 1s;
}

.single-banner-2 .banner-content-2 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  display: block;
}

.single-banner-2 .banner-content-2 h2 {
  font-size: 30px;
  font-family: "Meddon", cursive;
  color: #fff;
  margin: 0;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-banner-2 .banner-content-2 h2 {
    font-size: 27px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-banner-2 .banner-content-2 h2 {
    font-size: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner-2 .banner-content-2 h2 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner-2 .banner-content-2 h2 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner-2 .banner-content-2 h2 {
    font-size: 20px;
  }
}
.single-banner-2 .banner-content-2 h1 {
  font-size: 60px;
  color: #fff;
  margin: 4px 0 6px;
  font-weight: 700;
  line-height: 66px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-banner-2 .banner-content-2 h1 {
    font-size: 48px;
    line-height: 53px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-banner-2 .banner-content-2 h1 {
    font-size: 42px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner-2 .banner-content-2 h1 {
    font-size: 35px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner-2 .banner-content-2 h1 {
    font-size: 23px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner-2 .banner-content-2 h1 {
    font-size: 34px;
    line-height: 40px;
  }
}
.single-banner-2 .banner-content-2 h3 {
  font-size: 16px;
  letter-spacing: 5px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 20px;
}

.single-banner-2 .banner-content-2 .banner-btn a {
  font-weight: 700;
}

.single-banner-2 .banner-content-2 .banner-btn a:hover {
  background-color: #dcb86c;
  color: #fff;
  border: 2px solid #dcb86c;
}

.single-banner-2:hover a img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.single-banner-3 {
  position: relative;
  overflow: hidden;
}

.single-banner-3 a img {
  width: 100%;
  -webkit-transition: opacity 0.35s, -webkit-transform 1s;
  transition: opacity 0.35s, -webkit-transform 1s;
  -o-transition: opacity 0.35s, transform 1s;
  transition: opacity 0.35s, transform 1s;
  transition: opacity 0.35s, transform 1s, -webkit-transform 1s;
}

.single-banner-3 .banner-content-3 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
}

.single-banner-3 .banner-content-3 h2 {
  text-transform: uppercase;
  color: #fff;
  font-size: 50px;
  letter-spacing: 2px;
  margin: 0;
  line-height: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner-3 .banner-content-3 h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner-3 .banner-content-3 h2 {
    font-size: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner-3 .banner-content-3 h2 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner-3 .banner-content-3 h2 {
    font-size: 30px;
  }
}
.single-banner-3:hover a img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/*-------- home 5 ------*/
.percentage-col-40 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .percentage-col-40 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 67%;
    flex: 0 0 67%;
    max-width: 67%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .percentage-col-40.percentage-responsive-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
}
@media only screen and (max-width: 767px) {
  .percentage-col-40 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.percentage-col-20 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .percentage-col-20 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .percentage-col-20.percentage-responsive {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .percentage-col-20 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.percentage-col-60 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
}

@media only screen and (max-width: 767px) {
  .percentage-col-60 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.percentage-col-common {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
}

.single-banner-4 {
  position: relative;
  overflow: hidden;
}

.single-banner-4 a img {
  width: 100%;
  -webkit-transition: opacity 0.35s, -webkit-transform 1s;
  transition: opacity 0.35s, -webkit-transform 1s;
  -o-transition: opacity 0.35s, transform 1s;
  transition: opacity 0.35s, transform 1s;
  transition: opacity 0.35s, transform 1s, -webkit-transform 1s;
}

.single-banner-4 .banner-content-4 {
  position: absolute;
  right: 27px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.single-banner-4 .banner-content-4 span {
  font-size: 16px;
  letter-spacing: 2px;
  color: #fff;
  line-height: 1;
}

.single-banner-4 .banner-content-4 h2 {
  font-size: 100px;
  font-weight: 700;
  color: #fff;
  line-height: 76px;
  margin: 11px 0 12px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-banner-4 .banner-content-4 h2 {
    font-size: 82px;
    margin: 5px 0 12px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-banner-4 .banner-content-4 h2 {
    line-height: 57px;
    font-size: 65px;
    margin: 5px 0 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner-4 .banner-content-4 h2 {
    font-size: 60px;
    margin: 5px 0 12px;
    line-height: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner-4 .banner-content-4 h2 {
    font-size: 50px;
    line-height: 33px;
    margin: 5px 0 15px;
  }
}
.single-banner-4 .banner-content-4 h5 {
  margin: 0;
  font-size: 30px;
  color: #fff;
  font-family: "Meddon", cursive;
}

.single-banner-4 .banner-content-5 {
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner-4 .banner-content-5 {
    right: 15px;
  }
}
.single-banner-4 .banner-content-5 > span {
  font-size: 16px;
  letter-spacing: 2px;
  color: #fff;
  line-height: 1;
}

.single-banner-4 .banner-content-5 h2 {
  font-size: 60px;
  font-weight: 700;
  color: #fff;
  line-height: 50px;
  margin: 20px 0 0;
  color: #fff;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-banner-4 .banner-content-5 h2 {
    font-size: 47px;
    margin: 12px 0 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-banner-4 .banner-content-5 h2 {
    font-size: 42px;
    margin: 10px 0 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner-4 .banner-content-5 h2 {
    font-size: 33px;
    margin: 2px 0 0;
    line-height: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner-4 .banner-content-5 h2 {
    font-size: 50px;
    line-height: 40px;
    margin: 12px 0 0;
  }
}
.single-banner-4 .banner-content-5 h2 span {
  color: #fff;
  font-family: "Nothing You Could Do", cursive;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner-4 .banner-content-5.hm16-banner-content h2 {
    font-size: 37px;
    line-height: 35px;
    margin: 10px 0 0;
  }
}
.single-banner-4 .banner-content-6 {
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-banner-4 .banner-content-6 {
    right: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner-4 .banner-content-6 {
    right: 8px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner-4 .banner-content-6 {
    right: auto;
    left: 25px;
  }
}
.single-banner-4 .banner-content-6 > span {
  font-size: 16px;
  letter-spacing: 2px;
  color: #fff;
  line-height: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner-4 .banner-content-6 > span {
    font-size: 12px;
  }
}
.single-banner-4 .banner-content-6 h2 {
  font-size: 60px;
  color: #fff;
  line-height: 61px;
  margin: 14px 0 10px;
  color: #fff;
  font-family: "Nothing You Could Do", cursive;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-banner-4 .banner-content-6 h2 {
    font-size: 35px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-banner-4 .banner-content-6 h2 {
    line-height: 45px;
    margin: 6px 0 10px;
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner-4 .banner-content-6 h2 {
    font-size: 34px;
    margin: 2px 0 4px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner-4 .banner-content-6 h2 {
    font-size: 44px;
    line-height: 50px;
    margin: 5px 0 10px;
  }
}
.single-banner-4 .banner-content-6 a {
  font-weight: 700;
}

.single-banner-4 .banner-content-6 a:hover {
  background-color: #dcb86c;
  border-color: #dcb86c;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner-4 .banner-content-6 a.btn.btn-size-sm {
    padding: 8px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner-4 .banner-content-6.hm16-banner-content > span {
    font-size: 12px;
    letter-spacing: 0px;
    color: #fff;
    line-height: 1;
  }
  .single-banner-4 .banner-content-6.hm16-banner-content h2 {
    font-size: 33px;
    line-height: 35px;
    margin: 8px 0 10px;
  }
}
.single-banner-4 .banner-content-7 {
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner-4 .banner-content-7 {
    right: 18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner-4 .banner-content-7 {
    right: auto;
    left: 25px;
  }
}
.single-banner-4 .banner-content-7 > span {
  font-size: 16px;
  letter-spacing: 2px;
  color: #fff;
  line-height: 1;
}

.single-banner-4 .banner-content-7 h2 {
  font-size: 60px;
  font-weight: 700;
  color: #fff;
  line-height: 50px;
  margin: 20px 0 0;
  color: #fff;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-banner-4 .banner-content-7 h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-banner-4 .banner-content-7 h2 {
    font-size: 38px;
    margin: 12px 0 0;
    line-height: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner-4 .banner-content-7 h2 {
    font-size: 30px;
    margin: 2px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner-4 .banner-content-7 h2 {
    font-size: 45px;
    line-height: 40px;
    margin: 15px 0 0;
  }
}
.single-banner-4 .banner-content-7 h2 span {
  color: #fff;
  font-family: "Nothing You Could Do", cursive;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner-4 .banner-content-7.hm16-banner-content h2 {
    font-size: 33px;
    line-height: 33px;
    margin: 12px 0 0;
  }
}
.single-banner-4 .banner-content-9 {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  text-align: center;
  z-index: 99;
}

.single-banner-4 .banner-content-9 > span {
  font-size: 16px;
  letter-spacing: 2px;
  color: #fff;
  line-height: 1;
}

.single-banner-4 .banner-content-9 h2 {
  font-size: 60px;
  color: #fff;
  line-height: 50px;
  margin: 18px 0 0;
  color: #fff;
  font-family: "Nothing You Could Do", cursive;
}

@media only screen and (max-width: 767px) {
  .single-banner-4 .banner-content-9 h2 {
    font-size: 46px;
    line-height: 40px;
    margin: 10px 0 0;
  }
}
.single-banner-4.default-overlay:before {
  background-color: rgba(35, 35, 36, 0.3);
  z-index: 9;
  pointer-events: none;
}

.single-banner-4:hover a img {
  -webkit-transform: scale(1.05) translate(2%, 0);
  -ms-transform: scale(1.05) translate(2%, 0);
  transform: scale(1.05) translate(2%, 0);
}

.single-banner-5 {
  position: relative;
  overflow: hidden;
}

.single-banner-5 a img {
  width: 100%;
  -webkit-transition: opacity 0.35s, -webkit-transform 1s;
  transition: opacity 0.35s, -webkit-transform 1s;
  -o-transition: opacity 0.35s, transform 1s;
  transition: opacity 0.35s, transform 1s;
  transition: opacity 0.35s, transform 1s, -webkit-transform 1s;
}

.single-banner-5 .banner-content-8 {
  position: absolute;
  left: 42px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  -webkit-transition: all 450ms ease-out;
  -o-transition: all 450ms ease-out;
  transition: all 450ms ease-out;
}

.single-banner-5 .banner-content-8 h3 {
  font-size: 30px;
  font-family: "Meddon", cursive;
  margin: 0 0 10px;
}

.single-banner-5 .banner-content-8 h2 {
  font-size: 50px;
  margin: 0 0 0px;
  line-height: 41px;
}

@media only screen and (max-width: 767px) {
  .single-banner-5 .banner-content-8 h2 {
    font-size: 26px;
    line-height: 30px;
  }
}
.single-banner-5:hover .banner-content-8 {
  left: 12%;
}

.single-banner-5:hover a img {
  -webkit-transform: scale(1.05) translate(2%, 0);
  -ms-transform: scale(1.05) translate(2%, 0);
  transform: scale(1.05) translate(2%, 0);
}

.single-banner-6 {
  border: 1px solid #e2dcd5;
  position: relative;
  overflow: hidden;
}

.single-banner-6 a img {
  width: 100%;
  -webkit-transition: opacity 0.35s, -webkit-transform 1s;
  transition: opacity 0.35s, -webkit-transform 1s;
  -o-transition: opacity 0.35s, transform 1s;
  transition: opacity 0.35s, transform 1s;
  transition: opacity 0.35s, transform 1s, -webkit-transform 1s;
}

.single-banner-6 .banner-content-10 {
  position: absolute;
  left: 35px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 90%;
  width: auto;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner-6 .banner-content-10 {
    left: 20px;
  }
}
.single-banner-6 .banner-content-10 h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 5px;
}

.single-banner-6 .banner-content-10 span {
  font-size: 14px;
  color: #9d9d9d;
  font-style: italic;
}

.single-banner-6:hover a img {
  -webkit-transform: scale(1.05) translate(2%, 0);
  -ms-transform: scale(1.05) translate(2%, 0);
  transform: scale(1.05) translate(2%, 0);
}

.single-banner-7 {
  position: relative;
  overflow: hidden;
}

.single-banner-7 a img {
  width: 100%;
  -webkit-transition: opacity 0.35s, -webkit-transform 1s;
  transition: opacity 0.35s, -webkit-transform 1s;
  -o-transition: opacity 0.35s, transform 1s;
  transition: opacity 0.35s, transform 1s;
  transition: opacity 0.35s, transform 1s, -webkit-transform 1s;
}

.single-banner-7 .banner-content-11 {
  position: absolute;
  right: 10%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner-7 .banner-content-11 {
    right: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner-7 .banner-content-11 {
    right: 4%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner-7 .banner-content-11 {
    right: 10%;
  }
}
.single-banner-7 .banner-content-11 span {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  line-height: 1;
}

.single-banner-7 .banner-content-11 h3 {
  font-size: 40px;
  letter-spacing: 4px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 14px 0 26px;
  line-height: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner-7 .banner-content-11 h3 {
    margin: 10px 0 12px;
    font-size: 25px;
    letter-spacing: 2px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner-7 .banner-content-11 h3 {
    font-size: 28px;
    margin: 12px 0 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner-7 .banner-content-11 h3 {
    font-size: 40px;
    margin: 14px 0 26px;
  }
}
.single-banner-7 .banner-content-11 a {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  border-top: 3px solid #dcb86c;
  color: #343538;
}

.single-banner-7 .banner-content-11 a:hover {
  color: #dcb86c;
}

.single-banner-7 .banner-content-11.banner-content-position2 {
  right: auto;
  left: 10%;
}

.single-banner-7:hover a img {
  -webkit-transform: scale(1.05) translate(2%, 0);
  -ms-transform: scale(1.05) translate(2%, 0);
  transform: scale(1.05) translate(2%, 0);
}

.padding-10-row-col .container-fluid {
  padding-right: 10px;
  padding-left: 10px;
}

.padding-10-row-col .container-fluid .row {
  margin-right: -10px;
  margin-left: -10px;
}

.padding-10-row-col .container-fluid .row div[class^=col-] {
  padding-left: 10px;
  padding-right: 10px;
}

.single-banner-8 {
  position: relative;
  overflow: hidden;
}

.single-banner-8 a img {
  width: 100%;
  -webkit-transition: opacity 0.35s, -webkit-transform 1s;
  transition: opacity 0.35s, -webkit-transform 1s;
  -o-transition: opacity 0.35s, transform 1s;
  transition: opacity 0.35s, transform 1s;
  transition: opacity 0.35s, transform 1s, -webkit-transform 1s;
}

.single-banner-8 .banner-content-12 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  left: 35px;
  -webkit-transition: all 450ms ease-out;
  -o-transition: all 450ms ease-out;
  transition: all 450ms ease-out;
}

.single-banner-8 .banner-content-12 h3 {
  font-size: 48px;
  line-height: 50px;
  margin: 0 0 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-banner-8 .banner-content-12 h3 {
    font-size: 40px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner-8 .banner-content-12 h3 {
    font-size: 35px;
    line-height: 45px;
  }
}
.single-banner-8 .banner-content-12 h3 span {
  font-style: italic;
}

.single-banner-8 .banner-content-12 .banner-hm6-btn a {
  font-weight: 700;
}

.single-banner-8 .banner-hm6-position1 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 35px;
  -webkit-transition: all 450ms ease-out;
  -o-transition: all 450ms ease-out;
  transition: all 450ms ease-out;
}

.single-banner-8 .banner-hm6-position2 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 25px;
}

.single-banner-8 .banner-hm6-position3 {
  position: absolute;
  top: 10%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
}

.single-banner-8 .banner-hm6-position4 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 25px;
}

.single-banner-8 .banner-hm6-position5 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 25px;
  -webkit-transition: all 450ms ease-out;
  -o-transition: all 450ms ease-out;
  transition: all 450ms ease-out;
}

.single-banner-8 .banner-content-13 {
  text-align: center;
}

.single-banner-8 .banner-content-13 > span {
  font-size: 18px;
  font-style: italic;
  color: #343538;
}

.single-banner-8 .banner-content-13 h2 {
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
  margin: 2px 0 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-banner-8 .banner-content-13 h2 {
    margin: 10px 0 12px;
    font-size: 40px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner-8 .banner-content-13 h2 {
    font-size: 30px;
    line-height: 35px;
    margin: 2px 0 10px;
  }
}
.single-banner-8 .banner-content-13 h2 span {
  font-style: italic;
  font-weight: 400;
  font-size: 48px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-banner-8 .banner-content-13 h2 span {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner-8 .banner-content-13 h2 span {
    font-size: 30px;
  }
}
.single-banner-8 .banner-content-13 .banner-hm6-btn a {
  font-weight: 700;
}

.single-banner-8 .banner-content-13 h3 {
  font-size: 50px;
  font-weight: 700;
  line-height: 39px;
  margin: 5px 0 26px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-banner-8 .banner-content-13 h3 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner-8 .banner-content-13 h3 {
    font-size: 30px;
    line-height: 32px;
    margin: 2px 0 12px;
  }
}
.single-banner-8 .banner-content-13 h3 span {
  font-size: 36px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-banner-8 .banner-content-13 h3 span {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner-8 .banner-content-13 h3 span {
    font-size: 30px;
  }
}
.single-banner-8 .banner-content-14 {
  text-align: center;
}

.single-banner-8 .banner-content-14 span {
  font-size: 18px;
  font-style: italic;
  color: #343538;
}

@media only screen and (max-width: 767px) {
  .single-banner-8 .banner-content-14 span {
    font-size: 16px;
  }
}
.single-banner-8 .banner-content-14 h3 {
  font-size: 36px;
  font-weight: 700;
  margin: 1px 0 19px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-banner-8 .banner-content-14 h3 {
    font-size: 28px;
    margin: 1px 0 12px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner-8 .banner-content-14 h3 {
    font-size: 24px;
  }
}
.single-banner-8 .banner-content-14 .banner-hm6-btn a {
  font-weight: 700;
}

.single-banner-8.banner-hover-1:hover a img {
  -webkit-transform: scale(1.05) translate(2%, 0);
  -ms-transform: scale(1.05) translate(2%, 0);
  transform: scale(1.05) translate(2%, 0);
}

.single-banner-8.banner-hover-2:hover a img {
  -webkit-transform: scale(1.05) translate(2%, 0);
  -ms-transform: scale(1.05) translate(2%, 0);
  transform: scale(1.05) translate(2%, 0);
}

.single-banner-8.banner-hover-1:hover .banner-content-12 {
  left: 12%;
}

@media only screen and (max-width: 767px) {
  .single-banner-8.banner-hover-1:hover .banner-content-12 {
    left: 17%;
  }
}
.single-banner-8.banner-hover-1:hover .banner-content-13 {
  left: 12%;
}

@media only screen and (max-width: 767px) {
  .single-banner-8.banner-hover-1:hover .banner-content-13 {
    left: 17%;
  }
}
.single-banner-8.banner-hover-1:hover .banner-content-hover {
  left: 12%;
}

@media only screen and (max-width: 767px) {
  .single-banner-8.banner-hover-1:hover .banner-content-hover {
    left: 17%;
  }
}
.single-banner-10 {
  position: relative;
  overflow: hidden;
}

.single-banner-10 img {
  width: 100%;
  -webkit-transition: opacity 0.35s, -webkit-transform 1s;
  transition: opacity 0.35s, -webkit-transform 1s;
  -o-transition: opacity 0.35s, transform 1s;
  transition: opacity 0.35s, transform 1s;
  transition: opacity 0.35s, transform 1s, -webkit-transform 1s;
}

.single-banner-10 .banner-content-15 {
  position: absolute;
  left: 35px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  -webkit-transition: all 450ms ease-out;
  -o-transition: all 450ms ease-out;
  transition: all 450ms ease-out;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-banner-10 .banner-content-15 {
    left: 15px;
  }
}
.single-banner-10 .banner-content-15 p {
  font-style: italic;
  color: #8a8a8a;
  margin: 0;
}

.single-banner-10 .banner-content-15 h5 {
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  margin: 13px 0 24px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-banner-10 .banner-content-15 h5 {
    margin: 6px 0 15px;
  }
}
.single-banner-10 .banner-content-15 a {
  font-weight: 700;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-banner-10 .banner-content-15 a.btn.btn-size-sm {
    padding: 7px 15px;
  }
}
.single-banner-10:hover .banner-content-15 {
  left: 12%;
}

.single-banner-10:hover a img {
  -webkit-transform: scale(1.05) translate(2%, 0);
  -ms-transform: scale(1.05) translate(2%, 0);
  transform: scale(1.05) translate(2%, 0);
}

/*--------- 5. Section title --------------*/
.section-title h2 {
  font-weight: 700;
  font-size: 30px;
  line-height: 24px;
  margin: 0 0 14px;
}

@media only screen and (max-width: 767px) {
  .section-title h2 {
    font-size: 25px;
    margin: 0 0 10px;
  }
}
.section-title p {
  color: #9d9d9d;
  font-style: italic;
}

@media only screen and (max-width: 767px) {
  .section-title.mb-60 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title.mb-50 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title.mb-55 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title.mb-70 {
    margin-bottom: 30px;
  }
}
.section-title.section-title-border h2 {
  position: relative;
  margin: 0 0 36px;
}

.section-title.section-title-border h2:before {
  position: absolute;
  bottom: -22px;
  left: 0;
  right: 0;
  content: "";
  height: 1px;
  width: 50px;
  background-color: #9d9d9d;
  margin: 0 auto;
}

/*----------- 6. Product style --------------*/
@media only screen and (max-width: 767px) {
  .product-area.pb-40 {
    padding-bottom: 25px;
  }
  .product-area.pb-50 {
    padding-bottom: 20px;
  }
  .product-area.pb-55 {
    padding-bottom: 20px;
  }
  .product-area.pb-75 {
    padding-bottom: 25px;
  }
  .product-area.pb-70 {
    padding-bottom: 12px;
  }
  .product-area.pb-20 {
    padding-bottom: 10px;
  }
  .product-area.pb-30 {
    padding-bottom: 15px;
  }
  .product-area.pt-35 {
    padding-top: 18px;
  }
  .product-area.pt-35.res-pt-15 {
    padding-top: 31px;
  }
  .product-area.pt-60 {
    padding-top: 30px;
  }
  .product-area.pt-65 {
    padding-top: 50px;
  }
  .product-area.pt-70 {
    padding-top: 40px;
  }
  .product-area.pt-50 {
    padding-top: 30px;
  }
  .product-area.product-md-xs-pt-50 {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .popular-product-area.pb-30 {
    padding-bottom: 15px;
  }
  .special-area.pb-35 {
    padding-bottom: 15px;
  }
  .product-category-list-area.pb-50 {
    padding-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-area.product-md-xs-pt-50 {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .product-area-mrg-xs.pb-70 {
    padding-bottom: 50px;
  }
}
.product-wrap .item-overlay-1:before {
  background-color: rgba(52, 53, 56, 0.1);
  opacity: 0;
  visibility: hidden;
  z-index: 9;
  pointer-events: none;
}

.product-wrap .item-overlay-3:before {
  background-color: rgba(35, 35, 36, 0.8);
  opacity: 0;
  visibility: hidden;
  z-index: 9;
  pointer-events: none;
}

.product-wrap .product-img {
  position: relative;
  overflow: hidden;
}

.product-wrap .product-img a img {
  width: 100%;
}

.product-wrap .product-img .hover-img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  -webkit-transition: opacity 0.5s ease, -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
  transition: opacity 0.5s ease, -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
  -o-transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
  transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
  transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
  opacity: 0;
}

.product-wrap .product-img .product-action {
  position: absolute;
  right: 22px;
  top: 17px;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.product-wrap .product-img .product-action .pro-same-action a {
  color: #fff;
  margin: 0 0 11px 0;
  display: inline-block;
  line-height: 1;
}

.product-wrap .product-img .product-action .pro-same-action a:hover {
  color: #dcb86c;
}

.product-wrap .product-img .product-action .pro-same-action.pro-wishlist-icon a {
  font-size: 16px;
  position: relative;
}

.product-wrap .product-img .product-action .pro-same-action.pro-wishlist-icon a i.heart-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.product-wrap .product-img .product-action .pro-same-action.pro-wishlist-icon a:hover i.heart-hover {
  opacity: 1;
  visibility: visible;
}

.product-wrap .product-img .product-action .pro-same-action.pro-switch-icon a {
  font-size: 18px;
}

.product-wrap .product-img .product-action .pro-same-action:last-child a {
  margin: 0;
}

.product-wrap .product-img .product-quickview {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  text-align: center;
  z-index: 9;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.product-wrap .product-img .product-quickview a {
  background-color: #fff;
  text-transform: uppercase;
  color: #343538;
  letter-spacing: 1px;
  font-size: 10px;
  display: block;
  padding: 14px 10px 16px;
  min-width: 140px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  margin-top: 50px;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.product-wrap .product-img .product-quickview a.addtocart-hm2 {
  margin-top: 30px;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

.product-wrap .product-img .product-quickview a:hover {
  background-color: #343538;
  color: #fff;
}

.product-wrap .product-img > span {
  position: absolute;
  top: 30px;
  z-index: 3;
  font-size: 14px;
  padding: 5px 20px;
  color: #fff;
  line-height: 20px;
  border-radius: 30px;
  left: 20px;
  z-index: 99;
}

.product-wrap .product-img > span.green {
  background-color: #35d56a;
}

.product-wrap:hover .hover-img {
  opacity: 1;
}

.product-wrap:hover .product-quickview a {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}

.product-wrap:hover .product-quickview a.addtocart-hm2 {
  margin-top: 10px;
}

.product-wrap:hover .product-action {
  opacity: 1;
  visibility: visible;
}

.product-wrap:hover .item-overlay-1:before {
  visibility: visible;
  opacity: 1;
}

.product-wrap:hover .item-overlay-3:before {
  visibility: visible;
  opacity: 1;
}

.product-wrap .product-content {
  position: relative;
}

.product-wrap .product-content h3 {
  font-size: 14px;
  font-weight: 700;
  margin: 16px 0 2px;
}

.product-wrap .product-content .product-rating {
  line-height: 1;
  margin: 4px 0 2px;
}

.product-wrap .product-content .product-rating i {
  font-size: 12px;
  color: #F5B223;
}

.product-wrap .product-content .product-colo-wrap {
  margin: 10px 0 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.product-wrap .product-content .product-colo-wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-wrap .product-content .product-colo-wrap ul li {
  cursor: pointer;
  display: block;
  float: left;
  height: 14px;
  margin: 0 4px;
  position: relative;
  width: 14px;
  position: relative;
}

.product-wrap .product-content .product-colo-wrap ul li:before {
  position: absolute;
  left: -2px;
  top: -2px;
  border: 1px solid #e8e8e8;
  width: 18px;
  height: 18px;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.product-wrap .product-content .product-colo-wrap ul li:hover:before {
  border: 1px solid #dcb86c;
}

.product-wrap .product-content .product-colo-wrap ul li.blue {
  background-color: #5097f7;
}

.product-wrap .product-content .product-colo-wrap ul li.green {
  background-color: #9fc539;
}

.product-wrap .product-content .product-colo-wrap ul li.orange {
  background-color: #f5b324;
}

.product-wrap .product-content .product-select-option {
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  opacity: 0;
  visibility: hidden;
  margin-top: 9px;
  -webkit-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  transform: translateY(-25px);
}

.product-wrap .product-content .product-select-option a {
  color: #dcb86c;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
}

.product-wrap .product-content .product-price {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 1;
  visibility: visible;
}

.product-wrap .product-content .product-price span {
  font-size: 12px;
  color: #8a8a8a;
}

.product-wrap .product-content .product-price.product-price-3 span {
  color: #dcb86c;
}

.product-wrap .product-content .product-price.product-price-3 span.old {
  color: #8a8a8a;
  text-decoration: line-through;
}

.product-wrap .product-content .product-price-2 span {
  font-size: 12px;
  color: #8a8a8a;
}

.product-wrap .product-content .product-cart {
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.product-wrap .product-content .product-cart a {
  color: #dcb86c;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 12px;
}

.product-wrap .product-content-2 h3 {
  font-size: 14px;
  font-weight: 700;
  margin: 16px 0 5px;
}

.product-wrap .product-content-2 .pro-price-rating-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product-wrap .product-content-2 .pro-price-rating-wrap .pro-price-3 {
  margin-top: -1px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 160px;
  flex: 0 0 160px;
}

.product-wrap .product-content-2 .pro-price-rating-wrap .pro-price-3 span {
  color: #dcb86c;
  font-size: 12px;
  line-height: 1;
  display: inline-block;
  color: #8a8a8a;
}

.product-wrap .product-content-2 .pro-price-rating-wrap .pro-price-3 span.old {
  text-decoration: line-through;
  margin-right: 3px;
}

.product-wrap .product-content-2 .pro-price-rating-wrap .pro-price-3 span.new {
  color: #dcb86c;
}

.product-wrap .product-content-2 .pro-price-rating-wrap .product-rating-2 i {
  color: #f5b223;
  font-size: 12px;
}

.product-wrap .product-content-2.product-content-center {
  text-align: center;
}

.product-wrap .product-content-2.product-content-center .pro-price-rating-wrap {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-wrap .product-content-2.product-content-center .pro-price-rating-wrap .pro-price-3 {
  width: auto;
}

.product-wrap .product-content-3 {
  margin: 14px 0 0;
}

.product-wrap .product-content-3 > a {
  font-style: italic;
  color: #9d9d9d;
}

.product-wrap .product-content-3 h3 {
  font-size: 14px;
  font-weight: 700;
  margin: 3px 0 0px;
}

.product-wrap .product-content-4 .pro-categori-title a {
  color: #9d9d9d;
  font-style: italic;
  font-size: 14px;
  line-height: 1;
  display: inline-block;
}

.product-wrap .product-content-4 .pro-categori-title a:hover {
  color: #dcb86c;
}

.product-wrap .product-content-4 h3 {
  font-size: 14px;
  font-weight: 700;
  margin: 8px 0 0;
}

.product-wrap .product-action-2 {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -80px;
  padding: 28px 30px 25px;
  text-align: center;
  background-color: rgba(35, 35, 36, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-action-2 {
    padding: 10px 10px 7px;
  }
}
.product-wrap .product-action-2 h2 {
  margin: 0;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  letter-spacing: 1px;
  display: inline-block;
  font-weight: 700;
}

.product-wrap .product-action-2 h2 a {
  color: #fff;
}

.product-wrap .product-action-2 h2 a:hover {
  color: #dcb86c;
}

.product-wrap .product-action-2 > .product-price-4 {
  display: inline-block;
  padding-right: 30px;
  float: right;
}

.product-wrap .product-action-2 > .product-price-4 > span {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
}

.product-wrap .product-action-2 .product-cart-2 {
  display: inline;
}

.product-wrap .product-action-2 .product-cart-2 a {
  font-size: 0;
  color: #fff;
  font-weight: normal;
}

.product-wrap .product-action-2 .product-cart-2 a:hover {
  color: #dcb86c;
}

.product-wrap .product-action-2 .product-cart-2 a::before {
  content: "y";
  font-family: "negan";
  font-size: 14px;
  color: inherit;
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 25px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-action-2 .product-cart-2 a::before {
    right: 10px;
    bottom: 11px;
  }
}
.product-wrap .product-action-3 {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -80px;
  padding: 20px 30px 16px;
  text-align: center;
  background-color: rgba(35, 35, 36, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap .product-action-3 {
    padding: 15px 20px 11px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .product-action-3 {
    padding: 15px 20px 11px;
  }
}
@media only screen and (max-width: 767px) {
  .product-wrap .product-action-3 {
    padding: 10px 10px 10px;
  }
}
.product-wrap .product-action-3 h2 {
  margin: 0 0 5px;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  letter-spacing: 1px;
  display: block;
  font-weight: 700;
}

.product-wrap .product-action-3 h2 a {
  color: #fff;
}

.product-wrap .product-action-3 h2 a:hover {
  color: #dcb86c;
}

.product-wrap .product-action-3 > span {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
}

.product-wrap .product-action-3 .product-price-6 span {
  color: #9d9d9d;
  font-size: 12px;
  margin: 0 1px;
}

.product-wrap .product-action-3 .product-price-6 span.old {
  text-decoration: line-through;
}

.product-wrap .product-action-3 .product-price-6 span.new {
  color: #dcb86c;
}

.product-wrap .product-action-3 .star-rating {
  line-height: 1;
  color: #f5b223;
  font-size: 12px;
  letter-spacing: 2px;
}

.product-wrap .product-action-3 .product-colo-wrap-3 {
  margin-top: 10px;
}

.product-wrap .product-action-3 .product-colo-wrap-3 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-wrap .product-action-3 .product-colo-wrap-3 ul li {
  cursor: pointer;
  display: block;
  float: left;
  height: 14px;
  margin: 0 4px;
  position: relative;
  width: 14px;
  position: relative;
}

.product-wrap .product-action-3 .product-colo-wrap-3 ul li::before {
  position: absolute;
  left: -2px;
  top: -2px;
  border: 1px solid #e8e8e8;
  width: 18px;
  height: 18px;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.product-wrap .product-action-3 .product-colo-wrap-3 ul li.blue {
  background-color: #5097f7;
}

.product-wrap .product-action-3 .product-colo-wrap-3 ul li.green {
  background-color: #9fc539;
}

.product-wrap .product-action-3 .product-colo-wrap-3 ul li.orange {
  background-color: #f5b324;
}

.product-wrap .product-content-7 {
  text-align: center;
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  padding: 15px;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 9;
}

.product-wrap .product-content-7 h3 {
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 3px;
}

.product-wrap .product-content-7 h3 a {
  color: #fff;
}

.product-wrap .product-content-7 .product-price-5 span {
  color: #fff;
  font-size: 12px;
  margin: 0 2px;
}

.product-wrap .product-content-7 .product-price-5 span.old {
  text-decoration: line-through;
}

.product-wrap .product-content-7 .product-colo-wrap-2 {
  margin-top: 10px;
}

.product-wrap .product-content-7 .product-colo-wrap-2 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-wrap .product-content-7 .product-colo-wrap-2 ul li {
  cursor: pointer;
  display: block;
  float: left;
  height: 14px;
  margin: 0 4px;
  position: relative;
  width: 14px;
  position: relative;
}

.product-wrap .product-content-7 .product-colo-wrap-2 ul li::before {
  position: absolute;
  left: -2px;
  top: -2px;
  border: 1px solid #e8e8e8;
  width: 18px;
  height: 18px;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.product-wrap .product-content-7 .product-colo-wrap-2 ul li.blue {
  background-color: #5097f7;
}

.product-wrap .product-content-7 .product-colo-wrap-2 ul li.green {
  background-color: #9fc539;
}

.product-wrap .product-content-7 .product-colo-wrap-2 ul li.orange {
  background-color: #f5b324;
}

.product-wrap:hover .product-content-7 {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}

.product-wrap:hover .product-action-2 {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}

.product-wrap:hover .product-action-3 {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}

.product-wrap:hover .product-colo-wrap {
  -webkit-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  transform: translateY(-25px);
}

.product-wrap:hover .product-select-option {
  opacity: 1;
  visibility: visible;
}

.product-wrap:hover .product-price {
  opacity: 0;
  visibility: hidden;
}

.product-wrap:hover .product-cart {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 767px) {
  .product-wrap.mb-45 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .product-wrap.mb-40 {
    margin-bottom: 22px;
  }
}
.product-wrap.product-masonry .product-img .product-quickview a {
  font-weight: 700;
  letter-spacing: 1px;
  padding: 13px 10px 15px;
}

.category-wrap {
  position: relative;
  overflow: hidden;
}

.category-wrap a img {
  width: 100%;
  -webkit-transition: opacity 0.35s, -webkit-transform 1s;
  transition: opacity 0.35s, -webkit-transform 1s;
  -o-transition: opacity 0.35s, transform 1s;
  transition: opacity 0.35s, transform 1s;
  transition: opacity 0.35s, transform 1s, -webkit-transform 1s;
}

.category-wrap .category-btn {
  position: absolute;
  bottom: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 450ms ease-out;
  -o-transition: all 450ms ease-out;
  transition: all 450ms ease-out;
}

.category-wrap .category-btn a.btn {
  font-weight: 700;
}

.category-wrap .category-btn a.btn:hover {
  background-color: #dcb86c;
  color: #fff;
}

.category-wrap:hover .category-btn {
  bottom: 65px;
}

.category-wrap:hover a img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.padding-5-row-col .container-fluid {
  padding-right: 5px;
  padding-left: 5px;
}

@media only screen and (max-width: 767px) {
  .padding-5-row-col .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.padding-5-row-col .row {
  margin-right: -5px;
  margin-left: -5px;
}

.padding-5-row-col .row div[class^=col-] {
  padding-left: 5px;
  padding-right: 5px;
}

@media only screen and (max-width: 767px) {
  .padding-5-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
  .padding-5-row-col .row div[class^=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .padding-5-row-col .row {
    margin-right: -5px;
    margin-left: -5px;
  }
  .padding-5-row-col .row div[class^=col-] {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.custom-col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  width: 100%;
  min-height: 1px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .custom-col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}
@media only screen and (max-width: 767px) {
  .custom-col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .custom-col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .custom-col-5.col-xl {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .custom-col-5.col-xl {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .custom-col-5.col-xl {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}
@media only screen and (max-width: 767px) {
  .popular-product-area.pb-40 {
    padding-bottom: 15px;
  }
  .popular-product-area.pt-60 {
    padding-top: 50px;
  }
}
/*----------- home 4 -------------*/
.product-tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-tab-list a {
  font-size: 12px;
  color: #8a8a8a;
  position: relative;
  margin: 0 20px;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .product-tab-list a {
    margin: 0 20px 10px;
  }
}
.product-tab-list a.active {
  font-weight: 700;
  color: #343538;
}

.product-tab-list a::after {
  content: "";
  height: 3px;
  right: 0px;
  left: auto;
  width: 0;
  position: absolute;
  -webkit-transition: width 300ms ease-out;
  -o-transition: width 300ms ease-out;
  transition: width 300ms ease-out;
  background-color: #dcb86c;
  bottom: -3px;
}

.product-tab-list a:hover::after {
  left: 0px;
  right: auto;
  width: 100%;
  -webkit-transition: width 300ms ease-in;
  -o-transition: width 300ms ease-in;
  transition: width 300ms ease-in;
}

.product-tab-list a.active::after {
  left: 0px;
  right: auto;
  width: 100%;
  -webkit-transition: width 300ms ease-in;
  -o-transition: width 300ms ease-in;
  transition: width 300ms ease-in;
}

@media only screen and (max-width: 767px) {
  .product-tab-list.pb-40 {
    padding-bottom: 10px;
  }
}
.tab-content.jump > .tab-pane {
  display: block;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.tab-content.jump > .tab-pane.active {
  display: block;
  height: auto;
  opacity: 1;
  overflow: visible;
}

/*----------- home 5 -------------*/
@media only screen and (max-width: 767px) {
  .product-category-list-area.pb-70 {
    padding-bottom: 30px;
  }
  .product-category-list-area.pt-100 {
    padding-top: 60px;
  }
  .product-category-list-area.pt-60 {
    padding-top: 50px;
  }
}
.pro-category-list-wrap .pro-category-list-title {
  margin-bottom: 35px;
}

@media only screen and (max-width: 767px) {
  .pro-category-list-wrap .pro-category-list-title {
    margin-bottom: 20px;
  }
}
.pro-category-list-wrap .pro-category-list-title h4 {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  position: relative;
  padding: 0 0 16px;
}

.pro-category-list-wrap .pro-category-list-title h4:before {
  background-color: #d2d2d2;
  content: "";
  position: absolute;
  height: 2px;
  width: 32px;
  left: 0;
  bottom: 0;
}

.pro-category-list-wrap .single-pro-category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

.pro-category-list-wrap .single-pro-category-list:last-child {
  margin-bottom: 0;
}

.pro-category-list-wrap .single-pro-category-list .category-list-img {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
}

.pro-category-list-wrap .single-pro-category-list .category-list-img a img {
  width: 100%;
}

.pro-category-list-wrap .single-pro-category-list .category-list-img .hover-img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  -webkit-transition: opacity 0.5s ease, -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
  transition: opacity 0.5s ease, -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
  -o-transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
  transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
  transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
  opacity: 0;
}

.pro-category-list-wrap .single-pro-category-list .category-list-img:hover .hover-img {
  opacity: 1;
}

.pro-category-list-wrap .single-pro-category-list .pro-category-content {
  margin-left: 20px;
  margin-top: 4px;
}

.pro-category-list-wrap .single-pro-category-list .pro-category-content h5 {
  font-weight: 700;
  font-size: 10px;
  text-transform: uppercase;
  display: block;
  margin: 0 0 3px;
  line-height: 18px;
}

.pro-category-list-wrap .single-pro-category-list .pro-category-content span {
  color: #8a8a8a;
  font-size: 13px;
}

@media only screen and (max-width: 767px) {
  .special-area.pb-15 {
    padding-bottom: 26px;
  }
}
.toggle-item-active {
  display: none;
}

/*  product 11 */
.product-wrap-2 {
  position: relative;
}

.product-wrap-2 .product-categori-img {
  height: 100%;
  position: absolute;
  top: 0;
  width: 50%;
  z-index: 2;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap-2 .product-categori-img {
    position: inherit;
    width: 100%;
    height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .product-wrap-2 .product-categori-img {
    position: inherit;
    width: 100%;
    height: 300px;
  }
}
.product-wrap-2 .product-categori-img.pro-categori2-position {
  left: auto;
  right: 0;
}

.product-wrap-2 .product-categori-img .cati-btn {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.product-wrap-2 .product-categori-img .cati-btn a {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 3px;
}

@media only screen and (max-width: 767px) {
  .product-wrap-2 .product-categori-img .cati-btn a {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap-2 .product-categori-img {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .product-wrap-2 .product-categori-img {
    margin-bottom: 50px;
  }
}
.product-wrap-2 .product-top-right {
  padding-top: 11.5%;
  padding-right: 10%;
  padding-bottom: 7.5%;
  padding-left: 10%;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-wrap-2 .product-top-right {
    padding-right: 3%;
    padding-left: 3%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-wrap-2 .product-top-right {
    padding-right: 0%;
    padding-left: 0%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap-2 .product-top-right {
    padding-right: 0%;
    padding-left: 0%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap-2 .product-top-right {
    padding-right: 0%;
    padding-left: 0%;
    padding-top: 0%;
    padding-bottom: 2%;
  }
}
@media only screen and (max-width: 767px) {
  .product-wrap-2 .product-top-right {
    padding-right: 0%;
    padding-left: 0%;
    padding-top: 0%;
    padding-bottom: 2%;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-wrap-2 .product-top-right .product-wrap .product-img .product-quickview a {
    padding: 7px 8px 9px;
    min-width: 120px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-wrap-2 .product-top-right .product-wrap .product-img .product-quickview a {
    padding: 7px 8px 9px;
    min-width: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap-2 .product-top-right .product-wrap .product-img .product-quickview a {
    padding: 7px 8px 9px;
    min-width: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-15-row-col .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .padding-15-row-col .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.padding-15-row-col .container .row {
  margin-right: -7.5px;
  margin-left: -7.5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-15-row-col .container .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .padding-15-row-col .container .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
.padding-15-row-col .container .row div[class^=col-] {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-15-row-col .container .row div[class^=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .padding-15-row-col .container .row div[class^=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.product-wrap-3 {
  position: relative;
  overflow: hidden;
}

.product-wrap-3 .product-img a img {
  width: 100%;
  -webkit-transition: opacity 0.35s, -webkit-transform 1s;
  transition: opacity 0.35s, -webkit-transform 1s;
  -o-transition: opacity 0.35s, transform 1s;
  transition: opacity 0.35s, transform 1s;
  transition: opacity 0.35s, transform 1s, -webkit-transform 1s;
}

.product-wrap-3 .product-content-5 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  padding: 10px;
}

.product-wrap-3 .product-content-5 span {
  font-size: 16px;
  letter-spacing: 2px;
  color: #fff;
}

.product-wrap-3 .product-content-5 h2 {
  font-size: 60px;
  color: #fff;
  font-family: "Nothing You Could Do", cursive;
  line-height: 65px;
  margin: 6px 0 9px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap-3 .product-content-5 h2 {
    font-size: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .product-wrap-3 .product-content-5 h2 {
    font-size: 41px;
    line-height: 50px;
  }
}
.product-wrap-3 .product-content-5 a {
  font-weight: 700;
}

.product-wrap-3 .product-content-6 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  padding: 10px;
}

.product-wrap-3 .product-content-6 span {
  font-size: 16px;
  letter-spacing: 2px;
  color: #fff;
}

.product-wrap-3 .product-content-6 h2 {
  font-size: 100px;
  color: #fff;
  line-height: 75px;
  margin: 12px 0 14px;
  font-weight: 700;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap-3 .product-content-6 h2 {
    font-size: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .product-wrap-3 .product-content-6 h2 {
    font-size: 80px;
  }
}
.product-wrap-3 .product-content-6 h3 {
  margin: 0;
  font-size: 30px;
  color: #fff;
  font-family: "Meddon", cursive;
}

.product-wrap-3:hover a img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.single-product-banner {
  position: relative;
  overflow: hidden;
}

.single-product-banner a {
  display: block;
  position: relative;
}

.single-product-banner a:before {
  background-color: rgba(35, 35, 36, 0.3);
  opacity: 0;
  visibility: hidden;
  z-index: 9;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  right: 0;
  bottom: 0;
  -webkit-transition: all 450ms ease-out;
  -o-transition: all 450ms ease-out;
  transition: all 450ms ease-out;
}

.single-product-banner a img {
  width: 100%;
}

.single-product-banner .product-banner-content {
  width: 90%;
  left: 5%;
  z-index: 9;
  bottom: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(0, 50%) scale(2);
  -ms-transform: translate(0, 50%) scale(2);
  transform: translate(0, 50%) scale(2);
  position: absolute;
  -webkit-transition: all 450ms ease-out;
  -o-transition: all 450ms ease-out;
  transition: all 450ms ease-out;
  text-align: center;
}

.single-product-banner .product-banner-content span {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 3px;
  color: #fff;
}

.single-product-banner:hover .product-banner-content {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, 50%) scale(1);
  -ms-transform: translate(0, 50%) scale(1);
  transform: translate(0, 50%) scale(1);
}

.single-product-banner:hover a:before {
  opacity: 1;
  visibility: visible;
}

.modal {
  display: block;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.modal.show {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.modal-content {
  border: none;
  border-radius: 0;
}

.modal-dialog {
  margin: 13px auto;
  max-width: 1300px;
  width: 1300px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .modal-dialog {
    width: 1100px;
    max-width: 1100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .modal-dialog {
    width: 960px;
    max-width: 960px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-dialog {
    width: 720px;
    max-width: 720px;
  }
}
@media only screen and (max-width: 767px) {
  .modal-dialog {
    width: 100%;
    max-width: 100%;
    padding: 20px 0;
  }
}
.modal-dialog .modal-body {
  padding: 30px 30px;
}

@media only screen and (max-width: 767px) {
  .modal-dialog .modal-body {
    padding: 30px 15px;
  }
}
.modal-header {
  padding: 15px 15px 80px;
  border-bottom: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .modal-header {
    padding: 15px 15px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-header {
    padding: 15px 15px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .modal-header {
    padding: 15px 15px 20px;
  }
}
.modal-header .close {
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  font-size: 38px;
  text-shadow: 0 0 15px transparent;
  opacity: 0.9;
}

.modal-header .close:hover {
  color: #fff;
  text-shadow: 0 0 15px #fff;
  opacity: 1;
}

.modal-backdrop {
  background-color: #333;
}

.modal-backdrop.show {
  opacity: 0.9;
}

.quickview-img-wrap {
  width: 100%;
  display: block;
  height: 100%;
}

.quickview-small-img-slider {
  width: 68px;
  float: left;
  display: block;
  margin-top: 35px;
}

.quickview-small-img-slider .single-small-img {
  margin-bottom: 11px;
}

.quickview-small-img-slider .single-small-img img {
  width: 100%;
}

.quickview-small-img-slider .single-small-img.slick-active {
  border: 1px solid transparent;
}

.quickview-small-img-slider .single-small-img.slick-active.slick-current {
  border: 1px solid #dcb86c;
}

.quickview-big-img-slider {
  width: calc(100% - 68px);
  padding-left: 30px;
  float: left;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quickview-big-img-slider {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .quickview-big-img-slider {
    padding-left: 15px;
  }
}
.quickview-big-img-slider .single-big-img img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .quickview-content {
    margin-top: 20px;
  }
}
.tooltip .tooltip-inner {
  padding: 0px 12px 2px;
  background-color: #000;
  font-size: 14px;
}

/*------- 7. Feature style ---------*/
.feature-wrap i {
  font-size: 32px;
  color: #343538;
}

.feature-wrap i.bg-white-icon {
  width: 65px;
  height: 65px;
  line-height: 65px;
  background-color: #fff;
  border-radius: 100%;
  font-size: 30px;
}

.feature-wrap h5 {
  font-size: 14px;
  font-weight: 700;
  margin: 9px 0 6px;
}

.feature-wrap h5.magin-incress {
  margin: 17px 0 6px;
}

.feature-wrap p {
  margin: 0;
  font-style: italic;
}

@media only screen and (max-width: 767px) {
  .feature-area.pb-30 {
    padding-bottom: 15px;
  }
}
.feature-wrap-2 {
  padding: 35px 10px;
}

.feature-wrap-2 h5 {
  font-size: 18px;
  margin: 0;
  line-height: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature-wrap-2 h5 {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .feature-wrap-2 h5 {
    line-height: 25px;
  }
}
.feature-wrap-2 h5 span {
  font-style: italic;
}

/*------- 8. Footer style -------*/
.footer-custom-col {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-custom-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}
@media only screen and (max-width: 767px) {
  .footer-custom-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-custom-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}
.footer-widget.footer-about p {
  font-size: 12px;
  width: 90%;
  margin: 15px 0 14px;
}

.footer-widget.footer-about .footer-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-widget.footer-about .footer-social a {
  font-size: 12px;
  margin: 0 30px 0 0;
  color: #8a8a8a;
}

.footer-widget.footer-about .footer-social a:last-child {
  margin: 0 0px 0 0;
}

.footer-widget.footer-about .footer-social a:hover {
  color: #dcb86c;
}

.footer-widget .footer-title h3 {
  font-weight: 700;
  font-size: 16px;
  margin: 0 0 30px;
  line-height: 1;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-widget .footer-title h3 {
    margin: 0 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-widget .footer-title h3 {
    margin: 0 0 18px;
  }
}
.footer-widget .footer-list ul li {
  margin-bottom: 20px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-widget .footer-list ul li {
    margin: 0 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-widget .footer-list ul li {
    margin: 0 0 8px;
  }
}
.footer-widget .footer-list ul li a {
  color: #8a8a8a;
  font-size: 12px;
}

.footer-widget .footer-list ul li a:hover {
  color: #dcb86c;
}

.footer-widget .footer-list ul li:last-child {
  margin-bottom: 0;
}

.footer-widget.footer-white .footer-title h3 {
  color: #fff;
}

.footer-widget.footer-map #footer-map {
  height: 221px;
}

.footer-widget.copyright-2 p {
  font-size: 10px;
  color: #343538;
  margin: 0;
  text-transform: uppercase;
}

.footer-widget.copyright-2 p a {
  color: #343538;
}

.footer-widget.copyright-2 p a:hover {
  color: #dcb86c;
}

@media only screen and (max-width: 767px) {
  .footer-widget.copyright-2 p {
    text-align: center;
  }
}
.footer-widget.footer-social-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.footer-widget.footer-social-2 a {
  font-size: 10px;
  margin: 0 15px 0 15px;
  color: #343538;
}

.footer-widget.footer-social-2 a:hover {
  color: #dcb86c;
}

.footer-widget.footer-address p {
  font-size: 10px;
  color: #343538;
  margin: 0;
  text-transform: uppercase;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .footer-widget.footer-address p {
    text-align: center;
  }
}
.copyright p {
  font-size: 12px;
  color: #8a8a8a;
  margin: 0;
  text-transform: uppercase;
}

.copyright p a {
  color: #8a8a8a;
}

.copyright p a:hover {
  color: #dcb86c;
}

@media only screen and (max-width: 767px) {
  .footer-bottom.pt-40 {
    padding-top: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-9-footer .footer-custom-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}
/*----------- 9. Instagram style */
.instagram-title h5 {
  font-size: 16px;
  margin: 0 0 20px;
  line-height: 1;
}

.instagram-title h5 span {
  font-weight: 700;
}

.instafeed ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.instafeed ul li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
  width: 100%;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .instafeed ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .instafeed ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .instafeed ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .instafeed ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .instafeed ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.instafeed ul li a {
  position: relative;
  display: block;
}

.instafeed ul li a img {
  width: 100%;
  -webkit-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.instafeed ul li a i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 50px;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3 ease-out;
  -o-transition: all 0.3 ease-out;
  transition: all 0.3 ease-out;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .instafeed ul li a i {
    font-size: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .instafeed ul li a i {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .instafeed ul li a i {
    font-size: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .instafeed ul li a i {
    font-size: 35px;
  }
}
.instafeed ul li a:before {
  background-color: rgba(52, 53, 56, 0.4);
  z-index: 9;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
  visibility: hidden;
}

.instafeed ul li:hover a:before {
  opacity: 1;
  visibility: visible;
}

.instafeed ul li:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.instafeed ul li:hover a i {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 767px) {
  .instagram-area.pb-60 {
    padding-bottom: 50px;
  }
}
/*-------- 10. Deal style -------*/
.deal-content h2 {
  color: #b9afa1;
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 2px;
}

@media only screen and (max-width: 767px) {
  .deal-content h2 {
    font-size: 42px;
  }
}
.deal-content h2 span {
  font-family: "Nothing You Could Do", cursive;
  color: #b9afa1;
  font-weight: 400;
}

.deal-content > p {
  color: #8a8a8a;
  font-size: 12px;
  margin: 0 auto;
  width: 54%;
}

@media only screen and (max-width: 767px) {
  .deal-content > p {
    width: 100%;
  }
}
.deal-content .timer-style {
  margin: 36px 0 43px;
}

.deal-content .timer-style div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.deal-content .timer-style div span {
  font-size: 36px;
  position: relative;
  margin: 0 74px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .deal-content .timer-style div span {
    margin: 0 45px;
  }
}
@media only screen and (max-width: 767px) {
  .deal-content .timer-style div span {
    margin: 0 15px;
    font-size: 27px;
  }
}
.deal-content .timer-style div span::before {
  position: absolute;
  right: -73px;
  top: 13px;
  content: "";
  height: 20px;
  width: 2px;
  background-color: #d4d4d4;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .deal-content .timer-style div span::before {
    right: -45px;
  }
}
@media only screen and (max-width: 767px) {
  .deal-content .timer-style div span::before {
    right: -14px;
    top: 4px;
  }
}
.deal-content .timer-style div span:last-child:before {
  display: none;
}

.deal-content .timer-style div span p {
  font-style: italic;
  margin-top: 9px;
}

.deal-content .deal-btn a {
  font-weight: 700;
  color: #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .deal-area .bg-img {
    background-position: 127%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .deal-area .bg-img {
    background-position: 103%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .deal-area .bg-img {
    background-position: 81%;
  }
}
/*------------- 11. Blog style -------*/
.blog-wrap a img {
  width: 100%;
}

.blog-wrap .blog-content {
  margin: 14px 0 0;
}

.blog-wrap .blog-content .blog-category a {
  font-style: italic;
  color: #9d9d9d;
}

.blog-wrap .blog-content .blog-category a:hover {
  color: #dcb86c;
}

.blog-wrap .blog-content h3 {
  font-weight: 700;
  font-size: 20px;
  margin: 7px 0 8px;
}

.blog-wrap .blog-content p {
  color: #8a8a8a;
  margin: 10px 0 17px;
  font-size: 12px;
}

.blog-wrap .blog-content .blog-meta a {
  display: inline-block;
  margin: 0 10px;
  font-size: 12px;
  color: #8a8a8a;
}

.blog-wrap .blog-content .blog-meta a:hover {
  color: #dcb86c;
}

.blog-wrap .blog-content .blog-meta a i {
  font-size: 16px;
  padding-right: 8px;
}

.blog-wrap .blog-content.blog-content-2 {
  margin: 21px 0 0;
}

.blog-wrap .blog-content.blog-content-2 .blog-meta a {
  margin: 0 20px 0 0;
}

.single-blog-wrap {
  position: relative;
}

.single-blog-wrap .blog-img-wrap {
  position: relative;
}

.single-blog-wrap .blog-img-wrap a img {
  width: 100%;
}

.single-blog-wrap .blog-img-wrap img {
  width: 100%;
}

.single-blog-wrap .blog-img-wrap .zom-icon {
  position: absolute;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease 200ms;
  -o-transition: all 0.4s ease 200ms;
  transition: all 0.4s ease 200ms;
  z-index: 99;
}

.single-blog-wrap .blog-img-wrap .zom-icon a {
  font-size: 30px;
  color: #fff;
}

.single-blog-wrap .blog-img-wrap .zom-icon a:hover {
  color: #dcb86c;
}

.single-blog-wrap .blog-img-wrap.item-overlay-4::before {
  background-color: #343538;
  opacity: 0;
  visibility: hidden;
  z-index: 9;
  pointer-events: none;
}

.single-blog-wrap .blog-content-3 h1 a {
  font-size: 14px;
}

.single-blog-wrap .blog-content-3 span a, .single-blog-wrap .blog-content-3 h1 a {
  color: #9d9d9d;
  font-style: italic;
}

.single-blog-wrap .blog-content-3 span a:hover, .single-blog-wrap .blog-content-3 h1 a:hover {
  color: #dcb86c;
}

.single-blog-wrap .blog-content-3 h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin: 8px 0 8px;
}

.single-blog-wrap .blog-content-3 .blog-meta-2 a {
  font-size: 12px;
  color: #8a8a8a;
  margin-right: 5px;
}

.single-blog-wrap .blog-content-3 .blog-meta-2 a i {
  font-size: 16px;
  margin-right: 5px;
}

.single-blog-wrap .blog-content-3 .blog-meta-2 a:hover {
  color: #dcb86c;
}

.single-blog-wrap .blog-content-3 p {
  font-size: 12px;
  margin: 14px 0 28px;
}

.single-blog-wrap .blog-content-3 > a {
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .single-blog-wrap .blog-content-3 {
    margin-top: 10px;
  }
}
.single-blog-wrap .blog-content-3.blog-content-4 {
  margin-top: 25px;
}

.single-blog-wrap .blog-content-3.blog-content-mrg {
  margin-top: 15px;
}

.single-blog-wrap .blog-content-3.blog-content-mrg-2 {
  margin-top: 20px;
}

.single-blog-wrap:hover .zom-icon {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.single-blog-wrap:hover .item-overlay-4::before {
  visibility: visible;
  opacity: 0.3;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-blog-wrap.mb-100 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .single-blog-wrap.mb-100 {
    margin-bottom: 30px;
  }
}
.single-blog-wrap .sin-blog-bg-color {
  background-color: #dcb86c;
  padding: 40px 40px 43px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-blog-wrap .sin-blog-bg-color {
    padding: 40px 25px 43px;
  }
}
@media only screen and (max-width: 767px) {
  .single-blog-wrap .sin-blog-bg-color {
    padding: 40px 25px 43px;
  }
}
.single-blog-wrap .sin-blog-bg-color h3 {
  font-style: italic;
  font-size: 28px;
  color: #fff;
  line-height: 37px;
  margin: 0 0 45px;
  display: block;
}

@media only screen and (max-width: 767px) {
  .single-blog-wrap .sin-blog-bg-color h3 {
    font-size: 22px;
    line-height: 34px;
  }
}
.single-blog-wrap .sin-blog-bg-color h3 a {
  color: #fff;
}

.single-blog-wrap .sin-blog-bg-color h3 a:hover {
  color: #eee;
}

.single-blog-wrap .sin-blog-bg-color span {
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  line-height: 1;
  color: #fff;
  position: relative;
}

.single-blog-wrap .sin-blog-bg-color span:before {
  position: absolute;
  top: -21px;
  content: "";
  width: 50px;
  height: 2px;
  left: 0;
  background-color: #fff;
}

.single-blog-wrap .sin-blog-bg-color2 {
  background-color: #91d4c0;
}

@media only screen and (max-width: 767px) {
  .blog-area.pt-100 {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-area.pb-100 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-area.pb-70 {
    padding-bottom: 20px;
  }
  .blog-area.pb-45 {
    padding-bottom: 15px;
  }
}
.blog-area .blog-btn a {
  font-weight: 700;
}

.blog-details-bg img {
  width: 100%;
}

.blog-details-bottom .blog-details-content h3 {
  font-size: 20px;
  margin: 0 0 24px;
}

.blog-details-bottom .blog-details-content p {
  font-size: 12px;
  line-height: 24px;
  margin: 0;
}

.blog-details-bottom .blog-details-content p.pera-mrg {
  margin: 0 0 20px;
}

.blog-details-bottom .blog-details-content .blog-details-list-wrap {
  margin: 50px 0 40px;
}

@media only screen and (max-width: 767px) {
  .blog-details-bottom .blog-details-content .blog-details-list-wrap {
    margin: 20px 0 20px;
  }
}
.blog-details-bottom .blog-details-content .blog-details-list-wrap .blog-details-list {
  margin-top: 2px;
}

.blog-details-bottom .blog-details-content .blog-details-list-wrap .blog-details-list h3 {
  font-size: 20px;
  margin: 0 0 13px;
}

.blog-details-bottom .blog-details-content .blog-details-list-wrap .blog-details-list p {
  font-size: 12px;
  line-height: 24px;
  margin: 0;
}

.blog-details-bottom .blog-details-content .blog-details-list-wrap .blog-details-list ul {
  margin: 20px 0 24px;
}

.blog-details-bottom .blog-details-content .blog-details-list-wrap .blog-details-list ul li {
  font-size: 12px;
  list-style: inside;
}

.blog-details-bottom .blog-details-content .blog-details-list-wrap .blog-details-side-img img {
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-bottom .blog-details-content .blog-details-list-wrap .blog-details-side-img {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details-bottom .blog-details-content .blog-details-list-wrap .blog-details-side-img {
    margin-top: 30px;
  }
}
.blog-details-bottom .blog-details-content .b-details-bg-color-wrap {
  margin: 35px 0 28px;
}

.blog-details-bottom .blog-details-content .b-details-bg-color-wrap .blog-details-bg-color {
  background-color: #91d4c0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-bottom .blog-details-content .b-details-bg-color-wrap .blog-details-bg-color {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details-bottom .blog-details-content .b-details-bg-color-wrap .blog-details-bg-color {
    margin-bottom: 30px;
  }
}
.blog-details-bottom .blog-details-content .b-details-bg-color-wrap .blog-details-bg-color .blog-content-5 {
  padding: 40px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .blog-details-bottom .blog-details-content .b-details-bg-color-wrap .blog-details-bg-color .blog-content-5 {
    padding: 30px 20px 40px;
  }
}
.blog-details-bottom .blog-details-content .b-details-bg-color-wrap .blog-details-bg-color .blog-content-5::before {
  content: "";
  border-left: 47px solid transparent;
  border-bottom: 47px solid #fff;
  position: absolute;
  right: 0;
  bottom: 0;
}

.blog-details-bottom .blog-details-content .b-details-bg-color-wrap .blog-details-bg-color .blog-content-5 h3 {
  font-size: 28px;
  color: #fff;
  font-style: italic;
  line-height: 38px;
  margin: 0 0 39px;
}

.blog-details-bottom .blog-details-content .b-details-bg-color-wrap .blog-details-bg-color .blog-content-5 span {
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  line-height: 1;
  color: #fff;
  position: relative;
  font-style: italic;
}

.blog-details-bottom .blog-details-content .b-details-bg-color-wrap .blog-details-bg-color .blog-content-5 span::before {
  position: absolute;
  top: -21px;
  content: "";
  width: 50px;
  height: 2px;
  left: 0;
  background-color: #fff;
}

.blog-comment {
  margin: 88px 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-comment {
    margin: 48px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .blog-comment {
    margin: 20px 0 0;
  }
}
.blog-comment .no-review p {
  margin: 0 0 51px;
  font-size: 12px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-comment .no-review p {
    margin: 0 0 24px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-comment .no-review p {
    margin: 0 0 20px;
  }
}
.blog-comment .comment-form > h3 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 27px;
}

@media only screen and (max-width: 767px) {
  .blog-comment .comment-form > h3 {
    margin: 0 0 15px;
  }
}
.blog-comment .comment-form p {
  font-size: 12px;
  font-style: italic;
}

.blog-comment .comment-form p span {
  color: red;
}

.blog-comment .comment-form form .leave-form {
  margin: 0 0 9px;
}

.blog-comment .comment-form form .leave-form label {
  color: #343538;
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  margin: 0 0 7px;
}

.blog-comment .comment-form form .leave-form label span {
  color: red;
}

.blog-comment .comment-form form .leave-form input {
  background-color: transparent;
  height: 42px;
  border: 1px solid #e8e8e8;
}

.blog-comment .comment-form form .leave-form input:focus {
  border: 1px solid #343538;
}

.blog-comment .comment-form form .leave-form textarea {
  background-color: transparent;
  height: 200px;
  border: 1px solid #e8e8e8;
}

.blog-comment .comment-form form .leave-form textarea:focus {
  border: 1px solid #343538;
}

.blog-comment .comment-form form .text-submit {
  float: right;
  margin-top: 15px;
}

.blog-comment .comment-form form .text-submit input {
  background-color: transparent;
  height: auto;
  border: none;
  font-size: 12px;
  display: inline-block;
  padding: 15px 50px;
  text-transform: uppercase;
  font-weight: bold;
  background-color: #dcb86c;
  color: #fff;
  width: auto;
}

.blog-comment .comment-form form .text-submit input:hover {
  background-color: #343538;
}

.blog-details-content-area {
  overflow: hidden;
}

.blog-details-content-area .blog-details-img img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .blog-details-content-area .blog-details-img.b-details-mrg {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details-content-area .blog-details-img.mb-40 {
    margin-bottom: 20px;
  }
  .blog-details-content-area .blog-details-img.mt-50 {
    margin-top: 30px;
  }
}
.blog-details-content-area .blog-details-content-2 h3 {
  font-size: 20px;
  margin: 0 0 24px;
}

@media only screen and (max-width: 767px) {
  .blog-details-content-area .blog-details-content-2 h3 {
    margin: 0 0 12px;
  }
}
.blog-details-content-area .blog-details-content-2 p {
  font-size: 12px;
  line-height: 24px;
  margin: 0;
}

.blog-details-content-area .blog-details-content-2 p.pera-mrg {
  margin: 0 0 20px;
}

.blog-details-content-area .blog-details-content-2 blockquote {
  padding: 40px 40px 63px;
  border: 1px solid #e8e8e8;
  text-align: center;
  position: relative;
  margin: 50px 0 50px;
}

@media only screen and (max-width: 767px) {
  .blog-details-content-area .blog-details-content-2 blockquote {
    padding: 20px 15px 63px;
    margin: 20px 0 50px;
  }
}
.blog-details-content-area .blog-details-content-2 blockquote > p {
  font-size: 24px;
  font-style: italic;
  color: #343538;
  line-height: 33px;
}

@media only screen and (max-width: 767px) {
  .blog-details-content-area .blog-details-content-2 blockquote > p {
    font-size: 18px;
  }
}
.blog-details-content-area .blog-details-content-2 blockquote span {
  position: absolute;
  bottom: -26px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  border: 1px solid #e8e8e8;
  font-size: 12px;
  padding: 14px 20px;
  text-transform: uppercase;
  font-style: italic;
}

@media only screen and (max-width: 767px) {
  .blog-details-content-area .blog-details-content-2 blockquote span {
    padding: 14px 10px;
    bottom: -36px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-details-content-area .blog-details-content-2 blockquote span {
    bottom: -26px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details-content-area .blog-details-content-2.mt-60 {
    margin-top: 30px;
  }
}
.blog-details-content-area .post-link-area {
  padding: 40px;
  background-color: #91d4c0;
}

@media only screen and (max-width: 767px) {
  .blog-details-content-area .post-link-area {
    padding: 20px 20px 30px;
  }
}
.blog-details-content-area .post-link-area .post-link-content h3 {
  font-style: italic;
  font-size: 28px;
  color: #fff;
  line-height: 37px;
  margin: 0 0 45px;
  display: block;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .blog-details-content-area .post-link-area .post-link-content h3 {
    font-size: 22px;
  }
}
.blog-details-content-area .post-link-area .post-link-content span {
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  line-height: 1;
  color: #fff;
  position: relative;
}

.blog-details-content-area .post-link-area .post-link-content span::before {
  position: absolute;
  top: -21px;
  content: "";
  width: 50px;
  height: 2px;
  left: 0;
  background-color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-content-area.blog-details-mrg-btm {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details-content-area.blog-details-mrg-btm {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details-area.pt-100 {
    padding-top: 50px;
  }
  .blog-details-area.pb-100 {
    padding-bottom: 50px;
  }
}
/*--------- 12. Subscribe style ----------*/
.subscribe-style .subscribe-form .subscribe-form-style {
  position: relative;
}

.subscribe-style .subscribe-form .subscribe-form-style .mc-form {
  position: relative;
}

.subscribe-style .subscribe-form .subscribe-form-style .mc-form > input {
  background: #fff;
  line-height: 32px;
  padding: 10px 120px 10px 20px;
  margin: 0;
  border: 2px solid rgba(51, 51, 51, 0.1);
  font-size: 12px;
  height: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .subscribe-style .subscribe-form .subscribe-form-style .mc-form > input {
    padding: 10px 95px 10px 10px;
  }
}
.subscribe-style .subscribe-form .subscribe-form-style .mc-form .mc-news {
  display: none;
}

.subscribe-style .subscribe-form .subscribe-form-style .mc-form .clear {
  position: absolute;
  right: 0;
  top: 0;
}

.subscribe-style .subscribe-form .subscribe-form-style .mc-form .clear input {
  color: #343538;
  background: transparent;
  width: 120px;
  text-transform: uppercase;
  font-size: 12px;
  border: none;
  font-weight: 700;
  height: auto;
  padding: 15px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .subscribe-style .subscribe-form .subscribe-form-style .mc-form .clear input {
    width: 95px;
  }
}
.subscribe-style .subscribe-form .subscribe-form-style .mc-form .clear input:hover {
  background-color: #343538;
  color: #dcb86c;
}

.subscribe-style-2 h2 {
  font-size: 30px;
  font-family: "Meddon", cursive;
  line-height: 41px;
  margin: 0 0 31px;
}

@media only screen and (max-width: 767px) {
  .subscribe-style-2 h2 {
    line-height: 30px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .subscribe-style-2 h2 {
    line-height: 37px;
    font-size: 25px;
  }
}
.subscribe-style-2 h2 span {
  letter-spacing: 3px;
}

.subscribe-style-2 .subscribe-form-style-2 {
  position: relative;
}

.subscribe-style-2 .subscribe-form-style-2 .mc-form > input {
  background: 0 0;
  line-height: 25px;
  padding: 10px 100px 10px 0;
  margin: 0;
  color: #343538;
  font-size: 12px;
  border: none;
  border-bottom: 1px solid #343538;
}

.subscribe-style-2 .subscribe-form-style-2 .mc-form .clear input {
  border: 0;
  text-align: right;
  width: 100px;
  padding: 10px 0;
  line-height: 25px;
  background-color: transparent !important;
  position: absolute;
  right: 0;
  top: 0;
  color: #343538;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.subscribe-style-2 .subscribe-form-style-2 .mc-form .clear input:hover {
  color: #dcb86c;
}

.subscribe-style-2 .subscribe-form-style-2 .mc-news {
  display: none;
}

.home-9-footer .subscribe-style .subscribe-form .subscribe-form-style {
  position: relative;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .home-9-footer .subscribe-style .subscribe-form .subscribe-form-style .mc-form > input {
    padding: 10px 100px 10px 10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .home-9-footer .subscribe-style .subscribe-form .subscribe-form-style .mc-form .clear input {
    width: 95px;
  }
}
/*-------- 13. Product details style ---------*/
.product-details-content h2 {
  color: #333;
  font-weight: 700;
  font-size: 20px;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .product-details-content h2 {
    font-size: 17px;
  }
}
.product-details-content .product-details-price {
  margin: 16px 0 19px;
}

@media only screen and (max-width: 767px) {
  .product-details-content .product-details-price {
    margin: 15px 0 11px;
  }
}
.product-details-content .product-details-price span {
  letter-spacing: 1px;
  font-size: 24px;
  color: #333;
}

.product-details-content .pro-details-sku span {
  color: #343538;
  font-size: 12px;
}

.product-details-content p {
  font-size: 12px;
  color: #333;
  margin: 38px 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content p {
    margin: 15px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-content p {
    margin: 15px 0 0;
  }
}
.product-details-content .pro-details-quality {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 40px 0 28px;
}

@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-quality {
    margin: 25px 0 25px;
  }
}
.product-details-content .pro-details-cart {
  margin: 0px 22px 0px 11px;
}

@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-cart {
    margin: 0px 10px 0px 11px;
  }
}
.product-details-content .pro-details-cart a {
  padding: 11px 50px;
  font-weight: bold;
  line-height: 24px;
  float: left;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  background-color: #343538;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .pro-details-cart a {
    padding: 11px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-cart a {
    padding: 11px 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content .pro-details-cart a {
    padding: 11px 30px;
  }
}
.product-details-content .pro-details-cart a:hover {
  background-color: #dcb86c;
}

.product-details-content .pro-details-cart.pro-details-mrg-none {
  margin: 0px 22px 0px 0px;
}

.product-details-content .pro-details-wishlist {
  margin-right: 22px;
}

@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-wishlist {
    margin-right: 10px;
  }
}
.product-details-content .pro-details-wishlist a {
  position: relative;
  color: #343538;
  font-size: 16px;
}

.product-details-content .pro-details-wishlist a:hover {
  color: #dcb86c;
}

.product-details-content .pro-details-wishlist a span {
  position: absolute;
  top: -46px;
  left: -37px;
  font-size: 12px;
  width: 97px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.product-details-content .pro-details-wishlist a:hover span {
  opacity: 1;
  visibility: visible;
}

.product-details-content .pro-details-compare {
  position: relative;
}

.product-details-content .pro-details-compare a {
  color: #343538;
  font-size: 16px;
  position: relative;
}

.product-details-content .pro-details-compare a:hover {
  color: #dcb86c;
}

.product-details-content .pro-details-compare a span {
  position: absolute;
  top: -46px;
  left: -37px;
  font-size: 12px;
  width: 120px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-compare a span {
    left: -55px;
  }
}
.product-details-content .pro-details-compare a:hover span {
  opacity: 1;
  visibility: visible;
}

.product-details-content .pro-details-meta span {
  color: #8a8a8a;
  font-size: 12px;
  display: inline-block;
  float: left;
}

.product-details-content .pro-details-meta ul li {
  margin-right: 2px;
  display: inline-block;
}

.product-details-content .pro-details-meta ul li:last-child {
  margin-right: 0;
}

.product-details-content .pro-details-meta ul li a {
  color: #343538;
  font-size: 12px;
}

.product-details-content .pro-details-meta ul li a:hover {
  color: #dcb86c;
}

.product-details-content .pro-details-social {
  margin-top: 13px;
}

.product-details-content .pro-details-social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-details-content .pro-details-social ul li {
  margin-right: 20px;
}

.product-details-content .pro-details-social ul li:last-child {
  margin-right: 0px;
}

.product-details-content .pro-details-social ul li a {
  font-size: 13px;
  color: #343538;
}

.product-details-content .pro-details-social ul li a:hover {
  color: #dcb86c;
}

.product-details-content .product-rating-stock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 25px 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .product-rating-stock {
    margin: 15px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-content .product-rating-stock {
    display: block;
    margin: 15px 0 0;
  }
}
.product-details-content .product-rating-stock .product-dec-rating-reviews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
}

.product-details-content .product-rating-stock .product-dec-rating-reviews .product-dec-rating {
  line-height: 1;
}

.product-details-content .product-rating-stock .product-dec-rating-reviews .product-dec-rating i {
  color: #f5b223;
  font-size: 12px;
}

.product-details-content .product-rating-stock .product-dec-rating-reviews .product-dec-reviews {
  margin-left: 5px;
}

.product-details-content .product-rating-stock .product-dec-rating-reviews .product-dec-reviews a {
  font-size: 12px;
  color: #8a8a8a;
}

.product-details-content .product-rating-stock .product-dec-rating-reviews .product-dec-reviews a:hover {
  color: #dcb86c;
}

.product-details-content .product-rating-stock .pro-stock span {
  font-size: 10px;
  color: #343538;
  text-transform: uppercase;
}

.product-details-content .product-rating-stock .pro-stock span i {
  font-size: 14px;
  position: relative;
  top: 2px;
}

.product-details-content .pro-details-size {
  margin-top: 48px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .pro-details-size {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-size {
    margin-top: 15px;
  }
}
.product-details-content .pro-details-size span {
  color: #343538;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 0 8px;
  display: block;
}

.product-details-content .pro-details-size ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-details-content .pro-details-size ul li {
  margin-right: 5px;
}

.product-details-content .pro-details-size ul li:last-child {
  margin-right: 0;
}

.product-details-content .pro-details-size ul li a {
  font-size: 12px;
  color: #343538;
  display: inline-block;
  border: 1px solid #e8e8e8;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
}

.product-details-content .pro-details-size ul li a:hover {
  border: 1px solid #dcb86c;
  color: #dcb86c;
}

.product-details-content .pro-details-color {
  margin: 14px 0 62px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .pro-details-color {
    margin: 14px 0 32px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-color {
    margin: 14px 0 15px;
  }
}
.product-details-content .pro-details-color span {
  color: #343538;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 0 8px;
  display: block;
}

.product-details-content .pro-details-color ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-details-content .pro-details-color ul li {
  cursor: pointer;
  display: block;
  float: left;
  height: 30px;
  margin: 0 4px;
  position: relative;
  width: 30px;
  position: relative;
}

.product-details-content .pro-details-color ul li:before {
  position: absolute;
  left: -2px;
  top: -2px;
  border: 1px solid #e8e8e8;
  width: 34px;
  height: 34px;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.product-details-content .pro-details-color ul li:hover:before {
  border: 1px solid #dcb86c;
}

.product-details-content .pro-details-color ul li.blue {
  background-color: #5097f7;
}

.product-details-content .pro-details-color ul li.green {
  background-color: #9fc539;
}

.product-details-content .pro-details-color ul li.orange {
  background-color: #f5b324;
}

.product-details-content .pro-details-group {
  margin: 40px 0 0;
}

@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-group {
    margin: 15px 0 0;
  }
}
.product-details-content .pro-details-group .single-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

.product-details-content .pro-details-group .single-group .pro-dec-title-stock {
  margin: 5px 0 0 25px;
}

.product-details-content .pro-details-group .single-group .pro-dec-title-stock .pro-dec-title h5 {
  font-weight: bold;
  font-size: 14px;
  margin: 0;
}

.product-details-content .pro-details-group .single-group .pro-dec-title-stock .pro-dec-price-stock span {
  color: #8a8a8a;
  font-size: 12px;
}

.product-details-content .pro-details-group .single-group .pro-dec-title-stock .pro-dec-price-stock span.pro-price {
  margin-right: 15px;
}

.product-details-content.quickview-content .product-details-price {
  margin: 32px 0 19px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content.quickview-content .product-details-price {
    margin: 10px 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-content.quickview-content .product-details-price {
    margin: 10px 0 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content.pro-details-sidebar-style .pro-details-cart a {
    padding: 11px 20px;
  }
}
.cart-plus-minus {
  display: inline-block;
  height: 60px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 80px;
}

.cart-plus-minus input.cart-plus-minus-box {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #343538;
  float: left;
  font-size: 14px;
  height: 60px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 80px;
  border: 1px solid #e8e8e8;
}

.cart-plus-minus input.cart-plus-minus-box:focus {
  border: 1px solid #343538;
}

.cart-plus-minus .qtybutton {
  color: #343538;
  cursor: pointer;
  float: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 24px;
}

.cart-plus-minus .qtybutton.dec {
  /*height: 60px;
  left: 0;
  padding-top: 20px;
  top: 0; */
}

.cart-plus-minus .qtybutton.inc {
  /* height: 60px;
   padding-top: 20px;
   right: 0;
   top: 0; */
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-tab.mr-30 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-tab.mr-30 {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-tab.mr-30 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-sticky.mr-30 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-sticky.mr-30 {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-sticky {
    margin-bottom: 30px;
  }
  .product-details-sticky.mr-30 {
    margin-right: 0;
  }
}
.product-dec-left {
  width: 68px;
  float: left;
  display: block;
  margin-top: 35px;
}

@media only screen and (max-width: 767px) {
  .product-dec-left {
    margin-top: 17px;
  }
}
.product-dec-left .product-dec-small {
  margin-bottom: 10px;
  position: relative;
}

.product-dec-left .product-dec-small i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  color: #fff;
  font-size: 30px;
}

.product-dec-left .product-dec-small img {
  width: 100%;
  cursor: pointer;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.product-dec-left .product-dec-small.slick-active {
  border: 1px solid transparent;
}

.product-dec-left .product-dec-small.slick-active.slick-current {
  border: 1px solid #dcb86c;
}

.product-dec-left .product-dec-icon {
  color: #343538;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  left: 50%;
  line-height: 1;
  padding: 0 10px;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 99;
}

.product-dec-left .product-dec-icon:hover {
  color: #dcb86c;
}

.product-dec-left .product-dec-icon.product-dec-prev {
  top: -25px;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
}

.product-dec-left .product-dec-icon.product-dec-next {
  bottom: -14px;
  -webkit-transform: translateX(-50%) rotate(90deg);
  -ms-transform: translateX(-50%) rotate(90deg);
  transform: translateX(-50%) rotate(90deg);
}

.product-dec-right {
  width: calc(100% - 68px);
  padding-left: 30px;
  float: left;
}

@media only screen and (max-width: 767px) {
  .product-dec-right {
    padding-left: 15px;
  }
}
.product-dec-right .easyzoom-style {
  position: relative;
}

.product-dec-right .easyzoom-style a.easyzoom-pop-up {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 30px;
  height: 30px;
  line-height: 28px;
  display: inline-block;
  background-color: #dcb86c;
  color: #fff;
  font-size: 12px;
  text-align: center;
  border-radius: 3px;
  z-index: 999;
}

.product-dec-right .easyzoom-style a.easyzoom-pop-up:hover {
  background-color: #333;
}

.product-dec-right .easyzoom-style .easyzoom > a {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.product-dec-right .easyzoom-style .easyzoom > a img {
  width: 100%;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.product-dec-right .easyzoom-style .easyzoom-popup > a img {
  width: 100%;
}

.description-review-wrapper {
  border: 1px solid #e8e8e8;
  padding: 30px 30px 70px;
}

.description-review-wrapper.description-sticky {
  padding: 0;
  border: none;
  margin: 44px 0 58px;
}

@media only screen and (max-width: 767px) {
  .description-review-wrapper.description-sticky {
    margin: 30px 0 30px;
  }
}
.description-review-wrapper.description-sticky .description-review-topbar {
  padding: 0 0 41px;
}

@media only screen and (max-width: 767px) {
  .description-review-wrapper.description-sticky .description-review-topbar {
    padding: 0 0 20px;
  }
}
.description-review-wrapper.description-sticky .description-review-bottom .ratting-form-wrapper .ratting-form {
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  .description-review-wrapper {
    padding: 30px 15px 50px;
  }
}
.description-review-wrapper .description-review-topbar {
  padding: 0 0 24px;
}

.description-review-wrapper .description-review-topbar a {
  color: #343538;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 1;
  position: relative;
  padding: 0 0 11px;
  margin: 0 32px 0 0;
}

.description-review-wrapper .description-review-topbar a.active {
  font-weight: bold;
}

.description-review-wrapper .description-review-topbar a::after {
  content: "";
  height: 3px;
  right: 0px;
  left: auto;
  width: 0;
  position: absolute;
  -webkit-transition: width 300ms ease-out;
  -o-transition: width 300ms ease-out;
  transition: width 300ms ease-out;
  background-color: #dcb86c;
  bottom: 0;
}

.description-review-wrapper .description-review-topbar a.active::after {
  left: 0px;
  right: auto;
  width: 100%;
  -webkit-transition: width 300ms ease-in;
  -o-transition: width 300ms ease-in;
  transition: width 300ms ease-in;
}

.description-review-wrapper .description-review-topbar a:hover::after {
  left: 0px;
  right: auto;
  width: 100%;
  -webkit-transition: width 300ms ease-in;
  -o-transition: width 300ms ease-in;
  transition: width 300ms ease-in;
}

.description-review-wrapper .description-review-bottom .product-description-wrapper p {
  color: #8a8a8a;
  font-size: 12px;
  margin: 0 0 19px;
}

.description-review-wrapper .description-review-bottom .review-wrapper .single-review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 30px;
  padding-bottom: 35px;
}

.description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70px;
  flex: 0 0 70px;
}

.description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-img img {
  width: 100%;
}

.description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content {
  margin-left: 30px;
}

@media only screen and (max-width: 767px) {
  .description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content {
    margin-left: 10px;
  }
}
.description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content p {
  line-height: 30px;
  font-size: 14px;
  font-style: italic;
  margin: 0 0 42px;
}

.description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content .review-top-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content .review-top-wrap .review-name h4 {
  font-size: 12px;
  text-transform: uppercase;
  margin: 0;
  line-height: 1;
  position: relative;
}

.description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content .review-top-wrap .review-name h4:after {
  position: absolute;
  top: -25px;
  left: 0;
  background-color: #343538;
  width: 60px;
  height: 1px;
  content: "";
}

.description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content .review-top-wrap .review-rating {
  line-height: 1;
}

.description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content .review-top-wrap .review-rating i {
  color: #f5b223;
  font-size: 12px;
}

.description-review-wrapper .description-review-bottom .review-wrapper .single-review:last-child {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.description-review-wrapper .description-review-bottom .ratting-form-wrapper {
  margin: 40px 0 0;
}

.description-review-wrapper .description-review-bottom .ratting-form-wrapper > span {
  font-size: 12px;
  color: #8a8a8a;
  display: block;
  line-height: 1;
  margin: 0 0 9px;
}

.description-review-wrapper .description-review-bottom .ratting-form-wrapper p {
  color: #8a8a8a;
  font-size: 12px;
  margin: 0;
  font-style: italic;
}

.description-review-wrapper .description-review-bottom .ratting-form-wrapper p span {
  color: red;
}

.description-review-wrapper .description-review-bottom .ratting-form-wrapper .star-box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 22px 0 20px;
}

@media only screen and (max-width: 767px) {
  .description-review-wrapper .description-review-bottom .ratting-form-wrapper .star-box-wrap {
    display: block;
  }
}
.description-review-wrapper .description-review-bottom .ratting-form-wrapper .star-box-wrap .single-ratting-star {
  margin-right: 20px;
}

.description-review-wrapper .description-review-bottom .ratting-form-wrapper .star-box-wrap .single-ratting-star i {
  color: #8a8a8a;
  font-size: 12px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
}

.description-review-wrapper .description-review-bottom .ratting-form-wrapper .star-box-wrap .single-ratting-star:hover i {
  color: #f5b223;
}

.description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form {
  margin-right: 190px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form {
    margin-right: 0px;
  }
}
.description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style label {
  color: #343538;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 8px;
}

.description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style label span {
  color: red;
}

.description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style input {
  border: 1px solid #e8e8e8;
  background: transparent;
  height: 45px;
}

.description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style input:focus {
  border: 1px solid #343538;
}

.description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style textarea {
  border: 1px solid #e8e8e8;
  background: transparent;
  height: 200px;
}

.description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style textarea:focus {
  border: 1px solid #343538;
}

.description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form .form-submit input {
  padding: 10px 40px;
  text-transform: uppercase;
  width: auto;
  color: #fff;
  background-color: #dcb86c;
  border: none;
}

.description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form .form-submit input:hover {
  background-color: #343538;
}

.pro-dec-banner a img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .pro-dec-banner {
    margin-top: 30px;
  }
}
.pro-dec-banner.banner-sticky {
  margin-right: 200px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pro-dec-banner.banner-sticky {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .pro-dec-banner.banner-sticky {
    margin-right: 0px;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-area.pb-65 {
    padding-bottom: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .description-review-area.pb-80 {
    padding-bottom: 50px;
  }
}
.related-product-wrap {
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .related-product-wrap.pb-35 {
    padding-bottom: 13px;
  }
}
.single-pro-details-sticky a img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .sidebar-active .product-details-content {
    margin-top: 0;
  }
}
.sidebar-active.col-md-6 {
  padding-left: 15px;
  padding-right: 15px;
}

.sidebar-active.col-md-6.is-affixed {
  padding-left: 0px;
  padding-right: 0px;
}

.sidebar-active.col-md-6.is-affixed .inner-wrapper-sticky {
  padding-left: 15px;
  padding-right: 15px;
}

.product-dec-right-2 .easyzoom-style {
  position: relative;
}

.product-dec-right-2 .easyzoom-style a.easyzoom-pop-up {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 30px;
  height: 30px;
  line-height: 28px;
  display: inline-block;
  background-color: #dcb86c;
  color: #fff;
  font-size: 12px;
  text-align: center;
  border-radius: 3px;
  z-index: 999;
}

.product-dec-right-2 .easyzoom-style a.easyzoom-pop-up:hover {
  background-color: #333;
}

.product-dec-right-2 .easyzoom-style .easyzoom > a {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.product-dec-right-2 .easyzoom-style .easyzoom > a img {
  width: 100%;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.product-dec-right-2 .easyzoom-style .easyzoom-popup > a img {
  width: 100%;
}

.product-dec-left-2 {
  padding: 0px 44px 0;
  margin: 26px 0;
  overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-dec-left-2 {
    padding: 0px 20px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec-left-2 {
    padding: 0px 10px 0;
  }
}
@media only screen and (max-width: 767px) {
  .product-dec-left-2 {
    margin-top: 17px;
    padding: 0px 10px 0;
  }
}
.product-dec-left-2 .product-dec-small-2 {
  margin: 0 5px;
  position: relative;
}

.product-dec-left-2 .product-dec-small-2 i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  color: #fff;
  font-size: 30px;
}

.product-dec-left-2 .product-dec-small-2 img {
  width: 100%;
  cursor: pointer;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.product-dec-left-2 .product-dec-icon-2 {
  color: #343538;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  top: 50%;
  line-height: 1;
  position: absolute;
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
  z-index: 99;
  left: 28px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-dec-left-2 .product-dec-icon-2 {
    left: 6px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec-left-2 .product-dec-icon-2 {
    left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .product-dec-left-2 .product-dec-icon-2 {
    left: 0px;
  }
}
.product-dec-left-2 .product-dec-icon-2:hover {
  color: #dcb86c;
}

.product-dec-left-2 .product-dec-icon-2.product-dec-next {
  right: 27px;
  left: auto;
  -webkit-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-dec-left-2 .product-dec-icon-2.product-dec-next {
    right: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec-left-2 .product-dec-icon-2.product-dec-next {
    right: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .product-dec-left-2 .product-dec-icon-2.product-dec-next {
    right: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .related-product-wrap2.pt-55 {
    padding-top: 35px;
  }
}
.threesixty-area {
  position: relative;
}

.threesixty-area .threesixty {
  height: auto !important;
}

.threesixty-area .threesixty_images li:first-child img {
  position: static !important;
  width: 100% !important;
}

.threesixty-area .threesixty_images li img {
  -webkit-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}

.threesixty-area .threesixty-control {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .threesixty-area .threesixty-control {
    top: -15px;
  }
}
.threesixty-area .threesixty-control a {
  font-size: 30px;
  color: #333;
  margin: 0 2px;
}

@media only screen and (max-width: 767px) {
  #threesixty-area {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-content.quickview-content.threesixty-content.pl-30 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content.quickview-content.threesixty-content.pl-30 {
    padding-left: 0;
  }
}
/*-------- 14. Testimonial style --------*/
@media only screen and (max-width: 767px) {
  .testimonial-area.pb-75 {
    padding-bottom: 50px;
  }
  .testimonial-area.pt-90 {
    padding-top: 50px;
  }
}
.single-testimonial-wrap {
  margin: 0 0 50px;
}

.single-testimonial-wrap img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin: 0 0 20px;
}

.single-testimonial-wrap .client-imfo p {
  margin: 0;
  line-height: 30px;
}

.single-testimonial-wrap .client-imfo h5 {
  text-transform: uppercase;
  font-size: 12px;
  margin: 35px 0 0;
  position: relative;
}

.single-testimonial-wrap .client-imfo h5::before {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  content: "";
  height: 1px;
  width: 50px;
  background-color: #343538;
  margin: 0 auto;
}

.testimonial-active.owl-carousel .owl-item img, .testimonial-active-3.owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
}

.testimonial-active.owl-carousel.owl-dot-style-1 .owl-dots, .testimonial-active-3.owl-carousel.owl-dot-style-1 .owl-dots {
  text-align: center;
}

.testimonial-active.owl-carousel.owl-dot-style-1 .owl-dots .owl-dot, .testimonial-active-3.owl-carousel.owl-dot-style-1 .owl-dots .owl-dot {
  background: #343538 none repeat scroll 0 0;
  border-radius: 100%;
  display: inline-block;
  height: 9px;
  margin: 0 4px;
  width: 9px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.testimonial-active.owl-carousel.owl-dot-style-1 .owl-dots .owl-dot:hover, .testimonial-active-3.owl-carousel.owl-dot-style-1 .owl-dots .owl-dot:hover {
  background-color: #dcb86c;
}

.testimonial-active.owl-carousel.owl-dot-style-1 .owl-dots .owl-dot.active, .testimonial-active-3.owl-carousel.owl-dot-style-1 .owl-dots .owl-dot.active {
  background-color: #dcb86c;
}

.single-testimonial-wrap2 {
  position: relative;
  padding-top: 60px;
}

.single-testimonial-wrap2::before {
  content: "“";
  font-size: 80px;
  font-weight: 700;
  position: absolute;
  line-height: 1;
  font-style: normal;
  top: 0;
  height: 40px;
  width: 40px;
  left: 50%;
  margin-left: -20px;
  text-align: center;
  color: #343538;
}

.single-testimonial-wrap2 p {
  font-size: 30px;
  line-height: 1.6;
  font-style: italic;
  color: #343538;
  margin: 0 0 42px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-testimonial-wrap2 p {
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-testimonial-wrap2 p {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .single-testimonial-wrap2 p {
    font-size: 18px;
  }
}
.single-testimonial-wrap2 h5 {
  font-size: 12px;
  text-transform: uppercase;
  position: relative;
  margin: 0;
  display: inline-block;
}

.single-testimonial-wrap2 h5:before {
  position: absolute;
  content: "";
  left: 0;
  top: -22px;
  width: 50px;
  height: 1px;
  background-color: #343538;
  right: 0;
  margin: 0 auto;
}

.nav-style-2 .owl-nav div {
  color: #858a9f;
  font-size: 38px;
  left: -85px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-2 .owl-nav div {
    left: -15px;
    font-size: 33px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-2 .owl-nav div {
    left: -25px;
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-2 .owl-nav div {
    left: -15px;
    font-size: 25px;
  }
}
.nav-style-2 .owl-nav div.owl-next {
  left: auto;
  right: -87px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-2 .owl-nav div.owl-next {
    right: -15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-2 .owl-nav div.owl-next {
    right: -25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-2 .owl-nav div.owl-next {
    right: -15px;
  }
}
.nav-style-2 .owl-nav div:hover {
  color: #dcb86c;
}

@media only screen and (max-width: 767px) {
  .testimonial-area.pt-65 {
    padding-top: 15px;
  }
}
/*------------ 15. Brand logo style --------------*/
.brand-logo-active.owl-carousel .owl-item .single-brand-logo {
  text-align: center;
}

.brand-logo-active.owl-carousel .owl-item .single-brand-logo img {
  display: inline-block;
  width: auto;
}

@media only screen and (max-width: 767px) {
  .brand-logo.pb-50 {
    padding-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .brand-logo.pb-55 {
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .brand-logo.brand-logo-padding.pb-50 {
    padding-bottom: 50px;
  }
}
.brand-logo .brand-logo-top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.brand-logo .brand-logo-top ul li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 234px;
  flex: 0 0 234px;
  text-align: center;
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-logo .brand-logo-top ul li img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .brand-logo .brand-logo-top ul li img {
    width: auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .brand-logo .brand-logo-top ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-logo .brand-logo-top ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 130px;
    flex: 0 0 130px;
  }
}
.brand-logo .brand-logo-bottom ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.brand-logo .brand-logo-bottom ul li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 290px;
  flex: 0 0 290px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-logo .brand-logo-bottom ul li img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .brand-logo .brand-logo-bottom ul li img {
    width: auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .brand-logo .brand-logo-bottom ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 220px;
    flex: 0 0 220px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-logo .brand-logo-bottom ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 165px;
    flex: 0 0 165px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .brand-logo .brand-logo-bottom ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 205px;
    flex: 0 0 205px;
  }
}
/*-------- 16. Contact page ----------*/
#map-height {
  height: 290px;
}

.contact-area {
  position: relative;
}

.contact-area .contact-page-map {
  height: 100%;
  padding: 0;
  position: absolute;
  top: 0;
  width: 50%;
  z-index: 2;
  left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-area .contact-page-map {
    position: inherit;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .contact-area .contact-page-map {
    position: inherit;
    width: 100%;
  }
}
#contact-2 {
  height: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #contact-2 {
    height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  #contact-2 {
    height: 300px;
  }
}
.contact-info-area {
  padding: 80px 295px 62px 85px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .contact-info-area {
    padding: 80px 60px 62px 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-info-area {
    padding: 50px 30px 30px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-info-area {
    padding: 50px 30px 50px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-info-area {
    padding: 50px 15px 20px 15px;
  }
}
.contact-info-area h3 {
  font-size: 24px;
  font-weight: 700;
  position: relative;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .contact-info-area h3 {
    font-size: 20px;
  }
}
.contact-info-area h3:before {
  position: absolute;
  left: 0;
  width: 100px;
  height: 2px;
  background-color: #343538;
  content: "";
  bottom: -18px;
}

.contact-info-area p {
  font-size: 12px;
  margin: 0;
}

.contact-info-area .contact-from-2 {
  margin: 46px 0 0;
}

.contact-info-area .contact-from-2 form input, .contact-info-area .contact-from-2 form textarea {
  border: 1px solid #e8e8e8;
  height: 50px;
  font-size: 12px;
  padding: 2px 15px;
  background-color: transparent;
  color: #8a8a8a;
  margin-bottom: 20px;
}

.contact-info-area .contact-from-2 form input:focus, .contact-info-area .contact-from-2 form textarea:focus {
  border: 1px solid #343538;
}

.contact-info-area .contact-from-2 form button.submit {
  color: #fff;
  background-color: #343538;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  height: auto;
  padding: 17px 10px 16px;
  width: 100%;
  border: none;
}

.contact-info-area .contact-from-2 form button.submit:hover {
  background-color: #dcb86c;
}

.contact-info-area .contact-from-2 form textarea {
  height: 130px;
}

.contact-info-area .contact-info-bottom {
  margin-top: 34px;
}

@media only screen and (max-width: 767px) {
  .contact-info-area .contact-info-bottom {
    margin-top: 25px;
  }
}
.contact-info-area .contact-info-bottom .single-contact-info i {
  font-size: 30px;
  color: #343538;
}

.contact-info-area .contact-info-bottom .single-contact-info p {
  text-transform: uppercase;
  font-size: 12px;
  margin: 6px 0 10px;
  color: #343538;
}

/*-------- 17. Video style -----------*/
.video-area .video-content span {
  letter-spacing: 2px;
  font-size: 16px;
  color: #fff;
}

.video-area .video-content h2 {
  font-size: 60px;
  color: #fff;
  font-family: "Nothing You Could Do", cursive;
  margin: 3px 0 12px;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .video-area .video-content h2 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .video-area.pt-140 {
    padding-top: 80px;
  }
  .video-area.pb-145 {
    padding-bottom: 85px;
  }
}
/*--------- 18. Notification style  -----------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .notification-section.pt-15 {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .notification-section.pt-15 {
    padding-top: 0px;
  }
}
.notification-section .notification-wrapper {
  position: relative;
  border: 1px solid #b8dee8;
  padding: 23px 15px;
}

.notification-section .notification-wrapper .notification-content h5 {
  font-size: 18px;
  margin: 0;
}

.notification-section .notification-wrapper .notification-content h5 span {
  font-style: italic;
}

.notification-section .notification-wrapper .notification-content h5 a {
  font-size: 12px;
  font-weight: 700;
  border-bottom: 1px solid;
  vertical-align: middle;
  line-height: 1;
  display: inline-block;
}

.notification-section .notification-wrapper .notification-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .notification-section .notification-wrapper .notification-icon {
    right: 5px;
  }
}
.notification-section .notification-wrapper .notification-icon button {
  border: none;
  background: transparent;
  padding: 0;
  font-size: 20px;
  color: #5e7f96;
}

.notification-section .notification-wrapper .notification-icon button:hover {
  color: #dcb86c;
}

.notification-section .notification-wrapper.notification-img-1 {
  background-image: url("../../assets/img/bg/bg-1.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*----------- 19. Breadcrumb style ---------*/
.breadcrumb-area .breadcrumb-content.breadcrumb-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.breadcrumb-area .breadcrumb-content h2, .breadcrumb-area .breadcrumb-content h1 {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  line-height: 1;
}

.breadcrumb-area .breadcrumb-content ul li {
  display: inline-block;
  font-size: 10px;
  color: #8a8a8a;
  margin-right: 16px;
  text-transform: uppercase;
  position: relative;
}

.breadcrumb-area .breadcrumb-content ul li:last-child {
  margin-right: 0;
}

.breadcrumb-area .breadcrumb-content ul li::before {
  position: absolute;
  width: 12px;
  height: 1px;
  background-color: #8a8a8a;
  content: "";
  right: -17px;
  top: 11px;
  z-index: 1;
  -webkit-transform: rotate(107deg);
  -ms-transform: rotate(107deg);
  transform: rotate(107deg);
}

.breadcrumb-area .breadcrumb-content ul li:last-child::before {
  display: none;
}

.breadcrumb-area .breadcrumb-content ul li a {
  color: #8a8a8a;
}

.breadcrumb-area .breadcrumb-content ul li a:hover {
  color: #dcb86c;
}

.breadcrumb-area .breadcrumb-content.breadcrumb-center h2, .breadcrumb-area .breadcrumb-content.breadcrumb-center h1 {
  margin-bottom: 13px;
}

.breadcrumb-area .breadcrumb-content.breadcrumb-white h2 {
  color: #fff;
}

.breadcrumb-area .breadcrumb-content.breadcrumb-white ul li {
  color: #fff;
}

.breadcrumb-area .breadcrumb-content.breadcrumb-white ul li::before {
  background-color: #fff;
}

.breadcrumb-area .breadcrumb-content.breadcrumb-white ul li a {
  color: #fff;
}

.breadcrumb-area .breadcrumb-content.breadcrumb-white ul li a:hover {
  color: #dcb86c;
}

@media only screen and (max-width: 767px) {
  .breadcrumb-area.pt-80 {
    padding-top: 50px;
  }
}
/*----------- 20. Shop page -----------*/
.shop-top-bar .shop-topbar-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .shop-top-bar .shop-topbar-left {
    display: block;
    overflow: hidden;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-top-bar .shop-topbar-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.shop-top-bar .shop-topbar-left p {
  margin: 0 45px 0 0px;
  font-size: 12px;
  color: #8a8a8a;
}

@media only screen and (max-width: 767px) {
  .shop-top-bar .shop-topbar-left .page-show {
    margin: 5px 0;
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .shop-top-bar .shop-topbar-left .page-show {
    margin: 0px 0;
  }
}
.shop-top-bar .shop-topbar-left .page-show span {
  display: inline-block;
  float: left;
  font-size: 12px;
  color: #8a8a8a;
  margin-right: 14px;
}

.shop-top-bar .shop-topbar-left .page-show ul {
  display: inline-block;
  float: left;
}

.shop-top-bar .shop-topbar-left .page-show ul li {
  display: inline-block;
  margin-right: 11px;
}

.shop-top-bar .shop-topbar-left .page-show ul li:last-child {
  margin-right: 0;
}

.shop-top-bar .shop-topbar-left .page-show ul li a {
  font-size: 12px;
  color: #8a8a8a;
  border-bottom: 1px solid transparent;
}

.shop-top-bar .shop-topbar-left .page-show ul li a:hover {
  color: #dcb86c;
  border-bottom: 1px solid #dcb86c;
}

.shop-top-bar .shop-topbar-left .page-show ul li a.active {
  color: #dcb86c;
  border-bottom: 1px solid #dcb86c;
}

.shop-top-bar .shop-topbar-right .filter-active a {
  color: #343538;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  padding-right: 45px;
}

.shop-top-bar .shop-topbar-right .filter-active a:hover {
  color: #dcb86c;
}

.shop-top-bar .shop-topbar-right .filter-active a:before {
  position: absolute;
  right: 13px;
  height: 2px;
  background-color: #343538;
  width: 20px;
  top: 50%;
  margin-top: -1px;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.shop-top-bar .shop-topbar-right .filter-active a::after {
  content: "";
  width: 2px;
  height: 20px;
  position: absolute;
  background-color: #343538;
  top: -3px;
  right: 22px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.shop-top-bar .shop-topbar-right .filter-active a::after:hover {
  background-color: #dcb86c;
}

.shop-top-bar .shop-topbar-right .filter-active a.active::after {
  display: none;
}

.shop-top-bar .shop-topbar-right .filter-active a:hover:before {
  background-color: #dcb86c;
}

.shop-top-bar .shop-topbar-right .filter-active a:hover:after {
  background-color: #dcb86c;
}

.shop-top-bar .shop-topbar-right.shop-tab-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.shop-top-bar .shop-topbar-right.shop-tab-flex .shop-tab a {
  color: #8a8a8a;
  font-size: 18px;
  margin-left: 10px;
}

.shop-top-bar .shop-topbar-right.shop-tab-flex .shop-tab a.active {
  color: #dcb86c;
}

.shop-top-bar.shop-top-bar-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .shop-top-bar.shop-top-bar-flex {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-top-bar.shop-top-bar-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.shop-top-bar.shop-top-bar-right {
  text-align: right;
}

.product-filter-wrapper {
  -webkit-box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  padding: 40px 40px 0;
  display: none;
}

.product-filter-wrapper .single-filter-title {
  margin-bottom: 15px;
}

.product-filter-wrapper .single-filter-title h5 {
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  font-size: 12px;
}

.product-filter-wrapper .product-sort ul li {
  margin-bottom: 5px;
}

.product-filter-wrapper .product-sort ul li:last-child {
  margin-bottom: 0;
}

.product-filter-wrapper .product-sort ul li a {
  color: #8a8a8a;
  font-size: 12px;
}

.product-filter-wrapper .product-sort ul li a:hover {
  color: #dcb86c;
}

.product-filter-wrapper .product-price-filter ul li {
  margin-bottom: 5px;
}

.product-filter-wrapper .product-price-filter ul li:last-child {
  margin-bottom: 0;
}

.product-filter-wrapper .product-price-filter ul li a {
  color: #8a8a8a;
  font-size: 12px;
}

.product-filter-wrapper .product-price-filter ul li a:hover {
  color: #dcb86c;
}

.product-filter-wrapper .product-size ul li {
  margin-bottom: 5px;
}

.product-filter-wrapper .product-size ul li:last-child {
  margin-bottom: 0;
}

.product-filter-wrapper .product-size ul li a {
  color: #8a8a8a;
  font-size: 12px;
}

.product-filter-wrapper .product-size ul li a:hover {
  color: #dcb86c;
}

.product-filter-wrapper .product-color ul li {
  margin-bottom: 12px;
}

.product-filter-wrapper .product-color ul li:last-child {
  margin-bottom: 0;
}

.product-filter-wrapper .product-color ul li a .swatch-anchor {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  font-size: 0;
  display: inline-block;
  position: relative;
}

.product-filter-wrapper .product-color ul li a .swatch-anchor::before {
  content: attr(title);
  position: absolute;
  bottom: 80%;
  text-indent: 0;
  background: #000;
  padding: 3px 10px 5px;
  line-height: 1;
  border-radius: 4px;
  margin-bottom: 10px;
  min-width: 50px;
  color: #fff;
  left: 50%;
  white-space: pre;
  text-align: center;
  text-transform: none;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  font-size: 12px;
}

.product-filter-wrapper .product-color ul li a .swatch-anchor::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 80%;
  border-width: 4px 4px 0 4px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
  margin-bottom: 6px;
  margin-left: -4px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.product-filter-wrapper .product-color ul li a .swatch-anchor:hover::before {
  bottom: 100%;
  opacity: 1;
  visibility: visible;
}

.product-filter-wrapper .product-color ul li a .swatch-anchor:hover::after {
  bottom: 100%;
  opacity: 1;
  visibility: visible;
}

.product-filter-wrapper .product-color ul li a .swatch-anchor.blue {
  background-color: #5097f7;
}

.product-filter-wrapper .product-color ul li a .swatch-anchor.green {
  background-color: #9fc539;
}

.product-filter-wrapper .product-color ul li a .swatch-anchor.orange {
  background-color: #f5b324;
}

.product-filter-wrapper .product-color ul li a .swatch-anchor.pinkish {
  background-color: #f6b7cf;
}

.product-filter-wrapper .product-color ul li a .swatch-anchor.vista {
  background-color: #91d4c0;
}

.product-filter-wrapper .product-color ul li a .color-text {
  color: #8a8a8a;
  font-size: 12px;
  margin-left: 12px;
}

.product-filter-wrapper .product-color ul li a:hover .color-text {
  color: #dcb86c;
}

.product-filter-wrapper .product-tag ul li {
  margin-bottom: 5px;
  display: inline-block;
}

.product-filter-wrapper .product-tag ul li:last-child {
  margin-bottom: 0;
}

.product-filter-wrapper .product-tag ul li a {
  color: #8a8a8a;
  font-size: 12px;
}

.product-filter-wrapper .product-tag ul li a:hover {
  color: #dcb86c;
}

.pro-pagination-style ul li {
  display: inline-block;
  margin: 0 4px;
}

@media only screen and (max-width: 767px) {
  .pro-pagination-style ul li {
    margin: 0 2px;
  }
}
.pro-pagination-style ul li a {
  font-size: 12px;
  text-align: center;
  display: block;
  position: relative;
  background: #fff;
  border: 1px solid transparent;
  padding: 9px 10px;
  line-height: 20px;
  min-width: 40px;
  margin: 0 3px;
  color: #343538;
}

@media only screen and (max-width: 767px) {
  .pro-pagination-style ul li a {
    padding: 9px 7px;
  }
}
.pro-pagination-style ul li a:hover {
  border: 1px solid #343538;
}

.pro-pagination-style ul li a.active {
  background-color: #343538;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .shop-page-area.pt-80 {
    padding-top: 50px;
  }
  .shop-page-area.pb-50 {
    padding-bottom: 30px;
  }
}
.shop-instagram-wrap {
  position: relative;
  overflow: hidden;
}

.shop-instagram-wrap a img {
  width: 100%;
  -webkit-transition: background-color 0.725s ease-in-out, opacity 3.525s ease-out, -webkit-transform 3.525s ease-out 0.01s;
  transition: background-color 0.725s ease-in-out, opacity 3.525s ease-out, -webkit-transform 3.525s ease-out 0.01s;
  -o-transition: transform 3.525s ease-out 0.01s, background-color 0.725s ease-in-out, opacity 3.525s ease-out;
  transition: transform 3.525s ease-out 0.01s, background-color 0.725s ease-in-out, opacity 3.525s ease-out;
  transition: transform 3.525s ease-out 0.01s, background-color 0.725s ease-in-out, opacity 3.525s ease-out, -webkit-transform 3.525s ease-out 0.01s;
}

.shop-instagram-wrap .shop-action-visible {
  position: absolute;
  bottom: 15px;
  right: 15px;
  -webkit-transition: all 0.225s ease-out 0.01s;
  -o-transition: all 0.225s ease-out 0.01s;
  transition: all 0.225s ease-out 0.01s;
}

.shop-instagram-wrap .shop-action-visible a {
  display: inline-block;
}

.shop-instagram-wrap .shop-action-visible a i {
  font-size: 12px;
  color: #fff;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.18);
  text-align: center;
}

.shop-instagram-wrap .shop-action-hidden {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
  -ms-transform: translateY(-50%) translateX(-50%) scale(0);
  transform: translateY(-50%) translateX(-50%) scale(0);
  left: 50%;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
}

.shop-instagram-wrap .shop-action-hidden a {
  display: inline-block;
}

.shop-instagram-wrap .shop-action-hidden a i {
  font-size: 18px;
  color: #fff;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
}

.shop-instagram-wrap .shop-action-hidden a i:hover {
  background: #000;
}

.shop-instagram-wrap:hover .shop-action-visible {
  -webkit-transform: scaleX(0.4) scaleY(0.4) translateZ(0);
  transform: scaleX(0.4) scaleY(0.4) translateZ(0);
  opacity: 0;
}

.shop-instagram-wrap:hover .shop-action-hidden {
  -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
  -ms-transform: translateY(-50%) translateX(-50%) scale(1);
  transform: translateY(-50%) translateX(-50%) scale(1);
  opacity: 1;
}

.shop-instagram-wrap:hover a img {
  -webkit-transform: scaleX(1.15) scaleY(1.15) translateZ(0);
  transform: scaleX(1.15) scaleY(1.15) translateZ(0);
}

.sidebar-widget h4.pro-sidebar-title {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  line-height: 1;
}

.sidebar-widget .sidebar-widget-list ul li {
  margin-bottom: 20px;
}

.sidebar-widget .sidebar-widget-list ul li:last-child {
  margin-bottom: 0;
}

.sidebar-widget .sidebar-widget-list ul li a {
  text-transform: uppercase;
  font-size: 12px;
  color: #8a8a8a;
  display: block;
}

.sidebar-widget .sidebar-widget-list ul li a:hover {
  text-decoration: underline;
  color: #343538;
}

.sidebar-widget.sidebar-border {
  border-bottom: 1px solid #e8e8e8;
}

.sidebar-widget .sidebar-widget-color ul li {
  display: inline-block;
  margin-right: 3px;
  padding: 1px 6px 6px;
  border: 1px solid transparent;
  border-radius: 100%;
  line-height: 0px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.sidebar-widget .sidebar-widget-color ul li:last-child {
  margin-bottom: 0;
}

.sidebar-widget .sidebar-widget-color ul li a {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  font-size: 0;
  display: inline-block;
  position: relative;
}

.sidebar-widget .sidebar-widget-color ul li a::before {
  content: attr(title);
  position: absolute;
  bottom: 80%;
  text-indent: 0;
  background: #000;
  padding: 3px 10px 5px;
  line-height: 1;
  border-radius: 4px;
  margin-bottom: 10px;
  min-width: 50px;
  color: #fff;
  left: 50%;
  white-space: pre;
  text-align: center;
  text-transform: none;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  font-size: 12px;
}

.sidebar-widget .sidebar-widget-color ul li a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 80%;
  border-width: 4px 4px 0 4px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
  margin-bottom: 6px;
  margin-left: -4px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.sidebar-widget .sidebar-widget-color ul li a:hover::before {
  bottom: 100%;
  opacity: 1;
  visibility: visible;
}

.sidebar-widget .sidebar-widget-color ul li a:hover::after {
  bottom: 100%;
  opacity: 1;
  visibility: visible;
}

.sidebar-widget .sidebar-widget-color ul li a.blue {
  background-color: #5097f7;
}

.sidebar-widget .sidebar-widget-color ul li a.green {
  background-color: #9fc539;
}

.sidebar-widget .sidebar-widget-color ul li a.orange {
  background-color: #f5b324;
}

.sidebar-widget .sidebar-widget-color ul li a.pinkish {
  background-color: #f6b7cf;
}

.sidebar-widget .sidebar-widget-color ul li a.vista {
  background-color: #91d4c0;
}

.sidebar-widget .sidebar-widget-color ul li:hover {
  border: 1px solid #e6e6e6;
}

.sidebar-widget .sidebar-widget-size ul li {
  margin: 0 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sidebar-widget .sidebar-widget-size ul li:last-child {
  margin: 0 0 0px;
}

.sidebar-widget .sidebar-widget-size ul li a {
  color: #8a8a8a;
  font-size: 12px;
  text-transform: uppercase;
}

.sidebar-widget .sidebar-widget-size ul li span {
  color: #8a8a8a;
  font-size: 12px;
  text-transform: uppercase;
}

.sidebar-widget .sidebar-widget-tags ul li {
  display: inline-block;
}

.sidebar-widget .sidebar-widget-tags ul li a {
  color: #8a8a8a;
  font-size: 14px;
}

.sidebar-widget .sidebar-widget-tags ul li a:hover {
  text-decoration: underline;
  color: #343538;
}

.sidebar-widget .price-filter .price-slider-amount input {
  background: transparent;
  padding: 0;
  border: none;
  font-size: 12px;
  color: #8a8a8a;
}

.sidebar-widget .price-filter #slider-range {
  background: #9d9d9d none repeat scroll 0 0;
  border: medium none;
  border-radius: 50px;
  height: 2px;
  margin-bottom: 10px;
  margin-left: auto;
}

.sidebar-widget .price-filter #slider-range span {
  -webkit-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}

.sidebar-widget .price-filter #slider-range .ui-slider-range {
  position: absolute;
  display: block;
  border: 0;
  background: #343538 none repeat scroll 0 0;
  border: none;
  -webkit-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}

.sidebar-widget .price-filter #slider-range .ui-slider-handle {
  background: #e9595e none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  height: 8px;
  margin-left: 0;
  width: 8px;
  -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
  margin-top: 2px;
}

.sidebar-widget .price-filter button {
  color: #fff;
  display: inline-block;
  cursor: pointer;
  padding: 5px 30px 4px;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  border: none;
  background-color: #dcb86c;
  font-size: 12px;
  margin: 13px 0 0;
}

.sidebar-widget .price-filter button:hover {
  background-color: #333;
}

.sidebar-widget .sidebar-widget-search .search-form-2 {
  position: relative;
}

.sidebar-widget .sidebar-widget-search .search-form-2 input {
  background: transparent;
  height: 50px;
  border: 1px solid #e8e8e8;
  font-size: 12px;
  color: #8a8a8a;
  padding: 2px 40px 2px 20px;
}

.sidebar-widget .sidebar-widget-search .search-form-2 .button-search-2 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0;
  right: 15px;
  background: transparent;
  border: none;
  font-size: 16px;
  color: #8a8a8a;
  line-height: 1;
}

.sidebar-widget .sidebar-widget-search .search-form-2 .button-search-2:hover {
  color: #dcb86c;
}

.sidebar-widget .sidebar-product-wrap .single-sidebar-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sidebar-widget .sidebar-product-wrap .single-sidebar-product .sidebar-product-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70px;
  flex: 0 0 70px;
}

.sidebar-widget .sidebar-product-wrap .single-sidebar-product .sidebar-product-img a img {
  width: 100%;
}

.sidebar-widget .sidebar-product-wrap .single-sidebar-product .sidebar-product-content {
  margin-left: 20px;
}

.sidebar-widget .sidebar-product-wrap .single-sidebar-product .sidebar-product-content h4 {
  font-weight: 700;
  font-size: 14px;
  margin: 0 0 5px;
}

.sidebar-widget .sidebar-product-wrap .single-sidebar-product .sidebar-product-content span {
  font-size: 12px;
  color: #8a8a8a;
}

@media only screen and (max-width: 767px) {
  .sidebar-widget .sidebar-product-wrap .single-sidebar-product.mb-40 {
    margin-bottom: 20px;
  }
}
.sidebar-widget .sidebar-widget-comment ul li {
  color: #8a8a8a;
  font-size: 12px;
  padding-left: 30px;
  position: relative;
  margin: 0 0 15px;
}

.sidebar-widget .sidebar-widget-comment ul li:last-child {
  margin-bottom: 0;
}

.sidebar-widget .sidebar-widget-comment ul li::before {
  content: "R";
  font-family: negan;
  position: absolute;
  left: 0;
  top: 1px;
  font-size: 14px;
}

.sidebar-widget .sidebar-widget-comment ul li a {
  color: #dcb86c;
}

.sidebar-widget .sidebar-widget-archive ul li {
  margin-bottom: 10px;
  border: 1px solid #8a8a8a;
  padding: 15px 20px;
  cursor: pointer;
}

.sidebar-widget .sidebar-widget-archive ul li a {
  font-size: 12px;
  text-transform: uppercase;
  color: #8a8a8a;
}

.sidebar-widget .sidebar-widget-archive ul li:hover {
  -webkit-box-shadow: 0 0 24px 0 rgba(41, 44, 58, 0.11);
  box-shadow: 0 0 24px 0 rgba(41, 44, 58, 0.11);
}

.sidebar-widget .sidebar-widget-archive ul li:hover a {
  color: #343538;
}

.sidebar-widget .sidebar-widget-tags2 ul li {
  display: inline-block;
  margin: 2px 2px 2px 0;
}

.sidebar-widget .sidebar-widget-tags2 ul li a {
  border: 1px solid #e8e8e8;
  display: inline-block;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1;
  color: #8a8a8a;
  padding: 16px 20px;
}

.sidebar-widget .sidebar-widget-tags2 ul li a:hover {
  color: #dcb86c;
  border: 1px solid #dcb86c;
  -webkit-box-shadow: 0 0 24px 0 rgba(41, 44, 58, 0.11);
  box-shadow: 0 0 24px 0 rgba(41, 44, 58, 0.11);
}

@media only screen and (max-width: 767px) {
  .sidebar-widget.pb-45 {
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-sidebar {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-sidebar {
    margin-top: 30px;
  }
}
.category-wrap-2 {
  position: relative;
  overflow: hidden;
}

.category-wrap-2 a img {
  width: 100%;
  -webkit-transition: opacity 0.35s, -webkit-transform 1s;
  transition: opacity 0.35s, -webkit-transform 1s;
  -o-transition: opacity 0.35s, transform 1s;
  transition: opacity 0.35s, transform 1s;
  transition: opacity 0.35s, transform 1s, -webkit-transform 1s;
}

.category-wrap-2 .category-btn-2 {
  position: absolute;
  bottom: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 450ms ease-out;
  -o-transition: all 450ms ease-out;
  transition: all 450ms ease-out;
  z-index: 99;
}

.category-wrap-2 .category-btn-2 a {
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  background-color: #fff;
  margin: 0;
  padding: 19px 30px;
  line-height: 20px;
  min-width: 160px;
  text-align: center;
  font-weight: 700;
}

.category-wrap-2:hover a img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.category-wrap-2.item-overlay-2::before {
  background-color: rgba(52, 53, 56, 0.2);
  visibility: hidden;
  opacity: 0;
  z-index: 9;
  -webkit-transition: all 450ms ease-out;
  -o-transition: all 450ms ease-out;
  transition: all 450ms ease-out;
  pointer-events: none;
}

.category-wrap-2:hover::before {
  visibility: visible;
  opacity: 0.9;
  -webkit-transition: all 450ms ease-out;
  -o-transition: all 450ms ease-out;
  transition: all 450ms ease-out;
}

.grid-2 {
  margin: 0 -5px;
}

.grid-item-2 {
  width: 33.33%;
  padding-left: 5px;
  padding-right: 5px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grid-item-2 {
    width: 50%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .grid-item-2 {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .grid-item-2 {
    width: 100%;
  }
}
.grid-item-2.percent-masonry-60 {
  width: 66.66%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grid-item-2.percent-masonry-60 {
    width: 50%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .grid-item-2.percent-masonry-60 {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .grid-item-2.percent-masonry-60 {
    width: 100%;
  }
}
.grid-sizer {
  width: 33.33%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grid-sizer {
    width: 50%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .grid-sizer {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .grid-sizer {
    width: 100%;
  }
}
.shop-list-wrap .product-img-list {
  position: relative;
  overflow: hidden;
}

.shop-list-wrap .product-img-list a img {
  width: 100%;
}

.shop-list-wrap .product-img-list .hover-img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  -webkit-transition: opacity 0.5s ease, -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
  transition: opacity 0.5s ease, -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
  -o-transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
  transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
  transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
  opacity: 0;
}

.shop-list-wrap .product-img-list:hover .hover-img {
  opacity: 1;
}

.shop-list-wrap .product-img-list .product-quickview-list {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  text-align: center;
  z-index: 9;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.shop-list-wrap .product-img-list .product-quickview-list a {
  background-color: #fff;
  text-transform: uppercase;
  color: #343538;
  letter-spacing: 1px;
  font-size: 10px;
  display: block;
  padding: 14px 10px 16px;
  min-width: 140px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  margin-top: 50px;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.shop-list-wrap .product-img-list .product-quickview-list a:hover {
  background-color: #343538;
  color: #fff;
}

.shop-list-wrap .product-img-list:hover .product-quickview-list a {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}

.shop-list-wrap .shop-list-content .product-details-content .product-details-price {
  margin: 20px 0 9px;
}

@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content .product-details-content .product-details-price {
    margin: 12px 0 9px;
  }
}
.shop-list-wrap .shop-list-content .product-details-content p {
  margin: 27px 0 0;
}

@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content .product-details-content p {
    margin: 10px 0 0;
  }
}
.shop-list-wrap .shop-list-content .product-details-content .pro-details-cart {
  margin: 0px 22px 0px 0px;
}

.shop-list-wrap .shop-list-content .product-details-content .pro-details-quality {
  margin: 40px 0 0px;
}

@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content .product-details-content .pro-details-quality {
    margin: 20px 0 0px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content .product-details-content.quickview-content {
    margin-top: 20;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-list-wrap .shop-list-content .product-details-content.quickview-content {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap.mb-70 {
    margin-bottom: 30px;
  }
}
/*--------- 21. Cart page ----------*/
.customer-zone > p {
  font-size: 12px;
  color: #343538;
  position: relative;
  padding: 14px 30px 14px 60px;
  background-color: #eeeff2;
  margin: 0;
}

.customer-zone > p:before {
  content: "\f058";
  color: #6dde6d;
  display: inline-block;
  position: absolute;
  font-family: fontawesome;
  left: 30px;
}

.cart-main-area .cart-table-content {
  margin-top: 20px;
}

.cart-main-area .cart-table-content table > thead > tr {
  background-color: #F7F7F7;
}

.cart-main-area .cart-table-content table > thead > tr th {
  color: #343538;
  font-size: 12px;
  font-weight: 400;
  padding: 20px 0 17px;
}

@media only screen and (max-width: 767px) {
  .cart-main-area .cart-table-content table > thead > tr th {
    padding: 20px 40px 17px;
  }
}
.cart-main-area .cart-table-content table > thead > tr th.head-remove {
  width: 30px;
}

@media only screen and (max-width: 767px) {
  .cart-main-area .cart-table-content table > thead > tr th.head-remove {
    padding: 20px 20px 17px;
  }
}
.cart-main-area .cart-table-content table > thead > tr th.head-img {
  width: 90px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-main-area .cart-table-content table > thead > tr th.head-img {
    width: 170px;
  }
}
.cart-main-area .cart-table-content table > thead > tr th.product-name {
  width: 537px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-main-area .cart-table-content table > thead > tr th.product-name {
    width: 350px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-main-area .cart-table-content table > thead > tr th.product-name {
    width: 340px;
  }
}
.cart-main-area .cart-table-content table > thead > tr th.head-price {
  width: 206px;
  text-align: center;
}

.cart-main-area .cart-table-content table > thead > tr th.head-quality {
  width: 100px;
  text-align: center;
}

.cart-main-area .cart-table-content table > thead > tr th.head-total {
  width: 206px;
  text-align: center;
}

.cart-main-area .cart-table-content table > thead > tr th.wish-cart {
  width: 206px;
  text-align: center;
}

.cart-main-area .cart-table-content table > tbody tr {
  border-bottom: 1px solid #ebebeb;
}

.cart-main-area .cart-table-content table > tbody tr td {
  padding: 30px 0;
}

.cart-main-area .cart-table-content table > tbody tr td.product-remove {
  font-size: 16px;
  color: #8a8a8a;
}

.cart-main-area .cart-table-content table > tbody tr td.product-cart-name a {
  font-size: 14px;
  color: #343538;
}

.cart-main-area .cart-table-content table > tbody tr td.product-cart-name a:hover {
  color: #dcb86c;
}

.cart-main-area .cart-table-content table > tbody tr td.product-price-cart {
  text-align: center;
}

.cart-main-area .cart-table-content table > tbody tr td.product-price-cart span {
  font-size: 16px;
}

.cart-main-area .cart-table-content table > tbody tr td.product-quantity {
  text-align: center;
}

.cart-main-area .cart-table-content table > tbody tr td.product-total {
  text-align: center;
}

.cart-main-area .cart-table-content table > tbody tr td.product-total span {
  font-size: 16px;
}

.cart-main-area .cart-table-content table > tbody tr td.product-wish-cart {
  text-align: center;
}

.cart-main-area .cart-table-content table > tbody tr td.product-wish-cart a {
  background-color: #343538;
  border-radius: 50px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 7px 12px;
  text-transform: capitalize;
}

.cart-main-area .cart-table-content table > tbody tr td.product-wish-cart a:hover {
  background-color: #dcb86c;
}

.cart-main-area .cart-shiping-update-wrapper {
  padding: 20px 0px 95px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .cart-main-area .cart-shiping-update-wrapper {
    display: block;
    padding: 20px 0px 30px;
  }
}
.cart-main-area .cart-shiping-update-wrapper .cart-shiping-update a {
  font-weight: 700;
}

.cart-main-area .cart-shiping-update-wrapper .cart-shiping-update a:hover {
  color: #fff;
  background-color: #dcb86c;
}

.cart-main-area .cart-shiping-update-wrapper .cart-clear button {
  border: 2px solid #e8e8e8;
  background-color: transparent;
  color: #343538;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
  padding: 21px 47px;
}

@media only screen and (max-width: 767px) {
  .cart-main-area .cart-shiping-update-wrapper .cart-clear button {
    margin: 10px 0;
  }
}
.cart-main-area .cart-shiping-update-wrapper .cart-clear button:hover {
  color: #fff;
  background-color: #343538;
  border: 2px solid #343538;
}

.cart-main-area .cart-shiping-update-wrapper .cart-clear a {
  border: 2px solid #e8e8e8;
  background-color: transparent;
  color: #343538;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
  padding: 21px 47px;
  display: inline-block;
  margin-left: 5px;
}

@media only screen and (max-width: 767px) {
  .cart-main-area .cart-shiping-update-wrapper .cart-clear a {
    margin-left: 0px;
  }
}
.cart-main-area .cart-shiping-update-wrapper .cart-clear a:hover {
  color: #fff;
  background-color: #343538;
  border: 2px solid #343538;
}

.title-wrap {
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .title-wrap {
    margin-bottom: 15px;
  }
}
.title-wrap h4.cart-bottom-title {
  color: #343538;
  font-size: 18px;
  margin: 0 0 4px;
  font-weight: 700;
}

.title-wrap p {
  font-size: 12px;
  color: #8a8a8a;
}

.cart-tax .tax-wrapper p {
  font-size: 12px;
  color: #8a8a8a;
  margin: 0 0 13px;
}

.cart-tax .tax-wrapper .tax-select-wrapper .tax-select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #fff url("../../assets/img/icon-img/cart.png") no-repeat scroll right 8px center;
  border: 1px solid #e8e8e8;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #343538;
  font-size: 12px;
  height: 50px;
  padding: 0 20px 0 8px;
  width: 100%;
  cursor: pointer;
}

.cart-tax .tax-wrapper .tax-select-wrapper .tax-input input {
  background-color: transparent;
  border: 1px solid #e8e8e8;
  height: 50px;
  padding: 0 20px;
  font-size: 12px;
  color: #8a8a8a;
  text-transform: uppercase;
}

.cart-tax .tax-wrapper .tax-select-wrapper button {
  color: #343538;
  background-color: transparent;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 0 7px;
  border: none;
  border-bottom: 2px solid #343538;
  float: right;
  margin-top: 14px;
}

@media only screen and (max-width: 767px) {
  .cart-tax .tax-wrapper .tax-select-wrapper button {
    margin-top: 0px;
    padding: 0 0 2px;
    font-size: 12px;
    float: left;
  }
}
.cart-tax .tax-wrapper .tax-select-wrapper button:hover {
  border-bottom: 2px solid #dcb86c;
  color: #dcb86c;
}

.discount-code-wrapper {
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .discount-code-wrapper {
    margin: 25px 0 30px;
  }
}
.discount-code-wrapper .discount-code {
  padding-top: 5px;
}

.discount-code-wrapper .discount-code form input {
  background-color: transparent;
  border: 1px solid #e8e8e8;
  height: 50px;
  padding: 0 20px;
  font-size: 12px;
  color: #8a8a8a;
  text-transform: uppercase;
}

.discount-code-wrapper .discount-code form button {
  color: #343538;
  background-color: transparent;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 0 7px;
  border: none;
  border-bottom: 2px solid #343538;
  float: right;
  margin-top: 25px;
}

@media only screen and (max-width: 767px) {
  .discount-code-wrapper .discount-code form button {
    margin-top: 14px;
    padding: 0 0 2px;
    font-size: 12px;
    float: left;
  }
}
.discount-code-wrapper .discount-code form button:hover {
  border-bottom: 2px solid #dcb86c;
  color: #dcb86c;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grand-totall {
    margin-top: 30px;
  }
}
.grand-totall ul {
  background-color: #f7f7f7;
  padding: 29px 30px 28px;
  margin-top: 63px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grand-totall ul {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .grand-totall ul {
    margin-top: 30px;
  }
}
.grand-totall ul li {
  color: #343538;
  font-size: 12px;
  margin: 0 0 10px;
}

.grand-totall ul li:last-child {
  margin: 0 0 0px;
}

.grand-totall ul li span {
  float: right;
  font-size: 14px;
}

.grand-totall a {
  font-size: 12px;
  display: block;
  cursor: pointer;
  padding: 15px 50px;
  text-align: center;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 700;
  width: 100%;
  background-color: #343538;
  color: #fff;
  margin-top: 10px;
}

.grand-totall a:hover {
  background-color: #dcb86c;
}

@media only screen and (max-width: 767px) {
  .cart-main-area.pb-70 {
    padding-bottom: 50px;
  }
  .cart-main-area.pb-90 {
    padding-bottom: 70px;
  }
}
.cart-empty-content i {
  color: #343538;
  font-size: 100px;
}

.cart-empty-content p {
  color: #8a8a8a;
  font-size: 20px;
  font-weight: 300;
  margin: 36px 0 27px;
}

.cart-empty-content .empty-btn a {
  color: #8a8a8a;
  font-size: 12px;
  display: inline-block;
  line-height: 1;
}

.cart-empty-content .empty-btn a:hover {
  color: #dcb86c;
}

/*-------- 25. My account style ---------*/
.myaccount-tab-menu a {
  font-weight: 400;
  font-size: 13px;
  display: inline-block;
  padding: 7px 10px;
  text-transform: capitalize;
  float: left;
  margin: 0 5px 0 0;
}

.myaccount-tab-menu a:last-child {
  margin: 0 0px 0 0;
}

@media only screen and (max-width: 767px) {
  .myaccount-tab-menu a {
    padding: 4px 6px;
    margin: 0 5px 5px 0;
  }
}
.myaccount-tab-menu a:hover, .myaccount-tab-menu a.active {
  background-color: #333333;
  border-color: #333333;
  color: #ffffff;
}

#myaccountContent {
  margin-top: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #myaccountContent {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  #myaccountContent {
    margin-bottom: 30px;
  }
}
.myaccount-content {
  border: 1px solid #eeeeee;
  padding: 30px;
}

@media only screen and (max-width: 767px) {
  .myaccount-content {
    padding: 20px 15px;
  }
}
.myaccount-content form {
  margin-top: -20px;
}

.myaccount-content h3 {
  font-size: 20px;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 10px;
  margin-bottom: 25px;
  font-weight: 600;
}

.myaccount-content .welcome a:hover {
  color: #dcb86c;
}

.myaccount-content .welcome strong {
  font-weight: 600;
  color: #dcb86c;
}

.myaccount-content fieldset {
  margin-top: 20px;
}

.myaccount-content fieldset legend {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 600;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.myaccount-content .account-details-form {
  margin-top: 50px;
}

.myaccount-content .account-details-form .single-input-item {
  margin-bottom: 20px;
}

.myaccount-content .account-details-form .single-input-item label {
  font-size: 14px;
  text-transform: capitalize;
  display: block;
  margin: 0 0 5px;
}

.myaccount-content .account-details-form .single-input-item input {
  border: 1px solid #e8e8e8;
  height: 50px;
  background-color: transparent;
  padding: 2px 20px;
  color: #1f2226;
  font-size: 13px;
}

.myaccount-content .account-details-form .single-input-item input:focus {
  border: 1px solid #343538;
}

.myaccount-content .account-details-form .single-input-item button {
  border: none;
  background-color: #333333;
  text-transform: uppercase;
  font-weight: 600;
  padding: 9px 25px;
  color: #fff;
  font-size: 13px;
}

.myaccount-content .account-details-form .single-input-item button:hover {
  background-color: #333333;
}

.myaccount-table {
  white-space: nowrap;
  font-size: 14px;
}

.myaccount-table table th,
.myaccount-table .table th {
  padding: 10px;
  font-weight: 600;
  background-color: #f8f8f8;
  border-color: #ccc;
  border-bottom: 0;
  color: #1f2226;
}

.myaccount-table table td,
.myaccount-table .table td {
  padding: 10px;
  vertical-align: middle;
  border-color: #ccc;
}

.saved-message {
  background-color: #fff;
  border-top: 3px solid #dcb86c;
  font-size: 14px;
  padding: 20px 0;
  color: #333;
}

/*-------- Start My Account Page Wrapper --------*/
/*-------- 23. Faq page ---------*/
.faq-accordion {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  background-color: #fff;
}

.faq-accordion.actives {
  border: 1px solid #dcb86c;
  -webkit-box-shadow: 0 0 87px 0 rgba(41, 44, 58, 0.1);
  box-shadow: 0 0 87px 0 rgba(41, 44, 58, 0.1);
}

.faq-accordion .panel-heading h4 {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  background-color: #fff;
}

.faq-accordion .panel-heading h4 a {
  color: #343538;
  display: block;
  position: relative;
  padding: 20px 30px;
}

.faq-accordion .panel-heading h4 a.collapsed {
  position: relative;
}

.faq-accordion .panel-heading h4 a.collapsed::before {
  position: absolute;
  right: 13px;
  height: 2px;
  background-color: #343538;
  width: 12px;
  top: 50%;
  margin-top: -2px;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.faq-accordion .panel-heading h4 a.collapsed::after {
  content: "";
  width: 2px;
  height: 12px;
  position: absolute;
  background-color: #343538;
  top: 49%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 18px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.faq-accordion .panel-heading h4 a::before {
  position: absolute;
  right: 13px;
  height: 2px;
  background-color: #343538;
  width: 12px;
  top: 50%;
  margin-top: -2px;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.faq-accordion .panel-collapse .panel-body p {
  line-height: 28px;
  font-size: 14px;
  margin: 0;
  color: #8a8a8a;
  padding: 0px 30px 30px 30px;
}

.faq-accordion.faq-style-2 {
  border: none;
  background-color: transparent;
}

.faq-accordion.faq-style-2.actives {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.faq-accordion.faq-style-2 .panel-heading h4 {
  background-color: transparent;
  font-size: 24px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq-accordion.faq-style-2 .panel-heading h4 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .faq-accordion.faq-style-2 .panel-heading h4 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .faq-accordion.faq-style-2 .panel-heading h4 a {
    padding: 0px 30px 20px;
  }
}
.faq-accordion.faq-style-2 .panel-heading h4 a.collapsed::before {
  left: 0;
}

.faq-accordion.faq-style-2 .panel-heading h4 a.collapsed::after {
  left: 5px;
}

.faq-accordion.faq-style-2 .panel-heading h4 a::before {
  left: 0;
}

@media only screen and (max-width: 767px) {
  .faq-accordion.faq-style-2 .panel-collapse .panel-body p {
    padding: 0px 30px 0px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-faq-wrap.pt-120 {
    padding-top: 70px;
  }
  .single-faq-wrap.pb-100 {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-faq-wrap .section-title.mb-70 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .single-faq-wrap.pt-120 {
    padding-top: 50px;
  }
  .single-faq-wrap.pb-100 {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .single-faq-wrap.pb-65 {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single-faq-wrap .section-title h2 {
    font-size: 21px;
  }
  .single-faq-wrap .section-title.mb-70 {
    margin-bottom: 30px;
  }
}
/*----------- 24. Checkout page --------------*/
.checkout-login-info {
  margin: 20px 0 0;
  display: none;
}

.checkout-login-info p {
  color: #8a8a8a;
  font-size: 12px;
  margin: 0 0 12px;
}

.checkout-login-info form {
  display: block;
  overflow: hidden;
}

.checkout-login-info form .sin-checkout-login {
  margin-bottom: 30px;
}

.checkout-login-info form .sin-checkout-login label {
  color: #343538;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 0 5px;
}

.checkout-login-info form .sin-checkout-login label span {
  color: red;
}

.checkout-login-info form .sin-checkout-login input {
  border: 1px solid #e8e8e8;
  height: 60px;
  background-color: transparent;
}

.checkout-login-info form .sin-checkout-login input:focus {
  border: 1px solid #343538;
}

.checkout-login-info form .button-remember-wrap {
  display: block;
  overflow: hidden;
}

.checkout-login-info form .button-remember-wrap button {
  color: #8a8a8a;
  border: 1px solid #aaa;
  font-size: 12px;
  padding: 8px 30px 10px;
  display: inline-block;
  float: left;
  margin-right: 20px;
}

.checkout-login-info form .button-remember-wrap .checkout-login-toggle-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0 0;
}

.checkout-login-info form .button-remember-wrap .checkout-login-toggle-btn input {
  height: 15px;
  margin: 0;
  position: relative;
  top: 5px;
  width: 17px;
}

.checkout-login-info form .button-remember-wrap .checkout-login-toggle-btn label {
  font-size: 12px;
  color: #343538;
  margin: 0 0 0 5px;
}

.checkout-login-info form .lost-password {
  margin: 20px 0 11px;
}

.checkout-login-info form .lost-password a {
  color: #8a8a8a;
  font-size: 12px;
}

.checkout-login-info .checkout-login-social span {
  color: #8a8a8a;
  font-size: 12px;
  margin: 0 0 13px;
  display: block;
}

.checkout-login-info .checkout-login-social ul li {
  display: inline-block;
  margin: 0 14px 0 0;
}

.checkout-login-info .checkout-login-social ul li:last-child {
  margin: 0 0px 0 0;
}

@media only screen and (max-width: 767px) {
  .checkout-login-info .checkout-login-social ul li {
    margin: 0 5px 0 0;
  }
}
.checkout-login-info .checkout-login-social ul li a {
  background-color: #f5f5f5;
  color: #8a8a8a;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  float: left;
  font-size: 11px;
  padding: 20px;
  padding: 24px 106px 25px;
  line-height: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout-login-info .checkout-login-social ul li a {
    padding: 24px 70px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout-login-info .checkout-login-social ul li a {
    padding: 15px 13px 16px;
  }
}
.checkout-login-info .checkout-login-social ul li a:hover {
  background-color: #4fb3ec;
  color: #fff;
}

.checkout-login-info2 {
  display: none;
  margin: 20px 0 0;
}

.checkout-login-info2 ul li {
  display: inline-block;
}

.checkout-login-info2 ul li a {
  color: #8a8a8a;
  font-size: 12px;
}

.checkout-login-info2 ul li a:hover {
  color: #dcb86c;
}

.checkout-login-info3 {
  display: none;
  margin-top: 20px;
}

.checkout-login-info3 form input[type=text] {
  border: 1px solid #e8e8e8;
  height: 50px;
  background-color: transparent;
  width: 48%;
  color: #8a8a8a;
  font-size: 12px;
  padding: 0 20px;
}

.checkout-login-info3 form input[type=text]:focus {
  border: 1px solid #343538;
}

.checkout-login-info3 form input[type=submit] {
  background: #343538 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  height: 50px;
  margin-left: 6px;
  padding: 5px 30px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  width: inherit;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkout-login-info3 form input[type=submit] {
    padding: 5px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout-login-info3 form input[type=submit] {
    padding: 5px 16px;
  }
}
.checkout-login-info3 form input[type=submit]:hover {
  background-color: #dcb86c;
}

.billing-info-wrap h3 {
  font-size: 18px;
  font-weight: 700;
  position: relative;
  margin: 0 0 55px;
}

.billing-info-wrap h3:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -12px;
  background-color: #000;
  width: 50px;
  height: 2px;
}

.billing-info-wrap .billing-info label {
  color: #343538;
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  margin: 0 0 5px;
}

.billing-info-wrap .billing-info label abbr {
  color: red;
}

.billing-info-wrap .billing-info input {
  border: 1px solid #e8e8e8;
  height: 50px;
  background-color: transparent;
  padding: 2px 20px;
  color: #8a8a8a;
  font-size: 12px;
}

.billing-info-wrap .billing-info input:focus {
  border: 1px solid #343538;
}

.billing-info-wrap .billing-info input.billing-address {
  margin-bottom: 20px;
}

.billing-info-wrap .billing-select label {
  color: #343538;
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  margin: 0 0 5px;
}

.billing-info-wrap .billing-select label abbr {
  color: red;
}

.billing-info-wrap .billing-select select {
  border: 1px solid #e6e6e6;
  -moz-appearance: none;
  -webkit-appearance: none;
  color: #8a8a8a;
  font-size: 12px;
  height: 50px;
  padding: 2px 20px;
  background: rgba(0, 0, 0, 0) url("../../assets/img/icon-img/select.png") no-repeat scroll right 18px center;
  cursor: pointer;
}

.billing-info-wrap .billing-select select option {
  background: #fff;
  border: 0px solid #626262;
  padding-left: 10px;
  color: #8a8a8a;
  font-size: 12px;
}

.billing-info-wrap .checkout-account input {
  border: 1px solid #9fa0a2;
  display: inline-block;
  float: left;
  height: 10px;
  width: 10px;
  position: relative;
  top: 6px;
}

.billing-info-wrap .checkout-account span {
  color: #343538;
  font-weight: 400;
  margin: 0 0 0 12px;
  font-size: 12px;
  text-transform: uppercase;
}

.billing-info-wrap .checkout-account-toggle label {
  color: #343538;
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  margin: 0 0 5px;
}

.billing-info-wrap .checkout-account-toggle label abbr {
  color: red;
}

.billing-info-wrap .checkout-account-toggle input {
  border: 1px solid #e8e8e8;
  height: 50px;
  background-color: transparent;
  color: #8a8a8a;
  font-size: 12px;
  padding: 2px 20px;
}

.billing-info-wrap .checkout-account-toggle input:focus {
  border: 1px solid #343538;
}

.billing-info-wrap .different-address {
  display: none;
}

.billing-info-wrap .additional-info-wrap {
  margin: 3px 0 0;
}

.billing-info-wrap .additional-info-wrap label {
  color: #343538;
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  margin: 0 0 5px;
}

.billing-info-wrap .additional-info-wrap textarea {
  min-height: 120px;
  background-color: #f7f7f7;
  border-color: #f7f7f7;
  padding: 20px;
  color: #8a8a8a;
  font-size: 12px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .billing-info-wrap.mr-130 {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .billing-info-wrap.mr-130 {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .billing-info-wrap.mr-130 {
    margin-right: 0px;
  }
}
.your-order-area {
  padding: 40px 50px 50px;
  border-width: 2px;
  border-style: solid;
  position: relative;
  border-color: rgba(52, 53, 56, 0.1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .your-order-area {
    padding: 40px 25px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .your-order-area {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .your-order-area {
    padding: 40px 12px 50px;
    margin-top: 30px;
  }
}
.your-order-area h3 {
  font-size: 18px;
  font-weight: 700;
  position: relative;
  margin: 0 0 45px;
}

.your-order-area h3:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -12px;
  background-color: #000;
  width: 50px;
  height: 2px;
}

.your-order-area .your-order-wrap .your-order-info {
  border-bottom: 1px solid #e8e8e8;
}

.your-order-area .your-order-wrap .your-order-info ul li {
  color: #343538;
  font-size: 12px;
  padding: 0 0 7px;
}

.your-order-area .your-order-wrap .your-order-info ul li span {
  float: right;
}

.your-order-area .your-order-wrap .your-order-info.order-subtotal {
  padding: 15px 0 10px;
}

.your-order-area .your-order-wrap .your-order-info.order-subtotal ul li span {
  font-size: 16px;
}

.your-order-area .your-order-wrap .your-order-info.order-shipping {
  padding: 15px 0 13px;
  display: block;
  overflow: hidden;
}

.your-order-area .your-order-wrap .your-order-info.order-shipping ul li > p {
  float: right;
  font-size: 12px;
  color: #343538;
  text-align: right;
}

.your-order-area .your-order-wrap .your-order-info.order-total {
  padding: 15px 0 10px;
}

.your-order-area .your-order-wrap .your-order-info.order-total ul li span {
  font-size: 16px;
}

.your-order-area .your-order-wrap .your-order-middle {
  border-bottom: 1px solid #e8e8e8;
  padding: 24px 0 23px;
}

.your-order-area .your-order-wrap .your-order-middle ul li {
  font-size: 14px;
  color: #343538;
  margin: 0 0 11px;
}

.your-order-area .your-order-wrap .your-order-middle ul li:last-child {
  margin-bottom: 0;
}

.your-order-area .your-order-wrap .your-order-middle ul li span {
  float: right;
  font-size: 16px;
}

.your-order-area .your-order-wrap .payment-method {
  margin: 17px 0 0;
}

.your-order-area .your-order-wrap .payment-method .sin-payment {
  margin-bottom: 20px;
}

.your-order-area .your-order-wrap .payment-method .sin-payment input {
  width: auto;
  display: inline-block;
  float: left;
  height: auto;
  margin-top: 5px;
}

.your-order-area .your-order-wrap .payment-method .sin-payment label {
  font-size: 12px;
  text-transform: uppercase;
  color: #343538;
  margin: 0px 0 0 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .your-order-area .your-order-wrap .payment-method .sin-payment label {
    display: block;
  }
}
.your-order-area .your-order-wrap .payment-method .sin-payment label img {
  max-width: 140px;
  display: inline-block;
  margin: 0 5px;
}

.your-order-area .your-order-wrap .payment-method .sin-payment label a {
  text-decoration: underline;
}

.your-order-area .your-order-wrap .payment-method .sin-payment .payment-box {
  margin: 6px 0 0;
  display: none;
}

.your-order-area .your-order-wrap .payment-method .sin-payment .payment-box p {
  font-size: 12px;
  margin: 0;
}

.your-order-area .your-order-wrap .payment-method .sin-payment.sin-payment-3 input {
  margin-top: 18px;
}

.your-order-area .Place-order a {
  background-color: #343538;
  font-size: 12px;
  display: block;
  cursor: pointer;
  padding: 17px 50px 18px;
  text-transform: uppercase;
  font-weight: 700;
  width: 100%;
  color: #fff;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .checkout-main-area.pb-70 {
    padding-bottom: 50px;
  }
}
/*--------- 25. About us page ----------*/
.about-us-banner-area {
  position: relative;
}

.about-us-banner-area img {
  width: 100%;
}

.about-us-banner-area .about-banner-content {
  background-color: #dcb86c;
  padding: 50px 40px 48px;
  margin-top: -90px;
}

@media only screen and (max-width: 767px) {
  .about-us-banner-area .about-banner-content {
    padding: 25px 20px 40px;
  }
}
.about-us-banner-area .about-banner-content p {
  line-height: 40px;
  font-size: 30px;
  color: #fff;
  margin-bottom: 78px;
}

@media only screen and (max-width: 767px) {
  .about-us-banner-area .about-banner-content p {
    line-height: 30px;
    font-size: 18px;
    margin-bottom: 65px;
  }
}
.about-us-banner-area .about-banner-content span {
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  line-height: 1;
  color: #fff;
  position: relative;
  display: block;
}

.about-us-banner-area .about-banner-content span::before {
  position: absolute;
  top: -43px;
  content: "";
  width: 70px;
  height: 3px;
  left: 0;
  background-color: #fff;
}

.about-content h2 {
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 60px;
  position: relative;
}

.about-content h2:before {
  position: absolute;
  content: "";
  width: 105px;
  background-color: #343538;
  bottom: -32px;
  height: 2px;
}

.about-content p {
  font-size: 12px;
  line-height: 30px;
}

.single-service h4 {
  font-size: 14px;
  font-weight: 700;
  margin: 21px 0 18px;
}

.single-service p {
  font-size: 12px;
  margin: 0;
}

.team-wrap {
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .team-wrap.mb-60 {
    margin-bottom: 30px;
  }
}
.team-wrap img {
  width: 100%;
  -webkit-filter: grayscale(100);
  filter: grayscale(100);
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.team-wrap .team-content {
  position: absolute;
  left: 0;
  bottom: -80px;
  right: 0;
  width: 100%;
  background-color: #343538;
  padding: 12px 0 13px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.team-wrap .team-content .team-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 3px;
}

.team-wrap .team-content .team-info h5 {
  font-size: 1em;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 5px;
}

.team-wrap .team-content .team-info span {
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  margin: 0 5px;
}

.team-wrap .team-content .team-social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.team-wrap .team-content .team-social ul li {
  padding: 0 10px;
}

.team-wrap .team-content .team-social ul li a {
  font-size: 16px;
  color: #fff;
}

.team-wrap .team-content .team-social ul li a:hover {
  color: #dcb86c;
}

.team-wrap .team-content-2 {
  margin: 22px 0 0;
}

.team-wrap .team-content-2 .team-info-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.team-wrap .team-content-2 .team-info-2 h5 {
  font-size: 1em;
  color: #343538;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 5px;
}

.team-wrap .team-content-2 .team-info-2 span {
  font-weight: 400;
  color: #8a8a8a;
  display: block;
  line-height: 1;
  margin: 0 5px;
}

.team-wrap .team-content-2 p {
  font-size: 12px;
  margin: 14px 0 14px;
}

.team-wrap .team-content-2 .team-social a {
  font-size: 13px;
  color: #343538;
  margin: 0 9px;
}

.team-wrap .team-content-2 .team-social a:hover {
  color: #dcb86c;
}

.team-wrap:hover .team-content {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}

.team-wrap:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

@media only screen and (max-width: 767px) {
  .srvice-area.pb-30 {
    padding-bottom: 10px;
  }
}
.about-content-2 img {
  width: 100%;
}

.about-content-2 h2 {
  font-size: 30px;
  margin: 49px 0 30px;
}

@media only screen and (max-width: 767px) {
  .about-content-2 h2 {
    margin: 29px 0 15px;
    font-size: 20px;
  }
}
.about-content-2 > span {
  color: #8a8a8a;
  font-style: italic;
  font-size: 14px;
  line-height: 30px;
  margin: 0 0 15px;
  display: block;
}

.about-content-2 > p {
  margin: 0;
  font-size: 12px;
  line-height: 30px;
}

.about-content-2 .highlight-content {
  margin: 37px 0 35px;
}

@media only screen and (max-width: 767px) {
  .about-content-2 .highlight-content {
    margin: 17px 0 15px;
  }
}
.about-content-2 .highlight-content p {
  font-size: 36px;
  color: #232324;
  line-height: 48px;
  margin: 0 0 20px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .about-content-2 .highlight-content p {
    line-height: 37px;
    font-size: 25px;
  }
}
.about-content-2 .highlight-content p::before {
  background-image: url("../img/icon-img/bg-quote.png");
  background-position: center center;
  background-size: cover;
  content: "";
  height: 63px;
  left: -2px;
  position: absolute;
  top: 1px;
  width: 81px;
  z-index: -1;
}

.about-content-2 .highlight-content span {
  color: #232324;
  font-size: 12px;
  text-transform: uppercase;
}

.about-me-area {
  position: relative;
  overflow: hidden;
}

.about-me-area .about-me-1 {
  height: 100%;
  padding: 0;
  position: absolute;
  top: 0;
  width: 50%;
  z-index: 2;
  left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-me-area .about-me-1 {
    position: inherit;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .about-me-area .about-me-1 {
    position: inherit;
    width: 100%;
  }
}
.about-me-area .about-me-1 img {
  width: 100%;
  height: 100%;
}

.about-me-area .about-me-2 {
  height: 100%;
  padding: 0;
  position: absolute;
  top: 0;
  width: 50%;
  z-index: 2;
  right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-me-area .about-me-2 {
    position: inherit;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .about-me-area .about-me-2 {
    position: inherit;
    width: 100%;
  }
}
.about-me-area .about-me-2 img {
  width: 100%;
  height: 100%;
}

.about-me-area .about-me-2 .about-testimonial {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  z-index: 999;
  text-align: center;
}

.about-me-area .about-me-2 .about-testimonial .single-about-testimonial {
  padding: 0 110px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-me-area .about-me-2 .about-testimonial .single-about-testimonial {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .about-me-area .about-me-2 .about-testimonial .single-about-testimonial {
    padding: 0 15px;
  }
}
.about-me-area .about-me-2 .about-testimonial .single-about-testimonial p {
  font-size: 28px;
  padding-top: 100px;
  color: #fff;
  line-height: 49px;
  position: relative;
  margin: 0 0 54px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-me-area .about-me-2 .about-testimonial .single-about-testimonial p {
    font-size: 25px;
    line-height: 40px;
    margin: 0 0 45px;
  }
}
@media only screen and (max-width: 767px) {
  .about-me-area .about-me-2 .about-testimonial .single-about-testimonial p {
    font-size: 19px;
    line-height: 35px;
    padding-top: 70px;
  }
}
.about-me-area .about-me-2 .about-testimonial .single-about-testimonial p::before {
  content: "“";
  font-family: "Montserrat", sans-serif;
  font-size: 70px;
  font-weight: normal;
  position: absolute;
  line-height: 107px;
  font-style: normal;
  top: 0;
  height: 70px;
  width: 70px;
  left: 50%;
  margin-left: -35px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.4);
}

@media only screen and (max-width: 767px) {
  .about-me-area .about-me-2 .about-testimonial .single-about-testimonial p::before {
    height: 50px;
    width: 50px;
    line-height: 80px;
    font-size: 60px;
  }
}
.about-me-area .about-me-2 .about-testimonial .single-about-testimonial span {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1px;
  position: relative;
  text-transform: uppercase;
  color: #fff;
}

.about-me-area .about-me-2 .about-testimonial .single-about-testimonial span:before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 100%;
  top: -31px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 999;
}

.about-me-area .about-me-content-1.about-me-mrg-1 {
  margin: 154px 200px 154px 178px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .about-me-area .about-me-content-1.about-me-mrg-1 {
    margin: 85px 100px 100px 78px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .about-me-area .about-me-content-1.about-me-mrg-1 {
    margin: 85px 100px 100px 78px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-me-area .about-me-content-1.about-me-mrg-1 {
    margin: 85px 50px 100px 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-me-area .about-me-content-1.about-me-mrg-1 {
    margin: 55px 50px 70px 28px;
  }
}
@media only screen and (max-width: 767px) {
  .about-me-area .about-me-content-1.about-me-mrg-1 {
    margin: 38px 15px 45px 15px;
  }
}
.about-me-area .about-me-content-1.about-me-mrg-2 {
  margin: 223px 200px 223px 178px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .about-me-area .about-me-content-1.about-me-mrg-2 {
    margin: 85px 100px 105px 78px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .about-me-area .about-me-content-1.about-me-mrg-2 {
    margin: 85px 100px 105px 78px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-me-area .about-me-content-1.about-me-mrg-2 {
    margin: 85px 50px 105px 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-me-area .about-me-content-1.about-me-mrg-2 {
    margin: 55px 50px 75px 28px;
  }
}
@media only screen and (max-width: 767px) {
  .about-me-area .about-me-content-1.about-me-mrg-2 {
    margin: 46px 15px 44px 15px;
  }
}
.about-me-area .about-me-content-1.about-me-mrg-2 p {
  margin: 14px 0 38px;
}

@media only screen and (max-width: 767px) {
  .about-me-area .about-me-content-1.about-me-mrg-2 p {
    margin: 14px 0 15px;
  }
}
.about-me-area .about-me-content-1.about-me-mrg-3 {
  margin: 154px 200px 190px 178px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .about-me-area .about-me-content-1.about-me-mrg-3 {
    margin: 85px 100px 85px 78px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .about-me-area .about-me-content-1.about-me-mrg-3 {
    margin: 85px 100px 85px 78px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-me-area .about-me-content-1.about-me-mrg-3 {
    margin: 85px 50px 85px 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-me-area .about-me-content-1.about-me-mrg-3 {
    margin: 55px 50px 45px 28px;
  }
}
@media only screen and (max-width: 767px) {
  .about-me-area .about-me-content-1.about-me-mrg-3 {
    margin: 45px 15px 30px 15px;
  }
}
.about-me-area .about-me-content-1.about-me-mrg-4 {
  margin: 203px 100px 202px 178px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .about-me-area .about-me-content-1.about-me-mrg-4 {
    margin: 85px 100px 74px 78px;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .about-me-area .about-me-content-1.about-me-mrg-4 {
    margin: 85px 100px 74px 78px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-me-area .about-me-content-1.about-me-mrg-4 {
    margin: 85px 50px 74px 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-me-area .about-me-content-1.about-me-mrg-4 {
    margin: 55px 50px 44px 28px;
  }
}
@media only screen and (max-width: 767px) {
  .about-me-area .about-me-content-1.about-me-mrg-4 {
    margin: 46px 15px 50px 15px;
  }
}
.about-me-area .about-me-content-1.about-me-mrg-4 p {
  margin: 14px 50px 36px 0;
}

@media only screen and (max-width: 767px) {
  .about-me-area .about-me-content-1.about-me-mrg-4 p {
    margin: 14px 0px 36px 0;
  }
}
.about-me-area .about-me-content-1.about-me-mrg-5 {
  margin: 100px 220px 120px 178px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .about-me-area .about-me-content-1.about-me-mrg-5 {
    margin: 85px 100px 105px 78px;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .about-me-area .about-me-content-1.about-me-mrg-5 {
    margin: 85px 100px 105px 78px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-me-area .about-me-content-1.about-me-mrg-5 {
    margin: 85px 50px 105px 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-me-area .about-me-content-1.about-me-mrg-5 {
    margin: 55px 50px 75px 28px;
  }
}
@media only screen and (max-width: 767px) {
  .about-me-area .about-me-content-1.about-me-mrg-5 {
    margin: 48px 15px 50px 15px;
  }
}
.about-me-area .about-me-content-1 h1 {
  font-size: 200px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  line-height: 180px;
  margin: 0;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .about-me-area .about-me-content-1 h1 {
    font-size: 120px;
    line-height: 127px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .about-me-area .about-me-content-1 h1 {
    font-size: 120px;
    line-height: 127px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-me-area .about-me-content-1 h1 {
    font-size: 60px;
    line-height: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-me-area .about-me-content-1 h1 {
    font-size: 60px;
    line-height: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .about-me-area .about-me-content-1 h1 {
    font-size: 35px;
    line-height: 33px;
  }
}
.about-me-area .about-me-content-1 > span {
  color: #343538;
  font-family: "Meddon", cursive;
  font-weight: 400;
  font-size: 36px;
  margin: 22px 0 58px;
  display: block;
}

@media only screen and (max-width: 767px) {
  .about-me-area .about-me-content-1 > span {
    font-size: 30px;
    margin: 22px 0 33px;
  }
}
.about-me-area .about-me-content-1 p {
  line-height: 30px;
  margin: 0 0 31px;
}

.about-me-area .about-me-content-1 .about-social a {
  color: #8a8a8a;
  font-size: 12px;
  margin-right: 28px;
}

.about-me-area .about-me-content-1 .about-social a:hover {
  color: #dcb86c;
}

.about-me-area .about-me-content-1 .about-social a:last-child {
  margin-right: 0;
}

.about-me-area .about-me-content-1 .about-me-btn {
  font-size: 16px;
  font-weight: 300;
  font-family: "Roboto Condensed", sans-serif;
}

.about-me-area .about-me-content-1 .skill-bar {
  overflow: hidden;
  padding-top: 11px;
}

.about-me-area .about-me-content-1 .skill-bar .skill-bar-item {
  padding-bottom: 21px;
  position: relative;
}

.about-me-area .about-me-content-1 .skill-bar .skill-bar-item > span {
  color: #343538;
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
}

.about-me-area .about-me-content-1 .skill-bar .skill-bar-item .progress {
  background: #c9c9c9 none repeat scroll 0 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 4px;
  margin-top: 9px;
  overflow: visible;
}

.about-me-area .about-me-content-1 .skill-bar .skill-bar-item .progress .progress-bar {
  background: #343538 none repeat scroll 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
}

.about-me-area .about-me-content-1 .skill-bar .skill-bar-item .progress .progress-bar span.text-top {
  color: #343538;
  font-size: 11px;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  top: -34px;
}

.about-me-area .about-me-content-1 .skill-bar .skill-bar-item:nth-child(1) .progress-bar {
  width: 90%;
}

.about-me-area .about-me-content-1 .skill-bar .skill-bar-item:nth-child(2) .progress-bar {
  width: 75%;
}

.about-me-area .about-me-content-1 .skill-bar .skill-bar-item:nth-child(3) .progress-bar {
  width: 90%;
}

.about-me-area .about-me-content-1 .skill-bar .skill-bar-item:nth-child(4) .progress-bar {
  width: 75%;
}

.about-me-area .about-me-content-1 .about-brand-logo .single-brand-logo-2 img {
  opacity: 0.5;
  width: auto;
}

.about-me-area .about-me-content-1 .about-brand-logo .single-brand-logo-2:hover img {
  opacity: 1;
}

.about-me-area .about-me-content-1 .about-me-form {
  margin: 14px 0 0;
}

.about-me-area .about-me-content-1 .about-me-form form .about-me-form-style {
  margin-bottom: 7px;
}

.about-me-area .about-me-content-1 .about-me-form form .about-me-form-style input {
  border: none;
  border-bottom: 1px solid #e8e8e8;
  font-size: 11px;
  text-transform: uppercase;
  background-color: transparent;
  padding: 0;
  height: 54px;
  color: #343538;
}

.about-me-area .about-me-content-1 .about-me-form form .about-me-form-style input:focus {
  border-bottom: 1px solid #343538;
}

.about-me-area .about-me-content-1 .about-me-form form .about-me-form-style textarea {
  border: none;
  border-bottom: 1px solid #e8e8e8;
  font-size: 11px;
  background-color: transparent;
  padding: 0;
  color: #343538;
  height: 144px;
}

.about-me-area .about-me-content-1 .about-me-form form .about-me-form-style textarea:focus {
  border-bottom: 1px solid #343538;
}

.about-me-area .about-me-content-1 .about-me-form form .about-me-form-style button {
  border: none;
  background-color: transparent;
  border: 1px solid #9d9d9d;
  color: #343538;
  display: block;
  width: 100%;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  padding: 23px 10px 24px;
  line-height: 1;
  margin-top: 22px;
}

.about-me-area .about-me-content-1 .about-me-form form .about-me-form-style button:hover {
  border: 1px solid #343538;
  background-color: #343538;
  color: #fff;
}

.about-me-area .about-me-content-1 .about-me-form form .about-me-form-style.about-me-textarea {
  margin-top: 14px;
}

@media only screen and (max-width: 767px) {
  .team-area.pb-35 {
    padding-bottom: 15px;
  }
}
/*--------- 26. Service page ------------*/
.service-area {
  position: relative;
  overflow: hidden;
}

.service-area .service-page-1 {
  height: 100%;
  padding: 0;
  position: absolute;
  top: 0;
  width: 50%;
  z-index: 2;
  left: 0;
}

@media only screen and (max-width: 767px) {
  .service-area .service-page-1 {
    position: inherit;
    width: 100%;
  }
}
.service-area .service-page-1 img {
  width: 100%;
  height: 100%;
}

.service-area .service-page-2 {
  height: 100%;
  padding: 0;
  position: absolute;
  top: 0;
  width: 50%;
  z-index: 2;
  right: 0;
}

@media only screen and (max-width: 767px) {
  .service-area .service-page-2 {
    position: inherit;
    width: 100%;
  }
}
.service-area .service-page-2 img {
  width: 100%;
  height: 100%;
}

.service-area .service-content-1.service-me-mrg-1 {
  margin: 230px 230px 253px 250px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .service-area .service-content-1.service-me-mrg-1 {
    margin: 130px 80px 153px 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-area .service-content-1.service-me-mrg-1 {
    margin: 100px 50px 113px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-area .service-content-1.service-me-mrg-1 {
    margin: 70px 50px 83px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .service-area .service-content-1.service-me-mrg-1 {
    margin: 46px 15px 45px 15px;
  }
}
.service-area .service-content-1 h1 {
  font-size: 48px;
  font-weight: 700;
  position: relative;
  margin: 0 0 38px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-area .service-content-1 h1 {
    font-size: 37px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-area .service-content-1 h1 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .service-area .service-content-1 h1 {
    font-size: 25px;
  }
}
.service-area .service-content-1 h1:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -18px;
  background-color: #dcb86c;
  height: 2px;
  width: 50px;
}

.service-area .service-content-1 p {
  font-size: 16px;
  line-height: 30px;
}

/*--------- 27. Coming soon page --------*/
.comimg-soon-content .comimg-soon-title h2 {
  font-size: 45px;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 8px;
}

@media only screen and (max-width: 767px) {
  .comimg-soon-content .comimg-soon-title h2 {
    font-size: 28px;
  }
}
.comimg-soon-content .comimg-soon-title p {
  font-size: 12px;
  line-height: 24px;
  font-style: italic;
}

.comimg-soon-content .timer-style-3 {
  margin: 49px 0 56px;
}

@media only screen and (max-width: 767px) {
  .comimg-soon-content .timer-style-3 {
    margin: 20px 0 26px;
  }
}
.comimg-soon-content .timer-style-3 div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.comimg-soon-content .timer-style-3 div span {
  font-size: 36px;
  position: relative;
  margin: 0 47px;
}

@media only screen and (max-width: 767px) {
  .comimg-soon-content .timer-style-3 div span {
    margin: 0 15px;
    font-size: 27px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comimg-soon-content .timer-style-3 div span {
    margin: 0 30px;
    font-size: 27px;
  }
}
.comimg-soon-content .timer-style-3 div span::before {
  position: absolute;
  right: -48px;
  top: 13px;
  content: "";
  height: 20px;
  width: 2px;
  background-color: #d4d4d4;
}

@media only screen and (max-width: 767px) {
  .comimg-soon-content .timer-style-3 div span::before {
    right: -14px;
    top: 4px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comimg-soon-content .timer-style-3 div span::before {
    right: -30px;
  }
}
.comimg-soon-content .timer-style-3 div span:last-child:before {
  display: none;
}

.comimg-soon-content .timer-style-3 div span p {
  font-style: italic;
  margin-top: 9px;
}

.comimg-soon-content .suscribe form {
  position: relative;
}

.comimg-soon-content .suscribe form input {
  background-color: transparent;
  font-size: 12px;
  padding: 0 90px 0 0;
  border: none;
  color: #343538;
  border-bottom: 1px solid #343538;
}

.comimg-soon-content .suscribe form button {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: transparent;
  border: none;
  font-weight: 700;
  font-size: 12px;
}

.comimg-soon-content .suscribe form button:hover {
  color: #dcb86c;
}

.comimg-soon-content .go-back {
  margin-top: 40px;
}

@media only screen and (max-width: 767px) {
  .comimg-soon-content .go-back {
    margin-top: 20px;
  }
}
.comimg-soon-content .go-back a {
  display: inline-block;
  line-height: 1;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  background-color: #fff;
  padding: 23px 50px 24px;
}

.comimg-soon-content .go-back a:hover {
  background-color: #dcb86c;
  color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comimg-soon-area.bg-img {
    background-position: 42%;
  }
}
/*---------- 28. Error 404 page ------------*/
.error-content {
  margin: 0 17px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-content {
    margin: 0 0px;
  }
}
.error-content img {
  width: 100%;
}

.error-content .back-home {
  margin-top: 30px;
}

.error-content .back-home a {
  display: inline-block;
  line-height: 1;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 23px 50px 24px;
  background-color: #343538;
  color: #fff;
}

.error-content .back-home a:hover {
  background-color: #dcb86c;
}

@media only screen and (max-width: 767px) {
  .error-area.pb-150 {
    padding-bottom: 50px;
  }
}
/*--------- 29. Portfolio page ----------*/
.masonry-menu-style button {
  border: none;
  padding: 0;
  background-color: transparent;
  color: #8a8a8a;
  text-transform: uppercase;
  font-size: 12px;
  display: inline-block;
  line-height: 1;
  margin: 0 30px;
}

@media only screen and (max-width: 767px) {
  .masonry-menu-style button {
    margin: 0 5px;
  }
}
.masonry-menu-style button:hover {
  color: #dcb86c;
}

.masonry-menu-style button.active {
  font-weight: 700;
  color: #343538;
}

@media only screen and (max-width: 767px) {
  .masonry-menu-style.mb-50 {
    margin-bottom: 30px;
  }
}
.portfolio-btn a {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  color: #343538;
  border: 1px solid #e2dcd5;
  line-height: 1;
  padding: 21px 35px 22px;
}

.portfolio-btn a:hover {
  border: 1px solid #dcb86c;
  background-color: #dcb86c;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .portfolio-btn.mt-50 {
    margin-top: 30px;
  }
}
.single-portfolio {
  overflow: hidden;
}

.single-portfolio.box {
  overflow: hidden;
  position: relative;
}

.single-portfolio a img {
  width: 100%;
}

.single-portfolio .inner {
  background-color: rgba(35, 35, 36, 0.8);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-animation: 450ms ease 0ms normal forwards 1 running out-left;
  animation: 450ms ease 0ms normal forwards 1 running out-left;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}

.single-portfolio .inner .portfolio-content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 99;
}

.single-portfolio .inner .portfolio-content h4 {
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 47px;
}

@media only screen and (max-width: 767px) {
  .single-portfolio .inner .portfolio-content h4 {
    margin-bottom: 30px;
  }
}
.single-portfolio .inner .portfolio-content h4 a {
  color: #fff;
}

.single-portfolio .inner .portfolio-content h4 a:hover {
  color: #dcb86c;
}

.single-portfolio .inner .portfolio-content .portfolio-icon a {
  border-radius: 50%;
  color: #272727;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  margin: 0 5px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 50px;
  background-color: #fff;
  font-size: 16px;
}

.single-portfolio .inner .portfolio-content .portfolio-icon a:hover {
  background-color: #272727;
  color: #fff;
}

.single-portfolio.active .inner {
  opacity: 1;
}

.portfolio-area {
  overflow: hidden;
}

.single-portfolio-2 {
  position: relative;
}

.single-portfolio-2.portfolio-hover {
  position: relative;
}

.single-portfolio-2.portfolio-hover::before {
  background-color: #dcb86c;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  width: 100%;
  pointer-events: none;
}

.single-portfolio-2 a img {
  width: 100%;
}

.single-portfolio-2 .portfolio-content-2 {
  visibility: hidden;
  opacity: 0;
  z-index: 4;
  top: 50%;
  -webkit-transform: translate(0, -50%) scale(1.2);
  -ms-transform: translate(0, -50%) scale(1.2);
  transform: translate(0, -50%) scale(1.2);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: absolute;
  text-align: center;
  width: 100%;
}

.single-portfolio-2 .portfolio-content-2 h4 {
  color: #fff;
  font-size: 18px;
  margin: 0;
  line-height: 1;
}

.single-portfolio-2 .portfolio-content-2 h4 a {
  color: #fff;
}

.single-portfolio-2 .portfolio-content-2 h4 a:hover {
  color: #ddd;
}

.single-portfolio-2:hover .portfolio-content-2 {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, -50%) scale(1);
  -ms-transform: translate(0, -50%) scale(1);
  transform: translate(0, -50%) scale(1);
}

.single-portfolio-2:hover::before {
  opacity: 1;
  visibility: visible;
}

/* Top */
.box.hover-enter-top .inner {
  -webkit-animation-name: slide_in_top;
  animation-name: slide_in_top;
}

.box.hover-leave-top .inner {
  -webkit-animation-name: slide_out_top;
  animation-name: slide_out_top;
}

/* Right */
.box.hover-enter-right .inner {
  -webkit-animation-name: slide_in_right;
  animation-name: slide_in_right;
}

.box.hover-leave-right .inner {
  -webkit-animation-name: slide_out_right;
  animation-name: slide_out_right;
}

/* Bottom */
.box.hover-enter-bottom .inner {
  -webkit-animation-name: slide_in_bottom;
  animation-name: slide_in_bottom;
}

.box.hover-leave-bottom .inner {
  -webkit-animation-name: slide_out_bottom;
  animation-name: slide_out_bottom;
}

/* Left */
.box.hover-enter-left .inner {
  -webkit-animation-name: slide_in_left;
  animation-name: slide_in_left;
}

.box.hover-leave-left .inner {
  -webkit-animation-name: slide_out_left;
  animation-name: slide_out_left;
}

/* Top */
@-webkit-keyframes slide_in_top {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slide_out_top {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -100%, 0);
  }
}
@keyframes slide_in_top {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slide_out_top {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
/* Right */
@-webkit-keyframes slide_in_right {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slide_out_right {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
  }
}
@keyframes slide_in_right {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slide_out_right {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
/* Bottom */
@-webkit-keyframes slide_in_bottom {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slide_out_bottom {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 100%, 0);
  }
}
@keyframes slide_in_bottom {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slide_out_bottom {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
/* Left */
@-webkit-keyframes slide_in_left {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slide_out_left {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slide_in_left {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slide_out_left {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
/* portfolio details */
.nav-style-3 .owl-nav div {
  color: #343434;
  font-size: 20px;
  left: 0px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background-color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}

.nav-style-3 .owl-nav div:hover {
  color: #dcb86c;
}

.nav-style-3 .owl-nav div.owl-next {
  left: auto;
  right: 0px;
}

.por-details-content-left {
  margin-top: 33px;
}

.por-details-content-left h2 {
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 4px;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .por-details-content-left h2 {
    font-size: 25px;
  }
}
.por-details-content-left span {
  color: #8a8a8a;
  font-style: italic;
  position: relative;
  margin: 0 0 35px;
  display: block;
}

.por-details-content-left span::after {
  content: "";
  width: 45px;
  height: 2px;
  background-color: #343538;
  position: absolute;
  left: 0;
  bottom: -21px;
}

.por-details-content-left .portfolio-info-wrap {
  margin: 50px 0 20px;
  display: block;
}

.por-details-content-left .portfolio-info-wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.por-details-content-left .portfolio-info-wrap ul li {
  font-size: 12px;
  color: #8a8a8a;
  margin-right: 20px;
}

.por-details-content-left .portfolio-info-wrap ul li:last-child {
  margin-right: 20px;
}

.por-details-content-left .portfolio-info-wrap ul li i {
  color: #343538;
  font-size: 14px;
  position: relative;
  top: 3px;
  margin-right: 12px;
}

.por-details-content-left .portfolio-info-wrap-2 {
  margin: 35px 0 30px;
  display: block;
}

.por-details-content-left .portfolio-info-wrap-2 ul li {
  font-size: 12px;
  color: #8a8a8a;
  margin-bottom: 12px;
  display: block;
}

.por-details-content-left .portfolio-info-wrap-2 ul li:last-child {
  margin-bottom: 20px;
}

.por-details-content-left .portfolio-info-wrap-2 ul li i {
  color: #343538;
  font-size: 14px;
  position: relative;
  top: 3px;
  margin-right: 12px;
}

.por-details-content-left p {
  font-size: 12px;
  line-height: 30px;
  margin: 0;
}

.por-details-content-left.por-details-content-3 {
  margin-top: 0;
  margin-left: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .por-details-content-left.por-details-content-3 {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .por-details-content-left.por-details-content-3 {
    margin-left: 0px;
  }
}
.por-details-content-left.por-details-content-3 p {
  margin: 52px 25px 0px 0;
}

.por-details-content-left .portfolio-social-2 {
  overflow: hidden;
  display: block;
}

.por-details-content-left .portfolio-social-2 a {
  color: #343538;
  font-size: 12px;
  margin-right: 15px;
}

.por-details-content-left .portfolio-social-2 a:last-child {
  margin-right: 0px;
}

.por-details-content-left .portfolio-social-2 a:hover {
  color: #dcb86c;
}

.por-details-content-right {
  margin-top: 28px;
}

.por-details-content-right .portfolio-social {
  overflow: hidden;
  display: block;
  width: 100%;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .por-details-content-right .portfolio-social {
    text-align: left;
  }
}
.por-details-content-right .portfolio-social a {
  color: #343538;
  font-size: 12px;
  margin-right: 15px;
}

.por-details-content-right .portfolio-social a:last-child {
  margin-right: 0px;
}

.por-details-content-right .portfolio-social a:hover {
  color: #dcb86c;
}

.por-details-content-right .skill-bar-2 {
  position: relative;
  padding-top: 85px;
}

.por-details-content-right .skill-bar-2 h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 40px;
  position: relative;
}

.por-details-content-right .skill-bar-2 h3::after {
  content: "";
  width: 45px;
  height: 2px;
  background-color: #343538;
  position: absolute;
  left: 0;
  bottom: -21px;
}

@media only screen and (max-width: 767px) {
  .por-details-content-right .skill-bar-2 {
    padding-top: 30px;
  }
}
.por-details-content-right .skill-bar-2 .skill-bar-item-2 {
  padding-bottom: 21px;
  position: relative;
  overflow: hidden;
}

.por-details-content-right .skill-bar-2 .skill-bar-item-2 > span {
  color: #343538;
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
}

.por-details-content-right .skill-bar-2 .skill-bar-item-2 .progress {
  background: #c9c9c9 none repeat scroll 0 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 4px;
  margin-top: 9px;
  overflow: visible;
}

.por-details-content-right .skill-bar-2 .skill-bar-item-2 .progress .progress-bar {
  background: #343538 none repeat scroll 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
}

.por-details-content-right .skill-bar-2 .skill-bar-item-2 .progress .progress-bar span.text-top {
  color: #343538;
  font-size: 11px;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  top: -34px;
}

.por-details-content-right .skill-bar-2 .skill-bar-item-2:nth-child(1) .progress-bar {
  width: 90%;
}

.por-details-content-right .skill-bar-2 .skill-bar-item-2:nth-child(2) .progress-bar {
  width: 80%;
}

.por-details-content-right .skill-bar-2 .skill-bar-item-2:nth-child(3) .progress-bar {
  width: 70%;
}

.por-details-content-right .skill-bar-2 .skill-bar-item-2:nth-child(4) .progress-bar {
  width: 82%;
}

.por-details-content-right .skill-bar-2 .skill-bar-item-2:nth-child(5) .progress-bar {
  width: 82%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .por-details-content-right.pl-100 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .por-details-content-right.pl-100 {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .por-details-content-right.pl-100 {
    padding-left: 0;
  }
}
.portfolio-nav-style {
  position: relative;
  height: 90px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}

.portfolio-nav-style::before {
  content: "";
  background-color: #232324;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.portfolio-nav-style::after {
  content: "";
  background-color: #f6f6f6;
  opacity: 1;
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.portfolio-nav-style:hover::after {
  opacity: 0;
  visibility: hidden;
}

.portfolio-nav-style:hover::before {
  opacity: 0.6;
  visibility: visible;
}

.portfolio-nav-style a i {
  font-size: 30px;
  color: #343538;
  position: relative;
  z-index: 99;
  top: 2px;
}

.portfolio-nav-style .portfolio-nav-hover {
  position: absolute;
  top: 47%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
}

.portfolio-nav-style .portfolio-nav-hover h3 {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-nav-style .portfolio-nav-hover h3 {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio-nav-style .portfolio-nav-hover h3 {
    font-size: 15px;
  }
}
.portfolio-nav-style .portfolio-nav-hover h3 a {
  color: #fff;
}

.portfolio-nav-style .portfolio-nav-hover h3 i {
  font-size: 30px;
  color: #fff;
  line-height: 1;
  position: relative;
  top: 4px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-nav-style .portfolio-nav-hover h3 i {
    font-size: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio-nav-style .portfolio-nav-hover h3 i {
    font-size: 25px;
  }
}
.portfolio-nav-style .portfolio-nav-hover.port-nav-angle-left h3 i {
  margin-right: 25px;
}

@media only screen and (max-width: 767px) {
  .portfolio-nav-style .portfolio-nav-hover.port-nav-angle-left h3 i {
    margin-right: 10px;
  }
}
.portfolio-nav-style .portfolio-nav-hover.port-nav-angle-right h3 i {
  margin-left: 25px;
}

@media only screen and (max-width: 767px) {
  .portfolio-nav-style .portfolio-nav-hover.port-nav-angle-right h3 i {
    margin-left: 10px;
  }
}
.portfolio-nav-style.portfolio-nav-center::after {
  background-color: #eee;
}

.portfolio-nav-style.portfolio-nav-center:hover a i {
  color: #fff;
  opacity: 1;
  visibility: visible;
}

.portfolio-nav-style:hover a > i {
  opacity: 0;
  visibility: hidden;
}

.portfolio-nav-style:hover .portfolio-nav-hover {
  opacity: 1;
  visibility: visible;
}

.portfolio-details-banner img {
  width: 100%;
}

.port-details-banner-content {
  background-color: #dcb86c;
  padding: 100px 55px 110px 54px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .port-details-banner-content {
    padding: 45px 20px 64px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .port-details-banner-content {
    padding: 35px 20px 54px 20px;
  }
}
.port-details-banner-content p {
  font-style: italic;
  font-size: 28px;
  color: #fff;
  line-height: 38px;
  margin: 0 0 41px;
}

@media only screen and (max-width: 767px) {
  .port-details-banner-content p {
    font-size: 20px;
    line-height: 30px;
  }
}
.port-details-banner-content span {
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  line-height: 1;
  color: #fff;
  position: relative;
  font-style: italic;
}

.port-details-banner-content span::before {
  position: absolute;
  top: -21px;
  content: "";
  width: 50px;
  height: 2px;
  left: 0;
  background-color: #fff;
}

/*--------- 22. My account page ------------*/
.login-register-wrapper .login-register-tab-list {
  text-align: center;
  display: block;
  margin: 0 0 32px;
}

.login-register-wrapper .login-register-tab-list a {
  color: #8a8a8a;
  font-size: 24px;
  line-height: 1;
  display: inline-block;
  text-transform: capitalize;
  margin: 0 1px;
}

.login-register-wrapper .login-register-tab-list a.active {
  color: #343538;
  font-weight: 700;
}

.login-register-wrapper .login-form-container .login-register-form form .sin-login-register {
  margin-bottom: 14px;
}

.login-register-wrapper .login-form-container .login-register-form form .sin-login-register label {
  color: #343538;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 0 5px;
}

.login-register-wrapper .login-form-container .login-register-form form .sin-login-register label span {
  color: red;
}

.login-register-wrapper .login-form-container .login-register-form form .sin-login-register input {
  border: 1px solid #e8e8e8;
  height: 60px;
  background-color: transparent;
}

.login-register-wrapper .login-form-container .login-register-form form .sin-login-register input:focus {
  border: 1px solid #343538;
}

.login-register-wrapper .login-form-container .login-register-form form button {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  background-color: #343538;
  color: #fff;
  border: none;
  width: 100%;
  padding: 17px 10px 19px;
}

.login-register-wrapper .login-form-container .login-register-form form button:hover {
  background-color: #dcb86c;
}

.login-register-wrapper .login-form-container .login-register-form form .login-toggle-btn {
  margin-top: 14px;
}

.login-register-wrapper .login-form-container .login-register-form form .login-toggle-btn input {
  height: 15px;
  margin: 0;
  position: relative;
  top: 3px;
  width: 17px;
}

.login-register-wrapper .login-form-container .login-register-form form .login-toggle-btn label {
  font-size: 12px;
  color: #8a8a8a;
  margin: 0;
}

.login-register-wrapper .login-form-container .login-register-form form .login-toggle-btn a {
  font-size: 12px;
  color: #8a8a8a;
  float: right;
}

.login-register-wrapper .login-form-container .login-register-form form .login-toggle-btn a:hover {
  color: #dcb86c;
}

.login-register-wrapper .login-form-container .login-social {
  margin: 54px 0 54px;
}

@media only screen and (max-width: 767px) {
  .login-register-wrapper .login-form-container .login-social {
    margin: 20px 0 20px;
  }
}
.login-register-wrapper .login-form-container .login-social span {
  font-size: 12px;
  color: #343538;
  text-transform: uppercase;
  margin: 0 0 13px;
  display: block;
}

.login-register-wrapper .login-form-container .login-social ul li {
  display: inline-block;
  margin: 0 3px 0 0;
}

.login-register-wrapper .login-form-container .login-social ul li a {
  background-color: #f5f5f5;
  color: #8a8a8a;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  float: left;
  font-size: 11px;
  padding: 20px;
  padding: 23px 35px 24px;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .login-register-wrapper .login-form-container .login-social ul li a {
    padding: 17px 15px 16px;
  }
}
.login-register-wrapper .login-form-container .login-social ul li a:hover {
  background-color: #4fb3ec;
  color: #fff;
}

.login-register-wrapper .login-form-container .create-account span {
  font-size: 12px;
  color: #343538;
  text-transform: uppercase;
  display: block;
  margin: 0 0 9px;
}

.login-register-wrapper .login-form-container .create-account a {
  display: block;
  text-align: center;
  text-transform: uppercase;
  padding: 18px 20px;
  font-weight: 700;
  border: 2px solid #e4e4e4;
  color: #8a8a8a;
}

.login-register-wrapper .login-form-container .create-account a:hover {
  background-color: #343538;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .login-register-area.pb-70 {
    padding-bottom: 50px;
  }
}
/*-------- 21. Compare style ---------*/
.compare-table .table tbody tr th.first-column {
  min-width: 292px;
  font-size: 15px;
  color: #262626;
  margin: 0;
  background-color: #e9e9e9;
  font-weight: 400;
  padding: 10px 30px;
  border: none;
  background-color: #e9e9e9;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-table .table tbody tr th.first-column {
    min-width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .compare-table .table tbody tr th.first-column {
    min-width: 150px;
    padding: 10px 20px;
  }
}
.compare-table .table tbody tr:first-child th {
  padding-top: 53px;
}

.compare-table .table tbody tr:last-child th {
  padding-bottom: 55px;
}

.compare-table .table tbody tr td {
  text-align: center;
  padding: 17px 15px;
  vertical-align: middle;
  border-color: #e7e7e7;
}

.compare-table .table tbody tr td.product-image-title {
  min-width: 293px;
  vertical-align: bottom;
  padding: 27px 10px 35px;
}

@media only screen and (max-width: 767px) {
  .compare-table .table tbody tr td.product-image-title {
    min-width: 220px;
  }
}
.compare-table .table tbody tr td.product-image-title .compare-remove a {
  font-size: 13px;
}

.compare-table .table tbody tr td.product-image-title .compare-remove a i {
  padding-right: 5px;
}

.compare-table .table tbody tr td.product-image-title .compare-remove a:hover {
  color: #dcb86c;
}

.compare-table .table tbody tr td.product-image-title .image {
  clear: both;
  width: 100%;
  margin: 14px 0 7px;
  display: block;
}

.compare-table .table tbody tr td.product-image-title .image img {
  width: auto;
}

.compare-table .table tbody tr td.product-image-title .category {
  float: left;
  clear: both;
  color: #dcb86c;
  text-transform: capitalize;
  letter-spacing: 0.5px;
}

.compare-table .table tbody tr td.product-image-title .pro-title {
  display: block;
  overflow: hidden;
}

.compare-table .table tbody tr td.product-image-title .pro-title > a {
  float: left;
  clear: both;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  margin-top: 5px;
  display: block;
  width: 100%;
}

.compare-table .table tbody tr td.product-image-title .pro-title > a:hover {
  color: #dcb86c;
}

.compare-table .table tbody tr td.product-image-title .compare-btn {
  margin: 14px 0 0;
}

.compare-table .table tbody tr td.product-image-title .compare-btn a {
  background-color: #343538;
  padding: 10px 20px;
  color: #fff;
  display: inline-block;
}

.compare-table .table tbody tr td.product-image-title .compare-btn a:hover {
  background-color: #dcb86c;
}

.compare-table .table tbody tr td.pro-desc p {
  margin: 0;
  font-size: 13px;
  line-height: 1.88;
}

.compare-table .table tbody tr td.pro-price {
  font-size: 14px;
  font-weight: 400;
  color: #343538;
}

.compare-table .table tbody tr td.pro-sku, .compare-table .table tbody tr td.pro-stock, .compare-table .table tbody tr td.pro-weight {
  font-size: 13px;
  font-weight: 400;
}

.compare-table .table tbody tr td.pro-dimensions {
  font-size: 13px;
  font-weight: 400;
}

/*------ end Compare Page Wrapper -----*/
.footer-bottom .imgWp {
  margin-top: 3px;
}

/* menu changes */
.level-1 > a {
  font-size: 12px;
}

.ddCont {
  width: 1000px;
  height: 400px;
  position: absolute;
  top: 60px;
}

.level-2-cont {
  width: 900px; /* height: 400px;*/
  position: absolute;
  top: 37px;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  opacity: 0;
  z-index: 3;
}

.deskTopMenu > li:hover .level-2-cont {
  display: flex;
  visibility: visible;
  opacity: 1;
}

.dropDown li a {
  line-height: initial !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  display: block;
}

.dropDown1 {
  -webkit-transform: scaleY(1) !important;
  transform: scaleY(1) !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible !important;
  opacity: 1 !important;
}

.dropDown {
  width: 216px;
  max-height: 419px;
  overflow: hidden;
  padding: 30px 0;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
}

.dropDown.level-2 {
  display: block; /* flex-flow: row wrap; */
  width: auto;
  padding: 30px 0 !important;
  align-content: baseline;
  overflow-x: hidden;
}

.dropDown.level-2 > li {
  width: 190px;
  width: 216px;
  height: auto;
  float: left; /*overflow: hidden; overflow-y: scroll;*/
  padding: 0 30px;
}

.dropDown.level-2 > li > a {
  font-size: 12px;
  color: #000000 !important; /*font-weight:bold; */
  font-weight: 500;
  text-transform: uppercase;
  padding-left: 0;
}

.level-3 {
  margin-top: 5px;
  margin-bottom: 6px;
}

.level-3 > li > a {
  font-size: 12px;
  color: #000000 !important;
  word-break: break-word;
  width: 100%;
  font-weight: normal !important;
  text-transform: uppercase;
  position: relative;
  display: block;
  padding: 6px 0 !important;
}

.level-4 {
  display: none;
  margin-right: 5px;
}

.level-4 > li > a {
  font-size: 11px !important;
  color: #666666 !important;
  padding-left: 10px !important;
}

.deskTopMenu .hasSubMenu {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.deskTopMenu .hasSubMenu:after {
  content: "\f054";
  font-family: FontAwesome;
  font-size: 8px;
  color: inherit;
}

.deskTopMenu .hasSubMenu a {
  padding-right: 15px !important;
}

.nav_right_aligned .level-2-cont {
  right: 0;
  left: initial;
  justify-content: flex-end;
}

.nav_right_aligned .level-2-cont .dropDown.level-2 {
  float: right;
}

.nav_center_aligned .level-2-cont {
  left: 50%;
  display: flex;
  transform: scaleY(0) translateX(-50%);
  justify-content: center;
}

.nav_center_aligned .level-2-cont .dropDown.level-2 {
  position: relative; /*transform: translateX(-50%); left: 50%;*/
}

.more_nav .dropDown.level-2 {
  display: none !important;
}

.nav_left_aligned .level-2-cont .dropDown.level-2 {
  float: left;
}

.nav_right_aligned .level-2-cont, .nav_left_aligned .level-2-cont {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
}

.deskTopMenu li.nav_right_aligned:hover .level-2-cont, .deskTopMenu li.nav_left_aligned:hover .level-2-cont {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
  opacity: 1;
}

.nav_center_aligned .level-2-cont {
  -webkit-transform: scaleY(0) translateX(-50%);
  transform: scaleY(0) translateX(-50%);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
}

.deskTopMenu li.nav_center_aligned:hover .level-2-cont {
  -webkit-transform: scaleY(1) translateX(-50%);
  transform: scaleY(1) translateX(-50%);
  visibility: visible;
  opacity: 1;
}

.dropDown.level-2 .col-ul > li > a {
  font-weight: bold;
  padding: 6px 0 !important;
  font-size: 12px;
}

.hasArrow.act > a { /*color:#e5371f !important;*/ }

.deskTopMenu .hasArrow.act .hasSubMenu:after { /*color:#e5371f; */
  transform: rotate(89deg);
}

.dropDown.level-2 .hasArrow a {
  padding-right: 21px !important;
}

.main-menu > nav > ul > li > ul > li a {
  word-break: break-word;
}

.main-menu > nav > .level-2 > .col-ul > li > a {
  color: #000000 !important;
}

.deskTopMenu.header_navigation.margin_15 > li > a {
  padding: 5px 15px;
}

.level-2 li::-webkit-scrollbar-track, .more_ul::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
}

.level-2 li::-webkit-scrollbar, .more_ul::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}

.level-2 li::-webkit-scrollbar-thumb, .more_ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f4f4f4;
}

.more_nav .level-2-cont {
  display: none;
}

/* menu mobile changes */
@media only screen and (max-width: 767px) {
  .header-four-area .header-search {
    width: 100%;
  }
  .formCont {
    position: static !important;
  }
  .header-middle-area.bg-golden {
    position: relative;
  }
  .header-middle-area.bg-golden .logo {
    width: calc(100% - 110px);
  }
  .cart-box-outer-wrapper {
    width: 110px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: absolute !important;
    top: 10px;
    right: 10px;
  }
  .cart-info {
    padding: 0 !important;
  }
  .meanmenu-reveal {
    width: 26px;
    display: block !important;
  }
  .meanmenu-reveal span {
    height: 2px;
    height: 2px;
    margin-top: 5px;
    background: #ffffff none repeat scroll 0 0;
    border-radius: 34px;
    display: block;
  }
  .header-four-area .header-search {
    width: 100% !important;
    margin-bottom: 13px !important;
  }
}
.mobile_nav_container {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  -webkit-transform: translate(370px, 0);
  -ms-transform: translate(370px, 0);
  transform: translate(370px, 0);
}

.body_overlay {
  background: rgba(35, 35, 36, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}

.body_overlay.act {
  opacity: 1;
  visibility: visible;
}

.mobile_nav {
  position: fixed;
  top: 0;
  width: calc(100% - 65px);
  min-height: 100vh;
  bottom: 0;
  z-index: 111;
  right: 0;
  visibility: hidden;
  opacity: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  z-index: 9999;
  overflow-y: auto;
  overflow-x: hidden;
}

.mobile_nav_container.act .mobile_nav { /* visibility: visible; opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);  */ }

.mobile_nav .account-wishlist {
  padding: 15px !important;
}

.nav_list {
  list-style: none;
  display: inline-block;
  width: 100%;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.nav_list li {
  display: inline-block;
  width: 100%;
  border-top: 1px solid #cccccc;
  position: relative;
}

.nav_list li:first-child {
  border: none;
}

.nav_list li .fa-angle-right {
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
  position: absolute;
  top: 14px;
  right: 15px;
  color: #333333;
  font-size: 16px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

/*.nav_list li:before{content: ""; background: url(../img/arrow_right.png) no-repeat; width: 7px; height: 8px; position: absolute; top: 14px; right: 20px;}*/
.nav_list li.act > .fa-angle-right {
  transform: rotate(90deg);
}

.nav_list li a {
  font-size: 12px;
  color: #000000;
  font-weight: bold;
  display: block;
  padding: 10px 35px 10px 15px;
  text-transform: uppercase;
}

.nav_list.lavel_2 {
  background: #f4f4f4;
  border-bottom: none;
}

.nav_list.lavel_3 {
  border-bottom: none;
}

.nav_list.lavel_3 li a {
  padding-left: 30px;
  font-weight: normal;
}

.nav_list.lavel_4 {
  border-bottom: none;
  padding-left: 50px;
}

.nav_list.lavel_4 li {
  border-top: 1px dashed #cccccc;
}

.nav_list.lavel_4 li:first-child {
  border: none;
}

.nav_list.lavel_4 li a {
  font-weight: normal;
  padding-left: 0;
}

.inner_list {
  display: none;
}

.mobile-nav-open .header-top-links, .mobile-nav-open .account-wishlist {
  opacity: 0;
  visibility: hidden;
}

.mobile-nav-open .mobile_nav_container.act .account-wishlist {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 991px) {
  .mobile_nav_container.act {
    z-index: 9999;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .mobile_nav_container.show {
    visibility: visible;
    opacity: 1;
    z-index: 9999999;
  }
  .mobile_nav_container.act .mobile_nav {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
  }
  .mobile_nav_container.act.removeAct {
    visibility: visible;
    opacity: 0;
    -webkit-transform: translate(370px, 0);
    -ms-transform: translate(370px, 0);
    transform: translate(370px, 0);
  }
}
.nano > .nano-content { /* position:relative; overflow:auto; */ }

.nano.abs > .nano-content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  width: 72%;
  left: 50%;
  transform: translateX(-50%);
}

.nano > .nano-pane {
  background: transparent;
}

.nano > .nano-pane > .nano-slider {
  background: #dddddd;
}

.firefox .nano.abs > .nano-content {
  left: 30px;
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  left: initial;
  width: 100%;
  transform: translate(0) !important;
}
.firefox .has-scrollbar > .nano-content .col-ul {
  width: 93%;
}
.firefox .nano > .nano-pane > .nano-slider {
  background: #dddddd;
}

/* gl-5592 */
.nav_list li a { /* display: inline-block; */
  margin-right: 45px;
  padding-right: 0;
}

.nav_list.lavel_3 li a.toggle-menu {
  padding-left: 0;
}

.nav_list li a.toggle-menu {
  width: 40px;
  height: 100%;
  text-align: center;
  line-height: 25px;
  position: absolute;
  top: 0;
  right: 0;
  color: #333;
  font-size: 24px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  font-weight: 400;
  border-left: 1px solid #d5d5d5;
  padding: 0;
  padding-top: 10px;
  margin: 0;
}

.nav_list li.act a.toggle-menu {
  font-size: 24px;
}

/* gl-5592 */
/*GL-5865 start*/
.header-bottom-support {
  height: 100px;
}

.tatVamStrHeader .header-bottom-support {
  height: 120px;
}
.tatVamStrHeader .header-bottom .desktop-menu {
  padding-top: 10px;
  padding-bottom: 10px;
}
.tatVamStrHeader .header-bottom.stick .desktop-menu {
  padding-top: 0;
  padding-bottom: 0;
}
.tatVamStrHeader .header-bottom.stick .logo img {
  height: 72px;
}

/*GL-5865 end*/
/* agent login start */
.order_hstry #agent-order-search-form .btn.btn-primary {
  border: 1px solid #000000;
}
.order_hstry #agent-order-search-form .btn.btn-primary:hover {
  background: #dcb86c;
  border-color: #dcb86c;
}
.order_hstry #agent-order-search-form .search_by_list li input.form-control {
  padding: 6px 12px;
  height: auto;
}
.order_hstry #order-list .btn.btn-primary {
  border: 1px solid #000000;
}
.order_hstry #order-list .btn.btn-primary:hover {
  background: #dcb86c;
  border-color: #dcb86c;
}
.order_hstry #agentOrderConfirmModal .modal-header .close {
  margin: -10px 0 0 0;
  font-size: 2rem;
  opacity: 1;
}

#becameagent_open .close {
  font-size: 30px !important;
  opacity: 1;
  position: absolute;
  top: 20px !important;
  right: 30px;
}

#modal-verify-agent-feature .modal-title {
  float: left;
  margin-bottom: 0;
}
#modal-verify-agent-feature .close {
  font-size: 30px !important;
  opacity: 1;
  margin: -10px 0 0 0;
}

#becameagent_open .btn, #modal-verify-agent-feature .btn {
  border: 1px solid #000000 !important;
}
#becameagent_open .btn:hover, #modal-verify-agent-feature .btn:hover {
  color: #ffffff !important;
}

/* agent login End */
/* left block start */
.left_block {
  display: inline-block;
  width: 100%;
  position: relative;
}
.left_block .header_block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #ececec;
  padding-bottom: 5px;
}
.left_block .header_block .header_wrp .heading_1 {
  font-size: 18px;
  color: #222222;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0;
}
.left_block .header_block .logo_wrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 10px;
}
.left_block .header_block .logo_wrp .logocnt { /*width: 35px; height: 35px;*/
  line-height: 35px;
  text-align: center; /*overflow: hidden;*/
  float: left;
}
.left_block .header_block .logo_wrp .logotxt {
  font-size: 18px;
  color: #8c8c8c;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0;
  float: left;
  padding-left: 5px;
}
.left_block .heading_2 {
  font-size: 16px;
  color: #222222;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  margin: 0;
}
.left_block .heading_2.v2 {
  font-weight: 500;
  margin-top: 20px;
}
.left_block .body_content_wrp {
  display: inline-block;
  width: 100%;
  padding: 5px 10px 10px 0;
}
.left_block .body_para {
  font-size: 16px;
  color: #222222;
  letter-spacing: 0.2px;
  margin: 5px 0 0 0;
}
.left_block .body_list {
  list-style: none;
  display: inline-block;
  width: 100%;
  padding-top: 10px;
}
.left_block .body_list li {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  color: #222222;
  letter-spacing: 0.2px;
  padding-top: 5px;
  padding-bottom: 10px;
}
.left_block .body_list li .bold_text {
  font-weight: 500;
}
.left_block .galery_wrp {
  display: inline-block;
  width: 100%;
}
.left_block .galery_wrp .galery_list {
  display: inline-block;
  width: 100%;
  margin-left: -8px;
}
.left_block .galery_wrp .galery_list li {
  float: left;
  width: 160px;
  height: 90px;
  line-height: 90px;
  background: #8c8c8c;
  text-align: center;
  margin: 8px;
  overflow: hidden;
}
.left_block .galery_wrp .galery_list li img {
  max-width: 100%;
}
.left_block strong {
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .left_block .header_block {
    flex-direction: column-reverse;
  }
  .left_block .header_block .header_wrp {
    margin-top: 10px;
  }
  .left_block .body_content_wrp {
    padding-right: 0;
  }
  .left_block .galery_wrp .galery_list li {
    width: 100%;
  }
}
/* left block End */
.slick-arrow {
  position: absolute;
  top: 0;
  margin-top: -55px;
  z-index: 9;
  border: none;
  background-color: #f1f1f1;
  color: #999999;
  padding: 10px;
  width: 34px;
  height: 34px;
  border-radius: 0;
  text-align: center;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
}

.slick-next {
  display: block;
  right: 10px;
}

.slick-prev {
  display: block;
  left: 10px;
}

.slick-arrow i {
  font-size: 18px;
  line-height: 14px;
  display: block;
}

@media only screen and (max-width: 767px) {
  .product-wrap:hover .product-quickview, .product-wrap:hover .product-action {
    display: none;
  }
}
.header-top-1 {
  background-color: #dc0100;
  height: 70px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.header-top-1 .text_cont a {
  color: #ffffff;
}
.header-top-1 .ph_txt {
  margin-left: 40px;
}

.social_link_cont {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.social_link_cont a {
  margin-left: 10px;
  color: #ffffff;
}
.social_link_cont a:first-child {
  margin-left: 0;
}

@media only screen and (max-width: 767px) {
  .header-top-1 {
    padding: 10px 0;
  }
  .header-top-1 .text_cont { /* width: 50%; */ }
  .header-top-1 .text_cont a {
    display: block;
  }
  .header-top-1 .ph_txt {
    margin-left: 0;
  }
  .header-top-1 .emailCont {
    width: 100%;
  }
  .header-top-1 .social_link_cont {
    width: 100%;
  }
}
.contact-information .product_tile_btn_clr {
  width: 176px;
  height: 61px;
  background-color: #dc0100;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 23px;
}

.prabhavatiambulance.breadcrumb-area .breadcrumb-content h2, .prabhavatiambulance.breadcrumb-area .breadcrumb-content ul li, .prabhavatiambulance.breadcrumb-area .breadcrumb-content ul li a, .warpp.breadcrumb-area .breadcrumb-content h2, .warpp.breadcrumb-area .breadcrumb-content ul li, .warpp.breadcrumb-area .breadcrumb-content ul li a {
  color: #ffffff;
}
.prabhavatiambulance.breadcrumb-area .breadcrumb-content ul li::before, .warpp.breadcrumb-area .breadcrumb-content ul li::before {
  background-color: #ffffff;
}

.about_us_hd {
  font-size: 30px;
  color: #000000;
  font-weight: bold;
}

.about_us_sub_hd {
  font-size: 18px;
  color: #000000;
  font-weight: bold;
}

.warpp .about_us_hd {
  margin-bottom: 30px;
}

.about-content-area.warpp {
  color: #000000;
  line-height: 20px;
}
.about-content-area.warpp .about-first-image {
  margin-top: 72px;
  margin-bottom: 40px;
}
.about-content-area.warpp p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
}

.shadow-cont {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 20px;
  border-radius: 3px;
  box-shadow: 0 0 6px 0 rgba(158, 158, 158, 0.5);
  background-color: rgba(255, 255, 255, 0.45);
}

.ourMissionRow {
  margin-top: 60px;
}

.galleryRow {
  margin-top: 60px;
}

#gallerySlide {
  margin-top: 36px;
}

@media only screen and (min-width: 768px) {
  .showMobile {
    display: none;
  }
  .hide_mobile {
    display: block;
  }
  .pro-details-cart.showMobile {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .hide_mobile {
    display: none;
  }
  .showMobile {
    display: block;
  }
  .product-details-content .pro-details-wishlist {
    margin-left: 20px;
  }
  .pro-details-cart.showMobile {
    margin: 0 0 30px 0;
    display: flex;
    flex-flow: column;
  }
  .pro-details-cart.showMobile a {
    float: none;
    width: 100%;
    text-align: center;
  }
  .pro-details-cart.showMobile a:first-child {
    margin-bottom: 20px;
  }
  .pro-details-cart.showMobile .product-add-btn {
    margin-left: 0;
  }
}
#sendEnquiryModal .modal_top {
  color: #000000;
  font-size: 40px;
}

#myModal.sendEnqOpened {
  z-index: 999;
  transition: none !important;
}

#myModal.afterSendEnqOpened {
  background-color: rgba(0, 0, 0, 0.82);
  z-index: 99999;
  transition: none !important;
}

#sendEnquiryModal, #myModal {
  width: calc(100% - 20px);
  margin: 0 auto;
  padding-right: 0 !important;
}

#modal-verify-agent .close {
  color: #000;
  font-size: 40px;
  position: absolute;
  top: 10px;
  right: 20px;
}

.header_top_mobile {
  display: none;
  width: 100%;
  display: flex;
  background: #000000;
  align-items: center;
  justify-content: flex-end;
  padding: 5px;
}

@media only screen and (max-width: 991px) {
  .fix_header_mobile {
    height: 105px;
  }
  .header_top_mobile {
    display: flex;
    position: relative;
    z-index: 1;
  }
  .header-small-mobile:before {
    top: 35.2px;
  }
}
.header-top.bg-gray-2 {
  position: relative;
  z-index: 13;
}

.lang-admin-wrapper {
  display: flex;
  justify-content: flex-end;
}

.header_greyBg {
  background-color: #ebebeb;
}

.nav_left, .nav_right {
  width: auto !important;
}

.desktop-menu {
  width: 100%;
  justify-content: space-between;
}

.deskTopMenu > li:first-child a {
  padding-left: 0;
}

/*.search-content {  width: 470px; height: 40px;  border-radius: 20px; background-color: #ffffff;  position: relative; display: flex; align-items: center; margin-right: 20px; 
    [name="query"], .button-search  { border: 0; background: none; padding-left: 20px; }
    [name="query"] { height: auto; }  
    .button-search { position: absolute; top: 10px; right: 10px; }
}*/
.same-style.cart-wrap .dotWrp {
  top: 26%;
}

.main-menu > nav > ul > li {
  float: left;
}

.more_nav .more_ul {
  margin-top: 0 !important;
}

.absLink {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.header-right-wrap .same-style.account-satting ul {
  left: initial;
  right: -38px;
}

@media only screen and (max-width: 767px) {
  .product-area-wrap .custom-col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
/* new breadcrumb */
.breadcrumb_wrp {
  border-top: solid 1px #ebebeb;
  padding-top: 18px;
}

.breadcrumb_list {
  width: auto;
  list-style: none;
  display: flex;
}
.breadcrumb_list li {
  font-size: 12px;
}
.breadcrumb_list li.active {
  color: #000000;
}
.breadcrumb_list li a {
  font-size: 12px;
  color: #9a9a9a;
}
.breadcrumb_list .divider {
  margin: 0 10px;
}

.bige-bg {
  background-color: #f3f7e8;
}

.custom-heading-l {
  font-size: 32px;
  color: #333333;
}
.custom-heading-l .bold {
  font-weight: bold;
}

.custom-heading-n {
  font-size: 24px;
  color: #333333;
}
.custom-heading-n .bold {
  font-weight: bold;
}

.custom-heading-s {
  font-size: 18px;
  color: #333333;
}

.des-l {
  font-size: 16px;
  color: #333333;
}

.des-n {
  font-size: 14px;
  color: #333333;
}

@media only screen and (max-width: 768px) {
  .custom-heading-l {
    font-size: 30px;
  }
  .custom-heading-n {
    font-size: 22px;
  }
  .custom-heading-s {
    font-size: 18px;
  }
  .des-l {
    font-size: 16px;
  }
  .des-n {
    font-size: 14px;
  }
}
.cust-shadow {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
}

.mlr-30 {
  margin-left: -30px;
  margin-right: -30px;
}

@media only screen and (max-width: 576px) {
  .mlr-30 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.round-list-type {
  position: relative;
  padding-left: 10px;
}
.round-list-type::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #333333;
  position: absolute;
  top: 6px;
  left: 0;
}

.custom-breadcrumb .breadcrumb-content h2, .custom-breadcrumb .breadcrumb-content ul li a, .custom-breadcrumb .breadcrumb-content ul li {
  color: #fff;
}
.custom-breadcrumb .breadcrumb-content ul li a:hover {
  color: #0d90db;
}
.custom-breadcrumb .breadcrumb-content ul li::before {
  background-color: #fff;
}
.custom-breadcrumb .breadcrumb-content h2 {
  text-transform: uppercase;
}

.about-tea-cont {
  margin-top: 40px;
  margin-bottom: 25px;
}
.about-tea-cont .custom-heading-l {
  margin-bottom: 15px;
}
.about-tea-cont .des-l {
  margin-bottom: 33px;
}
.about-tea-cont a {
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  text-decoration: underline;
}
.about-tea-cont .desc-cont {
  display: flex;
  flex-flow: column;
  justify-content: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .img-cont {
    flex: 0 0 35%;
    max-width: 35%;
  }
  .desc-cont {
    flex: 0 0 65%;
    max-width: 65%;
  }
  .desc-cont .custom-heading-l {
    font-size: 30px;
  }
  .desc-cont .des-l {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .mirlq-life-style-cont .desc-cont .des-l {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 991px) {
  .img-cont {
    padding: 0;
  }
  .desc-cont .custom-heading-l {
    margin-top: 15px;
  }
  .desc-cont .des-l {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .desc-cont a {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .desc-cont a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .img-content-cont .left-cont {
    margin-top: 20px;
  }
  .img-content-cont.img-reverse .left-cont {
    margin-top: 0;
  }
  .img-content-cont.img-reverse .right-cont {
    margin-top: 20px;
  }
}
.step-meet-cont {
  margin-top: 25px;
  margin-bottom: 25px;
}
.step-meet-cont .cust-shadow {
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
  height: 100%;
}
.step-meet-cont .custom-heading-s {
  margin-bottom: 5px;
}
.step-meet-cont .des-n {
  line-height: initial;
}
.step-meet-cont .des-n.round-list-type {
  margin-bottom: 5px;
}
.step-meet-cont .img-desc-row {
  margin-bottom: 47px;
  margin-top: 30px;
}

@media only screen and (max-width: 991px) {
  .step-meet-cont .left-cont {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .step-meet-cont .img-desc-row {
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .step-meet-cont .right-cont .custom-heading-n {
    margin-bottom: 0;
  }
  .step-meet-cont .right-cont .custom-heading-s {
    margin-top: 10px;
  }
}
.appointments-cont {
  border-bottom: solid 1px #c4c4c4;
  padding-bottom: 40px;
}
.appointments-cont .des-n, .appointments-cont .custom-ehading-n {
  line-height: initial;
}
.appointments-cont p.custom-heading-n {
  margin-bottom: 20px;
}

.faqs-cont {
  margin-top: 25px;
}
.faqs-cont p.custom-heading-n {
  margin-bottom: 20px;
}

.img-content-cont {
  margin-top: 31px;
  margin-bottom: 31px;
}

@media only screen and (max-width: 767px) {
  .img-content-cont {
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    flex-flow: column;
  }
  .img-content-cont.img-reverse {
    flex-flow: column-reverse;
  }
  .img-content-cont .custom-heading-n {
    margin-top: 15px;
  }
}
/* know our range start */
.know-our-range .desc-cont {
  padding: 40px;
}
.know-our-range .des-l {
  margin-bottom: 0;
}

.image-list {
  list-style-type: none;
  width: 100%;
  margin-top: 20px;
}
.image-list li {
  width: 100%;
  display: flex;
  margin-top: 40px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
}
.image-list li:first-child {
  margin-top: 0;
}
.image-list li .img-cont-vc {
  width: 268px;
  height: 228px;
  height: auto;
  width: 30.375%;
  padding-bottom: 19.479%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.image-list li .img-cont-vc img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}
.image-list li .custom-heading-s {
  font-weight: bold;
}
.image-list li .list-des-cont {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
  padding: 0 40px;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.image-list li .des-n {
  margin-bottom: 20px;
}
.image-list li a {
  width: auto;
  display: inline-flex;
  padding: 11px 22px;
  border: 1px solid #333333;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  align-self: flex-start;
}

@media only screen and (max-width: 991px) {
  .image-list li a {
    font-size: 12px;
    padding: 5px 10px;
  }
  .image-list li .img-cont-vc {
    width: 46.375%;
    padding-bottom: 25.877%;
  }
  .image-list li .list-des-cont {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .image-list li {
    padding: 20px;
  }
}
/* know our range end */
/* simple list */
.simpleList {
  list-style: none;
  width: 100%;
  font-size: 16px;
}
.simpleList li {
  position: relative;
  padding-left: 30px;
  line-height: initial;
  margin-top: 10px;
}
.simpleList li::before {
  content: "";
  width: 3px;
  height: 3px;
  background-color: #1b1b1c;
  border-radius: 50%;
  top: 8px;
  left: 0;
  position: absolute;
}

.cont_custom_btn {
  width: 276px;
  border-radius: 4px;
  height: 60px;
  background-color: #e6363c;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.cont_custom_btn:hover {
  color: #ffffff;
}

.header-right-wrap .same-style > a.get_quote_btn, .header_top_mobile .get_quote_btn {
  font-size: 12px;
  color: #000000;
  border-radius: 4px;
  border: solid 1px #000000;
  background-color: #ffc107;
  margin-right: 20px;
  padding: 4px 10px !important;
  height: auto;
  line-height: initial;
  width: auto;
}

.account-wishlist {
  align-items: center;
}

#get_quote_step .modal-content {
  padding: 30px;
}
#get_quote_step .modal-dialog {
  max-width: 500px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
#get_quote_step .modal-header {
  border-bottom: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 0;
}
#get_quote_step p {
  font-size: 16px;
  color: #4a4a4a;
  margin-bottom: 0;
  margin-top: 0;
}

.get_quote_step_hd {
  color: #000000;
  font-size: 24px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.get_quote_step_hd .get_quote_invoice_ic {
  margin-right: 15px;
}

.get_quote_invoice_ic {
  display: block;
  width: 32px;
  height: 36px;
  background-image: url(../img/get-quote-steps/approve-invoice.svg);
}
.get_quote_invoice_ic.sm {
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
}

.get_quote_cart_ic {
  display: block;
  width: 24px;
  height: 22px;
  background-image: url(../img/get-quote-steps/shopping-cart.svg);
}

.get_quote_cart_ic_1 {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(../img/get-quote-steps/shopping-cart-1.svg);
}

.get_quote_steps_li {
  width: 100%;
  list-style-type: none;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.get_quote_steps_li li {
  width: 196px;
  display: flex;
  flex-flow: row;
  margin-top: 30px;
}
.get_quote_steps_li li p {
  text-align: left;
}
.get_quote_steps_li li:first-child {
  margin-top: 0;
}
.get_quote_steps_li .ic_cont {
  width: 24px;
  margin-right: 14px;
}

#get_quote_step p.step_label {
  font-weight: 500;
  color: #000000;
  font-size: 16px;
}

.continue_shopping_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px auto 0 auto;
  max-width: 238px;
  height: 40px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  background: #333333;
}
.continue_shopping_btn:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .get_quote_btn {
    display: block !important;
  }
  .header_top_mobile .get_quote_btn {
    margin-right: 15px !important;
  }
}
/* theme related */
#get_quote_step .close {
  color: #000000;
  font-size: 40px;
  font-weight: normal;
  position: absolute;
  top: 10px;
  right: 20px;
}