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

    Template Name: Parlo - Minimalist eCommerce Bootstrap 5 Template
    Version: 1.2

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

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

    1. Template default CSS
    2. Header style
    3. Slider style
    4. Banner style
    5. Secting title style
    6. Product style
    7. Testimonial style
    8. Feature style
    9. Blog style
    10. Footer style
    11. Instagram style
    12. Breadcrumb style
    13. Shop style
    14. Sidebar style
    15. Product details style
    16. Cart style
    17. Login register style
    18. Blog details style
    19. About us style
    20. Contact us style
    21. Compare style
    22. Checkout style
    23. My account style

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  1. Template default CSS
/*----------------------------------------*/
/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900|Roboto:300,400,500,700,900");
/*-- Common Style --*/
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}


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

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

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

.btn-close:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
:root {
    scroll-behavior: unset;
}
*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  height: 100%;
}

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

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

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

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

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

a,
button,
img,
input,
span {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.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;
}

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

.clear {
  clear: both;
}

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

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

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

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

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

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

a:hover {
  color: #ff3535;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*--
    - Input Placeholder
-----------------------------------------*/
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: 50px;
  font-size: 25px;
  color: #333;
  width: 100%;
}

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

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

input:focus {
  background: transparent;
}

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

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

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

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

/*--
    Scroll Up
-----------------------------------------*/
#scrollUp {
  width: 0px;
  height: 0px;
  background-color: #ff3535;
  color: #fff;
  right: 20px;
  bottom: 60px;
  text-align: center;
  overflow: hidden;
  border-radius: 50px;
  z-index: 9811 !important;
}
@media only screen and (max-width: 767px) {
  #scrollUp {
    width: 0px;
    height: 0px;
  }
}
#scrollUp i {
  display: block;
  line-height: 0px;
  font-size: 8px;
}
@media only screen and (max-width: 767px) {
  #scrollUp i {
    line-height: 0px;
    font-size: 6px;
  }
}
#scrollUp:hover i {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.height-100 {
  height: 100vh;
}

/*--
    - Background Color
------------------------------------------*/
.bg-paleturquoise {
  background-color: #effafa;
}

.bg-aliceblue {
  background-color: #e7eaf0;
}

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

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

.wrapper {
  overflow-x: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-header-wrap {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .main-header-wrap {
    display: none;
  }
}
.main-header-wrap .container {
  position: relative;
}

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

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

.logo {
  padding-top: 40px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.main-menu {
  margin-left: 30px;
}
.main-menu > nav > ul > li {
  display: inline-block;
  margin: 0 26px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li {
    margin: 0 14px;
  }
}
.main-menu > nav > ul > li.angle-shape::before {
  border-bottom: 16px solid #fff;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  height: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  bottom: 0px;
  width: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  z-index: 9999;
}
.main-menu > nav > ul > li > a {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  display: inline-block;
  line-height: 108px;
}
.main-menu > nav > ul > li > a > span {
  position: absolute;
  top: 21px;
  right: -28px;
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  background-color: #ff3535;
  display: inline-block;
  color: #ffffff;
  line-height: 1;
  text-transform: uppercase;
  padding: 3px 10px;
}
.main-menu > nav > ul > li ul.submenu {
  background: #fff none repeat scroll 0 0;
  -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);
  display: block;
  left: 0;
  padding: 22px 30px 24px;
  position: absolute;
  top: 100%;
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
  -webkit-transform-origin: center top 0;
          transform-origin: center top 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 190px;
  z-index: 999;
}
.main-menu > nav > ul > li ul.submenu li {
  margin-bottom: 16px;
}
.main-menu > nav > ul > li ul.submenu li:last-child {
  margin-bottom: 0px;
}
.main-menu > nav > ul > li ul.submenu li a {
  font-weight: 300;
  font-size: 14px;
  color: #000000;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.2px;
  display: block;
  text-transform: capitalize;
}
.main-menu > nav > ul > li ul.submenu li a:hover {
  color: #ff3535;
}
.main-menu > nav > ul > li ul.mega-menu {
  background-color: #fff;
  display: block;
  left: -273px;
  padding: 23px 30px 62px 0;
  position: absolute;
  text-align: left;
  top: 100%;
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
  -webkit-transform-origin: center top 0;
          transform-origin: center top 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 972px;
  z-index: 999;
  -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);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li ul.mega-menu {
    width: 900px;
  }
}
.main-menu > nav > ul > li ul.mega-menu > li {
  display: inline-block;
  float: left;
  padding-left: 30px;
  padding-right: 0;
  width: 25%;
}
.main-menu > nav > ul > li ul.mega-menu > li a.menu-title {
  color: #000000;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.2px;
  display: block;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 18px;
}
.main-menu > nav > ul > li ul.mega-menu > li ul {
  margin-top: 23px;
}
.main-menu > nav > ul > li ul.mega-menu > li ul li {
  margin-bottom: 19px;
}
.main-menu > nav > ul > li ul.mega-menu > li ul li:last-child {
  margin-bottom: 0px;
}
.main-menu > nav > ul > li ul.mega-menu > li ul li a {
  font-weight: 300;
  font-size: 14px;
  color: #000000;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.2px;
  display: block;
  text-transform: capitalize;
}
.main-menu > nav > ul > li ul.mega-menu > li ul li a:hover {
  color: #ff3535;
}
.main-menu > nav > ul > li:hover > ul.mega-menu {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
  visibility: visible;
}
.main-menu > nav > ul > li:hover > ul.submenu {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
  visibility: visible;
}
.main-menu > nav > ul > li:hover a {
  color: #ff3535;
}
.main-menu > nav > ul > li:hover.angle-shape::before {
  opacity: 1;
  visibility: visible;
}

