@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;700&display=swap";

@font-face {
  font-family: 'Icons';
  src:
    url('../fonts/Icons.ttf?2akb93') format('truetype'),
    url('../fonts/Icons.woff?2akb93') format('woff'),
    url('../fonts/Icons.svg?2akb93#Icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'Icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\e910";
}
.icon-download:before {
  content: "\e900";
}
.icon-whatsapp:before {
  content: "\e901";
}
.icon-instagram:before {
  content: "\e902";
}
.icon-trash:before {
  content: "\e903";
}
.icon-basket:before {
  content: "\e904";
}
.icon-reload:before {
  content: "\e905";
}
.icon-close:before {
  content: "\e90b";
}
.icon-arrow:before {
  content: "\e906";
}
.icon-truck:before {
  content: "\e907";
}
.icon-card:before {
  content: "\e908";
}
.icon-user:before {
  content: "\e909";
}
.icon-search:before {
  content: "\e90a";
}
.icon-pin:before {
  content: "\e90c";
}
.icon-phone:before {
  content: "\e90d";
}
.icon-mail:before {
  content: "\e90f";
}
.icon-logout:before {
  content: "\e90e";
}

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1
}

.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px,0px,0px)
}

.owl-carousel .owl-wrapper,.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none
}

.owl-carousel .owl-item.center {
  z-index: 5
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%
}

.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled {
  display: none
}

.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none
}

.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0!important;
  font: inherit
}

.owl-carousel.owl-loaded {
  display: block
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block
}

.owl-carousel.owl-hidden {
  opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab
}

.owl-carousel.owl-rtl {
  direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
  float: right
}

.no-js .owl-carousel {
  display: block
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
  z-index: 0
}

.owl-carousel .owl-animated-out {
  z-index: 1
}

.owl-carousel .fadeOut {
  animation-name: fadeOut
}

@keyframes fadeOut {
  0% {
	  opacity: 1
  }

  to {
	  opacity: 0
  }
}

.owl-height {
  transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
  transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy[src^=""],.owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d
}

.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*=owl-] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #fff;
  text-decoration: none
}

.owl-theme .owl-nav .disabled {
  opacity: .5;
  cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 10px
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom:1}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791
}

* {
  border: 0;
  margin: 0;
  padding: 0;
  resize: none;
  outline: none;
  box-sizing: border-box;
  background: transparent;
  font-family: Rajdhani,sans-serif
}

body {
  width: 100%;
  min-height: 100vh;
  display: flex;
  overflow: hidden;
  position: relative;
  flex-direction: column
}

html,body {
  font-size: 10px;
  line-height: 10px;
  background-color: #f2f2f2;
  overflow-x: hidden;
}

a {
  cursor: pointer;
  text-decoration: none
}

ul,li {
  list-style: none
}

button {
  cursor: pointer
}

.flex {
  display: flex
}

.flex>* {
  flex-grow: 0;
  flex-shrink: 0
}

.flex.wrap {
  flex-wrap: wrap
}

.flex.column {
  flex-direction: column
}

.flex.inline {
  display: inline-flex
}

.flex.grow,.flex>.grow {
  flex-grow: 1
}

.flex.shrink,.flex>.shrink {
  flex-shrink: 1
}

.flex.al-end {
  align-items: flex-end
}

.flex.al-start {
  align-items: flex-start
}

.flex.al-center {
  align-items: center
}

.flex.jf-end {
  justify-content: flex-end
}

.flex.jf-center {
  justify-content: center
}

.flex.jf-space-around {
  justify-content: space-around
}

.flex.jf-space-between {
  justify-content: space-between
}

.w-15 {
  width: calc(15% - 15px)
}

.w-25 {
  width: calc(25% - 15px)
}

.w-30 {
  width: calc(33.3333% - 15px)
}

.w-45 {
  width: calc(45% - 15px)
}

.w-50 {
  width: calc(50% - 15px)
}

.w-75 {
  width: calc(75% - 15px)
}

.w-60 {
  width: calc(66.6666% - 15px)
}

.w-100 {
  width: 100%
}

