/*-----------------------------------------------------------------------------------
    Template Name: Flone
-----------------------------------------------------------------------------------

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

    1. Template default CSS
    2. Header style
    3. Slider style
    4. Support style
    5. Section title style
    6. Product style
    7. Blog style
    8. Footer style
    9. Banner style
    10. Suscribe style
    11. About style
    12. instagram style
    13. Testimonial style
    14. Brand logo style
    15. Timer style
    16. Breadcrumb style
    17. Sidebar style
    18. Shop page
    19. Product details page
    20. Cart page
    21. Checkout page
    22. contact Page
    23. Blog Details Page
    24. login register Page
    25. My account Page
    26. Blog Custom CSS
    27. WooCommerce Custom CSS

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

/* main style start */
#flone-preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f7f7f7;
  z-index: 999999;
}

.flone-preloader {
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 0px;
  text-align: left;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}

.flone-preloader span {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #7460ef;
  -webkit-animation: preloader 1.3s linear infinite;
  animation: preloader 1.3s linear infinite;
}

.flone-preloader span:last-child {
  animation-delay: -0.8s;
  -webkit-animation-delay: -0.8s;
}

@keyframes preloader {
  0% {
    transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

@-webkit-keyframes preloader {
  0% {
    -webkit-transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 0;
  }
}

/*--- end of flone preloader ---*/

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

/*  1. Template default CSS
/*----------------------------------------*/

/*-- Common Style --*/

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

body {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 10px;
}

p {
  font-weight: 400;
  margin-bottom: 15px;
}

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

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

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

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

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

blockquote {
  background: #f6f6f6;
  border-left: 4px solid #a749ff;
  font-size: 1em;
  font-style: italic;
  line-height: 26px;
  padding: 20px 45px;
  margin: 15px 0;
}

/*--
    - Common Classes
-----------------------------------------*/

.fix {
  overflow: hidden;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

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

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

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

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

a:hover {
  color: #a749ff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*************************
      Margin right
*************************/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*************************
      Margin bottom
*************************/

.mb-0 {
  margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*************************
        Margin left
*************************/

.ml-0 {
  margin-left: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*************************
        Padding top
*************************/

.pt-0 {
  padding-top: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 (max-width: 767px) {
  .pt-125 {
    padding-top: 55px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*************************
        Padding right
*************************/

.pr-0 {
  padding-right: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*************************
        Padding bottom
*************************/

.pb-0 {
  padding-bottom: 0;
}

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

.pb-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-50 {
  padding-bottom: 50px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*************************
        Padding left
*************************/
.pl-0 {
  padding-left: 0;
}
.pl-10 {
  padding-left: 10px;
}
.pl-15 {
  padding-left: 15px;
}
.pl-20 {
  padding-left: 20px;
}
.pl-30 {
  padding-left: 30px;
}
.pl-40 {
  padding-left: 40px;
}
.pl-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 {
  border: 1px solid #c8c6c6;
  height: 40px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 10px;
  font-size: 14px;
  color: #333;
  width: 100%;
}

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

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

input:focus {
  background: transparent;
}

.woocommerce button:focus,
.woocommerce li:focus,
.product a:focus {
  outline: none;
}

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

textarea:focus {
  background: transparent;
  outline: none;
}

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

.custom-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

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

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

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

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

.custom-row-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.custom-row-2 div[class^="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}

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

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

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .custom-row-2 {
    margin-right: -5px;
    margin-left: -5px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .custom-row-2 {
    margin-right: -5px;
    margin-left: -5px;
  }
}

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

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

.custom-row-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -13.6px;
  margin-left: -13.6px;
}

.custom-row-3 div[class^="col-"] {
  padding-left: 13.6px;
  padding-right: 13.6px;
}

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

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .custom-row-3 {
    margin-right: -13.6px;
    margin-left: -13.6px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .custom-row-3 {
    margin-right: -13.6px;
    margin-left: -13.6px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-row-3 {
    margin-right: -13.6px;
    margin-left: -13.6px;
  }
}

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

.custom-col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  width: 100%;
  min-height: 1px;
}

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

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .custom-col-5 {
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-col-5 {
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .custom-col-5 {
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

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

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

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

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mobile-menu-area {
    display: block;
  }
}

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

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

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

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

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

.mean-container .mean-bar {
  margin-bottom: 15px;
}

header .stick .mean-container .mean-bar,
header.stick .mean-container .mean-bar {
  margin-bottom: 0;
}

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

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

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

/*--
    Scroll Up
-----------------------------------------*/

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

@media only screen and (max-width: 767px) {
  #scrollUp {
    width: 40px;
    height: 40px;
  }
}

#scrollUp i {
  display: block;
  line-height: 50px;
  font-size: 22px;
}

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

#scrollUp:hover i {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.height-100 {
  height: 100vh;
}

/*--
    - Background Color
------------------------------------------*/

.bg-purple {
  background-color: #f0e0ff;
}

.flone-bg-gray {
  background-color: #f6f6f8;
}

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

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

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

.flone-bg-black {
  background-color: #000000;
}

.bg-glaucous {
  background-color: #daedff;
}

.bg-aqua {
  background-color: #dbfffb;
}

.default-overlay {
  position: relative;
}

.default-overlay:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  right: 0;
  bottom: 0;
}

.btn-hover a,
.single_add_to_cart_button {
  position: relative;
  -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;
}

.btn-hover a:hover,
.single_add_to_cart_button:hover {
  border: 1px solid #a749ff;
  color: #fff;
}

.btn-hover a::before,
.btn-hover a::after,
.single_add_to_cart_button::before,
.single_add_to_cart_button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
}

.btn-hover a::after,
.single_add_to_cart_button::after {
  width: 0;
  left: auto;
  right: 0;
  background: #a749ff;
}

.btn-hover a:hover::after,
.woocommerce button.single_add_to_cart_button:hover::after {
  width: 100%;
  left: 0;
  right: auto;
  content: "";
  margin: 0;
}

a.default-btn {
  font-size: 16px;
  color: #010101;
  display: inline-block;
  border: 1px solid #333;
  text-transform: uppercase;
  line-height: 1;
  padding: 19px 50px 21px;
}

/* slider img bounce */

@-webkit-keyframes bounce-img {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes bounce-img {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

/*----- 2. Header style ----*/

.header-bottom .row,
header.stick .row,
.header_style_4 .row,
.header_style_5 .row,
.header_style_7 .row {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.header-area {
  position: relative;
}

.sticky-bar.stick {
  -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
  background-color: #fff;
  border-bottom: 0 solid #4a90e2;
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.06);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  left: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.admin-bar .sticky-bar.stick {
  top: 32px;
}

.admin-bar .zoomContainer {
  margin-top: -32px;
}

.admin-bar .inner-wrapper-sticky {
  margin-top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .sticky-bar.stick {
    top: 46px;
  }
  .admin-bar .zoomContainer {
    margin-top: -46px;
  }
}

@media screen and (max-width: 600px) {
  .admin-bar .sticky-bar.stick {
    top: 0;
  }
  .admin-bar .zoomContainer {
    margin-top: -46px;
  }
}

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

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-padding-1 .container-fluid {
    padding: 0 35px;
  }
}

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

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

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

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

@media only screen and (max-width: 767px) {
  .header-res-padding {
    padding: 20px 0 20px;
  }
  .transparent-bar {
    position: inherit;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .logo {
    margin-top: 0px;
  }
  .header-offcanvas-menu .custom-logo-position {
    text-align: center !important;
  }
}

@media only screen and (max-width: 767px) {
  .logo {
    margin-top: 0px;
  }
  .header-offcanvas-menu .custom-logo-position {
    text-align: right !important;
  }
}
.logo.logo-hm5 .sticky-block {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .logo.logo-hm5 {
    margin-top: 0px;
    text-align: center !important;
  }
}
@media only screen and (max-width: 767px) {
  .logo.logo-hm5 {
    margin-top: 0px;
    text-align: left !important;
  }
}
.stick .logo-hm5 .sticky-block {
  display: block;
}
.stick .logo-hm5 .sticky-none {
  display: none;
}

/*header menu*/
.main-menu nav ul {
  display: block;
  text-align: right;
  margin-left: 0;
  margin-bottom: 0;
}
.header_style_2 .main-menu nav ul {
  text-align: center;
}
.has_header_icons ul {
  text-align: center;
}
.has_header_icons .flone-site-mobile-menu ul {
  text-align: left;
}
.main-menu nav ul li {
  display: inline-block;
  padding: 0 15px;
  position: relative;
}
.main-menu nav ul > li {
  padding-right: 0;
  padding-left: 30px;
}
.main-menu nav ul > li.menu-item-has-children {
  padding-right: 15px;
}
.main-menu nav > ul > li:first-child {
  padding-left: 0;
}
.main-menu nav > ul > li:last-child {
  padding-right: 0;
}

.main-menu nav ul li ul.sub-menu {
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
  display: block;
  left: 0;
  padding: 20px 0px 22px;
  position: absolute;
  top: 100%;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 190px;
  z-index: 999;
}

.header_style_1 .main-menu nav ul li ul.sub-menu {
  width: 226px;
}

.flone_header_4 .main-menu nav ul li ul.sub-menu {
  width: 190px;
}

.main-menu nav ul li ul.sub-menu li {
  display: block;
  padding: 0 20px;
  padding-bottom: 6px;
  margin-left: 0px;
}

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

.main-menu nav ul li ul.sub-menu li a {
  color: #333;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 2;
  text-align: left;
  text-transform: capitalize;
  padding-top: 0px;
}

.main-menu nav ul li ul.sub-menu li a:hover {
  color: #a749ff;
}

.main-menu nav ul li ul.sub-menu li a::before {
  background: #a749ff none repeat scroll 0 0;
  border-radius: 50%;
  content: "";
  height: 7px;
  left: 15px;
  opacity: 0;
  position: absolute;
  top: 9px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 7px;
  z-index: 999;
}

.main-menu nav ul li ul.sub-menu ul.sub-menu {
  left: 100%;
  top: 100%;
  margin-top: -30px;
}

.main-menu nav ul li ul.sub-menu ul.sub-menu ul.sub-menu,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu {
  left: -100%;
}

.main-menu nav ul li ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu
  ul.sub-menu {
  left: 100%;
}

.main-menu nav ul li ul.sub-menu li:hover a::before,
.main-menu nav ul li ul.sub-menu ul.sub-menu li ul.sub-menu li:hover a::before,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li:hover
  a::before,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  ul.sub-menu
  li:hover
  a::before,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  ul.sub-menu
  li:hover
  a::before,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  ul.sub-menu
  li:hover
  a::before,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  ul.sub-menu
  li:hover
  a::before,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  ul.sub-menu
  li:hover
  a::before,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  ul.sub-menu
  li:hover
  a::before,
.main-menu nav ul li ul.sub-menu ul.sub-menu li:hover a::before {
  opacity: 1;
}

.main-menu nav ul li ul.sub-menu ul.sub-menu li a::before {
  opacity: 0;
}

.main-menu nav ul li ul.sub-menu ul.sub-menu li ul.sub-menu li a::before,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  a::before,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  a::before,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  a::before,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  a::before,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  a::before,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  a::before,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  a::before,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  ul.sub-menu
  li
  a::before {
  opacity: 0;
}

.main-menu nav ul li ul.sub-menu ul.sub-menu li a,
.main-menu nav ul li ul.sub-menu ul.sub-menu li:hover ul.sub-menu li a,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li
  a,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li
  a,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li
  a,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li
  a,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li
  a,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li
  a,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li
  a,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li
  a {
  padding-left: 0;
}

.main-menu nav ul li ul.sub-menu li:hover a,
.main-menu nav ul li ul.sub-menu li:hover ul.sub-menu li:hover a,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  a,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  a,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  a,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  a,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  a,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  a,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  a,
.main-menu
  nav
  ul
  li
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  ul.sub-menu
  li:hover
  a {
  padding-left: 12px;
}

/*mega menu*/
.main-menu nav ul li ul.mega-menu > li ul li a::after,
.main-menu nav ul li ul.sub-menu li a::after {
  position: absolute;
  content: attr(title);
  color: #a749ff;
  font-size: 11px;
  margin-left: 5px;
}
.main-menu nav ul li ul.mega-menu,
.sidebar-menu nav ul li ul.mega-menu {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 90% 100%;
  display: block;
  left: 0;
  padding: 40px 40px 20px 40px;
  position: absolute;
  text-align: left;
  top: 100%;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 750px;
  z-index: 999;
  -webkit-box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
  margin-left: 0;
  box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
}
.flone_header_4 .container-fluid .main-menu nav ul li ul.mega-menu {
  margin-left: 0;
  left: 0;
}
.header_style_1 .container-fluid .main-menu nav ul li ul.mega-menu {
  left: 50%;
  margin-left: -375px;
}

.sidebar-menu nav ul li ul.mega-menu {
  left: 100%;
  top: 0;
  margin-left: 0;
}

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

.main-menu
  nav
  ul
  li
  ul.mega-menu
  > li
  .sidebar-menu
  nav
  ul
  li
  ul.mega-menu
  > li {
  display: inline-block;
  float: left;
  margin-left: 0;
  padding: 0;
  width: 33.33%;
}

.main-menu nav ul li ul.mega-menu > li ul.sub-menu,
.sidebar-menu nav ul li ul.mega-menu > li ul.sub-menu {
  position: inherit;
  visibility: visible;
  transform: inherit;
  padding: 0;
  margin: 0;
  width: auto;
  box-shadow: none;
  background: transparent;
  left: 0;
}

#primary-menu ul.mega-menu .menu-item-has-children::after {
  display: none;
}

.main-menu nav ul li ul.mega-menu li.menu-item-has-children,
.sidebar-menu nav ul li ul.mega-menu li.menu-item-has-children {
  float: left;
  width: 33.33%;
}

.main-menu nav ul li ul.mega-menu > li,
.sidebar-menu nav ul li ul.mega-menu > li {
  margin-bottom: 20px;
}

.main-menu nav ul li ul.mega-menu li a.menu_title,
.sidebar-menu nav ul li ul.mega-menu li a.menu_title {
  color: #242424;
  margin: 0 0 10px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
}

.main-menu nav ul li ul.mega-menu > li ul li.mega-menu-title a::before,
.sidebar-menu nav ul li ul.mega-menu > li ul li.mega-menu-title a::before {
  display: none;
}

.main-menu nav ul li ul.mega-menu > li ul li.mega-menu-title:hover a,
.sidebar-menu nav ul li ul.mega-menu > li ul li.mega-menu-title:hover a {
  padding-left: 0px;
}

.main-menu nav ul li ul.mega-menu > li ul li,
.sidebar-menu nav ul li ul.mega-menu > li ul li {
  display: block;
  float: inherit;
  padding: 0px;
}

.main-menu nav ul li ul.mega-menu > li ul li a,
.sidebar-menu nav ul li ul.mega-menu > li ul li a {
  color: #333;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  text-transform: capitalize;
  padding-top: 0px;
}

.main-menu nav ul li ul.mega-menu > li ul li a:hover,
.sidebar-menu nav ul li ul.mega-menu > li ul li a:hover,
.main-menu .sub-menu > li > a:focus {
  color: #a749ff;
}

.main-menu nav ul li ul.mega-menu > li ul li a::before,
.sidebar-menu nav ul li ul.mega-menu > li ul li a::before {
  background: #a749ff none repeat scroll 0 0;
  border-radius: 50%;
  content: "";
  height: 7px;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 13px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 7px;
  z-index: 999;
}

.main-menu nav ul li ul.mega-menu > li ul li.mega-menu-img:hover a,
.sidebar-menu nav ul li ul.mega-menu > li ul li.mega-menu-img:hover a {
  padding-left: 0px;
}

.main-menu nav ul li ul.mega-menu > li ul li.mega-menu-img a::before,
.sidebar-menu nav ul li ul.mega-menu > li ul li.mega-menu-img a::before {
  display: none;
}

.main-menu nav ul li ul.mega-menu > li ul li:hover a::before,
.sidebar-menu nav ul li ul.mega-menu > li ul li:hover a::before {
  opacity: 1;
}

.main-menu nav ul li ul.mega-menu > li ul li:hover a,
.sidebar-menu nav ul li ul.mega-menu > li ul li:hover a {
  padding-left: 12px;
}

.main-menu nav ul li:hover > ul.sub-menu,
.main-menu nav ul li.focus > ul.sub-menu {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  visibility: visible;
}

.main-menu nav ul li:hover > ul.mega-menu,
.sidebar-menu nav ul li:hover > ul.mega-menu {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  visibility: visible;
}

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

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

.main-menu nav ul li > a {
  font-size: 15px;
  color: #555252;
  font-weight: 500;
  letter-spacing: 0.8px;
  display: inline-block;
  line-height: 94px;
}

.main-menu nav ul li > a i {
  font-size: 15px;
  margin-left: 1px;
  position: relative;
  top: 0px;
}

.main-menu nav ul li:hover a,
#primary-menu .menu-item-has-children:hover::after {
  color: #a749ff;
}

.main-menu.menu-white nav ul {
  text-align: left;
}

.main-menu.menu-white nav ul li {
  padding: 0 30px 0 0;
}

.main-menu.menu-white nav ul li > a {
  color: #ffffff;
  line-height: 112px;
}

.stick .main-menu.menu-white nav ul li a {
  color: #555252;
}

.stick .main-menu.menu-white nav ul li a:hover {
  color: #a749ff;
}

.stick .main-menu nav ul li a {
  line-height: 75px;
}

@media (min-width: 992px) {
  nav ul#primary-menu > li.menu-item-has-children > a {
    position: relative;
  }
  .sidebar-menu nav ul#primary-menu > li.menu-item-has-children > a::after,
  .sidebar-menu
    nav
    ul#primary-menu
    > li.menu-item-has-children
    ul.sub-menu
    li.menu-item-has-children::after {
    position: absolute;
    content: "";
  }
  nav ul#primary-menu > li.menu-item-has-children > a::after,
  nav
    ul#primary-menu
    > li.menu-item-has-children
    ul.sub-menu
    li.menu-item-has-children::after {
    position: absolute;
    font-weight: 900;
    content: "\e688";
    top: 50%;
    transform: translateY(-50%);
    font-family: "Pe-icon-7-stroke";
    right: -20px;
    font-size: 20px;
  }
}
.flone_header_4 #primary-menu .menu-item-has-children::after {
  right: 15px;
  color: #fff;
}
.flone_header_4 #primary-menu .menu-item-has-children:hover::after,
.header_style_4 .main-menu.menu-white nav ul li:hover > a {
  color: #a749ff;
}
.main-menu
  nav
  ul#primary-menu
  > li.menu-item-has-children
  ul.sub-menu
  li.menu-item-has-children::after {
  content: "\f105";
  right: 10px;
}

.main-menu nav ul li ul.sub-menu {
  margin-top: 0;
}

.main-menu nav ul li.home_mega_menu ul.mega-menu li a.menu_title,
.sidebar-menu nav ul li.home_mega_menu ul.mega-menu li a.menu_title {
  text-transform: initial;
  font-weight: 400;
  margin-bottom: 0;
}
.stick .header-right-wrap .same-style.cart-wrap .shopping-cart-content,
.stick .header-right-wrap .same-style .account-dropdown {
  top: 160%;
}

@media only screen and (max-width: 767px) {
  .stick .header-right-wrap .same-style.cart-wrap .shopping-cart-content,
  .stick .header-right-wrap .same-style .account-dropdown {
    top: 100%;
    margin-top: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stick .header-right-wrap .same-style.cart-wrap .shopping-cart-content,
  .stick .header-right-wrap .same-style .account-dropdown {
    top: 100%;
    margin-top: 14px;
  }
}

.stick .header-right-wrap .same-style.cart-wrap .shopping-cart-content ul {
  margin-left: 0;
}

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

.header-right-wrap .header-wishlist i {
  line-height: 32px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-right-wrap {
    margin-top: 0px;
    margin-right: 50px;
  }
  .header-offcanvas-menu .header-right-wrap {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .header-right-wrap {
    margin-top: 2px;
    margin-right: 50px;
  }
  .header-offcanvas-menu .header-right-wrap {
    margin-right: 14px;
  }
}

.header-right-wrap .same-style {
  margin-left: 14px;
  position: relative;
}

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

@media only screen and (max-width: 767px) {
  .header-right-wrap .same-style {
    margin-left: 5px;
  }
}

.header-right-wrap .same-style > a {
  color: #000;
  font-size: 23px;
}

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

.header-right-wrap .same-style:hover > a {
  color: #a749ff;
}

.header-right-wrap .same-style .account-dropdown {
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
  left: 0;
  padding: 8px 12px 10px;
  position: absolute;
  text-align: left;
  top: 190%;
  width: 125px;
  z-index: 220;
  display: none;
}

.header-right-wrap .same-style .account-dropdown ul {
  margin-left: 0;
  margin-bottom: 0;
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

@media only screen and (max-width: 767px) {
  .header-right-wrap .same-style .account-dropdown {
    top: 100%;
    margin-top: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-right-wrap .same-style .account-dropdown {
    top: 100%;
    margin-top: 14px;
  }
}

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

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

.header-right-wrap .same-style .account-dropdown ul li a {
  display: block;
  font-size: 13px;
  line-height: 30px;
  padding: 0;
  text-transform: capitalize;
  color: #000;
}

.header-right-wrap .same-style .account-dropdown ul li a:hover {
  padding-left: 5px;
  color: #a749ff;
}

.header-right-wrap .same-style.account-satting > a {
  font-size: 24px;
}

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

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

@media only screen and (max-width: 767px) {
  .header-right-wrap .same-style.cart-wrap {
    margin-left: 3px;
  }
}

.header-right-wrap .same-style.cart-wrap button {
  background: transparent;
  border: none;
  padding: 0;
  color: #000;
  font-size: 24px;
  position: relative;
}

.header-right-wrap .same-style.cart-wrap span.count-style {
  position: absolute;
  top: -9px;
  right: -14px;
  background-color: #000;
  color: #fff;
  display: inline-block;
  width: 21px;
  height: 21px;
  border-radius: 100%;
  line-height: 21px;
  font-size: 12px;
  text-align: center;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-right-wrap .same-style.cart-wrap button span.count-style {
    right: -5px;
  }
}

.header-right-wrap .same-style.cart-wrap:hover > button {
  color: #a749ff;
}

.header-right-wrap .same-style.cart-wrap .shopping-cart-content {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  padding: 31px 35px 10px;
  position: absolute;
  right: 0;
  top: 190%;
  width: 340px;
  z-index: 9999;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.header-right-wrap .same-style.cart-wrap .shopping-cart-content.cart-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

.header-right-wrap .same-style.cart-wrap .shopping-cart-content ul {
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
}

@media only screen and (max-width: 767px) {
  .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
    width: 295px;
    right: -52px;
    padding: 31px 15px 10px;
    overflow-y: auto;
    height: 300px;
    top: 100%;
    margin-top: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
    overflow-y: auto;
    height: 300px;
    margin-top: 18px;
    top: 100%;
    margin-top: 14px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
    overflow-y: auto;
    height: 400px;
  }
}

.header-right-wrap .same-style.cart-wrap .shopping-cart-content ul,
.widget_shopping_cart .widget_shopping_cart_content ul {
  text-align: left;
}

.header-right-wrap .same-style.cart-wrap .shopping-cart-content ul li,
.widget_shopping_cart .widget_shopping_cart_content ul li {
  border-bottom: 1px solid #ebebeb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  padding-bottom: 15px;
}

.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  ul
  li
  .shopping-cart-img,
.widget_shopping_cart .widget_shopping_cart_content ul li .shopping-cart-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 82px;
  flex: 0 0 82px;
  margin-right: 15px;
}

.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  ul
  li
  .shopping-cart-title
  h4 {
  font-size: 15px;
  line-height: 16px;
  margin: 0;
}

.widget_shopping_cart
  .widget_shopping_cart_content
  ul
  li
  .shopping-cart-title
  h4 {
  font-size: 14px;
}

.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  ul
  li
  .shopping-cart-title
  h4
  a,
.widget_shopping_cart
  .widget_shopping_cart_content
  ul
  li
  .shopping-cart-title
  h4
  a {
  color: #000;
}

.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  ul
  li
  .shopping-cart-title
  h4
  a:hover,
.widget_shopping_cart
  .widget_shopping_cart_content
  ul
  li
  .shopping-cart-title
  h4
  a:hover {
  color: #a749ff;
}

.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  ul
  li
  .shopping-cart-title
  h6,
.widget_shopping_cart
  .widget_shopping_cart_content
  ul
  li
  .shopping-cart-title
  h6 {
  font-size: 13px;
  margin: 5px 0 8px;
}

.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  ul
  li
  .shopping-cart-title
  span,
.widget_shopping_cart
  .widget_shopping_cart_content
  ul
  li
  .shopping-cart-title
  span {
  font-size: 14px;
  margin-left: 0;
}

.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  ul
  li
  .shopping-cart-delete,
.widget_shopping_cart
  .widget_shopping_cart_content
  ul
  li
  .shopping-cart-delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  ul
  li
  .shopping-cart-delete
  a,
.widget_shopping_cart
  .widget_shopping_cart_content
  ul
  li
  .shopping-cart-delete
  a {
  font-size: 16px;
  color: #a749ff;
  line-height: 1;
}

.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  ul
  li
  .shopping-cart-delete
  a:hover,
.widget_shopping_cart
  .widget_shopping_cart_content
  ul
  li
  .shopping-cart-delete
  a:hover {
  color: #333;
}

.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  .shopping-cart-total
  h4,
.widget_shopping_cart .widget_shopping_cart_content .shopping-cart-total h4 {
  font-size: 14px;
  margin-bottom: 17px;
}

.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  .shopping-cart-total
  h4
  > span,
.widget_shopping_cart
  .widget_shopping_cart_content
  .shopping-cart-total
  h4
  > span {
  float: right;
}

.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  .shopping-cart-btn,
.widget_shopping_cart .widget_shopping_cart_content .shopping-cart-btn {
  margin-top: 23px;
}
.widget_shopping_cart .widget_shopping_cart_content ul li {
  padding-bottom: 15px !important;
}
.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  .shopping-cart-btn
  a,
.widget_shopping_cart .widget_shopping_cart_content .shopping-cart-btn a {
  margin-bottom: 20px;
  padding: 16px 40px 17px;
  font-weight: 500;
  font-size: 14px;
  display: block;
}
.widget_shopping_cart
  .widget_shopping_cart_content
  .shopping-cart-btn.btn-hover
  a:hover {
  color: #ffffff !important;
}
.header-right-wrap.header-right-wrap-white .same-style > a {
  color: #fff;
}

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

.header-right-wrap.header-right-wrap-white
  .same-style.cart-wrap
  > button
  span.count-style {
  background-color: #fff;
  color: #000;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-right-wrap.header-right-wrap-white {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .header-right-wrap.header-right-wrap-white {
    margin-top: 3px;
  }
}

.header-right-wrap .same-style.header-search .search-content {
  background: #ffffff none repeat scroll 0 0;
  -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
  min-width: 300px;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 193%;
  z-index: 99;
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-right-wrap .same-style.header-search .search-content {
    top: 154%;
  }
}

@media only screen and (max-width: 767px) {
  .header-right-wrap .same-style.header-search .search-content {
    right: -105px;
    top: 154%;
    min-width: 260px;
  }
}

.header-right-wrap .same-style.header-search .search-content form {
  position: relative;
}

.header-right-wrap .same-style.header-search .search-content form input {
  border: 1px solid #d3d3d3;
  outline: medium none;
  padding: 5px 72px 5px 15px;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 100%;
  color: #000;
  background: transparent;
}

.header-right-wrap
  .same-style.header-search
  .search-content
  form
  .button-search {
  background: #a749ff;
  border-color: #ce9634;
  color: #ffffff;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 20px;
  border: none;
  border-radius: 0;
  height: 100%;
  padding: 5px 20px 2px;
  font-size: 20px;
  line-height: 1;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.header-right-wrap
  .same-style.header-search
  .search-content
  form
  .button-search:hover {
  background-color: #000;
}

.stick .same-style.header-search .search-content {
  top: 160%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stick .header-right-wrap.header-right-wrap-white {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .stick .header-right-wrap.header-right-wrap-white {
    margin-top: 0px;
  }
}

.stick .header-right-wrap.header-right-wrap-white .same-style > a {
  color: #000;
}

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

.stick
  .header-right-wrap.header-right-wrap-white
  .same-style.cart-wrap
  > button {
  color: #000;
}

.stick
  .header-right-wrap.header-right-wrap-white
  .same-style.cart-wrap
  > button:hover {
  color: #a749ff;
}

.stick
  .header-right-wrap.header-right-wrap-white
  .same-style.cart-wrap
  > button
  span.count-style {
  background-color: #000;
  color: #fff;
}

/* header 3 */

.header-padding-2 .container-fluid {
  padding: 0 70px;
}

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

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

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

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

.header-top-area {
  border-bottom: 1px solid #d5d4d4;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.header-top-area .header-top-wap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .header-top-area .header-top-wap {
    display: block;
    margin-bottom: 15px;
    margin-top: 8px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-top-area .header-top-wap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0px;
    margin-top: 0px;
  }
}

.header-offer p {
  color: #555252;
  letter-spacing: 0.8px;
  margin: 0;
}

.header-offer p span {
  color: #ff1c1c;
}

@media only screen and (max-width: 767px) {
  .header-offer p {
    text-align: center;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-offer p {
    text-align: right;
  }
}

.language-currency-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .language-currency-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.language-currency-wrap .same-language-currency {
  position: relative;
  margin-right: 54px;
  line-height: 54px;
}

.language-currency-wrap .same-language-currency {
  margin-right: 40px;
}

@media only screen and (max-width: 767px) {
  .language-currency-wrap .same-language-currency {
    margin-right: 20px;
  }
}

.language-currency-wrap .same-language-currency:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 1px;
  background-color: #d5d4d4;
  right: -27px;
  top: 47%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.language-currency-wrap .same-language-currency:before {
  right: -20px;
}

@media only screen and (max-width: 767px) {
  .language-currency-wrap .same-language-currency:before {
    right: -10px;
  }
}

.language-currency-wrap .same-language-currency:last-child:before {
  display: none;
}

.language-currency-wrap .same-language-currency:last-child {
  margin-right: 0;
}

.language-currency-wrap .same-language-currency a {
  letter-spacing: 0.8px;
  color: #555252;
  line-height: 1;
  display: inline-block;
  margin-top: -3px;
}

@media only screen and (max-width: 767px) {
  .language-currency-wrap .same-language-currency a {
    line-height: 35px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .language-currency-wrap .same-language-currency a {
    line-height: 54px;
  }
}

.language-currency-wrap .same-language-currency a i {
  font-size: 16px;
  color: #555252;
  position: relative;
  top: 2px;
}

.language-currency-wrap .same-language-currency .lang-car-dropdown {
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
  left: 0;
  padding: 8px 12px 10px;
  position: absolute;
  text-align: left;
  top: 100%;
  width: 125px;
  z-index: 220;
  display: none;
}

.language-currency-wrap .same-language-currency .lang-car-dropdown ul {
  margin-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.language-currency-wrap .same-language-currency .lang-car-dropdown ul li {
  line-height: 1;
}

.language-currency-wrap .same-language-currency .lang-car-dropdown ul li a {
  line-height: 27px;
  font-size: 13px;
}

.language-currency-wrap
  .same-language-currency
  .lang-car-dropdown
  ul
  li
  a:hover {
  color: #a749ff;
}

.language-currency-wrap .same-language-currency p {
  letter-spacing: 0.8px;
  color: #555252;
  line-height: 1;
  margin-top: -1px;
}

.language-currency-wrap .same-language-currency:hover > a,
.language-currency-wrap .same-language-currency:hover a i {
  color: #a749ff;
}

/* home 4 */

.home-sidebar-left #primary-menu .menu-item-has-children::after {
  position: absolute;
  content: "\f105";
  top: 13px;
  transform: translateY(-50%);
  right: 20px;
  font-size: 18px;
  font-weight: 700;
  font-family: "Font Awesome 5 Free";
}

.home-sidebar-left .sidebar-menu nav ul li ul.sub-menu {
  margin-left: 0;
}

.home-sidebar-left {
  height: 100%;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 375px;
  z-index: 7;
  padding: 72px 0 40px 0px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .home-sidebar-left {
    width: 300px;
    padding: 50px 0 30px 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .home-sidebar-left {
    width: 300px;
    padding: 50px 0 30px 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .home-sidebar-left {
    width: 280px;
  }
}

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

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

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

.home-sidebar-left .logo {
  margin-top: 0;
  padding: 0px 0 0px 108px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .home-sidebar-left .logo {
    padding: 0px 0 0px 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .home-sidebar-left .logo {
    padding: 0px 0 0px 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-sidebar-left .logo {
    padding: 0px 0 0px 15px;
  }
}

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

.home-sidebar-left .header-right-wrap {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 46px;
  margin-bottom: 67px;
  padding: 0px 0 0px 108px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .home-sidebar-left .header-right-wrap {
    padding: 0px 0 0px 50px;
    margin-top: 26px;
    margin-bottom: 27px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .home-sidebar-left .header-right-wrap {
    padding: 0px 0 0px 30px;
    margin-top: 26px;
    margin-bottom: 27px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-sidebar-left .header-right-wrap {
    padding: 0px 0 0px 15px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-sidebar-left .header-right-wrap {
    padding: 0px 0 0px 30px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.home-sidebar-left
  .header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content {
  right: auto;
  left: 0;
}

.shopping-cart-content {
  max-height: 380px;
  overflow-y: auto;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .home-sidebar-left
    .header-right-wrap
    .same-style.cart-wrap
    .shopping-cart-content {
    overflow-y: auto;
    height: 400px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .home-sidebar-left
    .header-right-wrap
    .same-style.cart-wrap
    .shopping-cart-content {
    overflow-y: auto;
    height: 300px;
  }
}

.home-sidebar-left
  .header-right-wrap
  .same-style.header-search
  .search-content {
  left: 0;
  right: auto;
}

.home-sidebar-left .sidebar-copyright {
  padding: 120px 63px 50px 63px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .home-sidebar-left .sidebar-copyright {
    padding: 40px 63px 50px 63px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .home-sidebar-left .sidebar-copyright {
    padding: 40px 63px 50px 63px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-sidebar-left .sidebar-copyright {
    padding: 40px 15px 50px 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-sidebar-left .sidebar-copyright {
    padding: 50px 15px 50px 30px;
  }
}

.home-sidebar-left .sidebar-copyright p {
  letter-spacing: 0.9px;
  color: #313131;
  margin: 0;
  text-align: center;
}

.home-sidebar-right {
  border-left: 1px solid #efefef;
  margin-left: 375px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .home-sidebar-right {
    margin-left: 300px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .home-sidebar-right {
    margin-left: 280px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-sidebar-right {
    margin-left: 250px;
  }
}

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

@media only screen and (max-width: 767px) {
  .home-sidebar-right {
    margin-left: 0px;
  }
}

/*left side mega menu*/

.sidebar-menu {
  padding: 0px 0 0px 108px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-menu {
    padding: 0px 0 0px 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-menu {
    padding: 0px 0 0px 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-menu {
    padding: 0px 0 0px 15px;
  }
}

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

.sidebar-menu nav ul li {
  padding-bottom: 33px;
  position: relative;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-menu nav ul li {
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-menu nav ul li {
    padding-bottom: 15px;
  }
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-menu nav ul li {
    padding-bottom: 12px;
  }
}

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

.sidebar-menu nav > ul {
  margin-left: 0;
}

.sidebar-menu nav ul li {
  list-style: none;
}

.sidebar-menu nav ul li ul.sub-menu {
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
  display: block;
  left: 100%;
  padding: 20px 0px 22px;
  position: absolute;
  top: 0;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 190px;
  z-index: 999;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-menu nav ul li ul.sub-menu {
    overflow-y: auto;
    max-height: 250px;
  }
}

.sidebar-menu nav ul li ul.sub-menu li {
  display: block;
  padding: 0 20px;
  margin-left: 0px;
}

.sidebar-menu nav ul li ul.sub-menu li a {
  color: #333;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  text-transform: capitalize;
  padding-top: 0px;
}

.sidebar-menu nav ul li ul.sub-menu li a:hover {
  color: #a749ff;
}

.sidebar-menu nav ul li ul.sub-menu li a::before {
  background: #a749ff none repeat scroll 0 0;
  border-radius: 50%;
  content: "";
  height: 7px;
  left: 15px;
  opacity: 0;
  position: absolute;
  top: 13px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 7px;
  z-index: 999;
}

.sidebar-menu nav ul li ul.sub-menu li:hover a::before {
  opacity: 1;
}

.sidebar-menu nav ul li ul.sub-menu li:hover a {
  padding-left: 12px;
}

.sidebar-menu nav ul li:hover > ul.sub-menu {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  visibility: visible;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-menu nav ul li ul.mega-menu {
    top: -50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-menu nav ul li ul.mega-menu {
    top: -50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-menu nav ul li ul.mega-menu {
    top: -80px;
  }
}
.sidebar-menu nav ul li ul.mega-menu > li ul li {
  display: block;
  float: inherit;
  padding: 0px;
}

.sidebar-menu nav ul li ul.mega-menu > li ul li a {
  color: #333;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  text-transform: capitalize;
  padding-top: 0px;
}

.sidebar-menu nav ul li ul.mega-menu > li ul li:hover a::before {
  opacity: 1;
}

.sidebar-menu nav ul li ul.mega-menu > li ul li:hover a {
  padding-left: 12px;
}

.sidebar-menu nav ul li a {
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.8px;
  text-transform: capitalize;
  display: block;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-menu nav ul li a {
    font-size: 16px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-menu nav ul li a {
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-menu nav ul li a {
    font-size: 16px;
  }
}

.sidebar-menu nav ul.mega-menu li a span {
  float: none;
}

.sidebar-menu nav ul li:hover a {
  color: #a749ff;
}

.header-hm4-none {
  display: none;
}

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

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

/* home 5 */

.wrapper {
  margin: 20px 20px;
}

@media only screen and (max-width: 767px) {
  .wrapper {
    margin: 0px 0px;
  }
}

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

.header-padding-3 .container-fluid {
  padding: 0 80px;
}

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

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

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

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

/* home 7 */
.clickable-menu a {
  color: #fff;
  font-size: 30px;
  line-height: 1;
  display: inline-block;
}
.clickable-menu a:hover {
  color: #a749ff;
}

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

@media only screen and (max-width: 767px) {
  .clickable-menu {
    margin-top: -3px;
  }
}

.clickable-mainmenu {
  background: white none repeat scroll 0 0;
  color: #353535;
  height: 100vh;
  overflow-y: auto;
  padding: 130px 35px 40px;
  position: fixed;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-110%);
  -ms-transform: translateX(-110%);
  transform: translateX(-110%);
  -webkit-transition: -webkit-transform 0.5s ease-in-out 0s;
  transition: -webkit-transform 0.5s ease-in-out 0s;
  -o-transition: transform 0.5s ease-in-out 0s;
  transition: transform 0.5s ease-in-out 0s;
  transition: transform 0.5s ease-in-out 0s,
    -webkit-transform 0.5s ease-in-out 0s;
  width: 300px;
  z-index: 9999;
}

.admin-bar .clickable-mainmenu {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .clickable-mainmenu {
    top: 46px;
  }
}

@media screen and (max-width: 600px) {
  .admin-bar .clickable-mainmenu {
    top: 0;
  }
}

.clickable-mainmenu.inside {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  z-index: 9999;
}

@media only screen and (max-width: 767px) {
  .clickable-mainmenu {
    padding: 100px 35px 40px;
  }
}

.clickable-mainmenu .clickable-mainmenu-icon button {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #000;
  cursor: pointer;
  font-size: 50px;
  padding: 0;
  position: absolute;
  left: 20px;
  top: 20px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

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

.clickable-mainmenu .side-logo {
  margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .clickable-mainmenu .side-logo {
    margin-bottom: 40px;
  }
}

.clickable-mainmenu ul {
  padding-left: 0;
  margin-left: 0;
}

.clickable-mainmenu .clickable-menu-style {
  background: transparent;
}

.clickable-mainmenu .clickable-menu-style ul li a {
  color: #000;
  font-size: 16px;
  text-transform: capitalize;
  padding: 0 0 20px;
}

.clickable-mainmenu .clickable-menu-style ul li a:hover {
  background: transparent;
  color: #a749ff;
}

.clickable-mainmenu .side-social {
  margin-top: 50px;
}

.clickable-mainmenu .side-social ul {
  margin-left: 0;
}

.clickable-mainmenu .side-social ul li {
  display: inline-block;
  margin: 0 30px 0 0;
  position: relative;
}

.clickable-mainmenu .side-social ul li:last-child {
  margin-right: 0;
}

.clickable-mainmenu .side-social ul li:before {
  position: absolute;
  right: -20px;
  top: 50%;
  background: #999;
  height: 1px;
  width: 10px;
  content: "";
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.clickable-mainmenu .side-social ul li:last-child:before {
  display: none;
}

.clickable-mainmenu .side-social ul li a {
  font-size: 18px;
}

.clickable-mainmenu .side-social ul li a.facebook {
  color: #3b5999;
}

.clickable-mainmenu .side-social ul li a.facebook:hover {
  color: #333;
}

.clickable-mainmenu .side-social ul li a.dribbble {
  color: #ea4c89;
}

.clickable-mainmenu .side-social ul li a.dribbble:hover {
  color: #333;
}

.clickable-mainmenu .side-social ul li a.pinterest {
  color: #bd081c;
}

.clickable-mainmenu .side-social ul li a.pinterest:hover {
  color: #333;
}

.clickable-mainmenu .side-social ul li a.twitter {
  color: #55acee;
}

.clickable-mainmenu .side-social ul li a.twitter:hover {
  color: #333;
}

.clickable-mainmenu .side-social ul li a.linkedin {
  color: #0077b5;
}

.clickable-mainmenu .side-social ul li a.linkedin:hover {
  color: #333;
}

.clickable-mainmenu #primary-menu .menu-item-has-children::after {
  display: none;
}

.clickable-mainmenu #primary-menu .menu-item-has-children {
  position: initial;
}

.clickable-mainmenu .mega-menu {
  background-image: none !important;
}

.header-hm-7.stick .clickable-menu a {
  color: #282828;
}

.header-hm-7.stick .clickable-menu a:hover {
  color: #a749ff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-hm-7.stick .clickable-menu {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .header-hm-7.stick .clickable-menu {
    margin-top: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-hm-7.stick .logo {
    margin-top: 2px;
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .header-hm-7.stick .logo {
    margin-top: 2px;
    margin-bottom: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-hm-7.stick .header-right-wrap {
    margin-top: 2px;
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .header-hm-7.stick .header-right-wrap {
    margin-top: 2px;
    margin-bottom: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-hm-7 .header-right-wrap {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .header-hm-7 .header-right-wrap {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .header-hm-7 .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
    right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .header-hm-7 .header-right-wrap .same-style.header-search .search-content {
    right: -80px;
  }
}

/* home 8 */

.header-hm8 .header-right-wrap,
.header-top-area.style_2 .header-right-wrap {
  margin-top: 6px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-hm8 .header-right-wrap {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .header-hm8 .header-right-wrap {
    margin-right: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.header-hm8 .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
  top: 125%;
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .header-hm8 .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
    right: -99px;
  }
}

.header-hm8 .header-right-wrap .same-style .account-dropdown {
  top: 125%;
  margin-top: 0;
  left: -32px;
}

.header-hm8 .header-right-wrap .same-style.header-search .search-content {
  top: 125%;
}

@media only screen and (max-width: 767px) {
  .header-hm8 .header-right-wrap .same-style.header-search .search-content {
    right: -150px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-hm8 .header-right-wrap .same-style.header-search .search-content {
    right: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-hm8 .header-res-padding {
    padding: 20px 0 20px;
  }
  .header-hm8 .mean-container a.meanmenu-reveal {
    top: -26px;
  }
}

@media only screen and (max-width: 767px) {
  .header-hm8 .header-res-padding {
    padding: 20px 0 20px;
  }
  .header-hm8 .mean-container a.meanmenu-reveal {
    top: -26px;
  }
}

.header-hm8 .stick .logo {
  display: none;
}

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

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-hm8 .logo {
    text-align: left !important;
  }
}

@media only screen and (max-width: 767px) {
  .header-hm8 .logo {
    text-align: left !important;
  }
}

.header-hm8 .main-menu {
  padding-bottom: 8px;
}

.header-hm8 .main-menu nav ul {
  text-align: center;
}
.header-hm8 .main-menu.with-quick-icon nav ul {
  text-align: left;
  padding: 0;
}
.header-hm8 .main-menu nav ul li > a {
  line-height: 60px;
}

/* home 9 */

.header-hm9 .language-currency-wrap .same-language-currency {
  line-height: 54px;
}

.header-hm9 .main-menu nav ul {
  text-align: center;
}

.header-hm9 .main-menu nav ul li a {
  line-height: 72px;
}

.header-hm9 .header-top-area {
  padding: 22px 0;
  border-bottom: 1px solid #cecece;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-hm9 .header-right-wrap {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .header-hm9 .header-right-wrap {
    margin-right: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 767px) {
  .header-hm9 .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
    right: -97px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-hm9 .mean-container a.meanmenu-reveal {
    top: -26px;
  }
  .header-hm9 .header-res-padding {
    padding: 20px 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .header-hm9 .mean-container a.meanmenu-reveal {
    top: -26px;
  }
  .header-hm9 .header-res-padding {
    padding: 20px 0 20px;
  }
}

/* header hm10 */

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-in-container .header-top-wap {
    display: block;
    margin-bottom: 15px;
    margin-top: 8px;
  }
  .header-in-container .header-top-wap .language-currency-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .header-in-container .header-top-wap .header-offer p {
    text-align: center;
  }
}

/*----- 3. Slider style  ------*/

.slider-height-1 {
  height: 750px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-1 {
    height: 650px;
  }
}

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

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

@media only screen and (max-width: 767px) {
  .slider-height-1 {
    height: 595px;
  }
}

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

@media only screen and (max-width: 767px) {
  .slider-height-1.slider-height-res {
    height: 250px;
    position: relative;
  }
  .slider-height-1.slider-height-res:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    opacity: 0;
  }
  .slider-area .single-slider-2.slider-height-1.flone_slider_2 {
    height: auto;
    padding: 15px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-height-1.slider-height-res {
    height: 300px;
  }
}
.single-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.single-slider .slider-content {
  padding: 183px 0 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider .slider-content {
    padding: 80px 0 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider .slider-content {
    padding: 45px 0 0;
  }
}

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

@media only screen and (max-width: 767px) {
  .single-slider .slider-content {
    padding: 0px 0 40px;
  }
}

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

.single-slider .slider-content h3 {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
}

.single-slider .slider-content h1 {
  line-height: 97px;
  font-size: 72px;
  color: #010101;
  margin: 6px 0 37px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider .slider-content h1 {
    line-height: 65px;
    font-size: 52px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-content h1 {
    line-height: 52px;
    font-size: 40px;
    margin: 6px 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .single-slider .slider-content h1 {
    line-height: 48px;
    font-size: 33px;
    margin: 6px 0 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-slider .slider-content h1 {
    font-size: 30px;
    margin: 6px 0 10px;
  }
}

.single-slider .slider-content .slider-btn a {
  font-size: 16px;
  color: #010101;
  display: inline-block;
  border: 1px solid #333;
  text-transform: uppercase;
  line-height: 1;
  padding: 19px 50px 21px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-content .slider-btn a {
    padding: 15px 35px 17px;
  }
}

@media only screen and (max-width: 767px) {
  .single-slider .slider-content .slider-btn a {
    padding: 15px 35px 17px;
  }
}

.single-slider .slider-content .slider-btn a:hover {
  border: 1px solid #a749ff;
  color: #fff;
}

.single-slider .slider-content.slider-content-10 {
  padding-top: 0;
}

.single-slider .slider-single-img {
  margin: 0 -80px 0 -80px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider .slider-single-img {
    margin: 0 0px 0 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider .slider-single-img {
    margin: 0 0px 0 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-single-img {
    margin: 0 0px 0 0px;
  }
}

@media only screen and (max-width: 767px) {
  .single-slider .slider-single-img {
    margin: 0 0px 0 0px;
  }
}

.single-slider.single-slider-10 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.owl-item .slider-content * {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

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

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

.owl-item.active .slider-animated-1 p {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -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-single-img img {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

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

.owl-item.active .slider-animated-1.slider-singleimg-hm9 img {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  width: auto;
}

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

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

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

.owl-item.active .slider-animated-2.slider-singleimg-hm10 img {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.nav-style-1.owl-carousel .owl-nav div {
  color: #999;
  display: inline-block;
  font-size: 40px;
  left: 80px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-1.owl-carousel .owl-nav div {
    left: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-1.owl-carousel .owl-nav div {
    left: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-1.owl-carousel .owl-nav div {
    left: 15px;
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .nav-style-1.owl-carousel .owl-nav div {
    left: 15px;
    font-size: 30px;
  }
}

.nav-style-1.owl-carousel .owl-nav div:hover {
  color: #a749ff;
}

.nav-style-1.owl-carousel .owl-nav div.owl-next {
  left: auto;
  right: 80px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-1.owl-carousel .owl-nav div.owl-next {
    right: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-1.owl-carousel .owl-nav div.owl-next {
    right: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-1.owl-carousel .owl-nav div.owl-next {
    right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .nav-style-1.owl-carousel .owl-nav div.owl-next {
    right: 15px;
  }
}

.nav-style-1.owl-carousel.nav-testi-style .owl-nav div {
  font-size: 50px;
  left: -155px;
  color: #8d8c8c;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-1.owl-carousel.nav-testi-style .owl-nav div {
    left: -80px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-1.owl-carousel.nav-testi-style .owl-nav div {
    left: -80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-1.owl-carousel.nav-testi-style .owl-nav div {
    left: -50px;
  }
}

@media only screen and (max-width: 767px) {
  .nav-style-1.owl-carousel.nav-testi-style .owl-nav div {
    display: none;
  }
}

.nav-style-1.owl-carousel.nav-testi-style .owl-nav div:hover {
  color: #3d6882;
}

.nav-style-1.owl-carousel.nav-testi-style .owl-nav div.owl-next {
  right: -155px;
  left: auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-1.owl-carousel.nav-testi-style .owl-nav div.owl-next {
    right: -80px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-1.owl-carousel.nav-testi-style .owl-nav div.owl-next {
    right: -80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-1.owl-carousel.nav-testi-style .owl-nav div.owl-next {
    right: -50px;
  }
}

.slider-area:hover .nav-style-1.owl-carousel > .owl-nav div {
  opacity: 1;
  visibility: visible;
}

.slider-area.ml-10 {
  margin-left: 0;
}

/* slider style-2 */

.slider-content-2 {
  margin-top: -6px;
}

.slider-content-2 h3 {
  color: #000000;
  font-size: 24px;
  font-weight: 500;
  position: relative;
  padding-left: 135px;
  margin-bottom: 0;
}

.slider-content-2 h3::before {
  position: absolute;
  left: 0px;
  top: 14px;
  content: "";
  width: 120px;
  height: 2px;
  background-color: #000000;
}

.slider-content-2 h1 {
  font-size: 72px;
  line-height: 97px;
  color: #010101;
  margin: 6px 0 37px;
}
.slider-content-2.slider-animated-1 img {
  width: inherit;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-2 h1 {
    font-size: 60px;
    line-height: 80px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-2 h1 {
    font-size: 60px;
    line-height: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-2 h1 {
    font-size: 45px;
    line-height: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-2 h1 {
    font-size: 35px;
    line-height: 45px;
  }
}

.slider-content-2 .slider-btn a {
  font-size: 16px;
  color: #010101;
  display: inline-block;
  border: 1px solid #333;
  text-transform: uppercase;
  line-height: 1;
  padding: 19px 50px 21px;
  background-color: #eeeff1;
}

.slider-content-2 .slider-btn a:hover {
  border: 1px solid #a749ff;
  color: #fff;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider-2 {
    background-position: 50%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-2 {
    background-position: 42%;
  }
}

@media only screen and (max-width: 767px) {
  .single-slider-2 {
    background-position: 30%;
  }
}

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

/* home 3 */

.slider-height-2 {
  height: 800px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-2 {
    height: 570px;
  }
}

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

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

@media only screen and (max-width: 767px) {
  .slider-height-2 {
    height: auto;
    padding: 15px 0;
  }
}

.slider-content-3 h3 {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
  position: relative;
  display: inline-block;
}

.slider-content-3 h3::before {
  position: absolute;
  left: -110px;
  top: 16px;
  content: "";
  width: 80px;
  height: 2px;
  background-color: #000000;
}

.slider-content-3 h3::after {
  position: absolute;
  right: -110px;
  top: 16px;
  content: "";
  width: 80px;
  height: 2px;
  background-color: #000000;
}

.slider-content-3 h1 {
  font-size: 72px;
  line-height: 56px;
  margin: 28px 0 23px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-3 h1 {
    font-size: 52px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-3 h1 {
    font-size: 52px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 550px) and (max-width: 767px) {
  .slider-height-2 {
    height: auto;
    padding: 65px 0;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-3 h1 {
    font-size: 25px;
    line-height: 20px;
    margin: 15px 0 8px;
  }
  .slider-content-3 h3 {
    font-size: 20px;
  }
  .slider-content-3 h3::before {
    position: absolute;
    left: -90px;
    top: 12px;
    content: "";
  }
  .slider-content-3 h3::after {
    position: absolute;
    right: -90px;
    top: 12px;
    content: "";
  }
  .slider-content-3 p {
    font-size: 16px;
    margin: 0 0 24px;
  }
}

.slider-content-3 p {
  font-size: 18px;
  color: #010101;
  margin: 0 0 44px;
}

.slider-content-3 .slider-btn a {
  font-size: 16px;
  color: #010101;
  display: inline-block;
  border: 1px solid #333;
  text-transform: uppercase;
  line-height: 1;
  padding: 19px 50px 21px;
}

.slider-content-3 .slider-btn a:hover {
  border: 1px solid #a749ff;
  color: #fff;
}

.slider-content-3.slider-content-4 {
  margin-left: 112px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-content-3.slider-content-4 {
    margin-left: 30px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-3.slider-content-4 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-3.slider-content-4 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-3.slider-content-4 {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-3.slider-content-4 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-3.slider-content-4 h1 {
    font-size: 34px;
    line-height: 35px;
    margin: 15px 0 15px;
  }
}

.slider-content-3.slider-content-4 h3:before {
  display: none;
}

.slider-content-3.slider-content-4 h3:after {
  display: none;
}

/* slider hm4 */

.slider-height-3 {
  height: 710px;
}

.slider-height-3 .container {
  margin-right: inherit;
  margin-left: inherit;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-3 {
    height: 570px;
  }
}

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

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

@media only screen and (max-width: 767px) {
  .slider-height-3 {
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-3.slider-height-res-hm4 {
    height: 680px;
  }
}

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

.single-slider-img4 {
  position: relative;
  margin: 0 -77px 0 50px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider-img4 {
    margin: 0 0px 0 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-img4 {
    margin: 0 0px 0 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-img4 {
    margin: 0 0px 0 0px;
  }
}

@media only screen and (max-width: 767px) {
  .single-slider-img4 {
    margin: 30px 0 0;
  }
}

.single-slider-img4 .single-price-wrap {
  position: absolute;
  top: 0;
  right: -24px;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: bounce-img;
  animation-name: bounce-img;
  -webkit-animation-duration: 2.9s;
  animation-duration: 2.9s;
  width: 130px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider-img4 .single-price-wrap {
    right: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-img4 .single-price-wrap {
    right: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-img4 .single-price-wrap {
    right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .single-slider-img4 .single-price-wrap {
    right: 0px;
  }
}

.single-slider-img4 .single-price-wrap img {
  width: 100%;
}

.single-slider-img4 .single-price-wrap .single-price {
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: 26px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}

.single-slider-img4 .single-price-wrap .single-price span {
  display: block;
  line-height: 1;
  font-size: 24px;
  color: #915342;
  font-weight: 600;
}

.single-slider-img4 .single-price-wrap .single-price span.dollar {
  margin-top: 2px;
}

/* slider 5 */

.slider-height-4 {
  height: 750px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-4 {
    height: 600px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-4 {
    height: 600px;
  }
}

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

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

@media only screen and (max-width: 767px) {
  .slider-height-4 {
    height: 500px;
  }
}

.slider-content-5 {
  padding-top: 66px;
}

.slider-content-5 h3 {
  font-weight: 500;
  letter-spacing: 0.5px;
  font-size: 30px;
  margin: 0;
  color: #fff;
}

.slider-content-5 h1 {
  font-weight: 500;
  font-size: 72px;
  margin: 27px 0 22px;
  letter-spacing: 0.5px;
  color: #fff;
  line-height: 1.2;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-5 h1 {
    font-size: 58px;
    margin: 17px 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-5 h1 {
    font-size: 45px;
    margin: 15px 0 15px;
    line-height: 38px;
  }
}

.slider-content-5 p {
  font-size: 18px;
  color: #fff;
  margin: 0 0 45px;
}

.slider-btn-5 a {
  font-size: 16px;
  color: #010101;
  background-color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 17px 40px 18px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

body .slider-btn-5 a:hover {
  border: none;
  color: #fff;
}

.nav-style-2.owl-carousel > .owl-nav div {
  color: #000;
  display: inline-block;
  font-size: 60px;
  left: 0px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  text-align: center;
  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;
  width: 65px;
  height: 84px;
  line-height: 94px;
  background-color: #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-2.owl-carousel > .owl-nav div {
    width: 45px;
    height: 64px;
    line-height: 74px;
    font-size: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-2.owl-carousel > .owl-nav div {
    width: 45px;
    height: 64px;
    line-height: 74px;
    font-size: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .nav-style-2.owl-carousel > .owl-nav div {
    width: 35px;
    height: 50px;
    line-height: 54px;
    font-size: 30px;
  }
}

.nav-style-2.owl-carousel > .owl-nav div:hover {
  color: #fff;
  background-color: #a749ff;
}

.nav-style-2.owl-carousel > .owl-nav div.owl-next {
  left: auto;
  right: 0px;
}

.slider-area:hover .nav-style-2.owl-carousel > .owl-nav div {
  opacity: 1;
  visibility: visible;
}

.slider-area.ml-10 {
  margin-left: 0;
}

/* slider 6 hm7 */

.slider-height-5 {
  height: 850px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-5 {
    height: 600px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-5 {
    height: 600px;
  }
}

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

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

@media only screen and (max-width: 767px) {
  .slider-height-5 {
    height: 500px;
  }
}

.slider-content-6 h1 {
  font-weight: 500;
  font-size: 60px;
  letter-spacing: 8px;
  color: #fff;
  margin: 0px;
  line-height: 48px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-6 h1 {
    font-size: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-6 h1 {
    font-size: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-6 h1 {
    font-size: 30px;
    line-height: 38px;
  }
}

.slider-content-6 p {
  margin: 32px 0 35px;
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 1px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-6 p {
    margin: 22px 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-6 p {
    margin: 22px 0 30px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-6 p {
    margin: 18px 0 25px;
  }
}

.nav-style-3.owl-carousel > .owl-nav {
  position: absolute;
  right: 0;
  bottom: 0;
}

.nav-style-3.owl-carousel > .owl-nav div {
  color: #000;
  display: inline-block;
  font-size: 60px;
  left: 0px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 65px;
  height: 84px;
  line-height: 94px;
  background-color: #fff;
}

@media only screen and (max-width: 767px) {
  .nav-style-3.owl-carousel > .owl-nav div {
    width: 50px;
    height: 60px;
    font-size: 45px;
    line-height: 67px;
  }
}

.nav-style-3.owl-carousel > .owl-nav div:hover {
  background-color: #a749ff;
  color: #fff;
}

/* slider hm8 */

.slider-height-6 {
  height: 543px;
}

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

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

@media only screen and (max-width: 767px) {
  .slider-height-6 {
    height: 400px;
  }
}

.slider-hm8 .slider-content-5 {
  padding-top: 0px;
}

.slider-hm8 p {
  margin: 0 0 0px;
}

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

.owl-dot-style .owl-dots .owl-dot {
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  display: inline-block;
  height: 14px;
  margin: 0 8px;
  width: 14px;
  position: relative;
}

.owl-dot-style .owl-dots .owl-dot:before {
  position: absolute;
  content: "";
  left: -3px;
  right: -3px;
  top: -3px;
  bottom: -3px;
  border: 1px solid transparent;
  border-radius: 100%;
}

.owl-dot-style .owl-dots .owl-dot.active:before {
  border: 1px solid #fff;
}

/* slider hm9 */

.slider-height-7 {
  height: 950px;
}

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

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

@media only screen and (max-width: 767px) {
  .slider-height-7 {
    height: 750px;
  }
}

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

.slider-h9-mrg {
  margin-top: -35px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-h9-mrg {
    margin-top: 0px;
  }
}

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

@media only screen and (max-width: 767px) {
  .slider-h9-mrg {
    margin-top: 150px;
  }
}

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

.slider-content-7 h3 {
  font-size: 16px;
  font-weight: 500;
  color: #313131;
  margin: 0;
  letter-spacing: 0.3px;
  line-height: 1;
}

.slider-content-7 h1 {
  font-size: 48px;
  font-weight: 500;
  color: #313131;
  margin: 17px 0 37px;
  line-height: 65px;
  letter-spacing: 1px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-7 h1 {
    font-size: 42px;
    line-height: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-7 h1 {
    font-size: 32px;
    margin: 6px 0 22px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-7 h1 {
    font-size: 22px;
    margin: 6px 0 22px;
    line-height: 38px;
  }
}

.slider-content-7 .slider-btn-9 a {
  font-size: 16px;
  color: #010101;
  display: inline-block;
  border: 1px solid #333;
  text-transform: uppercase;
  line-height: 1;
  padding: 19px 50px 19px;
}

@media only screen and (max-width: 767px) {
  .slider-content-7 .slider-btn-9 a {
    padding: 15px 30px 15px;
    font-size: 15px;
  }
}

.slider-content-7 .slider-btn-9 a:hover {
  color: #fff;
  border: 1px solid #a749ff;
}

@media only screen and (max-width: 767px) {
  .slider-singleimg-hm9 {
    margin-top: 30px;
  }
  .slider-singleimg-hm9.ml-100 {
    margin-left: 20px;
  }
  .slider-singleimg-hm9.mr-100 {
    margin-right: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-singleimg-hm9 {
    margin-top: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-singleimg-hm9.ml-100 {
    margin-left: 40px;
  }
  .slider-singleimg-hm9.mr-100 {
    margin-right: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-singleimg-hm9.ml-100 {
    margin-left: 70px;
  }
  .slider-singleimg-hm9.mr-100 {
    margin-right: 70px;
  }
}

/* slider hm10 */

.slider-height-8 {
  height: 700px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-8 {
    height: 650px;
  }
}

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

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

@media only screen and (max-width: 767px) {
  .slider-height-8 {
    height: 610px;
  }
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-singleimg-hm10.ml-40 {
    margin-left: 0;
  }
  .slider-singleimg-hm10.mr-40 {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .slider-singleimg-hm10.ml-40 {
    margin-left: 0;
  }
  .slider-singleimg-hm10.mr-40 {
    margin-right: 0;
  }
}

/*-------- 4. Support style  -------*/

.support-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.support-wrap .support-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
  margin-right: 20px;
}

.support-wrap .support-icon img {
  width: 100%;
}

.support-wrap .support-content h5 {
  font-size: 18px;
  margin: 0 0 5px;
}

.support-wrap .support-content p {
  color: #666;
  margin: 0;
}

.support-wrap.support-2 {
  margin-left: 22px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .support-wrap.support-2 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .support-wrap.support-2 {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .support-wrap.support-2 {
    margin-left: 0px;
  }
}

.support-wrap.support-2 .support-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41px;
  flex: 0 0 41px;
}

.support-wrap.support-3 {
  margin-left: 9px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .support-wrap.support-3 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .support-wrap.support-3 {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .support-wrap.support-3 {
    margin-left: 0px;
  }
}

.support-wrap.support-3 .support-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41px;
  flex: 0 0 41px;
}

.support-wrap.support-4 {
  margin-left: 23px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .support-wrap.support-4 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .support-wrap.support-4 {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .support-wrap.support-4 {
    margin-left: 0px;
  }
}

.support-wrap.support-4 .support-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35px;
  flex: 0 0 35px;
}

.support-wrap:hover .support-icon img {
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running tada;
  animation: 500ms ease-in-out 0s normal none 1 running tada;
}

/* support hm3 */

.support-wrap-2 .support-content-2 h5 {
  font-size: 18px;
  color: #494949;
  margin: 15px 0 15px;
  line-height: 24px;
}

.support-wrap-2 .support-content-2 p {
  font-size: 14px;
  color: #6a6a6a;
  margin: 0 auto;
  width: 80%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .support-wrap-2 .support-content-2 p {
    width: 100%;
  }
}

.support-wrap-2:hover .support-content-2 img {
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running tada;
  animation: 500ms ease-in-out 0s normal none 1 running tada;
}

.support-wrap-2.support-shape {
  position: relative;
}

.support-wrap-2.support-shape:before {
  position: absolute;
  right: -14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #d5d4d4;
  height: 61px;
  width: 1px;
  content: "";
}

/*------- 5. Section title style  -------*/

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

.section-title h2 {
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 0;
  position: relative;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .section-title h2 {
    font-size: 24px;
    line-height: 30px;
  }
  .section-title h2.mb-50 {
    margin-bottom: 30px;
  }
}

.section-title h2::before {
  position: absolute;
  content: "";
  left: -100px;
  background-color: #000;
  width: 80px;
  height: 2px;
  top: 17px;
}

@media only screen and (max-width: 767px) {
  .section-title h2::before {
    left: -40px;
    width: 30px;
  }
}

.section-title h2::after {
  position: absolute;
  content: "";
  right: -100px;
  background-color: #000;
  width: 80px;
  height: 2px;
  top: 17px;
}

@media only screen and (max-width: 767px) {
  .section-title h2::after {
    right: -40px;
    width: 30px;
  }
}

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

.section-title-2 h2 {
  font-size: 30px;
  color: #000000;
  font-weight: 600;
  margin: 0 0 15px;
  padding: 0 0 15px;
  position: relative;
  display: inline-block;
}

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

.section-title-2 p {
  color: #333;
  margin: 0;
}

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

.section-title-3 h4 {
  font-weight: 500;
  color: #000000;
  font-size: 24px;
}

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

.section-border {
  margin-right: 100px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .section-border {
    margin-right: 0px;
  }
}

.section-border::before {
  background-color: #d2d2d2;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 11px;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: 1;
}

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

.section-title-4 {
  position: relative;
  z-index: 999;
}

.section-title-4 h3 {
  font-weight: 600;
  color: #242424;
  font-size: 20px;
  letter-spacing: -0.25px;
  margin: 0;
  line-height: 1;
  padding-right: 45px;
}

@media only screen and (max-width: 767px) {
  .section-title-4 h3 {
    padding-right: 0px;
  }
}

/*------- 6. Product style  --------*/

.product-tab-list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .product-tab-list.pt-30,
  .product-tab-list.pt-55 {
    padding: 10px 0 30px;
  }
}

.product-tab-list a {
  margin: 0 11px;
}

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

.product-tab-list a h4 {
  font-weight: 500;
  font-size: 18px;
  color: #555;
  margin: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.product-tab-list a h4:hover {
  color: #000;
}

.product-tab-list a.active h4 {
  color: #000;
}

.product-wrap {
  position: relative;
}

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

.product-wrap .product-img img,
.woocommerce ul.products li.product a img {
  margin-bottom: 0;
  width: 100%;
}

.woocommerce span.onsale {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 13px;
  color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 5px 11px;
  border-radius: 3px;
  background-color: #a749ff;
  min-height: auto;
  min-width: auto;
  left: auto;
  font-weight: 500;
}

.woocommerce span.onsale.pink {
  background-color: #fa6bff;
}

.woocommerce .single_product_image_wrapper span.onsale {
  left: 30px;
  top: 30px;
  right: auto;
}

.woocommerce
  .product-type-variable
  .related.products
  .product-wrap
  .product-img
  .product-action
  .pro-same-action.pro-cart
  a:not(i.pe-7s-cart),
.woocommerce
  .product-type-external
  .related.products
  .product-wrap
  .product-img
  .product-action
  .pro-same-action.pro-cart
  a:not(i.pe-7s-cart) {
  line-height: 46px;
}

.product-wrap .product-img .hover-img {
  position: absolute;
  top: 0;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(-50%, 20px);
  -ms-transform: translate(-50%, 20px);
  transform: translate(-50%, 20px);
  -webkit-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}

.product-wrap .product-img .product-action {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-wrap .product-img .product-action > div {
  opacity: 0;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  height: 48px;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  background-color: #a749ff;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100%;
}

.product-wrap .product-img .product-action > div:hover {
  background-color: #000;
}

.product-wrap .product-img .product-action .pro-wishlist {
  max-width: 48px;
  margin-top: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.product-wrap .product-img .product-action .pro-wishlist i {
  margin-right: 0;
}

.product-wrap .product-img .product-action .pro-cart {
  font-size: 14px;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.product-type-simple .product-wrap .product-action .pro-cart i {
  display: inline-block;
}

.product-wrap .product-img .product-action .pro-quickview {
  max-width: 48px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0;
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.woocommerce .product-wrap .product-img .product-action .pro-same-action a {
  color: #fff;
  font-size: 16px;
  height: 48px;
  line-height: 48px;
  display: block;
  width: 100%;
  text-align: center;
  text-transform: capitalize;
  margin-top: 0;
  background-color: unset;
  border-radius: unset;
  padding: unset;
  font-weight: 400;
}
.woocommerce
  .product-type-grouped
  .product-wrap
  .product-img
  .product-action
  .pro-same-action.pro-cart
  a:not(i.pe-7s-cart) {
  line-height: 48px;
}
.woocommerce
  .product-wrap
  .product-img
  .product-action
  .pro-same-action
  .button.product_type_variable,
.woocommerce
  .product-wrap
  .product-img
  .product-action
  .pro-same-action
  .button.product_type_external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.woocommerce
  .product-wrap
  .product-img
  .product-action
  .pro-same-action
  .button
  i {
  padding-right: 2px;
}

.woocommerce
  .product-wrap
  .product-img
  .product-action
  .pro-same-action
  .yith-wcwl-add-button.show
  a {
  margin-top: 2px;
}

.woocommerce
  .product-wrap
  .product-img
  .product-action
  .pro-same-action
  .yith-wcwl-add-button.show
  i.ajax-loading {
  visibility: visible;
  position: absolute;
  top: 16px;
  left: 9px;
}

.woocommerce
  .product-wrap
  .product-img
  .product-action
  .pro-same-action
  a.ajax_add_to_cart.loading::after,
.woocommerce
  .product-wrap-5
  .product-action-4
  a.ajax_add_to_cart.loading::after {
  display: none;
}

.product-wrap .product-img .product-action .pro-same-action a.added {
  display: none;
}

.product-wrap .product-img .product-action .pro-same-action.pro-wishlist a,
.product-wrap .product-img .product-action .pro-same-action.pro-quickview a {
  margin-top: 2px;
}

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

.product-wrap .product-content h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 16px;
  padding: 0;
  margin: 0;
}

.product-wrap .product-content a:hover h2 {
  color: #a749ff;
}

.product-rating {
  margin: 8px 0 3px;
}

.product-rating i {
  font-size: 17px;
  color: #5f5d5d;
  margin: 0 3px;
}

.product-rating i.yellow {
  color: #ffa900;
}

.price ins {
  background-color: transparent;
}

.woocommerce-Price-amount.amount {
  font-size: 15px;
  color: #000;
  font-weight: 500;
  margin: 0 9px;
  position: relative;
}

ins .woocommerce-Price-amount.amount {
  margin-left: 0;
}

.flone_tabbed_products_area .woocommerce-Price-amount.amount {
  margin-left: 0;
}

.price del .woocommerce-Price-currencySymbol::before {
  position: absolute;
  content: "";
  right: -16px;
  top: 10px;
  width: 7px;
  height: 2px;
  background-color: #000;
}

.widget_shopping_cart_content .woocommerce-Price-amount.amount {
  margin-right: 0;
}

.woocommerce-Price-amount.amount:last-child:before {
  display: none;
}

.price del .woocommerce-Price-amount.amount {
  color: #8e8e8e;
}

.product-wrap:hover .hover-img {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.product-wrap:hover .product-action > div {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.modal-dialog {
  margin: 8% auto;
  max-width: 960px;
  width: 960px;
  padding: 35px;
}

@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-header .close {
  color: #333;
  cursor: pointer;
  opacity: 1;
}

.modal-dialog .modal-header .close:hover {
  color: #a749ff;
}

.modal-dialog .modal-body {
  padding: 35px 15px;
}

.modal-dialog .quickview-big-img img {
  width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product .entry-summary {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product .entry-summary {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .product .entry-summary {
    margin-left: 0;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .product .entry-summary .quickview-content {
    margin-top: 30px;
  }
}

.product .entry-summary h1 {
  color: #010101;
  font-size: 24px;
  margin: 0 0 0px;
  font-weight: 400;
  line-height: 1;
}

.product .entry-summary .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 15px 0 26px;
}

.single_pro_style_6.product .entry-summary .price {
  display: block;
}

.product .entry-summary .price .woocommerce-Price-amount.amount {
  font-size: 24px;
  font-weight: 400;
  color: #fe5252;
}

.product .entry-summary .price .woocommerce-Price-amount.amount:first-child {
  margin-left: 0;
}

.product .entry-summary .price del .woocommerce-Price-amount.amount {
  color: #333;
  font-size: 18px;
  font-weight: 400;
  text-decoration: line-through;
  margin-left: 0;
}

.product .entry-summary .price ins .woocommerce-Price-amount.amount {
  margin-left: 20px;
}

.product .entry-summary .price del .woocommerce-Price-currencySymbol::before {
  display: none;
}

.product .entry-summary .product-rating,
.product.list_view .product-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 17px;
}

.product .entry-summary .product-rating,
.product.list_view .product-rating {
  position: relative;
  display: inline-block;
  margin-right: 39px;
  margin-bottom: 0;
}

.product .entry-summary .product-rating:before,
.product.list_view .product-rating:before {
  position: absolute;
  right: -19px;
  top: 9px;
  content: "";
  height: 15px;
  width: 2px;
  background-color: #d1d1d1;
}

.product .entry-summary .pro-details-rating-wrap .pro-details-rating i,
.product.list_view .pro-details-rating-wrap .pro-details-rating i {
  color: #5f5d5d;
  font-size: 17px;
  margin-right: 5px;
}

.product .entry-summary .pro-details-rating-wrap .pro-details-rating i.yellow,
.product.list_view .pro-details-rating-wrap .pro-details-rating i.yellow {
  color: #ffa900;
}

.product .entry-summary a.woocommerce-review-link {
  font-size: 15px;
  color: #a749ff;
}

.product .entry-summary a.woocommerce-review-link:hover {
  color: #000;
}

.product.list_view a.woocommerce-review-link {
  color: #ffcf75;
}

.product .entry-summary p {
  font-size: 15px;
  line-height: 28px;
  color: #333;
  margin: 0;
}

.product .entry-summary .woocommerce-product-details__short-description {
  margin: 20px 0 34px;
  border-bottom: 1px solid #c8c6c6;
  list-style: none;
  padding: 0 0 37px;
}

.product .entry-summary .woocommerce-product-details__short-description ul {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
  margin-top: 20px;
}

.product .entry-summary ul li {
  color: #333;
  margin: 0 0 5px;
}

.product .entry-summary ul li:last-child {
  margin: 0;
}

/*variation color select filed*/
.product .entry-summary .variations_form.cart label {
  margin-bottom: 0;
}

.product .entry-summary .variations_form.cart select {
  padding: 5px;
}

.product .entry-summary .variations_form.cart tr {
  position: relative;
  line-height: 50px;
}

.product .entry-summary .variations_form.cart .reset_variations {
  visibility: visible;
  position: absolute;
  left: 0;
  bottom: -30px;
  color: #fe5252;
}

.product .entry-summary .variations_form.cart {
  display: block;
}

.woocommerce div.product form.cart .variations {
  margin-bottom: 40px;
}

.woocommerce div.product form.cart .variations td {
  text-align: left;
}

.product .entry-summary .variations_form.cart div.quantity {
  float: left;
}

/*variation color select filed END*/

/*group product fields*/

.woocommerce div.product form.cart .group_table td {
  vertical-align: middle;
  padding-bottom: unset;
  border: unset;
  padding-left: unset;
}

.woocommerce div.product form.cart table div.quantity {
  float: unset;
  margin: unset;
}

.woocommerce
  div.product
  form.cart
  .group_table
  td.woocommerce-grouped-product-list-item__label {
  padding-right: unset;
  padding-left: unset;
  vertical-align: middle;
  padding-bottom: 0;
  border: unset;
}

/*color swatch implement*/
.product .entry-summary .variations_form.cart tr {
  position: relative;
  line-height: 50px;
  float: left;
}
.product .entry-summary .variations_form.cart tr td {
  float: left;
  width: 100%;
  line-height: 30px;
}
.product .entry-summary .variations_form.cart tr td label {
  display: inline-block;
  font-weight: 500;
  margin: 0;
  font-size: 15px;
}
.product .entry-summary .variations_form.cart tr:first-child {
  width: auto;
}
.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared
  .variable-items-wrapper.color-variable-wrapper
  .variable-item {
  border-radius: 50%;
  border: 1px solid transparent;
  width: 14px;
  height: 14px;
  box-shadow: none;
}
.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared
  .variable-items-wrapper.color-variable-wrapper
  .variable-item[data-value="gray"] {
  background-color: #c0c0c0;
}
.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared
  .variable-items-wrapper.color-variable-wrapper
  .variable-item[data-value="blue"] {
  background-color: #4798f3;
}
.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared
  .variable-items-wrapper.color-variable-wrapper
  .variable-item[data-value="green"] {
  background-color: #139c57;
}
.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared
  .variable-items-wrapper.color-variable-wrapper
  .variable-item[data-value="red"] {
  background-color: #fe5252;
}
.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared
  .variable-items-wrapper.color-variable-wrapper
  .variable-item[data-value="yellow"] {
  background-color: #e28b37;
}

/*size*/
.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared
  .variable-items-wrapper
  .variable-item.button-variable-item {
  width: auto;
  background-color: #f1f2f6;
  color: #000;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 6px 9px 7px;
  text-transform: uppercase;
  box-shadow: none;
  margin: 0;
  margin-right: 5px;
  line-height: 18px;
}

.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared
  .variable-items-wrapper
  .variable-item.button-variable-item:hover {
  background-color: #a749ff;
  color: #fff;
}

body.woo-variation-swatches-stylesheet-enabled
  .variable-items-wrapper
  .variable-item:not(.radio-variable-item).selected,
.woo-variation-swatches-stylesheet-enabled
  .variable-items-wrapper
  .variable-item:not(.radio-variable-item).selected:hover {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0;
  border: 1px solid #a749ff;
}

body.woo-variation-swatches-stylesheet-enabled
  .variable-items-wrapper
  .variable-item:not(.radio-variable-item).selected,
.woo-variation-swatches-stylesheet-enabled
  .variable-items-wrapper
  .variable-item:not(.radio-variable-item).selected:hover {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid #a749ff;
}

/*color swatch implement END*/

.product .entry-summary form.cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 34px;
  flex-flow: row wrap;
}

.product .entry-summary form.cart.grouped_form {
  display: block;
}

div.quantity {
  border: 1px solid #e8e8e8;
  display: inline-block;
  height: 60px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 80px;
}

div.quantity .qtybutton {
  color: #8f8f8f;
  cursor: pointer;
  float: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 24px;
}

div.quantity .dec.qtybutton {
  height: 60px;
  left: 0;
  padding-top: 20px;
  top: 0;
}

div.quantity .inc.qtybutton {
  height: 60px;
  padding-top: 20px;
  right: 0;
  top: 0;
}

div.quantity input.input-text.qty {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #8f8f8f;
  float: left;
  font-size: 14px;
  height: 60px;
  margin: 0;
  padding: 0;
  text-align: center;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  -ms-appearance: textfield;
  appearance: textfield;
  width: 80px;
}

.product .entry-summary,
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
  padding-left: 70px;
  margin-top: 0;
  width: 100%;
  float: none;
}

#content .product.single_pro_style_2 .summary.entry-summary,
#content .product.single_pro_style_3 .summary.entry-summary,
#content .product.single_pro_style_5 .summary.entry-summary,
#content .product.single_pro_style_6 .summary.entry-summary {
  margin-left: 0;
  padding-left: 0;
}

.modal .product .entry-summary {
  margin-left: 0;
}

.modal .product .summary.entry-summary {
  padding-left: 0;
}

.woocommerce-page #content div.single_pro_style_4 div.summary {
  padding-left: 0;
}

.single_pro_style_4 .inner-wrapper-sticky {
  padding-left: 70px;
}

.woocommerce
  div.product
  div.images.woocommerce-product-gallery
  .woocommerce
  #content
  div.product
  div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
  opacity: 1 !important;
  width: 100%;
}

/*fix shipping method table*/

.shipping #shipping_method li {
  float: left;
}

.shipping #shipping_method li input {
  width: 40px;
  height: 20px;
  margin: 0;
}

.shipping .woocommerce-shipping-destination {
  float: left;
}

.modal .img-popup-wrap {
  display: none;
}

.product .entry-summary form.cart .single_add_to_cart_button,
.product .summary-add-to-cart-form form.cart .single_add_to_cart_button {
  margin: 0 25px 0 10px;
}

@media only screen and (max-width: 767px) {
  .product .entry-summary form.cart .single_add_to_cart_button {
    margin: 0 10px 0 10px;
  }
}

.product .entry-summary form.cart.grouped_form .single_add_to_cart_button,
.product-type-external .entry-summary form.cart .single_add_to_cart_button {
  float: left;
  margin-left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product .entry-summary form.cart .single_add_to_cart_button {
    margin: 0 17px 0 10px;
  }
}

.product .entry-summary form.cart .single_add_to_cart_button,
.product .summary-add-to-cart-form form.cart .single_add_to_cart_button {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #343538;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  padding: 23px 38px 23px;
  border-width: 0px;
  border-radius: 0;
  z-index: 9;
}
table.bundled_products td.bundled_item_qty_col .quantity,
.single-product
  div.product
  form.cart
  table.bundled_products
  td.bundled_item_qty_col
  .quantity {
  line-height: 60px;
}
.product-type-bundle .layout_grid .bundled_product_images {
  margin-bottom: 15px !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product .entry-summary form.cart .single_add_to_cart_button {
    padding: 22px 22px 22px;
    border-width: 0px;
  }
}

.product .entry-summary form.cart .single_add_to_cart_button:hover {
  border-width: 0px;
}

.summary .yith-wcwl-add-to-wishlist {
  display: none;
}

.summary .compare.button {
  display: none;
}

form.cart .yith-wcwl-add-to-wishlist,
form.cart .compare.button,
form.cart .compare-button {
  display: inline-block;
  margin-top: 0;
  line-height: 62px;
  float: left;
  background: none;
  padding: unset;
}

form.cart .compare-button a {
  color: #000;
}

.woocommerce div.product form.cart .compare-button .button:hover {
  background-color: initial;
  color: initial;
}

.product .entry-summary form.cart .pro-details-wishlist a {
  font-size: 18px;
  color: #000;
}

.product .entry-summary form.cart .pro-details-wishlist a:hover {
  color: #a749ff;
}

.product .entry-summary form.cart .yith-wcwl-wishlistexistsbrowse.show a i,
.product .entry-summary form.cart .yith-wcwl-add-button.show a i,
.product .entry-summary form.cart .yith-wcwl-wishlistaddedbrowse.show a i {
  margin-right: 28px;
}

.product .entry-summary form.cart .yith-wcwl-wishlistexistsbrowse.show a i {
  color: red;
}

.product .entry-summary form.cart .yith-wcwl-add-button.show {
  position: relative;
}

.product .entry-summary form.cart .yith-wcwl-add-button.show i.ajax-loading {
  position: absolute;
  left: 0;
  margin: 0;
  top: 50%;
  margin-top: -10px;
}

/*compare button*/

.product .entry-summary form.cart .pro-details-compare a {
  font-size: 18px;
  color: #000;
  margin-left: 25px;
}

@media only screen and (max-width: 767px) {
  .product .entry-summary form.cart .pro-details-compare a {
    margin-left: 10px;
  }
}

.product .entry-summary form.cart .pro-details-compare a:hover {
  color: #a749ff;
}

.product .entry-summary .product_meta {
  display: block;
}

.product .entry-summary .product_meta span {
  font-size: 15px;
  color: #676767;
  display: block;
  margin: 0 0 10px;
  margin-right: 5px;
}

.product .entry-summary .product_meta .sku_wrapper span {
  display: inline-block;
  margin: 0 3px 0 0;
}

.product .entry-summary .product_meta a {
  color: #676767;
  font-size: 15px;
}

@media only screen and (max-width: 767px) {
  .product .entry-summary .product_meta a {
    font-size: 14px;
  }
}

.product .entry-summary .product_meta a:hover {
  color: #a749ff;
}

.product .entry-summary .pro-details-social {
  margin: 24px 0 0;
}

.product .entry-summary .pro-details-social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  margin-left: 0;
  margin-bottom: 0;
  list-style: none;
  display: flex;
}

.product .entry-summary .pro-details-social ul li {
  margin-right: 40px;
}

.product .entry-summary .pro-details-social ul li:last-child {
  margin-right: 0px;
}

.product .entry-summary .pro-details-social ul li a {
  font-size: 16px;
  color: #343538;
}

.product .entry-summary .pro-details-social ul li a:hover {
  color: #a749ff;
}

@media only screen and (max-width: 767px) {
  .product .entry-summary .pro-details-slider-content.mt-50 {
    margin-top: 30px;
  }
}

.product .entry-summary .pro-details-slider-content .product-details-price {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product .entry-summary .pro-details-slider-content p {
  width: 59%;
  margin: 0 auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product .entry-summary .pro-details-slider-content p {
    width: 80%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product .entry-summary .pro-details-slider-content p {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .product .entry-summary .pro-details-slider-content p {
    width: 100%;
  }
}

.product .entry-summary .pro-details-slider-content .pro-details-rating-wrap {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product .entry-summary .pro-details-slider-content .pro-details-size-color {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .product .entry-summary .pro-details-slider-content .pro-details-size-color {
    text-align: center;
  }
  .product
    .entry-summary
    .pro-details-slider-content
    .pro-details-size-color
    .pro-details-color-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.product .entry-summary .pro-details-slider-content form.cart {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product .entry-summary .pro-details-slider-content.product_meta {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product .entry-summary .pro-details-slider-content .pro-details-social ul {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.quickview-wrap .nav-style-1.owl-carousel > .owl-nav div {
  font-size: 20px;
  color: #333;
  left: 0px;
}

.quickview-wrap .nav-style-1.owl-carousel > .owl-nav div:hover {
  color: #a749ff;
}

.quickview-wrap .nav-style-1.owl-carousel > .owl-nav div.owl-next {
  right: 0px;
  left: auto;
}

.quickview-wrap:hover .nav-style-1.owl-carousel > .owl-nav div {
  opacity: 1;
  visibility: visible;
}

/*  prodduct 2     */

.tab-filter-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tab-filter-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .tab-filter-wrap.mb-60 {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .product-tab-list-2 {
    margin: 0 0 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-tab-list-2 {
    margin: 0 0 0px;
  }
}

.product-tab-list-2 a {
  display: inline-block;
  margin-right: 23px;
}

@media only screen and (max-width: 767px) {
  .product-tab-list-2 a {
    margin: 0 23px 10px 0;
  }
}

@media only screen and (max-width: 767px) {
  .product-tab-list-2 a {
    margin: 0 23px 0px 0;
  }
}

.product-tab-list-2 a:last-child {
  margin-right: 0;
}

.product-tab-list-2 a h4 {
  color: #555;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  border-bottom: 2px solid transparent;
  padding-bottom: 5px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.product-tab-list-2 a h4:hover {
  color: #000000;
}

.product-tab-list-2 a.active h4 {
  color: #000000;
  border-bottom: 2px solid #000000;
}

.filter-active {
  position: relative;
}

.filter-active a {
  font-weight: 500;
  font-size: 18px;
  color: #010101;
}

.filter-active a:hover {
  color: #a749ff;
}

.filter-active a i {
  font-size: 14px;
}

.product-filter-wrapper {
  background-color: #fff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 60px;
  padding: 45px 45px 7px;
  margin-top: 35px;
  display: none;
}

.product-filter-wrapper .widget-area {
  overflow: hidden;
}

.product-filter-wrapper aside.widget-area .widget {
  width: 25%;
  float: left;
  margin-top: 0;
  margin-bottom: 30px;
  padding-right: 30px;
}
h2.widget-title {
  font-size: 18px;
}
.product-filter-wrapper aside.widget-area .widget:nth-child(4),
.product-filter-wrapper aside.widget-area .widget:nth-child(8) {
  padding-right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-filter-wrapper {
    padding: 35px 25px 7px;
  }
}

@media only screen and (max-width: 767px) {
  .product-filter-wrapper {
    padding: 35px 25px 7px;
  }
}

.product-filter-wrapper .product-filter h5 {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 25px;
  padding-bottom: 7px;
  position: relative;
  text-transform: capitalize;
}

.product-filter-wrapper .product-filter h5::before {
  background-color: #000;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 20px;
}

.product-filter-wrapper .product-filter ul.sort-by li {
  margin-bottom: 3px;
}

.product-filter-wrapper .product-filter ul.sort-by li:last-child {
  margin-bottom: 0;
}

.product-filter-wrapper .product-filter ul.color-filter li {
  margin-bottom: 6px;
}

.product-filter-wrapper .product-filter ul.color-filter li:last-child {
  margin-bottom: 0px;
}

.product-filter-wrapper .product-filter ul.color-filter li input {
  width: 20px;
  height: 20px;
  display: inline-block;
  float: left;
  margin: 3px 8px 0 0;
}
.product-filter-wrapper .product-filter ul.color-filter li a {
  text-transform: capitalize;
}
.product-filter-wrapper .product-filter .product-tags ul li {
  margin-bottom: 4px;
}
.product-filter-wrapper .product-filter .product-tags ul li a {
  text-transform: capitalize;
}

/* Price filter */
.price_slider .price_slider_amount .price_label {
  background: transparent;
  padding: 0;
  border: none;
  font-size: 16px;
  font-weight: 500;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background: #dbdbdb none repeat scroll 0 0;
  border: medium none;
  border-radius: 50px;
  height: 5px;
  margin-bottom: 12px;
  margin-left: auto;
  margin-right: 0;
}
.woocommerce
  .widget_price_filter
  .price_slider_wrapper
  .ui-widget-content
  span {
  -webkit-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
  position: absolute;
  display: block;
  border: 0;
  background: #fa6bff none repeat scroll 0 0;
  border: none;
  -webkit-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background: #fff none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  height: 15px;
  margin-left: 0;
  width: 15px;
  border: 4px solid #fa6bff;
}

.woocommerce .widget_price_filter .price_slider_amount .button {
  font-size: 1.15em;
  float: left;
  background: transparent;
  border: 1px solid #666;
  border-radius: 0;
  font-weight: 500;
  padding: 16px 18px;
  color: #000;
}

.woocommerce .widget_price_filter .price_slider_amount .button:hover {
  color: #000;
}

.woocommerce .widget_price_filter .price_slider_amount .price_label {
  margin-top: 20px;
  line-height: 35px;
  font-size: 16px;
  font-weight: 500;
}

/* Price filter END */

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

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

/*product style 2*/

.product-wrap-2 .product-img span.cart_text {
  display: none;
}

.product-wrap-2 .product-content-2 .yith-wcwl-add-to-wishlist {
  display: block;
  margin-top: 0;
}

.product-wrap-2 .product-content-2 .yith-wcwl-wishlistexistsbrowse.show a {
  margin-top: 0;
}

.product-wrap-2 .product-content-2 .yith-wcwl-wishlistexistsbrowse.show a i {
  color: #929292;
  margin-right: 0;
  font-size: 16px;
}
.product-wrap-2 .product-content-2 .yith-wcwl-add-button.show i.ajax-loading {
  position: absolute;
  text-align: right;
  right: 0;
}
.product-wrap-2 .product-content-2 .yith-wcwl-add-button.show i {
  margin-right: 0;
}

/*added to cart*/
.product-wrap-2 .product-img .product-action-2 a.add_to_cart_button.added,
.product-wrap-5 .product-img .product-action-4 a.add_to_cart_button.added {
  display: none !important;
}
.product-wrap-2 .product-img .product-action-2 a.added_to_cart.wc-forward,
.product-wrap-5 .product-img .product-action-4 a.added_to_cart.wc-forward,
.product-wrap-2 .product-img .product-action-2 a.compare.added,
.product-wrap-5 .product-img .product-action-4 a.compare.added {
  text-indent: -9999px;
  position: relative;
}
.product-wrap-2
  .product-img
  .product-action-2
  a.added_to_cart.wc-forward::before,
.product-wrap-5
  .product-img
  .product-action-4
  a.added_to_cart.wc-forward::before,
.product-wrap-2 .product-img .product-action-2 a.compare.added::before,
.product-wrap-5 .product-img .product-action-4 a.compare.added::before {
  content: "\e66c";
  font-family: "Pe-icon-7-stroke";
  margin-left: 0;
  vertical-align: bottom;
  font-size: 16px;
  line-height: 42px;
  position: absolute;
  top: 10px;
  text-indent: initial;
  display: block;
  right: 12px;
}
.product-wrap-2 .product-img .product-action-2 a.compare.added::before {
  top: 0;
}
.product-wrap-5
  .product-img
  .product-action-4
  a.added_to_cart.wc-forward::before {
  line-height: 35px;
  right: 0;
  width: 35px;
}
.product-wrap-5 .product-img .product-action-4 a.compare {
  position: relative;
}
.product-wrap-5 .product-img .product-action-4 a.compare.added::before {
  width: 35px;
  right: 0;
  top: 0;
  line-height: 35px;
}

/*cart loading*/
.woocommerce .product-wrap-2 a.button.loading::after {
  display: none;
}
.woocommerce .product-wrap-2 .ajax_add_to_cart.loading i::before {
  margin-left: 0;
  left: 11px;
}

/*wishlist show*/
.woocommerce .product-wrap-2 .yith-wcwl-add-to-wishlist .ajax-loading {
  display: none;
}
.product-wrap-2 {
  position: relative;
  overflow: hidden;
}
.product-wrap-2 .product-img {
  position: relative;
}
.product-wrap-2 .product-img img {
  width: 100%;
}
.product-wrap-2
  .product-img
  span:not(.htcompare-button-area, .htcompare-btn-text) {
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  top: 20px;
  right: 20px;
}
.product-wrap-2 .product-img .product-action-2 a span.htcompare-btn-text,
.product-wrap-5 .product-action-4 .pro-same-action a span.htcompare-btn-text,
.product-wrap-3
  .product-content-3-wrap
  .product-content-3
  .product-action-3
  a
  span.htcompare-btn-text {
  display: inline-block;
}
.product-wrap-2 .product-img span.onsale.pink {
  background-color: transparent;
  color: #fa6bff;
}
.product-wrap-2 .product-img span.onsale {
  background-color: transparent;
  color: #a749ff;
}
.product-wrap-2 .product-img .default-img {
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.product-wrap-2 .product-img .hover-img {
  position: absolute;
  top: 0px;
  visibility: hidden;
  left: 0px;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
.product-wrap-2 .product-img .product-action-2 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.product-wrap-2 .product-img .product-action-2 a {
  display: inline-block !important;
  line-height: 1;
  width: 42px;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  background-color: #a749ff;
  color: #fff;
  text-align: center;
  border-radius: 50px;
  margin: 0 3px;
  padding: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
}
.product-wrap-2 .product-img .product-action-2 a.loading {
  opacity: 1;
}
.product-wrap-2 .product-img .product-action-2 a i {
  line-height: 42px;
}
.product-wrap-2 .product-img .product-action-2 a:hover {
  background-color: #fa6bff;
}
.product-wrap-2 .product-content-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 20px 0 0;
}

.product-wrap-2 .product-content-2 .title-price-wrap-2 h3 {
  margin: 0 0 6px;
  line-height: 1;
}

.product-wrap-2 .product-content-2 .title-price-wrap-2 h3 a {
  font-size: 16px;
  color: #000000;
}

.product-wrap-2 .product-content-2 .title-price-wrap-2 h3 a:hover {
  color: #a749ff;
}

/*price*/

.product-wrap-2 .product-content-2 .title-price-wrap-2 .price-2 span.amount {
  font-size: 15px;
  margin-right: 17px;
  font-weight: normal;
  margin-left: 0;
  position: relative;
}

.product-type-variable
  .product-wrap-2
  .product-content-2
  .title-price-wrap-2
  .price-2
  span.amount,
.product-type-grouped
  .product-wrap-2
  .product-content-2
  .title-price-wrap-2
  .price-2
  span.amount {
  margin-right: 0;
}

.product-wrap-2 .product-content-2 .title-price-wrap-2 .price-2 del {
  opacity: 1;
  text-decoration: none;
}

.product-wrap-2
  .product-content-2
  .title-price-wrap-2
  .price-2
  del
  span.woocommerce-Price-amount.amount {
  color: #fa6bff;
  text-decoration: line-through;
}

.product-wrap-2
  .product-content-2
  .title-price-wrap-2
  .price-2
  del
  span.woocommerce-Price-currencySymbol::before {
  position: absolute;
  content: "";
  top: 10px;
  width: 6px;
  height: 2px;
  background-color: #a5a5a5;
}

.product-wrap-2 .product-content-2 .pro-wishlist-2 a {
  font-size: 18px;
  line-height: 14px;
  color: #929292;
  display: inline-block;
  vertical-align: top;
}

.product-wrap-2 .product-content-2 .pro-wishlist-2 a:hover {
  color: #a749ff;
}

.product-wrap-2:hover .hover-img {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.product-wrap-2:hover .default-img {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: hidden;
}

.product-wrap-2:hover .product-action-2 a {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.product-wrap-2.pro-glaucous-color .product-img span.glaucous {
  color: #3d6882;
}

.product-wrap-2.pro-glaucous-color .product-img .product-action-2 a {
  background-color: #3d6882;
}

.product-wrap-2.pro-glaucous-color .product-img .product-action-2 a:hover {
  background-color: #fff;
  color: #000;
}

.product-wrap-2.pro-glaucous-color .product-content-2 .pro-wishlist-2 a:hover {
  color: #3d6882;
}

.product-wrap-2.pro-glaucous-color
  .product-content-2
  .title-price-wrap-2
  h3
  a:hover {
  color: #3d6882;
}

.product-wrap-2.pro-glaucous-color
  .product-content-2
  .title-price-wrap-2
  .price-2
  span.old {
  color: #3d6882;
}

/* product hm3 */

.section-padding-1 .container-fluid,
.site-main > .container-fluid {
  padding: 0 70px;
}

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

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

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

@media only screen and (max-width: 767px) {
  .section-padding-1 .container-fluid,
  .site-main > .container-fluid {
    padding: 0 15px;
  }
}

/* product hm4 */

.hm4-section-padding .container-fluid {
  padding: 0 70px;
}

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

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

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

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

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

.toggle-item-active,
.toggle-item-active2,
.toggle-item-active3,
.toggle-item-active4,
.toggle-item-active5,
.toggle-item-active6 {
  display: none;
}

.view-more {
  display: block;
  text-align: center;
  width: 100%;
}

.view-more a {
  color: #555;
  font-weight: 500;
  display: inline-block;
  border-bottom: 1px solid #cccccc;
  line-height: 1;
  padding-bottom: 2px;
  text-align: center;
}

.view-more a:hover {
  color: #a749ff;
  border-bottom: 1px solid #a749ff;
}

@media only screen and (max-width: 767px) {
  .view-more.mt-20 {
    margin-top: 0;
  }
}

/* product hm5 */

.hm5-section-padding .container-fluid {
  padding-right: 0px;
  padding-left: 0px;
}

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

.hm5-section-padding .row {
  margin-right: -10px;
  margin-left: -10px;
}

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

.hm5-section-padding div[class^="col-"] {
  padding-left: 10px;
  padding-right: 10px;
}

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

/*product style 4*/

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

.product-wrap-3 .product-img {
  position: relative;
}

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

.product-wrap-3 .product-img > span {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 13px;
  color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 3px 11px;
  border-radius: 3px;
  font-weight: 500;
  z-index: 99;
}

.product-wrap-3 .product-img > span.pink {
  background-color: #fa6bff;
}

.product-wrap-3 .product-img > span.purple {
  background-color: #a749ff;
}

.product-wrap-3 .product-content-3-wrap {
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 90%;
  height: 90%;
  left: 5%;
  right: 5%;
  bottom: 5%;
  top: 5%;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  z-index: 8;
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
}

.product-wrap-3 .product-content-3-wrap .product-content-3 {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.product-wrap-3 .product-content-3-wrap .product-content-3 .product-title h3 {
  font-size: 18px;
  margin: 0;
  line-height: 1;
}

.product-wrap-3 .product-content-3-wrap .product-content-3 .price-3 {
  margin: 10px 0 20px;
}

.product-wrap-3
  .product-content-3-wrap
  .product-content-3
  .price-3
  span.amount {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  margin: 0 9px;
  position: relative;
}

.product-wrap-3
  .product-content-3-wrap
  .product-content-3
  .price-3
  span.woocommerce-Price-currencySymbol {
  margin-right: 3px;
}

.product-type-simple
  .product-wrap-3
  .product-content-3-wrap
  .product-content-3
  .price-3
  del
  span::before {
  position: absolute;
  content: "";
  right: -13px;
  top: 10px;
  width: 7px;
  height: 2px;
  background-color: #000;
}

.product-wrap-3 .product-content-3-wrap .product-content-3 .price-3 del {
  opacity: 1;
}

.product-wrap-3
  .product-content-3-wrap
  .product-content-3
  .price-3
  del
  span.amount {
  color: #8e8e8e;
  text-decoration: line-through;
}

.product-wrap-3 .product-content-3-wrap .product-content-3 .product-action-3 a {
  display: inline-block !important;
  line-height: 1;
  width: 42px;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  background-color: #a749ff;
  color: #fff;
  text-align: center;
  border-radius: 50px;
  margin: 0 3px;
  padding: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.product-wrap-3
  .product-content-3-wrap
  .product-content-3
  .product-action-3
  a:hover {
  background-color: #fa6bff;
}

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

/*cart icon*/

.product-wrap-3 .product-content-3 .cart_text {
  display: none;
}

.product-wrap-3 .product-content-3 .product-action-3 > a i {
  line-height: 42px;
}

/*cart icon loading*/

.woocommerce
  .product-wrap-3
  .product-content-3
  .product-action-3
  .ajax_add_to_cart.loading::after,
.woocommerce
  .product-wrap-3
  .product-content-3
  .product-action-3
  .ajax_add_to_cart.added {
  display: none;
}

.woocommerce
  .product-wrap-3
  .product-content-3
  .ajax_add_to_cart.loading
  i::before {
  margin-left: -21px;
}

/*cart icon added*/

.woocommerce .product-wrap-3 .product-content-3 .added_to_cart.wc-forward,
.woocommerce .product-wrap-3 .product-content-3 a.compare.added {
  text-indent: -9999px;
  position: relative !important;
}

.woocommerce
  .product-wrap-3
  .product-content-3
  .added_to_cart.wc-forward::before,
.woocommerce .product-wrap-3 .product-content-3 a.compare.added::before {
  content: "\e66c";
  font-family: "Pe-icon-7-stroke";
  margin-left: 0;
  vertical-align: bottom;
  font-size: 16px;
  height: 42px;
  line-height: 42px;
  position: absolute;
  top: 0;
  text-indent: initial;
  display: block;
  right: 12px;
  margin: 0;
}

/* product hm6 */

.hm6-section-padding .container-fluid {
  padding-right: 70px;
  padding-left: 70px;
}

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

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

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

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

.flone_masonary_products .row {
  margin-right: -10px;
  margin-left: -10px;
}

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

.flone_masonary_products div.grid-item {
  padding-left: 10px;
  padding-right: 10px;
}

@media only screen and (max-width: 767px) {
  .flone_masonary_products div.grid-item {
    padding-left: 15px;
    padding-right: 15px;
  }
}

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

.product-wrap-4 a img {
  width: 100%;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.product-wrap-4 .position-1 {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 75px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-wrap-4 .position-1 {
    bottom: 40px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-wrap-4 .position-1 {
    bottom: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap-4 .position-1 {
    bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap-4 .position-1 {
    bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap-4 .position-1 {
    bottom: 30px;
  }
}

.product-wrap-4 .position-2 {
  position: absolute;
  left: 60px;
  bottom: 55px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-wrap-4 .position-2 {
    bottom: 40px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-wrap-4 .position-2 {
    bottom: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap-4 .position-2 {
    bottom: 30px;
    left: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap-4 .position-2 {
    bottom: 30px;
    left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap-4 .position-2 {
    bottom: 30px;
    left: 20px;
  }
}

.product-wrap-4 .position-3 {
  position: absolute;
  top: 51px;
  left: 0;
  right: 0;
  text-align: center;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-wrap-4 .position-3 {
    top: 32px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-wrap-4 .position-3 {
    top: 32px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap-4 .position-3 {
    top: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap-4 .position-3 {
    top: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap-4 .position-3 {
    top: 22px;
  }
}

.product-wrap-4 .product-content-4 h4 {
  font-size: 30px;
  margin: 0 0 12px;
  line-height: 38px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-wrap-4 .product-content-4 h4 {
    font-size: 25px;
    line-height: 30px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-wrap-4 .product-content-4 h4 {
    font-size: 25px;
    line-height: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap-4 .product-content-4 h4 {
    font-size: 22px;
    line-height: 27px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap-4 .product-content-4 h4 {
    font-size: 20px;
    line-height: 23px;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap-4 .product-content-4 h4 {
    font-size: 20px;
    line-height: 23px;
  }
}

.product-wrap-4 .product-content-4 .price-4 span {
  font-size: 18px;
  color: #000000;
  position: relative;
  margin: 0 24px 0 0;
}

.product-wrap-4 .product-content-4 .price-4 del span.amount:before {
  position: absolute;
  content: "";
  right: -17px;
  top: 12px;
  width: 7px;
  height: 2px;
  background-color: #6b6264;
}

.product-wrap-4 .product-content-4 .price-4 span:last-child:before {
  display: none;
}

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

.product-wrap-4 .product-content-4 .price-4.price-4-center span {
  margin: 0 12px;
}

.product-wrap-4:hover a img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/*massonary products*/

.flone_masonary_products
  .product-wrap-4
  .product-content-4
  .price-4.price-4-center
  span {
  margin: 0;
}

.flone_masonary_products
  .product-wrap-4
  .product-content-4
  .price-4.price-4-center
  span.woocommerce-Price-currencySymbol {
  letter-spacing: 5px;
}

/*variable*/

.product-type-variable
  .product-wrap-4
  .product-content-4
  .price-4
  span.amount::before {
  display: none;
}

.product-type-simple.sale
  .product-wrap-4
  .product-content-4
  .price-4
  span.amount::before {
  display: block;
}

/*sale*/

.flone_masonary_products .price del .woocommerce-Price-currencySymbol::before {
  display: none;
}

.product-type-simple.sale del,
.product-type-external.sale del {
  margin-right: 12px;
}

.single-product .product-type-simple.sale .entry-summary del {
  margin-right: 0;
}

.product-type-simple.sale ins {
  margin-left: 0;
}

.flone_masonary_products .product-type-simple.sale ins {
  margin-left: 10px;
}

.flone_masonary_products .product-wrap-4 .product-content-4 .price-4 del span {
  color: #fa6bff;
  text-decoration: line-through;
}

.width-50-percent {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.width-30-percent {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
}

/* product home 8*/

.collection-product .collection-img {
  overflow: hidden;
}

.collection-product .collection-img a img {
  width: 100%;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.collection-product .collection-content {
  margin: 23px 0 0;
}

.collection-product .collection-content span {
  font-weight: 500;
}

.collection-product .collection-content h4,
.collection-product .collection-content h2 a {
  margin: 4px 0 0;
  line-height: 1;
}

.collection-product .collection-content h4 a,
.collection-product .collection-content a h2 {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
}

.collection-product .collection-content h4 a:hover,
.collection-product .collection-content a h2:hover {
  color: #a749ff;
}

.collection-product:hover a img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

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

.product-wrap-5 .product-img {
  position: relative;
}

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

.product-wrap-5
  .product-img
  span:not(.htcompare-btn-text, .htcompare-button-area) {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 13px;
  color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 3px 11px;
  border-radius: 3px;
  font-weight: 500;
}

.product-wrap-5 .product-img span.purple {
  background-color: #a749ff;
}

.product-wrap-5 .product-img span.pink {
  background-color: #fa6bff;
}

.collection-product-btn a {
  font-size: 14px;
  color: #010101;
  display: inline-block;
  border: 1px solid #010101;
  text-transform: uppercase;
  line-height: 1;
  padding: 8px 11px;
  background-color: transparent;
  font-weight: 400;
}

.collection-product-btn {
  margin-top: 20px;
}

.collection-product-btn a:hover {
  color: #fff;
}

/*product style 3*/

.woocommerce .product-wrap-5 .yith-wcwl-add-to-wishlist {
  display: block;
}

.product-wrap-5 .product-action-4 {
  background: none repeat scroll 0 0 #a749ff;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  opacity: 1;
  padding: 10px;
  position: absolute;
  text-align: center;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 999;
}

.product-wrap-5 .product-action-4 .pro-same-action {
  margin: 0 2px;
}

.product-wrap-5 .product-action-4 .pro-same-action a {
  display: inline-block !important;
  line-height: 1;
  width: 35px;
  height: 35px;
  line-height: 36px;
  font-size: 16px;
  background-color: #fff;
  color: #000;
  text-align: center;
  border-radius: 50px;
  margin: 0 3px;
  padding: 0;
}

.product-wrap-5 .product-action-4 .ajax_add_to_cart.loading i::before {
  margin-left: -20px;
}

.product-wrap-5 .product-action-4 .pro-same-action a:hover {
  background-color: #fa6bff;
  color: #fff;
}

.product-wrap-5
  .product-img
  .pro-same-action.pro-wishlist
  .yith-wcwl-add-button.show
  a {
  margin-top: 0;
}

.product-wrap-5 .product-action-4 .yith-wcwl-add-to-wishlist {
  position: relative;
}

.product-wrap-5 .product-action-4 .yith-wcwl-add-to-wishlist .ajax-loading {
  visibility: hidden;
  position: absolute;
  left: 8px;
  top: 8px;
}

/*wishlist icon*/

.product-wrap-5 .yith-wcwl-add-button > a i {
  margin-right: 0px;
  line-height: 35px;
}

/*wishlist added icon*/

.product-wrap-5 .yith-wcwl-wishlistexistsbrowse.show a i {
  color: #fa6bff;
}

.product-wrap-5 .yith-wcwl-wishlistexistsbrowse.show a:hover i {
  color: #fff;
}

/*cart icon*/

.product-wrap-5 .product-img span.cart_text {
  display: none;
}

.product-wrap-5 .product-content-5 {
  margin-top: 28px;
}

.product-wrap-5 .product-content-5 h3 {
  font-size: 16px;
  margin: 0 0 5px;
  line-height: 17px;
}

.product-wrap-5 .product-content-5 h3 a {
  color: #000;
}

.product-wrap-5 .product-content-5 h3 a:hover {
  color: #a749ff;
}

.product-wrap-5 .product-content-5 .price-5 span {
  font-size: 15px;
  color: #000000;
  margin: 0 8px;
  position: relative;
}

.product-wrap-5 .product-content-5 .price-5 span:before {
  position: absolute;
  content: "";
  right: -13px;
  top: 10px;
  width: 6px;
  height: 2px;
  background-color: #a5a5a5;
}

.product-wrap-5 .product-content-5 .price-5 span:last-child:before {
  display: none;
}

.woocommerce .product-wrap-5 .product-content-5 .price del {
  opacity: 1;
}

.woocommerce
  .product-wrap-5
  .product-content-5
  .price
  .woocommerce-Price-amount {
  font-weight: normal;
  margin-left: 0;
}

.woocommerce .product-wrap-5 .woocommerce-Price-currencySymbol {
  letter-spacing: 3px;
}

.product-wrap-5 .product-content-5 .price del span.woocommerce-Price-amount {
  color: #fa6bff;
  text-decoration: line-through;
}

.product-wrap-5:hover .product-action-4 {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}

/* product home 9*/

.collection-wrap-2 {
  margin-top: -175px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .collection-wrap-2 {
    margin-top: -97px;
  }
}

@media only screen and (max-width: 767px) {
  .collection-wrap-2 {
    margin-top: -40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .collection-wrap-2 {
    margin-top: -70px;
  }
}

.collection-product-2 {
  position: relative;
  overflow: hidden;
}

.collection-product-2 a img {
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.collection-product-2 .collection-content-2 {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 30px;
}

.collection-product-2 .collection-content-2 span {
  font-size: 14px;
  font-weight: 500;
}

.collection-product-2 .collection-content-2 h4 {
  font-size: 16px;
  font-weight: 500;
  margin: 5px 0 0;
  line-height: 21px;
}

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

/* product hm9 */

.hm9-section-padding .container-fluid {
  padding-right: 70px;
  padding-left: 70px;
}

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

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

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

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hm9-section-padding .container-fluid {
    padding-right: 30px;
    padding-left: 30px;
  }
}

.hm9-section-padding .custom-row-4 {
  margin-right: -10px;
  margin-left: -10px;
}

@media only screen and (max-width: 767px) {
  .hm9-section-padding .custom-row-4 {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hm9-section-padding .custom-row-4 {
    margin-right: -10px;
    margin-left: -10px;
  }
}

.hm9-section-padding div[class^="custom2-"] {
  padding-left: 10px;
  padding-right: 10px;
}

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hm9-section-padding div[class^="custom2-"] {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.custom-row-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.custom2-col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  position: relative;
  width: 100%;
  min-height: 1px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .custom2-col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .custom2-col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}

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

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

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

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

.blog-wrap .blog-img img {
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.blog-wrap .blog-img span {
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
  line-height: 1;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding: 2px 10px 5px;
}

.blog-wrap .blog-img span.pos_right {
  left: auto;
  right: 10px;
}

.blog-wrap .blog-img span a {
  color: #fff;
}

.blog-wrap .blog-img span.pink {
  background-color: #fa6bff;
}

.blog-wrap .blog-img span.purple {
  background-color: #a749ff;
}

.blog-wrap .blog-content-wrap {
  text-align: center;
  padding: 0 20px;
}

.blog-wrap .blog-content-wrap .blog-content {
  display: inline-block;
  background-color: #fff;
  padding: 14px 44px;
  margin: -64px 0 0;
  z-index: 99;
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-wrap .blog-content-wrap .blog-content {
    padding: 14px 30px;
    margin: -50px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .blog-wrap .blog-content-wrap .blog-content {
    padding: 14px 30px;
    margin: -50px 0 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-wrap .blog-content-wrap .blog-content {
    padding: 14px 15px;
  }
}

.blog-wrap .blog-content-wrap .blog-content h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin: 0 0 5px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-wrap .blog-content-wrap .blog-content h3 {
    font-size: 18px;
    line-height: 27px;
  }
}

.blog-wrap .blog-content-wrap .blog-content span {
  color: #666;
  font-style: italic;
}

.blog-wrap .blog-content-wrap .blog-content span a {
  color: #666;
}

.blog-wrap .blog-content-wrap .blog-content span a:hover {
  color: #a749ff;
}

.blog-wrap:hover .blog-img img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/* blog page */

.blog-wrap-2 {
  -webkit-box-shadow: 0 0px 5px rgba(85, 85, 85, 0.2);
  box-shadow: 0 0px 5px rgba(85, 85, 85, 0.2);
}

.has-post-thumbnail .blog-wrap-2 {
  -webkit-box-shadow: 0 3px 5px rgba(85, 85, 85, 0.2);
  box-shadow: 0 3px 5px rgba(85, 85, 85, 0.2);
}

.single .blog-wrap-2 {
  box-shadow: none;
}

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

.site-main:not(.post-main) .blog-wrap-2 .post-thumbnail {
  position: relative;
  background: #ddd;
  margin-bottom: 1.5em;
}

.blog-wrap-2 .blog-img-2 a img {
  max-width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  margin: 0 auto;
  display: block;
}

.blog-wrap-2 .blog-img-2 .video-icon {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.blog-wrap-2 .blog-img-2 .video-icon a {
  background-color: #ff0000;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 25px;
  height: 60px;
  line-height: 61px;
  width: 60px;
}

.blog-wrap-2 .blog-img-2 .video-icon a:hover {
  background-color: #a749ff;
}

.blog-wrap-2 .blog-content-2 {
  padding: 30px;
}

.single-post .blog-wrap-2 .blog-content-2 {
  padding: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-wrap-2 .blog-content-2 {
    padding: 25px 20px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-wrap-2 .blog-content-2 {
    padding: 25px 20px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-wrap-2 .blog-content-2 {
    padding: 5px 15px 29px;
  }
}

.blog-wrap-2 .blog-content-2 .blog-meta-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.blog-wrap-2 .blog-content-2 .blog-meta-2 ul {
  margin-left: 0;
}

.blog-wrap-2 .blog-content-2 .blog-meta-2 ul li {
  color: #333;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 1px;
  list-style: outside none none;
  margin: 0 17px 0 0;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  line-height: 1;
}

.blog-wrap-2 .blog-content-2 .blog-meta-2 ul li::before {
  background-color: #555;
  content: "";
  height: 2px;
  position: absolute;
  right: -13px;
  top: 6px;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 5px;
}

.blog-wrap-2 .blog-content-2 .blog-meta-2 ul li:last-child::before {
  display: none;
}

.blog-wrap-2 .blog-content-2 .blog-meta-2 ul li a {
  color: #555;
}

.blog-wrap-2 .blog-content-2 .blog-meta-2 ul li a:hover {
  color: #a749ff;
}

.entry-title {
  font-weight: 500;
  margin: 0 0 30px;
  color: #333;
}

.page-title {
  margin-bottom: 0;
}

article.post .entry-title {
  margin-bottom: 15px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

body.page article.page .entry-title {
  text-align: center;
  margin-bottom: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .entry-title {
    font-size: 19px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .entry-title {
    font-size: 19px;
  }
}

.entry-title a {
  color: #333;
}

.entry-title a:hover {
  color: #a749ff;
}

.blog-wrap-2 .blog-content-2 .blog-share-comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 22px 0 0;
}

.blog-wrap-2 .blog-content-2 .blog-share-comment p {
  display: none;
}

@media only screen and (max-width: 767px) {
  .blog-wrap-2 .blog-content-2 .blog-share-comment {
    margin: 14px 0 0;
  }
}

.blog-wrap-2 .blog-content-2 .blog-share-comment .blog-btn-2 a {
  color: #333;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.2px;
  margin-top: 4px;
  text-transform: capitalize;
}

.blog-wrap-2 .blog-content-2 .blog-share-comment .blog-btn-2 a:hover {
  color: #a749ff;
}

.blog-wrap-2 .blog-content-2 .blog-share-comment .blog-share span {
  color: #333;
  display: inline-block;
  float: left;
  font-size: 15px;
  margin-right: 12px;
  margin-top: 3px;
  text-transform: capitalize;
}

.blog-wrap-2 .blog-content-2 .blog-share-comment .blog-share .share-social {
  display: inline-block;
  float: left;
}

.blog-wrap-2 .blog-content-2 .blog-share-comment .blog-share .share-social ul {
  margin-left: 0;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .blog-wrap-2 .blog-content-2 .blog-share-comment .blog-share .share-social {
    margin-top: 4px;
  }
}

.blog-wrap-2
  .blog-content-2
  .blog-share-comment
  .blog-share
  .share-social
  ul
  li {
  display: inline-block;
  margin-right: 5px;
}

.blog-wrap-2
  .blog-content-2
  .blog-share-comment
  .blog-share
  .share-social
  ul
  li:last-child {
  margin-right: 0;
}

.blog-wrap-2
  .blog-content-2
  .blog-share-comment
  .blog-share
  .share-social
  ul
  li
  a {
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  width: 30px;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .blog-wrap-2
    .blog-content-2
    .blog-share-comment
    .blog-share
    .share-social
    ul
    li
    a {
    font-size: 12px;
    height: 25px;
    line-height: 23px;
    width: 25px;
  }
}

.blog-wrap-2
  .blog-content-2
  .blog-share-comment
  .blog-share
  .share-social
  ul
  li
  a.facebook {
  background-color: #3b5998;
  border: 1px solid #3b5998;
}

.blog-wrap-2
  .blog-content-2
  .blog-share-comment
  .blog-share
  .share-social
  ul
  li
  a.facebook:hover {
  background-color: transparent;
  color: #3b5998;
}

.blog-wrap-2
  .blog-content-2
  .blog-share-comment
  .blog-share
  .share-social
  ul
  li
  a.twitter {
  background-color: #55acee;
  border: 1px solid #55acee;
}

.blog-wrap-2
  .blog-content-2
  .blog-share-comment
  .blog-share
  .share-social
  ul
  li
  a.twitter:hover {
  background-color: transparent;
  color: #55acee;
}

.blog-wrap-2
  .blog-content-2
  .blog-share-comment
  .blog-share
  .share-social
  ul
  li
  a.instagram {
  background-color: #c32aa3;
  border: 1px solid #c32aa3;
}

.blog-wrap-2
  .blog-content-2
  .blog-share-comment
  .blog-share
  .share-social
  ul
  li
  a.instagram:hover {
  background-color: transparent;
  color: #c32aa3;
}

.blog-wrap-2
  .blog-content-2
  .blog-share-comment
  .blog-share
  .share-social
  ul
  li
  a.pinterest {
  background-color: #bd081c;
  border: 1px solid #bd081c;
}

.blog-wrap-2
  .blog-content-2
  .blog-share-comment
  .blog-share
  .share-social
  ul
  li
  a.pinterest:hover {
  background-color: transparent;
  color: #bd081c;
}

.blog-wrap-2:hover .blog-img-2 img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.nav-style-4.owl-carousel .owl-nav div {
  color: #fff;
  display: inline-block;
  font-size: 20px;
  left: 0px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  text-align: center;
  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;
  height: 35px;
  width: 35px;
  line-height: 35px;
  background-color: #a749ff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-4.owl-carousel .owl-nav div {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .nav-style-4.owl-carousel .owl-nav div {
    font-size: 30px;
  }
}

.nav-style-4.owl-carousel .owl-nav div:hover {
  color: #fff;
  background-color: #333;
}

.nav-style-4.owl-carousel .owl-nav div.owl-next {
  left: auto;
  right: 0px;
}

.blog-wrap-2:hover .nav-style-4.owl-carousel .owl-nav div {
  opacity: 1;
  visibility: visible;
}

/*-------- 7. Blog style  ----------*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .Blog-area .ml-20 {
    margin-left: 0;
  }
  .Blog-area .mr-20 {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .Blog-area .ml-20 {
    margin-left: 0;
  }
  .Blog-area .mr-20 {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .Blog-area .ml-20 {
    margin-left: 0;
  }
  .Blog-area .mr-20 {
    margin-right: 0;
  }
  .Blog-area .woocommerce-pagination.mt-20 {
    margin-top: 0;
  }
}

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

.Blog-area.blog-no-sidebar .blog-content-2 h4 {
  font-size: 20px;
}

@media only screen and (max-width: 767px) {
  .Blog-area.blog-no-sidebar .blog-content-2 h4 {
    font-size: 17px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .Blog-area.blog-no-sidebar .blog-content-2 h4 {
    font-size: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .Blog-area.blog-no-sidebar
    .blog-content-2
    .blog-share-comment
    .blog-share
    .share-social {
    margin-top: 4px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .Blog-area.blog-no-sidebar
    .blog-content-2
    .blog-share-comment
    .blog-share
    .share-social
    ul
    li {
    margin-right: 3px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .Blog-area.blog-no-sidebar
    .blog-content-2
    .blog-share-comment
    .blog-share
    .share-social
    ul
    li
    a {
    font-size: 12px;
    height: 25px;
    line-height: 23px;
    width: 25px;
  }
}

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

.site-footer.footer-area .copyright .footer-logo {
  margin-bottom: 12px;
  margin-top: 41px;
}

@media only screen and (max-width: 767px) {
  .copyright .footer-logo {
    margin-top: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright .footer-logo {
    margin-top: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .copyright .footer-logo {
    margin-top: 28px;
  }
}

.footer-bottom {
  background: #f7f7f7;
}

.site-footer.footer-area .copyright {
  padding-bottom: 20px;
  padding-top: 20px;
}

.copyright p {
  color: #313131;
  letter-spacing: 0.9px;
}

.copyright p a {
  color: #313131;
}

.copyright p a:hover {
  color: #a749ff;
}

.footer_style_2 .footer-widget.widget_nav_menu ul {
  margin-left: 0;
  margin-bottom: 0;
  list-style: none;
  line-height: 24px;
}

.footer_style_2 .footer-widget.widget_nav_menu ul li {
  margin: 0 0 11px;
}

.footer_style_2 .footer-widget.widget_nav_menu ul li:last-child {
  margin: 0 0 0px;
}

.footer_style_2 .footer-widget.widget_nav_menu ul li a {
  color: #5d5d5d;
  letter-spacing: 0.3px;
}

.footer_style_2 .footer-widget.widget_nav_menu ul li a:hover {
  color: #a749ff;
}

@media (min-width: 1200px) {
  .footer_style_2 .row > div:nth-child(2) .footer-widget,
  .footer_style_2 .row > div:nth-child(3) .footer-widget,
  .footer_style_2 .row > div:nth-child(4) .footer-widget {
    margin-left: 45px;
  }
  .footer_style_2 .row > div:nth-child(5) .footer-widget {
    margin-left: 70px;
  }
  .footer-widget .subscribe-style {
    color: #7a7a7a;
    margin: 0 0 20px;
  }
}

.footer-widget.widget_custom_html {
  margin-bottom: 0;
}

.footer-widget .subscribe-form input {
  background: transparent;
  font-size: 13px;
  color: #333;
  border: none;
  border-bottom: 2px solid #ebebeb;
  padding: 2px 10px 2px 0;
}

.footer-widget .subscribe-style .subscribe-form .mc-news {
  display: none;
}

.footer-widget .subscribe-form input[type="submit"] {
  width: auto;
  height: auto;
  color: #313131;
  font-size: 14px;
  padding: 0 0 1px;
  line-height: 1;
  border-bottom: 2px solid #9b9b9c;
  border-radius: 0;
  text-transform: uppercase;
  margin: 13px 0 0;
}

.footer-widget .subscribe-form input[type="submit"]:hover {
  color: #a749ff;
  border-bottom: 2px solid #a749ff;
  background: none;
  border-radius: 0;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .footer-widget.ml-95 {
    margin-left: 20px;
  }
  .footer-widget.ml-145 {
    margin-left: 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .footer-widget.ml-95 {
    margin-left: 0px;
  }
  .footer-widget.ml-145 {
    margin-left: 20px;
  }
  .footer-widget.ml-30 {
    margin-left: 0px;
  }
  .footer-widget.ml-ntv5 {
    margin-left: -50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-widget.ml-95 {
    margin-left: 0px;
  }
  .footer-widget.ml-145 {
    margin-left: 0px;
  }
  .footer-widget.ml-30 {
    margin-left: 0px;
  }
  .footer-widget.ml-ntv5 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget.ml-95 {
    margin-left: 0px;
  }
  .footer-widget.ml-145 {
    margin-left: 0px;
  }
  .footer-widget.ml-30 {
    margin-left: 0px;
  }
  .footer-widget.ml-ntv5 {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget.ml-95 {
    margin-left: 0px;
  }
  .footer-widget.ml-145 {
    margin-left: 0px;
  }
  .footer-widget.ml-30 {
    margin-left: 0px;
  }
  .footer-widget.ml-ntv5 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget.ml-30,
  .footer-widget.ml-50,
  .footer-widget.ml-75 {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget.ml-30,
  .footer-widget.ml-50,
  .footer-widget.ml-75 {
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-widget.ml-30,
  .footer-widget.ml-50,
  .footer-widget.ml-75 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget.ml-70 {
    margin-left: -130px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget.ml-70 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-widget.ml-70 {
    margin-left: -90px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-widget.ml-70 {
    margin-left: 0px;
  }
}

/* home 4 */

.hm4-footer-padding .container-fluid {
  padding: 0 60px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .hm4-footer-padding .container-fluid {
    padding: 0 60px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .hm4-footer-padding .container-fluid {
    padding: 0 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hm4-footer-padding .container-fluid {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hm4-footer-padding .container-fluid {
    padding: 0 30px;
  }
}

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

.footer-area.ml-10 {
  margin-left: 0;
}

.footer-area.ml-70 {
  margin-left: 15px;
}

.footer-area.mr-70 {
  margin-right: 15px;
}

/* home 5 */

.footer-top p {
  color: #fffefe;
  line-height: 28px;
  margin: 31px auto 33px;
  width: 55%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-top p {
    width: 85%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-top p {
    width: 100%;
  }
}

.footer-top .footer-social ul {
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.footer-top .footer-social ul li {
  margin: 0 23px;
  list-style: none;
  position: relative;
  line-height: 1;
}

.footer-top .footer-social ul li:before {
  position: absolute;
  content: "";
  right: -30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #7c7b7b;
  width: 16px;
  height: 2px;
}

.footer-top .footer-social ul li:last-child:before {
  display: none;
}

.footer-top .footer-social ul li a {
  color: #e5e5e5;
  font-size: 16px;
}

.footer-top .footer-social ul li a:hover {
  color: #a749ff;
}

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

.copyright-2 {
  padding-bottom: 20px;
  padding-top: 20px;
  margin-top: 60px;
  border-top: 1px solid #2b2b2b;
}

.copyright-2 p {
  color: #fff;
  line-height: 1;
}

.copyright-2 p a {
  color: #fff;
}

.copyright-2 p a:hover {
  color: #a749ff;
}

.footer-area.flone-bg-gray {
  background-color: #f6f6f6;
}

.footer-area.flone-bg-white {
  background-color: #fff;
}

.flone-bg-gray .footer-top p {
  color: #000;
}

.flone-bg-gray .footer-top .footer-social ul li a {
  color: #000;
}

.flone-bg-gray .footer-top .footer-social ul li a:hover {
  color: #a749ff;
}

.flone-bg-gray .copyright-2 p {
  color: #000;
}

.flone-bg-gray .copyright-2 p a {
  color: #000;
}

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

.flone-bg-gray .copyright-2 {
  border-top: 1px solid #ddd;
}

/*----- 9. Banner style  -------*/

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

.single-banner a img {
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

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

.single-banner .banner-content {
  position: absolute;
  content: "";
  left: 36px;
  top: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .banner-content {
    left: 20px;
    top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content {
    left: 15px;
    top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .single-banner .banner-content {
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.single-banner .banner-content h3 {
  font-size: 36px;
  color: #915342;
  font-weight: 600;
  margin: 0;
  font-family: "Cormorant Garamond";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content h3 {
    font-size: 27px;
  }
}

@media only screen and (max-width: 767px) {
  .single-banner .banner-content h3 {
    font-size: 30px;
  }
}

.single-banner .banner-content h4 {
  font-size: 18px;
  color: #010101;
  margin: 3px 0 58px;
  font-weight: 600;
  font-family: "Cormorant Garamond";
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .single-banner .banner-content h4 {
    margin: 3px 0 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .banner-content h4 {
    margin: 3px 0 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .banner-content h4 {
    margin: 3px 0 15px;
  }
  .single-banner .banner-content h3 {
    font-size: 24px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content h4 {
    margin: 3px 0 8px;
  }
  .single-banner .banner-content h3 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .single-banner .banner-content h4 {
    margin: 3px 0 30px;
  }
  .single-banner .banner-content h3 {
    font-size: 22px;
  }
  .single-banner .banner-content h4 {
    font-size: 15px;
  }
}

.single-banner .banner-content h4 span {
  color: #935644;
  font-size: 20px;
  margin: 0 0px 0 2px;
  display: inline-block;
  line-height: 1;
  position: relative;
  top: 2px;
}

.single-banner .banner-content a {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  border: 2px solid #97584a;
  color: #97584a;
  font-size: 14px;
  display: inline-block;
  text-align: center;
}

.single-banner .banner-content a i {
  line-height: 25px;
}

.single-banner .banner-content a:hover {
  color: #a749ff;
  border: 2px solid #a749ff;
}

/* banner hm4 */

.banner-area-2 .container-fluid {
  padding-right: 10px;
  padding-left: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area-2 .container-fluid {
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-area-2 .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-area-2.pb-85 {
    padding-bottom: 42px;
  }
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .banner-area-2.banner-area-2 .single-banner .banner-content {
    top: 15px;
    left: 15px;
  }
  .banner-area-2.banner-area-2 .single-banner .banner-content h3 {
    font-size: 25px;
  }
  .banner-area-2.banner-area-2 .single-banner .banner-content h4 {
    margin: 3px 0 10px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-area-2.banner-area-2 .single-banner .banner-content {
    top: 15px;
    left: 15px;
  }
  .banner-area-2.banner-area-2 .single-banner .banner-content h3 {
    font-size: 25px;
  }
  .banner-area-2.banner-area-2 .single-banner .banner-content h4 {
    margin: 3px 0 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area-2.banner-area-2 .single-banner .banner-content {
    top: 25px;
  }
  .banner-area-2.banner-area-2 .single-banner .banner-content h3 {
    font-size: 30px;
  }
  .banner-area-2.banner-area-2 .single-banner .banner-content h4 {
    margin: 3px 0 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area-2.banner-area-2.pt-10 {
    padding-top: 30px;
  }
}

/* banner hm9 */

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

.single-banner-2 a img {
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.single-banner-2 .banner-content-2 {
  position: absolute;
  left: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.align_right .flone-banner-content.banner-content-2,
.align_right .flone-banner-content.banner-content {
  left: auto;
  right: 40px;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .single-banner-2 .banner-content-2 {
    left: 20px;
  }
}

.single-banner-2 .banner-content-2 h3 {
  font-size: 48px;
  color: #915342;
  margin: 0;
  font-family: "Cormorant Garamond";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner-2 .banner-content-2 h3 {
    font-size: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .single-banner-2 .banner-content-2 h3 {
    font-size: 33px;
  }
}

.single-banner-2 .banner-content-2 h4 {
  font-size: 24px;
  color: #010101;
  font-weight: 500;
  font-family: "Cormorant Garamond";
  margin: 22px 0 94px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner-2 .banner-content-2 h4 {
    margin: 22px 0 34px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner-2 .banner-content-2 h4 {
    margin: 15px 0 25px;
  }
}

@media only screen and (max-width: 767px) {
  .single-banner-2 .banner-content-2 h4 {
    margin: 10px 0 20px;
  }
}

.single-banner-2 .banner-content-2 h4 span {
  color: #935644;
}

.single-banner-2 .banner-content-2 a {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  border: 2px solid #97584a;
  color: #97584a;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  line-height: 26px;
}

.single-banner-2 .banner-content-2 a:hover {
  color: #000;
  border: 2px solid #000;
}

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

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

/*------ 10. Suscribe style  ------*/

.subscribe-style-2 h2 {
  font-size: 48px;
  color: #010101;
  margin: 0 0 23px;
}

@media only screen and (max-width: 767px) {
  .subscribe-style-2 h2 {
    font-size: 30px;
    margin: 0 0 12px;
  }
}

.subscribe-style-2 p {
  font-size: 16px;
  color: #696969;
}

.subscribe-style-2 .subscribe-form-2 form input {
  background: transparent;
  border: none;
  height: 45px;
  padding: 2px 50px 2px 0;
  font-size: 14px;
  color: #333;
  border-bottom: 2px solid #e2e2e2;
}

.subscribe-style-2 .subscribe-form-2 form .mc-news {
  display: none;
}

.subscribe-style-2 .subscribe-form-2 form .clear-2 {
  background: rgba(0, 0, 0, 0) url("../../assets/img/icon-img/suscribe.png")
    no-repeat scroll right 0 center;
  bottom: 0px;
  display: inline-block;
  position: absolute;
  right: 0px;
}

.subscribe-style-2 .subscribe-form-2 form .clear-2 input {
  border: medium none;
  padding: 0;
  text-indent: -99999px;
  width: 37px;
}

/*mc notice*/

.subscribe-style-2 .mc4wp-form-fields {
  position: relative;
}

.subscribe-style-2 .mc4wp-response,
.subscribe-style-3 .mc4wp-response {
  width: 100%;
  display: block;
  text-align: left;
  margin-top: 10px;
}

.subscribe-style-3 .mc4wp-response {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .subscribe-area-3.pb-100 {
    padding-bottom: 60px;
  }
}

.subscribe-style-3 h2 {
  font-size: 48px;
  color: #010101;
  margin: 0 0 23px;
}

@media only screen and (max-width: 767px) {
  .subscribe-style-3 h2 {
    font-size: 35px;
    margin: 0 0 12px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-style-3 h2 {
    font-size: 40px;
  }
}

.subscribe-style-3 p {
  font-size: 16px;
  color: #696969;
  line-height: 1.4;
}

.subscribe-style-3 .subscribe-form-3 input {
  background: transparent;
  border: none;
  border-bottom: 2px solid #e2e2e2;
  text-align: center;
  color: #333;
  height: 46px;
}

.subscribe-style-3 .subscribe-form-3 .mc-news {
  display: none;
}

.subscribe-style-3 .subscribe-form-3 .clear-2 {
  margin-top: 40px;
}

.subscribe-style-3 .subscribe-form-3 .clear-2 input {
  width: auto;
  height: auto;
  color: #fff;
  background-color: #070508;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 17px 55px;
  border-radius: 5px;
}

.subscribe-style-3 .subscribe-form-3 .clear-2 input:hover {
  background-color: #a749ff;
}

/*------- 11. About style ------ */

.welcome-content h5 {
  font-weight: 500;
  font-size: 16px;
  color: #666;
  margin: 0;
  letter-spacing: 0.3px;
}

.welcome-content h1 {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.3px;
  margin: 8px 0 30px;
  color: #433f3f;
  position: relative;
  display: inline-block;
  padding: 0 0 23px;
  line-height: 1;
}

.welcome-content h1:before {
  position: absolute;
  background-color: #070508;
  height: 3px;
  width: 70px;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}

.welcome-content p {
  font-size: 16px;
  color: #4b4b4b;
  line-height: 30px;
  width: 66%;
  margin: 0 auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .welcome-content p {
    width: 80%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .welcome-content p {
    width: 95%;
  }
}

@media only screen and (max-width: 767px) {
  .welcome-content p {
    width: 100%;
    font-size: 15px;
  }
}

/* about page */

.single-count .count-icon i {
  font-size: 50px;
  line-height: 1;
  display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-count .count-icon i {
    font-size: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .single-count .count-icon i {
    font-size: 45px;
  }
}

.single-count h2 {
  color: #a749ff;
  font-size: 40px;
  font-weight: bold;
  line-height: 36px;
  margin: 25px 0 12px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-count h2 {
    margin: 10px 0 8px;
    font-size: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .single-count h2 {
    margin: 6px 0 8px;
    font-size: 35px;
  }
}

.single-count span {
  color: #333;
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 500;
}

.team-wrapper {
  background-color: #f7f7f7;
}

.team-wrapper .team-img {
  position: relative;
}

.team-wrapper .team-img a img {
  width: 100%;
}

.team-wrapper .team-img .team-action {
  background: #fff none repeat scroll 0 0;
  left: 0;
  opacity: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 70%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  width: 100%;
  z-index: 5;
}

.team-wrapper .team-img .team-action a {
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  width: 30px;
  margin: 0 3px;
}

.team-wrapper .team-img .team-action a.facebook {
  border: 1px solid #3b5998;
  background-color: #3b5998;
}

.team-wrapper .team-img .team-action a.facebook:hover {
  background-color: transparent;
  color: #3b5998;
}

.team-wrapper .team-img .team-action a.twitter {
  border: 1px solid #55acee;
  background-color: #55acee;
}

.team-wrapper .team-img .team-action a.twitter:hover {
  background-color: transparent;
  color: #55acee;
}

.team-wrapper .team-img .team-action a.instagram {
  border: 1px solid #c32aa3;
  background-color: #c32aa3;
}

.team-wrapper .team-img .team-action a.instagram:hover {
  background-color: transparent;
  color: #c32aa3;
}

.team-wrapper .team-content {
  padding: 20px 10px 23px;
}

.team-wrapper .team-content h4 {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 3px;
  text-transform: capitalize;
}

.team-wrapper .team-content span {
  font-size: 15px;
  font-style: italic;
}

.team-wrapper:hover .team-action {
  top: 50%;
  opacity: 1;
}

.single-mission h3 {
  font-size: 25px;
  font-weight: 500;
  margin: 0 0 20px;
  text-transform: capitalize;
  line-height: 22px;
  color: #333;
}

@media only screen and (max-width: 767px) {
  .single-mission h3 {
    margin: 0 0 10px;
  }
}

.single-mission p {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .about-brand-logo.pb-100 {
    padding-bottom: 60px;
  }
}

/*----- 12. instagram style  -----*/

.single-instagram {
  overflow: hidden;
}

.single-instagram a img {
  width: 100%;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

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

/*----- 13. Testimonial style  ------*/

.single-testimonial p {
  line-height: 32px;
  color: #575757;
  font-size: 16px;
  font-weight: 500;
  margin: 32px 0 0px;
  font-style: italic;
}
.single-testimonial .testimonial-thumbnail {
  margin: 0 auto 30px;
  border-radius: 100%;
  overflow: hidden;
  width: 90px;
  height: 90px;
}
@media only screen and (max-width: 767px) {
  .single-testimonial p {
    font-size: 15px;
  }
}

.single-testimonial .client-info {
  margin: 20px 0 0;
}

.single-testimonial .client-info i {
  font-size: 26px;
  color: #666666;
}

.single-testimonial .client-info h5 {
  font-size: 14px;
  color: #010101;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 22px 0 3px;
}

.single-testimonial .client-info span {
  font-size: 14px;
  color: #010101;
  letter-spacing: 1.5px;
}

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

.flone_testimonial.nav-style-1.owl-carousel:hover .owl-nav div {
  opacity: 1;
  visibility: visible;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .testimonial-area.ml-70 {
    margin-left: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-area.ml-70 {
    margin-left: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-area.ml-70 {
    margin-left: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-area.ml-70 {
    margin-left: 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-area.ml-70 {
    margin-left: 30px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .testimonial-area.mr-70 {
    margin-right: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-area.mr-70 {
    margin-right: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-area.mr-70 {
    margin-right: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-area.mr-70 {
    margin-right: 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-area.mr-70 {
    margin-right: 30px;
  }
}

/*------- 14. Brand logo style  -------*/

.brand-logo-active.owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
}

.brand-logo-active .single-brand-logo {
  text-align: center;
}

.brand-logo-active .single-brand-logo img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.brand-logo-active .single-brand-logo:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

/*------ 15. Timer style  -----*/

.funfact-area.bg-img {
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .funfact-area.bg-img {
    background-position: 15%;
  }
  .funfact-area.bg-img:before {
    content: "";
    background-color: #fff;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    opacity: 0.7;
  }
}

@media only screen and (max-width: 767px) {
  .funfact-area.bg-img {
    background-position: 15%;
  }
  .funfact-area.bg-img:before {
    content: "";
    background-color: #fff;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    opacity: 0.7;
  }
}

.funfact-content h2 {
  font-size: 48px;
  color: #010101;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .funfact-content h2 {
    font-size: 32px;
  }
}

.funfact-content .timer {
  text-align: center;
  margin: 65px 0 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .funfact-content .timer {
    margin: 44px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .funfact-content .timer {
    margin: 24px 0 0;
  }
}

.funfact-content .timer span {
  display: inline-block;
  font-size: 48px;
  color: #555;
  font-weight: 300;
  margin: 0 32px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .funfact-content .timer span {
    margin: 0 15px;
    font-size: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .funfact-content .timer span {
    margin: 0 5px;
    font-size: 22px;
  }
}

.funfact-content .timer span p {
  font-size: 18px;
  font-weight: 500;
  color: #555;
  text-transform: uppercase;
  margin: 34px 0 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .funfact-content .timer span p {
    margin: 24px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .funfact-content .timer span p {
    margin: 12px 0 0;
    font-size: 14px;
  }
}

.funfact-content .funfact-btn {
  margin-top: 43px;
}

@media only screen and (max-width: 767px) {
  .funfact-content .funfact-btn {
    margin-top: 23px;
  }
}

.funfact-content .funfact-btn a {
  display: inline-block;
  background-color: #000;
  color: #fff;
  line-height: 1;
  padding: 16px 56px;
  border: 1px solid transparent;
  z-index: 1;
}

.funfact-content .funfact-btn a:hover {
  border: 1px solid #a749ff;
}

/*------ 16. Breadcrumb style  --------*/

.breadcrumb-content ul li {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #555;
  margin-right: 23px;
  position: relative;
  word-break: break-word;
}

.breadcrumb-content ul li::before {
  position: absolute;
  width: 16px;
  height: 1px;
  background-color: #555;
  content: "";
  right: -20px;
  top: 11px;
  z-index: 99;
  -webkit-transform: rotate(115deg);
  -ms-transform: rotate(115deg);
  transform: rotate(115deg);
}

.breadcrumb-content ul {
  margin: 0;
}

.breadcrumb-content ul li:last-child::before {
  display: none;
}

.breadcrumb-content ul li a {
  color: #5b5858;
}

.breadcrumb-content ul li a:hover {
  color: #a749ff;
}

/*---- 17. Sidebar style  ------*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-style.mr-30 {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-style {
    margin-top: 30px;
  }
  .sidebar-style.mr-30 {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-style {
    margin-top: 30px;
  }
  .sidebar-style.mr-30 {
    margin-right: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-style.ml-30 {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-style {
    margin-top: 30px;
  }
  .sidebar-style.ml-30 {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-style {
    margin-top: 30px;
  }
  .sidebar-style.ml-30 {
    margin-left: 0;
  }
}

aside.widget-area .widget-title,
.footer_style_1 .widget-title {
  margin-bottom: 25px;
}

aside.widget-area .widget:first-child,
.footer_style_1 .widget:first-child {
  margin-top: 0;
}

aside.widget-area .widget,
.footer_style_1 .widget {
  margin-top: 45px;
}

section.widget.widget_recent_comments,
.widget-area .footer-widget.widget_recent_comments {
  overflow: hidden;
}

/* Widget tagcloud*/

.widget-area .tagcloud {
  display: inline-block;
  margin: 0;
}

.widget-area .tagcloud a {
  margin-bottom: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .widget-area .tagcloud {
    margin: 0 5px 15px 0;
  }
}

.widget.widget_categories ul li a,
.widget.widget_meta ul li a,
.widget.widget_pages ul li a,
.widget.widget_recent_entries ul li a,
.widget.widget_recent_comments ul li,
.widget.widget_archive ul li a,
.footer-widget.widget_categories ul li a,
.footer-widget.widget_meta ul li a,
.footer-widget.widget_pages ul li a,
.footer-widget.widget_recent_entries ul li a,
.footer-widget.widget_recent_comments ul li,
.footer-widget.widget_archive ul li a {
  float: left;
  text-align: left;
  line-height: 1.5;
  position: relative;
  padding-left: 15px !important;
}

.widget-area .tagcloud a {
  color: #333;
  display: inline-block;
  padding: 5px 15px;
  line-height: 24px;
  font-size: 14px !important;
  margin: 0 6px 8px 0;
  border: 1px solid #333;
  border-radius: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .widget-area .tagcloud a {
    padding: 9px 13px 9px;
  }
}

.widget-area .tagcloud a:hover {
  background-color: #a749ff;
  color: #fff;
  border: 1px solid #a749ff;
}

.widget_nav_menu.widget ul li a,
.widget_nav_menu.footer-widget ul li a {
  text-align: left;
  color: #333;
  position: relative;
  padding-left: 15px !important;
}

/* Widget tagcloud END*/

.pro-sidebar-search-form {
  position: relative;
}

.pro-sidebar-search-form input[type="search"],
.no-results input[type="search"] {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #c8c6c6;
  color: #000;
  font-size: 14px;
  height: 43px;
  padding: 2px 55px 2px 18px;
}

.pro-sidebar-search-form button {
  background: transparent none repeat scroll 0 0;
  -webkit-border-image: none;
  -o-border-image: none;
  border-image: none;
  border-style: none none none solid;
  border-width: medium medium medium 1px;
  padding: 0 15px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  color: #000;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 20px;
}

.footer_style_1 .pro-sidebar-search-form input[type="search"],
.pro-sidebar-search-form button {
  border-color: #999;
}

.content-404 .pro-sidebar-search-form button,
.not-found .pro-sidebar-search-form button {
  border-color: #c8c6c6;
}

.no-results {
  text-align: center;
}

.pro-sidebar-search-form button:hover {
  color: #a749ff;
}

.single-sidebar-blog {
  border-bottom: 1px solid #dee0e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 20px;
  padding: 0 0 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.single-sidebar-blog:last-child {
  border-bottom: none;
}
.single-sidebar-blog .sidebar-blog-content {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 62%;
  flex: 0 0 62%;
}
.single-sidebar-blog .sidebar-blog-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70px;
  flex: 0 0 70px;
  margin: 0 20px 0 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-sidebar-blog .sidebar-blog-img {
    margin: 0 8px 0 0;
  }
}

.single-sidebar-blog .sidebar-blog-img img {
  width: 100%;
}

.single-sidebar-blog .sidebar-blog-content span a {
  color: #333;
  display: block;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1;
}

.single-sidebar-blog .sidebar-blog-content span a:hover {
  color: #a749ff;
}

.single-sidebar-blog .sidebar-blog-content h4 {
  font-size: 14px;
  margin: 5px 0 0;
}

/*---- 18. Shop page  -------*/

.shop-top-bar ul {
  margin-left: 0;
  margin-bottom: 0;
}

.shop-top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .shop-top-bar {
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-top-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.shop-top-bar .select-shoing-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .shop-top-bar .select-shoing-wrap {
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-top-bar .select-shoing-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.shop-top-bar .select-shoing-wrap .woocommerce-ordering {
  margin: 0;
  margin-right: 50px;
}

.shop-top-bar .select-shoing-wrap select {
  font-size: 14px;
  color: #606060;
  -moz-appearance: none;
  -webkit-appearance: none;
  min-width: 143px;
  border: 1px solid transparent;
  background: rgba(0, 0, 0, 0) url("../../assets/img/icon-img/select.png")
    no-repeat scroll right 0px center;
  margin-bottom: 0;
}

.shop-top-bar .select-shoing-wrap p {
  color: #606060;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .shop-top-bar .select-shoing-wrap p {
    margin: 5px 0 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-top-bar .select-shoing-wrap p {
    margin: 0px;
  }
}

.shop-top-bar .shop-tab li a {
  color: #606060;
  font-size: 18px;
  margin-left: 20px;
}

.shop-top-bar .shop-tab li:first-child a {
  margin-left: 0;
}

.shop-top-bar .shop-tab li a.active {
  color: #fa6bff;
}

.shop-list-wrap .product-wrap:hover .hover-img {
  opacity: inherit;
  visibility: inherit;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-list-wrap .shop-list-content {
    margin-top: 0px;
  }
}

.shop-list-wrap .shop-list-content h3 {
  font-size: 24px;
  color: #010101;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content h3 {
    font-size: 20px;
    line-height: 20px;
  }
}

.shop-list-wrap .shop-list-content h3 a {
  color: #010101;
}

.shop-list-wrap .shop-list-content h3 a:hover {
  color: #a749ff;
}

.shop-list-wrap .shop-list-content .product-list-price {
  margin: 13px 0;
}

@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content .product-list-price {
    margin: 13px 0 13px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap .shop-list-content .product-list-price {
    margin: 13px 0 19px;
  }
}

.shop-list-wrap .shop-list-content .product-list-price ins span {
  color: #fe5252;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
}

.shop-list-wrap .shop-list-content .product-list-price ins {
  margin-left: 0;
}

.shop-list-wrap .price del .woocommerce-Price-currencySymbol::before {
  display: none;
}

.shop-list-wrap .shop-list-content .rating-review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.shop-list-wrap .shop-list-content .rating-review .product-list-rating i {
  font-size: 17px;
  color: #5f5d5d;
  margin: 0 3px 0;
}

.shop-list-wrap
  .shop-list-content
  .rating-review
  .product-list-rating
  i.yellow {
  color: #ffa900;
}

.shop-list-wrap .shop-list-content .rating-review a {
  margin-left: 40px;
  position: relative;
  font-size: 15px;
  color: #ffcf75;
  line-height: 1;
}

.shop-list-wrap .shop-list-content .rating-review a:before {
  position: absolute;
  content: "";
  left: -21px;
  top: 0;
  background-color: #d1d1d1;
  width: 1px;
  height: 15px;
}

.shop-list-wrap .shop-list-content p {
  margin: 15px 0 25px;
  line-height: 28px;
  font-size: 15px;
  color: #8f8f8f;
}

.shop-list-wrap .shop-list-content p + p {
  display: none;
}

@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content p {
    margin: 12px 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap .shop-list-content p {
    margin: 12px 0 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap .shop-list-content p {
    margin: 15px 0 20px;
  }
}

.shop-list-wrap .shop-list-content .shop-list-btn a {
  font-size: 14px;
  color: #343538;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  line-height: 1;
  background-color: #343538;
  color: #fff;
  padding: 14px 32px 15px;
  border: 1px solid transparent;
  border-radius: 0;
  z-index: 1;
}

.shop-list-wrap .shop-list-content .shop-list-btn a i {
  display: none;
}

/*cart loading*/

.shop-list-wrap .shop-list-content .shop-list-btn a.loading::after,
.shop-list-wrap .shop-list-content .shop-list-btn a.added::after,
.shop-list-wrap
  .shop-list-content
  .shop-list-btn
  .added_to_cart.wc-forward::before,
.shop-list-wrap
  .shop-list-content
  .shop-list-btn
  .added_to_cart.wc-forward::after {
  display: none;
}

.shop-list-wrap .shop-list-content .shop-list-btn a.loading i,
.shop-list-wrap .shop-list-content .shop-list-btn a.added i {
  display: inline-block;
}

.shop-list-wrap .shop-list-content .shop-list-btn a.loading i::before {
  font-family: "Pe-icon-7-stroke";
  content: "\e6c2";
}

/*cart added*/

.shop-list-wrap .shop-list-content .shop-list-btn a.added i::before {
  font-family: "Pe-icon-7-stroke";
  content: "\e66c";
  margin-right: 5px;
}

.shop-list-wrap .shop-list-content .shop-list-btn .added_to_cart.wc-forward {
  text-indent: initial;
}

@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content .shop-list-btn a {
    padding: 10px 20px 11px;
    font-size: 13px;
  }
}

.shop-list-wrap .shop-list-content .shop-list-btn a:hover {
  border: 1px solid #a749ff;
}

.shop-list-wrap:hover .product-wrap .hover-img {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.product-list-price .amount {
  margin-left: 0;
}

.product-list-price ins .amount,
.product-list-price .amount:nth-child(2) {
  margin-left: 9px;
}

.products .product.list_view {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.products.columns-2 .list_view {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.shop-bottom-area.is_grid_view .products .product.list_view {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  .woocommerce-pagination {
    margin-top: 10px;
  }
}

.woocommerce nav.woocommerce-pagination {
  margin-top: 30px;
  text-align: center;
}

.pagination .nav-links {
  display: block;
  width: 100%;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers,
.pagination ul.page-numbers {
  border: 0;
  margin: unset;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li,
.pagination ul.page-numbers li {
  display: inline-block;
  margin: 0 4px;
  float: unset;
  border: 0;
  overflow: inherit;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li a,
.pagination ul.page-numbers li a,
.woocommerce
  nav.woocommerce-pagination
  ul.page-numbers
  li
  .page-numbers.current,
.pagination ul.page-numbers li .page-numbers.current,
.entry-content .page-links .post-page-numbers {
  display: inline-block;
  width: 43px;
  height: 43px;
  text-align: center;
  line-height: 43px;
  font-size: 16px;
  border-radius: 100%;
  color: #a749ff;
  -webkit-box-shadow: 0 0px 12px 0.8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 12px 0.8px rgba(0, 0, 0, 0.1);
  min-width: unset;
  padding: unset;
  text-decoration: none;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li a:hover,
.pagination ul.page-numbers li a:hover,
.entry-content .page-links .post-page-numbers:hover {
  background-color: #a749ff;
  color: #fff;
}

.woocommerce
  nav.woocommerce-pagination
  ul.page-numbers
  li
  .page-numbers.current,
.pagination ul.page-numbers li .page-numbers.current,
.entry-content .page-links .post-page-numbers.current {
  background-color: #a749ff;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.woocommerce
  nav.woocommerce-pagination
  ul.page-numbers
  li
  .page-numbers.current:hover,
.pagination ul.page-numbers li .page-numbers.current:hover {
  background-color: #333;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li a.prev,
.woocommerce nav.woocommerce-pagination ul.page-numbers li a.next {
  background-color: #f6f6f6;
  color: #a749ff;
  font-size: 17px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li a.prev:hover,
.woocommerce nav.woocommerce-pagination ul.page-numbers li a.next:hover {
  background-color: #a749ff;
  color: #fff;
}

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

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .list2-col-style .shop-list-wrap .shop-list-content h3 {
    font-size: 20px;
    line-height: 20px;
  }
  .list2-col-style .shop-list-wrap .shop-list-content .product-list-price {
    margin: 13px 0 10px;
  }
  .list2-col-style .shop-list-wrap .shop-list-content p {
    margin: 6px 0 20px;
  }
  .list2-col-style .shop-list-wrap .shop-list-content .shop-list-btn a {
    padding: 10px 24px 11px;
    font-size: 13px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .list2-col-style .shop-list-wrap .shop-list-content h3 {
    font-size: 20px;
    line-height: 20px;
  }
  .list2-col-style .shop-list-wrap .shop-list-content .product-list-price {
    margin: 13px 0 10px;
  }
  .list2-col-style .shop-list-wrap .shop-list-content p {
    margin: 6px 0 20px;
  }
  .list2-col-style .shop-list-wrap .shop-list-content .shop-list-btn a {
    padding: 10px 20px 11px;
    font-size: 13px;
  }
}

.grid-sizer {
  width: 25%;
}

/*----- 19. Product details page  ---*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-img.mr-20 {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-img.mr-20 {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-img.mr-20 {
    margin-right: 0;
  }
}

.product-details-img .large-img-style {
  position: relative;
}

.product-details-img .large-img-style img {
  width: 100%;
}

.product-details-img .large-img-style .img-popup-wrap {
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 30px;
  color: #000000;
}

.product-details-img .large-img-style .img-popup-wrap:hover {
  color: #a749ff;
}

.product-details-img .shop-details-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: block;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: -72px;
  z-index: 9;
  padding: 0 66px;
  position: relative;
}

.product-details-img .shop-details-tab .owl-item {
  border: 1px solid #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-img .shop-details-tab {
    margin-top: -50px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-img .shop-details-tab {
    margin-top: -45px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-img .shop-details-tab {
    margin-top: -60px;
  }
}

.product-details-img .shop-details-tab a.shop-details-overly {
  width: 150px;
  float: left;
  position: relative;
}

.product-details-img .shop-details-tab a.shop-details-overly img {
  width: 100%;
}

.modal .product-details-img .shop-details-tab {
  margin-top: 10px;
  padding: 0 0;
  margin-left: -5px;
  margin-right: -5px;
}

.modal .product-details-img .shop-details-tab a {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.modal .product-details-img .shop-details-tab a.shop-details-overly img {
  width: 103px;
  margin-bottom: 10px;
}

.modal.woocommerce div.product div.images {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-img .shop-details-tab a.shop-details-overly img {
    width: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-img .shop-details-tab a.shop-details-overly img {
    width: 85px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-img .shop-details-tab a.shop-details-overly img {
    width: 110px;
  }
}

.product-details-img .shop-details-tab a.shop-details-overly.active:before {
  opacity: 0.6;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  content: "";
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 75px;
  border-bottom: 1px solid #d7d7d7;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  background-color: transparent;
  border-bottom: 3px solid transparent;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  margin: 0 15px 0;
  padding: 0px 0px 13px;
  color: #666;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #000000;
}

@media only screen and (max-width: 767px) {
  .woocommerce div.product .woocommerce-tabs ul.tabs a {
    margin: 0 4px 15px;
    font-size: 15px;
    padding: 0px 0px 8px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .woocommerce div.product .woocommerce-tabs ul.tabs a {
    margin: 0 8px 0px 0;
    font-size: 18px;
    padding: 0px 5px 0px;
  }
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom: 2px solid #000000;
  background-color: transparent;
}

.woocommerce-tabs .panel h2 {
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-bottom: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
  box-shadow: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-bottom: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: none;
  background-color: transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  border-width: 0;
}

.woocommerce div.product .woocommerce-tabs .panel {
  padding-top: 33px;
  margin-bottom: 0;
}

.description-review-bottom {
  padding: 33px 0 0;
}

.woocommerce-Tabs-panel--description p {
  margin: 0 0 8px;
  font-size: 15px;
  line-height: 28px;
  color: #333;
}

@media only screen and (max-width: 767px) {
  .woocommerce-Tabs-panel--description p {
    width: 100%;
  }
}

.woocommerce-Tabs-panel--description p:last-child {
  margin: 0 0 0px;
}

body.woocommerce table.shop_attributes {
  border-top: 0px dotted rgba(0, 0, 0, 0.1);
  text-align: left;
}

.woocommerce .shop_attributes tr {
  color: #333;
  font-size: 14px;
  list-style: outside none none;
  border: 0;
  display: block;
  margin: 0 0 13px;
}

.woocommerce .shop_attributes tr th {
  color: #000;
  display: inline-block;
  font-weight: 500;
  margin: 0;
  padding: 0;
  margin-bottom: 0;
  border: 0;
  min-width: 85px;
}

.woocommerce .shop_attributes tr td {
  display: inline-block;
  margin-bottom: 0;
  border: 0;
}

.woocommerce table.shop_attributes tr:nth-child(2n) td,
.woocommerce table.shop_attributes tr:nth-child(2n) th {
  background: none;
}

/*review tab*/

.woocommerce-Reviews .commentlist {
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.woocommerce-Reviews .commentlist > li .comment_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 50px;
}

@media only screen and (max-width: 767px) {
  .woocommerce-Reviews .commentlist > li {
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .woocommerce-Reviews .commentlist > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.woocommerce-Reviews .commentlist > li .avatar {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 90px;
  flex: 0 0 90px;
  margin: 0 15px 0 0;
}

@media only screen and (max-width: 767px) {
  .woocommerce-Reviews .commentlist > li .avatar {
    margin: 0 0px 20px 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .woocommerce-Reviews .commentlist > li .avatar {
    margin: 0 15px 0px 0;
  }
}

.woocommerce-Reviews .commentlist > li .review-top-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.woocommerce-Reviews .commentlist > li .review-top-wrap .review-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.woocommerce-Reviews
  .commentlist
  > li
  .review-top-wrap
  .review-left
  .review-name {
  margin-right: 25px;
}

.woocommerce-Reviews .commentlist > li .woocommerce-review__author {
  font-size: 16px;
  margin: 0;
  line-height: 1;
  font-weight: 500;
}

.woocommerce-Reviews
  .commentlist
  > li
  .review-top-wrap
  .review-left
  .review-rating {
  line-height: 1;
}

.woocommerce-Reviews
  .commentlist
  > li
  .review-top-wrap
  .review-left
  .review-rating
  i {
  font-size: 12px;
  margin-right: 1px;
  color: #ffa900;
}

.woocommerce-Reviews .commentlist > li .review-top-wrap .review-btn a {
  font-weight: 500;
  line-height: 1;
}

.woocommerce-Reviews .commentlist > li .comment-text p {
  margin: 0;
}

.woocommerce-Reviews .commentlist > li.child-review {
  margin-left: 70px;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .woocommerce-Reviews .commentlist > li.child-review {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ratting-form-wrapper.pl-50 {
    padding-left: 0;
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .ratting-form-wrapper.pl-50 {
    padding-left: 0;
    margin-top: 50px;
  }
}

.woocommerce #review_form #respond .comment-reply-title {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.woocommerce #review_form #respond .comment-form-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 12px 0 20px;
}

.woocommerce #review_form #respond .star-box span {
  margin: 0 15px 0 0;
}

.woocommerce #review_form #respond .comment-form-rating label {
  margin: 0;
  margin-right: 10px;
  line-height: 12px;
}

.woocommerce #review_form #respond .comment-form-rating p {
  line-height: 20px;
}

.woocommerce #review_form #respond .star-box .ratting-star {
  font-size: 12px;
  color: #ffa900;
  margin: 2px 0 0;
}

.woocommerce #review_form #respond p {
  margin-bottom: 0;
}

.woocommerce #review_form #respond input,
.woocommerce #review_form #respond textarea {
  padding: 2px 10px 2px 20px;
  background: transparent;
  border: 1px solid #c8c6c6;
  margin-bottom: 15px;
  color: #333;
}

.woocommerce #review_form #respond textarea {
  height: 180px;
  padding: 20px 10px 2px 20px;
  margin-bottom: 20px;
}

.woocommerce #review_form #respond .form-submit input {
  width: auto;
  padding: 12px 50px;
  font-weight: 500;
  text-transform: uppercase;
  height: auto;
  background-color: #404040;
  line-height: initial;
  color: #fff;
  border-radius: 0;
}

.woocommerce #review_form #respond .form-submit input:hover {
  background-color: #a749ff;
}

/*review tab END*/

/* product details 2 */

.product-dec-slider-2 {
  display: inline-block;
  float: left;
  padding: 0;
  width: 20%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-dec-slider-2 {
    width: 19%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec-slider-2 {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .product-dec-slider-2 {
    margin-bottom: 30px;
    width: 30%;
  }
}

.product-dec-slider-2 .product-dec-icon {
  color: #666;
  cursor: pointer;
  display: inline-block;
  font-size: 25px;
  left: 50%;
  line-height: 1;
  padding: 0 10px;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}

.product-dec-slider-2 .product-dec-icon.product-dec-prev {
  top: -25px;
}

.product-dec-slider-2 .product-dec-icon.product-dec-next {
  bottom: -14px;
}
.product-dec-slider-2.slick-vertical .slick-slide {
  display: block;
  height: auto;
  margin: 2px 0 10px;
  text-align: center;
}
.product-dec-slider-2.slick-vertical .slick-slide img {
  display: inline-block;
  width: 100%;
}
.product-dec-slider-2:hover .product-dec-icon {
  opacity: 1;
  visibility: visible;
}
.zoompro-wrap.zoompro-2 {
  display: inline-block;
  position: relative;
  width: 80%;
  float: left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .zoompro-wrap.zoompro-2 {
    width: 79%;
  }
}
@media only screen and (max-width: 767px) {
  .zoompro-wrap.zoompro-2 {
    margin-bottom: 30px;
    width: 70%;
  }
}
.zoompro-wrap .zoompro-span {
  position: relative;
}
.zoompro-wrap .zoompro-span span {
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 13px;
  color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 3px 11px;
  border-radius: 3px;
  font-weight: 500;
  background-color: #fa6bff;
  z-index: 99;
}
.zoompro-wrap .zoompro-span .product-video {
  text-align: center;
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 99;
}
.zoompro-wrap .zoompro-span .product-video a {
  background-color: #fa6bff;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  padding: 5px 15px 5px;
}
@media only screen and (max-width: 767px) {
  .zoompro-wrap .zoompro-span .product-video a {
    padding: 3px 10px 3px;
  }
}
.zoompro-wrap .zoompro-span img {
  width: 100%;
}
.dec-img-wrap {
  position: relative;
}
.dec-img-wrap img {
  width: 100%;
}
.dec-img-wrap span {
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 13px;
  color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 3px 11px;
  border-radius: 3px;
  font-weight: 500;
  background-color: #fa6bff;
  z-index: 99;
}
@media only screen and (max-width: 767px) {
  .sidebar-active .product .entry-summary {
    margin-top: 0;
  }
}
.sidebar-active.col-lg-6 {
  padding-left: 15px;
  padding-right: 15px;
}
.sidebar-active.col-lg-6.is-affixed {
  padding-left: 0px;
  padding-right: 0px;
}
.sidebar-active.col-lg-6.is-affixed .inner-wrapper-sticky {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-gallery.mr-20 {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-gallery.mr-20 {
    margin-right: 0;
  }
}

/* affiliate */
.pro-details-affiliate {
  margin: 30px 0;
}
.pro-details-affiliate a {
  color: #fff;
  display: inline-block;
  font-weight: 500;
  background-color: #000;
  line-height: 1;
  padding: 13px 30px 16px;
  z-index: 9;
  border: 1px solid transparent;
}

/* product-details-slider */
.product-details-slider-active.nav-style-1.owl-carousel .owl-nav div {
  color: #333;
  font-size: 20px;
  left: 20px;
}
.product-details-slider-active.nav-style-1.owl-carousel .owl-nav div:hover,
.shop-details-tab.nav.nav-style-1.owl-carousel .owl-nav div:hover {
  color: #a749ff;
}
.product-details-slider-active.nav-style-1.owl-carousel .owl-nav div.owl-next {
  left: auto;
  right: 20px;
}
.shop-details-tab.nav.nav-style-1.owl-carousel .owl-nav div.owl-next {
  right: 80px;
}
.product-details-slider-active:hover.nav-style-1.owl-carousel > .owl-nav div,
.shop-details-tab.nav.nav-style-1:hover.nav-style-1.owl-carousel
  > .owl-nav
  div {
  opacity: 1;
  visibility: visible;
}

/*----- 20. Cart page  -----*/
@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;
}
.woocommerce .cart-table-content table {
  border-radius: 0;
  margin-bottom: 0;
  border: 1px solid #ebebeb;
}
.woocommerce .cart-table-content table thead > tr {
  background-color: #f9f9f9;
  border: 1px solid #c8c6c6;
}
.woocommerce .cart-table-content table thead > tr th {
  border-bottom: 0;
  border-top: medium none;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  padding: 21px 45px 22px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .woocommerce .cart-table-content tablfe thead > tr th {
    padding: 21px 35px 22px;
  }
}
@media only screen and (max-width: 767px) {
  .woocommerce .cart-table-content table thead > tr th {
    padding: 21px 20px 22px;
  }
}
.woocommerce .cart-table-content table tbody > tr {
  border-bottom: 1px solid #ebebeb;
}
.woocommerce .cart-table-content table tbody > tr td.product-thumbnail {
  width: 150px;
}
.woocommerce .cart-table-content table tbody > tr td.product-name {
  width: 435px;
}
.woocommerce .cart-table-content table tbody > tr td.product-name a {
  color: #333;
  font-size: 15px;
  font-weight: 500;
}
.woocommerce .cart-table-content table tbody > tr td.product-name a:hover {
  color: #a749ff;
}
.woocommerce .cart-table-content table tbody > tr td.product-price-cart {
  width: 435px;
}
.woocommerce .cart-table-content table tbody > tr td.product-price-cart span {
  font-weight: 500;
  color: #333;
}
.woocommerce .cart-table-content table tbody > tr td.product-subtotal {
  font-weight: 500;
  color: #333;
}
.woocommerce .cart-table-content table tbody > tr td.product-remove {
  width: 100px;
}
.woocommerce .cart-table-content table tbody > tr td.product-remove a {
  color: #666;
  font-size: 17px;
  margin: 0 auto;
  text-align: center;
  width: 23px;
  height: 23px;
  line-height: 23px;
}
.woocommerce .cart-table-content table tbody > tr td.product-remove a i {
  line-height: 20px;
}
.woocommerce .cart-table-content table tbody > tr td.product-remove a:hover {
  color: #a749ff;
}
.woocommerce .cart-table-content table tbody > tr td.product-wishlist-cart > a {
  background-color: #a749ff;
  border-radius: 50px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  padding: 7px 12px;
  text-transform: uppercase;
}
.woocommerce
  .cart-table-content
  table
  tbody
  > tr
  td.product-wishlist-cart
  > a:hover {
  background-color: #333;
}
.woocommerce .cart-table-content table tbody > tr td {
  color: #333;
  font-size: 15px;
  padding: 30px 0;
  text-align: center;
  border-color: #c8c6c6;
}
.cart-shiping-update-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 30px 0px 55px;
}
@media only screen and (max-width: 767px) {
  .cart-shiping-update-wrapper {
    display: block;
    padding: 0px 0px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-shiping-update-wrapper .cart-shiping-update > a,
  .cart-shiping-update-wrapper .cart-clear > button,
  .cart-shiping-update-wrapper .cart-clear > a {
    padding: 18px 25px 17px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-shiping-update-wrapper .cart-shiping-update > a,
  .cart-shiping-update-wrapper .cart-clear > button,
  .cart-shiping-update-wrapper .cart-clear > a {
    padding: 18px 40px 17px;
    margin: 0 0 15px;
  }
}
.cart-shiping-update-wrapper .cart-shiping-update > a:hover,
.woocommerce .cart .actions .button:hover,
.cart-shiping-update-wrapper .cart-clear > button:hover,
.cart-shiping-update-wrapper .cart-clear > a:hover {
  background-color: #a749ff;
  color: #fff;
}
.cart-shiping-update-wrapper .cart-clear > button {
  border: medium none;
  cursor: pointer;
  margin-right: 27px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-shiping-update-wrapper .cart-clear > button {
    margin-right: 15px;
  }
}
.cart-tax,
.discount-code-wrapper {
  background-color: #f9f9f9;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  padding: 45px 30px 50px;
}
.cart-tax {
  padding: 45px 30px 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-tax,
  .discount-code-wrapper {
    padding: 45px 18px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-tax,
  .discount-code-wrapper {
    padding: 45px 18px 50px;
  }
}
.cart-tax .title-wrap,
.discount-code-wrapper .title-wrap {
  position: relative;
}
.cart-tax .title-wrap::before,
.discount-code-wrapper .title-wrap::before {
  background-color: #e3e1e1;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 10px;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: 1;
}
.cart-tax .title-wrap h4.cart-bottom-title,
.discount-code-wrapper .title-wrap h4.cart-bottom-title,
.title-wrap h4 {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  padding-right: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-tax .title-wrap h4.cart-bottom-title,
  .discount-code-wrapper .title-wrap h4.cart-bottom-title {
    font-size: 16px;
  }
}
.cart-tax .title-wrap .section-bg-gray,
.discount-code-wrapper .title-wrap .section-bg-gray {
  background-color: #f8f9f9;
  position: relative;
  z-index: 99;
}
.cart-tax .tax-wrapper,
.discount-code-wrapper .tax-wrapper {
  margin-top: 22px;
}
.cart-tax .tax-wrapper p,
.discount-code-wrapper .tax-wrapper p {
  margin: 0;
}
.cart-tax .tax-wrapper .tax-select-wrapper,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper {
  margin: 5px 0 0;
}
.cart-tax .tax-wrapper .tax-select-wrapper .tax-select,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select {
  margin: 0 0 26px;
}
.cart-tax .tax-wrapper .tax-select-wrapper .tax-select label,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select label {
  color: #242424;
  font-size: 14px;
  margin: 0 0 5px;
}
.cart-tax .tax-wrapper .tax-select-wrapper .tax-select select,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #fff url("../../assets/img/icon-img/cart.png") no-repeat scroll
    right 18px center;
  border: 1px solid #ebebeb;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #242424;
  font-size: 12px;
  height: 40px;
  padding: 0 50px 0 15px;
  width: 100%;
  cursor: pointer;
}
.cart-tax .tax-wrapper .tax-select-wrapper .tax-select input,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  height: 40px;
}
.cart-tax .tax-wrapper .tax-select-wrapper button.cart-btn-2,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper button.cart-btn-2,
.woocommerce .cart-tax button.button {
  background-color: #a749ff;
  border: medium none;
  border-radius: 50px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  line-height: inherit;
  font-weight: 500;
  padding: 13px 42px 12px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.cart-tax .tax-wrapper .tax-select-wrapper button.cart-btn-2:hover,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper button.cart-btn-2:hover,
.woocommerce .cart-tax button.button:hover {
  background-color: #333;
}
.cart-tax .discount-code,
.discount-code-wrapper .discount-code {
  margin: 21px 0 0;
}
.cart-tax .discount-code p,
.discount-code-wrapper .discount-code p {
  margin: 0 0 15px;
}
.cart-tax .discount-code form input,
.discount-code-wrapper .discount-code form input {
  background: #fff;
  border: 1px solid #ebebeb;
  height: 40px;
  margin-bottom: 30px;
  padding-left: 10px;
}
.cart-tax .discount-code form button.cart-btn-2,
.discount-code-wrapper .discount-code form .cart-btn-2 {
  background-color: #a749ff;
  border: medium none;
  border-radius: 50px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  padding: 13px 42px 12px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.cart-tax .discount-code form button.cart-btn-2:hover,
.discount-code-wrapper .discount-code form .cart-btn-2:hover {
  background-color: #333;
}
.grand-totall {
  background-color: #f9f9f9;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  padding: 45px 30px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .grand-totall {
    padding: 45px 18px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grand-totall {
    margin-top: 30px;
  }
}
.grand-totall .title-wrap {
  position: relative;
}
.grand-totall .title-wrap::before {
  background-color: #e3e1e1;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 10px;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: 1;
}
.grand-totall .title-wrap h4.cart-bottom-title {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  padding-right: 18px;
}
.grand-totall .title-wrap .section-bg-gary-cart {
  background-color: #f9f9f9;
  position: relative;
  z-index: 9;
}
.grand-totall h5 {
  font-size: 14px;
  margin: 36px 0 27px;
}
.grand-totall h5 span {
  float: right;
  font-size: 18px;
  font-weight: 500;
}
.grand-totall .total-shipping {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  margin: 0 0 27px;
  padding: 28px 0;
}
.grand-totall .total-shipping h5 {
  font-size: 14px;
  margin: 0;
}
.grand-totall .total-shipping ul {
  padding: 19px 0 0 0px;
}
.grand-totall .total-shipping ul li {
  color: #242424;
  list-style: outside none none;
  margin: 0 0 6px;
}
.grand-totall .total-shipping ul li:last-child {
  margin: 0 0 0px;
}
.grand-totall .total-shipping ul li input {
  background: #e9e9e9 none repeat scroll 0 0;
  border: 1px solid #d7d7d7;
  border-radius: 5px !important;
  color: #626262;
  cursor: pointer;
  height: 13px;
  margin-right: 10px;
  padding: 0;
  position: relative;
  top: 2px;
  width: 13px;
}
.grand-totall .total-shipping ul li span {
  float: right;
}
.grand-totall h4.grand-totall-title {
  color: #a749ff;
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 25px;
}
.grand-totall h4.grand-totall-title span {
  float: right;
}
.grand-totall a {
  background-color: #a749ff;
  border-radius: 50px;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 18px 10px 17px;
  text-align: center;
  text-transform: uppercase;
}
.grand-totall a:hover {
  background-color: #333;
}
@media only screen and (max-width: 767px) {
  .discount-code-wrapper {
    margin: 30px 0;
  }
}
.cart-shiping-update-wrapper .cart-shiping-update a,
.cart-shiping-update-wrapper .cart-clear a {
  display: inline-block;
}
.woocommerce form.woocommerce-shipping-calculator input.input-text {
  margin-bottom: 5px;
}
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce form.checkout_coupon .form-row input.input-text {
  height: 40px;
}

/*------- 21. Checkout page  -----------*/
.billing-info-wrap h3 {
  font-size: 20px;
  color: #000;
  margin: 0 0 20px;
  font-weight: 500;
}
.billing-info-wrap .billing-info label,
.billing-info-wrap .billing-select label {
  color: #000;
  margin: 0 0 7px;
}
.billing-info-wrap .billing-info input,
.billing-info-wrap .billing-select input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #c8c6c6;
  color: #333;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 10px;
}
.billing-info-wrap .billing-info input.billing-address,
.billing-info-wrap .billing-select input.billing-address {
  margin-bottom: 10px;
}
.billing-info-wrap .billing-select select,
.cart-tax section.shipping-calculator-form select {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 1px solid #c8c6c6;
  color: #333;
  font-size: 14px;
  height: 45px;
  padding: 2px 20px;
  background: rgba(0, 0, 0, 0) url("../../assets/img/icon-img/select.png")
    no-repeat scroll right 18px center;
  cursor: pointer;
}
.billing-info-wrap .checkout-account {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.billing-info-wrap .checkout-account input {
  border: 1px solid #9fa0a2;
  display: inline-block;
  float: left;
  height: 10px;
  width: 10px;
}
.billing-info-wrap .checkout-account span {
  color: #333;
  font-weight: 400;
  margin: 0 0 0 12px;
}
.billing-info-wrap .checkout-account-toggle input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #c8c6c6;
  color: #333;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 10px;
  margin: 0 0 20px;
}
.billing-info-wrap .checkout-account-toggle button.checkout-btn {
  background-color: #a749ff;
  border: medium none;
  color: #fff;
  cursor: pointer;
  font-weight: 500;
  padding: 10px 30px;
  text-transform: uppercase;
  border-radius: 50px;
  z-index: 9;
}
.billing-info-wrap .checkout-account-toggle button.checkout-btn:hover {
  background-color: #333;
}
.billing-info-wrap .additional-info-wrap h4 {
  font-size: 16px;
  font-weight: 500;
}
.billing-info-wrap .additional-info-wrap .additional-info label {
  color: #333;
  font-size: 14px;
  margin: 0 0 7px;
}
.billing-info-wrap .additional-info-wrap .additional-info textarea {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #c8c6c6;
  color: #333;
  font-size: 14px;
  height: 138px;
  padding: 17px 20px;
}
.billing-info-wrap .different-address {
  display: none;
}
@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 {
    margin-top: 30px;
  }
}
.your-order-area h3 {
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 20px;
  color: #000;
}
.your-order-area .your-order-wrap {
  padding: 38px 45px 44px;
  background: #f6f6f6;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .your-order-area .your-order-wrap {
    padding: 30px 20px 36px;
  }
}
@media only screen and (max-width: 767px) {
  .your-order-area .your-order-wrap {
    padding: 30px 20px 36px;
  }
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.your-order-area
  .your-order-wrap
  .your-order-product-info
  .your-order-top
  ul
  li {
  font-size: 16px;
  font-weight: 500;
  list-style: outside none none;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-middle {
  border-bottom: 1px solid #dee0e4;
  border-top: 1px solid #dee0e4;
  margin: 29px 0;
  padding: 19px 0 18px;
}
.your-order-area
  .your-order-wrap
  .your-order-product-info
  .your-order-middle
  ul
  li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 10px;
}
.your-order-area
  .your-order-wrap
  .your-order-product-info
  .your-order-bottom
  ul {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.your-order-area
  .your-order-wrap
  .your-order-product-info
  .your-order-bottom
  ul
  li {
  font-size: 14px;
  font-weight: 400;
  list-style: none;
}
.your-order-area
  .your-order-wrap
  .your-order-product-info
  .your-order-bottom
  ul
  li.your-order-shipping {
  font-size: 16px;
  color: #212121;
  font-weight: 400;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-total {
  border-bottom: 1px solid #dee0e4;
  border-top: 1px solid #dee0e4;
  margin: 18px 0 33px;
  padding: 17px 0 19px;
}
.your-order-area
  .your-order-wrap
  .your-order-product-info
  .your-order-total
  ul {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.your-order-area
  .your-order-wrap
  .your-order-product-info
  .your-order-total
  ul
  li.order-total {
  font-weight: 500;
  color: #212121;
  font-size: 18px;
}
.your-order-area
  .your-order-wrap
  .your-order-product-info
  .your-order-total
  ul
  li {
  font-weight: 500;
  color: #a749ff;
  font-size: 16px;
  list-style: outside none none;
}
.your-order-area .payment-accordion {
  margin: 0 0 16px;
}
.your-order-area .payment-accordion:last-child {
  margin: 0 0 0px;
}
.your-order-area .payment-accordion h4 {
  color: #212121;
  font-size: 16px;
  margin: 0;
}
.your-order-area .payment-accordion h4 a {
  color: #212121;
  position: relative;
  display: block;
}
.your-order-area .payment-accordion h4 a:hover {
  color: #a749ff;
}
.your-order-area .payment-accordion .panel-body {
  padding: 5px 0 0 0px;
}
.your-order-area .payment-accordion .panel-body p {
  padding: 0 0 0 10px;
  font-size: 14px;
  color: #333;
}
.your-order-area .Place-order > a {
  background-color: #a749ff;
  color: #fff;
  display: block;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1;
  padding: 18px 20px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 50px;
  z-index: 9;
}
.your-order-area .Place-order > a:hover {
  background-color: #333;
}
@media only screen and (max-width: 767px) {
  .checkout-area.pb-100 {
    padding-bottom: 60px;
  }
}
.woocommerce-page form.checkout_coupon .form-row {
  width: 49%;
}

/*------ 22. contact Page  ------*/
.contact-map #map {
  height: 560px;
}
@media only screen and (max-width: 767px) {
  .contact-map #map {
    height: 400px;
  }
}
.contact-info-wrap {
  background-color: #f3f3f3;
  padding: 120px 90px 116px 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-info-wrap {
    padding: 120px 20px 120px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-info-wrap {
    padding: 120px 20px 116px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-info-wrap {
    padding: 50px 20px 45px 30px;
    margin-bottom: 30px;
    margin-top: 20px;
  }
}
.contact-info-wrap .single-contact-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
}
.contact-info-wrap .single-contact-info .contact-icon {
  margin-right: 20px;
}
.contact-info-wrap .single-contact-info .contact-icon i {
  font-size: 20px;
  color: #252525;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #252525;
  text-align: center;
  border-radius: 100%;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.contact-info-wrap .single-contact-info .contact-info-dec p {
  line-height: 1;
  color: #404040;
  margin: 0 0 9px;
}
.contact-info-wrap .single-contact-info .contact-info-dec p a {
  color: #404040;
}
.contact-info-wrap .single-contact-info .contact-info-dec p a:hover {
  color: #a749ff;
}
.contact-info-wrap .single-contact-info .contact-info-dec p:last-child {
  margin: 0;
}
.contact-info-wrap .single-contact-info:hover .contact-icon i {
  background-color: #252525;
  color: #fff;
}
.contact-social {
  margin-top: 58px;
}
.contact-social h3 {
  font-weight: 500;
  color: #4d4d4d;
  font-size: 24px;
  margin: 0 0 17px;
  line-height: 1;
}
.contact-social ul li {
  margin: 0 10px;
  display: inline-block;
}
.contact-social ul li a {
  font-size: 16px;
  color: #4d4d4d;
}
.contact-social ul li a:hover {
  color: #a749ff;
}
.contact-form {
  background-color: #f3f3f3;
  padding: 50px 110px 50px 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-form {
    padding: 50px 50px 50px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-form {
    padding: 50px 30px 50px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-form {
    padding: 50px 30px 50px 30px;
  }
}
.contact-form .contact-title h2 {
  font-size: 24px;
  font-weight: 500;
  color: #464646;
  line-height: 1;
  margin-bottom: 36px;
}
.contact-form .contact-form-style input,
.contact-form .contact-form-style textarea {
  background: transparent;
  border: 1px solid #c1c1c1;
  height: 40px;
  padding: 2px 14px;
  color: #000;
}
.contact-form .contact-form-style input[type="checkbox"] {
  width: 20px;
  line-height: 1;
  height: auto;
}
.contact-form .wpcf7-form-control-wrap {
  margin-bottom: 30px;
  display: inline-block;
}
.contact-form .contact-form-style textarea {
  padding: 20px 14px;
  margin-bottom: 0px;
  height: 175px;
}
.btn--1,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .cart .actions .button:disabled[disabled],
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce .cart-shiping-update a,
.woocommerce .cart-clear a,
.contact-form .contact-form-style .btn--1 {
  border: none;
  width: auto;
  border-radius: 0;
  background-color: #404040;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 0;
  padding: 20px 35px;
  text-decoration: none;
}
.woocommerce .cart .actions .button[name="update_cart"],
.woocommerce .cart .actions .button:disabled[disabled] {
  margin-right: 28px;
}
.btn--1:hover,
.woocommerce a.button:hover,
.contact-form .contact-form-style .btn--1:hover {
  background-color: #a749ff;
}
.contact-form p {
  color: #333;
}
.contact-form p.success {
  margin-top: 10px;
}

/*contact form 7*/
.contact-form p {
  margin-bottom: 0;
}
.contact-form br {
  display: none;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
  margin-left: 0;
  margin-bottom: 0;
}
.wpcf7-form {
  position: relative;
}
.contact-form-style .row div[class^="col-"] {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (max-width: 767px) {
  .contact-area.pb-100 {
    padding-bottom: 60px;
  }
}

/*------ 23. Blog Details Page  -------*/
.blog-details-top .blog-details-img {
  position: relative;
}
.blog-details-top .blog-details-img img {
  width: 100%;
}
.blog-details-top .blog-details-img .video-icon {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.blog-details-top .blog-details-img .video-icon a {
  background-color: #ff0000;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 25px;
  height: 60px;
  line-height: 61px;
  width: 60px;
}
.blog-details-top .blog-details-img .video-icon a:hover {
  background-color: #a749ff;
}
.blog-details-top .blog-details-content {
  margin-top: 30px;
}
.blog-details-top .blog-details-content .blog-meta-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blog-details-top .blog-details-content .blog-meta-2 ul li {
  color: #333;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 1px;
  list-style: outside none none;
  margin: 0 17px 0 0;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  line-height: 1;
}
.blog-details-top .blog-details-content .blog-meta-2 ul li::before {
  background-color: #555;
  content: "";
  height: 2px;
  position: absolute;
  right: -13px;
  top: 6px;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 5px;
}
.blog-details-top .blog-details-content .blog-meta-2 ul li:last-child::before {
  display: none;
}
.blog-details-top .blog-details-content .blog-meta-2 ul li a {
  color: #333;
}
.blog-details-top .blog-details-content .blog-meta-2 ul li a:hover {
  color: #a749ff;
}
.blog-details-top .blog-details-content h3 {
  font-size: 24px;
  font-weight: 500;
  margin: 8px 0 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details-top .blog-details-content h3 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-top .blog-details-content h3 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details-top .blog-details-content h3 {
    font-size: 18px;
  }
}
.blog-details-top .blog-details-content p {
  margin: 0;
  line-height: 26px;
}
.entry-content {
  line-height: 1.8;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .entry-content blockquote {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .entry-content blockquote {
    font-size: 17px;
  }
}
.dec-img-wrapper {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .dec-img-wrapper {
    margin-top: 30px;
  }
}
.dec-img-wrapper .dec-img img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .dec-img-wrapper .dec-img.mb-50 {
    margin-bottom: 30px;
  }
}
.entry-footer {
  margin-top: 1.5em;
  border-top: 1px solid #c8c6c6;
  border-bottom: 1px solid #c8c6c6;
  font-size: 14px;
  color: #999;
  font-weight: 500;
  padding: 10px 0;
}
.entry-footer .post-tag {
  color: #000;
}
.entry-footer a {
  color: #666;
  font-weight: 400;
}
.entry-footer a:hover {
  color: #a749ff;
}
.entry-footer .entry-footer-left {
  width: 100%;
}
.entry-footer.has_share .entry-footer-left {
  width: 80%;
}
.entry-footer .post-separator {
  margin-left: 10px;
  margin-right: 10px;
}
.tag-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 30px 0 30px;
}
@media only screen and (max-width: 767px) {
  .tag-share {
    display: block;
    margin: 20px 0 25px;
  }
}
@media only screen and (max-width: 767px) {
  .tag-share .dec-tag {
    margin-bottom: 10px;
  }
}
.tag-share .dec-tag ul {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tag-share .dec-tag ul li {
  margin-right: 10px;
  position: relative;
}
.tag-share .dec-tag ul li a {
  text-transform: capitalize;
  font-size: 15px;
}
.tag-share .blog-share {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.tag-share .blog-share span {
  color: #000;
  text-transform: capitalize;
}
.tag-share .blog-share ul {
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tag-share .blog-share ul li {
  margin-left: 10px;
}
.tag-share .blog-share ul li a {
  color: #000;
  font-size: 16px;
}
.next-previous-post {
  border-bottom: 1px solid #c8c6c6;
  border-top: 1px solid #c8c6c6;
  padding: 18px 0 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.next-previous-post a {
  font-size: 15px;
  text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
  .blog-comment-wrapper.mt-55 {
    margin-top: 25px;
  }
}
.blog-comment-wrapper .blog-dec-title {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .blog-comment-wrapper .blog-dec-title {
    font-size: 18px;
  }
}
.blog-comment-wrapper .single-comment-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .blog-comment-wrapper .single-comment-wrapper {
    display: block;
  }
  .blog-comment-wrapper .single-comment-wrapper.mt-35 {
    margin-top: 20px;
  }
  .blog-comment-wrapper .single-comment-wrapper.mt-50 {
    margin-top: 30px;
  }
}
.blog-comment-wrapper .single-comment-wrapper .blog-comment-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  margin-right: 28px;
}
@media only screen and (max-width: 767px) {
  .blog-comment-wrapper .single-comment-wrapper .blog-comment-img {
    margin-right: 28px;
    margin-bottom: 20px;
  }
}
.blog-comment-wrapper .single-comment-wrapper .blog-comment-img img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .blog-comment-wrapper .single-comment-wrapper .blog-comment-img img {
    width: auto;
  }
}
.blog-comment-wrapper .single-comment-wrapper .blog-comment-content h4 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  line-height: 1;
}
.blog-comment-wrapper .single-comment-wrapper .blog-comment-content span {
  display: block;
  font-size: 15px;
  margin: 6px 0 8px;
}
.blog-comment-wrapper .single-comment-wrapper .blog-comment-content p {
  font-size: 14px;
  margin-bottom: 10px;
}
.blog-comment-wrapper
  .single-comment-wrapper
  .blog-comment-content
  .blog-details-btn
  a {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
  .blog-comment-wrapper .single-comment-wrapper.ml-120 {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .blog-reply-wrapper.mt-50 {
    margin-top: 30px;
  }
}
.blog-reply-wrapper .blog-dec-title {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .blog-reply-wrapper .blog-dec-title {
    font-size: 18px;
  }
}
.blog-reply-wrapper .blog-form {
  margin-top: 35px;
}
@media only screen and (max-width: 767px) {
  .blog-reply-wrapper .blog-form {
    margin-top: 20px;
  }
}
.blog-reply-wrapper .blog-form .leave-form input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #c8c6c6;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #333;
  height: 45px;
  margin-bottom: 30px;
  padding-left: 20px;
}
.blog-reply-wrapper .blog-form .text-leave textarea {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #c8c6c6;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #333;
  height: 250px;
  padding-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
}
.blog-reply-wrapper .blog-form .text-leave input {
  background-color: #a749ff;
  border: medium none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  height: inherit;
  letter-spacing: 1px;
  margin-top: 10px;
  padding: 14px 30px 13px;
  width: inherit;
}
.blog-reply-wrapper .blog-form .text-leave input:hover {
  background-color: #333;
}
.nav-style-4.owl-carousel:hover .owl-nav div {
  opacity: 1;
  visibility: visible;
}

/*------ 24. login register Page  --------*/
.login-register-wrapper .login-register-tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 40px;
}
.login-register-wrapper .login-register-tab-list a {
  position: relative;
}
.login-register-wrapper .login-register-tab-list a::before {
  background-color: #454545;
  bottom: 5px;
  content: "";
  height: 18px;
  margin: 0 auto;
  position: absolute;
  right: -2px;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 1px;
}
.login-register-wrapper .login-register-tab-list a h4 {
  font-size: 25px;
  font-weight: 700;
  margin: 0 20px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.login-register-wrapper .login-register-tab-list a:last-child::before {
  display: none;
}
.login-register-wrapper .login-register-tab-list a.active h4 {
  color: #a749ff;
}
.login-register-wrapper .login-form-container {
  background: transparent none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  padding: 80px;
  text-align: left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .login-register-wrapper .login-form-container {
    padding: 80px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .login-register-wrapper .login-form-container {
    padding: 40px 15px;
  }
}
.login-register-wrapper .login-form-container .login-register-form form input {
  background-color: transparent;
  border: 1px solid #ebebeb;
  color: #333;
  font-size: 14px;
  height: 45px;
  margin-bottom: 30px;
  padding: 0 15px;
}
.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  input[type="checkbox"] {
  height: 15px;
  margin: 0;
  position: relative;
  top: 1px;
  width: 17px;
}
.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  .login-toggle-btn {
  padding: 10px 0 19px;
}
.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  .login-toggle-btn
  label {
  color: #242424;
  font-size: 15px;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .login-register-wrapper
    .login-form-container
    .login-register-form
    form
    .button-box
    .login-toggle-btn
    label {
    font-size: 14px;
  }
}
.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  .login-toggle-btn
  a {
  color: #242424;
  float: right;
  font-size: 15px;
  -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) {
  .login-register-wrapper
    .login-form-container
    .login-register-form
    form
    .button-box
    .login-toggle-btn
    a {
    font-size: 14px;
  }
}
.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  .login-toggle-btn
  a:hover {
  color: #a749ff;
}
.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  button {
  background-color: #f2f2f2;
  border: medium none;
  color: #333;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 11px 30px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  button:hover {
  background-color: #a749ff;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .login-register-area.pb-100 {
    padding-bottom: 60px;
  }
}

/*------ 25. My account Page  ------*/
.single-my-account {
  margin-bottom: 20px;
  border: 1px solid #ebebeb;
}
.single-my-account h3.panel-title {
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebebeb;
  color: #000;
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  position: relative;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .single-my-account h3.panel-title {
    line-height: 22px;
    font-size: 14px;
  }
}
.single-my-account h3.panel-title span {
  color: #242424;
  font-size: 15px;
  left: 20px;
  position: absolute;
  top: 16px;
}
.single-my-account h3.panel-title a {
  color: #242424;
  display: block;
  padding: 16px 55px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .single-my-account h3.panel-title a {
    padding: 16px 30px 16px 40px;
  }
}
.single-my-account h3.panel-title a:hover {
  color: #a749ff;
}
.single-my-account h3.panel-title a::before {
  color: #000;
  content: "\f107";
  display: inline-block;
  font-family: "FontAwesome";
  font-weight: 900;
  font-size: 16px;
  position: absolute;
  right: 10px;
  top: 19px;
}
.single-my-account h3.panel-title a:hover::before {
  color: #a749ff;
}
.single-my-account .myaccount-info-wrapper {
  padding: 30px 20px;
  background-color: #fff;
}
.single-my-account .myaccount-info-wrapper .account-info-wrapper {
  border-bottom: 1px solid #c8c6c6;
  margin-bottom: 28px;
  padding-bottom: 30px;
}
.single-my-account .myaccount-info-wrapper .account-info-wrapper h4 {
  font-size: 15px;
  margin: 0;
  text-transform: uppercase;
}
.single-my-account .myaccount-info-wrapper .account-info-wrapper h5 {
  font-size: 16px;
  letter-spacing: 0.2px;
  margin-top: 7px;
}
.single-my-account .myaccount-info-wrapper .billing-info {
  margin-bottom: 20px;
}
.single-my-account .myaccount-info-wrapper .billing-info label {
  color: #000;
  font-size: 14px;
  text-transform: capitalize;
}
.single-my-account .myaccount-info-wrapper .billing-info input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  color: #000;
  height: 40px;
  padding: 0 15px;
}
.single-my-account .myaccount-info-wrapper .billing-back-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 26px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-back a {
  color: #000;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.single-my-account
  .myaccount-info-wrapper
  .billing-back-btn
  .billing-back
  a:hover {
  color: #a749ff;
}
.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-back a i {
  font-size: 16px;
  color: #a749ff;
}
.single-my-account
  .myaccount-info-wrapper
  .billing-back-btn
  .billing-btn
  button {
  background-color: #f2f2f2;
  border: medium none;
  color: #000;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 16px 35px 17px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-my-account
  .myaccount-info-wrapper
  .billing-back-btn
  .billing-btn
  button:hover {
  background: #a749ff;
  color: #fff;
}
.single-my-account .myaccount-info-wrapper .entries-wrapper {
  border: 1px solid #c8c6c6;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .single-my-account .myaccount-info-wrapper .entries-wrapper {
    padding: 30px 10px;
  }
  .single-my-account .myaccount-info-wrapper .entries-wrapper::before {
    display: none;
  }
}
.single-my-account .myaccount-info-wrapper .entries-wrapper::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  left: 50%;
  top: 0;
  background-color: #c8c6c6;
}
.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-info {
  padding: 30px 20px;
}
@media only screen and (max-width: 767px) {
  .single-my-account .myaccount-info-wrapper .entries-wrapper .entries-info {
    padding: 0 10px 30px;
  }
}
.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-info p {
  color: #000;
  font-size: 15px;
  margin: 0;
  text-transform: capitalize;
}
.single-my-account
  .myaccount-info-wrapper
  .entries-wrapper
  .entries-edit-delete
  a {
  background-color: #000;
  color: #fff;
  display: inline-block;
  line-height: 1;
  margin: 0 2px;
  padding: 12px 15px;
  text-transform: uppercase;
  font-weight: 500;
}
.single-my-account
  .myaccount-info-wrapper
  .entries-wrapper
  .entries-edit-delete
  a:hover {
  background-color: #a749ff;
}
.single-my-account
  .myaccount-info-wrapper
  .entries-wrapper
  .entries-edit-delete
  a.edit {
  background-color: #df5c39;
}
.single-my-account
  .myaccount-info-wrapper
  .entries-wrapper
  .entries-edit-delete
  a.edit:hover {
  background-color: #a749ff;
}

/*custom css*/
.yith-wcwl-wishlistexistsbrowse.show a i {
  color: #fff;
}
.product-img .pro-same-action.pro-wishlist .yith-wcwl-add-button.show a {
  margin-top: 24px;
}
.ajax_add_to_cart.loading,
.added_to_cart.wc-forward {
  text-indent: 20px;
}
.ajax_add_to_cart.loading i,
.added_to_cart.wc-forward i {
  text-indent: initial;
}
.ajax_add_to_cart.loading i::before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  vertical-align: -0.125em;
  font-family: "Pe-icon-7-stroke";
  line-height: inherit;
  vertical-align: baseline;
  content: "\e6c2";
  -webkit-animation: fa-spin 0.75s linear infinite;
  animation: fa-spin 0.75s linear infinite;
  height: 20px;
  width: 20px;
  line-height: 20px;
  font-size: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  margin-left: -22px;
}
.added_to_cart.wc-forward {
  position: relative;
}
.added_to_cart.wc-forward::before {
  content: "\e66c";
  font-family: "Pe-icon-7-stroke";
  height: 20px;
  width: 20px;
  line-height: 20px;
  font-size: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  margin-left: -42px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  vertical-align: -0.125em;
}

/*----- 26. Blog Custom CSS  ---*/
.site-main article.sticky .entry-title a:before,
.site-main article.tag-sticky-2 .entry-title a:before {
  content: "\f08d";
  display: inline-block;
  font-family: FontAwesome;
  font-weight: 900;
  font-size: 26px;
  margin-right: 10px;
  position: relative;
  vertical-align: middle;
  transform: rotate(-45deg);
}
.sticky .entry-title a,
.tag-sticky-2 .entry-title a {
  color: #a749ff;
}
.sticky .entry-title a:hover,
.tag-sticky-2 .entry-title a:hover {
  color: #333;
}

/*
    - widget widget_archive
    - widget product category
    - widget widget_categories
    - widget widget_pages
    - widget widget_nav_menu
    - widget widget_comments
    - widget widget_rss
    - widget widget_calander
    - widget layerd_nav
*/
.widget-area ul {
  margin-left: 0;
  padding-left: 0;
}
.widget-area li {
  list-style: none;
  line-height: initial;
  position: relative;
  word-break: break-word;
  overflow: hidden;
}
.widget.widget_categories ul li,
.widget.widget_archive ul li {
  text-align: right;
  color: #232323;
  overflow: hidden;
}
.widget.widget_pages ul li ul.children,
.footer-widget.widget_pages ul li ul.children {
  width: 100%;
  float: left;
}
.widget_archive.footer-widget ul li a::before,
.widget_pages.footer-widget ul li a::before,
.widget_recent_comments.footer-widget ul li::before,
.widget_recent_entries.footer-widget ul li a::before,
.widget_nav_menu.footer-widget ul li a::before,
.widget_meta.footer-widget ul li a::before,
.widget_categories.footer-widget ul li a::before,
.widget_archive.widget ul li a::before,
.widget_pages.widget ul li a::before,
.widget_recent_comments.widget ul li::before,
.widget_recent_entries.widget ul li a::before,
.widget_nav_menu.widget ul li a::before,
.widget_meta.widget ul li a::before,
.widget_categories.widget ul li a::before {
  float: left;
  position: absolute;
  left: 1px;
  line-height: 1.3;
  font-size: 14px;
  background: #47474f;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  content: "";
  top: 40%;
  left: 2px;
}
.sidebar-widget li a {
  margin-bottom: 15px;
  line-height: 1.8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.widget-area ul.children,
.widget-area ul.sub-menu {
  padding-left: 15px;
}
.widget-area:not(.widget_rss) ul li,
.widget-area ul.children > li,
.widget-area ul.sub-menu > li {
  padding: 5px 0;
}
.widget-area:not(.widget_rss) ul li:first-child {
  padding-top: 0;
}
.widget-area ul li ul.children li:first-child,
.widget-area ul li ul.sub-menu li:first-child {
  padding-top: 10px;
  padding-bottom: 0;
}

/*widget rss*/
.widget-area .widget_rss ul li::before {
  display: none;
}
nav ul#menu-footer-menu-1 {
  list-style: none;
  padding-left: 0;
}
.widget-area .widget_rss ul li {
  margin: 0 0 15px;
  padding: 0;
}
.widget-area .widget_rss ul li .rsswidget {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #000;
}
.widget-area .widget_rss ul li .rsswidget:hover {
  color: #333;
}
.widget-area .widget_rss ul li .rss-date {
  color: #666;
  display: block;
  font-size: 15px;
}
.widget-area .widget_rss ul li .rss-date:before {
  content: "\f073";
  display: inline-block;
  font-family: FontAwesome;
  font-weight: 900;
  margin-right: 5px;
}
.widget-area .widget_rss ul li .rssSummary {
  display: block;
  margin: 4px 0;
}
.widget-area .widget_rss ul li cite {
  display: block;
  font-size: 15px;
  color: #666;
}
.widget-area .widget_rss ul li cite:before {
  content: "\f007";
  display: inline-block;
  font-family: FontAwesome;
  font-weight: 900;
  margin-right: 5px;
}

/*archive dropdown*/
.widget-area select {
  width: 100%;
  height: 43px;
  border: 1px solid #c8c6c6;
  border-radius: 0px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding-left: 15px;
}

/**
* Calendar Widget
*/
.widget_calendar #wp-calendar {
  width: 100%;
  border: 1px solid #c8c6c6;
}
.widget_calendar caption {
  caption-side: top;
  color: #000;
}
.widget_calendar caption,
.widget_calendar tfoot td {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  padding: 10px 15px;
}
.widget_calendar caption {
  border: 1px solid #c8c6c6;
  border-bottom: none;
}
.widget_calendar tr {
  border-bottom: 1px solid #c8c6c6;
}
.widget_calendar tfoot {
  border-top: 1px solid #c8c6c6;
}
.widget_calendar thead td,
.widget_calendar thead th,
.widget_calendar tbody td,
.widget_calendar tbody th {
  text-align: center;
  padding: 5px;
  border-right: 1px solid #c8c6c6;
}
.widget_calendar thead th {
  font-weight: 600;
}
.widget_calendar tbody td#today,
.widget_calendar tbody td#today a {
  color: #fff;
  background: #a749ff;
}

/*layerd nav*/
.woocommerce-widget-layered-nav-list__item a::before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f0c8";
  color: #dedede;
  font-size: 17px;
  line-height: 20px;
  margin-left: 0px;
  margin-right: 0;
  display: inline-block;
  position: absolute;
  left: 0;
  font-weight: 900;
}
.woocommerce
  .woocommerce-widget-layered-nav-list
  .woocommerce-widget-layered-nav-list__item.chosen
  a::before {
  font-family: FontAwesome;
  font-size: 17px;
  content: "\f14a";
  color: #fa6bff;
  font-weight: 900;
}
.woocommerce .woocommerce-widget-layered-nav-list {
  margin-left: 0;
  margin-bottom: 0;
}
.woocommerce-widget-layered-nav ul li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  list-style: none;
  padding: 0px 0 15px;
}
.woocommerce-widget-layered-nav ul li:last-child {
  padding: 0px 0 0px;
}
.woocommerce-widget-layered-nav ul li .sidebar-widget-list-left {
  position: relative;
}
.woocommerce-widget-layered-nav ul li .sidebar-widget-list-left input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  z-index: 999;
  width: auto;
}
.woocommerce-widget-layered-nav
  ul
  li
  .sidebar-widget-list-left
  input:checked
  ~ .checkmark {
  background-color: #fa6bff;
  border: 2px solid #fa6bff;
}
.woocommerce-widget-layered-nav
  ul
  li
  .sidebar-widget-list-left
  input:checked
  ~ .checkmark::after {
  display: block;
}
.woocommerce-widget-layered-nav ul li .sidebar-widget-list-left .checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #fff;
  border: 2px solid #888888;
  border-radius: 3px;
}
.woocommerce-widget-layered-nav
  ul
  li
  .sidebar-widget-list-left
  .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}
.woocommerce-widget-layered-nav
  ul
  li
  .sidebar-widget-list-left
  .checkmark::after {
  left: 3px;
  top: 0px;
  width: 5px;
  height: 8px;
  border: solid white;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.woocommerce-widget-layered-nav ul li a,
.woocommerce
  .woocommerce-widget-layered-nav-list
  .woocommerce-widget-layered-nav-list__item
  a {
  padding: unset;
  display: inline-block;
}
.widget-area a:hover,
.widget-area li.current-cat a {
  color: #a749ff;
}
.elementor-inner ul.woocommerce-widget-layered-nav-list li span,
.woocommerce-widget-layered-nav ul li span {
  color: #9a9a9a;
  font-weight: 500;
  background-color: #eeeeee;
  width: 30px;
  height: 20px;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  border-radius: 50px;
  float: right;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.elementor-inner ul.woocommerce-widget-layered-nav-list li:hover span,
.woocommerce-widget-layered-nav ul li:hover span {
  color: #fff;
  background-color: #a749ff;
}

/*color swatch implement*/
.product .entry-summary .variations_form.cart tr {
  position: relative;
  line-height: 50px;
  float: left;
  margin-right: 10px;
}
.product .entry-summary .variations_form.cart tr:first-child {
  width: auto;
}
.product.single_pro_style_6 .entry-summary .variations_form.cart tr td label {
  text-align: left;
}
.archive ul.products {
  margin-left: 0;
  margin-right: 0;
}

/*g translate*/
#gtranslate_selector {
  border: 1px solid #d5d4d4;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding: 3px 5px;
  position: relative;
}
.language-style::after {
  color: #555252;
  position: absolute;
  content: "\f107";
  font: normal normal normal 14px/1 FontAwesome;
  top: 0px;
  right: 12px;
  line-height: 54px;
  font-weight: 900;
}

/*g translate END*/
.page-template-page-full-width-php .site-content,
.page-template-elementor_header_footer .site-content {
  padding-top: 0;
  padding-bottom: 0;
}
.zoomContainer {
  margin-top: -32px;
}
.woocommerce .single_pro_style_6.product form.cart .variations {
  width: auto;
  margin: 0 auto;
}
.woocommerce .single_pro_style_6.product form.cart,
.woocommerce .single_pro_style_6.product .woocommerce-variation-add-to-cart,
.woocommerce .single_pro_style_6.product .pro-details-social {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}
.woocommerce .single_pro_style_6.product .pro-details-social {
  margin-top: 24px;
}
.woocommerce #content div.product .single_pro_style_2 div.images,
.woocommerce #content div.product .single_pro_style_3 div.images {
  width: 80%;
  overflow: hidden;
}
.woocommerce .single_pro_style_6.product div.summary {
  margin-bottom: 0;
}
.woocommerce table.shop_attributes td p {
  padding: 0;
  font-style: normal;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
  border: none;
  width: 100%;
  padding-top: 0;
  margin-left: 90px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
  padding: 0;
  width: 90px;
  border: 1px solid #e4e1e3;
}

/*post category*/
.has-post-thumbnail .post_category {
  position: absolute;
  bottom: 15px;
  left: 30px;
}
.has-post-thumbnail .post_category a {
  background: #f6f6f6;
  color: #424242;
  display: inline-block;
  font-size: 0.857em;
  margin: 0 6px 6px 0;
  padding: 6px 17px 6px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  line-height: 17px;
}
.has-post-thumbnail .post_category a:hover {
  background-color: #a749ff;
  color: #fff;
}

/*read more*/
.entry-content a.readmore {
  background-color: #a749ff;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  padding: 12px 22px 12px;
  text-decoration: none;
}
.entry-content a.readmore:hover {
  background-color: #666;
  color: #fff;
}
.entry-content a.readmore:visited {
  color: #fff;
}

/*post meta*/
article .post-meta .post-author::before {
  color: #a749ff;
  content: "\f007";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 14px;
  margin-right: 5px;
  font-weight: 900;
}
article .post-meta .post-separator {
  font-size: 0;
  margin: 0 10px;
}
article .post-meta .posted-on::before {
  color: #a749ff;
  content: "\f073";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 14px;
  margin-right: 5px;
  font-weight: 900;
}
article .post-meta .post-category:before {
  color: #a749ff;
  content: "\f07b";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 14px;
  margin-right: 5px;
  font-weight: 900;
}
article .post-meta {
  position: relative;
  padding-bottom: 15px;
  font-size: 14px;
  color: #666;
}
article.has-post-thumbnail .post-meta {
  margin-bottom: 1rem;
}
.widget .textwidget p {
  font-size: 15px;
  line-height: 1.8;
}
.single article .post-meta {
  margin-bottom: 30px;
}
article .post-meta a {
  color: #666;
}
article .post-meta a:hover {
  color: #a749ff;
}
article .post-meta:after {
  background: #c8c6c6;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 9;
}
.blog-share {
  line-height: 35px;
}
.blog article.post {
  margin-bottom: 60px;
}

/*404*/
.content-404 form,
.no-results form {
  width: 400px;
  margin: 0 auto;
}
.content-404 p,
.no-results p {
  font-size: 20px;
  margin-top: 10px;
}

/*----- 27. WooCommerce Custom CSS  ---*/

/*bootstrap columns support*/

/*Extra large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {
  /*2 column*/
  .columns-2 > .product {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  /*3 column*/
  .columns-3 > .product {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  /*4 column*/
  .columns-4 > .product {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  /*5 column*/
  .columns-5 > .product {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

/**
 * General WooCommerce components
 */

/**
 * Header cart
 */
.site-header-cart {
  position: relative;
  margin: 0;
  padding: 0;
  content: "";
  display: table;
  table-layout: fixed;
}
.site-header-cart .cart-contents {
  text-decoration: none;
}
.site-header-cart .widget_shopping_cart {
  display: none;
}
.site-header-cart .product_list_widget {
  margin: 0;
  padding: 0;
}

/**
 * Star rating
 */
.star-rating {
  overflow: hidden;
  position: relative;
  height: 1.618em;
  line-height: 1.618;
  font-size: 1em;
  width: 5.3em;
  font-family: "star";
  font-weight: 400;
}
.star-rating:before {
  content: "\53\53\53\53\53";
  opacity: 0.25;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
.star-rating span:before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
  color: #a749ff;
}
p.stars a {
  position: relative;
  height: 20px;
  width: 20px;
  text-indent: -999em;
  display: inline-block;
  text-decoration: none;
  margin-right: 1px;
  font-weight: 400;
  line-height: 20px;
}
p.stars a:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-family: "star";
  content: "\53";
  color: #404040;
  text-indent: 0;
  opacity: 0.25;
}
p.stars a:hover ~ a:before {
  content: "\53";
  color: #404040;
  opacity: 0.25;
}
p.stars:hover a:before {
  content: "\53";
  color: #a749ff;
  opacity: 1;
}
p.stars.selected a.active:before {
  content: "\53";
  color: #a749ff;
  opacity: 1;
}
p.stars.selected a.active ~ a:before {
  content: "\53";
  color: #404040;
  opacity: 0.25;
}
p.stars.selected a:not(.active):before {
  content: "\53";
  color: #a749ff;
  opacity: 1;
}

/**
 * Tabs
 */
.woocommerce div.product .woocommerce-tabs ul.tabs {
  list-style: none;
  margin: 0;
  text-align: left;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  display: block;
  margin: 0;
  position: relative;
  padding: 0;
  margin: 0;
  border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  padding: 1em 0;
  display: block;
}
.woocommerce-tabs .panel h2:first-of-type {
  margin-bottom: 1em;
}

/**
 * Password strength meter
 */
.woocommerce-password-strength {
  text-align: right;
}
.woocommerce-password-strength.strong {
  color: #0f834d;
}
.woocommerce-password-strength.short {
  color: #e2401c;
}
.woocommerce-password-strength.bad {
  color: #e2401c;
}
.woocommerce-password-strength.good {
  color: #3d9cd2;
}

/**
 * Forms
 */
.form-row.woocommerce-validated input.input-text {
  box-shadow: inset 2px 0 0 #0f834d;
}
.form-row.woocommerce-invalid input.input-text {
  box-shadow: inset 2px 0 0 #e2401c;
}
.required {
  color: red;
}

/**
 * Notices
 */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
  content: "";
  display: block;
  table-layout: fixed;
  background-color: #a749ff;
  clear: both;
  color: #fff;
  padding: 5px 20px;
}
div .woocommerce-info,
div .woocommerce-noreviews,
div p.no-comments {
  margin-bottom: 20px;
  display: block;
}
div .woocommerce-info a {
  text-decoration: none;
}
div .woocommerce-noreviews {
  display: inline-block;
}
.woocommerce-error {
  background-color: #e2401c;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  padding: 1em 2em 1em 3.5em;
  margin: 0 0 2em;
  position: relative;
  background-color: #f7f6f7;
  color: #515151;
  border-top: 3px solid #a749ff;
  list-style: none outside;
  width: auto;
  word-wrap: break-word;
}
.woocommerce-error::after,
.woocommerce-error::before,
.woocommerce-info::after,
.woocommerce-info::before,
.woocommerce-message::after,
.woocommerce-message::before {
  content: " ";
  display: table;
}
.woocommerce-error::after,
.woocommerce-info::after,
.woocommerce-message::after {
  clear: both;
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
  font-family: WooCommerce;
  content: "\e028";
  display: inline-block;
  position: absolute;
  top: 1em;
  left: 1.5em;
}
.woocommerce-error .button,
.woocommerce-info .button,
.woocommerce-message .button {
  float: right;
}
.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li {
  list-style: none outside;
  padding-left: 0;
  margin-left: 0;
}
.demo_store {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 1em;
  background-color: #3d9cd2;
  z-index: 9999;
}
@media screen and (min-width: 48em) {
  /**
     * Header cart
     */
  .site-header-cart .widget_shopping_cart {
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 999999;
    left: -999em;
    display: block;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  }
  .site-header-cart:hover .widget_shopping_cart,
  .site-header-cart.focus .widget_shopping_cart {
    left: 0;
    display: block;
  }
}

/*single gallery*/
#gallery {
  width: 17%;
  float: left;
}
#gallery.shop-details-tab {
  width: 100%;
}
#gallery img {
  display: block;
}
.admin-bar .zoomContainer {
  margin-top: 0;
}
.zoomContainer {
  margin-top: 0;
}

/*nav style for gallery*/
.shop-details-tab.nav-style-1 .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  cursor: pointer;
  opacity: 0;
}
.shop-details-tab.nav-style-1:hover .slick-arrow {
  opacity: 1;
}
.shop-details-tab.nav-style-1 .slick-arrow i {
  font-size: 20px;
}
.shop-details-tab.nav-style-1 .product-dec-prev {
  left: 70px;
  right: auto;
}
.shop-details-tab.nav-style-1 .product-dec-next {
  left: auto;
  right: 70px;
}
.modal .shop-details-tab.nav-style-1 .product-dec-next {
  left: auto;
  right: 0;
}
.single_pro_style_1 #gallery img {
  display: block;
  border: 1px solid #fff;
}
.woocommerce div.single_pro_style_1 div.images {
  margin-bottom: 0;
}
.page-template-page-full-width-php .breadcrumb-area {
  display: none;
}
.woocommerce-page .entry-content {
  margin-bottom: 0;
}
.woocommerce .woocommerce-customer-details .col-1,
.woocommerce .woocommerce-customer-details .col-2 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0;
}
.woocommerce-message::before {
  color: #a749ff;
}

/**
 * Shop tables
 */
table.shop_table_responsive thead {
  display: none;
}
table.shop_table_responsive tbody th {
  display: none;
}
table.shop_table_responsive tr td {
  display: block;
  text-align: right;
  clear: both;
}
table.shop_table_responsive tr td:before {
  content: attr(data-title) ": ";
  float: left;
}
table.shop_table_responsive tr td.product-remove a {
  text-align: left;
}
table.shop_table_responsive tr td.product-remove:before {
  display: none;
}
table.shop_table_responsive tr td.actions:before,
table.shop_table_responsive tr td.download-actions:before {
  display: none;
}
table.shop_table_responsive tr td.download-actions .button {
  display: block;
  text-align: center;
}

@media screen and (min-width: 48em) {
  table.shop_table_responsive thead {
    display: table-header-group;
  }
  table.shop_table_responsive tbody th {
    display: table-cell;
  }
  table.shop_table_responsive tr th,
  table.shop_table_responsive tr td {
    text-align: left;
  }
  table.shop_table_responsive tr td {
    display: table-cell;
  }
  table.shop_table_responsive tr td:before {
    display: none;
  }
}
.woocommerce table.shop_table {
  border: 1px solid #c8c6c6;
}
#add_payment_method .cart-collaterals .cart_totals tr td,
#add_payment_method .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr th {
  border-top: 1px solid #c8c6c6;
}

/**
 * Products
 */
ul.products {
  content: "";
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
  width: 100%;
}
ul.products li.product {
  list-style: none;
  position: relative;
}
ul.products li.product .woocommerce-loop-product__title {
  font-size: 1rem;
}
ul.products li.product img {
  display: block;
}
ul.products li.product .button {
  display: block;
}

@media screen and (min-width: 48em) {
  .woocommerce ul.products {
    margin-left: -15px;
    margin-right: -15px;
  }
  .woocommerce ul.products li.product {
    width: 30.7966666667%;
    float: left;
    margin-right: 0%;
    padding: 0 15px;
    margin-bottom: 0;
  }
  .woocommerce ul.products li.product.first {
    clear: both;
  }
  .woocommerce ul.products li.product.last {
    margin-right: 0;
  }
  .woocommerce .columns-1 ul.products li.product {
    float: none;
    width: 100%;
  }
  .woocommerce .columns-2 ul.products li.product {
    width: 50%;
  }
  .woocommerce .columns-3 ul.products li.product {
    width: 33.3333333333%;
  }
  .woocommerce .columns-4 ul.products li.product {
    width: 25%;
  }
  .woocommerce .columns-5 ul.products li.product {
    width: 20%;
  }
  .woocommerce .columns-6 ul.products li.product {
    width: 16.6666666667%;
  }
}

/**
 * Single Product
 */
.single-product div.product .woocommerce-product-gallery {
  position: relative;
}
.single-product
  div.product
  .woocommerce-product-gallery
  .woocommerce-product-gallery__trigger {
  position: absolute;
  top: 1em;
  right: 1em;
  display: block;
  z-index: 99;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
  margin-bottom: 1em;
}
.stock:empty:before {
  display: none;
}
.stock.in-stock {
  color: #0f834d;
}
.stock.out-of-stock {
  color: #e2401c;
}

/*my account page*/
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding-left: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  border: 1px solid #c8c6c6;
  padding: 10px 15px;
  color: #000;
  display: block;
  border-bottom: 0px;
  text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child a {
  border-bottom: 1px solid #c8c6c6;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  background: rgba(204, 204, 204, 0.21);
  color: #a749ff;
}
.woocommerce-MyAccount-content a {
  color: #a749ff;
}
.woocommerce-MyAccount-content input.button {
  margin-top: 15px;
}
.woocommerce-account form .form-row input.input-text {
  margin-bottom: 0;
}
.woocommerce table.my_account_orders tr th,
.woocommerce table.my_account_orders tr td {
  text-align: center;
}
.woocommerce-info a.button {
  margin: 0;
}
.woocommerce table.my_account_orders .button {
  margin-top: 10px;
  margin-bottom: 10px;
}
.woocommerce-MyAccount-content fieldset {
  margin-bottom: 15px;
}
.woocommerce-privacy-policy-text {
  margin-bottom: 10px;
}

/**
 * WooCommerce Price Filter
 */
.widget_price_filter .price_slider {
  margin-bottom: 1.5em;
}
.widget_price_filter .price_slider_amount {
  text-align: left;
  line-height: 2.4em;
}
.widget_price_filter .price_slider_amount .button {
  float: right;
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
  margin-left: -1em;
}
.widget_price_filter .ui-slider .ui-slider-handle:hover,
.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
  box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
  background: rgba(0, 0, 0, 0.1);
}

/**
 * Cart page
 */
.woocommerce #respond input.disabled,
.woocommerce #respond input:disabled,
.woocommerce #respond input:disabled[disabled],
.woocommerce a.disabled,
.woocommerce a:disabled,
.woocommerce a:disabled[disabled],
.woocommerce button.disabled,
.woocommerce button:disabled,
.woocommerce button:disabled[disabled] {
  color: inherit;
  cursor: not-allowed;
  opacity: 0.5;
}
.woocommerce table.shop_table {
  border-collapse: collapse;
}
.woocommerce table.shop_table img {
  width: 82px;
  box-shadow: none;
}
.cart-tax .shipping-calculator-button {
  display: none;
}
.cart-tax section.shipping-calculator-form {
  display: block !important;
}

/*size slelect 2 filed*/
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #c8c6c6;
  border-radius: 0;
  margin-bottom: 5px;
  height: 45px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 45px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 45px;
}
.cart-tax section.shipping-calculator-form .form-row {
  margin-bottom: 15px;
}
.cart-tax section.shipping-calculator-form .form-row,
.cart-tax section.shipping-calculator-form .form-row > span {
  width: 100%;
}
.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
  padding-left: 20px;
  padding-right: 10px;
  background: #fff;
}
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
  width: 150px;
  margin-left: 28px;
  margin-right: 10px;
  padding: 5px 10px;
  background: transparent;
}
.woocommerce .cart-collaterals .cross-sells {
  overflow: hidden;
}
.cross-sells .title-wrap,
.cart_totals .title-wrap {
  position: relative;
  margin-bottom: 20px;
}
.cross-sells .title-wrap:before,
.cart_totals .title-wrap:before {
  background-color: #c8c6c6;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: 1;
}
.cross-sells .title-wrap h4,
.cart_totals h4 {
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  margin: 0;
  padding-right: 18px;
  background-color: #fff;
  position: relative;
  z-index: 9;
}
.woocommerce table.shop_table {
  border-radius: 0px;
}
.woocommerce form .form-row {
  display: block;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce a.button.alt:hover,
.shop-list-wrap .shop-list-content .shop-list-btn a.wc-forward:hover {
  background-color: #a749ff;
  color: #fff;
}
.woocommerce-info::before {
  color: #1e85be;
  content: "\f114";
  display: inline-block;
  font-family: fontawesome;
  left: 1.5em;
  position: absolute;
  top: 1em;
}
.woocommerce .woocommerce-cart-form td.product-name dl.variation {
  padding: 0 20px;
}

/**
 * Checkout page
 */
.woocommerce-info {
  background-color: #f6f6f6;
  border-top: 3px solid #a749ff;
  color: #515151;
  font-size: 14px;
  font-weight: 400;
  list-style: outside none none;
  padding: 1em 2em 1em 3.5em;
  position: relative;
  width: auto;
  font-style: normal;
  text-transform: uppercase;
}
.woocommerce-info::before {
  color: #a749ff;
  content: "\f114";
  display: inline-block;
  font-family: fontawesome;
  left: 1.5em;
  position: absolute;
  top: 1em;
}
.coupon-accordion span {
  cursor: pointer;
  color: #6f6f6f;
  transition: 0.3s;
}
.coupon-accordion span:hover,
p.lost-password a:hover {
  color: #a749ff;
}
.coupon-content {
  border: 1px solid #c8c6c6;
  display: none;
  margin-bottom: 20px;
  padding: 20px;
}
.woocommerce-checkout .woocommerce-form-login p.coupon-text {
  margin-bottom: 15px;
}
.woocommerce-checkout .woocommerce-form-login p {
  margin-bottom: 0;
}
.woocommerce-checkout .woocommerce-form-login p.form-row-first label,
.woocommerce-checkout .woocommerce-form-login p.form-row-last label {
  display: block;
}
.woocommerce-checkout
  .woocommerce-form-login
  p.form-row-first
  label
  span.required,
.woocommerce-checkout
  .woocommerce-form-login
  p.form-row-last
  label
  span.required {
  color: red;
  font-weight: 700;
}
.woocommerce-checkout .woocommerce-form-login p.form-row-first input,
.woocommerce-checkout .woocommerce-form-login p.form-row-last input {
  border: 1px solid #c8c6c6;
  height: 36px;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 370px;
}
.woocommerce-checkout .woocommerce-form-login p.form-row button.button:hover,
p.checkout-coupon input[type="submit"]:hover {
  background: #a749ff none repeat scroll 0 0;
}
.woocommerce-checkout
  .woocommerce-form-login
  p.form-row
  input[type="checkbox"] {
  height: inherit;
  position: relative;
  top: 2px;
  width: inherit;
}
.form-row > label {
  margin-top: 7px;
}
p.lost-password {
  margin-top: 15px;
}
p.lost-password a {
  color: #6f6f6f;
}
.coupon-checkout-content {
  margin-bottom: 30px;
  display: none;
}
.checkout-area {
  margin-bottom: 30px;
}
.checkbox-form h3,
#order_review_heading {
  font-size: 20px;
  color: #000;
  margin: 0 0 20px;
  font-weight: 500;
}
.country-select {
  margin-bottom: 30px;
  position: relative;
}
.country-select label,
.checkout-form-list label,
.woocommerce form .form-row label {
  color: #000;
  margin: 0 0 7px;
}
.country-select label span.required,
.checkout-form-list label span.required {
  color: #a749ff;
}
.country-select select {
  -moz-appearance: none;
  border: 1px solid #ddd;
  height: 32px;
  padding-left: 10px;
  width: 100%;
}
.country-select::before {
  content: "\f107 ";
  display: inline-block;
  font-family: fontawesome;
  font-size: 20px;
  position: absolute;
  right: 12px;
  top: 31px;
}
.checkout-form-list {
  margin-bottom: 30px;
}
.checkout-form-list label {
  color: #333;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row input[type="password"],
.woocommerce form .form-row input[type="email"] {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #c8c6c6;
  color: #333;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 10px;
}
.checkout-form-list input[type="checkbox"],
.woocommerce form .form-row .input-checkbox {
  margin: 0;
  display: inline-block;
  height: inherit;
  margin-right: 3px;
  position: relative;
  top: 0px;
  width: inherit;
}
#ship-to-different-address input {
  height: inherit;
  line-height: normal;
  margin: 4px 0 0;
  position: relative;
  top: 1px;
  width: inherit;
}
.create-acc label,
.checkbox-form .create-account span {
  color: #333;
  display: inline-block;
}
#ship-to-different-address label {
  display: inline-block;
  font-size: 30px;
  margin-right: 20px;
}
.order-notes textarea,
.woocommerce form .form-row textarea {
  height: 90px;
  padding: 15px;
  width: 100%;
}
.your-order {
  padding: 38px 45px 44px;
  background: #f6f6f6;
}
.your-order h3 {
  font-size: 20px;
  color: #000;
  margin: 0 0 20px;
  font-weight: 500;
}
.woocommerce .your-order-table table {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  width: 100%;
}
.woocommerce .your-order-table table th,
.woocommerce .your-order-table table td {
  border: none;
}
.woocommerce .your-order-table table th,
.woocommerce .your-order-table table td {
  border-top: 0;
  border-bottom: 1px solid #d8d8d8;
  border-right: medium none;
  font-size: 14px;
  padding: 15px 0;
  text-align: center;
}
.woocommerce .your-order-table table td strong {
  color: inherit;
}
.woocommerce .your-order-table table th,
.woocommerce .your-order-table table tfoot th,
.woocommerce .your-order-table table tfoot td {
  border-top: medium none;
  font-family: Poppins, Arial, Helvetica, sans-serif;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}
.woocommerce .your-order-table table .shipping ul li input {
  position: relative;
  top: 2px;
}
.woocommerce .your-order-table table .shipping th {
  vertical-align: top;
}
.woocommerce .your-order-table table .order-total th {
  font-weight: 500;
  color: #212121;
  font-size: 18px;
  text-transform: capitalize;
}
.woocommerce .your-order-table table tr.cart_item:hover {
  background: #f9f9f9;
}
.woocommerce .your-order-table table tr.order-total td span {
  font-weight: 500;
  color: #a749ff;
  font-size: 16px;
  list-style: outside none none;
}
.payment-method {
  margin-top: 40px;
}
.payment-accordion h3 {
  border-bottom: 0 none;
  margin-bottom: 10px;
  padding-bottom: 0;
}
.payment-accordion h3 a {
  color: #6f6f6f;
  font-size: 14px;
  padding-left: 25px;
  position: relative;
  text-transform: capitalize;
  text-decoration: none;
}
.payment-accordion h3 a:before,
.payment-accordion h3.open a:after {
  content: "";
  display: inline-block;
  font-family: fontawesome;
  font-size: 20px;
  left: 0;
  position: absolute;
  top: -2px;
}
.payment-accordion h3.open a:after {
  content: "\f056";
}
.payment-content p {
  font-size: 13px;
}
.payment-accordion img {
  height: 60px;
  margin-left: 15px;
}
.order-button-payment input,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  background: #a749ff;
  border: medium none;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  height: 50px;
  margin: 20px 0 0;
  padding: 0;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.order-button-payment input:hover,
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
  background: #444;
}
.showcoupon {
  color: #a749ff;
}
.woocommerce form.checkout_coupon {
  border-radius: 0;
}
.woocommerce form.woocommerce-checkout .form-row {
  display: block;
  padding: 0;
  margin-bottom: 14px;
}
#ship-to-different-address label span {
  color: #333;
  font-weight: 400;
  margin: 0 0 0 12px;
  line-height: 24px;
  font-size: 16px;
  margin-left: 0;
}

/**
 * Checkout
 */
@media screen and (min-width: 768px) {
  .col2-set .form-row-first {
    float: left;
    margin-right: 3.8%;
  }
  .col2-set .form-row-last {
    float: right;
    margin-right: 0;
  }
  .col2-set .form-row-first,
  .col2-set .form-row-last {
    width: 48.1%;
  }
}

/**
 * order review
 */
.woocommerce .your-order-table table th,
.woocommerce .your-order-table table tfoot th,
.woocommerce .your-order-table table tfoot td,
.woocommerce .your-order-table table td {
  text-align: left;
}
.woocommerce .your-order-table table th:last-child,
.woocommerce .your-order-table table tfoot th:last-child,
.woocommerce .your-order-table table tfoot td:last-child,
.woocommerce .your-order-table table td:last-child {
  text-align: right;
}
.woocommerce .your-order-table table tbody tr .cart_item {
  margin: 29px 0;
  padding: 19px 0 18px;
}

/**
 * payement methods
 */
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
  background: #f2f2f2 none repeat scroll 0 0;
  padding: 0;
  border: 0;
}
.woocommerce-checkout #payment ul.payment_methods.methods li {
  background: #f5f5f5;
  border: 1px solid #ddd;
  margin-bottom: 5px;
  border-radius: 3px;
}
.woocommerce-checkout #payment ul.payment_methods.methods .input-radio {
  margin-right: 0;
  width: auto;
  height: auto;
  margin-left: 12px;
  margin-right: 0;
}
.woocommerce-checkout #payment ul.payment_methods.methods label {
  font-style: normal;
  font-weight: 500;
  margin: 0 0 15px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
  padding: 10px 10px;
  padding-left: 2px;
  line-height: 1.5;
  cursor: pointer;
}
.woocommerce-checkout #payment ul.payment_methods.methods p {
  line-height: 27px;
}

#add_payment_method #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
  background: #fff;
  padding: 15px;
  margin: 0;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
  display: none;
}
#add_payment_method #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
  background: #f2f2f2 none repeat scroll 0 0;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
  opacity: 1;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background: transparent;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
  background: transparent;
}

/**
 * My Accounts
 */
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  border-radius: 0px;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  max-width: 48%;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  max-width: 48%;
}
#customer_login input[type="checkbox"] {
  width: auto;
  line-height: 1;
  height: auto;
}
#customer_login .form-row label.woocommerce-form__label-for-checkbox {
  margin-left: 20px;
  margin-bottom: 0;
}
.woocommerce form.login {
  border-radius: 0;
}
.woocommerce-address-fields .woocommerce-address-fields__field-wrapper {
  margin-bottom: 15px;
}
.product-wrap .product-img .product-action .pro-cart {
  width: calc(100% - 48px - 48px) !important;
}
.product-wrap .product-img .product-action.no_wishlist .pro-cart {
  width: calc(100% - 48px);
}
.footer_style_2 ul {
  padding-left: 0;
}
.footer-widget .subscribe-form input[type="submit"] {
  font-weight: normal;
}
.header-right-wrap .same-style.toggled > a.search-active i::before {
  content: "\e681";
}
.contact-form .wpcf7-form-control-wrap {
  display: block;
}
.archive .entry-title {
  margin-bottom: 0;
}
.archive .page-header {
  margin-bottom: 30px;
}
.has_tag.no_comment.not_logged_in .post-separator,
.not_logged_in .post-tag + .post-separator,
.not_logged_in.no_tag.has_comment .comments-link + .post-separator {
  display: none;
}
.comment-form p.form-submit {
  margin-bottom: 1rem;
}
.search-results .has-post-thumbnail .post-thumbnail.blog-img-2 {
  margin-bottom: 0;
}
.cart_totals table td,
.cart_totals table th {
  border: none;
}
.footer-widget .footer-title h3 {
  font-size: 16px;
  font-weight: 500;
  color: #313131;
  margin: 0 0 16px;
  line-height: 1;
}
.footer_style_2 .widget_nav_menu.footer-widget ul li a::before {
  display: none;
}
.footer_style_2 .footer-widget.widget_nav_menu ul li a {
  padding-left: 0 !important;
  font-size: 15px;
}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content ul {
  padding-left: 0;
}
body.blog article .post-thumbnail.blog-img-2 {
  margin-bottom: 0 !important;
}
.blog-wrap-2 .blog-content-2 .blog-share-comment .blog-share .share-social ul {
  padding-left: 0;
}
.btn--1,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .cart .actions .button:disabled[disabled],
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce .cart-shiping-update a,
.woocommerce .cart-clear a,
.contact-form .contact-form-style .btn--1 {
  color: #fff;
}
.elementor-inner ul.woocommerce-widget-layered-nav-list li,
.woocommerce-widget-layered-nav ul li {
  line-height: 18px;
  padding-left: 20px !important;
  margin-bottom: 10px;
}
.shop-top-bar .select-shoing-wrap select {
  margin-bottom: 0;
}
.sidebar-menu nav > ul {
  padding-left: 0;
}
.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  .shopping-cart-btn
  a {
  margin-bottom: 0;
}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content {
  padding: 31px 35px 0px;
}
.header-right-wrap .same-style.cart-wrap .widget_shopping_cart_content {
  padding-bottom: 31px;
}
.header-right-wrap
  .same-style.cart-wrap
  .shopping-cart-content
  .shopping-cart-btn
  a:first-child {
  margin-bottom: 10px;
}
.language-currency-wrap .same-language-currency .lang-car-dropdown ul {
  padding-left: 0;
}
.woocommerce div.product .woocommerce-product-rating {
  margin-bottom: 0;
}
.blog-wrap .blog-img span {
  line-height: 21px;
  height: 24px;
}
body .funfact-content .funfact-btn a {
  color: #fff;
}
.funfact-content .timer span {
  line-height: 1;
}
.funfact-content .timer {
  margin: 45px 0 0;
}
.footer_style_3 .copyright-2 p {
  color: #000;
  line-height: 1;
}
.footer-widget .footer-title h2 {
  font-size: 16px;
  font-weight: 500;
  color: #313131;
  margin: 0 0 16px;
  line-height: 1;
  text-transform: uppercase;
}
.footer_style_3 .custom-logo {
  width: 103px;
}
.modal .shop-details-tab.nav-style-1 .product-dec-prev {
  right: auto;
  left: 0;
}
.modal .product .entry-summary .product-rating:before {
  top: 8px;
}
.woocommerce
  .product-wrap
  .product-img
  .product-action
  .pro-same-action
  a.loading {
  opacity: 1;
}
body div.wpcf7-response-output {
  margin-left: 0;
}
.header_style_5 {
  padding-top: 0;
  padding-bottom: 0;
}
.header_style_7 .header-top-area {
  font-size: 14px;
}
.header_style_7 .logo-hm9 img {
  max-width: 103px;
}
.shop_display_both {
  margin-bottom: 50px;
}
.testimonial-2 .owl-dots {
  text-align: center;
  margin: 15px 0 0;
}
.testimonial-2 .owl-dots .owl-dot {
  display: inline-block;
  margin: 0 5px;
}
.testimonial-2 .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #fff;
  border: 2px solid transparent;
  display: inline-block;
}
.testimonial-2 .owl-dots .owl-dot.active span {
  background-color: transparent;
  border: 2px solid #fff;
}

/*------- home 11 ----------*/
.product-top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .product-top-bar {
    display: block;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    text-align: center;
  }
}
.product-tab-list-3 {
  margin: 4px 0 0;
  position: relative;
  z-index: 99;
}
@media only screen and (max-width: 767px) {
  .product-tab-list-3 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 15px 0 0;
  }
}
.product-tab-list-3 a {
  margin-left: 24px;
}
.product-tab-list-3 a.active h4 {
  color: #242424;
}
.product-tab-list-3 a:first-child {
  margin-left: 45px;
}
@media only screen and (max-width: 767px) {
  .product-tab-list-3 a:first-child {
    margin-left: 0px;
  }
}
.product-tab-list-3 a h4 {
  font-size: 14px;
  color: #878787;
  margin: 0;
  line-height: 1;
}
.flone_tabbed_products2_area .owl-carousel .product {
  flex-width: 100%;
  flex: 0 0 100%;
  -ms-flex: 0 0 100;
}
.product-slider-active .owl-nav {
  position: absolute;
  right: 0;
  top: -85px;
}

@media only screen and (max-width: 767px) {
  .product-slider-active .owl-nav {
    right: 0;
    left: 0;
    top: -45px;
    text-align: center;
  }
}
.product-slider-active .owl-nav div {
  display: inline-block;
  width: 35px;
  height: 35px;
  font-size: 18px;
  line-height: 31px;
  text-align: center;
  border-radius: 5px;
  color: #c6c6c6;
  border: 1px solid #d2d2d2;
  background-color: #f9f9f9;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media only screen and (max-width: 767px) {
  .product-slider-active .owl-nav div {
    width: 25px;
    height: 25px;
    font-size: 15px;
    line-height: 23px;
  }
}
.product-slider-active .owl-nav div:hover {
  color: #fff;
  border: 1px solid #ff3d2a;
  background-color: #ff3d2a;
}
.woocommerce ul#shipping_method {
  overflow: hidden;
}
.product-slider-active .owl-nav div.owl-next {
  margin-left: 3px;
}
@-webkit-keyframes flonesnow {
  0% {
    background-position: 0 0, 0 0, 0 0;
  }
  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

@keyframes snow {
  0% {
    background-position: 0 0, 0 0, 0 0;
  }
  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}
.effect-snow .elementor-background-overlay {
  -webkit-animation: flonesnow 20s linear infinite;
  animation: flonesnow 20s linear infinite;
}
.christmas-slider h3 {
  margin: 0 0 0 150px;
  position: relative;
}
.christmas-slider h3::before {
  position: absolute;
  left: -135px;
  top: 12px;
  content: "";
  width: 120px;
  height: 2px;
  background-color: #fff;
}
.home-christmas .copyright-2 {
  border-color: #fff;
}
.pro-view-more a,
.pro-view-more span {
  transition: none;
  -webkit-transition: none;
  -o-transition: all 0.3s;
}
.pswp__img,
.pswp--zoom-allowed .pswp__img {
  max-width: auto !important;
  width: auto !important;
}

/* plants home */
.plant_slider .owl-carousel .owl-item img {
  width: 100% !important;
}
.plant_slider h3 {
  margin-left: 0 !important;
}

/* cosmetic home */
.cosmetic_slider .row > .ml-auto {
  margin-left: 0 !important;
}
.cosmetic_slider .slider-content-2 h3::before {
  display: none;
}
.cosmetic_slider .slider-content-2 h3 {
  margin-left: 0;
}

/*black friday home*/
.black_friday_testimonial
  .nav-style-1.owl-carousel.nav-testi-style
  .owl-nav
  div.owl-next {
  right: -90px;
  left: auto;
}
.black_friday_testimonial
  .nav-style-1.owl-carousel.nav-testi-style
  .owl-nav
  div.owl-prev {
  left: -90px;
  right: auto;
}

/*home book*/
.home_book_slider .slider-content-5 {
  padding-top: 0;
  text-align: left !important;
  padding-left: 65px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home_book_banner_col .elementor-widget-wrap > .elementor-element {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .header_style_6 .logo {
    margin-top: 30px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_style_7 .header-top-area {
    padding: 10px 0;
  }
}

/*home flower*/
@media (min-width: 992px) {
  .pos--left-center .flone-banner-content {
    right: auto;
    left: 36px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .pos--left-top .flone-banner-content {
    right: auto;
    left: 36px;
    top: 36px;
  }
  .pos--right-center .flone-banner-content {
    right: 36px;
    left: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .pos--right-top .flone-banner-content {
    right: 36px;
    left: auto;
    top: 36px;
  }
  .home_flower_slider .flone_slider_2 {
    padding-top: 165px;
  }
}
.home_flower_slider .row > div {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.home_flower_slider h3 {
  margin-left: 0;
}
.home_flower_slider h3::before {
  display: none;
}
.home-flower .header-top-area {
  border-bottom: 1px solid #9f9f9f;
}

/*gutenberg*/
@media (min-width: 600px) {
  .wp-block-column:nth-child(odd) {
    margin-right: 15px;
  }
  .wp-block-column:not(:first-child),
  .wp-block-column:nth-child(2n) {
    margin-left: 15px;
  }
  .wp-block-column:not(:last-child) {
    margin-right: 15px;
  }
}

.modal-content.loading .modal-body {
  padding: 0;
  justify-content: center;
}
@keyframes lds-ripple {
  0% {
    top: 96px;
    left: 96px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 18px;
    left: 18px;
    width: 156px;
    height: 156px;
    opacity: 0;
  }
}
@-webkit-keyframes lds-ripple {
  0% {
    top: 96px;
    left: 96px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 18px;
    left: 18px;
    width: 156px;
    height: 156px;
    opacity: 0;
  }
}
.lds-ripple {
  position: relative;
}
.lds-ripple div {
  box-sizing: content-box;
  position: absolute;
  border-width: 4px;
  border-style: solid;
  opacity: 1;
  border-radius: 50%;
  -webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(1) {
  border-color: #a749ff;
}
.lds-ripple div:nth-child(2) {
  border-color: #a749ff;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.lds-ripple {
  width: 200px !important;
  height: 200px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-39px, -50px) scale(1) translate(390px, 100px);
}
.loading .lds-ripple {
  background: transparent;
  width: 0 !important;
  height: 0 !important;
}
.loading .modal-header {
  display: none;
}
.modal-content.open.loading {
  border: none;
}
#exampleModal.modal.show {
  opacity: 1;
  visibility: visible;
  background-color: rgba(0, 0, 0, 0.75);
}

/*Product Style 4 Style*/
.flone-product-st4 .product-img .product-action-2 a {
  transform: scale(1);
  margin: 5px 0;
}
.flone-product-st4 .product-img .product-action-2 {
  flex-flow: column;
  left: -60px;
  width: auto;
  transition: all 0.5s ease-in-out;
}
.flone-product-st4:hover .product-img .product-action-2 {
  left: 30px;
}
.flone-product-st4 .yith-wcwl-add-button > a i {
  margin: 0;
}
.product-tab-list-2 a {
  margin-bottom: -2px;
}

/*middle_button_nav*/
.flone-middle-nav .owl-nav {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  margin-top: -20px;
}
.flone-middle-nav .owl-nav div {
  left: -50px;
  position: absolute;
}
.flone-middle-nav .owl-nav div.owl-next {
  right: -50px;
  left: auto !important;
}

/*Product style 5 */
.flone-product-st5 {
  display: flex;
}
.flone-product-st5 span.cart_text {
  display: none;
}
.flone-product-st5 .product-img {
  position: relative;
  width: 50%;
  margin-right: 30px;
}
.product-wrap-5.flone-product-st5 .product-action-4 {
  transform: scale(1);
  background: transparent;
  width: 100%;
  padding: 0;
  justify-content: flex-start;
}
.product-wrap-5.flone-product-st5 .product-content-5 {
  margin-top: 0;
  position: relative;
  width: 50%;
}
.product-wrap-5 .product-action-4 .pro-same-action a {
  border-radius: 0;
}

/*Product Style 6*/
.flone-product-st6 .product-img .product-action-2,
.flone-product-tab-st5 .product-img .product-action-2 {
  top: auto;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  justify-content: flex-end;
  bottom: 0;
}

/*Blog Two Style*/
.flone-blog-st2.blog-wrap .blog-content-wrap {
  padding: 0;
  text-align: left;
}
.blog-wrap.flone-blog-st2 .blog-content-wrap .blog-content {
  padding: 0;
}
.flone_read-more a {
  position: relative;
}
.flone_read-more a:before {
  content: "";
  position: absolute;
  border: 0px solid #ddd;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 10px;
}

/*Tab product Style 5*/
.flone-product-tab-st5 .yith-wcwl-add-button > a i,
.flone-product-tab-st5 .flone-wishsuite-add-to-wishlist > a i {
  margin: 0;
  line-height: inherit;
}
.flone-product-tab-st5 .yith-wcwl-add-button > a,
.flone-product-tab-st5 .flone-wishsuite-add-to-wishlist > a {
  color: #fff;
}
.flone-product-tab-st5 .yith-wcwl-add-to-wishlist,
.flone-product-tab-st5 .flone-wishsuite-add-to-wishlist {
  margin-top: 10px;
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 9;
  background: #555555;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border-radius: 100%;
  transition: all 0.3s ease-in-out;
}
.flone-product-tab-st5 .yith-wcwl-wishlistexistsbrowse.show a i {
  color: #fff;
}
.flone-product-tab-st5 .yith-wcwl-wishlistexistsbrowse.show,
.flone-product-tab-st5 .yith-wcwl-add-to-wishlist:hover {
  background: #fed700;
  border-radius: 100%;
}
.product-wrap > a.wishsuite-btn,
.product-wrap a.wishsuite-btn-exist {
  display: none;
}
.product-wrap
  .product-img
  .product-action
  .pro-same-action
  a.wishsuite-button.added {
  display: block;
}
.yith-wcwl-share ul li.share-button a i {
  font-family: "FontAwesome";
}
.wishsuite-table-content
  table.wishsuite_table
  tbody
  td.wishsuite-product-image
  a
  img {
  width: 67px;
  height: 80px;
}
.wishsuite-table-content
  table.wishsuite_table
  tbody
  td.wishsuite-product-title
  a,
.wishsuite-table-content
  table.wishsuite_table
  tbody
  td.wishsuite-product-add_to_cart
  a {
  text-decoration: none;
}
.woocommerce .product_details_wrapper .summary.entry-summary a.wishsuite-btn,
.woocommerce
  .product_details_wrapper
  .summary.entry-summary
  a.wishsuite-btn-exist {
  display: none;
}
a.htcompare-btn.button {
  margin-bottom: 2em;
}
/* Mobile Menu */
.flone-mobile-menu-toggle .toggle,
.flone-mobile-menu-close .toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  border: none;
  background-color: transparent;
}
.flone-mobile-menu-toggle .toggle i,
.flone-mobile-menu-close .toggle i {
  position: relative;
  display: block;
  overflow: hidden;
  width: 24px;
  height: 2.5px;
}
.flone-mobile-menu-toggle .toggle i + i,
.flone-mobile-menu-close .toggle i + i {
  margin-top: 6px;
}
.flone-mobile-menu-toggle .toggle i::before,
.flone-mobile-menu-close .toggle i::before,
.flone-mobile-menu-toggle .toggle i::after,
.flone-mobile-menu-close .toggle i::after {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #333333;
}
.flone-mobile-menu-toggle.white-icon-four .toggle i::before,
.flone-mobile-menu-toggle.white-icon-four .toggle i::after {
  position: absolute;
  content: "";
  background-color: #fff;
}
.flone-mobile-menu-toggle .toggle i.icon-top::before,
.flone-mobile-menu-close .toggle i.icon-top::before,
.flone-mobile-menu-toggle .toggle i.icon-bottom::before,
.flone-mobile-menu-close .toggle i.icon-bottom::before {
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
    0.2s;
  transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
    -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -webkit-transform: scaleX(1) translateZ(0);
  transform: scaleX(1) translateZ(0);
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
}
.flone-mobile-menu-toggle .toggle i.icon-top::after,
.flone-mobile-menu-close .toggle i.icon-top::after,
.flone-mobile-menu-toggle .toggle i.icon-bottom::after,
.flone-mobile-menu-close .toggle i.icon-bottom::after {
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: scaleX(0) translateZ(0);
  transform: scaleX(0) translateZ(0);
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
}
.flone-mobile-menu-toggle .toggle i.icon-middle::before,
.flone-mobile-menu-close .toggle i.icon-middle::before {
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
    0.2s;
  transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
    -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -webkit-transform: scaleX(1) translateZ(0);
  transform: scaleX(1) translateZ(0);
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
}
.flone-mobile-menu-toggle .toggle i.icon-middle::after,
.flone-mobile-menu-close .toggle i.icon-middle::after {
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: scaleX(0) translateZ(0);
  transform: scaleX(0) translateZ(0);
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
}
.flone-mobile-menu-toggle .toggle:hover i::before,
.flone-mobile-menu-close .toggle:hover i::before,
.flone-mobile-menu-toggle .toggle:hover i::after,
.flone-mobile-menu-close .toggle:hover i::after {
  background-color: #a749ff;
}
.flone-mobile-menu-toggle .toggle:hover i.icon-top::before,
.flone-mobile-menu-close .toggle:hover i.icon-top::before,
.flone-mobile-menu-toggle .toggle:hover i.icon-bottom::before,
.flone-mobile-menu-close .toggle:hover i.icon-bottom::before {
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: scaleX(0) translateZ(0);
  transform: scaleX(0) translateZ(0);
}
.flone-mobile-menu-toggle .toggle:hover i.icon-top::after,
.flone-mobile-menu-close .toggle:hover i.icon-top::after,
.flone-mobile-menu-toggle .toggle:hover i.icon-bottom::after,
.flone-mobile-menu-close .toggle:hover i.icon-bottom::after {
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
    0.2s;
  transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
    -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -webkit-transform: scaleX(1) translateZ(0);
  transform: scaleX(1) translateZ(0);
}
.flone-mobile-menu-toggle .toggle:hover i.icon-middle::before,
.flone-mobile-menu-close .toggle:hover i.icon-middle::before {
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: scaleX(0) translateZ(0);
  transform: scaleX(0) translateZ(0);
}
.flone-mobile-menu-toggle .toggle:hover i.icon-middle::after,
.flone-mobile-menu-close .toggle:hover i.icon-middle::after {
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
    0.2s;
  transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,
    -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -webkit-transform: scaleX(1) translateZ(0);
  transform: scaleX(1) translateZ(0);
}
.flone-mobile-menu-toggle .toggle:focus,
.flone-mobile-menu-close .toggle:focus {
  outline: none;
}
.flone-site-main-mobile-menu {
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  width: 300px;
  height: 100%;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: translateX(-130%);
  -ms-transform: translateX(-130%);
  transform: translateX(-130%);
  background-color: #a749ff;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);
}
.flone-site-main-mobile-menu.offcanvas-right-fade {
  position: fixed;
  z-index: 999999;
  top: 0;
  left: auto;
  right: 0;
  width: 300px;
  height: 100%;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: translateX(130%);
  -ms-transform: translateX(-130%);
  transform: translateX(130%);
  background-color: #a749ff;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);
}
.mobile-menu-open {
  position: relative;
  overflow: hidden;
}
.mobile-menu-open::before {
  visibility: visible;
  opacity: 1;
}
.mobile-menu-open .flone-site-main-mobile-menu {
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.flone-mobile-menu-header {
  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-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 80px;
  padding: 0 15px 0 30px;
  background-color: #ffffff;
}
.flone-mobile-menu-logo a {
  width: 158px;
}
.flone-mobile-menu-close {
  padding: 0;
}
.flone-mobile-menu-close .toggle {
  position: relative;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
}
.offcanvas-right-fade .flone-mobile-menu-close {
  position: absolute;
  right: auto;
  left: -30px;
}
.flone-mobile-menu-close {
  padding: 0;
  position: absolute;
  right: -30px;
}
.flone-mobile-menu-close .toggle i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 2px;
  margin: 0 !important;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
.flone-mobile-menu-close .toggle i.icon-top {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.flone-mobile-menu-close .toggle i.icon-bottom {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.flone-mobile-menu-close .toggle:hover i::before,
.flone-mobile-menu-close .toggle:hover i::after {
  background-color: #111111;
}
.flone-mobile-menu-content {
  overflow-y: auto;
  height: calc(100% - 80px);
  padding: 0px;
}
.flone-site-mobile-menu > ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.flone-site-mobile-menu > ul > li {
  position: relative;
}
.flone-site-mobile-menu > ul > li + li > a {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.flone-site-mobile-menu > ul > li > a {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 10px;
  padding-left: 15px;
  color: #ffffff;
  border-bottom: 1px solid transparent;
}
.flone-site-mobile-menu > ul > li > a:hover {
  text-decoration: none;
}
.flone-site-mobile-menu > ul > li .menu-toggle {
  position: absolute;
  top: 11px;
  right: 0;
  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;
  width: 40px;
  height: 40px;
  cursor: pointer;
  color: #ffffff;
  border-radius: 50%;
  background-color: transparent;
}
.flone-site-mobile-menu > ul > li .menu-toggle i {
  font-size: 18px;
  line-height: 1;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.flone-site-mobile-menu > ul > li.open > a {
  border-bottom-color: rgba(255, 255, 255, 0.15);
}
.flone-site-mobile-menu > ul > li.open > .menu-toggle i {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.flone-site-mobile-menu .flone-sub-menu {
  display: none;
  padding-left: 20px;
  list-style: none;
  margin: 0;
}
.flone-site-mobile-menu .flone-sub-menu li {
  position: relative;
}
.flone-site-mobile-menu .flone-sub-menu li + li > a {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.flone-site-mobile-menu .flone-sub-menu li > a {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  display: block;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 10px;
  padding-left: 0;
  color: rgba(255, 255, 255, 0.85);
  border-bottom: 1px solid transparent;
}
.flone-site-mobile-menu .flone-sub-menu li > a:hover {
  text-decoration: none;
}
.flone-site-mobile-menu .flone-sub-menu li .menu-toggle {
  top: 10px;
}
.flone-site-mobile-menu .flone-sub-menu li.open > a {
  border-bottom-color: rgba(255, 255, 255, 0.15);
}
.flone-site-mobile-menu .flone-sub-menu li.open > .menu-toggle i {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

/* Menu Style */
.flone-site-mobile-menu > ul > li + li > a {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.flone-site-mobile-menu > ul > li .menu-toggle {
  position: absolute;
  top: 11px;
  right: 15px;
  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;
  width: 20px;
  height: 20px;
  cursor: pointer;
  color: #ffffff;
  border-radius: 50%;
  background-color: transparent;
}
.nav-tabs.flone-offcanvas {
  border: none;
}
.nav-tabs.flone-offcanvas .nav-item {
  margin-bottom: -1px;
  width: calc(100% / 2);
}
.nav-tabs.flone-offcanvas .nav-link {
  border-radius: 0;
  border: none;
  padding: 15px 0;
  background: transparent;
  color: #fff;
  text-align: center;
}
.nav-tabs.flone-offcanvas .nav-link:not(.active) {
  background: #fff;
  color: inherit;
}
nav.flone-site-mobile-menu {
  margin: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.offcanvas-thumnnail img {
  padding: 0 15px;
}
@media only screen and (max-width: 767px) {
  .slider-area
    .single-slider-2.slider-height-1.d-flex.align-items-center.slider-height-res.bg-img.flone_slider_2 {
    height: auto;
    padding: 15px 0;
  }
}
/* main style end */