.header-right-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.header-right-wrap .header-search {
  margin-right: 26px;
}
.header-right-wrap .header-search > a {
  font-size: 20px;
}
.header-right-wrap .setting-wrap {
  margin-left: 26px;
}
.header-right-wrap .setting-wrap button {
  background-color: transparent;
  border: none;
  font-size: 20px;
  padding: 0;
}
.header-right-wrap .setting-wrap button:hover {
  color: #ff3535;
}
.header-right-wrap .setting-wrap .setting-content {
  background: #fff none repeat scroll 0 0;
  padding: 26px 30px 32px;
  position: absolute;
  right: 0;
  top: 100%;
  width: 300px;
  z-index: 9999;
  -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);
  max-height: 636px;
  overflow-y: auto;
  display: none;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .header-right-wrap .setting-wrap .setting-content {
    max-height: 510px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-right-wrap .setting-wrap .setting-content {
    max-height: 400px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-right-wrap .setting-wrap .setting-content {
    max-height: 400px;
  }
}
.header-right-wrap .setting-wrap .setting-content ul li {
  padding-bottom: 25px;
}
.header-right-wrap .setting-wrap .setting-content ul li:last-child {
  padding-bottom: 0px;
}
.header-right-wrap .setting-wrap .setting-content ul li h4 {
  font-size: 16px;
  margin: 0;
  color: #000000;
  padding-bottom: 19px;
  border-bottom: 1px solid #cccccc;
  letter-spacing: 0.2px;
}
.header-right-wrap .setting-wrap .setting-content ul li ul {
  padding-top: 18px;
}
.header-right-wrap .setting-wrap .setting-content ul li ul li {
  padding-bottom: 31px;
}
.header-right-wrap .setting-wrap .setting-content ul li ul li:last-child {
  padding-bottom: 0px;
}
.header-right-wrap .setting-wrap .setting-content ul li ul li a {
  letter-spacing: 0.2px;
  color: #000000;
  font-weight: 300;
  display: block;
  line-height: 1;
}
.header-right-wrap .setting-wrap .setting-content ul li ul li a:hover {
  color: #ff3535;
}
.header-right-wrap .setting-wrap:hover {
  color: #ff3535;
}

.cart-wrap {
  position: relative;
}
.cart-wrap > button {
  background-color: transparent;
  border: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Roboto", sans-serif;
}
.cart-wrap > button span.icon-cart {
  font-size: 20px;
  position: relative;
}
.cart-wrap > button span.icon-cart .count-style {
  position: absolute;
  right: -7px;
  top: -19px;
  background-color: #1f2226;
  color: #fff;
  font-size: 13px;
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border-radius: 100%;
}
.cart-wrap > button span.cart-price {
  font-size: 16px;
  margin-left: 4px;
  display: block;
  line-height: 1;
}
.cart-wrap > button:hover span.icon-cart {
  color: #ff3535;
}
.cart-wrap .shopping-cart-content {
  background: #fff none repeat scroll 0 0;
  padding: 30px 20px;
  position: absolute;
  right: -450px;
  top: 67px;
  width: 340px;
  z-index: 9999;
  -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);
  height: calc(100vh - 108px);
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
}
.cart-wrap .shopping-cart-content.show {
  visibility: visible;
  opacity: 1;
  right: -315px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .cart-wrap .shopping-cart-content.show {
    right: -55px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .cart-wrap .shopping-cart-content.show {
    right: -45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-wrap .shopping-cart-content.show {
    right: -47px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-wrap .shopping-cart-content.show {
    right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-wrap .shopping-cart-content.show {
    right: 5px;
    width: 300px;
  }
}
.cart-wrap .shopping-cart-content .shopping-cart-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 24px;
  margin-bottom: 30px;
}
.cart-wrap .shopping-cart-content .shopping-cart-top h4 {
  font-size: 16px;
  margin: 0;
  line-height: 1;
  color: #000000;
}
.cart-wrap .shopping-cart-content .shopping-cart-top a {
  color: #000000;
  font-size: 16px;
}
.cart-wrap .shopping-cart-content .shopping-cart-top a:hover {
  color: #ff3535;
}
.cart-wrap .shopping-cart-content ul {
  height: 450px;
  overflow-y: auto;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .cart-wrap .shopping-cart-content ul {
    height: 350px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .cart-wrap .shopping-cart-content ul {
    height: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-wrap .shopping-cart-content ul {
    height: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-wrap .shopping-cart-content ul {
    height: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-wrap .shopping-cart-content ul {
    height: 200px;
  }
}
.cart-wrap .shopping-cart-content ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cart-wrap .shopping-cart-content ul li .shopping-cart-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  margin-right: 20px;
  position: relative;
}
.cart-wrap .shopping-cart-content ul li .shopping-cart-img img {
  width: 100%;
}
.cart-wrap .shopping-cart-content ul li .shopping-cart-img .item-close {
  position: absolute;
  top: 10px;
  left: 10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.cart-wrap .shopping-cart-content ul li .shopping-cart-title h4 {
  font-size: 16px;
  margin: 0;
  font-weight: 300;
  letter-spacing: 0.2px;
}
.cart-wrap .shopping-cart-content ul li .shopping-cart-title h4 a {
  color: #000000;
  line-height: 1;
  display: block;
}
.cart-wrap .shopping-cart-content ul li .shopping-cart-title h4 a:hover {
  color: #ff3535;
}
.cart-wrap .shopping-cart-content ul li .shopping-cart-title span {
  font-size: 14px;
  font-weight: 300;
  color: #000000;
  letter-spacing: 0.2px;
}
.cart-wrap .shopping-cart-content ul li:last-child {
  margin-bottom: 0;
}
.cart-wrap .shopping-cart-content ul li:hover .shopping-cart-img .item-close {
  opacity: 1;
  visibility: visible;
}
.cart-wrap .shopping-cart-content .shopping-cart-bottom {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
}
.cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-total {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 18px 0px 17px;
  margin: 30px 0 30px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-total {
    margin: 15px 0 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-total {
    margin: 15px 0 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-total {
    margin: 15px 0 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-total {
    margin: 15px 0 15px;
  }
}
.cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-total h4 {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0.2px;
  margin: 0;
}
.cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-total h4 span {
  float: right;
}
.cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-btn {
  margin-top: 23px;
}
.cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-btn a {
  margin-bottom: 10px;
  padding: 16px 40px 17px;
  font-weight: 600;
  font-size: 16px;
  display: block;
  text-transform: uppercase;
  border: 1px solid #cccccc;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-btn a {
    padding: 12px 40px 13px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-btn a {
    padding: 12px 40px 13px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-btn a {
    padding: 12px 40px 13px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-btn a {
    padding: 12px 40px 13px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-btn a {
    padding: 12px 40px 13px;
    font-size: 14px;
  }
}
.cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-btn a:hover {
  background-color: #ff3535;
  color: #ffffff;
  border: 1px solid #ff3535;
}
.cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-btn a:last-child {
  margin-bottom: 0;
}

.wrapper-cart .body-overlay-2 {
  background-color: transparent;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
  z-index: 999;
}
.wrapper-cart.overlay-active-2 .body-overlay-2 {
  opacity: 1;
  visibility: visible;
}

.main-search-active {
  background: rgba(0, 0, 0, 0.95) none repeat scroll 0 0;
  color: #353535;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100vh;
  padding: 32px 46px 39px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transform: translateX(110%);
          transform: translateX(110%);
  transition: transform 0.5s ease-in-out 0s, -webkit-transform 0.5s ease-in-out 0s;
  width: 100%;
  z-index: 9999;
}
.main-search-active.inside {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  z-index: 9999;
}
.main-search-active .sidebar-search-icon {
  display: block;
  overflow: hidden;
  position: absolute;
  right: 50%;
  top: 50px;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.main-search-active .sidebar-search-icon button {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  cursor: pointer;
  font-size: 35px;
  line-height: 1;
  padding: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.main-search-active .sidebar-search-icon button:hover {
  color: #ff3535;
}
.main-search-active .sidebar-search-input {
  padding: 300px 0 0;
}
.main-search-active .sidebar-search-input .form-search {
  position: relative;
}
.main-search-active .sidebar-search-input .form-search input {
  background-color: transparent;
  border-color: #6e6e6e;
  border-style: solid;
  border-width: 0 0 1px;
  color: #c0c0c0;
  display: block;
  font-size: 20px;
  height: 50px;
  line-height: 62px;
  padding: 0;
  width: 770px;
  font-family: "Poppins", sans-serif;
  letter-spacing: 2px;
  padding: 0 55px 0 0;
}
.main-search-active .sidebar-search-input .form-search input::-moz-input-placeholder {
  color: #c0c0c0;
  opacity: 1;
}
.main-search-active .sidebar-search-input .form-search input::-webkit-input-placeholder {
  color: #c0c0c0;
  opacity: 1;
}
.main-search-active .sidebar-search-input .form-search button {
  background-color: transparent;
  border: medium none;
  color: #ffffff;
  cursor: pointer;
  font-size: 20px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 13px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.main-search-active .sidebar-search-input .form-search button:hover {
  color: #ff3535;
}

.stick .logo {
  padding-top: 25px;
}
.stick .main-menu > nav > ul > li > a {
  line-height: 80px;
}
.stick .main-menu > nav > ul > li > a span {
  top: 8px;
}
.stick .header-right-wrap {
  padding-top: 25px;
}
.stick .cart-wrap .shopping-cart-content {
  top: 54px;
  height: calc(100vh - 80px);
}

.stick .header-small-mobile .header-right-wrap {
  padding-top: 3px;
}

.header-small-mobile .header-right-wrap {
  padding-top: 3px;
}
.header-small-mobile .header-right-wrap .cart-wrap .shopping-cart-content {
  top: 51px;
  height: calc(100vh - 79px);
}
.header-small-mobile .header-right-wrap .cart-wrap .shopping-cart-content .shopping-cart-top {
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.header-small-mobile .header-right-wrap .cart-wrap .shopping-cart-content.show {
  right: -40px;
}
.header-small-mobile .header-right-wrap .cart-wrap .shopping-cart-content .shopping-cart-bottom {
  margin-top: 12px;
}
.header-small-mobile .header-right-wrap .cart-wrap .shopping-cart-content .shopping-cart-bottom a {
  padding: 9px 40px 10px;
  font-size: 13px;
}
.header-small-mobile .header-right-wrap .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-total {
  padding: 12px 0px 11px;
  margin: 15px 0 15px;
}
.header-small-mobile .header-right-wrap .mobile-off-canvas {
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .header-small-mobile .header-right-wrap .mobile-off-canvas {
    margin-left: 12px;
  }
}
.header-small-mobile .header-right-wrap .mobile-off-canvas a {
  font-size: 20px;
}

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

.mobile-off-canvas-active {
  position: fixed;
  top: 0;
  width: 330px;
  min-height: 100vh;
  bottom: 0;
  z-index: 111;
  right: -330px;
  visibility: hidden;
  opacity: 1;
  -webkit-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  background-color: #fff;
  -webkit-box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  z-index: 9999;
}
@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active {
    width: 260px;
    right: -260px;
  }
}
.mobile-off-canvas-active.inside {
  visibility: visible;
  opacity: 1;
  right: 0px;
}
.mobile-off-canvas-active .mobile-aside-close {
  position: absolute;
  left: -40px;
  top: 0px;
  z-index: 9;
  width: 40px;
  height: 40px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  background-color: #343538;
}
.mobile-off-canvas-active .mobile-aside-close i {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  color: #fff;
}
.mobile-off-canvas-active .mobile-aside-close:hover i {
  color: #ff3535;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.mobile-off-canvas-active .header-mobile-aside-wrap {
  padding: 40px 30px 50px;
  overflow: auto;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active .header-mobile-aside-wrap {
    padding: 30px 20px 50px;
  }
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search {
  border-bottom: 1px solid #ddd;
  margin-bottom: 27px;
  padding-bottom: 40px;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form {
  position: relative;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form input {
  background-color: #f6f6f6;
  border: none;
  border-radius: 0px;
  height: 50px;
  padding: 0 60px 0 15px;
  width: 100%;
  font-size: 14px;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button {
  background-color: transparent;
  border-color: #ddd;
  -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%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button {
    font-size: 16px;
  }
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button:hover {
  color: #ff3535;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button i {
  margin-top: 5px;
  display: inline-block;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap {
  border-bottom: 1px solid #ddd;
  margin-bottom: 36px;
  padding-bottom: 27px;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav {
  height: 100%;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li {
  display: block;
  position: relative;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation 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-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand i {
  display: block;
  position: relative;
  width: 10px;
  margin-top: 25px;
  border-bottom: 1px solid #1f2226;
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand i::before {
  top: 0;
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  border-bottom: 1px solid #1f2226;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children.active > .menu-expand i::before {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li a {
  font-size: 16px;
  text-transform: capitalize;
  line-height: 18px;
  position: relative;
  display: inline-block;
  padding: 10px 0;
  font-family: "Roboto", sans-serif;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li a {
  padding: 10px 15px 5px;
  font-size: 14px;
  color: #000000;
  font-weight: 300;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li a:hover {
  color: #ff3535;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li ul li a {
  padding: 10px 30px 5px;
  font-size: 14px;
  color: #000000;
  font-weight: 300;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap {
  border-bottom: 1px solid #ddd;
  margin-bottom: 31px;
  padding-bottom: 37px;
}
@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap {
    display: block;
  }
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang {
  position: relative;
  margin-bottom: 15px;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:last-child {
  margin-bottom: 0;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang a {
  font-size: 16px;
  display: block;
  letter-spacing: 0.2px;
  font-family: "Roboto", sans-serif;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang a i {
  float: right;
  font-size: 10px;
  position: relative;
  top: 8px;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .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;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li {
  padding-bottom: 10px;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li:last-child {
  padding-bottom: 0px;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li a {
  font-size: 14px;
  letter-spacing: 0.2px;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li a:hover {
  color: #ff3535;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:hover > a {
  color: #ff3535;
}
@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang {
    margin-bottom: 5px;
  }
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:last-child {
    margin-bottom: 0;
  }
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap {
  margin-bottom: 20px;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a {
  font-size: 16px;
  margin-right: 20px;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a:last-child {
  margin-right: 0;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.facebook {
  color: #3b5999;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.twitter {
  color: #55acee;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.pinterest {
  color: #bd081c;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.instagram {
  color: #e4405f;
}
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.google {
  color: #dd4b39;
}

.slider-height-1 {
  height: 850px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-1 {
    height: 700px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-1 {
    height: 700px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-1 {
    height: 530px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-1 {
    height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-1 {
    display: block;
    height: auto;
    padding: 50px 0;
  }
}

.single-slider .slider-content h1 {
  font-weight: 600;
  font-size: 80px;
  margin: 0;
  line-height: 68px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider .slider-content h1 {
    font-size: 60px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider .slider-content h1 {
    font-size: 55px;
    line-height: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-content h1 {
    font-size: 35px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider .slider-content h1 {
    font-size: 32px;
    line-height: 29px;
  }
}
.single-slider .slider-content p {
  font-size: 16px;
  line-height: 27px;
  width: 93%;
  margin: 28px 0 36px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider .slider-content p {
    width: 96%;
    margin: 20px 0 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider .slider-content p {
    width: 96%;
    margin: 20px 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-content p {
    width: 96%;
    margin: 20px 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider .slider-content p {
    width: 100%;
    margin: 20px 0 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-slider .slider-content p {
    font-size: 15px;
  }
}
.single-slider .slider-content .slider-btn a {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  line-height: 1;
  border: 2px solid #000000;
  padding: 14px 30px 18px;
}
.single-slider .slider-content .slider-btn a i {
  font-size: 16px;
  color: #1f2226;
  margin-left: 18px;
  position: relative;
  top: 2px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-slider .slider-content .slider-btn a:hover {
  color: #ffffff;
  border: 2px solid #ff3535;
  background-color: #ff3535;
}
.single-slider .slider-content .slider-btn a:hover i {
  color: #ffffff;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider .slider-content.pt-180 {
    padding-top: 235px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider .slider-content.pt-180 {
    padding-top: 115px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-content.pt-180 {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider .slider-content.pt-180 {
    padding-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-slider .slider-content.pt-180 {
    padding-top: 0px;
  }
}
.single-slider .slider-content-2 h1 {
  font-size: 48px;
  line-height: 60px;
  color: #292929;
  margin: 0;
  font-weight: 500;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider .slider-content-2 h1 {
    font-size: 38px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-content-2 h1 {
    font-size: 26px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider .slider-content-2 h1 {
    font-size: 26px;
    line-height: 35px;
  }
}
.single-slider .slider-content-2 p {
  font-size: 16px;
  line-height: 27px;
  color: #1f2226;
  margin: 23px 0px 27px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-content-2 p {
    margin: 10px 0px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider .slider-content-2 p {
    margin: 15px 0px 27px;
  }
}
.single-slider .slider-content-2 .slider-btn a {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  line-height: 1;
  border: 2px solid #000000;
  padding: 14px 30px 18px;
}
.single-slider .slider-content-2 .slider-btn a i {
  font-size: 16px;
  color: #1f2226;
  margin-left: 18px;
  position: relative;
  top: 2px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-slider .slider-content-2 .slider-btn a:hover {
  color: #ffffff;
  border: 2px solid #ff3535;
  background-color: #ff3535;
}
.single-slider .slider-content-2 .slider-btn a:hover i {
  color: #ffffff;
}
.single-slider .slider-single-img {
  margin-left: 40px;
  margin-right: -90px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-slider .slider-single-img {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider .slider-single-img {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider .slider-single-img {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-single-img {
    margin-right: 0px;
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider .slider-single-img {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-slider .slider-single-img {
    margin-top: 0px;
  }
}
.single-slider .slider-single-img-2 {
  margin-left: -22px;
  margin-right: -42px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-slider .slider-single-img-2 {
    margin-right: 0px;
    margin-left: 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider .slider-single-img-2 {
    margin-right: 0px;
    margin-left: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider .slider-single-img-2 {
    margin-right: 0px;
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-single-img-2 {
    margin-right: 0px;
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider .slider-single-img-2 {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-slider .slider-single-img-2 {
    margin-right: 0px;
    margin-left: -22px;
    margin-top: 0px;
  }
}
.single-slider .slider-single-img-3 {
  margin-left: 25px;
  margin-right: -77px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-slider .slider-single-img-3 {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider .slider-single-img-3 {
    margin-right: 0px;
    margin-left: 160px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider .slider-single-img-3 {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-single-img-3 {
    margin-right: 0px;
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider .slider-single-img-3 {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-slider .slider-single-img-3 {
    margin-top: 0px;
  }
}

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

.owl-item.active .slider-animated-1 h1 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.owl-item.active .slider-animated-1 p {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.owl-item.active .slider-animated-1 a {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.owl-item.active .slider-animated-1.slider-single-img img {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.owl-item.active .slider-animated-1.slider-single-img-2 img {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.owl-item.active .slider-animated-1.slider-single-img-3 img {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.nav-style-1.owl-carousel .owl-nav div {
  color: #1f2226;
  display: inline-block;
  font-size: 22px;
  left: 18px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border: 1px solid #e1e2e2;
  background-color: #ffffff;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-1.owl-carousel .owl-nav div {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-1.owl-carousel .owl-nav div {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .nav-style-1.owl-carousel .owl-nav div {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
  }
}
.nav-style-1.owl-carousel .owl-nav div:hover {
  background-color: #ff3535;
  color: #ffffff;
  border: 1px solid #ff3535;
}
.nav-style-1.owl-carousel .owl-nav div.owl-next {
  left: auto;
  right: 18px;
}

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

.section-padding-1 {
  padding: 0 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-1 {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-1 {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-1 {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .section-padding-1 {
    padding: 0 15px;
  }
}

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

.section-padding-3 .container-fluid {
  padding: 0 100px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-3 .container-fluid {
    padding: 0 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-3 .container-fluid {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-3 .container-fluid {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-3 .container-fluid {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .section-padding-3 .container-fluid {
    padding: 0 15px;
  }
}

.section-margin-1 {
  margin: 0 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-margin-1 {
    margin: 0 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-margin-1 {
    margin: 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-margin-1 {
    margin: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .section-margin-1 {
    margin: 0 15px;
  }
}

.slider-height-2 {
  height: 840px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@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: 600px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-2 {
    height: 530px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-2 {
    height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-2 {
    height: auto;
    display: block;
    -webkit-box-align: inherit;
        -ms-flex-align: inherit;
            align-items: inherit;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-height-2 {
    height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.slider-area {
  position: relative;
}
.slider-area .nav-style-2 .owl-nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 50px;
}
@media only screen and (max-width: 767px) {
  .slider-area .nav-style-2 .owl-nav {
    right: 20px;
  }
}
.slider-area .nav-style-2 .owl-nav div {
  color: #000000;
  width: 50px;
  height: 50px;
  line-height: 53px;
  border-radius: 100%;
  background-color: #fff;
  text-align: center;
  font-size: 20px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media only screen and (max-width: 767px) {
  .slider-area .nav-style-2 .owl-nav div {
    width: 40px;
    height: 40px;
    line-height: 43px;
    font-size: 15px;
  }
}
.slider-area .nav-style-2 .owl-nav div:hover {
  background-color: #1f2226;
  color: #ffffff;
}
.slider-area .nav-style-2 .owl-nav .owl-prev {
  margin-bottom: 62px;
}
.slider-area .nav-style-2 .owl-nav .owl-next {
  margin-top: 63px;
}
.slider-area .nav-style-2.nav-dot-left .owl-nav {
  left: 50px;
}
.slider-area .dot-style-1 .owl-dots {
  right: 68px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .slider-area .dot-style-1 .owl-dots {
    right: 35px;
  }
}
.slider-area .dot-style-1 .owl-dots .owl-dot {
  background-color: transparent;
  border: 1px solid #747474;
  border-radius: 50px;
  display: block;
  height: 10px;
  margin: 14px 0px;
  width: 10px;
}
.slider-area .dot-style-1 .owl-dots .owl-dot.active {
  background-color: #1f2226;
  border: 1px solid #1f2226;
}

.slider-height-3 {
  height: 840px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-3 {
    height: 700px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-3 {
    height: 600px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-3 {
    height: 530px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-3 {
    height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-3 {
    height: auto;
    display: block;
    -webkit-box-align: inherit;
        -ms-flex-align: inherit;
            align-items: inherit;
    padding: 40px 0 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-height-3 {
    height: 420px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0px 0 0px;
  }
}

.slider-area .nav-style-3 .owl-nav {
  position: absolute;
  bottom: 80px;
  left: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-area .nav-style-3 .owl-nav {
    bottom: 30px;
    left: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-area .nav-style-3 .owl-nav {
    bottom: 30px;
    left: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area .nav-style-3 .owl-nav {
    bottom: 30px;
    left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-area .nav-style-3 .owl-nav {
    bottom: 40px;
    left: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-area .nav-style-3 .owl-nav {
    bottom: 20px;
    left: 10px;
  }
}
.slider-area .nav-style-3 .owl-nav div {
  color: #000000;
  width: 50px;
  height: 50px;
  line-height: 53px;
  border-radius: 100%;
  background-color: #fff;
  text-align: center;
  font-size: 20px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-area .nav-style-3 .owl-nav div {
    width: 40px;
    height: 40px;
    line-height: 42px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area .nav-style-3 .owl-nav div {
    width: 40px;
    height: 40px;
    line-height: 42px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-area .nav-style-3 .owl-nav div {
    width: 40px;
    height: 40px;
    line-height: 42px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-area .nav-style-3 .owl-nav div {
    width: 30px;
    height: 30px;
    line-height: 32px;
    font-size: 14px;
  }
}
.slider-area .nav-style-3 .owl-nav div:hover {
  background-color: #1f2226;
  color: #ffffff;
}
.slider-area .nav-style-3 .owl-nav div span {
  position: absolute;
  left: 65px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  color: #000;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.slider-area .nav-style-3 .owl-nav div.owl-prev {
  margin-bottom: 13px;
}
.slider-area .nav-style-3 .owl-nav div.owl-prev:hover span {
  opacity: 1;
  visibility: visible;
  left: 75px;
}
.slider-area .nav-style-3 .owl-nav div.owl-next {
  margin-top: 13px;
}
.slider-area .nav-style-3 .owl-nav div.owl-next:hover span {
  opacity: 1;
  visibility: visible;
  left: 75px;
}

/*-------- 4. Banner style ---------*/
.single-banner {
  position: relative;
  overflow: hidden;
}
.single-banner a img {
  width: 100%;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.single-banner .banner-content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.single-banner .banner-content.banner-position-1 {
  left: 75px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content.banner-position-1 {
    left: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content.banner-position-1 {
    left: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner .banner-content.banner-position-1 {
    left: 40px;
  }
}
.single-banner .banner-content.banner-position-2 {
  right: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .banner-content.banner-position-2 {
    right: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content.banner-position-2 {
    right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content.banner-position-2 {
    right: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner .banner-content.banner-position-2 {
    right: 40px;
  }
}
.single-banner .banner-content.banner-position-3 {
  left: 46%;
}
.single-banner .banner-content.banner-position-4 {
  left: 12%;
  text-align: right;
}
.single-banner .banner-content.banner-position-4 h2 {
  margin: 17px 0 36px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content.banner-position-4 h2 {
    margin: 4px 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content.banner-position-4 h2 {
    margin: 6px 0 8px;
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner .banner-content.banner-position-4 h2 {
    font-size: 28px;
    line-height: 35px;
    margin: 14px 0 16px;
  }
}
.single-banner .banner-content.banner-position-6 {
  position: absolute;
  bottom: 46px;
  right: 45px;
  top: inherit;
  -webkit-transform: inherit;
          transform: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content.banner-position-6 {
    right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content.banner-position-6 {
    right: 24px;
    bottom: 30px;
  }
}
.single-banner .banner-content h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  margin: 0;
  text-transform: uppercase;
}
.single-banner .banner-content h2 {
  font-size: 28px;
  line-height: 35px;
  margin: 24px 0 36px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .banner-content h2 {
    margin: 14px 0 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content h2 {
    font-size: 20px;
    line-height: 25px;
    margin: 4px 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content h2 {
    margin: 6px 0 8px;
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner .banner-content h2 {
    font-size: 28px;
    line-height: 35px;
    margin: 14px 0 16px;
  }
}
.single-banner .banner-content a {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  display: inline-block;
  line-height: 1;
  border-bottom: 1px solid #a5a49d;
  padding-bottom: 1px;
}
.single-banner .banner-content a:hover {
  border-bottom: 1px solid #ff3535;
}
.single-banner .banner-content-2 h4 {
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.3px;
  margin: 0;
  line-height: 1;
  text-transform: uppercase;
}
.single-banner .banner-content-2.banner-position-5 {
  position: absolute;
  left: 40px;
  top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content-2.banner-position-5 {
    left: 15px;
  }
}
.single-banner .banner-content-3 h2 {
  font-size: 28px;
  margin: 0 0 18px;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content-3 h2 {
    font-size: 20px;
    margin: 0 0 12px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content-3 h2 {
    font-size: 20px;
    margin: 0 0 12px;
  }
}
.single-banner .banner-content-3 a {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  display: inline-block;
  line-height: 1;
  border-bottom: 1px solid #a5a49d;
  padding-bottom: 1px;
}
.single-banner .banner-content-3 a:hover {
  border-bottom: 1px solid #ff3535;
}
.single-banner .banner-content-3.banner-position-7 {
  position: absolute;
  left: 0px;
  bottom: 45px;
  right: 0;
  text-align: center;
}
.single-banner .banner-content-4 h3 {
  font-size: 26px;
  font-weight: 500;
  margin: 0;
  color: #000000;
  line-height: 36px;
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content-4 h3 {
    line-height: 30px;
    font-size: 20px;
  }
}
.single-banner .banner-content-4.banner-position-8 {
  position: absolute;
  left: 50px;
  top: 38px;
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content-4.banner-position-8 {
    left: 20px;
    top: 15px;
  }
}
.single-banner .banner-content-4.banner-position-9 {
  position: absolute;
  left: 50px;
  bottom: 44px;
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content-4.banner-position-9 {
    left: 20px;
    bottom: 19px;
  }
}
.single-banner:hover a img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner.mb-130 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner.mb-130 {
    margin-bottom: 30px;
  }
}

.banner-bg-content h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  margin: 0;
  text-transform: uppercase;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-bg-content h3 {
    font-size: 16px;
    line-height: 22px;
  }
}
.banner-bg-content h2 {
  font-size: 45px;
  line-height: 55px;
  margin: 7px 0 14px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-bg-content h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-bg-content h2 {
    font-size: 28px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-bg-content h2 {
    font-size: 22px;
    line-height: 30px;
  }
}
.banner-bg-content a {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  display: inline-block;
  line-height: 1;
  border-bottom: 1px solid #a5a49d;
  padding-bottom: 1px;
}
.banner-bg-content a:hover {
  border-bottom: 1px solid #ff3535;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-bg-content.pl-100 {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-bg-content.pl-100 {
    padding-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-bg-content.pl-100 {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-bg-content.pl-100 {
    padding-left: 0px;
  }
}

.banner-img-2 a img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .banner-img-2 {
    margin-bottom: 30px;
  }
  .banner-img-2.pr-10 {
    padding-right: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-img-2 {
    margin-bottom: 0px;
  }
}

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

/*-------- 5. Secting title style ---------*/
.section-title h2 {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.25px;
  margin: 0 0 18px;
}
@media only screen and (max-width: 767px) {
  .section-title h2 {
    font-size: 27px;
    margin: 0 0 8px;
  }
}
.section-title p {
  color: #5a5a5a;
  margin: 0 auto;
  width: 38%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title p {
    width: 46%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title p {
    width: 58%;
  }
}
@media only screen and (max-width: 767px) {
  .section-title p {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .section-title.pb-60 {
    padding-bottom: 30px;
  }
  .section-title.pb-45 {
    padding-bottom: 30px;
  }
}

/*-------- 6. Product style ---------*/
.product-tab-list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.product-tab-list a {
  display: inline-block;
  margin: 0 10px;
}
@media only screen and (max-width: 767px) {
  .product-tab-list a {
    margin: 0 4px 10px;
  }
  .product-tab-list a:last-child {
    margin: 0 4px 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-tab-list a {
    margin: 0 10px 0px;
  }
}
.product-tab-list a h4 {
  font-size: 14px;
  line-height: 1;
  background-color: #f1f1f1;
  padding: 14px 20px 17px;
  margin: 0;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .product-tab-list a h4 {
    padding: 9px 15px 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-tab-list a h4 {
    padding: 9px 15px 12px;
  }
}
.product-tab-list a.active h4 {
  background-color: #1f2226;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .product-tab-list.pb-60 {
    padding-bottom: 30px;
  }
}

/*Product Wrap*/
.ht-products {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ht-products * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ht-products .ht-product .ht-product-inner {
  border: 1px solid #f1f1f1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  overflow: hidden;
}
.ht-products .ht-product .ht-product-inner .ht-product-countdown-wrap {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  display: none;
}
.ht-products .ht-product .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown {
  max-width: 370px;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
}
.ht-products .ht-product .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown .cd-single {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 25%;
          flex: 1 0 25%;
  max-width: 25%;
  padding: 2px;
}
.ht-products .ht-product .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner {
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center;
}
.ht-products .ht-product .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner h3 {
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 2px;
  color: #ffffff;
}
.ht-products .ht-product .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner p {
  font-size: 12px;
  color: #ffffff;
  margin: 0;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap {
  position: relative;
  overflow: hidden;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
  position: absolute;
  top: 12px;
  z-index: 3;
  font-family: "Roboto", sans-serif;
  color: #444;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label.ht-product-label-left {
  left: 30px;
  right: auto;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label.ht-product-label-right {
  left: auto;
  right: 30px;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image img {
  width: 100%;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-bottom: 25px;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 30px;
  border: none;
  background-color: transparent;
  text-align: center;
  padding: 0;
  cursor: pointer;
  z-index: 99;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-arrow i {
  font-size: 18px;
  line-height: 30px;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-arrow.slick-prev {
  left: 15px;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-arrow.slick-next {
  right: 15px;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-arrow:focus {
  outline: none;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-arrow:hover {
  color: #000000;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-dots {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  left: 0;
  bottom: -25px;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-dots li {
  margin: 0 5px;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-dots li button {
  display: block;
  text-indent: -99999px;
  padding: 0;
  width: 10px;
  height: 10px;
  border: none;
  border-radius: 50%;
  background-color: #cccccc;
  cursor: pointer;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-dots li.slick-active button {
  background-color: #666666;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-slide {
  height: auto;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab {
  overflow: hidden;
  width: 100%;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab .ht-product-cus-tab-pane {
  display: none;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab .ht-product-cus-tab-pane.active {
  display: block;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab .ht-product-cus-tab-pane a {
  display: block;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab .ht-product-cus-tab-pane a img {
  width: 100%;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab-links {
  position: absolute;
  left: 50%;
  bottom: 15px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 0;
  padding: 0;
  list-style: none;
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab-links li {
  width: 33.333333%;
  padding: 0 2px;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab-links li a {
  display: block;
  border: 3px solid rgba(0, 0, 0, 0.55);
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab-links li a.active {
  border-color: rgba(255, 53, 53, 0.55);
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab-links li a img {
  width: 100%;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 25px;
  right: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-action ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style: none;
  margin: -5px;
  padding: 0;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-action ul li {
  padding: 5px;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a {
  color: #000000;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a i {
  font-size: 20px;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a .ht-product-action-tooltip {
  position: absolute;
  left: 100%;
  top: 50%;
  display: block;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 10px;
  line-height: 1;
  color: #f1f1f1;
  background-color: #282828;
  padding: 5px 10px;
  border-radius: 50px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  margin-left: -10px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a:hover {
  color: #ff3535;
}
.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a:hover .ht-product-action-tooltip {
  opacity: 1;
  visibility: visible;
  margin-left: 0;
}
.ht-products .ht-product .ht-product-inner .ht-product-content {
  padding: 27px 24px 30px;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner {
  position: relative;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner > * {
  margin-top: 0;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner > *:last-child {
  margin-bottom: 0;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories {
  position: relative;
  padding-left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 1px;
  background-color: #949494;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories a {
  color: inherit;
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories a:hover {
  color: #ff3535;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title {
    font-size: 17px;
  }
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #444;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a:hover {
  color: #ff3535;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 14px;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span {
  line-height: 1;
  font-weight: 700;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span.old {
  font-size: 13px;
  text-decoration: line-through;
  color: #4a4a4a;
  font-weight: 400;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span.new {
  font-size: 20px;
  margin-right: 8px;
  color: #ff3535;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-left: -3px;
  margin-right: -3px;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting i {
  font-size: 16px;
  line-height: 14px;
  font-weight: 400;
  padding-left: 3px;
  padding-right: 5px;
  color: #aaaaaa;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting i:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting i {
    font-size: 14px;
  }
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: absolute;
  left: 5px;
  top: 0;
  z-index: 3;
  margin-left: -5px;
  margin-right: -5px;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i {
  color: #e7a415;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-countdown-wrap {
  position: static;
  display: none;
  margin-top: 20px;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-countdown-wrap .ht-product-countdown {
  padding: 0;
  margin: -10px -5px;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-action {
  display: none;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  z-index: 99;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-action ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -5px -15px;
  list-style: none;
  padding: 20px 0 0;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-action ul li {
  padding: 5px 10px;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-action ul li a {
  color: #000000;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-action ul li a i {
  font-size: 20px;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-action ul li a .ht-product-action-tooltip {
  position: absolute;
  display: block;
  font-size: 10px;
  line-height: 1;
  color: #f1f1f1;
  background-color: #282828;
  padding: 5px 10px;
  border-radius: 50px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  left: 50%;
  right: auto;
  top: auto;
  bottom: 100%;
  -webkit-transform: translateX(-50%) translateY(10px);
          transform: translateX(-50%) translateY(10px);
  margin-left: 0;
  margin-right: 0;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-action ul li a:hover {
  color: #ff3535;
}
.ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-action ul li a:hover .ht-product-action-tooltip {
  opacity: 1;
  visibility: visible;
  margin-left: 0;
  -webkit-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
}
.ht-products .ht-product .ht-product-inner:hover {
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.ht-products .ht-product.ht-product-countdown-fill .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap .ht-product-countdown {
  background-color: rgba(0, 0, 0, 0.75);
}
.ht-products .ht-product.ht-product-countdown-fill .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner {
  background-color: transparent;
  padding: 0;
}
.ht-products .ht-product.ht-product-countdown-fill .ht-product-inner .ht-product-content .ht-product-countdown-wrap {
  margin-bottom: -30px;
  margin-left: -30px;
  margin-right: -30px;
  margin-top: 30px;
  width: auto;
}
.ht-products .ht-product.ht-product-countdown-fill .ht-product-inner .ht-product-content .ht-product-countdown-wrap .ht-product-countdown {
  background-color: rgba(0, 0, 0, 0.75);
}
.ht-products .ht-product.ht-product-countdown-fill .ht-product-inner .ht-product-content .ht-product-countdown-wrap .ht-product-countdown .cd-single {
  padding: 10px 5px;
}
.ht-products .ht-product.ht-product-countdown-fill .ht-product-inner .ht-product-content .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner {
  background-color: transparent;
  padding: 0;
}
.ht-products .ht-product.ht-product-countdown-fill.ht-product-countdown-left .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner, .ht-products .ht-product.ht-product-countdown-fill.ht-product-countdown-right .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner {
  padding: 5px 3px;
}
.ht-products .ht-product.ht-product-countdown-left .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap {
  bottom: auto;
  top: 0;
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht-products .ht-product.ht-product-countdown-left .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap .ht-product-countdown {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
}
.ht-products .ht-product.ht-product-countdown-left .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap .ht-product-countdown .cd-single {
  max-width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.ht-products .ht-product.ht-product-countdown-left .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner {
  padding: 7px 10px;
}
.ht-products .ht-product.ht-product-countdown-right .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap {
  bottom: auto;
  top: 0;
  left: auto;
  right: 0;
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht-products .ht-product.ht-product-countdown-right .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap .ht-product-countdown {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
}
.ht-products .ht-product.ht-product-countdown-right .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap .ht-product-countdown .cd-single {
  max-width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.ht-products .ht-product.ht-product-countdown-right .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner {
  padding: 7px 10px;
}
.ht-products .ht-product.ht-product-countdown-middle .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap {
  display: block;
  bottom: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ht-products .ht-product.ht-product-countdown-bottom .ht-product-inner .ht-product-image-wrap .ht-product-countdown-wrap {
  display: block;
}
.ht-products .ht-product.ht-product-countdown-content-bottom .ht-product-inner .ht-product-content .ht-product-countdown-wrap {
  display: block;
}
.ht-products .ht-product.ht-product-countdown-content-bottom .ht-product-inner .ht-product-content .ht-product-countdown-wrap .ht-product-countdown .cd-single {
  padding: 10px 5px;
}
.ht-products .ht-product.ht-product-action-right .ht-product-inner .ht-product-image-wrap .ht-product-action {
  left: auto;
  right: 25px;
}
.ht-products .ht-product.ht-product-action-right .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a .ht-product-action-tooltip {
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-right: -10px;
}
.ht-products .ht-product.ht-product-action-right .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a:hover .ht-product-action-tooltip {
  margin-right: 0;
}
.ht-products .ht-product.ht-product-action-bottom .ht-product-inner .ht-product-image-wrap .ht-product-action {
  left: 0;
  right: 0;
  top: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  bottom: 15px;
}
.ht-products .ht-product.ht-product-action-bottom .ht-product-inner .ht-product-image-wrap .ht-product-action ul {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -10px;
}
.ht-products .ht-product.ht-product-action-bottom .ht-product-inner .ht-product-image-wrap .ht-product-action ul li {
  padding: 10px;
}
.ht-products .ht-product.ht-product-action-bottom .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a .ht-product-action-tooltip {
  left: 50%;
  right: auto;
  top: auto;
  bottom: 100%;
  -webkit-transform: translateX(-50%) translateY(10px);
          transform: translateX(-50%) translateY(10px);
  margin-left: 0;
  margin-right: 0;
}
.ht-products .ht-product.ht-product-action-bottom .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a:hover .ht-product-action-tooltip {
  -webkit-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
}
.ht-products .ht-product.ht-product-action-middle .ht-product-inner .ht-product-image-wrap .ht-product-action {
  left: 0;
  right: 0;
}
.ht-products .ht-product.ht-product-action-middle .ht-product-inner .ht-product-image-wrap .ht-product-action ul {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -10px;
}
.ht-products .ht-product.ht-product-action-middle .ht-product-inner .ht-product-image-wrap .ht-product-action ul li {
  padding: 10px;
}
.ht-products .ht-product.ht-product-action-middle .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a .ht-product-action-tooltip {
  left: 50%;
  right: auto;
  top: auto;
  bottom: 100%;
  -webkit-transform: translateX(-50%) translateY(10px);
          transform: translateX(-50%) translateY(10px);
  margin-left: 0;
  margin-right: 0;
}
.ht-products .ht-product.ht-product-action-middle .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a:hover .ht-product-action-tooltip {
  -webkit-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
}
.ht-products .ht-product.ht-product-action-bottom-content .ht-product-inner .ht-product-image-wrap .ht-product-action {
  display: none;
}
.ht-products .ht-product.ht-product-action-bottom-content .ht-product-inner .ht-product-content .ht-product-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ht-products .ht-product.ht-product-action-on-hover .ht-product-inner .ht-product-image-wrap .ht-product-action ul li {
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.ht-products .ht-product.ht-product-action-on-hover .ht-product-inner .ht-product-image-wrap .ht-product-action ul li:nth-child(2) {
  -webkit-transition: all 0.3s ease 0.2s;
  transition: all 0.3s ease 0.2s;
}
.ht-products .ht-product.ht-product-action-on-hover .ht-product-inner .ht-product-image-wrap .ht-product-action ul li:nth-child(3) {
  -webkit-transition: all 0.3s ease 0.4s;
  transition: all 0.3s ease 0.4s;
}
.ht-products .ht-product.ht-product-action-on-hover .ht-product-inner .ht-product-image-wrap .ht-product-action ul li:nth-child(4) {
  -webkit-transition: all 0.3s ease 0.6s;
  transition: all 0.3s ease 0.6s;
}
.ht-products .ht-product.ht-product-action-on-hover .ht-product-inner:hover .ht-product-image-wrap .ht-product-action ul li {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
.ht-products .ht-product.ht-product-action-on-hover.ht-product-action-right .ht-product-inner .ht-product-image-wrap .ht-product-action ul li {
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}
.ht-products .ht-product.ht-product-action-on-hover.ht-product-action-right .ht-product-inner:hover .ht-product-image-wrap .ht-product-action ul li {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.ht-products .ht-product.ht-product-action-on-hover.ht-product-action-bottom .ht-product-inner .ht-product-image-wrap .ht-product-action ul li, .ht-products .ht-product.ht-product-action-on-hover.ht-product-action-middle .ht-product-inner .ht-product-image-wrap .ht-product-action ul li {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.ht-products .ht-product.ht-product-action-on-hover.ht-product-action-bottom .ht-product-inner:hover .ht-product-image-wrap .ht-product-action ul li, .ht-products .ht-product.ht-product-action-on-hover.ht-product-action-middle .ht-product-inner:hover .ht-product-image-wrap .ht-product-action ul li {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.ht-products .ht-product.ht-product-action-style-2 .ht-product-inner .ht-product-image-wrap .ht-product-action ul {
  margin: 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.ht-products .ht-product.ht-product-action-style-2 .ht-product-inner .ht-product-image-wrap .ht-product-action ul:hover {
  overflow: visible;
}
.ht-products .ht-product.ht-product-action-style-2 .ht-product-inner .ht-product-image-wrap .ht-product-action ul li {
  margin-left: 10px;
  margin-right: 10px;
}
.ht-products .ht-product.ht-product-action-style-2 .ht-product-inner .ht-product-image-wrap .ht-product-action ul li:first-child {
  margin-top: 15px;
}
.ht-products .ht-product.ht-product-action-style-2 .ht-product-inner .ht-product-image-wrap .ht-product-action ul li:last-child {
  margin-bottom: 15px;
}
.ht-products .ht-product.ht-product-action-style-2.ht-product-action-round .ht-product-inner .ht-product-image-wrap .ht-product-action ul {
  border-radius: 50px;
}
.ht-products .ht-product.ht-product-action-style-2.ht-product-action-bottom .ht-product-inner .ht-product-image-wrap .ht-product-action {
  bottom: 20px;
}
.ht-products .ht-product.ht-product-action-style-2.ht-product-action-bottom .ht-product-inner .ht-product-image-wrap .ht-product-action ul li {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
}
.ht-products .ht-product.ht-product-action-style-2.ht-product-action-bottom .ht-product-inner .ht-product-image-wrap .ht-product-action ul li:first-child {
  margin-left: 15px;
}
.ht-products .ht-product.ht-product-action-style-2.ht-product-action-bottom .ht-product-inner .ht-product-image-wrap .ht-product-action ul li:last-child {
  margin-right: 15px;
}
.ht-products .ht-product.ht-product-action-style-2.ht-product-action-middle .ht-product-inner .ht-product-image-wrap .ht-product-action ul li {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
}
.ht-products .ht-product.ht-product-action-style-2.ht-product-action-middle .ht-product-inner .ht-product-image-wrap .ht-product-action ul li:first-child {
  margin-left: 15px;
}
.ht-products .ht-product.ht-product-action-style-2.ht-product-action-middle .ht-product-inner .ht-product-image-wrap .ht-product-action ul li:last-child {
  margin-right: 15px;
}
.ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover .ht-product-inner .ht-product-image-wrap .ht-product-action ul {
  height: auto;
  width: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover .ht-product-inner .ht-product-image-wrap .ht-product-action ul li {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  visibility: visible;
  -webkit-transition: none;
  transition: none;
}
.ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover .ht-product-inner:hover .ht-product-image-wrap .ht-product-action ul {
  width: 60px;
}
.ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover.ht-product-action-bottom .ht-product-inner .ht-product-image-wrap .ht-product-action ul, .ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover.ht-product-action-middle .ht-product-inner .ht-product-image-wrap .ht-product-action ul {
  width: auto;
  height: 0;
}
.ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover.ht-product-action-bottom .ht-product-inner:hover .ht-product-image-wrap .ht-product-action ul, .ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover.ht-product-action-middle .ht-product-inner:hover .ht-product-image-wrap .ht-product-action ul {
  height: 60px;
}
.ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover.ht-product-action-bottom .ht-product-inner:hover .ht-product-image-wrap .ht-product-action ul li, .ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover.ht-product-action-middle .ht-product-inner:hover .ht-product-image-wrap .ht-product-action ul li {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.ht-products .ht-product.ht-product-category-right-bottom .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
}
.ht-products .ht-product.ht-product-ratting-top-right .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price {
  margin: 0;
}
.ht-products .ht-product.ht-product-ratting-top-right .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap {
  position: absolute;
  top: 0;
  right: 0;
}

.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-content.jump-2 .tab-pane {
  display: inherit;
  height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.tab-content.jump-2 .tab-pane.active {
  height: auto;
  opacity: 1;
  overflow: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.modal-dialog {
  margin: 2% auto 8%;
  max-width: 960px;
  width: 960px;
  padding: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-dialog {
    width: 720px;
    max-width: 720px;
  }
}
@media only screen and (max-width: 767px) {
  .modal-dialog {
    width: 100%;
    max-width: 100%;
    padding: 35px 0;
  }
}
.modal-dialog .modal-header .close {
  color: #333;
  cursor: pointer;
  opacity: 1;
}
.modal-dialog .modal-header .close:hover {
  color: #ff3535;
}
.modal-dialog .modal-body {
  padding: 35px 15px;
}
.modal-dialog .quickview-big-img img {
  width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content.ml-70 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content.ml-70 {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-content.ml-70 {
    margin-left: 0;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-content.quickview-content {
    margin-top: 30px;
  }
}
.product-details-content h2 {
  font-size: 24px;
  margin: 0 0 0px;
  line-height: 1;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .product-details-content h2 {
    font-size: 20px;
  }
}
.product-details-content .product-details-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 15px 0 26px;
}
.product-details-content .product-details-price span {
  font-size: 19px;
  color: #ff3535;
  font-weight: 700;
}
.product-details-content .product-details-price span.old {
  color: #4a4a4a;
  font-size: 18px;
  text-decoration: line-through;
  margin-left: 20px;
  font-weight: 400;
}
.product-details-content .pro-details-rating-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 17px;
}
.product-details-content .pro-details-rating-wrap .pro-details-rating {
  position: relative;
  margin-right: 39px;
}
.product-details-content .pro-details-rating-wrap .pro-details-rating:before {
  position: absolute;
  right: -19px;
  top: 4px;
  content: "";
  height: 15px;
  width: 2px;
  background-color: #d1d1d1;
}
.product-details-content .pro-details-rating-wrap .pro-details-rating i {
  color: #5f5d5d;
  font-size: 17px;
  margin-right: 5px;
}
.product-details-content .pro-details-rating-wrap .pro-details-rating i.yellow {
  color: #ffa900;
}
.product-details-content .pro-details-rating-wrap span a {
  font-size: 15px;
  color: #ff3535;
}
.product-details-content .pro-details-rating-wrap span a:hover {
  color: #000;
}
.product-details-content p {
  font-size: 14px;
  line-height: 28px;
  margin: 0;
}
.product-details-content .pro-details-list {
  margin: 20px 0 34px;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 37px;
}
.product-details-content .pro-details-list ul li {
  margin: 0 0 5px;
}
.product-details-content .pro-details-list ul li:last-child {
  margin: 0;
}
.product-details-content .pro-details-size-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-size-color {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content .pro-details-size-color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.product-details-content .pro-details-size-color .pro-details-color-wrap {
  margin-right: 20px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-size-color .pro-details-color-wrap {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content .pro-details-size-color .pro-details-color-wrap {
    margin-bottom: 0px;
  }
}
.product-details-content .pro-details-size-color .pro-details-color-wrap span {
  display: block;
  font-weight: 500;
  margin: 0 0 15px;
  font-size: 15px;
}
.product-details-content .pro-details-size-color .pro-details-color-wrap .pro-details-color-content ul li {
  border-radius: 50px;
  cursor: pointer;
  display: block;
  float: left;
  height: 14px;
  margin-right: 15px;
  position: relative;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 14px;
}
.product-details-content .pro-details-size-color .pro-details-color-wrap .pro-details-color-content ul li:last-child {
  margin-right: 0px;
}
.product-details-content .pro-details-size-color .pro-details-color-wrap .pro-details-color-content ul li.blue {
  background-color: #4798f3;
  border: 1px solid #4798f3;
}
.product-details-content .pro-details-size-color .pro-details-color-wrap .pro-details-color-content ul li.maroon {
  background-color: #736751;
  border: 1px solid #736751;
}
.product-details-content .pro-details-size-color .pro-details-color-wrap .pro-details-color-content ul li.gray {
  background-color: #c0c0c0;
  border: 1px solid #c0c0c0;
}
.product-details-content .pro-details-size-color .pro-details-color-wrap .pro-details-color-content ul li.green {
  background-color: #139c57;
  border: 1px solid #139c57;
}
.product-details-content .pro-details-size-color .pro-details-color-wrap .pro-details-color-content ul li.yellow {
  background-color: #e28b37;
  border: 1px solid #e28b37;
}
.product-details-content .pro-details-size-color .pro-details-size span {
  display: block;
  font-weight: 500;
  margin: 0 0 10px;
  font-size: 15px;
}
.product-details-content .pro-details-size-color .pro-details-size .pro-details-size-content ul li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 2px 0 0;
}
.product-details-content .pro-details-size-color .pro-details-size .pro-details-size-content ul li a {
  background-color: #f1f2f6;
  color: #000;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 6px 9px 7px;
  text-transform: uppercase;
}
.product-details-content .pro-details-size-color .pro-details-size .pro-details-size-content ul li a:hover {
  background-color: #ff3535;
  color: #fff;
}
.product-details-content .pro-details-affiliate {
  margin: 30px 0 25px;
}
.product-details-content .pro-details-affiliate a {
  color: #fff;
  display: inline-block;
  font-weight: 600;
  background-color: #000;
  line-height: 1;
  padding: 14px 30px 15px;
  z-index: 9;
  text-transform: uppercase;
  font-size: 13px;
}
.product-details-content .pro-details-affiliate a:hover {
  background-color: #ff3535;
}
.product-details-content .pro-details-quality {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
  margin-bottom: 34px;
}
.product-details-content .pro-details-quality .cart-plus-minus {
  border: 1px solid #e8e8e8;
  display: inline-block;
  height: 60px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 80px;
}
.product-details-content .pro-details-quality .cart-plus-minus .qtybutton {
  color: black;
  cursor: pointer;
  float: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 24px;
}
.product-details-content .pro-details-quality .cart-plus-minus .dec.qtybutton {
  height: 60px;
  left: 0;
  padding-top: 20px;
  top: 0;
}
.product-details-content .pro-details-quality .cart-plus-minus .inc.qtybutton {
  height: 60px;
  padding-top: 20px;
  right: 0;
  top: 0;
}
.product-details-content .pro-details-quality .cart-plus-minus input.cart-plus-minus-box {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: black;
  float: left;
  font-size: 14px;
  height: 60px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 80px;
}
.product-details-content .pro-details-quality .pro-details-cart {
  margin: 0 25px 0 10px;
}
@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-quality .pro-details-cart {
    margin: 0 10px 0 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .pro-details-quality .pro-details-cart {
    margin: 0 17px 0 10px;
  }
}
.product-details-content .pro-details-quality .pro-details-cart a {
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  background-color: #1f2226;
  display: inline-block;
  line-height: 1;
  padding: 23px 38px 23px;
  z-index: 99;
}
.product-details-content .pro-details-quality .pro-details-cart a:hover {
  background-color: #ff3535;
}
@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-quality .pro-details-cart a {
    padding: 23px 12px 23px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .pro-details-quality .pro-details-cart a {
    padding: 22px 22px 22px;
  }
}
.product-details-content .pro-details-quality .pro-details-cart a:hover {
  border: none;
}
.product-details-content .pro-details-quality .pro-details-wishlist a {
  font-size: 18px;
  color: #1f2226;
}
.product-details-content .pro-details-quality .pro-details-wishlist a:hover {
  color: #ff3535;
}
.product-details-content .pro-details-quality .pro-details-compare a {
  font-size: 18px;
  margin-left: 25px;
}
@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-quality .pro-details-compare a {
    margin-left: 10px;
  }
}
.product-details-content .pro-details-quality .pro-details-compare a:hover {
  color: #ff3535;
}
.product-details-content .pro-details-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 10px;
}
.product-details-content .pro-details-meta span {
  font-size: 15px;
  margin-right: 5px;
  font-weight: 500;
}
.product-details-content .pro-details-meta ul li {
  display: inline-block;
  margin: 0 3px 0 0;
}
.product-details-content .pro-details-meta ul li a {
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-meta ul li a {
    font-size: 14px;
  }
}
.product-details-content .pro-details-meta ul li a:hover {
  color: #ff3535;
}
.product-details-content .pro-details-social {
  margin: 24px 0 0;
}
.product-details-content .pro-details-social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-details-content .pro-details-social ul li {
  margin-right: 40px;
}
.product-details-content .pro-details-social ul li:last-child {
  margin-right: 0px;
}
.product-details-content .pro-details-social ul li a {
  font-size: 16px;
  color: #343538;
}
.product-details-content .pro-details-social ul li a:hover {
  color: #ff3535;
}
@media only screen and (max-width: 767px) {
  .product-details-content.pro-details-slider-content.mt-50 {
    margin-top: 30px;
  }
}
.product-details-content.pro-details-slider-content .product-details-price {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.product-details-content.pro-details-slider-content p {
  width: 80%;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content.pro-details-slider-content p {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content.pro-details-slider-content p {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-content.pro-details-slider-content p {
    width: 100%;
  }
}
.product-details-content.pro-details-slider-content .pro-details-rating-wrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.product-details-content.pro-details-slider-content .pro-details-size-color {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .product-details-content.pro-details-slider-content .pro-details-size-color {
    text-align: center;
  }
  .product-details-content.pro-details-slider-content .pro-details-size-color .pro-details-color-content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.product-details-content.pro-details-slider-content .pro-details-quality {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.product-details-content.pro-details-slider-content .pro-details-meta {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.product-details-content.pro-details-slider-content .pro-details-social ul {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.quickview-wrap .nav-style-2.owl-carousel > .owl-nav div {
  color: #1f2226;
  display: inline-block;
  font-size: 13px;
  left: 0px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border: 1px solid #e1e2e2;
  background-color: #ffffff;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100%;
}
.quickview-wrap .nav-style-2.owl-carousel > .owl-nav div:hover {
  color: #ffffff;
  background-color: #ff3535;
  border: 1px solid #ff3535;
}
.quickview-wrap .nav-style-2.owl-carousel > .owl-nav div.owl-next {
  right: 0px;
  left: auto;
}
.quickview-wrap:hover .nav-style-2.owl-carousel > .owl-nav div {
  opacity: 1;
  visibility: visible;
}

.toggle-item-active {
  display: none;
}

.show-more-btn a {
  font-size: 13px;
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
  border: 2px solid #000000;
  padding: 18px 28px 18px;
}
.show-more-btn a:hover {
  border: 2px solid #ff3535;
  background-color: #ff3535;
  color: #fff;
}

/*-------- 7. Testimonial style ---------*/
.testimonial-active.owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
}

.single-testimonial p {
  font-size: 16px;
  line-height: 32px;
  margin: 30px auto 32px;
  width: 80%;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-testimonial p {
    width: 90%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-testimonial p {
    width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .single-testimonial p {
    width: 100%;
    margin: 18px auto 25px;
    font-size: 15px;
  }
}
.single-testimonial .client-info {
  display: block;
}
.single-testimonial .client-info h5 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 22px 0 0;
}

/*-------- 8. Feature style ---------*/
.single-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .single-feature {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.single-feature .feature-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 63px;
          flex: 0 0 63px;
  margin-right: 25px;
  margin-top: -30px;
}
.single-feature .feature-icon img {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-feature .feature-icon {
    margin-right: 10px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
  }
}
.single-feature .feature-content h4 {
  font-size: 18px;
  letter-spacing: 0.5px;
  font-weight: 600;
  position: relative;
  margin: 0 0 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-feature .feature-content h4 {
    font-size: 16px;
    letter-spacing: 0px;
  }
}
.single-feature .feature-content h4::before {
  position: absolute;
  content: "";
  left: 0px;
  background-color: #4d5e7c;
  width: 50px;
  height: 3px;
  bottom: -18px;
}
.single-feature .feature-content p {
  line-height: 26px;
  font-size: 16px;
  margin: 0;
  color: #1f2226;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-feature .feature-content p {
    font-size: 13px;
  }
}
.single-feature:hover .feature-icon img {
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running tada;
          animation: 500ms ease-in-out 0s normal none 1 running tada;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-feature.pl-50 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-feature.pl-50 {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .single-feature.pl-50 {
    padding-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .feature-area.pb-70 {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .feature-area.pb-60 {
    padding-bottom: 5PX;
  }
}

/*-------- 9. Blog style ---------*/
.blog-wrap .blog-img {
  overflow: hidden;
}
.blog-wrap .blog-img a img {
  width: 100%;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.blog-wrap .blog-content h3 {
  font-weight: 500;
  font-size: 18px;
  margin: 0;
  color: #383838;
  position: relative;
}
.blog-wrap .blog-content h3::before {
  position: absolute;
  right: 0px;
  bottom: -20px;
  width: 15px;
  height: 1px;
  background-color: #ebebeb;
  content: "";
  width: 81%;
  left: 0;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .blog-wrap .blog-content h3::before {
    width: 95%;
  }
}
.blog-wrap .blog-content h3 a {
  color: #383838;
}
.blog-wrap .blog-content h3 a:hover {
  color: #ff3535;
}
.blog-wrap .blog-content .blog-meta ul li {
  display: inline-block;
  margin: 0 14px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-wrap .blog-content .blog-meta ul li {
    margin: 0 12px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-wrap .blog-content .blog-meta ul li {
    margin: 0 10px;
  }
}
.blog-wrap .blog-content .blog-meta ul li::before {
  position: absolute;
  right: -22px;
  top: 12px;
  width: 15px;
  height: 1px;
  background-color: #999898;
  content: "";
  -webkit-transform: rotate(70deg);
          transform: rotate(70deg);
}
.blog-wrap .blog-content .blog-meta ul li:last-child::before {
  display: none;
}
.blog-wrap .blog-content .blog-meta ul li a {
  font-size: 13px;
  color: #919090;
}
.blog-wrap .blog-content .blog-meta ul li a:hover {
  color: #ff3535;
}
.blog-wrap .blog-content .blog-meta.blog-meta-mrg {
  margin-bottom: 5px;
}
.blog-wrap .blog-content .blog-meta.blog-meta-mrg ul li {
  margin: 0 24px 0 0;
}
.blog-wrap .blog-content .blog-mrg-border {
  padding: 15px 0 20px;
  margin-top: 20px;
}
.blog-wrap .blog-content p {
  margin: 0 auto;
  width: 79%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-wrap .blog-content p {
    width: 94%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-wrap .blog-content p {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .blog-wrap .blog-content p {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-wrap .blog-content p {
    width: 93%;
  }
}
.blog-wrap .blog-content.blog-content-mrg {
  margin: 0px 50px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-wrap .blog-content.blog-content-mrg {
    margin: 0px 0px 0;
  }
}
@media only screen and (max-width: 767px) {
  .blog-wrap .blog-content.blog-content-mrg {
    margin: 0px 0px 0;
  }
}
.blog-wrap .blog-content.blog-content-mrg-2 {
  margin: 25px 0 0;
}
@media only screen and (max-width: 767px) {
  .blog-wrap .blog-content.blog-content-mrg-2 {
    margin: 12px 0 0;
  }
}
.blog-wrap .blog-content.blog-content-mrg-2 h3:before {
  display: none;
}
.blog-wrap:hover .blog-img a img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-wrap.mr-20 {
    margin-right: 0;
  }
  .blog-wrap.ml-20 {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .blog-wrap.mr-20 {
    margin-right: 0;
  }
  .blog-wrap.ml-20 {
    margin-left: 0;
  }
}

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

/*-------- 10. Footer style ---------*/
.footer-top ul li {
  display: inline-block;
  margin: 0 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-top ul li {
    margin: 0 25px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-top ul li {
    margin: 0 5px 0px;
  }
}
.footer-top ul li a {
  display: block;
  line-height: 1;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
}

.footer-bottom .footer-social a {
  color: black;
  font-family: "Roboto", sans-serif;
  margin-right: 26px;
}
.footer-bottom .footer-social a:hover {
  color: #ff3535;
}
.footer-bottom .footer-social a:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-bottom .footer-social a {
    margin-right: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-bottom .footer-social a {
    margin-right: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-bottom .footer-social a {
    margin-right: 7px;
    margin-left: 7px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-bottom .footer-social {
    text-align: center;
  }
}
.footer-bottom .copyright p {
  color: #919191;
  margin: 0;
  font-family: "Roboto", sans-serif;
  line-height: 1;
}
.footer-bottom .copyright-2 p {
  color: #444444;
  margin: 0;
  font-family: "Roboto", sans-serif;
  line-height: 1;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .footer-bottom .copyright-2 {
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-bottom .copyright-2 {
    text-align: inherit;
  }
}
.footer-bottom .payment-mathod {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .footer-bottom .payment-mathod {
    text-align: center;
  }
}
.footer-bottom .payment-mathod a img {
  width: 500px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-bottom .payment-mathod a img {
    width: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-bottom .payment-mathod a img {
    width: 500px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-bottom .payment-mathod a img {
    width: auto;
  }
}
.footer-bottom .payment-mathod-2 {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .footer-bottom .payment-mathod-2 {
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-bottom .payment-mathod-2 {
    text-align: right;
  }
}
.footer-bottom .payment-mathod-2 a img {
  width: auto;
}

.subscribe-style p {
  color: #5a5a5a;
  margin: 0;
  width: 72%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-style p {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .subscribe-style p {
    width: 100%;
  }
}
.subscribe-style .subscribe-form .mc-form {
  position: relative;
}
.subscribe-style .subscribe-form .mc-form input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #444444;
  color: #919090;
  font-size: 14px;
  height: 50px;
  padding: 2px 60px 2px 30px;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-style .subscribe-form .mc-form input {
    padding: 2px 60px 2px 10px;
  }
}
.subscribe-style .subscribe-form .mc-form .mc-news {
  display: none;
}
.subscribe-style .subscribe-form .mc-form .clear {
  background-color: #222222;
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 0;
  z-index: 9;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  height: 50px;
}
.subscribe-style .subscribe-form .mc-form .clear input {
  border: medium none;
  cursor: pointer;
  padding: 0;
  width: 50px;
  color: #ffffff;
}
.subscribe-style .subscribe-form .mc-form .clear::before {
  color: #fff;
  content: "";
  font-family: "simple-line-icons";
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.subscribe-style .subscribe-form .mc-form .clear:hover {
  background-color: #ff3535;
}
@media only screen and (max-width: 767px) {
  .subscribe-style.mt-45 {
    margin-top: 20px;
  }
}

.footer-widget .footer-title h3 {
  font-weight: 500;
  font-size: 18px;
  color: #444444;
  margin: 0 0 33px;
  font-family: "Roboto", sans-serif;
  line-height: 1;
}
.footer-widget .footer-list ul li {
  margin-bottom: 21px;
}
.footer-widget .footer-list ul li:last-child {
  margin-bottom: 0px;
}
.footer-widget .footer-list ul li a {
  font-size: 16px;
  display: block;
  color: #5e5e5e;
  font-family: "Roboto", sans-serif;
}
.footer-widget .footer-list ul li a:hover {
  color: #ff3535;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget.pl-100 {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget.pl-50 {
    padding-left: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-widget.pl-100 {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-widget.pl-50 {
    padding-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-widget {
    text-align: inherit;
  }
}

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

/*-------- 11. Instagram style ---------*/
.instagram-item {
  overflow: hidden;
}
.instagram-item a img {
  width: 100%;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.instagram-item a img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.single-instagram-item {
  overflow: hidden;
}
.single-instagram-item a img {
  width: 100%;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.single-instagram-item a img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/*-------- 12. Breadcrumb style ---------*/
.breadcrumb-content ul li {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  margin-right: 18px;
  text-transform: uppercase;
  position: relative;
}
.breadcrumb-content ul li::before {
  position: absolute;
  width: 18px;
  height: 1px;
  background-color: #1f2226;
  content: "";
  right: -21px;
  top: 12px;
  z-index: 99;
  -webkit-transform: rotate(115deg);
          transform: rotate(115deg);
}
.breadcrumb-content ul li:last-child::before {
  display: none;
}
.breadcrumb-content ul li a:hover {
  color: #ff3535;
}

/*-------- 13. Shop style ---------*/
.shop-top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .shop-top-bar {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-top-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.shop-top-bar .select-shoing-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .shop-top-bar .select-shoing-wrap {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-top-bar .select-shoing-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.shop-top-bar .select-shoing-wrap .shop-select {
  margin-right: 50px;
}
.shop-top-bar .select-shoing-wrap .shop-select select {
  font-size: 15px;
  -moz-appearance: none;
  -webkit-appearance: none;
  min-width: 150px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0) url("../../assets/img/icon-img/select.png") no-repeat scroll right 0px center;
  text-transform: capitalize;
}
.shop-top-bar .select-shoing-wrap p {
  margin: 0;
  font-size: 15px;
}
@media only screen and (max-width: 767px) {
  .shop-top-bar .select-shoing-wrap p {
    margin: 5px 0 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-top-bar .select-shoing-wrap p {
    margin: 0px;
  }
}
.shop-top-bar .shop-tab a {
  font-size: 18px;
  margin-left: 20px;
}
.shop-top-bar .shop-tab a:first-child {
  margin-left: 0;
}
.shop-top-bar .shop-tab a.active {
  color: #ff3535;
}

@media only screen and (max-width: 767px) {
  .pro-pagination-style.mt-30 {
    margin-top: 10px;
  }
}
.pro-pagination-style ul li {
  display: inline-block;
  margin: 0 4px;
}
.pro-pagination-style ul li a {
  display: inline-block;
  width: 43px;
  height: 43px;
  text-align: center;
  line-height: 43px;
  font-size: 16px;
  color: #ff3535;
  -webkit-box-shadow: 0 0px 12px 0.8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0px 12px 0.8px rgba(0, 0, 0, 0.1);
}
.pro-pagination-style ul li a:hover {
  background-color: #ff3535;
  color: #fff;
}
.pro-pagination-style ul li a.active {
  background-color: #ff3535;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pro-pagination-style ul li a.active:hover {
  background-color: #333;
}
.pro-pagination-style ul li a.prev,
.pro-pagination-style ul li a.next {
  background-color: #eeeeee;
  color: #ff3535;
  font-size: 15px;
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: 44px;
}
.pro-pagination-style ul li a.prev:hover,
.pro-pagination-style ul li a.next:hover {
  background-color: #ff3535;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .pro-pagination-style.pagination-mrg-xs-none {
    margin-top: 0px;
  }
}

.shop-list-wrap {
  border: 1px solid #f1f1f1;
}
.shop-list-wrap .product-list-img {
  position: relative;
}
.shop-list-wrap .product-list-img a img {
  width: 100%;
}
.shop-list-wrap .product-list-img .product-quickview {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin-top: 20px;
}
.shop-list-wrap .product-list-img .product-quickview a {
  width: 69px;
  height: 48px;
  background-color: #fff;
  font-size: 20px;
  color: #000000;
  display: inline-block;
  text-align: center;
  line-height: 52px;
}
.shop-list-wrap .product-list-img .product-quickview a:hover {
  background-color: #ff3535;
  color: #ffffff;
}
.shop-list-wrap .shop-list-content h3 {
  font-size: 24px;
  color: #444444;
  font-family: "Roboto", sans-serif;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap .shop-list-content h3 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap .shop-list-content h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content h3 {
    font-size: 20px;
  }
}
.shop-list-wrap .shop-list-content h3 a {
  color: #444444;
}
.shop-list-wrap .shop-list-content h3 a:hover {
  color: #ff3535;
}
.shop-list-wrap .shop-list-content > span {
  position: relative;
  font-size: 16px;
  color: #444444;
  font-family: "Roboto", sans-serif;
  padding-left: 38px;
}
.shop-list-wrap .shop-list-content > span:before {
  position: absolute;
  content: "";
  left: 0;
  top: 9px;
  background-color: #949494;
  width: 30px;
  height: 1px;
}
.shop-list-wrap .shop-list-content .ht-product-list-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.shop-list-wrap .shop-list-content .ht-product-list-price span {
  line-height: 1;
  font-weight: 700;
}
.shop-list-wrap .shop-list-content .ht-product-list-price span.new {
  font-size: 20px;
  margin-right: 8px;
  color: #ff3535;
}
.shop-list-wrap .shop-list-content .ht-product-list-price span.old {
  font-size: 13px;
  text-decoration: line-through;
  color: #4a4a4a;
  font-weight: 400;
}
.shop-list-wrap .shop-list-content .ht-product-list-ratting i {
  font-size: 16px;
  color: #dc9a0e;
  margin-right: 7px;
}
.shop-list-wrap .shop-list-content .ht-product-list-ratting i:last-child {
  margin-right: 0px;
}
.shop-list-wrap .shop-list-content .ht-product-list-action a {
  font-size: 20px;
  color: #000000;
  border: 1px solid #000000;
  display: inline-block;
  padding: 12px 19px 8px;
  margin-right: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap .shop-list-content .ht-product-list-action a {
    padding: 12px 15px 8px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap .shop-list-content .ht-product-list-action a {
    padding: 12px 15px 8px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content .ht-product-list-action a {
    padding: 12px 12px 8px;
    font-size: 16px;
  }
}
.shop-list-wrap .shop-list-content .ht-product-list-action a:last-child {
  margin-right: 0;
}
.shop-list-wrap .shop-list-content .ht-product-list-action a.list-cart {
  position: relative;
  padding: 13px 29px 7px;
  top: -1px;
  font-size: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap .shop-list-content .ht-product-list-action a.list-cart {
    padding: 13px 10px 7px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap .shop-list-content .ht-product-list-action a.list-cart {
    padding: 13px 10px 7px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content .ht-product-list-action a.list-cart {
    padding: 13px 10px 7px;
    top: 1px;
  }
}
.shop-list-wrap .shop-list-content .ht-product-list-action a.list-cart i {
  font-size: 18px;
  margin-right: 6px;
}
.shop-list-wrap .shop-list-content .ht-product-list-action a:hover {
  color: #ffffff;
  border: 1px solid #ff3535;
  background-color: #ff3535;
}
.shop-list-wrap .shop-list-paragraph p {
  line-height: 25px;
  color: #000000;
  font-family: "Roboto", sans-serif;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-paragraph p {
    margin-bottom: 10px;
  }
}
.shop-list-wrap .shop-list-paragraph p:last-child {
  margin-bottom: 0px;
}
.shop-list-wrap.shop-list-mrg .shop-list-content {
  margin-left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap.shop-list-mrg .shop-list-content {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap.shop-list-mrg .shop-list-content {
    padding-top: 20px;
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg .shop-list-content {
    padding-top: 20px;
    margin-left: 15px;
  }
}
.shop-list-wrap.shop-list-mrg .shop-list-content h3 {
  margin: 0 0 8px;
}
.shop-list-wrap.shop-list-mrg .shop-list-content .ht-product-list-price {
  margin: 22px 0 16px;
}
.shop-list-wrap.shop-list-mrg .shop-list-content .ht-product-list-action {
  margin: 38px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap.shop-list-mrg .shop-list-content .ht-product-list-action {
    margin: 20px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg .shop-list-content .ht-product-list-action {
    margin: 25px 0 0;
  }
}
.shop-list-wrap.shop-list-mrg .shop-list-paragraph {
  padding: 0px 80px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap.shop-list-mrg .shop-list-paragraph {
    padding: 20px 20px 20px 0px;
  }
  .shop-list-wrap.shop-list-mrg .shop-list-paragraph p {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg .shop-list-paragraph {
    padding: 25px 15px 22px 15px;
  }
}
.shop-list-wrap:hover .product-quickview {
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
}
.shop-list-wrap.shop-list-mrg2 .shop-list-content {
  margin: 0 80px 0 30px;
  padding: 10px 0 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content {
    margin: 0 30px 0 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content {
    margin: 0 30px 0 0px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content {
    margin: 0 0px 0 0px;
    padding: 20px 15px 25px;
  }
}
.shop-list-wrap.shop-list-mrg2 .shop-list-content h3 {
  margin: 0 0 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content h3 {
    margin: 0 0 7px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content h3 {
    margin: 0 0 7px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content h3 {
    margin: 0 0 7px;
  }
}
.shop-list-wrap.shop-list-mrg2 .shop-list-content p {
  color: #000;
  line-height: 25px;
  margin: 0 0 19px;
  font-family: "Roboto", sans-serif;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content p {
    margin: 0 0 7px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content p {
    margin: 0 0 7px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content p {
    margin: 0 0 7px;
  }
}
.shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap {
    margin: 7px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap {
    margin: 7px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap {
    margin: 10px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap {
    display: block;
    -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
            justify-content: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap .shop-list-price-ratting {
    margin-bottom: 10px;
  }
}
.shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap .shop-list-price-ratting .ht-product-list-price {
  margin: 0 0 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap .shop-list-price-ratting .ht-product-list-price {
    margin: 0 0 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap .shop-list-price-ratting .ht-product-list-price {
    margin: 0 0 10px;
  }
}
.shop-list-wrap.shop-list-mrg2.shop-list-mrg-none .shop-list-content {
  margin: 0 26px 0 0px;
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg2.shop-list-mrg-none .shop-list-content {
    margin: 0 0px 0 0px;
  }
}
.shop-list-wrap.shop-list-mrg3 .shop-list-content {
  margin: 0 80px 0 30px;
  padding: 10px 0 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap.shop-list-mrg3 .shop-list-content {
    margin: 0 26px 0 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap.shop-list-mrg3 .shop-list-content {
    margin: 0 15px 0 0px;
    padding: 10px 0 25px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg3 .shop-list-content {
    margin: 0 15px 0 15px;
    padding: 20px 0 25px;
  }
}
.shop-list-wrap.shop-list-mrg3 .shop-list-content h3 {
  margin: 0 0 14px;
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg3 .shop-list-content h3 {
    margin: 0 0 10px;
  }
}
.shop-list-wrap.shop-list-mrg3 .shop-list-content p {
  color: #000;
  line-height: 25px;
  margin: 0 0 19px;
  font-family: "Roboto", sans-serif;
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg3 .shop-list-content p {
    margin: 0 0 10px;
  }
}
.shop-list-wrap.shop-list-mrg3 .shop-list-content .shop-list-title-price-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 0 19px;
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg3 .shop-list-content .shop-list-title-price-wrap {
    display: block;
    -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
            justify-content: inherit;
    -webkit-box-align: inherit;
        -ms-flex-align: inherit;
            align-items: inherit;
    margin: 0 0 11px;
  }
  .shop-list-wrap.shop-list-mrg3 .shop-list-content .shop-list-title-price-wrap .shop-list-title-price {
    margin-bottom: 10px;
  }
}
.shop-list-wrap.shop-list-mrg3 .shop-list-content .shop-list-title-price-wrap .shop-list-title-price > span {
  position: relative;
  font-size: 16px;
  color: #444444;
  font-family: "Roboto", sans-serif;
  padding-left: 38px;
}
.shop-list-wrap.shop-list-mrg3 .shop-list-content .shop-list-title-price-wrap .shop-list-title-price > span::before {
  position: absolute;
  content: "";
  left: 0;
  top: 9px;
  background-color: #949494;
  width: 30px;
  height: 1px;
}
.shop-list-wrap.shop-list-mrg3 .shop-list-content .shop-list-ratting-action-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 25px 0 0;
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg3 .shop-list-content .shop-list-ratting-action-wrap {
    margin: 10px 0 0;
    display: block;
    -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
            justify-content: inherit;
    -webkit-box-align: inherit;
        -ms-flex-align: inherit;
            align-items: inherit;
  }
  .shop-list-wrap.shop-list-mrg3 .shop-list-content .shop-list-ratting-action-wrap .ht-product-list-ratting {
    margin-bottom: 10px;
  }
}

.shop-bottom-area .tab-content {
  overflow: hidden;
}

/*-------- 14. Sidebar style ---------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-style.mr-30 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-style {
    margin-top: 30px;
  }
  .sidebar-style.mr-30 {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar-style {
    margin-top: 30px;
  }
  .sidebar-style.mr-30 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-style.ml-30 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-style {
    margin-top: 30px;
  }
  .sidebar-style.ml-30 {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar-style {
    margin-top: 40px;
  }
  .sidebar-style.ml-30 {
    margin-left: 0;
  }
}

.sidebar-widget h4.pro-sidebar-title {
  font-size: 17px;
  font-weight: 500;
  margin: 0;
  font-family: "Roboto", sans-serif;
}
.sidebar-widget .sidebar-widget-list ul li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0px 0 18px;
}
.sidebar-widget .sidebar-widget-list ul li:last-child {
  padding: 0px 0 0px;
}
.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left {
  position: relative;
}
.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  z-index: 999;
  width: auto;
}
.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left input:checked ~ .checkmark {
  background-color: #ff3535;
  border: 2px solid #ff3535;
}
.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left input:checked ~ .checkmark::after {
  display: block;
}
.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #fff;
  border: 2px solid #888888;
  border-radius: 3px;
}
.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}
.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark::after {
  left: 3px;
  top: 0px;
  width: 5px;
  height: 8px;
  border: solid white;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.sidebar-widget .sidebar-widget-list ul li a {
  margin-left: 30px;
  display: block;
}
.sidebar-widget .sidebar-widget-list ul li a span {
  background-color: #eeeeee;
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  border-radius: 50px;
  float: right;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 13px;
}
.sidebar-widget .sidebar-widget-list ul li a:hover span {
  color: #fff;
  background-color: #ff3535;
}
.sidebar-widget .sidebar-widget-archive ul li {
  margin-bottom: 10px;
  border: 1px solid #dee0e4;
}
.sidebar-widget .sidebar-widget-archive ul li a {
  padding: 12px 20px;
  display: block;
}
.sidebar-widget .sidebar-widget-tag ul li {
  display: inline-block;
  margin: 0 10px 15px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget .sidebar-widget-tag ul li {
    margin: 0 5px 15px 0;
  }
}
.sidebar-widget .sidebar-widget-tag ul li a {
  display: inline-block;
  background-color: #f6f6f6;
  padding: 10px 17px 11px;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget .sidebar-widget-tag ul li a {
    padding: 9px 13px 12px;
  }
}
.sidebar-widget .sidebar-widget-tag ul li a:hover {
  background-color: #ff3535;
  color: #fff;
}

.price-filter .price-slider-amount input {
  background: transparent;
  padding: 0;
  border: none;
  font-size: 15px;
  font-weight: 500;
}
.price-filter #slider-range {
  background: #dbdbdb none repeat scroll 0 0;
  border: medium none;
  border-radius: 0px;
  height: 5px;
  margin-bottom: 12px;
  margin-left: auto;
  margin-top: 5px;
}
.price-filter #slider-range span {
  -webkit-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}
.price-filter #slider-range .ui-slider-range {
  position: absolute;
  display: block;
  border: 0;
  background: #ff3535 none repeat scroll 0 0;
  border: none;
  -webkit-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}
.price-filter #slider-range .ui-slider-handle {
  background: #fff none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  height: 15px;
  margin-left: 0;
  width: 15px;
  border: 4px solid #ff3535;
}

.pro-sidebar-search .pro-sidebar-search-form {
  position: relative;
}
.pro-sidebar-search .pro-sidebar-search-form input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #e6e6e6;
  font-size: 14px;
  height: 43px;
  padding: 2px 55px 2px 18px;
}
.pro-sidebar-search .pro-sidebar-search-form button {
  background: transparent none repeat scroll 0 0;
  border-color: #a1a5aa;
  -o-border-image: none;
     border-image: none;
  border-style: none none none solid;
  border-width: medium medium medium 1px;
  padding: 3px 15px 0;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  color: #000;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 16px;
}
.pro-sidebar-search .pro-sidebar-search-form button:hover {
  color: #ff3535;
}

.single-sidebar-blog {
  border-bottom: 1px solid #dee0e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 20px;
  padding: 0 0 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.single-sidebar-blog:last-child {
  border-bottom: none;
}
.single-sidebar-blog .sidebar-blog-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70px;
          flex: 0 0 70px;
  margin: 0 20px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-sidebar-blog .sidebar-blog-img {
    margin: 0 8px 0 0;
  }
}
.single-sidebar-blog .sidebar-blog-img img {
  width: 100%;
}
.single-sidebar-blog .sidebar-blog-content span {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.single-sidebar-blog .sidebar-blog-content h4 {
  font-size: 15px;
  margin: 5px 0 0;
  font-family: "Roboto", sans-serif;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-sidebar-blog .sidebar-blog-content h4 {
    font-size: 14px;
  }
}

/*-------- 15. Product details style ---------*/
.product-details-img {
  position: relative;
}
.product-details-img .zoompro-span {
  position: relative;
}
.product-details-img .zoompro-span .zoompro {
  width: 100%;
}
.product-details-img .zoompro-span > span {
  background-color: #ff3535;
  color: #fff;
  left: 20px;
  line-height: 1;
  padding: 4px 11px 5px;
  position: absolute;
  top: 20px;
  z-index: 99;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}
.product-details-img .zoompro-span .product-video {
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 99;
}
.product-details-img .zoompro-span .product-video a {
  background-color: #ff3535;
  color: #fff;
  display: inline-block;
  padding: 7px 20px 8px;
  font-weight: 500;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .product-details-img .zoompro-span .product-video a {
    padding: 5px 12px 6px;
    font-size: 13px;
  }
}
.product-details-img .zoompro-span .product-video a:hover {
  background-color: #1f2226;
}
.product-details-img .zoompro-span .product-video a i {
  position: relative;
  top: 1px;
}
.product-details-img .product-dec-slider {
  padding: 0 50px 0 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-img .product-dec-slider {
    padding: 0 0px 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-img .product-dec-slider {
    padding: 0 30px 0 45px;
    margin-bottom: 20px;
  }
}
.product-details-img .product-dec-slider .product-dec-icon {
  color: #1f2226;
  display: inline-block;
  font-size: 13px;
  left: 30px;
  opacity: 1;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  z-index: 99;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100%;
  border: 1px solid #e1e2e2;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-img .product-dec-slider .product-dec-icon {
    left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-img .product-dec-slider .product-dec-icon {
    left: 0px;
  }
}
.product-details-img .product-dec-slider .product-dec-icon:hover {
  background-color: #ff3535;
  border: 1px solid #ff3535;
  color: #ffffff;
}
.product-details-img .product-dec-slider .product-dec-icon.product-dec-next {
  left: auto;
  right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-img .product-dec-slider .product-dec-icon.product-dec-next {
    right: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-img .product-dec-slider .product-dec-icon.product-dec-next {
    right: 0px;
  }
}
.product-details-img .product-dec-slider-2 {
  display: inline-block;
  padding: 0;
  width: 20%;
  margin: 12px 0 0px;
  float: left;
}
@media only screen and (max-width: 767px) {
  .product-details-img .product-dec-slider-2 {
    width: 30%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-img .product-dec-slider-2 {
    width: 20%;
  }
}
.product-details-img .product-dec-slider-2 .slick-slide {
  margin-bottom: 3px;
  margin-top: 3px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-img .product-dec-slider-2 .slick-slide {
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-img .product-dec-slider-2 .slick-slide {
    margin-bottom: 10px;
  }
}
.product-details-img .product-dec-slider-2 .slick-slide img {
  width: 100%;
}
.product-details-img .product-dec-slider-2 .product-dec-icon {
  cursor: pointer;
  display: inline-block;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 99;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100%;
  border: 1px solid #e1e2e2;
  text-align: center;
  font-size: 13px;
  color: #1f2226;
}
.product-details-img .product-dec-slider-2 .product-dec-icon:hover {
  background-color: #ff3535;
  border: 1px solid #ff3535;
  color: #ffffff;
}
.product-details-img .product-dec-slider-2 .product-dec-icon.product-dec-prev {
  top: -13px;
}
.product-details-img .product-dec-slider-2 .product-dec-icon.product-dec-next {
  bottom: -7px;
}
.product-details-img .product-zoom-right {
  display: inline-block;
  position: relative;
  width: 80%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .product-details-img .product-zoom-right {
    width: 70%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-img .product-zoom-right {
    width: 80%;
  }
}

.description-review-wrapper {
  border: 1px solid #e8e8e8;
  padding: 30px 30px 37px;
}
.description-review-wrapper.description-sticky {
  padding: 0;
  border: none;
  margin: 44px 0 58px;
}
@media only screen and (max-width: 767px) {
  .description-review-wrapper.description-sticky {
    margin: 30px 0 30px;
  }
}
.description-review-wrapper.description-sticky .description-review-topbar {
  padding: 0 0 41px;
}
@media only screen and (max-width: 767px) {
  .description-review-wrapper.description-sticky .description-review-topbar {
    padding: 0 0 20px;
  }
}
.description-review-wrapper.description-sticky .description-review-bottom .ratting-form-wrapper .ratting-form {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .description-review-wrapper {
    padding: 30px 15px 50px;
  }
}
.description-review-wrapper .description-review-topbar {
  padding: 0 0 24px;
}
@media only screen and (max-width: 767px) {
  .description-review-wrapper .description-review-topbar {
    padding: 0 0 15px;
  }
}
.description-review-wrapper .description-review-topbar a {
  color: #444;
  font-size: 18px;
  text-transform: capitalize;
  line-height: 1;
  position: relative;
  padding: 0 0 11px;
  margin: 0 32px 0 0;
  font-family: "Roboto", sans-serif;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .description-review-wrapper .description-review-topbar a {
    margin: 0 14px 0 0;
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .description-review-wrapper .description-review-topbar a {
    margin: 0 12px 15px 0;
    font-size: 15px;
  }
  .description-review-wrapper .description-review-topbar a:last-child {
    margin: 0 12px 5px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .description-review-wrapper .description-review-topbar a {
    margin: 0 32px 0 0;
    font-size: 16px;
  }
}
.description-review-wrapper .description-review-topbar a.active {
  color: #1f2226;
  font-weight: 500;
}
.description-review-wrapper .description-review-topbar a::after {
  content: "";
  height: 2px;
  right: 0px;
  left: auto;
  width: 0;
  position: absolute;
  -webkit-transition: width 300ms ease-out;
  transition: width 300ms ease-out;
  background-color: #ff3535;
  bottom: 0;
}
.description-review-wrapper .description-review-topbar a.active::after {
  left: 0px;
  right: auto;
  width: calc(100%);
  -webkit-transition: width 300ms ease-in;
  transition: width 300ms ease-in;
}
.description-review-wrapper .description-review-topbar a:hover::after {
  left: 0px;
  right: auto;
  width: calc(100%);
  -webkit-transition: width 300ms ease-in;
  transition: width 300ms ease-in;
}
.description-review-wrapper .description-review-bottom .product-description-wrapper p {
  color: #333;
  font-size: 13px;
  margin: 0 0 19px;
  line-height: 26px;
}
.description-review-wrapper .description-review-bottom .review-wrapper .single-review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 30px;
  padding-bottom: 35px;
}
.description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70px;
          flex: 0 0 70px;
}
.description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-img img {
  width: 100%;
}
.description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content {
  margin-left: 30px;
}
@media only screen and (max-width: 767px) {
  .description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content {
    margin-left: 10px;
  }
}
.description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content p {
  font-size: 14px;
  font-style: italic;
  margin: 0 0 42px;
  color: #333;
}
.description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content .review-top-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content .review-top-wrap .review-name h4 {
  font-size: 13px;
  text-transform: uppercase;
  margin: 0;
  line-height: 1;
  position: relative;
  font-weight: 500;
}
.description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content .review-top-wrap .review-name h4:after {
  position: absolute;
  top: -25px;
  left: 0;
  background-color: #343538;
  width: 60px;
  height: 1px;
  content: "";
}
.description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content .review-top-wrap .review-rating {
  line-height: 1;
}
.description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content .review-top-wrap .review-rating i {
  color: #e7a415;
  font-size: 12px;
  margin-left: 2px;
}
.description-review-wrapper .description-review-bottom .review-wrapper .single-review:last-child {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.description-review-wrapper .description-review-bottom .ratting-form-wrapper {
  margin: 40px 0 0;
}
.description-review-wrapper .description-review-bottom .ratting-form-wrapper > span {
  font-size: 13px;
  color: #333;
  display: block;
  line-height: 1;
  margin: 0 0 9px;
}
.description-review-wrapper .description-review-bottom .ratting-form-wrapper p {
  color: #333;
  font-size: 13px;
  margin: 0;
  font-style: italic;
}
.description-review-wrapper .description-review-bottom .ratting-form-wrapper p span {
  color: red;
}
.description-review-wrapper .description-review-bottom .ratting-form-wrapper .star-box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 22px 0 20px;
}
@media only screen and (max-width: 767px) {
  .description-review-wrapper .description-review-bottom .ratting-form-wrapper .star-box-wrap {
    display: block;
  }
}
.description-review-wrapper .description-review-bottom .ratting-form-wrapper .star-box-wrap .single-ratting-star {
  margin-right: 20px;
}
.description-review-wrapper .description-review-bottom .ratting-form-wrapper .star-box-wrap .single-ratting-star i {
  color: #8a8a8a;
  font-size: 12px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
}
.description-review-wrapper .description-review-bottom .ratting-form-wrapper .star-box-wrap .single-ratting-star:hover i {
  color: #f5b223;
}
.description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form form .rating-form-style label {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 8px;
}
.description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form form .rating-form-style label span {
  color: red;
}
.description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form form .rating-form-style input {
  border: 1px solid #e8e8e8;
  background: transparent;
  height: 45px;
}
.description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form form .rating-form-style input:focus {
  border: 1px solid #343538;
}
.description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form form .rating-form-style textarea {
  border: 1px solid #e8e8e8;
  background: transparent;
  height: 200px;
}
.description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form form .rating-form-style textarea:focus {
  border: 1px solid #343538;
}
.description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form form .form-submit input {
  padding: 10px 40px;
  text-transform: uppercase;
  width: auto;
  color: #fff;
  background-color: #ff3535;
  font-weight: 600;
  border: none;
}
.description-review-wrapper .description-review-bottom .ratting-form-wrapper .ratting-form form .form-submit input:hover {
  background-color: #343538;
}
.description-review-wrapper .description-review-bottom .product-anotherinfo-wrapper ul li {
  color: #333;
  font-size: 13px;
  list-style: outside none none;
  margin: 0 0 13px;
}
.description-review-wrapper .description-review-bottom .product-anotherinfo-wrapper ul li span {
  color: #1f2226;
  display: inline-block;
  font-weight: 500;
  margin: 0 26px 0 0;
  min-width: 85px;
  font-size: 14px;
}

.pro-dec-banner a img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .pro-dec-banner {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content.ml-30 {
    margin-left: 0;
  }
  .product-details-content.mr-30 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content.ml-30 {
    margin-left: 0;
  }
  .product-details-content.mr-30 {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-content.ml-30 {
    margin-left: 0;
  }
  .product-details-content.mr-30 {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-area.pb-95 {
    padding-bottom: 38px;
  }
  .product-details-area.pb-70 {
    padding-bottom: 38px;
  }
}

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

.slick-vertical .slick-slide {
  border: 0px solid transparent;
}

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

@media only screen and (max-width: 767px) {
  .sidebar-active .product-details-content {
    margin-top: 0;
  }
}
.sidebar-active.col-lg-6 {
  padding-left: 15px;
  padding-right: 15px;
}
.sidebar-active.col-lg-6.is-affixed {
  padding-left: 0px;
  padding-right: 0px;
}
.sidebar-active.col-lg-6.is-affixed .inner-wrapper-sticky {
  padding-left: 15px;
  padding-right: 15px;
}

/*-------- 16. Cart style ---------*/
@media only screen and (max-width: 767px) {
  .cart-main-area.pb-100 {
    padding-bottom: 60px;
  }
}

h3.cart-page-title {
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 15px;
}

.cart-table-content table {
  border: 1px solid #ebebeb;
}
.cart-table-content table thead > tr {
  background-color: #f9f9f9;
  border: 1px solid #ebebeb;
}
.cart-table-content table thead > tr th {
  border-top: medium none;
  font-size: 14px;
  font-weight: 600;
  padding: 21px 45px 22px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-table-content table thead > tr th {
    padding: 21px 35px 22px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-table-content table thead > tr th {
    padding: 21px 20px 22px;
  }
}
.cart-table-content table tbody > tr {
  border-bottom: 1px solid #ebebeb;
}
.cart-table-content table tbody > tr td.product-thumbnail {
  width: 150px;
}
.cart-table-content table tbody > tr td.product-name {
  width: 435px;
}
.cart-table-content table tbody > tr td.product-name a {
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
.cart-table-content table tbody > tr td.product-name a:hover {
  color: #ff3535;
}
.cart-table-content table tbody > tr td.product-price-cart {
  width: 435px;
}
.cart-table-content table tbody > tr td.product-price-cart span {
  color: #1f2226;
}
.cart-table-content table tbody > tr td.product-quantity {
  width: 435px;
}
.cart-table-content table tbody > tr td.product-quantity .cart-plus-minus {
  display: inline-block;
  height: 40px;
  padding: 0;
  position: relative;
  width: 110px;
}
.cart-table-content table tbody > tr td.product-quantity .cart-plus-minus .qtybutton {
  color: #333;
  cursor: pointer;
  float: inherit;
  font-size: 16px;
  margin: 0;
  position: absolute;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 20px;
  text-align: center;
}
.cart-table-content table tbody > tr td.product-quantity .cart-plus-minus .dec.qtybutton {
  border-right: 1px solid #e5e5e5;
  height: 40px;
  left: 0;
  padding-top: 8px;
  top: 0;
}
.cart-table-content table tbody > tr td.product-quantity .cart-plus-minus .inc.qtybutton {
  border-left: 1px solid #e5e5e5;
  height: 40px;
  padding-top: 9px;
  right: 0;
  top: 0;
}
.cart-table-content table tbody > tr td.product-quantity .cart-plus-minus input.cart-plus-minus-box {
  color: #333;
  float: left;
  font-size: 14px;
  height: 40px;
  margin: 0;
  width: 110px;
  background: transparent none repeat scroll 0 0;
  border: 1px solid #e1e1e1;
  padding: 0;
  text-align: center;
}
.cart-table-content table tbody > tr td.product-remove {
  width: 100px;
}
.cart-table-content table tbody > tr td.product-remove a {
  font-size: 17px;
  margin: 0 13px;
}
.cart-table-content table tbody > tr td.product-remove a:hover {
  color: #ff3535;
}
.cart-table-content table tbody > tr td.product-wishlist-cart > a {
  background-color: #ff3535;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  padding: 7px 12px;
  text-transform: uppercase;
}
.cart-table-content table tbody > tr td.product-wishlist-cart > a:hover {
  background-color: #1f2226;
}
.cart-table-content table tbody > tr td {
  font-size: 16px;
  padding: 30px 0;
  text-align: center;
}

.cart-shiping-update-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 0px 55px;
}
@media only screen and (max-width: 767px) {
  .cart-shiping-update-wrapper {
    display: block;
    padding: 30px 0px 15px;
  }
}
.cart-shiping-update-wrapper .cart-shiping-update > a,
.cart-shiping-update-wrapper .cart-clear > button,
.cart-shiping-update-wrapper .cart-clear > a {
  background-color: #f2f2f2;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  padding: 18px 40px 17px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-shiping-update-wrapper .cart-shiping-update > a,
.cart-shiping-update-wrapper .cart-clear > button,
.cart-shiping-update-wrapper .cart-clear > a {
    padding: 18px 25px 17px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-shiping-update-wrapper .cart-shiping-update > a,
.cart-shiping-update-wrapper .cart-clear > button,
.cart-shiping-update-wrapper .cart-clear > a {
    padding: 18px 40px 17px;
    margin: 0 0 15px;
  }
}
.cart-shiping-update-wrapper .cart-shiping-update > a:hover,
.cart-shiping-update-wrapper .cart-clear > button:hover,
.cart-shiping-update-wrapper .cart-clear > a:hover {
  background-color: #ff3535;
  color: #fff;
}
.cart-shiping-update-wrapper .cart-clear > button {
  border: medium none;
  cursor: pointer;
  margin-right: 27px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-shiping-update-wrapper .cart-clear > button {
    margin-right: 15px;
  }
}

.cart-tax,
.discount-code-wrapper {
  background-color: #f9f9f9;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  padding: 45px 30px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-tax,
.discount-code-wrapper {
    padding: 45px 18px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-tax,
.discount-code-wrapper {
    padding: 45px 18px 50px;
  }
}
.cart-tax .title-wrap,
.discount-code-wrapper .title-wrap {
  position: relative;
}
.cart-tax .title-wrap::before,
.discount-code-wrapper .title-wrap::before {
  background-color: #e3e1e1;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 10px;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: 1;
}
.cart-tax .title-wrap h4.cart-bottom-title,
.discount-code-wrapper .title-wrap h4.cart-bottom-title {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  padding-right: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-tax .title-wrap h4.cart-bottom-title,
.discount-code-wrapper .title-wrap h4.cart-bottom-title {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-tax .title-wrap h4.cart-bottom-title,
.discount-code-wrapper .title-wrap h4.cart-bottom-title {
    font-size: 17px;
  }
}
.cart-tax .title-wrap .section-bg-gray,
.discount-code-wrapper .title-wrap .section-bg-gray {
  background-color: #f8f9f9;
  position: relative;
  z-index: 99;
}
.cart-tax .tax-wrapper,
.discount-code-wrapper .tax-wrapper {
  margin-top: 22px;
}
.cart-tax .tax-wrapper p,
.discount-code-wrapper .tax-wrapper p {
  margin: 0;
}
.cart-tax .tax-wrapper .tax-select-wrapper,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper {
  margin: 5px 0 0;
}
.cart-tax .tax-wrapper .tax-select-wrapper .tax-select,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select {
  margin: 0 0 26px;
}
.cart-tax .tax-wrapper .tax-select-wrapper .tax-select label,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select label {
  color: #242424;
  font-size: 14px;
  margin: 0 0 5px;
}
.cart-tax .tax-wrapper .tax-select-wrapper .tax-select select,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #fff url("../../assets/img/icon-img/cart.png") no-repeat scroll right 18px center;
  border: 1px solid #ebebeb;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #242424;
  font-size: 12px;
  height: 40px;
  padding: 0 50px 0 15px;
  width: 100%;
  cursor: pointer;
}
.cart-tax .tax-wrapper .tax-select-wrapper .tax-select input,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  height: 40px;
}
.cart-tax .tax-wrapper .tax-select-wrapper button.cart-btn-2,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper button.cart-btn-2 {
  background-color: #1f2226;
  border: medium none;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  padding: 13px 40px 12px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.cart-tax .tax-wrapper .tax-select-wrapper button.cart-btn-2:hover,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper button.cart-btn-2:hover {
  background-color: #ff3535;
}
.cart-tax .discount-code,
.discount-code-wrapper .discount-code {
  margin: 21px 0 0;
}
.cart-tax .discount-code p,
.discount-code-wrapper .discount-code p {
  margin: 0 0 15px;
}
.cart-tax .discount-code form input,
.discount-code-wrapper .discount-code form input {
  background: #fff;
  border: 1px solid #ebebeb;
  height: 40px;
  margin-bottom: 30px;
  padding-left: 10px;
}
.cart-tax .discount-code form button.cart-btn-2,
.discount-code-wrapper .discount-code form button.cart-btn-2 {
  background-color: #1f2226;
  border: medium none;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  padding: 13px 40px 12px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.cart-tax .discount-code form button.cart-btn-2:hover,
.discount-code-wrapper .discount-code form button.cart-btn-2:hover {
  background-color: #ff3535;
}

.grand-totall {
  background-color: #f9f9f9;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  padding: 45px 30px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .grand-totall {
    padding: 45px 18px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grand-totall {
    margin-top: 30px;
  }
}
.grand-totall .title-wrap {
  position: relative;
}
.grand-totall .title-wrap::before {
  background-color: #e3e1e1;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 10px;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: 1;
}
.grand-totall .title-wrap h4.cart-bottom-title {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  padding-right: 18px;
}
.grand-totall .title-wrap .section-bg-gary-cart {
  background-color: #f9f9f9;
  position: relative;
  z-index: 9;
}
.grand-totall h5 {
  font-size: 14px;
  margin: 36px 0 27px;
}
.grand-totall h5 span {
  float: right;
  font-size: 18px;
  font-weight: 500;
}
.grand-totall .total-shipping {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  margin: 0 0 27px;
  padding: 28px 0;
}
.grand-totall .total-shipping h5 {
  font-size: 14px;
  margin: 0;
}
.grand-totall .total-shipping ul {
  padding: 19px 0 0 0px;
}
.grand-totall .total-shipping ul li {
  color: #242424;
  list-style: outside none none;
  margin: 0 0 6px;
}
.grand-totall .total-shipping ul li:last-child {
  margin: 0 0 0px;
}
.grand-totall .total-shipping ul li input {
  background: #e9e9e9 none repeat scroll 0 0;
  border: 1px solid #d7d7d7;
  border-radius: 5px !important;
  color: #626262;
  cursor: pointer;
  height: 13px;
  margin-right: 10px;
  padding: 0;
  position: relative;
  top: 2px;
  width: 13px;
}
.grand-totall .total-shipping ul li span {
  float: right;
}
.grand-totall h4.grand-totall-title {
  color: #ff3535;
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 25px;
}
.grand-totall h4.grand-totall-title span {
  float: right;
}
.grand-totall a {
  background-color: #1f2226;
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  padding: 18px 10px 17px;
  text-align: center;
  text-transform: uppercase;
}
.grand-totall a:hover {
  background-color: #ff3535;
}

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

/*-------- 17. Login register style ---------*/
.login-register-wrapper .login-register-tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 40px;
}
.login-register-wrapper .login-register-tab-list a {
  position: relative;
}
.login-register-wrapper .login-register-tab-list a::before {
  background-color: #454545;
  bottom: 5px;
  content: "";
  height: 18px;
  margin: 0 auto;
  position: absolute;
  right: -2px;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 1px;
}
.login-register-wrapper .login-register-tab-list a h4 {
  font-size: 25px;
  font-weight: 700;
  margin: 0 20px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.login-register-wrapper .login-register-tab-list a:last-child::before {
  display: none;
}
.login-register-wrapper .login-register-tab-list a.active h4 {
  color: #ff3535;
}
.login-register-wrapper .login-form-container {
  background: transparent none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  padding: 80px;
  text-align: left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .login-register-wrapper .login-form-container {
    padding: 80px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .login-register-wrapper .login-form-container {
    padding: 40px 15px;
  }
}
.login-register-wrapper .login-form-container .login-register-form form input {
  background-color: transparent;
  border: 1px solid #ebebeb;
  font-size: 14px;
  height: 50px;
  margin-bottom: 30px;
  padding: 0 15px;
}
.login-register-wrapper .login-form-container .login-register-form form input[type=checkbox] {
  height: 15px;
  margin: 0;
  position: relative;
  top: 2px;
  width: 17px;
}
.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn {
  padding: 10px 0 19px;
}
.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn label {
  font-size: 15px;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn label {
    font-size: 14px;
  }
}
.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a {
  float: right;
  font-size: 15px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media only screen and (max-width: 767px) {
  .login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a {
    font-size: 14px;
  }
}
.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a:hover {
  color: #ff3535;
}
.login-register-wrapper .login-form-container .login-register-form form .button-box button {
  background-color: #f2f2f2;
  border: medium none;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  padding: 13px 30px 14px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.login-register-wrapper .login-form-container .login-register-form form .button-box button:hover {
  background-color: #ff3535;
  color: #fff;
}

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

/*-------- 18. Blog details style ---------*/
.blog-details-top .blog-details-img {
  position: relative;
}
.blog-details-top .blog-details-img img {
  width: 100%;
}
.blog-details-top .blog-details-img .video-icon {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.blog-details-top .blog-details-img .video-icon a {
  background-color: #ff0000;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 25px;
  height: 60px;
  line-height: 61px;
  width: 60px;
}
.blog-details-top .blog-details-img .video-icon a:hover {
  background-color: #ff3535;
}
.blog-details-top .blog-details-content {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .blog-details-top .blog-details-content {
    margin-top: 20px;
  }
}
.blog-details-top .blog-details-content h3 {
  font-size: 24px;
  font-weight: 500;
  margin: 0px;
  color: #383838;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details-top .blog-details-content h3 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-top .blog-details-content h3 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details-top .blog-details-content h3 {
    font-size: 18px;
    line-height: 30px;
  }
}
.blog-details-top .blog-details-content .blog-details-meta {
  margin: 12px 0 15px;
}
.blog-details-top .blog-details-content .blog-details-meta ul li {
  display: inline-block;
  color: #919090;
  font-size: 14px;
  margin-right: 28px;
  position: relative;
}
.blog-details-top .blog-details-content .blog-details-meta ul li:last-child {
  margin-right: 0;
}
.blog-details-top .blog-details-content .blog-details-meta ul li::before {
  position: absolute;
  right: -22px;
  top: 12px;
  width: 15px;
  height: 1px;
  background-color: #999898;
  content: "";
  -webkit-transform: rotate(70deg);
          transform: rotate(70deg);
}
.blog-details-top .blog-details-content .blog-details-meta ul li:last-child::before {
  display: none;
}
.blog-details-top .blog-details-content p {
  margin: 0;
  line-height: 26px;
}
.blog-details-top .blog-details-content blockquote {
  font-size: 18px;
  margin: 25px 0 26px 50px;
  line-height: 34px;
  font-weight: 600;
  font-style: italic;
  color: #383838;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .blog-details-top .blog-details-content blockquote {
    margin: 25px 0 26px 20px;
  }
}
.blog-details-top .blog-details-content blockquote:before {
  position: absolute;
  left: -20px;
  top: 8px;
  height: 56px;
  width: 5px;
  background-color: #ff3535;
  content: "";
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details-top .blog-details-content blockquote {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-top .blog-details-content blockquote {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details-top .blog-details-content blockquote {
    font-size: 16px;
    line-height: 30px;
  }
}

.dec-img-wrapper {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .dec-img-wrapper {
    margin-top: 30px;
  }
}
.dec-img-wrapper .dec-img img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .dec-img-wrapper .dec-img.mb-50 {
    margin-bottom: 30px;
  }
}

.tag-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 30px 0 30px;
}
@media only screen and (max-width: 767px) {
  .tag-share {
    display: block;
    margin: 20px 0 25px;
  }
}
@media only screen and (max-width: 767px) {
  .tag-share .dec-tag {
    margin-bottom: 10px;
  }
}
.tag-share .dec-tag ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tag-share .dec-tag ul li {
  margin-right: 10px;
  position: relative;
}
.tag-share .dec-tag ul li a {
  text-transform: capitalize;
  font-size: 15px;
}
.tag-share .blog-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tag-share .blog-share span {
  font-size: 15px;
  text-transform: capitalize;
}
.tag-share .blog-share ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tag-share .blog-share ul li {
  margin-left: 10px;
}
.tag-share .blog-share ul li a {
  font-size: 16px;
}

.next-previous-post {
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
  padding: 18px 0 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.next-previous-post a {
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 500;
}
.next-previous-post a i {
  font-size: 12px;
  position: relative;
  top: 0px;
}

@media only screen and (max-width: 767px) {
  .blog-comment-wrapper.mt-55 {
    margin-top: 25px;
  }
}
.blog-comment-wrapper .blog-dec-title {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .blog-comment-wrapper .blog-dec-title {
    font-size: 18px;
  }
}
.blog-comment-wrapper .single-comment-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .blog-comment-wrapper .single-comment-wrapper {
    display: block;
  }
  .blog-comment-wrapper .single-comment-wrapper.mt-35 {
    margin-top: 20px;
  }
  .blog-comment-wrapper .single-comment-wrapper.mt-50 {
    margin-top: 30px;
  }
}
.blog-comment-wrapper .single-comment-wrapper .blog-comment-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
  margin-right: 28px;
}
@media only screen and (max-width: 767px) {
  .blog-comment-wrapper .single-comment-wrapper .blog-comment-img {
    margin-right: 28px;
    margin-bottom: 20px;
  }
}
.blog-comment-wrapper .single-comment-wrapper .blog-comment-img img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .blog-comment-wrapper .single-comment-wrapper .blog-comment-img img {
    width: auto;
  }
}
.blog-comment-wrapper .single-comment-wrapper .blog-comment-content h4 {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  line-height: 1;
  text-transform: uppercase;
}
.blog-comment-wrapper .single-comment-wrapper .blog-comment-content span {
  display: block;
  font-size: 14px;
  margin: 2px 0 8px;
}
.blog-comment-wrapper .single-comment-wrapper .blog-comment-content p {
  font-size: 14px;
  margin-bottom: 10px;
}
.blog-comment-wrapper .single-comment-wrapper .blog-comment-content .blog-details-btn a {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .blog-comment-wrapper .single-comment-wrapper.ml-120 {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .blog-reply-wrapper.mt-50 {
    margin-top: 30px;
  }
}
.blog-reply-wrapper .blog-dec-title {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .blog-reply-wrapper .blog-dec-title {
    font-size: 18px;
  }
}
.blog-reply-wrapper .blog-form {
  margin-top: 35px;
}
@media only screen and (max-width: 767px) {
  .blog-reply-wrapper .blog-form {
    margin-top: 20px;
  }
}
.blog-reply-wrapper .blog-form .leave-form input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #eaeaea;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 50px;
  margin-bottom: 30px;
  padding: 2px 20px 2px 20px;
  color: #1f2226;
}
.blog-reply-wrapper .blog-form .text-leave textarea {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #eaeaea;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 250px;
  margin-bottom: 20px;
  padding: 20px 20px 2px 20px;
}
@media only screen and (max-width: 767px) {
  .blog-reply-wrapper .blog-form .text-leave textarea {
    height: 180px;
  }
}
.blog-reply-wrapper .blog-form .text-leave input {
  background-color: #ff3535;
  border: medium none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  height: inherit;
  margin-top: 10px;
  padding: 14px 30px 13px;
  width: inherit;
  font-size: 13px;
}
.blog-reply-wrapper .blog-form .text-leave input:hover {
  background-color: #1f2226;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-wrapper.ml-20 {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details-wrapper.ml-20 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-wrapper.mr-20 {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details-wrapper.mr-20 {
    margin-right: 0;
  }
}

/*-------- 19. About us style ---------*/
.story-img {
  position: relative;
}
.story-img img {
  width: 100%;
}
.story-img .about-logo {
  margin: 0;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.story-img .about-logo h3 {
  background-color: #ff3535;
  border-radius: 100%;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  margin: 0;
  position: relative;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  width: 185px;
  height: 185px;
  line-height: 185px;
}
@media only screen and (max-width: 767px) {
  .story-img .about-logo h3 {
    width: 150px;
    height: 150px;
    line-height: 150px;
    font-size: 30px;
  }
}
.story-img .about-logo h3::before {
  border: 1px solid #fff;
  border-radius: 100%;
  content: "";
  height: 152px;
  left: 17px;
  line-height: 144px;
  position: absolute;
  top: 17px;
  width: 152px;
}
@media only screen and (max-width: 767px) {
  .story-img .about-logo h3::before {
    width: 130px;
    line-height: 130px;
    height: 130px;
    top: 10px;
    left: 10px;
  }
}

.story-details .story-details-top {
  margin-bottom: 48px;
}
@media only screen and (max-width: 767px) {
  .story-details .story-details-top {
    margin-bottom: 30px;
  }
}
.story-details .story-details-top > h2 {
  font-size: 36px;
  font-weight: bold;
  margin: 0 0 20px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .story-details .story-details-top > h2 {
    font-size: 27px;
    line-height: 25px;
    margin: 0 0 12px;
  }
}
.story-details .story-details-top > h2 span {
  color: #ff3535;
}
.story-details .story-details-bottom {
  margin-bottom: 48px;
}
@media only screen and (max-width: 767px) {
  .story-details .story-details-bottom {
    margin-bottom: 30px;
  }
}
.story-details .story-details-bottom:last-child {
  margin-bottom: 0;
}
.story-details .story-details-bottom h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .story-details .story-details-bottom h4 {
    margin-bottom: 10px;
  }
}
.story-details .story-details-bottom p {
  letter-spacing: 0.4px;
  line-height: 26px;
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .story-details {
    margin-top: 30px;
  }
  .story-details.pl-50 {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .story-details {
    margin-top: 30px;
  }
  .story-details.pl-50 {
    padding-left: 0;
  }
}

.team-wrapper {
  background-color: #f7f7f7;
}
.team-wrapper .team-img {
  position: relative;
}
.team-wrapper .team-img a img {
  width: 100%;
}
.team-wrapper .team-img .team-action {
  background: #fff none repeat scroll 0 0;
  left: 0;
  opacity: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 70%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  width: 100%;
  z-index: 5;
}
.team-wrapper .team-img .team-action a {
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
  margin: 0 3px;
}
.team-wrapper .team-img .team-action a.facebook {
  border: 1px solid #3b5998;
  background-color: #3b5998;
}
.team-wrapper .team-img .team-action a.facebook:hover {
  background-color: transparent;
  color: #3b5998;
}
.team-wrapper .team-img .team-action a.twitter {
  border: 1px solid #55acee;
  background-color: #55acee;
}
.team-wrapper .team-img .team-action a.twitter:hover {
  background-color: transparent;
  color: #55acee;
}
.team-wrapper .team-img .team-action a.instagram {
  border: 1px solid #c32aa3;
  background-color: #c32aa3;
}
.team-wrapper .team-img .team-action a.instagram:hover {
  background-color: transparent;
  color: #c32aa3;
}
.team-wrapper .team-content {
  padding: 20px 10px 23px;
}
.team-wrapper .team-content h4 {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 4px;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-wrapper .team-content h4 {
    font-size: 16px;
    margin: 0 0 2px;
  }
}
.team-wrapper .team-content span {
  font-size: 15px;
  font-style: italic;
}
.team-wrapper:hover .team-action {
  top: 50%;
  opacity: 1;
}

/*-------- 20. Contact us style ---------*/
.contact-info-area h2 {
  font-weight: 600;
  margin: 0 0 15px;
  font-size: 35px;
  line-height: 30px;
}
.contact-info-area p {
  margin: 0 0 0px;
  font-size: 15px;
  color: #1f2226;
  line-height: 26px;
}
.contact-info-area .contact-info-wrap {
  margin: 60px 0 0;
}
@media only screen and (max-width: 767px) {
  .contact-info-area .contact-info-wrap {
    margin: 20px 0 30px;
  }
}
.contact-info-area .contact-info-wrap .single-contact-info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 37px;
}
@media only screen and (max-width: 767px) {
  .contact-info-area .contact-info-wrap .single-contact-info {
    margin: 0 0 20px;
  }
}
.contact-info-area .contact-info-wrap .single-contact-info .contact-info-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 62px;
          flex: 0 0 62px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-info-area .contact-info-wrap .single-contact-info .contact-info-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-info-area .contact-info-wrap .single-contact-info .contact-info-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 44px;
            flex: 0 0 44px;
  }
}
.contact-info-area .contact-info-wrap .single-contact-info .contact-info-icon i {
  font-size: 36px;
  color: #ff3535;
  position: relative;
  top: 4px;
}
@media only screen and (max-width: 767px) {
  .contact-info-area .contact-info-wrap .single-contact-info .contact-info-icon i {
    font-size: 30px;
    top: 4px;
  }
}
.contact-info-area .contact-info-wrap .single-contact-info .contact-info-content p {
  margin: 0;
  font-size: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-info-area .contact-info-wrap .single-contact-info .contact-info-content p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-info-area .contact-info-wrap .single-contact-info .contact-info-content p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-info-area .contact-info-wrap .single-contact-info .contact-info-content p {
    font-size: 14px;
  }
}

.contact-from {
  -webkit-box-shadow: 0 25px 45px rgba(1, 2, 2, 0.12);
          box-shadow: 0 25px 45px rgba(1, 2, 2, 0.12);
  padding: 50px;
  margin-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-from {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-from {
    margin-left: 0px;
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-from {
    margin-left: 0px;
    padding: 30px 20px;
  }
}
.contact-from input, .contact-from textarea {
  background: transparent;
  border: 1px solid #e5e5e5;
  font-size: 15px;
  height: 50px;
  padding: 2px 24px;
  margin-bottom: 15px;
  color: #1f2226;
}
.contact-from textarea {
  height: 120px;
  padding: 16px 24px 2px;
}
.contact-from button {
  border: none;
  padding: 0;
  background-color: transparent;
  text-align: center;
  color: #fff;
  background-color: #1f2226;
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  padding: 16px 10px;
}
@media only screen and (max-width: 767px) {
  .contact-from button {
    padding: 13px 10px;
  }
}
.contact-from button:hover {
  background-color: #ff3535;
}

.contact-map #map {
  height: 500px;
}
@media only screen and (max-width: 767px) {
  .contact-map #map {
    height: 300px;
  }
}

/*-------- 21. Compare style ---------*/
.compare-table .table tbody tr td {
  text-align: center;
  padding: 20px 20px;
  vertical-align: middle;
  border-color: #ccc;
}
.compare-table .table tbody tr td.first-column {
  min-width: 175px;
  font-size: 15px;
  font-weight: 600;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .compare-table .table tbody tr td.first-column {
    min-width: 115px;
  }
}
.compare-table .table tbody tr td.product-image-title {
  min-width: 310px;
  vertical-align: bottom;
}
@media only screen and (max-width: 767px) {
  .compare-table .table tbody tr td.product-image-title {
    min-width: 220px;
  }
}
.compare-table .table tbody tr td.product-image-title .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: #ff3535;
  text-transform: capitalize;
  letter-spacing: 0.5px;
}
.compare-table .table tbody tr td.product-image-title .title {
  float: left;
  clear: both;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 400;
  text-transform: capitalize;
  font-family: "Roboto", sans-serif;
  margin-top: 5px;
}
.compare-table .table tbody tr td.product-image-title .title:hover {
  color: #ff3535;
}
.compare-table .table tbody tr td.pro-desc p {
  text-align: left;
  margin: 0;
}
.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: 14px;
  font-weight: 400;
}
.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: #ff3535;
}
.compare-table .table tbody tr td.pro-remove button i {
  font-size: 20px;
}
.compare-table .table tbody tr td.pro-ratting i {
  color: #e7a415;
}

/*------ end Compare Page Wrapper -----*/
/*-------- 22. Checkout style ---------*/
.customer-zone > p {
  font-size: 14px;
  position: relative;
  padding: 14px 30px 14px 60px;
  background-color: #eeeff2;
  margin: 0;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .customer-zone > p {
    padding: 14px 30px 14px 40px;
  }
}
.customer-zone > p:before {
  content: "";
  color: #6dde6d;
  display: inline-block;
  position: absolute;
  font-family: "simple-line-icons";
  left: 15px;
  top: 15px;
  font-size: 15px;
}

.checkout-login-info {
  margin: 20px 0 0;
  display: none;
}
.checkout-login-info p {
  font-size: 14px;
  margin: 0 0 12px;
}
.checkout-login-info form {
  display: block;
  overflow: hidden;
}
.checkout-login-info form .sin-checkout-login {
  margin-bottom: 30px;
}
.checkout-login-info form .sin-checkout-login label {
  font-size: 13px;
  text-transform: uppercase;
  margin: 0 0 5px;
}
.checkout-login-info form .sin-checkout-login label span {
  color: red;
}
.checkout-login-info form .sin-checkout-login input {
  border: 1px solid #e8e8e8;
  height: 50px;
  background-color: transparent;
}
.checkout-login-info form .sin-checkout-login input:focus {
  border: 1px solid #343538;
}
.checkout-login-info form .button-remember-wrap {
  display: block;
  overflow: hidden;
}
.checkout-login-info form .button-remember-wrap button {
  border: 1px solid #aaa;
  font-size: 13px;
  padding: 10px 30px 9px;
  display: inline-block;
  float: left;
  margin-right: 20px;
  font-weight: 600;
  text-transform: uppercase;
}
.checkout-login-info form .button-remember-wrap button:hover {
  background-color: #ff3535;
  color: #fff;
  border: 1px solid #ff3535;
}
.checkout-login-info form .button-remember-wrap .checkout-login-toggle-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0 0;
}
.checkout-login-info form .button-remember-wrap .checkout-login-toggle-btn input {
  height: 15px;
  margin: 0;
  position: relative;
  top: 5px;
  width: 17px;
}
.checkout-login-info form .button-remember-wrap .checkout-login-toggle-btn label {
  font-size: 14px;
  margin: 0 0 0 5px;
}
.checkout-login-info form .lost-password {
  margin: 20px 0 11px;
}
.checkout-login-info form .lost-password a {
  font-size: 14px;
}
.checkout-login-info .checkout-login-social span {
  font-size: 14px;
  margin: 0 0 13px;
  display: block;
}
@media only screen and (max-width: 767px) {
  .checkout-login-info .checkout-login-social span {
    font-size: 13px;
  }
}
.checkout-login-info .checkout-login-social ul li {
  display: inline-block;
  margin: 0 14px 0 0;
}
.checkout-login-info .checkout-login-social ul li:last-child {
  margin: 0 0px 0 0;
}
@media only screen and (max-width: 767px) {
  .checkout-login-info .checkout-login-social ul li {
    margin: 0 5px 0 0;
  }
}
.checkout-login-info .checkout-login-social ul li a {
  background-color: #f5f5f5;
  text-transform: uppercase;
  font-weight: 500;
  display: block;
  float: left;
  font-size: 13px;
  padding: 20px;
  padding: 24px 106px 25px;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout-login-info .checkout-login-social ul li a {
    padding: 24px 70px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout-login-info .checkout-login-social ul li a {
    padding: 15px 13px 16px;
  }
}
.checkout-login-info .checkout-login-social ul li a:hover {
  background-color: #ff3535;
  color: #fff;
}

.checkout-login-info2 {
  display: none;
  margin: 20px 0 0;
}
.checkout-login-info2 ul li {
  display: inline-block;
}
.checkout-login-info2 ul li a {
  color: #8a8a8a;
  font-size: 12px;
}
.checkout-login-info2 ul li a:hover {
  color: #ff3535;
}

.checkout-login-info3 {
  display: none;
  margin-top: 20px;
}
.checkout-login-info3 form input[type=text] {
  border: 1px solid #e8e8e8;
  height: 50px;
  background-color: transparent;
  width: 48%;
  font-size: 14px;
  padding: 0 20px;
}
.checkout-login-info3 form input[type=text]:focus {
  border: 1px solid #1f2226;
}
.checkout-login-info3 form input[type=submit] {
  background: #1f2226 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  height: 50px;
  margin-left: 6px;
  padding: 5px 30px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  width: inherit;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkout-login-info3 form input[type=submit] {
    padding: 5px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout-login-info3 form input[type=submit] {
    padding: 5px 16px;
  }
}
.checkout-login-info3 form input[type=submit]:hover {
  background-color: #ff3535;
}

.billing-info-wrap h3 {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  margin: 0 0 55px;
}
@media only screen and (max-width: 767px) {
  .billing-info-wrap h3 {
    margin-bottom: 40px;
  }
}
.billing-info-wrap h3:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -12px;
  background-color: #000;
  width: 50px;
  height: 2px;
}
.billing-info-wrap .billing-info label {
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  margin: 0 0 5px;
}
.billing-info-wrap .billing-info label abbr {
  color: red;
}
.billing-info-wrap .billing-info input {
  border: 1px solid #e8e8e8;
  height: 50px;
  background-color: transparent;
  padding: 2px 20px;
  color: #1f2226;
  font-size: 13px;
}
.billing-info-wrap .billing-info input:focus {
  border: 1px solid #343538;
}
.billing-info-wrap .billing-info input.billing-address {
  margin-bottom: 20px;
}
.billing-info-wrap .billing-select label {
  font-size: 13px;
  text-transform: uppercase;
  display: block;
  margin: 0 0 5px;
}
.billing-info-wrap .billing-select label abbr {
  color: red;
}
.billing-info-wrap .billing-select select {
  border: 1px solid #e6e6e6;
  -moz-appearance: none;
  -webkit-appearance: none;
  color: #1f2226;
  font-size: 13px;
  height: 50px;
  padding: 2px 20px;
  background: rgba(0, 0, 0, 0) url("../../assets/img/icon-img/select.png") no-repeat scroll right 18px center;
  cursor: pointer;
}
.billing-info-wrap .billing-select select option {
  background: #fff;
  border: 0px solid #626262;
  padding-left: 10px;
  color: #1f2226;
  font-size: 12px;
}
.billing-info-wrap .checkout-account input {
  border: 1px solid #9fa0a2;
  display: inline-block;
  float: left;
  height: 10px;
  width: 10px;
  position: relative;
  top: 6px;
  color: #1f2226;
}
.billing-info-wrap .checkout-account span {
  color: #1f2226;
  font-weight: 400;
  margin: 0 0 0 12px;
  font-size: 14px;
  text-transform: uppercase;
}
.billing-info-wrap .checkout-account-toggle label {
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  margin: 0 0 5px;
}
.billing-info-wrap .checkout-account-toggle label abbr {
  color: red;
}
.billing-info-wrap .checkout-account-toggle input {
  border: 1px solid #e8e8e8;
  height: 50px;
  background-color: transparent;
  color: #1f2226;
  font-size: 13px;
  padding: 2px 20px;
}
.billing-info-wrap .checkout-account-toggle input:focus {
  border: 1px solid #343538;
}
.billing-info-wrap .different-address {
  display: none;
}
.billing-info-wrap .additional-info-wrap {
  margin: 22px 0 0;
}
.billing-info-wrap .additional-info-wrap label {
  color: #1f2226;
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  margin: 0 0 5px;
}
.billing-info-wrap .additional-info-wrap textarea {
  min-height: 120px;
  background-color: #f7f7f7;
  border-color: #f7f7f7;
  padding: 20px;
  color: #1f2226;
  font-size: 13px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .billing-info-wrap.mr-50 {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .billing-info-wrap.mr-50 {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .billing-info-wrap.mr-50 {
    margin-right: 0px;
  }
}

.your-order-area {
  padding: 40px 50px 50px;
  border-width: 2px;
  border-style: solid;
  position: relative;
  border-color: rgba(52, 53, 56, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .your-order-area {
    padding: 40px 25px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .your-order-area {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .your-order-area {
    padding: 40px 12px 50px;
    margin-top: 30px;
  }
}
.your-order-area h3 {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  margin: 0 0 45px;
  text-transform: capitalize;
}
.your-order-area h3:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -12px;
  background-color: #000;
  width: 50px;
  height: 2px;
}
.your-order-area .your-order-wrap .your-order-info {
  border-bottom: 1px solid #e8e8e8;
}
.your-order-area .your-order-wrap .your-order-info ul li {
  font-size: 14px;
  padding: 0 0 7px;
  text-transform: uppercase;
  font-weight: 500;
}
.your-order-area .your-order-wrap .your-order-info ul li span {
  float: right;
}
.your-order-area .your-order-wrap .your-order-info.order-subtotal {
  padding: 15px 0 10px;
}
.your-order-area .your-order-wrap .your-order-info.order-subtotal ul li span {
  font-size: 16px;
}
.your-order-area .your-order-wrap .your-order-info.order-shipping {
  padding: 15px 0 13px;
  display: block;
  overflow: hidden;
}
.your-order-area .your-order-wrap .your-order-info.order-shipping ul li > p {
  float: right;
  font-size: 12px;
  text-align: right;
  color: #1f2226;
  text-transform: capitalize;
}
.your-order-area .your-order-wrap .your-order-info.order-total {
  padding: 15px 0 10px;
}
.your-order-area .your-order-wrap .your-order-info.order-total ul li span {
  font-size: 16px;
}
.your-order-area .your-order-wrap .your-order-middle {
  border-bottom: 1px solid #e8e8e8;
  padding: 24px 0 23px;
}
.your-order-area .your-order-wrap .your-order-middle ul li {
  font-size: 14px;
  margin: 0 0 11px;
  font-family: "Roboto", sans-serif;
}
.your-order-area .your-order-wrap .your-order-middle ul li:last-child {
  margin-bottom: 0;
}
.your-order-area .your-order-wrap .your-order-middle ul li span {
  float: right;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
}
.your-order-area .your-order-wrap .payment-method {
  margin: 17px 0 0;
}
.your-order-area .your-order-wrap .payment-method .sin-payment {
  margin-bottom: 20px;
}
.your-order-area .your-order-wrap .payment-method .sin-payment input {
  width: auto;
  display: inline-block;
  float: left;
  height: auto;
  margin-top: 5px;
}
.your-order-area .your-order-wrap .payment-method .sin-payment label {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0px 0 0 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .your-order-area .your-order-wrap .payment-method .sin-payment label {
    display: block;
  }
}
.your-order-area .your-order-wrap .payment-method .sin-payment label img {
  max-width: 140px;
  display: inline-block;
  margin: 0 5px;
}
.your-order-area .your-order-wrap .payment-method .sin-payment label a {
  text-decoration: underline;
}
.your-order-area .your-order-wrap .payment-method .sin-payment .payment-box {
  margin: 6px 0 0;
  display: none;
}
.your-order-area .your-order-wrap .payment-method .sin-payment .payment-box p {
  font-size: 12px;
  margin: 0;
}
.your-order-area .your-order-wrap .payment-method .sin-payment.sin-payment-3 input {
  margin-top: 18px;
}
.your-order-area .Place-order a {
  background-color: #ff3535;
  font-size: 12px;
  display: block;
  cursor: pointer;
  padding: 17px 50px 18px;
  text-transform: uppercase;
  font-weight: 700;
  width: 100%;
  color: #fff;
  font-size: 13px;
  font-weight: 600l;
  text-align: center;
}
.your-order-area .Place-order a:hover {
  background-color: #212529;
}

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

/*-------- 23. My account style ---------*/
.myaccount-tab-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.myaccount-tab-menu a {
  border: 1px solid #ccc;
  border-bottom: none;
  font-weight: 600;
  font-size: 13px;
  display: block;
  padding: 10px 15px;
  text-transform: uppercase;
}
.myaccount-tab-menu a:last-child {
  border-bottom: 1px solid #ccc;
}
.myaccount-tab-menu a:hover, .myaccount-tab-menu a.active {
  background-color: #ff3535;
  border-color: #ff3535;
  color: #ffffff;
}
.myaccount-tab-menu a i.fa {
  font-size: 14px;
  text-align: center;
  width: 25px;
}

@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;
  font-weight: 600;
}
.myaccount-content .welcome a:hover {
  color: #ff3535;
}
.myaccount-content .welcome strong {
  font-weight: 600;
  color: #ff3535;
}
.myaccount-content fieldset {
  margin-top: 20px;
}
.myaccount-content fieldset legend {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 500;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.myaccount-content .account-details-form {
  margin-top: 50px;
}
.myaccount-content .account-details-form .single-input-item {
  margin-bottom: 20px;
}
.myaccount-content .account-details-form .single-input-item label {
  font-size: 14px;
  text-transform: capitalize;
  display: block;
  margin: 0 0 5px;
}
.myaccount-content .account-details-form .single-input-item input {
  border: 1px solid #e8e8e8;
  height: 50px;
  background-color: transparent;
  padding: 2px 20px;
  color: #1f2226;
  font-size: 13px;
}
.myaccount-content .account-details-form .single-input-item input:focus {
  border: 1px solid #343538;
}
.myaccount-content .account-details-form .single-input-item button {
  border: none;
  background-color: #ff3535;
  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;
}

.saved-message {
  background-color: #fff;
  border-top: 3px solid #ff3535;
  font-size: 14px;
  padding: 20px 0;
}

/*-------- Start My Account Page Wrapper --------*/