.inset {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.fixed {
  position: fixed
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.container {
  width: calc(100% - 30px);
  margin-left: auto;
  margin-right: auto
}

[class*=t-] {
  font-style: normal;
  line-height: 140%
}

.t-10 {
  font-size: 1rem
}

.t-12 {
  font-size: 1.2rem
}

.t-14 {
  font-size: 1.4rem
}

.t-16 {
  font-size: 1.6rem
}

.t-18 {
  font-size: 1.8rem
}

.t-20 {
  font-size: 2rem
}

.t-24 {
  font-size: 2.4rem
}

.t-32 {
  font-size: 3.2rem
}

.t-40 {
  font-size: 4rem
}

.t-48 {
  font-size: 4.8rem
}

.t-54 {
  font-size: 5.4rem
}

.t-bold {
  font-weight: 700
}

.t-light {
  font-weight: 300
}

.t-medium {
  font-weight: 500
}

.t-regular {
  font-weight: 400
}

.t-left {
  text-align: left
}

.t-right {
  text-align: right
}

.t-center {
  text-align: center
}

.t-uppercase {
  text-transform: uppercase
}

.t-underline {
  text-decoration: underline
}

.editor {
  overflow: hidden
}

.editor p {
  margin-bottom: 2rem
}

.editor p a {
  color: #cd2d31;
  text-decoration: underline
}

.editor h2,.editor h3 {
  display: inline-block;
  overflow: visible;
  position: relative;
  font-size: 4rem;
  font-weight: 700;
  line-height: 5rem;
  margin-bottom: 3.5rem
}

.editor h3 {
  font-size: 3rem;
  line-height: 4rem;
  margin-bottom: 2.5rem
}

.editor h2:after {
  top: 50%;
  left: calc(100% + 2rem);
  width: 100rem;
  height: 2px;
  content: "";
  display: block;
  position: absolute;
  background: #b3b3b3
}

.editor img {
  width: 100%;
  height: auto;
  display: block
}

.editor figure {
  margin: 0 0 1em;
  border: 1rem solid white
}

.color-muted {
  color: #b1b0b0
}

.color-red {
  color: #cd2d31
}

.color-gray {
  color: #333
}

.color-black {
  color: #4d4d4d
}

.color-white {
  color: #fff
}

.color-light-gray {
  color: #fbf9f9
}

.background-red {
  background: #cd2d31
}

.background-gray {
  background: #333333
}

.background-black {
  background: #262424
}

.background-white {
  background: #FFFFFF
}

.background-light-gray {
  background: #FBF9F9
}

.bd-r-1 {
  border-radius: 1.3rem
}

.bd-r-4 {
  border-radius: .4rem
}

.bd-r-8 {
  border-radius: .8rem
}

.bd-r-16 {
  border-radius: 1.6rem
}

.bd-r-32 {
  border-radius: 3.2rem
}

.bd-r-48 {
  border-radius: 4.8rem
}

.mg-auto {
  margin: auto
}

.mg-t-auto {
  margin-top: auto
}

.mg-l-auto {
  margin-left: auto
}

.mg-r-auto {
  margin-right: auto
}

.mg-b-auto {
  margin-bottom: auto
}

.mg-2 {
  margin: .2rem
}

.pd-2 {
  padding: .2rem
}

.mg-h-2 {
  margin-left: .2rem;
  margin-right: .2rem
}

.pd-h-2 {
  padding-left: .2rem;
  padding-right: .2rem
}

.mg-v-2 {
  margin-top: .2rem;
  margin-bottom: .2rem
}

.pd-v-2 {
  padding-top: .2rem;
  padding-bottom: .2rem
}

.mg-t-2 {
  margin-top: .2rem
}

.pd-t-2 {
  padding-top: .2rem
}

.mg-l-2 {
  margin-left: .2rem
}

.pd-l-2 {
  padding-left: .2rem
}

.mg-r-2 {
  margin-right: .2rem
}

.pd-r-2 {
  padding-right: .2rem
}

.mg-b-2 {
  margin-bottom: .2rem
}

.pd-b-2 {
  padding-bottom: .2rem
}

.mg-5 {
  margin: .5rem
}

.pd-5 {
  padding: .5rem
}

.mg-h-5 {
  margin-left: .5rem;
  margin-right: .5rem
}

.pd-h-5 {
  padding-left: .5rem;
  padding-right: .5rem
}

.mg-v-5 {
  margin-top: .5rem;
  margin-bottom: .5rem
}

.pd-v-5 {
  padding-top: .5rem;
  padding-bottom: .5rem
}

.mg-t-5 {
  margin-top: .5rem
}

.pd-t-5 {
  padding-top: .5rem
}

.mg-l-5 {
  margin-left: .5rem
}

.pd-l-5 {
  padding-left: .5rem
}

.mg-r-5 {
  margin-right: .5rem
}

.pd-r-5 {
  padding-right: .5rem
}

.mg-b-5 {
  margin-bottom: .5rem
}

.pd-b-5 {
  padding-bottom: .5rem
}

.mg-8 {
  margin: .8rem
}

.pd-8 {
  padding: .8rem
}

.mg-h-8 {
  margin-left: .8rem;
  margin-right: .8rem
}

.pd-h-8 {
  padding-left: .8rem;
  padding-right: .8rem
}

.mg-v-8 {
  margin-top: .8rem;
  margin-bottom: .8rem
}

.pd-v-8 {
  padding-top: .8rem;
  padding-bottom: .8rem
}

.mg-t-8 {
  margin-top: .8rem
}

.pd-t-8 {
  padding-top: .8rem
}

.mg-l-8 {
  margin-left: .8rem
}

.pd-l-8 {
  padding-left: .8rem
}

.mg-r-8 {
  margin-right: .8rem
}

.pd-r-8 {
  padding-right: .8rem
}

.mg-b-8 {
  margin-bottom: .8rem
}

.pd-b-8 {
  padding-bottom: .8rem
}

.mg-10 {
  margin: 1rem
}

.pd-10 {
  padding: 1rem
}

.mg-h-10 {
  margin-left: 1rem;
  margin-right: 1rem
}

.pd-h-10 {
  padding-left: 1rem;
  padding-right: 1rem
}

.mg-v-10 {
  margin-top: 1rem;
  margin-bottom: 1rem
}

.pd-v-10 {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.mg-t-10 {
  margin-top: 1rem
}

.pd-t-10 {
  padding-top: 1rem
}

.mg-l-10 {
  margin-left: 1rem
}

.pd-l-10 {
  padding-left: 1rem
}

.mg-r-10 {
  margin-right: 1rem
}

.pd-r-10 {
  padding-right: 1rem
}

.mg-b-10 {
  margin-bottom: 1rem
}

.pd-b-10 {
  padding-bottom: 1rem
}

.mg-15 {
  margin: 1.5rem
}

.pd-15 {
  padding: 1.5rem
}

.mg-h-15 {
  margin-left: 1.5rem;
  margin-right: 1.5rem
}

.pd-h-15 {
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

.mg-v-15 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem
}

.pd-v-15 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem
}

.mg-t-15 {
  margin-top: 1.5rem
}

.pd-t-15 {
  padding-top: 1.5rem
}

.mg-l-15 {
  margin-left: 1.5rem
}

.pd-l-15 {
  padding-left: 1.5rem
}

.mg-r-15 {
  margin-right: 1.5rem
}

.pd-r-15 {
  padding-right: 1.5rem
}

.mg-b-15 {
  margin-bottom: 1.5rem
}

.pd-b-15 {
  padding-bottom: 1.5rem
}

.mg-16 {
  margin: 1.6rem
}

.pd-16 {
  padding: 1.6rem
}

.mg-h-16 {
  margin-left: 1.6rem;
  margin-right: 1.6rem
}

.pd-h-16 {
  padding-left: 1.6rem;
  padding-right: 1.6rem
}

.mg-v-16 {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem
}

.pd-v-16 {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem
}

.mg-t-16 {
  margin-top: 1.6rem
}

.pd-t-16 {
  padding-top: 1.6rem
}

.mg-l-16 {
  margin-left: 1.6rem
}

.pd-l-16 {
  padding-left: 1.6rem
}

.mg-r-16 {
  margin-right: 1.6rem
}

.pd-r-16 {
  padding-right: 1.6rem
}

.mg-b-16 {
  margin-bottom: 1.6rem
}

.pd-b-16 {
  padding-bottom: 1.6rem
}

.mg-20 {
  margin: 2rem
}

.pd-20 {
  padding: 2rem
}

.mg-h-20 {
  margin-left: 2rem;
  margin-right: 2rem
}

.pd-h-20 {
  padding-left: 2rem;
  padding-right: 2rem
}

.mg-v-20 {
  margin-top: 2rem;
  margin-bottom: 2rem
}

.pd-v-20 {
  padding-top: 2rem;
  padding-bottom: 2rem
}

.mg-t-20 {
  margin-top: 2rem
}

.pd-t-20 {
  padding-top: 2rem
}

.mg-l-20 {
  margin-left: 2rem
}

.pd-l-20 {
  padding-left: 2rem
}

.mg-r-20 {
  margin-right: 2rem
}

.pd-r-20 {
  padding-right: 2rem
}

.mg-b-20 {
  margin-bottom: 2rem
}

.pd-b-20 {
  padding-bottom: 2rem
}

.mg-24 {
  margin: 2.4rem
}

.pd-24 {
  padding: 2.4rem
}

.mg-h-24 {
  margin-left: 2.4rem;
  margin-right: 2.4rem
}

.pd-h-24 {
  padding-left: 2.4rem;
  padding-right: 2.4rem
}

.mg-v-24 {
  margin-top: 2.4rem;
  margin-bottom: 2.4rem
}

.pd-v-24 {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem
}

.mg-t-24 {
  margin-top: 2.4rem
}

.pd-t-24 {
  padding-top: 2.4rem
}

.mg-l-24 {
  margin-left: 2.4rem
}

.pd-l-24 {
  padding-left: 2.4rem
}

.mg-r-24 {
  margin-right: 2.4rem
}

.pd-r-24 {
  padding-right: 2.4rem
}

.mg-b-24 {
  margin-bottom: 2.4rem
}

.pd-b-24 {
  padding-bottom: 2.4rem
}

.mg-30 {
  margin: 3rem
}

.pd-30 {
  padding: 3rem
}

.mg-h-30 {
  margin-left: 3rem;
  margin-right: 3rem
}

.pd-h-30 {
  padding-left: 3rem;
  padding-right: 3rem
}

.mg-v-30 {
  margin-top: 3rem;
  margin-bottom: 3rem
}

.pd-v-30 {
  padding-top: 3rem;
  padding-bottom: 3rem
}

.mg-t-30 {
  margin-top: 3rem
}

.pd-t-30 {
  padding-top: 3rem
}

.mg-l-30 {
  margin-left: 3rem
}

.pd-l-30 {
  padding-left: 3rem
}

.mg-r-30 {
  margin-right: 3rem
}

.pd-r-30 {
  padding-right: 3rem
}

.mg-b-30 {
  margin-bottom: 3rem
}

.pd-b-30 {
  padding-bottom: 3rem
}

.mg-40 {
  margin: 4rem
}

.pd-40 {
  padding: 4rem
}

.mg-h-40 {
  margin-left: 4rem;
  margin-right: 4rem
}

.pd-h-40 {
  padding-left: 4rem;
  padding-right: 4rem
}

.mg-v-40 {
  margin-top: 4rem;
  margin-bottom: 4rem
}

.pd-v-40 {
  padding-top: 4rem;
  padding-bottom: 4rem
}

.mg-t-40 {
  margin-top: 4rem
}

.pd-t-40 {
  padding-top: 4rem
}

.mg-l-40 {
  margin-left: 4rem
}

.pd-l-40 {
  padding-left: 4rem
}

.mg-r-40 {
  margin-right: 4rem
}

.pd-r-40 {
  padding-right: 4rem
}

.mg-b-40 {
  margin-bottom: 4rem
}

.pd-b-40 {
  padding-bottom: 4rem
}

.mg-60 {
  margin: 6rem
}

.pd-60 {
  padding: 6rem
}

.mg-h-60 {
  margin-left: 6rem;
  margin-right: 6rem
}

.pd-h-60 {
  padding-left: 6rem;
  padding-right: 6rem
}

.mg-v-60 {
  margin-top: 6rem;
  margin-bottom: 6rem
}

.pd-v-60 {
  padding-top: 6rem;
  padding-bottom: 6rem
}

.mg-t-60 {
  margin-top: 6rem
}

.pd-t-60 {
  padding-top: 6rem
}

.mg-l-60 {
  margin-left: 6rem
}

.pd-l-60 {
  padding-left: 6rem
}

.mg-r-60 {
  margin-right: 6rem
}

.pd-r-60 {
  padding-right: 6rem
}

.mg-b-60 {
  margin-bottom: 6rem
}

.pd-b-60 {
  padding-bottom: 6rem
}

.mg-70 {
  margin: 7rem
}

.pd-70 {
  padding: 7rem
}

.mg-h-70 {
  margin-left: 7rem;
  margin-right: 7rem
}

.pd-h-70 {
  padding-left: 7rem;
  padding-right: 7rem
}

.mg-v-70 {
  margin-top: 7rem;
  margin-bottom: 7rem
}

.pd-v-70 {
  padding-top: 7rem;
  padding-bottom: 7rem
}

.mg-t-70 {
  margin-top: 7rem
}

.pd-t-70 {
  padding-top: 7rem
}

.mg-l-70 {
  margin-left: 7rem
}

.pd-l-70 {
  padding-left: 7rem
}

.mg-r-70 {
  margin-right: 7rem
}

.pd-r-70 {
  padding-right: 7rem
}

.mg-b-70 {
  margin-bottom: 7rem
}

.pd-b-70 {
  padding-bottom: 7rem
}

.mg-90 {
  margin: 9rem
}

.pd-90 {
  padding: 9rem
}

.mg-h-90 {
  margin-left: 9rem;
  margin-right: 9rem
}

.pd-h-90 {
  padding-left: 9rem;
  padding-right: 9rem
}

.mg-v-90 {
  margin-top: 9rem;
  margin-bottom: 9rem
}

.pd-v-90 {
  padding-top: 9rem;
  padding-bottom: 9rem
}

.mg-t-90 {
  margin-top: 9rem
}

.pd-t-90 {
  padding-top: 9rem
}

.mg-l-90 {
  margin-left: 9rem
}

.pd-l-90 {
  padding-left: 9rem
}

.mg-r-90 {
  margin-right: 9rem
}

.pd-r-90 {
  padding-right: 9rem
}

.mg-b-90 {
  margin-bottom: 9rem
}

.pd-b-90 {
  padding-bottom: 9rem
}

.mg-100 {
  margin: 10rem
}

.pd-100 {
  padding: 10rem
}

.mg-h-100 {
  margin-left: 10rem;
  margin-right: 10rem
}

.pd-h-100 {
  padding-left: 10rem;
  padding-right: 10rem
}

.mg-v-100 {
  margin-top: 10rem;
  margin-bottom: 10rem
}

.pd-v-100 {
  padding-top: 10rem;
  padding-bottom: 10rem
}

.mg-t-100 {
  margin-top: 10rem
}

.pd-t-100 {
  padding-top: 10rem
}

.mg-l-100 {
  margin-left: 10rem
}

.pd-l-100 {
  padding-left: 10rem
}

.mg-r-100 {
  margin-right: 10rem
}

.pd-r-100 {
  padding-right: 10rem
}

.mg-b-100 {
  margin-bottom: 10rem
}

.pd-b-100 {
  padding-bottom: 10rem
}

.z-top {
  z-index: 10
}

.z-middle {
  z-index: 3
}

.z-bottom {
  z-index: 1
}

.for-display {
  speak: none
}

.for-sreader {
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
  text-indent: -50000px
}

.no-animate {
  animation: none
}

.no-pointer {
  pointer-events: none
}

.main-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transition: .3s cubic-bezier(.51,-.02,0,.98);
  background: #262424;
}

.main-header .logo-wrapper {
  height: 14rem;
  transition: .3s cubic-bezier(.51,-.02,0,.98)
}

.main-header .logo-wrapper .logo {
  width: 13.7rem;
  height: auto;
  transition: .3s cubic-bezier(.51,-.02,0,.98)
}

.main-header .logo-wrapper .logo-bg {
  top: 0;
  right: -15px;
  bottom: 0;
  width: 50vw
}

.main-header .menu-wrapper {
  top: 7rem;
  height: 7rem
}

.main-header .menu-wrapper li a {
  transition: .3s cubic-bezier(.51,-.02,0,.98)
}

.main-header .menu-wrapper li a.active {
  color: #cd2d31
}

.main-header .menu-wrapper li ul {
  min-width: 100%;
  transform: scaleY(0);
  transform-origin: top;
  transition: .3s cubic-bezier(.51,-.02,0,.98)
}

.main-header .menu-wrapper li ul a {
  display: block
}

.main-header .menu-wrapper .menu-bg {
  top: 0;
  left: -15px;
  width: 75vw;
  bottom: 0
}

.main-header .actions-wrapper .social a {
  height: 7rem;
  transition: .3s cubic-bezier(.51,-.02,0,.98)
}

.main-header .actions-wrapper .social a div {
  line-height: 1
}

.main-header .actions-wrapper .search input,.main-header .actions-wrapper .buttons input {
  height: 7rem
}

.main-header .actions-wrapper .search input::placeholder,.main-header .actions-wrapper .buttons input::placeholder {
  color: #262424
}

.main-header .actions-wrapper .search button,.main-header .actions-wrapper .buttons button {
  width: 6.6rem;
  height: 7rem;
  transition: .3s cubic-bezier(.51,-.02,0,.98)
}

.main-header .actions-wrapper .search button .count,.main-header .actions-wrapper .buttons button .count {
  top: 2rem;
  right: 1.2rem;
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.8rem;
  border-radius: 50%
}

.main-header .actions-wrapper .search button:after,.main-header .actions-wrapper .buttons button:after {
  content: "";
  top: 1.2rem;
  right: -1px;
  width: 2px;
  height: 4.5rem;
  display: block;
  position: absolute;
  border-radius: 1px;
  background-color: #0000001a
}

.main-header .actions-wrapper .search:after {
  content: "";
  top: 1.2rem;
  left: -1px;
  width: 2px;
  height: 4.5rem;
  display: block;
  position: absolute;
  border-radius: 1px;
  background-color: #0000001a
}

.main-header.hide-header {
  transform: translate3d(0,-50%,0)
}

.main-header.hide-header .logo-wrapper {
  height: 7rem;
  margin: 7rem 0 0
}

.main-header.hide-header .logo-wrapper .logo {
  width: 8.7rem
}

.menu-bar {
  z-index: 10;
  top: 13.6rem;
  right: 0;
  margin: 0;
  width: 200px;
  bottom: 0;
  -webkit-transition: .4s ease;
  -webkit-transition-transition: .4s ease;
  -webkit-transform: translateX(100%);
  -webkit-transform-transform: translateX(100%);
  position: absolute;
  background: rgba(0,0,0,.9)
}

.menu-bar.visible {
  -webkit-transform: translateX(0%);
  -webkit-transform-transform: translateX(0%)
}

.menu-bar nav {
  width: 100%;
  display: block;
  padding: 15px 0;
  text-align: right
}

.menu-bar nav {
  margin: 0rem 15px
}

.menu-bar nav a,.menu-bar .group>div {
  color: #fff;
  display: block;
  height: 4rem;
  padding: 0 30px 0 0;
  font-size: 1.6rem;
  line-height: 4rem;
  font-weight: 700;
  text-align: right;
  text-transform: uppercase
}

.menu-bar .group:before {
  margin: 1rem 30px;
  content: "";
  display: block;
  border-top: 1px solid #4d4d4d
}

.menu-bar .group>div {
  color: #b3b3b3;
  margin-bottom: 0
}

.menu-bar .group a {
  color: #b3b3b3;
  height: 3rem;
  line-height: 3rem;
  text-transform: none
}

.cta-wpp {
  z-index: 10;
  left: 3rem;
  bottom: 3rem;
  width: 6rem;
  height: 6rem;
  display: block;
  position: fixed;
  overflow: hidden;
  border-radius: 3rem;
  background-color: #25d366;
  transition: .2s ease
}

.cta-wpp .icon-whatsapp {
  color: #fff;
  float: right;
  display: block;
  width: 6rem;
  height: 6rem;
  font-size: 3.2rem;
  line-height: 6rem;
  text-align: center
}

.cta-wpp .text {
  opacity: 0;
  top: 1.2rem;
  right: 6rem;
  width: 9.5rem;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4rem;
  text-align: right;
  text-transform: uppercase;
  position: absolute;
  transition: .2s ease
}

.cta-wpp .text span:last-child {
  display: block;
  font-size: 2rem;
  line-height: 2.2rem
}

.main-footer {
  margin-top: auto
}

.main-footer .logo {
  width: 13.7rem;
  height: auto
}

.main-footer .about a {
  transition: .3s cubic-bezier(.51,-.02,0,.98)
}

.main-footer .about img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center bottom;
  max-height: 24rem;
  border-bottom: .5rem solid #cd2d31
}

