@charset "UTF-8";
/*-----------------------------------------------------------------------------------
    
    Template Name: TheLoke - Multipurpose eCommerce HTML Template
    Version: 1.5
    
-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
    1. Template default CSS
    2. Animation CSS
    3. Header style
    4. Slider style
    5. Banner style
    6. Brand logo style
    7. Footer style
    8. Product style
    9. Section title style
    10. About us style
    11. Testimonial style
    12. Instagram style
    13. Features style
    14. Blog style
    15. Contact us style
    16. Others style
    17. Breadcrumb style
    18. Shop style
    19. Product details style
    20. Wishlist style
    21. My account style
    22. Checkout style
    23. Order tracking style
    24. Compare style
    
-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  1. Template default CSS
/*----------------------------------------*/
/*-- Common Style --*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Playfair+Display&display=swap');

@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

.container,
.container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}

.container .row,
.container-fluid .row {
  margin-right: -15px;
  margin-left: -15px;
}

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

.container .row .custom-common-column,
.container-fluid .row .custom-common-column {
  padding-left: 15px;
  padding-right: 15px;
}

.container .row.gx-0,
.container-fluid .row.gx-0 {
  margin-right: 0px;
  margin-left: 0px;
}

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

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

html,
body {
  height: 100%;
}

body {
  line-height: 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  color: #111;
  font-family: 'Marcellus', serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000000;
  font-weight: 400;
  margin-top: 0;
  font-family: 'Playfair Display', serif;
}

p {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  color: #767676;
  margin-bottom: 15px;
  font-family: 'Marcellus', serif;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

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

a,
button {
  color: inherit;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  font-size: 13px;
  color: #666;
}

a:hover,
button:hover {
  color: #fc4a1a;
}

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

*:focus {
  outline: none !important;
}

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

a:hover {
  text-decoration: none;
}

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

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

.select2-dropdown {
  z-index: 8;
}

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

.hidden {
  display: none;
}

.clear {
  clear: both;
}

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

.f-right {
  float: right;
}

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

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

.position-relative {
  position: relative;
}

.position-static {
  position: static;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-110 {
    margin-bottom: 75px;
  }
}

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

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-120 {
    margin-bottom: 80px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pb-320 {
  padding-bottom: 300px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

input:focus {
  background: transparent;
}

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

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

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

.custom-align-item-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.custom-align-item-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.justify-content-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

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

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -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;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

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

.custom-col-5-two {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
      -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: 768px) and (max-width: 991px) {
  .custom-col-5-two {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333%;
        -ms-flex: 0 0 33.333%;
            flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}

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

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

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

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

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

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

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

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

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .custom-col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333%;
        -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-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

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

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

.custom-col-width-20 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-col-width-20 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%;
    max-width: 35%;
  }
}

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

.custom-col-width-80 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80%;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  max-width: 80%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-col-width-80 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%;
    max-width: 65%;
  }
}

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

.custom-col-width-33 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.3333333333%;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

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

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

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

.custom-col-width-15 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 15%;
      -ms-flex: 0 0 15%;
          flex: 0 0 15%;
  max-width: 15%;
}

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

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

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

.custom-col-width-36 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 36.6666666667%;
      -ms-flex: 0 0 36.6666666667%;
          flex: 0 0 36.6666666667%;
  max-width: 36.6666666667%;
}

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

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

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

.custom-col-width-28 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 28.3333333333%;
      -ms-flex: 0 0 28.3333333333%;
          flex: 0 0 28.3333333333%;
  max-width: 28.3333333333%;
}

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

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

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

.custom-col-width-23 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 23.3333333333%;
      -ms-flex: 0 0 23.3333333333%;
          flex: 0 0 23.3333333333%;
  max-width: 23.3333333333%;
}

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

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

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

.custom-col-width-25 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

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

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

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

.custom-col-width-44 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 44.1666666667%;
      -ms-flex: 0 0 44.1666666667%;
          flex: 0 0 44.1666666667%;
  max-width: 44.1666666667%;
}

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

.custom-col-width-55 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 55.8333333333%;
      -ms-flex: 0 0 55.8333333333%;
          flex: 0 0 55.8333333333%;
  max-width: 55.8333333333%;
}

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

.custom-col-width-41 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.6666666667%;
      -ms-flex: 0 0 41.6666666667%;
          flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

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

.custom-col-width-58 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.3333333333%;
      -ms-flex: 0 0 58.3333333333%;
          flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

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

.col-custom-width-41-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.6666666667%;
      -ms-flex: 0 0 41.6666666667%;
          flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .col-custom-width-41-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

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

.col-custom-width-58-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.3333333333%;
      -ms-flex: 0 0 58.3333333333%;
          flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .col-custom-width-58-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

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

/*-- 
    Scroll Up 
-----------------------------------------*/
#scrollUp {
  width: 42px;
  height: 42px;
  background-color: #b3a8a5;
  color: #ffffff;
  right: 20px;
  bottom: 30px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  opacity: .5;
  z-index: 999 !important;
}

#scrollUp:hover {
  color: #ffffff;
  opacity: 1;
}

#scrollUp i {
  display: block;
  line-height: 42px;
  font-size: 25px;
}

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

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

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

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

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

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

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

.bg-orange {
  background-color: #fc4a1a;
}

.bg-white {
  background-color: #fff;
  position: relative;
}

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

.bg-black-2 {
  background-color: rgba(137,115,88,.2);
}

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

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

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

.default-overlay {
  position: relative;
}

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

.default-overlay.overly-point-4:before {
  background-color: #181818;
  opacity: .4;
}

.default-overlay-white {
  position: relative;
}

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

@media only screen and (max-width: 767px) {
  .res-white-overly-xs {
    position: relative;
  }
  .res-white-overly-xs:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    opacity: .4;
    z-index: 9;
  }
}

@media only screen and (max-width: 767px) {
  .res-black-overly-xs {
    position: relative;
  }
  .res-black-overly-xs:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #000;
    opacity: .5;
    z-index: 9;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .res-white-overly-md {
    position: relative;
  }
  .res-white-overly-md:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    opacity: .5;
    z-index: 1;
  }
}

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

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

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

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

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

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

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

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

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

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

.btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.padding-44-row-col .row {
  margin-right: -22px;
  margin-left: -22px;
}

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

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

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

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

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

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

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

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

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

/* Loop Animations */
@-webkit-keyframes tm-animation-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
            transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
            transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
            transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
            transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
            transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
            transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
            transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
            transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
            transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
            transform: translateX(-1px) rotate(0);
  }
}
@keyframes tm-animation-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
            transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
            transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
            transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
            transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
            transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
            transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
            transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
            transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
            transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
            transform: translateX(-1px) rotate(0);
  }
}

@-webkit-keyframes tm-loop-move-vertical {
  0% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
}

@keyframes tm-loop-move-vertical {
  0% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
}

.loop-move-vertical {
  -webkit-animation: 3s tm-loop-move-vertical linear infinite alternate;
          animation: 3s tm-loop-move-vertical linear infinite alternate;
}

@-webkit-keyframes tm-loop-move-horizontal {
  0% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
}

@keyframes tm-loop-move-horizontal {
  0% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
}

.loop-move-horizontal {
  -webkit-animation: 3s tm-loop-move-horizontal linear infinite alternate;
          animation: 3s tm-loop-move-horizontal linear infinite alternate;
}

@-webkit-keyframes tm-loop-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes tm-loop-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

.loop-rotate {
  -webkit-animation: 3s tm-loop-rotate linear infinite;
          animation: 3s tm-loop-rotate linear infinite;
}

/* Hover Animations */
.medizin-animation-zoom-in .medizin-image {
  overflow: hidden;
}

.medizin-animation-zoom-in .medizin-image img {
  width: 100%;
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
}

.medizin-animation-zoom-in .medizin-box:hover .medizin-image img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
}

.medizin-animation-zoom-out .medizin-image {
  overflow: hidden;
}

.medizin-animation-zoom-out .medizin-image img {
  width: 100%;
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
}

