/*============================================================================
   #Webcms
==============================================================================*/
* {
  font-family: 'Barlow Condensed', sans-serif;
}
.wrapper {
  max-width: 1200px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.wrapper > .container {
  width: 100%;
}
.color-primary {
  color: ; }

.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;
}
.m-0 {
  margin: 0 !important;
}
.d-flex {
  display: flex !important; 
}
.d-blocks {
  display: block !important;
}
.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:  !important;
      border-color:  !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; }

.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%; } }

.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%;
}

/*----- csss index*/
.data-frame {
  position: absolute;
  top: 0;
  left: 0;
}
.hide--palmm {
  padding: 15px;
}

.box-iconn-bag {
  position: relative;
  width: 25px;
  left: -2px;
}
.box-iconn-bag-mb {
    position: relative;
  width: 25px;
  left: -2px;
  top: 3px;
}
.box-icon-account {
  width: 23px;
}

/*button call*/
.social-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
}
.social-button .social-button-content {
  background: #FDC914;
  border-radius: 50%;
}  
.social-button .social-button-content .content-item {
  display: flex;
    justify-content: center;
    align-items: center;
  width: 70px;
  height: 70px;
}
.social-button .social-button-content .content-item .content-item-button {
  display: grid;
  position: relative;
  top: 7px;
}
.social-button .social-button-content .content-item .content-item-button svg {
  justify-self: center;
  width: 25px;
  height: auto;
  margin: 0 auto;
  color: #fff;
}
.social-button .social-button-content .content-item .content-item-button p {
  font-size :12px;
  justify-self: center;
  font-weight: 400;
  color: #fff;
  margin-top: 5px;
}
.social-button .social-button-content .list-content {
  position: absolute;
    /*top: -235px;*/
    top: -235px;
    width: 200px;
    box-shadow: 0 0 30px rgb(0 0 0 / 20%);
    background: #fff;
    display: block;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    right: 10px;
}
.social-button .social-button-content .list-content:before {
  position: absolute;
    bottom: -7px;
right: auto;
    right: 18px;
    display: inline-block !important;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    content: '';
}
.social-button .social-button-content .list-content .list-content-messenge {
  margin: 0;
  padding: 5px 0px;
}
.social-button .social-button-content .list-content .list-content-messenge .content-item-messenger {
  margin: 0;
  padding: 0;
}
.social-button .social-button-content .list-content .list-content-messenge .content-item-messenger .link-item-messenger {
  display: flex;
    align-items: center;
    margin: 0;
    cursor: pointer;
    width: 100%;
    padding: 8px 20px 8px 60px;
    position: relative;
    min-height: 54px;
    text-decoration: none;
    justify-content: end;
-webkit-user-select: none; /* Chrome/Safari */ 
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */
}
.social-button .social-button-content .list-content .list-content-messenge .content-item-messenger .link-item-messenger span {
  position: absolute;
    right: 85px;
    top: 50%;
    margin-top: -20px;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #0084ff;
    margin-right: 10px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}
.social-button .social-button-content .list-content .list-content-messenge .content-item-messenger .link-item-messenger .item-label {
  position: relative;
  right: 125px;
}
.social-button .social-button-content .list-content .list-content-messenge .content-item-messenger .link-item-messenger span svg {
      width: 24px;
    height: 24px;
    vertical-align: middle;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;
}
@media (max-width: 768px) {
  .social-button {
    bottom: 135px;
  }
  .social-button .social-button-content .content-item {
    width: 60px;
    height: 60px;
  }
  .social-button .social-button-content .content-item .content-item-button p {
    margin-bottom: 15px;
  }
  .social-button .social-button-content .content-item .content-item-button svg {
    width: 20px;
  }
}
/*------ css promotions*/