.main-footer .copy {
  background: #4d4d4d
}

.main-footer .payments img {
  width: auto;
  height: auto;
  max-width: 6rem;
  max-height: 3rem
}

.main-content {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  margin-top: 14rem;
  transition: .3s cubic-bezier(.51,-.02,0,.98)
}

.main-content>* {
  width: 100%;
  display: block;
  position: relative;
  background-color: #f2f2f2
}

.main-content.hide-header {
  margin-top: 7rem
}

.main-content .color-light-gray {
  color: #999
}

[wpp-form-wrapper] {
  font-size: 1.4rem
}

[wpp-form-wrapper]>div[role=main] {
  margin-top: 2rem
}

[wpp-form-wrapper]>div[role=main] label {
  color: #fff!important
}



/* Responsive */
@media (min-width: 576px) and (max-width: 1300px) {
  html,body {
	  font-size:8px
  }
}

@media (min-width: 576px) {
  .container {
	  max-width:540px
  }
}

@media (min-width: 768px) {
  .container {
	  max-width:720px
  }
}

@media (min-width: 992px) {
  .container {
	  max-width:960px
  }

  .main-header .menu-wrapper li a:hover {
	  color:#cd2d31
  }

  .main-header .menu-wrapper li:hover>a,.main-header .menu-wrapper li:focus-within>a {
	  color: #cd2d31
  }

  .main-header .menu-wrapper li:hover>ul,.main-header .menu-wrapper li:focus-within>ul {
	  transform: scaleY(1)
  }

  .main-header .actions-wrapper .social .icon-instagram:hover {
	  color: #ef1b77
  }

  .main-header .actions-wrapper .social .icon-facebook:hover {
	  color: #1b74e4
  }

  .main-header .actions-wrapper .social .icon-whatsapp:hover {
	  color: #25d366
  }

  .main-header .actions-wrapper .search button:hover,.main-header .actions-wrapper .buttons button:hover {
	  text-shadow: 0rem .2rem .2rem rgba(0,0,0,.2)
  }

  .cta-wpp:hover {
	  width:17rem
  }

  .cta-wpp:hover .text {
	  opacity: 1
  }

  .main-footer .menu a:hover {
	  text-decoration:underline
  }

  .main-footer .about a:hover {
	  color: #cd2d31
  }
}

