* {
  font-family: 'Barlow Condensed', sans-serif;
}
.color-primary {
  color: #64adce; }

.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: #64adce !important;
      border-color: #64adce !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%; }
.owl-carousel .owl-item img{
  height:700px;
  object-fit:cover;
}
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: #64adce !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: #64adce;
  border: 1px solid #64adce;
  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: #78ce64;
    border-color: #78ce64}

.btn-contract {
  background-color: #ffffff;
  border: 1px solid #ffffff; }
  .btn-contract:hover {
    background-color: #78ce64;
    border-color: #78ce64; }

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

.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: #ffffff;
  color: white; }

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

.topbar {
  padding: 5px 0px;
  font-size: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.17); }
  .topbar i {
    font-size: 14px; }
header .row{
  margin-right:0 !important;
  margin-left:0 !important;
}
.header-container-mobile {
  padding: 1px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  height: 62px;
}
  .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: black !important;
      text-decoration:none !important;}
      .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; }
    .header-container .menu-item{
      padding:8px 16px;
      font-size:20px;
    }

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

.header-container {
  padding: 20px 40px;
  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: #64adce; }
    .header-container .from-right .cart-box a {
      color: black; }
    .header-container .from-right .cart-box i {
      font-size: 25px;
      display:flex;
      margin:auto;
    }
    .header-container .from-right .cart-box-btn {
          border: 2px solid black;
    border-radius: 30px; }
.pos-relative{
  position:relative;
}
.pos-absolute{
  position:absolute;
}
/*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-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: 60px; }

form.search {
  height:100%;
  width: 100%;
  margin: 0px;
  display: flex;
  max-width: unset; }
  @media screen and (min-width: 1024px) {
    form.search {
      padding-left:80px;
      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: black;}
    form.search .search-icon i {
      font-size: 30px;
      cursor: pointer;}
  form.search input {
    width: 100%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding-right: 20px;
    border: none;
    outline:none;
    height: 70%;
    color: black;
    border-bottom: 3px solid black;}
    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: #ffffff;
  color: white; }
  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{
    text-align:center;
  }
  .line-top{
    border: 1px solid black;
    margin: 20px 0px;
  }
  .footer-content .address-title{
    color: #d80b8f;
    font-weight:bold;
  }
  .footer-content .address-ctn {
    display: block;
  }
  .hero {
    position:relative;
    display:flex;
    background-attachment: fixed;
}
.section-index-counters{
  display:flex;
  height:100%;
  width:100%;
  position:absolute;
  z-index:1;
}
.section-index-counters .list-counters{
  display:flex;
  margin:auto;
  flex-direction: column;
}
.section-index-counters .list-counters .counters-item .counters-info .name-item{
 color: white;
    font-size: 1.8rem;
    text-align: center;
    font-family: serif;

}
.section-index-counters .list-counters .counters-item .counters-info .pil-big{
    font-size: 5rem;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: initial;
}
.section-index-counters .list-counters .counters-item .counters-info .btn-banner{
    display: inline-block;
    outline: none;
    background-color: white;
    list-style: none;
    color: black;
    font-weight: bold;
    font-size: 1.1rem;
    padding: 5px 10px;
    width: 120px;
    text-align: center;
}
.hidden-lg{
  display:none;
}
@media screen and (max-width:1024px){
  .header-container .logo img {
    max-height: 40px;}
    .header-container {
    padding: 10px 0px;
}
.header-container .menu-item {
    font-size: 15px;
}
form.search {
    padding-left: 0;
}
}
.hidden-md-icon{
  justify-content: space-between;
}
@media screen and (max-width:768px){
  .input_mb{
    display:none;
  }
  .hidden-md-icon{
  justify-content: flex-end;
}
.header-container .from-right .cart-box-btn{
  border:none;
}
.cart-box-btn span{
  top:0;
  right:0;
}
.header-container .from-right .cart-box i{
  font-size:30px;
}
.hidden-md{
  display:none;
}
.hidden-lg{
  display:block;
}
}
.pilcol{
  padding-right:0 !important;
  padding-left:0 !important;
}
@media screen and (min-width:320px) and (max-width:375px){
  .xxs-15{
    max-width:15%;
  }
  .xxs-35{
    max-width:35%;
  }
}
.pil-title{
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    padding: 20px;
    color: white;
    background: #c33060;
    text-transform: uppercase;
}
#quick-view-modal .modal-dialog .modal-content .close-quickview {
position: absolute;
    top: -10px;
    right: -12px;
    width: 34px;
    height: 34px;
    cursor: pointer;
    color: white;
    font-weight: bolder;
    font-size: 22px;
    border: 2px solid;
    border-radius: 20px;
    text-align: center;
    background: #c33060;
}
#quick-view-modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}
#quick-view-modal .modal-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    font-size: 14px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
#quick-view-modal {
    text-align: center;
}
.overlay-order {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
}
body.cart-open .overlay-order {
    visibility: visible;
    opacity: 1;
}
.fade.show {
    opacity: 1;
}
.product-image-img img{
  width:100%;
  height:368px;
  object-fit:cover;
}
.product-content{
  padding-top:10px;
}
.product-content .product-name a{
  text-transform: uppercase;
    color: black !important;
}
.breadcrumb-theme {
  position: relative;
  margin-top: -1px;
  margin-bottom: 40px;
  padding: 0 0px;
  font-size: 13px;
  background: #f5f5f5;
}

.breadcrumb-theme .breadcrumb-list .breadcrumb {
  padding: 12px 0;
  background-color: transparent;
  border-radius: 0;
  margin: 0;
  list-style: none;
}

.breadcrumb-theme .breadcrumb-list .breadcrumb>li {
  display: inline-block;
}

.breadcrumb-theme .breadcrumb-list .breadcrumb>li a {
  color: #333333;
  opacity: 0.8;
}

.breadcrumb-theme .breadcrumb-list .breadcrumb>li strong {
  font-weight: 500;
  opacity: 1;
}

.breadcrumb-theme .breadcrumb-list .breadcrumb>li+li:before {
  padding: 0 0px;
  color: #ccc;
  content: "/\00a0";
}
.layoutPage-blog .wrapbox-blog-content, .layoutPage-blog .wrapbox-blog-sidebar {
  margin-bottom: 50px;
}
.list-article-content .news-content {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.blog-posts .blog-loop {
  margin-bottom: 25px;
}

.blog-posts .blog-loop:nth-of-type(3n+1) {
  clear: both;
}

.blog-posts .blog-post .blog-post-thumbnail {
  display: block;
  overflow: hidden;
}
@media screen and (min-width:1200px){
.post-img a img{
  max-height:49px;
  object-fit:cover;
}
}
.blog-posts .blog-post .blog-post-thumbnail img {
    max-height: 184px;
    max-width: 320px;
    object-fit: cover;
  -webkit-transition: all 1s ease-in-out 0s;
  -khtml-transition: all 1s ease-in-out 0s;
  -moz-transition: all 1s ease-in-out 0s;
  -ms-transition: all 1s ease-in-out 0s;
  -o-transition: all 1s ease-in-out 0s;
  transition: all 1s ease-in-out 0s;
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.blog-posts .blog-post .blog-post-thumbnail:hover img {
  -webkit-transform: scale(1.2);
  -khtml-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.blog-posts .blog-post .blog-post-title {
  margin-bottom: 10px;
  font-size: 18px;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500;
  font-family: inherit;
}

.blog-posts .blog-post .blog-post-meta {
  margin-bottom: 15px;
  color: #999;
}

.blog-posts .blog-post .blog-post-meta>span:after {
  content: '/';
  padding-left: 4px;
}

.blog-posts .blog-post .blog-post-meta>span:last-child:after {
  content: '';
}

.blog-posts .blog-post .blog-post-meta a {
  color: #999;
}

.blog-posts .blog-post .blog-post-meta a:hover {
  color: #000000;
}
.list-article-content .news-content {
    height: 50vh;
  }
  .list-article-content .news-content {
    min-height: 250px;
    height: 50vh;
  }
  .article-body h2.title-article {
    font-size: 24px;
  }
  .sidebarblog-title h2 {
    text-align: center;
    margin-bottom: 10px;
  }
  .blog-posts .blog-post .blog-post-thumbnail {
    margin-bottom: 20px;
  }