@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800");
:root {
 --primary-color:#318fcc;
 --secondary-color:#ff7300;
 --three-color:#333;
 --foreground-color:#121416;
 --foreground-sub-color:#898686;
 --body-text-color:#000000;
 --text-white-color:#fff;
 --body-background-color:#fff;
 --bg-offwhite-color:#F7F7F7;
 --bg-black-color:#000000;
 --bg-light-dark-color:#1a1818;
 --border-color:#E5E5E5;
 --open-sans-fonts:'Open Sans',
 sans-serif;
 --rubik-fonts:'Rubik',
 sans-serif;
 --inter-fonts:'Inter',
 sans-serif;
 --body-font-size:1.5rem;
 --body-font-weight:400;
 --body-line-height:2.8rem;
 --headings-weight:700;
 --transition:all 0.3s ease 0s;
 --container-fluid-offset:12rem;

 --bg-gray: #f5f7f9;
 --bg-white: #ffffff;
 --bg-primary: #ff7300;
}
*,
::after,
::before {
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
html {
 scroll-behavior:smooth
}
body,
html {
 min-height:100%;
 margin:0;
 font-size:62.5%;
 padding:0
}
body {
 font-family:var(--open-sans-fonts);
 font-size:var(--body-font-size,1.5rem);
 font-weight:var(--body-font-weight);
 font-style:normal;
 line-height:var(--body-line-height,26px);
 position:relative;
 visibility:visible;
 overflow-x:hidden;
 color:var(--foreground-color);
 background-color:var(--background-color)
}
@media only screen and (max-width:991px) {
 body {
  font-size:1.4rem;
  line-height:2.4rem
 }
}
[data-aos=fade-up] {
 transform:translate3d(0,40px,0);
 -webkit-transform:translate3d(0,40px,0);
 -moz-transform:translate3d(0,40px,0);
 -ms-transform:translate3d(0,40px,0);
 -o-transform:translate3d(0,40px,0)
}
.tooltip {
 font-size:1.3rem
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
 font-weight:var(--headings-weight);
 margin:0
}
.h1,
h1 {
 font-size:2.2rem;
 line-height:3.2rem
}
@media only screen and (min-width:480px) {
 .h1,
 h1 {
  font-size:2.8rem;
  line-height:3.7rem
 }
}
@media only screen and (min-width:576px) {
 .h1,
 h1 {
  font-size:3rem;
  line-height:3.8rem
 }
}
@media only screen and (min-width:768px) {
 .h1,
 h1 {
  font-size:3.2rem;
  line-height:4rem
 }
}
@media only screen and (min-width:992px) {
 .h1,
 h1 {
  font-size:4rem;
  line-height:5rem
 }
}
@media only screen and (min-width:1200px) {
 .h1,
 h1 {
  font-size:4.5rem;
  line-height:5rem
 }
}
@media only screen and (min-width:1366px) {
 .h1,
 h1 {
  font-size:5rem;
  line-height:5.5rem
 }
}
.h2,
h2 {
 font-size:1.7rem;
 line-height:2.4rem
}
@media only screen and (min-width:768px) {
 .h2,
 h2 {
  font-size:1.8rem;
  line-height:2.6rem
 }
}
@media only screen and (min-width:992px) {
 .h2,
 h2 {
  font-size:1.9rem;
  line-height:2.8rem
 }
}
@media only screen and (min-width:1200px) {
 .h2,
 h2 {
  font-size:2rem;
  line-height:3rem
 }
}
@media only screen and (min-width:1366px) {
 .h2,
 h2 {
  font-size:2.2rem
 }
}
.h3,
h3 {
 font-size:1.5rem;
 line-height:2.4rem
}
@media only screen and (min-width:992px) {
 .h3,
 h3 {
  font-size:1.6rem
 }
}
.h4,
h4 {
 font-size:1.6rem;
 line-height:2.6rem
}
@media only screen and (min-width:1200px) {
 .h4,
 h4 {
  font-size:1.7rem;
  line-height:2.8rem
 }
}
.h5,
h5 {
 font-weight:400
}
.h6,
h6 {
 font-weight:400
}
.p,
p {
 margin-top:0;
 margin-bottom:1rem;
 font-family:var(--inter-fonts)
}
@media only screen and (min-width:1200px) {
 .p,
 p {
  margin-bottom:1.5rem
 }
}
p:last-child {
 margin-bottom:0
}
a,
button {
 display:inline-block;
 cursor:pointer;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 text-decoration:none;
 color:inherit
}
a,
button,
img,
input,
textarea {
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
:focus {
 outline:0;
 -webkit-box-shadow:none;
 box-shadow:none
}
:focus-visible {
 -webkit-box-shadow:0 0 5px 2px rgba(19,19,19,.15);
 box-shadow:0 0 5px 2px rgba(19,19,19,.15)
}
a:focus {
 text-decoration:none;
 outline:0
}
a {
 color:var(--foreground-color)
}
a:hover {
 text-decoration:none;
 color:var(--secondary-color)
}
button,
input[type=submit] {
 cursor:pointer;
 font-size:var(--body-font-size);
 font-weight:var(--body-font-weight);
 line-height:var(--body-line-height)
}
input[type=number] {
 -moz-appearance:textfield
}
img {
 max-width:100%;
 height:auto;
 /*display:block;*/
}
span {
 display:inline-block;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
label {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 display:block
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
 opacity:.6;
 color: #333;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
 opacity:.6;
 color: #333;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
 opacity:.6;
 color: #333;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
 opacity:.6;
 color: #333;
}
ul {
 margin:0;
 padding:0
}
ul:last-child {
 margin-bottom:0
}
li {
 list-style:none;
 line-height:1
}
hr {
 border-top-width:2px
}
@media only screen and (min-width:576px) {
 .container {
  max-width:576px
 }
}
@media only screen and (min-width:768px) {
 .container {
  max-width:768px
 }
}
@media only screen and (min-width:992px) {
 .container {
  max-width:992px
 }
}
@media only screen and (min-width:1200px) {
 .container {
  max-width:1200px
 }
}
@media only screen and (min-width:1366px) {
 .container {
  max-width:1240px
 }
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
 padding-right:var(--bs-gutter-x,1.5rem);
 padding-left:var(--bs-gutter-x,1.5rem)
}
.container-fluid {
 --offset-fluid:1.5rem;
 padding-right:var(--offset-fluid);
 padding-left:var(--offset-fluid)
}
@media only screen and (min-width:992px) {
 .container-fluid {
  --offset-fluid:3rem
 }
}
@media only screen and (min-width:1366px) {
 .container-fluid {
  --offset-fluid:calc(var(--container-fluid-offset) / 4.5)
 }
}
@media only screen and (min-width:1600px) {
 .container-fluid {
  --offset-fluid:calc(var(--container-fluid-offset) / 2.5)
 }
}
@media only screen and (min-width:1800px) {
 .container-fluid {
  --offset-fluid:var(--container-fluid-offset)
 }
}
.container-fluid.width-100 {
 --offset-fluid:0
}
.row {
 margin-right:-1rem;
 margin-left:-1rem
}
@media only screen and (min-width:992px) {
 .row {
  margin-right:-1.5rem;
  margin-left:-1.5rem
 }
}
.row>* {
 padding-right:1rem;
 padding-left:1rem
}
@media only screen and (min-width:992px) {
 .row>* {
  padding-right:1.5rem;
  padding-left:1.5rem
 }
}
@media only screen and (max-width:1199px) {
 .col-lg-order {
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1
 }
 .d-lg-none {
  display:none
 }
}
@media only screen and (max-width:991px) {
 .d-md-none {
  display:none
 }
 .d-md-flex {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
 }
 .col-md-order {
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1
 }
 .d-md-block {
  display:block
 }
 .d-md-2-block {
  display:block!important
 }
}
@media only screen and (max-width:767px) {
 .d-sm-u-none {
  display:none
 }
 .d-sm-block {
  display:block
 }
 .d-sm-flex {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
 }
 .col-sm-order {
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1
 }
}
@media only screen and (max-width:575px) {
 .d-sm-2-none {
  display:none
 }
 .d-sm-2-block {
  display:block
 }
 .d-sm-2-flex {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
 }
 .col-sm-2-order {
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1
 }
}
@media only screen and (max-width:479px) {
 .d-sm-3-none {
  display:none
 }
}
@media only screen and (max-width:479px) {
 .custom-col {
  width:100%
 }
}
@media only screen and (max-width:991px) {
 .row-md-reverse {
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse
 }
 .row_md_reverse {
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse
 }
}
@media only screen and (max-width:767px) {
 .row_sm_reverse {
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse
 }
}
.swiper__nav--btn.card__swiper--nav {
 opacity:1;
 visibility:visible;
 top:-33px
}
@media only screen and (min-width:768px) {
 .swiper__nav--btn.card__swiper--nav {
  top:-38px
 }
}
@media only screen and (min-width:1200px) {
 .swiper__nav--btn.card__swiper--nav {
  top:-48px
 }
}
@media only screen and (min-width:1600px) {
 .swiper__nav--btn.card__swiper--nav {
  top:-60px
 }
}
.swiper__nav--btn.card__swiper--nav.swiper-button-prev {
 right:3.7rem;
 left:auto
}
.swiper:hover .swiper__nav--btn {
 opacity:1;
 visibility:visible
}
.swiper__nav--btn {
 width:3.5rem;
 height:3.5rem;
 background:inherit;
 border:1px solid var(--secondary-color);
 background:var(--body-background-color);
 color:var(--secondary-color);
 border-radius:50%;
 opacity:0;
 visibility:hidden;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 z-index:9
}
@media only screen and (max-width:479px) {
 .swiper__nav--btn {
  width:3rem;
  height:3rem
 }
}
.swiper__nav--btn.swiper-button-disabled {
 background:inherit;
 color:var(--primary-color)
}
.swiper__nav--btn:hover {
 background:var(--secondary-color);
 color:var(--text-white-color)
}
.swiper__nav--btn::after {
 display:none
}
.swiper__nav--btn.swiper-button-prev {
 left:0
}
.swiper__nav--btn.swiper-button-next {
 right:0
}
.swiper__nav--btn.swiper-button-next::after {
 display:none
}
.swiper-pagination {
 bottom:0!important
}
.swiper-pagination-bullet {
 width:1.5rem;
 height:1.5rem;
 border:1px solid var(--secondary-color);
 opacity:1;
 vertical-align:middle;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 background:inherit;
 margin:0 4px!important;
 position:relative
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
 background:var(--secondary-color)
}
.modal-backdrop.show {
 opacity:.7
}
.switcher__mode--btn>.moon__icon {
 display:block
}
.switcher__mode--btn .sun__icon {
 display:none
}
.switcher__mode--btn.active>.moon__icon {
 display:none
}
.switcher__mode--btn.active>.sun__icon {
 display:block
}
.primary__btn {
 font-weight:600;
 display:inline-block;
 font-size:1.3rem;
 line-height:3.8rem;
 height:3.8rem;
 padding:0 2rem;
 letter-spacing:.2px;
 border-radius:2.4rem;
 background:var(--secondary-color);
 color:var(--text-white-color);
 border:0
}
.primary__btn:hover {
 background:var(--primary-color);
 color:var(--text-white-color)
}
@media only screen and (min-width:768px) {
 .primary__btn {
  line-height:4rem;
  height:4rem;
  padding:0 2.2rem;
  font-size:1.4rem
 }
}
@media only screen and (min-width:992px) {
 .primary__btn {
  font-size:1.5rem;
  line-height:4.2rem;
  height:4.2rem;
  padding:0 2.5rem
 }
}
@media only screen and (min-width:1600px) {
 .primary__btn {
  line-height:4.6rem;
  height:4.6rem;
  padding:0 3rem
 }
}
.gradient__text--color {
 background:-webkit-gradient(linear,left top,right top,from(#1066e7),to(#c81cc5));
 background:linear-gradient(to right,#1066e7 0,#c81cc5 100%);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent
}
.table-responsive {
 display:block;
 width:100%;
 overflow-x:auto;
 -webkit-overflow-scrolling:touch
}
select {
 word-wrap:normal;
 font-family:var(--font-lato);
 font-size:var(--body-font-size);
 font-weight:var(--body-font-weight);
 line-height:var(--body-line-height)
}
.section__heading {
 padding-bottom:1.2rem;
 position:relative
}
.section__heading::before {
 position:absolute;
 content:"";
 width:2.5rem;
 height:2.5rem;
 border:1px solid var(--secondary-color);
 left:0;
 top:1px;
 border-radius:50%
}
@media only screen and (min-width:768px) {
 .section__heading::before {
  top:3px
 }
}
.section__heading::after {
 position:absolute;
 content:"";
 width:1.1rem;
 height:1.1rem;
 background:var(--secondary-color);
 left:7px;
 top:8px;
 border-radius:50%
}
@media only screen and (min-width:768px) {
 .section__heading::after {
  top:10px
 }
}
.section__heading--maintitle {
 text-transform:uppercase;
 padding-left:3.4rem
}
.section__heading--maintitle span {
 font-weight:400
}
.section__heading--flex {
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 gap:2rem
}
.section__heading--desc {
 margin-top:1.2rem
}
.section__heading.style2 {
 padding-bottom:0
}
.section__heading.style2 .section__heading--maintitle {
 padding-left:0;
 text-transform:capitalize
}
@media only screen and (min-width:1200px) {
 .section__heading.style2 .section__heading--maintitle {
  font-size:3.6rem;
  line-height:4.5rem
 }
}
@media only screen and (max-width:767px) {
 .section__heading.style2 .section__heading--maintitle {
  font-size:3rem;
  line-height:3.6rem
 }
}
.section__heading.style2::before {
 display:none
}
.section__heading.style2::after {
 display:none
}
#scroll__top {
 position:fixed;
 bottom:50px;
 right:2px;
 z-index:99;
 outline:0;
 background-color:var(--secondary-color);
 color:var(--text-white-color);
 -webkit-box-shadow:0 2px 22px rgba(0,0,0,.16);
 box-shadow:0 2px 22px rgba(0,0,0,.16);
 cursor:pointer;
 -webkit-transform:translateY(50px);
 transform:translateY(50px);
 opacity:0;
 visibility:hidden;
 -webkit-transition:.3s;
 transition:.3s;
 line-height:1;
 width:4.3rem;
 height:4.3rem;
 border-radius:50%;
 border:0;
 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
}
#scroll__top:hover {
 background:var(--primary-color)
}
@media only screen and (max-width:991px) {
 #scroll__top {
  bottom:75px
 }
}
#scroll__top.active {
 visibility:visible;
 opacity:1;
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
#scroll__top svg {
 width:25px;
 line-height:1
}
.visually-hidden {
 position:absolute!important;
 overflow:hidden;
 width:1px;
 height:1px;
 margin:-1px;
 padding:0;
 border:0;
 word-wrap:normal!important
}
.line-height-1 {
 line-height:1
}
.text-center {
 text-align:center
}
.text-left {
 text-align:left
}
.text-right {
 text-align:right
}
.overflow-hidden {
 overflow:hidden
}
.break {
 word-break:break-word
}
.uppercase {
 text-transform:uppercase
}
.capitalize {
 text-transform:capitalize
}
.text-ofwhite {
 color:var(--ofwhite-color)
}
.bg__primary {
 background:var(--primary-color)
}
.bg__secondary {
 background:var(--secondary-color)
}
.bg__black {
 background:#1d1c1c
}
.text__primary {
 color:var(--primary-color)
}
.text__secondary {
 color:var(--secondary-color)
}
.position__relative {
 position:relative
}
.border-bottom {
 border-bottom:1px solid var(--border-color)!important
}
.border {
 border:1px solid var(--border-color)!important
}
.border-0 {
 border:none
}
.border-radius-5 {
 border-radius:.5rem
}
.border-radius-10 {
 border-radius:1rem
}
.border-radius-20 {
 border-radius:2rem
}
.border-radius-30 {
 border-radius:3rem
}
.border-radius-50 {
 border-radius:50%
}
.width-100 {
 width:100%
}
@media only screen and (max-width:991px) {
 .md-width-100 {
  width:100%
 }
}
.display-block {
 display:block
}
.tab_content {
 display:block
}
.tab_pane {
 display:none;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.tab_pane:not(.show) {
 opacity:0
}
.tab_pane.show {
 opacity:1
}
.tab_pane.active {
 display:block
}
.mobile_menu_open,
.offCanvas__minicart_active,
.offcanvas__filter--sidebar_active,
.predictive__search--box_active,
body.overlay__active {
 overflow-y:hidden
}
.mobile_menu_open::before,
.offCanvas__minicart_active::before,
.offcanvas__filter--sidebar_active::before,
.predictive__search--box_active::before,
body.overlay__active::before {
 position:absolute;
 content:"";
 background:#000;
 width:100%;
 height:100%;
 z-index:999;
 opacity:.5;
 cursor:crosshair
}
@-webkit-keyframes fadeInDown {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0)
 }
 to {
  opacity:1;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  -moz-transform:translateZ(0);
  -ms-transform:translateZ(0);
  -o-transform:translateZ(0)
 }
}
@keyframes fadeInDown {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0)
 }
 to {
  opacity:1;
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
 }
}
.animate-fadeInDown {
 -webkit-animation-name:fadeInDown;
 animation-name:fadeInDown
}
@-webkit-keyframes fadeInUp {
 from {
  opacity:0;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInUp {
 from {
  opacity:0;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.fadeInUp {
 -webkit-animation-name:fadeInUp;
 animation-name:fadeInUp
}
.section--padding {
 padding-top:1rem;
 padding-bottom:1rem
}
@media only screen and (min-width:768px) {
 .section--padding {
  padding-top:1rem;
  padding-bottom:1rem
 }
}
.section--nargin {
 margin-top:5rem;
 margin-bottom:5rem
}
@media only screen and (min-width:768px) {
 .section--nargin {
  margin-top:6rem;
  margin-bottom:6rem
 }
}
.p-0 {
 padding:0
}
.pt-0 {
 padding-top:0
}
.pb-0 {
 padding-bottom:0
}
.pb-15 {
 padding-bottom:1.5rem
}
.pb-20 {
 padding-bottom:2rem
}
.m-0 {
 margin:0
}
.mt-0 {
 margin-top:0
}
.mb-0 {
 margin-bottom:0
}
.mb-60 {
 margin-bottom:3.5rem
}
@media only screen and (min-width:768px) {
 .mb-60 {
  margin-bottom:4rem
 }
}
@media only screen and (min-width:992px) {
 .mb-60 {
  margin-bottom:6rem
 }
}
.mb-55 {
 margin-bottom:3.5rem
}
@media only screen and (min-width:992px) {
 .mb-55 {
  margin-bottom:5.5rem
 }
}
.mb-50 {
 margin-bottom:2.5rem
}
@media only screen and (min-width:768px) {
 .mb-50 {
  margin-bottom:3rem
 }
}
@media only screen and (min-width:1200px) {
 .mb-50 {
  margin-bottom:4rem
 }
}
@media only screen and (min-width:1600px) {
 .mb-50 {
  margin-bottom:5rem
 }
}
.mb--n50 {
 margin-bottom:-2.5rem
}
@media only screen and (min-width:768px) {
 .mb--n50 {
  margin-bottom:-3rem
 }
}
@media only screen and (min-width:1200px) {
 .mb--n50 {
  margin-bottom:-4rem
 }
}
@media only screen and (min-width:1600px) {
 .mb--n50 {
  margin-bottom:-5rem
 }
}
.mb-40 {
 margin-bottom:3rem
}
@media only screen and (min-width:992px) {
 .mb-40 {
  margin-bottom:4rem
 }
}
.mb--n40 {
 margin-bottom:-3rem
}
@media only screen and (min-width:992px) {
 .mb--n40 {
  margin-bottom:-4rem
 }
}
.mb-35 {
 margin-bottom:2.5rem
}
@media only screen and (min-width:768px) {
 .mb-35 {
  margin-bottom:3rem
 }
}
@media only screen and (min-width:1200px) {
 .mb-35 {
  margin-bottom:3.5rem
 }
}
.mb-30 {
 margin-bottom:2rem
}
@media only screen and (min-width:992px) {
 .mb-30 {
  margin-bottom:2.5rem
 }
}
@media only screen and (min-width:1600px) {
 .mb-30 {
  margin-bottom:3rem
 }
}
.mb--n30 {
 margin-bottom:-2rem
}
@media only screen and (min-width:992px) {
 .mb--n30 {
  margin-bottom:-2.5rem
 }
}
@media only screen and (min-width:1600px) {
 .mb--n30 {
  margin-bottom:-3rem
 }
}
.mb-28 {
 margin-bottom:2rem
}
@media only screen and (min-width:992px) {
 .mb-28 {
  margin-bottom:2.3rem
 }
}
@media only screen and (min-width:1200px) {
 .mb-28 {
  margin-bottom:2.8rem
 }
}
.mb--n28 {
 margin-bottom:-2rem
}
@media only screen and (min-width:992px) {
 .mb--n28 {
  margin-bottom:-2.3rem
 }
}
@media only screen and (min-width:1200px) {
 .mb--n28 {
  margin-bottom:-2.8rem
 }
}
.mb--n25 {
 margin-bottom:-1.8rem
}
@media only screen and (min-width:992px) {
 .mb--n25 {
  margin-bottom:-2rem
 }
}
@media only screen and (min-width:1200px) {
 .mb--n25 {
  margin-bottom:-2.5rem
 }
}
.mb-25 {
 margin-bottom:1.8rem
}
@media only screen and (min-width:992px) {
 .mb-25 {
  margin-bottom:2rem
 }
}
@media only screen and (min-width:1200px) {
 .mb-25 {
  margin-bottom:2.5rem
 }
}
.mb-20 {
 margin-bottom:1.5rem
}
@media only screen and (min-width:768px) {
 .mb-20 {
  margin-bottom:2rem
 }
}
.mb-18 {
 margin-bottom:1.2rem
}
@media only screen and (min-width:768px) {
 .mb-18 {
  margin-bottom:1.8rem
 }
}
.mb-15 {
 margin-bottom:1rem
}
@media only screen and (min-width:768px) {
 .mb-15 {
  margin-bottom:1.5rem
 }
}
.mb-12 {
 margin-bottom:1rem
}
@media only screen and (min-width:992px) {
 .mb-12 {
  margin-bottom:1.2rem
 }
}
.mb-10 {
 margin-bottom:.8rem
}
@media only screen and (min-width:992px) {
 .mb-10 {
  margin-bottom:1rem
 }
}
.mb-5 {
 margin-bottom:.5rem
}
.mb-8 {
 margin-bottom:.8rem
}
.mr-30 {
 margin-right:3rem
}
.offcanvas__header--menu__open {
 line-height:1;
 display:none
}
@media only screen and (max-width:991px) {
 .offcanvas__header--menu__open {
  display:block
 }
}
.offcanvas__header--menu__open--svg {
 width:32px
}
.offcanvas__header--menu__open--btn>* {
 pointer-events:none
}
.offcanvas__header {
 position:fixed;
 z-index:9999;
 top:0;
 left:0;
 width:100%;
 max-width:300px;
 height:100vh;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 -webkit-transform:translateX(-100%);
 transform:translateX(-100%);
 background-color:var(--body-background-color);
 -webkit-box-shadow:0 0 10px rgba(0,0,0,.15);
 box-shadow:0 0 10px rgba(0,0,0,.15);
 opacity:0;
 visibility:hidden
}
@media only screen and (min-width:480px) {
 .offcanvas__header {
  max-width:320px
 }
}
.offcanvas__header.open {
 -webkit-transform:translateX(0);
 transform:translateX(0);
 opacity:1;
 visibility:visible
}
.offcanvas__header.open~.offcanvas-overlay {
 visibility:visible;
 opacity:.75
}
.offcanvas-overlay {
 position:fixed;
 z-index:9998;
 top:0;
 left:0;
 visibility:hidden;
 width:100%;
 height:100%;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 opacity:0;
 background-color:var(--bg-black-color)
}
.offcanvas__inner {
 position:relative;
 height:100%;
 padding-bottom:5rem
}
.offcanvas__logo {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 padding:20px 15px
}
.offcanvas__close--btn {
 position:relative;
 -ms-flex-item-align:center;
 -ms-grid-row-align:center;
 align-self:center;
 width:2rem;
 height:2rem;
 padding:0;
 text-indent:-9999px;
 border:none;
 background-color:transparent
}
.offcanvas__close--btn::after,
.offcanvas__close--btn::before {
 position:absolute;
 top:50%;
 left:0;
 width:100%;
 height:2px;
 margin-top:-1px;
 content:"";
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg);
 background-color:var(--bg-black-color)
}
.offcanvas__close--btn::after {
 -webkit-transform:rotate(-45deg);
 transform:rotate(-45deg)
}
.offcanvas__menu {
 overflow-y:auto;
 height:100%
}
.offcanvas__menu_ul {
 overflow:auto;
 margin:0;
 padding:0;
 list-style:none;
}
.offcanvas__menu_li {
 position:relative;
 border-bottom:1px solid var(--border-color)
}
.offcanvas__menu_li:first-child {
 border-top:1px solid var(--border-color)
}
.offcanvas__menu_item {
 line-height:1;
 display:block;
 padding:15px 20px;
 text-transform:uppercase
}
.offcanvas__sub_menu {
 display:none;
 margin:0;
 padding:0;
 list-style:none
}
.offcanvas__sub_menu_li {
 position:relative;
 border-top:1px solid var(--border-color)
}
.offcanvas__sub_menu_item {
 line-height:1;
 display:block;
 padding:15px 0 15px 30px
}
.offcanvas__sub_menu_item~.offcanvas__sub_menu .offcanvas__sub_menu_item {
 padding-left:40px
}
.offcanvas__sub_menu_toggle {
 font-size:20px;
 position:absolute;
 z-index:9;
 top:0;
 right:0;
 width:4rem;
 height:4.6rem;
 padding:0;
 border:none;
 border-radius:0;
 background-color:transparent
}
.offcanvas__sub_menu_toggle::after,
.offcanvas__sub_menu_toggle::before {
 position:absolute;
 top:50%;
 left:50%;
 width:12px;
 height:2px;
 content:"";
 -webkit-transition:var(--transition);
 transition:var(--transition);
 -webkit-transform:translateX(-50%) translateY(-50%);
 transform:translateX(-50%) translateY(-50%);
 background-color:var(--bg-black-color)
}
.offcanvas__sub_menu_toggle:not(.active)::after {
 -webkit-transform:translateX(-50%) translateY(-50%) rotate(90deg);
 transform:translateX(-50%) translateY(-50%) rotate(90deg)
}
.offcanvas__account--items {
 padding:28px 17px 20px
}
.offcanvas__account--items__icon {
 width:3rem;
 height:3rem;
 text-align:center;
 background:var(--secondary-color);
 line-height:3.8rem;
 border-radius:50%;
 color:var(--text-white-color);
 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
}
.offcanvas__account--items__label {
 font-size:1.5rem;
 font-weight:600;
 margin-left:6px
}
.offcanvas__account--wrapper {
 gap:2.5rem;
 padding:0 2.5rem
}
.offcanvas__account--currency {
 position:relative
}
.offcanvas__account--currency__menu {
 font-weight:500;
 gap:5px
}
.offcanvas__account--currency__menu>* {
 pointer-events:none
}
.offcanvas__account--currency__submenu {
 position:absolute;
 z-index:9;
 width:100px;
 -webkit-box-shadow:0 5px 30px rgba(0,0,0,.1);
 box-shadow:0 5px 30px rgba(0,0,0,.1);
 bottom:100%;
 opacity:0;
 visibility:hidden;
 margin-bottom:15px;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 background:var(--body-background-color)
}
.offcanvas__account--currency__submenu.active {
 opacity:1;
 visibility:visible;
 margin-bottom:8px
}
.offcanvas__stikcy--toolbar {
 position:fixed;
 bottom:0;
 background:var(--body-background-color);
 left:0;
 right:0;
 z-index:99;
 -webkit-box-shadow:0 0 9px rgba(0,0,0,.12);
 box-shadow:0 0 9px rgba(0,0,0,.12);
 padding:10px 20px;
 display:none
}
@media only screen and (min-width:500px) {
 .offcanvas__stikcy--toolbar {
  padding:10px 40px
 }
}
@media only screen and (min-width:768px) {
 .offcanvas__stikcy--toolbar {
  padding:10px 60px
 }
}
@media only screen and (max-width:991px) {
 .offcanvas__stikcy--toolbar {
  display:block
 }
}
.offcanvas__stikcy--toolbar__btn {
 position:relative;
 text-align:center
}
.offcanvas__stikcy--toolbar__btn:hover .offcanvas__stikcy--toolbar__icon {
 background:var(--secondary-color);
 color:var(--white-color)
}
.offcanvas__stikcy--toolbar__btn>* {
 pointer-events:none
}
.offcanvas__stikcy--toolbar__btn.minicart__open--btn {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column
}
.offcanvas__stikcy--toolbar__icon {
 height:3rem;
 text-align:center;
 background:var(--theme-color);
 line-height:3.8rem;
 border-radius:50%;
 color:var(--white-color);
 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
}
.offcanvas__stikcy--toolbar__label {
 display:block;
 font-size:1.2rem;
 font-weight:600;
 margin-top:6px
}
.header__sticky.sticky {
 position:fixed;
 width:100%;
 top:0;
 background:var(--body-background-color);
 left:0;
 z-index:99;
 padding:1rem .5rem;
 -webkit-box-shadow:0 0 7px rgba(0,0,0,.15);
 box-shadow:0 0 7px rgba(0,0,0,.15);
 -webkit-transition:.3s;
 transition:.3s
}
.header__sticky.sticky .header__menu.header__sticky--block {
 display:block!important;
 padding-left:0
}
@media only screen and (max-width:991px) {
 .header__sticky.sticky .header__menu.header__sticky--block {
  display:none!important
 }
}
.header__sticky.sticky .header__account.header__sticky--block {
 display:block
}
.header__sticky.sticky .header__account.header__sticky--none {
 display:none
}
.header__sticky.sticky .header__search--widget.header__sticky--none {
 display:none!important
}
.header__topbar {
 padding:8px 0
}
@media only screen and (min-width:768px) {
 .header__topbar {
  padding:10px 0
 }
}
@media only screen and (max-width:991px) {
 .header__topbar--inner {
  -webkit-box-pack:center!important;
  -ms-flex-pack:center!important;
  justify-content:center!important
 }
}
.header__topbar--info {
 gap:2rem
}
.header__info--list {
 position:relative
}
.header__info--list::before {
 position:absolute;
 content:"";
 width:2px;
 height:85%;
 background:var(--border-color);
 right:-11px;
 top:50%;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%)
}
.header__info--list:last-child::before {
 display:none
}
.header__info--link {
 font-size:1.2rem;
 font-weight:500;
 font-family:var(--inter-fonts);
 line-height:1.8rem
}
.header__info--link svg {
 margin-right:.2rem
}
.header__info--link.text-white:hover {
 color:var(--secondary-color)!important
}
.header__top--right {
 gap:2rem
}
@media only screen and (max-width:575px) {
 .header__top--right {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding:.5rem 0
 }
}
.header__top--link {
 gap:2rem
}
.social__share {
 gap:1.5rem
}
.header__link--menu {
 position:relative
}
@media only screen and (max-width:575px) {
 .header__link--menu:last-child::before {
  display:none
 }
}
/*.header__link--menu::before {
 position:absolute;
 content:"";
 width:2px;
 height:85%;
 background:var(--border-color);
 right:-11px;
 top:50%;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%)
}*/
.header__link--menu__text {
 font-size:1.3rem;
 font-weight:500;
 font-family:var(--inter-fonts)
}
.header__link--menu__text svg {
 margin-right:.2rem
}
.header__link--menu__text.text-white:hover {
 color:var(--secondary-color)!important
}
.main__header {
 padding:11px 0
}
@media only screen and (min-width:768px) {
 .main__header {
  padding:12px 0
 }
}
@media only screen and (min-width:1600px) {
 .main__header {
  padding:16px 0
 }
}
.main__header--inner {
 gap:3rem
}
.main__logo--link {
 display:block
}
.main__logo--img {
 max-width:145px;
 display:block
}
@media only screen and (min-width:480px) {
 .main__logo--img {
  max-width:160px
 }
}
@media only screen and (min-width:768px) {
 .main__logo--img {
    max-width: 250px;
    display: block;
 }
}
.main__logo--title {
 line-height:1
}
.select {
 position:relative
}
.select::before {
 border-bottom:2px solid #201e1e;
 border-right:2px solid #201e1e;
 content:'';
 display:block;
 height:7px;
 margin-top:-4px;
 pointer-events:none;
 position:absolute;
 right:18px;
 top:50%;
 width:7px;
 -webkit-transform-origin:66% 66%;
 transform-origin:66% 66%;
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg);
 opacity:.7
}
.header__select--categories {
 position:relative
}
.header__select--categories::after {
 position:absolute;
 content:"";
 background:var(--border-color);
 width:.2rem;
 height:3rem;
 right:0;
 top:50%;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%)
}
.header__select--inner {
 border:0;
 background:var(--body-background-color);
 height:50px;
 padding:0 32px 0 15px;
 border-radius:5px 0 0 5px;
 -webkit-appearance:none;
 cursor:pointer;
 font-size:1.4rem
}
@media only screen and (min-width:1200px) {
 .header__select--inner {
  padding:0 35px 0 17px;
  font-size:1.5rem
 }
}
.header__search--form {
 border:1px solid var(--border-color)
}
.header__search--box {
 position:relative;
 width:330px
}
@media only screen and (min-width:1200px) {
 .header__search--box {
  width:400px
 }
}
@media only screen and (min-width:1366px) {
 .header__search--box {
  width:462px
 }
}
.header__search--input {
 width:100%;
 border:0;
 height:52px;
 border-radius:0 5px 5px 0;
 padding:0 70px 0 16px
}
.header__search--input:focus::-webkit-input-placeholder {
 color:#000
}
.header__search--button {
 position:absolute;
 top:0;
 right:0;
 height:100%;
 border:0;
 padding:0 20px;
 border-radius:0 5px 5px 0
}
.header__search--button:hover {
 background:var(--secondary-color)
}
@media only screen and (min-width:1200px) {
 .header__search--button {
  padding:0 22px
 }
}
.predictive__search--title {
 margin-bottom:20px
}
@media only screen and (min-width:768px) {
 .predictive__search--title {
  margin-bottom:22px
 }
}
@media only screen and (min-width:1200px) {
 .predictive__search--title {
  margin-bottom:30px
 }
}
.predictive__search--box {
 background:var(--body-background-color);
 -webkit-box-shadow:0 -4px 27px rgba(62,70,120,.16);
 box-shadow:0 -4px 27px rgba(62,70,120,.16);
 position:relative;
 position:fixed;
 left:0;
 right:0;
 top:0;
 opacity:0;
 visibility:hidden;
 z-index:999;
 -webkit-transition:all .3s ease 0s;
 transition:all .3s ease 0s;
 -webkit-transform:translateY(-100%);
 transform:translateY(-100%)
}
.predictive__search--box.active {
 opacity:1;
 visibility:visible;
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
.predictive__search--box__inner {
 padding:20px 16px;
 text-align:center
}
@media only screen and (min-width:576px) {
 .predictive__search--box__inner {
  padding:22px 50px
 }
}
@media only screen and (min-width:768px) {
 .predictive__search--box__inner {
  padding:30px 80px
 }
}
@media only screen and (min-width:992px) {
 .predictive__search--box__inner {
  padding:30px 150px
 }
}
.predictive__search--form {
 width:100%;
 position:relative
}
.predictive__search--input {
 width:100%;
 height:4.5rem;
 border:1px solid var(--border-color);
 padding:0 80px 0 15px;
 font-size:1.6rem;
 font-weight:400;
 border-radius:5px
}
.predictive__search--input:focus {
 border-color:var(--secondary-color)
}
.predictive__search--input:focus::-webkit-input-placeholder {
 color:#000
}
@media only screen and (min-width:1200px) {
 .predictive__search--input {
  height:5rem
 }
}
.predictive__search--button {
 position:absolute;
 top:0;
 right:0;
 height:100%;
 padding:0;
 border:0;
 width:6rem;
 text-align:center;
 border-radius:0 5px 5px 0;
 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;
 background:var(--primary-color)
}
.predictive__search--button:hover {
 background:var(--secondary-color)
}
.predictive__search--close__btn {
 position:absolute;
 top:20px;
 right:40px;
 padding:0;
 border:0;
 background:inherit
}
@media only screen and (max-width:576px) {
 .predictive__search--close__btn {
  right:15px
 }
}
.predictive__search--close__btn:hover {
 color:var(--secondary-color);
 -webkit-transform:scale(1.3);
 transform:scale(1.3)
}
.predictive__search--close__btn>* {
 pointer-events:none
}
.header__account.header__sticky--block {
 display:none
}
.header__account--items {
 margin-left:12px
}
.header__account--items:first-child {
 margin-left:0
}
@media only screen and (min-width:768px) {
 .header__account--items {
  margin-left:15px
 }
}
@media only screen and (min-width:992px) {
 .header__account--search__items.mobile__d--block {
  display:none
 }
}
.header__account--btn {
 position:relative
}
.header__account--btn:hover {
 color:var(--secondary-color)
}
.header__account--btn>* {
 pointer-events:none
}
@media only screen and (min-width:576px) {
 .header__minicart--items {
  margin-left:1.8rem
 }
}
@media only screen and (min-width:992px) {
 .header__minicart--items {
  margin-left:25px
 }
}
.minicart__open--btn {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.items__count {
 position:absolute;
 left:1.8rem;
 top:-4px;
 width:1.7rem;
 height:1.7rem;
 font-size:1.1rem;
 line-height:1.7rem;
 background:var(--secondary-color);
 text-align:center;
 border-radius:50%;
 color:var(--text-white-color)
}
.minicart__btn--text {
 padding-left:2rem;
 font-family:var(--rubik-fonts);
 font-size:1.3rem;
 line-height:1.6rem;
}
.minicart__btn--text__price {
 font-size:1.5rem;
 font-weight: 600;
 color:var(--secondary-color);
 margin-top: .1rem;
}
@media only screen and (max-width:991px) {
 .minicart__btn--text {
  display:none
 }
}
.categories__menu {
 width:225px;
 position:relative
}
@media only screen and (max-width:991px) {
 .categories__menu.mobile-v-none {
  display:none
 }
}
.categories__menu.mobile-v-block {
 display:none
}
@media only screen and (max-width:991px) {
 .categories__menu.mobile-v-block {
  display:block
 }
}
@media only screen and (min-width:1200px) {
 .categories__menu {
  width:255px
 }
}
@media only screen and (max-width:991px) {
 .categories__menu {
  width:100%
 }
}
.categories__menu--header {
 height:42px;
 padding:0 14px;
 cursor:pointer;
 position:relative
}
@media only screen and (min-width:768px) {
 .categories__menu--header {
  height:50px
 }
}
@media only screen and (min-width:992px) {
 .categories__menu--header {
  height:55px
 }
}
@media only screen and (min-width:1600px) {
 .categories__menu--header {
  height:65px
 }
}
.categories__menu--header.active .categories__arrowdown--icon {
 -webkit-transform:rotate(180deg);
 transform:rotate(180deg)
}
.categories__menu--title {
 font-size:1.3rem;
 margin-left:16px;
 line-height:2.2rem;
 text-transform:uppercase;
 font-weight:600
}
@media only screen and (min-width:768px) {
 .categories__menu--title {
  font-size:1.4rem;
  margin-left:22px
 }
}
.categories__menu--svgicon {
 width:19px;
 vertical-align:middle;
 opacity:.5;
 margin-right:10px
}
.categories__menu--right__arrow--icon {
 float:right;
 opacity:.7
}
.categories__menu--items {
 position:relative
}
.categories__menu--items:last-child .categories__menu--link {
 border-bottom:0
}
.categories__menu--items:hover .categories__submenu {
 opacity:1;
 visibility:visible;
 top:0
}
@media only screen and (max-width:991px) {
 .categories__menu--items:hover .categories__submenu {
  top:100%
 }
}
.categories__menu--link {
 display:block;
 color:var(--body-text-color);
 border-bottom:1px solid var(--border-color);
 line-height:2.2rem;
 font-size:1.5rem;
 padding:1rem 1.7rem
}
@media only screen and (min-width:992px) {
 .categories__menu--link {
  line-height:2rem;
  font-size:1.3rem;
  padding:.8rem 1.7rem
 }
}
@media only screen and (min-width:1366px) {
 .categories__menu--link {
  padding:1rem 1.7rem
 }
}
@media only screen and (min-width:1600px) {
 .categories__menu--link {
  line-height:2.3rem;
  font-size:1.5rem;
  padding:1.2rem 1.7rem
 }
}
.categories__menu--link:hover {
 background:var(--bg-offwhite-color);
 border-color:var(--bg-offwhite-color)
}
@media only screen and (max-width:767px) {
 .categories__list--icon {
  width:18px
 }
}
.categories__arrowdown--icon {
 position:absolute;
 right:18px;
 top:44%;
 -webkit-transition:.3s;
 transition:.3s
}
.dropdown__categories--menu {
 position:absolute;
 z-index:9;
 width:100%;
 border:2px solid var(--secondary-color);
 -webkit-box-shadow:0 5px 30px rgba(0,0,0,.1);
 box-shadow:0 5px 30px rgba(0,0,0,.1);
 top:100%;
 margin-top:20px;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 background:var(--body-background-color)
}
.categories__submenu {
 position:absolute;
 top:1.5rem;
 left:100%;
 background-color:var(--body-background-color);
 -webkit-box-shadow:0 10px 20px rgba(0,0,0,.15);
 box-shadow:0 10px 20px rgba(0,0,0,.15);
 width:50rem;
 padding:2rem;
 z-index:9;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 opacity:0;
 visibility:hidden;
 gap:3rem;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
@media only screen and (min-width:992px) {
 .categories__submenu {
  width:65rem
 }
}
@media only screen and (min-width:1200px) {
 .categories__submenu {
  width:80rem
 }
}
@media only screen and (max-width:991px) {
 .categories__submenu {
  width:100%;
  left:0;
  top:125%;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
 }
}
.categories__submenu.style2 .categories__submenu--items {
 width:22%
}
.categories__submenu--items {
 width:30%
}
@media only screen and (max-width:991px) {
 .categories__submenu--items {
  width:100%;
  position:relative
 }
}
.categories__submenu--items__text {
 font-size:1.5rem;
 line-height:2.5rem;
 display:block;
 border-bottom:1px solid var(--border-color);
 padding-bottom:.8rem;
 margin-bottom:1.2rem
}
@media only screen and (min-width:1200px) {
 .categories__submenu--items__text {
  font-size:1.6rem
 }
}
@media only screen and (max-width:991px) {
 .categories__submenu--items__text {
  padding:1.1rem 3.5rem 1.1rem 3.5rem;
  background:var(--bg-offwhite-color);
  border-bottom:1px solid var(--border-color);
  margin-bottom:0
 }
}
.categories__submenu--child__items {
 padding:.7rem 0
}
@media only screen and (max-width:991px) {
 .categories__submenu--child__items {
  padding:0
 }
}
.categories__submenu--child__items--link {
 line-height:2.5rem;
 font-weight:500
}
@media only screen and (max-width:991px) {
 .categories__submenu--child__items--link {
  padding:1.1rem 3.5rem 1.1rem 4.5rem;
  background:var(--bg-offwhite-color);
  border-bottom:1px solid var(--border-color);
  margin-bottom:0;
  display:block;
  color:var(--body-text-color)
 }
}
.category__mobile--menu {
 display:none
}
@media only screen and (max-width:991px) {
 .category__mobile--menu {
  display:block;
  max-height:360px;
  overflow-y:auto
 }
}
.category__sub--menu {
 display:none
}
.category__sub--menu_toggle {
 font-size:20px;
 position:absolute;
 z-index:9;
 top:0;
 right:.8rem;
 width:4rem;
 height:4.6rem;
 padding:0;
 border:none;
 border-radius:0;
 background-color:transparent
}
.category__sub--menu_toggle::after,
.category__sub--menu_toggle::before {
 position:absolute;
 top:50%;
 left:50%;
 width:12px;
 height:2px;
 content:"";
 -webkit-transition:var(--transition);
 transition:var(--transition);
 -webkit-transform:translateX(-50%) translateY(-50%);
 transform:translateX(-50%) translateY(-50%);
 background-color:var(--body-text-color)
}
.category__sub--menu_toggle:not(.active)::after {
 -webkit-transform:translateX(-50%) translateY(-50%) rotate(90deg);
 transform:translateX(-50%) translateY(-50%) rotate(90deg)
}
.header__right--area {
 width:calc(100% - 225px);
 display:none!important
}
@media only screen and (min-width:992px) {
 .header__right--area {
  display:-webkit-box!important;
  display:-ms-flexbox!important;
  display:flex!important
 }
}
@media only screen and (min-width:1200px) {
 .header__right--area {
  width:calc(100% - 260px);
  height: 45px;
 }
}
.header__menu {
 padding-left:30px
}
.header__menu.header__sticky--block {
 display:none!important
}
.header__menu--wrapper {
 gap:1.3rem
}
@media only screen and (min-width:1200px) {
 .header__menu--wrapper {
  gap:2rem
 }
}
.header__menu--items {
 position:relative
}
.header__menu--items:last-child .header__menu--link::before {
 display:none
}
.header__menu--items:hover .header__menu--link {
 color:var(--secondary-color)!important;
 border-color:var(--secondary-color)
}
.header__menu--items:hover .header__sub--menu {
 visibility:visible;
 margin-top:1.4rem;
 opacity:1
}
.header__menu--items:hover .header__mega--menu {
 visibility:visible;
 margin-top:2px;
 opacity:1
}
.header__menu--link {
 font-size:1.4rem;
 line-height:3.5rem;
 padding:0 .8rem;
 font-weight:600;
 border:1px solid transparent;
 border-radius:2rem;
 position:relative
}
.header__menu--link::before {
 position:absolute;
 content:"";
 width:1px;
 height:1.7rem;
 background:#ccc;
 right:-11px;
 top:50%;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%);
 opacity:.3
}
.header__menu--link.active {
 color:var(--secondary-color)!important;
 border-color:var(--secondary-color)
}
@media only screen and (min-width:1200px) {
 .header__menu--link {
  font-size:1.5rem;
  padding:0 1.2rem
 }
}
.menu__arrowdown--icon {
 margin-left:3px
}
.header__sub--menu {
 position:absolute;
 z-index:9;
 top:100%;
 left:0;
 visibility:hidden;
 width:250px;
 margin:0;
 margin-top:25px;
 padding:20px;
 list-style:none;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 opacity:0;
 background-color:var(--body-background-color);
 -webkit-box-shadow:0 10px 20px rgba(0,0,0,.15);
 box-shadow:0 10px 20px rgba(0,0,0,.15);
 border-radius:10px
}
.header__sub--menu__link {
 font-size:1.3rem;
 display:block;
 padding:10px 0;
 font-weight:500;
 border-bottom: 1px solid var(--border-color);
}
.mega__menu--items {
 position:static
}
.header__mega--menu {
 position:absolute;
 z-index:9;
 top:100%;
 left:0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 width:100%;
 margin:0;
 margin-top:20px;
 padding:20px;
 list-style:none;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 visibility:hidden;
 opacity:0;
 background-color:var(--body-background-color);
 -webkit-box-shadow:0 10px 20px rgba(0,0,0,.15);
 box-shadow:0 10px 20px rgba(0,0,0,.15);
 border-radius:10px
}
.header__mega--menu__li {
 padding:3px 15px;
 width:25%
}
.header__mega--menu__li.fullscreen__style {
 width:100%;
 margin-top:1.8rem;
 gap:3rem
}
.header__mega--menu__banner {
 overflow:hidden;
 position:relative;
 border-radius:5px
}
.header__mega--menu__banner:hover .header__mega--menu__banner--img {
 -webkit-transform:scale(1.03);
 transform:scale(1.03)
}
.header__mega--menu__banner--img {
 border-radius:5px
}
.header__mega--sub__menu--title {
 font-size:1.5rem;
 padding:1rem 0;
 font-weight:500
}
.account__currency {
 margin-right:25px;
 position:relative
}
@media only screen and (min-width:1200px) {
 .account__currency {
  margin-right:32px
 }
}
.account__currency--link {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 color:var(--text-white-color);
 font-size:1.4rem;
 line-height:3.5rem
}
.account__currency--link:hover span {
 color:var(--secondary-color)
}
.account__currency--link:hover svg {
 color:var(--secondary-color)
}
.account__currency--link svg {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 margin-left:5px
}
.account__currency--link>* {
 pointer-events:none
}
.currency__link--icon {
 margin-right:6px
}
.dropdown__currency {
 position:absolute;
 z-index:9;
 width:100px;
 -webkit-box-shadow:0 5px 30px rgba(0,0,0,.1);
 box-shadow:0 5px 30px rgba(0,0,0,.1);
 top:100%;
 opacity:0;
 visibility:hidden;
 margin-top:20px;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 background:var(--body-background-color);
 border:1px solid var(--border-color);
 border-radius:5px
}
.dropdown__currency.active {
 opacity:1;
 visibility:visible;
 margin-top:14px
}
.currency__items:first-child .currency__text {
 border-radius:5px 5px 0 0
}
.currency__items:last-child .currency__text {
 border-bottom:0;
 border-radius:0 0 5px 5px
}
.currency__text {
 display:block;
 font-size:1.3rem;
 padding:8px 14px;
 border-bottom:1px solid var(--border-color)
}
.currency__text:hover {
 background:var(--bg-offwhite-color);
 border-color:var(--bg-offwhite-color)
}
.language__currency {
 border:1px solid var(--secondary-color);
 padding:0 1rem;
 border-radius:2rem
}
@media only screen and (min-width:1200px) {
 .language__currency {
  padding:0 1.2rem
 }
}
.language__currency--list {
 position:relative;
 margin-right:10px;
 padding-right:10px
}
@media only screen and (min-width:1200px) {
 .language__currency--list {
  margin-right:12px;
  padding-right:12px
 }
}
.language__currency--list:last-child {
 margin-right:0;
 padding-right:0
}
.language__currency--list:last-child::before {
 display:none
}
.language__currency--list::before {
 position:absolute;
 content:"";
 width:1px;
 height:1.7rem;
 background:var(--body-background-color);
 right:0;
 top:50%;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%);
 opacity:.6
}
.language__switcher {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 color:var(--text-white-color);
 font-size:1.4rem;
 line-height:3.5rem
}
.language__switcher--icon__img {
 vertical-align:middle;
 margin-right:5px
}
.language__switcher:hover span {
 color:var(--secondary-color)
}
.language__switcher:hover svg {
 color:var(--secondary-color)
}
.language__switcher svg {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 margin-left:5px
}
.dropdown__language {
 position:absolute;
 z-index:9;
 width:100px;
 -webkit-box-shadow:0 5px 30px rgba(0,0,0,.1);
 box-shadow:0 5px 30px rgba(0,0,0,.1);
 top:100%;
 right:0;
 opacity:0;
 visibility:hidden;
 margin-top:20px;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 background:var(--body-background-color);
 border-radius:5px
}
.dropdown__language.active {
 opacity:1;
 visibility:visible;
 margin-top:14px
}
.offcanvas__language--switcher {
 font-weight:500
}
.offcanvas__dropdown--language {
 position:absolute;
 z-index:9;
 width:100px;
 -webkit-box-shadow:0 5px 30px rgba(0,0,0,.1);
 box-shadow:0 5px 30px rgba(0,0,0,.1);
 bottom:100%;
 opacity:0;
 visibility:hidden;
 margin-bottom:15px;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 background:var(--body-background-color)
}
.offcanvas__dropdown--language.active {
 opacity:1;
 visibility:visible;
 margin-bottom:8px
}
.language__items:last-child .language__text {
 border-bottom:0
}
.language__text {
 display:block;
 font-size:1.3rem;
 padding:8px 14px;
 border-bottom:1px solid var(--border-color)
}
.language__text:hover {
 background:var(--bg-offwhite-color);
 border-color:var(--bg-offwhite-color)
}
.offCanvas__minicart {
 position:fixed;
 width:310px;
 height:100%;
 padding:20px 15px 33px;
 background:var(--body-background-color);
 z-index:999;
 right:0;
 top:0;
 -webkit-transition:.4s;
 transition:.4s;
 -webkit-transform:translateX(100%);
 transform:translateX(100%);
 overflow-y:auto;
 -webkit-box-shadow:0 0 15px rgba(5,0,0,.1);
 box-shadow:0 0 15px rgba(5,0,0,.1)
}
.offCanvas__minicart.active {
 opacity:1;
 visibility:visible;
 -webkit-transform:translateX(0);
 transform:translateX(0)
}
@media only screen and (min-width:480px) {
 .offCanvas__minicart {
  width:375px
 }
}
.minicart__header--top {
 margin-bottom:10px
}
.minicart__header--desc {
 font-size:1.6rem;
 color:var(--foreground-sub-color)
}
@media only screen and (min-width:480px) {
 .minicart__header--desc {
  font-size:1.7rem
 }
}
.minicart__title {
 font-weight:600
}
.minicart__close--btn {
 padding:0;
 background:inherit;
 border:0;
 line-height:1.5rem;
 color:var(--black-color)
}
.minicart__close--btn:hover {
 color:var(--secondary-color);
 -webkit-transform:scale(1.3);
 transform:scale(1.3)
}
.minicart__close--btn>* {
 pointer-events:none
}
.minicart__close--icon {
 width:22px
}
.minicart__product {
 margin-bottom:17px
}
.minicart__product--items {
 margin-top:22px;
 padding-top:22px;
 border-top:1px solid var(--border-color)
}
.minicart__product--remove {
 border:0;
 padding:0;
 background:0 0;
 font-size:1.2rem;
 text-transform:uppercase;
 text-decoration:underline;
 font-weight:700;
 opacity:.7
}
.minicart__product--remove:hover {
 color:var(--secondary-color)
}
.minicart__thumb {
 width:100px;
 line-height:1
}
@media only screen and (min-width:480px) {
 .minicart__thumb {
  width:120px
 }
}
.minicart__text {
 width:calc(100% - 100px);
 padding-left:10px
}
@media only screen and (min-width:480px) {
 .minicart__text {
  width:calc(100% - 120px);
  padding-left:13px
 }
}
.minicart__subtitle {
 font-size:1.5rem;
 font-weight:600;
 line-height:24px;
 margin-bottom:2px
}
@media only screen and (min-width:480px) {
 .minicart__subtitle {
  font-size:1.6rem
 }
}
.color__variant {
 opacity:.8;
 margin-bottom:4px;
 line-height:20px
}
.minicart__price {
 margin-bottom:9px
}
.minicart__current--price {
 font-size:1.3rem;
 font-weight:500;
 color:var(--secondary-color)
}
.minicart__old--price {
 font-size:1.3rem;
 color:var(--foreground-sub-color);
 font-weight:500;
 margin-left:4px;
 text-decoration:line-through
}
.minicart__quantity {
 margin-right:15px
}
.quantity__box {
 text-align:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.quantity__value {
 display:inline-block;
 border:1px solid var(--border-color);
 margin:0;
 width:3.3rem;
 height:3rem;
 text-align:center;
 padding:0;
 background:var(--bg-offwhite-color);
 cursor:pointer;
 font-size:2rem;
 font-weight:700
}
.quantity__value.decrease {
 margin-right:0px;
 border-radius:13px 0 0 13px
}
.quantity__value.increase {
 margin-left:-4px;
 border-radius:0 13px 13px 0
}
input.quantity__number {
 text-align:center;
 border:none;
 border-top:1px solid var(--border-color);
 border-bottom:1px solid var(--border-color);
 margin:0;
 width:3.3rem;
 height:3rem
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance:none;
 margin:0
}
.minicart__amount {
 padding:13px 0;
 border-top:1px solid var(--border-color);
 border-bottom:1px solid var(--border-color)
}
.minicart__amount_list {
 margin-bottom:10px
}
.minicart__amount_list:last-child {
 margin-bottom:0
}
.minicart__conditions {
 padding:20px 0;
 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
}
.minicart__conditions--input {
 vertical-align:middle;
 margin-right:.8rem
}
.minicart__conditions--label {
 font-weight:600;
 letter-spacing:.5px;
 color:var(--foreground-sub-color)
}
.minicart__conditions--link {
 color:var(--primary-color);
 text-decoration:underline
}
.minicart__conditions--link:hover {
 color:var(--secondary-color);
 text-decoration:underline
}
.minicart__button--link {
 font-size:1.4rem;
 font-weight:600;
 line-height:4rem;
 height:4rem;
 margin-right:13px
}
.minicart__button--link:last-child {
 margin-right:0
}
.language__currency--list.style2::before {
 background:var(--primary-color)
}
.account__currency--link.text-black {
 color:var(--primary-color)
}
.account__currency--link.text-black:hover {
 -webkit-columns:var(--secondary-color);
 columns:var(--secondary-color)
}
.language__switcher.text-black {
 color:var(--primary-color)
}
.language__switcher.text-black:hover {
 -webkit-columns:var(--secondary-color);
 columns:var(--secondary-color)
}
.header__menu.style3 {
 padding-left:0
}
.language__currency.style3 {
 border:0;
 padding:0
}
.language__currency.style3 .account__currency--link {
 line-height:2.5rem
}
.language__currency.style3 .language__switcher {
 line-height:2.5rem
}
.header__menu--style4 {
 padding-left:0
}
.header__bottom--inner__style3 {
 border-top:1px solid var(--border-color);
 padding:1.3rem 0
}
.language__currency.style4 .language__currency--list::before {
 background:#6c757d
}
.language__currency.style4 .account__currency--link {
 font-weight:600
}
.language__currency.style4 .language__switcher {
 font-weight:600
}
.social__share--icon.text-white:hover {
 color:var(--secondary-color)!important
}
.hero__slider--items {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 height:auto;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 gap:30px;
 padding:4rem 2rem
}
@media only screen and (min-width:576px) {
 .hero__slider--items {
  gap:35px;
  padding:0 3rem;
  height:300px
 }
}
@media only screen and (min-width:768px) {
 .hero__slider--items {
  height:350px;
  gap:50px
 }
}
@media only screen and (min-width:992px) {
 .hero__slider--items {
  height:450px
 }
}
@media only screen and (min-width:1200px) {
 .hero__slider--items {
  height:450px
 }
}
@media only screen and (min-width:1366px) {
 .hero__slider--items {
  height:490px
 }
}
@media only screen and (min-width:1600px) {
 .hero__slider--items {
  height:552px
 }
}
@media only screen and (max-width:575px) {
 .hero__slider--items {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse
 }
}
.home1-slider1-bg {
 background:url(../img/slider/home1-slider1-bg.webp);
 background-repeat:no-repeat;
 background-attachment:scroll;
 background-position:center center;
 background-size:cover
}
@media only screen and (min-width:992px) {
 .hero__slider--ml {
  margin-left:255px
 }
}
@media only screen and (min-width:1200px) {
 .hero__slider--ml {
  margin-left:280px
 }
}
.slider__content {
 position:relative;
 z-index:9
}
@media only screen and (max-width:575px) {
 .slider__content {
  text-align:center
 }
}
.slider__subtitle {
 font-size:1.4rem;
 font-weight:600;
 font-family:var(--inter-fonts);
 margin-bottom:.5rem
}
.slider__maintitle {
 text-decoration:underline;
 margin-bottom:1.5rem
}
@media only screen and (min-width:576px) {
 .slider__maintitle {
  margin-bottom:1.8rem
 }
}
@media only screen and (min-width:992px) {
 .slider__maintitle {
  margin-bottom:2.2rem
 }
}
@media only screen and (min-width:1200px) {
 .slider__maintitle {
  margin-bottom:2.6rem
 }
}
.slider__maintitle--inner__text {
 font-family:var(--rubik-fonts);
 font-weight:400;
 text-decoration:underline
}
@media only screen and (min-width:992px) {
 .slider__maintitle--inner__text {
  font-size:3.4rem;
  line-height:4rem
 }
}
@media only screen and (min-width:1200px) {
 .slider__maintitle--inner__text {
  font-size:3.8rem;
  line-height:4.2rem
 }
}
.slider__price--text {
 font-family:var(--inter-fonts);
 font-weight:600;
 display:block;
 margin-bottom:1.5rem;
 font-size:1.6rem;
 line-height:2rem
}
@media only screen and (min-width:576px) {
 .slider__price--text {
  margin-bottom:1.8rem;
  font-size:1.8rem;
  line-height:2.2rem
 }
}
@media only screen and (min-width:1200px) {
 .slider__price--text {
  margin-bottom:2.5rem;
  font-size:2.2rem;
  line-height:2.4rem
 }
}
@media only screen and (min-width:1200px) {
 .slider__price--text {
  font-size:2.6rem;
  line-height:2.8rem;
  margin-bottom:3rem
 }
}
.slider__btn svg {
 margin-left:.3rem
}
@media only screen and (max-width:1199px) {
 .hero__slider--layer {
  max-width:385px
 }
}
@media only screen and (max-width:991px) {
 .hero__slider--layer {
  max-width:360px
 }
}
@media only screen and (max-width:767px) {
 .hero__slider--layer {
  max-width:290px
 }
}
.slider__layer--img {
 transform:scale(1.1);
 -webkit-transform:scale(1.1);
 -moz-transform:scale(1.1);
 -ms-transform:scale(1.1);
 -o-transform:scale(1.1);
 display:block
}
.swiper-slide-active .slider__content>* {
 -webkit-animation-name:fadeInUp;
 animation-name:fadeInUp;
 -webkit-animation-duration:1.2s;
 animation-duration:1.2s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
.swiper-slide-active .slider__subtitle {
 -webkit-animation-delay:.3s;
 animation-delay:.3s
}
.swiper-slide-active .slider__maintitle {
 -webkit-animation-delay:.5s;
 animation-delay:.5s
}
.swiper-slide-active .slider__maintitle--style2 {
 -webkit-animation-delay:.5s;
 animation-delay:.5s
}
.swiper-slide-active .slider__desc {
 -webkit-animation-delay:.7s;
 animation-delay:.7s
}
.swiper-slide-active .slider__price--text {
 -webkit-animation-delay:.7s;
 animation-delay:.7s
}
.swiper-slide-active .slider__btn {
 -webkit-animation-delay:.9s;
 animation-delay:.9s
}
.swiper-slide-active .slider__layer--img {
 transform:scale(1);
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 -webkit-transition:1.4s;
 transition:1.4s
}
.hero__slider--activation .swiper__nav--btn.swiper-button-prev {
 left:1.5rem
}
.hero__slider--activation .swiper__nav--btn.swiper-button-next {
 right:1.5rem
}
.slider__section--bg2 {
 background:url(../img/slider/home2-slider-shape-bg.webp);
 background-repeat:no-repeat;
 background-attachment:scroll;
 background-position:center center;
 background-size:cover
}
@media only screen and (max-width:991px) {
 .slider__section--bg2 {
  padding-top:1rem
 }
}
.hero__slider--layer__style2 {
 position:absolute;
 bottom:25px;
 right:15px
}
@media only screen and (max-width:1199px) {
 .hero__slider--layer__style2 {
  max-width:390px
 }
}
@media only screen and (max-width:767px) {
 .hero__slider--layer__style2 {
  max-width:270px
 }
}
@media only screen and (max-width:575px) {
 .hero__slider--layer__style2 {
  position:inherit;
  bottom:inherit;
  right:inherit;
  padding:0 2rem
 }
}
.home2-slider1-bg {
 background:url(../img/slider/home2-slider1-bg.png);
 background-repeat:no-repeat;
 background-attachment:scroll;
 background-position:center center;
 background-size:cover;
 border-radius:5px
}
.hero__slider--items__style2 {
 position:relative;
 height:340px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
@media only screen and (min-width:768px) {
 .hero__slider--items__style2 {
  height:385px
 }
}
@media only screen and (min-width:992px) {
 .hero__slider--items__style2 {
  height:456px
 }
}
@media only screen and (min-width:1200px) {
 .hero__slider--items__style2 {
  height:493px
 }
}
@media only screen and (min-width:1366px) {
 .hero__slider--items__style2 {
  height:530px
 }
}
@media only screen and (max-width:575px) {
 .hero__slider--items__style2 {
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse;
  gap:3rem;
  height:auto;
  padding:4rem 0
 }
}
@media only screen and (min-width:576px) {
 .slider__content.style2 {
  padding-left:4.5rem
 }
}
@media only screen and (min-width:1200px) {
 .slider__content.style2 {
  padding-left:5.5rem
 }
}
.slider__maintitle--style2 {
 margin-bottom:1.2rem
}
@media only screen and (min-width:992px) {
 .slider__maintitle--style2 {
  font-size:3.2rem;
  line-height:4.2rem;
  margin-bottom:1.8rem
 }
}
@media only screen and (min-width:1200px) {
 .slider__maintitle--style2 {
  font-size:4.5rem;
  line-height:5.5rem;
  margin-bottom:2.2rem
 }
}
@media only screen and (max-width:767px) {
 .slider__maintitle--style2 {
  font-size:2.5rem;
  line-height:3.3rem
 }
}
@media only screen and (max-width:575px) {
 .slider__maintitle--style2 {
  font-size:2.2rem;
  line-height:3.2rem;
  margin-bottom:1rem
 }
}
.slider__desc {
 margin-bottom:1.8rem
}
@media only screen and (min-width:576px) {
 .slider__desc {
  margin-bottom:2.2rem
 }
}
@media only screen and (min-width:992px) {
 .slider__desc {
  margin-bottom:2.5rem
 }
}
@media only screen and (min-width:1200px) {
 .slider__desc {
  margin-bottom:3rem;
  width: 50%;
 }
}
.slider__section--bg3 {
 background:url(../img/slider/home3-slider-section-bg.webp);
 background-repeat:no-repeat;
 background-attachment:scroll;
 background-position:center center;
 background-size:cover
}
.hero__slider--items__style3 {
 gap:2.5rem;
 height:auto
}
@media only screen and (min-width:576px) {
 .hero__slider--items__style3 {
  gap:3rem;
  height:350px
 }
}
@media only screen and (min-width:768px) {
 .hero__slider--items__style3 {
  gap:4rem;
  height:440px
 }
}
@media only screen and (min-width:992px) {
 .hero__slider--items__style3 {
  height:550px
 }
}
@media only screen and (min-width:1200px) {
 .hero__slider--items__style3 {
  height:600px
 }
}
@media only screen and (min-width:1366px) {
 .hero__slider--items__style3 {
  height:620px
 }
}
@media only screen and (min-width:1600px) {
 .hero__slider--items__style3 {
  height:750px
 }
}
@media only screen and (max-width:575px) {
 .hero__slider--items__style3 {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse;
  padding:5rem 0 7rem
 }
}
@media only screen and (max-width:1199px) {
 .hero__slider--layer__style3 {
  max-width:470px
 }
}
@media only screen and (max-width:991px) {
 .hero__slider--layer__style3 {
  max-width:340px
 }
}
@media only screen and (max-width:767px) {
 .hero__slider--layer__style3 {
  max-width:240px
 }
}
.slider__pagination.swiper-pagination {
 bottom:2rem!important
}
.slider__subtitle.style3 {
 font-size:1.5rem;
 margin-bottom:1.2rem;
 line-height:2.3rem;
 text-transform:uppercase
}
@media only screen and (min-width:576px) {
 .slider__subtitle.style3 {
  font-size:1.6rem
 }
}
@media only screen and (min-width:768px) {
 .slider__subtitle.style3 {
  font-size:1.8rem;
  margin-bottom:1.5rem;
  line-height:2.5rem
 }
}
@media only screen and (min-width:992px) {
 .slider__subtitle.style3 {
  font-size:2rem;
  line-height:2.8rem
 }
}
@media only screen and (min-width:1200px) {
 .slider__subtitle.style3 {
  font-size:2.2rem;
  margin-bottom:1.7rem
 }
}
@media only screen and (min-width:1366px) {
 .slider__subtitle.style3 {
  font-size:2.5rem;
  line-height:3rem
 }
}
.slider__maintitle.style3 {
 font-size:2.6rem;
 line-height:2.8rem;
 text-transform:uppercase;
 text-decoration:none
}
@media only screen and (min-width:480px) {
 .slider__maintitle.style3 {
  font-size:2.8rem;
  line-height:3rem
 }
}
@media only screen and (min-width:576px) {
 .slider__maintitle.style3 {
  font-size:3.2rem;
  line-height:3.2rem
 }
}
@media only screen and (min-width:768px) {
 .slider__maintitle.style3 {
  font-size:4rem;
  line-height:4rem
 }
}
@media only screen and (min-width:992px) {
 .slider__maintitle.style3 {
  font-size:5rem;
  line-height:5rem
 }
}
@media only screen and (min-width:1200px) {
 .slider__maintitle.style3 {
  font-size:6rem;
  line-height:6rem
 }
}
@media only screen and (min-width:1366px) {
 .slider__maintitle.style3 {
  font-size:7rem;
  line-height:7rem
 }
}
.slider__desc.style3 {
 font-size:1.5rem;
 margin-bottom:1.8rem
}
@media only screen and (min-width:576px) {
 .slider__desc.style3 {
  margin-bottom:2rem
 }
}
@media only screen and (min-width:992px) {
 .slider__desc.style3 {
  font-size:1.6rem;
  margin-bottom:2.4rem
 }
}
@media only screen and (min-width:992px) {
 .slider__desc.style3 {
  font-size:1.8rem;
  margin-bottom:3rem
 }
}
@media only screen and (min-width:1200px) {
 .slider__desc.style3 {
  font-size:2rem;
  margin-bottom:3.5rem
 }
}
.slider4__items--bg1 {
 background:url(../img/slider/home4-slider1-bg.webp);
 background-repeat:no-repeat;
 background-attachment:scroll;
 background-position:center center;
 background-size:cover;
 position:relative
}
.hero__slider--items.style4 {
 height:auto;
 padding:0
}
@media only screen and (min-width:768px) {
 .hero__slider--items.style4 {
  height:450px
 }
}
@media only screen and (min-width:992px) {
 .hero__slider--items.style4 {
  height:510px
 }
}
@media only screen and (min-width:1200px) {
 .hero__slider--items.style4 {
  height:540px
 }
}
@media only screen and (min-width:1366px) {
 .hero__slider--items.style4 {
  height:580px
 }
}
@media only screen and (min-width:1600px) {
 .hero__slider--items.style4 {
  height:740px
 }
}
@media only screen and (max-width:767px) {
 .hero__slider--items.style4 {
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse;
  height:auto;
  padding:4rem 0 6.5rem
 }
}
.hero__slider--layer__style4 {
 position:absolute;
 right:0
}
@media only screen and (min-width:1366px) and (max-width:1599px) {
 .hero__slider--layer__style4 {
  max-width:720px
 }
}
@media only screen and (min-width:1200px) and (max-width:1365px) {
 .hero__slider--layer__style4 {
  width:600px
 }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
 .hero__slider--layer__style4 {
  width:500px
 }
}
@media only screen and (min-width:768px) and (max-width:991px) {
 .hero__slider--layer__style4 {
  width:400px
 }
}
@media only screen and (max-width:767px) {
 .hero__slider--layer__style4 {
  position:inherit;
  padding:0 4rem
 }
}
@media only screen and (max-width:479px) {
 .hero__slider--layer__style4 {
  padding:0 2rem
 }
}
@media only screen and (min-width:1366px) {
 .hero__slider--layer__style4.style__right {
  right:5rem
 }
}
@media only screen and (min-width:1600px) {
 .hero__slider--layer__style4.style__right {
  right:9rem
 }
}
.slider__content.style4 {
 position:relative;
 z-index:9
}
@media only screen and (max-width:767px) {
 .slider__content.style4 {
  text-align:center
 }
}
.slider__subtitle.style4 {
 font-size:1.5rem;
 line-height:2rem;
 margin-bottom:1.5rem;
 text-transform:uppercase;
 color:var(--secondary-color)
}
@media only screen and (min-width:576px) {
 .slider__subtitle.style4 {
  font-size:1.6rem
 }
}
@media only screen and (min-width:992px) {
 .slider__subtitle.style4 {
  font-size:1.8rem;
  margin-bottom:1.8rem
 }
}
@media only screen and (min-width:1200px) {
 .slider__subtitle.style4 {
  font-size:2rem;
  line-height:2.2rem;
  margin-bottom:2rem
 }
}
.slider__maintitle.style4 {
 text-decoration:inherit;
 text-transform:uppercase;
 font-family:var(--rubik-fonts);
 font-size:2rem;
 line-height:2.8rem;
 margin-bottom:1.2rem
}
@media only screen and (min-width:400px) {
 .slider__maintitle.style4 {
  font-size:2.2rem;
  line-height:3rem
 }
}
@media only screen and (min-width:480px) {
 .slider__maintitle.style4 {
  font-size:2.5rem;
  line-height:3.2rem
 }
}
@media only screen and (min-width:576px) {
 .slider__maintitle.style4 {
  font-size:2.8rem;
  line-height:3.5rem;
  margin-bottom:1.5rem
 }
}
@media only screen and (min-width:768px) {
 .slider__maintitle.style4 {
  font-size:3.2rem;
  line-height:4rem
 }
}
@media only screen and (min-width:992px) {
 .slider__maintitle.style4 {
  font-size:4rem;
  line-height:5rem
 }
}
@media only screen and (min-width:1200px) {
 .slider__maintitle.style4 {
  font-size:4.8rem;
  line-height:6rem;
  margin-bottom:2rem
 }
}
@media only screen and (min-width:1366px) {
 .slider__maintitle.style4 {
  font-size:5.2rem;
  line-height:6.5rem
 }
}
@media only screen and (min-width:1600px) {
 .slider__maintitle.style4 {
  font-size:6.2rem;
  line-height:7.5rem
 }
}
.slider__desc.style4 {
 font-size:1.4rem;
 margin-bottom:2rem
}
@media only screen and (min-width:480px) {
 .slider__desc.style4 {
  font-size:1.5rem
 }
}
@media only screen and (min-width:576px) {
 .slider__desc.style4 {
  margin-bottom:2.2rem
 }
}
@media only screen and (min-width:992px) {
 .slider__desc.style4 {
  font-size:1.6rem;
  margin-bottom:2.5rem
 }
}
@media only screen and (min-width:1200px) {
 .slider__desc.style4 {
  margin-bottom:3.5rem
 }
}
.slider__thumbnail--img__style5 {
 width:100%;
 -o-object-fit:cover;
 object-fit:cover
}
@media only screen and (min-width:1366px) and (max-width:1599px) {
 .slider__thumbnail--img__style5 {
  height:570px
 }
}
@media only screen and (min-width:1200px) and (max-width:1365px) {
 .slider__thumbnail--img__style5 {
  height:520px
 }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
 .slider__thumbnail--img__style5 {
  height:470px
 }
}
@media only screen and (min-width:768px) and (max-width:991px) {
 .slider__thumbnail--img__style5 {
  height:320px
 }
}
.hero__content--style5 {
 position:absolute;
 top:16%;
 left:0;
 right:0;
 text-align:center;
 padding:0 3rem
}
@media only screen and (min-width:992px) {
 .hero__content--style5 {
  top:20%
 }
}
@media only screen and (min-width:1200px) {
 .hero__content--style5 {
  top:22%
 }
}
@media only screen and (max-width:767px) {
 .hero__content--style5 {
  position:inherit;
  top:inherit;
  margin-top:4.3rem
 }
}
.hero__content--style5__title {
 font-size:2.5rem;
 line-height:3.7rem;
 font-weight:600;
 font-family:var(--rubik-fonts)
}
@media only screen and (min-width:480px) {
 .hero__content--style5__title {
  font-size:3rem;
  line-height:4.2rem
 }
}
@media only screen and (min-width:768px) {
 .hero__content--style5__title {
  font-size:3.5rem;
  line-height:4.8rem
 }
}
@media only screen and (min-width:992px) {
 .hero__content--style5__title {
  font-size:4rem;
  line-height:5.5rem
 }
}
@media only screen and (min-width:1200px) {
 .hero__content--style5__title {
  font-size:4.5rem;
  line-height:6rem
 }
}
@media only screen and (min-width:1366px) {
 .hero__content--style5__title {
  font-size:5rem;
  line-height:6.5rem
 }
}
@media only screen and (min-width:1600px) {
 .hero__content--style5__title {
  font-size:6rem;
  line-height:7.5rem
 }
}
.categories__card {
 background:#fff;
 border-radius:1rem;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 height:100%;
 border: 2px solid #ffffff;
}
.categories__card:hover {
 background:var(--secondary-color);
 border: 2px solid var(--secondary-color);
}
.categories__card:hover .categories__icon {
 color:var(--text-white-color)
}
.categories__card:hover .categories__title {
 color:var(--text-white-color)
}
.categories__card:hover .categories__subtitle {
 color:var(--text-white-color)
}
.categories__card--link {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 height:100%;
 padding:1.2rem
}
@media only screen and (min-width:1200px) {
 .categories__card--link {
  padding:1.5rem
 }
}
.categories__icon {
 margin-bottom:1.2rem
}
.categories__title {
 font-size:1.5rem;
 line-height:2.4rem;
 font-family:var(--rubik-fonts);
 margin-bottom:.6rem;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.categories__subtitle {
 font-size:1.4rem;
 line-height:2rem;
 font-family:var(--rubik-fonts);
 color:var(--foreground-sub-color)
}
.sidebar__category {
 padding:1rem;
 background:url(../img/other/category-sidebar-bg.webp);
 background-repeat:no-repeat;
 background-attachment:scroll;
 background-position:center center;
 background-size:cover;
 border-radius:5px
}
@media only screen and (min-width:1200px) {
 .sidebar__category {
  padding:1.5rem
 }
}
@media only screen and (max-width:991px) {
 .sidebar__category {
  margin-top:3rem
 }
}
.choose__category--content {
 padding:2rem 1.5rem
}
@media only screen and (min-width:1200px) {
 .choose__category--content {
  padding:2.5rem 2rem
 }
}
.choose__category--title {
 font-size:2rem;
 margin-bottom:2rem
}
@media only screen and (min-width:768px) {
 .choose__category--title {
  margin-bottom:2.6rem
 }
}
.choose__category--menu__list {
 margin-bottom:1.8rem
}
@media only screen and (min-width:576px) {
 .choose__category--menu__list {
  margin-bottom:2.2rem
 }
}
@media only screen and (min-width:1200px) {
 .choose__category--menu__list {
  margin-bottom:2.5rem
 }
}
.choose__category--menu__list:last-child {
 margin-bottom:0
}
.choose__category--menu__list:hover .choose__category--menu__icon {
 color:var(--secondary-color)
}
.choose__category--menu__list:hover .choose__category--menu__link {
 color:var(--secondary-color);
 text-decoration:underline
}
.choose__category--menu__icon {
 color:var(--foreground-sub-color);
 margin-right:.2rem;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
@media only screen and (min-width:1200px) {
 .choose__category--menu__icon {
  margin-right:.4rem
 }
}
.choose__category--menu__link {
 font-size:1.5rem;
 line-height:2.4rem;
 font-family:var(--inter-fonts);
 color:var(--foreground-sub-color);
 font-weight:500
}
@media only screen and (min-width:1200px) {
 .choose__category--menu__link {
  font-size:1.6rem;
  line-height:2.6rem
 }
}
.choose__category--banner .banner__thumbnail {
 width:auto;
 display:inline-block
}
@media only screen and (max-width:767px) {
 .choose__category--banner .banner__thumbnail {
  width:100%
 }
}
.choose__category--banner .banner__thumbnail--img {
 width:auto
}
@media only screen and (max-width:767px) {
 .choose__category--banner .banner__thumbnail--img {
  width:100%
 }
}
.category__banner--content {
 position:absolute;
 top:50%;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%);
 left:2.5rem
}
.category__banner--subtitle {
 font-size:1.2rem;
 line-height:1.8rem;
 font-weight:600;
 font-family:var(--inter-fonts)
}
.category__banner--title {
 font-size:1.6rem;
 font-family:var(--rubik-fonts);
 color:var(--text-white-color);
 text-transform:uppercase
}
@media only screen and (min-width:1200px) {
 .category__banner--title {
  font-size:2rem
 }
}
.category__banner--desc {
 font-size:1.2rem;
 color:var(--foreground-sub-color);
 font-weight:500;
 font-family:var(--inter-fonts);
 margin-bottom:0;
 line-height:2rem
}
@media only screen and (min-width:1200px) {
 .category__banner--desc {
  font-size:2rem;
  line-height:2.4rem
 }
}
.category__banner--price {
 font-size:1.6rem;
 font-weight:500;
 line-height:2rem
}
@media only screen and (min-width:1200px) {
 .category__banner--price {
  font-size:2rem;
  line-height:2.4rem
 }
}
.categories__card.style2 {
 border:1px solid var(--border-color);
 background:inherit
}
.categories__card.style2:hover {
 border-color:var(--secondary-color)
}
.categories__card--link__style2 {
 gap:2rem;
 padding:1.8rem 1.5rem
}
@media only screen and (min-width:480px) {
 .categories__card--link__style2 {
  gap:1.3rem;
  padding:1.8rem 1rem
 }
}
@media only screen and (min-width:1200px) {
 .categories__card--link__style2 {
  gap:2.2rem;
  padding:2rem
 }
}
@media only screen and (min-width:1366px) {
 .categories__card--link__style2 {
  gap:2.5rem;
  padding:2rem 2.5rem
 }
}
.categories__content--title {
 font-size:1.6rem;
 line-height:2rem;
 font-weight:600;
 margin-bottom:.5rem
}
@media only screen and (min-width:1200px) {
 .categories__content--title {
  font-size:1.8rem;
  line-height:2.2rem
 }
}
.categories__content--subtitle {
 font-size:1.4rem;
 line-height:2rem;
 color:var(--body-text-color)
}
.categories__shop--inner {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-shadow:0 2px 22px rgba(0,0,0,.1);
 box-shadow:0 2px 22px rgba(0,0,0,.1);
 border-radius:5px;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.categories__shop--card {
 border-right:1px solid var(--border-color);
 border-bottom:1px solid var(--border-color);
 -webkit-transition:var(--transition);
 transition:var(--transition);
 width:50%
}
.categories__shop--card:hover {
 background:var(--bg-offwhite-color)
}
@media only screen and (min-width:480px) {
 .categories__shop--card {
  width:33.33%
 }
}
@media only screen and (min-width:768px) {
 .categories__shop--card {
  width:25%
 }
}
.categories__shop--card__link {
 padding:2rem;
 text-align:center
}
.categories__shop--card .categories__content--title {
 font-size:1.5rem;
 margin-bottom:.8rem
}
@media only screen and (min-width:1200px) {
 .categories__shop--card .categories__content--title {
  font-size:1.6rem
 }
}
.categories__shop--card .categories__content--subtitle {
 color:var(--foreground-sub-color)
}
.categories__inner--style3 {
 gap:2rem;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
@media only screen and (min-width:576px) {
 .categories__inner--style3 {
  gap:2.5rem
 }
}
@media only screen and (min-width:1200px) {
 .categories__inner--style3 {
  gap:3rem
 }
}
.categories__card--style3 {
 border:1px solid var(--border-color);
 width:45%;
 border-radius:5px;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
@media only screen and (min-width:400px) {
 .categories__card--style3 {
  width:46%
 }
}
@media only screen and (min-width:576px) {
 .categories__card--style3 {
  width:29.7%
 }
}
@media only screen and (min-width:768px) {
 .categories__card--style3 {
  width:22.3%
 }
}
@media only screen and (min-width:992px) {
 .categories__card--style3 {
  width:17.8%
 }
}
@media only screen and (min-width:1366px) {
 .categories__card--style3 {
  width:18%
 }
}
.categories__card--style3 .categories__thumbnail--img {
 margin:0 auto
}
.categories__card--style3:hover {
 border-color:var(--secondary-color)
}
.categories__content.style3 {
 padding-top:1.3rem
}
.categories__content.style3 .categories__content--subtitle {
 color:var(--foreground-sub-color)
}
.tab__btn--wrapper {
 gap:1rem;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
@media only screen and (min-width:992px) {
 .tab__btn--wrapper {
  gap:1.5rem
 }
}
@media only screen and (min-width:1200px) {
 .tab__btn--wrapper {
  gap:2.5rem
 }
}
.tab__btn--link {
 font-weight:600;
 font-family:var(--inter-fonts);
 font-size:1.3rem;
 text-transform:uppercase;
 color:var(--foreground-sub-color);
 padding:3px 10px;
 border:0;
 background:var(--body-background-color);
 border-radius:5px;
 line-height:2.4rem
}
@media only screen and (min-width:992px) {
 .tab__btn--link {
  font-size:1.4rem;
  padding:3px 12px;
  line-height:2.6rem
 }
}
.tab__btn--link:hover {
 background:var(--secondary-color);
 color:var(--text-white-color);
}
.tab__btn--link.active {
 background:var(--secondary-color);
 color:var(--text-white-color);
}
.product__card {
 border:1px solid var(--border-color);
 border-radius:5px
}
.product__card:hover .product__card--thumbnail__img {
 -webkit-transform:scale(1.02);
 transform:scale(1.02)
}
.product__card:hover .product__secondary--img {
 opacity:1;
 visibility:visible
}
.product__card:hover .product__primary--img {
 opacity:0;
 visibility:hidden
}
.product__card:hover .swiper__nav--btn {
 opacity:1;
 visibility:visible
}
.product__card:hover .product__card--action {
 opacity:1;
 visibility:visible;
 bottom:35%
}
.product__card:hover .product__card--action__btn {
 -webkit-transform:scale(1);
 transform:scale(1)
}
/*.product__card:hover .product__card--price {
 opacity:0;
 visibility:hidden
}*/
.product__card:hover .product__card--footer {
 opacity:1;
 visibility:visible;
 bottom:-5px
}
.product__card--thumbnail {
 padding:2rem;
 position:relative;
 overflow:hidden
}
@media only screen and (min-width:1200px) {
 .product__card--thumbnail {
  padding:2rem 2.5rem
 }
}
.product__card--thumbnail__link {
 position:relative
}
.product__card--thumbnail__img {
 width:100%;
 height: 150px;
}
.product__card--content {
 padding:0 1.5rem 2rem;
 position:relative
}
@media only screen and (min-width:1200px) {
 .product__card--content {
  padding:0 2rem 2rem
 }
}
.product__card--title {
 margin-bottom:.8rem
}
@media only screen and (max-width:479px) {
 .product__card--title {
  margin-bottom:.6rem;
  font-size:1.6rem;
  line-height:2.2rem
 }
}
.product__card--footer {
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 opacity:0;
 visibility:hidden;
 -webkit-transition:.4s;
 transition:.4s;
 padding:0 2rem 2rem;
 background:var(--body-background-color)
}
.product__card--footer::before {
 position:absolute;
 content:"";
 border:1px solid var(--border-color);
 left:-1px;
 bottom:0;
 right:-2px;
 border-top:0;
 width:101%;
 height:100%;
 border-radius:0 0 5px 5px;
 pointer-events:none
}
.product__card--btn {
 text-transform:uppercase;
 font-size:1.2rem;
 display:block;
 height:3.5rem;
 line-height:3.5rem;
 border-radius:5px;
 text-align:center;
 padding:0 1.5rem
}
.product__card--btn svg {
 margin-right:3px
}
@media only screen and (min-width:992px) {
 .product__card--btn {
  height:3.8rem;
  line-height:3.8rem;
  padding:0 2rem
 }
}
.product__card--action {
 position:absolute;
 left:50%;
 -webkit-transform:translatex(-50%);
 transform:translatex(-50%);
 opacity:0;
 visibility:visible;
 z-index:9;
 -webkit-transition:.5s;
 transition:.5s;
 bottom:30%;
 gap:.8rem
}
.product__card--action__btn {
 width:3rem;
 height:3rem;
 line-height:2.8rem;
 color:var(--foreground-sub-color);
 background:var(--body-background-color);
 border-radius:50%;
 text-align:center;
 -webkit-transform:scale(.5);
 transform:scale(.5);
 -webkit-transition:.5s;
 transition:.5s
}
.product__card--action__btn:hover {
 background:var(--secondary-color);
 color:var(--text-white-color)
}
@media only screen and (min-width:576px) {
 .product__card--action__btn {
  width:3.5rem;
  height:3.5rem;
  line-height:3.3rem
 }
}
@media only screen and (min-width:992px) {
 .product__card--action__btn {
  width:4rem;
  height:4rem;
  line-height:3.8rem
 }
}
.product__card--rating {
 margin-bottom:1.1rem
}
.product__card--price {
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.product__badge {
 width:4rem;
 height:4rem;
 font-size:1.2rem;
 line-height:4rem;
 background:var(--secondary-color);
 color:var(--text-white-color);
 font-family:var(--inter-fonts);
 position:absolute;
 top:12px;
 right:12px;
 text-align:center;
 border-radius:50%
}
.product__secondary--img {
 position:absolute;
 top:0;
 left:0;
 opacity:0;
 visibility:hidden;
 -webkit-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out
}
.current__price {
 color:var(--secondary-color);
 font-weight:600;
 line-height:1.8rem;
 font-family:var(--inter-fonts)
}
.old__price {
 color:var(--foreground-sub-color);
 margin-left:.8rem;
 line-height:1.8rem;
 font-family:var(--inter-fonts)
}
.rating {
 gap:.5rem
}
.rating__icon {
 color:var(--secondary-color)
}
.rating__review--text {
 font-size:1.2rem;
 font-family:var(--inter-fonts);
 color:var(--foreground-sub-color)
}
.product__tab--btn__style3 {
 margin-top:2.5rem
}
@media only screen and (min-width:768px) {
 .product__tab--btn__style3 {
  margin-top:3rem
 }
}
.product__tab--btn__style3 .tab__btn--link {
 background:var(--bg-offwhite-color);
 padding:8px 2.4rem;
 border-radius:20px;
 font-weight:500;
 text-transform:capitalize
}
.product__tab--btn__style3 .tab__btn--link.active {
 background:var(--secondary-color);
 text-decoration:inherit
}
.product__tab--btn__style3 .tab__btn--link:hover {
 background:var(--secondary-color);
 text-decoration:inherit
}
.deals__product--card {
 border:1px solid var(--secondary-color);
 padding:2rem 1.5rem;
 border-radius:5px
}
@media only screen and (max-width:991px) {
 .deals__product--card {
  margin-top:3rem
 }
}
.deals__product--card__thumbnail {
 margin-bottom:2.2rem
}
.deals__product--card__thumbnail--img {
 margin:0 auto
}
.deals__product--title {
 margin-bottom:1.4rem
}
.hurryup__text {
 font-size:1.4rem
}
.hurryup__text span {
 color:var(--secondary-color);
 font-weight:600
}
.product__sidebar {
 border:1px solid var(--secondary-color);
 background:var(--body-background-color);
 border-radius:5px
}
@media only screen and (max-width:991px) {
 .product__sidebar {
  margin-top:3rem
 }
}
.small__product--header {
 background:var(--secondary-color)
}
.small__product--header__title {
 color:var(--text-white-color);
 font-size:1.6rem;
 font-weight:600;
 line-height:4.5rem;
 padding:0 1.8rem
}
@media only screen and (min-width:1200px) {
 .small__product--header__title {
  font-size:1.8rem
 }
}
.small__product--inner {
 padding:.3rem 1.2rem 1.2rem;
 max-height:463px
}
@media only screen and (min-width:1200px) {
 .small__product--inner {
  padding:.5rem 1.5rem 1.5rem
 }
}
@media only screen and (min-width:1366px) {
 .small__product--inner {
  padding:.4rem 1.7rem 1.7rem
 }
}
.small__product--inner .swiper-slide-active .small__product--card {
 border-top:0
}
.small__product--thumbnail {
 overflow:hidden
}
@media only screen and (max-width:1199px) {
 .small__product--thumbnail {
  width:63px
 }
}
@media only screen and (max-width:767px) {
 .small__product--thumbnail {
  width:85px
 }
}
.small__product--card {
 gap:1.8rem;
 padding-top:1.5rem;
 border-top:1px solid var(--border-color)
}
@media only screen and (min-width:768px) {
 .small__product--card {
  gap:1.2rem
 }
}
@media only screen and (min-width:1200px) {
 .small__product--card {
  gap:1.5rem
 }
}
@media only screen and (min-width:1366px) {
 .small__product--card {
  gap:2rem
 }
}
.small__product--card:hover .small__product--thumbnail img {
 -webkit-transform:scale(1.03);
 transform:scale(1.03)
}
.small__product--card__title {
 margin-bottom:.3rem;
 font-size:1.4rem
}
@media only screen and (min-width:1200px) {
 .small__product--card__title {
  font-size:1.5rem
 }
}
.small__product--card__price {
 margin-bottom:.4rem
}
.small__product--card.style2 {
 gap:2rem;
 padding:1.5rem;
 border:1px solid transparent;
 background:var(--body-background-color);
 border-radius:5px;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
@media only screen and (min-width:576px) {
 .small__product--card.style2 {
  padding:2rem
 }
}
@media only screen and (min-width:1200px) {
 .small__product--card.style2 {
  gap:3rem
 }
}
.small__product--card.style2:hover {
 border-color:var(--secondary-color)
}
.small__product--card.style2 .small__product--rating {
 margin-bottom:8px
}
.small__product--swiper__btn {
 position:absolute;
 top:35px;
 padding:0;
 height:auto;
 right:8px;
 width:auto;
 color:var(--text-white-color)
}
.small__product--swiper__btn::after {
 display:none
}
.small__product--swiper__btn.swiper-button-prev {
 right:34px;
 left:auto
}
.small__product--swiper__btn.swiper-button-disabled {
 opacity:.55
}
.small__product--section__bg {
 background:url(../img/banner/small-product-sectio-bg.webp);
 background-repeat:no-repeat;
 background-attachment:scroll;
 background-position:center center;
 background-size:cover
}
.deal__section--bg {
 background:url(../img/banner/deal-section-bg.webp);
 background-repeat:no-repeat;
 background-attachment:scroll;
 background-position:center center;
 background-size:cover
}
.product__badge.style__left {
 left:1rem;
 right:auto
}
.product__badge--new {
 background:var(--secondary-color);
 color:var(--text-white-color);
 font-family:var(--inter-fonts);
 font-weight:600;
 text-align:center;
 width:5.2rem;
 height:2.2rem;
 line-height:2.2rem;
 font-size:1.2rem;
 position:absolute;
 top:1.2rem;
 right:1.3rem;
 border-radius:3px
}
.single__product--wrapper {
 background:var(--body-background-color);
 border:1px solid var(--secondary-color);
 padding:2rem;
 border-radius:5px
}
@media only screen and (min-width:768px) {
 .single__product--wrapper {
  padding:2.5rem
 }
}
@media only screen and (min-width:992px) {
 .single__product--wrapper {
  padding:3rem 2.5rem
 }
}
@media only screen and (min-width:1200px) {
 .single__product--wrapper {
  padding:3rem
 }
}
.single__product--wrapper:hover .single__product--thumbnail__img {
 -webkit-transform:scale(1.03);
 transform:scale(1.03)
}
.single__product--wrapper:hover .swiper__nav--btn {
 opacity:1;
 visibility:visible
}
.single__product--topbar {
 gap:2rem;
 margin-bottom:2.5rem
}
@media only screen and (min-width:576px) {
 .single__product--topbar {
  margin-bottom:3rem
 }
}
@media only screen and (min-width:768px) {
 .single__product--topbar {
  gap:3rem
 }
}
@media only screen and (max-width:575px) {
 .single__product--topbar {
  gap:2.5rem;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
}
.single__product--thumbnail {
 position:relative;
 overflow:hidden
}
.single__product--thumbnail__preview {
 width:100%
}
@media only screen and (min-width:576px) {
 .single__product--thumbnail__preview {
  width:250px
 }
}
@media only screen and (min-width:768px) {
 .single__product--thumbnail__preview {
  width:357px
 }
}
.single__product--content {
 width:100%
}
@media only screen and (min-width:576px) {
 .single__product--content {
  width:calc(100% - 250px)
 }
}
@media only screen and (min-width:768px) {
 .single__product--content {
  width:calc(100% - 357px)
 }
}
@media only screen and (max-width:575px) {
 .single__product--content {
  text-align:center
 }
}
@media only screen and (max-width:575px) {
 .single__product--content .product__card--rating {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
 }
}
.single__product--action {
 margin-top:1.5rem;
 gap:1rem
}
@media only screen and (min-width:768px) {
 .single__product--action {
  bottom:3rem
 }
}
@media only screen and (max-width:575px) {
 .single__product--action {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
 }
}
.single__product--action__btn {
 width:3.5rem;
 height:3.4rem;
 line-height:3rem;
 text-align:center;
 color:var(--secondary-color);
 border:1px solid var(--secondary-color);
 border-radius:5px
}
.single__product--action__btn:hover {
 background:var(--secondary-color);
 color:var(--text-white-color)
}
.single__product--cart__btn {
 height:3.4rem;
 line-height:3.4rem;
 padding:0 1.5rem;
 background:var(--primary-color);
 font-size:1.2rem;
 font-family:var(--inter-fonts);
 font-weight:600;
 text-transform:capitalize;
 color:var(--text-white-color);
 border-radius:5px
}
.single__product--cart__btn:hover {
 background:var(--secondary-color);
 color:var(--text-white-color)
}
.single__product--title {
 margin:1.5rem 0
}
.single__product--countdown {
 gap:1.2rem
}
@media only screen and (min-width:768px) {
 .single__product--countdown {
  gap:1.5rem
 }
}
@media only screen and (max-width:575px) {
 .single__product--countdown {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
 }
}
.single__product--countdown .countdown__item:hover .countdown__number {
 background:var(--secondary-color);
 color:var(--text-white-color)
}
.single__product--countdown .countdown__number {
 width:4.5rem;
 height:3.7rem;
 line-height:3.7rem;
 background:var(--bg-offwhite-color);
 font-size:1.4rem;
 font-family:var(--inter-fonts);
 font-weight:600;
 text-align:center;
 border-radius:3px
}
.single__product--countdown .countdown__text {
 font-size:1.4rem;
 font-family:var(--inter-fonts);
 font-weight:500;
 color:var(--foreground-sub-color);
 text-align:center;
 text-transform:capitalize
}
.product__sold {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 position:relative;
 padding-bottom:1.8rem;
 margin:1.2rem 0 2rem
}
@media only screen and (min-width:576px) {
 .product__sold {
  padding-bottom:2.1rem;
  margin:1.5rem 0 2.2rem
 }
}
.product__sold::before {
 position:absolute;
 content:"";
 width:100%;
 height:1.2rem;
 background:var(--bg-offwhite-color);
 left:0;
 bottom:0;
 border-radius:3px
}
.product__sold::after {
 position:absolute;
 content:"";
 width:85%;
 height:1.2rem;
 background:var(--secondary-color);
 left:0;
 bottom:0;
 border-radius:3px
}
.product__sold--text {
 font-size:1.4rem;
 line-height:2rem;
 font-weight:500;
 font-family:var(--inter-fonts);
 color:var(--foreground-sub-color)
}
.product__sold--text__number {
 color:var(--body-text-color)
}
.single__product--nav {
 padding:0 1.5rem
}
.single__product--nav__items {
 border:1px solid var(--border-color);
 padding:1rem;
 cursor:pointer;
 border-radius:5px;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single__product--nav__items:hover {
 border-color:var(--secondary-color)
}
@media only screen and (min-width:768px) {
 .single__product--nav__items {
  padding:1.3rem
 }
}
.single__product--nav__thumbnail {
 margin:0 auto
}
.single__product--nav .swiper-slide-active .single__product--nav__items {
 border-color:var(--secondary-color)
}
.banner__items {
 border-radius:5px
}
.banner__thumbnail {
 overflow:hidden;
 width:100%;
 border-radius:5px
}
.banner__thumbnail--img {
 width:100%;
 border-radius:5px
}
.banner__thumbnail:hover .banner__thumbnail--img {
 -webkit-transform:scale(1.03);
 transform:scale(1.03)
}
.banner__content {
 position:absolute;
 top:50%;
 left:3rem;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%);
 cursor:pointer;
 display:inline-block
}
@media only screen and (min-width:992px) {
 .banner__content {
  left:5rem
 }
}
.banner__content.right {
 right:3rem;
 left:auto;
 text-align:center
}
@media only screen and (min-width:480px) {
 .banner__content.right {
  right:5rem
 }
}
.banner__content.style__right {
 right:3rem;
 left:auto
}
.banner__content.style__top {
 top:3rem;
 -webkit-transform:inherit;
 transform:inherit;
 left:2.5rem
}
.banner__content--subtitle {
 font-family:var(--inter-fonts);
 font-weight:600;
 margin-bottom:.4rem
}
@media only screen and (max-width:991px) {
 .banner__content--subtitle {
  line-height:2rem
 }
}
.banner__content--title {
 color:var(--text-white-color);
 margin-bottom:1rem
}
@media only screen and (min-width:992px) {
 .banner__content--title {
  margin-bottom:10px
 }
}
@media only screen and (min-width:1200px) {
 .banner__content--title {
  margin-bottom:12px
 }
}
@media only screen and (max-width:991px) {
 .banner__content--title {
  line-height:2.4rem;
  font-size:1.7rem
 }
}
.banner__content--title__inner {
 color:var(--secondary-color)
}
.banner__content--price {
 font-size:1.6rem;
 line-height:2rem;
 font-weight:600;
 color:var(--text-white-color);
 font-family:var(--inter-fonts);
 display:block
}
@media only screen and (min-width:992px) {
 .banner__content--price {
  font-size:1.8rem
 }
}
@media only screen and (min-width:1200px) {
 .banner__content--price {
  font-size:2rem;
  line-height:2.2rem
 }
}
.banner__content--btn {
 font-weight:700;
 color:var(--text-white-color);
 margin-top:.5rem;
 font-size:1.4rem
}
@media only screen and (min-width:1200px) {
 .banner__content--btn {
  margin-top:1rem;
  font-size:1.5rem
 }
}
.banner__content--btn svg {
 margin-left:.5rem
}
.banner__content--btn:hover {
 color:var(--secondary-color)
}
.banner__badge {
 position:absolute;
 background:var(--secondary-color);
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%);
 top:50%;
 right:2rem;
 width:6rem;
 height:6rem;
 padding:7px;
 font-size:1.4rem;
 line-height:1.8rem;
 font-family:var(--inter-fonts);
 font-weight:500;
 color:var(--text-white-color);
 border-radius:50%;
 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;
 text-align:center
}
@media only screen and (min-width:992px) {
 .banner__badge {
  right:5rem
 }
}
@media only screen and (max-width:479px) {
 .banner__badge {
  display:none
 }
}
.banner__badge::before {
 position:absolute;
 content:"";
 border:1px dashed var(--body-background-color);
 top:5px;
 left:5px;
 right:5px;
 bottom:5px;
 border-radius:50%;
 opacity:.6
}
.banner__badge--style2 {
 -webkit-clip-path:polygon(0 19%,97% 19%,85% 49%,100% 82%,0 82%,14% 51%);
 clip-path:polygon(0 19%,97% 19%,85% 49%,100% 82%,0 82%,14% 51%);
 background:var(--secondary-color);
 color:var(--text-white-color);
 font-size:1.1rem;
 width:70px;
 height:30px;
 line-height:30px;
 text-align:center;
 margin-bottom:.6rem
}
@media only screen and (max-width:767px) {
 .banner__sidebar {
  margin-top:3rem
 }
}
.banner__sidebar--badge {
 -webkit-transform:inherit;
 transform:inherit;
 bottom:-8px;
 right:-80px;
 top:auto
}
@media only screen and (min-width:768px) and (max-width:991px) {
 .banner__max--height {
  height:160px;
  -o-object-fit:cover;
  object-fit:cover
 }
}
@media only screen and (max-width:479px) {
 .banner__max--height {
  height:150px;
  -o-object-fit:cover;
  object-fit:cover
 }
}
.discount__banner--thumbnail__img {
 height:5.3rem;
 -o-object-fit:cover;
 object-fit:cover
}
.discount__banner--text {
 font-size:1.6rem;
 font-weight:600;
 position:absolute;
 top:50%;
 left:0;
 right:0;
 text-align:center;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%)
}
@media only screen and (min-width:992px) {
 .discount__banner--text {
  font-size:1.8rem
 }
}
@media only screen and (max-width:479px) {
 .discount__banner--text {
  font-size:1.5rem;
  line-height:2.8rem
 }
}
.banner__content--style {
 right:5rem;
 left:auto
}
.banner__content--style .banner__content--subtitle {
 font-size:1.2rem;
 line-height:2rem;
 text-transform:uppercase
}
.banner__content--style .banner__content--btn {
 font-weight:600;
 line-height:2rem;
 color:var(--secondary-color);
 text-decoration:underline
}
.discount__banner--content {
 position:absolute;
 left:2rem;
 top:50%;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%)
}
@media only screen and (min-width:576px) {
 .discount__banner--content {
  left:4rem
 }
}
@media only screen and (min-width:992px) {
 .discount__banner--content {
  left:7rem
 }
}
.discount__banner--content__subtitle {
 font-size:1.4rem;
 line-height:2rem;
 font-family:var(--inter-fonts);
 text-transform:uppercase;
 color:var(--body-text-color);
 margin-bottom:1rem
}
@media only screen and (min-width:768px) {
 .discount__banner--content__subtitle {
  font-size:1.6rem;
  line-height:2.4rem;
  margin-bottom:1.3rem
 }
}
@media only screen and (min-width:992px) {
 .discount__banner--content__subtitle {
  margin-bottom:1.5rem
 }
}
@media only screen and (min-width:1200px) {
 .discount__banner--content__subtitle {
  font-size:2rem;
  line-height:2.4rem;
  margin-bottom:1.8rem
 }
}
.discount__banner--content__title {
 font-size:2rem;
 line-height:3rem;
 text-transform:uppercase;
 margin-bottom:1.8rem
}
@media only screen and (min-width:768px) {
 .discount__banner--content__title {
  font-size:2.5rem;
  line-height:3rem;
  margin-bottom:2rem
 }
}
@media only screen and (min-width:768px) {
 .discount__banner--content__title {
  font-size:3rem;
  line-height:3.5rem
 }
}
@media only screen and (min-width:992px) {
 .discount__banner--content__title {
  font-size:3.5rem;
  line-height:4rem;
  margin-bottom:2.5rem
 }
}
@media only screen and (min-width:1200px) {
 .discount__banner--content__title {
  font-size:4.5rem;
  line-height:5rem;
  margin-bottom:3rem
 }
}
@media only screen and (max-width:991px) {
 .banner__sidebar.style2 {
  margin-top:3rem
 }
}
@media only screen and (max-width:575px) {
 .discount__banner--img__height {
  height:200px;
  -o-object-fit:cover;
  object-fit:cover
 }
}
.banner__content--style3 {
 left:2.5rem
}
@media only screen and (min-width:576px) {
 .banner__content--style3 {
  left:3.2rem
 }
}
.banner__content--style3__subtitle {
 font-size:1.1rem;
 line-height:1.8rem;
 font-family:var(--inter-fonts);
 font-weight:600;
 text-transform:uppercase;
 margin-bottom:1rem
}
@media only screen and (min-width:576px) {
 .banner__content--style3__subtitle {
  font-size:1.2rem
 }
}
.banner__content--style3__title {
 font-family:var(--rubik-fonts);
 font-size:1.8rem;
 line-height:2rem;
 margin-bottom:1rem
}
@media only screen and (min-width:576px) {
 .banner__content--style3__title {
  font-size:2rem;
  line-height:2.2rem
 }
}
@media only screen and (min-width:1200px) {
 .banner__content--style3__title {
  font-size:2.3rem;
  line-height:2.5rem;
  margin-bottom:1.2rem
 }
}
.banner__content--style3__btn {
 font-size:1.3rem;
 line-height:2rem;
 font-weight:600;
 font-family:var(--inter-fonts);
 color:var(--text-white-color);
 border-bottom:1px solid var(--text-white-color)
}
@media only screen and (min-width:576px) {
 .banner__content--style3__btn {
  font-size:1.4rem
 }
}
@media only screen and (max-width:991px) {
 .banner__video--inner {
  padding-right:170px
 }
}
@media only screen and (max-width:767px) {
 .banner__video--inner {
  padding-right:0
 }
}
.image__width--text {
 position:absolute;
 right:0;
 top:50%;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%);
 background:-webkit-gradient(linear,left top,right top,from(#ff5e03),to(#ff7300));
 background:linear-gradient(to right,#ff5e03,#ff7300);
 padding:3.5rem 2.5rem;
 border-radius:5px
}
@media only screen and (min-width:768px) {
 .image__width--text {
  width:400px;
  padding:3rem 2.5rem
 }
}
@media only screen and (min-width:992px) {
 .image__width--text {
  width:500px;
  padding:5rem 3.5rem
 }
}
@media only screen and (max-width:767px) {
 .image__width--text {
  position:inherit;
  width:100%;
  top:inherit;
  -webkit-transform:inherit;
  transform:inherit;
  margin-top:3rem
 }
}
.image__width--text__title {
 font-family:var(--rubik-fonts);
 color:var(--text-white-color);
 font-weight:500;
 margin-bottom:1.5rem
}
@media only screen and (min-width:1200px) {
 .image__width--text__title {
  font-size:3.5rem;
  line-height:4.5rem;
  margin-bottom:2rem
 }
}
.image__width--text__desc {
 font-size:1.4rem;
 color:var(--text-white-color);
 margin-bottom:1.5rem
}
@media only screen and (min-width:1200px) {
 .image__width--text__desc {
  margin-bottom:1.8rem
 }
}
.image__width--text__btn {
 float:right;
 font-weight:700;
 color:var(--text-white-color)
}
.image__width--text__btn:hover {
 color:var(--primary-color)
}
.banner__video--play {
 position:absolute;
 bottom:3rem;
 left:3rem;
 color:var(--text-white-color);
 font-size:1.4rem;
 font-weight:600
}
.banner__video--play svg {
 margin-right:4px
}
.banner__content--style4 {
 position:absolute;
 top:50%;
 left:3rem;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%)
}
.banner__content--style4.right {
 right:4rem;
 left:auto
}
.banner__content--style4__subtitle {
 font-weight:600;
 color:var(--text-white-color);
 text-transform:uppercase;
 font-size:1.3rem;
 line-height:2rem;
 margin-bottom:1rem
}
@media only screen and (min-width:576px) {
 .banner__content--style4__subtitle {
  font-size:1.4rem
 }
}
@media only screen and (min-width:992px) {
 .banner__content--style4__subtitle {
  font-size:1.5rem;
  line-height:2.2rem;
  margin-bottom:1.2rem
 }
}
@media only screen and (min-width:1200px) {
 .banner__content--style4__subtitle {
  font-size:1.6rem;
  margin-bottom:1.5rem
 }
}
@media only screen and (min-width:1366px) {
 .banner__content--style4__subtitle {
  font-size:1.8rem;
  line-height:2.5rem
 }
}
.banner__content--style4__subtitle span {
 color:var(--secondary-color)
}
.banner__content--style4__title {
 font-size:1.8rem;
 line-height:2.2rem;
 font-family:var(--rubik-fonts);
 color:var(--text-white-color);
 margin-bottom:1.2rem
}
@media only screen and (min-width:576px) {
 .banner__content--style4__title {
  font-size:2.2rem;
  line-height:2.4rem;
  margin-bottom:1.5rem
 }
}
@media only screen and (min-width:992px) {
 .banner__content--style4__title {
  font-size:2.8rem;
  line-height:3rem;
  margin-bottom:1.8rem
 }
}
@media only screen and (min-width:1200px) {
 .banner__content--style4__title {
  font-size:3.2rem;
  line-height:3.5rem;
  margin-bottom:2rem
 }
}
@media only screen and (min-width:1366px) {
 .banner__content--style4__title {
  font-size:4rem;
  line-height:4rem
 }
}
.banner__content--style4__title span {
 color:var(--secondary-color)
}
.banner__content--style4__title.font__style {
 font-size:1.6rem;
 line-height:2rem
}
@media only screen and (min-width:576px) {
 .banner__content--style4__title.font__style {
  font-size:1.8rem
 }
}
@media only screen and (min-width:992px) {
 .banner__content--style4__title.font__style {
  font-size:2.2rem;
  line-height:2.2rem
 }
}
@media only screen and (min-width:1200px) {
 .banner__content--style4__title.font__style {
  font-size:2.5rem;
  line-height:2.5rem
 }
}
@media only screen and (min-width:1366px) {
 .banner__content--style4__title.font__style {
  font-size:3rem;
  line-height:3rem
 }
}
.banner__content--style4__title2 {
 color:var(--text-white-color);
 font-weight:600;
 font-size:1.4rem;
 line-height:2rem;
 margin-bottom:1.5rem
}
@media only screen and (min-width:576px) {
 .banner__content--style4__title2 {
  font-size:1.5rem;
  margin-bottom:2rem
 }
}
@media only screen and (min-width:992px) {
 .banner__content--style4__title2 {
  font-size:1.8rem;
  line-height:2rem;
  margin-bottom:2.5rem
 }
}
@media only screen and (min-width:1200px) {
 .banner__content--style4__title2 {
  font-size:2rem;
  line-height:2rem;
  margin-bottom:3rem
 }
}
@media only screen and (min-width:1366px) {
 .banner__content--style4__title2 {
  font-size:2.5rem;
  line-height:2.5rem;
  margin-bottom:4rem
 }
}
.banner__content--style4__title2.font__style2 {
 font-size:1.3rem;
 line-height:2rem;
 margin-bottom:1.5rem
}
@media only screen and (min-width:576px) {
 .banner__content--style4__title2.font__style2 {
  font-size:1.4rem
 }
}
@media only screen and (min-width:1200px) {
 .banner__content--style4__title2.font__style2 {
  font-size:1.6rem;
  margin-bottom:2.2rem
 }
}
@media only screen and (min-width:1200px) {
 .banner__content--style4__title2.font__style2 {
  font-size:1.8rem;
  line-height:2.2rem;
  margin-bottom:2.5rem
 }
}
@media only screen and (min-width:1366px) {
 .banner__content--style4__title2.font__style2 {
  font-size:2rem;
  line-height:2.5rem;
  margin-bottom:3rem
 }
}
@media only screen and (max-width:479px) {
 .banner__content--style4__title2.font__style2 {
  display:none
 }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
 .banner__max--height4 {
  height:450px;
  -o-object-fit:cover;
  object-fit:cover
 }
}
@media only screen and (max-width:479px) {
 .banner__max--height4 {
  height:210px;
  -o-object-fit:cover;
  object-fit:cover
 }
}
.banner__content--style4__badge {
 font-size:1.3rem;
 line-height:2rem;
 background:var(--secondary-color);
 color:var(--text-white-color);
 font-family:var(--inter-fonts);
 text-transform:uppercase;
 padding:2px 6px;
 border-radius:3px;
 margin-bottom:1.5rem
}
@media only screen and (min-width:992px) {
 .banner__content--style4__badge {
  font-size:1.4rem;
  line-height:2.2rem;
  padding:3px 8px;
  margin-bottom:2rem
 }
}
@media only screen and (max-width:479px) {
 .banner__content--style4__badge {
  display:none
 }
}
.banner__price--style4 {
 margin-bottom:1.2rem
}
@media only screen and (min-width:480px) {
 .banner__price--style4 {
  margin-bottom:1.5rem
 }
}
@media only screen and (min-width:992px) {
 .banner__price--style4 {
  margin-bottom:2rem
 }
}
@media only screen and (min-width:1200px) {
 .banner__price--style4 {
  margin-bottom:2rem
 }
}
.banner__content--style4__btn {
 font-size:1.4rem;
 line-height:3.8rem;
 height:3.8rem;
 padding:0 2.2rem
}
@media only screen and (max-width:767px) {
 .banner__content--style4__btn {
  line-height:3.5rem;
  height:3.5rem;
  padding:0 1.8rem
 }
}
@media only screen and (max-width:991px) {
 .banner__sidebar.style5 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:3rem;
  margin-top:3rem
 }
}
@media only screen and (max-width:479px) {
 .banner__sidebar.style5 {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
}
@media only screen and (max-width:991px) {
 .banner__sidebar.style5 .banner__items.mb-30 {
  margin-bottom:0
 }
}
@media only screen and (max-width:479px) {
 .banner__sidebar.style5 .banner__items {
  width:100%
 }
}
.banner__content--style5 {
 position:absolute;
 left:2.5rem;
 top:2rem
}
@media only screen and (min-width:1200px) {
 .banner__content--style5 {
  top:3rem
 }
}
.banner__content--style5.right {
 right:2.5rem;
 left:auto
}
.banner__content--style5__subtitle {
 font-size:1.4rem;
 line-height:2rem;
 margin-bottom:.5rem
}
.banner__content--style5__title {
 font-family:var(--rubik-fonts);
 font-weight:600
}
.banner__content--style5__btn {
 color:var(--text-white-color);
 font-size:1.3rem;
 text-transform:uppercase;
 line-height:1.8rem;
 border-bottom:1px solid var(--body-background-color);
 margin-top:1rem
}
.banner__content--style5__btn:hover {
 color:var(--secondary-color);
 border-color:var(--secondary-color)
}
@media only screen and (min-width:1200px) {
 .banner__content--style5__btn {
  font-size:1.4rem;
  margin-top:1.5rem
 }
}
.blog__section--inner {
 padding:2px
}
.view__all--link {
 font-size:1.4rem;
 text-transform:uppercase;
 font-weight:700;
 position:relative;
 line-height:2rem
}
@media only screen and (min-width:576px) {
 .view__all--link {
  font-size:1.6rem
 }
}
.view__all--link::before {
 position:absolute;
 content:"";
 width:100%;
 height:2px;
 background:var(--secondary-color);
 bottom:-13px;
 left:0
}
.blog__card {
 padding:1.5rem;
 border:1px solid var(--border-color);
 border-radius:5px;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 position:relative
}
@media only screen and (min-width:768px) {
 .blog__card {
  padding:2rem
 }
}
.blog__card::before {
 position:absolute;
 content:"";
 width:100%;
 height:100%;
 left:0;
 top:0;
 background:-webkit-gradient(linear,left bottom,left top,from(#fceef2),to(#f5f5fe));
 background:linear-gradient(to top,#fceef2,#f5f5fe);
 -webkit-transition:var(--transition);
 transition:var(--transition);
 opacity:0;
 visibility:hidden;
 z-index:-1
}
.blog__card:hover {
 border-color:var(--secondary-color)
}
.blog__card:hover::before {
 opacity:1;
 visibility:visible
}
.blog__card:hover .blog__card--social {
 opacity:1;
 visibility:visible
}
.blog__card:hover .blog__card--social .social__share--icon {
 -webkit-transform:scale(1);
 transform:scale(1)
}
.blog__card:hover .blog__card--thumbnail__img {
 -webkit-transform:scale(1.06) rotate(2deg);
 transform:scale(1.06) rotate(2deg)
}
.blog__card--thumbnail {
 position:relative;
 overflow:hidden;
 border-radius:5px
}
.blog__card--thumbnail__link {
 display:block;
 width:100%
}
.blog__card--thumbnail__img {
 width:100%
}
.blog__card--meta {
 font-size:1.2rem;
 line-height:2rem;
 font-weight:500;
 text-transform:uppercase;
 color:var(--foreground-sub-color);
 font-family:var(--inter-fonts);
 margin-bottom:.7rem
}
.blog__card--meta__date {
 width:5rem;
 height:4.5rem;
 font-size:1.3rem;
 font-weight:600;
 background:var(--secondary-color);
 border-radius:5px;
 color:var(--text-white-color);
 line-height:1.7rem;
 text-align:center;
 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;
 position:absolute;
 top:12px;
 left:12px
}
@media only screen and (min-width:768px) {
 .blog__card--meta__date {
  width:6rem;
  height:5rem;
  font-size:1.5rem;
  line-height:1.8rem
 }
}
.blog__card--desc {
 color:var(--foreground-sub-color);
 margin-bottom:1.2rem
}
.blog__card--title {
 font-size:1.7rem;
 line-height:2.5rem;
 margin-bottom:1rem
}
@media only screen and (min-width:480px) {
 .blog__card--title {
  font-size:1.8rem;
  line-height:2.6rem
 }
}
@media only screen and (min-width:1366px) {
 .blog__card--title {
  font-size:2rem;
  line-height:2.8rem;
  margin-bottom:1.1rem
 }
}
.blog__card--footer {
 gap:2rem
}
.blog__card--content {
 padding:1.5rem 0 0
}
.blog__card--btn__link {
 text-transform:uppercase;
 font-weight:600;
 font-family:var(--inter-fonts)
}
.blog__card--btn__link svg {
 margin-left:.3rem
}
.blog__card--social {
 opacity:0;
 visibility:hidden;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.blog__card--social .social__share--icon {
 -webkit-transform:scale(0);
 transform:scale(0);
 -webkit-transition:.5s;
 transition:.5s
}
.testimonial__items--content {
 text-align:center;
 border: 1px solid #ededed;
 border-radius: 10px;
 padding-top: 20px;
 padding-bottom: 20px;
 background: var(--bg-white);
}
.testimonial__items--thumbnail {
 -webkit-transform:scale(.6);
 transform:scale(.6);
 opacity:.5;
 text-align: center;
 margin-bottom: 25px;
}
.testimonial__items--desc {
 font-size:1.5rem;
 line-height:2.8rem;
 color:var(--body-text-color);
 max-width:100%;
 margin:0 auto 1.5rem;
 min-height: 330px;
}
@media only screen and (min-width:576px) {
 .testimonial__items--desc {
  font-size:1.4rem;
  line-height:2.8rem;
  max-width:85%;
  margin:0 auto 1.8rem
 }
}
@media only screen and (min-width:992px) {
 .testimonial__items--desc {
  max-width:80%
 }
}
.testimonial__items--subtitle {
 border-top: 1px solid #ededed;
 border-bottom: 1px solid #ededed;
 font-size:1.9rem;
 color:var(--primary-color);
 padding-top: 5px;
 padding-bottom: 5px;
 font-weight: 600;
}
.swiper-slide-active .testimonial__items--thumbnail {
 -webkit-transform:scale(1);
 transform:scale(1);
 opacity:1
}
.testimonial__active--two {
 margin-top:2rem
}
@media only screen and (min-width:768px) {
 .testimonial__active--two {
  margin-top:2.5rem
 }
}
@media only screen and (min-width:1200px) {
 .testimonial__active--two {
  margin-top:3rem
 }
}
.testimonial__rating {
 margin-bottom:1.5rem
}
.shipping__inner {
 border:1px solid var(--bg-light-dark-color);
 border-radius:5px;
 margin-bottom:5rem
}
@media only screen and (max-width:991px) {
 .shipping__inner {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  gap:2rem;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding:10px 0
 }
}
@media only screen and (max-width:575px) {
 .shipping__inner {
  gap:1rem
 }
}
.shipping__items {
 gap:1.5rem;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 width:auto;
 padding:1rem;
 position:relative;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
@media only screen and (min-width:576px) {
 .shipping__items {
  padding:1.5rem
 }
}
@media only screen and (min-width:992px) {
 .shipping__items {
  width:25%;
  padding:1.5rem
 }
}
@media only screen and (min-width:1200px) {
 .shipping__items {
  gap:1.7rem;
  padding:2rem
 }
}
.shipping__items::before {
 position:absolute;
 content:"";
 width:1px;
 height:48px;
 background:var(--bg-light-dark-color);
 right:0;
 top:50%;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%)
}
@media only screen and (max-width:991px) {
 .shipping__items::before {
  display:none
 }
}
.shipping__items:last-child::before {
 display:none
}
.shipping__items:hover {
 background:var(--bg-light-dark-color)
}
.shipping__content--title {
 margin-bottom:4px
}
.shipping__content--desc {
 color:var(--foreground-sub-color);
 font-size:1.4rem;
 line-height:2rem;
 font-family:var(--inter-fonts)
}
.shipping__inner.style2 {
 border:1px solid var(--border-color)
}
.shipping__items.style2::before {
 background:var(--border-color)
}
.shipping__items.style2:hover {
 background:var(--bg-offwhite-color)
}
.newsletter__area {
 padding-bottom:4.2rem;
}
.newsletter__inner {
 gap:3rem
}
@media only screen and (max-width:991px) {
 .newsletter__inner {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  gap:2.5rem;
  -webkit-box-pack:center!important;
  -ms-flex-pack:center!important;
  justify-content:center!important
 }
}
@media only screen and (max-width:991px) {
 .newsletter__content {
  text-align:center
 }
}
.newsletter__title {
 font-size:2rem;
 line-height:3rem;
 color:var(--text-white-color);
 margin-bottom:.8rem
}
@media only screen and (min-width:480px) {
 .newsletter__title {
  font-size:2.2rem
 }
}
@media only screen and (min-width:576px) {
 .newsletter__title {
  font-size:2.5rem;
  line-height:3.2rem
 }
}
@media only screen and (min-width:992px) {
 .newsletter__title {
  font-size:3rem;
  line-height:3.8rem
 }
}
@media only screen and (min-width:1200px) {
 .newsletter__title {
  font-size:3.4rem;
  line-height:4rem
 }
}
@media only screen and (min-width:1366px) {
 .newsletter__title {
  font-size:2.9rem;
 }
}
.newsletter__desc {
 color:var(--foreground-sub-color)
}
@media only screen and (max-width:575px) {
 .newsletter__subscribe {
  width:100%
 }
}
.newsletter__subscribe--form {
 width:100%;
 position:relative
}
@media only screen and (max-width:575px) {
 .newsletter__subscribe--form {
  margin:0 auto
 }
}
@media only screen and (min-width:480px) {
 .newsletter__subscribe--form {
  width:90%
 }
}
@media only screen and (min-width:576px) {
 .newsletter__subscribe--form {
  width:470px
 }
}
@media only screen and (min-width:1200px) {
 .newsletter__subscribe--form {
  width:560px
 }
}
.newsletter__subscribe--form input::-webkit-input-placeholder {
 color:var(--foreground-sub-color)
}
.newsletter__subscribe--form input::-moz-placeholder {
 color:var(--foreground-sub-color)
}
.newsletter__subscribe--form input:-ms-input-placeholder {
 color:var(--foreground-sub-color)
}
.newsletter__subscribe--form input:-moz-placeholder {
 color:var(--foreground-sub-color)
}
.newsletter__subscribe--input {
 width:100%;
 height:4.5rem;
 border:1px solid transparent;
 color:#333;
 background:var(--text-white-color);
 font-weight:500;
 font-family:var(--inter-fonts);
 border-radius:5px;
 padding:0 130px 0 1.5rem
}
.newsletter__subscribe--input:focus {
 border-color:var(--secondary-color);
 color:#333
}
@media only screen and (min-width:480px) {
 .newsletter__subscribe--input {
  padding:0 140px 0 2rem;
  height:4.8rem
 }
}
@media only screen and (min-width:992px) {
 .newsletter__subscribe--input {
  height:5.5rem;
  padding:0 155px 0 2rem
 }
}
.newsletter__subscribe--button {
 position:absolute;
 top:0;
 right:0;
 height:100%;
 border:0;
 background:var(--secondary-color);
 padding:0 1rem;
 font-size:1.2rem;
 text-transform:uppercase;
 font-weight:500;
 color:var(--text-white-color);
 border-radius:0 5px 5px 0
}
.newsletter__subscribe--button:hover {
 background:var(--secondary-color);
 color:var(--foreground-color)
}
@media only screen and (min-width:576px) {
 .newsletter__subscribe--button {
  padding:0 1.2rem;
  font-size:1.3rem
 }
}
@media only screen and (min-width:992px) {
 .newsletter__subscribe--button {
  padding:0 1.6rem;
  font-size:1.4rem
 }
}
.footer__section {
 padding-top:5.3rem
}
@media only screen and (max-width:991px) {
 .footer__section {
  padding-bottom:70px
 }
}
.footer__bg {
 background:var(--primary-color)
}
.main__footer {
 /*padding:5.5rem 0 3.4rem*/
}
@media only screen and (min-width:768px) {
 .main__footer {
  padding:5.5rem 0 5.7rem
 }
}
.footer__social {
 gap:1rem;
 margin-top:1.5rem
}
.social__share--icon__style2 {
 width:3.8rem;
 height:3.8rem;
 line-height:3.6rem;
 background:var(--body-background-color);
 color:var(--foreground-sub-color);
 text-align:center;
 border-radius:50%
}
.social__share--icon__style2:hover {
 background:var(--secondary-color);
 color:var(--text-white-color)
}
@media only screen and (min-width:1200px) {
 .social__share--icon__style2 {
  width:4.2rem;
  height:4.2rem;
  line-height:3.8rem
 }
}
@media only screen and (max-width:991px) {
 .footer__widget {
  margin-bottom:3rem
 }
}
@media only screen and (max-width:767px) {
 .footer__widget {
  /*margin-bottom:0*/
 }
}
.footer__widget--desc {
 font-size:1.4rem;
 margin-bottom:0;
 color:#fff
}
@media only screen and (min-width:768px) {
 .footer__widget--desc {
  font-size:1.5rem
 }
}
.footer__widget--title {
 margin-bottom:2.2rem;
 font-weight:600;
 position:relative;
 font-size:1.5rem;
 line-height:2.2rem;
 color:var(--text-white-color);
 font-family:var(--rubik-fonts);
 text-transform:uppercase
}
@media only screen and (min-width:480px) {
 .footer__widget--title {
  font-size:1.6rem
 }
}
@media only screen and (min-width:576px) {
 .footer__widget--title {
  font-size:1.7rem
 }
}
@media only screen and (min-width:768px) {
 .footer__widget--title {
  font-size:1.8rem;
  line-height:2.4rem;
  margin-bottom:1.5rem
 }
}
@media only screen and (min-width:992px) {
 .footer__widget--title {
  line-height:2.6rem;
  margin-bottom:2rem
 }
}
.footer__widget--title__arrowdown--icon {
 position:absolute;
 right:0;
 top:38%;
 -webkit-transition:.3s;
 transition:.3s;
 display:none
}
@media only screen and (max-width:767px) {
 .footer__widget--title__arrowdown--icon {
  display:block
 }
}
.footer__widget.active {
 padding-bottom:3rem
}
.footer__widget.active .footer__widget--title__arrowdown--icon {
 -webkit-transform:rotate(180deg);
 transform:rotate(180deg)
}
.footer__widget--menu__list {
 margin-bottom:.6rem
}
@media only screen and (min-width:768px) {
 .footer__widget--menu__list {
  margin-bottom:.8rem
 }
}
.footer__widget--menu__list:last-child {
 margin-bottom:0
}
.footer__widget--menu__text {
 line-height:2.6rem;
 font-size:1.4rem;
 color:#fff
}
@media only screen and (min-width:768px) {
 .footer__widget--menu__text {
  line-height:2.8rem;
  font-size:1.5rem
 }
}
.footer__widget--button {
 position:absolute;
 z-index:9;
 top:0;
 left:0;
 visibility:hidden;
 width:100%;
 height:100%;
 content:"";
 color:transparent;
 border:0;
 background-color:transparent
}
@media only screen and (max-width:767px) {
 .footer__widget--button {
  visibility:visible
 }
}
@media only screen and (max-width:767px) {
 .footer__widget--inner {
  /*display:none*/
 }
}
.footer__bottom {
 border-top:1px solid var(--text-white-color)
}
.footer__bottom--inenr {
 padding:1.8rem 0
}
@media only screen and (max-width:991px) {
 .footer__bottom--inenr {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  gap:1.5rem;
  -webkit-box-pack:center!important;
  -ms-flex-pack:center!important;
  justify-content:center!important
 }
}
.copyright__content {
 font-size:1.6rem;
 font-family:var(--rubik-fonts);
 color:var(--text-white-color)
}
.copyright__content--link {
 color:var(--text-white-color)
}
.copyright__content--link:hover {
 color:var(--secondary-color);
 text-decoration:underline
}
@media only screen and (max-width:767px) {
 .copyright__content {
  text-align:center;
  font-size:1.3rem;
 }
}
.footer__bg5 {
 background:-webkit-gradient(linear,left top,right top,from(#f1f2fa),to(#fcedf1));
 background:linear-gradient(to right,#f1f2fa,#fcedf1)
}
.footer__color--style .newsletter__area {
 border-bottom:1px solid var(--border-color)
}
.footer__color--style .newsletter__title {
 color:var(--foreground-color)
}
.footer__color--style .newsletter__subscribe--input {
 background:var(--body-background-color)
}
.footer__color--style .footer__widget--title {
 color:var(--foreground-color)
}
.footer__color--style .footer__widget--desc {
 color:var(--foreground-color)
}
.footer__color--style .social__share--icon__style2 {
 border:1px solid var(--border-color);
 color:var(--foreground-color);
 line-height:3.4rem
}
@media only screen and (min-width:1200px) {
 .footer__color--style .social__share--icon__style2 {
  line-height:3.6rem
 }
}
.footer__color--style .social__share--icon__style2:hover {
 color:var(--text-white-color);
 border-color:var(--secondary-color)
}
.footer__color--style .footer__widget--menu__text {
 color:var(--foreground-color)
}
.footer__color--style .footer__widget--menu__text:hover {
 color:var(--secondary-color)
}
.footer__color--style .footer__bottom {
 border-top:1px solid var(--border-color)
}
.footer__color--style .copyright__content {
 color:var(--foreground-color)
}
.footer__color--style .copyright__content--link {
 color:var(--foreground-color)
}
.footer__color--style .copyright__content--link:hover {
 color:var(--secondary-color)
}
.modal {
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 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;
 padding:1rem;
 background:rgba(0,0,0,.8);
 cursor:pointer;
 visibility:hidden;
 opacity:0;
 -webkit-transition:all .35s ease-in;
 transition:all .35s ease-in;
 z-index:99
}
.modal.is-visible {
 visibility:visible;
 opacity:1
}
.modal.is-visible .quickview__main--wrapper {
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
.quickview__main--wrapper {
 position:relative;
 max-width:880px;
 max-height:80vh;
 border-radius:10px;
 background:#fff;
 overflow:auto;
 cursor:default;
 padding:25px;
 -webkit-transform:translateY(-50px);
 transform:translateY(-50px);
 -webkit-transition:var(--transition);
 transition:var(--transition);
 pointer-events:inherit
}
@media only screen and (max-width:767px) {
 .quickview__main--wrapper {
  max-width:550px
 }
}
@media only screen and (max-width:575px) {
 .quickview__main--wrapper {
  padding:25px 15px
 }
}
.quickview__header {
 position:absolute;
 padding:0;
 top:16px;
 right:16px;
 z-index:9;
 border-bottom:0
}
@media only screen and (max-width:767px) {
 .quickview__header {
  top:10px;
  right:10px
 }
}
.quickview__close--btn {
 font-size:1.8rem;
 padding:0;
 width:3.2rem;
 height:3.2rem;
 border-radius:50%;
 font-weight:700;
 border:1px solid var(--border-color);
 background:var(--body-background-color);
 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
}
.quickview__close--btn:hover {
 background:var(--secondary-color);
 border-color:var(--secondary-color);
 color:var(--text-white-color)
}
[data-animation] .modal-dialog {
 opacity:0;
 -webkit-transition:all .5s cubic-bezier(.51,.92,.24,1.15);
 transition:all .5s cubic-bezier(.51,.92,.24,1.15)
}
[data-animation].is-visible .modal-dialog {
 opacity:1;
 -webkit-transition-delay:.2s;
 transition-delay:.2s
}
@media only screen and (max-width:767px) {
 .quickview__gallery {
  margin-bottom:20px
 }
}
.quickview__thumb {
 position:relative
}
.quickview__thumb--link {
 width:100%;
 border-radius:8px;
 display:block
}
.quickview__thumb--img {
 width:100%;
 border-radius:8px;
 display:block
}
.quickview__gallery--pagination {
 bottom:5px!important
}
.quickview__gallery--pagination .swiper-pagination-bullet {
 width:2rem;
 height:.6rem;
 background:var(--primary-color);
 opacity:1;
 border-radius:2px;
 margin:0 3px!important
}
.quickview__gallery--pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
 background:var(--secondary-color)
}
.variant__color--value {
 width:3.5rem;
 height:3.5rem;
 padding:3px;
 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;
 border-radius:5px;
 margin-right:10px;
 line-height:1;
 cursor:pointer
}
.variant__color--value:last-child {
 margin-right:0
}
.variant__color--value__img {
 border-radius:5px
}
.variant__color--list input[type=radio]+label {
 border:1px solid var(--border-color)
}
.variant__color--list input[type=radio]+label:hover {
 border:1px solid var(--secondary-color)
}
.variant__color--list {
 margin-right:10px
}
.variant__color--list input[type=radio] {
 clip:rect(0,0,0,0);
 overflow:hidden;
 position:absolute;
 height:1px;
 width:1px
}
.variant__color--list input[type=radio]:checked+label {
 border:1px solid var(--secondary-color)
}
.variant__color--list:last-child {
 margin-right:0
}
.variant__input--fieldset {
 min-width:-webkit-fit-content;
 min-width:-moz-fit-content;
 min-width:fit-content;
 border:none;
 margin:0;
 padding:0
}
.variant__size--list input[type=radio]+label {
 border:1px solid var(--border-color)
}
.variant__size--list input[type=radio]+label:hover {
 border:1px solid var(--secondary-color);
 color:var(--secondary-color)
}
.variant__size--list {
 margin-right:13px
}
.variant__size--list:last-child {
 margin-right:0
}
.variant__size--list input[type=radio] {
 clip:rect(0,0,0,0);
 overflow:hidden;
 position:absolute;
 height:1px;
 width:1px
}
.variant__size--list input[type=radio]:checked+label {
 border:1px solid var(--three-color);
 color:var(--text-white-color);
 background: var(--three-color);
}
.variant__size--value {
 width:100%;
 line-height:2.8rem;
 display:inline-block;
 border-radius:5px;
 text-align:center;
 font-size:1.5rem;
 cursor:pointer;
 padding: 10px;
}
.quickview__variant--wishlist__svg {
 width:22px;
 margin-right:7px
}
.variant__wishlist--icon {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.quickview__value--quantity {
 width:3.5rem;
 height:3.5rem;
 font-size:2.2rem;
 line-height:3.3rem
}
.quickview__value--quantity.decrease {
 border-radius:0px
}
.quickview__value--quantity.increase {
 border-radius:0px
}
input.quickview__value--number {
 height:3.5rem;
 font-size:1.7rem
}
.quickview__cart--btn {
 height:3.8rem;
 line-height:3.8rem;
 padding:0 25px;
 margin-left:15px;
 border-radius: 0px;
}
.quickview__social--title {
 font-size:1.5rem;
 font-weight:600;
 margin-right:15px
}
.quickview__social--list {
 margin-right:10px
}
.quickview__social--list:last-child {
 margin-right:0
}
.quickview__social--icon {
 width:3rem;
 height:3rem;
 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;
 background:var(--secondary-color);
 color:var(--text-white-color);
 border-radius:50%
}
.quickview__social--icon:hover {
 background:var(--primary-color);
 color:var(--text-white-color)
}
@media only screen and (max-width:767px) {
 .quickview__social--style3 {
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  margin-bottom:1.5rem
 }
}
.search__filter--area {
 padding:2rem 1.5rem;
 border:1px solid var(--secondary-color);
 border-radius:5px;
 background:var(--body-background-color)
}
@media only screen and (min-width:1200px) {
 .search__filter--area {
  padding:2.5rem 1.8rem
 }
}
@media only screen and (min-width:1366px) {
 .search__filter--area {
  padding:3rem 1.8rem
 }
}
@media only screen and (max-width:991px) {
 .search__filter--area {
  margin-top:5rem
 }
}
.search__filter--header {
 gap:.8rem;
 margin-bottom:1.5rem
}
@media only screen and (min-width:1200px) {
 .search__filter--header {
  margin-bottom:2rem
 }
}
@media only screen and (min-width:1366px) {
 .search__filter--header {
  margin-bottom:2.5rem
 }
}
.search__filter--header__icon {
 min-width:2.4rem
}
.search__filter--title {
 font-size:1.8rem;
 line-height:2.2rem;
 margin-bottom:.8rem
}
@media only screen and (min-width:1200px) {
 .search__filter--title {
  font-size:2rem;
  line-height:2.2rem;
  margin-bottom:1rem
 }
}
@media only screen and (min-width:1366px) {
 .search__filter--title {
  margin-bottom:1.3rem
 }
}
.search__filter--desc {
 font-size:1.3rem;
 line-height:2.3rem;
 color:var(--foreground-sub-color)
}
@media only screen and (min-width:1200px) {
 .search__filter--desc {
  font-size:1.4rem;
  line-height:2.5rem
 }
}
.search__filter--btn {
 width:100%;
 height:4rem;
 line-height:4rem;
 border-radius:5px
}
@media only screen and (min-width:1200px) {
 .search__filter--btn {
  height:4.2rem;
  line-height:4.2rem
 }
}
@media only screen and (min-width:1366px) {
 .search__filter--btn {
  height:4.4rem;
  line-height:4.4rem
 }
}
.search__filter--select {
 margin-bottom:1.2rem
}
@media only screen and (min-width:1200px) {
 .search__filter--select {
  margin-bottom:1.7rem
 }
}
@media only screen and (min-width:1366px) {
 .search__filter--select {
  margin-bottom:1.9rem
 }
}
.search__filter--select:last-child {
 margin-bottom:0
}
.search__filter--select__field {
 width:100%;
 border:1px solid var(--border-color);
 background:var(--body-background-color);
 -webkit-appearance:none;
 height:4rem;
 font-size:1.4rem;
 padding:0 3.4rem 0 1.7rem;
 border-radius:5px;
 cursor:pointer
}
@media only screen and (min-width:1200px) {
 .search__filter--select__field {
  font-size:1.5rem;
  height:4.2rem
 }
}
@media only screen and (min-width:1366px) {
 .search__filter--select__field {
  height:4.4rem
 }
}
.search__filter--inner {
 background:-webkit-gradient(linear,left top,right top,from(#faeef2),to(#f1f3fb));
 background:linear-gradient(to right,#faeef2,#f1f3fb);
 padding:3rem 2rem;
 border-radius:5px
}
@media only screen and (min-width:576px) {
 .search__filter--inner {
  padding:3rem 2.5rem
 }
}
@media only screen and (min-width:1200px) {
 .search__filter--inner {
  padding:3.3rem
 }
}
.search__filter--form__style2 {
 gap:2rem
}
@media only screen and (min-width:1200px) {
 .search__filter--form__style2 {
  gap:3rem
 }
}
@media only screen and (max-width:991px) {
 .search__filter--form__style2 {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
}
.search__filter--width {
 width:100%;
 margin-bottom:0
}
@media only screen and (min-width:400px) {
 .search__filter--width {
  width:46%
 }
}
@media only screen and (min-width:576px) {
 .search__filter--width {
  width:30.2%
 }
}
@media only screen and (min-width:768px) {
 .search__filter--width {
  width:22.8%
 }
}
@media only screen and (min-width:992px) {
 .search__filter--width {
  width:16.66%
 }
}
.search__filter--style5 {
 position:absolute;
 bottom:0;
 left:0;
 right:0
}
@media only screen and (max-width:991px) {
 .search__filter--style5 {
  position:inherit;
  padding-top:5rem
 }
}
@media only screen and (max-width:767px) {
 .search__filter--style5 {
  padding-top:3.6rem
 }
}
.search__filter--inner.style5 {
 background:-webkit-gradient(linear,left top,right top,from(#fbd4df),to(#dee3f9));
 background:linear-gradient(to right,#fbd4df,#dee3f9)
}
.accordion__items.active {
 margin-bottom:20px
}
.accordion__items.active:last-child {
 margin-bottom:0
}
.accordion__items.active .accordion__items--button__icon {
 -webkit-transform:rotate(180deg);
 transform:rotate(180deg);
 top:28%;
 -webkit-transition:.4s;
 transition:.4s
}
.accordion__items--body {
 display:none;
 padding:0 20px
}
.accordion__items--body__desc {
 font-size:1.5rem;
 line-height:2.8rem
}
.accordion__items--button {
 border:0;
 background:var(--body-background-color);
 width:100%;
 padding:13px 50px 13px 15px;
 text-align:left;
 margin-bottom:15px;
 font-size:1.5rem;
 font-weight:600;
 position:relative
}
@media only screen and (min-width:576px) {
 .accordion__items--button {
  padding:13px 60px 13px 25px
 }
}
@media only screen and (min-width:992px) {
 .accordion__items--button {
  padding:15px 70px 15px 35px
 }
}
@media only screen and (min-width:1200px) {
 .accordion__items--button {
  padding:24px 80px 24px 40px
 }
}
.accordion__items--button__icon {
 width:3rem;
 height:3rem;
 background:var(--secondary-color);
 color:var(--text-white-color);
 padding:5px;
 border-radius:50%;
 position:absolute;
 top:50%;
 right:10px;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%);
 -webkit-transition:.4s;
 transition:.4s
}
@media only screen and (min-width:768px) {
 .accordion__items--button__icon {
  right:15px
 }
}
@media only screen and (min-width:992px) {
 .accordion__items--button__icon {
  right:35px
 }
}
.accordion__items--button>* {
 pointer-events:none
}
.portfolio__items--thumbnail {
 border-radius:5px
}
.portfolio__items--thumbnail::before {
 position:absolute;
 content:"";
 width:100%;
 height:100%;
 background:var(--secondary-color);
 top:0;
 left:0;
 opacity:0;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 z-index:9;
 pointer-events:none;
 border-radius:5px
}
.portfolio__items--thumbnail:hover::before {
 opacity:.7
}
.portfolio__items--thumbnail:hover .portfolio__view--icon {
 opacity:1;
 visibility:visible
}
.portfolio__items--thumbnail__link {
 overflow:hidden;
 border-radius:5px
}
.portfolio__items--thumbnail:hover .portfolio__items--thumbnail__img {
 -webkit-transform:scale(1.05);
 transform:scale(1.05)
}
.portfolio__items--thumbnail__img {
 -webkit-transition:.3s;
 transition:.3s;
 border-radius:5px
}
.portfolio__view--icon {
 position:absolute;
 top:50%;
 left:50%;
 -webkit-transform:translatey(-50%) translatex(-50%);
 transform:translatey(-50%) translatex(-50%);
 opacity:0;
 visibility:hidden;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 z-index:9
}
.portfolio__view--icon__link {
 color:var(--text-white-color)
}
.brand__section--inner {
 gap:3rem;
 background:-webkit-gradient(linear,left top,right top,from(#faeef2),to(#f1f3fb));
 background:linear-gradient(to right,#faeef2,#f1f3fb);
 padding:3rem 3rem;
 border-radius:5px
}
@media only screen and (max-width:767px) {
 .brand__section--inner {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center!important;
  -ms-flex-pack:center!important;
  justify-content:center!important
 }
}
.brang__logo--img {
 opacity:.5
}
.brang__logo--img:hover {
 -webkit-transform:scale(1.05);
 transform:scale(1.05);
 opacity:1
}
@media only screen and (max-width:479px) {
 .brang__logo--img {
  max-width:125px
 }
}
.brand__section--style3 {
 background:url(../img/other/brand-section-bg3.webp);
 background-repeat:no-repeat;
 background-attachment:scroll;
 background-position:center center;
 background-size:cover
}
.brand__section--inner__style3 {
 gap:3rem
}
@media only screen and (max-width:767px) {
 .brand__section--inner__style3 {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center!important;
  -ms-flex-pack:center!important;
  justify-content:center!important
 }
}
.breadcrumb__bg {
 background-color:var(--bg-offwhite-color);
 background-repeat:no-repeat;
 background-attachment:scroll;
 background-position:center center;
 background-size:cover;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 position:relative;
 padding:2.5rem 0
}
@media only screen and (min-width:768px) {
 .breadcrumb__bg {
  padding:3rem 0
 }
}
.breadcrumb__content {
 position:relative
}
.breadcrumb__content--title {
 margin-bottom:12px;
 font-size:2.2rem;
 line-height:2.2rem
}
@media only screen and (min-width:768px) {
 .breadcrumb__content--title {
  margin-bottom:15px;
  font-size:2.5rem;
  line-height:2.5rem
 }
}
@media only screen and (min-width:992px) {
 .breadcrumb__content--title {
  margin-bottom:16px;
  font-size:2.8rem;
  line-height:2.8rem
 }
}
@media only screen and (min-width:1200px) {
 .breadcrumb__content--title {
  font-size:3rem;
  line-height:3rem
 }
}
.breadcrumb__content--menu__items {
 position:relative;
 margin-right:18px;
 padding-right:20px;
 font-size:15px;
 line-height:22px
}
.breadcrumb__content--menu__items:last-child {
 margin-right:0;
 padding-right:0
}
.breadcrumb__content--menu__items:last-child::before {
 display:none
}
.breadcrumb__content--menu__items::before {
 position:absolute;
 content:"";
 width:1px;
 height:16px;
 background:var(--secondary-color);
 right:0;
 top:6px;
 border-radius:5px;
 -webkit-transform:rotate(30deg);
 transform:rotate(30deg)
}
@media only screen and (min-width:992px) and (max-width:1199px) {
 .shop-col-width-lg-4 {
  width:30%
 }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
 .shop-col-width-lg-8 {
  width:70%
 }
}
.shop__header {
 padding:1.5rem 2rem;
 border-radius:.5rem;
 background:var(--bg-offwhite-color);
 gap:3rem
}
@media only screen and (max-width:1199px) {
 .shop__header {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center!important;
  -ms-flex-pack:center!important;
  justify-content:center!important;
  gap:2rem
 }
}
.product__view--mode {
 gap:2.5rem
}
@media only screen and (max-width:767px) {
 .product__view--mode {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  gap:2rem;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
 }
}
@media only screen and (max-width:479px) {
 .product__view--mode {
  gap:1.5rem
 }
}
.product__view--label {
 font-weight:600;
 margin-right:1.2rem
}
@media only screen and (min-width:992px) {
 .product__view--label {
  margin-right:1rem
 }
}
@media only screen and (min-width:1200px) {
 .product__view--label {
  margin-right:2rem
 }
}
.product__view--select {
 border:1px solid var(--border-color);
 padding:.6rem 3rem .6rem 1.2rem;
 -webkit-appearance:none;
 cursor:pointer;
 border-radius:.5rem;
 background:var(--body-background-color)
}
.select.shop__header--select::before {
 right:14px
}
.product__grid--column__buttons--icons {
 border:1px solid var(--border-color);
 background:var(--body-background-color);
 border-radius:.3rem;
 width:3.7rem;
 height:3.7rem;
 line-height:1.1rem;
 margin-right:10px;
 text-align:center;
 padding:0
}
.product__grid--column__buttons--icons:last-child {
 margin-right:0
}
.product__grid--column__buttons--icons:hover {
 color:var(--secondary-color);
 border-color:var(--secondary-color)
}
.product__grid--column__buttons--icons.active {
 color:var(--secondary-color);
 border-color:var(--secondary-color)
}
.product__grid--column__buttons--icons>* {
 pointer-events:none
}
.product__showing--count {
 color:var(--foreground-sub-color);
 font-weight:500;
 letter-spacing:.5px
}
.offcanvas__filter--sidebar {
 position:fixed;
 z-index:9999;
 top:0;
 left:0;
 width:100%;
 max-width:300px;
 height:100vh;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 -webkit-transform:translateX(-100%);
 transform:translateX(-100%);
 background-color:var(--body-background-color);
 -webkit-box-shadow:0 0 10px rgba(0,0,0,.15);
 box-shadow:0 0 10px rgba(0,0,0,.15);
 overflow-y:auto
}
@media only screen and (min-width:480px) {
 .offcanvas__filter--sidebar {
  max-width:320px
 }
}
.offcanvas__filter--sidebar.active {
 opacity:1;
 visibility:visible;
 -webkit-transform:translateX(0);
 transform:translateX(0)
}
.widget__filter--btn {
 border:1px solid var(--border-color);
 background:var(--body-background-color);
 border-radius:.3rem;
 padding:.5rem 1.2rem
}
@media only screen and (max-width:479px) {
 .widget__filter--btn {
  margin-right:2.5rem
 }
}
.widget__filter--btn:hover {
 border-color:var(--secondary-color);
 color:var(--secondary-color)
}
.widget__filter--btn:hover span {
 color:var(--secondary-color)
}
.widget__filter--btn__icon {
 width:20px
}
.widget__filter--btn__text {
 font-weight:600;
 font-size:1.5rem;
 margin-left:.7rem
}
.widget__filter--btn>* {
 pointer-events:none
}
.offcanvas__filter--close {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 border:1px solid var(--border-color);
 padding:.5rem 1rem;
 border-radius:.3rem;
 margin:25px;
 background:var(--white-color)
}
.offcanvas__filter--close:hover {
 border-color:var(--secondary-color);
 color:var(--secondary-color)
}
.offcanvas__filter--close__text {
 font-size:1.5rem;
 font-weight:600;
 margin-left:8px
}
.offcanvas__filter--close>* {
 pointer-events:none
}
.shop__sidebar--widget {
 position:-webkit-sticky;
 position:sticky;
 top:0
}
.single__widget {
 margin-bottom:3rem
}
@media only screen and (min-width:992px) {
 .single__widget {
  margin-bottom:4rem
 }
}
.single__widget:last-child {
 margin-bottom:0
}
.single__widget.widget__bg {
 padding:2.5rem 2rem;
 border-radius:.5rem;
 -webkit-box-shadow:0 2px 22px rgba(0,0,0,.1);
 box-shadow:0 2px 22px rgba(0,0,0,.1)
}
.widget__title {
 font-weight:600;
 margin-bottom:1.5rem;
 border-bottom:1px solid var(--border-color);
 padding-bottom:1rem
}
@media only screen and (min-width:992px) {
 .widget__title {
  padding-bottom:1.2rem;
  margin-bottom:2.5rem
 }
}
.widget__search--form {
 position:relative
}
.widget__search--form__input {
 width:100%;
 height:5rem;
 padding:0 6rem 0 1.2rem;
 border-radius:.5rem;
 border:1px solid var(--border-color)
}
@media only screen and (min-width:992px) {
 .widget__search--form__input {
  font-size:1.5rem
 }
}
.widget__search--form__input:focus {
 border-color:var(--secondary-color)
}
.widget__search--form__btn {
 position:absolute;
 top:0;
 right:0;
 border:0;
 background:var(--secondary-color);
 color:var(--text-white-color);
 padding:0;
 width:4.5rem;
 height:100%;
 border-radius:0 .5rem .5rem 0;
 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
}
.widget__search--form__btn:hover {
 background:var(--secondary-color)
}
.widget__categories--menu__list {
 border:1px solid var(--border-color);
 margin-bottom:1.5rem;
 border-radius:.5rem
}
.widget__categories--menu__list:last-child {
 margin-bottom:0
}
.widget__categories--menu__list.active .widget__categories--menu__label {
 margin-bottom:0
}
.widget__categories--menu__list.active .widget__categories--menu__arrowdown--icon {
 -webkit-transform:rotate(180deg);
 transform:rotate(180deg);
 top:38%
}
.widget__categories--menu__label {
 cursor:pointer;
 padding:.5rem 1rem;
 position:relative;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.widget__categories--menu__label:hover {
 color:var(--secondary-color)
}
.widget__categories--menu__label>* {
 pointer-events:none
}
.widget__categories--menu__text {
 padding-left:.1rem
}
.widget__categories--menu__img {
 width:3rem
}
.widget__categories--menu__arrowdown--icon {
 position:absolute;
 right:1.5rem;
 top:43%;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.widget__categories--sub__menu {
 display:none;
 padding:1rem 0;
 border-top:1px solid var(--border-color)
}
.widget__categories--sub__menu--list {
 margin-bottom:.8rem;
 padding:0 1rem .8rem;
 border-bottom:1px solid var(--border-color)
}
.widget__categories--sub__menu--list:last-child {
 margin-bottom:0;
 padding-bottom:0;
 border-bottom:0
}
.widget__categories--sub__menu--img {
 width:2.8rem
}
.widget__categories--sub__menu--text {
 padding-left:1.3rem;
 line-height:2.8rem;
 font-size: 13px;
}
.widget__form--check__list {
 margin-bottom:1rem;
 position:relative
}
.widget__form--check__list:last-child {
 margin-bottom:0
}
.widget__form--check__label {
 cursor:pointer;
 line-height:2.8rem;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 border:1px solid var(--border-color);
 background:var(--white-color);
 padding:.5rem 3rem .5rem 1.5rem;
 border-radius:.5rem;
 display:block
}
.widget__form--check__label:hover {
 color:var(--secondary-color)
}
.widget__form--check__input {
 position:absolute;
 right:1rem;
 top:50%;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%);
 opacity:0;
 cursor:pointer;
 z-index:999
}
.widget__form--check__input:checked~.widget__form--checkmark {
 background-color:var(--secondary-color);
 border:1px solid var(--secondary-color)
}
.widget__form--check__input:checked~.widget__form--checkmark::before {
 display:block
}
.widget__form--checkmark {
 height:1.8rem;
 width:1.8rem;
 border:1px solid var(--secondary-color);
 border-radius:50%;
 display:block;
 position:absolute;
 top:50%;
 right:1rem;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%);
 background:var(--body-background-color);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.widget__form--checkmark::before {
 right:.5rem;
 top:.3rem;
 width:.5rem;
 height:.8rem;
 border:solid #fff;
 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);
 content:"";
 position:absolute;
 display:none
}
.price__filter--group {
 width:46%
}
.price__filter--label {
 font-weight:600;
 margin-bottom:.6rem;
 display:inline-block
}
@media only screen and (min-width:992px) {
 .price__filter--label {
  font-size:1.5rem
 }
}
.price__filter--input {
 border:1px solid var(--border-color);
 padding:.3rem .7rem
}
.price__filter--currency {
 font-weight:700;
 margin-right:.6rem
}
.price__filter--btn {
 height:4rem;
 line-height:4rem
}
.price__divider {
 font-size:2rem;
 padding:2.5rem 1rem 0
}
.widget__tagcloud {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 gap:8px
}
.widget__tagcloud--link {
 border:1px solid var(--border-color);
 background:var(--body-background-color);
 padding:.5rem 1rem;
 line-height:2.4rem;
 border-radius:.5rem;
 font-size:1.4rem
}
.widget__tagcloud--link:hover {
 background:var(--secondary-color);
 border-color:var(--secondary-color);
 color:var(--text-white-color)
}
.shop__sidebar--product .small__product--card {
 padding-top:0;
 padding-bottom:2rem;
 margin-bottom:2rem;
 border-top:0;
 border-bottom:1px solid var(--border-color)
}
.shop__sidebar--product .small__product--card:last-child {
 padding-bottom:0;
 margin-bottom:0;
 border-bottom:0
}
@media only screen and (max-width:991px) {
 .shop__product--wrapper .product__items--link {
  width:100%
 }
}
@media only screen and (max-width:991px) {
 .shop__product--wrapper .product__items--img {
  width:100%
 }
}
.product__list {
 gap:2rem;
 padding:1.7rem
}
@media only screen and (min-width:576px) {
 .product__list {
  gap:2.5rem;
  padding:2rem
 }
}
@media only screen and (min-width:1200px) {
 .product__list {
  gap:3rem;
  padding:3rem
 }
}
@media only screen and (max-width:479px) {
 .product__list {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
 }
}
.product__list .product__card--price {
 opacity:1;
 visibility:visible
}
.product__list--thumbnail {
 width:220px;
 padding:0
}
@media only screen and (min-width:480px) {
 .product__list--thumbnail {
  width:170px
 }
}
@media only screen and (min-width:768px) {
 .product__list--thumbnail {
  width:190px
 }
}
@media only screen and (min-width:1200px) {
 .product__list--thumbnail {
  width:270px
 }
}
.product__list--content {
 width:100%;
 padding:0
}
@media only screen and (min-width:480px) {
 .product__list--content {
  width:calc(100% - 200px)
 }
}
@media only screen and (min-width:768px) {
 .product__list--content {
  width:calc(100% - 212px)
 }
}
@media only screen and (min-width:1200px) {
 .product__list--content {
  width:calc(100% - 270px)
 }
}
@media only screen and (max-width:479px) {
 .product__list--content {
  text-align:center
 }
}
.product__list--content .product__card--title {
 font-size:1.6rem;
 margin-bottom:1.2rem
}
@media only screen and (min-width:768px) {
 .product__list--content .product__card--title {
  font-size:1.8rem
 }
}
@media only screen and (min-width:1200px) {
 .product__list--content .product__card--title {
  font-size:2rem;
  margin-bottom:1.5rem
 }
}
.product__list--content .product__card--rating {
 margin-bottom:1.4rem
}
@media only screen and (min-width:1200px) {
 .product__list--content .product__card--rating {
  margin-bottom:1.5rem
 }
}
@media only screen and (max-width:479px) {
 .product__list--content .product__card--rating {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
 }
}
.product__list--content .product__card--btn {
 display:inline-block
}
.product__card--content__desc {
 line-height:2.6rem
}
@media only screen and (min-width:1200px) {
 .product__card--content__desc {
  line-height:2.8rem
 }
}
@media only screen and (max-width:767px) {
 .product__card--content__desc {
  display:none
 }
}
.product__list--price {
 margin-bottom:1rem
}
@media only screen and (min-width:1200px) {
 .product__list--price {
  margin-bottom:1.2rem
 }
}
.product__list--price .current__price {
 font-size:1.6rem;
 line-height:2.2rem
}
@media only screen and (min-width:992px) {
 .product__list--price .current__price {
  font-size:1.8rem;
  line-height:2.4rem
 }
}
.product__list--price .old__price {
 font-size:1.6rem;
 line-height:2.2rem
}
@media only screen and (min-width:992px) {
 .product__list--price .old__price {
  font-size:1.8rem;
  line-height:2.4rem
 }
}
.pagination__area {
 padding:1.5rem 2rem;
 margin-top:3rem;
 background:var(--bg-offwhite-color);
 border-radius:5px
}
.pagination__list {
 margin-right:.8rem
}
.pagination__list:last-child {
 margin-right:0
}
@media only screen and (min-width:768px) {
 .pagination__list {
  margin-right:1.2rem
 }
}
.pagination__item {
 width:3.4rem;
 height:3.4rem;
 line-height:3.2rem;
 font-size:1.5rem;
 font-weight:600;
 text-align:center;
 border-radius:50%;
 border:1px solid var(--border-color);
 background:var(--body-background-color)
}
@media only screen and (min-width:768px) {
 .pagination__item {
  width:4rem;
  height:4rem;
  line-height:3.8rem;
  font-size:1.6rem
 }
}
.pagination__item--current {
 background:var(--secondary-color);
 border-color:var(--secondary-color);
 color:var(--text-white-color)
}
.pagination__item:hover {
 background:var(--secondary-color);
 border-color:var(--secondary-color);
 color:var(--text-white-color)
}
@media only screen and (max-width:991px) {
 .team__section.section--padding {
  padding-bottom:6rem
 }
}
@media only screen and (max-width:767px) {
 .team__section.section--padding {
  padding-bottom:4rem
 }
}
@media only screen and (max-width:991px) {
 .about__thumb {
  margin-bottom:3rem
 }
}
@media only screen and (max-width:767px) {
 .about__thumb {
  margin-bottom:2.5rem
 }
}
.about__thumb--items {
 margin-right:2rem
}
.about__thumb--items:last-child {
 margin-right:0
}
.about__thumb--items:first-child {
 margin-top:8rem
}
@media only screen and (max-width:991px) {
 .about__thumb--items:first-child {
  margin-top:0
 }
}
.about__thumb--play {
 position:absolute;
 top:50%;
 left:50%;
 -webkit-transform:translatey(-50%) translatex(-50%);
 transform:translatey(-50%) translatex(-50%)
}
.about__thumb--play__icon {
 width:4rem;
 height:4rem;
 line-height:3.5rem;
 text-align:center;
 background:var(--secondary-color);
 color:var(--text-white-color);
 border-radius:50%
}
.about__thumb--play__icon:hover {
 background:var(--primary-color);
 color:var(--text-white-color);
 -webkit-transform:scale(1.1);
 transform:scale(1.1)
}
@media only screen and (max-width:575px) {
 .about__content {
  text-align:center
 }
}
.about__content--subtitle {
 font-size:1.8rem;
 font-weight:600;
 line-height:2.2rem
}
@media only screen and (min-width:992px) {
 .about__content--subtitle {
  font-size:2rem;
  line-height:2.4rem
 }
}
.about__content--maintitle {
 font-weight:700
}
@media only screen and (min-width:992px) {
 .about__content--maintitle {
  font-size:2.5rem;
  line-height:3.5rem
 }
}
@media only screen and (min-width:1200px) {
 .about__content--maintitle {
  font-size:3rem;
  line-height:4rem
 }
}
@media only screen and (min-width:1600px) {
 .about__content--maintitle {
  font-size:3.5rem;
  line-height:4.4rem
 }
}
.about__content--desc {
 font-size:1.6rem;
 line-height:2.8rem;
 color:var(--text-gray-color)
}
.about__author--name {
 font-weight:600;
 line-height:2.6rem
}
.about__author--rank {
 color:var(--light-color)
}
.about__author--signature {
 position:absolute;
 top:50%;
 left:105px;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%)
}
.team__items:hover .team__thumb {
 border-color:var(--secondary-color)
}
.team__thumb {
 position:relative;
 line-height:1;
 display:inline-block;
 border:2px solid var(--border-color);
 padding:.3rem;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 border-radius:10px
}
.team__thumb--img {
 border-radius:10px
}
.team__social {
 gap:1rem
}
@media only screen and (min-width:1200px) {
 .team__social {
  gap:1.2rem
 }
}
.team__social--icon {
 width:2.8rem;
 height:2.8rem;
 text-align:center;
 background:var(--bg-offwhite-color);
 color:var(--body-text-color);
 line-height:3rem;
 border-radius:50%;
 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
}
.team__social--icon:hover {
 background:var(--secondary-color);
 color:var(--text-white-color)
}
@media only screen and (min-width:1200px) {
 .team__social--icon {
  width:3rem;
  height:3rem;
  line-height:3.2rem
 }
}
.team__content {
 padding:1rem 0 0
}
@media only screen and (max-width:991px) {
 .team__content {
  padding:.8rem 0 0
 }
}
.team__content--subtitle {
 color:var(--foreground-sub-color);
 font-size:1.5rem;
 line-height:2rem;
 margin-bottom:1.3rem
}
@media only screen and (min-width:767px) {
 .team__content--subtitle {
  font-size:1.6rem;
  line-height:2.2rem
 }
}
.team__content--title {
 font-weight:700;
 margin-bottom:1rem;
 font-size:1.7rem;
 line-height:2rem
}
@media only screen and (min-width:992px) {
 .team__content--title {
  font-size:1.8rem;
  margin-bottom:1rem
 }
}
@media only screen and (min-width:1200px) {
 .team__content--title {
  font-size:2rem;
  line-height:2.2rem
 }
}
.counterup__banner__bg2 {
 background:var(--bg-offwhite-color)
}
.counterup__banner--inner {
 padding:6rem 0;
 gap:2.5rem
}
@media only screen and (max-width:767px) {
 .counterup__banner--inner {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
}
.counterup__title {
 color:var(--foreground-sub-color);
 font-size:1.5rem;
 line-height:2.4rem;
 margin-bottom:1.5rem;
 font-weight:500
}
@media only screen and (min-width:992px) {
 .counterup__title {
  font-size:1.6rem;
  line-height:2.5rem
 }
}
@media only screen and (min-width:1200px) {
 .counterup__title {
  font-size:1.8rem;
  line-height:2.6rem;
  margin-bottom:2rem
 }
}
.counterup__number {
 font-size:2.5rem;
 line-height:2.5rem;
 font-weight:600
}
@media only screen and (min-width:992px) {
 .counterup__number {
  font-size:3rem;
  line-height:3rem
 }
}
@media only screen and (min-width:1200px) {
 .counterup__number {
  font-size:4rem;
  line-height:4rem
 }
}
.product__details--section {
 padding-top:3rem
}
.product__details--media {
 position:-webkit-sticky;
 position:sticky;
 top:0
}
@media only screen and (max-width:767px) {
 .product__details--media {
  margin-bottom:4.6rem
 }
}
.product__media--preview__items {
 position:relative
}
.product__media--preview__items--link {
 width:100%;
 display:block
}
.product__media--preview__items--img {
 width:100%
}
.product__media--view__icon {
 position:absolute;
 top:2rem;
 left:2rem
}
.product__media--view__icon--link {
 width:3.5rem;
 height:3.5rem;
 line-height:4.5rem;
 text-align:center;
 background:var(--secondary-color);
 border-radius:50%;
 color:var(--text-white-color);
 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
}
.product__media--view__icon--link:hover {
 background:var(--primary-color);
 color:var(--text-white-color)
}
.product__media--view__icon.media__play {
 right:2rem;
 left:auto
}
.media__play--icon__link {
 color:var(--secondary-color)
}
.media__play--icon__link:hover {
 color:var(--primary-color)
}
.product__media--nav {
 margin-top:2rem
}
.product__media--nav__items {
 border:1px solid var(--border-color);
 padding:1.2rem;
 line-height:1;
 border-radius:5px;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
@media only screen and (min-width:768px) {
 .product__media--nav__items {
  padding:.5rem
 }
}
@media only screen and (min-width:992px) {
 .product__media--nav__items {
  padding:1rem
 }
}
.product__media--nav__items--img {
 width:100%;
 width:100%;
 cursor:pointer
}
.product__media--nav__items:hover {
 border-color:var(--secondary-color)
}
.image__with--text__percent--list {
 position:relative
}
.image__with--text__percent--list::before {
 position:absolute;
 content:"";
 background:var(--border-color);
 bottom:0;
 left:0;
 width:100%;
 height:4px
}
.image__with--text__percent--list::after {
 position:absolute;
 content:"";
 background:var(--secondary-color);
 bottom:0;
 left:0;
 width:58%;
 height:4px
}
.image__with--text__percent--top {
 padding-bottom:1.7rem
}
.image__with--text__percent--content {
 font-weight:600
}
.image__with--text__percent--list.two::after {
 width:77%
}
@media only screen and (min-width:768px) {
 .product__details--info {
  font-size:1.6rem
 }
}
.product__details--info__price .current__price {
 font-size:1.6rem
}
@media only screen and (min-width:992px) {
 .product__details--info__price .current__price {
  font-size:2rem
 }
}
.product__details--info__price .old__price {
 font-size:1.4rem;
 margin-left:.8rem
}
@media only screen and (min-width:992px) {
 .product__details--info__price .old__price {
  font-size:1.8rem
 }
}
.product__details--info__desc {
 font-size:1.4rem
}
@media only screen and (min-width:992px) {
 .product__details--info__desc {
  font-size:1.5rem;
  line-height:2.8rem
 }
}
.product__details--info .product__card--rating {
 margin-bottom:1.5rem
}
@media only screen and (min-width:992px) and (max-width:1199px) {
 .product__details--info.style2 {
  margin-top:3rem
 }
}
.variant__buy--now__btn {
 width:100%;
 font-size:1.5rem;
 font-weight:600
}
@media only screen and (min-width:768px) {
 .variant__buy--now__btn {
  font-size:1.6rem
 }
}
.product__variant--title {
 font-size:1.5rem;
 font-weight:700;
 margin-right:1rem
}
.product__details--info__meta--list {
 font-size:1.5rem;
 margin-bottom:.8rem
}
.product__details--info__meta--list:last-child {
 margin-bottom:0
}
.guarantee__safe--checkout__title {
 font-size:1.5rem;
 font-weight:600;
 margin-bottom:1.2rem
}
.product__details--tab__section {
 background:var(--bg-offwhite-color)
}
.product__details--tab__section.sidebar__tab--section {
 padding:1.5rem
}
@media only screen and (min-width:768px) {
 .product__details--tab__section.sidebar__tab--section {
  padding:2.5rem
 }
}
@media only screen and (min-width:1200px) {
 .product__details--tab__section.sidebar__tab--section {
  padding:3.5rem
 }
}
.product__details--summary__wrapper {
 padding-bottom:2rem
}
.product__details--accordion__list {
 border-bottom:1px solid var(--border-color)
}
.product__details--accordion__list:first-child {
 border-top:1px solid var(--border-color)
}
.product__details--accordion__list:last-child {
 margin-bottom:0
}
.product__details--summary {
 padding:1.2rem 0
}
.product__details--summary__title {
 font-size:1.6rem;
 font-weight:600;
 position:relative;
 display:block
}
@media only screen and (min-width:768px) {
 .product__details--summary__title {
  font-size:1.8rem
 }
}
.product__details--summary__title svg {
 position:absolute;
 right:10px;
 top:50%;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%)
}
@media only screen and (min-width:992px) and (max-width:1199px) {
 .sidebar__tab--section .product__details--tab__list {
  margin-right:3rem
 }
 .sidebar__tab--section .product__details--tab__list:last-child {
  margin-right:0
 }
}
.product__details--tab__inner {
 background:var(--body-background-color);
 padding:1.5rem 1.2rem
}
@media only screen and (min-width:480px) {
 .product__details--tab__inner {
  padding:1.5rem
 }
}
@media only screen and (min-width:768px) {
 .product__details--tab__inner {
  padding:2rem
 }
}
@media only screen and (min-width:992px) {
 .product__details--tab__inner {
  padding:3rem
 }
}
@media only screen and (max-width:767px) {
 .product__details--tab {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
 .product__details--tab.mb-30 {
  margin-bottom:1.5rem
 }
}
@media only screen and (max-width:575px) {
 .product__details--tab {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
 }
}
.product__details--tab__list {
 font-size:1.6rem;
 line-height:2.6rem;
 margin-right:5rem;
 cursor:pointer;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 position:relative;
 padding-bottom:.4rem;
 font-weight:500
}
.product__details--tab__list::before {
 position:absolute;
 content:"";
 width:0;
 height:1px;
 background:var(--secondary-color);
 left:50%;
 right:50%;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 bottom:0
}
.product__details--tab__list.active {
 color:var(--secondary-color)
}
.product__details--tab__list.active::before {
 width:100%;
 left:0;
 right:0
}
.product__details--tab__list:hover {
 color:var(--secondary-color)
}
.product__details--tab__list:hover::before {
 width:100%;
 left:0;
 right:0
}
.product__details--tab__list:last-child {
 margin-right:0
}
@media only screen and (min-width:768px) {
 .product__details--tab__list {
  font-size:1.7rem
 }
}
@media only screen and (min-width:1200px) {
 .product__details--tab__list {
  font-size:1.8rem
 }
}
@media only screen and (max-width:767px) {
 .product__details--tab__list {
  margin:0 1rem 1.3rem
 }
}
.product__tab--content__title {
 font-weight:600;
 font-size:1.7rem
}
@media only screen and (min-width:992px) {
 .product__tab--content__title {
  font-size:1.8rem
 }
}
.product__tab--content__desc {
 line-height:2.6rem;
 color:var(--foreground-sub-color)
}
@media only screen and (min-width:992px) {
 .product__tab--content__desc {
  font-size:1.5rem;
  line-height:2.8rem
 }
}
.product__tab--content__step.style2 {
 gap:2rem
}
@media only screen and (max-width:767px) {
 .product__tab--content__step.style2 {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
 }
}
.product__tab--content__banner {
 width:100%
}
@media only screen and (min-width:768px) {
 .product__tab--content__banner {
  width:310px
 }
}
@media only screen and (min-width:992px) {
 .product__tab--content__banner {
  width:410px
 }
}
@media only screen and (min-width:1200px) {
 .product__tab--content__banner {
  width:460px
 }
}
.product__tab--content__banner.style2 {
 width:100%
}
@media only screen and (min-width:1200px) {
 .product__tab--content__banner.style2 {
  width:360px
 }
}
@media only screen and (min-width:1366px) {
 .product__tab--content__banner.style2 {
  width:460px
 }
}
@media only screen and (max-width:1199px) {
 .product__tab--content__flex {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
 }
}
.product__tab--content__right {
 width:100%
}
@media only screen and (min-width:768px) {
 .product__tab--content__right {
  width:calc(100% - 300px);
  padding-left:2.5rem
 }
}
@media only screen and (min-width:992px) {
 .product__tab--content__right {
  width:calc(100% - 410px)
 }
}
@media only screen and (min-width:1200px) {
 .product__tab--content__right {
  width:calc(100% - 460px)
 }
}
@media only screen and (max-width:767px) {
 .product__tab--content__right {
  padding-top:2rem
 }
}
.product__tab--content__right.style2 {
 width:100%;
 padding-left:0;
 padding-top:0
}
@media only screen and (min-width:1200px) {
 .product__tab--content__right.style2 {
  width:calc(100% - 360px)
 }
}
@media only screen and (min-width:1366px) {
 .product__tab--content__right.style2 {
  width:calc(100% - 460px)
 }
}
.image__with--text__percent--list.three::after {
 width:58%
}
.image__with--text__percent--list.four::after {
 width:69%
}
.product__tab--percent__style .image__with--text__percent--list {
 width:100%
}
.product__tab--percent__style .image__with--text__percent--list:last-child {
 margin-top:0
}
@media only screen and (min-width:768px) {
 .product__tab--percent__style .image__with--text__percent--list {
  width:85%
 }
}
@media only screen and (min-width:1200px) {
 .product__tab--percent__style .image__with--text__percent--list {
  width:80%
 }
}
.product__reviews--header {
 position:relative;
 border-bottom:1px solid var(--border-color);
 padding-bottom:1.5rem;
 margin-bottom:2.5rem
}
@media only screen and (min-width:768px) {
 .product__reviews--header {
  padding-bottom:2.5rem;
  margin-bottom:3.5rem
 }
}
@media only screen and (max-width:575px) {
 .product__reviews--header {
  text-align:center
 }
}
@media only screen and (max-width:575px) {
 .reviews__ratting {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
 }
}
.reviews__summary--caption {
 color:var(--secondary-color);
 margin-left:1.2rem
}
.actions__newreviews--btn {
 position:absolute;
 right:0;
 bottom:2.2rem
}
@media only screen and (max-width:575px) {
 .actions__newreviews--btn {
  position:inherit;
  bottom:inherit;
  margin-top:1rem
 }
}
.reviews__comment--area {
 padding:0 2rem;
 margin-bottom:3rem
}
@media only screen and (max-width:767px) {
 .reviews__comment--area {
  padding:0
 }
}
.reviews__comment--thumb {
 width:85px
}
@media only screen and (max-width:575px) {
 .reviews__comment--thumb {
  margin-bottom:1rem
 }
}
.reviews__comment--thumb img {
 display:block
}
.reviews__comment--top {
 margin-bottom:1rem
}
.reviews__comment--content {
 width:100%;
 position:relative
}
@media only screen and (min-width:576px) {
 .reviews__comment--content {
  width:calc(100% - 85px);
  padding-left:1.5rem
 }
}
@media only screen and (min-width:768px) {
 .reviews__comment--content {
  padding-left:2.5rem
 }
}
.reviews__comment--content__date {
 border:1px solid var(--border-color);
 padding:0 1rem;
 border-radius:5px;
 color:var(--foreground-sub-color);
 height:3.8rem;
 line-height:3.8rem;
 font-size:1.4rem
}
@media only screen and (min-width:768px) {
 .reviews__comment--content__date {
  height:4.2rem;
  line-height:4rem;
  font-size:1.5rem
 }
}
@media only screen and (max-width:479px) {
 .reviews__comment--content__date {
  padding:0 .7rem;
  font-size:1.2rem;
  height:3.6rem;
  line-height:3.6rem
 }
}
.reviews__comment--content__title {
 font-weight:600;
 margin-bottom:.8rem
}
.reviews__comment--content__desc {
 margin-bottom:0
}
@media only screen and (min-width:992px) {
 .reviews__comment--content__desc {
  font-size:1.5rem;
  line-height:2.8rem
 }
}
@media only screen and (max-width:575px) {
 .reviews__comment--content .reviews__ratting {
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start
 }
}
.reviews__comment--list {
 border-bottom:1px solid var(--border-color);
 padding-bottom:2rem;
 margin-bottom:2rem
}
.reviews__comment--list:last-child {
 padding-bottom:0;
 margin-bottom:0;
 border-bottom:0
}
@media only screen and (min-width:768px) {
 .reviews__comment--list {
  padding-bottom:2.5rem;
  margin-bottom:2.5rem
 }
}
@media only screen and (max-width:575px) {
 .reviews__comment--list {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
 }
}
.reviews__comment--list.margin__left {
 margin-left:2.2rem
}
@media only screen and (min-width:400px) {
 .reviews__comment--list.margin__left {
  margin-left:2.5rem
 }
}
@media only screen and (min-width:480px) {
 .reviews__comment--list.margin__left {
  margin-left:3rem
 }
}
@media only screen and (min-width:992px) {
 .reviews__comment--list.margin__left {
  margin-left:5rem
 }
}
@media only screen and (max-width:575px) {
 .reviews__comment--reply__title {
  text-align:center
 }
}
.reviews__comment--reply__textarea {
 width:100%;
 height:100px;
 resize:none;
 padding:1.2rem 1.5rem;
 border:1px solid var(--border-color);
 border-radius:.5rem
}
@media only screen and (min-width:768px) {
 .reviews__comment--reply__textarea {
  height:150px
 }
}
@media only screen and (min-width:992px) {
 .reviews__comment--reply__textarea {
  font-size:1.5rem
 }
}
.reviews__comment--reply__textarea:focus {
 border-color:var(--secondary-color)
}
.reviews__comment--reply__input {
 width:100%;
 border:1px solid var(--border-color);
 height:5rem;
 border-radius:.5rem;
 padding:0 1.5rem
}
@media only screen and (min-width:992px) {
 .reviews__comment--reply__input {
  font-size:1.5rem
 }
}
.reviews__comment--reply__input:focus {
 border-color:var(--secondary-color)
}
span.info__list--item-head {
 width:12rem
}
ul.additional__info_list {
 margin:0;
 padding:0;
 border: 1px solid #ededed;
 border-radius: .6rem;
}
li.additional__info_list--item:nth-child(even) {
 background:#fafafa
}
li.additional__info_list--item {
 padding:1.5rem;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
span.info__list--item-content {
 line-height:24px
}
.product__details--gallery {
 position:-webkit-sticky;
 position:sticky;
 top:0
}
.blog__sidebar--widget {
 position:-webkit-sticky;
 position:sticky;
 top:0
}
@media only screen and (max-width:991px) {
 .blog__sidebar--widget.left {
  margin-top:6rem
 }
}
@media only screen and (max-width:767px) {
 .blog__sidebar--widget.left {
  margin-top:5rem
 }
}
.blog__post--header.mb-30 {
 margin-bottom:2.5rem
}
@media only screen and (min-width:992px) {
 .post__header--title {
  line-height:4rem
 }
}
.blog__post--meta {
 text-transform:capitalize
}
@media only screen and (min-width:992px) {
 .blog__post--meta {
  font-size:1.5rem
 }
}
.blog__post--meta__link {
 color:var(--secondary-color)
}
.blog__post--meta__link:hover {
 color:var(--secondary-color);
 text-decoration:underline
}
.blog__thumbnail {
 line-height:1
}
@media only screen and (max-width:767px) {
 .blog__thumbnail.mb-30 {
  margin-bottom:2rem
 }
}
.blog__details--content__subtitle {
 line-height:normal;
 font-size: 1.9rem;
}
@media only screen and (min-width:992px) {
 .blog__details--content__subtitle {
  line-height:normal;
  font-size: 1.9rem;
 }
}
@media only screen and (min-width:1200px) {
 .blog__details--content__subtitle {
  line-height:normal;
  font-size: 2.2rem;
 }
}
.blockquote__content {
 padding:20px 30px;
 text-align:center;
 border-radius:10px
}
@media only screen and (min-width:992px) {
 .blockquote__content {
  padding:30px 40px
 }
}
@media only screen and (min-width:1200px) {
 .blockquote__content {
  padding:40px 70px
 }
}
@media only screen and (max-width:767px) {
 .blockquote__content {
  margin:0 0 2.5rem;
  padding:1.5rem 2rem
 }
}
.blockquote__content--desc {
 font-size:1.7rem;
 line-height:3rem;
 font-style:italic;
 font-weight:500
}
@media only screen and (min-width:768px) {
 .blockquote__content--desc {
  font-size:2rem;
  line-height:3.4rem
 }
}
.blog__tags--social__media {
 padding:5rem 0
}
@media only screen and (max-width:1199px) {
 .blog__tags--social__media {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start
 }
}
@media only screen and (max-width:1199px) {
 .blog__tags--media {
  margin-bottom:2rem
 }
}
@media only screen and (max-width:575px) {
 .blog__tags--media {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start
 }
}
.blog__tags--media__title {
 font-size:1.5rem;
 font-weight:600;
 margin-right:1rem
}
@media only screen and (min-width:992px) {
 .blog__tags--media__title {
  font-size:1.6rem
 }
}
@media only screen and (max-width:575px) {
 .blog__tags--media__title {
  margin-right:0;
  margin-bottom:1rem
 }
}
.blog__tags--media__list {
 margin-right:.7rem
}
.blog__tags--media__list:last-child {
 margin-right:0
}
.blog__tags--media__link {
 border:1px solid var(--border-color);
 background:var(--body-background-color);
 padding:.5rem 1.2rem;
 line-height:2.5rem;
 border-radius:.3rem;
 text-transform:capitalize
}
.blog__tags--media__link:hover {
 background:var(--secondary-color);
 border-color:var(--secondary-color);
 color:var(--text-white-color)
}
@media only screen and (max-width:575px) {
 .blog__tags--media__link {
  padding:.4rem .8rem
 }
}
.meta__deta {
 color:var(--foreground-sub-color);
 font-weight:500;
 margin-top:.6rem;
 line-height:2rem;
 font-size:1.4rem
}
.blog__social--media__title {
 font-size:1.5rem;
 font-weight:600;
 margin-right:1rem
}
@media only screen and (min-width:992px) {
 .blog__social--media__title {
  font-size:1.6rem
 }
}
.blog__social--media__list {
 margin-right:1rem
}
.blog__social--media__list:last-child {
 margin-right:0
}
.blog__social--media__link {
 width:3rem;
 height:3rem;
 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;
 background:var(--secondary-color);
 color:var(--text-white-color);
 border-radius:50%
}
.blog__social--media__link:hover {
 background:var(--primary-color);
 color:var(--text-white-color)
}
@media only screen and (max-width:575px) {
 .related__post--text {
  text-align:center
 }
}
.related__post--items:hover .related__post--img {
 -webkit-transform:scale(1.05);
 transform:scale(1.05)
}
.related__post--thumb {
 line-height:1;
 overflow:hidden
}
.related__post--title {
 font-size:1.6rem;
 line-height:2.2rem
}
@media only screen and (min-width:992px) {
 .related__post--title {
  font-size:1.8rem
 }
}
.related__post--deta {
 font-size:1.4rem;
 color:var(--light-color);
 line-height:2.2rem
}
@media only screen and (min-width:992px) {
 .related__post--deta {
  font-size:1.5rem
 }
}
.comment__reply--btn {
 height:3.6rem;
 line-height:3.6rem;
 padding:0 2rem
}
@media only screen and (min-width:768px) {
 .comment__reply--btn {
  height:4rem;
  line-height:4rem;
  padding:0 2.5rem
 }
}
.reviews__comment--content__title2 {
 font-weight:600;
 line-height:2.2rem;
 margin-bottom:.4rem
}
.reviews__comment--content__date2 {
 font-size:1.5rem;
 color:var(--foreground-sub-color)
}
@media only screen and (max-width:575px) {
 .reviews__comment--reply__title.style2 {
  text-align:center
 }
}
.post__article--items {
 gap:1.6rem;
 margin-bottom:2rem
}
.post__article--items:last-child {
 margin-bottom:0
}
.post__article--items:hover .post__article--thumbnail__img {
 -webkit-transform:scale(1.03);
 transform:scale(1.03)
}
.post__article--thumbnail {
 width:110px;
 border-radius:5px;
 overflow:hidden
}
.post__article--thumbnail__img {
 border-radius:5px
}
.post__article--content {
 width:calc(100% - 110px)
}
.post__article--content__title {
 font-size:1.5rem
}
.contact__section--heading__maintitle {
 font-size:2.8rem;
 line-height:3rem;
 color:var(--secondary-color);
 margin-bottom:1.5rem
}
.contact__section--heading__desc {
 color:var(--foreground-sub-color);
 width:90%;
 margin:0 auto;
 font-size:1.5rem;
 line-height:2.6rem
}
@media only screen and (min-width:768px) {
 .contact__section--heading__desc {
  width:75%
 }
}
@media only screen and (min-width:1200px) {
 .contact__section--heading__desc {
  font-size:1.6rem;
  line-height:2.8rem;
  width:55%
 }
}
.contact__form {
 background:var(--body-background-color);
 border-radius:10px;
 -webkit-box-shadow:0 7px 20px rgba(0,0,0,.16);
 box-shadow:0 7px 20px rgba(0,0,0,.16);
 padding:2rem
}
@media only screen and (min-width:576px) {
 .contact__form {
  padding:3rem
 }
}
@media only screen and (min-width:768px) {
 .contact__form {
  padding:4rem
 }
}
@media only screen and (min-width:992px) {
 .contact__form {
  margin-left:36rem;
  padding:5.5rem 3.5rem 5.5rem 10rem
 }
}
@media only screen and (min-width:1200px) {
 .contact__form {
  margin-left:40rem
 }
}
.contact__form--title {
 font-weight:600;
 font-size:1.8rem
}
@media only screen and (min-width:1200px) {
 .contact__form--title {
  font-size:2.2rem
 }
}
@media only screen and (max-width:1199px) {
 .contact__form--title.mb-30 {
  margin-bottom:2rem
 }
}
.contact__form--label {
 display:block;
 margin-bottom:8px
}
.contact__form--label__star {
 color:var(--secondary-color)
}
.contact__form--input {
 width:100%;
 height:50px;
 padding:5px 15px;
 border-radius:8px;
 border:1px solid var(--border-color)
}
.contact__form--input:focus {
 border-color:var(--secondary-color)!important
}
.contact__form--textarea {
 width:100%;
 height:100px;
 padding:12px 15px;
 border-radius:8px;
 resize:none;
 border:1px solid var(--border-color)
}
.contact__form--textarea:focus {
 border-color:var(--secondary-color)!important
}
@media only screen and (min-width:992px) {
 .contact__form--textarea {
  height:120px
 }
}
@media only screen and (min-width:1200px) {
 .contact__form--textarea {
  height:160px
 }
}
.contact__info {
 background:var(--secondary-color);
 width:46rem;
 padding:2rem;
 position:absolute;
 top:50%;
 left:0;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%)
}
@media only screen and (max-width:575px) {
 .contact__info {
  width:100%
 }
}
@media only screen and (min-width:576px) {
 .contact__info {
  padding:3rem
 }
}
@media only screen and (min-width:768px) {
 .contact__info {
  padding:4rem
 }
}
@media only screen and (min-width:992px) {
 .contact__info {
  width:42rem;
  padding:4rem 3rem
 }
}
@media only screen and (min-width:1200px) {
 .contact__info {
  width:46rem;
  padding:5rem 6rem
 }
}
@media only screen and (max-width:991px) {
 .contact__info {
  position:inherit;
  top:inherit;
  -webkit-transform:inherit;
  transform:inherit;
  margin:3rem auto 0;
  width:100%
 }
}
.contact__info--items {
 margin-bottom:2.7rem
}
.contact__info--items:last-child {
 margin-bottom:0
}
@media only screen and (max-width:575px) {
 .contact__info--items {
  margin-bottom:2rem
 }
}
.contact__info--icon {
 margin-right:1.2rem;
 color:var(--text-white-color);
 padding-top:.8rem
}
@media only screen and (min-width:1200px) {
 .contact__info--icon {
  margin-right:2rem
 }
}
@media only screen and (max-width:575px) {
 .contact__info--icon svg {
  width:2.5rem
 }
}
.contact__info--content__title {
 font-weight:600
}
@media only screen and (min-width:992px) {
 .contact__info--content__title {
  font-size:2rem;
  line-height:2.8rem
 }
}
.contact__info--content__desc {
 font-size:1.5rem;
 line-height:2.6rem;
 color:var(--text-white-color)
}
@media only screen and (min-width:1200px) {
 .contact__info--content__desc {
  font-size:1.6rem;
  line-height:2.7rem
 }
}
.contact__info--content__desc a {
 color:var(--text-white-color)
}
.contact__info--content__desc a:hover {
 color:var(--primary-color)
}
.contact__info--social__list {
 margin-right:11px
}
.contact__info--social__list:last-child {
 margin-right:0
}
.contact__info--social__icon {
 width:3rem;
 height:3rem;
 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;
 background:var(--body-background-color);
 color:var(--secondary-color);
 border-radius:50%
}
.contact__info--social__icon:hover {
 background:var(--primary-color);
 color:var(--text-white-color)
}
.contact__map--iframe {
 width:100%;
 height:250px;
 margin-bottom:-7px
}
@media only screen and (min-width:768px) {
 .contact__map--iframe {
  height:320px
 }
}
@media only screen and (min-width:992px) {
 .contact__map--iframe {
  height:400px
 }
}
@media only screen and (min-width:1200px) {
 .contact__map--iframe {
  height:500px
 }
}
@media only screen and (max-width:575px) {
 .cart__title {
  text-align:center
 }
}
.cart__table--inner {
 width:100%;
 border-spacing:0
}
@media only screen and (max-width:575px) {
 .cart__table--header {
  display:none
 }
}
.cart__table--header__list {
 padding:0 2rem 2rem 0;
 text-transform:uppercase;
 text-align:left;
 border-bottom:1px solid var(--border-color)
}
.cart__table--header__list:last-child {
 padding-right:0
}
@media only screen and (min-width:992px) {
 .cart__table--header__list {
  font-size:1.5rem
 }
}
.cart__table--header__list.text-right {
 text-align:right
}
.cart__table--header__list.text-center {
 text-align:center
}
@media only screen and (max-width:575px) {
 .cart__table--body__items {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
 }
}
.cart__table--body__list {
 border-bottom:1px solid var(--border-color);
 padding:2rem 2rem 2rem 0
}
.cart__table--body__list:last-child {
 padding-right:0
}
@media only screen and (max-width:575px) {
 .cart__table--body__list {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding:2rem 0
 }
}
.cart__thumbnail {
 max-width:10rem;
 line-height:1
}
@media only screen and (max-width:767px) {
 .cart__thumbnail {
  max-width:8rem
 }
}
.cart__content {
 padding-left:1.5rem
}
@media only screen and (min-width:1200px) {
 .cart__content {
  padding-left:2rem
 }
}
.cart__content--variant {
 display:block;
 margin-bottom:.5rem;
 color:var(--foreground-sub-color);
 line-height:2.2rem;
 font-size:1.3rem
}
.cart__content--variant:last-child {
 margin-bottom:0
}
.cart__content--title {
 margin-bottom:.5rem;
 line-height:2.5rem
}
.cart__remove--btn {
 font-weight:600;
 width:3rem;
 height:3rem;
 text-align:center;
 line-height:3rem;
 background:var(--body-background-color);
 -webkit-box-shadow:0 2px 22px rgba(0,0,0,.16);
 box-shadow:0 2px 22px rgba(0,0,0,.16);
 margin-right:1.5rem;
 border-radius:50%;
 padding:0;
 border:0
}
@media only screen and (min-width:992px) {
 .cart__remove--btn {
  margin-right:3rem
 }
}
.cart__remove--btn:hover {
 color:var(--secondary-color)
}
.cart__price {
 font-weight:600
}
@media only screen and (min-width:992px) {
 .cart__price {
  font-size:1.6rem
 }
}
.continue__shopping {
 padding-top:2rem
}
.continue__shopping--link {
 font-size:1.5rem;
 font-weight:600;
 color:var(--primary-color)
}
@media only screen and (min-width:992px) {
 .continue__shopping--link {
  font-size:1.7rem
 }
}
.continue__shopping--clear {
 font-size:1.5rem;
 font-weight:600;
 color:var(--primary-color);
 border:0;
 padding:0;
 background:inherit
}
@media only screen and (min-width:992px) {
 .continue__shopping--clear {
  font-size:1.7rem
 }
}
.continue__shopping--clear:hover {
 color:var(--secondary-color)
}
.cart__summary {
 -webkit-box-shadow:0 2px 22px rgba(0,0,0,.16);
 box-shadow:0 2px 22px rgba(0,0,0,.16);
 padding:2rem;
 background:var(--body-background-color);
 position:-webkit-sticky;
 position:sticky;
 top:0
}
@media only screen and (max-width:991px) {
 .cart__summary {
  margin-top:5.5rem
 }
}
@media only screen and (max-width:767px) {
 .cart__summary {
  margin-top:4.5rem
 }
}
.cart__summary--total__table {
 width:100%
}
.coupon__code--title {
 font-size:1.7rem;
 margin-bottom:.7rem;
 line-height:2.4rem
}
@media only screen and (min-width:992px) {
 .coupon__code--title {
  font-size:2rem
 }
}
.coupon__code--desc {
 color:var(--foreground-sub-color);
 margin-bottom:1.5rem
}
.coupon__code--field__input {
 border:1px solid var(--border-color);
 height:4rem;
 padding:0 1.5rem;
 width:100%;
 margin-top: 10px;
}
@media only screen and (min-width:768px) {
 .coupon__code--field__input {
  width:100%;
 }
}
@media only screen and (min-width:992px) {
 .coupon__code--field__input {
  width:100%;
 }
}
@media only screen and (min-width:1200px) {
 .coupon__code--field__input {
  width:100%;
  height:4.5rem
 }
}
.coupon__code--field__input:focus {
 border-color:var(--secondary-color)
}
.coupon__code--field__btn {
 margin-left:1.5rem
}
@media only screen and (min-width:1200px) {
 .coupon__code--field__btn {
  margin-left:2rem
 }
}
.cart__note--title {
 font-size:1.7rem;
 margin-bottom:.7rem;
 line-height:2.4rem
}
@media only screen and (min-width:992px) {
 .cart__note--title {
  font-size:2rem
 }
}
.cart__note--desc {
 color:var(--light-color);
 margin-bottom:1.5rem
}
.cart__note--textarea {
 border:1px solid var(--border-color);
 height:10rem;
 padding:1rem;
 width:100%;
 resize:none
}
.cart__note--textarea:focus {
 border-color:var(--secondary-color)
}

.cart__note--textarea2 {
 border:1px solid var(--border-color);
 height:8rem;
 padding:1rem;
 width:100%;
 resize:none
}
.cart__note--textarea2:focus {
 border-color:var(--secondary-color)
}

.cart__summary--total__list {
 margin-bottom:1rem;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.cart__summary--total__list:last-child {
 margin-bottom:0
}
.cart__summary--footer__desc {
 font-size:1.5rem;
 color:var(--foreground-sub-color);
 margin-bottom:1.5rem
}
.cart__summary--footer__btn {
 padding:0 1.5rem
}
@media only screen and (min-width:1200px) {
 .cart__summary--footer__btn {
  padding:0 2.5rem
 }
}
@media only screen and (max-width:767px) {
 .wishlist__cart--btn {
  padding:.5rem 1.2rem;
  height:auto;
  line-height:2.4rem;
  border-radius:5px;
  text-align:center
 }
}
.checkout__breadcrumb {
 padding:0;
 margin:0
}
@media only screen and (max-width:767px) {
 .checkout__breadcrumb {
  margin-top:2.5rem
 }
}
.breadcrumb__link {
 font-size:1.3rem;
 color:var(--secondary-color)
}
.readcrumb__chevron-icon {
 color:#737373;
 width:1.6rem;
 height:1.6rem;
 margin:0 .6rem
}
.order__summary--mobile__version {
 display:none
}
@media only screen and (max-width:767px) {
 .order__summary--mobile__version {
  display:block
 }
}
.order__summary--toggle {
 width:100%;
 text-align:left;
 background:var(--bg-offwhite-color);
 border:0;
 border:1px solid var(--border-color);
 padding:1.2rem
}
.order__summary--toggle__inner {
 width:100%
}
.order__summary--toggle__text {
 color:var(--secondary-color)
}
.order__summary--toggle__icon {
 color:var(--secondary-color);
 vertical-align:middle;
 line-height:1.5rem;
 margin-right:1rem
}
.summary__table {
 width:100%
}
.summary__table--items {
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.summary__table--list {
 padding:1rem 2rem 1rem 0;
 border-bottom:1px solid var(--border-color)
}
.summary__table--list:last-child {
 padding-right:0
}
details>summary {
 list-style:none
}
details>summary::-webkit-details-marker {
 display:none
}
.order__summary--final__price {
 float:right;
 font-size:1.5rem;
 font-weight:600
}
.order__summary--section {
 background:var(--bg-offwhite-color);
 padding:3rem 1rem 1rem
}
.checkout__checkbox {
 position:relative
}
.checkout__checkbox--input {
 position:absolute;
 left:-1px;
 top:4px;
 opacity:0;
 cursor:pointer;
 z-index:999
}
.checkout__checkbox--input:checked~.checkout__checkbox--checkmark {
 background-color:var(--secondary-color);
 border:1px solid var(--secondary-color)
}
.checkout__checkbox--input:checked~.checkout__checkbox--checkmark::before {
 display:block
}
.checkout__checkbox--label {
 padding-left:3rem;
 cursor:pointer
}
.checkout__checkbox--checkmark {
 height:1.8rem;
 width:1.8rem;
 border:1px solid var(--border-color);
 border-radius:.3rem;
 display:block;
 position:absolute;
 top:4px;
 left:0;
 background:var(--body-background-color);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.checkout__checkbox--checkmark::before {
 left:.5rem;
 top:.3rem;
 width:.5rem;
 height:.8rem;
 border:solid #fff;
 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);
 content:"";
 position:absolute;
 display:none
}
.checkout__input--label {
 display:inline-block;
 font-weight: 600;
}
.checkout__input--label__star {
 color:var(--secondary-color)
}
.checkout__input--field {
 width:100%;
 border:1px solid var(--border-color);
 height:4.5rem;
 padding:0 1.5rem
}
.checkout__input--field:focus {
 border-color:var(--secondary-color)
}
.checkout__notes--textarea__field {
 width:100%;
 border:1px solid var(--border-color);
 padding:1rem 1.5rem .5rem;
 resize:none
}
.checkout__notes--textarea__field:focus {
 border-color:var(--secondary-color)
}
@media only screen and (max-width:991px) {
 .checkout__section--header {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start
 }
}
.section__header--title {
 font-size:2rem;
 line-height:2.2rem
}
@media only screen and (min-width:1200px) {
 .section__header--title {
  font-size:2.2rem;
  line-height:2.4rem
 }
}
@media only screen and (max-width:575px) {
 .section__header--title {
  margin-bottom:.8rem
 }
}
.section__header--desc {
 margin-top:.5rem
}
.layout__flex--item {
 color:var(--foreground-sub-color)
}
@media only screen and (max-width:991px) {
 .layout__flex--item {
  margin-top:1rem
 }
}
.layout__flex--item__link {
 color:var(--secondary-color)
}
.section__shipping--address {
 padding:1rem 0 2rem
}
@media only screen and (min-width:992px) {
 .section__shipping--address {
  padding:0rem 0 3rem
 }
}
.section__shipping--address.pt-10 {
 padding-top:1rem
}
.section__shipping--address.pt-0 {
 padding-top:0
}
.checkout__input--select {
 position:relative
}
.checkout__input--select__field {
 width:100%;
 height:4.5rem;
 padding:.5rem 1.5rem;
 border:1px solid var(--border-color);
 -webkit-appearance:none;
 cursor:pointer
}
.checkout__input--select__field:focus {
 border-color:var(--secondary-color)
}
.previous__link--content {
 margin-left:2rem;
 color:var(--secondary-color)
}
@media only screen and (max-width:575px) {
 .previous__link--content {
  margin-left:0;
  margin-top:1rem
 }
}
.checkout__footer {
 border:0
}
@media only screen and (max-width:575px) {
 .checkout__content--step__footer {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
 }
}
.checkout__sidebar {
 background:#fafafa;
 border:1px solid var(--border-color);
 padding:3rem 2.5rem;
 position:-webkit-sticky;
 position:sticky;
 top:0
}
@media only screen and (max-width:991px) {
 .checkout__sidebar {
  padding:3rem 1.8rem
 }
}
@media only screen and (max-width:767px) {
 .checkout__sidebar {
  margin-top:3rem
 }
}
.product__thumbnail {
 width:7rem;
 border:1px solid var(--border-color);
 position:relative;
 line-height:1
}
.product__thumbnail--quantity {
 position:absolute;
 top:-6px;
 right:-5px;
 width:2rem;
 height:2rem;
 line-height:2rem;
 background:#7f7f7f;
 color:var(--text-white-color);
 text-align:center;
 border-radius:50%;
 font-size:1.2rem
}
.product__description {
 padding-left:1.5rem
}
.product__description--name {
 font-size:1.2rem;
 line-height:2rem;
 font-weight:600;
 opacity:.9
}
.product__description--variant {
 font-size:1.2rem;
 color:var(--foreground-sub-color);
 line-height:2rem
}
.checkout__product--table {
 margin-bottom:2rem
}
.checkout__product--table .cart__table--body__list {
 padding:1rem 2rem 1rem 0
}
.checkout__product--table .cart__table--body__list:last-child {
 padding-right:0
}
.checkout__discount--code {
 margin-bottom:2.5rem
}
.checkout__discount--code__input--field {
 width:100%;
 border:1px solid var(--border-color);
 height:4rem;
 padding:0 1.5rem
}
.checkout__discount--code__input--field:focus {
 border-color:var(--secondary-color)
}
@media only screen and (min-width:768px) {
 .checkout__discount--code__input--field {
  height:4.5rem
 }
}
.checkout__discount--code__btn {
 height:4rem;
 line-height:4rem;
 margin-left:2rem;
 padding:0 2.5rem;
 font-size:1.4rem
}
@media only screen and (min-width:768px) {
 .checkout__discount--code__btn {
  height:4.5rem;
  line-height:4.5rem;
  font-size:1.5rem
 }
}
@media only screen and (min-width:1200px) {
 .checkout__discount--code__btn {
  font-size:1.6rem
 }
}
.checkout__total {
 border-top:1px solid var(--border-color);
 padding-top:1.2rem
}
.checkout__total--table {
 width:100%
}
.checkout__total--calculated__text {
 font-size:1.3rem;
 color:var(--foreground-sub-color)
}
.checkout__total--title {
 color:var(--foreground-sub-color)
}
.checkout__total--footer__list {
 padding-top:3rem;
 position:relative
}

.checkout__total--footer__title {
 font-size:1.6rem
}
.checkout__total--footer__amount {
 font-size:2.2rem;
 font-weight:600
}
.checkout__order--summary__title {
 font-size:2rem;
 line-height:2.2rem
}
@media only screen and (min-width:1200px) {
 .checkout__order--summary__title {
  font-size:2.2rem;
  line-height:2.4rem
 }
}
.payment__history {
 margin-top:2rem
}
.payment__history--title {
 font-size:2rem;
 line-height:2.2rem
}
@media only screen and (min-width:1200px) {
 .payment__history--title {
  font-size:2.2rem;
  line-height:2.4rem
 }
}
@media only screen and (max-width:575px) {
 .payment__history--inner {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
 }
}
.payment__history--list {
 margin-right:1.5rem
}
@media only screen and (max-width:1199px) {
 .payment__history--list {
  margin-bottom:1rem
 }
}
.payment__history--list:last-child {
 margin-right:0
}
@media only screen and (max-width:1199px) {
 .payment__history--list {
  margin-right:1rem
 }
}
.payment__history--link {
 background:var(--body-background-color);
 color:var(--primary-color);
 border:1px solid var(--primary-color);
 padding:0 1.2rem;
 font-size:1.4rem
}
@media only screen and (min-width:1200px) {
 .payment__history--link {
  font-size:1.6rem;
  padding:0 2rem;
  height:4.8rem;
  line-height:4.6rem
 }
}
.checkout__now--btn {
 width:100%;
 text-align:center;
 font-size:1.4rem
}
@media only screen and (min-width:1200px) {
 .checkout__now--btn {
  font-size:1.6rem;
  height:4.8rem;
  line-height:4.6rem
 }
}
.continue__shipping--btn {
 font-size:1.4rem
}
@media only screen and (min-width:1200px) {
 .continue__shipping--btn {
  font-size:1.6rem;
  height:4.8rem;
  line-height:4.6rem
 }
}
.my__account--section__inner {
 background:var(--body-background-color);
 -webkit-box-shadow:0 2px 22px rgba(0,0,0,.16);
 box-shadow:0 2px 22px rgba(0,0,0,.16);
 padding:3rem 2rem
}
@media only screen and (min-width:1199px) {
 .my__account--section__inner {
  padding:5rem 4rem
 }
}
@media only screen and (max-width:991px) {
 .my__account--section__inner {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
 }
}
.account__left--sidebar {
 border-right:1px solid var(--border-color);
 padding-right:3rem;
 margin-right:3rem;
 width:18rem
}
@media only screen and (min-width:1199px) {
 .account__left--sidebar {
  padding-right:5rem;
  margin-right:5rem;
  width:23rem
 }
}
@media only screen and (max-width:991px) {
 .account__left--sidebar {
  width:100%;
  padding-right:0;
  margin-right:0;
  border-right:0;
  border-bottom:1px solid var(--border-color);
  padding-bottom:2.5rem;
  margin-bottom:2.5rem
 }
}
.account__wrapper {
 width:calc(100% - 18rem)
}
@media only screen and (min-width:1199px) {
 .account__wrapper {
  width:calc(100% - 23rem)
 }
}
@media only screen and (max-width:991px) {
 .account__wrapper {
  width:100%
 }
}
@media only screen and (max-width:991px) {
 .account__menu {
  width:250px;
  margin-right:3rem
 }
}
@media only screen and (max-width:479px) {
 .account__menu {
  margin-right:0
 }
}
.account__menu--list {
 font-size:1.5rem;
 line-height:2.5rem;
 font-weight:600;
 cursor:pointer;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 margin-bottom:1.5rem
}
.account__menu--list:last-child {
 margin-bottom:0
}
.account__menu--list:hover {
 color:var(--secondary-color)
}
.account__menu--list.active a {
 color:var(--secondary-color)
}
@media only screen and (min-width:992px) {
 .account__menu--list {
  font-size:1.6rem
 }
}
.account__details.two {
 padding-top:0
}
@media only screen and (min-width:992px) {
 .account__details {
  padding-top:3rem
 }
}
@media only screen and (max-width:479px) {
 .account__details {
  padding-top:3rem
 }
}
.account__details--title {
 margin-bottom:1rem
}
.account__details--desc {
 color:var(--foreground-sub-color);
 line-height:3rem;
 margin-bottom:2rem;
 font-size:1.5rem
}
.account__details--link {
 color:var(--secondary-color);
 border-bottom:1px solid var(--secondary-color);
 font-size:1.5rem
}
.account__details--link:hover {
 color:var(--primary-color);
 border-color:var(--primary-color)
}
.new__address--btn {
 padding:0 2.5rem
}
@media only screen and (min-width:992px) {
 .new__address--btn {
  font-size:1.5rem
 }
}
.account__details--footer {
 margin-top:3rem
}
.account__details--footer__btn {
 background:var(--body-background-color);
 border:1px solid var(--primary-color);
 padding:0 2.5rem;
 height:4.5rem;
 line-height:4.1rem;
 border-radius:2.5rem;
 margin-right:1rem;
 font-size:1.5rem
}
.account__details--footer__btn:last-child {
 margin-right:0
}
.account__details--footer__btn:hover {
 color:var(--secondary-color);
 border-color:var(--secondary-color)
}
.account__welcome--text {
 font-size:1.6rem;
 margin-bottom:2rem
}
@media only screen and (min-width:992px) {
 .account__welcome--text {
  font-size:1.8rem;
  margin-bottom:3rem
 }
}
.account__content--title {
 font-weight:600
}
.account__table {
 width:100%;
 border:1px solid var(--border-color);
 border-spacing:0;
 border-bottom:0
}
@media only screen and (max-width:479px) {
 .account__table {
  border:0
 }
}
@media only screen and (max-width:767px) {
 .account__table--header {
  display:none
 }
}
.account__table--header__child--items {
 text-align:left;
 border-bottom:1px solid var(--border-color);
 padding:1.7rem 1.3rem;
 font-size:1.5rem
}
.account__table--header__child--items:last-child {
 text-align:center;
}
@media only screen and (min-width:1200px) {
 .account__table--header__child--items {
  font-size:1.6rem;
  padding:1.7rem;
  text-align: center;
 }
}
@media only screen and (max-width:767px) {
 .account__table--body.mobile__none {
  display:none
 }
}
.account__table--body.mobile__block {
 display:none
}
@media only screen and (max-width:767px) {
 .account__table--body.mobile__block {
  display:block
 }
}
@media only screen and (max-width:767px) {
 .account__table--body__child {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  margin-bottom:2rem;
  border-bottom:1px solid #ddd;
  padding-bottom:2rem
 }
 .account__table--body__child:last-child {
  margin-bottom:0
 }
}
.account__table--body__child--items {
 border-bottom:1px solid var(--border-color);
 padding:1.7rem 2rem;
 color:var(--foreground-sub-color)
}
.account__table--body__child--items:last-child {
 text-align:center
}
@media only screen and (max-width:767px) {
 .account__table--body__child--items {
  padding:.5rem 2rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  border:0
 }
}
@media only screen and (max-width:479px) {
 .account__table--body__child--items {
  padding:.5rem 0
 }
}
.error__content--img {
 margin:0 auto 4rem
}
@media only screen and (max-width:1199px) {
 .error__content--img {
  max-width:600px
 }
}
@media only screen and (max-width:767px) {
 .error__content--img {
  max-width:450px;
  margin:0 auto 3rem
 }
}
@media only screen and (max-width:575px) {
 .error__content--img {
  max-width:100%;
  padding:0 3rem;
  margin:0 auto 2.5rem
 }
}
.error__content--title {
 font-weight:600;
 text-transform:uppercase;
 margin-bottom:1.5rem;
 font-size:1.8rem;
 line-height:2.6rem
}
@media only screen and (min-width:576px) {
 .error__content--title {
  margin-bottom:1.5rem;
  font-size:2.2rem;
  line-height:2.8rem
 }
}
@media only screen and (min-width:768px) {
 .error__content--title {
  margin-bottom:1.8rem;
  font-size:2.8rem;
  line-height:3.2rem
 }
}
@media only screen and (min-width:992px) {
 .error__content--title {
  font-size:3rem;
  line-height:3.5rem;
  margin-bottom:2rem
 }
}
@media only screen and (min-width:1200px) {
 .error__content--title {
  font-size:3.2rem;
  line-height:4rem;
  margin-bottom:2rem
 }
}
.error__content--desc {
 color:var(--foreground-sub-color);
 font-size:1.5rem
}
@media only screen and (min-width:768px) {
 .error__content--desc {
  font-size:1.6rem;
  line-height:2.2rem;
  margin-bottom:2rem
 }
}
@media only screen and (min-width:992px) {
 .error__content--desc {
  font-size:1.7rem;
  line-height:2.3rem;
  margin-bottom:2.5rem
 }
}
@media only screen and (min-width:1200px) {
 .error__content--desc {
  font-size:1.8rem;
  line-height:2.5rem;
  margin-bottom:3rem
 }
}
@media only screen and (min-width:992px) {
 .error__content--btn {
  font-size:1.6rem
 }
}
.account__login {
 background:var(--body-background-color);
 padding:2rem 1.5rem;
 border-radius:1rem;
 -webkit-box-shadow:0 5px 30px rgba(0,0,0,.1);
 box-shadow:0 5px 30px rgba(0,0,0,.1)
}
@media only screen and (min-width:576px) {
 .account__login {
  padding:2.5rem
 }
}
@media only screen and (min-width:992px) {
 .account__login {
  padding:3rem
 }
}
.account__login--header__title {
 font-weight:600
}
.account__login--header__desc {
 font-size:1.5rem;
 font-weight:600;
 color:var(--foreground-sub-color)
}
.account__login--input {
 width:100%;
 height:4.8rem;
 border:1px solid var(--border-color);
 border-radius:.5rem;
 padding:0 1.5rem;
 margin-bottom:1.5rem
}
@media only screen and (min-width:768px) {
 .account__login--input {
  height:5.2rem
 }
}
@media only screen and (min-width:992px) {
 .account__login--input {
  font-size:1.5rem
 }
}
.account__login--input:focus {
 border-color:var(--secondary-color)
}
.account__login--btn {
 width:100%;
 border-radius:.5rem;
 font-size:1.5rem
}
@media only screen and (min-width:992px) {
 .account__login--btn {
  font-size:1.7rem
 }
}
.account__login--signup__text {
 text-align:center;
 font-size:1.5rem;
 font-weight:600;
 color:var(--foreground-sub-color)
}
.account__login--signup__text button {
 padding:0;
 border:0;
 background:inherit;
 font-weight:600;
 color:var(--secondary-color)
}
.account__login--forgot {
 font-weight:600;
 color:var(--secondary-color);
 font-size:1.5rem;
 border:0;
 padding:0;
 background:inherit
}
@media only screen and (max-width:575px) {
 .account__login--forgot {
  margin-top:.6rem
 }
}
@media only screen and (max-width:767px) {
 .account__login.register {
  margin-top:3rem
 }
}
@media only screen and (max-width:575px) {
 .account__login--remember__forgot {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start
 }
}
@media only screen and (max-width:575px) {
 .account__login--remember .checkout__checkbox--checkmark {
  top:0;
  top:5px;
  -webkit-transform:inherit;
  transform:inherit
 }
}
.login__remember--label {
 color:var(--foreground-sub-color);
 font-size:1.3rem;
 font-weight:600
}
@media only screen and (min-width:992px) {
 .login__remember--label {
  font-size:1.5rem
 }
}
.account__login--divide {
 text-align:center;
 position:relative;
 padding:1rem 0
}
.account__login--divide::before {
 position:absolute;
 content:"";
 width:100%;
 height:.1rem;
 background:var(--border-color);
 top:50%;
 left:0;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%)
}
.account__login--divide__text {
 padding:0 .8rem;
 background:var(--body-background-color);
 position:relative;
 font-weight:500;
 color:var(--foreground-sub-color)
}
@media only screen and (min-width:992px) {
 .account__login--divide__text {
  font-size:1.5rem
 }
}
.account__social--link {
 height:4.2rem;
 line-height:4rem;
 padding:0 2.5rem;
 color:var(--text-white-color);
 border-radius:.5rem;
 font-weight:600;
 margin-right:1rem
}
.account__social--link.facebook {
 background:#4867aa
}
.account__social--link.facebook:hover {
 background:var(--secondary-color);
 color:var(--text-white-color)
}
.account__social--link.google {
 background:#e94235
}
.account__social--link.google:hover {
 background:var(--secondary-color);
 color:var(--text-white-color)
}
.account__social--link.twitter {
 background:#55adee
}
.account__social--link.twitter:hover {
 background:var(--secondary-color);
 color:var(--text-white-color)
}
.account__social--link:last-child {
 margin-right:0
}
@media only screen and (min-width:768px) {
 .account__social--link {
  padding:0 2rem
 }
}
@media only screen and (min-width:992px) {
 .account__social--link {
  padding:0 3.2rem;
  margin-right:1.2rem;
  font-size:1.5rem
 }
}
@media only screen and (min-width:1200px) {
 .account__social--link {
  padding:0 4.5rem;
  margin-right:2rem
 }
}
@media only screen and (max-width:575px) {
 .account__social--link {
  height:4rem;
  line-height:4rem;
  padding:0 1.4rem
 }
}
.compare__table {
 border:1px solid var(--border-color);
 border-spacing:0;
 border-bottom:0
}
.compare__table--items__child {
 padding:1.2rem;
 border-left:1px solid var(--border-color);
 border-bottom:1px solid var(--border-color);
 text-align:center
}
.compare__table--items__child:first-child {
 border-left:0
}
@media only screen and (max-width:991px) {
 .compare__table--items__child {
  min-width:200px
 }
}
.compare__table--items__child--header {
 padding:1rem;
 border-bottom:1px solid var(--border-color);
 text-transform:uppercase;
 background:var(--bg-offwhite-color);
 text-align:center
}
@media only screen and (max-width:1199px) {
 .compare__table--items__child--header {
  font-size:1.4rem
 }
}
.compare__product--title {
 font-size:1.4rem;
 line-height:2.4rem;
 margin-bottom:1rem
}
.compare__product--thumb {
 border-radius:.5rem;
 margin:0 auto
}
.compare__remove {
 padding:0;
 float:right;
 width:100%;
 border:0;
 background:inherit;
 text-align:center;
 color:var(--foreground-sub-color)
}
.compare__remove:hover {
 color:var(--secondary-color)
}
.compare__description {
 color:var(--foreground-sub-color);
 padding:.5rem 0
}
.compare__instock {
 text-transform:uppercase;
 font-size:1.3rem
}
.compare__product--price {
 color:var(--foreground-sub-color)
}
.compare__cart--btn {
 border-radius:.5rem;
 text-transform:uppercase;
 padding:0 2rem;
 height:4rem;
 line-height:4rem;
 font-size:1.3rem
}
@media only screen and (min-width:992px) {
 .compare__cart--btn {
  height:4.2rem;
  line-height:4.2rem;
  padding:0 2.5rem
 }
}
.face__step {
 margin-bottom:3.5rem;
 padding-bottom:3rem
}
.face__step:last-child {
 margin-bottom:0;
 padding-bottom:0
}
.face__step--title {
 font-weight:600;
 font-size:2rem
}
@media only screen and (max-width:767px) {
 .face__step--title.mb-30 {
  margin-bottom:2.2rem
 }
}
@media only screen and (min-width:992px) {
 .face__step--title {
  font-size:2.2rem
 }
}
.faq__accordion--btn {
 -webkit-box-shadow:0 2px 22px rgba(0,0,0,.1);
 box-shadow:0 2px 22px rgba(0,0,0,.1);
 padding:1.8rem 6rem 1.8rem 2rem;
 font-size:1.5rem;
 border-radius:.5rem
}
.faq__accordion--btn .accordion__items--button__icon {
 right:1.5rem
}
@media only screen and (max-width:767px) {
 .faq__accordion--btn .accordion__items--button__icon {
  margin-bottom:1.2rem
 }
}
@media only screen and (min-width:768px) {
 .faq__accordion--btn {
  font-size:1.6rem
 }
}
.faq__accordion--btn>* {
 pointer-events:none
}
.ctn-preloader {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 height:100%;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 position:fixed;
 left:0;
 top:0;
 width:100%;
 z-index:9999;
 pointer-events:none
}
.ctn-preloader .animation-preloader {
 position:absolute;
 z-index:100
}
.ctn-preloader .animation-preloader .spinner {
 -webkit-animation:spinner 1s infinite linear;
 animation:spinner 1s infinite linear;
 border-radius:50%;
 border:4px solid var(--border-color);
 border-top-color:var(--bg-light-dark-color);
 height:9em;
 margin:0 auto 3.5em auto;
 width:9em
}
.ctn-preloader .animation-preloader .txt-loading {
 font-weight:900;
 text-align:center;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 color:var(--foreground-sub-color);
 font-size:3.5rem
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
 animation:letters-loading 5s infinite;
 color:var(--body-text-color);
 content:attr(data-text-preloader);
 left:0;
 opacity:0;
 position:absolute;
 top:0;
 -webkit-transform:rotateY(-90deg);
 transform:rotateY(-90deg);
 -webkit-animation:letters-loading 5s infinite
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading {
 color:rgba(0,0,0,.2);
 position:relative
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
 -webkit-animation-delay:.2s;
 animation-delay:.2s
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
 -webkit-animation-delay:.3s;
 animation-delay:.3s
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
 -webkit-animation-delay:.4s;
 animation-delay:.4s
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
 -webkit-animation-delay:.5s;
 animation-delay:.5s
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
 -webkit-animation-delay:.6s;
 animation-delay:.6s
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
 -webkit-animation-delay:.7s;
 animation-delay:.7s
}
.ctn-preloader .loader-section {
 background:var(--body-background-color);
 height:100%;
 position:fixed;
 top:0;
 width:calc(50% + 1px)
}
.ctn-preloader .loader-section.section-left {
 left:0
}
.ctn-preloader .loader-section.section-right {
 right:0
}
.loaded .animation-preloader {
 opacity:0;
 transition:.5s ease-out;
 -webkit-transition:.5s ease-out;
 -moz-transition:.5s ease-out;
 -ms-transition:.5s ease-out;
 -o-transition:.5s ease-out
}
.loaded .loader-section.section-left {
 -webkit-transition:.7s .3s all cubic-bezier(.1,.1,.1,1);
 transition:.7s .3s all cubic-bezier(.1,.1,.1,1);
 -webkit-transform:translateX(-101%);
 transform:translateX(-101%)
}
.loaded .loader-section.section-right {
 -webkit-transition:.7s .3s all cubic-bezier(.1,.1,.1,1);
 transition:.7s .3s all cubic-bezier(.1,.1,.1,1);
 -webkit-transform:translateX(101%);
 transform:translateX(101%)
}
@-webkit-keyframes spinner {
 to {
  -webkit-transform:rotateZ(360deg);
  transform:rotateZ(360deg)
 }
}
@keyframes spinner {
 to {
  -webkit-transform:rotateZ(360deg);
  transform:rotateZ(360deg)
 }
}
@-webkit-keyframes letters-loading {
 0%,
 100%,
 75% {
  opacity:0;
  -webkit-transform:rotateY(-90deg);
  transform:rotateY(-90deg)
 }
 25%,
 50% {
  opacity:1;
  -webkit-transform:rotateY(0);
  transform:rotateY(0)
 }
}
@keyframes letters-loading {
 0%,
 100%,
 75% {
  opacity:0;
  -webkit-transform:rotateY(-90deg);
  transform:rotateY(-90deg)
 }
 25%,
 50% {
  opacity:1;
  -webkit-transform:rotateY(0);
  transform:rotateY(0)
 }
}
@media screen and (max-width:767px) {
 .ctn-preloader .animation-preloader .spinner {
  height:8em;
  width:8em
 }
 .ctn-preloader .animation-preloader .txt-loading {
  font-size:2.5rem
 }
}
@media screen and (max-width:500px) {
 .ctn-preloader .animation-preloader .spinner {
  height:7em;
  width:7em
 }
}
.privacy__policy--content {
 margin-bottom:2rem
}
.privacy__policy--content:last-child {
 margin-bottom:0
}
.privacy__policy--content__title {
 font-size:2rem;
 line-height:2.5rem;
 margin-bottom:1rem;
 font-weight:500
}
@media only screen and (min-width:768px) {
 .privacy__policy--content__title {
  font-size:2.2rem;
  line-height:2.5rem
 }
}
@media only screen and (min-width:1600px) {
 .privacy__policy--content__title {
  font-size:2.5rem;
  line-height:2.8rem;
  margin-bottom:1.2rem
 }
}
.privacy__policy--content__subtitle {
 font-size:1.8rem;
 line-height:2.5rem;
 margin-bottom:.8rem;
 font-weight:500
}
@media only screen and (min-width:1600px) {
 .privacy__policy--content__subtitle {
  font-size:2.2rem;
  line-height:2.5rem;
  margin-bottom:1rem
 }
}
.privacy__policy--content__desc {
 font-size:1.5rem;
 margin-bottom:1.5rem;
 line-height:2.6rem
}
@media only screen and (min-width:1200px) {
 .privacy__policy--content__desc {
  font-size:1.6rem;
  line-height:2.8rem
 }
}
[data-animation] .newsletter__popup--inner {
 opacity:0;
 visibility:hidden;
 -webkit-transition:all .5s cubic-bezier(.51,.92,.24,1.15);
 transition:all .5s cubic-bezier(.51,.92,.24,1.15)
}
[data-animation].newsletter__show .newsletter__popup--inner {
 opacity:1;
 visibility:visible;
 -webkit-transition-delay:.2s;
 transition-delay:.2s
}
.newsletter__popup {
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 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;
 padding:1rem;
 cursor:pointer;
 visibility:hidden;
 opacity:0;
 -webkit-transition:all 1s ease-in-out;
 transition:all 1s ease-in-out;
 z-index:999
}
.newsletter__popup.newsletter__show {
 visibility:visible;
 opacity:1
}
.newsletter__popup.newsletter__show .newsletter__popup--inner {
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
.newsletter__popup--inner {
 position:relative;
 width:88%;
 max-height:80vh;
 border-radius:10px;
 background:var(--body-background-color);
 -webkit-box-shadow:2px 0 20px rgba(0,0,0,.06);
 box-shadow:2px 0 20px rgba(0,0,0,.06);
 overflow:auto;
 cursor:default;
 -webkit-transform:translateY(-50px);
 transform:translateY(-50px)
}
@media only screen and (min-width:576px) {
 .newsletter__popup--inner {
  width:80%
 }
}
@media only screen and (min-width:768px) {
 .newsletter__popup--inner {
  width:655px
 }
}
@media only screen and (min-width:992px) {
 .newsletter__popup--inner {
  width:720px
 }
}
@media only screen and (min-width:1200px) {
 .newsletter__popup--inner {
  width:760px
 }
}
.newsletter__popup--close__btn {
 position:absolute;
 top:4px;
 right:4px;
 background:var(--secondary-color);
 color:var(--text-white-color);
 line-height:2.8rem;
 border:0;
 text-transform:uppercase;
 font-size:1.2rem;
 border-radius:50%;
 padding:0;
 width:3rem;
 height:3rem;
 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
}
.newsletter__popup--close__btn:hover {
 background:var(--primary-color)
}
@media only screen and (min-width:992px) {
 .newsletter__popup--close__btn {
  width:3.2rem;
  height:3.2rem
 }
}
.newsletter__popup--close__btn>* {
 pointer-events:none
}
.newsletter__popup--thumbnail {
 width:280px
}
@media only screen and (min-width:992px) {
 .newsletter__popup--thumbnail {
  width:320px
 }
}
@media only screen and (min-width:1200px) {
 .newsletter__popup--thumbnail {
  width:330px
 }
}
@media only screen and (max-width:767px) {
 .newsletter__popup--thumbnail {
  display:none
 }
}
.newsletter__popup--box__right {
 width:100%;
 padding:3rem 2rem 2.2rem;
 text-align:center
}
@media only screen and (min-width:576px) {
 .newsletter__popup--box__right {
  padding:3rem 2rem 3rem
 }
}
@media only screen and (min-width:768px) {
 .newsletter__popup--box__right {
  width:calc(100% - 280px);
  padding:3rem 2rem
 }
}
@media only screen and (min-width:992px) {
 .newsletter__popup--box__right {
  width:calc(100% - 320px);
  padding:3rem 2.5rem
 }
}
@media only screen and (min-width:1200px) {
 .newsletter__popup--box__right {
  width:calc(100% - 330px);
  padding:3rem 3rem
 }
}
.newsletter__popup--title {
 margin-bottom:1.3rem
}
@media only screen and (min-width:992px) {
 .newsletter__popup--title {
  margin-bottom:2rem
 }
}
.newsletter__popup--content--desc {
 color:var(--foreground-sub-color);
 display:inline-block;
 line-height:2.4rem;
 font-size:1.5rem;
 margin-bottom:1.6rem
}
@media only screen and (min-width:768px) {
 .newsletter__popup--content--desc {
  line-height:2.6rem;
  font-size:1.5rem
 }
}
.newsletter__popup--subscribe__input {
 width:100%;
 height:4rem;
 border:1px solid var(--border-color);
 border-radius:5px;
 padding:0 15px
}
.newsletter__popup--subscribe__input:focus {
 border-color:var(--secondary-color)
}
@media only screen and (min-width:768px) {
 .newsletter__popup--subscribe__input {
  height:4.5rem
 }
}
.newsletter__popup--subscribe__btn {
 width:100%;
 height:4rem;
 background:var(--secondary-color);
 color:var(--text-white-color);
 border:0;
 padding:0 2rem;
 font-size:1.5rem;
 text-transform:uppercase;
 font-weight:500;
 border-radius:5px;
 margin-top:1.5rem
}
.newsletter__popup--subscribe__btn:hover {
 background:var(--primary-color)
}
@media only screen and (min-width:768px) {
 .newsletter__popup--subscribe__btn {
  height:4.5rem
 }
}
.newsletter__popup--footer {
 margin-top:1.2rem;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.newsletter__popup--footer input {
 vertical-align:middle;
 margin-right:.8rem
}
.newsletter__popup--dontshow__again--text {
 color:var(--foreground-sub-color);
 cursor:pointer;
 font-size:1.4rem
}
@media only screen and (min-width:768px) {
 .newsletter__popup--dontshow__again--text {
  font-size:1.6rem
 }
}

.ContactStickButtons {
    position: fixed;
    top: 40%;
    z-index: 998;
    text-align: center;
    font-size: 0;
}

.ContactStickButtons.right {
    right: 0px;
}

.ContactStickButtons.left {
    left: 2px;
}

.ContactStickButtons .Kitle {
    border-radius: 10px;
    display: block;
    box-shadow: inset 0 -3em 3em rgba(0,0,0,0.1),
             0.3em 0.3em 1em rgba(0,0,0,0.3);
}

.ContactStickButtons a:hover {
    box-shadow: inset 0 -3em 3em rgba(0,0,0,0.1),0.3em 0.3em 1em rgba(0,0,0,0.3);
}

.girisyap{
    font-size: 13px;
}

.fnt{
    font-size: 18px;
    font-weight: 600;
}

.fnt-14{
    font-size: 1.4rem !important;
}

.aralik {
  min-height: 90px;
  display: flex;
  align-items: center !important;
}

.fiyat_not {
  font-size: 12px;
  text-align: center;
  line-height: normal;
}

.common-yellow-shape {
  position: relative;
  padding-left: 25px;
  padding-right: 25px;
  display: inline-block;
  margin-top: 3px;
}
.common-yellow-shape:before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  height: 28px;
  width: 50px;
  background: #fed10c;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  z-index: -1;
}

.common-yellow-shape.w-80::before {
  width: 100%;
}

.cerceve{
    border: 1px solid #ededed;
    border-radius: .6rem;
}

.badge {
  display: inline-block;
  padding: 3px;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.75rem;
}


.badge-success {
  background-color: #4CBC9A;
}

.badge-danger {
  background-color: #f75a5b;
}

.badge-warning {
  background-color: #f0a901;
}

.blog__details--wrapper{
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);
    -moz-box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);
    box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);
}

.blog__details--content{
    padding: 15px 40px 40px 20px;
}

.img-fluid {
  display: block;
  width: 100%;
}

.padtop0{
    padding-top: 0rem;
}

.bg-gray{
    background:var(--bg-gray);
}

.bg-white{
    background:var(--bg-white);
}

.padtop5{
    padding-top: 5rem;
}

.padbot5{
    padding-bottom: 5rem;
}

.bilgilendirme{
    margin-bottom: 60px;
}

.icon-radius{
    display: inline-block;
    border-radius: 50%;
    border: 2px solid #ededed;
    padding: 15px;
    background: #fff;
}

.icon-monial{
    display: inline-block;
    border-radius: 6px;
    border: 2px solid #ededed;
    padding: 25px;
}

.icon-monial img{
    max-width: 100%;
    max-height: 37px;
}

.icon-radius img{
    max-width: 100px;
}

.accordion-font{
    font-size: 18px !important;
}

.accordion-item{
    margin-bottom: 15px;
    border: 1px solid #ededed !important;
    border-radius: 15px !important;
}

.accordion-button {
 position:relative;
 display:flex;
 align-items:center;
 width:100%;
 padding: 26px 36px;
 font-size:1rem;
 font-weight: 600;
 color:#212529;
 text-align:left;
 background-color: transparent;
 border:0;
 border-radius:0;
 overflow-anchor:none;
 transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease
}

.accordion-button:not(.collapsed) {
 color:#333;
 background-color: transparent;
 box-shadow:inset 0 -1px 0 rgba(0,0,0,.125);
 font-weight: 600;
}

.testimonial__items--subtitle small{
    font-size: 12px;
    color: #333;
}

.arabirak{
    min-height: 120px;
    display: flex;
    align-items: center !important;
    justify-content: center;
}

.sub-sekil{
    border: 1px solid #ededed;
    margin-bottom: 10px;
    padding: 30px;
    text-align: center;
    border-radius: 15px;
}

.sub-baslik{
    margin-bottom: 12px;
    min-height: 60px;
    display: flex;
    align-items: center !important;
    justify-content: center;
}

.kisa{
    font-size: 12px;
    min-height: 60px;
    display: flex;
    align-items: center !important;
    justify-content: center;
}

.widget__categories--menu{
    margin-top: 50px !important;
}

.ne-kolay{
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 15px;
}

.ne-kolay h4{
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 55px;
    margin-bottom: 4px;
    text-align: center;
}
.ne-kolay p{
    font-size: 24px;
    margin-bottom: 30px;
    text-align: center;
    line-height: 1.5;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    margin-top: 20px;
}

.salepricetitle{
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 10px;
}

.saleprice{
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
}

.rentpricetitle{
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 10px;
}

.rentprice{
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
}

.rentprice del{
    font-size: 12px;
}

.dayslist{
    font-size: 14px;
    font-weight: 600;
    border: 2px solid #b7b6b6;
    border-radius: 6px;
    background: #fff;
    height: 40px;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
}

.servis-talep{
    background: #fff;
    border-radius: 6px;
    padding: 20px;
}

.servis-talep-baslik{
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-weight: 600;
    border-bottom: 2px solid #ededed;
    padding-bottom: 10px;
    line-height: 1.5;
}
.servis-talep-icerik{
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    padding-top: 10px;
}

.labels{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.talep-input{
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 400;
    border: 1px solid #ededed;
    border-radius: 6px;
    background: #fff;
    height: 40px;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
}

.hizmet-al-baslik{
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-weight: 400;
    border-top: 2px solid #ededed;
    padding-top: 20px;
    padding-bottom: 10px;
    line-height: 1.5;
}
.hizmet-al-icerik{
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    padding-top: 10px;
    margin-bottom: 30px;
    font-weight: 600;
    /*text-align: justify;*/
}
.hizmet-title{
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 2px solid #ededed;
    padding-bottom: 10px;
    line-height: 1.5;
}

.form-check-input {
 margin-top:.45em;
}

.hizmet-odeme-sidebar {
 background:#fff;
 border:1px solid var(--border-color);
 padding:3rem 2.5rem;
}

.havale-cerceve{
    background: #fff;
    border: 1px solid #ededed;
    padding: 10px;
    border-radius: .25rem;
    margin-bottom: 10px;
    font-family: 'Poppins',sans-serif;
}

.havale-cerceve .banka-detay{
    font-size: 13px;
}

.havale-cerceve .banka-detay span{
    font-weight: 600;
}

.font-poppins{
    font-family: 'Poppins',sans-serif !important;
}
.font-600{
    font-weight: 600 !important;
}

.font-500{
    font-weight: 500 !important;
}

.font-400{
    font-weight: 400 !important;
}

.fs-24{
    font-size: 24px;
}

.fs-22{
    font-size: 22px;
}

.fs-20{
    font-size: 20px;
}

.fs-18{
    font-size: 18px;
}

.fs-16{
    font-size: 16px;
}

.fs-15{
    font-size: 15px;
}

.fs-14{
    font-size: 14px;
}

.fs-13{
    font-size: 13px;
}

.fs-12{
    font-size: 12px;
}

.border-bottom-info {
 border-bottom:1px solid rgba(5, 81, 96, 0.2) !important;
}

.bilgi-cerceve{
    border: 1px solid #ededed;
    border-radius: .6rem;
    padding: 10px;
}

.table > :not(caption) > * > * {
    vertical-align: middle;
}

.kiralama-badge {
  display: inline-block;
  padding: 3px;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.75rem;
  background-color: #f75a5b;
  margin-left: 8%;
}

.satinalma-badge {
  display: inline-block;
  padding: 3px;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.75rem;
  background-color: #318fcc;
  margin-left: 8%;
}

.head-search{
    border:1px solid #E5E5E5;
    margin-top: 10px;
    border-radius: 5px;
    padding: 10px;
    max-width: 615px;
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 999;
}

.head-search-mobil{
    border:1px solid #E5E5E5;
    margin-top: 10px;
    border-radius: 5px;
    padding: 10px;
    max-width: 342px;
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 999;
}

.search-baslik{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-left: 10px;
}

.kiralik-badge {
  display: inline-block;
  padding: 3px;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.75rem;
  background-color: #f75a5b;
  margin-bottom: 5px;
}

.satilik-badge {
  display: inline-block;
  padding: 3px;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.75rem;
  background-color: #318fcc;
  margin-bottom: 5px;
}

.search-resim{
    border: 1px solid #ededed;
    border-radius: 6px;
}

.head-search li{
    margin-bottom: 10px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
}

.head-search-mobil li{
    margin-bottom: 10px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
}

.mobile-contacts{
    padding: 10px 20px;
    display: flex;
    align-content: center;
    align-items: center;
}

.mobile-content{
    margin-left: 5px;;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
}

.mobile-content2{
    margin-left: 5px;;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
}

.mobile-square{
    border: 1px solid #ededed;
    padding: 5px;
    border-radius: 6px;
}