.medizin-animation-zoom-out .medizin-box:hover .medizin-image img {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

.medizin-animation-move-up .medizin-box .medizin-image {
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.medizin-animation-move-up .medizin-box:hover .medizin-image {
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}

.medizin-animation-move-up-drop-shadow .medizin-box .medizin-image {
  position: relative;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.medizin-animation-move-up-drop-shadow .medizin-box .medizin-image:after {
  content: '';
  position: absolute;
  bottom: 0;
  top: 50%;
  left: 10%;
  right: 10%;
  -webkit-box-shadow: 0 10px 50px rgba(51, 51, 51, 0.22);
          box-shadow: 0 10px 50px rgba(51, 51, 51, 0.22);
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  transition: opacity .3s linear;
}

.medizin-animation-move-up-drop-shadow .medizin-box:hover .medizin-image {
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}

.medizin-animation-move-up-drop-shadow .medizin-box:hover .medizin-image:after {
  opacity: 1;
}

/* Entrance Animations */
@-webkit-keyframes medizinAnimationFadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
            transform: translate3d(0, 30px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes medizinAnimationFadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
            transform: translate3d(0, 30px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.tmFadeInUp {
  -webkit-animation-name: medizinAnimationFadeInUp;
          animation-name: medizinAnimationFadeInUp;
}

.tmFadeInUp.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

/* Entrance Grid Animation */
.medizin-grid .grid-item {
  opacity: 0;
  -webkit-transform: translate3d(0, 30px, 0);
          transform: translate3d(0, 30px, 0);
}

.medizin-grid .grid-item.animate {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
  -webkit-transition: opacity 1s linear, -webkit-transform 1s ease-in-out;
  transition: opacity 1s linear, -webkit-transform 1s ease-in-out;
  -o-transition: transform 1s ease-in-out, opacity 1s linear;
  transition: transform 1s ease-in-out, opacity 1s linear;
  transition: transform 1s ease-in-out, opacity 1s linear, -webkit-transform 1s ease-in-out;
}

@-webkit-keyframes moveHorizontal {
  0% {
  }
  100% {
    -webkit-transform: translateX(0);
    opacity: 1;
  }
}

@keyframes moveHorizontal {
  0% {
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

body:not(.elementor-editor-active) .modern-grid .grid-item {
  opacity: 0;
  -webkit-transform: translate3d(0, 30px, 0);
          transform: translate3d(0, 30px, 0);
}

body:not(.elementor-editor-active) .modern-grid .grid-item.animate {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
  -webkit-transition: opacity 1s linear, -webkit-transform 1s ease-in-out;
  transition: opacity 1s linear, -webkit-transform 1s ease-in-out;
  -o-transition: transform 1s ease-in-out, opacity 1s linear;
  transition: transform 1s ease-in-out, opacity 1s linear;
  transition: transform 1s ease-in-out, opacity 1s linear, -webkit-transform 1s ease-in-out;
}

/*-------- 3. Header style ---------*/
.header-height-1 {
  min-height: 173px;
}

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

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

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

.header-height-2 {
  min-height: 85px;
}

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

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

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

@media only screen and (max-width: 767px) {
  .header-padding-small-device {
    padding: 20px 0;
  }
}

.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;
  -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  left: 0;
  background-color: #ffffff;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.stick .main-menu.main-menu-lh-1 > nav > ul > li {
  line-height: 80px;
}

.welcome-theloke p {
  color: #000000;
}

.welcome-theloke.welcome-theloke-mrg-1 {
  margin-right: 33px;
}

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

.same-style-wrap > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.same-style-wrap > ul > li {
  display: inline-block;
  margin-right: 35px;
  position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .same-style-wrap > ul > li {
    margin-right: 25px;
  }
}

.same-style-wrap > ul > li:last-child {
  margin-right: 0;
}

.same-style-wrap > ul > li::before {
  position: absolute;
  content: "";
  height: 25px;
  width: 1px;
  background-color: #eaeaea;
  left: -18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .same-style-wrap > ul > li::before {
    left: -13px;
  }
}

.same-style-wrap > ul > li ul {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  min-width: 160px;
  background: #fff;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  border: 1px solid rgba(0, 0, 0, 0.15);
  visibility: hidden;
  opacity: 0;
  padding: 10px 0;
  -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);
}

.same-style-wrap > ul > li ul.hm-furniture-currency {
  right: 0;
  left: auto;
}

.same-style-wrap > ul > li ul li {
  display: block;
}

.same-style-wrap > ul > li ul li a {
  color: #888;
  font-size: 15px;
  display: block;
  padding: 8px 25px 11px;
}

.same-style-wrap > ul > li ul li a img {
  padding-right: 10px;
}

.same-style-wrap > ul > li ul li a:hover {
  background-color: #f8f9fa;
  color: #fc4a1a;
}

.same-style-wrap > ul > li > a {
  display: inline-block;
}

.same-style-wrap > ul > li > a img {
  max-width: 100%;
  margin-right: 10px;
}

.same-style-wrap > ul > li > a i {
  font-size: 11px;
  color: #888;
  margin-left: 1px;
}

.same-style-wrap > ul > li:hover > a {
  color: #fc4a1a;
}

.same-style-wrap > ul > li:hover ul {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  visibility: visible;
  opacity: 1;
}

.same-style-wrap.first-border-none > ul > li:first-child::before {
  display: none;
}

.same-style-wrap.same-style-yellow > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.same-style-wrap.same-style-yellow > ul > li ul li a:hover {
  color: #0e1023;
}

.same-style-wrap.same-style-yellow > ul > li:hover > a {
  color: #0e1023;
}

.social-style-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.social-style-1 a {
  font-size: 15px;
  color: #000000;
  display: inline-block;
  margin-right: 20px;
  line-height: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .social-style-1 a {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .social-style-1 a {
    margin-right: 8px;
    font-size: 14px;
  }
}

.social-style-1 a:last-child {
  margin-right: 0;
}

.social-style-1 a:hover {
  color: #fc4a1a;
}

.social-style-1.social-style-1-gray a {
  color: #999;
  margin-right: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .social-style-1.social-style-1-gray a {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .social-style-1.social-style-1-gray a {
    margin-right: 20px;
  }
}

.social-style-1.social-style-1-gray a:last-child {
  margin-right: 0;
}

.social-style-1.social-style-1-gray a:hover {
  color: #ffffff;
}

.social-style-1.social-style-1-mrg {
  margin-right: 45px;
}

.social-style-1.social-style-1-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.header-top-padding-1 {
  padding: 17px 0;
}

.header-top-padding-2 {
  padding: 45px 0 0;
}

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

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

.header-top-padding-3 {
  padding: 30px 0;
}

.logo-primary-fill {
  fill: #fc4a1a;
}

.logo {
  line-height: 1;
}

.logo a {
  display: inline-block;
}

.logo a svg {
  width: 140px;
}

@media only screen and (max-width: 767px) {
  .logo a svg {
    width: 100px;
  }
}

.logo-2 a {
  display: inline-block;
}

.logo-2 a img {
  width: 200px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .logo-2 a img {
    width: 130px;
	text-align: center;
  }
}

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

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

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

.header-bottom-right.header-bottom-right-mrg {
  margin-right: 26px;
}

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

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

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

.main-menu > nav > ul > li a {
  color: #777;
  letter-spacing: 1.4px;
  display: inline-block;
  font-family: 'Marcellus', serif;
  font-size: 14px;
}

.main-menu > nav > ul > li a i {
  font-size: 11px;
  color: #888;
}

.main-menu > nav > ul > li ul.sub-menu {
  position: absolute;
  left: -20px;
  top: 100%;
  -webkit-box-shadow: 0 -3px 23px rgba(0, 0, 0, 0.06);
          box-shadow: 0 -3px 23px rgba(0, 0, 0, 0.06);
  background-color: #ffffff;
  width: 200px;
  padding: 12px 0;
  -webkit-transition: all .25s ease 0s;
  -o-transition: all .25s ease 0s;
  transition: all .25s ease 0s;
  opacity: 0;
  visibility: hidden;
  margin-top: 20px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  z-index: -999;
  text-align: left;
}

.main-menu > nav > ul > li ul.sub-menu li {
  line-height: 1;
  display: block;
  position: relative;
}

.main-menu > nav > ul > li ul.sub-menu li a {
  color: #888;
  display: block;
  padding: 14px 25px;
}

.main-menu > nav > ul > li ul.sub-menu li a i {
  font-size: 9px;
  float: right;
  position: relative;
  top: 4px;
}

.main-menu > nav > ul > li ul.sub-menu li:hover > a {
  background-color: #f8f9fa;
  color: #fc4a1a;
}

.main-menu > nav > ul > li ul.mega-menu {
  position: absolute;
  left: -20px;
  top: 100%;
  -webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  width: 730px;
  padding: 37px 40px 12px;
  -webkit-transition: all .25s ease 0s;
  -o-transition: all .25s ease 0s;
  transition: all .25s ease 0s;
  opacity: 0;
  visibility: hidden;
  margin-top: 20px;
  z-index: -999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu > nav > ul > li ul.mega-menu {
    padding: 37px 20px 12px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu > nav > ul > li ul.mega-menu {
    width: 700px;
    padding: 37px 20px 12px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li ul.mega-menu {
    width: 700px;
    left: -120px;
    padding: 37px 15px 12px;
  }
}

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

.main-menu > nav > ul > li ul.mega-menu > li {
  line-height: 1;
  display: block;
  position: relative;
  -webkit-flex-basis: 0%;
      -ms-flex-preferred-size: 0%;
          flex-basis: 0%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 15px;
}

.main-menu > nav > ul > li ul.mega-menu > li a.menu-title {
  font-size: 16px;
  font-weight: 600;
  display: block;
}

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

.main-menu > nav > ul > li ul.mega-menu > li ul li {
  line-height: 1;
  display: block;
  margin-bottom: 10px;
}

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

.main-menu > nav > ul > li ul.mega-menu > li ul li a {
  font-size: 15px;
  color: #777;
  display: block;
  line-height: 1.4;
}

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

.main-menu > nav > ul > li ul.mega-menu-2 {
  position: absolute;
  left: 0px;
  top: 100%;
  -webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  width: 100%;
  padding: 44px 40px 12px;
  -webkit-transition: all .25s ease 0s;
  -o-transition: all .25s ease 0s;
  transition: all .25s ease 0s;
  opacity: 0;
  visibility: hidden;
  margin-top: 20px;
  z-index: -999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu > nav > ul > li ul.mega-menu-2 {
    padding: 37px 30px 12px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu > nav > ul > li ul.mega-menu-2 {
    padding: 37px 30px 12px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li ul.mega-menu-2 {
    padding: 37px 20px 12px;
  }
}

.main-menu > nav > ul > li ul.mega-menu-2 .sub-mega-menu-2 {
  margin: 0 15px 30px;
  -webkit-flex-basis: 0%;
      -ms-flex-preferred-size: 0%;
          flex-basis: 0%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 1;
}

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

.main-menu > nav > ul > li ul.mega-menu-2 .sub-mega-menu-2 a img {
  width: 100%;
  -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);
}

.main-menu > nav > ul > li ul.mega-menu-2 .sub-mega-menu-2 a span {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin: 20px 0 0;
  color: #666;
}

.main-menu > nav > ul > li ul.mega-menu-2 .sub-mega-menu-2 a span:hover {
  color: #fc4a1a;
}

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

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

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

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

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

.main-menu.menu-hover-yellow > nav > ul > li:hover > a {
  color: #0e1023;
}

.main-menu.menu-hover-yellow > nav > ul > li ul.sub-menu li:hover > a {
  color: #0e1023;
}

.main-menu.menu-hover-yellow > nav > ul > li ul.mega-menu-2 .sub-mega-menu-2 a span:hover {
  color: #0e1023;
}

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

.main-menu.main-menu-border > nav > ul > li:before {
  position: absolute;
  content: "";
  left: -27px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #fff;
  height: 24px;
  width: 1px;
  opacity: .5;
}

.main-menu.main-menu-border > nav > ul > li:first-child:before {
  display: none;
}

.main-menu.menu-font-weight-inc > nav > ul > li > a {
  font-weight: 500;
}

.main-menu.menu-font-weight-inc2 > nav > ul > li > a {
  font-weight: 600;
}

.main-menu.menu-font-dec > nav > ul > li > a {
  font-size: 14px;
}

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

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

.main-menu.main-menu-mrg-1 > nav > ul > li {
  margin-right: 27px;
}

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

.main-menu.main-menu-mrg-1 > nav > ul > li:last-child {
  margin-right: 0;
}

.main-menu.main-menu-mrg-2 > nav > ul > li {
  margin-right: 82px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu.main-menu-mrg-2 > nav > ul > li {
    margin-right: 30px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu.main-menu-mrg-2 > nav > ul > li {
    margin-right: 20px;
  }
}

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

.main-menu.main-menu-mrg-2 > nav > ul > li:last-child {
  margin-right: 0;
}

.main-menu.main-menu-mrg-3 > nav > ul > li {
  margin-right: 50px;
}

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

.main-menu.main-menu-mrg-3 > nav > ul > li:last-child {
  margin-right: 0;
}

.main-menu.main-menu-mrg-4 > nav > ul > li {
  margin-right: 60px;
}

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

.main-menu.main-menu-mrg-4 > nav > ul > li:last-child {
  margin-right: 0;
}

.main-menu.main-menu-mrg-5 > nav > ul > li {
  margin-right: 65px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu.main-menu-mrg-5 > nav > ul > li {
    margin-right: 30px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu.main-menu-mrg-5 > nav > ul > li {
    margin-right: 20px;
  }
}

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

.main-menu.main-menu-mrg-5 > nav > ul > li:last-child {
  margin-right: 0;
}

.main-menu.main-menu-lh-1 > nav > ul > li {
  line-height: 114px;
}

.main-menu.main-menu-lh-2 > nav > ul > li {
  line-height: 85px;
}

.main-menu.main-menu-lh-3 > nav > ul > li {
  line-height: 80px;
}

.main-menu.main-menu-lh-4 > nav > ul > li {
  line-height: 54px;
}

.main-menu.main-menu-lh-5 > nav > ul > li {
  line-height: 100px;
}

.main-menu.main-menu-uppercase > nav > ul > li > a {
  text-transform: uppercase;
}

.main-menu.main-menu-mrg-right-1 {
  margin-right: 65px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu.main-menu-mrg-right-1 {
    margin-right: 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu.main-menu-mrg-right-1 {
    margin-right: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu.main-menu-mrg-right-1 {
    margin-right: 40px;
  }
}

.main-menu.main-menu-mrg-right-2 {
  margin-right: 95px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu.main-menu-mrg-right-2 {
    margin-right: 40px;
  }
}

.main-menu.main-menu-negative-mrg {
  margin-left: -10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu.main-menu-negative-mrg {
    margin-left: 0px;
  }
}

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

.header-action.header-action-right-mrg {
  margin-right: 26px;
}

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

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

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-action.header-action-right-res {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@media only screen and (max-width: 767px) {
  .header-action.header-action-right-res {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.header-action .same-style {
  margin-left: 38px;
}

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

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

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-action .same-style {
    margin-left: 22px;
  }
}

.header-action .same-style:first-child {
  margin-left: 0;
}

.header-action .same-style.same-style-mrg-2 {
  margin-left: 92px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .header-action .same-style.same-style-mrg-2 {
    margin-left: 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-action .same-style.same-style-mrg-2 {
    margin-left: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-action .same-style.same-style-mrg-2 {
    margin-left: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-action .same-style.same-style-mrg-2 {
    margin-left: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .header-action .same-style.same-style-mrg-2 {
    margin-left: 16px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-action .same-style.same-style-mrg-2 {
    margin-left: 22px;
  }
}

.header-action .same-style.same-style-mrg-2:first-child {
  margin-left: 0;
}

.header-action .same-style.same-style-mrg-3 {
  margin-left: 30px;
}

@media only screen and (max-width: 767px) {
  .header-action .same-style.same-style-mrg-3 {
    margin-left: 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-action .same-style.same-style-mrg-3 {
    margin-left: 25px;
  }
}

.header-action .same-style.same-style-mrg-3:first-child {
  margin-left: 0;
}

.header-action .same-style.same-style-mrg-4 {
  margin-left: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-action .same-style.same-style-mrg-4 {
    margin-left: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .header-action .same-style.same-style-mrg-4 {
    margin-left: 16px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-action .same-style.same-style-mrg-4 {
    margin-left: 26px;
  }
}

.header-action .same-style.same-style-mrg-4:first-child {
  margin-left: 0;
}

.header-action .same-style a {
  font-size: 18px;
  color: #000000;
  display: inline-block;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .header-action .same-style a {
    font-size: 16px;
  }
}

.header-action .same-style a:hover {
  color: #fc4a1a;
}

.header-action .same-style a span.pro-count {
  position: absolute;
  top: -11px;
  right: -25px;
  font-size: 14px;
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  border-radius: 100%;
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-action .same-style a span.pro-count {
    right: -19px;
  }
}

@media only screen and (max-width: 767px) {
  .header-action .same-style a span.pro-count {
    right: -12px;
  }
}

.header-action .same-style a span.pro-count.position-modify {
  top: -8px;
  right: -12px;
}

.header-action .same-style a span.pro-count.orange {
  background-color: #fc4a1a;
}

.header-action .same-style a span.pro-count.yellow {
  background-color: #0e1023;
}

.header-action .same-style a span.pro-count.yellow-2 {
  background-color: #f7882f;
}

.header-action .same-style a span.pro-count.red {
  background-color: #ff2035;
}

.header-action .same-style a span.pro-count-2 {
  font-size: 15px;
}

.header-action .same-style.same-style-yellow a:hover {
  color: #0e1023;
}

.header-action .same-style.same-style-lh-1 > a {
  line-height: 83px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-action .same-style.same-style-lh-1 > a {
    line-height: inherit;
  }
}

@media only screen and (max-width: 767px) {
  .header-action .same-style.same-style-lh-1 > a {
    line-height: inherit;
  }
}

.header-action .same-style.same-style-border-1 {
  position: relative;
  line-height: 1;
}

.header-action .same-style.same-style-border-1::before {
  position: absolute;
  content: "";
  height: 12px;
  width: 1px;
  background-color: #eaeaea;
  left: -18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-action .same-style.same-style-border-1::before {
    left: -10px;
  }
}

@media only screen and (max-width: 767px) {
  .header-action .same-style.same-style-border-1::before {
    display: none;
  }
}

.header-action .same-style.same-style-border-1:first-child::before {
  display: none;
}

.header-action .same-style.hover-color-red a:hover {
  color: #ff2035;
}

.main-wrapper .body-overlay {
  background-color: #000000;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}

.main-wrapper.overlay-active .body-overlay {
  opacity: .7;
  visibility: visible;
  z-index: 9999;
}

.main-wrapper .body-overlay-2 {
  background-color: #000000;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}

.main-wrapper.overlay-active-2 .body-overlay-2 {
  opacity: .7;
  visibility: visible;
  z-index: 9999;
}

.main-wrapper .body-overlay-3 {
  background-color: #000000;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}

.main-wrapper.overlay-active-3 .body-overlay-3 {
  opacity: .7;
  visibility: visible;
  z-index: 9999;
}

.main-wrapper .body-overlay-4 {
  background-color: #000000;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}

.main-wrapper.overlay-active-4 .body-overlay-4 {
  opacity: .7;
  visibility: visible;
  z-index: 9999;
}

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

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-cart-active {
    width: 350px;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-cart-active {
    width: 300px;
  }
}

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

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

.sidebar-cart-active .sidebar-cart-all .cart-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 20px 30px;
  border-bottom: 1px solid rgba(129, 129, 129, 0.2);
}

.sidebar-cart-active .sidebar-cart-all .cart-header > h3 {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}

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

.cart-content ul li:last-child {
  margin-bottom: 0;
}

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

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

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

.cart-content ul li .cart-title h4 {
  font-size: 15px;
  line-height: 1.2;
  width: 100%;
  margin: 0 0 14px;
}

.cart-content ul li .cart-title h4 a {
  color: #000000;
  font-size: 15px;
}

.cart-content ul li .cart-title h4 a:hover {
  text-decoration: underline;
}

.cart-content ul li .cart-title h4.font-size-width-inc {
  font-size: 16px;
  font-weight: 500;
}

.cart-content ul li .cart-title span {
  font-size: 15px;
  color: #000000;
}

.cart-content ul li .cart-title span span.price {
  color: #690;
  font-weight: 600;
  font-size: 16px;
}

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

.cart-content ul li .cart-delete a {
  display: block;
  font-size: 18px;
  text-align: right;
  color: #888;
}

.cart-content ul li .cart-delete a:hover {
  color: #000000;
}

.cart-content .cart-total {
  display: block;
  width: 100%;
  border-top: 1px dashed #e5e5e5;
  border-bottom: 1px dashed #e5e5e5;
}

.cart-content .cart-total.cart-total-padding-2 {
  padding: 15px 0;
  margin: 18px 0;
}

.cart-content .cart-total h4 {
  font-size: 15px;
  margin: 0;
  font-weight: 500;
  color: #000000;
}

.cart-content .cart-total h4 span {
  font-size: 18px;
  color: #fc4a1a;
  float: right;
  font-weight: 600;
}

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

.cart-content .cart-checkout-btn a {
  width: 100%;
  display: block;
  margin: 10px 0 0;
  text-align: center;
  padding: 13px 20px 12px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  border-radius: 3px;
}

.cart-content .cart-checkout-btn a.cart-btn {
  color: #000000;
  border: 1px solid #e5e3e3;
}

.cart-content .cart-checkout-btn a.cart-btn:hover {
  background-color: #e5e3e3;
}

.cart-content .cart-checkout-btn a.checkout-btn {
  background-color: #fc4a1a;
  border: 1px solid #fc4a1a;
  color: #ffffff;
}

.cart-content .cart-checkout-btn a.checkout-btn:hover {
  border: 1px solid #ed3503;
  background-color: #ed3503;
}

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

.cart-content.cart-content-padding ul {
  padding: 30px;
}

.cart-content.cart-content-padding .cart-total {
  padding: 24px 30px;
}

.cart-content.cart-content-padding .cart-checkout-btn {
  padding: 36px 30px 30px;
}

.cart-hover-style {
  position: relative;
}

.cart-hover-style .cart-hover-dropdown-wrap {
  position: absolute;
  right: -118px;
  top: 110%;
  width: 368px;
  padding: 30px 35px 45px;
  background-color: #ffffff;
  z-index: 99;
  -webkit-box-shadow: 0 10px 12px 0 rgba(0, 0, 0, 0.21);
          box-shadow: 0 10px 12px 0 rgba(0, 0, 0, 0.21);
  border-top: 1px solid #e5e5e5;
  visibility: hidden;
  opacity: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .cart-hover-style .cart-hover-dropdown-wrap {
    right: -50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-hover-style .cart-hover-dropdown-wrap {
    right: -50px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-hover-style .cart-hover-dropdown-wrap {
    right: -68px;
    padding: 30px 15px 45px;
    width: 300px;
  }
  .cart-hover-style .cart-hover-dropdown-wrap.cart-hover-hm-furniture {
    right: -68px;
  }
}

.cart-hover-style:hover .cart-hover-dropdown-wrap {
  visibility: visible;
  opacity: 1;
  -webkit-animation: tl-fadeIn .3s;
          animation: tl-fadeIn .3s;
  top: 100%;
}

@-webkit-keyframes tl-fadeIn {
  from {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px);
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes tl-fadeIn {
  from {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px);
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.close-style {
  position: relative;
  cursor: pointer;
}

.close-style.close-style-width-1 {
  display: block;
  height: 20px;
  width: 20px;
  top: 0;
  right: 0;
}

.close-style.close-style-width-1.offcanvas-close-menu {
  top: 5px;
}

.close-style.close-style-width-1.mobile-menu-close {
  top: 5px;
}

.close-style.close-style-width-2 {
  display: block;
  height: 40px;
  width: 40px;
  top: 0;
  right: 0;
}

.close-style.close-style-width-2:before, .close-style.close-style-width-2:after {
  width: 40px;
  height: 3px;
}

.close-style:before, .close-style:after {
  top: 50%;
  margin-top: -2px;
  margin-right: -20px;
  display: inline-block;
  background-color: #2d2a2a;
  position: absolute;
  content: " ";
  width: 20px;
  height: 2px;
  right: auto;
}

.close-style:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  transition: background-color .25s ease,transform .25s ease,-webkit-transform .25s ease;
}

.close-style:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  transition: background-color .25s ease,transform .25s ease,-webkit-transform .25s ease;
}

.close-style:hover:before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.close-style:hover:after {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.close-style-position {
  position: absolute;
  right: 40px;
  top: 40px;
}

.search-popup-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(255, 255, 255, 0.95);
  transition: transform .3s ease,-webkit-transform .3s ease;
  z-index: 9999;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}

.search-popup-wrap .search-popup-content {
  width: 874px;
  margin: 208px auto auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .search-popup-wrap .search-popup-content {
    width: 774px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search-popup-wrap .search-popup-content {
    width: 600px;
    margin: 150px auto auto;
  }
}

@media only screen and (max-width: 767px) {
  .search-popup-wrap .search-popup-content {
    width: 280px;
    margin: 150px auto auto;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .search-popup-wrap .search-popup-content {
    width: 420px;
  }
}

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

.search-popup-wrap .search-popup-content form input {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  font-size: 38px;
  padding: 14px 70px 14px 0px;
  color: #727B82;
  max-width: 100%;
  height: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search-popup-wrap .search-popup-content form input {
    font-size: 33px;
  }
}

@media only screen and (max-width: 767px) {
  .search-popup-wrap .search-popup-content form input {
    font-size: 28px;
  }
}

.search-popup-wrap .search-popup-content form input::-moz-input-placeholder {
  color: #727B82;
  opacity: 1;
}

.search-popup-wrap .search-popup-content form input::-webkit-input-placeholder {
  color: #727B82;
  opacity: 1;
}

.search-popup-wrap .search-popup-content form button {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0;
  border: 0;
  color: #000000;
  font-size: 28px;
  background-color: transparent;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

@media only screen and (max-width: 767px) {
  .search-popup-wrap .search-popup-content form button {
    font-size: 25px;
  }
}

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

.search-popup-wrap.search-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.login-register-content-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  transition: transform .3s ease,-webkit-transform .3s ease;
  z-index: 9999;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}

.login-register-content-wrap.login-register-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.login-register-content-all {
  background-color: #ffffff;
}

.tab-style-1 a {
  color: #aaa;
  font-size: 25px;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 30px;
}

@media only screen and (max-width: 767px) {
  .tab-style-1 a {
    font-size: 20px;
  }
}

.tab-style-1 a:last-child {
  margin-right: 0;
}

.tab-style-1 a.active {
  color: #000000;
}

.login-register-content.lr-content-padding-mrg {
  margin: auto;
  max-width: 20.8333333333%;
  padding: 76px 0 120px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .login-register-content.lr-content-padding-mrg {
    max-width: 35.8333333333%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .login-register-content.lr-content-padding-mrg {
    max-width: 35.8333333333%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .login-register-content.lr-content-padding-mrg {
    max-width: 35.8333333333%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .login-register-content.lr-content-padding-mrg {
    max-width: 45%;
    padding: 76px 0 80px;
  }
}

@media only screen and (max-width: 767px) {
  .login-register-content.lr-content-padding-mrg {
    max-width: 80%;
    padding: 76px 0 80px;
  }
}

.login-register-content .login-register-style {
  margin: 33px 0 0;
}

@media only screen and (max-width: 767px) {
  .login-register-content .login-register-style {
    margin: 20px 0 0;
  }
}

.login-register-content .login-register-style p {
  color: #000000;
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 35px;
}

@media only screen and (max-width: 767px) {
  .login-register-content .login-register-style p {
    margin: 0 0 20px;
  }
}

.login-register-content .login-register-style form .login-register-input {
  position: relative;
  margin-bottom: 10px;
}

.login-register-content .login-register-style form .login-register-input input {
  color: #495057;
  height: 51px;
  background-color: transparent;
  border: 1px solid #e5e5e5;
  padding: 2px 80px 2px 16px;
  font-size: 15px;
}

.login-register-content .login-register-style form .login-register-input input::-webkit-input-placeholder {
  color: #495057;
  opacity: 1;
}

.login-register-content .login-register-style form .login-register-input input::-moz-input-placeholder {
  color: #495057;
  opacity: 1;
}

.login-register-content .login-register-style form .login-register-input .forgot {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.login-register-content .login-register-style form .login-register-input .forgot a {
  color: #4bb1cf;
  font-size: 15px;
}

.login-register-content .login-register-style form .login-register-paragraph {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  padding: 15px 0;
  margin: 30px 0 30px;
}

.login-register-content .login-register-style form .login-register-paragraph p {
  font-size: 14px;
  color: #666;
  line-height: 1.9;
  margin: 0;
}

.login-register-content .login-register-style form .login-register-paragraph p a {
  font-size: 14px;
  color: #fc4a1a;
}

.login-register-content .login-register-style form .login-register-paragraph p a:hover {
  color: #ed3503;
}

.login-register-content .login-register-style form .remember-me-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 19px 0 0px;
}

.login-register-content .login-register-style form .remember-me-btn input {
  width: auto;
  height: auto;
  margin-right: 10px;
}

.login-register-content .login-register-style form .remember-me-btn label {
  color: #000000;
  font-size: 15px;
}

.login-register-content .login-register-style form .btn-style-3 {
  margin: 21px 0 0px;
}

.login-register-content .login-register-style form .btn-style-3 button {
  font-size: 16px;
  border-radius: 3px;
  font-weight: 600;
  color: #ffffff;
  background-color: #fc4a1a;
  border: none;
  line-height: 1;
  width: 100%;
  text-align: center;
  padding: 19px 10px 22px;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .login-register-content .login-register-style form .btn-style-3 button {
    padding: 15px 10px 18px;
  }
}

.login-register-content .login-register-style form .btn-style-3 button:hover {
  background-color: #ed3503;
}

.login-register-content .login-register-style .register-benefits {
  background-color: #f3f3f3;
  padding: 40px 30px;
  margin-top: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .login-register-content .login-register-style .register-benefits {
    padding: 40px 25px;
  }
}

@media only screen and (max-width: 767px) {
  .login-register-content .login-register-style .register-benefits {
    padding: 40px 25px;
    margin-top: 30px;
  }
}

.login-register-content .login-register-style .register-benefits h3 {
  font-size: 20px;
  text-transform: uppercase;
  margin: 0 0 20px;
}

@media only screen and (max-width: 767px) {
  .login-register-content .login-register-style .register-benefits h3 {
    font-size: 18px;
  }
}

.login-register-content .login-register-style .register-benefits p {
  line-height: 1.6;
  font-size: 14px;
  color: #666;
  margin: 0 0 28px;
}

.login-register-content .login-register-style .register-benefits ul li {
  margin: 0 0 20px;
  font-size: 18px;
}

.login-register-content .login-register-style .register-benefits ul li:last-child {
  margin: 0 0 0;
}

.login-register-content .login-register-style .register-benefits ul li i {
  font-size: 20px;
  color: #669900;
  margin-right: 15px;
  position: relative;
  top: 4px;
}

@media only screen and (max-width: 767px) {
  .login-register-content .login-register-style .register-benefits ul li i {
    margin-right: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .login-register-content .login-register-style .register-benefits ul li {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .login-register-content .login-register-style .register-benefits ul li {
    font-size: 15px;
  }
}

.notification-padding-1 {
  padding: 17px 0;
}

@media only screen and (max-width: 767px) {
  .notification-padding-1 {
    padding: 17px 0 0;
  }
}

.notification-wrapper {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .notification-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}

.notification-wrapper .notification-content p {
  margin: 0;
  font-size: 15px;
  color: #000000;
}

.notification-wrapper .notification-content p a {
  text-decoration: underline;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .notification-wrapper .notification-content.notification-left {
    text-align: left;
  }
}

@media only screen and (max-width: 767px) {
  .notification-wrapper .notification-content.notification-left {
    text-align: left;
  }
}

.notification-wrapper .notification-icon {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .notification-wrapper .notification-icon {
    position: static;
    -webkit-transform: inherit;
        -ms-transform: inherit;
            transform: inherit;
    margin: 10px 0 0;
  }
}

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

.notification-wrapper .notification-icon button {
  border: none;
  padding: 0;
  color: #000000;
  font-size: 18px;
  background-color: transparent;
}

.notification-wrapper .notification-icon button:hover {
  color: #fc4a1a;
}

.offcanvas-wrap {
  position: fixed;
  top: 0;
  width: 403px;
  padding: 0px 0px 30px;
  min-height: 100vh;
  bottom: 0;
  z-index: 99999;
  right: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
  -webkit-transform: translate(200px, 0);
      -ms-transform: translate(200px, 0);
          transform: translate(200px, 0);
  -webkit-box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  background-color: #fff;
}

.offcanvas-wrap.active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .offcanvas-wrap {
    width: 350px;
  }
}

@media only screen and (max-width: 767px) {
  .offcanvas-wrap {
    width: 300px;
  }
}

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

.offcanvas-wrap .offcanvas-all {
  height: 100%;
  overflow-y: auto;
  padding: 50px 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .offcanvas-wrap .offcanvas-all {
    padding: 50px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .offcanvas-wrap .offcanvas-all {
    padding: 40px 30px 50px;
  }
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-header > h3 {
  font-size: 24px;
  text-transform: uppercase;
  margin: 0;
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content {
  margin: 60px 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content {
    margin: 40px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content {
    margin: 40px 0 0;
  }
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .mobile-menu-padding-border-1 {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 17px;
  padding-bottom: 25px;
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .mobile-menu-padding-border-2 {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 23px;
  padding-bottom: 16px;
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .mobile-menu-padding-border-3 {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 23px;
  padding-bottom: 25px;
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .mobile-menu-padding-border-4 {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 27px;
  padding-bottom: 25px;
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .mobile-search form {
  position: relative;
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .mobile-search form input {
  background-color: #f6f6f6;
  border: none;
  border-radius: 0px;
  height: 50px;
  padding: 0 60px 0 15px;
  color: #000000;
  font-size: 15px;
}

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

@media only screen and (max-width: 767px) {
  .offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .mobile-search form button {
    font-size: 16px;
  }
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .mobile-search form button:hover {
  color: #fc4a1a;
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .mobile-search form button i {
  margin-top: 5px;
  display: inline-block;
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .offcanvas-language-currency-menu {
  margin: 0 0 64px;
}

@media only screen and (max-width: 767px) {
  .offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .offcanvas-language-currency-menu {
    margin: 0 0 30px;
  }
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .offcanvas-language-currency-menu .offcanvas-language-menu, .offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .offcanvas-language-currency-menu .offcanvas-currency-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 37px;
}

@media only screen and (max-width: 767px) {
  .offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .offcanvas-language-currency-menu .offcanvas-language-menu, .offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .offcanvas-language-currency-menu .offcanvas-currency-menu {
    margin: 0 0 25px;
  }
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .offcanvas-language-currency-menu .offcanvas-language-menu label, .offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .offcanvas-language-currency-menu .offcanvas-currency-menu label {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 15px;
  margin-right: 40px;
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .offcanvas-language-currency-menu .offcanvas-language-menu ul li, .offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .offcanvas-language-currency-menu .offcanvas-currency-menu ul li {
  display: block;
  margin: 0 0 20px;
}

@media only screen and (max-width: 767px) {
  .offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .offcanvas-language-currency-menu .offcanvas-language-menu ul li, .offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .offcanvas-language-currency-menu .offcanvas-currency-menu ul li {
    margin: 0 0 10px;
  }
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .offcanvas-language-currency-menu .offcanvas-language-menu ul li:last-child, .offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .offcanvas-language-currency-menu .offcanvas-currency-menu ul li:last-child {
  margin: 0 0 0px;
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .offcanvas-language-currency-menu .offcanvas-language-menu ul li a, .offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .offcanvas-language-currency-menu .offcanvas-currency-menu ul li a {
  color: #888;
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .offcanvas-language-currency-menu .offcanvas-language-menu ul li a:hover, .offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .offcanvas-language-currency-menu .offcanvas-currency-menu ul li a:hover {
  color: #fc4a1a;
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .offcanvas-language-currency-menu .offcanvas-currency-menu {
  margin: 0 0 0px;
}

@media only screen and (max-width: 767px) {
  .offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .mobile-header-info-wrap {
    display: block;
  }
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .mobile-header-info-wrap .single-mobile-header-info {
  position: relative;
  margin-bottom: 13px;
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .mobile-header-info-wrap .single-mobile-header-info:last-child {
  margin-bottom: 0;
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .mobile-header-info-wrap .single-mobile-header-info a {
  font-size: 16px;
  display: block;
  color: #000000;
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .mobile-header-info-wrap .single-mobile-header-info a span {
  float: right;
  font-size: 10px;
  position: relative;
  top: 8px;
  line-height: 1;
}

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

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li {
  padding-bottom: 10px;
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li:last-child {
  padding-bottom: 0px;
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li a {
  color: #000000;
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li a:hover {
  color: #fc4a1a;
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .mobile-header-info-wrap .single-mobile-header-info:hover > a {
  color: #fc4a1a;
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .sidebar-contact-info h4 {
  font-size: 15px;
  font-weight: 500;
  margin: 0 0 26px;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .sidebar-contact-info h4 {
    margin: 0 0 14px;
  }
}

@media only screen and (max-width: 767px) {
  .offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .sidebar-contact-info h4 {
    margin: 0 0 14px;
  }
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .sidebar-contact-info ul li {
  margin: 0 0 10px;
  font-size: 15px;
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .sidebar-contact-info ul li:last-child {
  margin: 0 0 0px;
}

.offcanvas-wrap .offcanvas-all .offcanvas-additional-menu-content .sidebar-contact-info ul li i {
  position: relative;
  top: 2px;
}

.offcanvas-wrap .offcanvas-all .offcanvas-login-register-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.notification-img-1 {
  background-image: url("../../assets/images/bg/bg-1.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.notification-content-2 h3 {
  font-size: 26px;
  color: #ffffff;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .notification-content-2 h3 {
    font-size: 20px;
  }
}

.notification-content-2 p {
  color: #ffffff;
  opacity: .5;
  margin: 13px 0 13px;
}

.notification-content-2 h5 {
  color: #ffffff;
  margin: 0;
  line-height: 1;
}

.notification-content-2 h5 span {
  font-size: 20px;
  color: #FF0000;
}

.notification-section {
  position: relative;
}

.notification-padding-2 {
  padding: 23px 0 25px;
}

.notification-icon-2 {
  position: absolute;
  right: 20px;
  top: 30px;
}

@media only screen and (max-width: 767px) {
  .notification-icon-2 {
    position: static;
    margin-top: 10px;
    text-align: center;
  }
}

.notification-icon-2 button {
  padding: 0;
  border: none;
  background-color: transparent;
  color: #ffffff;
  font-size: 15px;
  line-height: 1;
}

.notification-icon-3 {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .notification-icon-3 {
    position: static;
    margin-top: 7px;
    -webkit-transform: inherit;
        -ms-transform: inherit;
            transform: inherit;
    text-align: center;
  }
}

.notification-icon-3 button {
  padding: 0;
  border: none;
  background-color: transparent;
  color: #666;
  font-size: 15px;
  line-height: 1;
}

.notification-icon-3 button:hover {
  color: #fc4a1a;
}

.search-style-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.search-style-2 form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.search-style-2 form select {
  color: #000000;
  font-size: 14px;
  min-height: 45px;
  border: 1px solid #e5e5e5;
  width: 147px;
  padding: 3px 35px 3px 12px;
  background: #f7f7f7 url("../../assets/images/icon-img/select.png") no-repeat center right 10px;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.search-style-2 form input {
  color: #495057;
  font-size: 15px;
  min-height: 45px;
  border: 1px solid #e5e5e5;
  width: 400px;
  padding: 3px 62px 3px 20px;
  background-color: #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .search-style-2 form input {
    width: 240px;
  }
}

.search-style-2 form button {
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: transparent;
  padding: 0;
  border: none;
  font-size: 17px;
  color: #000000;
  height: 100%;
  padding: 5px 17px;
}

.hotline-cart-wrap {
  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: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.hotline-cart-wrap .hotline-wrap {
  margin: 0 40px 0 0;
}

.hotline-cart-wrap .hotline-wrap span {
  color: #666;
  font-size: 14px;
  display: block;
}

.hotline-cart-wrap .hotline-wrap a {
  font-weight: 500;
  font-size: 16px;
  display: block;
}

.cart-wrap > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-weight: 500;
  text-align: right;
  position: relative;
}

.cart-wrap > a i {
  font-size: 28px;
  margin-right: 20px;
}

.cart-wrap > a .pro-count-2 {
  position: absolute;
  top: 8px;
  left: 17px;
  font-size: 14px;
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  border-radius: 100%;
  color: #ffffff;
  background-color: #fc4a1a;
}

.cart-wrap > a .cart-price {
  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;
}

.cart-wrap > a .cart-price .price-label {
  color: #888;
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 7px;
  display: inline-block;
}

.cart-wrap > a .cart-price .cart-current-amount {
  font-size: 16px;
  display: inline-block;
  line-height: 1;
}

.header-middle-padding-1 {
  padding: 30px 0;
}

.main-categori-wrap {
  position: relative;
}

.main-categori-wrap > a {
  display: block;
  line-height: 50px;
  text-align: center;
  background-color: #323232;
  padding: 2px 51px 2px 30px;
  min-height: 50px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-categori-wrap > a {
    display: block;
    text-align: left;
    padding: 0px 0px 0px 0px;
    min-height: auto;
    color: #000000;
    font-weight: 500;
    font-size: 15px;
    line-height: inherit;
    background-color: transparent;
  }
}

@media only screen and (max-width: 767px) {
  .main-categori-wrap > a {
    display: block;
    text-align: left;
    padding: 0px 0px 0px 0px;
    min-height: auto;
    color: #000000;
    font-weight: 500;
    font-size: 15px;
    line-height: inherit;
    background-color: transparent;
  }
}

.main-categori-wrap > a i.categori-menu-icon {
  margin-right: 5px;
  font-size: 14px;
  position: relative;
  top: 2px;
}

.main-categori-wrap > a i.categori-down-icon {
  margin-left: 5px;
  font-size: 11px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-categori-wrap > a i.categori-down-icon {
    position: relative;
    top: 8px;
    float: right;
  }
}

@media only screen and (max-width: 767px) {
  .main-categori-wrap > a i.categori-down-icon {
    position: relative;
    top: 8px;
    float: right;
  }
}

.main-categori-wrap:hover .categori-dropdown-large-style {
  opacity: 1;
  visibility: visible;
  margin: 0px 0px 0px;
}

.notification-content-3 {
  text-align: center;
}

.notification-content-3 p {
  color: #fff;
  
  font-size: 13px;
}

.notification-padding-3 {
  padding: 13px 0px;
}

.search-style-3 {
  margin-right: 100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .search-style-3 {
    margin-right: 0px;
  }
}

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

.search-style-3 form input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #e5e5e5;
  color: #495057;
  font-size: 15px;
  height: 40px;
  padding: 2px 10px 2px 30px;
}

.search-style-3 form button {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0;
  border: none;
  font-size: 18px;
  color: #000;
  background-color: transparent;
}

.search-position {
  position: absolute;
  right: 0;
  top: 10px;
}

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

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

.search-position a {
  display: inline-block;
  width: 72px;
  height: 80px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  background-color: #313439;
}

.search-position a i {
  line-height: 80px;
}

.search-position a:hover {
  background-color: #000000;
}

.mfp-bg {
  z-index: 99999;
}

.mfp-wrap {
  z-index: 99999;
}

.categori-small-device {
  display: none;
  margin: 20px 0 0;
}

.mobile-menu-wrap nav {
  height: 100%;
}

.mobile-menu-wrap nav .mobile-menu li {
  display: block;
  position: relative;
}

.mobile-menu-wrap nav .mobile-menu li.menu-item-has-children .menu-expand {
  line-height: 50;
  top: -5px;
  left: 95%;
  width: 30px;
  position: absolute;
  height: 50px;
  text-align: center;
  cursor: pointer;
}

.mobile-menu-wrap nav .mobile-menu li.menu-item-has-children .menu-expand i {
  display: block;
  position: relative;
  width: 10px;
  margin-top: 25px;
  border-bottom: 1px solid #000000;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

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

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

.mobile-menu-wrap nav .mobile-menu li a {
  font-size: 16px;
  text-transform: capitalize;
  line-height: 18px;
  position: relative;
  display: inline-block;
  padding: 10px 0;
  color: #000000;
}

.mobile-menu-wrap nav .mobile-menu li a i {
  margin-right: 5px;
}

.mobile-menu-wrap nav .mobile-menu li ul li > a {
  padding: 10px 15px 5px;
  font-size: 14px;
  color: #333;
}

.mobile-menu-wrap nav .mobile-menu li ul li > a img {
  width: 100%;
}

.mobile-menu-wrap nav .mobile-menu li ul li > a:hover {
  color: #fc4a1a;
}

.mobile-menu-wrap nav .mobile-menu li ul li ul li > a {
  padding: 10px 30px 5px;
  font-size: 14px;
  color: #333;
}

.mobile-menu-wrap nav .mobile-menu li:hover > a {
  color: #fc4a1a;
}

.mobile-menu-wrap nav .mobile-menu li:hover.menu-item-has-children > .menu-expand > i {
  border-bottom: 1px solid #fc4a1a;
}

.mobile-menu-wrap nav .mobile-menu li:hover.menu-item-has-children > .menu-expand > i::before {
  border-bottom: 1px solid #fc4a1a;
}

.categori-dropdown-large-style {
  list-style-type: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9;
  margin: 0;
  padding: 15px 0 23px;
  background: #fff;
  border: 1px solid #f5f5f5;
  border-radius: 5px;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  font-size: 15px;
  font-weight: 400;
  min-width: 270px;
  -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);
  opacity: 0;
  visibility: hidden;
  margin: 10px 0 0;
  z-index: 99;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .categori-dropdown-large-style {
    min-width: 230px;
  }
}

.categori-dropdown-large-style > ul > li {
  position: static;
}

.categori-dropdown-large-style > ul > li > a {
  display: block;
  padding: 5px 25px;
  color: #000000;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .categori-dropdown-large-style > ul > li > a {
    padding: 5px 15px;
  }
}

.categori-dropdown-large-style > ul > li > a i.categori-icon-left {
  font-size: 22px;
  margin-right: 7px;
  position: relative;
  top: 3px;
}

.categori-dropdown-large-style > ul > li > a i.categori-icon-right {
  font-size: 15px;
  float: right;
  font-size: 8px;
  position: relative;
  top: 9px;
}

.categori-dropdown-large-style > ul > li > a:hover {
  background-color: #f3f3f3;
}

.categori-dropdown-large-style > ul > li > ul {
  position: absolute;
  background-color: #ffffff;
  width: 900px;
  -webkit-box-shadow: 0 .5px 0 .5px #e5e5e5;
          box-shadow: 0 .5px 0 .5px #e5e5e5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  left: calc(100% - 3px);
  top: 0px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-15px) translateZ(0);
          transform: translateX(-15px) translateZ(0);
  -webkit-transition: all .25s ease 0s;
  -o-transition: all .25s ease 0s;
  transition: all .25s ease 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .categori-dropdown-large-style > ul > li > ul {
    width: 720px;
  }
}

.categori-dropdown-large-style > ul > li > ul > li {
  width: 100%;
}

.categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap {
  padding: 30px;
}

.categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .categori-position-img-1 {
  position: absolute;
  right: -100px;
  bottom: -20px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .categori-position-img-1 {
    right: -50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .categori-position-img-1 {
    right: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .categori-position-img-1 {
    right: 0px;
    bottom: 0px;
  }
}

.categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .categori-position-img-1 img {
  width: 414px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .categori-position-img-1 img {
    width: 314px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .categori-position-img-1 img {
    width: 250px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .categori-position-img-1 img {
    width: 250px;
  }
}

.categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .categori-position-img-2 {
  position: absolute;
  right: -100px;
  bottom: -20px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .categori-position-img-2 {
    right: -50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .categori-position-img-2 {
    right: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .categori-position-img-2 {
    right: 0px;
    bottom: 0px;
  }
}

.categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .categori-position-img-2 img {
  width: 598px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .categori-position-img-2 img {
    width: 550px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .categori-position-img-2 img {
    width: 400px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .categori-position-img-2 img {
    width: 250px;
  }
}

.categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .sub-categori-icon {
  margin: 0 0 8px;
}

.categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .sub-categori-icon i {
  font-size: 3.5rem;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .sub-categori-icon i {
    font-size: 3rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .sub-categori-icon i {
    font-size: 3rem;
  }
}

.categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .single-sub-categori {
  margin-left: -15px;
  margin-right: -15px;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 21px;
}

.categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .single-sub-categori .sub-categori-column {
  margin-left: 15px;
  margin-right: 15px;
  -webkit-flex-basis: 0%;
      -ms-flex-preferred-size: 0%;
          flex-basis: 0%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .single-sub-categori .sub-categori-column .sub-categori-img {
  margin: 0 20px 20px;
}

.categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .single-sub-categori .sub-categori-column .sub-categori-img img {
  width: 100%;
}

.categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .single-sub-categori .sub-categori-column > ul {
  margin-bottom: 25px;
}

.categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .single-sub-categori .sub-categori-column > ul li.title {
  font-weight: 600;
  font-size: 16px;
  margin: 0 0 7px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .single-sub-categori .sub-categori-column > ul li.title {
    font-size: 15px;
  }
}

.categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .single-sub-categori .sub-categori-column > ul li a {
  font-size: 15px;
  color: #888;
  display: block;
  margin: 0 0 6px;
}

.categori-dropdown-large-style > ul > li > ul > li .sub-categori-wrap .single-sub-categori .sub-categori-column > ul li a:hover {
  text-decoration: underline;
}

.categori-dropdown-large-style > ul > li > ul.categoribg-black {
  background-color: #000000;
}

.categori-dropdown-large-style > ul > li > ul.categoribg-black > li .sub-categori-wrap .single-sub-categori .sub-categori-column > ul li.title {
  color: #ffffff;
}

.categori-dropdown-large-style > ul > li > ul.categoribg-black > li .sub-categori-wrap .single-sub-categori .sub-categori-column > ul li a {
  color: #d8d8d8;
}

.categori-dropdown-large-style > ul > li > ul.categoribg-black > li .sub-categori-wrap .single-sub-categori .sub-categori-column > ul li a:hover {
  text-decoration: underline;
}

.categori-dropdown-large-style > ul > li > ul.categori-dropdown-height {
  min-height: 500px;
}

.categori-dropdown-large-style > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  transition: opacity .2s ease,visibility .2s ease,transform .2s ease,-webkit-transform .2s ease;
}

.single-categori-product.categori-product-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-categori-product.categori-product-flex {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media only screen and (max-width: 767px) {
  .single-categori-product.categori-product-flex {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.single-categori-product.categori-product-flex .categori-product-img {
  width: 35%;
  margin-right: 10px;
}

.single-categori-product.categori-product-flex .categori-product-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 65%;
}

.single-categori-product .categori-product-img {
  margin-bottom: 10px;
}

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

.single-categori-product .categori-product-content .categori-tag a {
  color: #888;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-categori-product .categori-product-content .categori-tag a {
    padding: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .single-categori-product .categori-product-content .categori-tag a {
    padding: 0 !important;
  }
}

.single-categori-product .categori-product-content .categori-tag a:hover {
  text-decoration: underline;
}

.single-categori-product .categori-product-content h3 {
  margin: 6px 0 6px;
  font-size: 16px;
  line-height: 1;
}

.single-categori-product .categori-product-content h3 a {
  font-weight: 600;
  font-size: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-categori-product .categori-product-content h3 a {
    padding: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .single-categori-product .categori-product-content h3 a {
    padding: 0 !important;
  }
}

.single-categori-product .categori-product-content h3 a:hover {
  text-decoration: underline;
}

.single-categori-product .categori-product-content .categori-price span {
  color: #690;
  font-weight: 600;
}

.single-categori-product .categori-product-content .categori-price span.new-price {
  font-weight: 600;
  color: #fc4a1a;
}

.single-categori-product .categori-product-content .categori-price span.old-price {
  text-decoration: line-through;
  color: #888;
  font-weight: 400;
}

.single-categori-product .categori-product-content .categori-product-rating-wrap {
  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;
}

.single-categori-product .categori-product-content .categori-product-rating-wrap .categori-product-rating-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
}

.single-categori-product .categori-product-content .categori-product-rating-wrap .categori-product-rating-icon i {
  color: #efc609;
  font-size: 14px;
}

.single-categori-product .categori-product-content .categori-product-rating-wrap .categori-product-rating-icon i.gray {
  color: #D9D9D9;
}

.single-categori-product .categori-product-content .categori-product-rating-wrap span {
  font-size: 14px;
}

.categori-features-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #f3f3f3;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 35px 0 5px;
}

.categori-features-wrap .features-wrap-5 {
  padding-left: 30px;
  padding-right: 15px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.3333333333%;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.categori-img-3 {
  margin: 0 42px;
}

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

.categori-img-3 img {
  width: 100%;
}

.categori-img-3 h3 {
  margin: 16px 0 0;
  font-size: 15px;
  font-weight: 500;
}

.header-area {
  z-index: 9;
}

.header-zindex {
  z-index: 9;
}

.site-wrapper-reveal {
  position: relative;
  z-index: 2;
  background: #ffffff;
}

/*-------- 4. Slider style ---------*/
.slider-bg-1 {
  background: #f3f3f3 none repeat scroll 0% 0%;
}

.single-hero-slider-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 9;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-slider-flex {
    display: block !important;
  }
}

@media only screen and (max-width: 767px) {
  .single-hero-slider-flex {
    display: block !important;
  }
}

.single-hero-slider-flex-2 {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 9;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.single-hero-slider-flex-2.single-hero-slider-hm2 {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media only screen and (max-width: 767px) {
  .single-hero-slider-flex-2 {
    display: block !important;
  }
}

.single-hero-margin-1 {
  margin-left: 185px;
  margin-right: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-hero-margin-1 {
    margin-left: 120px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-hero-margin-1 {
    margin-left: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-margin-1 {
    margin-left: 20px;
    padding-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .single-hero-margin-1 {
    margin-left: 20px;
    padding-top: 40px;
  }
}

.single-hero-margin-2 {
  margin-left: 255px;
  margin-right: 20px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-hero-margin-2 {
    margin-left: 180px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-hero-margin-2 {
    margin-left: 150px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-hero-margin-2 {
    margin-left: 150px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-margin-2 {
    margin-left: 110px;
  }
}

@media only screen and (max-width: 767px) {
  .single-hero-margin-2 {
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    padding-top: 30px;
  }
}

.single-hero-margin-3 {
  margin-left: 320px;
  margin-right: 20px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-hero-margin-3 {
    margin-left: 220px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-hero-margin-3 {
    margin-left: 220px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-hero-margin-3 {
    margin-left: 175px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-margin-3 {
    margin-left: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .single-hero-margin-3 {
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    padding-top: 30px;
  }
}

.single-hero-margin-4 {
  margin-left: 147px;
  margin-right: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-margin-4 {
    margin-left: 120px;
  }
}

@media only screen and (max-width: 767px) {
  .single-hero-margin-4 {
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    padding-top: 30px;
  }
}

.single-hero-margin-5 {
  margin-left: 220px;
  margin-right: 20px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-hero-margin-5 {
    margin-left: 120px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-hero-margin-5 {
    margin-left: 100px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-hero-margin-5 {
    margin-left: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-margin-5 {
    margin-left: 20px;
    padding-top: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .single-hero-margin-5 {
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 100px;
  }
}

.single-hero-margin-6 {
  margin-left: 310px;
  margin-right: 20px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-hero-margin-6 {
    margin-left: 150px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-hero-margin-6 {
    margin-left: 150px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-hero-margin-6 {
    margin-left: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-margin-6 {
    margin-left: 20px;
    padding-top: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .single-hero-margin-6 {
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 100px;
  }
}

.single-hero-margin-7 {
  margin-left: 400px;
  margin-right: 20px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-hero-margin-7 {
    margin-left: 200px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-hero-margin-7 {
    margin-left: 200px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-hero-margin-7 {
    margin-left: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-margin-7 {
    margin-left: 20px;
    padding-top: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .single-hero-margin-7 {
    margin-left: 20px;
    padding-top: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .single-hero-margin-7 {
    margin-left: 15px;
    padding-top: 100px;
    margin-right: 15px;
  }
}

.slider-content-1-mrg-1 {
  margin-left: 90px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-content-1-mrg-1 {
    margin-left: 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-1-mrg-1 {
    margin-left: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-1-mrg-1 {
    margin-left: 50px;
  }
}

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

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

.hero-slider-shape-1 {
  position: absolute;
  left: 13%;
  top: 14%;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .hero-slider-shape-1 {
    left: 2%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slider-shape-1 {
    left: 0%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-shape-1 {
    left: 50%;
    top: auto;
    bottom: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@media only screen and (max-width: 767px) {
  .hero-slider-shape-1 {
    left: 50%;
    top: auto;
    bottom: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.hero-slider-shape-1 img {
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  .hero-slider-shape-1 img {
    max-width: 200px;
  }
}

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

.single-hero-img-1 {
  z-index: 9;
  position: relative;
}

.single-hero-img-1 img {
  max-width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-img-1 img {
    display: inline-block;
    max-width: 300px;
  }
}

@media only screen and (max-width: 767px) {
  .single-hero-img-1 img {
    display: inline-block;
    max-width: 200px;
  }
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-img-1 {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .single-hero-img-1 {
    text-align: center;
  }
}

.slider-content-1 {
  z-index: 9;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-1 {
    text-align: center;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-1 {
    text-align: center;
    margin-bottom: 15px;
  }
}

.slider-content-1 h4 {
  font-size: 18px;
  margin: 0;
}

.slider-content-1 h5 {
  font-size: 15px;
  margin: 0;
  text-transform: uppercase;
}

.slider-content-1 h1 {
  font-size: 46px;
  margin: 20px 0 17px;
  line-height: 58px;
}

.slider-content-1 h1.font-dec {
  font-size: 42px;
  line-height: 52px;
  margin: 11px 0 19px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-1 h1.font-dec {
    font-size: 36px;
    line-height: 44px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-1 h1.font-dec {
    font-size: 31px;
    line-height: 41px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-1 h1 {
    font-size: 37px;
    margin: 12px 0 10px;
    line-height: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-1 h1 {
    font-size: 37px;
    margin: 7px 0 10px;
    line-height: 47px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-1 h1 {
    font-size: 28px;
    margin: 7px 0 10px;
    line-height: 33px;
  }
}

.slider-content-1 p {
  line-height: 29px;
  margin: 0 0 38px;
  font-size: 16px;
  width: 53%;
}

.slider-content-1 p.mrg-modify {
  margin: 0 0 20px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-content-1 p {
    width: 75%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-1 p {
    width: 85%;
    margin: 0 0 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-1 p {
    width: 100%;
    margin: 0 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-1 p {
    width: 70%;
    margin: 0 auto 20px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-1 p {
    width: 100%;
    margin: 0 auto 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-1 p {
    width: 87%;
  }
}

.slider-content-3 {
  z-index: 9;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-3 {
    text-align: center;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-3 {
    text-align: center;
    margin-bottom: 15px;
  }
}

.slider-content-3 h5 {
  font-size: 15px;
  margin: 0;
  text-transform: uppercase;
}

.slider-content-3 h1 {
  font-size: 42px;
  line-height: 52px;
  margin: 11px 0 19px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-3 h1 {
    font-size: 36px;
    line-height: 44px;
  }
}

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

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

@media only screen and (max-width: 767px) {
  .slider-content-3 h1 {
    font-size: 25px;
    line-height: 30px;
    margin: 10px 0 14px;
  }
}

.slider-content-3 p {
  line-height: 29px;
  margin: 0 0 20px;
  font-size: 16px;
  width: 53%;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-content-3 p {
    width: 75%;
  }
}

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

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-3 p {
    width: 63%;
    margin: 0 auto 20px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-3 p {
    width: 100%;
    margin: 0 auto 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-3 p {
    width: 90%;
  }
}

.btn-style-1 a {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fc4a1a;
}

.btn-style-1 a.color-white {
  color: #ffffff;
}

.btn-style-1 a.color-white:hover {
  color: #000000;
}

.btn-style-1 a.btn-link {
  text-decoration: none;
}

.btn-style-1 a.btn-bg-orange {
  background-color: #fc4a1a;
  color: #ffffff;
}

.btn-style-1 a.btn-bg-orange:hover {
  background-color: #ed3503;
  color: #ffffff;
}

.btn-style-1 a.btn-bg-yellow {
  background-color: #0e1023;
  color: #ffffff;
}

.btn-style-1 a.btn-bg-yellow:hover {
  background-color: #0e1023;
  color: #ffffff;
}

.btn-style-1 a.btn-bg-yellow-2 {
  background-color: #f7882f;
  color: #ffffff;
}

.btn-style-1 a.btn-bg-yellow-2:hover {
  background-color: #f6730a;
  color: #ffffff;
}

.btn-style-1 a.btn-bg-red {
  background-color: #ff2035;
  color: #ffffff;
}

.btn-style-1 a.btn-bg-red:hover {
  background-color: #000000;
  color: #ffffff;
}

.btn-style-1 a.btn-bg-white {
  background-color: #ffffff;
  color: #000000;
}

.btn-style-1 a.btn-bg-white:hover {
  background-color: #ff2035;
  color: #ffffff;
}

.btn-style-1 a.btn-1-500 {
  font-weight: 500;
}

.btn-style-1 a.btn-1-500 i {
  font-size: 10px;
  top: 0;
}

.btn-style-1 a.btn-1-fw-500 {
  font-weight: 500;
}

.btn-style-1 a.btn {
  padding: 0;
  line-height: 1;
}

.btn-style-1 a.btn-padding-1 {
  padding: 11px 25px 11px 30px;
}

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

.btn-style-1 a.btn-border-radius-0 {
  border-radius: 8;
}

.btn-style-1 a.btn-padding-2 {
  padding: 15px 40px;
}

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

.btn-style-1 a.btn-padding-3 {
  padding: 19px 37px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .btn-style-1 a.btn-padding-3 {
    padding: 16px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .btn-style-1 a.btn-padding-3 {
    padding: 16px 25px;
  }
}

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

.btn-style-1 a.btn-padding-4 {
  padding: 16px 37px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .btn-style-1 a.btn-padding-4 {
    padding: 14px 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .btn-style-1 a.btn-padding-4 {
    padding: 14px 25px;
  }
}

@media only screen and (max-width: 767px) {
  .btn-style-1 a.btn-padding-4 {
    padding: 12px 20px;
  }
}

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

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

.btn-style-1 a.btn-padding-6 {
  padding: 16px 26px;
}

.btn-style-1 a.btn-padding-6 i {
  top: 0px;
  margin-right: 0px;
  margin-left: 2px;
  font-size: 11px;
}

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

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

.btn-style-1 a.btn-green {
  color: #690;
}

.btn-style-1 a.btn-size-14 {
  font-size: 14px;
}

.btn-style-1 a i {
  position: relative;
  top: 1px;
  margin-right: 1px;
}

.btn-style-1 a:hover {
  color: #000000;
}

.nav-style-1.nav-style-1-position-1 > span {
  position: absolute;
  bottom: 7%;
  right: 3%;
}

@media only screen and (max-width: 767px) {
  .nav-style-1.nav-style-1-position-1 > span {
    bottom: 3%;
  }
}

.nav-style-1 > span {
  cursor: pointer;
  color: #000000;
  display: inline-block;
  z-index: 9;
  font-size: 23px;
}

.nav-style-1 > span:hover {
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
}

.nav-style-1 > span.slider-icon-1-prev {
  margin-right: 52px;
}

@media only screen and (max-width: 767px) {
  .nav-style-1 > span.slider-icon-1-prev {
    margin-right: 30px;
  }
}

.dot-style-1 ul li {
  margin: 0 0 45px;
  line-height: 1;
}

.dot-style-1 ul li:last-child {
  margin: 0 0 0px;
}

.dot-style-1 ul li button {
  width: 5px;
  height: 5px;
  border-radius: 100%;
  border: none;
  padding: 0;
  font-size: 0px;
  background-color: transparent;
  background: #000000;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  display: inherit;
}

.dot-style-1 ul li button::before {
  content: "";
  display: block;
  height: 35px;
  width: 35px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: relative;
  border: 1px solid transparent;
  border-radius: 50%;
}

.dot-style-1 ul li.slick-active button::before {
  border: 1px solid #000000;
}

.dot-style-1.dot-style-1-position-1 ul {
  position: absolute;
  left: 65px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dot-style-1.dot-style-1-position-1 ul {
    left: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .dot-style-1.dot-style-1-position-1 ul {
    left: 30px;
  }
}

.dot-style-1.dot-style-1-position-2 ul {
  position: absolute;
  left: 57px;
  bottom: 6%;
  z-index: 9;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dot-style-1.dot-style-1-position-2 ul {
    left: 39px;
  }
}

@media only screen and (max-width: 767px) {
  .dot-style-1.dot-style-1-position-2 ul {
    left: 20px;
  }
}

.dot-style-1.dot-style-1-position-3 ul {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 7%;
  z-index: 9;
}

.dot-style-1.dot-style-1-mrg-top ul {
  margin: 55px 0 0;
}

@media only screen and (max-width: 767px) {
  .dot-style-1.dot-style-1-mrg-top ul {
    margin: 30px 0 0;
  }
}

.dot-style-1.dot-style-1-mrg-top-2 ul {
  margin: 30px 0 0;
}

@media only screen and (max-width: 767px) {
  .dot-style-1.dot-style-1-mrg-top-2 ul {
    margin: 20px 0 0;
  }
}

.dot-style-1.dot-style-1-horizontal > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.dot-style-1.dot-style-1-horizontal > ul li {
  margin: 0 17px 0px;
}

.single-animation-wrap.slick-active .slider-animated-1 h4 {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

.single-animation-wrap.slick-active .slider-animated-1 h5 {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

.single-animation-wrap.slick-active .slider-animated-1 h1 {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

.single-animation-wrap.slick-active .slider-animated-1 p {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

.single-animation-wrap.slick-active .slider-animated-1 a {
  -webkit-animation-delay: 2.0s;
          animation-delay: 2.0s;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

.single-animation-wrap.slick-active .slider-animated-1.single-hero-img-1 img, .single-animation-wrap.slick-active .slider-animated-1.single-hero-img-2 img, .single-animation-wrap.slick-active .slider-animated-1.single-hero-img-3 img, .single-animation-wrap.slick-active .slider-animated-1.single-hero-img-4 img, .single-animation-wrap.slick-active .slider-animated-1.single-hero-img-5 img, .single-animation-wrap.slick-active .slider-animated-1.single-hero-img-6 img, .single-animation-wrap.slick-active .slider-animated-1.single-hero-img-7 img {
  -webkit-animation-delay: .9s;
          animation-delay: .9s;
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

.single-animation-wrap.slick-active .slider-animated-1.hero-slider-shape-1 img {
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

.single-animation-wrap.slick-active .slider-animated-2 h5 {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

.single-animation-wrap.slick-active .slider-animated-2 h1 {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

.single-animation-wrap.slick-active .slider-animated-2 p {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

.single-animation-wrap.slick-active .slider-animated-2 a {
  -webkit-animation-delay: 2.0s;
          animation-delay: 2.0s;
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

.single-animation-wrap.slick-active .slider-animated-2.single-hero-img-1 img {
  -webkit-animation-delay: .9s;
          animation-delay: .9s;
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

.single-animation-wrap.slick-active .slider-animated-3 h3 {
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

.single-animation-wrap.slick-active .slider-animated-3 h1 {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

.single-animation-wrap.slick-active .slider-animated-3 p {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

.single-animation-wrap.slick-active .slider-animated-3 .slider-price {
  -webkit-animation-delay: 2.0s;
          animation-delay: 2.0s;
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

.single-animation-wrap.slick-active .slider-animated-3 a {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

.single-animation-wrap.slick-active .slider-animated-4 h1 {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

.single-animation-wrap.slick-active .slider-animated-4 p {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

.single-animation-wrap.slick-active .slider-animated-4 .slider-price {
  -webkit-animation-delay: 2.0s;
          animation-delay: 2.0s;
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

.single-animation-wrap.slick-active .slider-animated-4 a {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

.single-animation-wrap.slick-active .slider-animated-5 h5 {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

.single-animation-wrap.slick-active .slider-animated-5 h1 {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

.single-animation-wrap.slick-active .slider-animated-5 p {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

.single-animation-wrap.slick-active .slider-animated-5 a {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

.content-wrap {
  z-index: 9;
}

.slider-content-2 h1 {
  font-size: 50px;
  line-height: 66px;
  margin: 0;
}

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

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

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

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

.slider-content-2 p {
  line-height: 33px;
  width: 62%;
  margin: 28px 0 48px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-2 p {
    width: 90%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-2 p {
    width: 70%;
    margin: 10px 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-2 p {
    width: 100%;
    margin: 10px 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-2 p {
    width: 100%;
    line-height: 28px;
    margin: 10px auto 10px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-2 {
    margin-bottom: 20px;
  }
}

.btn-style-4 a {
  font-weight: 600;
}

.btn-style-4 a.btn {
  padding: 0;
}

.btn-style-4 a.btn-link {
  color: #000000;
  text-decoration: none;
}

.btn-style-4 a.btn-link:hover {
  text-decoration: underline;
}

.slider-content-2-mrg-1 {
  margin-left: 80px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-content-2-mrg-1 {
    margin-left: 50px;
  }
}

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

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

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

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

.slider-content-2-mrg-2 {
  margin-left: 160px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-2-mrg-2 {
    margin-left: 60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-2-mrg-2 {
    margin-left: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-2-mrg-2 {
    margin-left: 50px;
  }
}

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

.slider-content-2-mrg-3 {
  margin-left: -35px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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: 500px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.nav-style-2.nav-style-2-position-1 > span {
  position: absolute;
  bottom: 0%;
  right: 0%;
}

.nav-style-2 > span {
  cursor: pointer;
  color: #000000;
  display: inline-block;
  z-index: 9;
  width: 60px;
  height: 60px;
  text-align: center;
  background-color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .nav-style-2 > span {
    width: 40px;
    height: 40px;
  }
}

.nav-style-2 > span i {
  font-size: 23px;
  line-height: 60px;
  display: inline-block;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

@media only screen and (max-width: 767px) {
  .nav-style-2 > span i {
    line-height: 40px;
    font-size: 15px;
  }
}

.nav-style-2 > span:hover i {
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}

.nav-style-2 > span.slider-icon-1-prev {
  margin-right: 110px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-2 > span.slider-icon-1-prev {
    margin-right: 85px;
  }
}

@media only screen and (max-width: 767px) {
  .nav-style-2 > span.slider-icon-1-prev {
    margin-right: 50px;
  }
}

.slider-tag {
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

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

.slider-tag h4 {
  font-size: 18px;
  letter-spacing: 4px;
  margin: 0;
  -webkit-transform-origin: 50% 50% 0px;
      -ms-transform-origin: 50% 50% 0px;
          transform-origin: 50% 50% 0px;
  -webkit-transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
          transform: matrix3d(0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}

.single-hero-img-2 img {
  width: 560px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-hero-img-2 img {
    width: 400px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-hero-img-2 img {
    width: 400px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-hero-img-2 img {
    width: 280px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-img-2 img {
    width: 280px;
  }
}

@media only screen and (max-width: 767px) {
  .single-hero-img-2 img {
    width: 200px;
    display: inline-block;
  }
}

@media only screen and (max-width: 767px) {
  .single-hero-img-2 {
    text-align: center;
  }
}

.single-hero-img-3 img {
  width: 415px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-hero-img-3 img {
    width: 295px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-hero-img-3 img {
    width: 295px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-hero-img-3 img {
    width: 210px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-img-3 img {
    width: 210px;
  }
}

@media only screen and (max-width: 767px) {
  .single-hero-img-3 img {
    width: 150px;
    display: inline-block;
  }
}

@media only screen and (max-width: 767px) {
  .single-hero-img-3 {
    text-align: center;
  }
}

.single-hero-img-4 img {
  width: 795px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-hero-img-4 img {
    width: 495px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-hero-img-4 img {
    width: 450px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-hero-img-4 img {
    width: 300px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-img-4 img {
    width: 250px;
  }
}

@media only screen and (max-width: 767px) {
  .single-hero-img-4 img {
    display: inline-block;
    width: 195px;
  }
}

@media only screen and (max-width: 767px) {
  .single-hero-img-4 {
    text-align: center;
  }
}

.slider-content-1-mrg-2 {
  margin-left: -55px;
}

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

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

.slider-content-1-mrg-3 {
  margin-left: -45px;
}

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

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

.slider-content-1-mrg-4 {
  margin-left: 35px;
}

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

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

.single-hero-img-5 img {
  width: 796px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-hero-img-5 img {
    width: 650px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-hero-img-5 img {
    width: 650px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-hero-img-5 img {
    width: 500px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-img-5 img {
    width: 500px;
    display: inline-block;
  }
}

@media only screen and (max-width: 767px) {
  .single-hero-img-5 img {
    width: 290px;
    display: inline-block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-img-5 {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .single-hero-img-5 {
    text-align: center;
  }
}

.single-hero-img-6 img {
  width: 660px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-hero-img-6 img {
    width: 550px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-hero-img-6 img {
    width: 550px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-hero-img-6 img {
    width: 550px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-img-6 img {
    width: 500px;
    display: inline-block;
  }
}

@media only screen and (max-width: 767px) {
  .single-hero-img-6 img {
    width: 290px;
    display: inline-block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-img-6 {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .single-hero-img-6 {
    text-align: center;
  }
}

.single-hero-img-7 img {
  width: 649px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-hero-img-7 img {
    width: 450px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-hero-img-7 img {
    width: 450px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-hero-img-7 img {
    width: 350px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-img-7 img {
    width: 450px;
    display: inline-block;
  }
}

@media only screen and (max-width: 767px) {
  .single-hero-img-7 img {
    width: 250px;
    display: inline-block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-img-7 {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .single-hero-img-7 {
    text-align: center;
  }
}

.paginginfo-style-1 {
  position: absolute;
  left: 9%;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 22px;
  color: #888;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .paginginfo-style-1 {
    left: 2%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .paginginfo-style-1 {
    left: 2%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .paginginfo-style-1 {
    left: 2%;
  }
}

.nav-style-3.nav-style-3-position-1 > span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 30px;
  margin-top: -27px;
  z-index: 9;
}

.nav-style-3 > span {
  font-size: 22px;
  display: inline-block;
  cursor: pointer;
}

.nav-style-3 > span:hover {
  color: #fc4a1a;
}

.nav-style-3 > span.slider-icon-down {
  padding: 120px 0 0px;
}

.nav-style-3 > span.slider-icon-down:before {
  position: absolute;
  content: "";
  left: 0;
  top: 69%;
  width: 100%;
  height: 1px;
  background-color: #888;
}

.slider-content-4 {
  margin-top: -16px;
  position: relative;
  z-index: 9;
}

.slider-content-4 h1 {
  font-size: 38px;
  margin: 0;
  line-height: 60px;
}

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

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

.slider-content-4 p {
  margin: 7px 0 28px;
}

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

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

.slider-content-4 .slider-price {
  margin: 0 0 40px;
}

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

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

.slider-content-4 .slider-price span {
  line-height: 1;
  display: inline-block;
}

.slider-content-4 .slider-price span.new-price {
  font-size: 26px;
  font-weight: 600;
  color: #669900;
  margin-right: 2px;
}

.slider-content-4 .slider-price span.old-price {
  font-size: 20px;
  color: #888;
  text-decoration: line-through;
}

.nav-style-5 > span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 14.5%;
  font-size: 40px;
  color: #888;
  z-index: 9;
  cursor: pointer;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .nav-style-5 > span {
    left: 3%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-5 > span {
    left: 1%;
    font-size: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-5 > span {
    left: 1%;
    font-size: 26px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-5 > span {
    left: 1%;
    font-size: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .nav-style-5 > span {
    left: 1%;
    font-size: 20px;
  }
}

.nav-style-5 > span:hover {
  opacity: 0.75;
}

.nav-style-5 > span.slider-icon-1-next {
  left: auto;
  right: 14.5%;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .nav-style-5 > span.slider-icon-1-next {
    right: 3%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-5 > span.slider-icon-1-next {
    right: 1%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-5 > span.slider-icon-1-next {
    right: 1%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-5 > span.slider-icon-1-next {
    right: 1%;
  }
}

@media only screen and (max-width: 767px) {
  .nav-style-5 > span.slider-icon-1-next {
    right: 1%;
  }
}

.dot-style-2 ul {
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  text-align: center;
}

.dot-style-2 ul li {
  display: inline-block;
  margin: 0 7px;
}

.dot-style-2 ul li button {
  border: none;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #e5e5e5;
  font-size: 0;
  padding: 0;
  position: relative;
}

.dot-style-2 ul li button::before {
  position: absolute;
  content: 'Slide';
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  color: rgba(137,115,88,.0);
  font-size: 12px;
  background-color: #fff;
  font-weight: 600;
  white-space: nowrap;
  padding: 0px 10px;
  opacity: 0;
  visibility: hidden;
}

.dot-style-2 ul li button::after {
  position: absolute;
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  top: -17px;
  opacity: 0;
  visibility: hidden;
}

.dot-style-2 ul li:hover button::before {
  opacity: 1;
  visibility: visible;
}

.dot-style-2 ul li:hover button::after {
  opacity: 1;
  visibility: visible;
}

.dot-style-2 ul li.slick-active button {
  background-color: #aaa;
}

.dot-style-2.dot-style-2-black ul li.slick-active button {
  background-color: rgba(137,115,88,.0);
}

.dot-style-2.dot-style-2-black2 ul li button {
  background-color: #ddd;
}

.dot-style-2.dot-style-2-black2 ul li.slick-active button {
  background-color: #000000;
}

.dot-style-2.dot-style-2-red ul li.slick-active button {
  background-color: #ff2035;
}

.slider-content-5 h3 {
  font-size: 16px;
  letter-spacing: 5px;
  margin: 0;
}

.slider-content-5 h1 {
  font-size: 51px;
  line-height: 68px;
  margin: 14px 0 68px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-5 h1 {
    font-size: 45px;
    line-height: 60px;
    margin: 14px 0 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-5 h1 {
    font-size: 40px;
    line-height: 48px;
    margin: 14px 0 35px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-5 h1 {
    font-size: 25px;
    line-height: 35px;
    margin: 14px 0 30px;
  }
}

.nav-style-6 > span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 3%;
  font-size: 15px;
  color: #000000;
  width: 40px;
  height: 40px;
  text-align: center;
  z-index: 9;
  cursor: pointer;
  background-color: #ffffff;
  opacity: 0;
  visibility: hidden;
}

.nav-style-6 > span i {
  line-height: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-6 > span {
    left: 1%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-6 > span {
    left: 1%;
  }
}

.nav-style-6 > span:hover {
  background-color: #0e1023;
  color: #ffffff;
}

.nav-style-6 > span.slider-icon-1-next {
  left: auto;
  right: 3%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-6 > span.slider-icon-1-next {
    right: 1%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-6 > span.slider-icon-1-next {
    right: 1%;
  }
}

.nav-style-6.nav-style-6-modify > span {
  left: 3.7%;
  width: 55px;
  height: 55px;
  font-size: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-6.nav-style-6-modify > span {
    width: 45px;
    height: 45px;
    left: 1.7%;
  }
}

@media only screen and (max-width: 767px) {
  .nav-style-6.nav-style-6-modify > span {
    width: 40px;
    height: 40px;
    left: 1.7%;
    font-size: 15px;
  }
}

.nav-style-6.nav-style-6-modify > span i {
  line-height: 55px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-6.nav-style-6-modify > span i {
    line-height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .nav-style-6.nav-style-6-modify > span i {
    line-height: 40px;
  }
}

.nav-style-6.nav-style-6-modify > span.slider-icon-1-next {
  left: auto;
  right: 3.7%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-6.nav-style-6-modify > span.slider-icon-1-next {
    right: 1.7%;
  }
}

@media only screen and (max-width: 767px) {
  .nav-style-6.nav-style-6-modify > span.slider-icon-1-next {
    right: 1.7%;
  }
}

.nav-style-6.nav-style-6-modify > span:hover {
  background-color: #ff2035;
  color: #ffffff;
}

.nav-style-6.nav-style-6-modify.nav-handmade > span {
  left: 1.5%;
}

.nav-style-6.nav-style-6-modify.nav-handmade > span.slider-icon-1-next {
  left: auto;
  right: 1.5%;
}

.nav-style-6.nav-style-6-modify.nav-handmade > span:hover {
  background-color: #f7882f;
  color: #ffffff;
}

.nav-style-6:hover > span {
  opacity: 1;
  visibility: visible;
}

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

.slider-content-6 h3 {
  color: #888888;
  letter-spacing: 5px;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0;
}

.slider-content-6 h1 {
  font-size: 40px;
  font-family: "Playfair Display", serif;
  line-height: 55px;
  margin: 16px 0 28px;
}

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

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

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

.slider-content-6 p {
  font-size: 14px;
  color: #000000;
  margin: 0px 0 28px;
}

.slider-content-6 p span {
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  display: inline-block;
  color: #ff2035;
}

.slider-content-6.slider-content-6-pl {
  padding-left: 300px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-content-6.slider-content-6-pl {
    padding-left: 200px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-6.slider-content-6-pl {
    padding-left: 150px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-6.slider-content-6-pl {
    padding-left: 110px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-6.slider-content-6-pl {
    padding-left: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-6.slider-content-6-pl {
    padding-left: 15px;
  }
}

.slider-content-7 h5 {
  letter-spacing: 5px;
  font-size: 15px;
  color: #6b7a8f;
  text-transform: uppercase;
  margin: 0;
}

.slider-content-7 h1 {
  font-size: 48px;
  font-weight: 600;
  line-height: 66px;
  margin: 17px 0 11px;
}

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

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

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

.slider-content-7 p {
  line-height: 30px;
  margin: 0 0 36px;
}

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

.slider-content-7 p.paragraph-width {
  width: 46%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-7 p.paragraph-width {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-7 p.paragraph-width {
    width: 100%;
  }
}

.slider-bg-color-1 {
  background-color: #F4F1EC;
}

.slider-bg-color-2 {
  background-color: #F0F0F0;
}

.slider-bg-color-3 {
  background-color: #EFF0EA;
}

.slider-bg-color-4 {
  background-color: #FBFBF9;
}

.slider-bg-color-5 {
  background-color: #EFEFEF;
}

.slider-bg-color-6 {
  background-color: #F9F9F9;
}

.slider-bg-color-7 {
  background-color: #F3F3F3;
}

.slider-bg-color-8 {
  background-color: #FAF6F3;
}

.slider-bg-color-9 {
  background-color: #F3F7FA;
}

.slider-bg-color-10 {
  background-color: #F0F0F0;
}

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

@media only screen and (max-width: 767px) {
  .hm2-slider-bg {
    background-position: 20%;
  }
  .slider-bg-position {
    background-position: 8%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hm2-slider-bg {
    background-position: 12%;
  }
}

/*-------- 5. Banner style ---------*/
.banner-wrap {
  position: relative;
}

.banner-wrap .banner-img {
  overflow: hidden;
}

.banner-wrap .banner-img a {
  display: block;
}

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

.banner-wrap .banner-img-zoom a {
  display: block;
}

.banner-wrap .banner-img-zoom a img {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.banner-wrap .banner-content-1 {
  position: absolute;
  left: 40px;
  top: 38px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .banner-wrap .banner-content-1 {
    left: 30px;
    top: 28px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-wrap .banner-content-1 {
    left: 20px;
    top: 28px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-1 {
    left: 20px;
    top: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-1 {
    left: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-1 {
    left: 20px;
    top: 10px;
    padding: 0 10px 0 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-content-1 {
    left: 30px;
    top: 30px;
  }
}

.banner-wrap .banner-content-1 h2 {
  font-size: 24px;
  line-height: 1.214;
  margin: 0 0 21px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .banner-wrap .banner-content-1 h2 {
    font-size: 22px;
    margin: 0 0 15px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-wrap .banner-content-1 h2 {
    font-size: 20px;
    margin: 0 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-1 h2 {
    font-size: 20px;
    margin: 0 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-1 h2 {
    font-size: 16px;
    margin: 0 0 2px;
    line-height: 1.314;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-content-1 h2 {
    font-size: 20px;
    margin: 0 0 10px;
  }
}

.banner-wrap .banner-content-1 span {
  color: #0e1023;
  font-size: 24px;
  font-weight: 600;
  display: block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-1 span {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-1 span {
    font-size: 17px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-content-1 span {
    font-size: 20px;
  }
}

.banner-wrap .banner-content-1.banner-content-1-white h2 {
  color: #ffffff;
}

.banner-wrap .banner-content-1.banner-content-1-white span {
  color: #ffffff;
}

.banner-wrap .btn-position-1 {
  position: absolute;
  left: 40px;
  bottom: 45px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .banner-wrap .btn-position-1 {
    left: 30px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-wrap .btn-position-1 {
    left: 20px;
    bottom: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .btn-position-1 {
    left: 20px;
    bottom: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .btn-position-1 {
    left: 30px;
    bottom: 38px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .btn-position-1 {
    left: 20px;
    bottom: 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .btn-position-1 {
    left: 30px;
    bottom: 20px;
  }
}

.banner-wrap .b-content-2-position1 {
  position: absolute;
  left: 40px;
  bottom: 47px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .b-content-2-position1 {
    left: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .b-content-2-position1 {
    left: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .b-content-2-position1 {
    left: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .b-content-2-position1 {
    left: 20px;
  }
}

.banner-wrap .b-content-2-position2 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .b-content-2-position2 {
    right: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .b-content-2-position2 {
    right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .b-content-2-position2 {
    right: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .b-content-2-position2 {
    right: 20px;
  }
}

.banner-wrap .banner-content-2 h2 {
  margin: 0 0 16px;
  font-size: 25px;
  line-height: 1.214;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-2 h2 {
    margin: 0 0 10px;
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-2 h2 {
    margin: 0 0 10px;
    font-size: 22px;
  }
}

.banner-wrap .banner-content-2 p span {
  font-weight: 600;
  color: #fc4a1a;
}

.banner-wrap .b-content-3-position1 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 40px;
}

.banner-wrap .b-content-3-position2 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 20px;
}

.banner-wrap .b-content-3-position3 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 35px;
}

@media only screen and (max-width: 767px) {
  .banner-wrap .b-content-3-position3 {
    left: 15px;
  }
}

.banner-wrap .banner-content-3 h5 {
  font-size: 14px;
  margin: 0;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-3 h5 {
    display: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-content-3 h5 {
    display: block;
  }
}

.banner-wrap .banner-content-3 h3 {
  font-size: 25px;
  margin: 18px 0 16px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-3 h3 {
    font-size: 22px;
    margin: 8px 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-3 h3 {
    font-size: 18px;
    margin: 0px 0 6px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-content-3 h3 {
    font-size: 22px;
    margin: 8px 0 10px;
  }
}

.banner-wrap .banner-content-3 p {
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-3 p {
    margin-bottom: 5px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-content-3 p {
    margin-bottom: 10px;
  }
}

.banner-wrap .banner-content-3 p span {
  color: #fc4a1a;
}

.banner-wrap .banner-content-3 p span.font-inc {
  font-weight: 600;
  font-size: 20px;
}

.banner-wrap .banner-content-4 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  text-align: center;
}

.banner-wrap .banner-content-4 h5 {
  font-size: 18px;
  text-transform: uppercase;
  margin: 0;
  color: #fff;
}

.banner-wrap .banner-content-4 h2 {
  font-size: 38px;
  color: #ffffff;
  margin: 14px 0 15px;
  line-height: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-4 h2 {
    margin: 8px 0 12px;
    font-size: 31px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-4 h2 {
    margin: 8px 0 12px;
    font-size: 31px;
  }
}

.banner-wrap .banner-content-4 p {
  font-size: 15px;
  color: #ffffff;
  margin: 0;
}

.banner-wrap .banner-content-5 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-5 {
    left: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-5 {
    left: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-5 {
    left: 30px;
  }
}

.banner-wrap .banner-content-5 h5 {
  letter-spacing: 4px;
  color: #888;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0;
}

.banner-wrap .banner-content-5 h2 {
  font-size: 30px;
  margin: 10px 0 20px;
  font-family: "Playfair Display", serif;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-5 h2 {
    font-size: 27px;
    margin: 8px 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-5 h2 {
    font-size: 27px;
    margin: 8px 0 15px;
  }
}

.banner-wrap .banner-content-5 p {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
}

.banner-wrap .banner-content-5 p.margin-bottom {
  margin: 0 0 218px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .banner-wrap .banner-content-5 p.margin-bottom {
    margin: 0 0 90px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-wrap .banner-content-5 p.margin-bottom {
    margin: 0 0 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-5 p.margin-bottom {
    margin: 0 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-5 p.margin-bottom {
    margin: 0 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-5 p.margin-bottom {
    margin: 0 0 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-content-5 p.margin-bottom {
    margin: 0 0 100px;
  }
}

.banner-wrap .banner-content-5 p span {
  color: #ff2035;
}

.banner-wrap .banner-content-6 {
  position: absolute;
  left: 45px;
  top: 42px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-6 {
    left: 30px;
    top: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-6 {
    left: 20px;
    top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-6 {
    left: 20px;
    top: 15px;
  }
}

.banner-wrap .banner-content-6 h2 {
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 11px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-6 h2 {
    font-size: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-6 h2 {
    font-size: 22px;
  }
}

.banner-wrap .banner-content-6 p {
  color: #777;
  margin: 0;
}

.banner-wrap .banner-content-6 .banner-badge {
  margin: 21px 0 0;
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-6 .banner-badge {
    margin: 15px 0 0;
  }
}

.banner-wrap .banner-content-6 .banner-badge span {
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  line-height: 1;
  padding: 5px 11px 6px;
}

.banner-wrap .banner-content-6 .banner-badge span.green {
  background-color: #109533;
}

.banner-wrap .banner-content-6 .banner-badge span.yellow-2 {
  background-color: #f7882f;
}

.banner-wrap.banner-border {
  border: 1px solid #e5e5e5;
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area.pb-85 {
    padding-bottom: 45px;
  }
  .banner-area.pb-90 {
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-area.pb-85 {
    padding-bottom: 30px;
  }
  .banner-area.pb-80 {
    padding-bottom: 25px;
  }
  .banner-area.pb-90 {
    padding-bottom: 30px;
  }
}

/*-------- 6. Brand logo style ---------*/
.brand-logo-active-1 .slick-list,
.brand-logo-active-2 .slick-list,
.brand-logo-active-3 .slick-list,
.categori-brand-logo .slick-list {
  margin: 0 -15px;
}

.brand-logo-active-1 .slick-list .brand-logo-plr-1,
.brand-logo-active-2 .slick-list .brand-logo-plr-1,
.brand-logo-active-3 .slick-list .brand-logo-plr-1,
.categori-brand-logo .slick-list .brand-logo-plr-1 {
  padding: 0 15px;
}

.brand-logo-wrap {
  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;
}

.brand-logo-wrap a {
  display: block;
}

.brand-logo-wrap a img {
  max-width: 100%;
  opacity: .5;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

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

.brand-logo-wrap-2 {
  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;
}

.brand-logo-wrap-2 a {
  display: block;
}

.brand-logo-wrap-2 a img {
  width: 100%;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}

.brand-logo-wrap-2:hover a img {
  border: 1px solid #fc4a1a;
}

.brand-logo-wrap-3 a {
  display: block;
}

.brand-logo-wrap-3 a img {
  width: 100%;
}

.categori-brand-logo {
  padding: 20px;
  background-color: #f3f3f3;
}

@media only screen and (max-width: 767px) {
  .brand-logo-area.pt-75 {
    padding-top: 5px;
  }
}

/*-------- 7. Footer style ---------*/
.footer-about > h3 {
  font-size: 33px;
  margin: 0 0 21px;
}

@media only screen and (max-width: 767px) {
  .footer-about > h3 {
    line-height: 1;
    margin: 0 0 15px;
  }
}

.footer-about > h3 > a {
  color: #000000;
  font-size: 33px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .footer-about > h3 > a {
    font-size: 28px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-about > h3 > a {
    font-size: 23px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-about > h3 > a {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-about > h3 > a {
    font-size: 24px;
  }
}

.footer-about p {
  font-size: 15px;
  margin: 0 0 19px;
}

@media only screen and (max-width: 767px) {
  .footer-about p {
    margin: 0 0 12px;
  }
}

.footer-about p i {
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.footer-about > a {
  color: #888;
  display: block;
  margin: 0 0 24px;
}

@media only screen and (max-width: 767px) {
  .footer-about > a {
    margin: 0 0 15px;
  }
}

.footer-about > a i {
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.footer-about.footer-about-modify > h3 {
  margin: 0 0 14px;
}

.footer-about.footer-about-modify > h3 > a {
  font-size: 40px;
  font-family: "Playfair Display", serif;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .footer-about.footer-about-modify > h3 > a {
    font-size: 33px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-about.footer-about-modify > h3 > a {
    font-size: 33px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-about.footer-about-modify > h3 > a {
    font-size: 33px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-about.footer-about-modify > h3 > a {
    font-size: 30px;
  }
}

.footer-about.footer-about-modify p {
  color: #000000;
  font-size: 14px;
  margin: 0 0 14px;
}

.footer-about.footer-about-modify > a {
  color: #000000;
  font-size: 14px;
}

.footer-about.fa-icon-black > a i {
  color: #000000;
}

.footer-about.fa-icon-black > p i {
  color: #000000;
}

.footer-info-list ul li {
  margin: 0 0 15px;
  display: block;
}

.footer-info-list ul li:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .footer-info-list ul li {
    margin: 0 0 10px;
  }
}

.footer-info-list ul li a {
  color: #888;
  display: block;
}

.footer-info-list ul li a i {
  color: #000000;
  position: relative;
  top: 1px;
  margin-right: 2px;
}

.footer-info-list ul li a:hover {
  color: #000000;
  text-decoration: underline;
}

.footer-info-list.footer-info-list-modify ul li a {
  font-size: 14px;
  color: #000000;
}

.footer-info-list.footer-info-list-modify-2 ul li a:hover {
  text-decoration: none;
}

.footer-info-list.footer-info-list-black ul li a {
  color: #000000;
}

.footer-info-list.footer-info-list-black ul li a:hover {
  text-decoration: underline;
}

.subscribe-style-1 h3.footer-title {
  font-size: 24px;
  color: #000000;
  margin: 0 0 22px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .subscribe-style-1 h3.footer-title {
    font-size: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .subscribe-style-1 h3.footer-title {
    margin: 0 0 12px;
  }
}

.subscribe-style-1 p {
  font-size: 15px;
  margin: 0 0 25px;
}

.subscribe-style-1 p.black {
  color: #000000;
}

@media only screen and (max-width: 767px) {
  .subscribe-style-1 p {
    margin: 0 0 15px;
  }
}

.subscribe-style-1 .subscribe-form form .mc-form {
  position: relative;
}

.subscribe-style-1 .subscribe-form form .mc-form input {
  color: #495057;
  height: 50px;
  font-size: 15px;
  padding: 2px 115px 2px 20px;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
}

.subscribe-style-1 .subscribe-form form .mc-form input::-webkit-input-placeholder {
  color: #495057;
  opacity: 1;
}

.subscribe-style-1 .subscribe-form form .mc-form input::-moz-input-placeholder {
  color: #495057;
  opacity: 1;
}

.subscribe-style-1 .subscribe-form form .mc-form .mc-news {
  display: none;
}

.subscribe-style-1 .subscribe-form form .mc-form .clear {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.subscribe-style-1 .subscribe-form form .mc-form .clear input {
  font-weight: 600;
  text-transform: uppercase;
  color: #fc4a1a;
  padding: 2px 17px 2px 0;
  border: none;
  height: auto;
  background-color: transparent;
}

.subscribe-style-1 .subscribe-form form .mc-form .clear input::-webkit-input-placeholder {
  color: #fc4a1a;
  opacity: 1;
}

.subscribe-style-1 .subscribe-form form .mc-form .clear input::-moz-input-placeholder {
  color: #fc4a1a;
  opacity: 1;
}

.subscribe-style-1 .subscribe-form form .mc-form .clear input:hover {
  color: #000000;
}

.subscribe-style-1.subscribe-style-1-modify .footer-title-3 {
  margin: 0 0 10px;
}

.subscribe-style-1.subscribe-style-1-modify p {
  color: #888;
  margin: 0 0 25px;
  font-size: 14px;
}

.subscribe-style-1.subscribe-style-1-modify .subscribe-form form .mc-form input {
  font-size: 14px;
}

.copyright p {
  font-size: 15px;
  margin: 0;
}

.copyright p i {
  color: #DC3545;
}

.copyright p a {
  color: #888;
}

.copyright p a:hover {
  color: #fc4a1a;
}

.copyright p.font-14 {
  font-size: 14px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .copyright.copyright-hm2 {
    text-align: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright.copyright-hm2 {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .copyright.copyright-hm2 {
    text-align: center;
  }
  .copyright.copyright-hm3 {
    text-align: center;
  }
}

.footer-bottom-ptb {
  padding: 24px 0 24px;
}

.footer-bottom-ptb-2 {
  padding: 19px 0 19px;
}

.footer-bottom-ptb-3 {
  padding: 17px 0 17px;
}

.footer-bottom-ptb-4 {
  padding: 21px 0 21px;
}

.footer-fixed-area {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-fixed-area {
    position: static;
  }
}

@media only screen and (max-width: 767px) {
  .footer-fixed-area {
    position: static;
  }
}

.footer-about-subscribe-wrap {
  margin: 0 auto;
  width: 25%;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .footer-about-subscribe-wrap {
    width: 35%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .footer-about-subscribe-wrap {
    width: 35%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-about-subscribe-wrap {
    width: 50%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-about-subscribe-wrap {
    width: 65%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-about-subscribe-wrap {
    width: 100%;
  }
}

.footer-about-2 p {
  color: #000000;
  margin: 0;
}

.footer-about-2 a {
  display: block;
  margin: 15px 0 19px;
}

.footer-about-2 h3 {
  margin: 0;
  font-size: 38px;
}

@media only screen and (max-width: 767px) {
  .footer-about-2 h3 {
    font-size: 27px;
  }
}

.footer-about-3 p {
  color: #000000;
  margin: 0;
}

.footer-about-3 > a {
  display: block;
  margin: 15px 0 19px;
}

.subscribe-style-2 p {
  color: #000000;
  margin: 0 0 22px;
}

.subscribe-style-2 .subscribe-form-2 form .mc-form-2 {
  position: relative;
}

.subscribe-style-2 .subscribe-form-2 form .mc-form-2 input {
  color: #495057;
  height: 50px;
  font-size: 15px;
  padding: 2px 155px 2px 20px;
  background-color: transparent;
  border: 1px solid #e5e5e5;
}

@media only screen and (max-width: 767px) {
  .subscribe-style-2 .subscribe-form-2 form .mc-form-2 input {
    padding: 2px 135px 2px 20px;
  }
}

.subscribe-style-2 .subscribe-form-2 form .mc-form-2 input::-webkit-input-placeholder {
  color: #495057;
  opacity: 1;
}

.subscribe-style-2 .subscribe-form-2 form .mc-form-2 input::-moz-input-placeholder {
  color: #495057;
  opacity: 1;
}

.subscribe-style-2 .subscribe-form-2 form .mc-form-2 .mc-news-2 {
  display: none;
}

.subscribe-style-2 .subscribe-form-2 form .mc-form-2 .clear-2 {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.subscribe-style-2 .subscribe-form-2 form .mc-form-2 .clear-2 input {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 5px;
  color: #000000;
  padding: 2px 17px 2px 0;
  border: none;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .subscribe-style-2 .subscribe-form-2 form .mc-form-2 .clear-2 input {
    letter-spacing: 2px;
  }
}

.subscribe-style-2 .subscribe-form-2 form .mc-form-2 .clear-2 input::-webkit-input-placeholder {
  color: #000000;
  opacity: 1;
}

.subscribe-style-2 .subscribe-form-2 form .mc-form-2 .clear-2 input::-moz-input-placeholder {
  color: #000000;
  opacity: 1;
}

.subscribe-style-2 .subscribe-form-2 form .mc-form-2 .clear-2 input:hover {
  color: #fc4a1a;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-style-2.mt-55 {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .subscribe-style-2.mt-55 {
    margin-top: 20px;
  }
}

.footer-menu nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.footer-menu nav ul li {
  margin: 0 25px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .footer-menu nav ul li {
    margin: 0 10px;
  }
}

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

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-menu nav ul li {
    margin: 0 15px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-menu nav ul li {
    margin: 0 10px 0px;
  }
}

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

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

@media only screen and (max-width: 767px) {
  .footer-menu {
    padding: 12px 0;
  }
}

.back-to-top {
  margin: 0 0 19px;
}

.back-to-top a {
  font-size: 25px;
  line-height: 1;
  display: inline-block;
}

.footer-widget .footer-title-2 {
  font-size: 22px;
  color: #000000;
  margin: 0 0 22px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-widget .footer-title-2 {
    font-size: 19px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget .footer-title-2 {
    margin: 0 0 12px;
  }
}

.footer-widget .footer-title-3 {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: #000000;
  margin: 0 0 22px;
}

.footer-widget .footer-title-4 {
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
color: #666;
margin: 0 0 27px;
letter-spacing: 1.6px;
}

@media only screen and (max-width: 767px) {
  .footer-widget .footer-title-4 {
    margin: 0 0 15px;
  }
}

.footer-widget .footer-title-5 {
  font-size: 30px;
  font-family: "Playfair Display", serif;
  line-height: 1;
  margin: 0 0 22px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .footer-widget .footer-title-5 {
    font-size: 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-widget .footer-title-5 {
    font-size: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget .footer-title-5 {
    font-size: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget .footer-title-5 {
    font-size: 25px;
    margin: 0 0 15px;
  }
}

.footer-widget .footer-title-6 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 25px;
}

@media only screen and (max-width: 767px) {
  .footer-widget .footer-title-6 {
    margin: 0 0 15px;
  }
}

.social-style-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 38px 0 0;
}

@media only screen and (max-width: 767px) {
  .social-style-2 {
    margin: 12px 0 0;
  }
}

.social-style-2.social-style-2-mrg-dec {
  margin: 0;
}

.social-style-2 a {
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border-radius: 50px;
  color: #ffffff;
  display: inline-block;
  border: 1px solid transparent;
  margin-right: 9px;
}

.social-style-2 a:last-child {
  margin-right: 0px;
}

.social-style-2 a.facebook {
  background-color: #3b5999;
}

.social-style-2 a.facebook:hover {
  border: 1px solid #3b5999;
  color: #3b5999;
  background-color: transparent;
}

.social-style-2 a.twitter {
  background-color: #55acee;
}

.social-style-2 a.twitter:hover {
  border: 1px solid #55acee;
  color: #55acee;
  background-color: transparent;
}

.social-style-2 a.instagram {
  background-color: #e4405f;
}

.social-style-2 a.instagram:hover {
  border: 1px solid #e4405f;
  color: #e4405f;
  background-color: transparent;
}

.social-style-2 a.dribbble {
  background-color: #ea4c89;
}

.social-style-2 a.dribbble:hover {
  border: 1px solid #ea4c89;
  color: #ea4c89;
  background-color: transparent;
}

.social-style-2 a.linkedin {
  background-color: #0077b5;
}

.social-style-2 a.linkedin:hover {
  border: 1px solid #0077b5;
  color: #0077b5;
  background-color: transparent;
}

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

@media only screen and (max-width: 767px) {
  .payment-img {
    text-align: center !important;
    margin: 0 0 12px;
  }
}

.footer-about-4 ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 2px;
  line-height: 35px;
}

.footer-about-4 ul li:last-child {
  margin: 0 0 0;
}

.footer-about-4 ul li i {
  position: relative;
  top: 12px;
  margin-right: 7px;
}

.footer-about-4 ul li a {
  margin-left: 5px;
}

.footer-about-4 ul li a.phn-number {
  font-size: 22px;
}

@media only screen and (max-width: 767px) {
  .footer-about-4 ul li a.phn-number {
    font-size: 18px;
  }
}

.footer-about-4 ul li a.email {
  color: #fc4a1a;
}

.footer-about-5 ul li {
  color: #626262;
  font-size: 15px;
  margin: 0 0 12px;
}

.footer-about-5 ul li:last-child {
  margin: 0;
}

.footer-about-5 ul li i {
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.footer-about-5 ul li a {
  color: #626262;
}

.footer-about-5 ul li a i {
  margin-right: 5px;
  position: relative;
  top: 2px;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.footer-about-5 ul li a:hover {
  color: #ffffff;
}

.footer-about-5 ul li a:hover i {
  color: #999;
}

.footer-info-list-2 ul li {
  display: block;
  margin: 0 0 22px;
}

@media only screen and (max-width: 767px) {
  .footer-info-list-2 ul li {
    margin: 0 0 17px;
  }
}

.footer-info-list-2 ul li:last-child {
  margin: 0 0 0;
}

.footer-info-list-2 ul li a {
  color: #626262;
  font-size: 15px;
  display: block;
  line-height: 1;
}

.footer-info-list-2 ul li a:hover {
  color: #000000;
}

.footer-info-list-3 ul li {
  display: block;
  margin: 0 0 13px;
}

@media only screen and (max-width: 767px) {
  .footer-info-list-3 ul li {
    margin: 0 0 9px;
  }
}

.footer-info-list-3 ul li:last-child {
  margin: 0;
}

.footer-info-list-3 ul li a {
  color: #626262;
  display: block;
  font-size: 15px;
}

.footer-info-list-3 ul li a:hover {
  color: #ffffff;
}

.subscribe-style-3 p {
  color: #626262;
  margin: 0 0 7px;
}

.subscribe-form-3 form .mc-form-3 > input {
  color: #ffffff;
  border: none;
  height: 52px;
  font-size: 15px;
  padding: 2px 0;
  border-bottom: 1px solid #393939;
  background-color: transparent;
}

.subscribe-form-3 form .mc-form-3 .mc-news-3 {
  display: none;
}

.subscribe-form-3 form .mc-form-3 .clear-3 {
  margin: 15px 0 0;
}

.subscribe-form-3 form .mc-form-3 .clear-3 input {
  font-weight: 500;
  text-transform: uppercase;
  border: none;
  background-color: #000;
  color: #ffffff;
  font-size: 15px;
  height: auto;
  padding: 14px 10px 15px;
}

.subscribe-form-3 form .mc-form-3 .clear-3 input:hover {
  background-color: rgba(137,115,88,.8);
}

.subscribe-style-4 p {
  font-size: 14px;
  color: #666;
  margin: 0 0 18px;
}

.subscribe-form-4 form .mc-form-4 input {
  border: 1px solid #e5e5e5;
  height: 55px;
  background-color: transparent;
  color: #495057;
  font-size: 14px;
  padding: 2px 15px;
}

.subscribe-form-4 form .mc-form-4 .mc-news-4 {
  display: none;
}

.subscribe-form-4 form .mc-form-4 .clear-4 {
  position: relative;
  margin: 10px 0 0;
}

.subscribe-form-4 form .mc-form-4 .clear-4 input {
  width: auto;
  height: auto;
  border: none;
  color: #ffffff;
  font-weight: 500;
  padding: 14px 50px 15px 70px;
  text-transform: uppercase;
  background-color: #ff2035;
}

.subscribe-form-4 form .mc-form-4 .clear-4 input:hover {
  background-color: #000000;
}

.subscribe-form-4 form .mc-form-4 .clear-4 i {
  position: absolute;
  left: 50px;
  line-height: 1;
  color: #ffffff;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.footer-tag-wrap span {
  float: left;
  margin: 6px 25px 0 0;
}

.footer-tag-wrap .footer-tag a {
  display: inline-block;
  border: 1px solid #e5e5e5;
  margin: 0 12px 15px 0;
  color: #888;
  border-radius: 5px;
  padding: 7px 18px 7px;
}

.footer-tag-wrap .footer-tag a:hover {
  color: #fc4a1a;
  border: 1px solid #fc4a1a;
}

.social-style-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 35px 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .social-style-3 {
    margin: 25px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .social-style-3 {
    margin: 20px 0 0;
  }
}

.social-style-3 a {
  display: inline-block;
  font-size: 18px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #ffffff;
  text-align: center;
  margin: 0 10px 0 0;
  border: 1px solid transparent;
}

.social-style-3 a.facebook {
  background-color: #3b5999;
}

.social-style-3 a.facebook:hover {
  border: 1px solid #3b5999;
  color: #3b5999;
  background-color: transparent;
}

.social-style-3 a.twitter {
  background-color: #55acee;
}

.social-style-3 a.twitter:hover {
  border: 1px solid #55acee;
  color: #55acee;
  background-color: transparent;
}

.social-style-3 a.tumblr {
  background-color: #e4405f;
}

.social-style-3 a.tumblr:hover {
  border: 1px solid #e4405f;
  color: #e4405f;
  background-color: transparent;
}

.social-style-3 a.youtube {
  background-color: #ea4c89;
}

.social-style-3 a.youtube:hover {
  border: 1px solid #ea4c89;
  color: #ea4c89;
  background-color: transparent;
}

.subscribe-area-handmade p {
  line-height: 1.7;
  margin: 0 0 22px;
}

.subscribe-form-5 form .mc-form-5 input {
  border: 1px solid #e5e5e5;
  height: 45px;
  background-color: #ffffff;
  color: #495057;
  font-size: 15px;
  padding: 2px 15px;
}

.subscribe-form-5 form .mc-form-5 .mc-news-5 {
  display: none;
}

.subscribe-form-5 form .mc-form-5 .clear-5 {
  position: relative;
  margin: 10px 0 0;
}

.subscribe-form-5 form .mc-form-5 .clear-5 input {
  width: 100%;
  height: auto;
  border: none;
  color: #ffffff;
  font-weight: 500;
  padding: 10px 50px 11px 70px;
  text-transform: uppercase;
  background-color: #f7882f;
}

.subscribe-form-5 form .mc-form-5 .clear-5 input:hover {
  background-color: #000000;
}

.footer-menu-2 nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media only screen and (max-width: 767px) {
  .footer-menu-2 nav ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 10px;
  }
}

.footer-menu-2 nav ul li {
  display: inline-block;
  margin-right: 25px;
  position: relative;
}

.footer-menu-2 nav ul li:before {
  position: absolute;
  content: "";
  right: -13px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #777;
  height: 14px;
  width: 1px;
}

.footer-menu-2 nav ul li:last-child {
  margin-right: 0;
}

.footer-menu-2 nav ul li:last-child:before {
  display: none;
}

.footer-menu-2 nav ul li a {
  color: #777;
}

.footer-menu-2 nav ul li a:hover {
  color: #000000;
}

.social-style-hm2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.social-style-hm2 a {
  font-size: 15px;
  color: #000000;
  display: inline-block;
  margin-left: 20px;
  line-height: 1;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .social-style-hm2 a {
    margin-left: 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .social-style-hm2 a {
    margin-left: 15px;
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .social-style-hm2 a {
    margin-left: 15px;
    font-size: 14px;
  }
}

.social-style-hm2 a:first-child {
  margin-left: 0;
}

.social-style-hm2 a:hover {
  color: #fc4a1a;
}

.social-style-hm2.social-style-1-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .social-style-hm2.social-style-1-right {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .social-style-hm2.social-style-1-right {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (max-width: 767px) {
  .social-style-hm2.social-style-1-right {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.footer-bottom-hm-fashion {
  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: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-bottom-hm-fashion {
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-bottom-hm-fashion {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .footer-bottom-hm-fashion {
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-top.pb-70 {
    padding-bottom: 35px;
  }
  .footer-top.pb-80 {
    padding-bottom: 45px;
  }
  .footer-top.pt-90 {
    padding-top: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget.pb-40 {
    padding-bottom: 30px;
  }
  .footer-top.pb-80 {
    padding-bottom: 30px;
  }
  .footer-top.pb-70 {
    padding-bottom: 30px;
  }
  .footer-top.pt-90 {
    padding-top: 25px;
  }
  .footer-social.mb-45 {
    margin-bottom: 25px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-widget.pb-40 {
    padding-bottom: 40px;
  }
  .footer-top.pb-80 {
    padding-bottom: 20px;
  }
}

/*-------- 8. Product style ---------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-style-1 {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .product-style-1 {
    margin-top: 15px;
  }
}

.product-style-1 button {
  font-size: 15px;
  color: #888;
  display: inline-block;
  line-height: 1;
  margin-right: 60px;
  border: none;
  padding: 0;
  background-color: transparent;
}

.product-style-1 button:hover {
  color: #fc4a1a;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-style-1 button {
    margin-right: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-style-1 button {
    margin-right: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-style-1 button {
    margin-right: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .product-style-1 button {
    margin-right: 17px;
    margin-bottom: 5px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-style-1 button {
    margin-right: 20px;
  }
}

.product-style-1 button:last-child {
  margin-right: 0;
}

.product-style-1 button.active {
  color: #fc4a1a;
}

.single-product-wrap .product-img {
  position: relative;
}

.single-product-wrap .product-img a {
  display: block;
}

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

.single-product-wrap .product-img a img.hover-img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .8s;
  -o-transition: .8s;
  transition: .8s;
}

.single-product-wrap .product-img.product-img-border-1 {
  border: 1px solid #e5e5e5;
}

.single-product-wrap .product-img .product-badges-warp .product-badges {
  display: block;
  margin: 0 0 10px;
}

.single-product-wrap .product-img .product-badges-warp .product-badges span {
  min-width: 50px;
  min-height: 24px;
  color: #fff;
  text-align: center;
  padding: 4px 5px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  font-weight: 500;
  -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;
  background-color: #fc4a1a;
  font-size: 15px;
}

.single-product-wrap .product-img .product-badges-warp .product-badges span.width-padding-inc {
  min-width: 65px;
  padding: 7px 5px;
}

.single-product-wrap .product-img .product-badges-warp .product-badges span.orange {
  background-color: #fc4a1a;
}

.single-product-wrap .product-img .product-badges-warp .product-badges span.green {
  background-color: #109533;
}

.single-product-wrap .product-img .product-badges-warp .product-badges span.bg-white {
  background-color: #ffffff;
}

.single-product-wrap .product-img .product-badges-warp .product-badges span.text-color-orange {
  color: #fc4a1a;
}

.single-product-wrap .product-img .product-badges-warp.product-badges-position {
  position: absolute;
  left: 15px;
  top: 15px;
  z-index: 9;
}

.single-product-wrap .product-img .product-badges-warp.product-badges-position-2 {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 9;
}

.single-product-wrap .product-img .product-badges-warp.product-badges-position-3 {
  position: absolute;
  left: 15px;
  top: 9px;
  z-index: 9;
}

.single-product-wrap .product-img .product-badges-3 {
  position: absolute;
  left: 20px;
  top: 20px;
}

.single-product-wrap .product-img .product-badges-3 span {
  font-size: 14px;
  text-transform: uppercase;
  background-color: #6b7a8f;
  padding: 4px 7px 5px 7px;
  display: inline-block;
  color: #ffffff;
  line-height: 1;
}

.single-product-wrap .product-img .product-badges-3 span.bg-orange {
  background-color: #fc4a1a;
  font-weight: 500;
}

.single-product-wrap .product-img .product-action-wrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 20px 14px;
  background-color: #ffffff;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-product-wrap .product-img .product-action-wrap {
    padding: 15px 12px 14px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-product-wrap .product-img .product-action-wrap {
    padding: 15px 12px 14px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-product-wrap .product-img .product-action-wrap {
    padding: 15px 12px 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-product-wrap .product-img .product-action-wrap {
    padding: 15px 15px 14px;
  }
}

@media only screen and (max-width: 767px) {
  .single-product-wrap .product-img .product-action-wrap {
    padding: 15px 15px 14px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-product-wrap .product-img .product-action-wrap {
    padding: 15px 8px 14px;
  }
}

.single-product-wrap .product-img .product-action-wrap .product-action-left {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  line-height: 1;
}

.single-product-wrap .product-img .product-action-wrap .product-action-left button {
  border: none;
  padding: 0;
  background-color: transparent;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  color: #000000;
  line-height: 1;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-product-wrap .product-img .product-action-wrap .product-action-left button {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-product-wrap .product-img .product-action-wrap .product-action-left button {
    font-size: 13px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-product-wrap .product-img .product-action-wrap .product-action-left button {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .single-product-wrap .product-img .product-action-wrap .product-action-left button {
    font-size: 14px;
  }
}

.single-product-wrap .product-img .product-action-wrap .product-action-left button i {
  font-size: 16px;
  margin-right: 6px;
}

.single-product-wrap .product-img .product-action-wrap .product-action-left button:hover {
  color: #fc4a1a;
}

.single-product-wrap .product-img .product-action-wrap .product-action-right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  text-align: right;
  line-height: 1;
}

.single-product-wrap .product-img .product-action-wrap .product-action-right button {
  border: none;
  padding: 0;
  background-color: transparent;
  display: inline-block;
  color: #000000;
  position: relative;
  line-height: 1;
  margin-right: 18px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-product-wrap .product-img .product-action-wrap .product-action-right button {
    margin-right: 15px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-product-wrap .product-img .product-action-wrap .product-action-right button {
    margin-right: 12px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-product-wrap .product-img .product-action-wrap .product-action-right button {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .single-product-wrap .product-img .product-action-wrap .product-action-right button {
    margin-right: 15px;
  }
}

.single-product-wrap .product-img .product-action-wrap .product-action-right button i {
  font-size: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-product-wrap .product-img .product-action-wrap .product-action-right button i {
    font-size: 17px;
  }
}

@media only screen and (max-width: 767px) {
  .single-product-wrap .product-img .product-action-wrap .product-action-right button i {
    font-size: 18px;
  }
}

.single-product-wrap .product-img .product-action-wrap .product-action-right button:last-child {
  margin-right: 0;
}

.single-product-wrap .product-img .product-action-wrap .product-action-right button:hover {
  color: #fc4a1a;
}

.single-product-wrap .product-img .product-action-wrap.product-action-wrap-modify {
  right: 20px;
  left: 20px;
  bottom: 20px;
  padding: 0px 14px 0px;
  border: 1px solid #e5e5e5;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-product-wrap .product-img .product-action-wrap.product-action-wrap-modify {
    right: 10px;
    left: 10px;
    padding: 0px 12px 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-product-wrap .product-img .product-action-wrap.product-action-wrap-modify {
    right: 10px;
    left: 10px;
    padding: 0px 12px 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-product-wrap .product-img .product-action-wrap.product-action-wrap-modify {
    right: 10px;
    left: 10px;
    padding: 0px 12px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .single-product-wrap .product-img .product-action-wrap.product-action-wrap-modify {
    right: 10px;
    left: 10px;
    padding: 0px 12px 0px;
  }
}

.single-product-wrap .product-img .product-action-wrap.product-action-wrap-modify .product-action-left button {
  font-size: 14px;
  font-weight: 500;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-product-wrap .product-img .product-action-wrap.product-action-wrap-modify .product-action-left button {
    font-size: 12px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-product-wrap .product-img .product-action-wrap.product-action-wrap-modify .product-action-left button {
    font-size: 12px;
  }
}

.single-product-wrap .product-img .product-action-wrap.product-action-wrap-modify .product-action-left button:hover {
  color: #ff2035;
}

.single-product-wrap .product-img .product-action-wrap.product-action-wrap-modify .product-action-right button {
  margin-right: 0;
  padding-left: 14px;
  border-left: 1px solid #e5e5e5;
  padding-right: 9px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-product-wrap .product-img .product-action-wrap.product-action-wrap-modify .product-action-right button {
    padding-right: 5px;
    padding-left: 10px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-product-wrap .product-img .product-action-wrap.product-action-wrap-modify .product-action-right button {
    padding-right: 4px;
    padding-left: 9px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-product-wrap .product-img .product-action-wrap.product-action-wrap-modify .product-action-right button {
    padding-right: 5px;
    padding-left: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-product-wrap .product-img .product-action-wrap.product-action-wrap-modify .product-action-right button {
    padding-right: 5px;
    padding-left: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .single-product-wrap .product-img .product-action-wrap.product-action-wrap-modify .product-action-right button {
    padding-right: 5px;
    padding-left: 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-product-wrap .product-img .product-action-wrap.product-action-wrap-modify .product-action-right button {
    padding-right: 4px;
    padding-left: 9px;
  }
}

.single-product-wrap .product-img .product-action-wrap.product-action-wrap-modify .product-action-right button i {
  line-height: 50px;
}

.single-product-wrap .product-img .product-action-wrap.product-action-wrap-modify .product-action-right button:last-child {
  padding-right: 0px;
}

.single-product-wrap .product-img .product-action-wrap.product-action-wrap-modify .product-action-right button:hover {
  color: #ff2035;
}

.single-product-wrap .product-img .product-action-wrap-2 {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 9;
}

.single-product-wrap .product-img .product-action-wrap-2 button {
  border: none;
  padding: 0;
  background-color: #ffffff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  font-size: 18px;
  color: #000000;
  display: block;
  margin: 0 0 8px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
}

.single-product-wrap .product-img .product-action-wrap-2 button i {
  line-height: 50px;
}

.single-product-wrap .product-img .product-action-wrap-2 button:first-child {
  opacity: 1;
  visibility: visible;
}

.single-product-wrap .product-img .product-action-wrap-2 button:last-child {
  margin: 0 0 0;
}

.single-product-wrap .product-img .product-action-wrap-2 button:hover {
  color: #ffffff;
  background-color: #fc4a1a;
}

.single-product-wrap .product-img .product-action-wrap-3 {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  text-align: center;
  z-index: 9;
}

.single-product-wrap .product-img .product-action-wrap-3 button {
  border: none;
  padding: 0;
  background-color: #ffffff;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 100%;
  font-size: 22px;
  color: #000000;
  display: inline-block;
  margin: 0 2px 0px;
  border: 1px solid #e5e5e5;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
}

@media only screen and (max-width: 767px) {
  .single-product-wrap .product-img .product-action-wrap-3 button {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
  }
}

.single-product-wrap .product-img .product-action-wrap-3 button i {
  line-height: 48px;
}

@media only screen and (max-width: 767px) {
  .single-product-wrap .product-img .product-action-wrap-3 button i {
    line-height: 45px;
  }
}

.single-product-wrap .product-img .product-action-wrap-3 button:last-child {
  margin: 0 0 0;
}

.single-product-wrap .product-img .product-action-wrap-3 button:hover {
  color: #ffffff;
  background-color: #fc4a1a;
  border: 1px solid #fc4a1a;
}

.single-product-wrap .product-img .product-action-wrap-4 {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  text-align: center;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.single-product-wrap .product-img .product-action-wrap-4 button {
  border: none;
  padding: 0;
  background-color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  font-size: 20px;
  color: #000000;
  display: inline-block;
  margin: 0 2px 0px;
  border: 1px solid #e5e5e5;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
}

.single-product-wrap .product-img .product-action-wrap-4 button i {
  line-height: 40px;
}

.single-product-wrap .product-img .product-action-wrap-4 button:hover {
  color: #ffffff;
  background-color: #fc4a1a;
  border: 1px solid #fc4a1a;
}

.single-product-wrap .product-img .product-action-wrap-4.product-action-4-modify button {
  margin: 0 5px 10px;
  border-radius: 6px;
  border: 1px solid #000000;
}

.single-product-wrap .product-img .product-action-wrap-4.product-action-4-modify button:hover {
  color: #ffffff;
  background-color: #0e1023;
  border: 1px solid #0e1023;
}

.single-product-wrap .product-img .product-action-wrap-6 {
  position: absolute;
  bottom: 20px;
  right: 0px;
  left: 0px;
  text-align: center;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.single-product-wrap .product-img .product-action-wrap-6 button {
  border: none;
  padding: 0;
  background-color: #ffffff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 0px;
  font-size: 22px;
  color: #000000;
  display: inline-block;
  margin: 0 0px 0px;
  border: 1px solid #e5e5e5;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
}

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

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

.single-product-wrap .product-img .product-action-wrap-6 button + button {
  border-left-width: 0;
}

.single-product-wrap .product-img .product-action-wrap-6 button i {
  line-height: 50px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-product-wrap .product-img .product-action-wrap-6 button i {
    line-height: 45px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-product-wrap .product-img .product-action-wrap-6 button i {
    line-height: 45px;
  }
}

.single-product-wrap .product-img .product-action-wrap-6 button:hover {
  color: #f7882f;
}

.single-product-wrap .product-img .product-action-wrap-7 {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  text-align: center;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.single-product-wrap .product-img .product-action-wrap-7 button {
  border: none;
  padding: 0;
  background-color: #ffffff;
  line-height: 43px;
  text-align: center;
  border-radius: 0px;
  font-size: 22px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #000000;
  display: inline-block;
  margin: 0 0px 0px;
  border: 1px solid #e5e5e5;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
}

.single-product-wrap .product-img .product-action-wrap-7 button + button {
  border-left-width: 0;
}

.single-product-wrap .product-img .product-action-wrap-7 button i {
  line-height: 43px;
}

.single-product-wrap .product-img .product-action-wrap-7 button:hover {
  color: #ffffff;
  background-color: #fc4a1a;
}

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

.single-product-wrap .product-content h3 {
  font-size: 15px;
  margin: 0;
}

.single-product-wrap .product-content h3 a {
  color: #000000;
}

.single-product-wrap .product-content h3 a:hover {
  text-decoration: underline;
}

.single-product-wrap .product-content .product-price {
  margin: 7px 0 8px;
}

.single-product-wrap .product-content .product-price span {
  color: #690;
  font-weight: 600;
  font-size: 16px;
}

.single-product-wrap .product-content .product-price span.new-price {
  color: #fc4a1a;
}

.single-product-wrap .product-content .product-price span.old-price {
  color: #888;
  font-weight: 400;
  margin-left: 9px;
  text-decoration: line-through;
}

.single-product-wrap .product-content .product-rating-wrap {
  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;
}

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

.single-product-wrap .product-content .product-rating-wrap .product-rating-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
}

.single-product-wrap .product-content .product-rating-wrap .product-rating-icon i {
  color: #efc609;
  font-size: 15px;
}

.single-product-wrap .product-content .product-rating-wrap .product-rating-icon i.gray {
  color: #D9D9D9;
}

.single-product-wrap .product-content .product-color {
  margin: 10px 0 0;
}

.single-product-wrap .product-content .product-color a {
  width: 16px;
  height: 16px;
  font-size: 0;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  margin-right: 7px;
}

.single-product-wrap .product-content .product-color a.blue {
  background-color: #1e73be;
}

.single-product-wrap .product-content .product-color a.green {
  background-color: #81d742;
}

.single-product-wrap .product-content .product-color a.orange {
  background-color: #dd9933;
}

.single-product-wrap .product-content .product-color a.red {
  background-color: #dd3333;
}

.single-product-wrap .product-content .product-color a.violet {
  background-color: #1e73be;
}

.single-product-wrap .product-content .product-color a:last-child {
  margin-right: 0;
}

.single-product-wrap .product-content .product-size {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 17px 0 0;
}

.single-product-wrap .product-content .product-size a {
  font-size: 15px;
  color: #888;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #e5e5e5;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
}

.single-product-wrap .product-content .product-size a:last-child {
  margin-right: 0;
}

.single-product-wrap .product-content .product-size a:hover {
  color: #fc4a1a;
  border: 1px solid #fc4a1a;
}

.single-product-wrap .product-content .product-stock {
  margin: 9px 0 0;
}

.single-product-wrap .product-content .product-stock .status-bar {
  background-color: #eee;
  margin: 5px 0 0px;
}

.single-product-wrap .product-content .product-stock .status-bar .sold-bar {
  background-color: #fc4a1a;
  height: 8px;
}

.single-product-wrap .product-content .product-stock .status-bar .sold-bar.sold-bar-width-25 {
  width: 25%;
}

.single-product-wrap .product-content .product-stock .status-bar .sold-bar.sold-bar-width-10 {
  width: 10%;
}

.single-product-wrap .product-content .product-stock .status-bar .sold-bar.sold-bar-width-11 {
  width: 11%;
}

.single-product-wrap .product-content .product-stock .status-bar .sold-bar.sold-bar-width-43 {
  width: 43%;
}

.single-product-wrap .product-content .product-stock .status-bar .sold-bar.sold-bar-width-100 {
  width: 100%;
}

.single-product-wrap .product-content .product-stock .product-stock-status span {
  color: #888;
}

.single-product-wrap .product-content-3 h3 {
  margin: 0 0 6px;
}

.single-product-wrap .product-content-3 h3 a {
  color: #000000;
  display: block;
}

.single-product-wrap .product-content-3 h3 a:hover {
  color: #0e1023;
}

.single-product-wrap .product-content-3 .product-price-3 span {
  font-size: 13px;
  font-weight: 400;
  color: #897358;
}

.single-product-wrap .product-content-3 .product-price-3 span.old-price {
  font-weight: 400;
  margin-left: 5px;
  color: #888;
  text-decoration: line-through;
}

.single-product-wrap .product-content-4 h3 {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0;
}

.single-product-wrap .product-content-4 h3 a {
  color: #000000;
  font-size: 14px;
}

.single-product-wrap .product-content-4 h3 a:hover {
  color: #ff2035;
}

.single-product-wrap .product-content-4 .product-price {
  margin: 10px 0 8px;
  line-height: 1;
}

.single-product-wrap .product-content-4 .product-price span {
  color: #690;
  font-weight: 600;
  font-size: 18px;
}

.single-product-wrap .product-content-4 .product-price span.new-price {
  color: #ff2035;
}

.single-product-wrap .product-content-4 .product-price span.old-price {
  color: #888;
  font-weight: 400;
  margin-left: 5px;
  font-size: 15px;
  text-decoration: line-through;
}

.single-product-wrap .product-content-5 h5 {
  margin: 0;
}

.single-product-wrap .product-content-5 h5 a {
  color: #777;
}

.single-product-wrap .product-content-5 h3 {
  margin: 6px 0 12px;
  line-height: 1;
}

.single-product-wrap .product-content-5 h3 a {
  font-size: 15px;
  line-height: 25px;
  text-transform: uppercase;
  color: #000000;
}

.single-product-wrap .product-content-5 h3 a:hover {
  color: #f7882f;
}

.single-product-wrap .product-content-5 .product-price-4 {
  margin: 0px 0 0px;
  line-height: 1;
}

.single-product-wrap .product-content-5 .product-price-4 span {
  color: #690;
  font-weight: 600;
  font-size: 15px;
}

.single-product-wrap .product-content-5 .product-price-4 span.new-price {
  color: #f7882f;
}

.single-product-wrap .product-content-5 .product-price-4 span.old-price {
  color: #888;
  font-weight: 400;
  margin-left: 5px;
  font-size: 15px;
  text-decoration: line-through;
}

.single-product-wrap .product-content-5 .product-rating-wrap-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 13px 0 15px;
}

.single-product-wrap .product-content-5 .product-rating-wrap-2 .product-rating-icon-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
}

.single-product-wrap .product-content-5 .product-rating-wrap-2 .product-rating-icon-2 i {
  color: #efc609;
  font-size: 15px;
}

.single-product-wrap .product-content-5 .product-rating-wrap-2 .product-rating-icon-2 i.gray {
  color: #D9D9D9;
}

.single-product-wrap .product-content-5 .product-color-2 {
  margin: 0px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.single-product-wrap .product-content-5 .product-color-2 a {
  width: 14px;
  height: 14px;
  font-size: 0;
  display: inline-block;
  position: relative;
  margin-right: 4px;
}

.single-product-wrap .product-content-5 .product-color-2 a.blue {
  background-color: #1e73be;
}

.single-product-wrap .product-content-5 .product-color-2 a.green {
  background-color: #81d742;
}

.single-product-wrap .product-content-5 .product-color-2 a.orange {
  background-color: #dd9933;
}

.single-product-wrap .product-content-5 .product-color-2 a.red {
  background-color: #dd3333;
}

.single-product-wrap .product-content-5 .product-color-2 a.violet {
  background-color: #1e73be;
}

.single-product-wrap .product-content-5 .product-color-2 a:last-child {
  margin-right: 0;
}

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

.single-product-wrap:hover .product-img .product-action-wrap-2 button {
  opacity: 1;
  visibility: visible;
}

.single-product-wrap:hover .product-img .product-action-wrap-3 button {
  opacity: 1;
  visibility: visible;
}

.single-product-wrap:hover .product-img .product-action-wrap-4 button {
  opacity: 1;
  visibility: visible;
}

.single-product-wrap:hover .product-img .product-action-wrap-6 button {
  opacity: 1;
  visibility: visible;
}

.single-product-wrap:hover .product-img .product-action-wrap-7 button {
  opacity: 1;
  visibility: visible;
}

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

.product-slider-wrap-1 div {
  border: 1px solid transparent;
}

.product-slider-wrap-1 div .single-product-wrap-shadow:only-child {
  padding: 20px;
  -webkit-box-shadow: 0 0 0 1px #e5e5e5;
          box-shadow: 0 0 0 1px #e5e5e5;
}

.product-slider-wrap-1 div .single-product-wrap-shadow:only-child:hover {
  -webkit-box-shadow: 0 0 0 1px #fc4a1a;
          box-shadow: 0 0 0 1px #fc4a1a;
  z-index: 9;
  position: relative;
}

.product-slider-active-1.slick-slider .slick-slide.slick-active + .slick-slide.slick-active > div {
  border-left-width: 0;
}

.nav-style-4 > span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -2%;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  z-index: 99;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  font-size: 21px;
  background: #ffffff;
  color: #000000;
  border: 1px solid #e5e5e5;
  opacity: 1;
  visibility: visible;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-4 > span {
    left: 0%;
  }
}

.nav-style-4 > span i {
  line-height: 45px;
  opacity: .25;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.nav-style-4 > span.product-icon-right {
  left: auto;
  right: -2%;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-4 > span.product-icon-right {
    right: 0%;
  }
}

.nav-style-4 > span:hover {
  color: #ffffff;
  border: 1px solid #fc4a1a;
  background-color: #fc4a1a;
}

.nav-style-4 > span:hover i {
  opacity: 1;
}

button.tooltip-custom-stype {
  position: relative;
}

button.tooltip-custom-stype > span {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 120%;
  color: #ffffff;
  background-color: #000000;
  white-space: pre;
  font-size: 13px;
  display: block;
  line-height: 1;
  padding: 7px 10px 8px;
  font-weight: 400;
  text-transform: capitalize;
  opacity: 0;
  visibility: hidden;
  border-radius: .25rem;
}

button.tooltip-custom-stype > span:before {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
}

button.tooltip-custom-stype:hover span {
  opacity: 1;
  visibility: visible;
}

.btn-style-2 a {
  display: inline-block;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 1;
  padding: 18px 45px 17px;
}

.btn-style-2 a.btn {
  border-radius: 0;
}

.btn-style-2 a.btn-outline-dark {
  border-color: #e5e5e5;
  color: #666;
}

.btn-style-2 a.btn-outline-dark:active:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-style-2 a.btn-yellow-color:hover {
  border: 1px solid #0e1023;
  background-color: #0e1023;
}

.btn-style-2 a.btn-yellow-2-color:hover {
  border: 1px solid #f7882f;
  background-color: #f7882f;
}

.btn-style-2 a.btn-red-color:hover {
  border: 1px solid #ff2035;
  background-color: #ff2035;
}

.btn-style-2 a:hover {
  border: 1px solid #fc4a1a;
  background-color: #fc4a1a;
  color: #ffffff;
}

.modal-backdrop.show {
  opacity: .7;
}

.modal-dialog {
  margin: 9% auto 8%;
  max-width: 1133px;
  width: 1170px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .modal-dialog {
    width: 960px;
    max-width: 960px;
  }
}

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

@media only screen and (max-width: 767px) {
  .modal-dialog {
    width: 100%;
    max-width: 100%;
    padding: 35px 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .modal-dialog {
    width: 500px;
    max-width: 500px;
  }
}

.modal-dialog .modal-content {
  border-radius: 0;
}

.modal-dialog .modal-content .modal-header {
  border: none;
  padding: 0;
  right: 20px;
  top: 20px;
  position: absolute;
  z-index: 9999;
}

.modal-dialog .modal-content .modal-header .close {
  color: #fc4a1a;
  cursor: pointer;
  opacity: 1;
  padding: 0;
  margin: 0;
  background-color: transparent;
  font-size: 24px;
  border: 0;
}

.modal-dialog .modal-content .modal-header .close:hover {
  color: #000000;
}

.modal-dialog .modal-content .modal-body {
  padding: 0px;
}

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

.product-details-content {
  padding: 76px 51px 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content {
    padding: 30px 20px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content {
    padding: 35px 20px 40px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content {
    padding: 35px 20px 40px;
  }
}

.product-details-content h3 {
  font-size: 30px;
  margin: 0;
  color: #000000;
  font-size: 30px;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .product-details-content h3 {
    font-size: 22px;
  }
}

.product-details-content h3 a {
  color: #000000;
  font-size: 30px;
}

@media only screen and (max-width: 767px) {
  .product-details-content h3 a {
    font-size: 22px;
  }
}

.product-details-content h3 a:hover {
  color: #fc4a1a;
}

.product-details-content .product-details-rating-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0 23px;
}

@media only screen and (max-width: 767px) {
  .product-details-content .product-details-rating-wrap {
    margin: 10px 0 15px;
  }
}

.product-details-content .product-details-rating-wrap .product-details-rating-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
}

.product-details-content .product-details-rating-wrap .product-details-rating-icon i {
  color: #efc609;
  font-size: 15px;
}

.product-details-content .product-details-rating-wrap .product-details-rating-icon i.gray {
  color: #D9D9D9;
}

.product-details-content .product-details-price span {
  color: #897358;
  font-weight: 400;
  font-size: 18px;
}

.product-details-content .product-details-price span.new-price {
  color: #fc4a1a;
}

.product-details-content .product-details-price span.old-price {
  color: #888;
  font-weight: 400;
  margin-left: 9px;
  text-decoration: line-through;
}

.product-details-content .available-price {
  margin: 18px 0 27px;
}

.product-details-content .available-price h4 {
  margin: 0;
  color: #666;
  font-size: 15px;
}

.product-details-content .available-price h4 span {
  color: #897358;
  font-weight: 400;
}

.product-details-content .available-price h4 span.red {
  color: #ff2035;
}

.product-details-content p {
  font-size: 15px;
  color: #666;
  line-height: 1.7;
  margin: 0;
}

.product-details-content .product-details-action-wrap {
  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;
  padding: 24px 0 30px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 22px;
}

.product-details-content .product-details-action-wrap .product-details-cart {
  margin: 0 25px;
}

@media only screen and (max-width: 767px) {
  .product-details-content .product-details-action-wrap .product-details-cart {
    margin: 0 8px;
  }
}

.product-details-content .product-details-action-wrap .product-details-cart button {
  background-color: #897358;
  color: #ffffff;
  font-weight: 500;
  border: none;
  padding: 13px 32.5px;
  font-size: 15px;
}

@media only screen and (max-width: 767px) {
  .product-details-content .product-details-action-wrap .product-details-cart button {
    padding: 13px 11px;
  }
}

.product-details-content .product-details-action-wrap .product-details-cart button:hover {
  background-color: #000000;
}

.product-details-content .product-details-action-wrap .pro-details-action-icon a {
  font-size: 22px;
  color: #888;
  margin-right: 19px;
}

@media only screen and (max-width: 767px) {
  .product-details-content .product-details-action-wrap .pro-details-action-icon a {
    font-size: 20px;
    margin-right: 10px;
  }
}

.product-details-content .product-details-action-wrap .pro-details-action-icon a:last-child {
  margin-right: 0;
}

.product-details-content .product-details-action-wrap .pro-details-action-icon a:hover {
  color: #fc4a1a;
}

.product-details-content .product-details-meta ul li {
  display: block;
  margin-bottom: 16px;
}

.product-details-content .product-details-meta ul li:last-child {
  margin-bottom: 0;
}

.product-details-content .product-details-meta ul li a {
  color: #888;
  font-size: 15px;
}

.product-details-content .product-details-meta ul li a span {
  display: inline-block;
  color: #000000;
  min-width: 100px;
}

.product-details-content .product-details-meta ul li a:hover {
  color: #fc4a1a;
}

.product-details-content .product-details-meta ul li span {
  display: inline-block;
  font-size: 15px;
}

.product-details-content .product-details-meta ul li span.title {
  color: #000000;
  min-width: 100px;
}

.product-details-content .product-details-meta ul li span.list {
  color: #888;
}

.product-details-content .product-details-border-top {
  border-top: 1px solid #e5e5e5;
  padding-top: 18px;
  margin-top: 21px;
}

.product-details-content.product-details-content-modify {
  padding: 0px 0 0px 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content.product-details-content-modify {
    padding: 0px 0 0px 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content.product-details-content-modify {
    padding: 50px 0 0px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content.product-details-content-modify {
    padding: 30px 0 0px 0px;
  }
}

.product-details-content.product-details-content-modify.product-details-padding-0 {
  padding: 0 0 0;
}

@media only screen and (max-width: 767px) {
  .product-details-content.product-details-content-modify.product-details-padding-0 {
    padding: 30px 0 0;
  }
}

.product-details-content.product-details-content-modify .product-details-action-wrap {
  padding: 24px 0 0px;
  border-bottom: none;
}

.product-details-content.product-details-content-modify .product-details-action-wrap .product-details-cart {
  margin: 0 0 0 25px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.product-details-content.product-details-content-modify .product-details-action-wrap .product-details-cart.pd-cart-margin-none {
  margin: 0 0px;
}

.product-details-content.product-details-content-modify .product-details-action-wrap .product-details-cart button {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .product-details-content.product-details-content-modify .product-details-action-wrap .product-details-cart button {
    width: auto;
    padding: 13px 17px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content.product-details-content-modify .product-details-action-wrap .product-details-cart button {
    width: 100%;
  }
}

.product-details-content.product-details-center {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .product-details-content.product-details-center {
    padding: 0px 0 0 !important;
  }
}

.product-details-content.product-details-center p {
  width: 65%;
  margin: 0 auto;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-details-content.product-details-center p {
    width: 78%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-details-content.product-details-center p {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content.product-details-center p {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content.product-details-center p {
    width: 100%;
  }
}

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

.product-details-content.product-details-center .product-details-action-all {
  border-bottom: none;
  padding-bottom: 0;
}

.product-details-content.product-details-center .product-details-action-all .product-details-action-wrap {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.product-details-content.product-details-center .product-details-action-all .product-details-action-wrap .product-details-cart {
  -webkit-box-flex: inherit;
  -webkit-flex-grow: inherit;
      -ms-flex-positive: inherit;
          flex-grow: inherit;
}

.product-details-content.product-details-center .product-details-action-all .product-details-action-wrap .product-details-cart button {
  padding: 13px 115px;
}

@media only screen and (max-width: 767px) {
  .product-details-content.product-details-center .product-details-action-all .product-details-action-wrap .product-details-cart button {
    padding: 13px 20px;
  }
}

.product-details-content.product-details-center .product-details-action-all .product-details-action-bottom ul {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

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

@media only screen and (max-width: 767px) {
  .product-details-content.product-details-center .product-details-meta ul {
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content.product-details-center .product-details-meta ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.product-details-content.product-details-center .product-details-meta ul li {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .product-details-content.product-details-center .product-details-meta ul li {
    margin-bottom: 5px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content.product-details-center .product-details-meta ul li {
    margin-bottom: 0px;
  }
}

.product-details-content.product-details-center .product-details-social {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.product-details-content .product-details-action-all {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 18px;
  margin-bottom: 24px;
}

.product-details-content .product-details-action-all .product-details-action-bottom ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.product-details-content .product-details-action-all .product-details-action-bottom ul li {
  margin-right: 40px;
  display: block;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .product-details-content .product-details-action-all .product-details-action-bottom ul li {
    margin-bottom: 8px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content .product-details-action-all .product-details-action-bottom ul li {
    margin-bottom: 0px;
  }
}

.product-details-content .product-details-action-all .product-details-action-bottom ul li:before {
  width: 1px;
  height: 14px;
  position: absolute;
  background-color: #ccc;
  content: " ";
  right: -20px;
  top: 5px;
}

.product-details-content .product-details-action-all .product-details-action-bottom ul li:last-child {
  margin-right: 0;
}

.product-details-content .product-details-action-all .product-details-action-bottom ul li:last-child:before {
  display: none;
}

.product-details-content .product-details-action-all .product-details-action-bottom ul li a {
  color: #000000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.product-details-content .product-details-action-all .product-details-action-bottom ul li a i {
  font-size: 18px;
  margin-right: 10px;
}

.product-details-content .product-details-action-all .product-details-action-bottom ul li a span {
  font-size: 15px;
}

.product-details-content .product-details-social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 16px 0 0;
}

.product-details-content .product-details-social span {
  display: inline-block;
  color: #000000;
  min-width: 100px;
  font-size: 15px;
  line-height: 1;
}

.product-details-content .product-details-social ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product-details-content .product-details-social ul li {
  margin-right: 10px;
}

.product-details-content .product-details-social ul li:last-child {
  margin-right: 0;
}

.product-details-content .product-details-social ul li a {
  font-size: 18px;
  color: #888;
}

.product-details-content .product-details-social ul li a:hover {
  color: #000000;
}

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

.product-style-2 button {
  font-size: 15px;
  color: #000000;
  line-height: 1;
  text-transform: uppercase;
  margin: 0 60px;
  border-bottom: 2px solid transparent;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-style-2 button {
    margin: 0 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-style-2 button {
    margin: 0 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-style-2 button {
    margin: 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-style-2 button {
    margin: 0 30px;
  }
}

@media only screen and (max-width: 767px) {
  .product-style-2 button {
    margin: 0 5px 10px;
  }
}

.product-style-2 button.active {
  color: #fc4a1a;
  border-bottom: 2px solid #000000;
}

.product-style-2 button.btn {
  padding: 0 0 18px;
  border-radius: 0;
}

@media only screen and (max-width: 767px) {
  .product-style-2 button.btn {
    padding: 0 0 8px;
  }
}

.product-style-2 button.btn-link {
  text-decoration: none;
}

.product-style-2 button.btn-link:hover {
  color: #fc4a1a;
}

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

.product-style-3 button {
  font-size: 16px;
  color: #999;
  font-weight: 500;
  line-height: 1;
  margin: 0 37px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-style-3 button {
    margin: 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .product-style-3 button {
    margin: 0 12px 10px;
  }
}

.product-style-3 button.active {
  color: #fc4a1a;
}

.product-style-3 button.btn {
  border-radius: 0;
  padding: 0;
}

.product-style-3 button.btn-link {
  text-decoration: none;
}

.product-style-3 button.btn-link:hover {
  color: #000000;
}

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

.summer-product-wrap .summer-product-img a {
  display: block;
}

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

.summer-product-wrap .summer-product-content-wrap {
  padding: 0 35px;
}

@media only screen and (max-width: 767px) {
  .summer-product-wrap .summer-product-content-wrap {
    padding: 0 15px;
  }
}

.summer-product-wrap .summer-product-content-wrap .summer-product-content {
  padding: 33px 25px 35px 37px;
  margin-top: -150px;
  background-color: #ffffff;
  position: relative;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .summer-product-wrap .summer-product-content-wrap .summer-product-content {
    padding: 33px 25px 35px 25px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .summer-product-wrap .summer-product-content-wrap .summer-product-content {
    padding: 33px 25px 35px 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .summer-product-wrap .summer-product-content-wrap .summer-product-content {
    padding: 20px 20px 20px 20px;
    margin-top: -100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .summer-product-wrap .summer-product-content-wrap .summer-product-content {
    padding: 20px 20px 20px 20px;
    margin-top: -80px;
  }
}

@media only screen and (max-width: 767px) {
  .summer-product-wrap .summer-product-content-wrap .summer-product-content {
    padding: 20px 20px 20px 20px;
    margin-top: -80px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .summer-product-wrap .summer-product-content-wrap .summer-product-content {
    padding: 20px 15px 20px 15px;
  }
}

.summer-product-wrap .summer-product-content-wrap .summer-product-content .product-price-2 {
  margin: 7px 0 8px;
}

.summer-product-wrap .summer-product-content-wrap .summer-product-content .product-price-2 span {
  color: #690;
  font-weight: 600;
  font-size: 18px;
}

.summer-product-wrap .summer-product-content-wrap .summer-product-content .product-price-2 span.old-price {
  color: #888;
  margin-left: 2px;
  text-decoration: line-through;
}

.summer-product-wrap .summer-product-content-wrap .summer-product-content h2 {
  font-size: 36px;
  line-height: 1.214;
  margin: 15px 0 32px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .summer-product-wrap .summer-product-content-wrap .summer-product-content h2 {
    font-size: 26px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .summer-product-wrap .summer-product-content-wrap .summer-product-content h2 {
    font-size: 23px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .summer-product-wrap .summer-product-content-wrap .summer-product-content h2 {
    font-size: 18px;
    margin: 10px 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .summer-product-wrap .summer-product-content-wrap .summer-product-content h2 {
    font-size: 20px;
    margin: 5px 0 12px;
  }
}

@media only screen and (max-width: 767px) {
  .summer-product-wrap .summer-product-content-wrap .summer-product-content h2 {
    font-size: 22px;
    margin: 10px 0 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .summer-product-wrap .summer-product-content-wrap .summer-product-content h2 {
    font-size: 19px;
  }
}

.summer-product-wrap .summer-product-content-wrap .summer-product-content h2 a {
  font-size: 36px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .summer-product-wrap .summer-product-content-wrap .summer-product-content h2 a {
    font-size: 26px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .summer-product-wrap .summer-product-content-wrap .summer-product-content h2 a {
    font-size: 23px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .summer-product-wrap .summer-product-content-wrap .summer-product-content h2 a {
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .summer-product-wrap .summer-product-content-wrap .summer-product-content h2 a {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .summer-product-wrap .summer-product-content-wrap .summer-product-content h2 a {
    font-size: 22px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .summer-product-wrap .summer-product-content-wrap .summer-product-content h2 a {
    font-size: 19px;
  }
}

.summer-product-wrap .summer-product-content-wrap .summer-product-content .summer-product-paragraph-btn {
  position: relative;
}

.summer-product-wrap .summer-product-content-wrap .summer-product-content .summer-product-paragraph-btn .summer-product-paragraph p {
  color: #000000;
  font-size: 15px;
  margin: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.summer-product-wrap .summer-product-content-wrap .summer-product-content .summer-product-paragraph-btn .summer-product-btn {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  opacity: 0;
  visibility: hidden;
  line-height: 1;
}

.summer-product-wrap .summer-product-content-wrap .summer-product-content .summer-product-paragraph-btn .summer-product-btn a.btn {
  padding: 0;
  font-size: 15px;
}

.summer-product-wrap .summer-product-content-wrap .summer-product-content .summer-product-paragraph-btn .summer-product-btn a.btn-link {
  color: #000000;
  text-decoration: none;
}

.summer-product-wrap .summer-product-content-wrap .summer-product-content .summer-product-paragraph-btn .summer-product-btn a.btn-link:hover {
  color: #fc4a1a;
}

.summer-product-wrap:hover .summer-product-content-wrap .summer-product-content .summer-product-paragraph-btn .summer-product-paragraph p {
  opacity: 0;
  visibility: hidden;
}

.summer-product-wrap:hover .summer-product-content-wrap .summer-product-content .summer-product-paragraph-btn .summer-product-btn {
  opacity: 1;
  visibility: visible;
}

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

.all-offer-btn {
  margin-top: 5px;
}

@media only screen and (max-width: 767px) {
  .all-offer-btn {
    margin-top: 0px;
  }
}

.all-offer-btn a {
  letter-spacing: 4px;
  font-weight: 500;
  text-transform: uppercase;
}

.all-offer-btn a i {
  margin-right: 7px;
  position: relative;
  top: 2px;
}

.all-offer-btn a.btn {
  padding: 0;
}

.all-offer-btn a.btn-link {
  color: #000000;
  text-decoration: none;
}

.img-zoom-wrap .img-zoom {
  overflow: hidden;
}

.img-zoom-wrap .img-zoom a img {
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.img-zoom-wrap:hover .img-zoom a img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.img-zoom-2 {
  overflow: hidden;
}

.img-zoom-2 img {
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

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

.categories-product-wrap {
  padding: 23px 15px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}

.categories-product-wrap .categories-product-img a {
  display: block;
}

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

.categories-product-wrap .categories-product-content h4 {
  margin: 0;
}

.categories-product-wrap .categories-product-content h4 a {
  font-size: 14px;
  display: block;
}

.categories-product-wrap:hover {
  border: 1px solid #fc4a1a;
}

.section-title-timer {
  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;
}

@media only screen and (max-width: 767px) {
  .section-title-timer {
    display: block;
  }
}

.timer-style-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 30px;
}

@media only screen and (max-width: 767px) {
  .timer-style-1 {
    margin-left: 0px;
    margin-top: 12px;
  }
}

.timer-style-1 span {
  margin-right: 10px;
}

.timer-style-1 .syotimer__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.timer-style-1 .syotimer__body .syotimer-cell {
  margin-right: 5px;
}

.timer-style-1 .syotimer__body .syotimer-cell .syotimer-cell__value {
  color: #ffffff;
  background-color: #fc4a1a;
  text-align: center;
  border-radius: 3px;
  font-weight: bold;
  font-size: 15px;
  padding: 6px 7px;
}

.timer-style-1 .syotimer__body .syotimer-cell .syotimer-cell__unit {
  display: none;
}

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

.tab-btn-wrap {
  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;
}

@media only screen and (max-width: 767px) {
  .tab-btn-wrap {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .tab-style-2 {
    margin-top: 12px;
  }
}

.tab-style-2 a {
  display: inline-block;
  color: #666;
  font-size: 14px;
  margin-right: 45px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tab-style-2 a {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .tab-style-2 a {
    margin-right: 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tab-style-2 a {
    margin-right: 15px;
  }
}

.tab-style-2 a:last-child {
  margin-right: 0;
}

.tab-style-2 a.active {
  color: #fc4a1a;
}

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

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

.tab-style-3 a {
  display: inline-block;
  color: #666;
  margin-right: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tab-style-3 a {
    margin-right: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tab-style-3 a {
    margin-right: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .tab-style-3 a {
    margin-right: 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tab-style-3 a {
    margin-right: 25px;
  }
}

.tab-style-3 a:last-child {
  margin-right: 0;
}

.tab-style-3 a.active {
  color: #fc4a1a;
}

.product-slider-active-2.slick-slider .slick-slide.slick-active > div .recommended-pro-wrap-all {
  border-bottom-width: 0;
}

.product-slider-active-2.slick-slider .slick-slide.slick-active + .slick-slide.slick-active > div .recommended-pro-wrap-all {
  border-left-width: 0;
}

.product-slider-active-2 .slick-slide > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product-slider-active-2 .slick-slide > div .recommended-pro-wrap-all {
  border: 1px solid transparent;
}

.product-slider-active-2 .slick-slide > div .recommended-pro-wrap-all .single-recommended-pro-shadow {
  padding: 10px;
  -webkit-box-shadow: 0 0 0 1px #e5e5e5;
          box-shadow: 0 0 0 1px #e5e5e5;
  width: 100%;
}

.recommended-single-product-wrap {
  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;
  position: relative;
}

.recommended-single-product-wrap .recommended-product-img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 110px;
      -ms-flex: 0 0 110px;
          flex: 0 0 110px;
  position: relative;
}

.recommended-single-product-wrap .recommended-product-img a {
  display: block;
}

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

.recommended-single-product-wrap .recommended-product-img .product-badges-2 {
  display: block;
  position: absolute;
  left: 15px;
  top: 9px;
}

.recommended-single-product-wrap .recommended-product-img .product-badges-2 span {
  min-width: 50px;
  min-height: 24px;
  color: #fff;
  text-align: center;
  padding: 4px 5px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  font-weight: 500;
  -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;
  background-color: #fc4a1a;
  font-size: 15px;
  color: #fc4a1a;
  color: #ffffff;
}

.recommended-single-product-wrap .product-action-wrap-5 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  left: 50%;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.recommended-single-product-wrap .product-action-wrap-5 button {
  border: none;
  padding: 0;
  background-color: #ffffff;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 22px;
  color: #000000;
  display: inline-block;
  border: 1px solid #e5e5e5;
  border-right: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
}

.recommended-single-product-wrap .product-action-wrap-5 button i {
  line-height: 45px;
}

.recommended-single-product-wrap .product-action-wrap-5 button:last-child {
  border-right: 1px solid #e5e5e5;
}

.recommended-single-product-wrap .product-action-wrap-5 button:hover {
  color: #ffffff;
  background-color: #fc4a1a;
  border: 1px solid #fc4a1a;
}

.recommended-single-product-wrap .recommended-product-content {
  padding-left: 40px;
}

@media only screen and (max-width: 767px) {
  .recommended-single-product-wrap .recommended-product-content {
    padding-left: 20px;
  }
}

.recommended-single-product-wrap .recommended-product-content h3 {
  font-size: 14px;
  margin: 0;
}

.recommended-single-product-wrap .recommended-product-content h3 a {
  color: #000000;
  font-size: 14px;
}

.recommended-single-product-wrap .recommended-product-content h3 a:hover {
  text-decoration: underline;
}

.recommended-single-product-wrap .recommended-product-content .product-price {
  margin: 7px 0 8px;
}

.recommended-single-product-wrap .recommended-product-content .product-price span {
  color: #690;
  font-weight: 600;
  font-size: 16px;
}

.recommended-single-product-wrap .recommended-product-content .product-price span.new-price {
  color: #fc4a1a;
}

.recommended-single-product-wrap .recommended-product-content .product-price span.old-price {
  color: #888;
  font-weight: 400;
  margin-left: 9px;
  text-decoration: line-through;
}

.recommended-single-product-wrap .recommended-product-content .product-rating-wrap {
  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;
}

.recommended-single-product-wrap .recommended-product-content .product-rating-wrap.product-rating-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.recommended-single-product-wrap .recommended-product-content .product-rating-wrap .product-rating-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
}

.recommended-single-product-wrap .recommended-product-content .product-rating-wrap .product-rating-icon i {
  color: #efc609;
  font-size: 15px;
}

.recommended-single-product-wrap .recommended-product-content .product-rating-wrap .product-rating-icon i.gray {
  color: #D9D9D9;
}

.recommended-single-product-wrap:hover .product-action-wrap-5 button {
  opacity: 1;
  visibility: visible;
}

.dot-style-3 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 32px 0 0;
}

.dot-style-3 ul li {
  display: inline-block;
  margin: 0 7px;
}

.dot-style-3 ul li button {
  border: none;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #aaa;
  font-size: 0;
  padding: 0;
  position: relative;
}

.dot-style-3 ul li button:hover {
  background-color: #FD9276;
}

.dot-style-3 ul li.slick-active button {
  background-color: #FD9276;
}

.categories-product-wrap-2 .categories-product-img-2 a {
  display: block;
}

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

.categories-product-wrap-2 .categories-product-content-2 h3 {
  margin: 0;
}

.categories-product-wrap-2 .categories-product-content-2 h3 a {
  font-size: 15px;
  margin: 0 0 5px;
  line-height: 1.7;
  text-transform: uppercase;
  font-weight: 400;
  display: block;
}

.categories-product-wrap-2 .categories-product-content-2 h3 a:hover {
  color: #0e1023;
}

.categories-product-wrap-2 .categories-product-content-2 span {
  color: #999;
  font-size: 15px;
}

.categories-product-wrap-3 .categories-product-img-3 a {
  display: block;
}

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

.categories-product-wrap-3 .categories-product-content-3 h3 {
  margin: 0;
}

.categories-product-wrap-3 .categories-product-content-3 h3 a {
  font-size: 20px;
  margin: 0 0 10px;
  display: block;
  font-family: "Playfair Display", serif;
}

.categories-product-wrap-3 .categories-product-content-3 h3 a:hover {
  color: #ff2035;
}

.categories-product-wrap-3 .categories-product-content-3 span {
  color: #999;
  font-size: 14px;
}

.categories-slider-active-2 .slick-list,
.product-slider-active-3 .slick-list,
.product-slider-active-4 .slick-list,
.categori-product-slider .slick-list {
  margin: 0 -15px;
}

.categories-slider-active-2 .slick-list .categories-produc-plr-2,
.categories-slider-active-2 .slick-list .produc-plr-3,
.product-slider-active-3 .slick-list .categories-produc-plr-2,
.product-slider-active-3 .slick-list .produc-plr-3,
.product-slider-active-4 .slick-list .categories-produc-plr-2,
.product-slider-active-4 .slick-list .produc-plr-3,
.categori-product-slider .slick-list .categories-produc-plr-2,
.categori-product-slider .slick-list .produc-plr-3 {
  padding: 0 15px;
}

.categories-slider-active .slick-list {
  margin: 0 -60px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .categories-slider-active .slick-list {
    margin: 0 -15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .categories-slider-active .slick-list {
    margin: 0 -15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .categories-slider-active .slick-list {
    margin: 0 -15px;
  }
}

@media only screen and (max-width: 767px) {
  .categories-slider-active .slick-list {
    margin: 0 -15px;
  }
}

.categories-slider-active .slick-list .categories-produc-plr-1 {
  padding: 0 60px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .categories-slider-active .slick-list .categories-produc-plr-1 {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .categories-slider-active .slick-list .categories-produc-plr-1 {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .categories-slider-active .slick-list .categories-produc-plr-1 {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .categories-slider-active .slick-list .categories-produc-plr-1 {
    padding: 0 15px;
  }
}

.nav-style-7 > span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -7%;
  font-size: 28px;
  color: #000000;
  z-index: 9;
  cursor: pointer;
  opacity: .25;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-7 > span {
    left: 0%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-7 > span {
    left: -1%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-7 > span {
    left: -3%;
  }
}

@media only screen and (max-width: 767px) {
  .nav-style-7 > span {
    left: -2%;
  }
}

.nav-style-7 > span:hover {
  opacity: 1;
}

.nav-style-7 > span.product-icon-right {
  left: auto;
  right: -7%;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-7 > span.product-icon-right {
    right: 0%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-7 > span.product-icon-right {
    right: -1%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-7 > span.product-icon-right {
    right: -3%;
  }
}

@media only screen and (max-width: 767px) {
  .nav-style-7 > span.product-icon-right {
    right: -2%;
  }
}

.nav-style-8 > span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -1%;
  font-size: 18px;
  color: #000000;
  z-index: 9;
  cursor: pointer;
  width: 56px;
  height: 56px;
  text-align: center;
  border: 1px solid #e5e5e5;
}

@media only screen and (max-width: 767px) {
  .nav-style-8 > span {
    font-size: 15px;
    width: 40px;
    height: 40px;
  }
}

.nav-style-8 > span i {
  line-height: 56px;
  opacity: .25;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

@media only screen and (max-width: 767px) {
  .nav-style-8 > span i {
    line-height: 40px;
  }
}

.nav-style-8 > span:hover {
  color: #ffffff;
  background-color: #ff2035;
  border: 1px solid #ff2035;
}

.nav-style-8 > span:hover i {
  opacity: 1;
}

.nav-style-8 > span.product-icon-right {
  left: auto;
  right: -1%;
}

.nav-style-8.nav-style-8-modify > span {
  font-size: 21px;
  width: 48px;
  height: 48px;
  left: -8.5%;
  opacity: 0;
  visibility: hidden;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .nav-style-8.nav-style-8-modify > span {
    left: -6.5%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-8.nav-style-8-modify > span {
    left: 0%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-8.nav-style-8-modify > span {
    left: -2%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-8.nav-style-8-modify > span {
    left: -3.5%;
  }
}

@media only screen and (max-width: 767px) {
  .nav-style-8.nav-style-8-modify > span {
    font-size: 15px;
    width: 40px;
    height: 40px;
    left: -2%;
  }
}

.nav-style-8.nav-style-8-modify > span i {
  line-height: 48px;
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .nav-style-8.nav-style-8-modify > span i {
    line-height: 40px;
  }
}

.nav-style-8.nav-style-8-modify > span:hover {
  color: #ffffff;
  background-color: #f7882f;
  border: 1px solid #f7882f;
}

.nav-style-8.nav-style-8-modify > span.product-icon-right {
  left: auto;
  right: -8.5%;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .nav-style-8.nav-style-8-modify > span.product-icon-right {
    left: auto;
    right: -6.5%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-8.nav-style-8-modify > span.product-icon-right {
    left: auto;
    right: 0%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-8.nav-style-8-modify > span.product-icon-right {
    left: auto;
    right: -2%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-8.nav-style-8-modify > span.product-icon-right {
    left: auto;
    right: -3.5%;
  }
}

@media only screen and (max-width: 767px) {
  .nav-style-8.nav-style-8-modify > span.product-icon-right {
    left: auto;
    right: -2%;
  }
}

.nav-style-8.nav-style-8-modify:hover > span {
  visibility: visible;
  opacity: 1;
}

.nav-style-8.nav-style-8-modify-2 > span {
  font-size: 21px;
  width: 40px;
  height: 40px;
  left: -8%;
  opacity: 0;
  visibility: hidden;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .nav-style-8.nav-style-8-modify-2 > span {
    left: -6.5%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-8.nav-style-8-modify-2 > span {
    left: 0%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-8.nav-style-8-modify-2 > span {
    left: -2%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-8.nav-style-8-modify-2 > span {
    left: -3.5%;
  }
}

@media only screen and (max-width: 767px) {
  .nav-style-8.nav-style-8-modify-2 > span {
    font-size: 15px;
    width: 40px;
    height: 40px;
    left: -2%;
  }
}

.nav-style-8.nav-style-8-modify-2 > span i {
  line-height: 40px;
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .nav-style-8.nav-style-8-modify-2 > span i {
    line-height: 40px;
  }
}

.nav-style-8.nav-style-8-modify-2 > span:hover {
  color: #ffffff;
  background-color: #fc4a1a;
  border: 1px solid #fc4a1a;
}

.nav-style-8.nav-style-8-modify-2 > span.product-icon-right {
  left: auto;
  right: -8%;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .nav-style-8.nav-style-8-modify-2 > span.product-icon-right {
    left: auto;
    right: -6.5%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-8.nav-style-8-modify-2 > span.product-icon-right {
    left: auto;
    right: 0%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-8.nav-style-8-modify-2 > span.product-icon-right {
    left: auto;
    right: -2%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-8.nav-style-8-modify-2 > span.product-icon-right {
    left: auto;
    right: -3.5%;
  }
}

@media only screen and (max-width: 767px) {
  .nav-style-8.nav-style-8-modify-2 > span.product-icon-right {
    left: auto;
    right: -2%;
  }
}

.nav-style-8.nav-style-8-modify-2:hover > span {
  visibility: visible;
  opacity: 1;
}

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

.product-style-4 button {
  text-transform: uppercase;
  display: inline-block;
  border: 1px solid #e5e5e5;
  padding: 10px 35px;
  background-color: transparent;
  color: #000000;
  text-decoration: none;
  border-radius: 0;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  font-size: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-style-4 button {
    padding: 10px 25px;
  }
}

@media only screen and (max-width: 767px) {
  .product-style-4 button {
    padding: 8px 15px;
    margin: 0 5px 5px 0;
    font-size: 14px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-style-4 button {
    padding: 8px 12px;
    margin: 0 0px 0px 0;
  }
}

.product-style-4 button + button {
  border-left-width: 0;
}

@media only screen and (max-width: 767px) {
  .product-style-4 button + button {
    border-left-width: 1px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-style-4 button + button {
    border-left-width: 0px;
  }
}

.product-style-4 button + button:hover {
  border-left-width: 0;
}

@media only screen and (max-width: 767px) {
  .product-style-4 button + button:hover {
    border-left-width: 1px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-style-4 button + button:hover {
    border-left-width: 0px;
  }
}

.product-style-4 button:hover {
  color: #ffffff;
  background-color: #0e1023;
  border: 1px solid #0e1023;
}

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

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

.product-style-5 button {
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 27px 0;
  padding: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-style-5 button {
    margin: 0 8px 0;
  }
}

@media only screen and (max-width: 767px) {
  .product-style-5 button {
    margin: 0 5px 7px;
  }
}

.product-style-5 button.btn-link {
  color: #000000;
}

.product-style-5 button.btn-link.active {
  color: #ff2035;
}

.product-style-5 button.btn-link:hover {
  color: #ff2035;
}

@media only screen and (max-width: 767px) {
  .product-style-5.pb-35 {
    padding-bottom: 25px;
  }
}

.section-title-btn-wrap-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-btn-wrap-2 {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-btn-wrap-2 {
    display: block;
  }
  .section-title-btn-wrap-2.mb-50 {
    margin-bottom: 30px;
  }
  .section-title-btn-wrap-2.mb-40 {
    margin-bottom: 30px;
  }
}

.product-style-6 button {
  padding: 0;
  background-color: transparent;
  border: none;
  margin-right: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-style-6 button {
    margin-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-style-6 button {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .product-style-6 button {
    margin-right: 10px;
    margin-bottom: 5px;
  }
}

.product-style-6 button:last-child {
  margin-right: 0;
}

.product-style-6 button.btn {
  color: #888;
  font-size: 15px;
}

.product-style-6 button.btn-link {
  text-decoration: none;
}

.product-style-6 button.active {
  color: #f7882f;
}

.product-style-6 button:hover {
  color: #f7882f;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-style-6 {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .product-style-6 {
    margin-top: 20px;
  }
}

.shop-category-wrap {
  position: relative;
}

.shop-category-wrap .shop-category-img a {
  display: block;
}

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

.shop-category-wrap .shop-category-content {
  position: absolute;
  left: 40px;
  top: 38px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .shop-category-wrap .shop-category-content {
    top: 20px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .shop-category-wrap .shop-category-content {
    top: 20px;
    left: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-category-wrap .shop-category-content {
    top: 20px;
    left: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-category-wrap .shop-category-content {
    top: 20px;
    left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-category-wrap .shop-category-content {
    top: 20px;
    left: 20px;
  }
}

.shop-category-wrap .shop-category-content h3 {
  margin: 0 0 7px;
  line-height: 32px;
}

.shop-category-wrap .shop-category-content h3 a {
  font-size: 23px;
  color: #000000;
  line-height: 32px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-category-wrap .shop-category-content h3 a {
    font-size: 19px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-category-wrap .shop-category-content h3 a {
    font-size: 19px;
    line-height: 28px;
  }
}

.shop-category-wrap .shop-category-content h3 a:hover {
  text-decoration: underline;
}

.shop-category-wrap .shop-category-content span {
  font-size: 15px;
  color: #888;
  display: block;
}

.product-details-quality {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.product-details-quality span {
  font-size: 15px;
  display: inline-block;
  margin-right: 40px;
}

@media only screen and (max-width: 767px) {
  .product-details-quality span {
    margin-right: 10px;
  }
}

.product-details-quality input {
  width: 60px;
  height: 50px;
  border: 1px solid #e5e5e5;
  color: #495057;
  font-weight: 600;
  background-color: transparent;
  padding: 0 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-area.pt-90 {
    padding-top: 50px;
  }
  .product-area.pt-85 {
    padding-top: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .product-area.pt-90 {
    padding-top: 30px;
  }
  .product-area.pt-85 {
    padding-top: 25px;
  }
}

/*-------- 9. Section title style ---------*/
.section-title-tab-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-tab-wrap {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-tab-wrap {
    display: block;
  }
}

.section-title h2 {
  font-size: 42px;
  margin: 0 0 13px;
}

.section-title h2.uppercase {
  text-transform: uppercase;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title h2 {
    font-size: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title h2 {
    font-size: 35px;
    margin: 0 0 10px;
  }
}

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

.section-title p {
  font-size: 15px;
  margin: 0;
}

.section-title-2 h2 {
  font-size: 38px;
  margin: 0 0 14px;
  line-height: 1;
}

.section-title-2 h2.uppercase {
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .section-title-2 h2 {
    font-size: 22px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-title-2 h2 {
    font-size: 27px;
  }
}

.section-title-2 p {
  font-size: 15px;
  margin: 0;
}

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

.section-title-btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 767px) {
  .section-title-btn-wrap {
    display: block;
  }
}

.section-title-3 h2 {
  font-weight: 500;
  font-size: 22px;
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-3 h2 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-3 h2 {
    font-size: 20px;
  }
}

.btn-style-6 {
  margin-left: 45px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .btn-style-6 {
    margin-left: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .btn-style-6 {
    margin-left: 0;
    margin-top: 10px;
  }
}

.btn-style-6 a {
  color: #888;
  font-size: 14px;
}

.btn-style-6 a i {
  font-size: 16px;
  top: 2px;
  position: relative;
}

.btn-style-6 a.btn {
  padding: 0;
}

.btn-style-6 a.btn-link {
  color: #666;
  text-decoration: none;
}

.btn-style-6 a.btn-link:hover {
  color: #fc4a1a;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .btn-style-6.btn-style-6-res {
    margin: 10px 0 0 0;
  }
}

.section-title-4 h2 {
  font-size: 38px;
  margin: 0 0 11px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-4 h2 {
    font-size: 35px;
  }
}

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

.section-title-4 h2 span {
  color: #0e1023;
}

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

.section-title-5 h2 {
  font-size: 40px;
  margin: 0 0 13px;
  font-family: "Playfair Display", serif;
}

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-title-5 h2 {
    font-size: 27px;
  }
}

.section-title-5 h2 span {
  color: #ff2035;
}

.section-title-5 p {
  font-size: 14px;
  margin: 0 0 0;
  color: #888;
}

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

.section-title-6 h2 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-6 h2 {
    font-size: 35px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-6 h2 {
    font-size: 22px;
    margin-bottom: 10px;
  }
}

.section-title-6 h2 span {
  color: #f7882f;
}

.section-title-6 p {
  font-size: 14px;
  margin: 0px;
}

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

.section-title-7 h2 {
  font-size: 30px;
  margin-bottom: 13px;
}

@media only screen and (max-width: 767px) {
  .section-title-7 h2 {
    font-size: 27px;
  }
}

.section-title-7 p {
  font-size: 15px;
  margin: 0px;
}

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

.section-title-8 h2 {
  font-size: 33px;
  margin-bottom: 13px;
  line-height: 28px;
}

@media only screen and (max-width: 767px) {
  .section-title-8 h2 {
    font-size: 27px;
    margin-bottom: 10px;
  }
}

.section-title-8 p {
  font-size: 15px;
  margin: 0px auto;
  width: 64%;
  line-height: 33px;
}

.section-title-8 p.width-100-percent {
  width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-8 p {
    width: 75%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-8 p {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-8 p {
    width: 100%;
    line-height: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-8.mb-35 {
    margin-bottom: 25px;
  }
  .section-title-8.mb-40 {
    margin-bottom: 30px;
  }
}

.section-title-9 h2 {
  font-size: 42px;
  line-height: 29px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-9 h2 {
    font-size: 35px;
  }
}

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

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

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

/*-------- 10. About us style ---------*/
.welcome-content h2 {
  font-size: 140px;
  color: #f3f1eb;
  margin: 0 0 2px;
  margin: 0 0 17px;
  line-height: 108px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .welcome-content h2 {
    font-size: 110px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .welcome-content h2 {
    font-size: 110px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .welcome-content h2 {
    font-size: 65px;
    line-height: 78px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .welcome-content h2 {
    font-size: 80px;
    line-height: 62px;
  }
}

@media only screen and (max-width: 767px) {
  .welcome-content h2 {
    font-size: 50px;
    line-height: 40px;
  }
}

.welcome-content p {
  line-height: 33px;
  color: #555;
  margin: 0 auto;
  width: 49%;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .welcome-content p {
    width: 63%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .welcome-content p {
    width: 63%;
  }
}

@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: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .welcome-content p {
    width: 100%;
    line-height: 28px;
  }
}

.about-content .about-logo img {
  max-width: 100%;
}

.about-content span {
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 4px;
  margin: 15px 0 35px;
  display: block;
  color: #0e1023;
}

.about-content p {
  line-height: 2;
  color: #767676;

  font-size: 1.03rem;
  
  width: 72%;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-content p {
    width: 90%;
  }
}

@media only screen and (max-width: 767px) {
  .about-content p {
    width: 100%;
  }
}

.handmade-about h2 {
  font-size: 36px;
  font-weight: 600;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .handmade-about h2 {
    font-size: 22px;
  }
}

.handmade-about p {
  color: #777;
  margin: 22px 0 28px;
  line-height: 2;
}

@media only screen and (max-width: 767px) {
  .handmade-about p {
    margin: 15px 0 28px;
  }
}

.handmade-about p span {
  color: #f7882f;
}

.handmade-about .handmade-about-img img {
  max-width: 100%;
}

.about-content-2 h1 {
  font-size: 42px;
  margin: 0 0 30px;
}

@media only screen and (max-width: 767px) {
  .about-content-2 h1 {
    font-size: 25px;
    margin: 0 0 10px;
  }
}

.about-content-2 p {
  color: #666;
  width: 68%;
  line-height: 35px;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-content-2 p {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .about-content-2 p {
    width: 100%;
  }
}

.about-content-2 .video-img {
  position: relative;
  margin: 40px 0 45px;
}

@media only screen and (max-width: 767px) {
  .about-content-2 .video-img {
    margin: 20px 0 25px;
  }
}

.about-content-2 .video-img img {
  width: 100%;
}

.about-content-2 .video-img .video-icon-4 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}

.about-content-2 .video-img .video-icon-4 a {
  background-color: #fff;
  padding: 23px 24px;
  display: block;
  border-radius: 50px;
}

.about-content-2 .video-img .video-icon-4 a span {
  display: block;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-left: 12px solid #000000;
  border-bottom: 7px solid transparent;
}

.about-content-2 .video-img .video-icon-4 a:hover {
  background-color: #fc4a1a;
}

.about-content-2 .video-img .video-icon-4 a:hover span {
  border-left: 12px solid #ffffff;
}

.about-content-3 h3 {
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 19px;
}

@media only screen and (max-width: 767px) {
  .about-content-3 h3 {
    margin: 0 0 15px;
  }
}

.about-content-3 p {
  line-height: 33px;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .about-content-3 p {
    line-height: 30px;
  }
}

.about-content-3 p span {
  color: #fc4a1a;
}

.skill-bar {
  overflow: hidden;
}

.skill-bar .skill-bar-item {
  padding-bottom: 21px;
  position: relative;
}

.skill-bar .skill-bar-item > span {
  font-size: 15px;
  color: #666;
  text-align: center;
  z-index: 2;
}

.skill-bar .skill-bar-item .progress {
  background-color: #e5e5e5;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 10px;
  margin-top: 6px;
  overflow: visible;
  margin-right: 62px;
}

@media only screen and (max-width: 767px) {
  .skill-bar .skill-bar-item .progress {
    margin-right: 50px;
  }
}

.skill-bar .skill-bar-item .progress .progress-bar {
  background-color: #fc4a1a;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
}

.skill-bar .skill-bar-item .progress span.text-top {
  color: #888;
  font-size: 15px;
  position: absolute;
  right: 0;
  top: 27px;
  line-height: 1;
}

.skill-bar .skill-bar-item:nth-child(1) .progress-bar {
  width: 70%;
}

.skill-bar .skill-bar-item:nth-child(2) .progress-bar {
  width: 100%;
}

.skill-bar .skill-bar-item:nth-child(3) .progress-bar {
  width: 80%;
}

.skill-bar .skill-bar-item:nth-child(4) .progress-bar {
  width: 90%;
}

.skill-bar .skill-bar-item:nth-child(5) .progress-bar {
  width: 85%;
}

.skill-bar .skill-bar-item:last-child {
  padding-bottom: 0;
}

.skill-content-wrap {
  background-color: #f3f3f3;
  padding: 63px 54px 70px;
}

@media only screen and (max-width: 767px) {
  .skill-content-wrap {
    padding: 40px 20px 47px;
  }
}

.skill-content-wrap .skill-content {
  margin-right: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .skill-content-wrap .skill-content {
    margin-right: 0px;
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .skill-content-wrap .skill-content {
    margin-right: 0px;
    margin-bottom: 25px;
  }
}

.skill-content-wrap .skill-content h2 {
  font-size: 33px;
  margin: 0 0 21px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .skill-content-wrap .skill-content h2 {
    font-size: 28px;
    margin: 0 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .skill-content-wrap .skill-content h2 {
    font-size: 20px;
    margin: 0 0 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .skill-content-wrap .skill-content h2 {
    font-size: 23px;
  }
}

.skill-content-wrap .skill-content p {
  line-height: 32px;
  margin: 0;
}

.single-funfact h2 {
  font-size: 42px;
  margin: 0;
  line-height: 1;
  color: #fc4a1a;
}

.single-funfact h4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  margin: 25px 0 13px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-funfact h4 {
    margin: 10px 0 13px;
  }
}

@media only screen and (max-width: 767px) {
  .single-funfact h4 {
    margin: 10px 0 13px;
  }
}

.single-funfact span {
  font-size: 15px;
  color: #888;
  display: block;
}

.about-banner-img img {
  width: 100%;
}

.brand-logo-content {
  margin: 0 0 25px;
}

.brand-logo-content h4 {
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 12px;
}

.brand-logo-content p {
  line-height: 35px;
  color: #666;
  margin: 0;
}

.team-wrap .team-img img {
  width: 100%;
}

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

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

.team-wrap .team-content h3 {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 10px;
  line-height: 1;
}

.team-wrap .team-content h3:hover {
  color: #fc4a1a;
}

.team-wrap .team-content span {
  color: #888;
  font-size: 15px;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.team-wrap .team-content .team-social {
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.team-wrap .team-content .team-social a {
  font-size: 18px;
  color: #888;
  display: inline-block;
  margin-right: 5px;
}

.team-wrap .team-content .team-social a:last-child {
  margin-right: 0;
}

.team-wrap .team-content .team-social a:hover {
  color: #fc4a1a;
}

.team-wrap:hover .team-content h3 {
  text-decoration: underline;
}

.team-wrap:hover .team-content span {
  opacity: 0;
  visibility: hidden;
}

.team-wrap:hover .team-content .team-social {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 767px) {
  .about-us-area.pb-75 {
    padding-bottom: 15px;
  }
  .funfact-area.pb-90 {
    padding-bottom: 30px;
  }
  .team-area.pb-85 {
    padding-bottom: 30px;
  }
}

/*-------- 11. Testimonial style ---------*/
.single-testimonial-wrap .testimonial-quote-icon {
  position: relative;
  width: 55px;
  height: 40px;
  margin: 0 auto 0px;
}

.single-testimonial-wrap .testimonial-quote-icon::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  border: solid 3px #000;
}

.single-testimonial-wrap .testimonial-quote-icon::after {
  content: '';
  position: absolute;
  top: 0;
  left: 31px;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  border: solid 3px #000;
}

.single-testimonial-wrap .testimonial-quote-icon .quote-icon-inner {
  position: relative;
}

.single-testimonial-wrap .testimonial-quote-icon .quote-icon-inner::before {
  content: '';
  position: absolute;
  left: 6px;
  top: 9px;
  width: 11px;
  height: 27px;
  border-radius: 50%;
  border-left: solid 3px transparent;
  border-top: solid 3px transparent;
  border-right: solid 3px #000;
  border-bottom: solid 3px transparent;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.single-testimonial-wrap .testimonial-quote-icon .quote-icon-inner::after {
  content: '';
  position: absolute;
  top: 10px;
  left: 36px;
  width: 11px;
  height: 27px;
  border-radius: 50%;
  border-left: solid 3px transparent;
  border-top: solid 3px transparent;
  border-right: solid 3px #000;
  border-bottom: solid 3px transparent;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.single-testimonial-wrap p {
  color: #000000;
  margin: 28px auto 46px;
  width: 50%;
  line-height: 35px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-testimonial-wrap p {
    margin: 20px auto 25px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-testimonial-wrap p {
    margin: 20px auto 25px;
    width: 55%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-testimonial-wrap p {
    margin: 20px auto 25px;
    width: 70%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-testimonial-wrap p {
    margin: 20px auto 25px;
    width: 90%;
  }
}

@media only screen and (max-width: 767px) {
  .single-testimonial-wrap p {
    margin: 10px auto 25px;
    width: 100%;
    line-height: 32px;
  }
}

.single-testimonial-wrap .client-info img {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  display: inline-block;
}

.single-testimonial-wrap .client-info h4 {
  font-size: 15px;
  margin: 25px 0 0;
}

.single-testimonial-wrap .client-info h4 span {
  color: #666;
  margin: 0 0 0 8px;
}

.testimonial-active-2 .slick-list {
  margin: 0 -15px;
}

.testimonial-active-2 .slick-list .testimonial-plr-1 {
  padding: 0 15px;
}

.single-testimonial-wrap-2 {
  border: 1px solid #e5e5e5;
  padding: 55px 19px 46px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-testimonial-wrap-2 {
    padding: 55px 10px 46px;
  }
}

.single-testimonial-wrap-2 img {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  display: inline-block;
}

.single-testimonial-wrap-2 h4 {
  font-size: 15px;
  margin: 25px 0 0;
}

.single-testimonial-wrap-2 h4 span {
  color: #666;
  margin: 0 0 0 8px;
}

.single-testimonial-wrap-2 p {
  color: #000000;
  margin: 28px auto 0px;
  width: 100%;
  line-height: 35px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-testimonial-wrap-2 p {
    line-height: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-testimonial-wrap-2 p {
    line-height: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .single-testimonial-wrap-2 p {
    line-height: 30px;
  }
}

.dot-style-4 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 45px 0 0;
}

@media only screen and (max-width: 767px) {
  .dot-style-4 ul {
    margin: 25px 0 0;
  }
}

.dot-style-4 ul li {
  display: inline-block;
  margin: 0 7px;
}

.dot-style-4 ul li button {
  border: none;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  font-size: 0;
  padding: 0;
  position: relative;
  opacity: .25;
  background-color: #666;
}

.dot-style-4 ul li button:hover {
  opacity: 1;
  background-color: #666;
}

.dot-style-4 ul li.slick-active button {
  opacity: 1;
  background-color: #0e1023;
}

.dot-style-4.dot-style-4-red ul li button {
  background-color: #ff2035;
}

.dot-style-4.dot-style-4-red ul li button:hover {
  background-color: #ff2035;
}

.dot-style-4.dot-style-4-red ul li.slick-active button {
  background-color: #ff2035;
}

.dot-style-4.dot-style-4-yellow-2 ul li button:hover {
  background-color: #f7882f;
}

.dot-style-4.dot-style-4-yellow-2 ul li.slick-active button {
  background-color: #f7882f;
  opacity: .75;
}

.testimonial-active-3 .slick-list {
  margin: 0 -35px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .testimonial-active-3 .slick-list {
    margin: 0 -15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-active-3 .slick-list {
    margin: 0 -15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-active-3 .slick-list {
    margin: 0 -15px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-active-3 .slick-list {
    margin: 0 -15px;
  }
}

.testimonial-active-3 .slick-list .testimonial-plr-2 {
  padding: 0 35px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .testimonial-active-3 .slick-list .testimonial-plr-2 {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-active-3 .slick-list .testimonial-plr-2 {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-active-3 .slick-list .testimonial-plr-2 {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-active-3 .slick-list .testimonial-plr-2 {
    padding: 0 15px;
  }
}

.testimonial-active-4 .slick-list {
  margin: 0 -15px;
}

.testimonial-active-4 .slick-list .testimonial-plr-2 {
  padding: 0 15px;
}

.single-testimonial-wrap-3 .testimonial-wrap-3-top {
  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;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 25px;
  margin-bottom: 20px;
}

.single-testimonial-wrap-3 .testimonial-wrap-3-top .client-3-img img {
  width: 70px;
  height: 70px;
  border-radius: 100%;
}

.single-testimonial-wrap-3 .testimonial-wrap-3-top .client-3-info {
  margin-left: 20px;
}

.single-testimonial-wrap-3 .testimonial-wrap-3-top .client-3-info h4 {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 12px;
}

.single-testimonial-wrap-3 .testimonial-wrap-3-top .client-3-info h4 span {
  margin-left: 12px;
  font-weight: 400;
  color: #666;
}

.single-testimonial-wrap-3 .testimonial-wrap-3-top .client-3-info span {
  display: block;
  font-size: 15px;
  color: #666;
  line-height: 1;
  margin: 0 0 15px;
}

.single-testimonial-wrap-3 .testimonial-wrap-3-top .client-3-info .testimonial-rating-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.single-testimonial-wrap-3 .testimonial-wrap-3-top .client-3-info .testimonial-rating-icon i {
  color: #efc609;
}

.single-testimonial-wrap-3 .testimonial-wrap-3-top .client-3-info .testimonial-rating-icon i.gray {
  color: #D9D9D9;
}

.single-testimonial-wrap-3 .testimonial-wrap-3-bottom p {
  font-size: 14px;
  line-height: 2.2;
  color: #000;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .single-testimonial-wrap-3 .testimonial-wrap-3-bottom p {
    line-height: 1.8;
  }
}

.single-testimonial-wrap-3 .testimonial-wrap-3-bottom p.font-size-15 {
  font-size: 15px;
}

/*-------- 12. Instagram style ---------*/
.instagram-banner {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .instagram-banner {
    margin-bottom: 20px;
  }
}

.instagram-banner .instagram-img img {
  width: 100%;
}

.instagram-banner .instagram-content {
  position: absolute;
  left: 30px;
  top: 42px;
  padding: 0 10px 0 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .instagram-banner .instagram-content {
    left: 20px;
    top: 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .instagram-banner .instagram-content {
    left: 15px;
    top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .instagram-banner .instagram-content {
    left: 15px;
    top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .instagram-banner .instagram-content {
    left: 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .instagram-banner .instagram-content {
    left: 30px;
    top: 42px;
  }
}

.instagram-banner .instagram-content h2 {
  font-size: 38px;
  line-height: 1;
  margin: 0 0 15px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .instagram-banner .instagram-content h2 {
    font-size: 32px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .instagram-banner .instagram-content h2 {
    font-size: 24px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .instagram-banner .instagram-content h2 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .instagram-banner .instagram-content h2 {
    font-size: 24px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .instagram-banner .instagram-content h2 {
    font-size: 30px;
  }
}

.instagram-banner .instagram-content p {
  font-size: 14px;
  color: #000000;
  margin: 0;
}

.instagram-style-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.instagram-style-1 .instagram-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .instagram-style-1 .instagram-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}

@media only screen and (max-width: 767px) {
  .instagram-style-1 .instagram-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}

.instagram-style-1 .instagram-item a {
  display: block;
  position: relative;
}

.instagram-style-1 .instagram-item a:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: #000000;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
}

.instagram-style-1 .instagram-item a::after {
  content: "\e609";
  font-family: 'simple-line-icons';
  position: absolute;
  font-size: 36px;
  left: 0;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9;
  color: #ffffff;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -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) {
  .instagram-style-1 .instagram-item a::after {
    font-size: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .instagram-style-1 .instagram-item a::after {
    font-size: 25px;
  }
}

.instagram-style-1 .instagram-item a img {
  width: 100%;
}

.instagram-style-1 .instagram-item a:hover:before {
  opacity: .4;
  visibility: visible;
}

.instagram-style-1 .instagram-item a:hover::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.instagram-style-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.instagram-style-2 .instagram-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.66%;
      -ms-flex: 0 0 16.66%;
          flex: 0 0 16.66%;
}

@media only screen and (max-width: 767px) {
  .instagram-style-2 .instagram-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}

.instagram-style-2 .instagram-item a {
  display: block;
  position: relative;
}

.instagram-style-2 .instagram-item a:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: #000000;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
}

.instagram-style-2 .instagram-item a::after {
  content: "\e609";
  font-family: 'simple-line-icons';
  position: absolute;
  font-size: 36px;
  left: 0;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9;
  color: #ffffff;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -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) {
  .instagram-style-2 .instagram-item a::after {
    font-size: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .instagram-style-2 .instagram-item a::after {
    font-size: 25px;
  }
}

.instagram-style-2 .instagram-item a img {
  width: 100%;
}

.instagram-style-2 .instagram-item a:hover:before {
  opacity: .4;
  visibility: visible;
}

.instagram-style-2 .instagram-item a:hover::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/*-------- 13. Features style ---------*/
.features-wrap {
  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;
}

.features-wrap .features-icon {
  line-height: 1;
}

.features-wrap .features-icon i {
  font-size: 32px;
  padding-right: 24px;
  position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features-wrap .features-icon i {
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features-wrap .features-icon i {
    padding-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .features-wrap .features-icon i {
    padding-right: 15px;
    font-size: 28px;
  }
}

.features-wrap .features-icon i::after {
  content: '';
  display: inline-block;
  height: 45px;
  width: 1px;
  background: #ddd9d2;
  position: absolute;
  right: 0px;
  top: -4px;
}

.features-wrap .features-icon i.gray {
  color: #68788f;
}

.features-wrap .features-icon i.orange {
  color: #ff841c;
}

.features-wrap .features-icon i.yellow {
  color: #ffc500;
}

.features-wrap .features-content {
  padding-left: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features-wrap .features-content {
    padding-left: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features-wrap .features-content {
    padding-left: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .features-wrap .features-content {
    padding-left: 15px;
  }
}

.features-wrap .features-content h3 {
  font-size: 20px;
  margin: 0 0 13px;
  line-height: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features-wrap .features-content h3 {
    font-size: 17px;
  }
}

@media only screen and (max-width: 767px) {
  .features-wrap .features-content h3 {
    font-size: 18px;
  }
}

.features-wrap-2 {
  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;
}

.features-wrap-2 .features-icon-2 {
  margin-right: 26px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features-wrap-2 .features-icon-2 {
    margin-right: 15px;
  }
}

.features-wrap-2 .features-icon-2 i {
  font-size: 30px;
  color: #fc4a1a;
}

.features-wrap-2 .features-content-2 h3 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  margin: 0 0 10px;
}

.features-wrap-2 .features-content-2 p {
  color: #888;
  font-size: 14px;
  margin: 0;
}

.features-wrap-3 .features-icon-3 {
  margin: 0 0 36px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features-wrap-3 .features-icon-3 {
    margin: 0 0 16px;
  }
}

@media only screen and (max-width: 767px) {
  .features-wrap-3 .features-icon-3 {
    margin: 0 0 12px;
  }
}

.features-wrap-3 .features-icon-3 i {
  font-size: 50px;
  color: #ff2035;
}

.features-wrap-3 .features-content-3 h3 {
  font-size: 20px;
  margin: 0 0 12px;
  font-family: "Playfair Display", serif;
}

.features-wrap-3 .features-content-3 p {
  line-height: 2;
  color: #777;
  font-size: 14px;
  margin: 0;
}

.features-wrap-border {
  border: 1px solid #ddd9d2;
}

.features-wrap-4 {
  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;
  padding: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features-wrap-4 {
    padding: 30px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features-wrap-4 {
    padding: 20px 10px;
  }
}

.features-wrap-4 .features-icon-4 {
  margin-right: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features-wrap-4 .features-icon-4 {
    margin-right: 10px;
  }
}

.features-wrap-4 .features-icon-4 i {
  font-size: 30px;
  color: #f7882f;
}

.features-wrap-4 .features-content-4 h3 {
  font-size: 16px;
  font-weight: 600;
  color: #6b7a8f;
  margin: 0 0 11px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features-wrap-4 .features-content-4 h3 {
    margin: 0 0 7px;
  }
}

.features-wrap-4 .features-content-4 p {
  color: #777;
  margin: 0;
}

.features-wrap-4:hover {
  background-color: #f5f5f5;
}

.features-wrap-5 {
  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;
  position: relative;
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features-wrap-5 {
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .features-wrap-5 {
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 20px;
  }
}

.features-wrap-5 .features-icon-5 {
  margin-right: 14px;
}

.features-wrap-5 .features-icon-5 i {
  font-size: 20px;
  color: #fc4a1a;
}

.features-wrap-5 .features-content-5 h3 {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 8px;
  color: #000000;
}

.features-wrap-5 .features-content-5 p {
  font-size: 14px;
  margin: 0;
}

.features-wrap-5::after {
  content: '';
  display: inline-block;
  height: 30px;
  width: 1px;
  background: #ddd9d2;
  position: absolute;
  right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features-wrap-5::after {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .features-wrap-5::after {
    display: none;
  }
}

.features-single-border + .features-single-border {
  border-left: 1px solid #ddd9d2;
}

@media only screen and (max-width: 767px) {
  .features-single-border + .features-single-border {
    border: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features-area.pb-90 {
    padding-bottom: 50px;
  }
  .features-area.pb-85 {
    padding-bottom: 45px;
  }
  .features-area.pb-75 {
    padding-bottom: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .features-area.pb-90 {
    padding-bottom: 30px;
  }
  .features-area.pb-85 {
    padding-bottom: 25px;
  }
  .features-area.pb-75 {
    padding-bottom: 15px;
  }
}

/*-------- 14. Blog style ---------*/
.blog-wrap .blog-img {
  position: relative;
}

.blog-wrap .blog-img a {
  display: block;
}

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

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

.blog-wrap .blog-img .blog-video-popup {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 9;
}

.blog-wrap .blog-img .blog-video-popup a {
  font-size: 18px;
  display: inline-block;
  width: 45px;
  height: 45px;
  text-align: center;
  border-radius: 100%;
  color: #000000;
  background-color: #ffffff;
}

.blog-wrap .blog-img .blog-video-popup a i {
  line-height: 45px;
}

.blog-wrap .blog-img .blog-video-popup a:hover {
  color: #ffffff;
  background-color: #fc4a1a;
}

.blog-wrap .blog-img .blog-badge {
  position: absolute;
  left: 20px;
  top: 20px;
}

.blog-wrap .blog-img .blog-badge span {
  color: #ffffff;
  background-color: #fc4a1a;
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  padding: 4px 7px 5px;
}

.blog-wrap .blog-content .blog-meta ul li {
  font-size: 15px;
  color: #888;
  display: inline-block;
}

.blog-wrap .blog-content .blog-meta.blog-meta-font-dec ul li {
  font-size: 14px;
}

.blog-wrap .blog-content h3 {
  margin: 11px 0 20px;
}

@media only screen and (max-width: 767px) {
  .blog-wrap .blog-content h3 {
    margin: 5px 0 10px;
  }
}

.blog-wrap .blog-content h3 a {
  line-height: 35px;
  font-size: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-wrap .blog-content h3 a {
    font-size: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-wrap .blog-content h3 a {
    font-size: 22px;
  }
}

.blog-wrap .blog-content h3.font-dec {
  margin: 8px 0 10px;
}

.blog-wrap .blog-content h3.font-dec a {
  line-height: 22px;
  font-size: 19px;
}

.blog-wrap .blog-content-2 .blog-meta-2 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.blog-wrap .blog-content-2 .blog-meta-2 ul li {
  margin-right: 20px;
}

.blog-wrap .blog-content-2 .blog-meta-2 ul li a {
  color: #777;
  font-size: 14px;
}

.blog-wrap .blog-content-2 .blog-meta-2 ul li a i {
  margin-right: 8px;
  position: relative;
  top: 2px;
}

.blog-wrap .blog-content-2 h3 {
  margin: 0;
  line-height: 36px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-wrap .blog-content-2 h3 {
    line-height: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-wrap .blog-content-2 h3 {
    line-height: 30px;
  }
}

.blog-wrap .blog-content-2 h3 a {
  font-size: 20px;
  font-family: "Playfair Display", serif;
  margin: 8px 0 27px;
  display: block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-wrap .blog-content-2 h3 a {
    margin: 5px 0 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-wrap .blog-content-2 h3 a {
    margin: 5px 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-wrap .blog-content-2 h3 a {
    margin: 5px 0 15px;
  }
}

.blog-wrap .blog-content-3 .blog-meta-3 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.blog-wrap .blog-content-3 .blog-meta-3 ul li {
  margin-right: 20px;
}

.blog-wrap .blog-content-3 .blog-meta-3 ul li a {
  color: #777;
  font-size: 14px;
}

.blog-wrap .blog-content-3 .blog-meta-3 ul li a i {
  margin-right: 8px;
  position: relative;
  top: 2px;
}

.blog-wrap .blog-content-3 h3 {
  margin: 12px 0 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-wrap .blog-content-3 h3 {
    margin: 5px 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-wrap .blog-content-3 h3 {
    margin: 5px 0 15px;
  }
}

.blog-wrap .blog-content-3 h3 a {
  font-size: 20px;
  font-weight: 600;
  color: #000000;
}

.blog-wrap .blog-content-3 h3 a:hover {
  text-decoration: underline;
}

.blog-wrap .blog-title h2 {
  font-size: 30px;
  margin: 0 0 14px;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .blog-wrap .blog-title h2 {
    margin: 0 0 10px;
  }
}

.blog-wrap .blog-title h2 a {
  font-size: 30px;
  display: block;
  color: #000000;
}

@media only screen and (max-width: 767px) {
  .blog-wrap .blog-title h2 a {
    font-size: 22px;
    line-height: 30px;
  }
}

.blog-wrap .blog-title h2 a:hover {
  text-decoration: underline;
}

.blog-wrap .blog-meta-4 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.blog-wrap .blog-meta-4 ul li {
  margin-right: 33px;
  position: relative;
}

.blog-wrap .blog-meta-4 ul li::before {
  position: absolute;
  content: "";
  height: 16px;
  width: 1px;
  background-color: #e5e5e5;
  left: -18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.blog-wrap .blog-meta-4 ul li:first-child::before {
  display: none;
}

@media only screen and (max-width: 767px) {
  .blog-wrap .blog-meta-4 ul li {
    margin-bottom: 3px;
    margin-right: 20px;
  }
  .blog-wrap .blog-meta-4 ul li::before {
    left: -11px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-wrap .blog-meta-4 ul li {
    margin-bottom: 0px;
    margin-right: 33px;
  }
  .blog-wrap .blog-meta-4 ul li::before {
    left: -18px;
  }
}

.blog-wrap .blog-meta-4 ul li a {
  color: #888;
}

.blog-wrap .blog-meta-4 ul li a i {
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.blog-wrap .blog-meta-4 ul li a:hover {
  color: #fc4a1a;
}

.blog-wrap .blog-meta-4 ul li span {
  color: #888;
  font-size: 15px;
  margin-right: 5px;
}

.blog-wrap .blog-meta-4 ul li.orange a {
  color: #fc4a1a;
}

.blog-wrap .blog-meta-4.blog-meta-4-center ul {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 767px) {
  .blog-wrap .blog-meta-4.blog-meta-4-center.mb-20 {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-wrap .blog-meta-4.mb-35 {
    margin-bottom: 30px;
  }
}

.blog-wrap .blog-img-wrap {
  background-color: #f3f3f3;
}

.blog-wrap .blog-img-wrap .blog-img-2 {
  margin: 0 70px;
}

@media only screen and (max-width: 767px) {
  .blog-wrap .blog-img-wrap .blog-img-2 {
    margin: 0 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-wrap .blog-img-wrap .blog-img-2 {
    margin: 0 30px;
  }
}

.blog-wrap .blog-img-wrap .blog-img-2.blog-img-2-mrg {
  margin: 0 215px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .blog-wrap .blog-img-wrap .blog-img-2.blog-img-2-mrg {
    margin: 0 150px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .blog-wrap .blog-img-wrap .blog-img-2.blog-img-2-mrg {
    margin: 0 120px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-wrap .blog-img-wrap .blog-img-2.blog-img-2-mrg {
    margin: 0 90px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-wrap .blog-img-wrap .blog-img-2.blog-img-2-mrg {
    margin: 0 50px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-wrap .blog-img-wrap .blog-img-2.blog-img-2-mrg {
    margin: 0 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-wrap .blog-img-wrap .blog-img-2.blog-img-2-mrg {
    margin: 0 30px;
  }
}

.blog-wrap .blog-img-wrap .blog-img-2 a {
  display: block;
}

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

.blog-wrap .blog-paragraph p {
  line-height: 32px;
  color: #666;
  margin: 0 0 20px;
}

@media only screen and (max-width: 767px) {
  .blog-wrap .blog-paragraph p {
    margin: 0 0 15px;
  }
}

.blog-wrap .blog-paragraph.blog-paragraph-width p {
  width: 80%;
  margin: 0 auto 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-wrap .blog-paragraph.blog-paragraph-width p {
    width: 100%;
    margin: 0 auto 12px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-wrap .blog-paragraph.blog-paragraph-width p {
    width: 100%;
    margin: 0 auto 12px;
  }
}

.blog-wrap .blog-content-5 .blog-meta-5 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.blog-wrap .blog-content-5 .blog-meta-5 ul li {
  margin-right: 33px;
  position: relative;
}

.blog-wrap .blog-content-5 .blog-meta-5 ul li::before {
  position: absolute;
  content: "";
  height: 16px;
  width: 1px;
  background-color: #e5e5e5;
  left: -18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.blog-wrap .blog-content-5 .blog-meta-5 ul li:first-child::before {
  display: none;
}

@media only screen and (max-width: 767px) {
  .blog-wrap .blog-content-5 .blog-meta-5 ul li {
    margin-bottom: 3px;
    margin-right: 20px;
  }
  .blog-wrap .blog-content-5 .blog-meta-5 ul li::before {
    left: -11px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-wrap .blog-content-5 .blog-meta-5 ul li {
    margin-bottom: 0px;
    margin-right: 12px;
  }
  .blog-wrap .blog-content-5 .blog-meta-5 ul li::before {
    left: -6px;
  }
}

.blog-wrap .blog-content-5 .blog-meta-5 ul li a {
  color: #888;
}

.blog-wrap .blog-content-5 .blog-meta-5 ul li a i {
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.blog-wrap .blog-content-5 .blog-meta-5 ul li a:hover {
  color: #fc4a1a;
}

.blog-wrap .blog-content-5 h3 {
  font-size: 20px;
  margin: 10px 0 8px;
}

@media only screen and (max-width: 767px) {
  .blog-wrap .blog-content-5 h3 {
    margin: 5px 0 8px;
  }
}

.blog-wrap .blog-content-5 h3 a {
  font-size: 20px;
  display: block;
}

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

@media only screen and (max-width: 767px) {
  .blog-wrap.mb-55 {
    margin-bottom: 40px;
  }
  .blog-wrap.mb-45 {
    margin-bottom: 35px;
  }
}

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

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

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

@media only screen and (max-width: 767px) {
  .sidebar-wrapper-pl {
    padding-left: 0px;
  }
}

.blog-btn a {
  font-weight: 500;
  text-transform: uppercase;
}

.blog-btn a.btn {
  padding: 0;
}

.blog-btn a.btn-link {
  color: #000000;
  text-decoration: none;
}

.blog-btn a.btn-link:hover {
  color: #fc4a1a;
}

.blog-btn a i {
  position: relative;
  top: 1px;
  margin-right: 1px;
}

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

.btn-style-5 a {
  font-size: 15px;
}

.btn-style-5 a i {
  font-size: 17px;
  position: relative;
  top: 2px;
}

.btn-style-5 a.font-size-dec i {
  font-size: 15px;
}

.btn-style-5 a.btn {
  padding: 0;
}

.btn-style-5 a.btn-link {
  color: #000000;
  text-decoration: none;
}

.btn-style-5 a.btn-link.color-gray {
  color: #888;
}

.btn-style-5 a.btn-link:hover {
  color: #fc4a1a;
}

.btn-style-7 a {
  text-transform: uppercase;
  font-weight: 500;
  border: 1px solid #e5e5e5;
}

.btn-style-7 a i {
  font-size: 15px;
  position: relative;
  top: 1px;
}

.btn-style-7 a.btn {
  padding: 12px 35px 14px;
  font-size: 14px;
  border-radius: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .btn-style-7 a.btn {
    padding: 10px 20px 11px;
  }
}

@media only screen and (max-width: 767px) {
  .btn-style-7 a.btn {
    padding: 10px 20px 11px;
  }
}

.btn-style-7 a.btn-link {
  text-decoration: none;
  color: #000000;
}

.btn-style-7 a.btn-link:hover {
  color: #ffffff;
}

.btn-style-7 a:hover {
  border: 1px solid #ff2035;
  background-color: #ff2035;
}

.btn-style-7.btn-style-7-modify a {
  font-weight: 600;
  font-size: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .btn-style-7.btn-style-7-modify a {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .btn-style-7.btn-style-7-modify a {
    font-size: 14px;
  }
}

.btn-style-7.btn-style-7-modify a.btn {
  padding: 13px 28px 13px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .btn-style-7.btn-style-7-modify a.btn {
    padding: 11px 22px 11px;
  }
}

@media only screen and (max-width: 767px) {
  .btn-style-7.btn-style-7-modify a.btn {
    padding: 11px 22px 11px;
  }
}

.btn-style-7.btn-style-7-modify a:hover {
  border: 1px solid #f7882f;
  background-color: #f7882f;
}

.blog-active-1 .slick-list, .blog-active-2 .slick-list {
  margin: 0 -15px;
}

.blog-active-1 .slick-list .blog-plr-1, .blog-active-2 .slick-list .blog-plr-1 {
  padding: 0 15px;
}

.blog-pagination-style.blog-pagination-center ul {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-pagination-style.blog-pagination-center.mt-55 {
    margin-top: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-pagination-style.blog-pagination-center.mt-55 {
    margin-top: 25px;
  }
}

.blog-pagination-style ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.blog-pagination-style ul li {
  margin-right: 10px;
}

.blog-pagination-style ul li:last-child {
  margin-right: 0px;
}

.blog-pagination-style ul li a {
  display: inline-block;
  border: 1px solid #dee2e6;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .blog-pagination-style ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}

.blog-pagination-style ul li a i {
  line-height: 50px;
}

@media only screen and (max-width: 767px) {
  .blog-pagination-style ul li a i {
    line-height: 40px;
  }
}

.blog-pagination-style ul li a:hover, .blog-pagination-style ul li a.active {
  color: #ffffff;
  background-color: #fc4a1a;
  border: 1px solid #fc4a1a;
}

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

.product-style-8 button {
  border: none;
  padding: 0;
  font-size: 16px;
  color: #888;
  display: inline-block;
  background-color: transparent;
  margin: 0 20px;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .product-style-8 button {
    margin: 0 8px 4px;
  }
}

.product-style-8 button.btn-link {
  color: #888;
}

.product-style-8 button.btn-link:hover {
  color: #fc4a1a;
}

.product-style-8 button.active {
  color: #fc4a1a;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-style-8.mb-50 {
    margin-bottom: 35px;
  }
}

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

.blog-details-content h1 {
  font-size: 42px;
  line-height: 1.2;
  text-align: center;
  margin: 0;
}

.blog-details-content h1.text-left {
  text-align: left;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details-content h1 {
    font-size: 38px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-content h1 {
    font-size: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-details-content h1 {
    font-size: 22px;
    line-height: 1.4;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-details-content h1 {
    font-size: 25px;
  }
}

.blog-details-content .blog-meta-6 {
  margin: 26px 0 19px;
}

@media only screen and (max-width: 767px) {
  .blog-details-content .blog-meta-6 {
    margin: 15px 0 15px;
  }
}

.blog-details-content .blog-meta-6 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.blog-details-content .blog-meta-6 ul li {
  margin-right: 33px;
  position: relative;
}

.blog-details-content .blog-meta-6 ul li::before {
  position: absolute;
  content: "";
  height: 16px;
  width: 1px;
  background-color: #e5e5e5;
  left: -18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.blog-details-content .blog-meta-6 ul li:first-child::before {
  display: none;
}

@media only screen and (max-width: 767px) {
  .blog-details-content .blog-meta-6 ul li {
    margin-bottom: 3px;
    margin-right: 20px;
  }
  .blog-details-content .blog-meta-6 ul li::before {
    left: -11px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-details-content .blog-meta-6 ul li {
    margin-bottom: 0px;
    margin-right: 33px;
  }
  .blog-details-content .blog-meta-6 ul li::before {
    left: -18px;
  }
}

.blog-details-content .blog-meta-6 ul li a {
  color: #888;
}

.blog-details-content .blog-meta-6 ul li a i {
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.blog-details-content .blog-meta-6 ul li a:hover {
  color: #fc4a1a;
}

.blog-details-content .blog-meta-6 ul li span {
  color: #888;
  font-size: 15px;
  margin-right: 5px;
}

.blog-details-content .blog-meta-6 ul li.orange a {
  color: #fc4a1a;
}

.blog-details-content .blog-meta-6.meta-left ul {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.blog-details-content p {
  font-size: 15px;
  line-height: 35px;
  color: #666;
  margin: 0 0 30px;
}

@media only screen and (max-width: 767px) {
  .blog-details-content p {
    line-height: 32px;
  }
}

.blog-details-content p span {
  font-weight: 500;
  color: #000000;
}

.blog-details-content p a {
  color: #fc4a1a;
  text-decoration: underline;
}

.blog-details-content p a:hover {
  text-decoration: none;
}

.blog-details-content img {
  width: 100%;
}

.blog-details-content h5 {
  color: #777;
  font-size: 15px;
  margin: 32px 0 30px;
  font-style: italic;
}

@media only screen and (max-width: 767px) {
  .blog-details-content h5 {
    line-height: 25px;
    margin: 22px 0 15px;
  }
}

.blog-details-content h4 {
  font-size: 20px;
  margin: 0 0 23px;
}

@media only screen and (max-width: 767px) {
  .blog-details-content h4 {
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 15px;
  }
}

.blog-details-content .block-quote-content {
  background-color: #f3f3f3;
  padding: 32px 50px 35px 40px;
  border-left: 4px solid #fc4a1a;
  margin: 0 0 30px;
}

@media only screen and (max-width: 767px) {
  .blog-details-content .block-quote-content {
    padding: 35px 20px 15px 20px;
  }
}

.blog-details-content .block-quote-content p {
  font-size: 20px;
  color: #000000;
  line-height: 35px;
  margin: 0 0 12px;
}

@media only screen and (max-width: 767px) {
  .blog-details-content .block-quote-content p {
    font-size: 16px;
    line-height: 30px;
  }
}

.blog-details-content .block-quote-content span {
  color: #888;
  font-size: 15px;
}

.blog-details-content .tag-share {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 40px;
}

@media only screen and (max-width: 767px) {
  .blog-details-content .tag-share {
    display: block;
  }
}

.blog-details-content .tag-share .blog-details-tag {
  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;
}

@media only screen and (max-width: 767px) {
  .blog-details-content .tag-share .blog-details-tag {
    margin-bottom: 10px;
  }
}

.blog-details-content .tag-share .blog-details-tag span {
  font-size: 15px;
  color: #777;
  margin-right: 15px;
}

.blog-details-content .tag-share .blog-details-tag ul li {
  display: inline-block;
}

.blog-details-content .tag-share .blog-details-tag ul li a {
  color: #fc4a1a;
}

.blog-details-content .tag-share .blog-details-share {
  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;
}

.blog-details-content .tag-share .blog-details-share span {
  font-size: 15px;
  color: #777;
  margin-right: 15px;
}

.blog-details-content .tag-share .blog-details-share ul li {
  display: inline-block;
  margin-right: 2px;
}

.blog-details-content .tag-share .blog-details-share ul li:last-child {
  margin-right: 0;
}

.blog-details-content .tag-share .blog-details-share ul li a {
  color: #ffffff;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  text-align: center;
  display: inline-block;
}

.blog-details-content .tag-share .blog-details-share ul li a i {
  line-height: 32px;
}

.blog-details-content .tag-share .blog-details-share ul li a.facebook {
  background-color: #1877f2;
}

.blog-details-content .tag-share .blog-details-share ul li a.twitter {
  background-color: #00acee;
}

.blog-details-content .tag-share .blog-details-share ul li a.instagram {
  background-color: #e4405f;
}

.blog-details-content .tag-share .blog-details-share ul li a.pinterest {
  background-color: #ca1f27;
}

.blog-details-content .tag-share .blog-details-share ul li a.tumblr {
  background-color: #2c4762;
}

.blog-details-content .tag-share .blog-details-share ul li a:hover {
  opacity: .6;
}

.blog-details-content .blog-next-previous-post {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 34px 0 36px;
  margin-bottom: 32px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

@media only screen and (max-width: 767px) {
  .blog-details-content .blog-next-previous-post {
    display: block;
  }
}

.blog-details-content .blog-next-previous-post .blog-prev-post-wrap {
  padding-left: 0px;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

@media only screen and (max-width: 767px) {
  .blog-details-content .blog-next-previous-post .blog-prev-post-wrap {
    margin-bottom: 20px;
  }
}

.blog-details-content .blog-next-previous-post .blog-prev-post-wrap .blog-prev-post-icon {
  margin: 0 0 6px;
}

.blog-details-content .blog-next-previous-post .blog-prev-post-wrap .blog-prev-post-icon a {
  color: #777;
  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;
}

.blog-details-content .blog-next-previous-post .blog-prev-post-wrap .blog-prev-post-icon a i {
  padding-right: 10px;
  font-size: 14px;
}

.blog-details-content .blog-next-previous-post .blog-prev-post-wrap .blog-prev-post-icon a:hover {
  color: #fc4a1a;
}

.blog-details-content .blog-next-previous-post .blog-prev-post-wrap h3 {
  margin: 0;
}

.blog-details-content .blog-next-previous-post .blog-next-post-wrap {
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .blog-details-content .blog-next-previous-post .blog-next-post-wrap {
    text-align: left;
  }
}

.blog-details-content .blog-next-previous-post .blog-next-post-wrap .blog-next-post-icon {
  margin: 0 0 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media only screen and (max-width: 767px) {
  .blog-details-content .blog-next-previous-post .blog-next-post-wrap .blog-next-post-icon {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.blog-details-content .blog-next-previous-post .blog-next-post-wrap .blog-next-post-icon a {
  color: #777;
  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;
}

.blog-details-content .blog-next-previous-post .blog-next-post-wrap .blog-next-post-icon a i {
  padding-left: 10px;
  font-size: 14px;
}

.blog-details-content .blog-next-previous-post .blog-next-post-wrap .blog-next-post-icon a:hover {
  color: #fc4a1a;
}

.blog-details-content .blog-next-previous-post .blog-next-post-wrap h3 {
  margin: 0;
}

.blog-comment-wrapper h2.blog-comment-title {
  font-size: 33px;
  color: #323232;
  margin: 0 0 21px;
}

.blog-comment-wrapper .single-blog-comment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #f3f3f3;
  padding: 25px;
}

.blog-comment-wrapper .single-blog-comment .blog-comment-img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 70px;
      -ms-flex: 0 0 70px;
          flex: 0 0 70px;
  margin-right: 38px;
}

@media only screen and (max-width: 767px) {
  .blog-comment-wrapper .single-blog-comment .blog-comment-img {
    margin-right: 12px;
  }
}

.blog-comment-wrapper .single-blog-comment .blog-comment-img img {
  width: 100%;
}

.blog-comment-wrapper .single-blog-comment .blog-comment-content h4 {
  font-size: 15px;
  font-weight: 500;
  margin: 0;
}

.blog-comment-wrapper .single-blog-comment .blog-comment-content h4 span {
  color: #777;
  font-weight: 400;
  display: inline-block;
  margin-left: 10px;
}

@media only screen and (max-width: 767px) {
  .blog-comment-wrapper .single-blog-comment .blog-comment-content h4 span {
    margin-left: 0px;
    margin-top: 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-comment-wrapper .single-blog-comment .blog-comment-content h4 span {
    margin-left: 10px;
    margin-top: 0px;
  }
}

.blog-comment-wrapper .single-blog-comment .blog-comment-content a {
  font-size: 15px;
  color: #fc4a1a;
  margin: 12px 0 10px;
  display: block;
}

.blog-comment-wrapper .single-blog-comment .blog-comment-content a i {
  margin-right: 6px;
  position: relative;
  top: 2px;
}

.blog-comment-wrapper .single-blog-comment .blog-comment-content p {
  color: #777;
  line-height: 30px;
}

.blog-comment-wrapper .single-blog-comment.blog-comment-border {
  border-bottom: 1px solid #e5e5e5;
}

.blog-comment-wrapper .single-blog-comment.reply-comment {
  padding-left: 105px;
}

@media only screen and (max-width: 767px) {
  .blog-comment-wrapper .single-blog-comment.reply-comment {
    padding-left: 0px;
  }
}

.blog-comment-form-wrap {
  margin: 52px 0 0;
}

.blog-comment-form-wrap .blog-comment-form-title {
  margin: 0 0 35px;
}

.blog-comment-form-wrap .blog-comment-form-title h2 {
  font-size: 33px;
  color: #323232;
  margin: 0 0 13px;
}

.blog-comment-form-wrap .blog-comment-form-title p {
  color: #666;
  margin: 0;
}

.blog-comment-form-wrap .blog-comment-form form .single-blog-comment-form {
  margin-bottom: 30px;
}

.blog-comment-form-wrap .blog-comment-form form .single-blog-comment-form input, .blog-comment-form-wrap .blog-comment-form form .single-blog-comment-form textarea {
  height: 55px;
  border: 1px solid #e5e5e5;
  color: #495057;
  background-color: transparent;
  padding: 2px 16px;
  font-size: 15px;
}

.blog-comment-form-wrap .blog-comment-form form .single-blog-comment-form input::-moz-input-placeholder, .blog-comment-form-wrap .blog-comment-form form .single-blog-comment-form textarea::-moz-input-placeholder {
  color: #495057;
  opacity: 1;
}

.blog-comment-form-wrap .blog-comment-form form .single-blog-comment-form input::-webkit-input-placeholder, .blog-comment-form-wrap .blog-comment-form form .single-blog-comment-form textarea::-webkit-input-placeholder {
  color: #495057;
  opacity: 1;
}

.blog-comment-form-wrap .blog-comment-form form .single-blog-comment-form textarea {
  height: 227px;
  padding: 14px 16px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-comment-form-wrap .blog-comment-form form .single-blog-comment-form textarea {
    height: 200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-comment-form-wrap .blog-comment-form form .single-blog-comment-form textarea {
    height: 180px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-comment-form-wrap .blog-comment-form form .single-blog-comment-form textarea {
    height: 120px;
  }
}

.blog-comment-form-wrap .blog-comment-form form .single-blog-comment-checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 26px;
}

.blog-comment-form-wrap .blog-comment-form form .single-blog-comment-checkbox input {
  width: auto;
  height: auto;
  margin-right: 15px;
}

.blog-comment-form-wrap .blog-comment-form form .single-blog-comment-checkbox label {
  color: #666;
  font-size: 15px;
}

.blog-comment-form-wrap .blog-comment-form form .contact-submit-btn button {
  border: none;
  background-color: #fc4a1a;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  padding: 18px 43px 20px;
}

.blog-comment-form-wrap .blog-comment-form form .contact-submit-btn button:hover {
  background-color: #ed3503;
}

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

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

/*-------- 15. Contact us style ---------*/
.contact-info-wrap {
  padding: 27px 25px 30px 35px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-info-wrap {
    padding: 27px 15px 30px 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-info-wrap {
    padding: 20px 10px 20px 10px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-info-wrap {
    padding: 27px 15px 30px 25px;
  }
}

.contact-info-wrap span {
  font-size: 15px;
  font-weight: 500;
  display: block;
  color: #ffffff;
  margin: 0 0 7px;
}

.contact-info-wrap .contact-link a {
  color: #ffffff;
  font-size: 22px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-info-wrap .contact-link a {
    font-size: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-info-wrap .contact-link a {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-info-wrap .contact-link a {
    font-size: 20px;
  }
}

.contact-info-wrap .contact-link a i {
  position: relative;
  top: 2px;
  margin-right: 3px;
}

.contact-info-wrap.contact-info-wrap-bg1 {
  background-color: #68788f;
}

.contact-info-wrap.contact-info-wrap-bg2 {
  background-color: #ff841c;
}

.contact-info-wrap.contact-info-wrap-bg3 {
  background-color: #ffc500;
}

.contact-info-wrap-2 {
  padding: 34px 39px 30px;
  border: 1px solid #e5e5e5;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-info-wrap-2 {
    padding: 24px 20px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-info-wrap-2 {
    padding: 24px 20px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-info-wrap-2 {
    padding: 24px 20px 20px;
  }
}

.contact-info-wrap-2 i {
  font-size: 30px;
  color: #fc4a1a;
}

.contact-info-wrap-2 h3 {
  font-size: 20px;
  margin: 10px 0 12px;
}

.contact-info-wrap-2 ul li {
  font-size: 15px;
  color: #888;
  margin: 0 0 6px;
}

.contact-info-wrap-2 ul li:last-child {
  margin: 0 0 0;
}

.contact-info-wrap-2 ul li a {
  color: #888;
}

.map iframe {
  height: 570px;
  width: 100%;
}

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

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

@media only screen and (max-width: 767px) {
  .map iframe {
    height: 300px;
  }
}

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

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

.contact-from-style form input, .contact-from-style form textarea {
  color: #495057;
  height: 55px;
  font-size: 15px;
  border: 1px solid #e5e5e5;
  margin-bottom: 30px;
  padding: 2px 15px;
  background-color: transparent;
}

.contact-from-style form input::-moz-input-placeholder, .contact-from-style form textarea::-moz-input-placeholder {
  color: #495057;
  opacity: 1;
}

.contact-from-style form input::-webkit-input-placeholder, .contact-from-style form textarea::-webkit-input-placeholder {
  color: #495057;
  opacity: 1;
}

.contact-from-style form textarea {
  height: 284px;
  padding: 25px 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-from-style form textarea {
    height: 200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-from-style form textarea {
    height: 170px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-from-style form textarea {
    height: 150px;
  }
}

.contact-from-style form .contact-submit-btn {
  text-align: center;
}

.contact-from-style form .contact-submit-btn button {
  background-color: #fc4a1a;
  color: #ffffff;
  border: none;
  font-weight: 500;
  padding: 20px 45px;
  text-align: center;
  line-height: 1;
}

.contact-from-style form .contact-submit-btn button:hover {
  background-color: #ed3503;
}

.contact-from-style > p {
  text-align: center;
  margin: 10px 0 0;
}

/*-------- 16. Others style ---------*/
.video-padding {
  padding: 195px 0;
  position: relative;
}

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

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

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

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

@media only screen and (max-width: 767px) {
  .video-padding {
    padding: 80px 0;
  }
}

.video-content {
  background-color: #fff0;
  padding: 70px 50px 80px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .video-content {
    padding: 70px 30px 80px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .video-content {
    padding: 70px 30px 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-content {
    padding: 70px 30px 80px;
  }
}

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

.video-content h2 {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.214;
  margin: 0 0 0;
  width: 60%;
}
.video-content h5 {
  font-size: 16px;
  color: #ffffff;
  line-height: 1.314;

}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .video-content h2 {
    width: 90%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .video-content h2 {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .video-content h2 {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-content h2 {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .video-content h2 {
    width: 100%;
    font-size: 24px;
  }
}

.video-content h2 span {
  color: #f7882f;
}

.video-content p {
  color: #666;
  width: 53%;
  line-height: 35px;
  margin: 26px 0 20px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .video-content p {
    width: 80%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .video-content p {
    width: 100%;
    margin: 26px 0 35px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .video-content p {
    width: 100%;
    margin: 26px 0 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-content p {
    width: 100%;
    margin: 26px 0 35px;
  }
}

@media only screen and (max-width: 767px) {
  .video-content p {
    width: 100%;
    line-height: 30px;
    margin: 15px 0 20px;
  }
}

.video-content h4 {
  font-size: 30px;
  color: #fff;
  margin: 0 0 29px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .video-content h4 {
    margin: 0 0 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .video-content h4 {
    margin: 0 0 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-content h4 {
    margin: 0 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .video-content h4 {
    margin: 0 0 25px;
  }
}

.video-content h4 span {
  color: #000000;
  font-weight: 500;
}

.video-icon {
  position: absolute;
  left: 19.3%;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-icon {
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin: 30px 0 0;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .video-icon {
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin: 30px 0 0;
    text-align: center;
  }
}

.video-icon a {
  display: inline-block;
  width: 61px;
  height: 61px;
  background-color: #ffffff;
  color: #000000;
  text-align: center;
  border-radius: 100%;
  font-size: 18px;
}

.video-icon a i {
  line-height: 61px;
}

.video-icon a:hover {
  color: #ffffff;
  background-color: #000000;
}

.coming-soon-area {
  height: 100vh;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: -10px;
}

.coming-soon-area .coming-soon-content h1 {
  font-size: 42px;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .coming-soon-area .coming-soon-content h1 {
    font-size: 35px;
  }
}

.coming-soon-area .coming-soon-content h1 span {
  font-size: 110px;
  line-height: 1;
  color: #fc4a1a;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .coming-soon-area .coming-soon-content h1 span {
    font-size: 90px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .coming-soon-area .coming-soon-content h1 span {
    font-size: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .coming-soon-area .coming-soon-content h1 span {
    font-size: 50px;
  }
}

.coming-soon-area .coming-soon-content p {
  line-height: 1.7;
  margin: 25px 0 18px;
}

@media only screen and (max-width: 767px) {
  .coming-soon-area .coming-soon-content p {
    margin: 15px 0 18px;
  }
}

.subscribe-form-6 {
  margin: 0 35px;
}

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

.subscribe-form-6 form {
  position: relative;
}

.subscribe-form-6 form::before {
  content: "\f0e0";
  font-family: 'Line Awesome Free';
  font-size: 16px;
  color: #888;
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.subscribe-form-6 form .mc-form-6 input {
  height: 48px;
  color: #495057;
  font-size: 15px;
  border: 1px solid #e5e5e5;
  background-color: #ffffff;
  padding: 2px 120px 2px 45px;
}

@media only screen and (max-width: 767px) {
  .subscribe-form-6 form .mc-form-6 input {
    padding: 2px 100px 2px 45px;
  }
}

.subscribe-form-6 form .mc-form-6 input::-moz-input-placeholder {
  color: #495057;
  opacity: 1;
}

.subscribe-form-6 form .mc-form-6 input::-webkit-input-placeholder {
  color: #495057;
  opacity: 1;
}

.subscribe-form-6 form .mc-form-6 .mc-news-6 {
  display: none;
}

.subscribe-form-6 form .mc-form-6 .clear-6 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 20px;
}

.subscribe-form-6 form .mc-form-6 .clear-6 input {
  width: auto;
  height: auto;
  font-size: 13px;
  font-weight: 600;
  border: none;
  color: #fc4a1a;
  padding: 0px;
}

.subscribe-form-6 form .mc-form-6 .clear-6 input:hover {
  color: #000000;
}

.error-content {
  padding: 150px 0 200px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .error-content {
    padding: 100px 0 150px;
  }
}

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

@media only screen and (max-width: 767px) {
  .error-content {
    padding: 50px 0 60px;
  }
}

.error-content h1 {
  font-size: 42px;
  margin: 0;
}

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

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

.error-content p {
  line-height: 35px;
  color: #666;
  width: 97%;
  margin: 20px auto 24px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .error-content p {
    width: 78%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-content p {
    width: 82%;
    line-height: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .error-content p {
    width: 100%;
    line-height: 30px;
    margin: 10px auto 24px;
  }
}

.error-content p a {
  color: #fc4a1a;
}

.error-content p a:hover {
  color: #ed3503;
}

.error-content .error-search {
  margin: 0 150px;
}

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

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

.error-content .error-search form input {
  height: 48px;
  padding: 2px 70px 2px 16px;
  color: #495057;
  font-size: 15px;
  border: 1px solid #e5e5e5;
  background-color: transparent;
}

.error-content .error-search form button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
  padding: 0;
  border: none;
  background-color: transparent;
}

.error-content .error-search form button i {
  font-size: 20px;
  color: #666;
}

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

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

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

@media only screen and (max-width: 767px) {
  .login-register-pl {
    padding-left: 0px;
    margin-top: 50px;
  }
}

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

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .login-register-pr {
    padding-right: 40px;
  }
}

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

@media only screen and (max-width: 767px) {
  .login-register-pr {
    padding-right: 0px;
  }
}

.login-register-border {
  border-right: 1px solid #e5e5e5;
}

@media only screen and (max-width: 767px) {
  .login-register-border {
    border-right: none;
  }
}

.login-register-title h2 {
  font-size: 36px;
  margin: 0 0 15px;
  line-height: 1;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .login-register-title h2 {
    font-size: 30px;
    margin: 0 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .login-register-title h2 {
    font-size: 25px;
    margin: 0 0 10px;
  }
}

.login-register-title p {
  line-height: 1.6;
  color: #999;
  width: 85%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .login-register-title p {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .login-register-title p {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-area {
    border-top: 1px solid #e5e5e5;
  }
}

@media only screen and (max-width: 767px) {
  .error-area {
    border-top: 1px solid #e5e5e5;
  }
}

/*------ 17. Breadcrumb style  --------*/
.breadcrumb-area-padding-1 {
  padding: 22px 0 24px;
}

.breadcrumb-area-padding-2 {
  padding: 138px 0 142px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .breadcrumb-area-padding-2 {
    padding: 96px 0 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .breadcrumb-area-padding-2 {
    padding: 96px 0 100px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb-area-padding-2 {
    padding: 76px 0 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-area-padding-2 {
    padding: 76px 0 80px;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumb-area-padding-2 {
    padding: 46px 0 50px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .breadcrumb-area-padding-2 {
    padding: 56px 0 60px;
  }
}

.breadcrumb-area-padding-3 {
  padding: 263px 0 147px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb-area-padding-3 {
    padding: 233px 0 117px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-area-padding-3 {
    padding: 135px 0 87px;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumb-area-padding-3 {
    padding: 100px 0 67px;
  }
}

.breadcrumb-area-padding-4 {
  padding: 138px 0 145px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .breadcrumb-area-padding-4 {
    padding: 110px 0 115px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .breadcrumb-area-padding-4 {
    padding: 100px 0 105px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb-area-padding-4 {
    padding: 80px 0 85px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-area-padding-4 {
    padding: 70px 0 75px;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumb-area-padding-4 {
    padding: 50px 0 55px;
  }
}

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

.breadcrumb-content .breadcrumb-title h2 {
  font-size: 40px;
  margin: 0 0 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-content .breadcrumb-title h2 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumb-content .breadcrumb-title h2 {
    font-size: 24px;
  }
}

.breadcrumb-content ul li {
  display: inline-block;
  font-size: 15px;
  color: #666;
  margin-right: 13px;
  text-transform: capitalize;
  position: relative;
}

.breadcrumb-content ul li::before {
  position: absolute;
  width: 14px;
  height: 1px;
  background-color: #666;
  content: "";
  right: -16px;
  top: 13px;
  z-index: 9;
  -webkit-transform: rotate(115deg);
      -ms-transform: rotate(115deg);
          transform: rotate(115deg);
}

.breadcrumb-content ul li:last-child::before {
  display: none;
}

.breadcrumb-content ul li:last-child {
  margin-right: 0;
}

.breadcrumb-content ul li a {
  color: #fc4a1a;
}

.breadcrumb-content.breadcrumb-black ul li {
  color: #000000;
}

.breadcrumb-content.breadcrumb-black ul li a {
  color: #fc4a1a;
}

/*-------- 18. Shop style ---------*/
.sidebar-widget.sidebar-widget-border {
  border-bottom: 1px solid #e5e5e5;
}

.sidebar-widget h4.sidebar-widget-title {
  font-weight: 500;
  font-size: 18px;
  margin: 0 0 25px;
}

.sidebar-widget .sidebar-list-style ul li {
  display: block;
  margin: 0 0 15px;
}

.sidebar-widget .sidebar-list-style ul li:last-child {
  margin-bottom: 0;
}

.sidebar-widget .sidebar-list-style ul li a {
  display: inline-block;
  color: #888;
}

.sidebar-widget .sidebar-list-style ul li a:hover {
  color: #fc4a1a;
}

.sidebar-widget .sidebar-list-style ul li span {
  color: #666;
  font-size: 15px;
  display: inline-block;
  margin-left: 5px;
}

.sidebar-widget .price-filter #slider-range {
  background: rgba(0, 0, 0, 0.1);
  border: medium none;
  border-radius: 0px;
  height: 4px;
  margin-bottom: 12px;
  margin-left: auto;
  margin-top: 5px;
}

.sidebar-widget .price-filter #slider-range span {
  -webkit-transition: all .0s ease 0s;
  -o-transition: all .0s ease 0s;
  transition: all .0s ease 0s;
}

.sidebar-widget .price-filter #slider-range .ui-slider-range {
  position: absolute;
  display: block;
  border: 0;
  background: #fc4a1a;
  border: none;
  -webkit-transition: all .0s ease 0s;
  -o-transition: all .0s ease 0s;
  transition: all .0s ease 0s;
}

.sidebar-widget .price-filter #slider-range .ui-slider-handle {
  background: #fc4a1a;
  border: medium none;
  border-radius: 50%;
  height: 15px;
  margin-left: 0;
  width: 15px;
  margin-top: -2px;
}

.sidebar-widget .price-filter .price-slider-amount {
  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: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 30px 0 0;
}

.sidebar-widget .price-filter .price-slider-amount .label-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.sidebar-widget .price-filter .price-slider-amount .label-input label {
  color: #888;
  font-size: 15px;
}

.sidebar-widget .price-filter .price-slider-amount .label-input input {
  color: #888;
  height: auto;
  width: 50%;
  font-size: 15px;
  background-color: transparent;
  border: none;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-widget .price-filter .price-slider-amount .label-input input {
    width: 55%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget .price-filter .price-slider-amount .label-input input {
    width: 65%;
  }
}

.sidebar-widget .price-filter .price-slider-amount button {
  background-color: #fc4a1a;
  border: medium none;
  color: #ffffff;
  line-height: 1;
  padding: 10px 15px 11px;
  cursor: pointer;
  font-size: 15px;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget .price-filter .price-slider-amount button {
    padding: 8px 12px 9px;
  }
}

.sidebar-widget .price-filter .price-slider-amount button:hover {
  background-color: #ed3503;
}

.sidebar-widget .price-filter.price-filter-modify .price-slider-amount {
  display: block;
  margin: 20px 0 0;
}

.sidebar-widget .price-filter.price-filter-modify .price-slider-amount .label-input {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 0 13px;
}

.sidebar-widget .price-filter.price-filter-modify .price-slider-amount .label-input input {
  width: 100%;
}

.sidebar-widget .sidebar-size ul li {
  display: inline-block;
  margin: 0 6px 6px 0;
}

.sidebar-widget .sidebar-size ul li a {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 42px;
  border: 1px solid #d2d2d2;
  text-align: center;
  color: #888;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget .sidebar-size ul li a {
    width: 40px;
    height: 40px;
    line-height: 38px;
  }
}

.sidebar-widget .sidebar-size ul li a:hover {
  color: #fc4a1a;
  border: 1px solid #fc4a1a;
}

.sidebar-widget .sidebar-color-list ul {
  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;
}

.sidebar-widget .sidebar-color-list ul li {
  margin-right: 12px;
  margin-bottom: 7px;
  display: inline-block;
}

.sidebar-widget .sidebar-color-list ul li:last-child {
  margin-right: 0;
}

.sidebar-widget .sidebar-color-list ul li a {
  width: 35px;
  height: 35px;
  font-size: 0;
  display: inline-block;
  position: relative;
}

.sidebar-widget .sidebar-color-list ul li a.blue {
  background-color: #1e73be;
}

.sidebar-widget .sidebar-color-list ul li a.gray {
  background-color: #cecece;
}

.sidebar-widget .sidebar-color-list ul li a.green {
  background-color: #81d742;
}

.sidebar-widget .sidebar-color-list ul li a.orange {
  background-color: #dd9933;
}

.sidebar-widget .sidebar-color-list ul li a.red {
  background-color: #dd3333;
}

.sidebar-widget .sidebar-color-list ul li a.purple {
  background-color: #8224e3;
}

.sidebar-widget .sidebar-color-list ul li a.yellow {
  background-color: #eeee22;
}

.sidebar-widget .sidebar-color-list.sidebar-color-list-modify ul {
  display: block;
}

.sidebar-widget .sidebar-color-list.sidebar-color-list-modify ul li {
  display: block;
  margin-right: 0;
  margin-bottom: 12px;
}

.sidebar-widget .sidebar-color-list.sidebar-color-list-modify ul li:last-child {
  margin-right: 0;
}

.sidebar-widget .sidebar-color-list.sidebar-color-list-modify ul li a {
  width: 12px;
  height: 12px;
  border-radius: 100%;
}

.sidebar-widget .sidebar-color-list.sidebar-color-list-modify ul li a::after {
  content: attr(title) " ";
  float: left;
  text-indent: 0;
  font-size: 15px;
  color: #888;
  position: absolute;
  top: -7px;
  left: 22px;
}

.sidebar-widget .sidebar-color-list.sidebar-color-list-modify ul li a:hover::after {
  color: #fc4a1a;
}

.sidebar-widget .sidebar-tag a {
  color: #888;
  display: inline-block;
  margin-right: 2px;
  margin: 0 2px 6px 0;
}

.sidebar-widget .sidebar-tag a:hover {
  color: #fc4a1a;
}

.sidebar-widget .brand-logo-img a {
  display: inline-block;
}

.sidebar-widget .brand-logo-img a img {
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-widget .brand-logo-img a img {
    max-width: 100%;
  }
}

.sidebar-widget .pro-details-feature-wrap .single-pro-details-feature {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 17px;
}

.sidebar-widget .pro-details-feature-wrap .single-pro-details-feature:last-child {
  margin-bottom: 0;
}

.sidebar-widget .pro-details-feature-wrap .single-pro-details-feature .pro-details-feature-icon i {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 100%;
  text-align: center;
  background-color: #f3f3f3;
  font-size: 18px;
  color: #666;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.sidebar-widget .pro-details-feature-wrap .single-pro-details-feature .pro-details-feature-content {
  margin-left: 24px;
}

.sidebar-widget .pro-details-feature-wrap .single-pro-details-feature .pro-details-feature-content p {
  font-size: 14px;
  color: #000000;
  margin: 0;
}

.sidebar-widget .pro-details-feature-wrap .single-pro-details-feature:hover .pro-details-feature-icon i {
  background-color: #fc4a1a;
  color: #ffffff;
}

.sidebar-widget .sidebar-banner a {
  display: block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-widget .sidebar-banner a {
    display: inline-block;
  }
}

.sidebar-widget .sidebar-banner a img {
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-widget .sidebar-banner a img {
    max-width: 100%;
  }
}

.sidebar-widget .sidebar-post ul li {
  display: block;
  margin-bottom: 17px;
}

.sidebar-widget .sidebar-post ul li:last-child {
  margin-bottom: 0;
}

.sidebar-widget .sidebar-post ul li a {
  display: block;
}

.sidebar-widget .sidebar-recent-comments ul li {
  display: block;
  color: #888;
  font-size: 15px;
  margin-bottom: 17px;
  position: relative;
}

.sidebar-widget .sidebar-recent-comments ul li::before {
  content: "";
  font-family: simple-line-icons;
  position: relative;
  top: 2px;
  margin-right: 10px;
}

.sidebar-widget .sidebar-recent-comments ul li:last-child {
  margin-bottom: 0;
}

.sidebar-widget .sidebar-recent-comments ul li span {
  color: #000000;
}

.sidebar-widget .sidebar-recent-comments ul li a {
  display: inline-block;
}

.sidebar-widget .sidebar-recent-comments ul li a:hover {
  text-decoration: underline;
}

.sidebar-widget .sidebar-search form {
  position: relative;
}

.sidebar-widget .sidebar-search form input {
  border: 1px solid #e5e5e5;
  height: 55px;
  background-color: transparent;
  color: #888;
  padding: 2px 12px;
  font-size: 15px;
}

.sidebar-widget .sidebar-search form input::-moz-input-placeholder {
  color: #888;
  opacity: 1;
}

.sidebar-widget .sidebar-search form input::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
}

.shop-topbar-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .shop-topbar-wrapper {
    display: block;
  }
  .shop-topbar-wrapper.mb-35 {
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-topbar-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.shop-topbar-wrapper .total-product p {
  color: #000000;
}

.shop-topbar-wrapper .total-product p span {
  color: #fc4a1a;
}

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

.shop-topbar-wrapper .sort-by-product-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  color: #888;
}

.shop-topbar-wrapper .sort-by-product-area span {
  display: inline-block;
  white-space: nowrap;
}

.shop-topbar-wrapper .sort-by-product-area select {
  color: #000000;
  font-size: 15px;
  padding: 0px 45px 0px 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff url("../../assets/images/icon-img/shop.png") no-repeat scroll right 10px center;
}

@media only screen and (max-width: 767px) {
  .shop-topbar-wrapper .sort-by-product-area select {
    padding: 0px 20px 0px 15px;
  }
}

.pro-pagination-style ul li {
  display: inline-block;
  margin: 0 25px 0 0;
}

.pro-pagination-style ul li a {
  display: inline-block;
  font-size: 18px;
  color: #000000;
}

.pro-pagination-style ul li a:hover {
  color: #fc4a1a;
}

.pro-pagination-style ul li a.active {
  color: #fc4a1a;
}

.pro-pagination-style ul li a.active:hover {
  color: #000000;
}

.pro-pagination-style ul li a.next {
  font-size: 24px;
  color: #999;
  position: relative;
  top: 3px;
  left: -9px;
}

.pro-pagination-style ul li a.next:hover {
  color: #fc4a1a;
}

.pro-pagination-style ul li:last-child {
  margin: 0 0px 0 0;
}

@media only screen and (max-width: 767px) {
  .pro-pagination-style.mt-10 {
    margin-top: 0px;
  }
}

.single-shop-banner {
  height: 306px;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 105px;
}

@media only screen and (max-width: 767px) {
  .single-shop-banner {
    padding-left: 20px;
    height: 250px;
  }
}

.single-shop-banner .shop-banner-content h3 {
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: block;
  font-weight: 500;
  color: #fc4a1a;
  margin: 0;
}

.single-shop-banner .shop-banner-content h1 {
  font-size: 40px;
  line-height: 46px;
  margin: 22px 0 47px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-shop-banner .shop-banner-content h1 {
    margin: 22px 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-shop-banner .shop-banner-content h1 {
    margin: 22px 0 30px;
    font-size: 35px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .single-shop-banner .shop-banner-content h1 {
    font-size: 27px;
    line-height: 35px;
    margin: 15px 0 20px;
  }
}

.single-shop-banner .shop-banner-content .banner-btn a {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  border-radius: 0;
  border-bottom: 1px solid #000000;
}

.single-shop-banner .shop-banner-content .banner-btn a.btn {
  padding: 0;
}

.single-shop-banner .shop-banner-content .banner-btn a.btn-link {
  color: #000000;
  text-decoration: none;
}

.single-shop-banner .shop-banner-content .banner-btn a.btn-link:hover {
  color: #fc4a1a;
  border-bottom: 1px solid #fc4a1a;
}

.nav-style-9 > span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 1.5%;
  font-size: 13px;
  color: #000000;
  z-index: 9;
  cursor: pointer;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
}

@media only screen and (max-width: 767px) {
  .nav-style-9 > span {
    font-size: 15px;
  }
}

.nav-style-9 > span i {
  line-height: 40px;
}

.nav-style-9 > span:hover {
  background: black;
}

.nav-style-9 > span.shop-slider-icon-1-next {
  left: auto;
  right: 1.5%;
}

.nav-style-9:hover span {
  opacity: 1;
  visibility: visible;
}

.product-style-7 button {
  margin-right: 32px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-style-7 button {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .product-style-7 button {
    margin-right: 8px;
  }
}

.product-style-7 button:last-child {
  margin-right: 0;
}

.product-style-7 button.btn {
  padding: 0;
}

.product-style-7 button.btn-link {
  text-decoration: none;
  color: #000000;
}

.product-style-7 button.btn-link.active {
  font-weight: 600;
  color: #fc4a1a;
}

.product-view {
  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;
}

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-view {
    margin: 0px 0;
  }
}

.product-view span {
  font-size: 15px;
  margin-right: 26px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-view span {
    margin-right: 10px;
  }
}

.product-view ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product-view ul li a {
  font-weight: 500;
  padding: 0 16px;
  border-left: 2px solid #e5e5e5;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-view ul li a {
    margin-right: 0px;
    padding: 0 6px;
  }
}

.product-view ul li a i {
  font-size: 10px;
}

.product-view ul li a.active {
  color: #fc4a1a;
}

.product-view ul li:first-child a {
  border-left: none;
}

.shop-filter > a {
  display: inline-block;
  font-weight: 500;
  text-transform: uppercase;
}

.shop-filter > a i {
  font-size: 10px;
  margin-left: 5px;
}

.shop-filter > a.active {
  color: #fc4a1a;
}

.shop-filter > a.active i::before {
  content: "\e607";
}

.product-filter-wrapper {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 99;
  width: 100%;
  background-color: #f6f6f6;
  border: 1px solid #e5e5e5;
  padding: 34px 20px 6px;
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-wrapper {
    margin: 70px 0 0;
  }
  .shop-area.pt-85 {
    padding-top: 40px;
  }
  .pro-details-sidebar-wrapper {
    margin: 80px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-wrapper {
    margin: 50px 0 0;
  }
  .shop-area.pt-85 {
    padding-top: 20px;
  }
  .pro-details-sidebar-wrapper {
    margin: 60px 0 0;
  }
}

/*-------- 19. Product details style ---------*/
.easyzoom-style {
  position: relative;
}

.easyzoom-style a.easyzoom-pop-up {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  color: #000000;
  font-size: 18px;
  text-align: center;
  z-index: 99;
}

.easyzoom-style a.easyzoom-pop-up i {
  line-height: 50px;
}

.easyzoom-style a.easyzoom-pop-up:hover {
  color: #fc4a1a;
}

.easyzoom-style a.easyzoom-pop-up-2 {
  position: absolute;
  left: 20px;
  bottom: 27px;
  width: 55px;
  height: 55px;
  line-height: 55px;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  color: #000000;
  font-size: 29px;
  text-align: center;
  z-index: 99;
  border-radius: 100%;
  -webkit-box-shadow: 0 10px 30px 0 rgba(2, 3, 3, 0.15);
          box-shadow: 0 10px 30px 0 rgba(2, 3, 3, 0.15);
}

.easyzoom-style a.easyzoom-pop-up-2 i {
  line-height: 55px;
}

.easyzoom-style a.easyzoom-pop-up-2:hover {
  color: #ffffff;
  background-color: #fc4a1a;
}

.easyzoom-style .easyzoom {
  display: block;
}

.easyzoom-style .easyzoom > a {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.easyzoom-style .easyzoom > a img {
  width: 100%;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.easyzoom-style .easyzoom-popup > a img {
  width: 100%;
}

.easyzoom-style .product-details-badges {
  position: absolute;
  left: 15px;
  top: 15px;
  z-index: 99;
}

.easyzoom-style .product-details-badges span {
  color: #fff;
  text-align: center;
  padding: 4px 10px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  font-weight: 500;
  -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;
  background-color: #fc4a1a;
  font-size: 15px;
  color: #fc4a1a;
  color: #ffffff;
}

.single-pro-details-carousel {
  position: relative;
}

.single-pro-details-carousel a {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  color: #000000;
  font-size: 18px;
  text-align: center;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
}

@media only screen and (max-width: 767px) {
  .single-pro-details-carousel a {
    font-size: 14px;
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
}

.single-pro-details-carousel a i {
  line-height: 50px;
}

@media only screen and (max-width: 767px) {
  .single-pro-details-carousel a i {
    line-height: 35px;
  }
}

.single-pro-details-carousel a:hover {
  color: #fc4a1a;
}

.single-pro-details-carousel .pro-details-carousel-img img {
  width: 100%;
  opacity: .4;
}

.single-pro-details-carousel.slick-current a {
  opacity: 1;
  visibility: visible;
}

.single-pro-details-carousel.slick-current .pro-details-carousel-img img {
  opacity: 1;
}

.product-dec-small-style {
  text-align: center;
}

.product-dec-small-style .product-dec-small {
  margin: 0px 0px 28px 0px;
  cursor: pointer;
}

.product-dec-small-style .product-dec-small img {
  width: 100%;
}

.product-dec-small-style .product-dec-small.slick-active {
  border: 1px solid transparent;
}

.product-dec-small-style .product-dec-small.slick-active.slick-current {
  border: 1px solid #fc4a1a;
}

.product-dec-small-style .product-dec-small:last-child {
  margin: 0 0 0px;
}

.product-dec-slider-small-2 .slick-list {
  margin: 0 -6px;
}

.product-dec-slider-small-2 .slick-list .product-dec-plr-1 {
  padding: 0 6px;
}

.product-dec-small-style-2 {
  text-align: center;
  margin-top: 32px;
}

@media only screen and (max-width: 767px) {
  .product-dec-small-style-2 {
    margin-top: 15px;
  }
}

.product-dec-small-style-2 .slick-slide .product-dec-small-2 {
  border: 1px solid transparent;
  cursor: pointer;
}

.product-dec-small-style-2 .slick-slide .product-dec-small-2 img {
  width: 100%;
}

.product-dec-small-style-2 .slick-slide.slick-current .product-dec-small-2 {
  border: 1px solid #fc4a1a;
}

.product-dec-small-style .slick-slide,
.product-dec-small-style-2 .slick-slide {
  border: 1px solid transparent;
}

.product-dec-left {
  position: relative;
  float: left;
  width: 105px;
  padding-right: 30px;
}

@media only screen and (max-width: 767px) {
  .product-dec-left {
    width: 85px;
    padding-right: 28px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-dec-left {
    width: 100px;
  }
}

.product-dec-right {
  float: right;
  position: relative;
  width: calc(100% - 105px);
}

@media only screen and (max-width: 767px) {
  .product-dec-right {
    width: calc(100% - 85px);
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-dec-right {
    width: calc(100% - 100px);
  }
}

.pro-dec-big-img-slider > span.pro-dec-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  font-size: 30px;
  color: #000000;
  cursor: pointer;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}

.pro-dec-big-img-slider > span.pro-dec-icon.pro-dec-next {
  left: auto;
  right: 0;
}

.pro-dec-big-img-slider > span.pro-dec-icon:hover {
  color: #fc4a1a;
}

.pro-dec-big-img-slider:hover > span.pro-dec-icon {
  opacity: 1;
  visibility: visible;
}

.description-review-topbar {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0px 17px;
  margin-bottom: 55px;
}

@media only screen and (max-width: 767px) {
  .description-review-topbar {
    margin-bottom: 35px;
  }
}

.description-review-topbar a {
  color: #888;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 30px;
}

@media only screen and (max-width: 767px) {
  .description-review-topbar a {
    margin: 0 5px 5px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .description-review-topbar a {
    margin: 0 15px 0px;
  }
}

.description-review-topbar a.active {
  color: #fc4a1a;
}

.description-review-topbar.description-review-topbar-modify {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.description-review-topbar.description-review-topbar-modify a {
  margin: 0 60px 0 0;
}

@media only screen and (max-width: 767px) {
  .description-review-topbar.description-review-topbar-modify a {
    margin: 0 10px 5px 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .description-review-topbar.description-review-topbar-modify a {
    margin: 0 30px 0 0;
  }
}

.description-review-topbar-2 {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 55px;
}

@media only screen and (max-width: 767px) {
  .description-review-topbar-2 {
    margin-bottom: 35px;
  }
}

.description-review-topbar-2 a {
  color: #888;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 30px;
  line-height: 1;
  border-bottom: 1px solid transparent;
  padding: 0 0 22px;
}

@media only screen and (max-width: 767px) {
  .description-review-topbar-2 a {
    margin: 0 5px 8px;
    padding: 0 0 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .description-review-topbar-2 a {
    margin: 0 15px 0px;
  }
}

.description-review-topbar-2 a.active {
  color: #fc4a1a;
  border-bottom: 1px solid #fc4a1a;
}

.pro-details-banner img {
  width: 100%;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .pro-details-banner.pro-details-banner-mt {
    margin-top: 30px;
  }
}

.product-description-content h2 {
  font-size: 30px;
  margin: 0 0 22px;
}

@media only screen and (max-width: 767px) {
  .product-description-content h2 {
    margin: 0 0 15px;
  }
}

.product-description-content p {
  line-height: 2;
  margin: 0 0 15px;
}

.product-description-content ul li {
  margin: 0 0 8px;
  color: #767676;
  font-size: 1rem;
}

.product-description-content ul li:last-child {
  margin-bottom: 0;
}

.product-description-content.product-description-bg {
  padding-right: 45px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-description-content.product-description-bg {
    padding-right: 0px;
  }
}

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

@media only screen and (max-width: 767px) {
  .product-description-content.product-description-bg {
    padding-right: 0px;
  }
}

.product-description-content.product-description-bg .product-description-content {
  margin-top: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-description-content.product-description-bg .product-description-content {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-description-content.product-description-bg .product-description-content {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .product-description-content.product-description-bg .product-description-content {
    margin-top: 20px;
    margin-bottom: 40px;
  }
}

.product-description-content.product-des-content-padding1 {
  padding: 0 15px 0 0;
}

.product-description-content.product-des-content-padding2 {
  padding: 0 0px 0 100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-description-content.product-des-content-padding2 {
    padding: 0 0px 0 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-description-content.product-des-content-padding2 {
    padding: 0 0px 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .product-description-content.product-des-content-padding2 {
    padding: 30px 0px 0px 0px;
  }
}

.product-description-content.product-list-style {
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  .product-description-content.product-list-style {
    margin-top: 0px;
  }
}

.product-description-content.product-list-style ul li {
  list-style: disc;
  margin-left: 15px;
}

.product-description-content.content-specifications ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .product-description-content.content-specifications ul li {
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-description-content.content-specifications ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.product-description-content.content-specifications ul li .name {
  min-width: 300px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .product-description-content.content-specifications ul li .name {
    min-width: 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-description-content.content-specifications ul li .name {
    min-width: 250px;
  }
}

.product-description-content.content-specifications ul li .name::after {
  content: " ";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  margin-left: 6px;
}

.product-description-content.content-specifications ul li .name span {
  color: #666;
  font-size: 15px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.product-description-content.content-specifications ul li .value {
  margin-left: 6px;
}

@media only screen and (max-width: 767px) {
  .product-description-content.content-specifications ul li .value {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-description-content.content-specifications ul li .value {
    margin-left: 6px;
  }
}

.product-description-content.content-specifications ul li .value span {
  color: #666;
  font-size: 15px;
}

.video-padding-2 {
  padding: 180px 0 180px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-padding-2 {
    padding: 120px 0 130px;
  }
}

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

.video-content-4 h2 {
  color: #ffffff;
  font-size: 33px;
}
.video-content-2 h2 {
  color: #ffffff;
  font-size: 33px;
  line-height: 52px;
  margin: 0 0 20px;
}
.video-content-2 h3 {
  color: #fff;
  font-size: 17px;
  line-height: 32px;
  margin: 0 0 20px;
}

@media only screen and (max-width: 767px) {
  .video-content-2 h2 {
    font-size: 24px;
    line-height: 38px;
    margin: 0 0 15px;
  }
}

.video-content-2 .video-icon-2 a {
  font-size: 17px;
  font-weight: 500;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.video-content-2 .video-icon-2 a i {
  font-size: 28px;
  margin-left: 6px;
}

.video-content-2 .video-icon-2 a:hover {
  color: #fc4a1a;
}

.product-details-tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 0 20px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.product-details-tag span {
  color: #000000;
  font-size: 15px;
  margin-right: 10px;
}

.product-details-tag ul li {
  display: inline-block;
  margin-right: 5px;
}

.product-details-tag ul li:last-child {
  margin-right: 0;
}

.product-details-tag ul li a {
  font-size: 15px;
  color: #888;
}

.product-details-tag ul li a:hover {
  color: #fc4a1a;
}

.additional-information-content {
  margin-bottom: 54px;
}

.additional-information-content span {
  font-size: 15px;
  font-weight: 500;
  min-width: 80px;
  color: #000000;
  display: inline-block;
}

.additional-information-content ul li {
  color: #888;
  font-size: 15px;
  margin: 0 0 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.additional-information-content ul li:last-child {
  margin: 0 0 0;
}

.advanced-review-rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #e5e5e5;
  padding: 30px;
  margin-bottom: 51px;
}

@media only screen and (max-width: 767px) {
  .advanced-review-rating {
    padding: 30px 15px;
    display: block;
  }
}

.advanced-review-rating .avg-rating {
  border-right: 1px solid #e5e5e5;
  padding-right: 44px;
  margin-right: 22px;
}

@media only screen and (max-width: 767px) {
  .advanced-review-rating .avg-rating {
    border: none;
    margin-bottom: 20px;
  }
}

.advanced-review-rating .avg-rating h4 {
  font-size: 15px;
  margin: 0;
}

.advanced-review-rating .avg-rating h2 {
  font-size: 46px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 24px 0 16px;
  line-height: 35px;
}

.advanced-review-rating .avg-rating h2 > span {
  font-size: 15px;
  color: #888;
  line-height: 1;
}

.advanced-review-rating .avg-rating .avg-rating-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 15px;
}

.advanced-review-rating .avg-rating .avg-rating-icon i {
  font-size: 15px;
  color: #EFC609;
}

.advanced-review-rating .avg-rating span {
  color: #888;
}

.advanced-review-rating .rating-histogram {
  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;
}

.advanced-review-rating .rating-histogram .histogram-rating-icon i {
  font-size: 15px;
  color: #EFC609;
}

.advanced-review-rating .rating-histogram .histogram-rating-icon i.gray {
  color: #D9D9D9;
}

@media only screen and (max-width: 767px) {
  .advanced-review-rating .rating-histogram .histogram-rating-icon i {
    font-size: 14px;
  }
}

.advanced-review-rating .rating-histogram .histogram-status-bar {
  background-color: #eee;
  margin: 0 20px;
  width: 150px;
}

@media only screen and (max-width: 767px) {
  .advanced-review-rating .rating-histogram .histogram-status-bar {
    margin: 0 10px;
    width: 130px;
  }
}

.advanced-review-rating .rating-histogram .histogram-status-bar .histogram-sold-bar {
  background-color: #fc4a1a;
  height: 8px;
}

.advanced-review-rating .rating-histogram .histogram-status-bar .histogram-sold-bar.histogram-sold-bar-width-100 {
  width: 100%;
}

.advanced-review-rating .rating-histogram .histogram-status-bar .histogram-sold-bar.histogram-sold-bar-width-80 {
  width: 80%;
}

.advanced-review-rating .rating-histogram .histogram-status-bar .histogram-sold-bar.histogram-sold-bar-width-60 {
  width: 60%;
}

.advanced-review-rating .rating-histogram .histogram-status-bar .histogram-sold-bar.histogram-sold-bar-width-40 {
  width: 40%;
}

.advanced-review-rating .rating-histogram .histogram-status-bar .histogram-sold-bar.histogram-sold-bar-width-20 {
  width: 20%;
}

.advanced-review-rating .rating-histogram span {
  color: #666;
  display: inline-block;
  line-height: 1;
}

.review-wrapper h2 {
  font-size: 33px;
  color: #323232;
  letter-spacing: .01em;
  margin: 0 0 24px;
}

@media only screen and (max-width: 767px) {
  .review-wrapper h2 {
    font-size: 25px;
    margin: 0 0 18px;
  }
}

.single-review {
  margin: 0 0 52px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 25px;
  background-color: #f3f3f3;
}

@media only screen and (max-width: 767px) {
  .single-review {
    display: block;
    margin: 0 0 20px;
    padding: 20px;
  }
}

.single-review .review-img img {
  width: 70px;
}

.single-review .review-content {
  margin-left: 33px;
}

@media only screen and (max-width: 767px) {
  .single-review .review-content {
    margin-left: 0px;
    margin-top: 20px;
  }
}

.single-review .review-content h5 {
  font-size: 15px;
  margin: 16px 0 11px;
  color: #777;
}

.single-review .review-content h5 span {
  color: #000000;
  font-weight: 500;
  font-size: 15px;
}

.single-review .review-content .review-rating {
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .single-review .review-content .review-rating {
    margin: 10px 0 0px;
  }
}

.single-review .review-content .review-rating i {
  color: #EFC609;
  font-size: 14px;
  margin: 0px 1px;
}

.single-review .review-content p {
  line-height: 25px;
  font-size: 15px;
  color: #777;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .single-review .review-content p {
    font-size: 15px;
  }
}

.ratting-form-wrapper {
  margin-bottom: 60px;
}

.ratting-form-wrapper h2 {
  color: #323232;
  font-size: 33px;
  margin: 0 0 27px;
}

@media only screen and (max-width: 767px) {
  .ratting-form-wrapper h2 {
    font-size: 25px;
    margin: 0 0 20px;
  }
}

.ratting-form-wrapper .ratting-form form .rating-form-style input, .ratting-form-wrapper .ratting-form form .rating-form-style textarea {
  height: 55px;
  color: #495057;
  border: 1px solid #e5e5e5;
  padding: 2px 16px;
  background-color: transparent;
}

.ratting-form-wrapper .ratting-form form .rating-form-style textarea {
  height: 227px;
  padding: 12px 16px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ratting-form-wrapper .ratting-form form .rating-form-style textarea {
    height: 160px;
  }
}

@media only screen and (max-width: 767px) {
  .ratting-form-wrapper .ratting-form form .rating-form-style textarea {
    height: 120px;
  }
}

.ratting-form-wrapper .ratting-form form .rating-form-rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 16px 0 34px;
}

.ratting-form-wrapper .ratting-form form .rating-form-rating i {
  color: #D9D9D9;
  margin-right: 10px;
  font-size: 16px;
}

.ratting-form-wrapper .ratting-form form .rating-form-rating i:hover {
  color: #EFC609;
}

.ratting-form-wrapper .ratting-form form .save-email-option {
  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;
}

.ratting-form-wrapper .ratting-form form .save-email-option input {
  width: auto;
}

.ratting-form-wrapper .ratting-form form .save-email-option label {
  color: #666;
  font-size: 15px;
  margin-left: 10px;
}

.ratting-form-wrapper .ratting-form form .form-submit input {
  width: auto;
  font-weight: 500;
  font-size: 16px;
  border: none;
  padding: 15px 44px;
  height: auto;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #fc4a1a;
}

.ratting-form-wrapper .ratting-form form .form-submit input:hover {
  background-color: #ed3503;
}

.product-details-simple-img img {
  width: 100%;
}

.timer-style-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 17px;
}

@media only screen and (max-width: 767px) {
  .timer-style-2 {
    display: block;
  }
}

.timer-style-2 span {
  font-size: 15px;
  margin-right: 34px;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .timer-style-2 span {
    margin-bottom: 10px;
  }
}

.timer-style-2 .syotimer__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.timer-style-2 .syotimer__body .syotimer-cell {
  text-align: center;
  color: #ffffff;
  background-color: #fc4a1a;
  text-transform: capitalize;
  font-size: 15px;
  margin-right: 7px;
  border-radius: 3px;
  padding: 7px 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .timer-style-2 .syotimer__body .syotimer-cell {
    padding: 7px 8px;
  }
}

@media only screen and (max-width: 767px) {
  .timer-style-2 .syotimer__body .syotimer-cell {
    padding: 7px 8px;
    font-size: 14px;
  }
}

.timer-style-2 .syotimer__body .syotimer-cell .syotimer-cell__value {
  font-size: 20px;
  line-height: 1;
  margin: 0 0 2px;
  font-weight: 500;
}

.product-group-wrap {
  margin: 32px 0 0;
}

.product-group-wrap .single-group-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 14px;
}

.product-group-wrap .single-group-wrap .product-group-title {
  margin: 0 105px 0 65px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-group-wrap .single-group-wrap .product-group-title {
    margin: 0 65px 0 65px;
  }
}

@media only screen and (max-width: 767px) {
  .product-group-wrap .single-group-wrap .product-group-title {
    margin: 0 10px 0 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-group-wrap .single-group-wrap .product-group-title {
    margin: 0 30px 0 30px;
  }
}

.product-group-wrap .single-group-wrap .product-group-title h4 {
  margin: 0;
}

.product-group-wrap .single-group-wrap .product-group-price span {
  color: #690;
  font-weight: 600;
  font-size: 16px;
}

.pro-details-color-wrap {
  margin-bottom: 24px;
  margin-top: 14px;
  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;
}

.pro-details-color-wrap > span {
  display: block;
  font-size: 15px;
  margin: 0 29px 0px 0;
}

.pro-details-size {
  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;
}

.pro-details-size > span {
  display: block;
  font-size: 15px;
  margin: 0 37px 0px 0;
}

.pro-details-size .pro-details-size-content ul {
  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;
}

.pro-details-size .pro-details-size-content ul li {
  margin-right: 10px;
}

.pro-details-size .pro-details-size-content ul li:last-child {
  margin-right: 0;
}

.pro-details-size .pro-details-size-content ul li a {
  display: inline-block;
  color: #888;
  border: 1px solid #e5e5e5;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 38px;
}

.pro-details-size .pro-details-size-content ul li a:hover {
  color: #fc4a1a;
  border: 1px solid #fc4a1a;
}

.pro-details-color-content ul {
  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;
}

.pro-details-color-content ul li {
  margin-right: 10px;
  display: inline-block;
}

.pro-details-color-content ul li:last-child {
  margin-right: 0;
}

.pro-details-color-content ul li a {
  width: 37px;
  height: 37px;
  font-size: 0;
  display: inline-block;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .pro-details-color-content ul li a {
    width: 30px;
    height: 30px;
  }
}

.pro-details-color-content ul li a.active::before {
  color: #fff;
  content: "\f00c";
  font-weight: 900;
  font-family: 'Line Awesome Free';
  font-size: 20px;
  position: absolute;
  z-index: 9;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}

.pro-details-color-content ul li a.blue {
  background-color: #1e73be;
}

.pro-details-color-content ul li a.green {
  background-color: #81d742;
}

.pro-details-color-content ul li a.orange {
  background-color: #dd9933;
}

.pro-details-color-content ul li a.red {
  background-color: #dd3333;
}

.pro-details-color-content ul li a.violet {
  background-color: #1e73be;
}

.single-materials-wrap {
  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;
}

.single-materials-wrap .materials-img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 70px;
      -ms-flex: 0 0 70px;
          flex: 0 0 70px;
  margin-right: 10px;
}

.single-materials-wrap .materials-img a {
  display: block;
}

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

.single-materials-wrap .materials-content h5 {
  margin: 0;
}

.single-materials-wrap .materials-content h5 a {
  color: #666;
}

.materials-wrap {
  margin: 23px 0 0;
}

.materials-wrap span {
  font-size: 15px;
  display: block;
  margin: 0 0 13px;
}

.container .row div[class^="col-"].is-affixed {
  padding-left: 0px;
  padding-right: 0px;
}

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

.video-padding-3 {
  padding: 225px 0 240px;
  margin: 40px 0 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .video-padding-3 {
    padding: 125px 0 140px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-padding-3 {
    padding: 125px 0 140px;
  }
}

@media only screen and (max-width: 767px) {
  .video-padding-3 {
    padding: 80px 0 95px;
    margin: 40px 0 40px;
  }
}

.video-padding-3 .video-content-2 {
  padding: 0 10px;
}

.video-padding-3 .video-content-2 h2 {
  margin: 0 0 8px;
  font-size: 33px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-padding-3 .video-content-2 h2 {
    font-size: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .video-padding-3 .video-content-2 h2 {
    font-size: 20px;
  }
}

.video-icon-3 a {
  font-size: 33px;
  color: #fc4a1a;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-icon-3 a {
    font-size: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .video-icon-3 a {
    font-size: 25px;
  }
}

.video-icon-3 a i {
  color: #ffffff;
  margin-left: -10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-icon-3 a i {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .video-icon-3 a i {
    margin-left: 0px;
  }
}

.video-icon-3 a:hover {
  color: #ffffff;
}

.nav-style-10 > span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0%;
  font-size: 24px;
  color: #000000;
  width: 55px;
  height: 55px;
  text-align: center;
  z-index: 9;
  cursor: pointer;
  border: 1px solid #e5e5e5;
  background-color: #ffffff;
  opacity: 0;
  visibility: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-10 > span {
    font-size: 20px;
    width: 45px;
    height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .nav-style-10 > span {
    font-size: 18px;
    width: 40px;
    height: 40px;
  }
}

.nav-style-10 > span i {
  line-height: 55px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-10 > span i {
    line-height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .nav-style-10 > span i {
    line-height: 40px;
  }
}

.nav-style-10 > span:hover {
  background-color: #fc4a1a;
  color: #ffffff;
}

.nav-style-10 > span.slider-icon-1-next {
  left: auto;
  right: 0%;
}

.nav-style-10:hover > span {
  opacity: 1;
  visibility: visible;
}

.product-details-full-screen {
  position: relative;
  overflow: hidden;
}

.product-details-full-screen .full-screen-prev {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transform: translate(calc(-100% + 70px), 0);
      -ms-transform: translate(calc(-100% + 70px), 0);
          transform: translate(calc(-100% + 70px), 0);
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

@media only screen and (max-width: 767px) {
  .product-details-full-screen .full-screen-prev {
    -webkit-transform: translate(calc(-100% + 50px), 0);
        -ms-transform: translate(calc(-100% + 50px), 0);
            transform: translate(calc(-100% + 50px), 0);
  }
}

.product-details-full-screen .full-screen-prev a img {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.product-details-full-screen .full-screen-prev:hover {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.product-details-full-screen .full-screen-next {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transform: translate(calc(100% - 70px), 0);
      -ms-transform: translate(calc(100% - 70px), 0);
          transform: translate(calc(100% - 70px), 0);
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

@media only screen and (max-width: 767px) {
  .product-details-full-screen .full-screen-next {
    -webkit-transform: translate(calc(100% - 50px), 0);
        -ms-transform: translate(calc(100% - 50px), 0);
            transform: translate(calc(100% - 50px), 0);
  }
}

.product-details-full-screen .full-screen-next:hover {
  -webkit-transform: translate(1px, 0);
      -ms-transform: translate(1px, 0);
          transform: translate(1px, 0);
}

.product-details-full-screen .full-screen-content-wrap {
  background-color: #ffffff;
}

.product-details-full-screen .full-screen-content-wrap a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.product-details-full-screen .full-screen-content-wrap a img {
  width: 70px;
  border: 1px solid #e5e5e5;
}

@media only screen and (max-width: 767px) {
  .product-details-full-screen .full-screen-content-wrap a img {
    width: 50px;
  }
}

.product-details-full-screen .full-screen-content-wrap a .full-screen-content span {
  display: block;
  padding-left: 16px;
  padding-right: 42px;
  line-height: 1;
}

.product-details-full-screen .full-screen-content-wrap a .full-screen-content span.title {
  color: #000000;
  margin: 0 0 11px;
}

.product-details-full-screen .full-screen-content-wrap a .full-screen-content span.price {
  color: #000000;
  font-weight: 600;
}

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

.pro-details-video-img {
  position: relative;
}

.pro-details-video-img img {
  width: 100%;
}

.pro-details-video-img .video-icon-5 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}

.pro-details-video-img .video-icon-5 a {
  background-color: #fff;
  padding: 23px 24px;
  display: block;
  border-radius: 50px;
}

.pro-details-video-img .video-icon-5 a span {
  display: block;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-left: 12px solid #000000;
  border-bottom: 7px solid transparent;
}

.pro-details-video-img .video-icon-5 a:hover {
  background-color: #fc4a1a;
}

.pro-details-video-img .video-icon-5 a:hover span {
  border-left: 12px solid #ffffff;
}

/*-------- 16. Cart style ---------*/
.cart-table-content .table-content table {
  width: 100%;
}

.cart-table-content .table-content table thead {
  background-color: #f3f3f3;
}

.cart-table-content .table-content table thead > tr th {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 14px 23px 14px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content .table-content table thead > tr th {
    padding: 14px 8px 14px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table-content .table-content table thead > tr th {
    padding: 14px 8px 14px;
  }
}

.cart-table-content .table-content table thead > tr th.width-thumbnail {
  min-width: 130px;
}

@media only screen and (max-width: 767px) {
  .cart-table-content .table-content table thead > tr th.width-thumbnail {
    min-width: 100px;
  }
}

.cart-table-content .table-content table thead > tr th.width-name {
  min-width: 400px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-table-content .table-content table thead > tr th.width-name {
    min-width: 200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content .table-content table thead > tr th.width-name {
    min-width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table-content .table-content table thead > tr th.width-name {
    min-width: 100px;
  }
}

.cart-table-content .table-content table thead > tr th.width-price {
  min-width: 162px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content .table-content table thead > tr th.width-price {
    min-width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table-content .table-content table thead > tr th.width-price {
    min-width: 100px;
  }
}

.cart-table-content .table-content table thead > tr th.width-quantity {
  min-width: 170px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content .table-content table thead > tr th.width-quantity {
    min-width: 140px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table-content .table-content table thead > tr th.width-quantity {
    min-width: 140px;
  }
}

.cart-table-content .table-content table thead > tr th.width-subtotal {
  min-width: 145px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content .table-content table thead > tr th.width-subtotal {
    min-width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table-content .table-content table thead > tr th.width-subtotal {
    min-width: 100px;
  }
}

.cart-table-content .table-content table thead > tr th.width-remove {
  min-width: 101px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content .table-content table thead > tr th.width-remove {
    min-width: 67px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table-content .table-content table thead > tr th.width-remove {
    min-width: 67px;
  }
}

.cart-table-content .table-content table tbody > tr {
  border-bottom: 1px solid #e5e5e5;
}

.cart-table-content .table-content table tbody > tr td {
  padding: 23px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content .table-content table tbody > tr td {
    padding: 23px 8px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table-content .table-content table tbody > tr td {
    padding: 23px 8px;
  }
}

.cart-table-content .table-content table tbody > tr td.product-thumbnail a {
  display: block;
}

.cart-table-content .table-content table tbody > tr td.product-thumbnail a img {
  width: 80px;
}

.cart-table-content .table-content table tbody > tr td.product-name h5 {
  display: block;
  font-size: 15px;
  color: #000000;
}

.cart-table-content .table-content table tbody > tr td.product-name h5 a {
  color: #000000;
}

.cart-table-content .table-content table tbody > tr td.product-name h5 a:hover {
  color: #fc4a1a;
}

.cart-table-content .table-content table tbody > tr td.product-price span, .cart-table-content .table-content table tbody > tr td.product-total span {
  font-size: 16px;
  font-weight: 600;
  color: #690;
}

.cart-table-content .table-content table tbody > tr td.product-remove a {
  font-size: 18px;
  color: #000000;
  display: inline-block;
}

.cart-table-content .table-content table tbody > tr td.product-remove a:hover {
  color: #fc4a1a;
}

.cart-shiping-update-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 55px 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-shiping-update-wrapper {
    margin: 30px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .cart-shiping-update-wrapper {
    margin: 30px 0 0;
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cart-shiping-update-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.cart-shiping-update-wrapper .cart-shiping-btn a {
  font-size: 16px;
  font-weight: 600;
  background-color: #fc4a1a;
}

.cart-shiping-update-wrapper .cart-shiping-btn a.btn {
  border-radius: 3px;
  padding: 12px 24px;
}

.cart-shiping-update-wrapper .cart-shiping-btn a.btn-link {
  color: #ffffff;
  text-decoration: none;
}

.cart-shiping-update-wrapper .cart-shiping-btn a i {
  font-size: 14px;
  margin-right: 6px;
  position: relative;
  top: 1px;
}

@media only screen and (max-width: 767px) {
  .cart-shiping-update-wrapper .cart-shiping-btn.continure-btn {
    margin: 0px 0 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cart-shiping-update-wrapper .cart-shiping-btn.continure-btn {
    margin: 0px 0 0px;
  }
}

.cart-shiping-update-wrapper .cart-shiping-btn.continure-btn a {
  background-color: #fc4a1a;
}

.cart-shiping-update-wrapper .cart-shiping-btn.continure-btn a:hover {
  background-color: #000000;
}

.cart-shiping-update-wrapper .cart-shiping-btn.update-btn a {
  background-color: #000000;
}

.cart-shiping-update-wrapper .cart-shiping-btn.update-btn a:hover {
  background-color: #fc4a1a;
}

.cart-calculate-discount-wrap h4 {
  font-size: 20px;
  margin: 0 0 40px;
}

@media only screen and (max-width: 767px) {
  .cart-calculate-discount-wrap h4 {
    margin: 0 0 20px;
  }
}

.select-style {
  margin-bottom: 15px;
}

.select-style .select2-container--default {
  display: block;
}

.select-style .select2-container--default .select2-selection--single {
  border: 1px solid #e5e5e5;
  border-radius: 0;
  height: 52px;
  line-height: 52px;
}

.select-style .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 13px;
  right: 10px;
}

.select-style .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #495057;
  line-height: 52px;
  padding-left: 16px;
  padding-right: 20px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #e5e5e5;
  height: 52px;
  background-color: transparent;
}

.calculate-discount-content p {
  font-size: 14px;
  margin-bottom: 18px;
  display: block;
  color: #666;
}

.calculate-discount-content .input-style {
  margin-bottom: 15px;
}

.calculate-discount-content .input-style input {
  color: #495057;
  height: 52px;
  border: 1px solid #e5e5e5;
  background-color: transparent;
  padding: 2 16px;
}

.calculate-discount-content .input-style input:-moz-input-placeholder {
  color: #495057;
  opacity: 1;
}

.calculate-discount-content .input-style input:-webkit-input-placeholder {
  color: #495057;
  opacity: 1;
}

.calculate-discount-content .calculate-discount-btn a {
  font-size: 16px;
  font-weight: 600;
  background-color: #000000;
}

.calculate-discount-content .calculate-discount-btn a.btn {
  border-radius: 3px;
  padding: 10px 19px 14px;
}

.calculate-discount-content .calculate-discount-btn a.btn-link {
  text-decoration: none;
  color: #ffffff;
}

.calculate-discount-content .calculate-discount-btn a:hover {
  background-color: #fc4a1a;
}

.grand-total-wrap .grand-total-content {
  padding: 30px;
  padding: 34px 30px 33px;
  background-color: #f5f5f5;
}

.grand-total-wrap .grand-total-content h3 {
  font-size: 16px;
  margin: 0;
  border-bottom: 1px solid #ccc;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 18px;
}

.grand-total-wrap .grand-total-content h3 span {
  font-size: 16px;
  font-weight: 600;
  color: #690;
}

.grand-total-wrap .grand-total-content .grand-shipping {
  padding: 38px 0 32px;
}

.grand-total-wrap .grand-total-content .grand-shipping > span {
  font-size: 16px;
}

.grand-total-wrap .grand-total-content .grand-shipping ul {
  padding: 17px 0 0px;
}

.grand-total-wrap .grand-total-content .grand-shipping ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 7px;
}

.grand-total-wrap .grand-total-content .grand-shipping ul li:last-child {
  margin-bottom: 0;
}

.grand-total-wrap .grand-total-content .grand-shipping ul li input {
  width: auto;
  height: auto;
}

.grand-total-wrap .grand-total-content .grand-shipping ul li label {
  font-size: 16px;
  font-weight: 400;
  color: #666;
  margin-left: 10px;
}

.grand-total-wrap .grand-total-content .shipping-country {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 35px;
  margin-bottom: 30px;
}

.grand-total-wrap .grand-total-content .shipping-country p {
  display: block;
  padding: 10px 20px;
  background-color: #4bb1cf;
  font-weight: 400;
  color: #fff;
  font-size: 14px;
  line-height: 1.7;
  border-left: 6px solid #3198b6;
}

.grand-total-wrap .grand-total h4 {
  font-size: 20px;
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
}

.grand-total-wrap .grand-total h4 span {
  color: #fc4a1a;
}

.grand-total-wrap .grand-total-btn {
  margin-top: 24px;
}

.grand-total-wrap .grand-total-btn a {
  font-size: 18px;
  text-transform: uppercase;
  background-color: #fc4a1a;
  display: block;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .grand-total-wrap .grand-total-btn a {
    font-size: 16px;
  }
}

.grand-total-wrap .grand-total-btn a.btn {
  padding: 15px 20px;
  border-radius: 0;
}

.grand-total-wrap .grand-total-btn a.btn-link {
  text-decoration: none;
  color: #ffffff;
}

.grand-total-wrap .grand-total-btn a:hover {
  background-color: #ed3503;
}

/*-------- 20. Wishlist style ---------*/
.wishlist-table-content .table-content table {
  width: 100%;
}

.wishlist-table-content .table-content table thead {
  background-color: #f3f3f3;
}

.wishlist-table-content .table-content table thead > tr th {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 14px 12px 14px;
}

.wishlist-table-content .table-content table thead > tr th.width-thumbnail {
  min-width: 130px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-table-content .table-content table thead > tr th.width-thumbnail {
    min-width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .wishlist-table-content .table-content table thead > tr th.width-thumbnail {
    min-width: 100px;
  }
}

.wishlist-table-content .table-content table thead > tr th.width-name {
  min-width: 300px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wishlist-table-content .table-content table thead > tr th.width-name {
    min-width: 200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-table-content .table-content table thead > tr th.width-name {
    min-width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .wishlist-table-content .table-content table thead > tr th.width-name {
    min-width: 100px;
  }
}

.wishlist-table-content .table-content table thead > tr th.width-price {
  min-width: 162px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-table-content .table-content table thead > tr th.width-price {
    min-width: 120px;
  }
}

@media only screen and (max-width: 767px) {
  .wishlist-table-content .table-content table thead > tr th.width-price {
    min-width: 120px;
  }
}

.wishlist-table-content .table-content table thead > tr th.width-stock-status {
  min-width: 170px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-table-content .table-content table thead > tr th.width-stock-status {
    min-width: 140px;
  }
}

@media only screen and (max-width: 767px) {
  .wishlist-table-content .table-content table thead > tr th.width-stock-status {
    min-width: 140px;
  }
}

.wishlist-table-content .table-content table thead > tr th.width-subtotal {
  min-width: 145px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-table-content .table-content table thead > tr th.width-subtotal {
    min-width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .wishlist-table-content .table-content table thead > tr th.width-subtotal {
    min-width: 100px;
  }
}

.wishlist-table-content .table-content table thead > tr th.width-remove {
  min-width: 50px;
}

.wishlist-table-content .table-content table tbody > tr {
  border-bottom: 1px solid #e5e5e5;
}

.wishlist-table-content .table-content table tbody > tr td {
  padding: 23px 12px;
}

.wishlist-table-content .table-content table tbody > tr td.product-thumbnail a {
  display: block;
}

.wishlist-table-content .table-content table tbody > tr td.product-thumbnail a img {
  width: 80px;
}

.wishlist-table-content .table-content table tbody > tr td.product-name h5 {
  display: block;
  font-size: 15px;
  color: #000000;
}

.wishlist-table-content .table-content table tbody > tr td.product-name h5 a {
  color: #000000;
}

.wishlist-table-content .table-content table tbody > tr td.product-name h5 a:hover {
  color: #fc4a1a;
}

.wishlist-table-content .table-content table tbody > tr td.product-price span {
  font-size: 16px;
  font-weight: 600;
  color: #690;
}

.wishlist-table-content .table-content table tbody > tr td.stock-status span {
  font-size: 14px;
  font-weight: 600;
  color: #690;
}

.wishlist-table-content .table-content table tbody > tr td.stock-status span i {
  font-size: 15px;
}

.wishlist-table-content .table-content table tbody > tr td.product-remove a {
  font-size: 28px;
  color: #c3c3c3;
  display: inline-block;
}

.wishlist-table-content .table-content table tbody > tr td.product-remove a:hover {
  color: #fc4a1a;
}

.wishlist-table-content .table-content table tbody > tr td.wishlist-cart a {
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
  padding: 10px 15px 9px;
  line-height: 1;
  white-space: pre;
  background-color: #fc4a1a;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wishlist-table-content .table-content table tbody > tr td.wishlist-cart a {
    font-size: 14px;
    padding: 10px 12px 9px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-table-content .table-content table tbody > tr td.wishlist-cart a {
    font-size: 14px;
    padding: 10px 12px 9px;
  }
}

@media only screen and (max-width: 767px) {
  .wishlist-table-content .table-content table tbody > tr td.wishlist-cart a {
    font-size: 14px;
    padding: 10px 12px 9px;
  }
}

.wishlist-table-content .table-content table tbody > tr td.wishlist-cart a:hover {
  background-color: #000000;
}

/*-------- 21. My account style ---------*/
.myaccount-tab-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.myaccount-tab-menu a {
  border: 1px solid #e5e5e5;
  border-bottom: none;
  font-size: 15px;
  display: block;
  padding: 10px 15px;
  text-transform: capitalize;
}

.myaccount-tab-menu a:last-child {
  border-bottom: 1px solid #e5e5e5;
}

.myaccount-tab-menu a:hover, .myaccount-tab-menu a.active {
  background-color: #fc4a1a;
  border-color: #fc4a1a;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  #myaccountContent {
    margin-top: 30px;
  }
}

.myaccount-content {
  border: 1px solid #eeeeee;
  padding: 30px;
}

@media only screen and (max-width: 767px) {
  .myaccount-content {
    padding: 20px 15px;
  }
}

.myaccount-content form {
  margin-top: -20px;
}

.myaccount-content h3 {
  font-size: 20px;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 10px;
  margin-bottom: 25px;
}

.myaccount-content .welcome a:hover {
  color: #fc4a1a;
}

.myaccount-content .welcome strong {
  font-weight: 600;
  color: #fc4a1a;
}

.myaccount-content p {
  line-height: 28px;
  margin-bottom: 2px;
}

.myaccount-content fieldset {
  margin-top: 20px;
}

.myaccount-content fieldset legend {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 600;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
}

.myaccount-content .account-details-form {
  margin-top: 50px;
}

.myaccount-content .account-details-form .single-input-item {
  margin-bottom: 20px;
}

.myaccount-content .account-details-form .single-input-item label {
  font-size: 14px;
  text-transform: capitalize;
  display: block;
  margin: 0 0 5px;
}

.myaccount-content .account-details-form .single-input-item input {
  border: 1px solid #e8e8e8;
  height: 50px;
  background-color: transparent;
  padding: 2px 20px;
  color: #1f2226;
  font-size: 13px;
}

.myaccount-content .account-details-form .single-input-item input:focus {
  border: 1px solid #343538;
}

.myaccount-content .account-details-form .single-input-item button {
  border: none;
  background-color: #fc4a1a;
  text-transform: uppercase;
  font-weight: 600;
  padding: 9px 25px;
  color: #fff;
  font-size: 13px;
}

.myaccount-content .account-details-form .single-input-item button:hover {
  background-color: #1f2226;
}

.myaccount-table {
  white-space: nowrap;
  font-size: 14px;
}

.myaccount-table table th,
.myaccount-table .table th {
  padding: 10px;
  font-weight: 600;
  background-color: #f8f8f8;
  border-color: #ccc;
  border-bottom: 0;
  color: #1f2226;
}

.myaccount-table table td,
.myaccount-table .table td {
  padding: 10px;
  vertical-align: middle;
  border-color: #ccc;
}

.myaccount-table table td a,
.myaccount-table .table td a {
  font-size: 14px;
  color: #000000;
}

.saved-message {
  background-color: #fff;
  border-top: 3px solid #fc4a1a;
  font-size: 14px;
  padding: 20px 0;
  color: #333;
}

/*-------- Start My Account Page Wrapper --------*/
/*-------- 22. Checkout style ---------*/
.checkout-coupon-wrap > p {
  background-color: #f3f3f3;
  padding: 1.188rem 1.25rem;
  border-radius: 3px;
  position: relative;
}

.checkout-coupon-wrap > p.cart-page-title {
  font-size: 14px;
  color: #000000;
}

.checkout-coupon-wrap > p::before {
  content: "";
  font-family: simple-line-icons;
  font-size: 18px;
  margin-right: 12px;
  position: relative;
  top: 3px;
}

.checkout-coupon-wrap > p a {
  color: #4bb1cf;
  margin-left: 6px;
  font-size: 14px;
}

.checkout-coupon-wrap .checkout-coupon-content form p {
  color: #666;
  margin: 0;
}

.checkout-coupon-wrap .checkout-coupon-content form input {
  height: 55px;
  border: 1px solid #e5e5e5;
  background-color: transparent;
  color: #495057;
  font-size: 15px;
  padding: 2px 16px;
  margin: 25px 0 15px;
}

.checkout-coupon-wrap .checkout-coupon-content form button {
  border: none;
  background-color: #fc4a1a;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  padding: 15px 43px;
  padding: 17px 43px 21px;
}

.checkout-coupon-wrap .checkout-coupon-content form button:hover {
  background-color: #ed3503;
}

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

.billing-info-wrap h3 {
  font-size: 20px;
  margin: 0 0 23px;
}

.billing-info-wrap .billing-info label {
  color: #000000;
  display: block;
  margin: 0 0 15px;
}

.billing-info-wrap .billing-info label abbr {
  color: #f33;
}

.billing-info-wrap .billing-info input {
  height: 55px;
  border: 1px solid #e5e5e5;
  background-color: transparent;
  color: #495057;
  font-size: 14px;
  padding: 2px 16px;
}

.billing-info-wrap .billing-info input::-moz-input-placeholder {
  color: #495057;
  opacity: 1;
}

.billing-info-wrap .billing-info input::-webkit-input-placeholder {
  color: #495057;
  opacity: 1;
}

.billing-info-wrap .billing-info input.billing-address {
  margin-bottom: 20px;
}

.billing-info-wrap .billing-select label {
  color: #000000;
  display: block;
  margin: 0 0 15px;
}

.billing-info-wrap .billing-select label abbr {
  color: #f33;
}

.billing-info-wrap .checkout-account input {
  border: 1px solid #e5e5e5;
  display: inline-block;
  float: left;
  height: 10px;
  width: 10px;
  position: relative;
  top: 6px;
  color: #495057;
}

.billing-info-wrap .checkout-account span {
  margin: 0 0 0 12px;
  font-size: 14px;
}

.billing-info-wrap .additional-info-wrap {
  margin: 19px 0 0;
}

.billing-info-wrap .additional-info-wrap label {
  color: #000000;
  display: block;
  margin: 0 0 15px;
}

.billing-info-wrap .additional-info-wrap textarea {
  min-height: 92px;
  background-color: transparent;
  padding: 12px 16px;
  color: #495057;
  font-size: 14px;
  border: 1px solid #e5e5e5;
}

.checkout-coupon-content,
.different-address {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .your-order-area {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .your-order-area {
    margin-top: 30px;
  }
}

.your-order-area h3 {
  font-size: 20px;
  margin: 0 0 21px;
}

.your-order-area .your-order-wrap {
  background-color: #f6f6f6;
  padding: 36px;
}

@media only screen and (max-width: 767px) {
  .your-order-area .your-order-wrap {
    padding: 36px 20px;
  }
}

.your-order-area .your-order-wrap .your-order-title h4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 18px;
  padding: 0 0 22px;
  border-bottom: 1px solid #bebebe;
}

.your-order-area .your-order-wrap .your-order-product {
  padding-bottom: 21px;
}

.your-order-area .your-order-wrap .your-order-product ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 16px;
}

.your-order-area .your-order-wrap .your-order-product ul li:last-child {
  margin: 0 0 0;
}

.your-order-area .your-order-wrap .your-order-product ul li span {
  font-size: 16px;
  color: #690;
  font-weight: 600;
}

.your-order-area .your-order-wrap .your-order-subtotal {
  border-bottom: 1px solid #bebebe;
  border-top: 1px solid #bebebe;
  padding: 20px 0;
}

.your-order-area .your-order-wrap .your-order-subtotal h3 {
  font-size: 15px;
  font-weight: 500;
  margin: 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: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.your-order-area .your-order-wrap .your-order-subtotal h3 span {
  font-size: 18px;
  font-weight: 600;
  color: #fc4a1a;
}

.your-order-area .your-order-wrap .your-order-shipping {
  padding: 21px 0 22px;
}

.your-order-area .your-order-wrap .your-order-shipping > span {
  font-size: 15px;
  font-weight: 500;
}

.your-order-area .your-order-wrap .your-order-shipping ul {
  padding: 17px 0 0px;
}

.your-order-area .your-order-wrap .your-order-shipping ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 7px;
}

.your-order-area .your-order-wrap .your-order-shipping ul li:last-child {
  margin-bottom: 0;
}

.your-order-area .your-order-wrap .your-order-shipping ul li input {
  width: auto;
  height: auto;
}

.your-order-area .your-order-wrap .your-order-shipping ul li label {
  font-size: 16px;
  font-weight: 400;
  color: #666;
  margin-left: 10px;
}

.your-order-area .your-order-wrap .your-order-total {
  border-bottom: 1px solid #bebebe;
  border-top: 1px solid #bebebe;
  padding: 20px 0;
}

.your-order-area .your-order-wrap .your-order-total h3 {
  font-size: 20px;
  font-weight: 500;
  margin: 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: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.your-order-area .your-order-wrap .your-order-total h3 span {
  font-size: 22px;
  font-weight: 600;
  color: #fc4a1a;
}

.your-order-area .your-order-wrap .payment-method {
  padding: 40px 0 10px;
}

.your-order-area .your-order-wrap .payment-method .sin-payment {
  margin-bottom: 25px;
}

.your-order-area .your-order-wrap .payment-method .sin-payment input {
  width: auto;
  display: inline-block;
  float: left;
  height: auto;
  margin-top: 5px;
}

.your-order-area .your-order-wrap .payment-method .sin-payment label {
  font-size: 15px;
  margin: 0px 0 0 21px;
  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;
}

@media only screen and (max-width: 767px) {
  .your-order-area .your-order-wrap .payment-method .sin-payment label {
    display: block;
  }
}

.your-order-area .your-order-wrap .payment-method .sin-payment label img {
  max-width: 140px;
  display: inline-block;
  margin: 0 5px;
}

.your-order-area .your-order-wrap .payment-method .sin-payment label a {
  text-decoration: underline;
}

.your-order-area .your-order-wrap .payment-method .sin-payment .payment-box {
  margin: 6px 0 0 21px;
  display: none;
}

.your-order-area .your-order-wrap .payment-method .sin-payment .payment-box p {
  font-size: 14px;
  line-height: 24px;
  margin: 0;
}

.your-order-area .your-order-wrap .payment-condition {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  padding: 20px 0;
  margin: 0 0 30px;
}

.your-order-area .your-order-wrap .payment-condition p {
  font-size: 14px;
  line-height: 1.9;
}

.your-order-area .your-order-wrap .payment-condition p a {
  color: #fc4a1a;
  font-size: 14px;
}

.your-order-area .your-order-wrap .payment-condition p a:hover {
  text-decoration: underline;
}

.your-order-area .your-order-wrap .payment-checkbox {
  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;
}

.your-order-area .your-order-wrap .payment-checkbox input {
  width: auto;
  height: auto;
}

.your-order-area .your-order-wrap .payment-checkbox span {
  color: #888;
  margin-left: 10px;
}

.your-order-area .your-order-wrap .payment-checkbox span a {
  color: #fc4a1a;
  font-size: 14px;
}

.your-order-area .your-order-wrap .payment-checkbox span a:hover {
  text-decoration: underline;
}

.your-order-area .Place-order {
  margin-top: 20px;
}

.your-order-area .Place-order a {
  padding: 18px 43px 18px;
  font-size: 24px;
  line-height: 1;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  text-align: center;
  background-color: #fc4a1a;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .your-order-area .Place-order a {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .your-order-area .Place-order a {
    font-size: 17px;
  }
}

.your-order-area .Place-order a:hover {
  background-color: #ed3503;
}

/*-------- 23. Order tracking style ---------*/
.order-tracking-content .sin-order-tracking {
  margin: 0 0 25px;
}

.order-tracking-content .sin-order-tracking label {
  font-size: 18px;
  margin: 0 0 13px;
  display: block;
}

.order-tracking-content .sin-order-tracking input {
  background: transparent;
  border: 1px solid #bfbfbf;
  height: 60px;
  padding: 10px 16px;
  color: #495057;
  font-size: 15px;
  border-radius: 3px;
}

.order-tracking-content .order-track-btn {
  text-align: center;
}

.order-tracking-content .order-track-btn a {
  display: block;
  font-weight: 600;
  color: #ffffff;
  background-color: #fc4a1a;
  line-height: 1;
  padding: 20px 45px;
  text-transform: uppercase;
  border-radius: 2px;
  font-size: 18px;
}

.order-tracking-content .order-track-btn a:hover {
  background-color: #ed3503;
}

/*-------- 24. Compare style ---------*/
.compare-table .table tbody tr {
  margin-bottom: 20px;
}

.compare-table .table tbody tr td {
  padding: 20px 20px;
  vertical-align: middle;
  border-color: #e5e5e5;
  color: #000000;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-table .table tbody tr td {
    padding: 20px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .compare-table .table tbody tr td {
    padding: 10px 20px;
  }
}

.compare-table .table tbody tr td.first-column {
  min-width: 175px;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .compare-table .table tbody tr td.first-column {
    min-width: 120px;
  }
}

.compare-table .table tbody tr td.product-image-title {
  min-width: 310px;
  vertical-align: bottom;
  text-align: left;
}

.compare-table .table tbody tr td.product-image-title .image {
  clear: both;
  width: 100%;
  margin-bottom: 15px;
  display: block;
}

.compare-table .table tbody tr td.product-image-title .image img {
  width: 100%;
}

.compare-table .table tbody tr td.product-image-title .category {
  float: left;
  clear: both;
  color: #fc4a1a;
  text-transform: capitalize;
  letter-spacing: 0.5px;
}

.compare-table .table tbody tr td.product-image-title .title {
  float: left;
  clear: both;
  font-size: 16px;
  line-height: 1.2;
  text-transform: capitalize;
  margin-top: 5px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-table .table tbody tr td.product-image-title .title {
    font-size: 16px;
  }
}

.compare-table .table tbody tr td.product-image-title .title:hover {
  color: #fc4a1a;
}

.compare-table .table tbody tr td.pro-desc p {
  text-align: left;
  margin: 0;
  line-height: 30px;
}

.compare-table .table tbody tr td a.check-btn {
  color: #000000;
  font-size: 15px;
}

.compare-table .table tbody tr td a.check-btn:hover {
  color: #fc4a1a;
}

.compare-table .table tbody tr td.pro-price, .compare-table .table tbody tr td.pro-color, .compare-table .table tbody tr td.pro-stock {
  font-size: 15px;
  font-weight: 400;
  color: #000000;
}

.compare-table .table tbody tr td.pro-remove button {
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
}

.compare-table .table tbody tr td.pro-remove button:hover {
  color: #fc4a1a;
}

.compare-table .table tbody tr td.pro-remove button i {
  font-size: 18px;
}

.compare-table .table tbody tr td.pro-ratting i {
  color: #e7a415;
}