/*-----------------------------------------------------------------------------------
    
    Template Name: Aplus
    Version: 1.1.0
    
-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
    1. Template default CSS
    2. Header style
    3. Slider style
    4. Section title style
    5. Product style 
    8. Footer style
    9. Others style
    11. Service style
    13. Animation style
    14. Banner style
    17. Brand logo style
    19. Breadcrumb style
    20. Shop style
    21. Sidebar style
    22. Product details style
    23. Cart style
    24. Checkout style
    26. Login register style
    27. My account style
    29. About us style
    30. Contact style
    33. Wishlist style
    34. Thanks style
    35. Not Found style
    
-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  1. Template default CSS
/*----------------------------------------*/
/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css?family=Alegreya:400,500,700,800,900|Poppins:200,300,400,500,600,700,800,900&display=swap");
/*-- Common Style --*/
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

.row {
  margin-right: calc(var(--bs-gutter-x) * -.6);
  margin-left: calc(var(--bs-gutter-x) * -.6);
}

.row>* {
  padding-right: calc(var(--bs-gutter-x) * .6);
  padding-left: calc(var(--bs-gutter-x) * .6);
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  padding-right: calc(var(--bs-gutter-x) * .6);
  padding-left: calc(var(--bs-gutter-x) * .6);
}

:root {
  scroll-behavior: unset;
}

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

html,
body {
  height: 100%;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #262626;
  font-weight: 400;
  margin-top: 0;
  font-family: "Poppins", sans-serif;
}

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

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: #262626;
}

a,
button,
img,
input,
span {
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

*:focus {
  outline: none !important;
}

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

a:hover {
  text-decoration: none;
  color: #67a8a7;
}

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

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
  /* Firefox */
}

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

.f-right {
  float: right;
}

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

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

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

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

.border-top-2 {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.border-top-3 {
  border-top: 1px solid rgba(174, 174, 174, 0.3);
}

.border-bottom-1 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.border-bottom-3 {
  border-bottom: 1px solid rgba(174, 174, 174, 0.3);
}


/* a:hover {
  color: #fc4f4f;
} */

/*************************
  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-65 {
  margin-top: 65px;
}

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

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

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

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

@media only screen and (max-width: 767px) {
  .mt-100 {
    margin-top: 75px;
  }
}

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

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

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

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

/*************************
      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-25 {
  margin-right: 25px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb-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-25 {
  margin-left: 25px;
}

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

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

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

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

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

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

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

.ml-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-105 {
  margin-left: 105px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-125 {
    padding-top: 75px;
  }
}

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

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

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-130 {
    padding-top: 80px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-5 {
  padding-bottom: 5px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-120 {
    padding-bottom: 70px;
  }
}

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

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-125 {
    padding-bottom: 75px;
  }
}

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

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-130 {
    padding-bottom: 80px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-35 {
  padding-left: 35px;
}

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

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

.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
-----------------------------------------*/
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: #737373;
  width: 100%;
}

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

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;
  color: #737373;
}

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

.product-details-col-72 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 72%;
  -ms-flex: 0 0 72%;
  flex: 0 0 72%;
  max-width: 72%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-col-72 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 65%;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-col-72 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-col-72 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.product-details-col-28 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 28%;
  -ms-flex: 0 0 28%;
  flex: 0 0 28%;
  max-width: 28%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-col-28 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 35%;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-col-28 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-col-28 {
    display: none;
  }
}

.product-dec-col-38 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 38%;
  -ms-flex: 0 0 38%;
  flex: 0 0 38%;
  max-width: 38%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec-col-38 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .product-dec-col-38 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.product-dec-col-62 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 62%;
  -ms-flex: 0 0 62%;
  flex: 0 0 62%;
  max-width: 62%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec-col-62 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .product-dec-col-62 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.product-dec2-48 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 48%;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  max-width: 48%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec2-48 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .product-dec2-48 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.product-dec2-52 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 52%;
  -ms-flex: 0 0 52%;
  flex: 0 0 52%;
  max-width: 52%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec2-52 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .product-dec2-52 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/*-- 
    Scroll Up 
-----------------------------------------*/
#scrollUp {
  width: 60px;
  height: 60px;
  background-color: #262626;
  color: #fff;
  right: 50px;
  bottom: 53px;
  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 {
  /* background-color: #fc4f4f; */
  background-color: #67a8a7;
}

.height-100vh {
  height: 100vh;
}

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

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

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

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

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

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

.bg-light-pink {
  background-color: #f9f6f5;
}

.bg-light-blue {
  background-color: #d2e4f6;
}

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

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

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

.bg-black-4 {
  background-color: #1f1b2c;
}

.bg-black-5 {
  background-color: #F1F1F1;
}

.bg-black-6 {
  background-color: #E2E7EC;
}

.bg-lightslategray {
  background-color: #d4dfe4;
}

.bg-antiquewhite {
  background-color: #fff5ee;
}

.bg-palegreen {
  background-color: #e5fcd8;
}

.bg-palegreen-2 {
  background-color: #EAFFFB;
}

.bg-powderblue {
  background-color: #eeffff;
}

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

.bg-lightslategray-2 {
  background-color: #EBF3F6;
}

.bg-lightorange {
  background-color: #F5E7DC;
}

.bg-lightorange-2 {
  background-color: #FDFFF2;
}

.body-bg-color {
  background-color: #FFEFEF;
}

.bg-theme-color {
  background-color: #fc4f4f;
}

.background-rgb-1 {
  background-color: rgba(20, 20, 20, 0.4);
}

.default-overlay,
.default-overlay-2 {
  position: relative;
}

.default-overlay:before,
.default-overlay-2:before {
  content: "";
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .res-white-overly-xs {
    position: relative;
  }

  .res-white-overly-xs:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    opacity: .5;
    z-index: 9;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .res-white-overly-md {
    position: relative;
  }

  .res-white-overly-md:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    opacity: .5;
    z-index: 1;
  }
}

