/**
 *
 * @author 
 * @project 
 * @version v1.0
 */
/**
 * TYPOGRAPHY 
 */
body {
  font-family: "Georgia", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Georgia", sans-serif;
  margin: 0;
}

/**
 * BASE STYLES
 */
.mw-100 {
  max-width: 100% !important;
}

.inner-lr-20 {
  padding-right: 20px;
  padding-left: 20px;
}

.inner-lr-30 {
  padding-right: 30px;
  padding-left: 30px;
}

.inner-10 {
  padding: 10px;
}

.inner-20 {
  padding: 20px;
}

.margin-0-auto {
  margin: 0 auto;
}

/**
 * STANDARD STYLES
 */
ul {
  padding: 0;
  margin: 0;
}

ol {
  display: block;
  list-style-type: decimal;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
}

hr {
  border-color: #fae2db;
  margin: 0;
  padding: 0;
}

button {
  border: none;
}

p {
  margin-bottom: 0;
}

a {
  outline: 0;
  text-decoration: none;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
a:hover {
  text-decoration: none;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  color: black;
}
a:active {
  color: black;
  text-decoration: none;
}
a:focus {
  color: black;
  text-decoration: none;
}
a.background-primary-button:hover {
  color: #FFF;
}
a.border-primary-button:hover {
  color: #66a67c;
}

.no-l-gutter {
  padding-left: 0;
}

.no-r-gutter {
  padding-right: 0;
}

.img-responsive {
  min-width: 100%;
}

.align-c {
  text-align: center;
}

.align-r {
  text-align: right;
}

.align-l {
  text-align: left;
}

.push-down-main {
  margin-bottom: 140px;
}

.push-down-main-3x {
  margin-bottom: 420px;
}

.push-down-main-6x {
  margin-bottom: 840px;
}

.push-down-0 {
  margin-bottom: 0px;
}

.push-down-5 {
  margin-bottom: 5px;
}

.push-down-10 {
  margin-bottom: 10px;
}

.push-down-15 {
  margin-bottom: 15px;
}

.push-down-20 {
  margin-bottom: 20px;
}

.push-down-25 {
  margin-bottom: 25px;
}

.push-down-30 {
  margin-bottom: 30px;
}

.push-down-35 {
  margin-bottom: 35px;
}

.push-down-40 {
  margin-bottom: 40px;
}

.push-down-45 {
  margin-bottom: 45px;
}

.push-down-50 {
  margin-bottom: 50px;
}

.push-down-55 {
  margin-bottom: 55px;
}

.push-down-60 {
  margin-bottom: 60px;
}

.push-down-65 {
  margin-bottom: 65px;
}

.push-down-70 {
  margin-bottom: 70px;
}

.push-down-75 {
  margin-bottom: 75px;
}

.push-down-80 {
  margin-bottom: 80px;
}

.push-down-85 {
  margin-bottom: 85px;
}

.push-down-90 {
  margin-bottom: 90px;
}

.push-down-95 {
  margin-bottom: 95px;
}

.push-down-100 {
  margin-bottom: 100px;
}

.push-down-105 {
  margin-bottom: 105px;
}

.push-down-110 {
  margin-bottom: 110px;
}

.push-down-115 {
  margin-bottom: 115px;
}

.push-down-120 {
  margin-bottom: 120px;
}

.push-down-125 {
  margin-bottom: 125px;
}

.pull-down-main {
  margin-top: 140px;
}

.secondary-margin {
  margin: 65px;
}

.push-down-secondary {
  margin-bottom: 65px;
}

.pull-down-secondary {
  margin-top: 65px;
}

.pull-down-0 {
  margin-top: 0px;
}

.pull-down-5 {
  margin-top: 5px;
}

.pull-down-10 {
  margin-top: 10px;
}

.pull-down-15 {
  margin-top: 15px;
}

.pull-down-20 {
  margin-top: 20px;
}

.pull-down-25 {
  margin-top: 25px;
}

.pull-down-30 {
  margin-top: 30px;
}

.pull-down-35 {
  margin-top: 35px;
}

.pull-down-40 {
  margin-top: 40px;
}

.pull-down-45 {
  margin-top: 45px;
}

.pull-down-50 {
  margin-top: 50px;
}

.pull-down-55 {
  margin-top: 55px;
}

.pull-down-60 {
  margin-top: 60px;
}

.pull-down-65 {
  margin-top: 65px;
}

.pull-down-70 {
  margin-top: 70px;
}

.pull-down-75 {
  margin-top: 75px;
}

.pull-down-80 {
  margin-top: 80px;
}

.pull-down-85 {
  margin-top: 85px;
}

.pull-down-90 {
  margin-top: 90px;
}

.pull-down-95 {
  margin-top: 95px;
}

.pull-down-100 {
  margin-top: 100px;
}

.pull-down-105 {
  margin-top: 105px;
}

.pull-down-110 {
  margin-top: 110px;
}

.pull-down-115 {
  margin-top: 115px;
}

.pull-down-120 {
  margin-top: 120px;
}

.pull-down-125 {
  margin-top: 125px;
}

.pull-down-170 {
  margin-top: 170px;
}

.transition {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.inline-block {
  display: inline-block;
}

.block {
  display: block;
}

.full-width {
  width: 100%;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.white {
  color: #FFF;
}

.primary-background {
  background: #86B998;
}

.white-background {
  background: #FFF;
}

.inner-lr-20 {
  padding: 0 20px;
}

/**
 * BUTTONS
 */
.main-btn {
  display: inline-block;
  font-family: "Oswald", sans-serif;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.main-btn.disabled {
  background-color: #b6bfb9;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.5' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  color: rgba(255, 255, 255, 0.5);
  pointer-events: none;
}

.btn-primary-striped {
  background-color: #86b998;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.5' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  color: #FFF;
}
.btn-primary-striped:hover {
  color: #4A4A4A;
  -webkit-transform: translateX(6px) translateY(-6px);
  -moz-transform: translateX(6px) translateY(-6px);
  -ms-transform: translateX(6px) translateY(-6px);
  -o-transform: translateX(6px) translateY(-6px);
  transform: translateX(6px) translateY(-6px);
  -webkit-box-shadow: -6px 6px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: -6px 6px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: -6px 6px 5px 0px rgba(0, 0, 0, 0.12);
}
.btn-primary-striped:active {
  -webkit-box-shadow: inset 0px 1px 11px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 1px 11px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 11px 0px rgba(0, 0, 0, 0.2);
  background: #66a67c;
}
.btn-primary-striped:focus {
  color: #FFF;
}

.btn-primary-color {
  background-color: #86B998;
  color: #FFF;
}
.btn-primary-color:hover {
  color: #FFF;
  background: #66a67c;
  -webkit-transform: translateX(6px) translateY(-6px);
  -moz-transform: translateX(6px) translateY(-6px);
  -ms-transform: translateX(6px) translateY(-6px);
  -o-transform: translateX(6px) translateY(-6px);
  transform: translateX(6px) translateY(-6px);
  -webkit-box-shadow: -6px 6px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: -6px 6px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: -6px 6px 5px 0px rgba(0, 0, 0, 0.12);
}
.btn-primary-color:active {
  -webkit-box-shadow: inset 0px 1px 11px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 1px 11px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 11px 0px rgba(0, 0, 0, 0.2);
}

.btn-secondary {
  background-color: #4A4A4A;
  color: #FFF;
}
.btn-secondary:hover {
  color: #4A4A4A;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='0.25' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-transform: translateX(6px) translateY(-6px);
  -moz-transform: translateX(6px) translateY(-6px);
  -ms-transform: translateX(6px) translateY(-6px);
  -o-transform: translateX(6px) translateY(-6px);
  transform: translateX(6px) translateY(-6px);
  -webkit-box-shadow: -6px 6px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: -6px 6px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: -6px 6px 5px 0px rgba(0, 0, 0, 0.12);
}
.btn-secondary:active {
  -webkit-box-shadow: inset 0px 1px 11px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 1px 11px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 11px 0px rgba(0, 0, 0, 0.2);
}

.btn-normal {
  font-size: 18px;
  padding: 12px 25px;
  letter-spacing: 1.9px;
  width: 250px;
}
@media (max-width: 767px) {
  .btn-normal {
    font-size: 18px;
  }
}
.btn-normal.full-width {
  width: 100%;
}

.btn-long {
  font-size: 18px;
  padding: 12px 20px;
  letter-spacing: 1.8px;
  width: 320px;
}
@media (max-width: 767px) {
  .btn-long {
    font-size: 18px;
    max-width: 100%;
  }
}

.simple-link {
  color: #86B998;
  display: inline-block;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.simple-link:hover {
  color: #86B998;
  border-bottom: 1px solid #86B998;
}
.simple-link.underlined {
  border-bottom: 1px solid #86B998;
}
.simple-link.underlined:hover {
  color: #66a67c;
  border-bottom: 1px solid #66a67c;
}
.simple-link.secondary {
  color: #4A4A4A;
}

.edit-btn {
  color: #4A4A4A;
  display: inline-block;
  font-size: 16px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.edit-btn .edit-icon {
  margin-right: 8px;
  display: inline-block;
}
.edit-btn:hover {
  color: #86B998;
}

.take-photo-btn {
  width: 70px;
  height: 70px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 2px 12px 0px rgba(134, 185, 152, 0.54);
  -moz-box-shadow: 0px 2px 12px 0px rgba(134, 185, 152, 0.54);
  box-shadow: 0px 2px 12px 0px rgba(134, 185, 152, 0.54);
  border: 1px solid #86B998;
  display: inline-block;
  text-align: center;
  line-height: 65px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.take-photo-btn:hover {
  -webkit-box-shadow: 0px 2px 12px 0px #86b998;
  -moz-box-shadow: 0px 2px 12px 0px #86b998;
  box-shadow: 0px 2px 12px 0px #86b998;
}

.fb-share-btn {
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  max-width: 250px;
}
.fb-share-btn hr {
  border-color: #4A4A4A;
}
.fb-share-btn .icon {
  display: inline-block;
  width: 20%;
  background: #31579c;
  padding: 12px 5px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.fb-share-btn .content {
  width: 80%;
  background: #FFF;
  display: inline-block;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  color: #31579c;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1.3px;
  padding: 12px 5px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.fb-share-btn:hover .icon {
  background: #27467d;
}
.fb-share-btn:hover .content {
  color: #27467d;
}

/**
 * FORMS
 */
.main-form .single-row {
  margin-bottom: 13px;
}
.main-form .single-row-flex {
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 13px;
  margin-left: -8px;
  width: -webkit-calc(100% + 16px);
  width: calc(100% + 16px);
}
.main-form .single-row-flex.divide-50-50 .half {
  margin-left: 8px;
  margin-right: 8px;
  width: -webkit-calc(50% - 16px);
  width: calc(50% - 16px);
}
@media (max-width: 767px) {
  .main-form .single-row-flex {
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 8px;
    margin-left: -7px;
    width: -webkit-calc(100% + 14px);
    width: calc(100% + 14px);
    margin-bottom: 14px;
  }
  .main-form .single-row-flex.divide-50-50 .half {
    margin-left: 7px;
    margin-right: 7px;
    width: -webkit-calc(50% - 14px);
    width: calc(50% - 14px);
  }
}
@media (max-width: 767px) {
  .main-form .single-row {
    margin-bottom: 13px;
  }
}

label {
  cursor: pointer;
  display: block;
  position: relative;
  font-size: 11px;
  font-family: "Oswald", sans-serif;
  color: #979797;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-left: 0px;
  margin-bottom: 8px;
}
label.hover:not(.hover):after {
  content: "";
  position: absolute;
  left: -8px;
  top: -7px;
  width: 100%;
  width: -webkit-calc(100% + 18px);
  width: calc(100% + 18px);
  height: 100%;
  height: -webkit-calc(100% + 12px);
  height: calc(100% + 12px);
  background: rgba(240, 242, 247, 0.25);
  border-radius: 3px;
  z-index: -1;
}
label.justify-radio-text {
  position: relative;
  padding-left: 33px !important;
}
label.justify-radio-text .iRadio-helper, label.justify-radio-text .iradio_flat {
  position: absolute;
  left: 0px;
  top: 12%;
}
label.justify-checkbox-text {
  position: relative;
  padding-left: 33px;
}
label.justify-checkbox-text .iCheck-helper, label.justify-checkbox-text .icheckbox_flat {
  position: absolute;
  left: 0px;
  top: 12%;
}
@media (max-width: 767px) {
  label {
    font-size: 11px;
    margin-left: 0;
    margin-bottom: 5px;
  }
}
label.checkbox-label {
  font-family: "Georgia", sans-serif;
  color: #4A4A4A;
  text-transform: none;
  letter-spacing: 0;
  font-size: 16px;
}
label.checkbox-label .icheckbox_flat {
  margin-right: 8px;
}
label.radio-label {
  font-family: "Georgia", sans-serif;
  color: #4A4A4A;
  text-transform: none;
  letter-spacing: 0;
  font-size: 16px;
  padding-left: 0px;
  margin-bottom: 13px;
}
label.radio-label .iradio_flat {
  margin-right: 12px;
}
label.radio-label.half-divide-label {
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
label.radio-label.half-divide-label .radio-holder {
  width: 80%;
}
label.radio-label.half-divide-label .cards-holder {
  display: flex;
  text-align: right;
}
label.radio-label.half-divide-label .cards-holder img {
  margin-left: 5px;
}

.options-listing label {
  background: #FFF;
  padding: 13px 10px;
  border: 2px solid #FFF;
}
.options-listing label.selected {
  border: 2px solid #86B998;
}

.forgotten-pass, .cards-icons, .input-notification {
  line-height: 12px;
}
.forgotten-pass a, .cards-icons a, .input-notification a {
  font-size: 12px;
  color: #979797;
  display: inline-block;
}
.forgotten-pass a:hover, .cards-icons a:hover, .input-notification a:hover {
  color: #4A4A4A;
}
.forgotten-pass img, .cards-icons img, .input-notification img {
  margin-bottom: 5px;
}
.forgotten-pass.error, .cards-icons.error, .input-notification.error {
  color: #EF6892;
  font-size: 18px;
  line-height: 16px;
}

.content-label {
  font-size: 12px;
  font-family: "Oswald", sans-serif;
  color: #979797;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

/** INPUTS */
.error-input {
  display: none;
}

input, textarea {
  display: block;
  padding: 12px 15px 12px 15px;
  background: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  color: #4A4A4A;
  max-width: 100%;
  border: 1px solid #979797;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-transition: all, 0.2s ease-in-out;
  -moz-transition: all, 0.2s ease-in-out;
  -o-transition: all, 0.2s ease-in-out;
  transition: all, 0.2s ease-in-out;
  width: 100%;
  /* FF 4-18 */
  /* FF 19+ */
  /* IE 10+ */
}
input:focus, textarea:focus {
  border: 1px solid #000000;
  outline: none;
}
input:invalid, input.error, textarea:invalid, textarea.error {
  border: 1px solid #EF6892;
  background: #fbf5f6;
  background-color: #f8f7f5;
  color: #EF6892;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='#EF6892' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}
input:invalid + .error-input, input.error + .error-input, textarea:invalid + .error-input, textarea.error + .error-input {
  display: block;
  color: #EF6892;
  padding-left: 15px;
  padding-top: 8px;
  font-size: 18px;
  line-height: 16px;
}
input:invalid + .error-input.inline-block, input.error + .error-input.inline-block, textarea:invalid + .error-input.inline-block, textarea.error + .error-input.inline-block {
  display: inline-block;
}
input.correct, textarea.correct {
  border: 1px solid #86B998;
  color: #86B998;
}
input:-moz-submit-invalid, textarea:-moz-submit-invalid {
  border: 1px solid #86B998;
}
input:-moz-ui-invalid, textarea:-moz-ui-invalid {
  border: 1px solid #86B998;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  font-size: 16px;
  color: #979797;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  /* Firefox 18- */
  font-size: 16px;
  color: #979797;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 16px;
  color: #979797;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  font-size: 16px;
  color: #979797;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
  color: transparent;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: transparent;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  color: transparent;
}

textarea {
  display: inline-block;
  border: 1px solid #e5e5e5;
  padding: 13px 20px 13px 20px;
  color: #86B998;
  font-size: 12px;
  max-width: 100%;
  font-weight: normal;
  -webkit-appearance: none;
  border-radius: 0;
}
textarea:focus {
  border: 1px solid #e5e5e5;
  outline: none;
}

/** RADIOS AND CHECKBOXES */
/* iCheck plugin
----------------------------------- */
.icheckbox_flat,
.iradio_flat {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  margin-top: -4px;
  margin-right: 2px;
  padding: 0;
  width: 21px;
  height: 20px;
  background: url(../img/forms/grey.png?v=1) no-repeat;
  border: none;
  cursor: pointer;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

.icheckbox_flat {
  background-position: 0 0;
}

.icheckbox_flat.checked {
  background-position: -22px 0;
}

.icheckbox_flat.disabled {
  background-position: -44px 0;
  cursor: default;
}

.icheckbox_flat.checked.disabled {
  background-position: -66px 0;
}

.iradio_flat {
  background-position: -88px 0;
}

.iradio_flat.checked {
  background-position: -110px 0;
}

.iradio_flat.disabled {
  background-position: -132px 0;
  cursor: default;
}

.iradio_flat.checked.disabled {
  background-position: -154px 0;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
  .icheckbox_flat,
  .iradio_flat {
    background-image: url(../img/forms/grey@2x.png);
    -webkit-background-size: 176px 22px;
    background-size: 176px 22px;
  }
}
/* Styling;
 */
.checkUi-background {
  background: #fff;
  box-shadow: inset 0 1px 1px #f0f0f0;
}

.checkUi-connect {
  background: red;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.checkUi-origin {
  border-radius: 2px;
}

.checkUi-target {
  border-radius: 4px;
  border: none;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.checkUi-target.checkUi-connect {
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB;
}

/* Handles and cursors;
 */
.checkUi-draggable {
  cursor: w-resize;
}

.checkUi-vertical .checkUi-draggable {
  cursor: n-resize;
}

.checkUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.checkUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.checkUi-handle:before,
.checkUi-handle:after {
  display: none;
}

.checkUi-handle:after {
  display: none;
}

.checkUi-vertical .checkUi-handle:before,
.checkUi-vertical .checkUi-handle:after {
  display: none;
}

.checkUi-vertical .checkUi-handle:after {
  display: none;
}

/* Disabled state;
 */
[disabled].checkUi-connect,
[disabled] .checkUi-connect {
  background: #B8B8B8;
}

[disabled].checkUi-origin,
[disabled] .checkUi-handle {
  cursor: not-allowed;
}

select.slo-only {
  padding-left: 15px;
}

.moveToCenter {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .moveToCenter {
    width: calc(100% - 30px) !important;
    left: auto;
    transform: none;
    margin-left: 15px;
  }
}

/**
 * HEADER STYLE
 */
body {
  margin-top: 73px;
}
@media (max-width: 767px) {
  body {
    margin-top: 68px;
  }
  body.scroll-down header {
    top: -70px;
  }
  body.scroll-down .shop-filters-holder {
    top: 0px !important;
  }
}

header {
  border-bottom: 1px solid #b3b3b3;
  position: fixed;
  top: 0;
  left: 50%;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  background: white;
  z-index: 1001;
}
@media (max-width: 767px) {
  header {
    height: 71px;
  }
}

#lottie {
  width: 230px;
  height: 50px;
}
@media (max-width: 767px) {
  #lottie {
    width: 180px;
    height: 41px;
  }
}

.green-overlay {
  position: fixed;
  width: 100vw;
  height: 100vh;
  content: "";
  left: 0;
  top: 0;
  background: rgba(134, 185, 152, 0.5);
  z-index: 1001;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.header-holder {
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-top: 5px;
  padding-bottom: 4px;
}
.header-holder .nav-holder .menu {
  list-style: none;
}
.header-holder .nav-holder .menu li {
  display: inline-block;
  margin-left: 20px;
}
.header-holder .nav-holder .menu li > a {
  font-size: 22px;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  color: #4A4A4A;
  display: block;
  padding: 15px 5px;
  letter-spacing: 1.26px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.header-holder .nav-holder .menu li:hover > a {
  color: #86B998;
}
.header-holder .nav-holder .menu li.selected > a {
  color: #86B998;
}
.header-holder .nav-holder .menu li.cart-icon-holder a {
  position: relative;
}
.header-holder .nav-holder .menu li.cart-icon-holder a .items-in-cart {
  position: absolute;
  top: 2px;
  right: -3px;
}
.header-holder .nav-holder .menu li.cart-icon-holder a .items-in-cart span {
  font-size: 11px;
  color: #FFF;
  width: 18px;
  height: 18px;
  line-height: 18px;
  background: #86B998;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
}
.header-holder .nav-holder .menu li.profile-logged-in {
  position: relative;
  position: relative;
}
.header-holder .nav-holder .menu li.profile-logged-in:before {
  display: block;
  content: "";
  height: 70px;
  width: 64px;
  background: transparent;
  position: absolute;
  top: -5px;
  left: -20px;
}
@media (max-width: 1200px) {
  .header-holder .nav-holder .menu li.profile-logged-in:before {
    top: -12px;
    height: 83px;
    width: 52px;
  }
}
@media (max-width: 992px) {
  .header-holder .nav-holder .menu li.profile-logged-in:before {
    top: -23px;
  }
}
@media (max-width: 767px) {
  .header-holder .nav-holder .menu li.profile-logged-in:before {
    display: none;
  }
}
.header-holder .nav-holder .menu li.profile-logged-in .profile-notification-number {
  position: absolute;
  top: 2px;
  right: -3px;
}
.header-holder .nav-holder .menu li.profile-logged-in .profile-notification-number span {
  font-size: 11px;
  color: #FFF;
  width: 18px;
  height: 18px;
  line-height: 18px;
  background: #EC1D24;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
}
.header-holder .nav-holder .menu li.profile-logged-in, .header-holder .nav-holder .menu li.select-language {
  position: relative;
  padding: 0 0px;
  margin-left: 10px;
}
.header-holder .nav-holder .menu li.profile-logged-in a img, .header-holder .nav-holder .menu li.select-language a img {
  max-width: 30px;
  max-height: 30px;
}
.header-holder .nav-holder .menu li.profile-logged-in .profile-logged-in-drop-down, .header-holder .nav-holder .menu li.profile-logged-in .select-language-drop-down, .header-holder .nav-holder .menu li.select-language .profile-logged-in-drop-down, .header-holder .nav-holder .menu li.select-language .select-language-drop-down {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: none;
  position: absolute;
  top: 100%;
  margin-top: 4px;
  right: -14px;
  border: 2px solid red;
  z-index: 100;
  width: 315px;
  background: #F8F7F5;
  border: 2px solid #86B998;
  -webkit-box-shadow: 0px 2px 10px 0px #86b998;
  -moz-box-shadow: 0px 2px 10px 0px #86b998;
  box-shadow: 0px 2px 10px 0px #86b998;
  padding: 20px 20px;
}
.header-holder .nav-holder .menu li.profile-logged-in .profile-logged-in-drop-down:before, .header-holder .nav-holder .menu li.profile-logged-in .select-language-drop-down:before, .header-holder .nav-holder .menu li.select-language .profile-logged-in-drop-down:before, .header-holder .nav-holder .menu li.select-language .select-language-drop-down:before {
  position: absolute;
  top: -17px;
  right: 12px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15.5px 15px 15.5px;
  border-color: transparent transparent #86B998 transparent;
}
.header-holder .nav-holder .menu li.profile-logged-in .profile-logged-in-drop-down:after, .header-holder .nav-holder .menu li.profile-logged-in .select-language-drop-down:after, .header-holder .nav-holder .menu li.select-language .profile-logged-in-drop-down:after, .header-holder .nav-holder .menu li.select-language .select-language-drop-down:after {
  position: absolute;
  top: -14px;
  right: 12px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15.5px 15px 15.5px;
  border-color: transparent transparent #F8F7F5 transparent;
}
.header-holder .nav-holder .menu li.profile-logged-in .profile-logged-in-drop-down .profile-info, .header-holder .nav-holder .menu li.profile-logged-in .select-language-drop-down .profile-info, .header-holder .nav-holder .menu li.select-language .profile-logged-in-drop-down .profile-info, .header-holder .nav-holder .menu li.select-language .select-language-drop-down .profile-info {
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.header-holder .nav-holder .menu li.profile-logged-in .profile-logged-in-drop-down .profile-info .profile-img, .header-holder .nav-holder .menu li.profile-logged-in .select-language-drop-down .profile-info .profile-img, .header-holder .nav-holder .menu li.select-language .profile-logged-in-drop-down .profile-info .profile-img, .header-holder .nav-holder .menu li.select-language .select-language-drop-down .profile-info .profile-img {
  margin-right: 14px;
}
.header-holder .nav-holder .menu li.profile-logged-in .profile-logged-in-drop-down .profile-info .profile-img img, .header-holder .nav-holder .menu li.profile-logged-in .select-language-drop-down .profile-info .profile-img img, .header-holder .nav-holder .menu li.select-language .profile-logged-in-drop-down .profile-info .profile-img img, .header-holder .nav-holder .menu li.select-language .select-language-drop-down .profile-info .profile-img img {
  max-width: 70px;
  max-height: 70px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #979797;
}
.header-holder .nav-holder .menu li.profile-logged-in .profile-logged-in-drop-down .profile-info .profile-data, .header-holder .nav-holder .menu li.profile-logged-in .select-language-drop-down .profile-info .profile-data, .header-holder .nav-holder .menu li.select-language .profile-logged-in-drop-down .profile-info .profile-data, .header-holder .nav-holder .menu li.select-language .select-language-drop-down .profile-info .profile-data {
  padding-left: 14px;
}
.header-holder .nav-holder .menu li.profile-logged-in .profile-logged-in-drop-down .profile-info .profile-data .username, .header-holder .nav-holder .menu li.profile-logged-in .select-language-drop-down .profile-info .profile-data .username, .header-holder .nav-holder .menu li.select-language .profile-logged-in-drop-down .profile-info .profile-data .username, .header-holder .nav-holder .menu li.select-language .select-language-drop-down .profile-info .profile-data .username {
  font-size: 16px;
  text-transform: uppercase;
  color: #4A4A4A;
  font-weight: bold;
  margin-bottom: 5px;
}
.header-holder .nav-holder .menu li.profile-logged-in .profile-logged-in-drop-down .profile-info .profile-data .notification, .header-holder .nav-holder .menu li.profile-logged-in .select-language-drop-down .profile-info .profile-data .notification, .header-holder .nav-holder .menu li.select-language .profile-logged-in-drop-down .profile-info .profile-data .notification, .header-holder .nav-holder .menu li.select-language .select-language-drop-down .profile-info .profile-data .notification {
  font-size: 14px;
  color: #4A4A4A;
  font-weight: bold;
  margin-bottom: 5px;
}
.header-holder .nav-holder .menu li.profile-logged-in .profile-logged-in-drop-down .profile-info .profile-data .notification span, .header-holder .nav-holder .menu li.profile-logged-in .select-language-drop-down .profile-info .profile-data .notification span, .header-holder .nav-holder .menu li.select-language .profile-logged-in-drop-down .profile-info .profile-data .notification span, .header-holder .nav-holder .menu li.select-language .select-language-drop-down .profile-info .profile-data .notification span {
  color: #FFF;
  font-size: 12px;
  background: #86B998;
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  font-family: "Oswald", sans-serif;
  margin: 0 5px;
}
.header-holder .nav-holder .menu li.profile-logged-in .profile-logged-in-drop-down .profile-info .profile-data .notification span.red, .header-holder .nav-holder .menu li.profile-logged-in .select-language-drop-down .profile-info .profile-data .notification span.red, .header-holder .nav-holder .menu li.select-language .profile-logged-in-drop-down .profile-info .profile-data .notification span.red, .header-holder .nav-holder .menu li.select-language .select-language-drop-down .profile-info .profile-data .notification span.red {
  background: #EC1D24;
}
.header-holder .nav-holder .menu li.profile-logged-in .profile-logged-in-drop-down .profile-info .profile-data .log-out, .header-holder .nav-holder .menu li.profile-logged-in .select-language-drop-down .profile-info .profile-data .log-out, .header-holder .nav-holder .menu li.select-language .profile-logged-in-drop-down .profile-info .profile-data .log-out, .header-holder .nav-holder .menu li.select-language .select-language-drop-down .profile-info .profile-data .log-out {
  color: #979797;
  font-size: 16px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
}
.header-holder .nav-holder .menu li.profile-logged-in .profile-logged-in-drop-down .profile-info .profile-data .log-out:hover, .header-holder .nav-holder .menu li.profile-logged-in .select-language-drop-down .profile-info .profile-data .log-out:hover, .header-holder .nav-holder .menu li.select-language .profile-logged-in-drop-down .profile-info .profile-data .log-out:hover, .header-holder .nav-holder .menu li.select-language .select-language-drop-down .profile-info .profile-data .log-out:hover {
  text-decoration: underline;
}
.header-holder .nav-holder .menu li.profile-logged-in .select-language-drop-down, .header-holder .nav-holder .menu li.select-language .select-language-drop-down {
  width: 200px;
}
.header-holder .nav-holder .menu li.profile-logged-in .select-language-drop-down ul li, .header-holder .nav-holder .menu li.select-language .select-language-drop-down ul li {
  font-size: 14px;
  display: block;
  margin-left: 0;
}
.header-holder .nav-holder .menu li.profile-logged-in .select-language-drop-down ul li:first-of-type a, .header-holder .nav-holder .menu li.select-language .select-language-drop-down ul li:first-of-type a {
  padding-top: 0;
}
.header-holder .nav-holder .menu li.profile-logged-in .select-language-drop-down ul li a, .header-holder .nav-holder .menu li.select-language .select-language-drop-down ul li a {
  color: #4A4A4A;
  font-size: 14px;
  font-family: "Georgia", sans-serif;
  text-transform: none;
  letter-spacing: normal;
  vertical-align: middle;
  padding-bottom: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.header-holder .nav-holder .menu li.profile-logged-in .select-language-drop-down ul li a:hover, .header-holder .nav-holder .menu li.select-language .select-language-drop-down ul li a:hover {
  color: #86B998;
}
.header-holder .nav-holder .menu li.profile-logged-in .select-language-drop-down ul li a img, .header-holder .nav-holder .menu li.select-language .select-language-drop-down ul li a img {
  margin-right: 15px;
}
.header-holder .nav-holder .menu li.profile-logged-in:hover .profile-logged-in-drop-down, .header-holder .nav-holder .menu li.select-language:hover .profile-logged-in-drop-down {
  display: block;
  transition-delay: 1s;
}
.header-holder .nav-holder .menu li.profile-logged-in:hover .select-language-drop-down, .header-holder .nav-holder .menu li.select-language:hover .select-language-drop-down {
  display: block;
}
.header-holder .nav-holder .menu li.select-language {
  top: -8px;
}
.header-holder .nav-holder .menu li.select-language a {
  font-size: 12px;
  color: #4A4A4A;
}
.header-holder .nav-holder .menu li.select-language a svg {
  text-align: center;
  display: block;
  margin: 1px auto 0px auto;
}
.header-holder .nav-holder .menu li.select-language a:hover {
  color: #86B998;
}
.header-holder .nav-holder .menu li.select-language a:hover svg g g {
  stroke: #86B998;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .header-holder .logo-holder {
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .header-holder .nav-holder .menu {
    display: box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .header-holder .nav-holder .menu li {
    margin-left: 0px;
  }
  .header-holder .nav-holder .menu li a {
    padding: auto 10px;
  }
  .header-holder .nav-holder .menu li.profile-logged-in, .header-holder .nav-holder .menu li.select-language {
    position: relative;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .header-holder .logo-holder {
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .header-holder .nav-holder .menu {
    display: box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .header-holder .nav-holder .menu li {
    margin-left: 0px;
  }
  .header-holder .nav-holder .menu li a {
    font-size: 14px;
    padding: 8px 3px;
  }
  .header-holder .nav-holder .menu li.profile-logged-in, .header-holder .nav-holder .menu li.select-language {
    position: relative;
    padding: 0 0px;
    margin-left: 0px;
  }
  .header-holder .nav-holder .menu li.profile-logged-in a img, .header-holder .nav-holder .menu li.select-language a img {
    max-width: 30px;
    max-height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #979797;
  }
}
@media (max-width: 767px) {
  .header-holder {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .header-holder .logo-holder {
    width: 100%;
    display: box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .header-holder .logo-holder .logo {
    width: 60%;
  }
  .header-holder .logo-holder .open-menu-xs {
    width: 40%;
    text-align: right;
  }
  .header-holder .logo-holder .open-menu-xs a {
    padding: 18px 5px 18px 15px;
    display: inline-block;
  }
  .header-holder .nav-holder {
    width: 85%;
    height: 100vh;
    background: #4A4A4A;
    position: fixed;
    left: 0%;
    top: 0;
    z-index: 1002;
    padding: 10px 15px 25px 35px;
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
  }
  .header-holder .nav-holder.loaded {
    visibility: visible !important;
  }
  .header-holder .nav-holder .menu li {
    display: block;
    margin-left: 0px;
    margin-bottom: 5px;
  }
  .header-holder .nav-holder .menu li a {
    color: #FFF;
    padding: 10px 8px;
  }
  .header-holder .nav-holder .menu li.profile-logged-in {
    position: relative;
    padding: 0 0px;
    margin-left: 0px;
  }
  .header-holder .nav-holder .menu li.profile-logged-in a img {
    max-width: 60px;
    max-height: 60px;
  }
  .header-holder .nav-holder .menu li.select-language {
    margin-left: 0;
  }
  .header-holder .nav-holder .menu li.select-language a {
    font-size: 16px;
    color: #FFF;
  }
  .header-holder .nav-holder .menu li.select-language a svg {
    display: none;
  }
  .header-holder .nav-holder .menu-xs {
    width: 100%;
    color: #FFF;
    display: box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  .header-holder .nav-holder .menu-xs strong {
    display: inline-block;
    font-size: 16px;
    margin-top: 15px;
  }
  .header-holder .nav-holder .menu-xs a {
    display: inline-block;
    padding: 15px 10px 15px 15px;
  }
  .header-holder .nav-holder.opened {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-box-shadow: 0px 4px 16px 0px #86b998;
    -moz-box-shadow: 0px 4px 16px 0px #86b998;
    box-shadow: 0px 4px 16px 0px #86b998;
  }
}

/**
 * MAIN STYLE
 */
body {
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  height: 100%;
  overflow-x: hidden;
}
body .overlay-listen {
  display: none;
}
body.overlay-opened .overlay-listen {
  display: block;
}
body.menu-opened .green-overlay {
  opacity: 1;
}

.overlay-listen {
  width: 100%;
  height: 100%;
  position: fixed;
  background: transparent;
  z-index: 99;
}

hr {
  border-color: #979797;
}
hr.green-line {
  border: none;
  height: 2px;
  color: #86B998;
  /* old IE */
  background-color: #86B998;
  /* Modern Browsers */
}

.simple-listing {
  margin-left: 20px;
}
.simple-listing li {
  padding-left: 15px;
  margin-bottom: 5px;
}
.simple-listing li:last-of-type {
  margin-bottom: 0;
}
.simple-listing.mb-20 li {
  margin-bottom: 20px;
}
.simple-listing.mb-20 li:last-of-type {
  margin-bottom: 0;
}
.simple-listing.mb-25 li {
  margin-bottom: 25px;
}
.simple-listing.mb-25 li:last-of-type {
  margin-bottom: 0;
}
.simple-listing.no-decor {
  list-style: none;
  margin-left: 0;
}
.simple-listing.no-decor li {
  padding-left: 0;
}

section.beige-bg {
  position: relative;
}
section.beige-bg .landing-arrow-container {
  position: absolute;
  left: 0;
  bottom: 40px;
  width: 100vw;
}
section.beige-bg .landing-arrow-container .arrow-down {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.carousel-arrows {
  z-index: 10;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.carousel-arrows img {
  cursor: pointer;
  padding: 20px 10px;
}
.carousel-arrows.carousel-homepage-previous {
  left: 0px;
}
.carousel-arrows.carousel-product-previous {
  left: 0px;
}
.carousel-arrows.carousel-homepage-next {
  right: 0px;
}
.carousel-arrows.carousel-product-next {
  right: 0px;
}
@media (max-width: 767px) {
  .carousel-arrows.carousel-homepage-previous, .carousel-arrows.carousel-product-previous {
    left: 0px;
  }
  .carousel-arrows.carousel-homepage-next, .carousel-arrows.carousel-product-next {
    right: 0px;
  }
}

.carousel-homepage {
  overflow: hidden;
}

.single-slide {
  outline: none;
}

article {
  margin: 80px 0;
}
article img.pull-right {
  margin-left: 50px;
}
article img.pull-left {
  margin-right: 50px;
}
article a {
  color: #86B998;
}
article blockquote {
  font-size: 24px;
  line-height: 32px;
  color: #4A4A4A;
  font-style: italic;
  border: none;
}
@media (min-width: 768px) and (max-width: 992px) {
  article h1 {
    font-size: 30px;
  }
  article img {
    max-width: 50%;
  }
  article img.pull-right {
    margin-left: 20px;
  }
  article img.pull-left {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  article h1 {
    font-size: 30px;
  }
  article img {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 15px;
  }
  article img.pull-right {
    margin-left: 0px;
  }
  article img.pull-left {
    margin-right: 0px;
  }
  article blockquote {
    font-size: 16px;
    line-height: 26px;
  }
}

.static-page article {
  max-width: 700px;
  margin: 80px auto;
}
.static-page article h1 {
  margin-bottom: 30px;
}
.static-page article p {
  margin-bottom: 15px;
  margin-top: 15px;
  line-height: 24px;
}
.static-page article ul, .static-page article ol {
  padding-left: 25px;
}
.static-page article ul li, .static-page article ol li {
  line-height: 24px;
}

/* This is the core CSS of Tooltipster */
.tooltip, .tooltip-filter {
  display: inline-block;
  cursor: pointer;
}

/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
  if greater that the natural height of the tooltip, will be enforced
  in browsers that support display:flex */
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute;
  z-index: 200000 !important;
}

.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
  and flex-basis auto for IE11- (at least) */
  flex: 1 1 auto;
}

.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
  min-height: 185px;
}

.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}

/* Shop filters */
.filter-overlay {
  position: fixed;
  top: 128px;
  left: 0;
  width: 100vw;
  height: calc(100vh - 128px);
  z-index: 1001;
  display: none;
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.8' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.filter-overlay.active {
  display: block;
}
@media (max-width: 1199px) {
  .filter-overlay {
    top: 138px;
    height: calc(100vh - 138px);
  }
}
@media (max-width: 767px) {
  .filter-overlay {
    top: 121px;
    height: calc(100vh - 121px);
  }
}

.shop-filters-holder .close-area {
  background: transparent;
  height: 58px;
  position: fixed;
  top: 70px;
  z-index: 2000;
}
.shop-filters-holder .close-area.left {
  left: 0;
}
.shop-filters-holder .close-area.right {
  right: 0;
}
@media (max-width: 1200px) {
  .shop-filters-holder .close-area {
    height: 67px;
  }
}
@media (max-width: 767px) {
  .shop-filters-holder .close-area {
    top: 67px;
    height: 53px;
  }
  .shop-filters-holder li .tooltip-filter {
    width: 100%;
  }
}

/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade.tooltipster-show {
  opacity: 1;
}

/* grow */
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

/* swing */
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

/* fall */
.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}

/* slide */
.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}

/* Update animations */
/* We use animations rather than transitions here because
transition durations may be specified in the style tag due to
animationDuration, and we try to avoid collisions and the use
of !important */
/* fade */
@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tooltipster-update-fade {
  animation: tooltipster-fading 400ms;
}

/* rotate */
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0);
  }
}
.tooltipster-update-rotate {
  animation: tooltipster-rotating 600ms;
}

/* scale */
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.tooltipster-update-scale {
  animation: tooltipster-scaling 600ms;
}

/**
* DEFAULT STYLE OF THE SIDETIP PLUGIN
* 
* All styles are "namespaced" with .tooltipster-sidetip to prevent
* conflicts between plugins.
*/
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
  color: black;
  max-width: 350px;
  font-family: "Georgia", sans-serif;
  letter-spacing: normal;
  background: #F8F7F5;
  border: 2px solid #86B998;
  -webkit-box-shadow: 0px 2px 10px 0px #86b998;
  -moz-box-shadow: 0px 2px 10px 0px #86b998;
  box-shadow: 0px 2px 10px 0px #86b998;
  padding: 10px 10px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}

/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
  color: #4A4A4A;
  padding: 6px 0px;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  /* half the width, for centering */
  margin-left: -10px;
  top: 0;
  width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
  been positioned yet */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #F8F7F5;
  left: 0;
  top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #F8F7F5;
  left: -3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #F8F7F5;
  left: 3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #F8F7F5;
  left: 0;
  top: -3px;
}

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #86B998;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #86B998;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #86B998;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #86B998;
}

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}

/* TEXT */
.main-text {
  color: #4A4A4A;
  font-size: 16px;
  font-weight: normal;
}
.main-text.size-14 {
  font-size: 14px;
  line-height: 20px;
}
.main-text.size-14 p {
  font-size: 14px;
  line-height: 20px;
}
.main-text.size-24 {
  font-size: 24px;
  line-height: 32px;
}
.main-text.primary-color {
  color: #86B998;
}
@media (min-width: 768px) and (max-width: 992px) {
  .main-text {
    font-size: 16px;
  }
  .main-text.size-24 {
    font-size: 16px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .main-text {
    font-size: 14px;
  }
  .main-text.size-24 {
    font-size: 18px;
    line-height: 26px;
  }
}

p {
  color: #4A4A4A;
  font-size: 16px;
  line-height: 26px;
}
@media (max-width: 767px) {
  p {
    font-size: 14px;
    line-height: 24px;
  }
}

/* TITLES */
.title-with-lines-holder {
  display: block;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
.title-with-lines-holder .title-with-lines {
  font-family: "Oswald", sans-serif;
  color: #4A4A4A;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  text-align: center;
  margin-right: 55px;
  margin-left: 55px;
  padding-right: 10px;
  padding-left: 10px;
  min-width: 200px;
  max-width: 250px;
  font-size: 22px;
  letter-spacing: 1.47px;
}
.title-with-lines-holder .title-with-lines h1, .title-with-lines-holder .title-with-lines h2, .title-with-lines-holder .title-with-lines h3, .title-with-lines-holder .title-with-lines h4, .title-with-lines-holder .title-with-lines h5, .title-with-lines-holder .title-with-lines h6 {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  letter-spacing: 1.47px;
  text-align: center;
  font-size: 22px;
}
.title-with-lines-holder .title-with-lines:before, .title-with-lines-holder .title-with-lines:after {
  position: absolute;
  right: -55px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #979797;
  width: 50px;
  height: 2px;
  content: "";
}
.title-with-lines-holder .title-with-lines:after {
  left: -55px;
  right: auto;
}
@media (max-width: 767px) {
  .title-with-lines-holder .title-with-lines {
    margin-right: 50px;
    margin-left: 50px;
    padding-right: 0px;
    padding-left: 0px;
    min-width: 130px;
    max-width: 100%;
    font-size: 18px;
  }
  .title-with-lines-holder .title-with-lines h1, .title-with-lines-holder .title-with-lines h2, .title-with-lines-holder .title-with-lines h3, .title-with-lines-holder .title-with-lines h4, .title-with-lines-holder .title-with-lines h5, .title-with-lines-holder .title-with-lines h6 {
    font-size: 18px;
  }
  .title-with-lines-holder .title-with-lines:before, .title-with-lines-holder .title-with-lines:after {
    right: -50px;
    width: 45px;
    content: "";
  }
  .title-with-lines-holder .title-with-lines:after {
    left: -50px;
  }
}
.title-with-lines-holder.small .title-with-lines {
  color: #979797;
  font-family: Oswald;
  font-size: 12px;
  letter-spacing: 1.5px;
  line-height: 17px;
  min-width: 108px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

h1 {
  font-size: 38px;
  color: #4A4A4A;
  line-height: 43px;
}
@media (min-width: 768px) and (max-width: 992px) {
  h1 {
    line-height: auto;
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  h1 {
    line-height: auto;
    font-size: 25px;
  }
}

h2 {
  font-size: 24px;
  color: #4A4A4A;
  line-height: 32px;
}
@media (min-width: 768px) and (max-width: 992px) {
  h2 {
    line-height: 28px;
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  h2 {
    line-height: 25px;
    font-size: 18px;
  }
}

h3 {
  font-size: 24px;
  color: #4A4A4A;
  font-style: italic;
  line-height: 32px;
  font-weight: normal;
}
@media (min-width: 768px) and (max-width: 992px) {
  h3 {
    line-height: 28px;
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  h3 {
    line-height: 20px;
    font-size: 14px;
  }
}

h4 {
  font-size: 18px;
  color: #86B998;
  font-style: italic;
}

h5 {
  font-size: 18px;
  color: #86B998;
}

.title-with-top-line {
  border-top: 1px solid #979797;
  padding-top: 20px;
}

/* BACKGROUNDS */
.beige-bg {
  background: #f8f7f5;
}

.lined-bg {
  background-color: #f8f7f5;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2386b998' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  border-top: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
}

/* BASIC INTRO SECTION */
.basic-intro {
  background-color: #f8f7f5;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2386b998' fill-opacity='0.5' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  border-top: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  padding-top: 90px;
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  .basic-intro {
    padding-top: 80px;
  }
  .basic-intro .row .row {
    margin-left: 0;
    margin-right: 0;
  }
}

.intro-listing {
  list-style: none;
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: -webkit-calc(100% + 44px);
  width: calc(100% + 44px);
  margin-left: -22px;
}
.intro-listing li {
  pointer-events: none;
  margin-left: 22px;
  margin-right: 22px;
  width: -webkit-calc(33.3% - 44px);
  width: calc(33.3% - 44px);
}
.intro-listing li .description {
  font-size: 16px;
  color: #4A4A4A;
  text-align: center;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .intro-listing {
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: -webkit-calc(100%);
    width: calc(100%);
    margin-left: -0px;
  }
  .intro-listing li {
    width: -webkit-calc(100%);
    width: calc(100%);
    margin: 0px;
  }
  .intro-listing li:last-of-type {
    margin-bottom: 0;
  }
  .intro-listing li .description {
    font-size: 14px;
    margin-top: 17px;
    margin-bottom: 25px;
  }
}

/* OFFER BANNER */
.offer-banner-holder {
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.offer-banner-holder .banner-img {
  position: relative;
  max-width: 65%;
}
.offer-banner-holder .banner-img .badge {
  position: absolute;
  top: -25px;
  right: -22px;
}
.offer-banner-holder .offer-banner-info {
  width: 35%;
  margin-left: 30px;
  font-size: 22px;
  color: #4A4A4A;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  letter-spacing: 1.26px;
  text-align: right;
}
.offer-banner-holder .offer-banner-info span {
  display: block;
  font-size: 200px;
  line-height: 210px;
  font-weight: 300;
  margin-bottom: 30px;
}
@media (min-width: 768px) and (max-width: 992px) {
  .offer-banner-holder .banner-img {
    margin-bottom: 0px;
    max-width: 60%;
  }
  .offer-banner-holder .banner-img .badge {
    top: -30px;
    right: -35px;
    max-width: 85px;
  }
  .offer-banner-holder .offer-banner-info {
    max-width: 40%;
    margin-left: 0px;
  }
  .offer-banner-holder .offer-banner-info span {
    font-size: 100px;
    line-height: 110px;
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .offer-banner-holder {
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .offer-banner-holder .banner-img {
    width: 100%;
    margin-bottom: 50px;
  }
  .offer-banner-holder .banner-img .badge {
    top: -30px;
    right: -35px;
    max-width: 85px;
  }
  .offer-banner-holder .offer-banner-info {
    margin-left: 0px;
    width: 100%;
    text-align: center;
  }
  .offer-banner-holder .offer-banner-info span {
    font-size: 100px;
    line-height: 110px;
    margin-bottom: 25px;
    text-align: center;
  }
}

.title-with-lines-holder.prog {
  white-space: normal;
}
@media (min-width: 900px) {
  .title-with-lines-holder.prog {
    margin-bottom: -55px;
    padding-bottom: 30px;
    white-space: nowrap;
  }
}
.title-with-lines-holder.prog .title-with-lines {
  max-width: 100%;
}

.progressive {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.progressive .prog-badge {
  position: absolute;
  bottom: 40% !important;
  left: 16px !important;
}
@media (max-width: 767px) {
  .progressive .prog-badge {
    right: 0px;
    max-width: 85px;
  }
}
.progressive .banner-img {
  max-width: 100%;
}
.progressive .offer-banner-info h2 {
  font-family: Georgia !important;
  font-weight: bold !important;
  font-style: italic;
  font-size: 36px;
}
@media (max-width: 767px) {
  .progressive .offer-banner-info h2 {
    font-size: 25px;
  }
}
@media (min-width: 1020px) {
  .progressive .offer-banner-info h2 {
    white-space: nowrap;
  }
}
.progressive .offer-banner-info span {
  font-size: 160px;
  line-height: 160px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .progressive .offer-banner-info span {
    font-size: 100px;
    line-height: 110px;
  }
}
.progressive .offer-banner-info h3 {
  display: inline;
  margin-right: 5px;
  font-size: 27px;
}

@media (min-width: 767px) {
  #cta-progressive {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
  }
}
/* SIMPLE BANNER */
.carousel-homepage .slick-track {
  height: 515px;
}
.carousel-homepage .slick-dots {
  text-align: center;
  bottom: 0;
  display: none !important;
}
.carousel-homepage .slick-dots li {
  display: inline-block;
  padding: 0;
  height: 8px;
  width: 8px;
}
.carousel-homepage .slick-dots li button {
  background: #4A4A4A;
  border-radius: 100%;
  width: 100%;
  height: 100%;
}
.carousel-homepage .slick-dots li button:before {
  content: '';
}
.carousel-homepage .slick-dots li.slick-active button {
  background: #86B998;
}
@media (max-width: 767px) {
  .carousel-homepage .slick-dots {
    display: block !important;
  }
}
@media (max-width: 375px) {
  .carousel-homepage .slick-track {
    height: 540px;
  }
}
@media (max-width: 320px) {
  .carousel-homepage .slick-track {
    height: 560px;
  }
}

.simple-banner {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/banner-1.jpg);
}
.simple-banner .simple-banner-content {
  padding-top: 120px;
  padding-bottom: 100px;
  overflow: auto;
}
.simple-banner.color-bg {
  background-color: #f8f7f5;
  background-image: none;
}
.simple-banner .relative {
  position: relative;
}
.simple-banner .relative .badge {
  position: absolute;
  top: -20px;
  right: 30px;
}
.simple-banner.banner-arrow-down {
  position: relative;
}
.simple-banner.banner-arrow-down .arrow-down {
  display: inline-block;
  position: absolute;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 50;
}
@media (max-width: 767px) {
  .simple-banner {
    background-image: none;
    background-color: #f8f7f5;
  }
  .simple-banner .simple-banner-content {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .simple-banner .simple-banner-content .relative {
    height: 220px;
  }
  .simple-banner .simple-banner-content .relative img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center;
  }
}

/* SHOP INTRO */
.shop-intro {
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  border: 2px solid #4A4A4A;
  min-height: 245px;
}
.shop-intro .left-divide {
  width: 70%;
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background-size: cover;
  background-position: center center;
}
.shop-intro .left-divide .half-divide {
  width: 50%;
}
.shop-intro .left-divide .half-divide.lined-bg {
  background-color: #f8f7f5;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%234a4a4a' fill-opacity='0.5' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}
.shop-intro .left-divide .half-divide .shop-section-title {
  position: relative;
  top: -1px;
  background: #4A4A4A;
  color: #FFF;
  padding: 20px 30px;
}
.shop-intro .left-divide .half-divide .shop-section-title h1 {
  color: #FFF;
}
.shop-intro .right-divide {
  width: 30%;
  border-left: 2px solid #4A4A4A;
  background: #FFF;
}
.shop-intro .right-divide .content-box {
  padding: 30px;
}
.shop-intro .right-divide .content-box.with-border-bottom {
  border-bottom: 2px dashed #4A4A4A;
}
@media (min-width: 768px) and (max-width: 992px) {
  .shop-intro {
    min-height: 300px;
  }
  .shop-intro .left-divide {
    width: 60%;
    display: box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .shop-intro .left-divide .half-divide {
    width: 50%;
  }
  .shop-intro .left-divide .half-divide .shop-section-title {
    color: #FFF;
    padding: 15px 20px;
  }
  .shop-intro .left-divide .half-divide .shop-section-title h1 {
    color: #FFF;
    font-size: 28px;
  }
  .shop-intro .right-divide {
    width: 40%;
  }
  .shop-intro .right-divide .content-box {
    padding: 30px;
  }
  .shop-intro .right-divide .content-box.with-border-bottom {
    border-bottom: 2px dashed #4A4A4A;
  }
}
@media (max-width: 767px) {
  .shop-intro {
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: auto;
  }
  .shop-intro .left-divide {
    width: 100%;
    min-height: 157px;
  }
  .shop-intro .left-divide .half-divide .shop-section-title {
    padding: 15px 20px;
  }
  .shop-intro .left-divide .half-divide .shop-section-title h1 {
    color: #FFF;
    font-size: 20px;
  }
  .shop-intro .right-divide {
    width: 100%;
    border-left: none;
  }
  .shop-intro .right-divide .content-box {
    padding: 17px;
  }
  .shop-intro .right-divide .content-box.with-border-bottom {
    border-bottom: 2px dashed #4A4A4A;
  }
}

/* SHOP */
.products-holder {
  list-style: none;
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: -webkit-calc(100% + 70px);
  width: calc(100% + 70px);
  margin-left: -35px;
}
.products-holder .single-product {
  margin-left: 35px;
  margin-right: 35px;
  width: -webkit-calc(33.3% - 70px);
  width: calc(33.3% - 70px);
  text-align: center;
  margin-bottom: 75px;
  position: relative;
}
.products-holder .single-product .product-img {
  position: relative;
}
.products-holder .single-product .product-img img {
  max-width: 100%;
}
.products-holder .single-product .product-title {
  font-size: 16px;
  font-weight: bold;
  color: #4A4A4A;
  padding-top: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid #979797;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.products-holder .single-product .product-title .product-width {
  font-weight: normal;
  font-size: 14px;
  padding-top: 5px;
}
.products-holder .single-product .colors {
  list-style: none;
  padding-top: 20px;
}
.products-holder .single-product .colors li {
  display: inline-block;
  margin-right: 13px;
}
.products-holder .single-product .colors li:last-of-type {
  margin-right: 0px;
}
.products-holder .single-product .colors li a span {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: black;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.products-holder .single-product:hover .product-title {
  color: #86B998;
}
@media (max-width: 767px) {
  .products-holder {
    list-style: none;
    display: box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: -webkit-calc(100%);
    width: calc(100%);
    margin-left: -0px;
  }
  .products-holder .single-product {
    margin-left: 0px;
    margin-right: 0px;
    width: -webkit-calc(100%);
    width: calc(100%);
    text-align: center;
    margin-bottom: 60px;
    position: relative;
  }
  .products-holder .single-product .product-img {
    position: relative;
  }
  .products-holder .single-product .product-img img {
    max-width: 100%;
  }
  .products-holder .single-product .product-title {
    font-size: 16px;
    font-weight: bold;
    color: #4A4A4A;
    padding-top: 20px;
    padding-bottom: 18px;
    border-bottom: 1px solid #979797;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .products-holder .single-product .colors {
    list-style: none;
    padding-top: 20px;
  }
  .products-holder .single-product .colors li {
    display: inline-block;
    margin-right: 13px;
  }
  .products-holder .single-product .colors li:last-of-type {
    margin-right: 0px;
  }
  .products-holder .single-product .colors li a span {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: black;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
  }
  .products-holder .single-product:hover {
    cursor: pointer;
  }
  .products-holder .single-product:hover .product-title {
    color: #86B998;
  }
}

.whole-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.whole-link.green-overlay-hover {
  z-index: 10;
}
.whole-link.green-overlay-hover:hover {
  background: rgba(134, 185, 152, 0.3);
}

/* SHOP FILTERS */
.shop-filters-holder {
  border-bottom: 1px solid #979797;
  position: fixed;
  top: 71px;
  width: 100%;
  background: white;
  z-index: 1000;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.shop-filters-holder .shop-filters {
  list-style: none;
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.shop-filters-holder .shop-filters li {
  display: inline-block;
  color: #4A4A4A;
  font-size: 14px;
  border-right: 1px solid #ECE7E0;
}
.shop-filters-holder .shop-filters li:first-of-type {
  border-left: 1px solid #ECE7E0;
}
.shop-filters-holder .shop-filters li.active-tab {
  border-top: 2px solid #86B998;
  border-bottom: 2px solid #86B998;
  border-left: 2px solid #86B998;
  border-right: 2px solid #86B998;
  color: #86B998;
}
.shop-filters-holder .shop-filters li.active-tab .tooltip span, .shop-filters-holder .shop-filters li.active-tab .tooltip-filter span {
  color: #86B998;
  font-weight: bold;
}
.shop-filters-holder .shop-filters li.no-left-border {
  border-left: none;
}
.shop-filters-holder .shop-filters li .tooltip span, .shop-filters-holder .shop-filters li .tooltip-filter span {
  color: #4A4A4A;
  padding: 0 20px;
  line-height: 52px;
  display: block;
  text-align: center;
}
.shop-filters-holder .shop-filters li .tooltip span:hover, .shop-filters-holder .shop-filters li .tooltip-filter span:hover {
  color: #86B998;
}
.shop-filters-holder .shop-filters li.selected {
  border: 2px solid #86B998;
}
.shop-filters-holder .shop-filters li.selected .tooltip span, .shop-filters-holder .shop-filters li.selected .tooltip-filter span {
  color: #86B998;
  font-weight: bold;
}
.shop-filters-holder .shop-filters li .filter-counter {
  display: inline-block;
}
.shop-filters-holder .shop-filters li.active-tab .tooltip-filter span {
  line-height: 48px;
}
@media (max-width: 1200px) {
  .shop-filters-holder {
    top: 84px;
  }
}
@media (max-width: 767px) {
  .shop-filters-holder {
    top: 67px;
  }
}
@media (max-width: 767px) {
  .shop-filters-holder .shop-filters {
    display: box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .shop-filters-holder .shop-filters li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .shop-filters-holder .shop-filters li a {
    text-align: center;
  }
}

.after-shop-filter {
  margin-top: 125px;
}
@media (max-width: 1200px) {
  .after-shop-filter {
    margin-top: 137px;
  }
}
@media (max-width: 767px) {
  .after-shop-filter {
    margin-top: 109px;
  }
}

ul.filter-select-color {
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
}
ul.filter-select-color li {
  position: relative;
  width: 25%;
  list-style: none;
  margin-top: 7px;
  margin-bottom: 7px;
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
ul.filter-select-color li a {
  width: 20px;
  height: 20px;
  border: 2px solid #FFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}
ul.filter-select-color li a:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  bottom: -4px;
  right: -4px;
}
ul.filter-select-color li:hover a {
  border: 2px solid #FFF;
}
ul.filter-select-color li:hover a:before {
  border: 2px #4A4A4A solid;
}
ul.filter-select-color li.selected a {
  border: 2px solid #FFF;
}
ul.filter-select-color li.selected a:before {
  border: 2px #4A4A4A solid;
}

ul.selected-colors {
  list-style: none;
  margin: 0px 10px;
}
ul.selected-colors li {
  display: inline-block;
  border: none !important;
  padding: 13.5px 3px;
}
ul.selected-colors li:last-of-type {
  margin-right: 0;
}
ul.selected-colors li a {
  width: 20px;
  height: 20px;
  border: 2px solid #FFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
}
ul.selected-colors li.active-color {
  position: relative;
  top: 2px;
}
@media (max-width: 767px) {
  ul.selected-colors {
    list-style: none;
    margin-top: 5px;
    padding: 0 3px;
  }
  ul.selected-colors li {
    display: inline-block;
    margin-right: 1px;
  }
  ul.selected-colors li:last-of-type {
    margin-right: 0;
  }
  ul.selected-colors li a {
    width: 20px;
    height: 20px;
    border: 1px solid #FFF;
  }
}

.label-divide span {
  width: 50%;
  font-size: 14px;
}
.label-divide .img-holder {
  width: 50%;
  text-align: right;
}
.label-divide .img-holder img {
  margin-left: 10px;
  max-width: 60%;
  display: inline-block;
  float: right;
}

.filter-tooltip {
  max-width: 200px;
  min-width: 200px;
  padding: 0px;
}
.filter-tooltip label {
  font-size: 14px;
  margin-bottom: 14px;
}

.filter-select-width {
  padding: 10px 10px;
  padding-top: 7px;
}

.filter-select-shape {
  padding: 10px 10px;
  padding-top: 4px;
}
.filter-select-shape .checkbox-label {
  line-height: 26px;
  margin-bottom: 8px;
}

.filter-options {
  padding: 0 12px;
  width: calc(100% - 24px);
  position: absolute;
  bottom: 18px;
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.filter-options li {
  list-style: none;
}
.filter-options li a {
  font-size: 14px;
  display: inline-block;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.filter-options li a.cancel {
  color: rgba(74, 74, 74, 0.3);
}
.filter-options li a.apply {
  color: #86B998;
}
.filter-options li a:hover.cancel {
  color: rgba(74, 74, 74, 0.5);
}
.filter-options li a:hover.apply {
  color: #599a70;
}

/* SHOP FILTER - GENDER */
.shop-gender-prefilter {
  list-style: none;
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: -webkit-calc(100% + 40px);
  width: calc(100% + 40px);
  margin-left: -20px;
}
.shop-gender-prefilter li {
  margin-left: 20px;
  margin-right: 20px;
  width: -webkit-calc(50% - 40px);
  width: calc(50% - 40px);
  -webkit-box-shadow: 0px 2px 10px 0px #86b998;
  -moz-box-shadow: 0px 2px 10px 0px #86b998;
  box-shadow: 0px 2px 10px 0px #86b998;
  border: 3px solid #4A4A4A;
  border-bottom: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.shop-gender-prefilter li a .title {
  background: #4A4A4A;
  padding: 9px 15px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  line-height: 33px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.shop-gender-prefilter li:hover {
  border: 3px solid #86B998;
  border-bottom: 0;
}
.shop-gender-prefilter li:hover a .title {
  background: #86B998;
}
@media (min-width: 768px) and (max-width: 992px) {
  .shop-gender-prefilter {
    list-style: none;
    display: box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: -webkit-calc(100% + 30px);
    width: calc(100% + 30px);
    margin-left: -15px;
  }
  .shop-gender-prefilter li {
    margin-left: 15px;
    margin-right: 15px;
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px);
  }
  .shop-gender-prefilter li a .title {
    padding: 15px 15px;
    font-size: 25px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .shop-gender-prefilter {
    max-width: 280px;
    width: 100%;
    margin: 0 auto;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .shop-gender-prefilter li {
    margin-left: 0px;
    margin-right: 0px;
    width: -webkit-calc(100% - 0px);
    width: calc(100% - 0px);
    margin-bottom: 20px;
  }
  .shop-gender-prefilter li a img {
    width: 100%;
    object-fit: cover;
  }
  .shop-gender-prefilter li a .title {
    padding: 15px 10px;
    font-size: 20px;
    line-height: 25px;
  }
}
@media (max-width: 320px) {
  .shop-gender-prefilter {
    max-width: 200px;
  }
}

/* HOME-TRY FLOW */
.home-try-flow {
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  min-height: 315px;
  position: relative;
}
.home-try-flow .badge {
  position: absolute;
  right: -15px;
  top: -85px;
}
.home-try-flow .left-divide, .home-try-flow .right-divide {
  width: 50%;
}
.home-try-flow .left-divide.lined-bg, .home-try-flow .right-divide.lined-bg {
  background-color: #f8f7f5;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%234a4a4a' fill-opacity='0.5' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}
.home-try-flow .left-divide.white-bg, .home-try-flow .right-divide.white-bg {
  background: #FFF;
}
.home-try-flow .left-divide .half-divide, .home-try-flow .right-divide .half-divide {
  padding: 20px;
  width: 50%;
  color: #4A4A4A;
  text-align: center;
  border-right: 1px solid #4A4A4A;
}
.home-try-flow .left-divide .half-divide span, .home-try-flow .right-divide .half-divide span {
  font-size: 200px;
  line-height: 220px;
  color: #4A4A4A;
  display: block;
  font-weight: 300;
  font-family: "Oswald", sans-serif;
}
.home-try-flow .left-divide .half-divide strong, .home-try-flow .right-divide .half-divide strong {
  font-size: 24px;
  font-style: italic;
  margin-top: 15px;
  display: block;
}
.home-try-flow .left-divide .shop-section-title, .home-try-flow .right-divide .shop-section-title {
  background: #4A4A4A;
  color: #FFF;
  padding: 22px 40px;
}
.home-try-flow .left-divide .shop-section-title h1, .home-try-flow .right-divide .shop-section-title h1 {
  color: #FFF;
  line-height: 45px;
}
.home-try-flow .left-divide .content-box, .home-try-flow .right-divide .content-box {
  padding: 40px;
}
.home-try-flow .left-divide {
  border: 3px solid #4A4A4A;
}
.home-try-flow .right-divide {
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  border-top: 1px solid #4A4A4A;
  border-bottom: 1px solid #4A4A4A;
}
@media (min-width: 768px) and (max-width: 992px) {
  .home-try-flow {
    min-height: 250px;
  }
  .home-try-flow .badge {
    right: -0px;
    top: -75px;
    max-width: 85px;
  }
  .home-try-flow .left-divide, .home-try-flow .right-divide {
    width: 50%;
  }
  .home-try-flow .left-divide .half-divide, .home-try-flow .right-divide .half-divide {
    padding: 20px;
    width: 50%;
    text-align: center;
    border-right: 1px solid #4A4A4A;
  }
  .home-try-flow .left-divide .half-divide span, .home-try-flow .right-divide .half-divide span {
    font-size: 150px;
    line-height: 170px;
  }
  .home-try-flow .left-divide .half-divide strong, .home-try-flow .right-divide .half-divide strong {
    font-size: 18px;
    margin-top: 10px;
  }
  .home-try-flow .left-divide .shop-section-title, .home-try-flow .right-divide .shop-section-title {
    padding: 15px 20px;
  }
  .home-try-flow .left-divide .shop-section-title h1, .home-try-flow .right-divide .shop-section-title h1 {
    font-size: 28px;
  }
  .home-try-flow .left-divide .content-box, .home-try-flow .right-divide .content-box {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .home-try-flow {
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: auto;
    border: 3px solid #4A4A4A;
  }
  .home-try-flow .badge {
    right: -0px;
    top: -72px;
    max-width: 82px;
  }
  .home-try-flow .left-divide, .home-try-flow .right-divide {
    width: 100%;
  }
  .home-try-flow .left-divide .half-divide, .home-try-flow .right-divide .half-divide {
    padding: 20px;
    border-right: 1px solid #4A4A4A;
  }
  .home-try-flow .left-divide .half-divide span, .home-try-flow .right-divide .half-divide span {
    font-size: 100px;
    line-height: 110px;
  }
  .home-try-flow .left-divide .half-divide strong, .home-try-flow .right-divide .half-divide strong {
    font-size: 16px;
    margin-top: 10px;
  }
  .home-try-flow .left-divide .shop-section-title, .home-try-flow .right-divide .shop-section-title {
    padding: 20px 17px 20px 17px;
  }
  .home-try-flow .left-divide .shop-section-title h1, .home-try-flow .right-divide .shop-section-title h1 {
    line-height: 30px;
    font-size: 20px;
  }
  .home-try-flow .left-divide .content-box, .home-try-flow .right-divide .content-box {
    padding: 17px;
  }
  .home-try-flow .left-divide {
    border: none;
  }
  .home-try-flow .right-divide {
    display: box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    border-top: 3px solid #4A4A4A;
  }
}

/* HOW IT WORKS */
.how-it-works-flow {
  list-style: none;
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: -webkit-calc(100% + 40px);
  width: calc(100% + 40px);
  margin-left: -20px;
}
.how-it-works-flow .single-step {
  margin-left: 20px;
  margin-right: 20px;
  width: -webkit-calc(25% - 40px);
  width: calc(25% - 40px);
  position: relative;
}
.how-it-works-flow .single-step .description {
  font-size: 18px;
  color: #4A4A4A;
  margin-top: 15px;
  line-heigh: 26px;
}
.how-it-works-flow .single-step .badge {
  position: absolute;
  right: -10px;
  top: -80px;
}
@media (max-width: 767px) {
  .how-it-works-flow {
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: -webkit-calc(100%);
    width: calc(100%);
    margin-left: -0px;
  }
  .how-it-works-flow .single-step {
    width: -webkit-calc(100%);
    width: calc(100%);
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 40px;
  }
  .how-it-works-flow .single-step:last-of-type {
    margin-bottom: 0;
  }
  .how-it-works-flow .single-step .description {
    font-size: 14px;
  }
  .how-it-works-flow .single-step .badge {
    right: -0px;
    top: -40px;
    max-width: 75px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .how-it-works-flow .single-step .description {
    font-size: 16px;
    line-heigh: 24px;
  }
  .how-it-works-flow .single-step .badge {
    right: -10px;
    top: -70px;
    max-width: 85px;
  }
}
.how-it-works-flow.block-flow {
  display: block;
  -webkit-box-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: -webkit-calc(100%);
  width: calc(100%);
  margin-left: 0;
}
.how-it-works-flow.block-flow .single-step {
  position: relative;
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: -webkit-calc(100% + 0px);
  width: calc(100% + 0px);
  margin-left: -0px;
  margin-bottom: 35px;
}
.how-it-works-flow.block-flow .single-step .description {
  margin-top: 10px;
  line-heigh: auto;
  margin-left: 20px;
  margin-right: 20px;
  width: -webkit-calc(70% - 20px);
  width: calc(70% - 20px);
}
.how-it-works-flow.block-flow .single-step .step-img {
  width: 30%;
  max-width: 100%;
  margin-right: 20px;
  margin-left: 20px;
  width: -webkit-calc(30% - 20px);
  width: calc(30% - 20px);
}
@media (max-width: 767px) {
  .how-it-works-flow.block-flow .single-step {
    width: -webkit-calc(100%);
    width: calc(100%);
    margin-bottom: 25px;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .how-it-works-flow.block-flow .single-step .description {
    width: 100%;
    margin-top: 15px;
    margin-left: 0px;
    margin-right: 0px;
    width: -webkit-calc(100% - 0);
    width: calc(100% - 0);
  }
  .how-it-works-flow.block-flow .single-step .description h3 {
    font-size: 16px;
    line-height: 22px;
  }
  .how-it-works-flow.block-flow .single-step .step-img {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    width: -webkit-calc(100% - 0);
    width: calc(100% - 0);
  }
}

/* OPEN PRODUCT */
.open-product-holder .product-holder .product-img {
  position: relative;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}
.open-product-holder .product-holder .product-title {
  max-width: 460px;
  font-size: 16px;
  color: #4A4A4A;
  text-align: center;
  border-bottom: 1px solid #979797;
  padding-bottom: 17px;
  margin: 0 auto;
}
.open-product-holder .product-holder .product-title h1 {
  margin-bottom: 10px;
}
.open-product-holder .product-holder .product-title a {
  color: #86B998;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
}
.open-product-holder .product-holder .product-title a:hover {
  border-bottom: 1px solid #86B998;
}
.open-product-holder .product-holder .product-colors {
  list-style: none;
  padding-top: 20px;
  max-width: 460px;
  text-align: center;
  margin: 0 auto;
}
.open-product-holder .product-holder .product-colors li {
  display: inline-block;
  margin-right: 13px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.open-product-holder .product-holder .product-colors li:last-of-type {
  margin-right: 0px;
}
.open-product-holder .product-holder .product-colors li a span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: black;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.open-product-holder .product-holder .product-colors li a span.grey {
  background: #979797;
}
.open-product-holder .product-holder .product-colors li a span.brown {
  background: #8B572A;
}
.open-product-holder .product-holder .product-colors li a span.black {
  background: black;
}
.open-product-holder .product-holder .product-colors li a span.blue {
  background: #4A90E2;
}
.open-product-holder .product-holder .product-colors li.active a span {
  position: relative;
}
.open-product-holder .product-holder .product-colors li.active a span:after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  bottom: -3px;
  right: -3px;
  border: 3px #000 solid;
}
.open-product-holder .product-holder .product-180-look {
  border: 1px solid #979797;
  position: relative;
  margin-bottom: 30px;
}
.open-product-holder .product-holder .product-180-look .badge {
  position: absolute;
  top: -60px;
  right: -30px;
}
.open-product-holder .product-holder .product-basic-info {
  list-style: none;
}
.open-product-holder .product-holder .product-basic-info li {
  border-top: 1px solid #979797;
  padding: 17px 0px 35px 0px;
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .open-product-holder .product-holder .product-img {
    position: relative;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 50px;
  }
  .open-product-holder .product-holder .product-title {
    max-width: 460px;
    font-size: 16px;
    color: #4A4A4A;
    text-align: center;
    border-bottom: 1px solid #979797;
    padding-bottom: 17px;
    margin: 0 auto;
  }
  .open-product-holder .product-holder .product-title h1 {
    margin-bottom: 10px;
    font-size: 25px;
  }
  .open-product-holder .product-holder .product-title a {
    color: #86B998;
    border-bottom: 1px solid transparent;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
  }
  .open-product-holder .product-holder .product-title a:hover {
    border-bottom: 1px solid #86B998;
  }
  .open-product-holder .product-holder .product-colors {
    list-style: none;
    padding-top: 20px;
    max-width: 460px;
    text-align: center;
    margin: 0 auto;
  }
  .open-product-holder .product-holder .product-colors li {
    display: inline-block;
    margin-right: 13px;
  }
  .open-product-holder .product-holder .product-colors li:last-of-type {
    margin-right: 0px;
  }
  .open-product-holder .product-holder .product-colors li a span {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: black;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
  }
  .open-product-holder .product-holder .product-colors li a span.grey {
    background: #979797;
  }
  .open-product-holder .product-holder .product-colors li a span.brown {
    background: #8B572A;
  }
  .open-product-holder .product-holder .product-colors li a span.black {
    background: black;
  }
  .open-product-holder .product-holder .product-180-look {
    border: 1px solid #979797;
    position: relative;
  }
  .open-product-holder .product-holder .product-180-look .badge {
    position: absolute;
    top: -30px;
    right: 0px;
    max-width: 75px;
  }
  .open-product-holder .product-holder .product-basic-info {
    list-style: none;
  }
  .open-product-holder .product-holder .product-basic-info li {
    border-top: 1px solid #979797;
    padding: 17px 0px 35px 0px;
    display: box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

/* PRICING FLOW */
.pricing-flow {
  list-style: none;
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.pricing-flow.auto-space {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.pricing-flow.auto-space li {
  margin-right: 59px;
}
.pricing-flow li {
  padding: 14px 12px;
  background: #FFF;
  text-align: center;
  position: relative;
  margin-right: 30px;
  font-style: italic;
  max-width: 140px;
  width: 140px;
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.pricing-flow li:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -40px;
  content: url(../img/icons/arrow-right.svg);
}
.pricing-flow li:last-of-type {
  margin-right: 0;
}
.pricing-flow li:last-of-type:before {
  display: none;
}
.pricing-flow li.black-label {
  background: #4A4A4A;
  color: #FFF;
  font-weight: bold;
  font-style: normal;
  width: 210px;
  max-width: 210px;
  text-align: left;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.pricing-flow li.green-label {
  background: #86B998;
  color: #4A4A4A;
  width: 75px;
  max-width: 75px;
}
.pricing-flow li.crossed {
  color: rgba(74, 74, 74, 0.5);
  background: none;
  position: relative;
  font-style: normal;
}
.pricing-flow li.crossed:after {
  content: '';
  width: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  border-bottom: 2px solid #EC1D24;
  -webkit-transform: skewY(-18deg);
  transform: skewY(-13deg);
}
.pricing-flow li.bordered {
  border: 1px solid #EC1D24;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .pricing-flow {
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    display: block;
  }
  .pricing-flow li {
    padding: 14px 10px;
    margin-right: 0px;
    margin-bottom: 40px;
    max-width: 100%;
    width: 100%;
    display: box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .pricing-flow li:before {
    bottom: -38px;
    top: auto;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    content: url(../img/icons/arrow-down.svg);
  }
  .pricing-flow li.black-label {
    width: 100%;
    max-width: 100%;
    text-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 80px;
    max-height: 80px;
  }
  .pricing-flow li.green-label {
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .pricing-flow {
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    display: block;
  }
  .pricing-flow li {
    padding: 14px 10px;
    margin-right: 0px;
    margin-bottom: 40px;
    max-width: 100%;
    width: 100%;
    display: box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .pricing-flow li:before {
    bottom: -38px;
    top: auto;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    content: url(../img/icons/arrow-down.svg);
  }
  .pricing-flow li.black-label {
    width: 100%;
    max-width: 100%;
    text-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .pricing-flow li.green-label {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .pricing-flow {
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    display: block;
  }
  .pricing-flow li {
    padding: 14px 10px;
    margin-right: 0px;
    margin-bottom: 40px;
    max-width: 100%;
    width: 100%;
    display: box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .pricing-flow li:before {
    bottom: -38px;
    top: auto;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    content: url(../img/icons/arrow-down.svg);
  }
  .pricing-flow li.black-label {
    width: 100%;
    max-width: 100%;
    text-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .pricing-flow li.green-label {
    width: 100%;
    max-width: 100%;
  }
}

.pricing-flow-holder .pricing-flow {
  margin-bottom: 25px;
}
.pricing-flow-holder.block-view {
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: -webkit-calc(100% + 30px);
  width: calc(100% + 30px);
  margin-left: -15px;
}
.pricing-flow-holder.block-view .pricing-flow {
  margin-bottom: 0;
  margin-left: 15px;
  margin-right: 15px;
  width: -webkit-calc(50% - 30px);
  width: calc(50% - 30px);
  display: block;
  -webkit-box-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
}
.pricing-flow-holder.block-view .pricing-flow li {
  padding: 14px 10px;
  margin-right: 0px;
  margin-bottom: 40px;
  max-width: 100%;
  width: 100%;
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.pricing-flow-holder.block-view .pricing-flow li:before {
  bottom: -38px;
  top: auto;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  content: url(../img/icons/arrow-down.svg);
}
.pricing-flow-holder.block-view .pricing-flow li.black-label {
  width: 100%;
  max-width: 100%;
  text-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-height: auto;
  max-height: auto;
}
.pricing-flow-holder.block-view .pricing-flow li.green-label {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .pricing-flow-holder {
    display: box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: -webkit-calc(100% + 30px);
    width: calc(100% + 30px);
    margin-left: -15px;
  }
  .pricing-flow-holder .pricing-flow {
    margin-bottom: 0;
    margin-left: 15px;
    margin-right: 15px;
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px);
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .pricing-flow-holder {
    display: box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px);
    margin-left: -10px;
  }
  .pricing-flow-holder .pricing-flow {
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
  }
}
@media (max-width: 767px) {
  .pricing-flow-holder {
    display: box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: -webkit-calc(100% + 12px);
    width: calc(100% + 12px);
    margin-left: -6px;
  }
  .pricing-flow-holder .pricing-flow {
    margin-bottom: 0;
    margin-left: 6px;
    margin-right: 6px;
    width: -webkit-calc(50% - 12px);
    width: calc(50% - 12px);
  }
}

/* PROFILE PAGE */
.user-holder {
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.user-holder .left-side .user-img {
  margin-right: 50px;
}
.user-holder .left-side .user-img img {
  max-width: 130px;
  max-height: 130px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.user-holder .left-side .user-img strong {
  text-align: center;
  display: block;
  margin-top: 15px;
}
.user-holder .right-side {
  width: 100%;
  padding-left: 50px;
}
.user-holder .right-side .user-info {
  width: 100%;
}
.user-holder .right-side .user-info.with-border {
  border-bottom: 2px solid #86B998;
}
.user-holder .right-side .user-info ul {
  list-style: none;
}
.user-holder .right-side .user-info ul li {
  margin-bottom: 15px;
}
.user-holder .right-side .user-info ul li.uppercase {
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .user-holder {
    display: box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .user-holder .left-side {
    width: 100%;
  }
  .user-holder .left-side .user-img {
    text-align: center;
    margin-right: 0px;
  }
  .user-holder .right-side {
    border-left: none;
    width: 100%;
    padding-left: 0px;
  }
  .user-holder .right-side .user-info {
    width: 100%;
  }
}

.user-payment-info ul {
  list-style: none;
}
.user-payment-info ul li {
  display: inline-block;
  margin-right: 15px;
}
.user-payment-info ul li:last-of-type {
  margin-right: 0;
}

.pd-value {
  font-family: "Oswald", sans-serif;
  color: #4A4A4A;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.pd-value .value {
  padding: 13.5px 20px 13.5px 20px;
  background: #D1E4D8;
  border: 3px solid #86B998;
  margin-left: 15px;
}
.pd-value .value input {
  max-width: 50px;
  border: none;
  background: none;
  text-align: center;
  border-bottom: 1px solid #4A4A4A;
  color: #4A4A4A;
  letter-spacing: 0.9px;
}
.pd-value .value input:focus {
  border: none;
  box-shadow: none !important;
  outline: none;
  border-bottom: 1px solid #4A4A4A;
}
@media (max-width: 767px) {
  .pd-value {
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .pd-value .value {
    padding: 12px 15px 12px 15px;
    border: 2px solid #86B998;
    margin-left: 15px;
  }
}

.sidebar-holder ul {
  list-style: none;
}
.sidebar-holder ul li {
  display: block;
  margin-bottom: 17px;
}
.sidebar-holder ul li a {
  font-size: 22px;
  display: block;
  color: #4A4A4A;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  letter-spacing: 1.47px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.sidebar-holder ul li a:hover {
  color: black;
}
.sidebar-holder ul li a.selected {
  color: #86B998;
}

.days-left {
  font-size: 80px;
  line-height: 80px;
  font-weight: 500;
  font-family: "Oswald", sans-serif;
  color: #4A4A4A;
  display: block;
  text-align: center;
}
@media (max-width: 767px) {
  .days-left {
    font-size: 50px;
    line-height: 50px;
  }
}

/* TABLES */
.main-table {
  display: table;
  width: 100%;
  font-family: "Oswald", sans-serif;
  color: #4A4A4A;
  letter-spacing: 0.9px;
}
.main-table.table-no-borders .table-heading .table-cell {
  padding: 5px 12px 2px 12px;
  border: none;
}
.main-table.table-no-borders .table-cell {
  padding: 6px 12px 6px 12px;
  background: none;
  border-bottom: 0px solid #86B998;
  border-right: 0px solid #86B998;
  border-top: 0px solid #86B998;
}
.main-table.table-no-borders .table-cell input {
  padding: 5px 5px 5px 5px;
}
.main-table.table-no-borders .table-cell select {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  -o-border-radius: 0px !important;
  border-radius: 0px !important;
  -webkit-appearance: none;
  padding: 5px 20px;
  border: 1px solid #4A4A4A;
  background: #FFF;
}
.main-table.table-no-borders .table-cell:nth-child(1) {
  background: none;
  border: none;
}
.main-table.table-no-borders .table-cell:nth-child(2) {
  border-left: 0px solid #86B998;
}
.main-table.table-no-borders .table-cell:last-of-type {
  border-right: 0px solid #86B998;
}
.main-table .table-heading {
  display: table-header-group;
  text-transform: uppercase;
  vertical-align: middle;
}
.main-table .table-heading .table-cell {
  padding: 15px 20px 15px 20px;
  background: none;
  border: none;
}
.main-table .table-heading .table-cell:nth-child(1) {
  border-right: 0px solid #86B998;
}
.main-table .table-heading .table-cell:nth-child(2) {
  border-left: 0px solid #86B998;
}
.main-table .table-heading .table-cell:last-of-type {
  border-right: none;
}
.main-table .table-row {
  display: table-row;
}
.main-table .table-row.fake-row .table-cell:last-of-type {
  border-right: none;
}
.main-table .table-row .table-missing-info {
  padding: 10px;
}
.main-table .table-cell {
  display: table-cell;
  padding: 6px 20px 6px 20px;
  vertical-align: middle;
  text-align: center;
  background: #D1E4D8;
  border-bottom: 3px solid #86B998;
  border-right: 1px solid #86B998;
  border-top: 3px solid #86B998;
}
.main-table .table-cell input {
  padding: 5px 5px 5px 5px;
}
.main-table .table-cell:nth-child(1) {
  background: none;
  text-align: center;
  border: none;
}
.main-table .table-cell:nth-child(2) {
  border-left: 3px solid #86B998;
}
.main-table .table-cell:last-of-type {
  border-right: 3px solid #86B998;
}
.main-table .table-cell span {
  display: block;
  font-size: 14px;
  font-family: "Georgia", sans-serif;
  color: #979797;
}
.main-table .table-cell input {
  max-width: 70px;
  border: none;
  background: none;
  text-align: center;
  border-bottom: 1px solid #4A4A4A;
  color: #4A4A4A;
  letter-spacing: 0.9px;
}
@media (max-width: 767px) {
  .main-table .table-cell input {
    max-width: 50px;
  }
}
.main-table .table-cell input:focus {
  border: none;
  box-shadow: none !important;
  outline: none;
  border-bottom: 1px solid #4A4A4A;
}
.main-table .table-footer {
  display: table-footer-group;
}
@media (max-width: 767px) {
  .main-table.table-no-borders .table-heading .table-cell {
    padding: 5px 5px 2px 5px;
    border: none;
  }
  .main-table.table-no-borders .table-cell {
    padding: 6px 0px 6px 0px;
    background: none;
    border-bottom: 0px solid #86B998;
    border-right: 0px solid #86B998;
    border-top: 0px solid #86B998;
    min-width: 75px;
  }
  .main-table.table-no-borders .table-cell input {
    padding: 5px 5px 5px 5px;
  }
  .main-table.table-no-borders .table-cell:nth-child(1) {
    background: none;
    border: none;
  }
  .main-table.table-no-borders .table-cell:nth-child(2) {
    border-left: 0px solid #86B998;
  }
  .main-table.table-no-borders .table-cell:first-of-type {
    padding-right: 10px;
  }
  .main-table.table-no-borders .table-cell:last-of-type {
    border-right: 0px solid #86B998;
    margin-left: 0;
    padding-left: 0;
  }
  .main-table.table-no-borders .table-cell select {
    padding: 5px 15px;
    font-size: 20px;
  }
  .main-table .table-heading .table-cell {
    padding: 10px 12px 10px 12px;
  }
  .main-table .table-cell {
    padding: 5px 13px 5px 13px;
    border-bottom: 2px solid #86B998;
    border-top: 2px solid #86B998;
  }
  .main-table .table-cell:nth-child(2) {
    border-left: 2px solid #86B998;
  }
  .main-table .table-cell:last-of-type {
    border-right: 2px solid #86B998;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  min-height: 0.01%;
  overflow-x: auto;
}

/* TRACK ORDER */
.track-order {
  list-style: none;
}
.track-order li {
  position: relative;
  padding-left: 45px;
  margin-bottom: 6px;
  padding-bottom: 30px;
  overflow: hidden;
}
.track-order li:after {
  position: absolute;
  top: 30px;
  left: 11px;
  width: 1px;
  height: 100%;
  background: #979797;
  content: "";
}
.track-order li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 24px;
  height: 24px;
  line-height: 24px;
  background: #FFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
}
.track-order li.checked:before {
  position: absolute;
  top: 0;
  left: 0;
  background: #4A4A4A url(../img/icons/check.svg) no-repeat center;
  width: 24px;
  height: 24px;
  line-height: 24px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
}
.track-order li:last-of-type:after {
  display: none;
}

/* PREVIOUS ORDERS */
.single-previous-order {
  margin-bottom: 60px;
}
.single-previous-order .main-info {
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  color: #4A4A4A;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 20px;
}
.single-previous-order .main-info .order-number {
  width: 70%;
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.single-previous-order .main-info .order-number span {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #FFF;
  font-family: "Oswald", sans-serif;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #86B998;
  text-align: center;
  display: inline-block;
}
.single-previous-order .main-info .order-number strong {
  font-size: 18px;
  border-left: 1px solid #4A4A4A;
  margin-left: 9px;
  padding-left: 9px;
  max-width: 80%;
  line-height: 18px;
}
.single-previous-order .main-info .order-number strong:first-of-type {
  border-left: none;
}
.single-previous-order .main-info .order-date {
  width: 30%;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: right;
}
@media (min-width: 768px) and (max-width: 992px) {
  .single-previous-order .main-info {
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .single-previous-order .main-info .order-number {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .single-previous-order .main-info .order-number span {
    font-size: 20px;
  }
  .single-previous-order .main-info .order-number strong {
    font-size: 16px;
    margin-left: 10px;
    padding-left: 10px;
    max-width: 80%;
  }
  .single-previous-order .main-info .order-date {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .single-previous-order .main-info {
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .single-previous-order .main-info .order-number {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
  }
  .single-previous-order .main-info .order-number span {
    font-size: 20px;
  }
  .single-previous-order .main-info .order-number strong {
    font-size: 16px;
    margin-left: 10px;
    padding-left: 10px;
    max-width: 80%;
  }
  .single-previous-order .main-info .order-date {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    margin-bottom: 15px;
  }
}

.edit-section {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  padding: 5px;
  padding-top: 0;
}
.edit-section span {
  font-size: 14px;
  color: #4A4A4A;
  margin-right: 10px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.edit-section:hover span {
  color: #86B998;
}
@media (max-width: 767px) {
  .edit-section {
    position: relative;
    top: 0;
    right: 0;
    display: block;
    text-align: right;
    padding: 5px;
    margin-top: 20px;
  }
  .edit-section span {
    font-size: 14px;
    color: #4A4A4A;
    margin-right: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
}

.edit-options {
  list-style: none;
}
.edit-options li {
  display: inline-block;
  margin-left: 20px;
}
.edit-options li:first-of-type {
  margin-left: 0;
}
.edit-options li a span {
  font-size: 14px;
  color: #4A4A4A;
  margin-right: 10px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.edit-options li a:hover span {
  color: #86B998;
}

.papers-listing {
  list-style: none;
}
.papers-listing li {
  dispaly: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 22px;
}
.papers-listing li .icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}
.papers-listing li .content {
  font-weight: bold;
  color: #4A4A4A;
}
.papers-listing li .content a {
  color: #4A4A4A;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.papers-listing li .content a:hover {
  color: #86B998;
}
.papers-listing li .content span {
  display: inline-block;
  font-weight: normal;
  color: #979797;
  margin-left: 5px;
}
.papers-listing.print-option li {
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.papers-listing.print-option li .content {
  width: 80%;
}
.papers-listing.print-option li .print {
  width: 20%;
  text-align: right;
  margin-left: 4px;
}
.papers-listing.print-option li .print a {
  display: inline-block;
  color: #4A4A4A;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 14px;
}
.papers-listing.print-option li .print a:hover {
  color: #86B998;
}

/* HOME TRY SELECTION  */
.home-try-selection {
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background: #F8F7F5;
}
.home-try-selection.all-bordered-extra {
  border: 3px solid #86B998;
}
.home-try-selection.all-bordered-extra .single-item {
  border-right: 3px solid #86B998;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
.home-try-selection.feedback .single-item {
  width: auto;
}
.home-try-selection.feedback .item-img {
  max-height: 120px;
  max-width: 200px;
}
.home-try-selection.exposed-numbers .single-item {
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
.home-try-selection.exposed-numbers .single-item .item-head {
  margin-bottom: 30px;
}
.home-try-selection.exposed-numbers .single-item .item-head .number {
  color: #86B998;
  font-size: 22px;
}
.home-try-selection.exposed-numbers .single-item .item-head .name {
  margin-top: 4px;
}
.home-try-selection .single-item {
  padding: 15px 15px;
  width: 33.34%;
  border-right: 1px solid #86B998;
  border-bottom: 1px solid #86B998;
  position: relative;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
.home-try-selection .single-item:last-of-type {
  border-right: none;
}
.home-try-selection .single-item.light-green-overlay:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(209, 228, 216, 0.4);
  content: "";
  z-index: 10;
}
.home-try-selection .single-item .item-head {
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  font-size: 16px;
  color: #4A4A4A;
  font-family: "Oswald", sans-serif;
  margin-bottom: 50px;
}
.home-try-selection .single-item .item-head .number {
  width: 10%;
}
.home-try-selection .single-item .item-head .name {
  width: 80%;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
}
.home-try-selection .single-item .item-head .name a {
  display: block;
  color: #4A4A4A;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.home-try-selection .single-item .item-head .remove {
  width: 10%;
  text-align: right;
  margin-top: -4px;
}
.home-try-selection .single-item .item-head .price {
  color: #86B998;
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
}
.home-try-selection .single-item .item-img {
  max-height: 120px;
  text-align: center;
  margin: 0 auto 15px auto;
  position: relative;
  display: block;
}
.home-try-selection .single-item .item-img img {
  max-width: 280px;
}
.home-try-selection .single-item .item-img img.badge {
  position: absolute;
  top: -50px;
  right: 10px;
  max-width: 80px;
}
.home-try-selection .single-item:hover .item-head .name a {
  color: #86B998;
}
.home-try-selection .single-item.empty-item {
  background-color: #f8f7f5;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2386b998' fill-opacity='0.8' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  font-family: "Oswald", sans-serif;
  text-align: center;
  letter-spacing: 0.95px;
  border-right: 3px solid #F8F7F5;
  border-bottom: 1px solid #F8F7F5;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.home-try-selection .single-item.empty-item .number {
  display: block;
  font-size: 72px;
  font-weight: 300;
  color: #86B998;
}
.home-try-selection .item-additional-content {
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.home-try-selection .item-additional-content .more-info {
  margin-right: 7px;
}
.home-try-selection .item-additional-content .frame-code {
  font-size: 14px;
  margin-top: -4px;
}
.home-try-selection .item-additional-content .add-product {
  margin-left: auto;
}
.home-try-selection .item-additional-content .add-product label {
  margin-bottom: 0;
  margin-right: 0 !important;
}
.home-try-selection .item-additional-content .add-product label.checkbox-label .icheckbox_flat {
  margin-right: 0;
}
@media (min-width: 768px) and (max-width: 992px) {
  .home-try-selection .single-item {
    padding: 15px;
  }
  .home-try-selection .single-item .item-head {
    margin-bottom: 20px;
  }
  .home-try-selection .single-item .item-img {
    margin: 0 auto 0px auto;
  }
  .home-try-selection .single-item .item-img img {
    max-width: 100%;
  }
  .home-try-selection .single-item .item-img img.badge {
    position: absolute;
    top: -10px;
    right: 0px;
    max-width: 60px;
  }
}
@media (max-width: 767px) {
  .home-try-selection {
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .home-try-selection.all-bordered-extra {
    border: 2px solid #86B998;
  }
  .home-try-selection.all-bordered-extra .single-item {
    border-right: none;
    border-bottom: 2px solid #86B998;
  }
  .home-try-selection .single-item {
    padding: 15px;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #86B998;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
  }
  .home-try-selection .single-item:last-of-type {
    border-right: none;
  }
  .home-try-selection .single-item .item-head {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .home-try-selection .single-item .item-img {
    margin: 0 auto;
  }
  .home-try-selection .single-item .item-img img {
    max-width: 150px;
  }
  .home-try-selection .single-item .item-img img.badge {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0px;
    max-width: 55px;
  }
  .home-try-selection .single-item.empty-item {
    background-color: #f8f7f5;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2386b998' fill-opacity='0.8' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
    font-family: "Oswald", sans-serif;
    text-align: center;
    border-right: none;
    border-bottom: 4px solid #F8F7F5;
  }
  .home-try-selection .single-item.empty-item .number {
    font-size: 42px;
  }
}
.home-try-selection#profileSelection .single-item:nth-child(2), .home-try-selection#profileSelection .single-item:nth-child(1) {
  border-right: 3px solid #86B998;
}

#currentSelection .home-try-selection {
  background: #86B998;
  position: relative;
}
#currentSelection .home-try-selection:before {
  content: '';
  border-bottom: 1px solid #006330;
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0;
}

.final-price {
  color: #86B998;
  font-size: 22px;
  font-family: "Oswald", sans-serif;
  letter-spacing: 1.47px;
}

/* WARNING */
.warning {
  background: #86B998;
  color: #FFF;
  padding: 25px 30px;
  text-align: center;
}
.warning h2 {
  color: #FFF;
  margin-bottom: 12px;
}
.warning p {
  color: #FFF;
}
.warning p a {
  color: #4A4A4A;
  display: inline-block;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .warning {
    padding: 25px 20px;
  }
}

.warning-white-border {
  border: 1px dashed #FFF;
  padding: 35px 20px 30px 20px;
  position: relative;
}
.warning-white-border .top-title {
  position: absolute;
  top: -14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  text-transform: uppercase;
  padding: 5px 12px;
  background: #86B998;
  display: inline-block;
  color: #4A4A4A;
  letter-spacing: 0.91px;
  font-size: 16px;
  font-family: "Oswald", sans-serif;
}

.missing-info {
  color: #D0021B;
  position: relative;
  padding-left: 45px;
}
.missing-info img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}
.missing-info span {
  font-weight: bold;
}

/* MDOAL WINDOWS */
.fixed-modal-window-holder {
  pointer-events: auto;
  position: fixed;
  right: 42px;
  bottom: -4px;
  min-width: 700px;
  z-index: 1002;
}
@media (max-width: 767px) {
  .fixed-modal-window-holder {
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
}

.center-fixed-modal {
  pointer-events: auto;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1002;
}
@media (min-width: 767px) {
  .center-fixed-modal.md-position-top {
    top: 27%;
  }
}

.modal-window-holder {
  pointer-events: auto;
}
.modal-window-holder h2 {
  font-size: 18px;
}
.modal-window-holder.top-fixed-modal {
  position: fixed;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1006;
}
.modal-window-holder.top-fixed-modal .modal-window-body {
  border-top: none;
  border-bottom: none;
  height: auto;
  border-bottom: 3px solid #86B998;
}
@media (max-width: 767px) {
  .modal-window-holder.top-fixed-modal {
    position: absolute;
    right: 0;
    top: 0;
    transform: none;
    bottom: auto;
    width: 100%;
    min-height: 100%;
    min-height: 100vh;
  }
  .modal-window-holder.top-fixed-modal .modal-window-body {
    border: none;
    border-top: none;
    border-bottom: none;
    max-height: -webkit-calc(88vh);
    max-height: calc(88vh);
    overflow-y: scroll;
    -webkit-overflow-scrolling: auto;
    padding-bottom: 30px;
  }
}
.modal-window-holder .ajax-loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  z-index: 50;
  pointer-events: none;
}
.modal-window-holder .ajax-loader img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.step-info {
  position: fixed;
  bottom: 20px;
  left: 50px;
  font-size: 110px;
  color: #86B998;
  font-family: "Oswald", sans-serif;
  font-weight: 300;
  z-index: 2000;
}

.content-wrapper:after {
  left: 0;
  top: 0;
  z-index: 1001;
  width: 100%;
  height: 100vh;
  position: fixed;
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.8' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  opacity: 0;
  pointer-events: none;
}

.modal-opened {
  pointer-events: none;
  position: relative;
}
.modal-opened:after {
  opacity: 1;
}

@media (max-width: 767px) {
  .modal-opened, .block-scroll {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .block-scroll header {
    display: none;
  }
}
.modal-window-holder {
  pointer-events: auto;
  max-width: 700px;
  background: #f8f7f5;
  -webkit-box-shadow: 0px 2px 10px 0px #86b998;
  -moz-box-shadow: 0px 2px 10px 0px #86b998;
  box-shadow: 0px 2px 10px 0px #86b998;
}
.modal-window-holder.green-bg {
  background: #86B998;
}
.modal-window-holder.green-bg .modal-window-body {
  border: 0px;
}
.modal-window-holder.green-bg .home-try-selection .single-item {
  border-right: 1px solid #006330;
  border-bottom: 1px solid #006330;
  position: relative;
  background: #86B998;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
.modal-window-holder.green-bg .home-try-selection .single-item:first-of-type {
  border-left: #006330;
}
.modal-window-holder.green-bg .home-try-selection .single-item:hover .item-head .name a {
  color: #4A4A4A;
}
@media (max-width: 767px) {
  .modal-window-holder.green-bg .home-try-selection .single-item {
    border-right: 0;
  }
}
.modal-window-holder.ty-modal-window {
  background: #86B998;
  min-height: 600px;
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.modal-window-holder.ty-modal-window .close-modal {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
}
.modal-window-holder.ty-modal-window hr {
  border-color: #4A4A4A;
}
.modal-window-holder.ty-modal-window .modal-window-body {
  background-image: url(../img/ty-decor-bg.svg);
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
}
@media (max-width: 767px) {
  .modal-window-holder.ty-modal-window {
    min-height: auto;
    display: block;
    padding: 40px 10px;
  }
  .modal-window-holder.ty-modal-window .modal-window-body {
    background-size: cover;
  }
}
.modal-window-holder .modal-window-body {
  border: 3px solid #86B998;
  border-top: none;
  border-bottom: none;
}
.modal-window-holder .modal-window-body.max-height-580 {
  max-height: 580px;
  min-height: 580px;
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
}
.modal-window-holder .modal-window-body.max-height-580 form {
  display: block;
  width: 100%;
}
.modal-window-holder .modal-window-body.max-height-580.no-flex {
  display: block;
  width: 100%;
}
.modal-window-holder.modal-minimized .modal-window-header ul li.modal-status:before {
  content: url(../img/icons/arrow-up-white.svg);
}
.modal-window-holder .modal-window-header {
  position: relative;
  background: #4A4A4A;
  padding: 15px 15px;
  padding-bottom: 19px;
}
.modal-window-holder .modal-window-header.modal-checkout-header {
  padding: 15px 15px;
  padding-bottom: 19px;
}
.modal-window-holder .modal-window-header ul {
  list-style: none;
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background: #4A4A4A;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.modal-window-holder .modal-window-header ul li a {
  color: #FFF;
}
.modal-window-holder .modal-window-header ul li.modal-title {
  width: 70%;
  text-align: center;
  font-size: 22px;
  color: #86B998;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  font-weight: normal;
}
.modal-window-holder .modal-window-header ul li.modal-title span {
  color: #FFF;
}
.modal-window-holder .modal-window-header ul li.modal-options, .modal-window-holder .modal-window-header ul li.modal-status {
  width: 15%;
  color: #FFF;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.modal-window-holder .modal-window-header ul li.modal-options:hover, .modal-window-holder .modal-window-header ul li.modal-status:hover {
  opacity: 0.8;
}
.modal-window-holder .modal-window-header ul li.modal-status {
  text-align: right;
  display: block;
  position: relative;
  overflow: hidden;
}
.modal-window-holder .modal-window-header ul li.modal-status:before {
  position: absolute;
  top: -2.5px;
  right: 0;
  content: url(../img/icons/arrow-down-white.svg);
  padding: 5px;
}
.modal-window-holder .modal-window-header ul li.modal-status.no-before:before {
  display: none;
}
.modal-window-holder .home-try-selection.border-top {
  border-top: 1px solid #86B998;
}
.modal-window-holder .home-try-selection .single-item {
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
.modal-window-holder .home-try-selection .single-item.selected-item {
  background: #86B998;
  border-right: 1px solid #006330;
}
.modal-window-holder .home-try-selection .single-item.selected-item .item-head .price {
  color: #0a8955;
}
.modal-window-holder .home-try-selection .single-item.selected-item:hover .item-head .name a {
  color: #4A4A4A;
}
@media (max-width: 767px) {
  .modal-window-holder .home-try-selection .single-item.selected-item {
    border-bottom: 1px solid #006330;
    border-right: 0;
  }
}
.modal-window-holder .home-try-selection .single-item .item-head {
  margin-bottom: 25px;
}
.modal-window-holder .home-try-selection .single-item .item-img {
  max-height: 120px;
  margin: 0 auto 10px auto;
}
.modal-window-holder .home-try-selection .single-item .item-img img {
  max-width: 100%;
}
.modal-window-holder .home-try-selection .single-item .item-img img.badge {
  position: absolute;
  top: -50px;
  right: 5px;
  max-width: 80px;
}
.modal-window-holder .home-try-selection .single-item .item-img img.badge-v2 {
  position: absolute;
  top: -16px;
  right: 0px;
  max-width: 80px;
}
.modal-window-holder .home-try-selection .single-item .item-img .badge-v3 {
  position: absolute;
  right: 0px;
  top: -16px;
  color: red;
  height: 55px;
  width: 55px;
  border-radius: 100px;
  border: 2px solid red;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.modal-window-holder .home-try-selection .single-item .item-img .badge-v3 .number {
  font-size: 20px;
  font-weight: 700;
  position: relative;
  top: 2px;
}
.modal-window-holder .home-try-selection .single-item .item-img .badge-v3 .discount-word {
  font-size: 11px;
  position: relative;
  top: -5px;
  font-weight: 400;
  font-style: italic;
}
.modal-window-holder .home-try-selection .single-item .item-img .badge-v3 .line-1 {
  position: absolute;
  height: 9px;
  width: 1px;
  background: red;
  transform: rotate(45deg);
  top: 22px;
  right: 3px;
}
.modal-window-holder .home-try-selection .single-item .item-img .badge-v3 .line-2 {
  position: absolute;
  height: 13px;
  width: 1px;
  background: red;
  transform: rotate(45deg);
  top: 40px;
  right: 23.5px;
}
.modal-window-holder .home-try-selection .single-item .item-img .badge-v3 .line-3 {
  position: absolute;
  height: 7px;
  width: 1px;
  background: red;
  transform: rotate(45deg);
  top: 44px;
  right: 16.5px;
}
.modal-window-holder .home-try-selection .single-item.ui-droppable-active {
  border: 1px dashed #86B998;
  border-top: none;
  opacity: 0.4;
}
.modal-window-holder .home-try-selection .single-item.ui-droppable-hover {
  opacity: 0.85;
}
.modal-window-holder .modal-window-content {
  padding: 20px 20px;
  position: relative;
  width: 100%;
}
.modal-window-holder .modal-window-content img.badge {
  position: absolute;
  bottom: 40px;
  right: 40px;
  max-width: 75px;
  max-height: 75px;
}
.modal-window-holder .modal-window-content .change-product-holder {
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
}
.modal-window-holder .modal-window-content .change-product-holder .left-side {
  width: 30%;
  margin-right: 20px;
  text-align: left;
}
.modal-window-holder .modal-window-content .change-product-holder .left-side h2 {
  font-size: 24px;
}
.modal-window-holder .modal-window-content .change-product-holder .right-side {
  width: 70%;
}
.modal-window-holder .modal-window-content .change-product-holder .right-side .draged-item {
  padding: 18px;
  overflow: hidden;
  border: 1px solid #86B998;
  position: relative;
  background: #F7F6F3;
  width: 230px;
  height: 170px;
  -webkit-box-shadow: 0px 2px 10px 0px #86b998;
  -moz-box-shadow: 0px 2px 10px 0px #86b998;
  box-shadow: 0px 2px 10px 0px #86b998;
  margin: 0 auto;
}
.modal-window-holder .modal-window-content .change-product-holder .right-side .draged-item .item-head {
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  font-size: 16px;
  color: #4A4A4A;
  font-family: "Oswald", sans-serif;
  margin-bottom: 20px;
}
.modal-window-holder .modal-window-content .change-product-holder .right-side .draged-item .item-head .number {
  width: 10%;
}
.modal-window-holder .modal-window-content .change-product-holder .right-side .draged-item .item-head .name {
  width: 80%;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
}
.modal-window-holder .modal-window-content .change-product-holder .right-side .draged-item .item-head .name a {
  display: block;
  color: #4A4A4A;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.modal-window-holder .modal-window-content .change-product-holder .right-side .draged-item .item-head .remove {
  width: 10%;
  text-align: right;
  margin-top: -4px;
}
.modal-window-holder .modal-window-content .change-product-holder .right-side .draged-item .item-head .price {
  color: #86B998;
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
}
.modal-window-holder .modal-window-content .change-product-holder .right-side .draged-item .item-img {
  text-align: center;
  margin: 0 auto 15px auto;
  position: relative;
  display: block;
}
.modal-window-holder .modal-window-content .change-product-holder .right-side .draged-item .item-img img {
  max-width: 100%;
}
.modal-window-holder .modal-window-content .change-product-holder .right-side .draged-item .item-img img.badge {
  position: absolute;
  top: -50px;
  right: 10px;
  max-width: 80px;
}
.modal-window-holder .modal-user-loged-in {
  font-family: "Oswald", sans-serif;
  letter-spacing: 0.95px;
  background: #FFF;
  border: 1px solid #86B998;
  padding: 13px 12px;
}
.modal-window-holder .modal-user-loged-in ul {
  list-style: none;
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  padding-right: 30px;
}
.modal-window-holder .modal-user-loged-in ul li {
  display: inline-block;
  margin-right: 15px;
  color: #4A4A4A;
}
.modal-window-holder .modal-user-loged-in ul li:last-of-type {
  margin-right: 0;
}
.modal-window-holder .modal-user-loged-in ul li span {
  color: #86B998;
}
.modal-window-holder .modal-user-loged-in ul li.edit-info {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}
.modal-window-holder .modal-user-loged-in ul li.profile-img {
  margin-right: 25px;
}
.modal-window-holder .modal-user-loged-in ul li.profile-img img {
  max-width: 40px;
  max-height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
@media (min-width: 768px) and (max-width: 992px) {
  .modal-window-holder .modal-window-body.max-height-580 {
    max-height: 100%;
    min-height: auto;
    display: block;
  }
}
@media (max-width: 767px) {
  .modal-window-holder .modal-window-body {
    border: 3px solid #86B998;
    border-top: none;
    border-bottom: none;
    padding-bottom: 15px;
  }
  .modal-window-holder .modal-window-body.max-height-580 {
    max-height: 100%;
    min-height: 100%;
    display: block;
  }
  .modal-window-holder .modal-window-header {
    padding: 15px 8px;
  }
  .modal-window-holder .modal-window-header.modal-checkout-header {
    padding: 12px 8px;
  }
  .modal-window-holder .modal-window-header ul li.modal-title {
    width: 70%;
    font-size: 18px;
  }
  .modal-window-holder .modal-window-header ul li.modal-options {
    width: 15%;
  }
  .modal-window-holder .modal-window-header ul li.modal-options a {
    white-space: nowrap;
  }
  .modal-window-holder .modal-window-header ul li.modal-options span {
    font-size: 13px;
  }
  .modal-window-holder .modal-window-header ul li.modal-status {
    width: 15%;
    margin-top: -2px;
  }
  .modal-window-holder.home-try-modal {
    right: 10px;
    left: initial;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    min-width: -webkit-calc(100% - 20px);
    min-width: calc(100% - 20px);
  }
  .modal-window-holder.home-try-modal .modal-window-body {
    height: -webkit-calc(74vh);
    height: calc(74vh);
    overflow-y: scroll;
    -webkit-overflow-scrolling: auto;
    /* Stops scrolling immediately */
  }
  .modal-window-holder .home-try-selection.border-top-xs {
    border-top: 1px solid #86B998;
  }
  .modal-window-holder .home-try-selection .single-item {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
  }
  .modal-window-holder .home-try-selection .single-item .item-head {
    margin-bottom: 15px;
  }
  .modal-window-holder .home-try-selection .single-item .item-img {
    margin: 0 auto 0px auto;
  }
  .modal-window-holder .home-try-selection .single-item .item-img img {
    max-width: 140px;
  }
  .modal-window-holder .modal-window-content {
    padding: 20px 10px 20px 10px;
  }
  .modal-window-holder .modal-window-content .change-product-holder {
    display: box;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 0px;
  }
  .modal-window-holder .modal-window-content .change-product-holder .left-side {
    width: 100%;
    margin-right: 20px;
    text-align: center;
  }
  .modal-window-holder .modal-window-content .change-product-holder .left-side h2 {
    font-size: 20px;
  }
  .modal-window-holder .modal-window-content .change-product-holder .right-side {
    width: 100%;
    margin-top: 20px;
  }
  .modal-window-holder .modal-window-content .change-product-holder .right-side .draged-item {
    padding: 15px;
    width: 100%;
    height: 100%;
  }
  .modal-window-holder .modal-window-content .change-product-holder .right-side .draged-item .item-img img {
    max-width: 70%;
  }
  .modal-window-holder .modal-user-loged-in {
    padding: 13px 12px;
  }
  .modal-window-holder .modal-user-loged-in ul {
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 25px;
    width: 100%;
  }
  .modal-window-holder .modal-user-loged-in ul li {
    width: 50%;
    margin-right: 0px;
    margin-bottom: 10px;
    font-size: 14px;
  }
  .modal-window-holder .modal-user-loged-in ul li.edit-info {
    top: 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    right: 0;
  }
  .modal-window-holder .modal-user-loged-in ul li.edit-info img {
    float: right;
  }
  .modal-window-holder .modal-user-loged-in ul li.profile-img {
    margin-right: 25px;
    margin-bottom: 15px;
  }
}

/* MDOAL PROGRESS BAR */
.modal-progress-bar {
  height: 10px;
  background: #86B998;
}

/* SIMPLE PROGRESS BAR */
.simple-progress-bar {
  width: 100%;
  background: #FFF;
  border: 1px solid #979797;
  text-align: center;
  position: relative;
}
.simple-progress-bar .percentage {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #979797;
  font-size: 12px;
  font-family: "Oswald", sans-serif;
}
.simple-progress-bar .progress-status {
  padding: 1px 5px;
  background: #86B998;
}

/* SOCIAL MEDIA LOGIN */
.social-media-login span {
  font-size: 12px;
  font-family: "Oswald", sans-serif;
  color: #979797;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.social-media-login .btns-holder {
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: -webkit-calc(100% + 16px);
  width: calc(100% + 16px);
  margin-left: -8px;
}
.social-media-login .btns-holder a {
  margin-left: 8px;
  margin-right: 8px;
  width: -webkit-calc(50% - 16px);
  width: calc(50% - 16px);
  display: block;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 16px;
  color: #FFF;
  font-family: "Oswald", sans-serif;
  font-weight: lighter;
  padding: 12px 13px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.social-media-login .btns-holder a span {
  text-transform: uppercase;
  display: inline-block;
  color: #FFF;
  font-size: 16px;
  letter-spacing: 1.5px;
}
.social-media-login .btns-holder a img {
  margin-right: 15px;
}
.social-media-login .btns-holder a.fb-btn {
  background: #3B5998;
}
.social-media-login .btns-holder a.fb-btn:hover {
  background: #30487b;
}
.social-media-login .btns-holder a.google-btn {
  background: #EA4335;
}
.social-media-login .btns-holder a.google-btn:hover {
  background: #df2717;
}
@media (max-width: 767px) {
  .social-media-login span {
    margin-left: 0px;
  }
  .social-media-login .btns-holder {
    width: -webkit-calc(100% + 10px);
    width: calc(100% + 10px);
    margin-left: -5px;
  }
  .social-media-login .btns-holder a {
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    padding: 8px 8px;
  }
  .social-media-login .btns-holder a span {
    font-size: 16px;
    vertical-align: middle;
  }
  .social-media-login .btns-holder a img {
    margin-right: 3px;
  }
}

/* DECOR TITLE */
.decor-title {
  display: block;
  text-align: center;
  position: relative;
  z-index: 5;
  margin-top: 10px;
  margin-bottom: 10px;
}
.decor-title span {
  padding: 5px 15px;
  background: #F8F7F5;
  display: inline-block;
  color: #86B998;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 12px;
  font-family: "Oswald", sans-serif;
}
.decor-title:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 2px;
  background: transparent;
  content: "";
  border-top: 1px dashed #86B998;
  z-index: -1;
}
.decor-title.on-green-bg span {
  background: #86B998;
  color: #4A4A4A;
}
.decor-title.on-green-bg:before {
  border-top: 1px dashed #FFF;
}
@media (max-width: 767px) {
  .decor-title span {
    font-size: 11px;
    padding: 5px 10px;
  }
}

/* CHECKOUT ELEMENTS */
.terms-and-privacy {
  color: #979797;
  font-size: 12px;
  display: block;
  max-width: 250px;
  text-align: center;
  margin: 0 auto;
}
.terms-and-privacy a {
  color: #979797;
  text-decoration: underline;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.terms-and-privacy a:hover {
  color: #86B998;
}

.temporary-amound {
  font-size: 16px;
  color: #4A4A4A;
  text-align: right;
}
.temporary-amound strong {
  display: block;
  font-size: 24px;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .temporary-amound {
    font-size: 15px;
  }
  .temporary-amound strong {
    font-size: 20px;
  }
}

.card-check {
  position: relative;
}
.card-check .check-window {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 85px;
  height: 55px;
  background: rgba(255, 255, 255, 0.3);
  border: 3px dotted #FFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.card-check .check-window:before {
  position: absolute;
  bottom: 12px;
  left: 0;
  width: 100%;
  height: 25px;
  content: "";
  background: #FFF;
}

/* PRESCRIPTION ELEMENTS */
.doctors-handwriting {
  position: relative;
}
.doctors-handwriting .content {
  position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 125px;
  height: 125px;
  text-align: center;
  background: #FFF;
  -webkit-box-shadow: 0px 2px 15px 0px #86b998;
  -moz-box-shadow: 0px 2px 15px 0px #86b998;
  box-shadow: 0px 2px 15px 0px #86b998;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 5;
}
.doctors-handwriting .drop-here-btn {
  position: absolute;
  padding: 15px 5px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  font-size: 16px;
  letter-spacing: 0.95px;
  text-transform: uppercase;
  display: inline-block;
  color: #4A4A4A;
  font-family: "Oswald", sans-serif;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.doctors-handwriting .drop-here-btn .icon {
  display: block;
  margin: 10px auto;
  line-height: 0;
}
.doctors-handwriting .drop-here-btn svg g g {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.doctors-handwriting .drop-here-btn:hover {
  color: #86B998;
}
.doctors-handwriting .drop-here-btn:hover svg g g {
  stroke: #86B998;
}
@media (max-width: 767px) {
  .doctors-handwriting .content {
    bottom: 0px;
    width: 125px;
    height: 125px;
  }
  .doctors-handwriting .drop-here-btn {
    padding: 15px 5px;
    width: 100%;
    font-size: 16px;
    letter-spacing: normal;
  }
  .doctors-handwriting .drop-here-btn .icon {
    margin: 8px auto;
  }
}

.upload-files a {
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.upload-files a .icon {
  border: 1px solid #86B998;
  padding: 10px 17px;
  background: #FFF;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(134, 185, 152, 0.3);
  -moz-box-shadow: 0px 0px 12px 0px rgba(134, 185, 152, 0.3);
  box-shadow: 0px 0px 12px 0px rgba(134, 185, 152, 0.3);
  z-index: 10;
  display: block;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: auto;
  height: auto;
}
.upload-files a span {
  background: #FFF;
  font-size: 16px;
  color: #979797;
  padding: 14px 30px;
  width: 250px;
  max-width: 100%;
  border-top: 1px solid #979797;
  border-right: 1px solid #979797;
  border-bottom: 1px solid #979797;
  z-index: 2;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.upload-files a:hover .icon {
  background: rgba(134, 185, 152, 0.1);
}
.upload-files a:hover span {
  background: rgba(134, 185, 152, 0.1);
}
@media (max-width: 767px) {
  .upload-files a .icon {
    border: 2px solid #86B998;
    padding: 10px 10px;
    box-shadow: none;
    z-index: 10;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
  }
  .upload-files a .icon g g {
    fill: #86B998;
  }
  .upload-files a span {
    background: none;
    font-size: 16px;
    padding: 10px 15px;
    width: auto;
    border: none;
  }
  .upload-files a:hover span {
    background: none;
  }
}

.img-holder.remove-img {
  position: relative;
  display: inline-block;
}
.img-holder.remove-img img {
  max-width: 195px;
}
.img-holder.remove-img .remove-icon {
  position: absolute;
  top: -10px;
  right: -35px;
  padding: 5px;
  display: block;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.img-holder.remove-img .remove-icon:hover {
  opacity: 0.6;
}

.final-prescription-info {
  background: #FFF;
  border: 1px solid #86B998;
  padding: 15px 10px;
  margin-left: -10px;
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: -webkit-calc(100% + 20px);
  width: calc(100% + 20px);
}
.final-prescription-info .single-column {
  margin-left: 10px;
  margin-right: 10px;
  width: -webkit-calc(33.3% - 20px);
  width: calc(33.3% - 20px);
  text-align: left;
}
.final-prescription-info .single-column.align-r {
  text-align: right;
}
.final-prescription-info .single-column ul {
  list-style: none;
}
.final-prescription-info .single-column ul li {
  font-size: 16px;
  color: #4A4A4A;
  font-family: "Oswald", sans-serif;
  letter-spacing: 0.95px;
  margin-bottom: 7px;
  display: block;
}
.final-prescription-info .single-column ul li span {
  color: #86B998;
}
.final-prescription-info .single-column ul li span.date {
  color: #979797;
  font-size: 12px;
  display: block;
  letter-spacing: 1.3px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .final-prescription-info {
    padding: 15px 8px;
    margin-left: -5px;
    width: -webkit-calc(100% + 10px);
    width: calc(100% + 10px);
  }
  .final-prescription-info .single-column {
    margin-left: 5px;
    margin-right: 5px;
    width: -webkit-calc(33.3% - 10px);
    width: calc(33.3% - 10px);
  }
  .final-prescription-info .single-column ul li {
    font-size: 13px;
  }
}

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

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes bounceInRight {
  from,
 60%,
 75%,
 90%,
 to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from,
 60%,
 75%,
 90%,
 to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0.3;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0.4;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0.4;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
/* ACCORDION */
.accordion {
  border-top: 1px solid #979797;
}
.accordion .single-accordion {
  border-bottom: 1px solid #979797;
}
.accordion .single-accordion .accordion-title {
  display: block;
  font-size: 18px;
  position: relative;
  color: #494949;
  font-weight: lighter;
  padding: 13px 15px 13px 25px;
}
.accordion .single-accordion .accordion-title:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0px;
  content: url("../img/icons/arrow-r-black.svg");
  padding: 10px;
  padding-left: 0;
}
.accordion .single-accordion .accordion-title.green {
  color: #4A4A4A;
}
.accordion .single-accordion .accordion-content {
  padding: 10px 15px 25px 24px;
  display: none;
}
.accordion .single-accordion.opened .accordion-title {
  font-weight: 600;
}
.accordion .single-accordion.opened .accordion-title:before {
  margin-top: -3px;
  content: url("../img/icons/arrow-d-black.svg");
}

@media (max-width: 425px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .beige-bg .container.relative {
    padding-left: 15px;
    padding-right: 15px;
  }

  .modal-window-holder.home-try-modal {
    right: 20px;
    width: calc(100% - 40px);
    min-width: calc(100% - 40px);
  }
}
@media (max-width: 320px) {
  .modal-window-holder .modal-window-content.content_select_products {
    padding-top: 5px;
  }
  .modal-window-holder .modal-window-content.content_all_three_products {
    padding-top: 10px;
  }
  .modal-window-holder .home-try-selection .single-item .item-img img {
    max-width: 80px;
  }
  .modal-window-holder .home-try-selection .single-item.empty-item .number {
    line-height: 50px;
    font-size: 36px;
  }
}
#finish-button {
  border: 0;
}

.cc-window {
  left: 42px !important;
  bottom: 0 !important;
  border: 3px solid #86B998;
  border-bottom: 0;
  z-index: 1000 !important;
  box-shadow: 0px 2px 10px 0px #86B998;
  /*height: 61px;
  max-width: 580px !important;
  min-width: 580px !important;
  padding: 0 !important;
  
  display: block !important;*/
}
.cc-window .cc-message {
  color: #4A4A4A;
  font-size: 16px;
  line-height: 26px;
  font-family: "Georgia", sans-serif;
  /*display: block;
  float: left;
  width: calc(700px - 330px);
  line-height: 15px;
  padding-top: 15px;
  padding-left: 10px;*/
}
.cc-window .cc-message .cc-link {
  color: #86B998;
  border-bottom: 1px solid #86B998;
  line-height: 22px;
  text-decoration: none;
  padding: 0;
}
.cc-window .cc-message .cc-link:hover {
  color: #66a67c;
  border-bottom: 1px solid #66a67c;
  text-decoration: none;
}
.cc-window .cc-compliance {
  /*display: block;
  float: right;
  max-width: 200px;
  width: 200px;
  margin-top: 6px;
  margin-right: 6px;*/
}
.cc-window .cc-compliance .cc-btn {
  border: 0;
  text-transform: uppercase;
  background-color: #86B998;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.5' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  color: #FFF;
  font-size: 18px;
  padding: 12px 25px;
  letter-spacing: 1.9px;
  font-family: "Oswald", sans-serif;
  text-align: center;
  font-weight: 400;
}
.cc-window .cc-compliance .cc-btn:hover {
  color: #4A4A4A;
  -webkit-transform: translateX(6px) translateY(-6px);
  -moz-transform: translateX(6px) translateY(-6px);
  -ms-transform: translateX(6px) translateY(-6px);
  -o-transform: translateX(6px) translateY(-6px);
  transform: translateX(6px) translateY(-6px);
  -webkit-box-shadow: -6px 6px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: -6px 6px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: -6px 6px 5px 0px rgba(0, 0, 0, 0.12);
}
.cc-window .cc-compliance .cc-btn:active {
  -webkit-box-shadow: inset 0px 1px 11px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 1px 11px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 11px 0px rgba(0, 0, 0, 0.2);
  background: #66a67c;
}
.cc-window .cc-compliance .cc-btn:focus {
  color: #FFF;
}
@media (max-width: 1200px) {
  .cc-window {
    min-width: 50%;
    left: 0px !important;
    bottom: 80px !important;
    border-bottom: 3px solid #86B998;
    border-left: 0;
  }
}
@media (max-width: 414px) {
  .cc-window {
    border-right: 0;
  }
}

.user-recommendations .recommendation, .as-seen-on .recommendation {
  text-align: center;
}
.user-recommendations .recommendation .text, .as-seen-on .recommendation .text {
  padding-top: 3px;
}
.user-recommendations .recommendation .text span, .as-seen-on .recommendation .text span {
  color: #4A4A4A;
  font-family: Georgia;
  font-size: 100px;
  font-weight: bold;
  line-height: 114px;
  text-align: center;
}
.user-recommendations .recommendation .text h3, .as-seen-on .recommendation .text h3 {
  color: #4A4A4A;
  font-family: Georgia;
  font-size: 24px;
  font-style: italic;
  line-height: 32px;
  text-align: center;
  margin-top: -33px;
}
.user-recommendations .recommendation .person .name, .as-seen-on .recommendation .person .name {
  color: #4A4A4A;
  font-family: Georgia;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  margin-top: 20px;
}
.user-recommendations .recommendation .person .city, .as-seen-on .recommendation .person .city {
  color: #979797;
  font-family: Oswald;
  font-size: 11px;
  letter-spacing: 1.38px;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 4px;
  margin-bottom: 12px;
}
.user-recommendations .recommendation .person img, .as-seen-on .recommendation .person img {
  box-sizing: border-box;
  height: 97px;
  width: 97px;
  margin-bottom: 6px;
  object-fit: cover;
}
.user-recommendations .companies, .as-seen-on .companies {
  text-align: center;
}
.user-recommendations .companies img, .as-seen-on .companies img {
  display: inline-block;
  margin-bottom: 74px;
}
@media (max-width: 650px) {
  .user-recommendations .companies img, .as-seen-on .companies img {
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}
.user-recommendations .companies .company-link:hover .company-default, .as-seen-on .companies .company-link:hover .company-default {
  display: none;
}
.user-recommendations .companies .company-link:hover .company-hover, .as-seen-on .companies .company-link:hover .company-hover {
  display: inline !important;
}
@media (max-width: 650px) {
  .user-recommendations .companies .company-link:hover .company-hover, .as-seen-on .companies .company-link:hover .company-hover {
    display: block !important;
  }
}
.user-recommendations .title-with-lines-holder.small, .as-seen-on .title-with-lines-holder.small {
  padding-bottom: 60px;
}

.sitewide-notice {
  padding: 15px 0;
  text-align: center;
  z-index: 10;
  width: 100%;
  position: relative;
}
.sitewide-notice .close-icon {
  display: inline-block;
  position: relative;
  top: -10px;
  left: 10px;
}
.sitewide-notice .content {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
}
.sitewide-notice .content a {
  text-decoration: none;
}

.content-notice {
  padding-top: 70px;
}

.breadcrumbs {
  font-size: 12px;
  margin-top: 15px;
}
.breadcrumbs .category {
  text-transform: capitalize;
  color: #979797;
}
.breadcrumbs .category a {
  color: #979797;
}
.breadcrumbs .product {
  color: #4A4A4A;
}
.breadcrumbs .dash {
  margin-right: 5px;
  margin-left: 5px;
}

/**
 * FOOTER STYLE
 */
footer {
  border-top: 1px solid #b3b3b3;
}

.footer-holder {
  display: box;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: -webkit-calc(100% + 30px);
  width: calc(100% + 30px);
  margin-left: -15px;
  font-size: 14px;
  padding-top: 60px;
  padding-bottom: 30px;
}
.footer-holder .single-column {
  margin-left: 15px;
  margin-right: 15px;
  width: -webkit-calc(20% - 30px);
  width: calc(20% - 30px);
}
.footer-holder .single-column .company-info {
  list-style: none;
}
.footer-holder .single-column .company-info a {
  color: #4A4A4A;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.footer-holder .single-column .company-info a:hover {
  color: #86B998;
}
.footer-holder .single-column .company-info li {
  margin-bottom: 8px;
}
.footer-holder .single-column .company-info li:last-of-type {
  margin-bottom: 0;
}
.footer-holder .single-column .footer-nav {
  list-style: none;
  color: #4A4A4A;
}
.footer-holder .single-column .footer-nav li {
  display: block;
  margin-bottom: 13px;
}
.footer-holder .single-column .footer-nav li:last-of-type {
  margin-bottom: 0;
}
.footer-holder .single-column .footer-nav li a {
  color: #4A4A4A;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.footer-holder .single-column .footer-nav li a:hover {
  color: #86B998;
}
.footer-holder .single-column .footer-soc-media {
  list-style: none;
}
.footer-holder .single-column .footer-soc-media li {
  display: inline-block;
  margin-right: 5px;
}
.footer-holder .single-column .footer-soc-media li:last-of-type {
  margin-right: 0;
}
.footer-holder .single-column .footer-soc-media li a {
  margin-right: 5px;
}
.footer-holder .single-column .footer-soc-media li a svg g g use {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.footer-holder .single-column .footer-soc-media li a:hover svg g g use {
  fill: #86B998;
}
.footer-holder .single-column .footer-soc-media li a.twitter, .footer-holder .single-column .footer-soc-media li a.facebook {
  position: relative;
  top: 2px;
}
@media (min-width: 768px) and (max-width: 992px) {
  .footer-holder .single-column .footer-soc-media li {
    margin-right: 0px;
  }
}
@media (max-width: 767px) {
  .footer-holder {
    width: -webkit-calc(100%);
    width: calc(100%);
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0px;
  }
  .footer-holder .single-column {
    margin-left: 0px;
    margin-right: 0px;
    width: -webkit-calc(100%);
    width: calc(100%);
    margin-bottom: 30px;
  }
  .footer-holder .single-column:last-of-type {
    margin-bottom: 0;
  }
}

.footer-extra {
  text-align: center;
  padding-bottom: 30px;
  color: #979797;
  font-size: 11px;
}

@media print {
  /* ==========================================================================
     Print styles.
     Inlined to avoid required HTTP connection: h5bp.com/r
     ========================================================================== */
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
/**
 COLOURS 
**/
.black-matt {
  background: #000000 !important;
}

.tortoise {
  background: url("../img/colors/2_tortoise.jpg") !important;
  background-size: 100% !important;
}

.black {
  background: #000000 !important;
}

.blue {
  background: #4A90E2 !important;
}

.milky-white {
  background: #FFFFFF !important;
  border: 1px solid #333333;
}

.grey-matt-gradient {
  background-image: linear-gradient(#B8B8B8, #535353) !important;
}

.blue-crystal {
  background-image: linear-gradient(-90deg, #96E6FF, #E7F4FF, #96E6FF) !important;
}

.grey {
  background: #B8B8B8 !important;
}

.pink {
  background: #FFA8CA !important;
}

.blue-gradient {
  background-image: linear-gradient(#4A90E2, #E7F4FF) !important;
}

.tortoise-violet {
  background: url("../img/colors/105_dark_tortoise.jpg") no-repeat top, purple !important;
  background-size: 20px 9px;
}

.dark-tortoise-purple {
  background: url("../img/colors/105_dark_tortoise.jpg") no-repeat top, purple !important;
  background-size: 20px 9px !important;
}

.black-blue {
  background-image: linear-gradient(#000000 50%, #4A90E2 50%) !important;
}

.black-blue-matt {
  background-image: linear-gradient(#000000 50%, #4A90E2 50%) !important;
}

.green-red-crystal {
  background-image: linear-gradient(#5C7A34 50%, #D0021B 50%) !important;
}

.black-wood {
  background-image: url("../img/colors/15_Blackwood_A17426.jpg") !important;
  background-size: 100% !important;
}

.crystal {
  background-image: linear-gradient(-90deg, #B8B8B8, #FFFFFF, #B8B8B8) !important;
}

.red {
  background: #D0021B !important;
}

.river-green {
  background: #39B4A3 !important;
}

.red-grey-crystal {
  background-image: linear-gradient(#D0021B 50%, #B8B8B8 50%) !important;
}

.green {
  background: #5C7A34 !important;
}

.dark-olive {
  background: #5C7A34 !important;
}

.light-tortoise {
  background-image: url("../img/colors/21_light_tortoise_MW17133_0402.jpg") !important;
  background-size: 100% !important;
}

.black-gradient {
  background-image: linear-gradient(#000000, #535353) !important;
}

.pink-crystal {
  background-image: linear-gradient(-90deg, #FFA8CA, #FFE7F0, #FFA8CA) !important;
}

.black-grey {
  background-image: linear-gradient(#000000 50%, #B8B8B8 50%) !important;
}

.milky-red {
  background-image: linear-gradient(#FFFFFF 50%, #D0021B 50%) !important;
}

.black-green-matt {
  background-image: linear-gradient(#000000 50%, #58B354 50%) !important;
}

.blue-red-blue {
  background-image: linear-gradient(#4A90E2 50%, #D0021B 50%) !important;
}

.purple {
  background: #A000A0 !important;
}

.red-crystal {
  background-image: linear-gradient(-90deg, #D0021B, #FFE8D2, #D0021B) !important;
}

.green-crystal {
  background: url("../img/colors/green_crystal.png") !important;
  background-size: 100% !important;
}

.dark-tortoise-brown {
  background: url("../img/colors/105_dark_tortoise.jpg") no-repeat top, #A000A0 !important;
  background-size: 20px 9px !important;
}

.tortoise-brown {
  background: url("../img/colors/105_dark_tortoise.jpg") no-repeat top, #9E6400 !important;
  background-size: 20px 9px !important;
}

.silver {
  background-image: url("../img/colors/silver.png") !important;
  background-size: 100% !important;
}

.black-tortoise {
  background: url("../img/colors/2_tortoise.jpg") no-repeat bottom, #000000 !important;
  background-size: 20px 9px !important;
}

.blue-matt {
  background: #4A90E2 !important;
}

.black-grey-strip {
  background-image: linear-gradient(#000000 50%, #535353 50%) !important;
}

.tortoise-turquoise {
  background: url("../img/colors/106_grey-brown-tortoise.jpg") no-repeat top, #00EDD6 !important;
  background-size: 20px 9px !important;
}

.rose-tortoise {
  background-image: url("../img/colors/36_WD2030_0157.jpg") !important;
  background-size: 100% !important;
}

.green-pink-crystal {
  background-image: linear-gradient(#58B354 50%, #FFA8CA 50%) !important;
}

.black-crystal {
  background-image: linear-gradient(-90deg, #000000, #535353, #000000) !important;
}

.blue-tortoise {
  background-image: url("../img/colors/39_blue_tortoise_WD2001_0046.jpg") !important;
  background-size: 100% !important;
}

.green-tortoise {
  background-image: url("../img/colors/40_green_tortoise.jpg") !important;
  background-size: 100% !important;
}

.red-tortoise {
  background-image: url("../img/colors/41_red_tortoise.jpg") !important;
  background-size: 100% !important;
}

.black-wine {
  background-image: linear-gradient(#000000, #D0021B) !important;
}

.grey-tortoise {
  background-image: url("../img/colors/43_grey_tortoise.jpg") !important;
  background-size: 100% !important;
}

.grey-stripes {
  background-image: url("../img/colors/44_grey_stripes_A17247.jpg") !important;
  background-size: 100% !important;
}

.brown-stripes {
  background-image: url("../img/colors/45_brown_stripes.jpg") !important;
  background-size: 100% !important;
}

.blue-pink-crystal {
  background-image: linear-gradient(#121F87 50%, #FFA8CA 50%) !important;
}

.brown-crystal {
  background-image: linear-gradient(-90deg, #732E00, #9E6400, #732E00) !important;
}

.green-brown-crystal {
  background-image: linear-gradient(#5C7A34 50%, #732E00 50%) !important;
}

.brown-grey-crystal {
  background-image: linear-gradient(#9E6400 50%, #B8B8B8 50%) !important;
}

.blue-wine-crystal {
  background-image: linear-gradient(-90deg, #4A90E2, #72004C, #4A90E2) !important;
}

.wine-blue-crystal {
  background-image: linear-gradient(-90deg, #72004C, #4A90E2, #72004C) !important;
}

.blue-tourquise-crystal {
  background-image: linear-gradient(-90deg, #4A90E2, #00EDD6, #4A90E2) !important;
}

.blue-tourquise-cystal {
  background-image: linear-gradient(-90deg, #4A90E2, #00EDD6, #4A90E2) !important;
}

.dark-green-brown {
  background-image: linear-gradient(#5C7A34 50%, #732E00 50%) !important;
}

.turquise-crystal-tortoise {
  background-image: url("../img/colors/54_Turquise_crystal_tortoise_A16167_0022.jpg") !important;
  background-size: 100% !important;
}

.dark-blue {
  background: #121F87 !important;
}

.brown-wood {
  background: #732E00 !important;
}

.blue-crystal-tortoise {
  background-image: url("../img/colors/57_blue_crystal_tortoise_WD1023_0250.jpg") !important;
  background-size: 100% !important;
}

.tortoise-white-crystal {
  background-image: url("../img/colors/58_tortoise_white_crystal_WD1023_128.jpg") !important;
  background-size: 100% !important;
}

.purple-demi {
  background-image: url("../img/colors/59_purple_demi.jpg") !important;
  background-size: 100% !important;
}

.wine-demi {
  background-image: url("../img/colors/60_wine_demi.jpg") !important;
  background-size: 100% !important;
}

.brown {
  background: #732E00 !important;
}

.black-dark-green {
  background-image: linear-gradient(#000000 50%, #5C7A34 50%) !important;
}

.dark-turquoise-brown {
  background-image: linear-gradient(#23807E 50%, #732E00 50%) !important;
}

.turquoise-brown {
  background-image: linear-gradient(#39B4A3 50%, #732E00 50%) !important;
}

.olive-tortoise {
  background-image: url("../img/colors/64_olive_tortoise.jpg") !important;
  background-size: 100% !important;
}

.tortoise-ligh {
  background-image: url("../img/colors/65_tortoise_light.jpg") !important;
  background-size: 100% !important;
}

.black-metal {
  background-image: url("../img/colors/dark_metal.png") !important;
  background-size: 100% !important;
}

.dark-metal {
  background-image: url("../img/colors/dark_metal.png") !important;
  background-size: 100% !important;
}

.yellow-grey-crystal {
  background-image: linear-gradient(#FFEA17 50%, #B8B8B8 50%) !important;
}

.tortoise-grey {
  background-image: url("../img/colors/68_tortoise-grej.jpg") !important;
  background-size: 100% !important;
}

.black-gold {
  background-image: url("../img/colors/black_gold.png") !important;
  background-size: 100% !important;
}

.brown-gold {
  background-image: url("../img/colors/brown_gold.png") !important;
  background-size: 100% !important;
}

.black-red-strip {
  background-image: linear-gradient(#000000 50%, #D0021B 50%) !important;
}

.violet-black-strip {
  background-image: linear-gradient(#772DDE 50%, #000000 50%) !important;
}

.turquoise-olive-gradient {
  background-image: linear-gradient(#2E95B4, #5C7A34) !important;
}

.turquoise-gradient {
  background-image: linear-gradient(#2E95B4, #5C7A34) !important;
}

.black-brown-crystal {
  background-image: linear-gradient(#000000 50%, #9E6400 50%) !important;
}

.purple-crystal {
  background-image: linear-gradient(#A000A0 50%, #FFA8CA 50%) !important;
}

.blue-green-crystal {
  background-image: linear-gradient(#4A90E2 50%, #58B354 50%) !important;
}

.brown-grey {
  background-image: linear-gradient(#9E6400 50%, #B8B8B8 50%) !important;
}

.silver-crystal {
  background-image: url("../img/colors/78_silver_crystal.jpg") !important;
  background-size: 100% !important;
}

.gold-black {
  background-image: url("../img/colors/79_gold_black.jpg") !important;
  background-size: 100% !important;
}

.beige-crystal {
  background-image: linear-gradient(-90deg, #F88E69, #FFE8D2, #F88E69) !important;
}

.beige {
  background: #FFE8D2 !important;
}

.green-blue-crystal {
  background-image: linear-gradient(#58B354 50%, #4A90E2 50%) !important;
}

.grey-crystal {
  background-image: linear-gradient(-90deg, #535353, #B8B8B8, #535353) !important;
}

.grey-crystal-pink {
  background-image: url("../img/colors/84_greycrystal_pink.png") !important;
  background-size: 100% !important;
}

.green-brown {
  background-image: linear-gradient(#58B354 50%, #9E6400 50%) !important;
}

.green-demi {
  background-image: url("../img/colors/86_green_demi.jpg") !important;
  background-size: 100% !important;
}

.turquoise-brown-2 {
  background-image: linear-gradient(#23807E 50%, #732E00 50%) !important;
}

.green-demi {
  background-image: url("../img/colors/86_green_demi.jpg") !important;
  background-size: 100% !important;
}

.blue-crystal-green {
  background-image: url("../img/colors/88_blue_crystal_green.jpg") !important;
  background-size: 100% !important;
}

.pink-tortoise {
  background-image: url("../img/colors/89_pink-tortoise.jpg") !important;
  background-size: 100% !important;
}

.brown-marble {
  background-image: url("../img/colors/90_brown_marble_A17202_006.jpg") !important;
  background-size: 100% !important;
}

.grey-marble {
  background-image: url("../img/colors/91_grey_marble_A17202_012.jpg") !important;
  background-size: 100% !important;
}

.purple-grey {
  background-image: linear-gradient(#A000A0 50%, #B8B8B8 50%) !important;
}

.green-grey {
  background-image: linear-gradient(#5C7A34 50%, #B8B8B8 50%) !important;
}

.purple-stripes {
  background-image: url("../img/colors/94_purple_stripes_A17206_016.jpg") !important;
  background-size: 100% !important;
}

.red-stripes {
  background-image: url("../img/colors/95_red_stripes_A17206_004.jpg") !important;
  background-size: 100% !important;
}

.olive-brown {
  background-image: linear-gradient(#5C7A34 50%, #732E00 50%) !important;
}

.turquoise-purple {
  background-image: linear-gradient(#00EDD6 50%, #72004C 50%) !important;
}

.purple-tortoise-blue {
  background-image: url("../img/colors/98_purple_tortoise_blue.jpg") !important;
  background-size: 100% !important;
}

.blue-tortoise-red {
  background-image: url("../img/colors/99_blue_tortoise_red.jpg") !important;
  background-size: 100% !important;
}

.black-red {
  background-image: linear-gradient(#000000 50%, #D0021B 50%) !important;
}

.blue-grey {
  background-image: linear-gradient(#4A90E2 50%, #B8B8B8 50%) !important;
}

.turquoise-crystal {
  background-image: linear-gradient(-90deg, #00EDD6, #CCFFFB, #00EDD6) !important;
}

.black-wood-red-stripes {
  background: url("../img/colors/103_black_wood_red_stripes.jpg") no-repeat bottom, #D0021B !important;
  background-size: 20px 9px !important;
}

.gold {
  background-image: url("../img/colors/gold.jpg") !important;
  background-size: 100% !important;
}

.violet {
  background: #772DDE !important;
}

.dark-tortoise {
  background-image: url("../img/colors/105_dark_tortoise.jpg") !important;
  background-size: 100% !important;
}

.grey-brown-tortoise {
  background-image: url("../img/colors/106_grey-brown-tortoise.jpg") !important;
  background-size: 100% !important;
}

.orange {
  background: #FF6600 !important;
}

.knowledgebase-single-block .inner {
  padding: 20px;
  background-color: white;
  margin-bottom: 20px;
  border: 2px solid #4A4A4A;
}
.knowledgebase-single-block .inner .single-article {
  margin: 2px 0px;
}
.knowledgebase-single-block .inner .single-article a {
  color: #4A4A4A;
}
.knowledgebase-single-block .inner .single-article a:hover {
  color: #86B998;
}
.knowledgebase-single-block .inner .single-article .accordion-text {
  font-size: 15px;
  margin-bottom: 10px;
  margin-top: 5px;
  background: #86B998;
  color: white;
  padding: 15px;
}
.knowledgebase-single-block .inner .single-article .accordion-text p {
  color: white;
}
.knowledgebase-single-block .inner .single-article .accordion-text p a {
  color: #4A4A4A;
}
.knowledgebase-single-block .inner .single-article .accordion-text p a:hover {
  color: black;
}
.knowledgebase-single-block .inner h2 {
  margin-bottom: 10px;
  text-align: center;
  background: #4A4A4A;
  color: white;
  padding: 20px;
  margin: -20px -20px 0px -20px;
}

.prev-next-nav {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 20px;
}
.prev-next-nav a {
  color: #979797;
  font-size: 14px;
}
.prev-next-nav a:hover {
  color: #4A4A4A;
}

.active-image {
  display: block !important;
}

.look-image {
  display: none;
}

.root-180 {
  width: 100%;
  height: 100%;
}
.root-180 .invisible-holder {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.root-180 .invisible-holder .child {
  width: 20%;
  height: 100%;
  border: 1px solid transparent;
}

.prescription-table .table-cell {
  position: relative;
}
.prescription-table .table-cell .plus-span {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #4A4A4A;
  letter-spacing: 0.9px;
  padding: 5px 5px 5px 5px;
}

select {
  border-radius: 0px !important;
  -webkit-appearance: none;
  height: 48px;
  border: 1px solid #4A4A4A;
  background: #FFF;
  border: 1px solid #979797;
}
select.slo-only {
  background: #F8F7F5;
}

option {
  padding: 13px;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  transform: scale(1.5);
}

.ocala-blend {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(90, 68, 0, 0.04);
}

.ocala-blend-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(90, 68, 0, 0.04);
}
@media (min-width: 767px) {
  .ocala-blend-slider {
    width: 50%;
    left: 25%;
  }
}

.pointer:hover {
  cursor: pointer;
}

.single-slide .product-img .slider-frame {
  max-width: 100%;
}
@media (min-width: 767px) {
  .single-slide .product-img .slider-frame {
    margin: 0 auto;
    max-width: 50%;
  }
}

.bin-payment {
  background: url("/resources/img/icons/delete.svg") no-repeat center;
  height: 24px;
  width: 24px;
}

.flex {
  display: flex;
}

.flex-direction-column {
  flex-direction: column;
}

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

.file-upload-gif .ds-holder {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(248, 247, 245, 0.7);
  z-index: 6;
}
.file-upload-gif .ds-holder img {
  height: 60px;
}

.ml-33 {
  margin-left: 33px;
}

#shopping-cart {
  z-index: 900;
}
#shopping-cart.on-top-index {
  z-index: 1005;
}

#order_review_Modal .input-notification {
  position: absolute;
  top: -40px;
  left: 6px;
}
#order_review_Modal .final-prescription-info {
  margin-bottom: 0px;
}
#order_review_Modal .upload-prescription-button {
  margin-top: 20px;
}

.error {
  color: #EF6892;
  font-size: 20px;
}

#feedback {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: center !important;
  border-bottom: 1px solid #86B998;
}
#feedback .single-item {
  border-bottom: none !important;
  width: 100%;
}

.captcha-holder {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}