* {
  font-family: 'Montserrat', sans-serif;
}
.color-primary {
  color: #efd018; }
  
.color-text-header {
  color: #ffffff; }  

.color-white {
  color: white; }

.color-text {
  color: #444; }

.color-text-light {
  color: #363f4d; }

.color-text-superlight {
  color: #9E9E9E; }

.is-inline {
  display: inline-block; }
.is-none {
  display: none;
}
.is-flex {
  display: flex !important; }
  .is-flex--column {
    flex-direction: column; }
  .is-flex-1 {
    flex: 1; }
  .is-flex--acenter {
    align-items: center; }
  .is-flex--space-between {
    justify-content: space-between; }
  .is-flex--center {
    justify-content: center; }
  .is-flex--start {
    justify-content: flex-start; }

.is-vertical-flex {
  display: flex;
  flex-direction: column; }
.mg-right-15 {
  margin-right: 15px;
}
.mg-left-15 {
  margin-left: 15px;
}
.is-100-height {
  height: 100%; }

.is-fullwidth {
  width: 100%; }

.is-fullheight {
  height: 100%; }

.is-float-left {
  float: left; }

.is-float-right {
  float: right; }

.is-link--dark a {
  color: #fff; }
  .is-link--dark a:hover {
    color: #D0ECE7;
    text-decoration: none; }

.is-link--light a {
  color: #444; }
  .is-link--light a:hover {
    color: #09488a;
    text-decoration: none; }

.is-clickable {
  cursor: pointer !important; }
  .is-clickable--no-shadow:hover {
    box-shadow: none !important; }
  .is-clickable:hover {
    box-shadow: 0 5px 10px #d7d7d7, 0 -5px 15px #d9d9d9; }

.is-padding-25 {
  padding: 25px; }

.is-padding-20 {
  padding: 20px; }

.is-padding-15 {
  padding: 15px; }

.is-padding-10 {
  padding: 10px; }

.is-padding-5 {
  padding: 5px; }

.is-margin-25 {
  margin: 25px; }

.is-margin-20 {
  margin: 20px; }

.is-margin-15 {
  margin: 15px; }

.is-margin-10 {
  margin: 10px; }

.is-margin-5 {
  margin: 5px; }

.is-text-center {
  text-align: center !important; }

.is-text-left {
  text-align: left !important; }

.is-text-right {
  text-align: right !important; }

.is-text-sm {
  font-size: 14px; }

.is-text-md {
  font-size: 18px; }

.is-text-lg {
  font-size: 24px; }

.is-text-sg {
  font-size: 28px; }

.is-text-bold {
  font-weight: bold; }

.is-gap-left {
  margin-left: 5px; }

.is-opaque {
  color: #919596; }

.is-flat-input {
  border-width: 2px;
  padding: 18px 10px; }

.is-flat-button {
  text-align: center;
  padding: 6px 10px;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-weight: 600; }
  .is-flat-button--no-bg {
    text-align: center;
    padding: 6px 10px;
    color: #444;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    background-color: #fff !important; }
  .is-flat-button--fix-width {
    min-width: 115px; }
  .is-flat-button--same-input {
    color: #444;
    border: 2px solid #d9d9d9;
    text-align: center;
    background-color: #fff !important; }
    .is-flat-button--same-input:hover {
      color: #fff;
      background-color: #efd018 !important;
      border-color: #efd018 !important;
      font-weight: 600; }

.is-border-danger {
  border: 1px solid #ff3860 !important; }

.is-border-info {
  border: 1px solid #3EACA8 !important; }

.is-border-primary {
  border: 1px solid #1ABC9C !important; }

.is-button-danger {
  background-color: #ff3860; }

.is-button-primary {
  background-color: #1ABC9C; }
.is-border-default {
  border: 1px solid #d8d8d8;
}
.is-button-info {
  background-color: #3EACA8; }

.is-splitter {
  display: flex;
  width: 100%;
  justify-content: space-between; }

.slick-slide.slick-active:focus {
  outline: none !important; }

.hero-carousel .hero-carousel-slider {
  height: 100%; }
  .hero-carousel .hero-carousel-slider .slick-list {
    height: 100%; }
    .hero-carousel .hero-carousel-slider .slick-list .slick-track {
      height: 100%; }

select {
  height: 42px;
  outline: none;
  max-width: 200px;
  width: 100%; }
.owl-wrap-info {
  background: #f2f2f2;
}
.owl-nav {
  position: absolute;
  top: -40px;
  right: -5px; }
  .owl-nav .owl-prev, .owl-nav .owl-next {
    width: 35px;
    height: 35px;
    border-radius: 4px;
    background-color: #f2f2f2 !important;
    margin-right: 5px; }
    .owl-nav .owl-prev:hover, .owl-nav .owl-next:hover {
      background-color: #efd018 !important;
      color: white !important; }
    .owl-nav .owl-prev span, .owl-nav .owl-next span {
      font-size: 21px; }
  .owl-nav .owl-prev {
    margin-right: 5px; }
  .owl-nav .disabled {
    opacity: .5;
    cursor: default; }

.row {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  
.rowcheckout {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  
.col {
  width: 100%;
  box-sizing: border-box; }

.offset-i {
  margin-left: 0%; }

.offset-i {
  margin-left: 4.16667%; }

.offset-i {
  margin-left: 8.33333%; }

.offset-i {
  margin-left: 12.5%; }

.offset-i {
  margin-left: 16.66667%; }

.offset-i {
  margin-left: 20.83333%; }

.offset-i {
  margin-left: 25%; }

.offset-i {
  margin-left: 29.16667%; }

.offset-i {
  margin-left: 33.33333%; }

.offset-i {
  margin-left: 37.5%; }

.offset-i {
  margin-left: 41.66667%; }

.offset-i {
  margin-left: 45.83333%; }

.offset-i {
  margin-left: 50%; }

.offset-i {
  margin-left: 54.16667%; }

.offset-i {
  margin-left: 58.33333%; }

.offset-i {
  margin-left: 62.5%; }

.offset-i {
  margin-left: 66.66667%; }

.offset-i {
  margin-left: 70.83333%; }

.offset-i {
  margin-left: 75%; }

.offset-i {
  margin-left: 79.16667%; }

.offset-i {
  margin-left: 83.33333%; }

.offset-i {
  margin-left: 87.5%; }

.offset-i {
  margin-left: 91.66667%; }

.offset-i {
  margin-left: 95.83333%; }

@media screen and (min-width: 320px) {
  .xs-offset-0 {
    margin-left: 0px; }
  .xs-1 {
    max-width: 4.16667%; }
  .xs-offset-1 {
    margin-left: 4.16667%; }
  .xs-2 {
    max-width: 8.33333%; }
  .xs-offset-2 {
    margin-left: 8.33333%; }
  .xs-3 {
    max-width: 12.5%; }
  .xs-offset-3 {
    margin-left: 12.5%; }
  .xs-4 {
    max-width: 16.66667%; }
  .xs-offset-4 {
    margin-left: 16.66667%; }
  .xs-5 {
    max-width: 20.83333%; }
  .xs-offset-5 {
    margin-left: 20.83333%; }
  .xs-6 {
    max-width: 25%; }
  .xs-offset-6 {
    margin-left: 25%; }
  .xs-7 {
    max-width: 29.16667%; }
  .xs-offset-7 {
    margin-left: 29.16667%; }
  .xs-8 {
    max-width: 33.33333%; }
  .xs-offset-8 {
    margin-left: 33.33333%; }
  .xs-9 {
    max-width: 37.5%; }
  .xs-offset-9 {
    margin-left: 37.5%; }
  .xs-10 {
    max-width: 41.66667%; }
  .xs-offset-10 {
    margin-left: 41.66667%; }
  .xs-11 {
    max-width: 45.83333%; }
  .xs-offset-11 {
    margin-left: 45.83333%; }
  .xs-12 {
    max-width: 50%; }
  .xs-offset-12 {
    margin-left: 50%; }
  .xs-13 {
    max-width: 54.16667%; }
  .xs-offset-13 {
    margin-left: 54.16667%; }
  .xs-14 {
    max-width: 58.33333%; }
  .xs-offset-14 {
    margin-left: 58.33333%; }
  .xs-15 {
    max-width: 62.5%; }
  .xs-offset-15 {
    margin-left: 62.5%; }
  .xs-16 {
    max-width: 66.66667%; }
  .xs-offset-16 {
    margin-left: 66.66667%; }
  .xs-17 {
    max-width: 70.83333%; }
  .xs-offset-17 {
    margin-left: 70.83333%; }
  .xs-18 {
    max-width: 75%; }
  .xs-offset-18 {
    margin-left: 75%; }
  .xs-19 {
    max-width: 79.16667%; }
  .xs-offset-19 {
    margin-left: 79.16667%; }
  .xs-20 {
    max-width: 83.33333%; }
  .xs-offset-20 {
    margin-left: 83.33333%; }
  .xs-21 {
    max-width: 87.5%; }
  .xs-offset-21 {
    margin-left: 87.5%; }
  .xs-22 {
    max-width: 91.66667%; }
  .xs-offset-22 {
    margin-left: 91.66667%; }
  .xs-23 {
    max-width: 95.83333%; }
  .xs-offset-23 {
    margin-left: 95.83333%; }
  .xs-24 {
    max-width: 100%; }
  .xs-offset-24 {
    margin-left: 100%; } }

@media screen and (min-width: 576px) {
  .sm-offset-0 {
    margin-left: 0px; }
  .sm-1 {
    max-width: 4.16667%; }
  .sm-offset-1 {
    margin-left: 4.16667%; }
  .sm-2 {
    max-width: 8.33333%; }
  .sm-offset-2 {
    margin-left: 8.33333%; }
  .sm-3 {
    max-width: 12.5%; }
  .sm-offset-3 {
    margin-left: 12.5%; }
  .sm-4 {
    max-width: 16.66667%; }
  .sm-offset-4 {
    margin-left: 16.66667%; }
  .sm-5 {
    max-width: 20.83333%; }
  .sm-offset-5 {
    margin-left: 20.83333%; }
  .sm-6 {
    max-width: 25%; }
  .sm-offset-6 {
    margin-left: 25%; }
  .sm-7 {
    max-width: 29.16667%; }
  .sm-offset-7 {
    margin-left: 29.16667%; }
  .sm-8 {
    max-width: 33.33333%; }
  .sm-offset-8 {
    margin-left: 33.33333%; }
  .sm-9 {
    max-width: 37.5%; }
  .sm-offset-9 {
    margin-left: 37.5%; }
  .sm-10 {
    max-width: 41.66667%; }
  .sm-offset-10 {
    margin-left: 41.66667%; }
  .sm-11 {
    max-width: 45.83333%; }
  .sm-offset-11 {
    margin-left: 45.83333%; }
  .sm-12 {
    max-width: 50%; }
  .sm-offset-12 {
    margin-left: 50%; }
  .sm-13 {
    max-width: 54.16667%; }
  .sm-offset-13 {
    margin-left: 54.16667%; }
  .sm-14 {
    max-width: 58.33333%; }
  .sm-offset-14 {
    margin-left: 58.33333%; }
  .sm-15 {
    max-width: 62.5%; }
  .sm-offset-15 {
    margin-left: 62.5%; }
  .sm-16 {
    max-width: 66.66667%; }
  .sm-offset-16 {
    margin-left: 66.66667%; }
  .sm-17 {
    max-width: 70.83333%; }
  .sm-offset-17 {
    margin-left: 70.83333%; }
  .sm-18 {
    max-width: 75%; }
  .sm-offset-18 {
    margin-left: 75%; }
  .sm-19 {
    max-width: 79.16667%; }
  .sm-offset-19 {
    margin-left: 79.16667%; }
  .sm-20 {
    max-width: 83.33333%; }
  .sm-offset-20 {
    margin-left: 83.33333%; }
  .sm-21 {
    max-width: 87.5%; }
  .sm-offset-21 {
    margin-left: 87.5%; }
  .sm-22 {
    max-width: 91.66667%; }
  .sm-offset-22 {
    margin-left: 91.66667%; }
  .sm-23 {
    max-width: 95.83333%; }
  .sm-offset-23 {
    margin-left: 95.83333%; }
  .sm-24 {
    max-width: 100%; }
  .sm-offset-24 {
    margin-left: 100%; } }

@media screen and (min-width: 768px) {
  .md-offset-0 {
    margin-left: 0px; }
  .md-1 {
    max-width: 4.16667%; }
  .md-offset-1 {
    margin-left: 4.16667%; }
  .md-2 {
    max-width: 8.33333%; }
  .md-offset-2 {
    margin-left: 8.33333%; }
  .md-3 {
    max-width: 12.5%; }
  .md-offset-3 {
    margin-left: 12.5%; }
  .md-4 {
    max-width: 16.66667%; }
  .md-offset-4 {
    margin-left: 16.66667%; }
  .md-5 {
    max-width: 20.83333%; }
  .md-offset-5 {
    margin-left: 20.83333%; }
  .md-6 {
    max-width: 25%; }
  .md-offset-6 {
    margin-left: 25%; }
  .md-7 {
    max-width: 29.16667%; }
  .md-offset-7 {
    margin-left: 29.16667%; }
  .md-8 {
    max-width: 33.33333%; }
  .md-offset-8 {
    margin-left: 33.33333%; }
  .md-9 {
    max-width: 37.5%; }
  .md-offset-9 {
    margin-left: 37.5%; }
  .md-10 {
    max-width: 41.66667%; }
  .md-offset-10 {
    margin-left: 41.66667%; }
  .md-11 {
    max-width: 45.83333%; }
  .md-offset-11 {
    margin-left: 45.83333%; }
  .md-12 {
    max-width: 50%; }
  .md-offset-12 {
    margin-left: 50%; }
  .md-13 {
    max-width: 54.16667%; }
  .md-offset-13 {
    margin-left: 54.16667%; }
  .md-14 {
    max-width: 58.33333%; }
  .md-offset-14 {
    margin-left: 58.33333%; }
  .md-15 {
    max-width: 62.5%; }
  .md-offset-15 {
    margin-left: 62.5%; }
  .md-16 {
    max-width: 66.66667%; }
  .md-offset-16 {
    margin-left: 66.66667%; }
  .md-17 {
    max-width: 70.83333%; }
  .md-offset-17 {
    margin-left: 70.83333%; }
  .md-18 {
    max-width: 75%; }
  .md-offset-18 {
    margin-left: 75%; }
  .md-19 {
    max-width: 79.16667%; }
  .md-offset-19 {
    margin-left: 79.16667%; }
  .md-20 {
    max-width: 83.33333%; }
  .md-offset-20 {
    margin-left: 83.33333%; }
  .md-21 {
    max-width: 87.5%; }
  .md-offset-21 {
    margin-left: 87.5%; }
  .md-22 {
    max-width: 91.66667%; }
  .md-offset-22 {
    margin-left: 91.66667%; }
  .md-23 {
    max-width: 95.83333%; }
  .md-offset-23 {
    margin-left: 95.83333%; }
  .md-24 {
    max-width: 100%; }
  .md-offset-24 {
    margin-left: 100%; } }

@media screen and (min-width: 992px) {
  .lg-offset-0 {
    margin-left: 0px; }
  .lg-1 {
    max-width: 4.16667%; }
  .lg-offset-1 {
    margin-left: 4.16667%; }
  .lg-2 {
    max-width: 8.33333%; }
  .lg-offset-2 {
    margin-left: 8.33333%; }
  .lg-3 {
    max-width: 12.5%; }
  .lg-offset-3 {
    margin-left: 12.5%; }
  .lg-4 {
    max-width: 16.66667%; }
  .lg-offset-4 {
    margin-left: 16.66667%; }
  .lg-5 {
    max-width: 20%; }
  .lg-offset-5 {
    margin-left: 20.83333%; }
  .lg-6 {
    max-width: 25%; }
  .lg-offset-6 {
    margin-left: 25%; }
  .lg-7 {
    max-width: 29.16667%; }
  .lg-offset-7 {
    margin-left: 29.16667%; }
  .lg-8 {
    max-width: 33.33333%; }
  .lg-offset-8 {
    margin-left: 33.33333%; }
  .lg-9 {
    max-width: 37.5%; }
  .lg-offset-9 {
    margin-left: 37.5%; }
  .lg-10 {
    max-width: 41.66667%; }
  .lg-offset-10 {
    margin-left: 41.66667%; }
  .lg-11 {
    max-width: 45.83333%; }
  .lg-offset-11 {
    margin-left: 45.83333%; }
  .lg-12 {
    max-width: 50%; }
  .lg-offset-12 {
    margin-left: 50%; }
  .lg-13 {
    max-width: 54.16667%; }
  .lg-offset-13 {
    margin-left: 54.16667%; }
  .lg-14 {
    max-width: 58.33333%; }
  .lg-offset-14 {
    margin-left: 58.33333%; }
  .lg-15 {
    max-width: 62.5%; }
  .lg-offset-15 {
    margin-left: 62.5%; }
  .lg-16 {
    max-width: 66.66667%; }
  .lg-offset-16 {
    margin-left: 66.66667%; }
  .lg-17 {
    max-width: 70.83333%; }
  .lg-offset-17 {
    margin-left: 70.83333%; }
  .lg-18 {
    max-width: 75%; }
  .lg-offset-18 {
    margin-left: 75%; }
  .lg-19 {
    max-width: 79.16667%; }
  .lg-offset-19 {
    margin-left: 79.16667%; }
  .lg-20 {
    max-width: 83.33333%; }
  .lg-offset-20 {
    margin-left: 83.33333%; }
  .lg-21 {
    max-width: 87.5%; }
  .lg-offset-21 {
    margin-left: 87.5%; }
  .lg-22 {
    max-width: 91.66667%; }
  .lg-offset-22 {
    margin-left: 91.66667%; }
  .lg-23 {
    max-width: 95.83333%; }
  .lg-offset-23 {
    margin-left: 95.83333%; }
  .lg-24 {
    max-width: 100%; }
  .lg-offset-24 {
    margin-left: 100%; } }

@media screen and (min-width: 1200px) {
  .xl-offset-0 {
    margin-left: 0px; }
  .xl-1 {
    max-width: 4.16667%; }
  .xl-offset-1 {
    margin-left: 4.16667%; }
  .xl-2 {
    max-width: 8.33333%; }
  .xl-offset-2 {
    margin-left: 8.33333%; }
  .xl-3 {
    max-width: 12.5%; }
  .xl-offset-3 {
    margin-left: 12.5%; }
  .xl-4 {
    max-width: 16.66667%; }
  .xl-offset-4 {
    margin-left: 16.66667%; }
  .xl-5 {
    max-width: 20.83333%; }
  .xl-offset-5 {
    margin-left: 20.83333%; }
  .xl-6 {
    max-width: 25%; }
  .xl-offset-6 {
    margin-left: 25%; }
  .xl-7 {
    max-width: 29.16667%; }
  .xl-offset-7 {
    margin-left: 29.16667%; }
  .xl-8 {
    max-width: 33.33333%; }
  .xl-offset-8 {
    margin-left: 33.33333%; }
  .xl-9 {
    max-width: 37.5%; }
  .xl-offset-9 {
    margin-left: 37.5%; }
  .xl-10 {
    max-width: 41.66667%; }
  .xl-offset-10 {
    margin-left: 41.66667%; }
  .xl-11 {
    max-width: 45.83333%; }
  .xl-offset-11 {
    margin-left: 45.83333%; }
  .xl-12 {
    max-width: 50%; }
  .xl-offset-12 {
    margin-left: 50%; }
  .xl-13 {
    max-width: 54.16667%; }
  .xl-offset-13 {
    margin-left: 54.16667%; }
  .xl-14 {
    max-width: 58.33333%; }
  .xl-offset-14 {
    margin-left: 58.33333%; }
  .xl-15 {
    max-width: 62.5%; }
  .xl-offset-15 {
    margin-left: 62.5%; }
  .xl-16 {
    max-width: 66.66667%; }
  .xl-offset-16 {
    margin-left: 66.66667%; }
  .xl-17 {
    max-width: 70.83333%; }
  .xl-offset-17 {
    margin-left: 70.83333%; }
  .xl-18 {
    max-width: 75%; }
  .xl-offset-18 {
    margin-left: 75%; }
  .xl-19 {
    max-width: 79.16667%; }
  .xl-offset-19 {
    margin-left: 79.16667%; }
  .xl-20 {
    max-width: 83.33333%; }
  .xl-offset-20 {
    margin-left: 83.33333%; }
  .xl-21 {
    max-width: 87.5%; }
  .xl-offset-21 {
    margin-left: 87.5%; }
  .xl-22 {
    max-width: 91.66667%; }
  .xl-offset-22 {
    margin-left: 91.66667%; }
  .xl-23 {
    max-width: 95.83333%; }
  .xl-offset-23 {
    margin-left: 95.83333%; }
  .xl-24 {
    max-width: 100%; }
  .xl-offset-24 {
    margin-left: 100%; } }

@media screen and (min-width: 1600px) {
  .xxl-offset-0 {
    margin-left: 0px; }
  .xxl-1 {
    max-width: 4.16667%; }
  .xxl-offset-1 {
    margin-left: 4.16667%; }
  .xxl-2 {
    max-width: 8.33333%; }
  .xxl-offset-2 {
    margin-left: 8.33333%; }
  .xxl-3 {
    max-width: 12.5%; }
  .xxl-offset-3 {
    margin-left: 12.5%; }
  .xxl-4 {
    max-width: 16.66667%; }
  .xxl-offset-4 {
    margin-left: 16.66667%; }
  .xxl-5 {
    max-width: 20.83333%; }
  .xxl-offset-5 {
    margin-left: 20.83333%; }
  .xxl-6 {
    max-width: 25%; }
  .xxl-offset-6 {
    margin-left: 25%; }
  .xxl-7 {
    max-width: 29.16667%; }
  .xxl-offset-7 {
    margin-left: 29.16667%; }
  .xxl-8 {
    max-width: 33.33333%; }
  .xxl-offset-8 {
    margin-left: 33.33333%; }
  .xxl-9 {
    max-width: 37.5%; }
  .xxl-offset-9 {
    margin-left: 37.5%; }
  .xxl-10 {
    max-width: 41.66667%; }
  .xxl-offset-10 {
    margin-left: 41.66667%; }
  .xxl-11 {
    max-width: 45.83333%; }
  .xxl-offset-11 {
    margin-left: 45.83333%; }
  .xxl-12 {
    max-width: 50%; }
  .xxl-offset-12 {
    margin-left: 50%; }
  .xxl-13 {
    max-width: 54.16667%; }
  .xxl-offset-13 {
    margin-left: 54.16667%; }
  .xxl-14 {
    max-width: 58.33333%; }
  .xxl-offset-14 {
    margin-left: 58.33333%; }
  .xxl-15 {
    max-width: 62.5%; }
  .xxl-offset-15 {
    margin-left: 62.5%; }
  .xxl-16 {
    max-width: 66.66667%; }
  .xxl-offset-16 {
    margin-left: 66.66667%; }
  .xxl-17 {
    max-width: 70.83333%; }
  .xxl-offset-17 {
    margin-left: 70.83333%; }
  .xxl-18 {
    max-width: 75%; }
  .xxl-offset-18 {
    margin-left: 75%; }
  .xxl-19 {
    max-width: 79.16667%; }
  .xxl-offset-19 {
    margin-left: 79.16667%; }
  .xxl-20 {
    max-width: 83.33333%; }
  .xxl-offset-20 {
    margin-left: 83.33333%; }
  .xxl-21 {
    max-width: 87.5%; }
  .xxl-offset-21 {
    margin-left: 87.5%; }
  .xxl-22 {
    max-width: 91.66667%; }
  .xxl-offset-22 {
    margin-left: 91.66667%; }
  .xxl-23 {
    max-width: 95.83333%; }
  .xxl-offset-23 {
    margin-left: 95.83333%; }
  .xxl-24 {
    max-width: 100%; }
  .xxl-offset-24 {
    margin-left: 100%; } }

@media screen and (min-width: 320px) {
  .xs-fix-10 {
    max-width: 10%; }
  .xs-fix-20 {
    max-width: 20%; }
  .xs-fix-30 {
    max-width: 30%; }
  .xs-fix-40 {
    max-width: 40%; }
  .xs-fix-50 {
    max-width: 50%; }
  .xs-fix-60 {
    max-width: 60%; }
  .xs-fix-70 {
    max-width: 70%; }
  .xs-fix-80 {
    max-width: 80%; }
  .xs-fix-90 {
    max-width: 90%; }
  .xs-fix-100 {
    max-width: 100%; } }

@media screen and (min-width: 576px) {
  .sm-fix-10 {
    max-width: 10%; }
  .sm-fix-20 {
    max-width: 20%; }
  .sm-fix-30 {
    max-width: 30%; }
  .sm-fix-40 {
    max-width: 40%; }
  .sm-fix-50 {
    max-width: 50%; }
  .sm-fix-60 {
    max-width: 60%; }
  .sm-fix-70 {
    max-width: 70%; }
  .sm-fix-80 {
    max-width: 80%; }
  .sm-fix-90 {
    max-width: 90%; }
  .sm-fix-100 {
    max-width: 100%; } }

@media screen and (min-width: 768px) {
  .md-fix-0 {
    max-width: 0%; }
  .md-fix-5 {
    max-width: 5%; }
  .md-fix-10 {
    max-width: 10%; }
  .md-fix-15 {
    max-width: 15%; }
  .md-fix-20 {
    max-width: 20%; }
  .md-fix-30 {
    max-width: 30%; }
  .md-fix-40 {
    max-width: 40%; }
  .md-fix-50 {
    max-width: 50%; }
  .md-fix-60 {
    max-width: 60%; }
  .md-fix-70 {
    max-width: 70%; }
  .md-fix-80 {
    max-width: 80%; }
  .md-fix-90 {
    max-width: 90%; }
  .md-fix-100 {
    max-width: 100%; } }

@media screen and (min-width: 992px) {
  .lg-fix-10 {
    max-width: 10%; }
  .lg-fix-20 {
    max-width: 20%; }
  .lg-fix-30 {
    max-width: 30%; }
  .lg-fix-40 {
    max-width: 40%; }
  .lg-fix-50 {
    max-width: 50%; }
  .lg-fix-60 {
    max-width: 60%; }
  .lg-fix-70 {
    max-width: 70%; }
  .lg-fix-80 {
    max-width: 80%; }
  .lg-fix-90 {
    max-width: 90%; }
  .lg-fix-100 {
    max-width: 100%; } }

@media screen and (min-width: 1200px) {
  .xl-fix-10 {
    max-width: 10%; }
  .xl-fix-20 {
    max-width: 20%; }
  .xl-fix-30 {
    max-width: 30%; }
  .xl-fix-40 {
    max-width: 40%; }
  .xl-fix-50 {
    max-width: 50%; }
  .xl-fix-60 {
    max-width: 60%; }
  .xl-fix-70 {
    max-width: 70%; }
  .xl-fix-80 {
    max-width: 80%; }
  .xl-fix-90 {
    max-width: 90%; }
  .xl-fix-100 {
    max-width: 100%; } }

@media screen and (min-width: 1600px) {
  .xxl-fix-10 {
    max-width: 10%; }
  .xxl-fix-20 {
    max-width: 20%; }
  .xxl-fix-30 {
    max-width: 30%; }
  .xxl-fix-40 {
    max-width: 40%; }
  .xxl-fix-50 {
    max-width: 50%; }
  .xxl-fix-60 {
    max-width: 60%; }
  .xxl-fix-70 {
    max-width: 70%; }
  .xxl-fix-80 {
    max-width: 80%; }
  .xxl-fix-90 {
    max-width: 90%; }
  .xxl-fix-100 {
    max-width: 100%; } }

.default-btn {
  display: inline-block;
  background-color: white;
  color: black;
  padding: 10px 20px;
  border-radius: 4px; }

.btn-primary, .btn-contract {
  padding: 10px 20px;
  background-color: #efd018;
  border: 1px solid #efd018;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-family: Poppins, sans-serif;
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer;
  font-size: 16px; }
  .btn-primary:hover, .btn-contract:hover {
    background-color: #efd018;
    border-color: #efd018}

.btn-contract {
  background-color: #212121;
  border: 1px solid #212121; }
  .btn-contract:hover {
    background-color: #efd018;
    border-color: #efd018; }

.btn-tertiary {
  cursor: pointer;
  padding: 10px 20px;
  background-color: white;
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #efd018;
  color: #efd018;
  text-align: center; }
  .btn-tertiary:hover {
    border-color: #efd018;
    color: #efd018; }

.btn--small {
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 600; }

input {
  height: 31px;
  border: none;
  padding-left: 11px;
  border-color: #fff;
  border-radius: 2px;
  font-size: 17px; }

input.same-default-btn {
  height: 34px;
  margin-bottom: 15px; }

input.btn-primary, input.btn-contract {
  height: 42px; }

header {
  background-color: #212121;
  color: white; }

header a:hover, .breadcrumb a:hover, .main a:hover {
  color: #efd018;
}

.topbar {
  /*padding: 5px 0px;*/
  padding: 10px 0px;
  font-size: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.17); }
  .topbar i {
    font-size: 14px; }

.header-container-mobile {
  padding: 5px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  height: 50px;
}
  .header-container-mobile form.search {
    max-width: unset; }

.header-container .cart-box {
  cursor: pointer;
  border-radius: 4px; }
  .header-container .cart-box:hover {
    background: white; }
    .header-container .cart-box:hover a {
      color: #efd018; }
      .header-container .cart-box:hover a-btn {
        border: 1px solid rgba(255, 255, 255, 0.17);
        padding: 8px 14px;
        position: relative; }
        .header-container .cart-box:hover a-btn span {
          position: absolute;
          top: 0;
          right: -3px;
          padding: 4px 6px;
          background: white;
          font-size: 12px;
          color: red;
          text-align: center;
          line-height: 12px;
          border-radius: 15px;
          font-weight: 500; }
  .header-container .cart-box a {
    color: white; }
  .header-container .cart-box i {
    font-size: 25px; }

.cart-box-btn {
  border: 1px solid rgba(255, 255, 255, 0.17);
  padding: 4px 10px; }
  .cart-box-btn span {
    position: absolute;
    top: 0;
    right: -3px;
    padding: 4px 6px;
    background: white;
    font-size: 12px;
    color: red;
    text-align: center;
    line-height: 12px;
    border-radius: 15px;
    font-weight: 500; }

.header-container {
  padding: 15px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;}
  .header-container .logo {
    font-size: 1px;}
  .header-container .logo img {
    max-height: 60px; }
  .header-container .from-right .hotline img {
    max-width: 40px; }
  .header-container .from-right .hotline-number {
    color: #ffdd20;
    font-size: 18px;
    font-weight: 900; }
  .header-container .from-right .hotline-text {
    display: flex;
    font-size: 14px;
    line-height: 15px;
    flex-direction: column;
    justify-content: center; }
  .header-container .from-right .cart-box {
    cursor: pointer;
    border-radius: 4px; }
    .header-container .from-right .cart-box:hover {
      background: white; }
      .header-container .from-right .cart-box:hover a {
        color: #efd018; }
    .header-container .from-right .cart-box a {
      color: white; }
    .header-container .from-right .cart-box i {
      font-size: 25px; }
    .header-container .from-right .cart-box-btn {
      border: 1px solid rgba(255, 255, 255, 0.17);
      padding: 8px 14px; }

/*nav {*/
/*  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08); }*/
  nav ul.nav {
    margin-left: -16px;
    padding: 10px 0;
    display: flex;
    /*position: relative; }*/
  }
    nav ul.nav li a {
      font-weight: 600;
      font-size: 14px;
      text-transform: uppercase;
      position: relative; }
    nav ul.nav .has-mega .mega-content {
      position: absolute;
      z-index: 999;
      left: 0;
      top: 88px;
      border: 1px solid #e1e1e1;
      border-radius: 2px;
      visibility: hidden;
      background: white;
      transition: 300ms ease-in;
      transform: translateY(100px);
      padding: 20px;
      opacity: 0;
      width: -webkit-fill-available; }
      nav ul.nav .has-mega .mega-content a {
        font-size: 14px;
        font-weight: 400;
        text-transform: unset; }
      nav ul.nav .has-mega .mega-content .big-image-header img {
        width: 100%; }
      nav ul.nav .has-mega .mega-content > div > ul {
        display: flex; }
        nav ul.nav .has-mega .mega-content > div > ul > li {
          margin-bottom: 20px; }
          nav ul.nav .has-mega .mega-content > div > ul > li > a {
            font-size: 16px;
            font-weight: 600; }
      nav ul.nav .has-mega .mega-content > div > ul {
        display: flex; }
        nav ul.nav .has-mega .mega-content > div > ul > div > li {
          margin-bottom: 20px; }
          nav ul.nav .has-mega .mega-content > div > ul > div > li > a {
            font-size: 16px;
            font-weight: 600; }
    nav ul.nav .has-mega:hover a:before {
      width: 100%;
      content: '';
      top: 30px;
      height: 30px;
      position: absolute; }
    nav ul.nav .has-mega:hover .mega-content {
      visibility: visible;
      transition: 300ms ease-in;
      opacity: 1;
      transform: translateY(0); }

.logo-mobile {
  font-size: 1px;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
}
  .logo-mobile img {
    max-height: 40px; }

form.search {
  width: 100%;
  margin: 0px;
  display: flex;
  max-width: unset; }
  form.search:hover {
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
    border-color: rgba(223,225,229,0);
  }
  @media screen and (min-width: 768px) {
    form.search {
      max-width: 480px; } }
  form.search .search-icon {
    width: 40px;
    background: rgba(255, 255, 255, 0.2);
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;}
    form.search .search-icon i {
      font-size: 18px;
      cursor: pointer;}
  form.search input {
    width: 100%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding-right: 20px;
    border: none;
    height: 23px;
    color: white;
    background: rgba(255, 255, 255, 0.2); }
    form.search input::placeholder {
      color: white; }
    form.search input:-ms-input-placeholder {
      color: white; }
    form.search input::ms-input-placeholder {
      color: white; }

.banner {
  display: block;
  max-width: 1100px;
  margin: auto;
  margin-top: 20px; }
  .banner img {
    width: 100%;
    max-height: 346px; }

.collection {
  display: block;
  max-width: 1100px;
  margin: auto; }
  
.card {
  display: block;
  margin: 90px 0; }
  .card-wrapper {
    display: flex;
    justify-content: space-between; }
    .card-wrapper .left {
      flex-grow: 1;
      width: 50%; }
      .card-wrapper .left img {
        width: 100%; }
    .card-wrapper .right {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      line-height: 24px;
      width: 50%;
      padding: 0 35px; }
      .card-wrapper .right a {
        margin-top: 30px;
        color: #d77e6a;
        text-decoration: underline; }
      .card-wrapper .right .card-title {
        text-transform: uppercase;
        font-size: 26px;
        font-weight: 900; }
      .card-wrapper .right .price {
        margin-top: 25px;
        color: #d77e6a;
        font-size: 19px;
        font-weight: 900px; }
      .card-wrapper .right .atcard-btn {
        margin-top: 25px;
        width: 95px;
        padding: 10px 20px;
        color: #fff;
        font-weight: 500;
        text-align: center;
        background-color: #d77e6a; }

footer {
  margin-top: 20px;
  background-color: #212121;
  color: white; }
  footer h1, footer h2, footer h3, footer h4, footer h5, footer strong, footer p, footer a {
    color: #fff; }
  footer p {
    font-size: 14px; }
  footer .container {
    padding: 40px 0px; }
    footer .container .infomation p {
      line-height: 26px;
      padding-right: 15px; }
    footer .container .logo img {
      max-height: 60px; }
    footer .container .social {
      display: flex; }
      @media screen and (max-width: 798px) {
        footer .container .social {
          margin-bottom: 20px; } }
      footer .container .social a {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        display: block;
        text-align: center;
        line-height: 35px;
        color: white;
        margin-right: 5px; }
      footer .container .social a[title="Facebook"] {
        background-color: #3b5998; }
      footer .container .social a[title="Twitter"] {
        background-color: #1da1f2; }
      footer .container .social a[title="Google Plus"] {
        background-color: #dd4b39; }
      footer .container .social a[title="Pinterest"] {
        background-color: #bd081c; }

.footer-col-title {
  margin-bottom: 30px;
  color: #c9c9c9;
  font-size: 18px;
  font-weight: 500;}
  .footer-col-title .about-footer .fa {
    display: none;
    font-size: 12px;
    margin-left: 10px;
    position: absolute;
    top:50%;
    left:40%;
    transform: translateY(-50%);
  }
  .footer-col-title .about-footer .fa.fa-plus {
    z-index:10;
  }
  .footer-content .address-ctn {
    display: block;
  }
@media screen and (max-width: 570px) {
  .footer-col-title .about-footer .fa {
    display: inline-block;
  }
  .btnPay {
    display: flex;
    justify-content: space-between;
  }
  .btnPay>a {
    width: 50%;
    text-align: center;
    padding: 8px 10px !important;
  }
  .owl-banner-info {
    padding: 5px 0 !important;
  }
  .footer-navigation {
    overflow: hidden;
    height: 0px; } 
  .collection-title {
    font-size: 25px !important;
    margin-bottom: 0px !important;
  }
  .grid-collection .product {
    margin: 5px !important;
  }
  .featured-collections {
    display: none;
  }
  .footer-content .address-ctn {
    display: none;
  }
  .mr-bottom-ft {
    margin-bottom: 0 !important;
  }
  .footer-content.active {
    margin-bottom: 20px;
  }
}
.mr-bottom-ft {
  margin-bottom: 20px;
}


  .footer-col-title {
  margin-bottom: 0px;}
  

.footer-navigation li a {
  font-size: 14px;
  line-height: 28px; }

@media screen and (max-width: 798px) {
  .rowcheckout {
  flex-direction: column-reverse;
  }
  .footer-navigation + span {
    position: absolute;
    right: 0; }
  .account-area--content {
    flex-direction: column;
  }
  .account-area--left, .account-area--right {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
  }
  .category-right {
    padding-left: 0px !important;
    width: 100%;
  }
}

.footer-bottom {
  text-align: center;
  padding: 10px 0;
  background-color: #000;
  color: #c9c9c9;
  font-size: 12px; }

.product-content {
  border: 1px solid #f0f0f0;
  padding: 10px; }
  .product-content .product-name {
    font-size: 14px;
    letter-spacing: 0.14px;
    font-weight: 600;
    text-size-adjust: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    text-align: center;}
  .product-content .product-price {
    font-weight: 600;
    color: #efd018;
    text-align: center;}

.product-image {
  background-color: #f0f0f0;
  position: relative;}
  .product-image a {
    display: flex; }
    .product-image a img {
      height: 100%;
      width: 100%;
      object-fit: contain;
      margin: auto; }

.hover-img span {
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.hover-img {
  text-overflow: ellipsis;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: .95;
    display: block;
    cursor: pointer;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #212121;
    color: #fff;
    transition: opacity .3s;
    height: 100%;
}
.img-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 15%;
  background: #212121;
  opacity: 0;
  z-index: 2000;
  transition: opacity .5s ease-in-out;
}
.img-wrapper:hover {
  opacity: 0.7;
  cursor: pointer;
}
.form-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 30px; }
  .form-item label, .form-item input {
    align-self: flex-start; }
  .form-item label {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 5px; }
  .form-item input {
    width: 100%;
    height: 42px;
    box-sizing: border-box; }

input[type="checkbox"].filled-in:checked + span:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 3px;
  -webkit-transition: .2s;
  transition: .2s; }

input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none; }
  input[type="checkbox"] + span {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 22px;
    line-height: 22px; }
    input[type="checkbox"] + span:before {
      position: absolute;
      content: ''; }

input[type="checkbox"].filled-in:checked + span:after {
  background-color: #efd018;
  border-color: #efd018; }

input[type="checkbox"].filled-in:checked + span:before {
  left: 1px;
  width: 4px;
  height: 8px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  z-index: 1; }

input[type="checkbox"].filled-in:not(:checked) + span:before {
  display: none; }

input[type="checkbox"] + span:after {
  background: #c8c8c8;
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  content: '';
  left: 0; }

/*.collection-title:after, .section-title:after {*/
/*  display: block;*/
/*  border-top: 1px solid #efd018;*/
/*  content: '';*/
/*  width: 90px; }*/
.owl-banner-info .owl-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  margin-top: 0 !important;
  width: 100%;
}
.owl-banner-info .owl-nav .owl-prev {
  float: left;
  position: absolute;
  left: 0px;
  background-color: #f2f2f2 !imporant;
}
.owl-banner-info .owl-nav .owl-prev:hover {
   background: #f2f2f2 !imporant;
}
.owl-banner-info .owl-nav .owl-next {
  float: right;
  position: absolute;
  right: 0px;
  background-color: #f2f2f2 !imporant;
}
.owl-banner-info .owl-nav .owl-next:hover {
   background: #f2f2f2 !imporant;
}
.hero {
  position: relative; }
  .hero picture img {
    width: 100%; }
  .hero .text-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
    .hero .text-overlay .text-inner {
      padding: 20px;
      max-width: 750px;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      text-align: center;
      border: 1px solid transparent;
      border-radius: 4px;
      color: white;
      transition: border 500ms ease-in; }
      .hero .text-overlay .text-inner:hover {
        border: 2px solid #efd018; }
      .hero .text-overlay .text-inner h3 {
        font-size: 20px;
        text-transform: uppercase; }
        .hero .text-overlay .text-inner h3:after {
          display: block;
          border-top: 1px solid #efd018;
          content: '';
          width: 90px;
          margin: 10px auto; }
      .hero .text-overlay .text-inner p {
        font-size: 14px; }

.art-cards {
  display: flex;
  margin-left: -10px;
  margin-right: -10px; }
  .art-cards .art-card {
    display: inline-block;
    padding: 10px;
    position: relative; }
    .art-cards .art-card .container {
      border: 1px solid #efd018; }
    .art-cards .art-card img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .art-cards .art-card .card-title, .art-cards .art-card .card-subtitle, .art-cards .art-card .card-sale {
      position: absolute;
      text-transform: uppercase; }

  .collection-title .collection-title-name {
    position: relative;
  }
  .collection-title .collection-title-name .dash-left{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #969696;
    width: 40%;
    height: 1px;
    left: 0;
  }
  .collection-title .collection-title-name .dash-right{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: #969696;
    width: 40%;
    height: 1px;
  }

.collection {
  margin-top: 20px;
  margin-bottom: 20px; }
  .collection-title {
    font-size: 35px;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: 600;
    position: relative;
    text-align: center;
  }
    .collection-title:after {
      border-width: 3px; }
  .collection .product-content {
    border: 1px solid #f0f0f0;
    padding: 10px; }
    .collection .product-content .product-name {
      font-size: 14px;
      letter-spacing: 0.14px;
      font-weight: 500;
      text-size-adjust: 100%;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow-x: hidden; }
    .collection .product-content .product-price {
      font-weight: 500;
      color: #efd018; }
  .collection .product-image {
    background-color: #f0f0f0; }
    .collection .product-image img {
      height: 100%;
      margin: auto; }

.grid-collection {
  margin-top: 20px;
  margin-bottom: 20px; }
  .grid-collection-title {
    font-size: 35px;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: 600;
    position: relative;
    text-align: center;
  }
    .grid-collection-title:after {
      border-width: 3px; }
  .grid-collection .product-content {
    border: 1px solid #f0f0f0;
    padding: 10px; }
    .grid-collection .product-content .product-name {
      font-size: 14px;
      letter-spacing: 0.14px;
      font-weight: 500;
      text-size-adjust: 100%;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow-x: hidden; }
    .grid-collection .product-content .product-price {
      font-weight: 500;
      color: #efd018; }
  .grid-collection .product-image {
    background-color: #f0f0f0; }
    .grid-collection .product-image img {
      height: 100%;
      margin: auto; }


section.discover .container {
  display: flex;
  color: white; }
  @media screen and (max-width: 769px) {
    section.discover .container {
      flex-direction: column; }
      .header-container {
    display: none;
  }}
  section.discover .container .from-left {
    background-color: #efd018;
    padding: 40px;
    flex: 1; }
    section.discover .container .from-left h2, section.discover .container .from-left h3 {
      margin-bottom: 5px;
      margin-top: 0;
      font-weight: 400; }
    section.discover .container .from-left h2 {
      font-size: 50px;
      font-weight: 500;
      line-height: 50px; }
    section.discover .container .from-left h3 {
      font-size: 40px;
      line-height: 40px; }
  section.discover .container .from-right {
    flex: 2; }
    section.discover .container .from-right img {
      width: 100%;
      height: 100%; }

.breadcrumb {
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 14px;
  font-weight: bold;
}
  .breadcrumb-ul {
    display: flex;
    overflow-x: auto; }
    .breadcrumb-ul li {
      white-space: nowrap; }
    .breadcrumb-ul span {
      margin-right: 10px;
      margin-left: 10px; }
    .breadcrumb-ul a.active {
      color: #efd018; }

.grid-collection {
  margin-top: 20px;
  margin-left: -10px;
  margin-right: -10px; }
  .grid-collection .collection-image {
    height: 100%;
    padding: 10px;
    box-sizing: border-box; }
    .grid-collection .collection-image img {
      width: 100%;
      height: 100%; }
  .grid-collection .product {
    margin: 10px; }

.featured-collections {
  margin-left: -10px;
  margin-right: -10px; }
  .featured-collections a:hover {
    color: #000;
  }
  .featured-collections .collection-row {
    display: flex; }
    .featured-collections .collection-row .item {
      position: relative;
      padding-left: 10px;
      padding-right: 10px;
      margin-bottom: 20px; }
      .featured-collections .collection-row .item img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .featured-collections .collection-row .item .category-content {
        position: absolute;
        width: 85%;
        left: 50%;
        transform: translateX(-50%);
        bottom: 20px;
        background: rgba(255, 255, 255, 0.6);
        text-align: center; }
        .featured-collections .collection-row .item .category-content h5 {
          margin-bottom: 0px;
          margin-top: 10px;
          text-transform: uppercase; }
        .featured-collections .collection-row .item .category-content p {
          margin-top: 0px;
          font-size: 14px;
          margin-bottom: 10px; }

.section-title {
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 30px; }
  .section-title:after {
    border-width: 3px; }

.product-template {
  padding-top: 20px;
  padding-bottom: 20px; }
  .product-template .product-quantity {
    border-bottom: 1px solid #d9d9d9; }
    .product-template .product-quantity .field {
      display: inline-block;
      width: 100px; }
    .product-template .product-quantity .product-quantity-input {
      display: inline-block; }
      .product-template .product-quantity .product-quantity-input input {
        width: 60px;
        height: 28px;
        padding-left: 0px;
        text-align: center;
        border: 1px solid #d9d9d9; }
        .product-template .product-quantity .product-quantity-input input + span {
          margin-left: -5px; }
      .product-template .product-quantity .product-quantity-input span {
        width: 30px;
        height: 30px;
        display: inline-block;
        text-align: center;
        border: 1px solid #d9d9d9;
        line-height: 30px; }
        .product-template .product-quantity .product-quantity-input span:first-child {
          margin-right: -5px; }
  /*.product-template .product-variants {*/
  /*  padding-top: 12px; }*/
  .product-template .product-variants .variant-color .variant-color-item.active {
    border: 1px solid #ccc;
  }
    .product-template .product-variants .variant-size {
      margin-top: 16px; }
      .product-template .product-variants .variant-size .field {
        display: inline-block;
        width: 100px; }
      .product-template .product-variants .variant-size .size {
        display: inline-block;
        height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;
        border: 1px solid #d9d9d9;
        cursor: pointer
        
      }
        
      .product-template .product-variants .variant-size .size.active {
        background: #000;
        color: #fff;
        cursor: pointer;
      }
        
    .product-template .product-variants .variant-color-item {
      width: 50px;
      height: 50px;
      display: inline-block; }
      .product-template .product-variants .variant-color-item img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .product-template .product-description {
    border-bottom: 1px solid #d9d9d9; }
    .product-template .product-description p {
      margin-top: 4px;
      margin-bottom: 4px;
      font-size: 14px; }
  .product-template .big-image img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    object-fit: cover;
  }
  .product-template .image-list {
    display: flex;
    flex-direction: column;
    margin-right: 15px;
    max-width: 100px;
    width: 15%;
  }
    .product-template .image-list .image-item {
      max-width: 97%;
      min-width: 60px;
      max-height: 80px;
      /*min-height: 50px;*/
      margin-bottom: 5px;
      cursor: pointer; }
      .product-template .image-list .image-item img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .image-list-big.slick-initialized.slick-slider {
    position: relative;
    overflow: hidden;
    height: auto;
    width: 85%;
  }
  .product-template .product-image {
    background: white; }
    .product-template .product-image .big-image {
      width: 100%;
      margin-bottom: 5px;
      }
      .big-image{
        padding-top: 100%;
      }
      .image-item {
        position: relative;
        padding-top: 100%;
      }
      .product-template .product-image .big-image img {
        width: 100%;
        height: auto; }
    .product-template .product-image .owl-item.active .image-item {
      width: 100px;
      height: 100px;
      margin-bottom: 5px;
      border: 1px dashed #efd018; }
    .product-template .product-image .owl-stage {
      display: flex;
      width: 100% !important;
      background: white !important; }
    .product-template .product-image .image-item {
      width: 100px;
      height: 100px;
      display: flex;
      justify-content: center;
      border: 1px solid #e1e1e1;
      cursor: pointer;
      padding: 5px;
      box-sizing: border-box; }
      .product-template .product-image .image-item img {
        width: 100%;
        height: 100%;
        object-fit: contain; }
  .product-template .product-title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
  .product-template .product-name .product-name-product {
    font-weight: 600; }
  .product-template .product-price {
    font-size: 34px;
    font-weight: 500;
    color: #efd018; }

.product-template .product-form {
  padding-bottom: 30px;
  border-bottom: 1px dashed #efd018; }
  .product-template .product-form .form-control {
    display: flex;
    margin-right: 10px; }
    .product-template .product-form .form-control button {
      width: 40px;
      height: 50px;
      font-size: 20px;
      line-height: 0px;
      background: #fff;
      border: 1px solid #ebebeb;
      box-sizing: border-box; }
      .product-template .product-form .form-control button:first-child {
        border-right: none; }
      .product-template .product-form .form-control button:last-child {
        border-left: none; }
    .product-template .product-form .form-control input {
      box-sizing: border-box;
      height: 50px;
      border: solid 1px #ebebeb; }
  .product-template .product-form .call-to-action button {
    height: 50px;
    background: #efd018;
    display: inline-block;
    color: white;
    border: 1px solid #efd018;
    border-radius: 4px;
    padding: 0px 28px;
    font-size: 16px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600; }
    .product-template .product-form .call-to-action button:hover {
      background: #caa782;
      border-color: #caa782; }
    .product-template .product-form .call-to-action button i {
      margin-right: 12px; }

.product-template .product-attributes {
  border: 1px solid rgba(0, 0, 0, 0.08); }
  .product-template .product-attributes ul.product-attributes-list li {
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
    .product-template .product-attributes ul.product-attributes-list li:last-child {
      border: none; }

.product-template .promotion-block {
  margin-top: 20px;
  background-color: #ffefde;
  padding: 5px 15px 15px; }
  .product-template .promotion-block h3 {
    color: #efd018; }
  .product-template .promotion-block li {
    display: table;
    font-size: 14px; }
    .product-template .promotion-block li i, .product-template .promotion-block li a {
      display: table-cell; }
    .product-template .promotion-block li i {
      padding-right: 10px; }

.product-template .product-additional {
  margin-bottom: 20px; }
  .product-template .product-additional .rte {
    font-size: 14px;
    color: #444; }
  .product-template .product-additional ul {
    display: flex;
    border-bottom: 2px solid #e1e1e1; }
    .product-template .product-additional ul li {
      margin-right: 10px; }
      .product-template .product-additional ul li h3 {
        font-weight: 400;
        text-transform: uppercase;
        margin: 0;
        color: #9E9E9E;
        padding: 2px 15px;
        font-size: 16px; }
      .product-template .product-additional ul li.current {
        margin-bottom: -2px;
        border-bottom: 2px solid #efd018; }
        .product-template .product-additional ul li.current h3 {
          color: #444; }
  .product-template .product-additional .rte img{
    width: 100% !important;
    height: 100% !important;
  }
  .product-template .product-additional .rte iframe {
    width: 100%;
    height: 620px;
  }
.you-may-like {
  width: 100%; }
  .you-may-like .products {
    width: 100%;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, 0.08); }
    .you-may-like .products li {
      padding-bottom: 5px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
      .you-may-like .products li:last-child {
        padding-bottom: 0px;
        border: none; }
    .you-may-like .products .image {
      width: 80px;
      height: 80px;
      padding-right: 10px; }
      .you-may-like .products .image a {
        display: flex; }
        .you-may-like .products .image a img {
          width: 100%;
          height: 100%;
          object-fit: contain; }

.product-image a.product-image-img {
  width: 100%;
  padding-top: 100%;
  position: relative; }
  .product-image a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
/*.product-images:hover .slick-arrow-left{*/
/*  opacity: 1;*/
/*}*/
/*.product-images:hover .slick-arrow-right{*/
/*  opacity: 1;*/
/*}*/
/*.product-images .image-list .slick-slide {*/
/*  opacity:0.3;*/
/*}*/
/*.product-images .image-list .slick-current.slick-center {*/
/*  opacity:1;*/
/*}*/
.slick-arrow-left {
  position: absolute;
  top: 0;
  left: 23px;
  z-index: 100;
  height: 30px;
  width: 30px;
  transform: rotate(90deg);
  color: #5a5959;
  opacity: 1;
  /*background: #212121;*/
  /*border-radius: 25px;*/
  cursor: pointer;
}
.slick-arrow-left .fa.fa-arrow-up {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.slick-arrow-right {
  position: absolute;
  bottom: 0;
  left: 23px;
  z-index: 10;
  height: 30px;
  width: 30px;
  transform: rotate(-90deg);
  color: #5a5959;
  opacity: 1;
  /*background: rgba(222, 216, 216, 0.82);*/
  cursor: pointer;
}
.slick-arrow-right .fa.fa-arrow-down {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.product-images {
  display: flex;
  position: relative;}
  @media screen and (max-width: 545px) {
    .product-images {
      flex-direction: column;
      position: relative;}
      .product-images .image-list {
        order: 2;
        flex-direction: row;
        max-width: 100%;
        width: 100%;
      }
        .product-images .image-list .image-item {
          margin-right: 4px;
          position: relative;
          padding-top: 100%;
        }
      .image-list-big.slick-initialized.slick-slider {
        width: 100%;
      }
  }
.image-list-big {
  cursor: zoom-in;
}
.product-right {
  padding-left: 18px;
  padding-right: 18px; }
@media screen and (max-width: 545px) {
  .ribbon.tag-sale {
    font-size: 12px !important;
    height: 35px !important;
    width: 35px !important;
    line-height: 35px !important;
  }
  .product-right {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 10px; }
  .slick-arrow-left {
    bottom: 270px;
    left: 10px;
    top: unset;
    transform: rotate(0deg);
    position: absolute;
    z-index: 10;
    /*height: 30px;*/
    /*width: 30px;*/
    color: #5a5959;
    opacity: .5;
    /*background: rgba(222, 216, 216, 0.82);*/
    cursor: pointer;
  }        
  .slick-arrow-right {
    bottom: 270px;
    left: unset;
    right: 10px;
    transform: rotate(180deg);
    position: absolute;
    z-index: 10;
    /*height: 30px;*/
    /*width: 30px;*/
    color: #5a5959;
    opacity: .5;
    /*background: rgba(222, 216, 216, 0.82);*/
    cursor: pointer;
  }       
  .slick-arrow-right:hover {
    opacity: 1;
  }
  .slick-arrow-left:hover {
    opacity: 1;
  }
  /*.slick-initialized .slick-slide {*/
  /*  padding: 0 10px 0 0;*/
  /*}*/
}

.category {
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px; }
  .category-right {
    padding-left: 20px;
    width: 79%;
    flex: 1; }
  .category-name {
    font-size: 20px;
    font-weight: 500;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
  .category-function {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
    .category-function .function-name {
      font-size: 14px;
      font-weight: 500; }
    .category-function .function-filter {
      display: flex;
      align-items: center;
      margin-left: 12px;
      font-size: 14px; }
      .category-function .function-filter input {
        margin-right: 5px; }

.nav-category {
  margin-top: 10px; }
  .nav-category li.nav-item {
    position: relative;
    padding: 4px 0;
    font-weight: 400;
    font-size: 15px; }
    .nav-category li.nav-item i {
      margin-right: 5px; }
    .nav-category li.nav-item a {
      color: #363f4d; }
    .nav-category li.nav-item span.dropdown-icon {
      position: absolute;
      right: 0;
      top: 4px;
      cursor: pointer; }

.category-grid {
  margin-left: -8px;
  margin-top: 20px;
}


.pagination {
  display: flex;
  justify-content: flex-end;
  padding: 10px 0px; }
  .pagination ul {
    display: flex; }
    .pagination ul li.pagination-number.active a, .pagination ul li.pagination-prev.active a, .pagination ul li.pagination-next.active a {
      background-color: #efd018;
      color: white; }
    .pagination ul li.pagination-number a, .pagination ul li.pagination-prev a, .pagination ul li.pagination-next a {
      display: block;
      width: 25px;
      height: 25px;
      border: 1px solid rgba(0, 0, 0, 0.08);
      margin-right: 5px;
      text-align: center;
      line-height: 25px;
      border-radius: 4px;
      cursor: pointer; }
      .pagination ul li.pagination-number a:hover, .pagination ul li.pagination-prev a:hover, .pagination ul li.pagination-next a:hover {
        background-color: #efd018;
        color: white !important; }

.category-section-wrapper {
  box-shadow: 8px 13px 41.86px rgba(192, 205, 211, 0.45);
  padding: 0px 20px 20px;
  border-top: 5px solid #efd018;
  margin-right: 8px;}

.category-left {
  width: 215px;
  border: 1px solid #d9d9d9;
  height: min-content;}
  .category-left .category-title {
    padding: 8px;
    width: 100%;
    text-align: center;
    background-color: #efd018;
    box-sizing: border-box;
    text-transform: uppercase;
    color: white; }

.options-block ul.options li {
  margin-bottom: 10px; }
  .options-block ul.options li span {
    color: #444; }

.options-block #submit_filter {
  padding: 5px 10px;
  text-align: right;
  display: inline-block;
  float: right;
  border: 1px solid #e9e9e9;
  margin-top: 11px;
  cursor: pointer; }

.options-block #submit_filter:hover {
  background-color: #e3e3e3; }

.blog-title {
  line-height: 28px; }

.blog-info {
  padding-bottom: 5px;
  border-bottom: 1px solid #d9d9d9; }

.blog-aside .aside-title {
  border-radius: 0px;
  margin: 0;
  box-sizing: border-box; }

.blog-aside .aside-posts .p-image {
  min-width: 70px;
  min-height: 70px;
  max-width: 70px;
  max-height: 70px;
  display: inline-block;
  margin-right: 10px; }
  .blog-aside .aside-posts .p-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.account-form {
  max-width: 500px;
  margin: auto;
  text-align: center; }

.custom {
  display: flex; }
  .custom button {
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 0px;
    background: #fff;
    border: 1px solid #ebebeb;
    box-sizing: border-box; }
    .custom button:first-child {
      border-right: none; }
    .custom button:last-child {
      border-left: none; }
  .custom input {
    box-sizing: border-box;
    height: 30px;
    width: 40px;
    padding-left: 10px;
    border: solid 1px #ebebeb; }

.backdrop {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
  top: 0;
  left: 0; }

.hamburger {
  cursor: pointer; }

.sidebar {
  width: 250px;
  overflow-y: scroll;
  height: 100% !important;
  position: fixed;
  top: 0;
  z-index: 999999;
  transition: transform 400ms ease-in-out;
  left: 0;
  background: white;
  overflow: hidden; }
  .sidebar-header {
    align-items: center;
    background-color: #efd018; }
  .sidebar .account-ava {
    width: 40px;
    height: 40px;
    line-height: 14px; }
    .sidebar .account-ava img {
      width: 100%;
      height: 100%; }
  .sidebar-content ul, .sidebar .data-lvl ul {
    transition: height 200ms ease-out;
    border-top: 1px solid #d9d9d9;}
    .sidebar-content ul li, .sidebar .data-lvl ul li {
      font-size: 14px;
      color: #444;
      padding-top: 12px;
      padding-bottom: 12px;
      transition: height 200ms ease-out;
      border-bottom: 1px solid #e1e1e1;
      position: relative; }
      .sidebar-content ul li.active > i.fa-plus, .sidebar .data-lvl ul li.active > i.fa-plus {
        display: none; }
      .sidebar-content ul li.active > ul, .sidebar .data-lvl ul li.active > ul {
        height: auto;
        overflow: hidden; }
        .sidebar-content ul li.active > ul li, .sidebar .data-lvl ul li.active > ul li {
          border-bottom: none;
          padding-left: 15px; }
      .sidebar-content ul li > ul, .sidebar .data-lvl ul li > ul {
        height: 0;
        overflow: hidden; }
      .sidebar-content ul li > i, .sidebar .data-lvl ul li > i {
        position: absolute;
        right: 10px;
        top: 16px; }
  .sidebar .sidebar-menu-item {
    border-bottom: 1px solid #d9d9d9; }
    .sidebar .sidebar-menu-item > ul {
      height: 0;
      overflow: hidden; }
  .sidebar .sidebar-menu-item.active > ul {
    height: auto; }

[data-type="nested-content"] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: white;
  transition: transform 200ms ease-in;
  transform: translateX(250px); }

.data-lvl {
  box-sizing: border-box;
  transition: transform 200ms ease-in; }
  .data-lvl .sidebar-menu-item {
    padding-left: 10px;
    padding-right: 10px; }
    /*.data-lvl .sidebar-menu-item:first-child {*/
    /*  border-top: 1px solid #d9d9d9; }*/

.open-node {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  height: 47px;
  width: 47px;
  line-height: 47px;
  text-align: center;
  border-left: 1px solid #d9d9d9; }
  .open-node:hover {
    background-color: #f1f1f1; }

.prev-node-btn {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  height: 47px;
  width: 47px;
  line-height: 47px;
  text-align: center;
  border-right: 1px solid #d9d9d9; }
  .prev-node-btn:hover {
    background-color: #f1f1f1; }

.prev-node-title {
  padding-left: 47px; }

.jc-end {
  justify-content: flex-end; }

.jc-center {
  justify-content: center; }

.jc-start {
  justify-content: flex-start; }

.jc-between {
  justify-content: space-between; }

.jc-around {
  justify-content: space-around; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.fs-1em {
  font-size: 1em; }

.top-1 {
  top: 1rem; }

.left-1 {
  left: 1rem; }

.right-1 {
  right: 1rem; }

.bottom-1 {
  bottom: 1rem; }

.fs-2em {
  font-size: 2em; }

.top-2 {
  top: 2rem; }

.left-2 {
  left: 2rem; }

.right-2 {
  right: 2rem; }

.bottom-2 {
  bottom: 2rem; }

.fs-3em {
  font-size: 3em; }

.top-3 {
  top: 3rem; }

.left-3 {
  left: 3rem; }

.right-3 {
  right: 3rem; }

.bottom-3 {
  bottom: 3rem; }

.fs-4em {
  font-size: 4em; }

.top-4 {
  top: 4rem; }

.left-4 {
  left: 4rem; }

.right-4 {
  right: 4rem; }

.bottom-4 {
  bottom: 4rem; }

.fs-5em {
  font-size: 5em; }

.top-5 {
  top: 5rem; }

.left-5 {
  left: 5rem; }

.right-5 {
  right: 5rem; }

.bottom-5 {
  bottom: 5rem; }

.fs-6em {
  font-size: 6em; }

.top-6 {
  top: 6rem; }

.left-6 {
  left: 6rem; }

.right-6 {
  right: 6rem; }

.bottom-6 {
  bottom: 6rem; }

.fs-7em {
  font-size: 7em; }

.top-7 {
  top: 7rem; }

.left-7 {
  left: 7rem; }

.right-7 {
  right: 7rem; }

.bottom-7 {
  bottom: 7rem; }

.fs-8em {
  font-size: 8em; }

.top-8 {
  top: 8rem; }

.left-8 {
  left: 8rem; }

.right-8 {
  right: 8rem; }

.bottom-8 {
  bottom: 8rem; }

.fs-9em {
  font-size: 9em; }

.top-9 {
  top: 9rem; }

.left-9 {
  left: 9rem; }

.right-9 {
  right: 9rem; }

.bottom-9 {
  bottom: 9rem; }

.fs-10em {
  font-size: 10em; }

.top-10 {
  top: 10rem; }

.left-10 {
  left: 10rem; }

.right-10 {
  right: 10rem; }

.bottom-10 {
  bottom: 10rem; }

@media screen and (max-width: 320px) {
  .hidden-xs {
    display: none !important; } }

@media screen and (min-width: 320px) {
  .hidden-xs-up {
    display: none !important; } }

@media screen and (min-width: 320px) {
  .xs-fs-10 {
    font-size: 10px; }
  .xs-fs-10i {
    font-size: 10px !important; }
  .xs-fs-11 {
    font-size: 11px; }
  .xs-fs-11i {
    font-size: 11px !important; }
  .xs-fs-12 {
    font-size: 12px; }
  .xs-fs-12i {
    font-size: 12px !important; }
  .xs-fs-13 {
    font-size: 13px; }
  .xs-fs-13i {
    font-size: 13px !important; }
  .xs-fs-14 {
    font-size: 14px; }
  .xs-fs-14i {
    font-size: 14px !important; }
  .xs-fs-15 {
    font-size: 15px; }
  .xs-fs-15i {
    font-size: 15px !important; }
  .xs-fs-16 {
    font-size: 16px; }
  .xs-fs-16i {
    font-size: 16px !important; }
  .xs-fs-17 {
    font-size: 17px; }
  .xs-fs-17i {
    font-size: 17px !important; }
  .xs-fs-18 {
    font-size: 18px; }
  .xs-fs-18i {
    font-size: 18px !important; }
  .xs-fs-19 {
    font-size: 19px; }
  .xs-fs-19i {
    font-size: 19px !important; }
  .xs-fs-20 {
    font-size: 20px; }
  .xs-fs-20i {
    font-size: 20px !important; }
  .xs-fs-21 {
    font-size: 21px; }
  .xs-fs-21i {
    font-size: 21px !important; }
  .xs-fs-22 {
    font-size: 22px; }
  .xs-fs-22i {
    font-size: 22px !important; }
  .xs-fs-1em {
    font-size: 1em; }
  .xs-fs-1emi {
    font-size: 1em !important; }
  .xs-fs-2em {
    font-size: 2em; }
  .xs-fs-2emi {
    font-size: 2em !important; }
  .xs-fs-3em {
    font-size: 3em; }
  .xs-fs-3emi {
    font-size: 3em !important; }
  .xs-fs-4em {
    font-size: 4em; }
  .xs-fs-4emi {
    font-size: 4em !important; }
  .xs-fs-5em {
    font-size: 5em; }
  .xs-fs-5emi {
    font-size: 5em !important; }
  .xs-fs-6em {
    font-size: 6em; }
  .xs-fs-6emi {
    font-size: 6em !important; }
  .xs-fs-7em {
    font-size: 7em; }
  .xs-fs-7emi {
    font-size: 7em !important; }
  .xs-fs-8em {
    font-size: 8em; }
  .xs-fs-8emi {
    font-size: 8em !important; }
  .xs-fs-9em {
    font-size: 9em; }
  .xs-fs-9emi {
    font-size: 9em !important; }
  .xs-fs-10em {
    font-size: 10em; }
  .xs-fs-10emi {
    font-size: 10em !important; } }

@media screen and (max-width: 576px) {
  .hidden-sm {
    display: none !important; } }

@media screen and (min-width: 576px) {
  .hidden-sm-up {
    display: none !important; } 
  .footer-content .address-ctn.active {
  display: block !important;
}
}

@media screen and (min-width: 576px) {
  .sm-fs-10 {
    font-size: 10px; }
  .sm-fs-10i {
    font-size: 10px !important; }
  .sm-fs-11 {
    font-size: 11px; }
  .sm-fs-11i {
    font-size: 11px !important; }
  .sm-fs-12 {
    font-size: 12px; }
  .sm-fs-12i {
    font-size: 12px !important; }
  .sm-fs-13 {
    font-size: 13px; }
  .sm-fs-13i {
    font-size: 13px !important; }
  .sm-fs-14 {
    font-size: 14px; }
  .sm-fs-14i {
    font-size: 14px !important; }
  .sm-fs-15 {
    font-size: 15px; }
  .sm-fs-15i {
    font-size: 15px !important; }
  .sm-fs-16 {
    font-size: 16px; }
  .sm-fs-16i {
    font-size: 16px !important; }
  .sm-fs-17 {
    font-size: 17px; }
  .sm-fs-17i {
    font-size: 17px !important; }
  .sm-fs-18 {
    font-size: 18px; }
  .sm-fs-18i {
    font-size: 18px !important; }
  .sm-fs-19 {
    font-size: 19px; }
  .sm-fs-19i {
    font-size: 19px !important; }
  .sm-fs-20 {
    font-size: 20px; }
  .sm-fs-20i {
    font-size: 20px !important; }
  .sm-fs-21 {
    font-size: 21px; }
  .sm-fs-21i {
    font-size: 21px !important; }
  .sm-fs-22 {
    font-size: 22px; }
  .sm-fs-22i {
    font-size: 22px !important; }
  .sm-fs-1em {
    font-size: 1em; }
  .sm-fs-1emi {
    font-size: 1em !important; }
  .sm-fs-2em {
    font-size: 2em; }
  .sm-fs-2emi {
    font-size: 2em !important; }
  .sm-fs-3em {
    font-size: 3em; }
  .sm-fs-3emi {
    font-size: 3em !important; }
  .sm-fs-4em {
    font-size: 4em; }
  .sm-fs-4emi {
    font-size: 4em !important; }
  .sm-fs-5em {
    font-size: 5em; }
  .sm-fs-5emi {
    font-size: 5em !important; }
  .sm-fs-6em {
    font-size: 6em; }
  .sm-fs-6emi {
    font-size: 6em !important; }
  .sm-fs-7em {
    font-size: 7em; }
  .sm-fs-7emi {
    font-size: 7em !important; }
  .sm-fs-8em {
    font-size: 8em; }
  .sm-fs-8emi {
    font-size: 8em !important; }
  .sm-fs-9em {
    font-size: 9em; }
  .sm-fs-9emi {
    font-size: 9em !important; }
  .sm-fs-10em {
    font-size: 10em; }
  .sm-fs-10emi {
    font-size: 10em !important; } }

@media screen and (max-width: 768px) {
  .hidden-md {
    display: none !important; }
  .cart-box-btn span {
      top: -8px;
      right: -10px;
    }
  
}

@media screen and (min-width: 769px) {
  .hidden-md-up {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .md-fs-10 {
    font-size: 10px; }
  .md-fs-10i {
    font-size: 10px !important; }
  .md-fs-11 {
    font-size: 11px; }
  .md-fs-11i {
    font-size: 11px !important; }
  .md-fs-12 {
    font-size: 12px; }
  .md-fs-12i {
    font-size: 12px !important; }
  .md-fs-13 {
    font-size: 13px; }
  .md-fs-13i {
    font-size: 13px !important; }
  .md-fs-14 {
    font-size: 14px; }
  .md-fs-14i {
    font-size: 14px !important; }
  .md-fs-15 {
    font-size: 15px; }
  .md-fs-15i {
    font-size: 15px !important; }
  .md-fs-16 {
    font-size: 16px; }
  .md-fs-16i {
    font-size: 16px !important; }
  .md-fs-17 {
    font-size: 17px; }
  .md-fs-17i {
    font-size: 17px !important; }
  .md-fs-18 {
    font-size: 18px; }
  .md-fs-18i {
    font-size: 18px !important; }
  .md-fs-19 {
    font-size: 19px; }
  .md-fs-19i {
    font-size: 19px !important; }
  .md-fs-20 {
    font-size: 20px; }
  .md-fs-20i {
    font-size: 20px !important; }
  .md-fs-21 {
    font-size: 21px; }
  .md-fs-21i {
    font-size: 21px !important; }
  .md-fs-22 {
    font-size: 22px; }
  .md-fs-22i {
    font-size: 22px !important; }
  .md-fs-1em {
    font-size: 1em; }
  .md-fs-1emi {
    font-size: 1em !important; }
  .md-fs-2em {
    font-size: 2em; }
  .md-fs-2emi {
    font-size: 2em !important; }
  .md-fs-3em {
    font-size: 3em; }
  .md-fs-3emi {
    font-size: 3em !important; }
  .md-fs-4em {
    font-size: 4em; }
  .md-fs-4emi {
    font-size: 4em !important; }
  .md-fs-5em {
    font-size: 5em; }
  .md-fs-5emi {
    font-size: 5em !important; }
  .md-fs-6em {
    font-size: 6em; }
  .md-fs-6emi {
    font-size: 6em !important; }
  .md-fs-7em {
    font-size: 7em; }
  .md-fs-7emi {
    font-size: 7em !important; }
  .md-fs-8em {
    font-size: 8em; }
  .md-fs-8emi {
    font-size: 8em !important; }
  .md-fs-9em {
    font-size: 9em; }
  .md-fs-9emi {
    font-size: 9em !important; }
  .md-fs-10em {
    font-size: 10em; }
  .md-fs-10emi {
    font-size: 10em !important; } }

@media screen and (max-width: 992px) {
  .hidden-lg {
    display: none !important;
    }
  nav ul.nav .has-mega .mega-content{
    top: 175px;
    
  }
  nav {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08); }
}

@media screen and (min-width: 992px) {
  .hidden-lg-up {
    display: none !important; } }

@media screen and (min-width: 992px) {
  .lg-fs-10 {
    font-size: 10px; }
  .lg-fs-10i {
    font-size: 10px !important; }
  .lg-fs-11 {
    font-size: 11px; }
  .lg-fs-11i {
    font-size: 11px !important; }
  .lg-fs-12 {
    font-size: 12px; }
  .lg-fs-12i {
    font-size: 12px !important; }
  .lg-fs-13 {
    font-size: 13px; }
  .lg-fs-13i {
    font-size: 13px !important; }
  .lg-fs-14 {
    font-size: 14px; }
  .lg-fs-14i {
    font-size: 14px !important; }
  .lg-fs-15 {
    font-size: 15px; }
  .lg-fs-15i {
    font-size: 15px !important; }
  .lg-fs-16 {
    font-size: 16px; }
  .lg-fs-16i {
    font-size: 16px !important; }
  .lg-fs-17 {
    font-size: 17px; }
  .lg-fs-17i {
    font-size: 17px !important; }
  .lg-fs-18 {
    font-size: 18px; }
  .lg-fs-18i {
    font-size: 18px !important; }
  .lg-fs-19 {
    font-size: 19px; }
  .lg-fs-19i {
    font-size: 19px !important; }
  .lg-fs-20 {
    font-size: 20px; }
  .lg-fs-20i {
    font-size: 20px !important; }
  .lg-fs-21 {
    font-size: 21px; }
  .lg-fs-21i {
    font-size: 21px !important; }
  .lg-fs-22 {
    font-size: 22px; }
  .lg-fs-22i {
    font-size: 22px !important; }
  .lg-fs-1em {
    font-size: 1em; }
  .lg-fs-1emi {
    font-size: 1em !important; }
  .lg-fs-2em {
    font-size: 2em; }
  .lg-fs-2emi {
    font-size: 2em !important; }
  .lg-fs-3em {
    font-size: 3em; }
  .lg-fs-3emi {
    font-size: 3em !important; }
  .lg-fs-4em {
    font-size: 4em; }
  .lg-fs-4emi {
    font-size: 4em !important; }
  .lg-fs-5em {
    font-size: 5em; }
  .lg-fs-5emi {
    font-size: 5em !important; }
  .lg-fs-6em {
    font-size: 6em; }
  .lg-fs-6emi {
    font-size: 6em !important; }
  .lg-fs-7em {
    font-size: 7em; }
  .lg-fs-7emi {
    font-size: 7em !important; }
  .lg-fs-8em {
    font-size: 8em; }
  .lg-fs-8emi {
    font-size: 8em !important; }
  .lg-fs-9em {
    font-size: 9em; }
  .lg-fs-9emi {
    font-size: 9em !important; }
  .lg-fs-10em {
    font-size: 10em; }
  .lg-fs-10emi {
    font-size: 10em !important; } }

@media screen and (max-width: 1200px) {
  .hidden-xl {
    display: none !important; } }

@media screen and (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important; } }

@media screen and (min-width: 1200px) {
  .xl-fs-10 {
    font-size: 10px; }
  .xl-fs-10i {
    font-size: 10px !important; }
  .xl-fs-11 {
    font-size: 11px; }
  .xl-fs-11i {
    font-size: 11px !important; }
  .xl-fs-12 {
    font-size: 12px; }
  .xl-fs-12i {
    font-size: 12px !important; }
  .xl-fs-13 {
    font-size: 13px; }
  .xl-fs-13i {
    font-size: 13px !important; }
  .xl-fs-14 {
    font-size: 14px; }
  .xl-fs-14i {
    font-size: 14px !important; }
  .xl-fs-15 {
    font-size: 15px; }
  .xl-fs-15i {
    font-size: 15px !important; }
  .xl-fs-16 {
    font-size: 16px; }
  .xl-fs-16i {
    font-size: 16px !important; }
  .xl-fs-17 {
    font-size: 17px; }
  .xl-fs-17i {
    font-size: 17px !important; }
  .xl-fs-18 {
    font-size: 18px; }
  .xl-fs-18i {
    font-size: 18px !important; }
  .xl-fs-19 {
    font-size: 19px; }
  .xl-fs-19i {
    font-size: 19px !important; }
  .xl-fs-20 {
    font-size: 20px; }
  .xl-fs-20i {
    font-size: 20px !important; }
  .xl-fs-21 {
    font-size: 21px; }
  .xl-fs-21i {
    font-size: 21px !important; }
  .xl-fs-22 {
    font-size: 22px; }
  .xl-fs-22i {
    font-size: 22px !important; }
  .xl-fs-1em {
    font-size: 1em; }
  .xl-fs-1emi {
    font-size: 1em !important; }
  .xl-fs-2em {
    font-size: 2em; }
  .xl-fs-2emi {
    font-size: 2em !important; }
  .xl-fs-3em {
    font-size: 3em; }
  .xl-fs-3emi {
    font-size: 3em !important; }
  .xl-fs-4em {
    font-size: 4em; }
  .xl-fs-4emi {
    font-size: 4em !important; }
  .xl-fs-5em {
    font-size: 5em; }
  .xl-fs-5emi {
    font-size: 5em !important; }
  .xl-fs-6em {
    font-size: 6em; }
  .xl-fs-6emi {
    font-size: 6em !important; }
  .xl-fs-7em {
    font-size: 7em; }
  .xl-fs-7emi {
    font-size: 7em !important; }
  .xl-fs-8em {
    font-size: 8em; }
  .xl-fs-8emi {
    font-size: 8em !important; }
  .xl-fs-9em {
    font-size: 9em; }
  .xl-fs-9emi {
    font-size: 9em !important; }
  .xl-fs-10em {
    font-size: 10em; }
  .xl-fs-10emi {
    font-size: 10em !important; } }

@media screen and (max-width: 1600px) {
  .hidden-xxl {
    display: none !important; } }

@media screen and (min-width: 1600px) {
  .hidden-xxl-up {
    display: none !important; } }

@media screen and (min-width: 1600px) {
  .xxl-fs-10 {
    font-size: 10px; }
  .xxl-fs-10i {
    font-size: 10px !important; }
  .xxl-fs-11 {
    font-size: 11px; }
  .xxl-fs-11i {
    font-size: 11px !important; }
  .xxl-fs-12 {
    font-size: 12px; }
  .xxl-fs-12i {
    font-size: 12px !important; }
  .xxl-fs-13 {
    font-size: 13px; }
  .xxl-fs-13i {
    font-size: 13px !important; }
  .xxl-fs-14 {
    font-size: 14px; }
  .xxl-fs-14i {
    font-size: 14px !important; }
  .xxl-fs-15 {
    font-size: 15px; }
  .xxl-fs-15i {
    font-size: 15px !important; }
  .xxl-fs-16 {
    font-size: 16px; }
  .xxl-fs-16i {
    font-size: 16px !important; }
  .xxl-fs-17 {
    font-size: 17px; }
  .xxl-fs-17i {
    font-size: 17px !important; }
  .xxl-fs-18 {
    font-size: 18px; }
  .xxl-fs-18i {
    font-size: 18px !important; }
  .xxl-fs-19 {
    font-size: 19px; }
  .xxl-fs-19i {
    font-size: 19px !important; }
  .xxl-fs-20 {
    font-size: 20px; }
  .xxl-fs-20i {
    font-size: 20px !important; }
  .xxl-fs-21 {
    font-size: 21px; }
  .xxl-fs-21i {
    font-size: 21px !important; }
  .xxl-fs-22 {
    font-size: 22px; }
  .xxl-fs-22i {
    font-size: 22px !important; }
  .xxl-fs-1em {
    font-size: 1em; }
  .xxl-fs-1emi {
    font-size: 1em !important; }
  .xxl-fs-2em {
    font-size: 2em; }
  .xxl-fs-2emi {
    font-size: 2em !important; }
  .xxl-fs-3em {
    font-size: 3em; }
  .xxl-fs-3emi {
    font-size: 3em !important; }
  .xxl-fs-4em {
    font-size: 4em; }
  .xxl-fs-4emi {
    font-size: 4em !important; }
  .xxl-fs-5em {
    font-size: 5em; }
  .xxl-fs-5emi {
    font-size: 5em !important; }
  .xxl-fs-6em {
    font-size: 6em; }
  .xxl-fs-6emi {
    font-size: 6em !important; }
  .xxl-fs-7em {
    font-size: 7em; }
  .xxl-fs-7emi {
    font-size: 7em !important; }
  .xxl-fs-8em {
    font-size: 8em; }
  .xxl-fs-8emi {
    font-size: 8em !important; }
  .xxl-fs-9em {
    font-size: 9em; }
  .xxl-fs-9emi {
    font-size: 9em !important; }
  .xxl-fs-10em {
    font-size: 10em; }
  .xxl-fs-10emi {
    font-size: 10em !important; } }

.pd-0 {
  padding: 0px; }

.pdt-0 {
  padding-top: 0px; }

.pdb-0 {
  padding-bottom: 0px; }

.pdl-0 {
  padding-left: 0px; }

.pdr-0 {
  padding-right: 0px; }

.pdtb-0 {
  padding-top: 0px;
  padding-bottom: 0px; }

.pdlr-0 {
  padding-left: 0px;
  padding-right: 0px; }

.pd-2 {
  padding: 2px; }

.pdt-2 {
  padding-top: 2px; }

.pdb-2 {
  padding-bottom: 2px; }

.pdl-2 {
  padding-left: 2px; }

.pdr-2 {
  padding-right: 2px; }

.pdtb-2 {
  padding-top: 2px;
  padding-bottom: 2px; }

.pdlr-2 {
  padding-left: 2px;
  padding-right: 2px; }

.pd-4 {
  padding: 4px; }

.pdt-4 {
  padding-top: 4px; }

.pdb-4 {
  padding-bottom: 4px; }

.pdl-4 {
  padding-left: 4px; }

.pdr-4 {
  padding-right: 4px; }

.pdtb-4 {
  padding-top: 4px;
  padding-bottom: 4px; }

.pdlr-4 {
  padding-left: 4px;
  padding-right: 4px; }

.pd-6 {
  padding: 6px; }

.pdt-6 {
  padding-top: 6px; }

.pdb-6 {
  padding-bottom: 6px; }

.pdl-6 {
  padding-left: 6px; }

.pdr-6 {
  padding-right: 6px; }

.pdtb-6 {
  padding-top: 6px;
  padding-bottom: 6px; }

.pdlr-6 {
  padding-left: 6px;
  padding-right: 6px; }

.pd-8 {
  padding: 8px; }

.pdt-8 {
  padding-top: 8px; }

.pdb-8 {
  padding-bottom: 8px; }

.pdl-8 {
  padding-left: 8px; }

.pdr-8 {
  padding-right: 8px; }

.pdtb-8 {
  padding-top: 8px;
  padding-bottom: 8px; }

.pdlr-8 {
  padding-left: 8px;
  padding-right: 8px; }

.pd-10 {
  padding: 10px; }

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

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

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

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

.pdtb-10 {
  padding-top: 10px;
  padding-bottom: 10px; }

.pdlr-10 {
  padding-left: 10px;
  padding-right: 10px; }

.pd-12 {
  padding: 12px; }

.pdt-12 {
  padding-top: 12px; }

.pdb-12 {
  padding-bottom: 12px; }

.pdl-12 {
  padding-left: 12px; }

.pdr-12 {
  padding-right: 12px; }

.pdtb-12 {
  padding-top: 12px;
  padding-bottom: 12px; }

.pdlr-12 {
  padding-left: 12px;
  padding-right: 12px; }

.pd-14 {
  padding: 14px; }

.pdt-14 {
  padding-top: 14px; }

.pdb-14 {
  padding-bottom: 14px; }

.pdl-14 {
  padding-left: 14px; }

.pdr-14 {
  padding-right: 14px; }

.pdtb-14 {
  padding-top: 14px;
  padding-bottom: 14px; }

.pdlr-14 {
  padding-left: 14px;
  padding-right: 14px; }
  
.pdr-15 {
  padding-right: 15px;}
  
.pd-16 {
  padding: 16px; }

.pdt-16 {
  padding-top: 16px; }

.pdb-16 {
  padding-bottom: 16px; }

.pdl-16 {
  padding-left: 16px; }

.pdr-16 {
  padding-right: 16px; }

.pdtb-16 {
  padding-top: 16px;
  padding-bottom: 16px; }

.pdlr-16 {
  padding-left: 16px;
  padding-right: 16px; }

.pd-18 {
  padding: 18px; }

.pdt-18 {
  padding-top: 18px; }

.pdb-18 {
  padding-bottom: 18px; }

.pdl-18 {
  padding-left: 18px; }

.pdr-18 {
  padding-right: 18px; }

.pdtb-18 {
  padding-top: 18px;
  padding-bottom: 18px; }

.pdlr-18 {
  padding-left: 18px;
  padding-right: 18px; }

.pd-20 {
  padding: 20px; }

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

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

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

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

.pdtb-20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.pdlr-20 {
  padding-left: 20px;
  padding-right: 20px; }

.mg-0 {
  margin: 0px; }

.mgtb-0 {
  margin: 0px 0; }

.mglr-0 {
  margin-left: 0px;
  margin-right: 0px; }

.mgl-0 {
  margin-left: 0px; }

.mgt-0 {
  margin-top: 0px; }

.mgb-0 {
  margin-bottom: 0px; }

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

.mgl-1 {
  margin-left: 1px; }

.mgt-1 {
  margin-top: 1px; }

.mgb-1 {
  margin-bottom: 1px; }

.mgr-1 {
  margin-right: 1px; }

.mg-2 {
  margin: 2px; }

.mgtb-2 {
  margin: 2px 0; }

.mglr-2 {
  margin-left: 0px;
  margin-right: 0px; }

.mgl-2 {
  margin-left: 2px; }

.mgt-2 {
  margin-top: 2px; }

.mgb-2 {
  margin-bottom: 2px; }

.mgr-2 {
  margin-right: 2px; }

.mgl-3 {
  margin-left: 3px; }

.mgt-3 {
  margin-top: 3px; }

.mgb-3 {
  margin-bottom: 3px; }

.mgr-3 {
  margin-right: 3px; }

.mg-4 {
  margin: 4px; }

.mgtb-4 {
  margin: 4px 0; }

.mglr-4 {
  margin-left: 0px;
  margin-right: 0px; }

.mgl-4 {
  margin-left: 4px; }

.mgt-4 {
  margin-top: 4px; }

.mgb-4 {
  margin-bottom: 4px; }

.mgr-4 {
  margin-right: 4px; }

.mgl-5 {
  margin-left: 5px; }

.mgt-5 {
  margin-top: 5px; }

.mgb-5 {
  margin-bottom: 5px; }

.mgr-5 {
  margin-right: 5px; }

.mg-6 {
  margin: 6px; }

.mgtb-6 {
  margin: 6px 0; }

.mglr-6 {
  margin-left: 0px;
  margin-right: 0px; }

.mgl-6 {
  margin-left: 6px; }

.mgt-6 {
  margin-top: 6px; }

.mgb-6 {
  margin-bottom: 6px; }

.mgr-6 {
  margin-right: 6px; }

.mgl-7 {
  margin-left: 7px; }

.mgt-7 {
  margin-top: 7px; }

.mgb-7 {
  margin-bottom: 7px; }

.mgr-7 {
  margin-right: 7px; }

.mg-8 {
  margin: 8px; }

.mgtb-8 {
  margin: 8px 0; }

.mglr-8 {
  margin-left: 0px;
  margin-right: 0px; }

.mgl-8 {
  margin-left: 8px; }

.mgt-8 {
  margin-top: 8px; }

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

.mgr-8 {
  margin-right: 8px; }

.mgl-9 {
  margin-left: 9px; }

.mgt-9 {
  margin-top: 9px; }

.mgb-9 {
  margin-bottom: 9px; }

.mgr-9 {
  margin-right: 9px; }

.mg-10 {
  margin: 10px; }

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

.mglr-10 {
  margin-left: 0px;
  margin-right: 0px; }

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

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

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

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

.mgl-11 {
  margin-left: 11px; }

.mgt-11 {
  margin-top: 11px; }

.mgb-11 {
  margin-bottom: 11px; }

.mgr-11 {
  margin-right: 11px; }

.mg-12 {
  margin: 12px; }

.mgtb-12 {
  margin: 12px 0; }

.mglr-12 {
  margin-left: 0px;
  margin-right: 0px; }

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

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

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

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

.mgl-13 {
  margin-left: 13px; }

.mgt-13 {
  margin-top: 13px; }

.mgb-13 {
  margin-bottom: 13px; }

.mgr-13 {
  margin-right: 13px; }

.mg-14 {
  margin: 14px; }

.mgtb-14 {
  margin: 14px 0; }

.mglr-14 {
  margin-left: 0px;
  margin-right: 0px; }

.mgl-14 {
  margin-left: 14px; }

.mgt-14 {
  margin-top: 14px; }

.mgb-14 {
  margin-bottom: 14px; }

.mgr-14 {
  margin-right: 14px; }

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

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

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

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

.mg-16 {
  margin: 16px; }

.mgtb-16 {
  margin: 16px 0; }

.mglr-16 {
  margin-left: 0px;
  margin-right: 0px; }

.mgl-16 {
  margin-left: 16px; }

.mgt-16 {
  margin-top: 16px; }

.mgb-16 {
  margin-bottom: 16px; }

.mgr-16 {
  margin-right: 16px; }

.mgl-17 {
  margin-left: 17px; }

.mgt-17 {
  margin-top: 17px; }

.mgb-17 {
  margin-bottom: 17px; }

.mgr-17 {
  margin-right: 17px; }

.mg-18 {
  margin: 18px; }

.mgtb-18 {
  margin: 18px 0; }

.mglr-18 {
  margin-left: 0px;
  margin-right: 0px; }

.mgl-18 {
  margin-left: 18px; }

.mgt-18 {
  margin-top: 18px; }

.mgb-18 {
  margin-bottom: 18px; }

.mgr-18 {
  margin-right: 18px; }

.mgl-19 {
  margin-left: 19px; }

.mgt-19 {
  margin-top: 19px; }

.mgb-19 {
  margin-bottom: 19px; }

.mgr-19 {
  margin-right: 19px; }

.mg-20 {
  margin: 20px; }

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

.mglr-20 {
  margin-left: 0px;
  margin-right: 0px; }

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

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

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

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

.bdr-2 {
  border-radius: 2px; }

.bdr-3 {
  border-radius: 3px; }

.bdr-4 {
  border-radius: 4px; }

.bdr-5 {
  border-radius: 5px; }

.bdr-6 {
  border-radius: 6px; }

.bdr-7 {
  border-radius: 7px; }

.bdr-8 {
  border-radius: 8px; }

.perwidth-2 {
  width: calc(100% / 2); }

.perwidth-3 {
  width: calc(100% / 3); }

.perwidth-4 {
  width: calc(100% / 4); }

.perwidth-5 {
  width: calc(100% / 5); }

.perwidth-6 {
  width: calc(100% / 6); }

.perwidth-7 {
  width: calc(100% / 7); }

.perwidth-8 {
  width: calc(100% / 8); }

.bor-d {
  border-color: #dfe4e8;
  border-style: solid;
  border-width: 1px; }

.bor-b {
  border-bottom: 1px solid #dfe4e8; }

.bor-t {
  border-top: 1px solid #dfe4e8; }

.bor-l {
  border-left: 1px solid #dfe4e8; }

.bor-r {
  border-right: 1px solid #dfe4e8; }

.bor-radius {
  border-radius: 4px; }

.fw-400 {
  font-weight: 400; }

.fw-500 {
  font-weight: 500; }

.fw-600 {
  font-weight: 600; }

.fw-700 {
  font-weight: 700; }

.fw-800 {
  font-weight: 800; }

.fw-900 {
  font-weight: 900; }

.dp-inline-block {
  display: inline-block; }
.mg-auto {
  margin: 0 auto;
}
.clickable {
  cursor: pointer; }

.dp-table {
  display: table; }

.dp-table-cell {
  display: table-cell; }

.bold {
  font-weight: 600; }

.semibold {
  font-weight: 500; }

.bolder {
  font-weight: 700; }

.light {
  font-weight: 400; }

.ali-baseline {
  align-items: baseline; }

.ali-flex-end {
  align-items: flex-end; }

.ali-center {
  align-items: center; }

.uppercase {
  text-transform: uppercase; }

.border-box {
  box-sizing: border-box; }

.content-box {
  box-sizing: content-box; }

.width-initial {
  width: initial; }

.pos-absolute {
  position: absolute; }

.pos-relative {
  position: relative; }

.pos-fixed {
  position: fixed; }
.w-100 {
  width: 100%;
}
html {
  font-size: 16px;
  margin: 0;
  padding: 0; }

body {
  margin: 0;
  padding: 0;
  position: relative;
  font-family: 'Roboto', sans-serif;
  vertical-align: baseline;
  background-color:#ffffff;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

li {
  list-style: none; }

ul {
  margin: 0;
  padding: 0; }

button:focus {
  outline: none; }

strong {
  color: initial; }

a {
  color: #444;
  text-decoration: none; }
 a:hover {
    color: #efd018;
}

.link-primary {
  color: #79b38a; }

.wrapper {
  max-width: 1100px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .wrapper > .container {
    width: 100%; }

input {
  border: 2px solid #e1e1e1; }
  input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  input:focus {
    outline: none; }

.svg-icon {
  width: 2em;
  height: 2em; }

.svg-icon path, .svg-icon polygon, .svg-icon rect {
  fill: #636c75; }

.svg-icon circle {
  stroke: #636c75;
  stroke-width: 1; }
  
.product-quantity-input i.fa.fa-minus, .product-quantity-input i.fa.fa-plus {
  border: 1px solid #d9d9d9;
  padding: 6px 7px 8px 7px;
  background: #212121;
  color: #fff;
}
.product-quantity-input i.fa.fa-plus:hover, .product-quantity-input i.fa.fa-minus:hover {
    cursor: pointer;
    transform: scale(1.1);
}

.adn_cate_hit098 {
  width: 100%;
  position: relative;
}
.adn_cate_hit098 .collection_row_flex-left {
  flex: 1 1 20%;
  width: 20%;
  max-width: 267px;
  padding: 0;
}
.adn_cate_hit098 .collection_row_flex-right {
  flex: 1 1 80%;
  width: 80%;
  max-width: 1069px;
  padding: 0;
}
.account-area--left {
  flex: 1 1 20%;
  width: 20%;
  max-width: 267px;
}
.account-area--right {
  flex: 1 1 80%;
  width: 80%;
  max-width: 1069px;
  border: 1px solid #ddd;
  border-bottom: none;
  margin-left: 15px;
}
.title-account {
    margin-bottom: 5px;
    display: block;
    padding-top: 0;
    padding-bottom: 5px;
    border-bottom: 1px #eee solid;
    color: #aaa;
    font-size: 14px;
    font-weight:400px;
}
.account-info__phone-number.active {
  background: #eee none repeat scroll 0 0;
  border-color: #efd018;
  border-image: none;
  border-style: solid;
  border-width: 0 0 0 3px;
}
.account-info__email.active {
  background: #eee none repeat scroll 0 0;
  border-color: #efd018;
  border-image: none;
  border-style: solid;
  border-width: 0 0 0 3px;
}
.adn_account_mn span a{
  margin-left: 10px;
  font-weight: 400;
  color: #212121;;
}
.adn_account_mn i {
  padding-left: 10px;
}
.adn_account_mn:hover{
  background: #eee none repeat scroll 0 0;
  border-color: #efd018;
  border-image: none;
  border-style: solid;
  border-width: 0 0 0 3px;
}
.account-area--table {
  border-top: 10px solid #ddd;
}
table#history-order {
  border-collapse: collapse;
}
table#history-order tr th {
  border-bottom: 1px solid #ddd;
  height: 60px;
}
table#history-order tr td {
  border-bottom: 1px solid #ddd;
  height: 40px;
}

.adn_account__grid {
  margin:0 auto;
  width: 100%;
  
}
.adn_account_item {
    background: #d9e1ec;
    border-radius: 30px;
    padding: 20px;
    margin-bottom: 10px;
}
@media screen and (max-width: 420px) {
  .price-sale-sale .product-sale-original-price {
    font-size: 14px !important; 
  }
  .price-sale-sale .product-sale-price {
    font-size: 16px !important;
  }
  .two-col {
    flex-direction: column;
    padding: 0 !important;
  }
  .btnPay>a {
    font-size: 12px !important;
  }
  .input-form {
    margin: 10px 0 !important;
  }
  .address-form .pdtb-10 {
    padding: 0;
  }
  #infoCart>td>span {
    text-align: center !important;
  }
  #infoCart>td {
    padding: 5px 0 !important;
  }
  span.price {
    margin-right: 0 !important;
  }
}
.address-form input {
  width: -webkit-fill-available;
}
.input-form {
  width: 100%;
}
/*css animation phone*/
div#phonering-alo-phoneIcon {
  z-index: 10000;
}
.phonering-alo-phone.phonering-alo-static {
    opacity:.6
}

.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {
    opacity:1
}

.phonering-alo-ph-circle {
    width:160px;
    height:160px;
    top:20px;
    left:20px;
    position:absolute;
    background-color:transparent;
    border-radius:100% !important;
    border:2px solid rgba(30,30,30,0.4);
    border:2px solid #bfebfc 9;
    opacity:.1;
    -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
    border-color:#212121;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    border-color:#baf5a7;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color:#212121 ;
    border-color:#bfebfc;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
    border-color:#ccc;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    opacity:.5
}

.phonering-alo-ph-circle-fill {
    width:100px;
    height:100px;
    top:50px;
    left:50px;
    position:absolute;
    background-color: #000;
    border-radius:100% !important;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    opacity:0!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
    background-color:#212121 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    background-color:#baf5a7 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
    background-color:#a6e3fa 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(204,204,204,0.5);
    background-color:#ccc 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    opacity:.75!important
}

.phonering-alo-ph-img-circle {
    width:60px;
    height:60px;
    top:70px;
    left:70px;
    position:absolute;
    background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
    border-radius:100% !important;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
    background-color:#212121
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
    background-color:#75eb50;
    background-color:#75eb50 9
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color:#212121;
    background-color:#212121 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
    background-color:#ccc
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
    background-color:#75eb50
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        -webkit-opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        -webkit-opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        -webkit-opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}
/*End animation phone*/
@keyframes bounce {
	0%, 20%, 60%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}

	80% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}
.topbar .from-left i.fa:hover {
  animation: bounce 1.5s;
  color: #fff;
}
.filter-content {
  justify-content: space-between;
  padding-top: 10px;
}
.label-sort{
  white-space: nowrap; 
  font-size: 14px;
  display: flex;
  align-items: center;
  padding-right: 5px;
}

.label-page {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.filter_content_right {
  position: relative;
  width: 105px;
}

select.orderby, select.count {
  height: 30px;
  border-radius: 0;
}
.hotline-header {
  padding-left: 5px;
  font-weight: 600;
  text-decorection
}
.hotline-header .circle-phone {
  border-radius: 50%;
  border: 2px solid;
  padding: 3px 6px;
}
.hotline-header:hover span {
  color: #efd018;
}
.icon-right {
  display: inherit;
  position: relative;
}
.icon-right .search-mobile{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.icon-right .cart-box {
  padding-left: 25px;
}
.search-content {
  position: fixed;
  top: 68px;
  left: 0;
  right: 0;
  padding: 5px 0 20px 0;
  background: #212121;;
  z-index: 999;
  height: 0;
  transition: height 300ms ease-out;
  display: none;
}
.search-content .search-wrapper {
  width: 60%;
  margin: 0 auto;
}

.search-content .search-wrapper .input_search_mobile {
  height: 30px;
}

.product-single {
  width: 100%;
}
select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" version="1"><path d="M4 8L0 4h8z"/></svg>');
    padding-left: 5px;
    font-size: 16px;
}

.total-page {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.select-page {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 50px;
  width: 30px;
  background-color: #fff;
}

/*Table*/
.table-customize > tbody > tr {
  text-align: center;
}  
.table-customize > tbody > tr > td {
    vertical-align: middle;
    padding: 15px 14px;
    color: #ccc;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #ccc;
}
.cartItemProd {
  min-width: 310px;
}
.cartItemProd>a {
    float: left;
    width: 75px;
    overflow: hidden;
    margin-top: 5px;
    padding-top: 75px;
    position: relative;
}
.cartItemProd>a>img {
    width: 100%;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    object-fit: cover;
    height: 100%;
    position: absolute;
    top: 0;
}
.table-customize {
    margin: 0;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0 0 1px #ccc inset;
}
.table-customize p{
  margin: 0 0 10px;
  color: #212121;
}
.cart-item table {
    border: 1px solid #a2a2a2;
    margin: 0 0 10px;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.table-customize > thead > tr {
    background-color: #212121;
    border-radius: 3px 3px 0 0;
}
.table-customize > thead > tr > th {
    color: #fff;
    border: none;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 600;
}
.table-customize > thead > tr > th:first-child {
    border-radius: 3px 0 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.table-customize > thead > tr > th:last-child {
    border-radius: 0 3px 0 0;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
.cartItemProdimg {
  float: left;
}
.cartItemProdInfo {
    float: right;
    width: 250px;
    height: auto;
    padding: 3px 0 0 10px;
}
.cartItemProdInfo>p {
    display: block;
    line-height: 1.3em;
    overflow: hidden;
    text-align: left;
    margin: 0 0 10px;
}
.cartItemProdInfo>p>a {
    display: inline-block;
    font-size: 14px;
}
.cartItemProdInfo>p.price-cart{
    font-weight: 700;
    font-size: 16px;
}
#infoCart>td>span {
    display: block;
    text-align: right;
    padding: 3px 0;
}
.btnPay {
    text-align: right;
    padding: 10px 0;
    margin: 5px 0;
}
.btnPay>a.more {
    background: #212121;
    color: #fff;
    margin: 0 5px 0 0;
}
.btnPay>a {
    border-radius: 5px;
    padding: 8px 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
}
.btnPay>a:hover {
  color: #fff;
  background: #efd018;
}
.btncart {
    display: flex;
    justify-content: space-between;
    margin: 5px 0;
    padding: 6px 0px;
    font-weight: 700;
    font-size: 14px;
}
.btncart>ac {
  padding: 8px 14px;
  border-radius: 5px;
  color: #fff;
  background: #212121;
}
.btncart>a {
  padding: 8px 14px;
  border-radius: 5px;
  color: #fff;
  background: #efd018;
}
.btncart>a:hover {
  color: #fff;
  background: #efd018;
}
.btn-success {
    color: #fff;
    background-color: #efd018;
    border-color: #efd018;
}
/*@media screen and (max-width: 910px) {*/
/*  .table thead {*/
/*    display: none;*/
/*  }*/
/*  .table tbody tr.productCart td:first-child {*/
/*    display: none;*/
/*  }*/
/*  .table tbody tr.productCart td:first-child + td {*/
/*    display: none;*/
/*  }*/
/*}*/
@media (max-width: 767px) and (min-width: 320px) {
  .cart-item table tr td {
    text-align: left !important;
    color: #333 !important;
    padding: 5px 10px;
    float: left;
    width: 50%;
  }
  .table-responsive, .table-responsive thead, .table-responsive tbody, .table-responsive th, .table-responsive td, .table-responsive tr  {
    display: block;
  }
  .table-responsive>tbody>tr.productCart td {
    border: none;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
  }
  .table-customize > tbody > tr > td {
    border-bottom: none !important;
  }
  .table-responsive>thead>tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .table-responsive>tbody>tr:first-child {
    border-radius: 3px 3px 0 0;
    border-top: none;
  }
  .table-responsive>tbody>tr {
    clear: both;
  }
  .table-customize>tbody>tr>td p {
    margin-bottom: 0 !important;
  }
  .table-responsive>tbody>tr.productCart td:first-child, .table-responsive>tbody>tr.productCart td:nth-child(2), .table-responsive>tbody>tr.productCart td:nth-child(4) {
    display: none;
  }

  .table-responsive>tbody>tr td:nth-child(6):before {
    content: attr(data-title);
    width: 100%;
    padding-right: 10px;
    white-space: nowrap;
    font-size: 14px;
  }
  .table-responsive>tbody>tr td:nth-child(5):before {
    float: left;
    content: attr(data-title);
    width: 100%;
    padding-right: 10px;
    white-space: nowrap;
    font-size: 14px;
  }
  .cart-item table #infoCart td {
    width: 100%;
  }
  .table-responsive>tbody>tr td {
    width: 50%;
  }
  .cartItemProd {
  min-width: 100px;
  }
  .cartItemProdimg {
  float: none;
  }
  .cartItemProdInfo {
    float: left !important;
    width: 100% !important;
    padding: 5px 0 !important;
  }
  .table-responsive>tbody>tr td:nth-child(6) p {
    display: inline-block;
  }
  .btnPay>a {
    /*border: 1px solid #efd018;*/
    margin: 0 0 10px !important;
    display: inline-block;
    width: fit-content;
  }
}
/*checkout*/
.header-checkout {
  background: #212121;
  padding: 3px 15px;
  color: #fff;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.img-checkout img {
  max-width: 212px;
  
}
.img-checkout {
  flex: 1 1 33.333333%;
}
.info-prod-ckeckout {
  flex: 1 1 66.666666%;
}
.info-prod-ckeckout a h4 {
  text-transform: uppercase;
  color: #212121;
  font-weight: 700;
  font-size: 15px;
  text-decoration: underline;
}
.info-prod-ckeckout ul {
  flex-wrap: wrap;
  padding-bottom: 10px;
}
.info-prod-ckeckout ul li {
  width: 50%;
}
.info-prod-ckeckout .btn-delete-checkout {
  min-width: 140px;
  margin-bottom: 5px;
  margin-right: 5px;
  font-size: 14px;
  margin-top: 4px;
  background-clip: padding-box;
  background-color: #f7f7f7;
  border: 1px solid #e5e5e5;
  color: #111;
  letter-spacing: .5px;
  padding: 7px 60px;
  text-transform: uppercase;
  border-radius: 2px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}
.info-prod-ckeckout .btn-delete-checkout:hover {
  background: #efd018;
  color: #fff !important;
}
.cart-checkout .btn-more a {
  float: right;
  padding: 5px 15px;
  background: #efd018;
  color: #fff;
  text-transform: uppercase;
  border-radius: 5px;
}
.cart-checkout .btn-more:hover a {
  color: #212121
}
.cart-checkout {
  margin-bottom: 10px;
  
}
.pay-checkout {
  padding: 15px 25px !important;
  background-color: #212121 !important;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 19px;
  margin-left: 15px;
  border-radius: 3px;
}
.pay-checkout h1 {
  margin: 0;
}
.discount-checkout p {
  font-size: 15px;
  margin-bottom: 10px;
  margin-top: 20px;
}
.discount-checkout .input-checkout input {
  box-shadow: 0 0 0 1px #d9d9d9;
  transition: all .2s ease-out;
  background-color: #fff;
  color: #333;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 5px;
  word-break: normal;
  width: 75%;
  border: none;
}
.discount-checkout .input-checkout {
  width: 100%;
}
.discount-checkout .input-checkout button {
  width: 25%;
  border-radius: 4px;
  margin-left: 10px;
  background: #efd018;
  color: #FFF;
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: 12px;
}
.btn-payment-checkout {
  width: 100%;
  padding: 10px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: #898989;
  border: none;
  margin-top: 30px;
  cursor: pointer;
}
.info-customer-checkout {
 
  padding-top: 0px;
}
.info-customer-checkout .field-checkout .field-checkout-wrapper label {
  width: 150px;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 500;
  color:#212121;
  padding-left: 20px;
}
.info-customer-checkout .field-checkout .field-checkout-wrapper input {
  display: inline-block;
  max-width: 400px;
  transition: all .2s ease-out;
  background-color: #fff;
  color: #333;
  border-radius: 4px;
  display: inline-block;
  box-sizing: border-box;
  padding: 5px;
  word-break: normal;
  width: 100%;
  
}
.info-customer-checkout .border-input-checkout {
  border: 15px solid #eee;
}

.info-customer-checkout .border-input-checkout .field-checkout {
  padding: 10px 0;
}
#optDistrict,#optCity {
  width: 100%;
  max-width: 400px !important;
  padding: 5px;
  height: 31px;
  font-size: 14px;
  font-weight: 600;
  color: #555;
  background-color: #fff;
  border: 2px solid #e1e1e1;
}
.info-customer-checkout .border-input-checkout .met-pay {
  padding: 15px 20px;
}
.info-customer-checkout .border-input-checkout .met-pay p {
  font-size: 15px;
  color: #737373;
  font-weight: 700;
}
.info-customer-checkout .border-input-checkout .met-pay .payment-method-list .payment-method-item label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 5px;
}
.content-cart-checkout {
  padding: 15px 0;
  border-bottom: 1px solid #eee;
}
@media screen and (max-width: 768px) {
  .pay-checkout {
    margin-right: 15px;
  }
  .owl-banner a {
    /*padding-top: 40% !important;*/
  }
  .product-grid.product-collections {
    margin-top: 88px;
  }
  .page {
    margin-top: 48px;
  }
  .extra-payment {
    display: none;
  }
  .hero {
    margin-top: 60px;
  }
  header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
  }
  /*.hero {*/
  /*  margin-top: 67px !important;*/
  /*}*/
  /*.breadcrumb {*/
  /*  margin-top: 67px !important;*/
  /*}*/
  /*.checkout {*/
  /*   margin-top: 67px !important;*/
  /*}*/
  .main {
    /*margin-top: 67px ;*/
    margin-top: 60px;
  }
  .field-checkout-wrapper {
    width: 80%;
    margin: 0 auto;
  }
  .field-checkout-wrapper label {
    padding-left: 0 !important;
  }
  .field-checkout-wrapper input {
    width: 100%;
  }
}
@media screen and (max-width: 570px) {
  .product-call-to-action{
    display: flex;
  }
  .product-call-to-action button {
    width: 50%;
  }
  
  
  .info-prod-ckeckout a h4 {
    margin-top: 0;
  }
  .product-template .product-additional .rte iframe {
    width: 100%;
    height: 320px;
  }
  .blog-wraper .blog-title {
    font-size: 14px;
    padding: 5px !important;
    flex-wrap: wrap;
  }
  .collection-title-owl {
    font-size: 24px !important;
    margin-bottom: 10px !important;
  }
  .owl-nav {
    top: -36px;
  }
  .section-title {
    font-size: 18px !important;
    margin-bottom: 25px !important;
  }
  .product-template .product-images .image-list .image-item img {
    padding: 10px 10px 10px 0;
  }
  .phonering-alo-ph-img-circle {
    width: 50px;
    height: 50px;
    top: 82px;
    left: 68px;
  }
  .phonering-alo-ph-circle-fill {
    top: 57px;
    left: 43px;
  }
  .product-template .product-variants .variant-size .field {
    width: 30px;
  }
  .owl-banner-info a {
    flex-direction: column;
    text-align: center;
    /*color: #fff;*/
  }
  /*.owl-banner-info {*/
  /*  background: #212121;*/
    
  /*}*/
  .owl-banner-info .owl-nav {
    display: none;
  }
  .owl-banner-info .owl-nav .owl-prev {
    display: none;
  }
  .owl-banner-info .owl-nav .owl-next {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .pay-checkout {
    margin-right: 15px;}
  .price-sale-sale .product-sale-original-price {
    font-size: 16px; 
  }
  .price-sale-sale .product-sale-price {
    font-size: 18px;
  }
  .article-aside {
    padding-left: 0 !important;
  }
}

.footer-content .address-title {
  text-transform: uppercase;
  padding-bottom: 15px;
  margin-top: 0;
  font-size: 16px;
  color: #fff;
  margin: 0;
}

.footer-content .address-title .line-news {
  border: 1px solid #efd018;
  position: absolute;
  width: 115px;
  margin-top: 0px;
}
.footer-content .footer-showroom h5 {
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #efd018;
}

.footer-content .footer-showroom p {
  font-size: 14px;
  color: #ffffff;
  margin: 0 0;
  font-weight: 600;
}

.footer-content .footer-showroom p span {
  padding-left: 5px;
} 

.footer-content p {
  margin-top: 0;
  font-size: 14px;
}

.footer-content p a {
  color: #ffffff;
}
.footer-content .icon-social {
  font-size: 26px;
  display: flex;
  justify-content: start; 
}
.footer-content .icon-social a span i{
  padding: 0 5px;
}

.footer-content .icon-social span i {
  color: #ffffff;
}

.footer-input input {
  width: 70%;
  height: 33px;
  padding-left: 10px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: none;
}
.footer-input button {
  width: 15%;
  border: none;
  background: #efd018;
  color:#fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  height: 35px;
  font-size: 16px;
  margin-left: -5px;
  cursor: pointer;
}
.log-out-mobile {
  display: none !important;
}
.product-template .product-images .image-list .image-item img {
  padding-bottom: 10px;
}
.owl-banner-info {
  padding: 13px 0;
  max-width: 700px;
  margin: 0 auto;
}
.owl-banner {
  max-height: 1000px;
  position: relative;
}

.owl-banner a {
  width: 100%;
  /*padding-top: 30%;*/
  /*position: relative;*/
  /*display: flex;*/
}

.owl-banner a img {
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  width: 100%;
  max-height: 1000px;
  min-height: 150px;
  object-fit: cover;
}

.news .news-list .news-ctn .post-image a{
  position: relative;
  padding-top: 100%;
  display: flex;
  width: 100%;
}

.news .news-list .news-ctn .post-image a img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.title-buy-success{
  padding: 20px;
  margin: 0 auto;
  color: #444;
  text-align: center;
}

.return_home {
  float: right;
  background: #efd018;
  color: #fff;
  padding: 10px;
  border-radius: 6px;
}

.return_home:hover {
  background: #efd018;
}

.info-customer-checkout .field-checkout .field-checkout-wrapper textarea {
    display: inline-block;
    max-width: 400px;
    transition: all .2s ease-out;
    background-color: #fff;
    color: #333;
    border-radius: 4px;
    display: inline-block;
    box-sizing: border-box;
    padding: 5px;
    word-break: normal;
    width: 100%;
    border: 2px solid #e1e1e1;
    font-size: 13px;
}

/*the container must be positioned relative:*/
.custom-select {
  position: relative;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: #fff;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 15px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #5a5959 transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #5a5959 transparent;
  top: 8px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #212121;
  padding: 8px 16px;
  cursor: pointer;
  user-select: none;
  font-size: 14px;
}

.select-selected {
  color: #212121;
  padding: 5px 10px;
  border: 1px solid #212121;

  cursor: pointer;
  user-select: none;
}


/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 999999;
  min-width: 190px;
  border: 1px solid rgba(0, 0, 0, .15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.filter_content_mid {
  font-size: 14px;
  align-items: center;
}

.label-show {
  padding-right: 5px;
}

#fourty-eight, #one-twenty {
  cursor: pointer;
}

/*@media screen and (max-width: 545px) {*/
  /*.filter_content_mid {*/
  /*  display: none !important;*/
  /*}*/
  /*.filter_content_left, .filter_content_right {*/
  /*  display: block !important;*/
  /*}*/
/*}*/
.header-fixed {
  display:none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #212121;
  color: white;
  z-index: 99999;
}
.divide {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -10%);
}
.owl-theme .owl-nav.disabled+.owl-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 5%;
}
@media screen and (min-width: 1500px) {
  nav ul.nav li a {
    font-size: 16px;
  }
  nav ul.nav .has-mega .mega-content > div > ul > li > a {
    font-size: 18px;
  }
  nav ul.nav .has-mega .mega-content a {
    font-size: 16px;
  }
  .product-content .product-name {
    font-size: 16px;
  }
  .footer-content .address-title {
    font-size: 18px;
  }
  .footer-content .footer-showroom h5 {
    font-size: 16px;
  }
  .footer-content .footer-showroom p {
    font-size: 14px;
  }
  .footer-content p {
    font-size: 14px;
  }
  .product-template .product-description p {
    font-size: 16px;
  }
  .collection .product-content .product-price {
    font-size: 18px;
  }
  .collection .product-content .product-name {
    font-size: 16px;
  }
  .breadcrumb {
    font-size: 16px;
  }
}
.collection-title-owl {
  font-size: 28px;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-weight: 600;
  position: relative;
  text-align: center;
}
.section-title {
  font-size: 35px;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-weight: 600;
  position: relative;
  text-align: center;
}

.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:70px;
	right:1px;	
	z-index: 9999;
}
.scroll {
	position:absolute;
	right:20px;
	bottom:20px;
	background:#b2b2b2;
	background:#212121;
	padding: 12px 14px 7px 14px;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 		
	color: #fff;
	border-radius: 50%;
	border: 2px solid #fff;
}
.scroll:hover {
	background:#212121;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 		
}
.scroll:hover .fa {
  width: 15px;
	padding-top:-10px;
}
.scroll .fa {
	font-size:20px;
	margin-top:-5px;
	margin-left:1px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}
.blog-wraper {
  display: flex;
  margin-bottom: 15px;
  flex-wrap: wrap;
}
.blog-wraper .blog-title {
  padding: 5px 15px;
  background: #efd018;
  margin: 10px 15px 10px 0;
  -moz-box-shadow:    1px 1px 3px #000000;
  -webkit-box-shadow: 1px 1px 3px #000000;
  box-shadow:         1px 1px 3px #000000;
  text-align: center;
}
.blog-wraper .blog-title:hover {
  background: #efd018
}
.blog-wraper .blog-title .name-title-blog {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

/*tag-sale*/
.ribbon.tag-sale {
  color: #fff;
  font-size: 14px;
  position: absolute;
  border-radius: 50%;
  height: 45px;
  width: 45px;
  text-align: center;
  line-height: 45px;
  top: 10px;
  left: 10px;
  background-color: #f13112;
  z-index: 99;
  font-weight: bold;
}
/*Tag sale*/
._2N1Tif {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.product {
  position: relative;
}
._2N1Tif .shopee-badge {
    float: right;
    margin-left: .3125rem;
}
.shopee-badge--promotion {
    background-color: rgba(255,212,36,.9);
}
.shopee-badge--fixed-width {
    width: 48px;
    height: 45px;
}
.shopee-badge {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 4px 2px 3px;
}
.shopee-badge--promotion__label-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    position: relative;
    font-weight: 700;
    line-height: 12px;
    color: #ee4d2d;
    text-transform: uppercase;
    font-size: 14px;
}
.shopee-badge--promotion__label-wrapper__off-label {
    color: #fff;
    margin: 2px 0;
}
.shopee-badge--promotion:after {
    content: "";
    width: 0;
    height: 0;
    left: 0;
    bottom: -4px;
    border-style: solid;
    position: absolute;
    border-width: 0 24px 4px;
    border-color: transparent rgba(255,212,36,.9);
}
.price-sale-sale {
  display: flex;
  justify-content: center;
  /*line-height: 30px;*/
}
.price-sale-sale .product-sale-original-price {
  color: #6d6b6b;
  text-decoration: line-through;
  text-align: center;
  /*font-size: 18px;*/
}
.price-sale-sale .product-sale-price {
  color: #efd018;
  padding-left: 5px;
  /*font-size: 20px;*/
  font-weight: bold;
  text-align: center;
}

.hover-link-sp-sale:hover {
  color: #efd018;
}
@media screen and (max-width: 1450px) {
  .owl-banner a img {
    /*max-height: 635px !important;*/
  }
  .owl-banner a {
    /*padding-top: 30%;*/
  }
}
.page-content img {
  width: 100%;
  height: auto;
}
.wrapper-filter-mobile {
  position: relative;
  display: none;
}
.wrapper-filter-mobile .filter-mobile {
  background: #f4f4f4;
  border-radius: 5px;
}
.wrapper-filter-mobile .filter-mobile .filter-mobile-btn {
  text-align: center;
  width: 50%;
  color: #212121;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  padding: 10px;
}
@media (max-width: 768px) {
  .wrapper-filter-mobile {
    display: block;
  }
  .category {
    padding-top: 10px;
  }
  .wrapper-filter-mobile .showFilter {
    position: absolute;
    top: 48px;
    left: 0;
    width: 100%;
    z-index: 99999;
    transition:transform 0.3s ease-out;
    transform:scaleY(0);
    transform-origin:top;
    /*display: none;*/
  }
  .wrapper-filter-mobile .showFilter.collapsed {
    transform:scaleY(1);
  }
  .wrapper-filter-mobile .showFilter .body {
    background: #fff;
    border-radius: 10px;
    padding: 5px 10px;
    box-shadow: 0 0 10px #ccc;
    
  }
  .wrapper-filter-mobile .showFilter .body .title {
    border-bottom: 1px solid #ccc;
    line-height: 30px;
  }
  .wrapper-filter-mobile .showFilter .body .title span {
    color: #f3892d;
    font-weight: 700;
    cursor: pointer;
    font-size: 12px;
  }
  .wrapper-filter-mobile .showFilter .body .item {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
  }
  .wrapper-filter-mobile .showFilter .body .item span {
    line-height: 30px;
    display: block;
    font-weight: 700;
    color: #666;
  }
  .wrapper-filter-mobile .showFilter .attr a {
    display: inline-block;
    border: 1px solid #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    box-shadow: 0 0 0 1px #b8b8b8;
    text-align: center;
    margin: 0 5px;
    overflow: hidden;
  }
  .wrapper-filter-mobile #filterPrice {
    margin: 15px 0;
    height: 8px;
    background: #dae1e8;
    border: none;
    border-radius: 0;
  }
  .wrapper-filter-mobile .showFilter .price a {
    font-size: 13px;
    display: block;
    padding: 3px 5px;
    font-weight: 700;
  }
  .wrapper-filter-mobile .showFilter .body:after {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 5px 0 0; 
    border: solid #ccc;
    border-width: 1px 0 0 1px;
    position: absolute;
    top: -9px;
    right: 23%;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .wrapper-filter-mobile .showFilter.left .body:after {
    right: auto;
    left: 24%;
  }
  #showPriceLeft {
    width: 50%;
    text-align: left;
  }
  #showPriceRight {
    width: 50%;
    text-align: right;
  }
  .filter_content_left {
    display: none !important;
  }
}
.color-filter{
  display: inline-block;
  border: 1px solid #fff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  box-shadow: 0 0 0 1px #b8b8b8;
  text-align: center;
  margin: 0 5px;
  overflow: hidden;
}
#filter-price-mobile a.active .fa-square-o:before{
  content:"\f046"!important;
}
#sortMobile a.active .fa-square-o:before{
  content:"\f046"!important;
}
.dash-collection:after, .dash-collection:before {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #b1b1b1;
    margin: auto;
}
.dash-collection {
  display: flex; 
  flex-direction: row;
  padding: 0 10px;
}
.dash-collection span {
  padding: 0 10px;
}
.product:hover .img-first{
  opacity: 0;
}
.img-first {
  z-index: 1;
}
.img-second {
  z-index: 0;
}
.product:hover .img-wrapper{
  opacity: 0.7;
  cursor: pointer;
}
.price-product-sale-sale {
  display: flex;
}
.price-product-sale-sale .product-product-sale-original-price {
  color: #6b6b6b;
  text-decoration: line-through;
  font-size: 20px;
}
.price-product-sale-sale .product-product-sale-price {
  color: #efd018;
  padding-left: 5px;
  font-size: 22px;
  font-weight: bold;
}
.product-product-price {
    color: #efd018;
    padding-left: 5px;
    font-size: 22px;
    font-weight: bold;
}
.close-sidebar {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #efd018;
  color: #fff;
  height: 47px;
  width: 0px;
  z-index: 99999;
  position: fixed;
  top: 0;
  left: -350px;
}

.tab-link {
  cursor: pointer;
}

.article-content img {
  width: 100%;
  height: 100%;
}

.article-aside {
  padding-left: 12px;
}

.section-title-title {
    display: flex;
    flex-direction: row;
    padding: 0 10px;
}
.section-title-title:after,.section-title-title:before  {
  content: "";
  flex: 1 1;
  border-bottom: 1px solid #b1b1b1;
  margin: auto;
}

/*img.lazy {*/
/*  background-color: #e7e7e7;*/
/*  background-repeat: no-repeat;*/
  /*background-size: cover;*/
/*  background-position: 50% 50%;*/
/*  background-image: url('https://statics.pancake.vn/web-media/e3/0d/7c/26/222a8a184d889674ca02ed388318e26ad26dd4db611810eca382261c.gif');*/
  
/*}*/

.valueChild {
  cursor: pointer; 
  padding: 2px 10px; 
  margin-right: 10px; 
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #000;
}

.valueChild.active {
  border: 1px solid black;
  background-color: #212121;
  color: white;
}
.valueChild.active .selected {
  display: block;
}
.valueChild .selected {
  display: none;
}
.title-attributes {
  margin-top: 10px;
}
.values-attributes {
  margin-top: 10px;
}
.name {
  margin-top: 10px;
}
.btnSubmitOrder {
      box-shadow: 3px 4px 0 0 #ac981d;
    background: linear-gradient(to bottom,#ac981d 5%,#efd018 100%);
    background-color: #efd018;
    text-shadow: 0 1px 0 #ac981d;
}
/*POPUP*/
.background-succ {
background-color: #000000d6;
    color: #fff;
    top: 0;
    left: 0;
    width: 450px;
    z-index: 1000;
    border-radius: 5px;
    height: 215px;
    position: absolute;
    display: none;
    justify-content: ;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.background-succ .content {
    padding-top: 50px;
    position: relative;
    text-align: center;
}
.background-succ .content img {
  width: 60px;
  height: 60px;
}
.background-succ .content p {
  display: block;
    font-size: 18px;
    font-weight: 500;
}
@media (max-width: 425px) {
  .background-succ {
    width: 320px;
    height: 160px;
  }
  .background-succ .content {
    padding-top: 20px;
    position: relative;
    text-align: center;
  }
}
/*----Footer thông tin website*/
@media (max-width: 425px) {
  .handle-click-ft .footer-showroom {
    display: none;
  }
}
footer .logo-pancake {
  width: 100%; text-align: end; border-top: 1px solid #efd018;
}
.logo-pancake span {

}
.logo-pancake img {
height: 30px;width: 100px; position: relative; top: 9px;
}
@media (max-width: 768px) {
  footer .logo-pancake {
    text-align: left;
  }
}