@media (min-width: 1200px) {
  .container {
	  max-width:1140px
  }
}

@media (min-width: 1400px) {
  .container {
	  max-width:1300px
  }
}

@media (max-width: 991px) {
  .t-20 {
	  font-size:1.8rem
  }

  .t-18 {
	  font-size: 1.6rem
  }

  .t-16 {
	  font-size: 1.4rem
  }

  .t-24 {
	  font-size: 1.6rem
  }

  .t-32 {
	  font-size: 2.1333333333rem
  }

  .t-40 {
	  font-size: 2.6666666667rem
  }

  .t-48 {
	  font-size: 3.2rem
  }

  .t-54 {
	  font-size: 3.6rem
  }

  .mg-40 {
	  margin:2.6666666667rem
  }

  .pd-40 {
	  padding: 2.6666666667rem
  }

  .mg-h-40 {
	  margin-left: 2.6666666667rem;
	  margin-right: 2.6666666667rem
  }

  .pd-h-40 {
	  padding-left: 2.6666666667rem;
	  padding-right: 2.6666666667rem
  }

  .mg-v-40 {
	  margin-top: 2.6666666667rem;
	  margin-bottom: 2.6666666667rem
  }

  .pd-v-40 {
	  padding-top: 2.6666666667rem;
	  padding-bottom: 2.6666666667rem
  }

  .mg-t-40 {
	  margin-top: 2.6666666667rem
  }

  .pd-t-40 {
	  padding-top: 2.6666666667rem
  }

  .mg-l-40 {
	  margin-left: 2.6666666667rem
  }

  .pd-l-40 {
	  padding-left: 2.6666666667rem
  }

  .mg-r-40 {
	  margin-right: 2.6666666667rem
  }

  .pd-r-40 {
	  padding-right: 2.6666666667rem
  }

  .mg-b-40 {
	  margin-bottom: 2.6666666667rem
  }

  .pd-b-40 {
	  padding-bottom: 2.6666666667rem
  }

  .mg-60 {
	  margin: 4rem
  }

  .pd-60 {
	  padding: 4rem
  }

  .mg-h-60 {
	  margin-left: 4rem;
	  margin-right: 4rem
  }

  .pd-h-60 {
	  padding-left: 4rem;
	  padding-right: 4rem
  }

  .mg-v-60 {
	  margin-top: 4rem;
	  margin-bottom: 4rem
  }

  .pd-v-60 {
	  padding-top: 4rem;
	  padding-bottom: 4rem
  }

  .mg-t-60 {
	  margin-top: 4rem
  }

  .pd-t-60 {
	  padding-top: 4rem
  }

  .mg-l-60 {
	  margin-left: 4rem
  }

  .pd-l-60 {
	  padding-left: 4rem
  }

  .mg-r-60 {
	  margin-right: 4rem
  }

  .pd-r-60 {
	  padding-right: 4rem
  }

  .mg-b-60 {
	  margin-bottom: 4rem
  }

  .pd-b-60 {
	  padding-bottom: 4rem
  }

  .mg-70 {
	  margin: 4.6666666667rem
  }

  .pd-70 {
	  padding: 4.6666666667rem
  }

  .mg-h-70 {
	  margin-left: 4.6666666667rem;
	  margin-right: 4.6666666667rem
  }

  .pd-h-70 {
	  padding-left: 4.6666666667rem;
	  padding-right: 4.6666666667rem
  }

  .mg-v-70 {
	  margin-top: 4.6666666667rem;
	  margin-bottom: 4.6666666667rem
  }

  .pd-v-70 {
	  padding-top: 4.6666666667rem;
	  padding-bottom: 4.6666666667rem
  }

  .mg-t-70 {
	  margin-top: 4.6666666667rem
  }

  .pd-t-70 {
	  padding-top: 4.6666666667rem
  }

  .mg-l-70 {
	  margin-left: 4.6666666667rem
  }

  .pd-l-70 {
	  padding-left: 4.6666666667rem
  }

  .mg-r-70 {
	  margin-right: 4.6666666667rem
  }

  .pd-r-70 {
	  padding-right: 4.6666666667rem
  }

  .mg-b-70 {
	  margin-bottom: 4.6666666667rem
  }

  .pd-b-70 {
	  padding-bottom: 4.6666666667rem
  }

  .mg-90 {
	  margin: 6rem
  }

  .pd-90 {
	  padding: 6rem
  }

  .mg-h-90 {
	  margin-left: 6rem;
	  margin-right: 6rem
  }

  .pd-h-90 {
	  padding-left: 6rem;
	  padding-right: 6rem
  }

  .mg-v-90 {
	  margin-top: 6rem;
	  margin-bottom: 6rem
  }

  .pd-v-90 {
	  padding-top: 6rem;
	  padding-bottom: 6rem
  }

  .mg-t-90 {
	  margin-top: 6rem
  }

  .pd-t-90 {
	  padding-top: 6rem
  }

  .mg-l-90 {
	  margin-left: 6rem
  }

  .pd-l-90 {
	  padding-left: 6rem
  }

  .mg-r-90 {
	  margin-right: 6rem
  }

  .pd-r-90 {
	  padding-right: 6rem
  }

  .mg-b-90 {
	  margin-bottom: 6rem
  }

  .pd-b-90 {
	  padding-bottom: 6rem
  }

  .mg-100 {
	  margin: 6.6666666667rem
  }

  .pd-100 {
	  padding: 6.6666666667rem
  }

  .mg-h-100 {
	  margin-left: 6.6666666667rem;
	  margin-right: 6.6666666667rem
  }

  .pd-h-100 {
	  padding-left: 6.6666666667rem;
	  padding-right: 6.6666666667rem
  }

  .mg-v-100 {
	  margin-top: 6.6666666667rem;
	  margin-bottom: 6.6666666667rem
  }

  .pd-v-100 {
	  padding-top: 6.6666666667rem;
	  padding-bottom: 6.6666666667rem
  }

  .mg-t-100 {
	  margin-top: 6.6666666667rem
  }

  .pd-t-100 {
	  padding-top: 6.6666666667rem
  }

  .mg-l-100 {
	  margin-left: 6.6666666667rem
  }

  .pd-l-100 {
	  padding-left: 6.6666666667rem
  }

  .mg-r-100 {
	  margin-right: 6.6666666667rem
  }

  .pd-r-100 {
	  padding-right: 6.6666666667rem
  }

  .mg-b-100 {
	  margin-bottom: 6.6666666667rem
  }

  .pd-b-100 {
	  padding-bottom: 6.6666666667rem
  }

  .main-header {
	  position:static;
	  overflow: visible;
	  background: #262424
  }

  .main-header:after {
	  content: "";
	  display: block;
	  position: absolute;
	  top: 8rem;
	  left: 0;
	  right: 0;
	  height: 5.6rem;
	  z-index: 1;
	  background: #333333
  }

  .main-header .w-75 {
	  width: auto
  }

  .main-header .container {
	  position: relative
  }

  .main-header .logo-wrapper {
	  width: auto;
	  height: 8rem;
	  padding-left: 30px;
	  padding-right: 30px
  }

  .main-header .logo-wrapper .logo {
	  width: 10rem
  }

  .main-header .logo-wrapper .logo-bg {
	  width: 100vw
  }

  .main-header .social {
	  display: none
  }

  .main-header .search {
	  top: 8rem;
	  left: 0;
	  right: 0;
	  z-index: 2;
	  position: absolute
  }

  .main-header .search:after {
	  left: auto!important;
	  right: calc(6.6rem - 1px);
	  top: 50%!important;
	  height: 3.5rem!important;
	  transform: translateY(-50%);
	  background: #B3B3B3!important
  }

  .main-header .search input {
	  color: #fff;
	  padding: 0;
	  height: 5.6rem!important
  }

  .main-header .search input::placeholder {
	  color: #fff!important
  }

  .main-header .search button {
	  color: #fff;
	  height: 5.6rem!important;
	  font-size: 1.8rem
  }

  .main-header .search button:after {
	  display: none!important
  }

  .main-header .search .menu-toggle {
	  width: 6.6rem
  }

  .main-header .search .menu-toggle div {
	  margin: .48rem auto;
	  width: 3rem;
	  height: .26rem;
	  background: #ffffff
  }

  .main-header .buttons {
	  margin-left: auto
  }

  .main-header .buttons button {
	  color: #fff;
	  height: 8rem!important;
	  font-size: 1.8rem
  }

  .main-header .buttons button:after {
	  top: 50%!important;
	  height: 3.5rem!important;
	  transform: translateY(-50%);
	  background: #B3B3B3!important
  }

  .main-header .buttons button:last-child:after {
	  display: none
  }

  .main-header .menu-wrapper {
	  display: none
  }

  .main-header.hide-header:after {
	  top: 7rem;
	  height: 7rem
  }

  .main-header.hide-header .search {
	  height: 5rem
  }

  .main-header.hide-header .search:after,.main-header.hide-header .search input,.main-header.hide-header .search button {
	  display: none!important
  }

  .main-header.hide-header .search .menu-toggle {
	  margin-left: auto
  }

  .menu-bar.hide-header {
	  top:7rem
  }

  .main-footer .background-gray>.flex,.main-footer .background-gray .menu .flex {
	  flex-wrap:wrap
  }

  .main-footer .background-gray>.flex .w-50,.main-footer .background-gray>.flex .w-45,.main-footer .background-gray .menu .flex .w-50,.main-footer .background-gray .menu .flex .w-45 {
	  width: 100%
  }

  .main-footer .background-gray>.flex .w-50,.main-footer .background-gray .menu .flex .w-50 {
	  margin-bottom: 6rem
  }

  .main-content {
	  margin-top:5.6rem
  }

  .main-content.hide-header {
	  margin-top: -7rem
  }
}

@media (max-width: 576px) {
  .cta-wpp {
	  left:15px
  }

  .main-footer .menu li.mg-r-30 {
	  margin-top:3rem
  }

  .main-footer .menu li:last-child {
	  order: -1
  }

  .main-footer .menu li:first-child {
	  order: -2
  }

  .main-footer .menu>ul>li {
	  display: none
  }
}