.padding-60-row-col .row {
  margin-right: -30px;
  margin-left: -30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .padding-60-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-60-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .padding-60-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (max-width: 767px) {
  .padding-60-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.padding-60-row-col .row div[class^="col-"] {
  padding-left: 30px;
  padding-right: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .padding-60-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-60-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .padding-60-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .padding-60-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.padding-70-row-col .row {
  margin-right: -35px;
  margin-left: -35px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .padding-70-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-70-row-col .row {
    margin-right: -20px;
    margin-left: -20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .padding-70-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (max-width: 767px) {
  .padding-70-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.padding-70-row-col .row div[class^="col-"] {
  padding-left: 35px;
  padding-right: 35px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .padding-70-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-70-row-col .row div[class^="col-"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .padding-70-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .padding-70-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.custom-d-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.height-100-percent {
  height: 100%;
}

.width-100-percent {
  width: 100%;
}

.product-details-area {
  border-bottom: 1px solid rgba(174, 174, 174, 0.3);
  padding-bottom: 60px;
  margin-bottom: 50px;
}

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

.choose-area .section-padding-1 .container-fluid {
  padding: 0 80px;
  margin: 50px 0 20px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-1 .container-fluid {
    padding: 0 40px;
  }
}

@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 .container-fluid {
  padding: 0 160px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-2 .container-fluid {
    padding: 0 40px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-2 .container-fluid {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-2 .container-fluid {
    padding: 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-2 .container-fluid {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-2 .container-fluid {
    padding: 0 15px;
  }
}

.section-padding-3 .container-fluid {
  padding: 0 250px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-3 .container-fluid {
    padding: 0 40px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-3 .container-fluid {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-3 .container-fluid {
    padding: 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-3 .container-fluid {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-3 .container-fluid {
    padding: 0 15px;
  }
}

.section-padding-4 .container-fluid {
  padding: 0 230px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-4 .container-fluid {
    padding: 0 40px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-4 .container-fluid {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-4 .container-fluid {
    padding: 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-4 .container-fluid {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-4 .container-fluid {
    padding: 0 15px;
  }
}

.section-padding-5 .container-fluid {
  padding: 0 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-5 .container-fluid {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-5 .container-fluid {
    padding: 0 15px;
  }
}

.section-padding-6 .container-fluid {
  padding: 0 90px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-6 .container-fluid {
    padding: 0 40px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-6 .container-fluid {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-6 .container-fluid {
    padding: 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-6 .container-fluid {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-6 .container-fluid {
    padding: 0 15px;
  }
}

.section-padding-7 .container-fluid {
  padding: 0 265px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-7 .container-fluid {
    padding: 0 40px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-7 .container-fluid {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-7 .container-fluid {
    padding: 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-7 .container-fluid {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-7 .container-fluid {
    padding: 0 15px;
  }
}

.section-padding-8 .container-fluid {
  padding: 0 190px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-8 .container-fluid {
    padding: 0 40px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-8 .container-fluid {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-8 .container-fluid {
    padding: 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-8 .container-fluid {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-8 .container-fluid {
    padding: 0 15px;
  }
}

.btn-more-container {
  margin: 20px 0 0;
}

.btn-style-1 a {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.btn-style-1 a.btn-border {
  border: 1px solid #E5E5E5;
}

.btn-style-1 a.btn-border-white {
  border: 2px solid #fff;
  -webkit-transition-delay: .15s;
  -o-transition-delay: .15s;
  transition-delay: .15s;
}

.btn-style-1 a.btn-border-black {
  border: 2px solid #262626;
  -webkit-transition-delay: .15s;
  -o-transition-delay: .15s;
  transition-delay: .15s;
}

.btn-style-1 a.btn-border-black2 {
  border: 1px solid #262626;
}

.btn-style-1 a .btn-viewmore-common span {
  font-size: 14px;
  font-weight: 400;
  display: block;
  line-height: 1;
}

.btn-style-1 a .btn-viewmore-common.btn-font-2 span {
  font-size: 12px;
  font-weight: 600;
}

.btn-style-1 a .btn-viewmore-common.btn-letter-sp span {
  letter-spacing: 2px;
}

.btn-style-1 a .btn-viewmore-common.btn-font-3 span {
  font-size: 16px;
}

.btn-style-1 a .btn-viewmore-common.btn-font-4 span {
  font-size: 14px;
  font-weight: 700;
}

.btn-style-1 a .btn-viewmore-normal {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88);
  -o-transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88);
  transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88);
}

.btn-style-1 a .btn-viewmore-normal span {
  color: #262626;
}

.btn-style-1 a .btn-viewmore-normal.btn-color-white span {
  color: #fff;
}

.btn-style-1 a .btn-ptb-1 {
  padding: 17px 35px 18px;
}

.btn-style-1 a .btn-ptb-1.btn-ptb-inc {
  padding: 21px 40px 23px;
}

@media only screen and (max-width: 767px) {
  .btn-style-1 a .btn-ptb-1 {
    padding: 13px 32px 15px;
  }
}

.btn-style-1 a .btn-ptb-2 {
  padding: 22px 50px 22px;
}

@media only screen and (max-width: 767px) {
  .btn-style-1 a .btn-ptb-2 {
    padding: 14px 30px 14px;
  }
}

.btn-style-1 a .btn-ptb-3 {
  padding: 22px 36px 22px;
}

@media only screen and (max-width: 767px) {
  .btn-style-1 a .btn-ptb-3 {
    padding: 14px 30px 14px;
  }
}

.btn-style-1 a .btn-viewmore-bg-transparent {
  background-color: transparent;
}

.btn-style-1 a .btn-viewmore-bg-black {
  background-color: #262626;
}

.btn-style-1 a .btn-viewmore-bg-black span {
  color: #fff;
}

.btn-style-1 a .btn-viewmore-bg-white {
  background-color: #fff;
}

.btn-style-1 a .btn-viewmore-bg-white span {
  color: #262626;
}

.btn-style-1 a .btn-viewmore-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 4;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88);
  -o-transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88);
  transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88);
}

.btn-style-1 a .btn-viewmore-hover span {
  color: #fff;
}

.btn-style-1 a .btn-viewmore-hover .btn-ptb-1 {
  padding: 24px 40px 27px;
}

.btn-style-1 a .btn-viewmore-hover .btn-ptb-1.btn-ptb-inc {
  padding: 21px 40px 23px;
}

.btn-style-1 a .btn-viewmore-hover .btn-ptb-2 {
  padding: 22px 50px 22px;
}

.btn-style-1 a:hover .btn-viewmore-normal {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.btn-style-1 a:hover .btn-viewmore-hover {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  background-color: #67a8a7;
}

.btn-style-1 a:hover .btn-viewmore-hover.btn-hover-transition {
  -webkit-transition-delay: .15s;
  -o-transition-delay: .15s;
  transition-delay: .15s;
}

.btn-style-1 a:hover .btn-viewmore-hover.btn-hover-black {
  background-color: #262626;
}

.btn-style-1 a:hover.btn-border-white {
  border: 2px solid #fc4f4f;
}

.btn-style-1 a:hover.btn-border-black {
  border: 2px solid #fc4f4f;
}

.btn-style-1 a:hover.btn-border-black2 {
  border: 1px solid #fc4f4f;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .border-bottom-md {
    border-bottom: 1px solid #eee;
  }
}

@media only screen and (max-width: 767px) {
  .border-bottom-md {
    border-bottom: 1px solid #eee;
  }
}

.custom-relative {
  position: relative;
}

.wc-notices {
  transition: opacity 0.5s ease-out;
}

/*-------- 2. Header style ---------*/
.header-area {
  display: block;
  /* background: #262626; */
  background: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: transform 0.4s ease, opacity 0.4s ease;
  transform: translateY(0);
  z-index: 3;
}

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

@media only screen and (max-width: 767px) {
  .header-area {
    display: none;
  }
}

.logo-width a img {
  /* width: 150px; */
  width: 110px;
  transition: width 0.3s ease;
}

@media only screen and (max-width: 1199px) {
  .logo-width a img {
    width: 90px;
  }
}

.logo-width-2 a img {
  width: 117px;
}

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

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

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu>nav>ul>li {
    padding: 0 10px;
  }
}

.main-menu>nav>ul>li>a {
  display: inline-block;
  text-transform: uppercase;
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  color: #262626;
  /* color: #fff; */
}

.main-menu>nav>ul>li>a::after {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 2.5em;
  bottom: 0;
  width: 20%;
  height: 2px;
  background-color: #67a8a7;
  content: "";
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.main-menu>nav>ul>li>a.active::after {
  width: calc(100%);
  opacity: 1;
}

.main-menu>nav>ul>li>a i {
  font-size: 12px;
  margin-left: 5px;
  display: inline-block;
  color: #262626;
  /* color: #fff; */
  font-weight: 600;
}

.main-menu>nav>ul>li>ul {
  -webkit-box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
  background-color: #262626;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transition: margin .1s linear .3s, visibility .1s linear .3s, opacity .1s linear .3s;
  -o-transition: margin .1s linear .3s, visibility .1s linear .3s, opacity .1s linear .3s;
  transition: margin .1s linear .3s, visibility .1s linear .3s, opacity .1s linear .3s;
  opacity: 0;
  visibility: hidden;
  margin-top: 20px;
  z-index: 999;
}

.main-menu>nav>ul>li>ul.sub-menu-width {
  width: 220px;
  padding: 39px 0 43px;
}

.main-menu>nav>ul>li>ul.main-category.sub-menu-width {
  width: 250px;
  /* visibility: visible !important;
  opacity: 1 !important; */
}

.main-menu>nav>ul>li>ul.sub-menu-width li {
  display: block;
  padding: 0 15px 14px 30px;
  position: relative;
}

.main-menu>nav>ul>li>ul.sub-menu-width li:last-child {
  padding-bottom: 0;
}

.main-menu>nav>ul>li>ul.sub-menu-width li a {
  display: block;
  color: #D0D0D0;
  /* font-size: 12px; */
  font-size: 14px;
  font-weight: 300;
}

.main-menu>nav>ul>li>ul.sub-menu-width li a i {
  float: right;
  font-size: 12px;
  color: #999;
  font-weight: 600;
  position: relative;
  top: 6px;
}

.main-menu>nav>ul>li>ul.sub-menu-width li a:hover {
  color: #fc4f4f;
  color: #fff;
  text-decoration: underline;
}

.main-menu>nav>ul>li>ul.main-category.sub-menu-width li a:hover .fa {
  color: #fff;
}

.main-menu>nav>ul>li>ul.sub-menu-width li ul.lavel-menu {
  padding: 36px 0px 40px;
  width: 220px;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  -webkit-box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
  background-color: #262626;
  position: absolute;
  top: -17px;
  left: 100%;
  margin: 0;
  visibility: hidden;
  opacity: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu>nav>ul>li>ul.sub-menu-width li ul.lavel-menu {
    width: 180px;
  }
}

.main-menu>nav>ul>li>ul.sub-menu-width li:hover>ul.lavel-menu {
  visibility: visible;
  opacity: 1;
}

.main-menu>nav>ul>li>.mega-menu-width2 {
  width: 1170px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu>nav>ul>li>.mega-menu-width2 {
    width: 950px;
  }
}

.main-menu>nav>ul>li>.menu-negative-mrg1 {
  left: -550px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu>nav>ul>li>.menu-negative-mrg1 {
    left: -505px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu>nav>ul>li>.menu-negative-mrg1 {
    left: -445px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu>nav>ul>li>.menu-negative-mrg1 {
    left: -350px;
  }
}

.main-menu>nav>ul>li:hover>a::after {
  width: calc(100%);
  opacity: 1;
}


.main-menu>nav>ul>li:hover>ul {
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
}


.main-menu.main-menu-padding-1>nav>ul>li {
  padding: 0 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu.main-menu-padding-1>nav>ul>li {
    padding: 0 5px;
  }
}


.main-menu.menu-lh-1>nav>ul>li>a {
  /* line-height: 120px; */
  line-height: 90px;
}

.main-menu.menu-lh-1>nav>ul>li>a:hover {
  color: #67a8a7;
}

.main-menu.menu-lh-1>nav>ul>li>a:hover i {
  color: #67a8a7 !important;
}

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

.main-menu.main-menu-white>nav>ul>li>a i {
  color: #fff;
}

.main-menu.main-menu-light-black>nav>ul>li>a {
  color: #535353;
}

.main-menu.main-menu-light-black>nav>ul>li>a i {
  color: #535353;
}

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


.main-menu.menu-fw-400>nav>ul>li>a {
  font-weight: 400;
}


.fixed-header {
  background: #262626 !important;
  /* Фон для фіксованої шапки */
}

.fixed-header .main-menu>nav>ul>li>a,
.fixed-header .main-menu>nav>ul>li>a i {
  color: #fff !important;
  /* Зміна кольору тексту та іконок у меню */
}

.fixed-header .header-right-wrap .same-style a {
  color: #fff !important;
  /* Зміна кольору тексту для елементів справа у шапці */
}

/* Загальні стилі */
.container-dropdown {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px 5px 35px;
}

.container-dropdown .nav-tabs.vertical {
  /* margin-bottom: 20px; */
  margin: 10px;
  width: 30%;
  border: none;
}

.tab-pane.frontpage-tab-container {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  /* Плавний перехід */
  pointer-events: none;
  /* Забороняє взаємодію, поки блок прихований */
}

.tab-pane.frontpage-tab-container.hidden {
  opacity: 0;
  height: 0;
  /* Сховати блок після зникнення */
  overflow: hidden;
}

.tab-pane.frontpage-tab-container.active {
  opacity: 1;
  pointer-events: auto;
  /* Дозволяє взаємодію, коли блок активний */
  transition: opacity 0.5s ease-in-out;
  /* Плавний перехід для появи */
  height: auto;
}

.tab-content.vertical .tab-pane {
  flex: 1;
  padding: 20px;
  display: none;
}

.tab-content.vertical .tab-pane.active {
  display: block;
}

.tab-content.vertical .tab-pane .tab-pane-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tab-content.vertical .tab-pane .tab-pane-footer {
  padding: 30px 0 0;
}

.tab-content.vertical .tab-pane .tab-pane-footer .btn-style-1 a .btn-viewmore-bg-transparent,
.tab-content.vertical .tab-pane .tab-pane-footer .btn-style-1 a .btn-viewmore-hover {
  padding: 15px 40px 15px;
}

.tab-content.vertical .tab-pane .tab-pane-footer .btn-style-1 a .btn-viewmore-bg-transparent span {
  color: #fff;
}

.container-dropdown .nav-tabs.vertical .nav-item {
  width: 100%;
  text-align: center;
  border: none;
  margin: 0;
}

.nav-tabs.vertical .nav-link {
  border: none;
  margin: 5px 0;
  color: #fff;
  font-size: 16px;
  padding: 15px 10px 15px 25px;
  position: relative;
  text-align: justify;
}

.container-dropdown .nav-tabs.vertical .nav-link::after {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 2.5em;
  bottom: 0;
  width: 20%;
  height: 2px;
  background-color: #67a8a7;
  content: "";
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.container-dropdown .nav-tabs.vertical .nav-item:hover>.nav-link::after {
  width: calc(100%);
  opacity: 1;
}

.nav-tabs.vertical .nav-link i {
  font-size: 12px;
  margin-left: 25px;
  display: inline-block;
  color: #262626;
  color: #fff;
  font-weight: 600;
}

/* .nav-tabs.vertical .nav-link:before {
                    position: absolute;
                    content: "";
                    width: 25px;
                    height: 2px;
                    background: rgba(255, 255, 255, 0.2);
                    bottom: -2px;
                } */


.nav-tabs.vertical .nav-link.active {
  color: #fff;
  background-color: transparent;
}

.container-dropdown .nav-tabs.vertical .nav-link.active::after {
  width: calc(100%);
  opacity: 1;
}

.tab-content.vertical {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 60%;
  padding-left: 20px;
  margin: 15px 0px 15px 5px;
  border-left: solid 1px #67a8a7;
}

.tab-content.vertical .tab-pane .tab-subcategories {
  width: 50%;
  max-height: 55vh;
  overflow-y: auto;
}

/* width */
::-webkit-scrollbar {
  width: 2px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}


.tab-content.vertical .tab-pane .tab-subcategories ul li {
  /* margin: 7px 3px; */
  margin: 2px 4px;
}

.tab-content.vertical .tab-pane .tab-subcategories ul li a {
  color: #D0D0D0;
  font-size: 13px;
  display: block;
  padding: 4px 30px;
  position: relative;
  /* text-align: center; */
}

.tab-content.vertical .tab-pane .tab-subcategories ul li a.subcategory {
  padding: 8px 26px;
  font-size: 14px;
}

.tab-content.vertical .tab-pane .tab-subcategories ul li a.subcategory::before {
  position: absolute;
  content: "";
  width: 25px;
  height: 2px;
  background: rgba(255, 255, 255, 0.2);
  bottom: -2px;
}

.tab-content.vertical .tab-pane .tab-subcategories ul a:hover {
  color: #67a8a7;
}

.tab-content.vertical .tab-pane .tab-subcategories ul a.subcategory:hover::before {
  background: #67a8a7;
}

.tab-content.vertical .tab-pane .tab-image {
  min-width: 300px;
  width: 30%;
  margin-left: 15px;
}

.tab-content.vertical .tab-pane .tab-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

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

.header-right-wrap.header-flex-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.header-right-wrap .same-style {
  margin-left: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-right-wrap .same-style {
    margin-left: 13px;
  }
}

.header-right-wrap .same-style:first-child {
  margin-left: 0px;
}

.header-right-wrap .same-style a {
  font-size: 25px;
  /* color: #fff; */
  color: #262626;
}

.header-right-wrap .same-style a:hover {
  color: #67a8a7 !important;
}

.header-right-wrap .same-style>span {
  font-size: 12px;
  margin: -9px 0 0;
  display: inline-block;
}

.header-right-wrap .same-style>span i {
  font-size: 20px;
  position: relative;
  top: 5px;
  margin-right: 8px;
}

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

.header-right-wrap .same-style.same-style-white a:hover {
  color: #fc4f4f;
}

.header-right-wrap .same-style.same-style-white>span {
  color: #fff;
}

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

.header-right-wrap .same-style.same-style-font-inc>span i {
  font-size: 22px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-right-wrap .same-style.header-contact {
    display: none;
  }
}

.header-right-wrap .cart-wrap a {
  position: relative;
}

.header-right-wrap .cart-wrap a>span {
  position: absolute;
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  display: block;
  top: -16px;
  right: -10px;
  min-width: 20px;
  text-align: center;
  padding: 0;
  border-radius: 50%;
  /* background-color: #fc4f4f; */
  background-color: #67a8a7;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-right-wrap .cart-wrap a>span {
    right: -2px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-right-wrap.header-right-hm3 .same-style {
    margin-left: 8px;
  }

  .header-right-wrap.header-right-hm3 .same-style:first-child {
    margin-left: 0px;
  }
}

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

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

.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 .3s;
  -o-transition: all .3s;
  transition: all .3s;
  /* color: #232324; */
  color: #fff;
}

.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: #67a8a7;
}

.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 .3s;
  -o-transition: all ease-in-out .3s;
  transition: all ease-in-out .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 20px;
  /* color: #232324; */
  color: #fff;
  font-weight: 300;
}

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

.search-content-wrap .search-content .search-form input {
  width: 800px;
  background-color: transparent;
  border: 0;
  /* border-bottom: 2px solid #232324; */
  border-bottom: 2px solid #fff;
  text-align: center;
  font-size: 30px;
  padding: 21px 50px 21px 36px;
  /* color: #232324; */
  color: #fff;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  font-weight: 300;
  max-width: 100%;
  height: auto;
}

.search-content-wrap .search-content .search-form input::placeholder {
  color: rgb(255 255 255 / 75%);
}

.search-content-wrap .search-content .search-form .button-search {
  position: absolute;
  top: 25px;
  display: block;
  right: 5px;
  border: 0;
  background: 0 0;
  padding: 0;
  /* color: #000; */
  color: #fff;
  font-size: 30px;
  height: 30px;
}

.search-content-wrap .search-content .search-form .button-search:hover {
  /* color: #fc4f4f; */
  color: #67a8a7;
}

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

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

.warning-message-quantity {
  background-color: #ffff0063;
  padding: 6px 12px;
}

.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 (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: 280px;
  }
}

.sidebar-cart-active .sidebar-cart-all {
  height: 100%;
}

.sidebar-cart-active .sidebar-cart-all .cart-close {
  position: absolute;
  top: 48px;
  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: #67a8a7;
}

.sidebar-cart-active .sidebar-cart-all .cart-content {
  height: 100%;
  position: relative;
}

.sidebar-cart-active .sidebar-cart-all .cart-content>h3 {
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 45px;
  color: #2F2F2F;
}

.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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75px;
  -ms-flex: 0 0 75px;
  flex: 0 0 75px;
  height: 70px;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, .1);
}

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

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

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-title h4 {
  font-size: 14px;
  margin: 0 0 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-title h4:hover a {
  color: #67a8a7 !important;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-title span {
  font-size: 14px;
  color: #262626;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-delete {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 100;
  -webkit-flex-grow: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-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;
  text-align: right;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-delete a:hover {
  color: #67a8a7 !important;
}

.sidebar-cart-active .sidebar-cart-all .cart-content .cart-total {
  display: block;
  width: 100%;
  /* margin: 18px 0 43px; */
  margin: 20px 0 25px;
  position: absolute;
  bottom: 130px;
}

.sidebar-cart-active .sidebar-cart-all .cart-content .cart-total h4 {
  font-size: 17px;
  color: #535353;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sidebar-cart-active .sidebar-cart-all .cart-content .cart-total h4 span {
  font-size: 20px;
  font-weight: 500;
  color: #2F2F2F;
}

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

.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: #2F2F2F;
  color: #fff;
  /* text-transform: capitalize; */
  font-size: 14px;
}

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

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

.header-aside-active {
  position: fixed;
  top: 0;
  width: 400px;
  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: #1D1D1D;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09);
  z-index: 9999;
}

@media only screen and (max-width: 767px) {
  .header-aside-active {
    width: 290px;
  }
}

.header-aside-active.header-aside-active-left {
  -webkit-transform: translateX(-410px);
  -ms-transform: translateX(-410px);
  transform: translateX(-410px);
  left: 0;
}

.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: 155px 70px 20px;
  height: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-aside-active .header-aside-wrap {
    padding: 155px 50px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .header-aside-active .header-aside-wrap {
    padding: 60px 20px 20px;
  }
}

.header-aside-active .header-aside-wrap .aside-close {
  position: absolute;
  top: 80px;
  left: 70px;
  font-size: 26px;
  line-height: 30px;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  color: #BDBDBD;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-aside-active .header-aside-wrap .aside-close {
    left: 47px;
  }
}

@media only screen and (max-width: 767px) {
  .header-aside-active .header-aside-wrap .aside-close {
    top: 20px;
    left: 20px;
    font-size: 23px;
  }
}

.header-aside-active .header-aside-wrap .aside-close:hover {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  /* color: #fc4f4f; */
  color: #67a8a7;

}

.header-aside-active .header-aside-wrap .header-aside-content {
  overflow: auto;
  height: 100%;
}

.header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area {
    display: block;
  }
}

.header-aside-active .header-aside-wrap .header-aside-content .mobile-search {
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  margin-bottom: 20px;
  padding-bottom: 25px;
  margin-right: 15px;
}

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

.header-aside-active .header-aside-wrap .header-aside-content .mobile-search form input {
  background-color: rgba(255, 255, 255, 0.05);
  border: none;
  border-radius: 0px;
  height: 50px;
  padding: 0 60px 0 15px;
  width: 100%;
  font-size: 14px;
  color: #BDBDBD;
}

.header-aside-active .header-aside-wrap .header-aside-content .mobile-search form button {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.09);
  -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: #BDBDBD;
  font-size: 15px;
  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) {
  .header-aside-active .header-aside-wrap .header-aside-content .mobile-search form button {
    font-size: 16px;
  }
}

.header-aside-active .header-aside-wrap .header-aside-content .mobile-search form button:hover {
  color: #67a8a7;
}

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

.header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-menu-wrap {
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  margin: 18px 15px 18px 0;
  padding: 14px 0;
}

.header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-menu-wrap .mobile-navigation nav {
  height: 100%;
}

.header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-menu-wrap .mobile-navigation nav .mobile-menu li {
  display: block;
  position: relative;
}

.header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand {
  line-height: 50;
  top: 15px;
  right: 10px;
  /* width: 30px; */
  /* width: 35px; */
  position: absolute;
  /* height: 50px; */
  text-align: center;
  cursor: pointer;
}

.header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand i {
  display: block;
  position: relative;
  width: 10px;
  margin: 5px;
  /* margin-left: 10px; */
  /* margin-top: 25px; */
  border-bottom: 1px solid #BDBDBD;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand i::before {
  top: 0;
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  border-bottom: 1px solid #BDBDBD;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children.active>.menu-expand i::before {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-menu-wrap .mobile-navigation nav .mobile-menu li a {
  font-size: 15px;
  /* text-transform: capitalize; */
  line-height: 18px;
  position: relative;
  display: inline-block;
  padding: 10px 0;
  font-weight: 400;
  color: #BDBDBD;
}

.header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li a {
  padding: 10px 5px 5px 10px;
  font-size: 14px;
  font-weight: 400;
}

.header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li a:hover {
  color: #fc4f4f;
}

.header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li ul li a {
  padding: 10px 10px 5px 20px;
  font-size: 14px;
  font-weight: 300;
}

.header-aside-wrap .header-aside-content a.account-name {
  font-size: 15px;
  /* text-transform: capitalize; */
  /* line-height: 18px; */
  /* padding: 5px 0; */
  display: inline-block;
  margin: 5px 0;
  font-weight: 400;
  color: #BDBDBD;
  /* text-align: center; */
  margin: 5px auto;
  /* width: 100%; */
}

.header-aside-wrap .header-aside-content a.mobile-account {
  font-size: 15px;
  font-weight: 600;
  display: inline-block;
  line-height: 1;
  /* margin: 0px 0px 5px 0; */
  /* padding: 14px 63px 15px 52px; */
  padding: 14px 15px 15px 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  /* text-wrap: nowrap; */
  color: #BDBDBD;
  background-color: rgba(255, 255, 255, 0.05);
  width: 95%;
  text-align: center;
}

.header-aside-wrap .header-aside-content a.mobile-account:hover {
  color: #fff;
  background-color: #67a8a7;
  border: 1px solid #67a8a7;
}

.header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-curr-lang-wrap {
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  margin-bottom: 31px;
  padding-bottom: 37px;
}

@media only screen and (max-width: 767px) {
  .header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-curr-lang-wrap {
    display: block;
  }
}

.header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-curr-lang-wrap .single-mobile-curr-lang {
  position: relative;
  margin-bottom: 15px;
}

.header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-curr-lang-wrap .single-mobile-curr-lang:last-child {
  margin-bottom: 0;
}

.header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-curr-lang-wrap .single-mobile-curr-lang a {
  font-size: 15px;
  display: block;
  color: #BDBDBD;
}

.header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-curr-lang-wrap .single-mobile-curr-lang a i {
  float: right;
  font-size: 14px;
  position: relative;
  top: 5px;
  margin-right: 22px;
}

.header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown {
  margin-top: 5px;
  display: none;
  background-color: rgba(255, 255, 255, 0.05);
  -webkit-box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);
  padding: 22px 30px 26px;
  width: 100%;
  z-index: 11;
}

.header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li {
  padding-bottom: 10px;
}

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

.header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li a {
  font-size: 14px;
  font-weight: 400;
  color: #BDBDBD;
}

.header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li a:hover {
  color: #fc4f4f;
}

.header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-curr-lang-wrap .single-mobile-curr-lang:hover>a {
  color: #fc4f4f;
}

@media only screen and (max-width: 767px) {
  .header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-curr-lang-wrap .single-mobile-curr-lang {
    margin-bottom: 5px;
  }

  .header-aside-active .header-aside-wrap .header-aside-content .mobile-menu-area .mobile-curr-lang-wrap .single-mobile-curr-lang:last-child {
    margin-bottom: 0;
  }
}

.header-aside-active .header-aside-wrap .header-aside-content .header-aside-menu {
  margin: 0 0 71px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-aside-active .header-aside-wrap .header-aside-content .header-aside-menu {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .header-aside-active .header-aside-wrap .header-aside-content .header-aside-menu {
    margin: 0 0 20px;
    display: none;
  }
}

.header-aside-active .header-aside-wrap .header-aside-content .header-aside-menu nav ul li {
  display: block;
}

.header-aside-active .header-aside-wrap .header-aside-content .header-aside-menu nav ul li a {
  font-weight: 500;
  font-size: 18px;
  color: #BDBDBD;
  display: block;
  padding: 0 0 27px;
}

@media only screen and (max-width: 767px) {
  .header-aside-active .header-aside-wrap .header-aside-content .header-aside-menu nav ul li a {
    font-size: 15px;
    padding: 0 0 16px;
  }
}

.header-aside-active .header-aside-wrap .header-aside-content .header-aside-menu nav ul li a:hover {
  color: #fc4f4f;
}

.header-aside-active .header-aside-wrap .header-aside-content .header-aside-menu nav ul li:last-child a {
  padding: 0 0 0px;
}

.header-aside-active .header-aside-wrap .header-aside-content>p {
  line-height: 1.714286;
  color: #BDBDBD;
  margin: 21px 0 0;
}

.header-aside-active .header-aside-wrap .header-aside-content .aside-contact-info {
  margin: 25px 15px 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  padding-bottom: 5px;
}

.header-aside-active .header-aside-wrap .header-aside-content .aside-contact-info ul li {
  display: flex;
}

.header-aside-active .header-aside-wrap .header-aside-content .aside-contact-info ul li a {
  color: #BDBDBD;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 15px;
  font-size: 12px;
  display: block;
}

.header-aside-active .header-aside-wrap .header-aside-content .aside-contact-info ul li:last-child {
  margin: 0 0 0px;
}

.header-aside-active .header-aside-wrap .header-aside-content .aside-contact-info ul li i {
  font-size: 22px;
  margin: 1px 16px 0px 0;
  color: #BDBDBD;
}

.copyright {
  /* border-top: 1px solid rgba(255, 255, 255, 0.09); */
  /* margin-top: 22px; */
  /* padding-top: 18px; */
  margin-top: 5px;
  padding-top: 5px;
}

.copyright p {
  color: #BDBDBD;
  font-size: 12px;
  margin: 0;
}

.copyright p a {
  color: #BDBDBD;
}

.copyright p a:hover {
  color: #67a8a7;
}

/*--------- mobile menu  -----------*/
.header-small-mobile {
  padding: 22px 0;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: none;
  transition: transform 0.4s ease, opacity 0.4s ease;
  transition: transform 0.5s ease-in-out;
  transform: translateY(0);
  z-index: 4;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-small-mobile {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .header-small-mobile {
    display: block;
  }
}


.header-small-mobile .mobile-logo.logo-width a img {
  /* width: 120px; */
  width: 85px;
  transition: transform 0.5s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .header-small-mobile .mobile-logo.logo-width a img {
    width: 70px;
  }
}

.category-menu-active {
  position: fixed;
  top: 0;
  width: 300px;
  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 15px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09);
  z-index: 9999;
  padding: 50px 30px;
  overflow: auto;
}

@media only screen and (max-width: 767px) {
  .category-menu-active {
    width: 290px;
  }
}

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

.category-menu-active>a.category-menu-close {
  font-size: 26px;
  line-height: 30px;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  color: #333;
}

.category-menu-active>a.category-menu-close:hover {
  color: #fc4f4f;
}

.category-menu-active .category-menu-wrap {
  padding-top: 30px;
}


@-webkit-keyframes dropFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes dropFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-sidebar-area {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .header-sidebar-area {
    display: none;
  }
}

.main-container-bg {
  position: relative;
}

.main-container-bg .main-content-img {
  height: 100vh;
  width: 100%;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .main-container-bg .main-content-img {
    background-attachment: fixed;
  }
}

.main-container-bg .main-content-text {
  flex: 0 0 auto;
  width: 100%;
  text-align: center;
  /* margin: 0 20px; */
}

.main-container-bg .main-content-text .main-content-title {
  animation: fadeInDown 2s;
  font-size: 72px;
  font-weight: 700;
  color: #262626;
  margin: 0 0 60px;
  line-height: 70px;
}

@media only screen and (min-width: 1366px) {
  .main-container-bg .main-content-text {
    width: 50%;
    margin: 0 0 0 5%;
  }

  .main-container-bg .main-content-text .main-content-title {
    font-size: 76px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-container-bg .main-content-text {
    width: 50%;
  }

  .main-container-bg .main-content-text .main-content-title {
    font-size: 70px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-container-bg .main-content-text {
    width: 50%;
  }

  .main-container-bg .main-content-text .main-content-title {
    font-size: 64px;
    line-height: 55px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-container-bg .main-content-text .main-content-title {
    font-size: 50px;
    line-height: 40px;
    margin: 0 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .main-container-bg .main-content-text .main-content-title {
    font-size: 35px;
    line-height: 35px;
    margin: 0 0 20px;
  }

  .main-slider-content-11-1 {
    max-width: 300px;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .main-container-bg .main-content-text .main-content-title {
    font-size: 35px;
    line-height: 40px;
    margin: 0 0 30px;
  }
}

.main-container-bg .main-content-text .main-content-button {}

.main-container-bg .main-content-text .main-content-button a {
  display: inline-block;
  line-height: 1;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  color: #fff;
  background-color: #262626;
  text-transform: uppercase;
  padding: 20px 35px 21px;
  animation: fadeInUp 2s;
  color: #262626;
  background-color: transparent;
  border: 2px solid #262626;
  padding: 16px 35px 17px;
}

.main-container-bg .main-content-text .main-content-button a:hover {
  color: #fff;
  background-color: #262626;
  border: 2px solid #262626;
}

.main-container-bg section {
  position: relative;
  width: 100%;
  height: 100%;
}

.main-container-bg section::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 80%;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 80%, rgba(0, 0, 0, .8) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 80%, rgba(0, 0, 0, .8) 100%);
}


.main-container-bg #section10 {
  background: url(https://picsum.photos/1200/800?image=516) center center / cover no-repeat;
}

.main-container-bg .demo a {
  position: absolute;
  bottom: 0px;
  left: 50%;
  z-index: 1;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #535353;
  font: normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}

.main-container-bg .demo a:hover {
  opacity: .5;
}

.main-container-bg #section10 a {
  padding-top: 60px;
}

.main-container-bg #section10 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #535353;
  border-radius: 50px;
  box-sizing: border-box;
}

.main-container-bg #section10 a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #535353;
  border-radius: 100%;
  -webkit-animation: sdb10 2s infinite;
  animation: sdb10 2s infinite;
  box-sizing: border-box;
}

@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-75px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 75px, 0)
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

/*-------- 3. Slider style ---------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area.mt-80 {
    margin-top: 0;
  }

  .slider-area.pt-120 {
    padding-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .slider-area.mt-80 {
    margin-top: 0;
  }

  .slider-area.pt-120 {
    padding-top: 0;
  }
}

.slider-area {
  position: relative;
}

.slider-area img {
  width: 100%;
}

.single-full-slider {
  overflow: hidden;
}

.owl-item.active .slider-animated-1 span {
  -webkit-animation-delay: 1.0s;
  animation-delay: 1.0s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.owl-item.active .slider-animated-1 h1 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.owl-item.active .slider-animated-1 h5 {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.owl-item.active .slider-animated-1 a {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.owl-item.active .slider-animated-1 .slider-conten12-animation-1 h1 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.owl-item.active .slider-animated-1 .slider-conten12-animation-1 .slider-btn-2 a {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.owl-item.active .slider-animated-1 .slider-conten12-animation-2 .slider-btn-2 a {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.owl-item.active .slider-animated-1 .slider-bg-text-2-2 h1 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.owl-item.active .slider-animated-1 .main-slider-content-11-1 h1 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}


.owl-item.active .slider-animated-1 .slider-bg-text-10-1 h1 {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.owl-item.active .slider-animated-1 .content-position-hm4-1,
.owl-item.active .slider-animated-1 .slide-pro-price {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.owl-item.active .slider-animated-1 .main-slider-img-hm10-1>img {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.owl-item.active .slider-animated-1 .main-slider-img-hm10-1>.slider-img-hm10-2-position>img {
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.owl-item.active .slider-animated-1 .main-slider-img-hm10-3>img {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}


.single-main-slider {
  position: relative;
  overflow: hidden;
}

.slider-btn-2 a {
  display: inline-block;
  line-height: 1;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  color: #fff;
  background-color: #262626;
  text-transform: uppercase;
  padding: 20px 35px 21px;
}

@media only screen and (max-width: 767px) {
  .slider-btn-2 a {
    padding: 12px 15px 13px;
  }
}

.slider-btn-2 a:hover {
  background-color: #fc4f4f;
}

.slider-btn-2.slider-btn-2-white a {
  color: #262626;
  background-color: #fff;
}

.slider-btn-2.slider-btn-2-white a:hover {
  background-color: #fc4f4f;
  color: #fff;
}

.slider-btn-2.slider-btn-2-border-white a {
  /* color: #fff; */
  color: #262626;
  background-color: transparent;
  /* border: 2px solid #fff; */
  border: 2px solid #262626;
  padding: 16px 35px 17px;
}

@media only screen and (max-width: 767px) {
  .slider-btn-2.slider-btn-2-border-white a {
    padding: 12px 18px 13px;
  }
}

.slider-btn-2.slider-btn-2-border-white a:hover {
  /* background-color: #fc4f4f;
  color: #fff;
  border: 2px solid #fc4f4f; */
  color: #fff;
  background-color: #262626;
  border: 2px solid #262626;
}

.slider-btn-2.slider-btn-2-border-black a {
  color: #262626;
  background-color: transparent;
  border: 2px solid #262626;
  padding: 16px 35px 17px;
}

@media only screen and (max-width: 767px) {
  .slider-btn-2.slider-btn-2-border-black a {
    padding: 12px 18px 13px;
  }
}

.slider-btn-2.slider-btn-2-border-black a:hover {
  background-color: #fc4f4f;
  color: #fff;
  border: 2px solid #fc4f4f;
}

.slider-height-hm11 {
  /* height: 773px; */
  /* height: calc(100vh - 120px); */
  height: 100vh;
}

.main-slider-content-11-1 h1 {
  /* font-size: 79px; */
  font-size: 70px;
  font-weight: 700;
  /* color: #fff; */
  color: #262626;
  margin: 0 0 53px;
  line-height: 70px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-slider-content-11-1 h1 {
    font-size: 76px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-slider-content-11-1 h1 {
    font-size: 70px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-slider-content-11-1 h1 {
    font-size: 64px;
    line-height: 55px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-slider-content-11-1 h1 {
    font-size: 50px;
    line-height: 40px;
    margin: 0 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .main-slider-content-11-1 h1 {
    font-size: 35px;
    line-height: 35px;
    margin: 0 0 20px;
  }

  .main-slider-content-11-1 {
    max-width: 300px;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .main-slider-content-11-1 h1 {
    font-size: 35px;
    line-height: 40px;
    margin: 0 0 30px;
  }
}

.slider-dot-style-2.slider-dot-position-3 .owl-dots {
  position: absolute;
  right: 0px;
  left: 0;
  text-align: center;
  bottom: 70px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-dot-style-2.slider-dot-position-3 .owl-dots {
    bottom: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-dot-style-2.slider-dot-position-3 .owl-dots {
    bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-dot-style-2.slider-dot-position-3 .owl-dots {
    bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-dot-style-2.slider-dot-position-3 .owl-dots {
    bottom: 30px;
  }
}

.slider-dot-style-2 .owl-dots .owl-dot {
  background: rgba(0, 0, 0, 0.22);
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: inline-block;
  margin: 0 5px;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  position: relative;
}

.slider-dot-style-2 .owl-dots .owl-dot.active,
.slider-dot-style-2 .owl-dots .owl-dot:hover {
  background: rgba(0, 0, 0, 0.83);
}

.slider-dot-style-2 .owl-dots .owl-dot:before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -40px;
  width: 33px;
  height: 20px;
  line-height: 18px;
  background-color: #fff;
  color: #262626;
  font-size: 12px;
  font-weight: 600;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  opacity: 0;
  visibility: hidden;
}

.slider-dot-style-2 .owl-dots .owl-dot::after {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 9px solid #fff;
  position: absolute;
  content: "";
  top: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  opacity: 0;
  visibility: hidden;
}

.slider-dot-style-2 .owl-dots .owl-dot:nth-child(1):before {
  /* content: "01"; */
  display: none;
}

.slider-dot-style-2 .owl-dots .owl-dot:nth-child(2):before {
  /* content: "02"; */
  display: none;
}

.slider-dot-style-2 .owl-dots .owl-dot:nth-child(3):before {
  /* content: "03"; */
  display: none;
}

.slider-dot-style-2 .owl-dots .owl-dot:hover:before,
.slider-dot-style-2 .owl-dots .owl-dot:hover:after {
  /* opacity: 1; */
  /* visibility: visible; */
  display: none;
}


/*-------- 4. Section title style ---------*/

.section-title-6 h2 {
  font-size: 32px;
  line-height: 23px;
  margin: 0 0 0px;
}

@media only screen and (max-width: 767px) {
  .section-title-6.mb-50 {
    margin-bottom: 20px;
  }
}

.section-title-9 h2 {
  font-size: 46px;
  margin: 0 0 0px;
  line-height: 37px;
}

@media only screen and (max-width: 767px) {
  .section-title-9 h2 {
    font-size: 28px;
    line-height: 25px;
  }
}

.section-title-9 p {
  color: #777;
  font-size: 16px;
  margin: 25px 0 0;
}

@media only screen and (max-width: 767px) {
  .section-title-9.mb-50 {
    margin-bottom: 30px;
  }

  .section-title-9.mb-60 {
    margin-bottom: 30px;
  }
}

.section-title-12 h2 {
  font-size: 36px;
  text-transform: uppercase;
  position: relative;
  padding: 0 0 27px;
  line-height: 26px;
}

@media only screen and (max-width: 767px) {
  .section-title-12 h2 {
    font-size: 23px;
    padding: 0 0 10px;
  }
}

.section-title-12 h2::before {
  position: absolute;
  left: 0;
  right: 0;
  width: 80px;
  height: 2px;
  margin: 0 auto;
  content: "";
  background-color: #A8D1DD;
  bottom: 0;
  text-transform: uppercase;
}

.section-title-12 p {
  line-height: 2.4em;
  font-size: 12px;
  color: #777;
  margin: 15px 0 0;
}

@media only screen and (max-width: 767px) {
  .section-title-12 p {
    line-height: 1.7em;
  }
}

.section-title-12.title-12-white h2 {
  color: #fff;
}

.section-title-12.title-12-white h2::before {
  background-color: #6ec1e4;
}

.section-title-12.title-12-white p {
  color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-12.mb-65 {
    margin-bottom: 45px;
  }

  .section-title-12.mb-60 {
    margin-bottom: 40px;
  }

  .section-title-12.mb-70 {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-12.mb-65 {
    margin-bottom: 30px;
  }

  .section-title-12.mb-60 {
    margin-bottom: 25px;
  }

  .section-title-12.mb-70 {
    margin-bottom: 30px;
  }
}

.section-title-13 h2 {
  font-size: 36px;
  font-family: "Alegreya", serif;
  margin: 0;
  line-height: 30px;
  position: relative;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .section-title-13 h2 {
    font-size: 25px;
    line-height: 25px;
  }
}

.section-title-13 h2:before {
  position: absolute;
  right: -110px;
  top: 19px;
  content: "";
  background-color: #2F2F2F;
  width: 80px;
  height: 2px;
}

@media only screen and (max-width: 767px) {
  .section-title-13 h2:before {
    right: -70px;
    top: 14px;
    width: 50px;
  }
}

.section-title-13.section-title-13-after h2:after {
  position: absolute;
  left: -110px;
  top: 19px;
  content: "";
  background-color: #2F2F2F;
  width: 80px;
  height: 2px;
}

@media only screen and (max-width: 767px) {
  .section-title-13.section-title-13-after h2:after {
    left: -70px;
    top: 14px;
    width: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-13.mb-55 {
    margin-bottom: 35px;
  }

  .section-title-13.mb-60 {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-13.mb-55 {
    margin-bottom: 25px;
  }

  .section-title-13.mb-60 {
    margin-bottom: 40px;
  }
}

/*-------- 5. Product style ---------*/

#product-container {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 !important;
}

.tab-pane .row .new-col {
  padding: 38px 10px 7px;
  margin: 5px;
  border-radius: 7px;
  position: relative;
  overflow: hidden;
}

.new-col.aplus-bg-color {
  background-color: #67a8a73b;
  border-radius: 10px;
}

@media (min-width: 576px) {
  .tab-pane .row .new-col {
    max-width: calc(50% - 12px);
  }
}

@media (min-width: 768px) {
  .tab-pane .row .new-col {
    max-width: calc(50% - 12px);
  }
}

@media (min-width: 992px) {
  .tab-pane .row .new-col {
    max-width: calc(33.33333333% - 12px);
  }
}


@media (min-width: 1200px) {
  .tab-pane .row .new-col {
    max-width: calc(25% - 12px);
  }
}

.product-wrap {
  position: relative;
}

.product-wrap .product-tags {
  position: absolute;
  top: -10px;
  left: -10px;
  display: flex;
  z-index: 2;
  /* padding: 5px; */
}

.product-wrap .product-tags .tag {
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
  padding: 5px 10px;
  background-color: #67a8a7;
  border: none;
  font-weight: bold;
  line-height: 1;
  margin: 0 2px;

}

.product-wrap .product-tags .tag:hover {
  background-color: #262626;
}

.product-wrap .product-img {
  position: relative;
  overflow: hidden;
  z-index: 1;
  height: 275px;

}

.owl-item .product-wrap .product-img {
  margin: 25px 0;
}

.product-wrap .product-img>a img {
  width: 100%;
  object-fit: contain;
  height: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap .product-img {
    height: 250px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-wrap .product-img {
    height: 225px;
  }
}

.product-wrap .product-img>a img.hover-img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
  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);
}

.product-wrap .product-img>a>span {
  display: inline-block;
  color: #fff;
  text-align: center;
  position: absolute;
  text-transform: uppercase;
  font-size: 10px;
  z-index: 1;
}

.product-action-new {
  transition: all .45s ease-in-out 0s;
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  width: min-content;
  margin: 0 auto;
}

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

.product-action-new .quick-view {
  background-color: #232323;
  color: #fff;
  font-size: 14px;
  width: 130px;
  height: 44px;
  margin-top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border: 2px solid #232323;
  transition: all .3s ease-in-out 0s;
}

.product-action-new .quick-view span {
  color: #fff;
  font-size: 14px;
  line-height: 1;
}

.product-action-new .quick-view:hover {
  color: #232323;
  background-color: transparent;
}

.product-action-new .quick-view:hover span {
  color: #232323;
}

.product-wrap .product-img .product-action-position-1 {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99;
}

.product-wrap .product-img .product-action-position-1 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-action-position-1 .yith-wcwl-add-button a {
  position: relative;
}

.product-action-position-1 .yith-wcwl-add-button a i {
  display: flex;
  justify-content: center;
  line-height: 17px !important;
}

.product-action-position-1 .yith-wcwl-add-to-wishlist {
  height: 56px;
}

.product-action-position-1 .yith-wcwl-add-button a span {
  display: none;
}

.product-action-position-1 .yith-wcwl-add-to-wishlist div {
  position: relative;
}

.product-action-position-1 .yith-wcwl-add-to-wishlist div .feedback {
  position: absolute;
  z-index: 1;
  top: 30%;
  right: 26%;
  font-size: 18px;
}

.product-wrap .product-img .product-action a {
  background-color: white;
  border-radius: 50px;
  color: #262626;
  display: inline-block;
  font-size: 18px;
  height: 46px;
  opacity: 0;
  -webkit-transform: translate(50px, 0);
  -ms-transform: translate(50px, 0);
  transform: translate(50px, 0);
  margin: 5px;
  position: relative;
  text-align: center;
  visibility: hidden;
  width: 46px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap .product-img .product-action a {
    margin: 2px 2px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-wrap .product-img .product-action a {
    margin: 5px 3px;
  }
}

.product-wrap .product-img .product-action a i {
  line-height: 46px;
}

.product-wrap .product-img .product-action a.icon-blod i {
  font-weight: bold;
}

.product-wrap .product-img .product-action a:nth-child(1) {
  -webkit-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  transition-delay: 100ms;
}

.product-wrap .product-img .product-action a:nth-child(2) {
  -webkit-transition-delay: 150ms;
  -o-transition-delay: 150ms;
  transition-delay: 150ms;
}

.product-wrap .product-img .product-action a:nth-child(3) {
  -webkit-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
}

.product-wrap .product-img .product-action a:nth-child(4) {
  -webkit-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
}

.product-wrap .product-img .product-action a>span {
  visibility: hidden;
  position: absolute;
  background-color: #262626;
  text-align: center;
  padding: 6px 12px 8px;
  border-radius: 0px;
  font-size: 10px;
  z-index: 3;
  opacity: 0;
  /* white-space: pre; */
  white-space: nowrap;
  top: -31px;
  left: 50%;
  font-size: 10px;
  display: inline-block;
  line-height: 1;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.product-wrap .product-img .product-action a>span::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #262626 transparent transparent transparent;
  position: absolute;
  content: "";
  bottom: -6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

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

.product-wrap .product-img .product-action a:hover {
  /* background-color: #fc4f4f; */
  background-color: #67a8a7;
  color: #fff;
}



.product-wrap .product-img .product-action.action-inc-width-height a {
  width: 55px;
  height: 55px;
  border-radius: 0px;
}

.product-wrap .product-img .product-action.action-inc-width-height a i {
  line-height: 55px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-wrap .product-img .product-action.action-inc-width-height a {
    width: 45px;
    height: 45px;
  }

  .product-wrap .product-img .product-action.action-inc-width-height a i {
    line-height: 45px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-wrap .product-img .product-action.action-inc-width-height a {
    width: 45px;
    height: 45px;
  }

  .product-wrap .product-img .product-action.action-inc-width-height a i {
    line-height: 45px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .product-img .product-action.action-inc-width-height a {
    width: 45px;
    height: 45px;
  }

  .product-wrap .product-img .product-action.action-inc-width-height a i {
    line-height: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap .product-img .product-action.action-inc-width-height a {
    width: 45px;
    height: 45px;
  }

  .product-wrap .product-img .product-action.action-inc-width-height a i {
    line-height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-img .product-action.action-inc-width-height a {
    width: 42px;
    height: 42px;
  }

  .product-wrap .product-img .product-action.action-inc-width-height a i {
    line-height: 42px;
  }
}

.product-wrap .product-img .product-action.product-action-sky a:hover {
  background-color: #A8D1DD;
}

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

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .product-img.mb-40 {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap .product-img.mb-40 {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-img.mb-40 {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-img.mb-25 {
    margin-bottom: 15px;
  }
}

.product-wrap .product-img.product-img-border {
  border: 1px solid rgba(0, 0, 0, 0.15);
}

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

.product-wrap .product-content-4 h3 {
  font-size: 14px;
  margin: 0 0 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-wrap .product-content-4 h3:hover a {
  color: #67a8a7;
}

.product-wrap .product-content-4 .product-price-3 span {
  font-size: 16px;
  margin: 0 1px;
}

.product-wrap .product-content-4 .product-price-3 span.old-price {
  text-decoration: line-through;
}

.product-wrap .product-content-4.product-content-sky h3 {
  color: #262626;
}

.product-wrap .product-content-4.product-content-sky h3 a {
  color: #262626;
}

.product-wrap .product-content-4.product-content-sky h3 a:hover {
  color: #A8D1DD;
}

.product-wrap:hover .product-action a {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0px, 0);
  -ms-transform: translate(0px, 0);
  transform: translate(0px, 0);
}

.product-wrap:hover .default-overlay::before {
  /* background-color: rgba(24, 24, 24, 0.2); */
  /* opacity: 1; */
  pointer-events: none;
  background-color: #fff;
  opacity: 0.7
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap.mb-60 {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap.mb-60 {
    margin-bottom: 30px;
  }

  .product-wrap.mb-50 {
    margin-bottom: 30px;
  }
}

.product-price span {
  font-size: 14px;
  margin: 0 1px;
}

.product-price span.old-price {
  text-decoration: line-through;
}

.product-price.product-price-red span,
.aplus-product-group .shop-list-content .pro-list-price span {
  /* color: #fc4f4f; */
  color: #67a8a7;
}

.product-price.product-price-red span.old-price {
  color: #262626;
}


.slider-icon {
  position: absolute;
  bottom: 0px;
  z-index: 999;
}

.slider-icon i {
  font-size: 35px;
  width: 55px;
  height: 55px;
  display: inline-block;
  border-radius: 100%;
  line-height: 55px;
  color: #262626;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  cursor: pointer;
  text-align: center;
}

.slider-icon i:hover {
  background-color: #262626;
  color: #fff;
  border: 1px solid black;
}

.slider-icon.slider-next {
  right: calc(50% - 60px);
}

.slider-icon.slider-prev {
  left: calc(50% - 60px);
}

.slider-icon.pro-slider-4 {
  bottom: -85px;
}

@media only screen and (max-width: 767px) {
  .slider-icon.pro-slider-4 {
    bottom: -80px;
  }
}

@media only screen and (max-width: 767px) {
  .product-tab-list-6 {
    justify-content: space-between !important;
    overflow-x: auto;
    width: 100%;
    flex-wrap: nowrap;
  }
}

.product-tab-list-6 a {
  color: #262626;
  font-size: 14px;
  display: inline-block;
  line-height: 1;
  margin: 0px 10px 5px 0;
  padding: 16px 34px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-wrap: nowrap;
  flex: 1 0 auto;
  /* flex: 1 0 auto; */
  text-align: center;
  /* min-width: 15%; */
}

.product-tab-list-6 a:last-child {
  margin: 0 0 5px 0;
}


@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .product-tab-list-6 a {
    padding: 10px 10px;
    margin: 0px 5px 5px 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-tab-list-6 a {
    padding: 10px 10px;
    margin: 0px 5px 5px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-tab-list-6 a {
    padding: 10px 10px;
    margin: 0px 5px 5px 0;
    flex: 1 0 auto;
  }
}

@media only screen and (max-width: 767px) {
  .product-tab-list-6 a {
    padding: 10px 15px;
    margin: 0px 7px 5px 0;
  }
}

.product-tab-list-6 a:hover,
.product-tab-list-6 a.active {
  color: #fff;
  background-color: #67a8a7;
  border: 1px solid #67a8a7;
}

.tab-content.jump-2 .tab-pane {
  display: block;
  -webkit-animation-name: moveUp;
  animation-name: moveUp;
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);
  animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);
  -webkit-animation-play-state: running;
  animation-play-state: running;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.tab-content.jump-2 .tab-pane.active {
  display: block;
  height: auto;
  opacity: 1;
  overflow: visible;
  -webkit-animation-name: moveUp;
  animation-name: moveUp;
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);
  animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.tab-content.jump-3 {
  min-height: 100vh;
  position: relative;
  padding-bottom: 40px;
}

.tab-content.jump-3 .pro-pagination-style {
  position: absolute;
  /* bottom: 0%; */
  bottom: -30px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
}

@media screen and (max-width: 767px) {

  .tab-content.jump-3 .pro-pagination-style {
    padding-bottom: 20px;
  }
}

.tab-content.jump-3 .tab-pane {
  display: block;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.tab-content.jump-3 .tab-pane.active {
  display: block;
  height: auto;
  opacity: 1;
  overflow: visible;
  transition: opacity 2s;
}


/*-------- 8. Footer style ---------*/

.footer-column {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 15px;
  padding-right: 15px;
}

.footer-column.footer-width-26 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 26.036%;
  -ms-flex: 0 0 26.036%;
  flex: 0 0 26.036%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-column.footer-width-26 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333%;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-column.footer-width-26 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

.footer-column.footer-width-15 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 15.423%;
  -ms-flex: 0 0 15.423%;
  flex: 0 0 15.423%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-column.footer-width-15 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333%;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-column.footer-width-15 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

.footer-column.footer-width-17 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 17.164%;
  -ms-flex: 0 0 17.164%;
  flex: 0 0 17.164%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-column.footer-width-17 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333%;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-column.footer-width-17 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

.footer-column.footer-width-25 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25.871%;
  -ms-flex: 0 0 25.871%;
  flex: 0 0 25.871%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-column.footer-width-25 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.667%;
    -ms-flex: 0 0 66.667%;
    flex: 0 0 66.667%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-column.footer-width-25 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

.footer-column.footer-logo-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .footer-column.footer-logo-center {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.footer-column.footer-width-24 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 24.585%;
  -ms-flex: 0 0 24.585%;
  flex: 0 0 24.585%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-column.footer-width-24 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-column.footer-width-24 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-column.footer-width-24 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-column.footer-width-24 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

.footer-column.footer-width-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 12.443%;
  -ms-flex: 0 0 12.443%;
  flex: 0 0 12.443%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-column.footer-width-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-column.footer-width-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-column.footer-width-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-column.footer-width-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

.footer-column.footer-width-24-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 24.627%;
  -ms-flex: 0 0 24.627%;
  flex: 0 0 24.627%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-column.footer-width-24-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-column.footer-width-24-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-column.footer-width-24-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-left: 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-column.footer-width-24-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

.footer-column.footer-width-13 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 13.184%;
  -ms-flex: 0 0 13.184%;
  flex: 0 0 13.184%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-column.footer-width-13 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-column.footer-width-13 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-column.footer-width-13 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-column.footer-width-13 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

.footer-column.footer-width-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 11.94%;
  -ms-flex: 0 0 11.94%;
  flex: 0 0 11.94%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-column.footer-width-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-column.footer-width-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-column.footer-width-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-column.footer-width-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

.footer-column.footer-width-23 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 23.051%;
  -ms-flex: 0 0 23.051%;
  flex: 0 0 23.051%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-column.footer-width-23 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-column.footer-width-23 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-column.footer-width-23 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-column.footer-width-23 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

.footer-column.footer-width-27 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 27.198%;
  -ms-flex: 0 0 27.198%;
  flex: 0 0 27.198%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-column.footer-width-27 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-column.footer-width-27 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-column.footer-width-27 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-column.footer-width-27 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

.footer-column.footer-width-14 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 14.48%;
  -ms-flex: 0 0 14.48%;
  flex: 0 0 14.48%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-column.footer-width-14 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-column.footer-width-14 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-column.footer-width-14 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-column.footer-width-14 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

.footer-column.footer-width-19 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 19.492%;
  -ms-flex: 0 0 19.492%;
  flex: 0 0 19.492%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-column.footer-width-19 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-column.footer-width-19 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-column.footer-width-19 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-column.footer-width-19 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

.footer-column.footer-width-29 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 29%;
  -ms-flex: 0 0 29%;
  flex: 0 0 29%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-column.footer-width-29 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-column.footer-width-29 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-column.footer-width-29 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-column.footer-width-29 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

.footer-column.footer-width-30 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30.467%;
  -ms-flex: 0 0 30.467%;
  flex: 0 0 30.467%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-column.footer-width-30 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-column.footer-width-30 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-column.footer-width-30 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

.footer-column.footer-width-20 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-column.footer-width-20 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-column.footer-width-20 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-column.footer-width-20 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

.footer-column.footer-width-29-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 29.533%;
  -ms-flex: 0 0 29.533%;
  flex: 0 0 29.533%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-column.footer-width-29-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-column.footer-width-29-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-column.footer-width-29-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

.copyright-2 {
  margin-bottom: 27px;
}

.copyright-2 p {
  color: #767676;
  font-size: 12px;
  margin: 0;
}

.copyright-2 p a {
  color: #767676;
}

.copyright-2 p a:hover {
  color: #fc4f4f;
}

.copyright-2.copyright-sky p a {
  color: #767676;
}

.copyright-2.copyright-sky p a:hover {
  color: #6ec1e4;
}

.footer-widget {
  width: 100%;
}

.footer-logo {
  margin-top: -30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .footer-logo {
    margin-top: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-logo {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-logo {
    margin-top: 0px;
  }
}

.footer-info-list h3.footer-title {
  color: #fff;
  font-size: 14px !important;
  text-transform: uppercase;
  margin: 0 0 35px !important;
  line-height: 12px !important;
  font-weight: 500 !important;
}

.footer-column .footer-widget.footer-info-list-2.footer-contect.logo-width a {
  display: block;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .footer-info-list h3.footer-title {
    margin: 0 0 20px;
  }
}

.footer-info-list h3.footer-title.ft-letter-space-inc {
  letter-spacing: 2px;
}

.footer-info-list ul li {
  display: block;
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .footer-info-list ul li {
    margin-bottom: 10px;
  }
}

.footer-info-list ul li:last-child {
  margin-bottom: 0px;
}

.footer-info-list ul li a {
  color: #767676;
  display: block;
}

.footer-info-list ul li a:hover {
  color: #67a8a7 !important;
}

.footer-info-list ul li:hover i.dlicon {
  color: #67a8a7 !important
}

.footer-info-list.fi-sky-color ul li a {
  color: #767676;
}

.footer-info-list.fi-sky-color ul li a:hover {
  color: #6ec1e4;
}

.footer-info-list.footer-list-hm10 h3.footer-title {
  text-transform: capitalize;
  color: #fff;
}

.footer-info-list.footer-list-hm10 ul li {
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .footer-info-list.footer-list-hm10 ul li {
    margin-bottom: 8px;
  }
}

.footer-info-list.footer-list-hm10 ul li a {
  font-size: 12px;
}

.footer-info-list.footer-list-hm10 ul li a:hover {
  color: #fc4f4f;
}

.footer-info-list-2 h3.footer-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 33px;
  line-height: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-info-list-2 h3.footer-title {
    margin: 0 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-info-list-2 h3.footer-title {
    margin: 0 0 20px;
  }
}

.footer-info-list-2 ul li {
  color: #767676;
  font-size: 12px;
  margin: 0 0 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-info-list-2 ul li {
    margin: 0 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-info-list-2 ul li {
    margin: 0 0 5px;
  }
}

.footer-info-list-2 ul li:last-child {
  margin-bottom: 0;
}

.footer-info-list-2 ul li a {
  color: #767676;
  display: block;
  font-size: 12px;
}

.footer-info-list-2 ul li a:hover {
  color: #fc4f4f;
}

.footer-info-list-2 ul li i {
  font-size: 26px;
  position: relative;
  top: 0px;
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  .footer-info-list-2 ul li i {
    font-size: 20px;
    top: 3px;
  }
}

.footer-info-list-2.footer-contect ul li {
  margin: 0 0 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-info-list-2.footer-contect ul li {
    margin: 0 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-info-list-2.footer-contect ul li {
    margin: 0 0 10px;
  }
}

.footer-info-list-2.footer-contect ul li:last-child {
  margin-bottom: 0;
}

.footer-info-list-2.footer-contect.footer-info-font-inc ul {
  margin: 38px 0 0;
}

.footer-info-list-2.footer-contect.footer-info-font-inc ul li {
  font-size: 14px;
  margin: 0 0 16px;
}

.footer-info-list-2.footer-contect.footer-list-hm10 ul li {
  margin: 0 0 20px;
}

@media only screen and (max-width: 767px) {
  .footer-info-list-2.footer-contect.footer-list-hm10 ul li {
    margin: 0 0 14px;
  }
}

.footer-info-list-2.footer-contect.footer-list-hm10 ul li:last-child {
  margin-bottom: 0;
}

.footer-info-list-2.footer-list-hm10 h3.footer-title {
  text-transform: capitalize;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-top.pt-95 {
    padding-top: 65px;
  }

  .footer-top.pb-80 {
    padding-bottom: 34px;
  }

  .footer-top.pb-35 {
    padding-bottom: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .logo-res-center {
    text-align: center;
  }

  .social-icon-center-res {
    text-align: center;
  }

  .footer-top.pb-80 {
    padding-bottom: 40px;
  }

  .footer-top.pb-35 {
    padding-bottom: 0px;
  }

  .footer-top.pb-60 {
    padding-bottom: 10px;
  }

  .res-mrg-xs {
    margin: 10px 0;
  }
}

/*-------- 9. Others style ---------*/
.mfp-bg {
  z-index: 9999;
}

.mfp-wrap {
  z-index: 99999;
}

.support-lists {
  position: fixed;
  top: 70%;
  right: 50px;
  list-style: none;
  width: 60px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.16);
  border-radius: 30px;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  z-index: 99;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .support-lists {
    right: 38px;
    width: 40px;
    top: 75%;
  }
}

@media only screen and (max-width: 767px) {
  .support-lists {
    right: 15px;
    width: 50px;
    top: 75%;
    display: none;
  }
}

.support-lists ul li {
  display: block;
}

.support-lists ul li a {
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  color: #535353;
}

.support-lists ul li a:hover {
  /* color: #fc4f4f; */
  color: #67a8a7;
}

.modal-backdrop.show {
  opacity: .7;
}

.modal-dialog {
  margin: 9% auto 8%;
  max-width: 1133px;
  width: 1133px;
}

@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: 35px 0;
  }
}

.modal-dialog .modal-content {
  border-radius: 0;
}

.modal-dialog .modal-content .modal-header {
  border: none;
  padding: 0;
  right: -13px;
  /* top: -54px; */
  top: -65px;
  position: absolute;
  z-index: 9999;
}

@media only screen and (max-width: 767px) {
  .modal-dialog .modal-content .modal-header {
    right: 0px;
    /* top: -34px; */
    top: -43px;
  }
}

.modal-dialog .modal-content .modal-header .close {
  color: #fff;
  cursor: pointer;
  opacity: 1;
  padding: 0;
  margin: 0;
  width: 54px;
  height: 54px;
  line-height: 57px;
  background-color: #292929;
  border-radius: 100%;
  font-size: 18px;
  text-shadow: none;
  font-weight: 300;
  border: none;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

@media only screen and (max-width: 767px) {
  .modal-dialog .modal-content .modal-header .close {
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 15px;
  }
}

.modal-dialog .modal-content .modal-header .close:hover {
  /* color: #fc4f4f; */
  color: #67a8a7;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.modal-dialog .modal-content .modal-body {
  padding: 0px;
}

.product-details-content {
  padding: 34px 40px 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content {
    padding: 15px 35px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content {
    padding: 20px 35px 35px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content {
    padding: 15px 15px 15px;
  }
}

.product-details-content .pro-dec-next-prev {
  text-align: right;
}

.product-details-content .pro-dec-next-prev a {
  font-size: 20px;
  margin-left: 7px;
}

.product-details-content .pro-dec-next-prev a:first-child {
  margin-left: 0;
}

.product-details-content h2 {
  font-size: 24px;
  margin: 0 0 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content h2 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content h2 {
    font-size: 20px;
  }
}

.product-details-content h2.uppercase {
  text-transform: uppercase;
}

.product-details-content>h3 {
  font-size: 38px;
  margin: 36px 0 32px;
  line-height: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content>h3 {
    margin: 20px 0 18px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content>h3 {
    margin: 10px 0 10px;
    font-size: 30px;
  }
}

.product-details-content .product-details-peragraph p {
  font-size: 14px;
  line-height: 1.714286;
  color: #2F2F2F;
}

.product-details-content .product-details-action-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 32px 0 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 26px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content .product-details-action-wrap {
    margin: 30px 0 30px;
    padding: 10px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .product-details-action-wrap {
    margin: 30px 0 30px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content .product-details-action-wrap {
    margin: 20px 0 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0;
    margin: 25px 0 25px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content .product-details-action-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.product-details-content .product-details-action-wrap .product-details-cart {
  margin: 0 10px 0 10px;
}

@media only screen and (max-width: 767px) {
  .product-details-content .product-details-action-wrap .product-details-cart {
    margin: 0 0px 10px 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content .product-details-action-wrap .product-details-cart {
    margin: 0 26px 0 10px;
  }
}

.product-details-content .product-details-action-wrap .product-details-cart a,
.product-details-content .product-details-action-wrap .product-details-cart button {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  padding: 22px 50px;
  background-color: #262626;
  font-weight: bold;
  line-height: 1;
  border: none;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {

  .product-details-content .product-details-action-wrap .product-details-cart a,
  .product-details-content .product-details-action-wrap .product-details-cart button {
    padding: 22px 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .product-details-content .product-details-action-wrap .product-details-cart a,
  .product-details-content .product-details-action-wrap .product-details-cart button {
    padding: 22px 30px;
  }
}

@media only screen and (max-width: 767px) {

  .product-details-content .product-details-action-wrap .product-details-cart a,
  .product-details-content .product-details-action-wrap .product-details-cart button {
    padding: 14px 16px;
  }

  .product-details-quality .cart-plus-minus {
    /* width: 92px !important; */
  }

  .product-details-quality {
    margin: 0 !important;
  }
}


.product-details-content .product-details-action-wrap .product-details-cart a:hover,
.product-details-content .product-details-action-wrap .product-details-cart button:hover {
  /* background-color: #fc4f4f; */
  background-color: rgb(103, 168, 167);
  border: rgb(103, 168, 167);
}

.product-details-content .product-details-action-wrap .product-details-cart.product-dec-cart-mrg-none {
  margin: 0 10px 0 0px;
}

.product-details-content .product-details-action-wrap .product-details-wishlist a,
.product-details-content .product-details-action-wrap .product-details-compare a {
  display: inline-block;
  font-size: 22px;
  color: #262626;
  background-color: transparent;
  padding: 17px 22px;
}

.product-details-content .product-details-action-wrap .product-details-wishlist a:hover,
.product-details-content .product-details-action-wrap .product-details-compare a:hover {
  /* background-color: #fc4f4f; */
  background-color: #67a8a7;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .product-details-content .product-details-action-wrap .product-details-wishlist.affiliate-res-xs {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content .product-details-action-wrap .product-details-wishlist.affiliate-res-xs {
    margin-bottom: 0px;
  }
}

.product-details-content .product-details-action-wrap .product-details-compare {
  margin-left: 10px;
}

@media only screen and (max-width: 767px) {
  .product-details-content .product-details-action-wrap .product-details-compare.affiliate-res-xs {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content .product-details-action-wrap .product-details-compare.affiliate-res-xs {
    margin-left: 10px;
  }
}

.product-details-content .product-details-info a {
  color: #2F2F2F;
  font-size: 12px;
  margin-right: 16px;
}

.product-details-content .product-details-info a:last-child {
  margin-right: 0;
}

.product-details-content .product-details-info a i {
  font-size: 16px;
  padding-right: 8px;
  position: relative;
  top: 3px;
}

.product-details-content .product-details-info a:hover {
  color: #fc4f4f;
}

.product-details-content .product-details-meta {
  margin: 25px 0 30px;
}

.product-details-content .product-details-meta>span {
  display: block;
  font-size: 14px;
  margin: 0 0 5px;
  font-weight: 600;
  line-height: 20px;
}

.product-details-content .product-details-meta>span a {
  font-weight: 400;
  font-size: 15px;
  margin: 0 2px;
}

.product-details-content .product-details-meta>span p {
  display: inline-block;
  font-weight: 400;
  margin-left: 3px;
}

.product-details-content .product-details-meta>span a:hover {
  color: #67a8a7;
  /* text-decoration: underline; */
}

.product-details-content .product-details-meta>span:last-child {
  margin: 0 0 0px;
}

.product-details-content.p-dec-content-edit {
  padding: 0px 80px 20px 35px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-details-content.p-dec-content-edit {
    padding: 0px 0px 20px 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-details-content.p-dec-content-edit {
    padding: 0px 0px 0px 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content.p-dec-content-edit {
    padding: 0px 0px 0px 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content.p-dec-content-edit {
    padding: 30px 0px 0px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content.p-dec-content-edit {
    padding: 30px 0px 0px 0px;
  }
}

.product-details-content.p-dec-content-edit .product-details-ratting-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 23px 0 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content.p-dec-content-edit .product-details-ratting-wrap {
    margin: 10px 0 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content.p-dec-content-edit .product-details-ratting-wrap {
    margin: 10px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content.p-dec-content-edit .product-details-ratting-wrap {
    margin: 10px 0 0;
  }
}

.product-details-content.p-dec-content-edit .product-details-ratting-wrap .product-details-ratting i {
  color: #d5d6d8;
  font-size: 14px;
  margin-left: 2px;
}

.product-details-content.p-dec-content-edit .product-details-ratting-wrap .product-details-ratting i.yellow {
  color: #f5b223;
}

.product-details-content.p-dec-content-edit .product-details-ratting-wrap a {
  color: #262626;
  font-size: 12px;
  margin-left: 10px;
}

.product-details-content.p-dec-content-edit>h3 {
  margin: 32px 0 32px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content.p-dec-content-edit>h3 {
    margin: 20px 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content.p-dec-content-edit>h3 {
    margin: 20px 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content.p-dec-content-edit>h3 {
    margin: 10px 0 10px;
  }
}

.product-details-content.p-dec-content-edit .product-details-peragraph ul {
  margin: 30px 0 0;
}

@media only screen and (max-width: 767px) {
  .product-details-content.p-dec-content-edit .product-details-peragraph ul {
    margin: 10px 0 0;
  }
}

.product-details-content.p-dec-content-edit .product-details-peragraph ul li {
  font-size: 12px;
  line-height: 1;
  margin: 0 0 29px;
  list-style: inside circle;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content.p-dec-content-edit .product-details-peragraph ul li {
    margin: 0 0 10px;
    line-height: 24px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content.p-dec-content-edit .product-details-peragraph ul li {
    margin: 0 0 10px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content.p-dec-content-edit .product-details-peragraph ul li {
    line-height: 24px;
    margin: 0 0 12px;
  }
}

.product-details-content.p-dec-content-edit .product-details-peragraph ul li:last-child {
  margin: 0 0 0px;
}

.product-details-content.p-dec-content-edit .product-details-action-wrap {
  margin: 50px 0 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content.p-dec-content-edit .product-details-action-wrap {
    margin: 20px 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content.p-dec-content-edit .product-details-action-wrap {
    margin: 20px 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content.p-dec-content-edit .product-details-action-wrap {
    margin: 20px 0 20px;
  }
}

.product-details-content.p-dec-content-edit .product-details-action-wrap.dec-action-border-none {
  border-top: none;
  margin: 0px 0 30px;
  padding: 18px 0 26px;
}

.product-details-content.p-dec-content-edit .product-details-meta {
  margin: 35px 0 35px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content.p-dec-content-edit .product-details-meta {
    margin: 20px 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content.p-dec-content-edit .product-details-meta {
    margin: 20px 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content.p-dec-content-edit .product-details-meta {
    margin: 20px 0 20px;
  }
}

.product-details-content.p-dec-content-edit.p-dec-padding-none {
  padding: 0px 0px 20px 35px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-details-content.p-dec-content-edit.p-dec-padding-none {
    padding: 0px 0px 0px 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-details-content.p-dec-content-edit.p-dec-padding-none {
    padding: 0px 0px 0px 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content.p-dec-content-edit.p-dec-padding-none {
    padding: 0px 0px 0px 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content.p-dec-content-edit.p-dec-padding-none {
    padding: 30px 0px 0px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content.p-dec-content-edit.p-dec-padding-none {
    padding: 30px 0px 0px 0px;
  }
}

.product-details-quality {
  /* margin: 7px 0 0; */
}

/* .product-content-4  .product-details-quality {
  margin: 2px 0 0;
} */

.product-details-quality .cart-plus-minus {
  display: inline-block;
  /* height: 54px; */
  overflow: hidden;
  padding: 0;
  position: relative;
  /* width: 100px; */
  width: 75px;
  text-align: center;
}

.product-details-quality .cart-plus-minus .qtybutton {
  color: #282828;
  cursor: pointer;
  float: inherit;
  font-size: 18px;
  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;
}

.product-details-quality .cart-plus-minus .qtybutton.dec {
  /* height: 54px; */
  top: 17px;
  left: 0px;
  font-weight: 400;
  font-size: 22px;
}


.product-details-quality .cart-plus-minus .qtybutton.inc {
  /* height: 54px; */
  top: 18px;
  right: 0px;
  font-weight: 400;
  font-size: 22px;
}

.product-details-quality .cart-plus-minus input.cart-plus-minus-box {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #282828;
  font-size: 14px;
  /* height: 54px; */
  /* line-height: 54px; */
  margin: 4px 0 0 0;
  padding: 0px;
  text-align: center;
  /* width: 100px; */
  /* width: 95px; */
  font-weight: 600;
}

.product-details-quality.pro-quality-border .cart-plus-minus input {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.product-details-quality.quality-width-cart .cart-plus-minus {
  width: 80px;
}

.product-details-quality.quality-width-cart .cart-plus-minus input {
  width: 80px;
}

.single-choose {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.single-choose .choose-icon {
  margin-right: 36px;
  margin-top: -19px;
  /* width: 30%; */
}

.single-choose .choose-content {
  /* width: 70%; */
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-choose .choose-icon {
    margin-right: 20px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-choose .choose-icon {
    margin-right: 15px;
    margin-top: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-choose .choose-icon {
    margin-right: 15px;
    margin-top: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-choose .choose-icon {
    margin-top: 0px;
  }

  .single-choose {
    justify-content: flex-start;
    margin-left: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .single-choose .choose-icon {
    margin-top: 0px;
    margin-right: 15px;
  }

  .single-choose {
    justify-content: flex-start;
    margin-left: 40px;
  }
}

.single-choose .choose-icon i {
  width: 100px;
  height: 100px;
  line-height: 100px;
  font-size: 50px;
  border-radius: 100%;
  background-color: #a8d1dd;
  color: #262626;
  text-align: center;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-choose .choose-icon i {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-choose .choose-icon i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-choose .choose-icon i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .single-choose .choose-icon i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
  }
}

.single-choose .choose-content h3 {
  color: #fff;
  font-size: 24px;
  margin: 0 0 21px;
  line-height: 1;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-choose .choose-content h3 {
    font-size: 22px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-choose .choose-content h3 {
    font-size: 22px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-choose .choose-content h3 {
    font-size: 20px;
    margin: 0 0 15px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .single-choose .choose-content h3 {
    font-size: 18px;
    margin: 0 0 8px;
    line-height: 32px;
  }
}

.single-choose .choose-content p {
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.714286;
  width: 78%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-choose .choose-content p {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .single-choose .choose-content p {
    width: 100%;
  }
}

.choose-area #jarallax-container-0 div {
  filter: brightness(0.5);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choose-area.pb-100 {
    padding-bottom: 50px;
  }
}

/* Preloader Css */
.preloader {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  margin-top: 0px;
  top: 0px;
  z-index: 99999999;
}

.preloader .loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}

.preloader .loading-center .loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 150px;
  width: 150px;
  margin-top: -75px;
  margin-left: -75px;
}

.preloader .loading-center .loading-center-absolute .object {
  width: 20px;
  height: 20px;
  background-color: #fc4f4f;
  float: left;
  margin-right: 20px;
  margin-top: 65px;
  border-radius: 50% 50% 50% 50%;
}

.preloader .loading-center .loading-center-absolute .object.object_one {
  -webkit-animation: object_one 1.5s infinite;
  animation: object_one 1.5s infinite;
}

.preloader .loading-center .loading-center-absolute .object.object_two {
  -webkit-animation: object_two 1.5s infinite;
  animation: object_two 1.5s infinite;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

.preloader .loading-center .loading-center-absolute .object.object_three {
  -webkit-animation: object_three 1.5s infinite;
  animation: object_three 1.5s infinite;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

@-webkit-keyframes object_one {
  75% {
    -webkit-transform: scale(0);
  }
}

@keyframes object_one {
  75% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
}

@-webkit-keyframes object_two {
  75% {
    -webkit-transform: scale(0);
  }
}

@keyframes object_two {
  75% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
}

@-webkit-keyframes object_three {
  75% {
    -webkit-transform: scale(0);
  }
}

@keyframes object_three {
  75% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
}

/*-------- 11. Service style ---------*/
.service-wrap-3 {
  cursor: pointer;
}

.service-wrap-3:hover i.dlicon {
  background-color: #67a8a7;
  color: #fff;
}

.service-wrap-3:hover .service-content-3 h4 {
  color: #67a8a7;
}

.service-wrap-3 .service-icon-3 {
  margin: 0 0 25px;
}

.service-wrap-3 .service-icon-3 i {
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 30px;
  width: 76px;
  height: 76px;
  line-height: 76px;
  border-radius: 76px;
  text-align: center;
  transition: all 0.3s ease 0s;
}

.service-wrap-3 .service-content-3 h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 17px;
  transition: all 0.3s ease 0s;
}

.service-wrap-3 .service-content-3 p {
  width: 72%;
  margin: 0 auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .service-wrap-3 .service-content-3 p {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-wrap-3 .service-content-3 p {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-wrap-3 .service-content-3 p {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .service-wrap-3 .service-content-3 p {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-area.pb-100 {
    padding-bottom: 50px;
  }
}

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

/*-------- 13. Animation style ---------*/

@-webkit-keyframes lastudioZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes lastudioZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}


@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes moveUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes moveUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/*-------- 14. Banner style ---------*/
.parallax-img {
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
  .parallax-img {
    background-attachment: scroll;
  }
}

.banner-wrap {
  position: relative;
  overflow: hidden;
}

.banner-wrap .banner-img a {
  display: block;
  height: 300px;
}

.banner-wrap .banner-img a img {
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .35s ease 0s;
  -o-transition: all .35s ease 0s;
  transition: all .35s ease 0s;
  height: 100%;
  object-fit: cover;
}

.banner-wrap .banner-content-11 {
  bottom: 65px;
  top: auto;
  position: absolute;
  right: 0px;
  left: 0px;
  padding: 25px 0 28px;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  -o-transition: transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  background-color: #A8D1DD;
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  /* z-index: 9; */
  z-index: 1;
}

.banner-wrap .banner-content-11 h3 {
  margin: 0;
  font-size: 16px;
}

.banner-wrap .banner-content-11 h3 a {
  color: #ffffff;
}

.banner-wrap .banner-content-12 h4 {
  margin: 0;
  font-size: 18px;
  line-height: 1.4074;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  transition: transform 0.35s, -webkit-transform 0.35s;
}

.banner-wrap.default-overlay::before {
  background-color: #000;
  opacity: .4;
  z-index: 1;
  pointer-events: none;
}

.banner-wrap.default-overlay-2::before {
  background-color: #000;
  opacity: .2;
  z-index: 1;
  pointer-events: none;
}

.banner-wrap.banner-zoom:hover a img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.banner-wrap .banner-content-11 {
  -webkit-transform: translate3d(0, 91%, 0);
  transform: translate3d(0, 91%, 0);
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .banner-wrap.mb-40 {
    margin-bottom: 30px;
  }
}


/*-------- 17. Brand logo style ---------*/
.owl-carousel {
  touch-action: manipulation;
}

.brand-slider {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.brand-slider-area .owl-carousel.owl-drag .owl-item {
  height: 110px;
  position: relative;
}


.brand-slider-area .owl-carousel .owl-item img {
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.9);
  object-fit: contain;
}

.brand-logo-item {
  margin: 0 20px;
  height: 100%;
}

.brand-logo-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(255 255 255 / 40%);
  z-index: 1;
  transition: opacity 0.3s;
  transform: scale(1);
}

.brand-slider-area .owl-carousel.owl-drag .owl-item:hover .brand-logo-item::before {
  background: none;
  z-index: 0;
}

.brand-logo-item a {
  width: 100%;
  height: 100%;
  display: block;
}

.brand-logo-item img {
  max-width: 100%;
  /* Зберігаємо розмір логотипів */
}

.brand-logo-item:hover a img {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
  -ms-transform: translate(-50%, -50%) scale(1.05);
  transform: translate(-50%, -50%) scale(1.05) !important;
  /* z-index: 1; */
}

.testimonial-active.owl-carousel .owl-item img {
  width: auto;
  margin: 0 auto;
}


/*-------- 19. Breadcrumb style ---------*/
.breadcrumb-ptb-3 {
  padding: 50px 0 50px;
}

@media only screen and (max-width: 767px) {
  .breadcrumb-ptb-3 {
    padding: 30px 0 30px;
  }
}

.breadcrumb-ptb-5 {
  padding: 250px 0 75px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-ptb-5 {
    padding: 50px 0 50px;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumb-ptb-5 {
    padding: 30px 0 30px;
  }
}

.breadcrumb-ptb-6 {
  position: relative;
  padding: 110px 0 60px;
  /* padding: 190px 0 100px; */
  /* position: relative; */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* margin-bottom: 0; */
  /* background-attachment: fixed; */
}

.breadcrumb-ptb-6.shop::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  opacity: 0.7;
  background-color: #fff;
  z-index: 1;
}

.breadcrumb-ptb-6.shop .breadcrumb-content {
  z-index: 2;
}

/* .breadcrumb-ptb-6::after {
  position: absolute;
  content: "";
  background-color: rgba(33, 33, 33, 0.5);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
} */

.breadcrumb-content {
  position: relative;
  /* z-index: 9; */
}

.breadcrumb-content .breadcrumb-title {
  margin: 0 0 8px;
}

@media only screen and (max-width: 767px) {
  .breadcrumb-content .breadcrumb-title {
    margin: 0 0 10px;
  }
}

.breadcrumb-content .breadcrumb-title h2 {
  font-size: 42px;
  font-weight: 500;
  font-family: "Alegreya", serif;
  margin: 0;
  line-height: 52px;
  color: #262626;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-content .breadcrumb-title h2 {
    font-size: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumb-content .breadcrumb-title h2 {
    font-size: 30px;
    line-height: 40px;
  }
}

.breadcrumb-content ul li {
  display: inline-block;
  margin: 0 2px;
  /* text-transform: capitalize; */
  color: #777777;
  font-size: 12px;
}

.breadcrumb-content ul li span {
  margin-right: 4px;
  display: inline-block;
  margin: 6px 4px 0 0;
  line-height: 1;
  position: relative;
  top: 1px;
}

.breadcrumb-content ul li a {
  text-transform: initial;
  color: #262626;
  font-size: 16px !important;
}

.breadcrumb-content ul li a:hover {
  color: #67a8a7;
}

.breadcrumb-content.breadcrumb-white .breadcrumb-title h2 {
  color: #fff;
}

.breadcrumb-content.breadcrumb-white ul li {
  color: #fff;
}

.breadcrumb-content.breadcrumb-white ul li span {
  color: #fff;
}

.breadcrumb-content.breadcrumb-white ul li a {
  color: #fff;
}

.breadcrumb-content.breadcrumb-white ul li a:hover {
  color: #fc4f4f;
}

.breadcrumb-content.breadcrumb-font-inc ul li {
  font-size: 14px;
}

.breadcrumb-content.breadcrumb-font-inc ul li span {
  font-size: 14px;
}

.breadcrumb-content.breadcrumb-font-inc ul li a {
  font-size: 14px;
}

/*-------- 20. Shop style ---------*/
.shop-area {
  animation: hideMe 0.5s forwards;
}

@keyframes hideMe {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.shop-top-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .shop-top-bar {
    display: block;
  }
}

.shop-top-bar .shop-top-bar-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .shop-top-bar .shop-top-bar-left {
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-top-bar .shop-top-bar-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.shop-top-bar .shop-top-bar-left .shop-top-show {
  line-height: 1;
}

.shop-top-bar .shop-top-bar-left .shop-top-show span {
  display: block;
  line-height: 1;
}

.shop-top-bar .shop-top-bar-left .shop-page-list {
  margin-left: 45px;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .shop-top-bar .shop-top-bar-left .shop-page-list {
    margin-left: 0px;
    margin-top: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-top-bar .shop-top-bar-left .shop-page-list {
    margin-left: 45px;
    margin-top: 0px;
  }
}

.shop-top-bar .shop-top-bar-left .shop-page-list ul li {
  display: inline-block;
  color: #535353;
  margin-right: 11px;
}

.shop-top-bar .shop-top-bar-left .shop-page-list ul li:last-child {
  margin-right: 0px;
}

.shop-top-bar .shop-top-bar-left .shop-page-list ul li.active {
  border-bottom: 1px solid #262626;
}

.shop-top-bar .shop-top-bar-left .shop-page-list ul li.active a {
  color: #262626;
}

.shop-top-bar .shop-top-bar-left .shop-page-list ul li a {
  color: #777777;
}

.shop-top-bar .shop-top-bar-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.shop-top-bar .shop-top-bar-right .shop-filter {
  line-height: 1;
  position: relative;
  display: none;
}

@media screen and (max-width: 992px) {
  .shop-top-bar .shop-top-bar-right .shop-filter {
    display: block;
  }
}

.shop-top-bar .shop-top-bar-right .shop-filter a {
  color: #282828;
  /* display: none; */
}

.shop-top-bar .shop-top-bar-right .shop-filter a i {
  color: #282828;
  margin-left: 3px;
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
}

.shop-top-bar .shop-top-bar-right .shop-filter a i.angle-up {
  position: absolute;
  right: 1px;
  top: 0px;
  opacity: 0;
  visibility: hidden;
}

.shop-top-bar .shop-top-bar-right .shop-filter a.active {
  color: #67a8a7;
}

.shop-top-bar .shop-top-bar-right .shop-filter a.active i {
  color: #67a8a7;
}

.shop-top-bar .shop-top-bar-right .shop-filter a.active i.angle-down {
  opacity: 0;
  visibility: hidden;
}

.shop-top-bar .shop-top-bar-right .shop-filter a.active i.angle-up {
  opacity: 1;
  visibility: visible;
}

.shop-top-bar .shop-top-bar-right .shop-short-by {
  position: relative;
  padding: 30px 0;
  line-height: 1;
  z-index: 50;
}

.shop-top-bar .shop-top-bar-right .shop-short-by>span {
  color: #282828;
  position: relative;
  cursor: pointer;
}

.shop-top-bar .shop-top-bar-right .shop-short-by>span i {
  color: #282828;
  margin-left: 3px;
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
}

.shop-top-bar .shop-top-bar-right .shop-short-by>span i.angle-up {
  position: absolute;
  right: 3px;
  top: 1px;
  opacity: 0;
  visibility: hidden;
}

.shop-top-bar .shop-top-bar-right .shop-short-by ul {
  right: 0;
  top: 100%;
  position: absolute;
  background-color: #fff;
  padding: 8px;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  -webkit-box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  margin-top: 30px;
}

.shop-top-bar .shop-top-bar-right .shop-short-by ul li {
  display: block;
  margin-bottom: 4px;
}

.shop-top-bar .shop-top-bar-right .shop-short-by ul li:last-child {
  margin-bottom: 0;
}

.shop-top-bar .shop-top-bar-right .shop-short-by ul li a {
  padding: 7px 10px;
  /* white-space: pre; */
  display: block;
  border-radius: 4px;
  font-size: 0.92em;
  color: #777777;
  line-height: 24px;
  min-width: 220px;
}

.shop-top-bar .shop-top-bar-right .shop-short-by ul li a:hover {
  color: #fff;
  background-color: #262626;
}

.shop-top-bar .shop-top-bar-right .shop-short-by ul li.active a {
  color: #fff;
  background-color: #262626;
}

.shop-top-bar .shop-top-bar-right .shop-short-by:hover span i.angle-down {
  opacity: 0;
  visibility: hidden;
}

.shop-top-bar .shop-top-bar-right .shop-short-by:hover span i.angle-up {
  opacity: 1;
  visibility: visible;
}

.shop-top-bar .shop-top-bar-right .shop-short-by:hover ul {
  opacity: 1;
  visibility: visible;
  margin-top: -5px;
}

.shop-top-bar .shop-top-bar-right .shop-tab a {
  color: #535353;
  font-size: 20px;
  margin-right: 10px;
}

.shop-top-bar .shop-top-bar-right .shop-tab a:last-child {
  margin-right: 0;
}

.shop-top-bar .shop-top-bar-right .shop-tab a.active {
  color: #262626;
}

.shop-top-bar .shop-top-bar-right .shop-tab a:hover i.dlicon,
.shop-top-bar .shop-top-bar-right .shop-tab a.active i.dlicon {
  color: #67a8a7;
}

#accordian.mobile ul li a {
  font-size: 14px !important;
  padding: 4px 0px 4px 10px !important;
  margin: 4px 0px !important;
}

#accordian.mobile ul li button {
  padding: 6px 8px 3px 3px !important;
}

#accordian.mobile ul li button i {
  font-size: 12px !important;
  font-weight: 500 !important;
}

.shop-top-bar .mobile-filter {
  display: none;
}

@media screen and (max-width:768px) {

  .sidebar-widget-tag,
  .blog-details-tag {
    justify-content: center;
  }

  .shop-top-bar .shop-top-bar-right .shop-short-by {
    display: none;
  }

  .shop-top-bar .mobile-filter {
    display: block !important;
    width: 31%;
    text-align: center;
    margin: 15px 3px 30px !important;
    padding: 0 !important;
    position: relative;
  }

  .shop-top-bar .shop-top-bar-right .shop-filter a {
    position: relative;
  }

  .shop-top-bar .shop-top-bar-right .shop-filter a i.angle-up {
    top: 3px !important;
  }

}

.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;
  font-size: 12px;
  padding: 48px 40px 18px;
  display: none;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-filter-wrapper {
    padding: 40px 25px 34px;
  }
}

@media only screen and (max-width: 767px) {
  .product-filter-wrapper {
    padding: 40px 25px 34px;
  }

  .shop-top-bar .shop-top-bar-right .shop-tab.nav {
    display: none;
  }

}

.product-filter-wrapper .product-filter h5 {
  font-size: 16px;
  margin: 0 0 50px;
  text-transform: capitalize;
  font-weight: 700;
  font-family: "Alegreya", serif;
}

@media only screen and (max-width: 767px) {
  .product-filter-wrapper .product-filter h5 {
    margin: 0 0 10px;
  }
}

/* Scrollbar-effect------- */
#accordian::-webkit-scrollbar {
  width: 5px;
  height: 8px;
}

#accordian::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #67a8a7;
}

#accordian::-webkit-scrollbar-thumb {
  background: #67a8a7;
  border-radius: 10px;
  transition: 0.5s;
}

#accordian::-webkit-scrollbar-thumb:hover {
  background: #67a8a7;
  transition: 0.5s;
}


#accordian {
  background: #fff;
  /* width: 250px;
  padding: 10px;
  float: left;
  height: 100vh; */
  overflow-x: hidden;
}

/* i {
  margin-right: 10px;
} */

#accordian li {
  list-style-type: none;
  position: relative;
}

#accordian .toggle {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px 5px 10px 5px;
  background: none;
  border: none;
  color: #000;
}

#accordian ul li a {
  color: #262626;
  text-decoration: none;
  font-size: 17px;
  display: block;
  /* 	line-height: 34px; */
  /* padding: 12px 15px; */
  /* padding: 9px 8px 9px 8px; */
  padding: 9px 28px 9px 8px;
  margin: 5px 0px;
  /* transition: all 0.15s; */
  position: relative;
  border-radius: 3px;
  transition: all 0.5s;
}

#accordian ul li a:hover {
  background-color: #262626;
  color: #fff;
  box-shadow: 0px 1px 2px rgba(38, 38, 38, 0.2);
}

#accordian ul li a:hover+button {
  color: #fff;
}

#accordian ul li button:hover+a {
  background-color: #262626;
  color: #fff;
  box-shadow: 0px 1px 2px rgba(38, 38, 38, 0.2);
}

#accordian ul li:hover i {
  transition: all 0.2s;
}

#accordian>ul.show-dropdown>li.active>a,
#accordian>ul>li>ul.show-dropdown>li.active>a,
#accordian>ul>li>ul>li>ul.show-dropdown>li.active>a,
#accordian>ul>li>ul>li>ul>li>ul.show-dropdown>li.active>a,
#accordian>ul>li>ul>li>ul>li>ul>li>ul.show-dropdown>li.active>a {
  background-color: #262626;
  color: #fff;
  box-shadow: 0px 1px 2px rgba(0, 137, 255, 0.2);
}

#accordian>ul.show-dropdown>li.active>button,
#accordian>ul>li>ul.show-dropdown>li.active>button,
#accordian>ul>li>ul>li>ul.show-dropdown>li.active>button,
#accordian>ul>li>ul>li>ul>li>ul.show-dropdown>li.active>button,
#accordian>ul>li>ul>li>ul>li>ul>li>ul.show-dropdown>li.active>button {
  color: #fff;
}

#accordian>ul>li>ul,
#accordian>ul>li>ul>li>ul,
#accordian>ul>li>ul>li>ul>li>ul,
#accordian>ul>li>ul>li>ul>li>ul>li>ul {
  display: none;
}


#accordian>ul>li.active>ul.show-dropdown,
#accordian>ul>li>ul>li.active>ul.show-dropdown,
#accordian>ul>li>ul>li>ul>li.active>ul.show-dropdown,
#accordian>ul>li>ul>li>ul>li>ul>li.active>ul.show-dropdown {
  display: block;
}

#accordian>ul>li>ul,
#accordian>ul>li>ul>li>ul,
#accordian>ul>li>ul>li>ul>li>ul,
#accordian>ul>li>ul>li>ul>li>ul>li>ul {
  padding-left: 15px;
}

#accordian .toggle i {
  /* position: absolute; */
  /* right: 20px; */
  /* top: 14px; */
  font-size: 15px;
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
  transition: 0.5s;
}

#accordian .active>.toggle i {
  transform: rotate(90deg);
}

#accordian.mobile ul li a {
  font-size: 14px !important;
  padding: 4px 0px 4px 10px !important;
  margin: 4px 0px !important;
}

#accordian.mobile ul li button {
  padding: 6px 8px 3px 3px !important;
}

#accordian.mobile ul li button i {
  font-size: 12px !important;
  font-weight: 500 !important;
}

.shop-top-bar .mobile-filter {
  display: none;
}

@media screen and (max-width:768px) {

  .sidebar-widget-tag,
  .blog-details-tag {
    justify-content: center;
  }

  .shop-top-bar .shop-top-bar-right .shop-short-by {
    display: none;
  }

  .shop-top-bar .mobile-filter {
    display: block !important;
    width: 31%;
    text-align: center;
    margin: 15px 3px 30px !important;
    padding: 0 !important;
    position: relative;
  }

  .shop-top-bar .shop-top-bar-right .shop-filter a {
    position: relative;
  }

  .shop-top-bar .shop-top-bar-right .shop-filter a i.angle-up {
    top: 3px !important;
  }

  .shop-top-bar .shop-short-by.mobile-filter {}

}

.product-filter-wrapper .product-filter .price-filter ul li,
.product-filter-wrapper .product-filter .product-size ul li,
.product-filter-wrapper .product-filter .product-color ul li,
.product-filter-wrapper .product-filter .product-brands ul li {
  margin-bottom: 7px;
  display: block;
}

.product-filter-wrapper .product-filter .price-filter ul li:last-child,
.product-filter-wrapper .product-filter .product-size ul li:last-child,
.product-filter-wrapper .product-filter .product-color ul li:last-child,
.product-filter-wrapper .product-filter .product-brands ul li:last-child {
  margin-bottom: 0;
}

.product-filter-wrapper .product-filter .price-filter ul li a,
.product-filter-wrapper .product-filter .product-size ul li a,
.product-filter-wrapper .product-filter .product-color ul li a,
.product-filter-wrapper .product-filter .product-brands ul li a {
  color: #535353;
  font-size: 12px;
}

.product-filter-wrapper .product-filter .price-filter ul li a:hover,
.product-filter-wrapper .product-filter .product-size ul li a:hover,
.product-filter-wrapper .product-filter .product-color ul li a:hover,
.product-filter-wrapper .product-filter .product-brands ul li a:hover {
  color: #67a8a7;
}

.product-filter-wrapper .product-filter .product-color ul,
.product-filter-wrapper .product-filter .product-size ul,
.product-filter-wrapper .product-filter .product-brands ul {
  width: 100%;
}

.product-filter-wrapper .product-filter .product-color ul li,
.product-filter-wrapper .product-filter .product-size ul li,
.product-filter-wrapper .product-filter .product-brands ul li {
  width: 50%;
  display: inline-block;
  float: left;
}

.pro-pagination-style.pagination-mrg {
  display: flex;
  justify-content: center;
}

.pro-pagination-style ul li {
  display: inline-block;
  margin: 0 1px;
}

@media only screen and (max-width: 767px) {
  .pro-pagination-style ul li {
    margin: 0 4px;
  }
}

.pro-pagination-style ul li a {
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #535353;
  font-size: 16px;
  text-align: center;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
}

@media only screen and (max-width: 767px) {
  .pro-pagination-style ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}

.pro-pagination-style ul li a.active,
.pro-pagination-style ul li a:hover {
  background-color: #262626;
  color: #fff;
  border: 1px solid #262626;
}

.pro-pagination-style ul li span.current {
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #535353;
  font-size: 16px;
  text-align: center;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: #262626;
  color: #fff;
  border: 1px solid #262626;
}

.pro-pagination-style ul li a i {
  line-height: 50px;
}

@media only screen and (max-width: 767px) {
  .pro-pagination-style ul li a i {
    line-height: 40px;
  }
}

.pro-pagination-style ul li:last-child {
  position: relative;
  top: 2px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pro-pagination-style.ml-150 {
    margin-left: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .pro-pagination-style.mt-35 {
    margin-top: 0;
  }

  .pro-pagination-style.mt-50 {
    margin-top: 20px;
  }

  .pro-pagination-style.mt-30 {
    margin-top: 10px;
  }

  .pro-pagination-style.ml-150 {
    margin-left: 0px;
  }

  .pro-pagination-style.ml-50 {
    margin-left: 100px;
  }
}


.shop-list-wrap .row div[class^="col-"] {
  padding-left: 15px;
  padding-right: 15px;
}

@media only screen and (max-width: 767px) {
  .shop-list-wrap.mb-70 {
    margin-bottom: 40px;
  }
}

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

.shop-list-wrap.in-cart {
  background-color: #67a8a73b;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  padding: 18px 10px 4px;
}

.shop-list-wrap>.product-quantity {
  position: absolute;
  top: 8px;
  right: 12px;
  z-index: 3;
}

.tab-pane .row .new-col .product-quantity {
  position: absolute;
  top: 12px;
  right: 11px;
}

.shop-list-wrap .cart-active,
.tab-pane .row .new-col .cart-active {
  font-size: 24px;
  position: relative;
  color: #262626;
}

.tab-pane .row .new-col .cart-active {
  font-size: 18px;
}

.shop-list-wrap .cart-active .count-style,
.tab-pane .row .new-col .count-style {
  position: absolute;
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  display: block;
  top: -10px;
  right: -10px;
  min-width: 20px;
  text-align: center;
  padding: 0;
  border-radius: 50%;
  background-color: #67a8a7;
  background-color: #262626c9;
}

.tab-pane .row .new-col .count-style {
  font-size: 8px;
  height: 16px;
  line-height: 17px;
  top: -6px;
  right: -6px;
  min-width: 17px;
}

.custom-col-32-shop {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 32%;
  -ms-flex: 0 0 32%;
  flex: 0 0 32%;
  max-width: 32%;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  width: 100%;
  min-height: 1px;
}

@media only screen and (max-width: 767px) {
  .custom-col-32-shop {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -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-32-shop {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45%;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
  }
}

.custom-col-68-shop {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 68%;
  -ms-flex: 0 0 68%;
  flex: 0 0 68%;
  max-width: 68%;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  width: 100%;
  min-height: 1px;
}

@media only screen and (max-width: 767px) {
  .custom-col-68-shop {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -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-68-shop {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 55%;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
  }
}

.shop-list-content {
  margin-top: 6px;
}

.shop-list-content h3 {
  font-size: 24px;
  margin: 0 0 28px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-content h3 {
    margin: 0 0 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-content h3 {
    margin: 0 0 12px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-list-content h3 {
    font-size: 20px;
    margin: 0 0 10px;
  }
}

.shop-list-content .pro-list-price span {
  font-size: 18px;
}

.shop-list-content .pro-list-price span.old {
  color: #777;
  margin-right: 5px;
  text-decoration: line-through;
}

.shop-list-content p {
  color: #535353;
  margin: 10px 0 45px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-content p {
    margin: 10px 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-content p {
    margin: 10px 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-list-content p {
    margin: 10px 0 20px;
  }
}

.shop-list-content .product-list-action,
.product-content-4 .product-list-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;

}

.product-content-4 .product-list-action {
  justify-content: center;
}

.product-list-action .product-details-action-wrap,
.product-content-4 .product-details-action-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.shop-list-content .product-list-action>a,
.product-content-4 .product-list-action>a {
  display: inline-block;
  font-weight: bold;
  color: #262626;
  font-size: 28px;
  text-align: center;
}

.shop-list-content .product-list-action>a:hover,
.product-content-4 .product-list-action>a:hover {
  color: rgb(103, 168, 167);
}

.shop-list-content .product-list-action .pro-list-actioncart {
  margin: 0 5px 0 20px;
}

.product-content-4 .product-list-action .pro-list-actioncart {
  margin: 0 4px 0 4px;
}

.shop-list-content .product-list-action .pro-list-actioncart button {
  font-size: 12px;
  color: #535353;
  text-transform: uppercase;
  display: inline-block;
  font-size: 13px;
  color: #fff;
  padding: 15px 40px;
  background-color: #262626;
  border: none;
  font-weight: bold;
  line-height: 1;
}

.product-content-4 .product-list-action .pro-list-actioncart button {
  text-transform: none;
  display: inline-block;
  font-size: 12px;
  color: #fff;
  padding: 8px 9px 9px;
  background-color: #262626;
  border: none;
  font-weight: 600;
  line-height: 1;
}

.shop-list-content .product-list-action .pro-list-actioncart button:hover,
.product-content-4 .product-list-action .pro-list-actioncart button:hover {
  /* color: #fc4f4f; */
  background-color: rgb(103, 168, 167);
}

.product-list-action .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a {
  font-size: 16px;
  padding: 2px 8px 2px 8px;
}

.product-list-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse {
  font-size: 16px;
  padding: 2px 8px 2px 8px;
}

.shop-list-content .content-product-full .yith-wcwl-add-button a {
  font-size: 22px;
  padding: 10px 16px;
}

.product-details-action-wrap .yith-wcwl-wishlistaddedbrowse {
  font-size: 16px !important;
  padding: 2px 8px 2px 8px !important;
}

.product-details-action-wrap.content-product-full .yith-wcwl-wishlistaddedbrowse,
.product-details-action-wrap.content-product-full .yith-wcwl-wishlistexistsbrowse {
  display: inline-block;
  font-size: 22px !important;
  color: #262626;
  background-color: transparent;
  padding: 10px 16px !important;
}

.product-list-action .yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon {
  margin-right: 0px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-content.ml-20 {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .shop-list-content {
    margin-top: 10px;
  }

  .shop-list-content.ml-20 {
    margin-left: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-list-content {
    margin-top: 0px;
  }
}

.shop-list-content.shop-list-mrg-dec {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .shop-list-content.shop-list-mrg-dec {
    margin-top: 10px;
  }
}

.shop-list-content.shop-list-mrg-dec h3 {
  margin: 0 0 5px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .shop-list-content.shop-list-mrg-dec h3 {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .shop-list-content.shop-list-mrg-dec h3 {
    font-size: 18px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-content.shop-list-mrg-dec h3 {
    font-size: 18px;
  }
}

.shop-list-content.shop-list-mrg-dec p {
  margin: 10px 0 20px;
}

@media only screen and (max-width: 767px) {
  .shop-list-content .product-list-action .pro-list-actioncart {
    margin: 0 8px 0 10px;
  }

  .shop-list-content .product-list-action .pro-list-actioncart button {
    padding: 13px 25px 10px;
    font-size: 12px !important;
  }

  .shop-list-content .product-list-action .yith-wcwl-add-button a {
    padding: 6px 11px !important;
    font-size: 18px !important;
  }

  .product-details-action-wrap .yith-wcwl-wishlistaddedbrowse,
  .product-details-action-wrap .yith-wcwl-wishlistexistsbrowse {
    font-size: 18px !important;
    padding: 6px 11px !important;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .shop-area.pb-40 {
    padding-bottom: 70px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-area.pb-40 {
    padding-bottom: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-area.pb-40 {
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-area .tab-content.pt-30 {
    padding-top: 0px;
  }

  .shop-area.pt-70 {
    padding-top: 50px;
  }

  .shop-area.pb-40 {
    padding-bottom: 20px;
  }
}

/*-------- 21. Sidebar style ---------*/
.sidebar-widget {
  display: block;
  overflow: hidden;
}

.sidebar-widget .widget.widget_block {
  margin: 0 10px;
}

.sidebar-widget .widget.widget_block .bapf_slidr_all {
  cursor: pointer;
  padding: 5px 5px;
}

.sidebar-widget .widget.widget_block .bapf_slidr_all span {
  cursor: pointer;
}

.sidebar-widget .widget.widget_block .berocket_single_filter_widget .filter-attributes {
  display: none;
  position: absolute;
  right: 10px;
  top: -1px;
}

.sidebar-widget .widget.widget_block .berocket_single_filter_widget .bapf_sfilter.filter-price {
  display: flex;
  justify-content: center;
}

.sidebar-widget .widget.widget_block .berocket_single_filter_widget .bapf_button.bapf_update {
  border: none;
  border-radius: 2px;
  cursor: pointer;
  font-size: 12px;
  color: #fff;
  background-color: #32373c;
  padding: 1px 10px;
}

.sidebar-widget .widget.widget_block .berocket_single_filter_widget .bapf_button.bapf_update:hover {
  background-color: rgb(103, 168, 167);
}

.sidebar-widget .widget.widget_block .bapf_head h3 {
  font-size: 16px;
  padding: 10px 0;
  position: relative;
  margin: 5px 0 10px;
}

.sidebar-widget .widget.widget_block .bapf_head h3::before {
  position: absolute;
  content: "";
  width: 25px;
  height: 2px;
  background-color: #262626;
  bottom: -2px;
}

.sidebar-widget .widget.widget_block .attributes .bapf_body {
  max-height: 300px;
  overflow-y: auto;
}

.sidebar-widget .widget.widget_block .bapf_body ul li {
  position: relative;
}

.sidebar-widget .widget.widget_block .bapf_body ul li {}

.sidebar-widget .widget.widget_block .bapf_body ul li input {
  height: 100%;
  width: auto;
  font-size: 14px;
}

.sidebar-widget .widget.widget_block .bapf_body input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  background-color: #fff;
  /* margin: 0; */
  /* font: inherit; */
  color: #262626;
  width: 15px;
  height: 15px;
  border: 0.15em solid #262626;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
  display: inline-block;
  vertical-align: middle;
  position: relative;
  /* place-content: center;*/
}

.sidebar-widget .widget.widget_block .bapf_body input[type="checkbox"]::before {
  content: "";
  width: 9px;
  height: 9px;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #262626;
  background-color: CanvasText;
  position: absolute;
  top: 1px;
  left: 1px;
}

.sidebar-widget .widget.widget_block .bapf_body input[type="checkbox"]:checked::before {
  transform: scale(1);
}

.sidebar-widget .widget.widget_block .bapf_body label {
  font-size: 15px;
  padding: 1px 0;
  position: relative;
}

.widget-search {
  position: relative;
}

.widget-search .search_btn {
  background-color: transparent;
  border: 0px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
}

.widget-search input {
  background: #fff;
  color: #262626;
}

/* .sidebar-widget .sidebar-widget-tag ul {
  display: flex;
  justify-content: center;
  align-items: center;
} */
.sidebar-widget .sidebar-widget-tag a {
  border: 1px solid #eee;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 400;
  margin: 5px 0 0 5px;
}

.sidebar-widget-tag a:hover {
  color: #fff;
  background-color: #67a8a7;
  border-color: #67a8a7;
}

.sidebar-widget h4.pro-sidebar-title {
  font-size: 32px;
  margin: 0;
  position: relative;
  font-weight: 300;
  font-family: "Alegreya", serif;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-widget h4.pro-sidebar-title {
    font-size: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-widget h4.pro-sidebar-title {
    font-size: 25px;
  }
}

.sidebar-widget h4.pro-sidebar-title2 {
  font-size: 24px;
  margin: 0;
  position: relative;
  font-weight: 600;
  font-family: "Alegreya", serif;
}

.wp-block-button__link {
  border-radius: 2px !important;
  padding: 3px 8px !important;
}

.sidebar-widget #apply-filter-button {
  display: none;
  position: absolute;
  right: 10px;
  top: -1px;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  font-size: 12px;
  color: #fff;
  background-color: #32373c;
  padding: 1px 8px;
}

.sidebar-widget #apply-filter-button:hover {
  background-color: rgb(103, 168, 167);
}

.sidebar-widget .attribute-filter {
  max-height: 300px;
  overflow-y: auto;
}

.sidebar-widget h6 {
  font-size: 16px;
  padding: 10px 0;
  position: relative;
  margin: 5px 0 10px;
}

.sidebar-widget h6::before {
  position: absolute;
  content: "";
  width: 25px;
  height: 2px;
  background-color: #262626;
  bottom: -2px;
}

.sidebar-widget .price-filter #slider-range {
  background: #eee none repeat scroll 0 0;
  border: medium none;
  border-radius: 50px;
  height: 5px;
  margin-bottom: 12px;
  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: #262626 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: #fff none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  height: 23px;
  margin-left: 0;
  width: 23px;
  -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.2);
  top: -10px;
  cursor: ew-resize;
}

.sidebar-widget .sidebar-widget-tag ul li {
  display: inline-block;
  padding-bottom: 10px;
}

.sidebar-widget .sidebar-widget-tag ul li a {
  color: #535353;
}

.sidebar-widget .sidebar-widget-tag ul li a span {
  color: #535353;
}

.sidebar-widget .sidebar-widget-tag ul li a:hover {
  color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-widget .sidebar-widget-tag.mt-45 {
    margin-top: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-widget .sidebar-widget-tag.mt-45 {
    margin-top: 20px;
  }

  .sidebar-widget .sidebar-widget-tag.mt-35 {
    margin-top: 20px;
  }
}

.sidebar-widget.sidebar-widget-brands {
  margin: 0 10px;
}

.sidebar-widget .brands-list {
  margin: 0 5px;
  max-height: 300px;
  overflow-y: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-widget.mb-65 {
    margin-bottom: 45px;
  }

  .sidebar-widget.mb-70 {
    margin-bottom: 50px;
  }

  .sidebar-widget.mb-60 {
    margin-bottom: 40px;
  }

  .sidebar-widget.mb-45 {
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-widget.mb-65 {
    margin-bottom: 35px;
  }

  .sidebar-widget.mb-70 {
    margin-bottom: 40px;
  }

  .sidebar-widget.mb-60 {
    margin-bottom: 30px;
  }

  .sidebar-widget.mb-45 {
    margin-bottom: 15px;
  }

  .sidebar-widget.mb-50 {
    margin-bottom: 30px;
  }

  .sidebar-widget.mb-55 {
    margin-bottom: 30px;
  }

  .sidebar-widget.mt-60 {
    margin-top: 30px;
  }
}

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

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .shhop-pl-35 {
    padding-left: 0px;
  }
}

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

@media only screen and (max-width: 767px) {
  .shhop-pl-35 {
    padding-left: 0px;
  }
}

.shop-sidebar-style.shop-sidebar-mrg {
  margin-right: 115px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .shop-sidebar-style.shop-sidebar-mrg {
    margin-right: 30px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .shop-sidebar-style.shop-sidebar-mrg {
    margin-right: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-sidebar-style.shop-sidebar-mrg {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-sidebar-style.shop-sidebar-mrg {
    margin-right: 0px;
  }
}

/*-------- 22. Product details style ---------*/
.product-details-tab img.simple,
.product-details-tab img.default-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product-details-tab img.default-image {
  display: none;
}

.product-dec-slider .slick-list {
  height: 100% !important;
}

@media only screen and (max-width: 768px) {
  .product-details-tab .product-dec-right {
    width: 100% !important;
  }

  .product-details-tab .product-dec-left {
    display: none !important;
  }

  /* .product-details-tab .product-dec-slider {
      display: none !important;
  } */

  /* Відобразити лише просту картинку товару */
  /* .product-details-tab img.default-image{
      display: block !important;
  } */
}

.easyzoom-style {
  position: relative;
}

.easyzoom-style a.easyzoom-pop-up {
  position: absolute;
  right: 25px;
  bottom: 25px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  background-color: #fff;
  color: #000;
  font-size: 16px;
  text-align: center;
  border-radius: 100%;
  z-index: 999;
}

.easyzoom-style a.easyzoom-pop-up.img-popup-position {
  bottom: 100px;
}

.easyzoom-style a.easyzoom-pop-up:hover {
  color: #67a8a7;
}

.easyzoom-style .easyzoom>a {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.slick-initialized .slick-slide {
  /* display: flex !important;
  justify-content: center; */
}

.easyzoom-style .easyzoom>a img {
  width: 100%;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  height: 65vh;
}

@media only screen and (max-width: 768px) {
  .easyzoom-style .easyzoom>a img {
    height: 50vh;
  }
}

.easyzoom-style .easyzoom-popup>a img {
  width: 100%;
}

.easyzoom-style span.product-sale {
  background-color: #262626;
  display: inline-block;
  color: #fff;
  left: 20px;
  top: 20px;
  width: 55px;
  height: 55px;
  line-height: 55px;
  border-radius: 100%;
  text-align: center;
  position: absolute;
  font-weight: 400;
  z-index: 999;
  font-size: 10px;
  text-transform: uppercase;
}

.product-dec-right {
  float: right;
  position: relative;
  width: calc(100% - 160px);
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-dec-right {
    width: calc(100% - 120px);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-dec-right {
    width: calc(100% - 120px);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-dec-right {
    width: calc(100% - 90px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec-right {
    width: calc(100% - 130px);
  }
}

@media only screen and (max-width: 767px) {
  .product-dec-right {
    width: calc(100% - 100px);
  }
}

.slick-initialized .slick-slide {
  display: flex;
  justify-content: center;
}

.testimonial-area .slick-initialized .slick-slide {
  display: block !important;
}

.product-dec-left {
  position: relative;
  float: left;
  width: 160px;
  padding-right: 20px;
  height: 65vh;
  padding-bottom: 10px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-dec-left {
    width: 120px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-dec-left {
    width: 120px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-dec-left {
    width: 90px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec-left {
    width: 130px;
  }
}

@media only screen and (max-width: 767px) {
  .product-dec-left {
    width: 100px;
  }
}

.product-dec-left .product-dec-small {
  margin: 0 0 20px;
  cursor: pointer;
  height: 150px;
}

.product-dec-left .product-dec-small img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product-dec-left .product-dec-small.slick-active {
  border: 2px solid transparent;
}

.product-dec-left .product-dec-small.slick-active.slick-current {
  border: 2px solid #262626;
}

.product-dec-left .product-dec-small:last-child {
  margin: 0 0 0px;
}

.product-dec-left span.pro-dec-icon {
  position: absolute;
  top: 100%;
  left: 50%;
  right: auto;
  font-size: 20px;
  cursor: pointer;
  color: #262626;
  z-index: 9;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 767px) {
  .product-dec-left span.pro-dec-icon {
    top: 93%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-dec-left span.pro-dec-icon {
    top: 100%;
  }
}

.product-dec-left span.pro-dec-icon:hover {
  color: #fc4f4f;
}

.product-dec-left span.pro-dec-icon.pro-dec-prev {
  margin-left: -25px;
}

.product-dec-left span.pro-dec-icon.pro-dec-next {
  margin-right: -25px;
}

.product-dec-slider.slick-vertical .slick-slide {
  border: 2px solid transparent;
}

.product-dec-slider .slick-slide {
  border: 2px solid transparent;
}

.sku_wrapper {
  font-size: 13px;
}

/*-------- 23. Cart style ---------*/
@media only screen and (max-width: 767px) {
  .cart-main-area.pb-100 {
    padding-bottom: 60px;
  }
}

h3.cart-page-title {
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 15px;
}

.cart-table-content table thead>tr th {
  border-top: medium none;
  font-size: 11px;
  text-transform: capitalize;
  vertical-align: middle;
  white-space: nowrap;
  color: #8A8A8A;
  letter-spacing: 1px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0px 0px 33px 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-table-content table thead>tr th {
    padding: 0 0 33px 0;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table-content table thead>tr th {
    padding: 0 20px 33px 20px;
  }
}

.cart-table-content table tbody>tr td {
  font-size: 14px;
  padding: 0px 0px 40px;
}

@media only screen and (max-width: 767px) {
  .cart-table-content table tbody>tr td {
    padding: 0px 0px 40px;
  }
}

#yith-wcwl-popup-message {
  display: none !important;
}

.wishlist-title-container {
  display: none;
  ;
}

.cart-table-content table tbody>tr td.product-remove,
.wishlist-table-content table tbody>tr td.wishlist-remove {
  width: 20px;
}

.cart-table-content table tbody>tr td.product-remove a {
  color: #777777;
}

.cart-table-content table tbody>tr td.product-remove a:hover i.dlicon,
.wishlist-table-content table tbody>tr td.wishlist-remove a:hover i.dlicon {
  color: #67a8a7
}

.cart-table-content table tbody>tr td.product-img {
  width: 90px;
}

.cart-table-content table tbody>tr td.product-img a,
.wishlist-table-content table tbody>tr td.wishlist-img a {
  width: 90px;
  height: 75px;
  display: block;
}

.cart-table-content table tbody>tr td.product-img a img,
.cart-table-content table tbody>tr td.product-img img,
.wishlist-table-content table tbody>tr td.wishlist-img a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cart-table-content table tbody>tr td.product-name {
  width: 370px;
  min-width: 200px;
  padding: 0 25px 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content table tbody>tr td.product-name {
    width: 250px;
    padding: 0 15px 40px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table-content table tbody>tr td.product-name {
    width: 200px;
    padding-left: 20px;
    padding-right: 0px;
  }
}

.cart-table-content table tbody>tr td.product-name a {
  font-size: 14px;
  color: #535353;
}

.cart-table-content table tbody>tr td.product-name a:hover,
.wishlist-table-content table tbody>tr td.wishlist-name a:hover {
  color: #67a8a7 !important;
}

.cart-table-content table tbody>tr td.product-price {
  width: 90px;
}

.cart-table-content table tbody>tr td.product-price span {
  color: #262626;
  font-size: 16px;
}

.cart-table-content table tbody>tr td.product-quantity {
  width: 90px;
}

.cart-table-content table tbody>tr td.cart-quality {
  width: 110px;
}

.cart-table-content table tbody>tr td.product-total {
  width: 70px;
}

.cart-table-content table tbody>tr td.product-total span {
  font-weight: 600;
  color: #262626;
  font-size: 16px;
}

.cart-table-content table tbody>tr td.product-wishlist-cart>a {
  background-color: #232323;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 7px 8px;
  text-transform: capitalize;
}

.cart-table-content table tbody>tr td.product-wishlist-cart>a:hover {
  background-color: #fc4f4f;
}

.cart-shiping-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #CDCDCD;
  padding: 18px 0 0;
}

@media only screen and (max-width: 576px) {
  .cart-shiping-wrapper {
    display: block;
  }
}

.cart-shiping-wrapper .cart {
  margin: 7px 0;
}

.cart-shiping-wrapper .cart a,
.cart-shiping-wrapper .cart button {
  background-color: rgb(38, 38, 38);
  border: none;
  color: rgb(255, 255, 255);
  text-align: center;
  font-size: 14px;
  display: block;
  padding: 10px 18px;
  width: 100%;
}

.cart-shiping-wrapper .cart:hover a,
.cart-shiping-wrapper .cart button:hover {
  background-color: #67a8a7;
}

.grand-total-wrap {
  background: #F9F9F9;
  padding: 20px 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grand-total-wrap {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .grand-total-wrap {
    margin-top: 40px;
  }
}


.grand-total-wrap .grand-total-content {
  padding: 25px 5px 45px;
  display: flex;
  justify-content: space-between;
}

.grand-total-wrap .grand-total-content h4 {
  font-weight: 600;
  font-size: 17px;
  margin: 0;
}

.grand-total-wrap .grand-total-content span {
  font-size: 22px;
}

.grand-total-wrap .grand-total-content ul li {
  font-weight: bold;
  /* border-top: 1px solid #CDCDCD; */
  /* padding-top: 16px; */
  /* margin-top: 17px; */
  font-size: 16px;
}

/* .grand-total-wrap .grand-total-content ul li:last-child {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
} */

.grand-total-wrap .grand-total-content ul li span {
  float: right;
  font-weight: 400;
  font-size: 14px;
  margin-right: 75px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .grand-total-wrap .grand-total-content ul li span {
    margin-right: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grand-total-wrap .grand-total-content ul li span {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .grand-total-wrap .grand-total-content ul li span {
    margin-right: 0px;
  }
}

.grand-total-wrap .grand-btn {
  /* margin-left: -30px;
  margin-right: -30px; */
}

.grand-total-wrap .grand-btn a {
  background-color: #262626;
  color: #fff;
  text-align: center;
  font-size: 15px;
  display: block;
  padding: 18px 5px 18px;
}

.grand-total-wrap .grand-btn a:hover {
  background-color: #67a8a7;
}

@media screen and (max-width: 600px) {
  table.cart-table-new {
    width: 100%;
  }


  table.cart-table-new thead {
    display: none;
  }

  table.cart-table-new tr {
    padding: 5px 15px 10px;
    margin: 0 0 10px;
    position: relative;
    display: block;
    border: 1px solid #e2e2e2;
    border-radius: 7px;
  }

  table.cart-table-new td {
    width: 100% !important;
    padding: 5px 0 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  table.cart-table-new td.product-img {
    width: 175px !important;
    margin: 0 auto;
    display: block;
  }

  table.cart-table-new td.product-name a {
    padding-left: 35px;
    text-align: end;
    max-width: 80%;

  }

  table.cart-table-new td.product-quantity .product-details-quality {
    margin: 0;
  }

  table.cart-table-new td::before {
    content: attr(data-title);
    font-weight: bold;
    /* width: 120px;
    min-width: 120px; */
  }

  .woocommerce-cart-form .cart-shiping-wrapper {
    border: none !important;
  }
}

/*-------- 24. Checkout style ---------*/

.woocommerce-billing-fields .woocommerce-input-wrapper input {
  background: none;
}

.woocommerce-billing-fields .form-row {
  margin: 15px 10px;
}

.woocommerce-billing-fields textarea {
  resize: none !important;
  background: none !important;
  border: 2px solid #eceff8 !important;
  height: 125px !important;
}

.your-order-area {
  padding: 40px 44px 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: 20px;
  font-weight: 700;
  position: relative;
  margin: 0 0 45px;
}

.your-order-area h3:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -14px;
  background-color: #000;
  width: 50px;
  height: 2px;
}

.your-order-area .your-order-wrap .your-order-info {
  border-bottom: 1px solid #CDCDCD;
}

.your-order-area .your-order-wrap .your-order-info ul li {
  padding: 0 0 7px;
  font-size: 16px;
}

.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 {
  font-size: 16px;
}

.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-total {
  padding: 15px 0 10px;
}

.your-order-area .your-order-wrap .your-order-info.order-total ul li span {
  font-size: 18px;
  font-weight: 500;
}

.your-order-middle .cart-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5px 0px;
}

.your-order-middle .cart-item .cart-img {
  width: 18%;
  height: 60px;
  position: relative;
  border: 1px solid #CDCDCD;
  border-radius: 5px;
  margin: 5px 5px;
  padding: 5px 5px;
}

.your-order-middle .cart-item .cart-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 6px;
}

.your-order-middle .cart-item .cart-img .cart-count {
  position: absolute;
  right: -10px;
  top: -10px;
  /* padding: 0px 2px; */
  width: 22px;
  height: 22px;
  border: 1px solid #767676;
  border-radius: 50%;
  background-color: #767676ba;
}

.your-order-middle .cart-item .cart-img .cart-count p {
  text-align: center;
  color: #fff;
  font-size: 13px;
  line-height: 21px;
}

.your-order-middle .cart-item .cart-title {
  margin: 0 9px;
  text-align: left;
  min-width: 175px;
  max-width: 45%;
}

.your-order-middle .cart-item .cart-title h4 {
  font-size: 13px;
  font-weight: 400;
}

.your-order-middle .cart-item .cart-total {
  width: 22%;
}

.your-order-middle .cart-item .cart-total p {
  font-size: 15px;
  min-width: 100%;
  text-align: right;
}

.your-order-area .your-order-wrap .payment-method {
  margin: 25px 0 0;
}

.your-order-area .your-order-wrap .payment-method h5 {
  text-transform: uppercase;
  font-size: 16px;
}

.your-order-area .your-order-wrap .payment-method p {
  color: #535353;
  margin: 14px 0 0;
  line-height: 1.88;
}

.your-order-area .your-order-wrap .condition-wrap {
  margin: 40px 0 0;
}

.your-order-area .your-order-wrap .condition-wrap p {
  color: #535353;
  line-height: 1.88;
  margin: 0;
}

.your-order-area .your-order-wrap .condition-wrap p a {
  color: #535353;
}

.your-order-area .your-order-wrap .condition-wrap .condition-form {
  margin-top: 10px;
}

.your-order-area .your-order-wrap .condition-wrap .condition-form input {
  border: 1px solid #9fa0a2;
  display: inline-block;
  float: left;
  height: 10px;
  width: 10px;
  position: relative;
  top: 6px;
}

.your-order-area .your-order-wrap .condition-wrap .condition-form span {
  color: #262626;
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 0 5px;
}

.your-order-area .your-order-wrap .condition-wrap .condition-form span span.star {
  color: red;
}

.your-order-area .Place-order button {
  background-color: #262626 !important;
  border: none;
  display: block;
  cursor: pointer;
  padding: 22px 50px 21px;
  width: 100%;
  color: #fff;
  text-align: center;
}

.your-order-area .Place-order button:hover {
  background-color: #67a8a7 !important;
}

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

/*-------- 26. Login register style ---------*/
.login-register-wrap h3 {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
}

.login-register-wrap h3 i {
  margin-right: 3px;
}

.login-register-wrap .login-register-form {
  margin: 30px 0 0;
}

@media only screen and (max-width: 767px) {
  .login-register-wrap .login-register-form {
    margin: 10px 0 0;
  }
}

.login-register-wrap .login-register-form .sin-login-register {
  margin: 0 0 21px;
}

.login-register-wrap .login-register-form .sin-login-register label {
  font-size: 16px;
}

.login-register-wrap .login-register-form .sin-login-register label span {
  color: red;
}

.login-register-wrap .login-register-form .sin-login-register input {
  background: transparent;
  border: 1px solid #CDCDCD;
  height: 50px;
  padding: 5px 10px;
}

.login-register-wrap .login-register-form .sin-login-register input:focus {
  border: 1px solid #262626;
}

.login-register-wrap .login-register-form .login-register-btn-remember {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 20px;
}

@media only screen and (max-width: 767px) {
  .login-register-wrap .login-register-form .login-register-btn-remember {
    margin: 0 0 10px;
  }
}

.login-register-wrap .login-register-form .login-register-btn-remember .login-register-remember {
  margin-left: 25px;
}

.login-register-wrap .login-register-form .login-register-btn-remember .login-register-remember input {
  width: 16px;
  height: auto;
}

.login-register-wrap .login-register-form .login-register-btn-remember .login-register-remember label {
  line-height: 1;
  margin: 0;
  font-size: 16px;
}

.login-register-wrap .login-register-form a {
  font-size: 14px;
  color: #fc4f4f;
}

.login-register-wrap .login-register-form a:hover {
  text-decoration: underline;
}

.login-register-wrap .login-register-form p {
  color: #535353;
  font-size: 14px;
  margin: 0 0 16px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .login-register-wrap.mr-70 {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .login-register-wrap.mr-70 {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .login-register-wrap.mr-70 {
    margin-right: 0;
  }

  .login-register-wrap.register-wrap {
    margin-top: 30px;
  }
}

.login-register-btn button {
  border: none;
  background-color: #262626;
  color: #fff;
  font-size: 16px;
  padding: 17px 50px 20px;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .login-register-btn button {
    padding: 14px 30px 17px;
  }
}

.login-register-btn button:hover {
  background-color: #67a8a7;
}

/*-------- 27. My account style ---------*/
.myaccount-tab-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* justify-content: space-between; */
  width: 100%;
  background: #f7f7f7;
}

@media only screen and (max-width: 767px) {
  .myaccount-tab-menu {
    padding: 10px 10px 5px;
  }
}

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

.myaccount-tab-menu a {
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
  padding: 13px 30px 12px;
  /* text-transform: capitalize; */
  float: left;
  margin: 0 3px 0 3px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .myaccount-tab-menu a {
    padding: 10px 15px 9px;
  }
}

@media only screen and (max-width: 767px) {
  .myaccount-tab-menu a {
    padding: 4px 6px;
    font-size: 14px;
    margin: 0 2px 3px 2px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .myaccount-tab-menu a {
    font-size: 13px;
    margin: 0 2px 0px 2px;
  }
}

.myaccount-tab-menu a:hover,
.myaccount-tab-menu a.active {
  background-color: #2F2F2F;
  border-color: #2F2F2F;
  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;
  }
}

.tab-pane .panel-dashboard {
  border: 1px solid #e1e1e1;
  border-radius: 20px;
  padding: 2em;
  margin: 1em;

}


.myaccount-content.profile-dashboard {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

@media only screen and (max-width: 991px) {
  .myaccount-content.profile-dashboard {
    display: block;
  }

  .profile {
    border-right: none !important;
    padding-right: 0 !important;
  }

  .profile .header-title {

    display: block !important;
    text-align: center;
  }

  .profile .header-title figure,
  .profile .header-title header {
    width: 100% !important;
  }

  .myaccount-content .welcome {
    padding: 0 !important;
    margin: 1em 0 !important;
  }
}

.panel-dashboard .button-logout a {
  display: block;
  border: none;
  background-color: #262626;
  padding: 20px 55px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  width: 200px;
  margin: 25px auto;
}

.panel-dashboard .button-logout a:hover {
  background-color: #67a8a7;
}

.codepen,
.profile {
  margin: 2em auto;
}

.codepen h1,
.profile h1 {
  color: #484848;
  font-weight: 100;
}

.codepen a,
.profile a {
  color: #1daaff;
}

.codepen a:hover,
.profile a:hover {
  color: #0072b6;
}

.profile {
  max-width: 600px;
  /* border: 1px solid #e1e1e1; */
  /* border-radius: 20px; */
  /* padding: 2em; */
  /* margin: 1em; */
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  position: relative;
  margin-right: 0px;
  padding-right: 50px;
  border-right: 1px solid #e1e1e1;
}

.profile .header-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.profile figure {
  margin: 0;
  width: 30%;
}

.profile figure img {
  max-width: 150px;
  /* max-height: 150px; */
  /* border-radius: 50%; */
  /* object-fit: cover; */
  padding: 10px;
  /* box-shadow: 0px 0px 20px rgba(21, 21, 21, 0.15);*/
}

.profile header {
  width: 70%;
}

.profile header h1 {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.profile header h1 small {
  display: block;
  clear: both;
  font-size: 18px;
  opacity: 0.6;
}

.profile main {
  display: block;
}

.profile main dl {
  display: block;
  width: 100%;
}

.profile main dl dt,
.profile main dl dd {
  float: left;
  padding: 8px 5px;
  margin: 0;
  border-bottom: 1px solid #e1e1e1;
}

.profile main dl dt a,
.profile main dl dd a {
  padding-right: 5px;
}

.profile main dl dt {
  width: 30%;
  padding-right: 10px;
  font-weight: bold;
}

.profile main dl dt:after {
  content: ":";
}

.profile main dl dd {
  width: 70%;
}

.profile .toggle {
  position: absolute;
  background: #fff;
  top: 30px;
  left: 30px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 24px;
  text-align: center;
  z-index: 20;
  vertical-align: middle;
  box-shadow: 0px 0px 10px rgba(21, 21, 21, 0.15);
  cursor: pointer;
  border-radius: 20px;
  user-select: none;
  transition: box-shadow 300ms ease;
}

.profile .toggle:hover {
  box-shadow: 0px 0px 10px rgba(21, 21, 21, 0.25);
}

.profile .toggle main {
  font-size: 16px;
}

.view_details {
  position: absolute;
  top: -5000px;
  left: -5000px;
}

label {
  display: block;
  cursor: pointer;
}

@media screen and (max-width: 520px) {
  .profile {
    padding: 1em;
    margin: 1em;
  }

  .profile img {
    max-width: 100%;
    height: auto;
  }

  .profile main dl,
  .profile main dl dt,
  .profile main dl dd {
    display: block;
    width: 100%;
    float: none;
  }

  .profile main dl dt {
    border-bottom: none;
  }

  .profile main dl dd {
    margin-bottom: 10px;
  }

  .profile .toggle {
    top: 15px;
    left: 15px;
  }
}

.myaccount-content p {
  color: #535353;
}

.myaccount-content form {
  margin-top: -20px;
}

.myaccount-content .welcome {
  padding: 1.5em;
  margin: 1em;
}

.myaccount-content .welcome h3 {
  color: #535353;
  font-size: 22px;
}

.myaccount-content .welcome p {
  color: #535353;
  font: 18px;
}

.myaccount-content .welcome p a {
  color: #535353;
}

.myaccount-content .welcome p a:hover {
  color: #67a8a7;
}

.myaccount-content .welcome strong {
  color: #535353;
}

.myaccount-content>p {
  color: #535353;
}

.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: 25px;
}

.myaccount-content .account-details-form .single-input-item label {
  font-size: 14px;
  /* text-transform: capitalize; */
  display: block;
  margin: 0 0 5px;
  color: #777;
}

.myaccount-content .account-details-form .single-input-item label span {
  color: red;
}

.myaccount-content .account-details-form .single-input-item span em {
  color: #777;
  font-size: 13px;
}

.myaccount-content .account-details-form .single-input-item input {
  height: 50px;
  padding: 2px 20px;
  color: #777;
  font-size: 14px;
  background-color: #eceff8;
  border: 1px solid #eceff8;
}

.myaccount-content .account-details-form .single-input-item input:focus {
  border: 1px solid #262626;
  background-color: transparent;
}

.myaccount-content .account-details-form .single-input-item input:focus {
  color: #262626;
}

.myaccount-content .account-details-form .single-input-item button {
  display: block;
  border: none;
  background-color: #262626;
  padding: 20px 55px;
  color: #fff;
  font-size: 18px;
  /* width: 200px; */
  margin: 0 auto;
}

.myaccount-content .account-details-form .single-input-item button:hover {
  background-color: #67a8a7;
}

.myaccount-content .account-details-form .single-input-item .password-input {
  display: block;
  position: relative;
}

.myaccount-content .account-details-form .single-input-item .password-input input {
  padding-right: 52px;
  width: 100%;
}

.myaccount-content .account-details-form .single-input-item .password-input .show-password-input {
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  bottom: 0;
  color: #262626;
  display: flex !important;
  font-size: 16px;
  justify-content: center;
  margin: 0;
  min-width: 0;
  opacity: 0.7;
  padding: 0 !important;
  position: absolute;
  right: 8px;
  top: auto;
  width: 40px;
  z-index: 2;
}

.myaccount-content .account-details-form .single-input-item .password-input .show-password-input:hover {
  background: transparent !important;
  color: #262626;
  opacity: 1;
}

.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 #fc4f4f;
  font-size: 14px;
  padding: 20px 0;
  color: #333;
}

/*-------- 29. About us style ---------*/
.skill-img {
  overflow: hidden;
  /* margin-left: 30px; */
  height: 325px;
}

.skill-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  cursor: pointer;
}

.skill-img:hover::before {
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 1;
  pointer-events: none;
}

.skill-img:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .skill-img {
    margin-left: 0px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .skill-img {
    margin-left: 0px;
    margin-bottom: 20px;
  }
}

.skill-content {
  margin-right: 30px;
}

@media only screen and (max-width: 767px) {
  .skill-content {
    margin-right: 0px;
  }
}

.skill-content h2 {
  font-size: 40px;
  margin: 0px 0 24px;
  font-weight: 600;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .skill-content h2 {
    font-size: 30px;
    margin: 0 0 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .skill-content h2 {
    font-size: 30px;
    margin: 0 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .skill-content h2 {
    font-size: 19px;
    margin: 0px 0 10px;
  }
}

.skill-content p {
  color: #777;
  line-height: 1.8em;
  margin: 0;
}

.skill-bar {
  overflow: hidden;
  padding-top: 11px;
  margin-top: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .skill-bar {
    margin-top: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .skill-bar {
    margin-top: 5px;
  }
}

.skill-bar .skill-bar-item {
  padding-bottom: 38px;
  position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .skill-bar .skill-bar-item {
    padding-bottom: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .skill-bar .skill-bar-item {
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .skill-bar .skill-bar-item {
    padding-bottom: 20px;
  }
}

.skill-bar .skill-bar-item>span {
  font-size: 12px;
  text-align: center;
  z-index: 2;
}

.skill-bar .skill-bar-item .progress {
  background-color: #EFEFEF;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 3px;
  margin-top: 9px;
  overflow: visible;
}

.skill-bar .skill-bar-item .progress .progress-bar {
  background-color: #232323;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  overflow: visible;
}

.skill-bar .skill-bar-item .progress .progress-bar span.text-top {
  color: #535353;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: -34px;
}

.skill-bar .skill-bar-item:nth-child(1) .progress-bar {
  width: 95%;
}

.skill-bar .skill-bar-item:nth-child(2) .progress-bar {
  width: 85%;
}

.skill-bar .skill-bar-item:nth-child(3) .progress-bar {
  width: 90%;
}

.skill-bar .skill-bar-item:nth-child(4) .progress-bar {
  width: 90%;
}

.skill-bar .skill-bar-item:last-child {
  padding-bottom: 0;
}

.testimonial-active-2 .slick-list {
  padding: 0 400px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .testimonial-active-2 .slick-list {
    padding: 0 200px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .testimonial-active-2 .slick-list {
    padding: 0 150px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-active-2 .slick-list {
    padding: 0 200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-active-2 .slick-list {
    padding: 0 100px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-active-2 .slick-list {
    padding: 0 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-active-2 .slick-list {
    padding: 0 100px;
  }
}

.single-testimonial-3 {
  background-color: #ffffff;
  border: 1px solid #262626;
  margin: 0px 30px 0px 30px;
  padding: 30px 60px 30px 60px;
  opacity: 0.3;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-testimonial-3 {
    padding: 30px 30px 30px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-testimonial-3 {
    padding: 30px 30px 30px 30px;
    margin: 0px 15px 0px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .single-testimonial-3 {
    padding: 30px 20px 30px 20px;
    margin: 0px 15px 0px 15px;
  }
}

.single-testimonial-3 i {
  color: #2F2F2F;
  font-size: 22px;
}

.single-testimonial-3 p {
  color: #535353;
  font-size: 18px;
  font-family: "Alegreya", serif;
  line-height: 1.8em;
  margin: 20px 0 0;
}

.single-testimonial-3 .client-info-wrap3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 43px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-testimonial-3 .client-info-wrap3 {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .single-testimonial-3 .client-info-wrap3 {
    margin-top: 20px;
  }
}

.single-testimonial-3 .client-info-wrap3 .client-img-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80px;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  margin-right: 25px;
}

.single-testimonial-3 .client-info-wrap3 .client-img-3 img {
  width: 100%;
}

.single-testimonial-3 .client-info-wrap3 .client-info-3 h3 {
  font-size: 18px;
  margin: 0 0 5px;
  line-height: 1;
}

.single-testimonial-3 .client-info-wrap3 .client-info-3 span {
  font-size: 12px;
  color: #535353;
}

.single-testimonial-3.slick-active {
  opacity: 1;
}

.testimonial-active-2 .slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 45px;
}

@media only screen and (max-width: 767px) {
  .testimonial-active-2 .slick-dots {
    margin-top: 20px;
  }
}

.testimonial-active-2 .slick-dots li {
  margin: 0 7px;
}

.testimonial-active-2 .slick-dots li button {
  border: none;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.18);
  color: #262626;
  font-size: 0px;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.testimonial-active-2 .slick-dots li button:hover {
  background-color: #262626;
}

.testimonial-active-2 .slick-dots li.slick-active button {
  background-color: #262626;
}

.team-wrap {
  position: relative;
  overflow: hidden;
}

.team-wrap:after {
  height: 100px;
  width: 150px;
  opacity: 0.9;
  z-index: 9;
  bottom: -40px;
  left: -65px;
  content: "";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  background-color: #fc4f4f;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  opacity: 1;
  visibility: visible;
}

.team-wrap img {
  width: 100%;
}

.team-wrap .team-content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.team-wrap .team-content h4 {
  font-size: 24px;
  color: #fff;
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-wrap .team-content h4 {
    font-size: 20px;
  }
}

.team-wrap .team-content span {
  font-size: 12px;
  color: #fff;
  margin: 3px 0 24px;
  display: block;
}

.team-wrap .team-content .team-social a {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 100%;
  margin: 0 5px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-wrap .team-content .team-social a {
    margin: 0 2px;
  }
}

.team-wrap .team-content .team-social a:hover {
  background-color: #2f2f2f;
  border: 1px solid #2f2f2f;
}

.team-wrap:hover:before {
  opacity: 0.9;
  background-color: #fc4f4f;
  pointer-events: none;
}

.team-wrap:hover:after {
  opacity: 0;
  visibility: hidden;
}

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

/*-------- 30. Contact style ---------*/
.contact-form-area {
  margin-right: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-form-area {
    margin-right: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-form-area {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-form-area {
    margin-right: 0px;
  }
}

.contact-form-area h2 {
  font-size: 30px;
  margin: 0 0 50px;
}

@media only screen and (max-width: 767px) {
  .contact-form-area h2 {
    font-size: 30px;
    margin: 0 0 20px;
  }
}

.contact-form-area input,
.contact-form-area textarea {
  height: 50px;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: #535353;
  font-size: 12px;
  padding: 2px 20px;
  margin-bottom: 20px;
}

.contact-form-area input::-webkit-input-placeholder,
.contact-form-area textarea::-webkit-input-placeholder {
  color: #535353;
  opacity: 1;
}

.contact-form-area input:focus,
.contact-form-area textarea:focus {
  border: 1px solid #262626;
}

.contact-form-area textarea {
  padding: 20px 20px;
  height: 200px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-form-area textarea {
    height: 160px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-form-area textarea {
    height: 120px;
  }
}

.contact-form-area .button {
  display: flex;
  justify-content: center;
}

.contact-form-area button.submit {
  background-color: #262626;
  color: #fff;
  padding: 12px 40px 12px;
  border: none;
  font-size: 12px;
}

.contact-form-area button.submit:hover {
  background-color: #67a8a7;
}

.contact-form-area .error {
  text-align: center;
  color: #db0000;
}

.contact-form-area .success {
  text-align: center;
  color: #02a902;
}

@media only screen and (max-width: 767px) {
  .contact-info-area {
    margin: 30px 0 0px;
  }
}

.contact-info-area h2 {
  font-size: 26px;
  margin: 0 0 50px;
}

@media only screen and (max-width: 767px) {
  .contact-info-area h2 {
    font-size: 30px;
    margin: 0 0 20px;
  }
}

.contact-info {
  border-bottom: 1px solid rgba(119, 119, 119, 0.2);
  margin-top: 20px;
  padding-top: 7px;
}

.contact-info:nth-last-child(1) {
  border-bottom: none;
}

.contact-info ul li {
  margin: 0 0 20px;
  color: #767676;
  font-size: 16px;
  display: flex;
}

.contact-info ul li i {
  font-size: 26px;
  position: relative;
  top: 0px;
  margin-right: 10px;
  color: #262626;
  font-weight: 600;
}

.contact-info ul li a {
  display: block;
  font-size: 17px;
}

.contact-info ul li a:hover {
  color: #67a8a7 !important;
}

.contact-info ul li:hover i.dlicon {
  color: #67a8a7 !important;
}

.section-map iframe {
  width: 100%;
}


/*-------- 33. Wishlist style ---------*/
@media only screen and (max-width: 767px) {
  .wishlist-main-area.pb-100 {
    padding-bottom: 60px;
  }
}

.wishlist-main-area .product-stock-status {
  text-align: center;
}

.wishlist-main-area .wishlist-items-wrapper .product-remove {
  width: 30px;
}

.wishlist-main-area .wishlist-items-wrapper .product-remove a {
  width: 28px;
  font-size: 28px;
  display: block;
  height: 28px;
  line-height: 52px;
  color: #262626;
}

.wishlist-main-area .wishlist-items-wrapper .product-thumbnail {
  width: 110px;
}

.wishlist-main-area .wishlist-items-wrapper .product-thumbnail a {
  width: 100px;
  height: 110px;
  display: block;
  max-width: 85px;
}

.wishlist-main-area .wishlist-items-wrapper .product-thumbnail a img {
  width: 100%;
  /* max-width: 85px; */
  height: 100%;
  object-fit: contain;
}

.wishlist-main-area .wishlist-items-wrapper .product-name {
  min-width: 200px;
}

.wishlist-main-area .wishlist-items-wrapper .product-name a {
  font-size: 14px;
  display: block;
  margin: 0 0 5px;
  color: #535353;
}

.wishlist-main-area .wishlist-items-wrapper .product-price {
  width: 57px;
  min-width: 80px;
}

.wishlist-main-area .wishlist-items-wrapper .product-price span {
  color: #262626;
  font-size: 16px;
}

.wishlist-main-area .wishlist-items-wrapper .product-stock-status span {
  font-size: 16px;
}

.wishlist-main-area .wishlist-items-wrapper .product-add-to-cart i {
  font-size: 32px;
  width: 32px;
  height: 32px;
  line-height: 40px;
  color: #262626;
}

.shop_table.wishlist_table.wishlist_view {
  border-collapse: collapse;
  border: none;
}

.wishlist-main-area .wishlist-items-wrapper .product-add-to-cart i:hover {
  color: #67a8a7;
}

.wishlist-main-area .wishlist-items-wrapper .product-name a:hover {
  color: #67a8a7;
}

.wishlist-main-area .wishlist-items-wrapper .product-remove a {
  color: #989898 !important;
  font-size: 25px;
  line-height: 30px;
  font-weight: 300;
}

.wishlist-main-area .wishlist-items-wrapper .product-remove a:hover {
  background: none;
  color: #67a8a7 !important;
}

.woocommerce table.shop_table th {
  border-top: medium none;
  font-size: 16px;
  text-transform: capitalize;
  vertical-align: middle;
  white-space: nowrap;
  font-weight: 400;
  text-transform: capitalize;
  padding: 13px 20px 12px 10px;
  color: #fff;
  letter-spacing: 1px;
}

.wishlist-main-area .wishlist-empty {
  font-size: 16px;
  /* display: block; */
  margin: 0 0 5px;
  color: #535353;
  padding: 30px 0;
}

.wishlist-table-content table {
  width: 100%;
}

.wishlist-table-content table thead {
  background-color: #f7f7f7;
}

.wishlist-table-content table thead>tr th {
  border-top: medium none;
  font-size: 16px;
  text-transform: capitalize;
  vertical-align: middle;
  white-space: nowrap;
  font-weight: 400;
  text-transform: capitalize;
  padding: 13px 20px 12px 10px;
  color: #8A8A8A;
  letter-spacing: 1px;
}

.wishlist-table-content table thead>tr th.wishlist-cart-none {
  width: 100px;
}

.wishlist-table-content table thead>tr th.wishlist-cart-none span {
  display: none;
}

@media only screen and (max-width: 767px) {
  .wishlist-table-content table thead>tr th {
    padding: 13px 10px 12px;
  }
}

.wishlist-table-content table tbody>tr td {
  font-size: 12px;
  padding: 30px 0px 0px;
  color: #535353;
}

@media only screen and (max-width: 767px) {
  .wishlist-table-content table tbody>tr td {
    padding: 30px 12px 0px 10px;
  }
}

.wishlist-table-content table tbody>tr td.wishlist-remove {
  width: 30px;
}

.wishlist-table-content table tbody>tr td.wishlist-remove a {
  color: #989898;
  font-size: 16px;
}

.wishlist-table-content table tbody>tr td.wishlist-img {
  width: 80px;
}

.wishlist-table-content table tbody>tr td.wishlist-name {
  min-width: 200px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-table-content table tbody>tr td.wishlist-name {
    width: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .wishlist-table-content table tbody>tr td.wishlist-name {
    width: 150px;
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 0;
  }
}

.wishlist-table-content table tbody>tr td.wishlist-name a {
  font-size: 14px;
  display: block;
  margin: 0 0 5px;
  color: #535353;
}

.wishlist-table-content table tbody>tr td.wishlist-name a:hover {
  color: #fc4f4f;
}

.wishlist-table-content table tbody>tr td.wishlist-stock {
  width: 170px;
  min-width: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-table-content table tbody>tr td.wishlist-stock {
    width: 120px;
  }
}

@media only screen and (max-width: 767px) {
  .wishlist-table-content table tbody>tr td.wishlist-stock {
    width: 100px;
  }
}

.wishlist-table-content table tbody>tr td.wishlist-stock span {
  font-size: 16px;
  font-weight: 400;
  color: #535353;
  display: inline-block;
  line-height: 1;
}

.wishlist-table-content table tbody>tr td.wishlist-price {
  width: 57px;
  min-width: 80px;
}

.wishlist-table-content table tbody>tr td.wishlist-price span {
  color: #262626;
  font-size: 16px;
}

.wishlist-table-content table tbody>tr td.wishlist-cart>a {
  display: inline-block;
  border: 2px solid #262626;
  line-height: 1;
  padding: 10px 20px;
  color: #262626;
  font-size: 14px;
  text-align: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wishlist-table-content table tbody>tr td.wishlist-cart>a {
    padding: 10px 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-table-content table tbody>tr td.wishlist-cart>a {
    padding: 10px 12px;
  }
}

@media only screen and (max-width: 767px) {
  .wishlist-table-content table tbody>tr td.wishlist-cart>a {
    width: 100px;
    padding: 10px 12px;
    text-align: center;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wishlist-table-content table tbody>tr td.wishlist-cart>a {
    width: 94px;
    padding: 10px 10px;
  }
}

.wishlist-table-content table tbody>tr td.wishlist-cart>a:hover {
  color: #67a8a7;
  border: 2px solid #67a8a7;
}

.shop_table li {
  margin: 0 0 10px;
  padding: 15px 15px 5px;
  position: relative;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
}

.shop_table li .item-wrapper .item-details .product-name h3 {
  font-size: 18px;
}

.shop_table li .item-wrapper .item-details .item-details-table {
  margin: 10px 0;
}

.shop_table li .item-wrapper .item-details .item-details-table td {
  padding: 0;
}

.shop_table li .item-wrapper .item-details .item-details-table .label {
  font-size: 13px;
}

.shop_table li .item-wrapper .item-details .item-details-table .value {
  font-size: 14px;
}

.shop_table li .additional-info-wrapper {
  display: flex;
  justify-content: space-between;
}

.shop_table li .additional-info-wrapper .additional-info {
  display: none;
}

.shop_table li .additional-info-wrapper a {
  color: #262626d4;
}

.shop_table li .additional-info-wrapper .product-add-to-cart {
  margin: 0;
  font-size: 18px;
}

.shop_table li .additional-info-wrapper .product-remove {
  margin: 0;
  font-size: 17px;
}

/*-------- 34. Not Found style ---------*/

#thanks {
  text-align: center;
}

#thanks h1 {
  font-size: 34px;
  font-weight: 600;
}

#thanks div {
  margin: 25px 0 40px;
}

#thanks div i {
  font-size: 60px;
  padding: 10px;
  border: 4px solid #262626;
  border-radius: 100%;
  color: #262626;
}

#thanks a {
  font-size: 12px;
  color: #535353;
  text-transform: uppercase;
  display: inline-block;
  font-size: 13px;
  color: #fff;
  padding: 15px 40px;
  background-color: #262626;
  font-weight: bold;
  line-height: 1;
}

#thanks a:hover {
  background-color: rgb(103, 168, 167);
}

/*-------- 35. Not Found style ---------*/

#not-found .center {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#not-found .error {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
}

#not-found .number {
  font-weight: 900;
  font-size: 15rem;
  line-height: 1;
  color: #262626;
}

#not-found .illustration {
  position: relative;
  width: 12.2rem;
  margin: 0 2.1rem;
}

#not-found .circle {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 12.2rem;
  height: 11.4rem;
  border-radius: 50%;
  background-color: #67a8a7;
}

#not-found .clip {
  position: absolute;
  bottom: 0.3rem;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  width: 12.5rem;
  height: 13rem;
  border-radius: 0 0 50% 50%;
}

#not-found .paper {
  position: absolute;
  bottom: -0.3rem;
  left: 50%;
  transform: translateX(-50%);
  width: 9.2rem;
  height: 12.4rem;
  border: 0.3rem solid #293b49;
  background-color: white;
  border-radius: 0.8rem;
}

#not-found .paper::before {
  content: "";
  position: absolute;
  top: -0.7rem;
  right: -0.7rem;
  width: 1.4rem;
  height: 1rem;
  background-color: white;
  border-bottom: 0.3rem solid #293b49;
  transform: rotate(45deg);
}

#not-found .face {
  position: relative;
  margin-top: 2.3rem;
}

#not-found .eyes {
  position: absolute;
  top: 0;
  left: 2.4rem;
  width: 4.6rem;
  height: 0.8rem;
}

#not-found .eye {
  position: absolute;
  bottom: 0;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: #293b49;
  animation-name: eye;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

#not-found .eye-left {
  left: 0;
}

#not-found .eye-right {
  right: 0;
}

@keyframes eye {
  0% {
    height: 0.8rem;
  }

  50% {
    height: 0.8rem;
  }

  52% {
    height: 0.1rem;
  }

  54% {
    height: 0.8rem;
  }

  100% {
    height: 0.8rem;
  }
}

#not-found .rosyCheeks {
  position: absolute;
  top: 1.6rem;
  width: 1rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #fdabaf;
}

#not-found .rosyCheeks-left {
  left: 1.4rem;
}

#not-found .rosyCheeks-right {
  right: 1.4rem;
}

#not-found .mouth {
  position: absolute;
  top: 3.1rem;
  left: 50%;
  width: 1.6rem;
  height: 0.2rem;
  border-radius: 0.1rem;
  transform: translateX(-50%);
  background-color: #293b49;
}

#not-found .text {
  margin-top: 5rem;
  font-weight: 300;
  font-size: 22px;
  color: #293b49;
  text-align: center;
}

#not-found .button {
  margin-top: 4rem;
  padding: 1.2rem 3rem;
  color: white;
  background-color: #67a8a7;
  font-size: 18px;
}

#not-found .button:hover {
  background-color: #262626;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  #not-found .center {
    padding: 85px 0 35px;
  }

  #not-found .number {
    font-size: 7rem;
    /* Зменшуємо розмір number */
  }

  #not-found .illustration {
    width: 6.1rem;
    /* Зменшуємо ширину illustration на 50% */
    margin: 0 1.05rem;
    /* Зменшуємо margin на 50% */
  }

  #not-found .circle {
    width: 6.1rem;
    /* Зменшуємо ширину circle на 50% */
    height: 5.7rem;
    /* Зменшуємо height на 50% */
  }

  #not-found .clip {
    width: 6.25rem;
    /* Зменшуємо ширину clip на 50% */
    height: 6.5rem;
    /* Зменшуємо height на 50% */
  }

  #not-found .paper {
    width: 4.6rem;
    /* Зменшуємо ширину paper на 50% */
    height: 6.2rem;
    /* Зменшуємо height на 50% */
    border: 0.15rem solid #293b49;
    /* Зменшуємо border на 50% */
    border-radius: 0.4rem;
    /* Зменшуємо border-radius на 50% */
  }

  #not-found .face {
    margin-top: 1.15rem;
    /* Зменшуємо margin-top на 50% */
  }

  #not-found .eyes {
    top: 0;
    left: 1.2rem;
    width: 2.3rem;
    /* Зменшуємо width на 50% */
    height: 0.4rem;
    /* Зменшуємо height на 50% */
  }

  #not-found .eye {
    width: 0.4rem;
    /* Зменшуємо width на 50% */
    height: 0.4rem;
    /* Зменшуємо height на 50% */
  }

  #not-found .rosyCheeks {
    top: 0.8rem;
    /* Зменшуємо top на 50% */
    width: 0.5rem;
    /* Зменшуємо width на 50% */
    height: 0.1rem;
    /* Зменшуємо height на 50% */
  }

  #not-found .mouth {
    top: 1.55rem;
    /* Зменшуємо top на 50% */
    width: 0.8rem;
    /* Зменшуємо width на 50% */
    height: 0.1rem;
    /* Зменшуємо height на 50% */
  }
}

.privacy-area {
  position: relative;
}

.privacy-area ul {
  list-style: inside;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #777;
  margin-bottom: 15px;
  font-family: "Poppins", sans-serif;
}

.aplus-product-group.has-product-group,
.aplus-product-grid-group.has-product-group {
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
  padding: 12px 14px 14px;
}

.aplus-product-grid-group.has-product-group {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 5px 5px 24px;
  padding: 14px 8px 8px;
}

.aplus-product-group-title {
  display: none;
  color: #222;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 8px;
}

.aplus-product-grid-group .aplus-product-group-title {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 8px;
}

.aplus-product-group-body {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  width: 100%;
}

.aplus-product-group-media {
  flex: 0 0 190px;
  max-width: 190px;
}

.aplus-product-group-media .product-img {
  height: 190px;
  margin-bottom: 0;
}

.aplus-product-group-items {
  flex: 1 1 auto;
  min-width: 0;
}

.custom-col-100-shop {
  flex: 0 0 100%;
  max-width: 100%;
}

.aplus-product-group.has-product-group .shop-list-wrap {
  box-shadow: none;
  border: 0;
  border-top: 1px solid #f0f0f0;
  margin-bottom: 0;
  padding: 12px 38px 12px 8px;
}

.aplus-product-group.has-product-group .aplus-product-group-items .shop-list-wrap:first-child {
  border-top: 0;
}

.aplus-product-group.has-product-group .shop-list-wrap.in-cart {
  margin-top: 12px;
  padding-top: 12px;
}

.aplus-product-group.has-product-group .aplus-product-group-items .shop-list-wrap:first-child.in-cart {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .aplus-product-group-body {
    display: block;
  }

  .aplus-product-group-media {
    max-width: 100%;
  }
}

.aplus-product-group .shop-list-wrap.in-cart {
  background-color: #edf6f5;
}

.aplus-product-group.no-product-group.in-cart .aplus-product-group-body {
  background-color: #edf6f5;
  border-radius: 10px;
  padding: 12px 38px 12px 12px;
  position: relative;
  overflow: hidden;
}

.aplus-product-group.no-product-group.in-cart .shop-list-wrap.in-cart {
  background-color: transparent;
  padding: 0;
  position: static;
  overflow: visible;
}

.aplus-product-group .shop-list-wrap .row {
  margin-left: 0;
  margin-right: 0;
}

.aplus-product-group .shop-list-wrap>.product-quantity {
  top: 12px;
  right: 12px;
}

.aplus-product-group.no-product-group .shop-list-wrap>.product-quantity {
  top: 12px;
  right: 12px;
}

.aplus-product-group .shop-list-wrap .cart-active {
  font-size: 21px;
}

.aplus-product-group .shop-list-content {
  margin-top: 0;
}

.aplus-product-group .shop-list-content.ml-20 {
  margin-left: 0;
}

.aplus-product-group .shop-list-content.mr-20 {
  margin-right: 0;
}

.aplus-product-group .shop-list-content h3 {
  font-size: 20px;
  line-height: 1.25;
  margin: 0 0 8px;
}

.aplus-product-group .pro-list-price {
  margin-bottom: 8px;
}

.aplus-product-group .shop-list-content .pro-list-price span {
  font-size: 15px;
}

.aplus-product-group .shop-list-content .product-list-action {
  display: block;
}

.aplus-product-group .product-details-action-wrap.content-product-full {
  justify-content: flex-start;
}

.aplus-product-group .quantity {
  margin-right: 14px;
}

.aplus-product-group .shop-list-content .product-list-action .pro-list-actioncart {
  margin: 0 0 0 12px;
}

.aplus-product-group .shop-list-content .product-list-action .pro-list-actioncart button {
  min-width: 165px;
  padding: 12px 22px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .aplus-product-group .shop-list-wrap .row {
    align-items: center;
  }
}

@media only screen and (max-width: 767px) {

  .aplus-product-group.has-product-group,
  .aplus-product-grid-group.has-product-group {
    padding: 12px;
  }

  .aplus-product-group-media {
    margin-bottom: 14px;
  }

  .aplus-product-group-media .product-img {
    height: 180px;
  }

  .aplus-product-group.has-product-group .shop-list-wrap {
    padding-right: 34px;
  }
}

.aplus-hidden-update-cart {
  display: none !important;
}

.aplus-minimum-order-disabled,
.aplus-place-order-disabled {
  cursor: not-allowed !important;
  opacity: 0.55;
  pointer-events: auto;
}

.aplus-account-orders-table {
  border: 1px solid #d7d7d7;
  border-collapse: collapse;
  border-radius: 4px;
  margin: 0 0 12px;
  overflow: hidden;
  width: 100%;
}

.aplus-account-orders-table thead th {
  background: #2f2f2f;
  border: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
  padding: 15px 18px;
  text-align: center;
}

.aplus-account-orders-table tbody tr.aplus-account-order-row {
  background: #fff;
}

.aplus-account-orders-table tbody tr.aplus-account-order-row td {
  background: #fff;
  border-bottom: 1px solid #e4e4e4;
  color: #535353;
  font-size: 14px;
  font-weight: 500;
  padding: 14px 18px;
  vertical-align: middle;
  text-align: center;
}

.aplus-account-orders-table tbody tr.aplus-account-order-row:hover td {
  background: #fafafa;
}

.aplus-order-status {
  border-radius: 3px;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  min-width: 86px;
  padding: 7px 10px;
  text-align: center;
}

.aplus-order-status--success {
  background: #dff3e6;
  color: #207743;
}

.aplus-order-status--warning {
  background: #fff1bf;
  color: #846200;
}

.aplus-order-status--danger {
  background: #ffd8d8;
  color: #a91f1f;
}

.aplus-order-toggle,
.aplus-order-again-button {
  background: #2f2f2f;
  border: 0;
  border-radius: 0;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  min-width: 94px;
  padding: 8px 12px;
  text-align: center;
  text-decoration: none;
  transition: background-color 180ms ease, color 180ms ease;
}

.aplus-order-toggle:hover,
.aplus-order-again-button:hover {
  background: #67a8a7;
  color: #fff;
}

.aplus-account-order-details-row>td {
  background: #fff;
  border: 0;
  border-bottom: 1px solid #e4e4e4;
  padding: 0 !important;
}

.aplus-account-order-details {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-4px);
  transition: max-height 320ms ease, opacity 220ms ease, padding 220ms ease, transform 220ms ease;
}

.aplus-account-order-details-row.is-open .aplus-account-order-details {
  max-height: 3000px;
  opacity: 1;
  padding: 18px;
  transform: translateY(0);
}

.aplus-account-order-products {
  border-collapse: collapse;
  background: #fff;
  width: 100%;
}

.aplus-account-order-products th {
  background: #111;
  border-bottom: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  padding: 14px 12px;
  text-align: left;
  text-transform: uppercase;
}

.aplus-account-order-products td {
  background: #fff;
  border-bottom: 1px solid #eeeeee;
  color: #535353;
  font-size: 14px;
  font-weight: 500;
  padding: 12px;
  vertical-align: middle;
}

.aplus-account-order-products td:nth-child(2),
.aplus-account-order-products td:nth-child(3),
.aplus-account-order-products td:nth-child(4),
.aplus-account-order-products th:nth-child(2),
.aplus-account-order-products th:nth-child(3),
.aplus-account-order-products th:nth-child(4) {
  text-align: center;
  white-space: nowrap;
}

.aplus-account-order-products a {
  color: #535353;
}

.aplus-account-order-products a:hover {
  color: #67a8a7;
}

.aplus-order-product {
  align-items: center;
  display: flex;
  gap: 16px;
  min-width: 0;
}

.aplus-order-product__image {
  align-items: center;
  border: 1px solid #eeeeee;
  display: flex;
  flex: 0 0 58px;
  height: 58px;
  justify-content: center;
  width: 58px;
}

.aplus-order-product__image img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.aplus-order-product__name {
  line-height: 1.45;
  min-width: 0;
}

.aplus-account-order-footer {
  align-items: center;
  background: #fff;
  border-top: 1px solid #e4e4e4;
  display: flex;
  justify-content: space-between;
  padding: 18px 0 0;
}

.aplus-account-order-summary {
  align-items: baseline;
  display: flex;
  gap: 8px;
}

.aplus-account-order-summary span {
  color: #535353;
  font-size: 17px;
  font-weight: 700;
}

.aplus-account-order-summary strong {
  color: #1f1f1f;
  font-size: 18px;
  font-weight: 700;
  min-width: 0;
  text-align: left;
}

.aplus-order-again-button {
  margin-top: 0;
}

.aplus-account-orders-pagination {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: center;
  margin-top: 24px;
}

.aplus-account-orders-pagination a,
.aplus-account-orders-pagination span {
  align-items: center;
  color: #777;
  display: inline-flex;
  height: 28px;
  justify-content: center;
  min-width: 28px;
  padding: 0 8px;
}

.aplus-account-orders-pagination a.current {
  border: 1px solid #1f1f1f;
  color: #1f1f1f;
}

.aplus-account-orders-pagination a:hover {
  color: #67a8a7;
}

@media only screen and (max-width: 767px) {
  .aplus-account-orders-table {
    border: 0;
  }

  .aplus-account-orders-table thead {
    display: none;
  }

  .aplus-account-orders-table,
  .aplus-account-orders-table tbody,
  .aplus-account-orders-table tr,
  .aplus-account-orders-table td {
    display: block;
    width: 100%;
  }

  .aplus-account-orders-table tbody tr.aplus-account-order-row td {
    align-items: center;
    background: #fff;
    border: 1px solid #eeeeee;
    border-bottom: 0;
    display: flex;
    justify-content: space-between;
    padding: 11px 14px;
    text-align: right;
  }

  .aplus-account-orders-table tbody tr.aplus-account-order-row td::before,
  .aplus-account-order-products td::before {
    color: #1f1f1f;
    content: attr(data-title);
    font-weight: 700;
    padding-right: 16px;
    text-align: left;
  }

  .aplus-account-orders-table tbody tr.aplus-account-order-row td:last-child {
    border-bottom: 1px solid #eeeeee;
  }

  .aplus-account-order-details-row>td {
    border: 0;
  }

  .aplus-account-order-details-row.is-open .aplus-account-order-details {
    padding: 14px 0 18px;
  }

  .aplus-account-order-products thead {
    display: none;
  }

  .aplus-account-order-products,
  .aplus-account-order-products tbody,
  .aplus-account-order-products tr,
  .aplus-account-order-products td {
    display: block;
    width: 100%;
  }

  .aplus-account-order-products tr {
    background: #fff;
    border-bottom: 1px solid #efefef;
    padding: 12px 14px;
  }

  .aplus-account-order-products td,
  .aplus-account-order-products td:nth-child(2),
  .aplus-account-order-products td:nth-child(3),
  .aplus-account-order-products td:nth-child(4) {
    align-items: flex-start;
    border-bottom: 0;
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    text-align: right;
    white-space: normal;
  }

  .aplus-account-order-products td:first-child {
    display: flex;
    text-align: left;
  }

  .aplus-order-product {
    gap: 12px;
    justify-content: flex-end;
    text-align: right;
  }

  .aplus-order-product__image {
    display: none;
  }

  .aplus-account-order-footer {
    gap: 12px;
    padding: 14px;
  }

  .aplus-account-order-summary {
    display: block;
  }

  .aplus-account-order-summary span,
  .aplus-account-order-summary strong {
    font-size: 16px;
  }

  .aplus-order-again-button {
    align-self: center;
    min-width: 118px;
  }
}