@import url(//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css);.vue-form-wizard .wizard-btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px; }

.vue-form-wizard .wizard-btn.disabled, .vue-form-wizard .wizard-btn[disabled], fieldset[disabled] .vue-form-wizard .wizard-btn {
  cursor: not-allowed;
  opacity: .65;
  filter: alpha(opacity=65);
  box-shadow: none; }

.vue-form-wizard * {
  box-sizing: border-box; }

.vue-form-wizard a {
  text-decoration: none; }

.vue-form-wizard .wizard-nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }

.vue-form-wizard .wizard-nav > li {
  position: relative;
  display: block; }

.vue-form-wizard .wizard-nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px; }

.vue-form-wizard .wizard-nav > li > a:focus, .vue-form-wizard .wizard-nav > li > a:hover {
  text-decoration: none;
  background-color: #eee; }

.vue-form-wizard .wizard-nav > li.disabled > a {
  color: #777; }

.vue-form-wizard .wizard-nav > li.disabled > a:focus, .vue-form-wizard .wizard-nav > li.disabled > a:hover {
  color: #777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed; }

.vue-form-wizard .wizard-progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width .6s ease; }

.vue-form-wizard .navbar .navbar-nav > li > a.wizard-btn, .vue-form-wizard .wizard-btn {
  box-sizing: border-box;
  border-width: 2px;
  background-color: transparent;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 12px; }

.vue-form-wizard .navbar .navbar-nav > li > a.wizard-btn:focus, .vue-form-wizard .navbar .navbar-nav > li > a.wizard-btn:hover, .vue-form-wizard .wizard-btn:focus, .vue-form-wizard .wizard-btn:hover {
  outline: 0 !important; }

.vue-form-wizard .navbar .navbar-nav > li > a.wizard-btn.wizard-btn-wd, .vue-form-wizard .wizard-btn-wd {
  min-width: 140px; }

.vue-form-wizard .wizard-nav-pills {
  margin-top: 0;
  position: relative;
  text-align: center;
  display: flex;
  flex-wrap: wrap; }

.vue-form-wizard .wizard-nav-pills a, .vue-form-wizard .wizard-nav-pills li {
  flex: 1 1;
  align-items: center;
  flex-wrap: wrap;
  flex-grow: 1; }

.vue-form-wizard .wizard-nav-pills > li > a, .vue-form-wizard .wizard-nav-pills a {
  display: flex; }

.vue-form-wizard .wizard-nav-pills > li > a {
  flex-direction: column;
  padding: 0;
  margin: 0 auto;
  color: rgba(0, 0, 0, 0.2);
  position: relative;
  top: 3px; }

.vue-form-wizard .wizard-nav-pills > li > a:focus, .vue-form-wizard .wizard-nav-pills > li > a:hover {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.2);
  outline: 0 !important;
  cursor: pointer; }

.vue-form-wizard .wizard-nav-pills > li.active > a, .vue-form-wizard .wizard-nav-pills > li.active > a:focus, .vue-form-wizard .wizard-nav-pills > li.active > a:hover {
  background-color: transparent;
  transition: font-size .2s linear; }

.vue-form-wizard .wizard-nav-pills > li.active > a .wizard-icon, .vue-form-wizard .wizard-nav-pills > li.active > a:focus .wizard-icon, .vue-form-wizard .wizard-nav-pills > li.active > a:hover .wizard-icon {
  color: #fff;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s linear; }

.vue-form-wizard {
  padding-bottom: 20px; }

.vue-form-wizard .is_error {
  border-color: #c84513 !important; }

.vue-form-wizard .is_error .icon-container {
  background: #c84513 !important; }

.vue-form-wizard.xs .wizard-icon-circle {
  width: 40px;
  height: 40px;
  font-size: 16px; }

.vue-form-wizard.xs .wizard-icon-circle.tab_shape {
  height: 25px; }

.vue-form-wizard.xs .wizard-nav-pills > li.active > a .wizard-icon {
  font-size: 16px; }

.vue-form-wizard.xs .wizard-navigation .wizard-progress-with-circle {
  position: relative;
  top: 25px;
  height: 4px; }

.vue-form-wizard.sm .wizard-icon-circle {
  width: 50px;
  height: 50px;
  font-size: 20px; }

.vue-form-wizard.sm .wizard-icon-circle.tab_shape {
  height: 30px; }

.vue-form-wizard.sm .wizard-nav-pills > li.active > a .wizard-icon {
  font-size: 20px; }

.vue-form-wizard.sm .wizard-navigation .wizard-progress-with-circle {
  position: relative;
  top: 30px;
  height: 4px; }

.vue-form-wizard.md .wizard-icon-circle {
  width: 70px;
  height: 70px;
  font-size: 24px; }

.vue-form-wizard.md .wizard-icon-circle.tab_shape {
  height: 40px; }

.vue-form-wizard.md .wizard-nav-pills > li.active > a .wizard-icon {
  font-size: 24px; }

.vue-form-wizard.md .wizard-navigation .wizard-progress-with-circle {
  position: relative;
  top: 40px;
  height: 4px; }

.vue-form-wizard.lg .wizard-icon-circle {
  width: 90px;
  height: 90px;
  font-size: 28px; }

.vue-form-wizard.lg .wizard-icon-circle.tab_shape {
  height: 50px; }

.vue-form-wizard.lg .wizard-nav-pills > li.active > a .wizard-icon {
  font-size: 28px; }

.vue-form-wizard.lg .wizard-navigation .wizard-progress-with-circle {
  position: relative;
  top: 50px;
  height: 4px; }

.vue-form-wizard .wizard-icon-circle {
  font-size: 18px;
  border: 3px solid #f3f2ee;
  border-radius: 50%;
  font-weight: 600;
  width: 70px;
  height: 70px;
  background-color: #fff;
  position: relative;
  display: flex;
  justify-content: center;
  align-content: center; }

.vue-form-wizard .wizard-icon-circle.square_shape {
  border-radius: 0; }

.vue-form-wizard .wizard-icon-circle.tab_shape {
  width: 100%;
  min-width: 100px;
  height: 40px;
  border: none;
  background-color: #f3f2ee;
  border-radius: 0; }

.vue-form-wizard .wizard-icon-circle .wizard-icon-container {
  display: flex;
  justify-content: center;
  flex: 1 1;
  border-radius: 40%; }

.vue-form-wizard .wizard-icon-circle .wizard-icon-container.square_shape, .vue-form-wizard .wizard-icon-circle .wizard-icon-container.tab_shape {
  border-radius: 0; }

.vue-form-wizard .wizard-icon-circle .wizard-icon {
  display: flex;
  align-items: center;
  justify-content: center; }

.vue-form-wizard .wizard-tab-content {
  min-height: 100px;
  padding: 30px 20px 10px; }

.vue-form-wizard .wizard-header {
  padding: 15px;
  position: relative;
  border-radius: 3px 3px 0 0;
  text-align: center; }

.vue-form-wizard .wizard-title {
  color: #252422;
  font-weight: 300;
  margin: 0;
  text-align: center; }

.vue-form-wizard .category {
  font-size: 14px;
  font-weight: 400;
  color: #9a9a9a;
  margin-bottom: 0;
  text-align: center; }

.vue-form-wizard .wizard-navigation .wizard-progress-with-circle {
  position: relative;
  top: 40px;
  height: 4px; }

.vue-form-wizard .wizard-navigation .wizard-progress-with-circle .wizard-progress-bar {
  box-shadow: none;
  transition: width .3s ease; }

.vue-form-wizard .clearfix:after {
  content: "";
  clear: both;
  display: table; }

.vue-form-wizard .wizard-card-footer {
  padding: 0 20px; }

.vue-form-wizard .wizard-card-footer .wizard-footer-left {
  float: left; }

.vue-form-wizard .wizard-card-footer .wizard-footer-right {
  float: right; }

@media screen and (max-width: 350px) {
  .vue-form-wizard .wizard-card-footer {
    display: flex;
    justify-content: center;
    flex-direction: column; }
  .vue-form-wizard .wizard-card-footer .wizard-footer-left, .vue-form-wizard .wizard-card-footer .wizard-footer-right {
    float: none;
    flex: 1 1;
    display: flex;
    justify-content: center; }
  .vue-form-wizard .wizard-card-footer .wizard-footer-right button {
    margin-top: 10px; } }
/**
 * vue-form-generator v2.3.4
 * https://github.com/vue-generators/vue-form-generator/
 * Released under the MIT License.
 */
.vue-form-generator * {
  box-sizing: border-box; }

.vue-form-generator .form-control {
  display: block;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

.vue-form-generator .form-control:not([class*=" col-"]) {
  width: 100%; }

.vue-form-generator span.help {
  margin-left: .3em;
  position: relative; }

.vue-form-generator span.help .icon {
  display: inline-block;
  width: 16px;
  height: 14px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAA+UlEQVQ4ja3TS0oDQRAG4C8+lq7ceICICoLGK7iXuNBbeAMJuPVOIm7cqmDiIncIggg+cMZFaqCnZyYKWtB0df31V1VXdfNH6S2wD9CP8xT3KH8T9BiTcE7XBMOfyBcogvCFO9ziLWwFRosyV+QxthNsA9dJkEYlvazsQdi3sBv6Ol6TBLX+HWT3fcQZ3vGM5fBLk+ynAU41m1biCXvhs4OPBDuBpa6GxF0P8YAj3GA1d1qJfdoS4DOIcIm1DK9x8iaWeDF/SP3QU6zRROpjLDFLsFlibx1jJaMkSIGrWKntvItcyTBKzCcybsvc9ZmYz3kz9Ooz/b98A8yvW13B3ch6AAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: 50%; }

.vue-form-generator span.help .helpText {
  background-color: #444;
  bottom: 30px;
  color: #fff;
  display: block;
  left: 0;
  opacity: 0;
  padding: 20px;
  pointer-events: none;
  position: absolute;
  text-align: justify;
  width: 300px;
  transition: all .25s ease-out;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
  border-radius: 6px; }

.vue-form-generator span.help .helpText a {
  font-weight: 700;
  text-decoration: underline; }

.vue-form-generator span.help .helpText:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%; }

.vue-form-generator span.help:hover .helpText {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.vue-form-generator .field-wrap {
  display: flex; }

.vue-form-generator .field-wrap .buttons {
  white-space: nowrap;
  margin-left: 4px; }

.vue-form-generator .field-wrap button, .vue-form-generator .field-wrap input[type=submit] {
  display: inline-block;
  padding: 6px 12px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px; }

.vue-form-generator .field-wrap button:not(:last-child), .vue-form-generator .field-wrap input[type=submit]:not(:last-child) {
  margin-right: 4px; }

.vue-form-generator .field-wrap button:hover, .vue-form-generator .field-wrap input[type=submit]:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad; }

.vue-form-generator .field-wrap button:active, .vue-form-generator .field-wrap input[type=submit]:active {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.vue-form-generator .field-wrap button:disabled, .vue-form-generator .field-wrap input[type=submit]:disabled {
  opacity: .6;
  cursor: not-allowed; }

.vue-form-generator .hint {
  font-style: italic;
  font-size: .8em; }

.form-group:not([class*=" col-"]) {
  width: 100%; }

.form-group {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 1rem; }

.form-group label {
  font-weight: 400; }

.form-group label > :first-child {
  display: inline-block; }

.form-group.featured > label {
  font-weight: 700; }

.form-group.required > label:after {
  content: "*";
  font-weight: 400;
  color: red;
  padding-left: .2em;
  font-size: 1em; }

.form-group.disabled > label {
  color: #666;
  font-style: italic; }

.form-group.error input:not([type=checkbox]), .form-group.error select, .form-group.error textarea {
  border: 1px solid red;
  background-color: rgba(255, 0, 0, 0.15); }

.form-group.error .errors {
  color: red;
  font-size: .8em; }

.form-group.error .errors span {
  display: block;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAiklEQVR4Xt2TMQoCQQxF3xdhu72MpZU3GU/meBFLOztPYrVWsQmEWSaMsIXgK8P8RyYkMjO2sAN+K9gTIAmDAlzoUzE7p4IFytvDCQWJKSStYB2efcAvqZFM0BcstMx5naSDYFzfLhh/4SmRM+6Agw/xIX0tKEDFufeDNRUc4XqLRz3qabVIf3BMHwl6Ktexn3nmAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  padding-left: 17px;
  padding-top: 0;
  margin-top: .2em;
  font-weight: 600; }

.vue-form-generator .field-checkbox input {
  margin-left: 12px; }

.vue-form-generator .field-checklist .dropList, .vue-form-generator .field-checklist .listbox {
  height: auto;
  max-height: 150px;
  overflow: auto; }

.vue-form-generator .field-checklist .dropList .list-row label, .vue-form-generator .field-checklist .listbox .list-row label {
  font-weight: 400; }

.vue-form-generator .field-checklist .dropList .list-row input, .vue-form-generator .field-checklist .listbox .list-row input {
  margin-right: .3em; }

.vue-form-generator .field-checklist .combobox {
  height: auto;
  overflow: hidden; }

.vue-form-generator .field-checklist .combobox .mainRow {
  cursor: pointer;
  position: relative;
  padding-right: 10px; }

.vue-form-generator .field-checklist .combobox .mainRow .arrow {
  position: absolute;
  right: -9px;
  top: 3px;
  width: 16px;
  height: 16px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAGdJREFUOI3tzjsOwjAURNGDUqSgTxU5K2AVrJtswjUsgHSR0qdxAZZFPrS+3ZvRzBsqf9MUtBtazJk+oMe0VTriiZCFX8nbpENMgfARjsn74vKj5IFruhfc8d6zIF9S/Hyk5HS4spMVeFcOjszaOwMAAAAASUVORK5CYII=");
  background-repeat: no-repeat; }

.vue-form-generator .field-checklist .combobox .mainRow.expanded .arrow {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg); }

.vue-form-generator .field-checklist .combobox .dropList {
  transition: height .5s; }

.vue-form-generator .field-input .wrapper, .vue-form-generator .field-input input[type=radio] {
  width: 100%; }

.vue-form-generator .field-input input[type=color] {
  width: 60px; }

.vue-form-generator .field-input input[type=range] {
  padding: 0; }

.vue-form-generator .field-input .helper {
  margin: auto .5em; }

.vue-form-generator .field-label span {
  display: block;
  width: 100%;
  margin-left: 12px; }

.vue-form-generator .field-radios .radio-list label {
  display: block; }

.vue-form-generator .field-radios .radio-list label input[type=radio] {
  margin-right: 5px; }

.vue-form-generator .field-submit input {
  color: #fff !important;
  background-color: #337ab7 !important;
  border-color: #2e6da4 !important; }

.vue-form-generator .field-input .wrapper {
  width: 100%; }

.vue-form-generator .field-input .helper {
  margin: auto .5em; }

.vue-form-generator .field-image .wrapper {
  width: 100%; }

.vue-form-generator .field-image .preview {
  position: relative;
  margin-top: 5px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.vue-form-generator .field-image .preview .remove {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXUlEQVR42u2SwQoAIAhD88vVLy8KBlaS0i1oJwP3piGVg0Skmpq8HjqZrWl9uwCbGAmwKYGZs/6iqgMyAdJuM8W2QmYKpLt/0AG9ASCv/oAnANd3AEjmAlFT1BypAV+PnRH5YehvAAAAAElFTkSuQmCC");
  width: 16px;
  height: 16px;
  font-size: 1.2em;
  position: absolute;
  right: .2em;
  bottom: .2em;
  opacity: .7; }

.vue-form-generator .field-image .preview .remove:hover {
  opacity: 1;
  cursor: pointer; }

.vue-form-generator .field-noUiSlider .field-wrap {
  display: block; }

.vue-form-generator .field-noUiSlider .contain-pips {
  margin-bottom: 30px; }

.vue-form-generator .field-noUiSlider .contain-tooltip {
  margin-top: 30px; }

.vue-form-generator .field-noUiSlider .noUi-vertical {
  height: 200px;
  margin: 10px 0; }

.vue-form-generator .field-rangeSlider .irs {
  width: 100%; }

.vue-form-generator .field-selectEx .bootstrap-select .dropdown-menu li.selected .text {
  font-weight: 700; }

.vue-form-generator .field-staticMap img {
  display: block;
  width: auto;
  max-width: 100%; }

.vue-form-generator .field-switch .field-wrap label {
  position: relative;
  display: block;
  width: 120px;
  height: 30px;
  padding: 0;
  margin: 0 10px 10px 0;
  border-radius: 15px;
  box-shadow: inset 0 -1px #fff, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer; }

.vue-form-generator .field-switch input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0; }

.vue-form-generator .field-switch .label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); }

.vue-form-generator .field-switch .label:after, .vue-form-generator .field-switch .label:before {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  transition: inherit; }

.vue-form-generator .field-switch .label:before {
  content: attr(data-off);
  right: 11px;
  color: #aaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5); }

.vue-form-generator .field-switch .label:after {
  content: attr(data-on);
  left: 11px;
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0; }

.vue-form-generator .field-switch input:checked ~ .label {
  background: #e1b42b;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); }

.vue-form-generator .field-switch input:checked ~ .label:before {
  opacity: 0; }

.vue-form-generator .field-switch input:checked ~ .label:after {
  opacity: 1; }

.vue-form-generator .field-switch .handle {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 28px;
  height: 28px;
  background: linear-gradient(180deg, #fff 40%, #f0f0f0);
  background-image: -webkit-linear-gradient(top, #fff 40%, #f0f0f0);
  border-radius: 100%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); }

.vue-form-generator .field-switch .handle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: linear-gradient(180deg, #eee, #fff);
  background-image: -webkit-linear-gradient(top, #eee, #fff);
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02); }

.vue-form-generator .field-switch input:checked ~ .handle {
  left: 91px;
  left: calc(100% - 29px);
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); }

.vue-form-generator .field-switch .handle, .vue-form-generator .field-switch .label {
  transition: all .3s ease; }
/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  touch-action: none; }

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none; }

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none; }

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch; }

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: ""; }

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%; }

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block; }
/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px); }

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(43, 46, 56, 0.9); }

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes; }

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes; }

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0; }

/* Default theme styles of the modal dialog */
.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff; }

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes; }

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes; }

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle; }

/* Close button */
.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent; }

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38; }

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\D7";
  text-align: center; }

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0; }

.remodal-confirm {
  color: #fff;
  background: #81c784; }

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a; }

.remodal-cancel {
  color: #fff;
  background: #e57373; }

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350; }

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0); } }

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0); } }

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0); } }

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0); } }

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px; } }

/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38; }

.lt-ie9 .remodal {
  width: 700px; }
/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none; }

.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
  width: 19em; }

@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em; } }

@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em; } }

@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em; } }

.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute; }

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px; }

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px; }

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px; }

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px; }

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px; }

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px; }

.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0; }

.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0; }

.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none; }

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0; }

.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px; }

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM"; }

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker"; }

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today"; }

.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center; }

.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens"; }

.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit; }

.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%; }

.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0; }

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px; }

.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px; }

.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px; }

.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777;
  cursor: not-allowed; }

.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month"; }

.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month"; }

.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer; }

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eee; }

.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px; }

.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777; }

.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px; }

.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
  background: #eee;
  cursor: pointer; }

.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
  color: #777; }

.bootstrap-datetimepicker-widget table td.today {
  position: relative; }

.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px; }

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff; }

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777;
  cursor: not-allowed; }

.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px; }

.bootstrap-datetimepicker-widget table td span:hover {
  background: #eee; }

.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.bootstrap-datetimepicker-widget table td span.old {
  color: #777; }

.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777;
  cursor: not-allowed; }

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px; }

.bootstrap-datetimepicker-widget.wider {
  width: 21em; }

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important; }

.input-group.date .input-group-addon {
  cursor: pointer; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }
/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  border-radius: 4px;
  direction: ltr; }

.datepicker-inline {
  width: 220px; }

.datepicker-rtl {
  direction: rtl; }

.datepicker-rtl.dropdown-menu {
  left: auto; }

.datepicker-rtl table tr td span {
  float: right; }

.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 4px; }

.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute; }

.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute; }

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px; }

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px; }

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px; }

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px; }

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px; }

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px; }

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.15); }

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff; }

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none; }

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent; }

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #777777; }

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #eeeeee;
  cursor: pointer; }

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #777777;
  cursor: default; }

.datepicker table tr td.highlighted {
  color: #000;
  background-color: #d9edf7;
  border-color: #85c5e5;
  border-radius: 0; }

.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
  color: #000;
  background-color: #afd9ee;
  border-color: #298fc2; }

.datepicker table tr td.highlighted:hover {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb; }

.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb; }

.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus {
  color: #000;
  background-color: #91cbe8;
  border-color: #298fc2; }

.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
  background-color: #d9edf7;
  border-color: #85c5e5; }

.datepicker table tr td.highlighted.focused {
  background: #afd9ee; }

.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  background: #d9edf7;
  color: #777777; }

.datepicker table tr td.today {
  color: #000;
  background-color: #ffdb99;
  border-color: #ffb733; }

.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
  color: #000;
  background-color: #ffc966;
  border-color: #b37400; }

.datepicker table tr td.today:hover {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00; }

.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00; }

.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
  color: #000;
  background-color: #ffbc42;
  border-color: #b37400; }

.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
  background-color: #ffdb99;
  border-color: #ffb733; }

.datepicker table tr td.today.focused {
  background: #ffc966; }

.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: #ffdb99;
  color: #777777; }

.datepicker table tr td.range {
  color: #000;
  background-color: #eeeeee;
  border-color: #bbbbbb;
  border-radius: 0; }

.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
  color: #000;
  background-color: #d5d5d5;
  border-color: #7c7c7c; }

.datepicker table tr td.range:hover {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d; }

.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d; }

.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus {
  color: #000;
  background-color: #c3c3c3;
  border-color: #7c7c7c; }

.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
  background-color: #eeeeee;
  border-color: #bbbbbb; }

.datepicker table tr td.range.focused {
  background: #d5d5d5; }

.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
  background: #eeeeee;
  color: #777777; }

.datepicker table tr td.range.highlighted {
  color: #000;
  background-color: #e4eef3;
  border-color: #9dc1d3; }

.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
  color: #000;
  background-color: #c1d7e3;
  border-color: #4b88a6; }

.datepicker table tr td.range.highlighted:hover {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0; }

.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0; }

.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus {
  color: #000;
  background-color: #a8c8d8;
  border-color: #4b88a6; }

.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
  background-color: #e4eef3;
  border-color: #9dc1d3; }

.datepicker table tr td.range.highlighted.focused {
  background: #c1d7e3; }

.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
  background: #e4eef3;
  color: #777777; }

.datepicker table tr td.range.today {
  color: #000;
  background-color: #f7ca77;
  border-color: #f1a417; }

.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
  color: #000;
  background-color: #f4b747;
  border-color: #815608; }

.datepicker table tr td.range.today:hover {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c; }

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c; }

.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus {
  color: #000;
  background-color: #f2aa25;
  border-color: #815608; }

.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
  background-color: #f7ca77;
  border-color: #f1a417; }

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
  background: #f7ca77;
  color: #777777; }

.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #777777;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #161616; }

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737; }

.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737; }

.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus {
  color: #fff;
  background-color: #4c4c4c;
  border-color: #161616; }

.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
  background-color: #777777;
  border-color: #555555; }

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40; }

.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74; }

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74; }

.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40; }

.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
  background-color: #337ab7;
  border-color: #2e6da4; }

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px; }

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eeeeee; }

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: default; }

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40; }

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74; }

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74; }

.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40; }

.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: #337ab7;
  border-color: #2e6da4; }

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #777777; }

.datepicker .datepicker-switch {
  width: 145px; }

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer; }

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee; }

.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden; }

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle; }

.input-group.date .input-group-addon {
  cursor: pointer; }

.input-daterange {
  width: 100%; }

.input-daterange input {
  text-align: center; }

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px; }

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0; }

.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px; }
/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2016 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Mostardesign
 * License URL: https://www.fontspring.com/licenses/mostardesign/webfont
 *
 *
 */
@font-face {
  font-family: 'sofia_probold';
  src: url("421e29fc5d68dc3c9d9f59fc6aa888bb.421e29fc5d68.eot");
  src: url("421e29fc5d68dc3c9d9f59fc6aa888bb.421e29fc5d68.eot?#iefix") format("embedded-opentype"), url("657211b85babc6c43a2d537499d6de1f.657211b85bab.woff2") format("woff2"), url("61c9abf1a5012c518406bbe47390cdc8.61c9abf1a501.woff") format("woff"), url("3cf01422a5ffb8b30da70af7cabf38b1.3cf01422a5ff.ttf") format("truetype"), url("sofiapro-bold-webfont-46661d6d65debc63884004fed6e37e5c.46661d6d65de.svg#sofia_probold") format("svg");
  font-weight: normal;
  font-style: normal; }
/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2016 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Mostardesign
 * License URL: https://www.fontspring.com/licenses/mostardesign/webfont
 *
 *
 */
@font-face {
  font-family: 'sofia_pro_regularregular';
  src: url("c6c514312d2f1529b1934377614d2602.c6c514312d2f.eot");
  src: url("c6c514312d2f1529b1934377614d2602.c6c514312d2f.eot?#iefix") format("embedded-opentype"), url("bc09bbf2afd6ab9351b21391a0ec5d09.bc09bbf2afd6.woff2") format("woff2"), url("4c14c122985797fd6bd577411eb33f1a.4c14c1229857.woff") format("woff"), url("459409dbd85e273be3a591b5ea229ef7.459409dbd85e.ttf") format("truetype"), url("sofiapro-regular-webfont-46661d6d65debc63884004fed6e37e5c.46661d6d65de.svg#sofia_pro_regularregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'League Spartan';
  src: url("5d202a7f44e80632637a8f06f374147e.5d202a7f44e8.eot");
  src: url("5d202a7f44e80632637a8f06f374147e.5d202a7f44e8.eot?#iefix") format("embedded-opentype"), url("3812d86fa4f162846016e03340c94427.3812d86fa4f1.woff2") format("woff2"), url("de124ab4fe636436b7f9d3b1f5ac3eed.de124ab4fe63.woff") format("woff"), url("7cc8cbbd7a330c0d1e7c08c6d62711e4.7cc8cbbd7a33.ttf") format("truetype"), url("leaguespartan-bold-46661d6d65debc63884004fed6e37e5c.46661d6d65de.svg#league_spartanbold") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'DINPro';
  font-style: normal;
  font-weight: 300;
  src: local("DINPro Light"), url("1133030c9bdf2fe8d44474059effd22d.1133030c9bdf.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'DINPro';
  font-weight: normal;
  font-style: normal;
  src: url("0a10d7fdad4821bd368c8a089db235cd.0a10d7fdad48.woff2") format("woff2"), url("4686cf1dfed154bd73e2319b4a241d62.4686cf1dfed1.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'DINPro';
  font-style: normal;
  font-weight: 700;
  src: local("DINPro Bold"), url("61aec1412c3866de298757b470f9dad8.61aec1412c38.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'DINPro';
  font-style: normal;
  font-weight: 900;
  src: local("DINPro Black"), url("7cf24ca1dc21f6e09f99f66206d52cd3.7cf24ca1dc21.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'DINPro';
  font-style: normal;
  font-weight: 500;
  src: local("DINPro Medium"), url("bbed362ea4f479c32fe2044f100f6e53.bbed362ea4f4.woff") format("woff");
  font-display: swap; }
/**
 * Fix fonts that render as bold in Firefox
 *
 * Put this near the top of your style.css
 * Before any overriding styles
 */
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400; }

/**
 * Firefox specific rule
 */
@-moz-document url-prefix() {
  body {
    font-weight: lighter !important; } }

.green-text {
  color: #8c9eff !important; }

.darkgrey-text {
  color: #000000 !important; }

.white-background-color {
  background-color: #f5f2ef; }

/**
 * Links
 */
a {
  color: #000000;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; }
  a:hover {
    color: #4d4d4d;
    text-decoration: underline; }

a[href$=jpg]:focus, a[href$=jpeg]:focus, a[href$=jpe]:focus, a[href$=png]:focus, a[href$=gif]:focus {
  outline: none; }

img {
  max-width: 100%;
  height: auto; }

input.form-control, .login-box .login-box-content form input {
  border: 1px solid #000000;
  background-color: #ffffff;
  border-radius: 0;
  box-shadow: none;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 16px;
  height: 54px;
  box-sizing: border-box; }
  input.form-control.date-input, .login-box .login-box-content form input.date-input {
    border: none;
    border-bottom: 1px solid #000000;
    height: 40px;
    padding-left: 0; }
  @media (min-width: 768px) {
    input.form-control, .login-box .login-box-content form input {
      height: 64px; } }

select {
  max-width: 100%;
  border: 1px solid #000000;
  height: 54px;
  border-radius: 0;
  -webkit-appearance: none;
  background: white;
  padding-left: 10px;
  width: 100%;
  background: url("select-arrow-down-5c186fda81f335add1e7f0da2062a570.5c186fda81f3.svg") calc(100% - 20px) center no-repeat;
  background-size: 11px 7px;
  cursor: pointer; }
  @media (min-width: 768px) {
    select {
      height: 64px; } }

.form-group {
  color: #000000; }

.form-control:focus, select:focus, .login-box .login-box-content form input:focus {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-color: #464a4d; }

.form-control, select, .login-box .login-box-content form input {
  color: #000000; }

.radio {
  margin-top: 1.5em;
  margin-bottom: 1.5em; }

.radio label {
  display: block;
  text-align: center;
  position: relative;
  padding-left: 0;
  line-height: 1.6;
  font-weight: 700; }

.radio label::after {
  font-weight: 700;
  text-align: center; }

.radio label::before {
  content: "";
  display: block;
  position: relative;
  width: 32px;
  height: 32px;
  left: 0;
  right: 0;
  margin: 0 auto 10px;
  border: 1px solid #392723;
  top: 0;
  opacity: .4;
  border-radius: 50%;
  background-color: transparent;
  transition: border 0.15s ease-in-out; }

.radio label::after {
  display: block;
  position: absolute;
  content: " ";
  width: 32px;
  height: 32px;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  border-radius: 50%;
  background-color: #392723;
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  transition: -webkit-transform 0.2s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.2s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.2s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.2s cubic-bezier(0.8, -0.33, 0.2, 1.33); }

.radio input[type="radio"] {
  opacity: 0;
  z-index: 1; }

.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1); }

.radio input[type="radio"]:disabled + label {
  opacity: 0.65; }

.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed; }

.radio.radio-inline {
  margin-top: 0; }

.radio-styled input[type="radio"] + label::after {
  background-color: #8c9eff;
  background-image: url("radioCheck-29bb5ef781d7052ed76c3ffe480671c5.29bb5ef781d7.svg");
  background-position: center;
  background-repeat: no-repeat; }

.radio-styled input[type="radio"]:checked + label {
  font-weight: 700; }

.radio-styled input[type="radio"]:checked + label::before {
  border-color: #8c9eff; }

.radio-styled input[type="radio"]:checked + label::after {
  background-color: #8c9eff;
  background-image: url("radioCheck-29bb5ef781d7052ed76c3ffe480671c5.29bb5ef781d7.svg");
  background-position: center;
  background-repeat: no-repeat; }

.datepicker {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .datepicker input {
    height: 44px;
    width: 100%;
    border-bottom: 1px solid #000000;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    color: #392723;
    font-size: 1em;
    padding: 12px 10px;
    transition: all 240ms ease-out;
    background: transparent url("dropdown-caret-6de03deedbe9da2b3243d4249bf1bb66.6de03deedbe9.svg") no-repeat 96%; }
    .datepicker input:focus {
      outline: 0; }
  .datepicker .form-control:focus, .datepicker select:focus, .datepicker .login-box .login-box-content form input:focus, .login-box .login-box-content form .datepicker input:focus {
    border-color: black;
    outline: 0;
    box-shadow: none; }
  .datepicker .input-group-addon {
    border: 0;
    background: transparent;
    border-radius: 0;
    padding: 6px 0 12px;
    border-bottom: 2px solid #8c9eff; }
  .datepicker .glyphicon-trash {
    color: #000000; }

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #000000; }

.bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #000000; }

.bootstrap-datetimepicker-widget table td span.active {
  background-color: #000000; }

select {
  position: relative;
  font-size: 14px; }
  select select:focus + div.trigger.open {
    box-shadow: none; }
  select .trigger {
    height: 44px;
    border: 0;
    border-bottom: 2px solid #8c9eff;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    color: #392723;
    font-size: 1em;
    padding: 12px 0;
    transition: all 240ms ease-out;
    -webkit-transition: all 240ms ease-out;
    -moz-transition: all 240ms ease-out;
    -ms-transition: all 240ms ease-out;
    -o-transition: all 240ms ease-out; }
  select .trigger:after {
    content: "";
    display: block;
    position: absolute;
    width: 9.355px;
    height: 5.839px;
    background-image: url("dropdown-caret-6de03deedbe9da2b3243d4249bf1bb66.6de03deedbe9.svg");
    border-top-color: #67696e;
    top: 20px;
    right: 0; }
  select .trigger.open {
    color: #8c9eff; }
  select ul.options {
    list-style: none;
    margin: 0;
    position: absolute;
    top: 40px;
    right: 0;
    padding-left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 50;
    overflow: auto;
    background: #fff;
    border-radius: 0;
    color: #9d9eac;
    border: 1px solid #392723;
    border-bottom: none;
    width: 100%;
    transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; }
  select ul.options.open {
    visibility: visible;
    top: 50px;
    opacity: 1;
    transition: opacity 300ms ease-out, top 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, top 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, top 300ms ease-out;
    -o-transition: opacity 300ms ease-out, top 300ms ease-out; }
  select ul.options.overflowing {
    top: auto;
    bottom: 40px;
    transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; }
  select ul.options.overflowing.open {
    top: auto;
    bottom: 50px;
    transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -o-transition: opacity 300ms ease-out, bottom 300ms ease-out; }
  select ul.options li {
    padding: 8px 12px;
    color: #333;
    border-bottom: 1px solid #67696e;
    cursor: pointer;
    white-space: nowrap;
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out; }
  select ul.options li.selected, select ul.options li.hover {
    color: #77828b; }

section.form-step1 {
  padding: 1.5em 0;
  background: white; }
  section.form-step1 .simple-brown-hr {
    margin-bottom: 2.5rem; }

section.form-step2 {
  padding: 1.5em 0;
  background: transparent; }
  section.form-step2 .simple-brown-hr {
    margin-bottom: 2.5rem; }
  section.form-step2 .copy-small {
    margin: 1.2em 0 2em; }
  section.form-step2 p.copy-big {
    margin-top: 1.7em;
    width: 100%;
    line-height: 1.6; }

section.form-step3 {
  padding: 1.5em 0;
  background: white; }

header {
  position: relative;
  z-index: 2;
  height: auto; }
  header .navbar {
    height: auto;
    padding-top: 0;
    margin-bottom: 0;
    background: white;
    border-radius: 0; }
    header .navbar .navbar-brand {
      height: 22.14px;
      padding: 0;
      margin: 0; }
    header .navbar h2 {
      color: #666666;
      font-size: 13px;
      margin: 23px auto 0;
      letter-spacing: 0.01px;
      display: none; }
    header .navbar .menu-item {
      font-weight: bold;
      color: #666666;
      text-transform: uppercase;
      font-size: 12px;
      letter-spacing: 1px;
      padding-left: 10px; }
      @media (min-width: 768px) {
        header .navbar .menu-item {
          font-size: 12px; } }
      @media (min-width: 992px) {
        header .navbar .menu-item {
          font-size: 14px; } }
      @media (min-width: 1200px) {
        header .navbar .menu-item {
          font-size: 15px; } }
    header .navbar .menu-item-flag a.delimiter {
      position: relative; }
      header .navbar .menu-item-flag a.delimiter:after {
        content: " ";
        color: #666666;
        position: absolute;
        top: 13px;
        right: 5px;
        background-color: #666666;
        height: 12px;
        width: 2px; }
        @media (min-width: 768px) {
          header .navbar .menu-item-flag a.delimiter:after {
            top: 13px;
            right: -1px;
            height: 9px;
            width: 1px; } }
        @media (min-width: 992px) {
          header .navbar .menu-item-flag a.delimiter:after {
            height: 12px;
            right: -8px;
            top: 25.5px;
            width: 2px; } }
        @media (min-width: 1200px) {
          header .navbar .menu-item-flag a.delimiter:after {
            top: 25.5px;
            height: 12px; } }
    header .navbar .menu-item-flag a {
      padding-left: 15px; }
      @media (min-width: 768px) {
        header .navbar .menu-item-flag a {
          padding-right: 0; } }
    header .navbar li > a {
      padding-top: 20.5px;
      padding-bottom: 20.5px;
      line-height: normal; }
      header .navbar li > a:hover, header .navbar li > a:focus {
        background: none;
        color: #000000; }
    header .navbar li:hover {
      background-color: transparent; }
  header .navbar-toggle {
    position: relative;
    float: right;
    padding: 6px 0;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: none;
    border-radius: 0; }
    header .navbar-toggle .icon-bar {
      display: block;
      width: 20px;
      height: 1px;
      border-radius: 1px;
      background: white; }
    header .navbar-toggle .icon-bar + .icon-bar {
      margin-top: 8px; }

@media screen and (max-width: 767px) {
  header {
    height: auto; }
    header .navbar {
      height: auto;
      padding-top: 0;
      margin-bottom: 0; }
      header .navbar .navbar-collapse {
        background-color: #F7F7F9 !important; }
      header .navbar .navbar-brand {
        height: 26px;
        padding: 14px 0;
        margin: 0; }
      header .navbar h2 {
        color: #f5f2ef;
        font-size: 13px;
        margin: 23px auto 0;
        letter-spacing: 0.01px;
        display: inline-block; }
      header .navbar .menu-item {
        color: #666666;
        text-transform: uppercase;
        font-size: .8rem; }
      header .navbar .login-menu {
        color: #444444; }
      header .navbar .menu-item-flag {
        float: left; }
        header .navbar .menu-item-flag a.delimiter {
          padding-left: 5px; }
        header .navbar .menu-item-flag a {
          padding-left: 5px; }
      header .navbar li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px; }
        header .navbar li > a:hover, header .navbar li > a:focus {
          background: none;
          color: #000000; }
      header .navbar li:hover {
        background-color: transparent; }
    header .navbar-toggle {
      position: relative;
      float: right;
      padding: 6px 0;
      margin-top: 8px;
      margin-right: 0;
      margin-bottom: 8px;
      background-color: transparent;
      background-image: none;
      border: none;
      border-radius: 0; }
      header .navbar-toggle .icon-bar {
        display: block;
        width: 20px;
        height: 1px;
        border-radius: 1px;
        background: #666666; }
      header .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 8px; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-right {
    padding: 15px 0; }
    .navbar-right .menu-item {
      padding: 10px 5px !important; } }

.navbar-header .navbar-header__basket {
  position: absolute;
  right: 40px;
  top: -3px;
  width: 52px;
  height: 52px;
  background: url("cart-6cf85f646d884450cabbebcece262b91.6cf85f646d88.svg") no-repeat center center;
  background-size: 19px 17px; }
  @media (min-width: 768px) {
    .navbar-header .navbar-header__basket {
      display: none; } }
  .navbar-header .navbar-header__basket:hover {
    background-color: #e6e6e6; }

.navbar-header__basket-items {
  background: #000000;
  color: #F7F7F9;
  width: 18px;
  height: 18px;
  display: flex;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  position: absolute;
  left: 51%;
  top: 17%; }

.navbar-brand > .logo_desktop {
  display: none; }
  @media (min-width: 1200px) {
    .navbar-brand > .logo_desktop {
      height: 29px;
      display: block; } }

.navbar-brand > .logo_mobile {
  height: 16px;
  display: block; }
  @media (min-width: 768px) {
    .navbar-brand > .logo_mobile {
      margin-top: 20px;
      height: 17px; } }
  @media (min-width: 992px) {
    .navbar-brand > .logo_mobile {
      margin-top: 20px;
      height: 21px; } }
  @media (min-width: 1200px) {
    .navbar-brand > .logo_mobile {
      display: none; } }

.navbar-header {
  padding: 0 15px;
  margin-right: 0; }
  @media (min-width: 1200px) {
    .navbar-header {
      padding: 16.93px 15px 16.93px;
      margin-right: 2em; } }

.first-lang {
  padding-left: 10px !important; }

footer {
  background: #F7F7F9;
  overflow: hidden;
  text-align: center;
  -webkit-animation: ease-in-out 0.1s;
          animation: ease-in-out 0.1s; }
  footer .footer-content {
    padding-top: 2em;
    padding-bottom: 2em; }
  footer ul {
    display: inline-block;
    margin: 0;
    padding: 0; }
    footer ul li {
      display: inline-block;
      margin-left: 1em;
      margin-right: 1em;
      color: #000000; }
      footer ul li a {
        color: #000000; }
        footer ul li a:hover, footer ul li a:focus {
          color: #333333; }

#testimonials {
  background: #EDEDED;
  padding-top: 40px; }
  @media (min-width: 768px) {
    #testimonials {
      padding-top: 60px; } }
  #testimonials .no-padding-top {
    padding-top: 0; }
  #testimonials .custom-carousel {
    transition: 1s ease-in-out;
    display: block;
    width: 100%; }
    #testimonials .custom-carousel.row {
      margin: 0; }
    @media (max-width: 768px) {
      #testimonials .custom-carousel {
        display: flex;
        width: 100%;
        left: 0;
        margin-left: 0; }
        #testimonials .custom-carousel .carousel-item {
          flex: 0 0 100%; } }
  #testimonials .carousel-dots-xs {
    display: none;
    text-align: center;
    margin-bottom: 16px; }
  #testimonials .dot {
    cursor: pointer;
    background-color: #938e8e;
    width: 10px;
    height: 10px;
    display: inline-flex;
    border-radius: 100%;
    margin-left: 5px;
    vertical-align: middle; }
  #testimonials .dot.active {
    cursor: pointer;
    background-color: black;
    width: 14px;
    height: 14px;
    display: inline-flex;
    border-radius: 100%; }

#testimonial-cards {
  padding-top: 14px; }
  @media (min-width: 768px) {
    #testimonial-cards {
      padding-top: 36px; } }

.title {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 28px;
  margin-bottom: 16px; }
  @media (min-width: 768px) {
    .title {
      font-size: 36px;
      margin-bottom: 24px; } }

.testimonial {
  color: white;
  background: #000000;
  margin-bottom: 2em;
  padding: 1.8em;
  text-align: center;
  display: flex;
  flex-wrap: wrap; }

@media (min-width: 420px) {
  .testimonial {
    flex-wrap: nowrap;
    align-items: center;
    text-align: left; } }

@media (min-width: 768px) {
  .testimonial {
    text-align: left; } }

.testimonial__img-wrap {
  flex: 1 1 auto; }

@media (min-width: 420px) {
  .testimonial__img-wrap {
    flex: 0 0 25%; } }

.testimonial__img {
  width: 132px;
  height: auto;
  border-radius: 50%;
  max-width: 100%;
  margin-bottom: 1.5em; }

@media (min-width: 420px) {
  .testimonial__img {
    margin-bottom: 0; } }

@media (min-width: 420px) {
  .testimonial__desc-in {
    padding-left: 1.5em; } }

@media (min-width: 768px) {
  .testimonial__desc-in {
    padding-left: 2em; } }

@media (min-width: 1200px) {
  .testimonial__desc-in {
    padding-left: 3.5em; } }

.testimonial__desc p {
  margin-bottom: 1.5em; }

.testimonial__desc p:last-child {
  margin-bottom: 0; }

.homepage .section-separator {
  position: relative; }

@media (min-width: 992px) {
  .homepage .stars-container {
    margin-left: 50px; } }

.homepage .stars-container .stars-rating .header-title {
  font-size: 1.2em;
  margin-right: 1.3em; }
  @media screen and (max-width: 768px) {
    .homepage .stars-container .stars-rating .header-title {
      width: 100%; } }

.homepage .stars-container .stars-rating .description-info {
  font-size: 9px; }
  @media (min-width: 992px) {
    .homepage .stars-container .stars-rating .description-info {
      padding-left: 10em;
      text-align: left; } }

.homepage .stars-container .stars {
  width: 132px; }

.homepage .suggestion-holder {
  width: 92%;
  display: none;
  position: absolute;
  list-style: none;
  background: white;
  padding: 0;
  left: 0;
  right: 0;
  border: 1px solid #000000;
  z-index: 999;
  margin-left: 15px;
  margin-top: -1px; }
  @media screen and (max-width: 768px) {
    .homepage .suggestion-holder {
      width: 100%; } }
  .homepage .suggestion-holder .suggestion-element .country-flag-icon {
    margin-right: 6px; }
  .homepage .suggestion-holder li {
    text-align: left;
    height: 48px;
    line-height: 48px;
    padding-left: 1em;
    padding-right: 1em;
    position: relative; }
    .homepage .suggestion-holder li .highlighted {
      font-weight: 700; }
    .homepage .suggestion-holder li:hover, .homepage .suggestion-holder li.active {
      cursor: pointer;
      background: #000000;
      color: white;
      position: relative; }
    @media screen and (max-width: 768px) {
      .homepage .suggestion-holder li {
        height: 36px;
        line-height: 36px; } }

.homepage section.homepage-banner {
  position: relative;
  padding-top: 0;
  min-height: 276px;
  width: 100%;
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  display: flex; }
  @media screen and (min-width: 768px) {
    .homepage section.homepage-banner {
      height: 32.9vw;
      min-height: 480px;
      background-size: cover;
      background-position: center; } }
  .homepage section.homepage-banner .outer-container {
    align-self: flex-end; }
    @media (min-width: 768px) {
      .homepage section.homepage-banner .outer-container {
        margin-bottom: -30px; } }
    @media (max-width: 768px) {
      .homepage section.homepage-banner .outer-container {
        padding: 0;
        margin-top: 200px;
        width: 100%; }
        .homepage section.homepage-banner .outer-container .homepage-title {
          padding-left: 38px; } }
  .homepage section.homepage-banner .homepage-title h1 {
    font-weight: 900;
    text-transform: uppercase;
    max-width: 60%; }
  .homepage section.homepage-banner .locations {
    margin-top: 80px; }
    @media screen and (min-width: 992px) {
      .homepage section.homepage-banner .locations {
        margin-top: 70px; } }
    @media screen and (min-width: 1200px) {
      .homepage section.homepage-banner .locations {
        margin-top: 0; } }

.homepage h1 {
  margin-top: 1em;
  font-size: 28px;
  line-height: 1.28;
  margin-bottom: 0.5em;
  text-align: left;
  color: #000000;
  font-weight: 500; }
  @media screen and (min-width: 768px) {
    .homepage h1 {
      margin-top: 1.5em;
      font-size: 28px;
      max-width: 600px; } }
  @media screen and (min-width: 992px) {
    .homepage h1 {
      margin-top: 2em;
      font-size: 40px; } }
  @media screen and (min-width: 1200px) {
    .homepage h1 {
      margin-top: 0;
      font-size: 45px; } }

.texts-grid {
  background: #EDEDED; }

.section-button-with-bg {
  background-color: #8c9eff;
  padding: 16px 31px 15px 31px;
  position: relative;
  z-index: 20; }
  @media (min-width: 992px) {
    .section-button-with-bg {
      padding: 19px 31px 16px 31px;
      margin-bottom: -48px; } }

.section-button-with-bg__desc {
  font-size: 28px;
  color: #ffffff;
  margin-bottom: 0.5em;
  letter-spacing: 0.01px;
  line-height: 1.2; }
  @media (min-width: 768px) {
    .section-button-with-bg__desc {
      font-size: 26px; } }
  @media (min-width: 992px) {
    .section-button-with-bg__desc {
      font-size: 26px;
      margin-bottom: 0.7em; } }
  @media (min-width: 1200px) {
    .section-button-with-bg__desc {
      font-size: 32px;
      margin-bottom: 0.8em; } }

.section-separator .texts .section-btn-with-text .header {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500; }
  @media (min-width: 768px) {
    .section-separator .texts .section-btn-with-text .header {
      font-size: 20px; } }

.section-separator .texts .section-btn-with-text .description {
  font-size: 14px; }
  @media (min-width: 768px) {
    .section-separator .texts .section-btn-with-text .description {
      max-width: 250px; } }
  @media (min-width: 992px) {
    .section-separator .texts .section-btn-with-text .description {
      font-size: 18px; } }

.button-wrap {
  text-align: center;
  padding-bottom: 15px; }

@media (min-width: 768px) {
  .section-btn-with-text .col-md-3 {
    margin-top: 1.5em; } }

@media (max-width: 991px) {
  .section-btn-with-text .col-md-3 {
    margin-top: 1.5em; } }

@media (min-width: 992px) {
  .section-btn-with-text .col-md-3 {
    margin-top: 1.7em; } }

@media (min-width: 992px) {
  .mobile {
    display: none; } }

.section-separator.section-btn-with-text__wrap {
  padding: 1.5em 0 0; }
  @media (min-width: 1200px) {
    .section-separator.section-btn-with-text__wrap .c-button {
      padding: 0.7em 2.7em; } }

.section-with-star.texts-grid {
  padding: calc(50px - 1.5em) 0 30px 0; }
  @media (min-width: 992px) {
    .section-with-star.texts-grid {
      padding: calc(78px - 1.5em) 0 48px 0; } }
  @media (min-width: 992px) {
    .section-with-star.texts-grid .c-button {
      padding: 0.8em 3.2em; } }

.homepage .homepage-form-section {
  max-width: 1140px;
  background-color: white; }
  @media (max-width: 767px) {
    .homepage .homepage-form-section .datepicker-container {
      margin-top: 16px; } }
  @media (max-width: 767px) {
    .homepage .homepage-form-section .submit-button {
      margin-top: 30px; } }
  .homepage .homepage-form-section .btn-lets-go-disabled {
    width: 100%;
    border: 2px solid #777777;
    padding: 18px;
    margin-top: 4px;
    background-color: white;
    color: #666666;
    cursor: not-allowed; }
  .homepage .homepage-form-section .text-input {
    font-size: 18px;
    font-weight: 500; }
  .homepage .homepage-form-section .btn-lets-go {
    width: 100% !important;
    padding: 18px !important;
    margin-top: 4px !important;
    min-width: 100%; }
  .homepage .homepage-form-section .c-button:hover::after {
    width: 200%;
    height: 101%; }
  .homepage .homepage-form-section .homepage-search-container {
    padding: 30px 30px; }
    @media (min-width: 768px) {
      .homepage .homepage-form-section .homepage-search-container {
        display: flex;
        align-items: center; } }

.homepage .available-ski-areas {
  background-color: white; }
  .homepage .available-ski-areas .available-ski-areas-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px; }
    @media (min-width: 768px) {
      .homepage .available-ski-areas .available-ski-areas-heading {
        margin-top: 60px; } }
    .homepage .available-ski-areas .available-ski-areas-heading h2 {
      text-align: center; }
  .homepage .available-ski-areas .available-ski-areas-dropdown {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px; }
    .homepage .available-ski-areas .available-ski-areas-dropdown button {
      background-color: white;
      color: #000000;
      border-radius: 0;
      font-size: 16px;
      cursor: pointer;
      border: 1px solid;
      padding: 20px 20px 20px 40px;
      width: 100%;
      display: flex;
      align-items: center; }
      .homepage .available-ski-areas .available-ski-areas-dropdown button .selected-value-image {
        background: url("switzerland-5e0c7b362820de49b460701ccc58ea34.5e0c7b362820.svg") no-repeat;
        background-size: contain;
        margin-right: 16px;
        width: 20px;
        height: 20px; }
      .homepage .available-ski-areas .available-ski-areas-dropdown button .selected-area-dropdown-icon {
        background-color: #000000;
        -webkit-mask-image: url("select-arrow-02609557c381f194e87249e810aa7bca.02609557c381.svg");
                mask-image: url("select-arrow-02609557c381f194e87249e810aa7bca.02609557c381.svg");
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        margin-left: auto;
        width: 20px;
        height: 20px; }
      .homepage .available-ski-areas .available-ski-areas-dropdown button span {
        margin-left: 15px; }
      .homepage .available-ski-areas .available-ski-areas-dropdown button:hover {
        background-color: #000000;
        color: white; }
        .homepage .available-ski-areas .available-ski-areas-dropdown button:hover .selected-area-dropdown-icon {
          background-color: white; }
    .homepage .available-ski-areas .available-ski-areas-dropdown .dropdown-menu {
      width: 100%;
      max-height: 250px;
      overflow-x: hidden;
      overflow-y: scroll;
      height: auto;
      margin-top: 0;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      padding: 0; }
      .homepage .available-ski-areas .available-ski-areas-dropdown .dropdown-menu input[type="search"] {
        -webkit-appearance: none;
        border-radius: 0;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        padding: 5px !important;
        height: 50px;
        position: -webkit-sticky;
        position: sticky;
        top: 0; }
      .homepage .available-ski-areas .available-ski-areas-dropdown .dropdown-menu .dropdown-item {
        display: block;
        color: #000000;
        padding: 10px;
        cursor: pointer; }
      .homepage .available-ski-areas .available-ski-areas-dropdown .dropdown-menu .dropdown-item:hover {
        background-color: #000000;
        color: white; }
      .homepage .available-ski-areas .available-ski-areas-dropdown .dropdown-menu .country-flag-icon {
        margin-right: 15px; }
  .homepage .available-ski-areas .available-ski-areas-locations {
    margin-top: 60px; }
  .homepage .available-ski-areas .available-ski-areas-ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap; }
    .homepage .available-ski-areas .available-ski-areas-ul li {
      flex-basis: 50%;
      flex-grow: 1;
      box-sizing: border-box;
      position: relative;
      display: flex;
      align-items: center;
      min-width: 300px; }
      .homepage .available-ski-areas .available-ski-areas-ul li .location-link {
        padding: 20px;
        flex-grow: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-transform: uppercase; }
        .homepage .available-ski-areas .available-ski-areas-ul li .location-link .li-content {
          margin-right: 10px;
          font-size: 24px;
          font-weight: 500; }
          .homepage .available-ski-areas .available-ski-areas-ul li .location-link .li-content.li-content-arrow {
            margin-right: 0; }
            @media (min-width: 768px) {
              .homepage .available-ski-areas .available-ski-areas-ul li .location-link .li-content.li-content-arrow {
                margin-right: 40px; } }
      .homepage .available-ski-areas .available-ski-areas-ul li:hover {
        background-color: #EDEDED; }

.homepage .homepage-map-section {
  background-color: white; }
  .homepage .homepage-map-section .row {
    margin: 15px 0 60px 0; }
    @media (min-width: 768px) {
      .homepage .homepage-map-section .row {
        margin: 120px 0 150px 0; } }
  .homepage .homepage-map-section img {
    max-width: 1102px; }

.homepage #sr-google-map {
  width: 100%;
  height: 500px; }

#order-gift-voucher .button-for-different-billing-address {
  margin-bottom: 50px;
  margin-left: 10px;
  margin-top: 13px; }
  #order-gift-voucher .button-for-different-billing-address label {
    display: flex;
    align-items: center;
    height: 32px;
    position: relative;
    top: 4px;
    left: -9px;
    padding-left: 52px;
    margin-bottom: 0; }
    #order-gift-voucher .button-for-different-billing-address label.isChecked:before {
      background-image: url("checked-5920a7fe05b632366bf7755a329964f8.5920a7fe05b6.svg"); }
    #order-gift-voucher .button-for-different-billing-address label:before {
      width: 32px;
      height: 32px;
      content: '';
      background-image: url("unchecked-64574634be24f187d38171d43cbfc1cd.64574634be24.svg");
      display: block;
      float: left;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto; }
  #order-gift-voucher .button-for-different-billing-address input {
    display: none;
    height: auto; }

#order-gift-voucher .wrapper {
  width: 820px;
  margin-left: auto;
  margin-right: auto; }

#order-gift-voucher section.banner {
  max-height: 600px;
  width: 100%;
  background-size: cover;
  background-position: 0 75%;
  background-repeat: no-repeat;
  background-image: url("header-img-5df7bed124209f149303436ff8a8aed3.5df7bed12420.jpg");
  display: flex;
  height: 29.2vw;
  min-height: 265px; }
  #order-gift-voucher section.banner .banner-text-wrapper, #order-gift-voucher section.banner .badge-wrapper {
    position: relative; }
  #order-gift-voucher section.banner .banner-text-wrapper .banner-text {
    width: 500px;
    max-width: 500px;
    position: absolute;
    bottom: 21px;
    left: 148px;
    font-size: 3em;
    color: white; }
  #order-gift-voucher section.banner .badge-img-wrapper .badge-img {
    height: 420px;
    position: absolute;
    right: 155px;
    top: 232px; }

#order-gift-voucher section.header-container {
  height: 325px; }
  #order-gift-voucher section.header-container--success-page {
    height: auto; }
  #order-gift-voucher section.header-container .black-hr-wrapper {
    padding-top: 73px;
    max-width: 990px;
    width: 80%;
    margin-left: auto;
    margin-right: auto; }
    #order-gift-voucher section.header-container .black-hr-wrapper--success-page {
      padding-top: 49px; }
  #order-gift-voucher section.header-container .wrapper {
    width: 880px; }
    #order-gift-voucher section.header-container .wrapper .header-title {
      text-align: center;
      text-transform: uppercase;
      font-size: 1.95em;
      padding-top: 18px;
      margin-bottom: 11px; }
    #order-gift-voucher section.header-container .wrapper .description-success-block {
      margin-top: 40px; }
    #order-gift-voucher section.header-container .wrapper .btn--to-home-page {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 30px;
      margin-top: 40px; }
    #order-gift-voucher section.header-container .wrapper .header-description {
      text-align: center;
      margin-bottom: 0; }

#order-gift-voucher section.voucher-selection-container {
  background: white;
  min-height: 215px;
  height: 215px; }
  #order-gift-voucher section.voucher-selection-container .container {
    height: 100%; }
  #order-gift-voucher section.voucher-selection-container .wrapper {
    height: 100%;
    width: 790px; }
    #order-gift-voucher section.voucher-selection-container .wrapper .row {
      height: 100%;
      align-items: center;
      display: flex;
      position: relative; }
      #order-gift-voucher section.voucher-selection-container .wrapper .row .quantities-error {
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        text-align: center; }
  #order-gift-voucher section.voucher-selection-container .number-label {
    margin-bottom: 6px;
    position: relative;
    top: -11px; }
  #order-gift-voucher section.voucher-selection-container input.number {
    border: 1px solid #8c9eff;
    background-color: transparent;
    height: 48px;
    width: 100%;
    text-align: center; }
  #order-gift-voucher section.voucher-selection-container select {
    width: 100%;
    text-align: center;
    text-align-last: center; }

#order-gift-voucher section.person-information .wrapper {
  width: 791px; }

#order-gift-voucher section.person-information .person-information-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.95em;
  margin-top: 68px;
  margin-bottom: 104px; }

#order-gift-voucher section.person-information .form-group {
  min-height: 120px; }
  #order-gift-voucher section.person-information .form-group label {
    position: relative;
    top: -6px;
    font-weight: 500;
    margin-bottom: 10px; }

#order-gift-voucher section.person-information input, #order-gift-voucher section.person-information textarea {
  border: 1px solid #8c9eff;
  background-color: transparent;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px; }

#order-gift-voucher section.person-information input {
  height: 49px; }

#order-gift-voucher section.person-information textarea {
  margin-bottom: 20px; }

#order-gift-voucher section.person-information .order-button {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px; }

@media screen and (max-width: 480px) {
  #order-gift-voucher section.banner {
    height: 48.2vw;
    min-height: auto; }
    #order-gift-voucher section.banner .banner-text-wrapper {
      display: none; }
    #order-gift-voucher section.banner .badge-img-wrapper .badge-img {
      height: 181px;
      right: 124px;
      top: 82px; }
  #order-gift-voucher section.header-container {
    height: auto; }
    #order-gift-voucher section.header-container--success-page .row {
      margin-top: 64px; }
    #order-gift-voucher section.header-container .black-hr-wrapper {
      width: 90%;
      padding-top: 0; }
    #order-gift-voucher section.header-container .row {
      margin-left: 0;
      margin-right: 0; }
    #order-gift-voucher section.header-container .banner-text--mobile {
      margin-top: 56px;
      margin-bottom: 39px;
      line-height: 37px;
      letter-spacing: -1.5px; }
    #order-gift-voucher section.header-container .wrapper {
      width: auto; }
      #order-gift-voucher section.header-container .wrapper .header-title {
        padding-top: 0;
        font-size: 28px;
        line-height: 33px; }
      #order-gift-voucher section.header-container .wrapper .header-description:last-of-type {
        margin-bottom: 40px; }
  #order-gift-voucher section.voucher-selection-container {
    min-height: 220px;
    height: auto; }
    #order-gift-voucher section.voucher-selection-container .wrapper {
      width: auto; }
      #order-gift-voucher section.voucher-selection-container .wrapper .row {
        display: block; }
        #order-gift-voucher section.voucher-selection-container .wrapper .row .quantities-error {
          position: relative;
          bottom: auto;
          left: auto;
          right: auto;
          text-align: center;
          display: inline-block;
          width: 100%;
          margin-top: 5px;
          margin-bottom: 10px; }
        #order-gift-voucher section.voucher-selection-container .wrapper .row div:first-child {
          margin-top: 28px; }
        #order-gift-voucher section.voucher-selection-container .wrapper .row div:nth-child(2) {
          margin-top: 33px; }
    #order-gift-voucher section.voucher-selection-container .number-label {
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      top: -8px;
      letter-spacing: 0.01px; }
    #order-gift-voucher section.voucher-selection-container input.number {
      height: 40px;
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      display: block; }
  #order-gift-voucher section.person-information .wrapper {
    width: auto; }
  #order-gift-voucher section.person-information .person-information-title {
    font-size: 1.25em;
    margin-bottom: 30px;
    margin-top: 43px; }
  #order-gift-voucher section.person-information .form-group {
    min-height: 89px; }
    #order-gift-voucher section.person-information .form-group label {
      top: -4px;
      left: 4px; }
  #order-gift-voucher section.person-information input {
    height: 40px; }
  #order-gift-voucher section.person-information .order-button {
    width: 80%; } }

@media screen and (min-width: 480px) {
  #order-gift-voucher section.header-container .banner-text--mobile {
    display: none; } }

@media screen and (min-width: 480px) and (max-width: 992px) {
  #order-gift-voucher section.banner .banner-text-wrapper .banner-text {
    top: -9px;
    left: 48px; }
  #order-gift-voucher section.banner .badge-img-wrapper .badge-img {
    right: 55px;
    top: 180px; }
  #order-gift-voucher section.header-container {
    height: auto;
    margin-bottom: 15px; }
    #order-gift-voucher section.header-container .row {
      margin-left: 0;
      margin-right: 0; }
    #order-gift-voucher section.header-container .wrapper {
      width: auto; }
  #order-gift-voucher section.voucher-selection-container {
    background: white; }
    #order-gift-voucher section.voucher-selection-container .wrapper {
      height: 100%;
      width: auto;
      padding-left: 15px;
      padding-right: 15px; }
  #order-gift-voucher section.person-information .wrapper {
    width: auto; } }

@media screen and (max-width: 768px) {
  #order-gift-voucher section.banner .badge-img-wrapper .badge-img {
    height: 200px; } }

@media screen and (min-width: 768px) and (max-width: 1199px) {
  #order-gift-voucher section.banner .badge-img-wrapper .badge-img {
    height: 280px; } }

@media screen and (min-width: 992px) and (max-width: 1200px) {
  #order-gift-voucher section.banner .banner-text-wrapper .banner-text {
    top: 111px;
    left: 48px; }
  #order-gift-voucher section.banner .badge-img-wrapper .badge-img {
    height: 310px;
    right: 95px;
    top: 202px; }
  #order-gift-voucher section.header-container .black-hr-wrapper {
    padding-top: 53px; } }

@media screen and (min-width: 1200px) and (max-width: 1439px) {
  #order-gift-voucher section.banner .banner-text-wrapper .banner-text {
    top: 181px;
    left: 128px; }
  #order-gift-voucher section.banner .badge-img-wrapper .badge-img {
    height: 380px;
    right: 95px;
    top: 202px; }
  #order-gift-voucher section.header-container .black-hr-wrapper {
    padding-top: 53px; } }

.location-page .booking-form {
  margin-top: 0;
  position: relative; }

.location-page .heading-container h1 {
  font-weight: 900; }

.location-page .content-block {
  word-wrap: normal;
  overflow: hidden;
  padding-bottom: 63px; }
  .location-page .content-block h2 {
    padding: 0;
    text-align: center;
    line-height: 1.3;
    text-transform: uppercase;
    max-width: 100%; }
  .location-page .content-block h3 {
    margin-top: 0; }
  .location-page .content-block p img {
    float: left;
    margin-right: 1em; }
  .location-page .content-block p span {
    margin-bottom: 1em; }
  .location-page .content-block .indigo-separator {
    padding: 5px 0 15px; }
  @media screen and (min-width: 992px) {
    .location-page .content-block {
      padding-bottom: 30px; }
      .location-page .content-block .row {
        margin: 60px; }
      .location-page .content-block h2 {
        padding: 0 60px;
        max-width: 75%;
        text-align: center;
        margin-left: auto;
        margin-right: auto; }
      .location-page .content-block .indigo-separator {
        padding: 25px 0 30px; } }

.location-page .hero {
  display: flex;
  align-items: flex-end;
  margin-bottom: -30px; }
  .location-page .hero .booking-form-container {
    display: flex; }
  .location-page .hero .booking-form {
    background: white;
    padding: 10px 30px 30px 30px; }
    .location-page .hero .booking-form .form-header {
      font-size: 20px;
      font-weight: 500; }
    .location-page .hero .booking-form .copy-basic label {
      font-weight: 500; }
  .location-page .hero h1 {
    text-transform: uppercase; }
  .location-page .hero .mobile-header-image {
    display: none; }
  @media (max-width: 768px) {
    .location-page .hero {
      height: auto;
      flex-direction: column; }
      .location-page .hero .booking-form-container {
        flex-direction: column-reverse;
        padding: 0;
        margin: 0;
        width: 100%; }
      .location-page .hero .booking-form {
        width: 100%;
        padding: 10px 30px; }
      .location-page .hero [class*="col-"] {
        padding: 0; }
      .location-page .hero .heading-container {
        background: #EDEDED; }
        .location-page .hero .heading-container h1 {
          margin: 0;
          font-size: 28px;
          padding: 30px 15px; }
      .location-page .hero .form-group {
        padding-left: 8px;
        padding-right: 8px; }
      .location-page .hero .mobile-header-image {
        display: block; } }

.hero {
  width: 100%;
  height: 600px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.section-separator {
  position: relative;
  padding: 1.5em 0; }
  .section-separator .texts .header {
    font-size: 1.2em;
    margin-bottom: 0.5em;
    font-weight: 700; }
  .section-separator .texts .description {
    font-size: 1em; }

.section-separator--large-mb {
  margin-bottom: 30px; }
  @media (min-width: 768px) {
    .section-separator--large-mb {
      margin-bottom: 70px; } }

@media screen and (max-width: 991px) {
  .section-separator {
    position: relative;
    padding: 25px 0 0; } }

#landing-accordion .panel-heading {
  border-top: 1px solid #392723;
  border-bottom: 1px solid #392723;
  border-radius: 0;
  background: transparent;
  padding: 0;
  background: url("dropdown-caret-6de03deedbe9da2b3243d4249bf1bb66.6de03deedbe9.svg") no-repeat right; }
  #landing-accordion .panel-heading h4 {
    margin: 20px auto; }

#landing-accordion .panel-body {
  padding: 15px 0; }

#landing-accordion .panel, #landing-accordion .panel-default {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  margin-top: -3px; }

#landing-accordion .panel-heading + .panel-collapse > .panel-body {
  border-top: 0; }

#landing-accordion .panel-group .panel-body {
  border-top: none; }

#landing-accordion .panel-group .panel {
  margin-bottom: 0;
  border-radius: 0; }

#landing-accordion .panel-group .panel + .panel {
  margin-top: -3px; }

.bottom-section h1 {
  margin: 20px auto; }

.mobile .simple-brown-hr {
  display: none; }

.mobile .stars-container {
  position: static; }
  .mobile .stars-container .stars-rating img.stars {
    height: 23px; }
  .mobile .stars-container .stars-rating .description-info {
    font-size: 0.9em;
    line-height: 0.9; }

.desktop .simple-brown-hr {
  display: none; }

.desktop .stars-container {
  position: absolute;
  left: 0;
  right: 5%;
  top: 5%; }
  .desktop .stars-container .stars-rating {
    background-color: #fff;
    float: left;
    position: absolute;
    top: 10%;
    right: 0;
    left: auto; }
    .desktop .stars-container .stars-rating .header-title {
      float: none;
      float: initial;
      margin: 0.6rem auto; }
    .desktop .stars-container .stars-rating img.stars {
      float: none;
      float: initial; }
  .desktop .stars-container .stars-rating {
    width: 264px; }

.mobile .simple-brown-hr {
  display: none; }

.mobile .stars-container {
  right: 5%;
  position: static; }
  .mobile .stars-container .stars-rating {
    background-color: #fff;
    float: left;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 5%;
    left: auto;
    width: 164px !important; }
    .mobile .stars-container .stars-rating .header-title {
      float: none;
      float: initial;
      margin: 0.6rem auto; }
    .mobile .stars-container .stars-rating img.stars {
      float: none;
      float: initial; }
  .mobile .stars-container .stars-rating {
    width: 264px; }

.location-info-section {
  background-color: white;
  padding-top: 40px; }
  @media (min-width: 768px) {
    .location-info-section {
      padding-top: 178px; } }

.location-teaser-section {
  background-color: white; }

.location-CTA-section {
  background-color: white; }
  .location-CTA-section .location-CTA-content {
    margin: 90px 0; }
  .location-CTA-section .detail-column {
    display: flex;
    flex-direction: column; }
    .location-CTA-section .detail-column button {
      width: 210px;
      border: 1px solid;
      padding: 10px;
      background: white;
      margin-top: 30px; }
  .location-CTA-section .image-column {
    margin-top: 48px; }
    @media (min-width: 992px) {
      .location-CTA-section .image-column {
        margin-top: 0; } }

.location_testimonial_heading {
  margin-top: 40px; }

.for-families {
  border: 1px solid #8c9eff;
  padding: 20px; }
  .for-families .header {
    color: #8c9eff;
    font-weight: bold; }

.for-families-list {
  list-style: none;
  padding: 30px 0 0 0;
  margin-top: -25px;
  border-right: 1px solid #8c9eff; }
  .for-families-list li span {
    margin: 0 30px 0 0; }

.for-families-total {
  font-weight: bold;
  margin: 20px 0 0 0; }

.for-families-pdf {
  background: #fff;
  margin: 10px 0 0 0;
  padding: 25px;
  height: 118px;
  text-align: center;
  line-height: 1.63; }
  .for-families-pdf a {
    text-align: center;
    color: #392723;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #69f0ae; }

@media screen and (max-width: 768px) {
  .for-families-list {
    list-style: none;
    padding: 10px 0 10px 0;
    margin-top: 0;
    border-right: none;
    border-bottom: 1px solid #8c9eff; }
    .for-families-list li span {
      margin: 0 30px 0 0; } }

.location-unsupported {
  display: block; }
  .location-unsupported .limited-width {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 900px; }
  .location-unsupported .white-bg {
    background-color: #fff;
    padding: 1em; }
  .location-unsupported hr.simple-brown-hr {
    max-width: 100%;
    margin-top: 3em;
    margin-bottom: 3em; }
  .location-unsupported .header-banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    max-height: 600px;
    min-height: 300px;
    height: 40vw;
    position: relative; }
    .location-unsupported .header-banner h1 {
      position: absolute;
      left: 10vw;
      bottom: 40px;
      margin: 0;
      width: 40%; }
      @media (max-width: 992px) {
        .location-unsupported .header-banner h1 {
          bottom: 20px; } }
  .location-unsupported h1 {
    display: block;
    font-size: 42px; }
    @media (max-width: 768px) {
      .location-unsupported h1 {
        font-size: 28px; } }
  .location-unsupported h2 {
    font-size: 1.8rem; }
    @media (min-width: 480px) and (max-width: 768px) {
      .location-unsupported h2 {
        font-size: 1.5rem; } }
    @media (max-width: 480px) {
      .location-unsupported h2 {
        font-size: 1rem; } }
  .location-unsupported h2.main-title {
    font-weight: 700;
    margin-top: 2em;
    margin-bottom: 1em; }
    .location-unsupported h2.main-title img.sad-skier {
      margin-left: 1em; }
      @media (max-width: 768px) {
        .location-unsupported h2.main-title img.sad-skier {
          width: 30px; } }
  .location-unsupported h2.shop-name {
    font-weight: 700;
    margin: 0; }
  .location-unsupported p {
    font-size: 1.2rem;
    margin: 0; }
    @media (min-width: 480px) and (max-width: 768px) {
      .location-unsupported p {
        font-size: 1rem; } }
    @media (max-width: 480px) {
      .location-unsupported p {
        font-size: 0.85rem; } }
    .location-unsupported p.subtitle {
      margin-bottom: 0; }
    .location-unsupported p.description {
      display: block; }
    .location-unsupported p.address.first {
      margin-top: 20px; }
    .location-unsupported p.address.last {
      margin-bottom: 20px; }
    .location-unsupported p.wrapper {
      margin-bottom: 10px; }
      .location-unsupported p.wrapper .highlighted {
        border-bottom: 2px solid #000000;
        font-weight: 700;
        cursor: pointer;
        color: #392723; }
      .location-unsupported p.wrapper a {
        color: #3366CC !important; }
        .location-unsupported p.wrapper a:hover {
          color: #1f3d7a !important; }
  .location-unsupported .mobile-heading h1, .location-unsupported .header-banner h1 {
    text-transform: uppercase;
    font-weight: 900; }

/* Trip Overview page */
.available-locations {
  width: 100%;
  float: left;
  background: #fff;
  margin-bottom: 2rem; }
  .available-locations .model-search-box .row {
    margin-bottom: 10px; }
  .available-locations h2.header {
    text-align: left !important;
    font-size: 1.4em; }
  .available-locations .pickers {
    float: left;
    width: 100%;
    background-color: #fff; }
    .available-locations .pickers .max-width {
      float: none;
      float: initial; }
    .available-locations .pickers .form-group .datepicker input {
      padding-left: 0;
      border: 1px solid transparent;
      border-bottom: 2px solid #000000; }
  .available-locations div.row__sex ul {
    float: left;
    width: 100%;
    list-style: none;
    padding-left: 0; }
    .available-locations div.row__sex ul li {
      width: 100%;
      /* checked checkbox */ }
      .available-locations div.row__sex ul li label {
        margin-bottom: 20px;
        cursor: pointer;
        position: relative;
        padding-left: 40px; }
        .available-locations div.row__sex ul li label:before {
          width: 16px;
          height: 16px;
          content: '';
          background-image: url("unchecked-64574634be24f187d38171d43cbfc1cd.64574634be24.svg");
          background-size: 16px 16px;
          background-repeat: no-repeat;
          border: none;
          display: block;
          margin-right: 20px;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          left: 0; }
      .available-locations div.row__sex ul li input {
        display: none; }
      .available-locations div.row__sex ul li input[type="radio"]:checked + label:before {
        background-image: url("checked-5920a7fe05b632366bf7755a329964f8.5920a7fe05b6.svg"); }

.available-locations-list {
  width: 100%;
  min-height: 80px;
  float: left;
  margin-bottom: 1rem; }
  .available-locations-list .location-placeholder {
    text-align: center; }
    .available-locations-list .location-placeholder h4 {
      font-size: 1.2em;
      margin-bottom: 22px; }
  .available-locations-list .location-element {
    width: 100%;
    float: left;
    margin-bottom: 2rem; }
    .available-locations-list .location-element .max-width .wrapper {
      width: 100%;
      float: left;
      background: #fff; }
    .available-locations-list .location-element .title {
      width: 100%;
      text-align: center;
      background-color: #000000;
      padding-top: 1rem;
      padding-bottom: 1rem;
      margin-bottom: 0;
      color: #f5f2ef;
      letter-spacing: 2.5px;
      line-height: 32px; }
    .available-locations-list .location-element .col-xs-12 {
      padding-left: 0;
      padding-right: 0; }
    .available-locations-list .location-element .location-image {
      width: 100%; }
    .available-locations-list .location-element .generic-box, .available-locations-list .location-element .overview-content .overview-trip, .overview-content .available-locations-list .location-element .overview-trip, .available-locations-list .location-element .ski-configurator .user-box, .ski-configurator .available-locations-list .location-element .user-box, .available-locations-list .location-element .ski-configurator .product-box, .ski-configurator .available-locations-list .location-element .product-box, .available-locations-list .location-element .ski-configurator .premium-box, .ski-configurator .available-locations-list .location-element .premium-box, .available-locations-list .location-element .ski-configurator .product-items-box, .ski-configurator .available-locations-list .location-element .product-items-box, .available-locations-list .location-element .ski-configurator .boots-box, .ski-configurator .available-locations-list .location-element .boots-box, .available-locations-list .location-element .ski-configurator .apparel-box, .ski-configurator .available-locations-list .location-element .apparel-box, .available-locations-list .location-element .season-rental .overview-trip, .season-rental .available-locations-list .location-element .overview-trip {
      background-color: #fff; }
      .available-locations-list .location-element .generic-box .description, .available-locations-list .location-element .overview-content .overview-trip .description, .overview-content .available-locations-list .location-element .overview-trip .description, .available-locations-list .location-element .ski-configurator .user-box .description, .ski-configurator .available-locations-list .location-element .user-box .description, .available-locations-list .location-element .ski-configurator .product-box .description, .ski-configurator .available-locations-list .location-element .product-box .description, .available-locations-list .location-element .ski-configurator .premium-box .description, .ski-configurator .available-locations-list .location-element .premium-box .description, .available-locations-list .location-element .ski-configurator .product-items-box .description, .ski-configurator .available-locations-list .location-element .product-items-box .description, .available-locations-list .location-element .ski-configurator .boots-box .description, .ski-configurator .available-locations-list .location-element .boots-box .description, .available-locations-list .location-element .ski-configurator .apparel-box .description, .ski-configurator .available-locations-list .location-element .apparel-box .description, .available-locations-list .location-element .season-rental .overview-trip .description, .season-rental .available-locations-list .location-element .overview-trip .description {
        margin-bottom: 2rem; }
      .available-locations-list .location-element .generic-box .wizard-btn, .available-locations-list .location-element .overview-content .overview-trip .wizard-btn, .overview-content .available-locations-list .location-element .overview-trip .wizard-btn, .available-locations-list .location-element .ski-configurator .user-box .wizard-btn, .ski-configurator .available-locations-list .location-element .user-box .wizard-btn, .available-locations-list .location-element .ski-configurator .product-box .wizard-btn, .ski-configurator .available-locations-list .location-element .product-box .wizard-btn, .available-locations-list .location-element .ski-configurator .premium-box .wizard-btn, .ski-configurator .available-locations-list .location-element .premium-box .wizard-btn, .available-locations-list .location-element .ski-configurator .product-items-box .wizard-btn, .ski-configurator .available-locations-list .location-element .product-items-box .wizard-btn, .available-locations-list .location-element .ski-configurator .boots-box .wizard-btn, .ski-configurator .available-locations-list .location-element .boots-box .wizard-btn, .available-locations-list .location-element .ski-configurator .apparel-box .wizard-btn, .ski-configurator .available-locations-list .location-element .apparel-box .wizard-btn, .available-locations-list .location-element .season-rental .overview-trip .wizard-btn, .season-rental .available-locations-list .location-element .overview-trip .wizard-btn {
        margin: 0 auto; }

.overview-content {
  background: #EDEDED;
  min-width: 320px;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  /* edit / delete icon common stylings */
  /* generic button styling */
  /* common styling for all boxes */
  /* Common styling for 100% wide white container */ }
  .overview-content button {
    font-weight: 700; }
  .overview-content .generic-icon, .overview-content .wizard-btn.edit, .overview-content .wizard-btn.delete, .overview-content .wizard-btn.add, .overview-content .c-button.edit, .overview-content .c-button.delete, .overview-content .c-button.add {
    border: 1px solid black !important;
    padding: 0;
    display: flex;
    align-items: center;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .overview-content .generic-icon, .overview-content .wizard-btn.edit, .overview-content .wizard-btn.delete, .overview-content .wizard-btn.add, .overview-content .c-button.edit, .overview-content .c-button.delete, .overview-content .c-button.add {
        height: 50px;
        line-height: 20px; } }
    .overview-content .generic-icon .icon, .overview-content .wizard-btn.edit .icon, .overview-content .wizard-btn.delete .icon, .overview-content .wizard-btn.add .icon, .overview-content .c-button.edit .icon, .overview-content .c-button.delete .icon, .overview-content .c-button.add .icon {
      width: 8px;
      height: 8px;
      display: inline-block; }
  .overview-content .wizard-btn {
    transition: all 250ms ease-out;
    background-color: #000000;
    color: white;
    text-transform: uppercase;
    min-height: 36px;
    width: auto;
    border-radius: 0;
    font-size: 1em;
    border: 1px solid transparent;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 36px;
    padding: 0 1em;
    cursor: pointer;
    overflow: hidden;
    white-space: normal;
    /* transparent background, green border */
    /* takes full width of its container */ }
    @media (min-width: 768px) {
      .overview-content .wizard-btn {
        width: 278px;
        height: 50px;
        line-height: 50px; } }
    .overview-content .wizard-btn:hover {
      background-color: transparent;
      border: 1px solid #000000;
      color: #000000; }
    .overview-content .wizard-btn.inverted {
      background-color: transparent;
      color: #000000;
      border: 1px solid #000000; }
      .overview-content .wizard-btn.inverted:hover {
        background-color: black;
        color: white; }
    .overview-content .wizard-btn.full-width {
      width: 100%; }
    .overview-content .wizard-btn.edit .icon {
      background-image: url("edit-icon-3880c77016898994caa5c10543b428ee.3880c7701689.svg");
      margin-right: 5px; }
    .overview-content .wizard-btn.delete .icon {
      background-image: none;
      font-size: 1.4em;
      margin-right: 5px;
      width: auto;
      height: auto; }
    .overview-content .wizard-btn.add .icon {
      background-image: none;
      font-size: 1.4em;
      margin-right: 5px;
      width: auto;
      height: auto; }
    .overview-content .wizard-btn.greyed {
      opacity: 0.3; }
  .overview-content a.wizard-btn {
    font-weight: 700;
    display: block;
    text-align: center; }
  [dir="ltr"] .overview-content .wizard-button{
    text-align: left; }
  [dir="rtl"] .overview-content .wizard-button{
    text-align: right; }
  .overview-content .wizard-button {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 250ms ease-out;
    background-color: #000000;
    color: white;
    text-transform: uppercase;
    font-size: 16px;
    padding: 12px 8px;
    cursor: pointer;
    overflow: hidden; }
    .overview-content .wizard-button:hover {
      background-color: transparent;
      border: 1px solid #000000;
      color: #000000; }
    @media (max-width: 480px) {
      .overview-content .wizard-button {
        text-align: center; } }
    @media (max-width: 768px) {
      .overview-content .wizard-button {
        padding: 8px 8px; } }
    .overview-content .wizard-button .icon {
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      width: 18px;
      height: 18px; }
    .overview-content .wizard-button.edit .icon, .overview-content .wizard-button.delete .icon, .overview-content .wizard-button.add .icon {
      transition: all 250ms ease-out;
      margin-right: 8px; }
    .overview-content .wizard-button.edit .icon {
      width: 10px;
      height: 10px;
      background-image: url("edit-icon-3880c77016898994caa5c10543b428ee.3880c7701689.svg"); }
    .overview-content .wizard-button.delete .icon {
      background-image: url("remove-icon-697e2b952d2e2572f1977e1da8903d2d.697e2b952d2e.svg"); }
    .overview-content .wizard-button.add .icon {
      background-image: url("add-icon__white-8737d7535fc526d5b8cf12c005fc7fa3.8737d7535fc5.svg"); }
    .overview-content .wizard-button.add:hover .icon {
      background-image: url("add-icon-4fa02c30ede216169255e01de25b0aad.4fa02c30ede2.svg"); }
    .overview-content .wizard-button.inverted {
      background-color: transparent;
      color: #000000;
      border: 1px solid #000000; }
      .overview-content .wizard-button.inverted:hover {
        background-color: black;
        color: white; }
        .overview-content .wizard-button.inverted:hover.edit .icon {
          background-image: url("edit-icon__white-82d97c3a795725c820403b3ef8739c37.82d97c3a7957.svg"); }
        .overview-content .wizard-button.inverted:hover.delete .icon {
          background-image: url("remove-icon__white-6fb2814de529d6132d9ba9d911041c60.6fb2814de529.svg"); }
  .overview-content .generic-box, .overview-content .overview-trip, .overview-content .ski-configurator .user-box, .ski-configurator .overview-content .user-box, .overview-content .ski-configurator .product-box, .ski-configurator .overview-content .product-box, .overview-content .ski-configurator .premium-box, .ski-configurator .overview-content .premium-box, .overview-content .ski-configurator .product-items-box, .ski-configurator .overview-content .product-items-box, .overview-content .ski-configurator .boots-box, .ski-configurator .overview-content .boots-box, .overview-content .ski-configurator .apparel-box, .ski-configurator .overview-content .apparel-box {
    padding: 20px;
    margin: 0 auto;
    width: 100%;
    float: left; }
    .overview-content .generic-box h1, .overview-content .overview-trip h1, .overview-content .ski-configurator .user-box h1, .ski-configurator .overview-content .user-box h1, .overview-content .ski-configurator .product-box h1, .ski-configurator .overview-content .product-box h1, .overview-content .ski-configurator .premium-box h1, .ski-configurator .overview-content .premium-box h1, .overview-content .ski-configurator .product-items-box h1, .ski-configurator .overview-content .product-items-box h1, .overview-content .ski-configurator .boots-box h1, .ski-configurator .overview-content .boots-box h1, .overview-content .ski-configurator .apparel-box h1, .ski-configurator .overview-content .apparel-box h1, .overview-content .generic-box h2, .overview-content .overview-trip h2, .overview-content .ski-configurator .user-box h2, .ski-configurator .overview-content .user-box h2, .overview-content .ski-configurator .product-box h2, .ski-configurator .overview-content .product-box h2, .overview-content .ski-configurator .premium-box h2, .ski-configurator .overview-content .premium-box h2, .overview-content .ski-configurator .product-items-box h2, .ski-configurator .overview-content .product-items-box h2, .overview-content .ski-configurator .boots-box h2, .ski-configurator .overview-content .boots-box h2, .overview-content .ski-configurator .apparel-box h2, .ski-configurator .overview-content .apparel-box h2, .overview-content .generic-box h3, .overview-content .overview-trip h3, .overview-content .ski-configurator .user-box h3, .ski-configurator .overview-content .user-box h3, .overview-content .ski-configurator .product-box h3, .ski-configurator .overview-content .product-box h3, .overview-content .ski-configurator .premium-box h3, .ski-configurator .overview-content .premium-box h3, .overview-content .ski-configurator .product-items-box h3, .ski-configurator .overview-content .product-items-box h3, .overview-content .ski-configurator .boots-box h3, .ski-configurator .overview-content .boots-box h3, .overview-content .ski-configurator .apparel-box h3, .ski-configurator .overview-content .apparel-box h3 {
      text-align: center; }
    .overview-content .generic-box p, .overview-content .overview-trip p, .overview-content .ski-configurator .user-box p, .ski-configurator .overview-content .user-box p, .overview-content .ski-configurator .product-box p, .ski-configurator .overview-content .product-box p, .overview-content .ski-configurator .premium-box p, .ski-configurator .overview-content .premium-box p, .overview-content .ski-configurator .product-items-box p, .ski-configurator .overview-content .product-items-box p, .overview-content .ski-configurator .boots-box p, .ski-configurator .overview-content .boots-box p, .overview-content .ski-configurator .apparel-box p, .ski-configurator .overview-content .apparel-box p {
      text-align: center; }
    .overview-content .generic-box img, .overview-content .overview-trip img, .overview-content .ski-configurator .user-box img, .ski-configurator .overview-content .user-box img, .overview-content .ski-configurator .product-box img, .ski-configurator .overview-content .product-box img, .overview-content .ski-configurator .premium-box img, .ski-configurator .overview-content .premium-box img, .overview-content .ski-configurator .product-items-box img, .ski-configurator .overview-content .product-items-box img, .overview-content .ski-configurator .boots-box img, .ski-configurator .overview-content .boots-box img, .overview-content .ski-configurator .apparel-box img, .ski-configurator .overview-content .apparel-box img {
      max-width: 100%; }
    .overview-content .generic-box.title-box, .overview-content .title-box.overview-trip, .overview-content .ski-configurator .title-box.user-box, .ski-configurator .overview-content .title-box.user-box, .overview-content .ski-configurator .title-box.product-box, .ski-configurator .overview-content .title-box.product-box, .overview-content .ski-configurator .title-box.premium-box, .ski-configurator .overview-content .title-box.premium-box, .overview-content .ski-configurator .title-box.product-items-box, .ski-configurator .overview-content .title-box.product-items-box, .overview-content .ski-configurator .title-box.boots-box, .ski-configurator .overview-content .title-box.boots-box, .overview-content .ski-configurator .title-box.apparel-box, .ski-configurator .overview-content .title-box.apparel-box {
      font-weight: 700;
      width: 100%;
      text-align: center;
      font-size: 1.3em;
      color: #392723;
      letter-spacing: 0.01px;
      line-height: 24px;
      float: left;
      margin-top: -20px; }
    .overview-content .generic-box.reset-product-filters, .overview-content .reset-product-filters.overview-trip, .overview-content .ski-configurator .reset-product-filters.user-box, .ski-configurator .overview-content .reset-product-filters.user-box, .overview-content .ski-configurator .reset-product-filters.product-box, .ski-configurator .overview-content .reset-product-filters.product-box, .overview-content .ski-configurator .reset-product-filters.premium-box, .ski-configurator .overview-content .reset-product-filters.premium-box, .overview-content .ski-configurator .reset-product-filters.product-items-box, .ski-configurator .overview-content .reset-product-filters.product-items-box, .overview-content .ski-configurator .reset-product-filters.boots-box, .ski-configurator .overview-content .reset-product-filters.boots-box, .overview-content .ski-configurator .reset-product-filters.apparel-box, .ski-configurator .overview-content .reset-product-filters.apparel-box {
      width: 100%;
      float: left;
      display: flex;
      align-items: center;
      justify-content: center; }
      .overview-content .generic-box.reset-product-filters button.wizard-btn, .overview-content .reset-product-filters.overview-trip button.wizard-btn, .overview-content .ski-configurator .reset-product-filters.user-box button.wizard-btn, .ski-configurator .overview-content .reset-product-filters.user-box button.wizard-btn, .overview-content .ski-configurator .reset-product-filters.product-box button.wizard-btn, .ski-configurator .overview-content .reset-product-filters.product-box button.wizard-btn, .overview-content .ski-configurator .reset-product-filters.premium-box button.wizard-btn, .ski-configurator .overview-content .reset-product-filters.premium-box button.wizard-btn, .overview-content .ski-configurator .reset-product-filters.product-items-box button.wizard-btn, .ski-configurator .overview-content .reset-product-filters.product-items-box button.wizard-btn, .overview-content .ski-configurator .reset-product-filters.boots-box button.wizard-btn, .ski-configurator .overview-content .reset-product-filters.boots-box button.wizard-btn, .overview-content .ski-configurator .reset-product-filters.apparel-box button.wizard-btn, .ski-configurator .overview-content .reset-product-filters.apparel-box button.wizard-btn {
        width: 100%;
        background-color: transparent;
        border: 1px solid #8c9eff;
        padding-right: 30px;
        padding-left: 30px; }
        .overview-content .generic-box.reset-product-filters button.wizard-btn:hover, .overview-content .reset-product-filters.overview-trip button.wizard-btn:hover, .overview-content .ski-configurator .reset-product-filters.user-box button.wizard-btn:hover, .ski-configurator .overview-content .reset-product-filters.user-box button.wizard-btn:hover, .overview-content .ski-configurator .reset-product-filters.product-box button.wizard-btn:hover, .ski-configurator .overview-content .reset-product-filters.product-box button.wizard-btn:hover, .overview-content .ski-configurator .reset-product-filters.premium-box button.wizard-btn:hover, .ski-configurator .overview-content .reset-product-filters.premium-box button.wizard-btn:hover, .overview-content .ski-configurator .reset-product-filters.product-items-box button.wizard-btn:hover, .ski-configurator .overview-content .reset-product-filters.product-items-box button.wizard-btn:hover, .overview-content .ski-configurator .reset-product-filters.boots-box button.wizard-btn:hover, .ski-configurator .overview-content .reset-product-filters.boots-box button.wizard-btn:hover, .overview-content .ski-configurator .reset-product-filters.apparel-box button.wizard-btn:hover, .ski-configurator .overview-content .reset-product-filters.apparel-box button.wizard-btn:hover {
          background-color: #8c9eff;
          border: 1px solid transparent; }
    .overview-content .generic-box .hr-wrapper, .overview-content .overview-trip .hr-wrapper, .overview-content .ski-configurator .user-box .hr-wrapper, .ski-configurator .overview-content .user-box .hr-wrapper, .overview-content .ski-configurator .product-box .hr-wrapper, .ski-configurator .overview-content .product-box .hr-wrapper, .overview-content .ski-configurator .premium-box .hr-wrapper, .ski-configurator .overview-content .premium-box .hr-wrapper, .overview-content .ski-configurator .product-items-box .hr-wrapper, .ski-configurator .overview-content .product-items-box .hr-wrapper, .overview-content .ski-configurator .boots-box .hr-wrapper, .ski-configurator .overview-content .boots-box .hr-wrapper, .overview-content .ski-configurator .apparel-box .hr-wrapper, .ski-configurator .overview-content .apparel-box .hr-wrapper {
      text-align: center;
      font-size: 1em;
      max-width: 1000px;
      margin: 0 auto; }
      .overview-content .generic-box .hr-wrapper .brown-hr, .overview-content .overview-trip .hr-wrapper .brown-hr, .overview-content .ski-configurator .user-box .hr-wrapper .brown-hr, .ski-configurator .overview-content .user-box .hr-wrapper .brown-hr, .overview-content .ski-configurator .product-box .hr-wrapper .brown-hr, .ski-configurator .overview-content .product-box .hr-wrapper .brown-hr, .overview-content .ski-configurator .premium-box .hr-wrapper .brown-hr, .ski-configurator .overview-content .premium-box .hr-wrapper .brown-hr, .overview-content .ski-configurator .product-items-box .hr-wrapper .brown-hr, .ski-configurator .overview-content .product-items-box .hr-wrapper .brown-hr, .overview-content .ski-configurator .boots-box .hr-wrapper .brown-hr, .ski-configurator .overview-content .boots-box .hr-wrapper .brown-hr, .overview-content .ski-configurator .apparel-box .hr-wrapper .brown-hr, .ski-configurator .overview-content .apparel-box .hr-wrapper .brown-hr {
        margin-top: 4em;
        margin-bottom: 4em; }
  .overview-content .wrapper-box {
    float: left;
    width: 100%;
    padding: 0; }
    .overview-content .wrapper-box.hidden-sm {
      display: block; }
      @media (min-width: 768px) {
        .overview-content .wrapper-box.hidden-sm {
          display: none; } }
  @media (min-width: 768px) {
    .overview-content .hidden {
      display: block !important; } }
  .overview-content .wide-white-box, .overview-content .ski-configurator .wizard-card-footer, .ski-configurator .overview-content .wizard-card-footer {
    width: 100%;
    min-width: 320px;
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    margin: 0 auto;
    border-top: 2px solid #F5F2EF;
    z-index: 1; }
    .overview-content .wide-white-box .bg, .overview-content .ski-configurator .wizard-card-footer .bg, .ski-configurator .overview-content .wizard-card-footer .bg {
      position: absolute;
      left: -999%;
      right: -999%;
      background-color: #fff;
      top: 0;
      bottom: 0;
      z-index: -1; }
    .overview-content .wide-white-box .left-col button, .overview-content .ski-configurator .wizard-card-footer .left-col button, .ski-configurator .overview-content .wizard-card-footer .left-col button, .overview-content .wide-white-box .left-col a, .overview-content .ski-configurator .wizard-card-footer .left-col a, .ski-configurator .overview-content .wizard-card-footer .left-col a {
      float: right; }
      @media (max-width: 768px) {
        .overview-content .wide-white-box .left-col button, .overview-content .ski-configurator .wizard-card-footer .left-col button, .ski-configurator .overview-content .wizard-card-footer .left-col button, .overview-content .wide-white-box .left-col a, .overview-content .ski-configurator .wizard-card-footer .left-col a, .ski-configurator .overview-content .wizard-card-footer .left-col a {
          width: 100%; } }
    .overview-content .wide-white-box .right-col button, .overview-content .ski-configurator .wizard-card-footer .right-col button, .ski-configurator .overview-content .wizard-card-footer .right-col button, .overview-content .wide-white-box .right-col a, .overview-content .ski-configurator .wizard-card-footer .right-col a, .ski-configurator .overview-content .wizard-card-footer .right-col a {
      float: left; }
      @media (max-width: 768px) {
        .overview-content .wide-white-box .right-col button, .overview-content .ski-configurator .wizard-card-footer .right-col button, .ski-configurator .overview-content .wizard-card-footer .right-col button, .overview-content .wide-white-box .right-col a, .overview-content .ski-configurator .wizard-card-footer .right-col a, .ski-configurator .overview-content .wizard-card-footer .right-col a {
          width: 100%; } }
  .overview-content .generic-box .text-left, .overview-content .overview-trip .text-left, .overview-content .ski-configurator .user-box .text-left, .ski-configurator .overview-content .user-box .text-left, .overview-content .ski-configurator .product-box .text-left, .ski-configurator .overview-content .product-box .text-left, .overview-content .ski-configurator .premium-box .text-left, .ski-configurator .overview-content .premium-box .text-left, .overview-content .ski-configurator .product-items-box .text-left, .ski-configurator .overview-content .product-items-box .text-left, .overview-content .ski-configurator .boots-box .text-left, .ski-configurator .overview-content .boots-box .text-left, .overview-content .ski-configurator .apparel-box .text-left, .ski-configurator .overview-content .apparel-box .text-left {
    text-align: left; }
  .overview-content .max-width {
    max-width: 900px;
    margin: 0 auto;
    width: 100%; }
    .overview-content .max-width .create-button-wrapper {
      width: 100%;
      text-align: center;
      padding: 0 2em; }
      .overview-content .max-width .create-button-wrapper .text-string {
        width: 100%;
        margin-bottom: 1em; }
    .overview-content .max-width .ski-model-image {
      max-width: 100%;
      margin-top: 2em;
      margin-bottom: 2em; }
  .overview-content .overview-total {
    width: 100%; }
    .overview-content .overview-total .skiers-added-to-trip {
      max-width: 900px;
      width: 100%;
      float: left;
      padding-left: 2em;
      padding-right: 2em; }
      .overview-content .overview-total .skiers-added-to-trip .generic-box, .overview-content .overview-total .skiers-added-to-trip .overview-trip, .overview-content .overview-total .skiers-added-to-trip .ski-configurator .user-box, .ski-configurator .overview-content .overview-total .skiers-added-to-trip .user-box, .overview-content .overview-total .skiers-added-to-trip .ski-configurator .product-box, .ski-configurator .overview-content .overview-total .skiers-added-to-trip .product-box, .overview-content .overview-total .skiers-added-to-trip .ski-configurator .premium-box, .ski-configurator .overview-content .overview-total .skiers-added-to-trip .premium-box, .overview-content .overview-total .skiers-added-to-trip .ski-configurator .product-items-box, .ski-configurator .overview-content .overview-total .skiers-added-to-trip .product-items-box, .overview-content .overview-total .skiers-added-to-trip .ski-configurator .boots-box, .ski-configurator .overview-content .overview-total .skiers-added-to-trip .boots-box, .overview-content .overview-total .skiers-added-to-trip .ski-configurator .apparel-box, .ski-configurator .overview-content .overview-total .skiers-added-to-trip .apparel-box {
        padding-left: 0;
        padding-right: 0; }
  .overview-content .wrapper-box {
    padding: 0 2em; }
  .overview-content h2.header {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    color: #392723;
    font-weight: 700;
    font-size: 1.2em;
    margin-top: 1em;
    margin-bottom: 1em; }
  .overview-content .overview-trip {
    padding: 0;
    margin-bottom: 2em;
    display: flex;
    background: #fff;
    float: left;
    transition: 250ms ease-out; }
    .overview-content .overview-trip--border {
      border: 1px solid #a94442; }
    .overview-content .overview-trip .max-width {
      margin: 0 auto;
      max-width: 900px;
      /* action buttons container */ }
      .overview-content .overview-trip .max-width .model-name {
        width: 100%;
        text-align: center;
        margin-top: 10px; }
      .overview-content .overview-trip .max-width h3 {
        font-size: 18px;
        color: #392723;
        letter-spacing: 0.01px;
        line-height: 24px;
        text-transform: uppercase;
        margin: 0;
        margin-top: 1em;
        margin-bottom: 1em; }
        @media (min-width: 768px) {
          .overview-content .overview-trip .max-width h3 {
            margin-top: 2em;
            margin-bottom: 1em;
            font-size: 20px; } }
      @media (min-width: 768px) {
        .overview-content .overview-trip .max-width .body {
          float: left;
          display: flex;
          align-items: center; } }
      .overview-content .overview-trip .max-width ul.items {
        list-style-type: none;
        padding-left: 0;
        float: left;
        width: 100%;
        margin-top: 20px; }
        @media (min-width: 768px) {
          .overview-content .overview-trip .max-width ul.items {
            margin-top: 0; } }
        .overview-content .overview-trip .max-width ul.items li {
          width: 100%;
          float: left;
          margin-bottom: 5px; }
          .overview-content .overview-trip .max-width ul.items li div {
            padding: 0; }
      .overview-content .overview-trip .max-width .divider {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
        float: left;
        border-top: 1px solid #392723; }
        .overview-content .overview-trip .max-width .divider.top {
          display: none; }
          @media (min-width: 768px) {
            .overview-content .overview-trip .max-width .divider.top {
              display: block; } }
      .overview-content .overview-trip .max-width .total {
        float: left;
        width: 100%;
        margin-bottom: 30px; }
        .overview-content .overview-trip .max-width .total div {
          padding: 0; }
      .overview-content .overview-trip .max-width .wrapper-box {
        margin-bottom: 2em; }
        .overview-content .overview-trip .max-width .wrapper-box.hidden-sm {
          /* Ski product details should be always visible for desktop, even if hidden on mobile */ }
          @media (min-width: 768px) {
            .overview-content .overview-trip .max-width .wrapper-box.hidden-sm .hidden {
              display: block !important; } }
      .overview-content .overview-trip .max-width .overview-cta {
        position: relative;
        display: block;
        height: auto;
        width: 100%; }
        .overview-content .overview-trip .max-width .overview-cta .col-xs-12 {
          margin-top: 0; }
          @media (max-width: 768px) {
            .overview-content .overview-trip .max-width .overview-cta .col-xs-12.second-col {
              margin-top: 20px; } }
  .overview-content .create-skier {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 50px; }
  .overview-content .total-box {
    padding: 2em;
    background: #fff; }
    .overview-content .total-box .max-width {
      max-width: 900px;
      position: relative; }
      .overview-content .total-box .max-width .sum {
        width: 100%;
        text-align: right;
        margin-bottom: 10px;
        margin-top: -20px; }
        @media (min-width: 1200px) {
          .overview-content .total-box .max-width .sum {
            width: -webkit-max-content;
            width: max-content;
            text-align: left;
            left: 770px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            right: 0;
            margin-top: 0;
            margin-bottom: 0; } }
  .overview-content a.wizard-button {
    font-weight: 700; }

.white-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: rgba(255, 255, 255, 0.8); }
  .white-overlay h3 {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
    padding: 0 2em; }

#messages .warning {
  color: #a94442; }

/* booking.html */
.overview-content.booking-page .booking-total {
  position: relative;
  width: 100%;
  float: left;
  padding: 20px; }

.overview-content .max-width {
  display: block; }
  .overview-content .max-width .row {
    display: block; }
    .overview-content .max-width .row .header {
      display: block; }
      .overview-content .max-width .row .header .text-left {
        padding-left: 0; }
      .overview-content .max-width .row .header .text-right {
        text-align: right;
        float: right;
        padding-right: 0; }
    .overview-content .max-width .row hr {
      height: 1px;
      background-color: #392723;
      float: left;
      width: 100%;
      margin-top: 0; }
    .overview-content .max-width .row #available-account-credits {
      margin-top: 10px; }
      .overview-content .max-width .row #available-account-credits #redeem-link {
        color: #392723;
        border-bottom: 2px solid #000000;
        cursor: pointer; }
    .overview-content .max-width .row .voucher-wrapper {
      margin-top: 2em; }
      .overview-content .max-width .row .voucher-wrapper .voucher-link {
        color: #392723;
        border-bottom: 2px solid #000000;
        cursor: pointer; }
      .overview-content .max-width .row .voucher-wrapper .voucher-content input {
        background: transparent;
        height: 40px;
        border: 1px solid #000000;
        width: 100%;
        margin-top: 2em;
        margin-bottom: 2em;
        padding-left: 1em;
        padding-right: 1em;
        background-repeat: no-repeat;
        background-position: right 20px center;
        font-weight: 700; }
        .overview-content .max-width .row .voucher-wrapper .voucher-content input.error {
          border: 1px solid #A50014;
          background-image: url("voucher-error-a134a9f8f2d95a05ee95b8dbbf7daec9.a134a9f8f2d9.svg");
          color: #A50014; }
        .overview-content .max-width .row .voucher-wrapper .voucher-content input.success {
          border: 1px solid #8c9eff;
          background-image: url("voucher-ok-470a55cd6b712ca0d4a0a28297787dc3.470a55cd6b71.svg");
          color: #53BD8A;
          background-color: gainsboro; }
      .overview-content .max-width .row .voucher-wrapper p.ok {
        display: none;
        color: #53BD8A;
        margin-bottom: 2em; }
      .overview-content .max-width .row .voucher-wrapper p.error {
        color: #A50014;
        margin-bottom: 2em; }
  .overview-content .max-width .confirm-booking {
    margin-bottom: 2em; }

.confirmation-page {
  height: 100%; }
  .confirmation-page .booking-confirmation-img {
    max-width: 100%;
    display: block;
    margin: 1em auto; }
  .confirmation-page p.description.description__important {
    font-weight: 700;
    margin-top: 16px; }
  .confirmation-page .confirmation {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
    @media (max-width: 992px) {
      .confirmation-page .confirmation {
        min-height: 300px;
        height: 40vw; } }
    .confirmation-page .confirmation .max-width {
      max-width: 100%;
      margin: 0 auto;
      height: 100%;
      display: flex;
      align-items: flex-end; }
      .confirmation-page .confirmation .max-width .container {
        margin-bottom: 30vh; }
        .confirmation-page .confirmation .max-width .container .row .blur-background {
          height: 100%;
          float: left;
          position: relative;
          overflow: hidden;
          background: rgba(255, 255, 255, 0.9); }
          .confirmation-page .confirmation .max-width .container .row .blur-background h1 {
            color: #392723; }
          .confirmation-page .confirmation .max-width .container .row .blur-background p.ingress {
            font-size: 1.6em;
            margin-bottom: 1em;
            font-weight: 700; }
          .confirmation-page .confirmation .max-width .container .row .blur-background p.description {
            font-size: 1em; }
          .confirmation-page .confirmation .max-width .container .row .blur-background a.btn {
            color: #392723;
            border-bottom: 1px solid #000000;
            padding: 0;
            margin-bottom: 1em;
            font-weight: 700; }
  .confirmation-page .mobile-texts-container {
    width: 100%;
    float: left;
    padding: 1em; }
    .confirmation-page .mobile-texts-container h1 {
      color: #392723;
      margin-top: 1em;
      margin-bottom: 1em; }
    .confirmation-page .mobile-texts-container p.ingress {
      font-size: 1.4em;
      margin-bottom: 1em;
      font-weight: 700; }
    .confirmation-page .mobile-texts-container p.description {
      font-size: 1em; }
    .confirmation-page .mobile-texts-container a.btn {
      color: #392723;
      border-bottom: 1px solid #000000;
      padding: 0;
      margin-bottom: 1em;
      font-weight: 700; }

.page-wrap {
  padding-bottom: 0 !important; }

h1.trips-title {
  font-size: 3em; }

.trips-new {
  margin: 1.2em auto; }

.jumbotron {
  background: rgba(57, 39, 35, 0.05); }

.trips-section h2 {
  text-align: center;
  margin: 2em auto 1.5em; }

.trips-section .trips-box {
  margin-bottom: 2em; }
  .trips-section .trips-box .trip-title-area {
    background: #000000;
    padding: 1em;
    text-align: center;
    display: table;
    width: 100%; }
    .trips-section .trips-box .trip-title-area h3 {
      margin: 0;
      display: table-cell;
      color: #f5f2ef;
      vertical-align: middle;
      font-size: 1.4em;
      line-height: 1.4; }
  .trips-section .trips-box .trips-img {
    margin: 0; }
    .trips-section .trips-box .trips-img img {
      max-width: 100%; }
  .trips-section .trips-box .trips-content {
    background: white;
    padding: 1.2em; }
    .trips-section .trips-box .trips-content p {
      width: 100%;
      font-size: 1em;
      line-height: 1.5; }
    .trips-section .trips-box .trips-content .button-b {
      padding: 1em;
      width: 100%;
      text-align: center;
      margin-top: 1em; }

.past-trips .trips-box .trip-title-area {
  background: rgba(57, 39, 35, 0.2); }

.profile-page .login-box-title {
  position: relative;
  width: 100%;
  margin: 4em 0;
  padding: 0; }
  .profile-page .login-box-title h2 {
    margin: 0;
    text-align: center;
    color: #392723;
    text-transform: uppercase; }

.profile-page .max-width {
  margin: 0 auto;
  width: 100%;
  max-width: 488px;
  padding-left: 20px;
  padding-right: 20px;
  float: none; }

.login-box {
  position: relative;
  width: 100%;
  max-width: 458px;
  border-radius: 5px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  margin-bottom: 4em; }
  .login-box .login-box-title {
    position: relative;
    width: 100%;
    margin: 2em 0 1em;
    padding: 0; }
    .login-box .login-box-title h2 {
      line-height: 40px;
      margin: 0;
      text-align: center;
      color: #392723;
      text-transform: uppercase;
      letter-spacing: 2.5px; }
    .login-box .login-box-title .desc {
      width: 100%;
      text-align: center;
      letter-spacing: 0.01px;
      margin-top: 1.5em; }
  .login-box .login-box-content {
    position: relative;
    width: 100%;
    background: transparent;
    padding: 2em 0;
    float: left; }
    .login-box .login-box-content .links-wrapper {
      width: 100%;
      float: left;
      margin-bottom: 2rem; }
      .login-box .login-box-content .links-wrapper .column-right {
        margin-right: 0;
        padding-right: 0;
        text-align: right; }
      .login-box .login-box-content .links-wrapper .column-left {
        margin-left: 0;
        padding-left: 0;
        text-align: left; }
    .login-box .login-box-content form input {
      width: 100%;
      padding-left: 10px;
      padding-right: 10px; }
    .login-box .login-box-content form .login-reset-link {
      border-bottom: 2px solid #000000;
      cursor: pointer;
      color: #392723; }
    .login-box .login-box-content form .login-create-account {
      border-bottom: 2px solid #000000;
      cursor: pointer;
      color: #392723; }
    .login-box .login-box-content form button.login-btn {
      margin-top: 2em;
      margin-bottom: 2em; }
    .login-box .login-box-content .login-social {
      position: relative;
      margin: 2em 0;
      margin-top: 0;
      width: 100%;
      display: block;
      clear: both;
      float: left; }
      .login-box .login-box-content .login-social .button {
        border: 1px solid transparent;
        font-size: 14px;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
        border-radius: 2px;
        letter-spacing: 0.01px;
        padding: 10px 1em 10px 2em; }
        .login-box .login-box-content .login-social .button.Facebook {
          background-image: url("icon-fb-c3e5f08ed2d306c81104bfc6a12a313f.c3e5f08ed2d3.svg");
          background-repeat: no-repeat;
          background-position: 10px bottom;
          background-color: #2553B4;
          color: #fff; }
        .login-box .login-box-content .login-social .button.Google {
          background-image: url("icon-google-0f1acba6a0bab523645403da69c137ca.0f1acba6a0ba.svg");
          background-repeat: no-repeat;
          background-position: 10px center;
          background-color: #fff;
          color: rgba(0, 0, 0, 0.54);
          padding-left: 2.4em; }
    .login-box .login-box-content hr.simple-brown-hr {
      margin-top: 2rem;
      margin-bottom: 2rem;
      float: left; }
      @media (max-width: 768px) {
        .login-box .login-box-content hr.simple-brown-hr {
          display: none; } }
  .login-box .link-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    float: left; }
    .login-box .link-wrapper.top {
      display: block;
      float: left;
      margin-bottom: 2rem; }
      @media (min-width: 768px) {
        .login-box .link-wrapper.top {
          display: none; } }
    @media (max-width: 768px) {
      .login-box .link-wrapper.bottom {
        display: none; } }
    .login-box .link-wrapper .login-link {
      color: #392723;
      border-bottom: 2px solid #000000;
      cursor: pointer; }

.profile-user {
  margin: 3em 0 1em 0; }
  .profile-user p.account-user {
    float: left;
    display: inline-block;
    margin-top: .5em;
    margin-bottom: 1em; }
  .profile-user .summary-pwd {
    display: inline-block;
    float: right;
    margin-top: 0;
    margin-bottom: .5em; }

.skier-page {
  position: relative;
  padding-top: 2em; }
  .skier-page .skier-box {
    background: white;
    margin-bottom: 2em; }
    .skier-page .skier-box .overview-title {
      height: 4em;
      display: block;
      width: 100%;
      clear: both; }
      .skier-page .skier-box .overview-title h2 {
        font-size: 1.2em;
        font-weight: bold;
        line-height: normal;
        float: left;
        letter-spacing: 0.01px; }
      .skier-page .skier-box .overview-title a.collapse-trigger {
        float: right;
        margin-top: 1.8em;
        color: #392723; }
        .skier-page .skier-box .overview-title a.collapse-trigger span.glyphicon-chevron-up {
          display: block; }
        .skier-page .skier-box .overview-title a.collapse-trigger span.glyphicon-chevron-down {
          display: none; }
      .skier-page .skier-box .overview-title a.collapsed span.glyphicon-chevron-down {
        display: block; }
      .skier-page .skier-box .overview-title a.collapsed span.glyphicon-chevron-up {
        display: none; }
  .skier-page hr.brown-hr {
    margin: 3em auto; }
  .skier-page h3 {
    font-size: 1.2em;
    margin-top: 1em;
    line-height: normal;
    letter-spacing: 0.01px;
    clear: both; }
  .skier-page .skier_overview-info {
    border-top: 1px solid #392723;
    border-bottom: 1px solid #392723;
    padding: 1em 0; }
  .skier-page .overview_skier_product {
    margin-top: 1em; }
  .skier-page .overview-button-a {
    width: 100%;
    display: block;
    text-align: center; }

/* Modal for filrtering products */
.remodal-overlay {
  background: rgba(43, 46, 56, 0.8); }

.remodal-wrapper {
  padding: 0;
  overflow: hidden; }
  .remodal-wrapper .remodal {
    padding: 30px;
    margin: 0;
    position: absolute;
    left: 0;
    right: auto;
    right: initial;
    top: 0;
    bottom: 0;
    width: 320px;
    max-width: 500px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
    @media (min-width: 768px) {
      .remodal-wrapper .remodal {
        max-width: 600px;
        width: 100%;
        position: relative; } }
    .remodal-wrapper .remodal .remodal-close {
      width: 50px;
      height: 50px;
      background-image: url("close-popup-icon-a4d2490487b3bdaccc5a403f6fe45274.a4d2490487b3.svg");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 21px 21px;
      left: auto;
      right: 0; }
      .remodal-wrapper .remodal .remodal-close:before {
        display: none; }
    .remodal-wrapper .remodal .title {
      text-transform: uppercase;
      font-size: 19px;
      color: #392723;
      letter-spacing: 0.01px;
      text-align: left;
      margin-top: 0;
      display: flex;
      align-items: center;
      background-image: url("filter-symbol-dark-22723ab63dbeab7d90753f02430586bc.22723ab63dbe.svg");
      background-repeat: no-repeat;
      background-position: left 0 center;
      padding-left: 36px;
      margin-bottom: 30px; }
    .remodal-wrapper .remodal .form-group {
      position: relative;
      margin-bottom: 30px;
      padding-left: 0;
      padding-right: 0; }
      .remodal-wrapper .remodal .form-group label {
        display: block;
        margin-bottom: 20px;
        font-size: 14px;
        color: #392723;
        letter-spacing: 0.01px;
        line-height: 18px;
        text-align: left;
        width: 100%; }
      .remodal-wrapper .remodal .form-group .field-wrap .wrapper input {
        border: 1px solid #000000;
        height: 40px;
        width: 100%;
        line-height: 18px;
        font-size: 14px;
        color: #392723;
        opacity: 0.6;
        letter-spacing: 0.01px;
        background-color: transparent;
        border-radius: 0; }
      .remodal-wrapper .remodal .form-group .field-wrap .radio-list {
        width: 100%;
        display: flex;
        flex-flow: row;
        justify-content: center; }
        .remodal-wrapper .remodal .form-group .field-wrap .radio-list label {
          cursor: pointer;
          padding-left: 0;
          padding-top: 52px;
          position: relative;
          width: 50%;
          height: 84px;
          display: flex;
          align-items: center;
          margin-bottom: 0;
          float: left;
          margin-left: 0;
          margin-right: 0;
          font-size: 12px;
          line-height: 16px;
          color: #392723;
          text-align: center;
          justify-content: center; }
          .remodal-wrapper .remodal .form-group .field-wrap .radio-list label:before {
            width: 32px;
            height: 32px;
            content: '';
            background-image: url("unchecked-64574634be24f187d38171d43cbfc1cd.64574634be24.svg");
            display: block;
            float: left;
            position: absolute;
            top: 10px;
            left: 0;
            right: 0;
            margin: auto; }
          .remodal-wrapper .remodal .form-group .field-wrap .radio-list label input[type="radio"] {
            display: none; }
        .remodal-wrapper .remodal .form-group .field-wrap .radio-list label.is-checked:before {
          width: 32px;
          height: 32px;
          content: '';
          background-image: url("checked-5920a7fe05b632366bf7755a329964f8.5920a7fe05b6.svg");
          border: none;
          display: block;
          float: left; }
    .remodal-wrapper .remodal .remodal-confirm-filters {
      height: 36px;
      line-height: 36px; }
    .remodal-wrapper .remodal .remodal-remove-filters {
      height: 36px;
      line-height: 36px;
      margin-top: 1em;
      border: 1px solid #A50014; }
      .remodal-wrapper .remodal .remodal-remove-filters:hover {
        background: rgba(165, 0, 20, 0.5);
        color: #fff; }

#app[v-cloak] {
  display: none; }

#app .black-box.bullets h2.app__header {
  font-size: 2em;
  margin-bottom: 0.6em;
  margin-top: 1.15em; }
  @media (max-width: 480px) {
    #app .black-box.bullets h2.app__header {
      letter-spacing: -1px; } }

#app .location-info-section {
  padding-top: 0; }

#app .content-block {
  padding-bottom: 0; }
  #app .content-block .location-teaser-section {
    margin-bottom: 30px; }

/* Ski configurator styles */
.ski-configurator {
  max-width: 1070px;
  margin: 0 auto;
  /* edit / delete icon common stylings */
  /* generic button styling */
  /* common styling for all boxes */
  /* Common styling for 100% wide white container */
  /* we are using nth-child approach because we cannot add class to vue-form-generator group */
  /* we are using nth-child approach because we cannot add class to vue-form-generator group */
  /* Product stylings */
  /* purple premium box */ }
  .ski-configurator .has-error {
    padding-left: 15px;
    padding-right: 15px; }
    @media (max-width: 768px) {
      .ski-configurator .has-error {
        position: relative;
        top: -30px;
        padding-left: 20px;
        padding-right: 20px; } }
  .ski-configurator .vue-form-wizard {
    padding-bottom: 0; }
    .ski-configurator .vue-form-wizard .wizard-header {
      padding: 0; }
    .ski-configurator .vue-form-wizard .wizard-navigation {
      /* Navigation bullets */ }
      .ski-configurator .vue-form-wizard .wizard-navigation .wizard-progress-with-circle {
        display: none; }
      .ski-configurator .vue-form-wizard .wizard-navigation .wizard-nav-pills {
        width: 60px;
        background-color: #000000;
        margin-left: auto;
        margin-right: auto;
        margin-top: -79px;
        margin-bottom: 10px; }
        @media (min-width: 768px) {
          .ski-configurator .vue-form-wizard .wizard-navigation .wizard-nav-pills {
            width: 100px;
            margin-top: -90px;
            margin-bottom: 8px;
            margin-left: auto;
            margin-right: auto; } }
        @media (min-width: 768px) and (max-width: 992px) {
          .ski-configurator .vue-form-wizard .wizard-navigation .wizard-nav-pills {
            margin-top: -80px; } }
        .ski-configurator .vue-form-wizard .wizard-navigation .wizard-nav-pills li {
          margin-top: 6px;
          margin-bottom: 6px; }
          .ski-configurator .vue-form-wizard .wizard-navigation .wizard-nav-pills li a {
            top: 0; }
          .ski-configurator .vue-form-wizard .wizard-navigation .wizard-nav-pills li .wizard-icon-circle {
            width: 6px;
            height: 6px;
            border-width: 1px;
            border-color: #fff;
            background-color: transparent; }
            @media (min-width: 768px) {
              .ski-configurator .vue-form-wizard .wizard-navigation .wizard-nav-pills li .wizard-icon-circle {
                width: 10px;
                height: 10px; } }
          .ski-configurator .vue-form-wizard .wizard-navigation .wizard-nav-pills li.active .wizard-icon-circle {
            background-color: #fff; }
        .ski-configurator .vue-form-wizard .wizard-navigation .wizard-nav-pills .stepTitle {
          display: none; }
    .ski-configurator .vue-form-wizard .wizard-tab-content {
      padding: 90px 0 10px;
      position: relative; }
      @media (min-width: 768px) {
        .ski-configurator .vue-form-wizard .wizard-tab-content {
          padding: 90px 20px 10px; } }
  .ski-configurator .teaser {
    width: 100%;
    height: 370px;
    background-color: #D8D8D8; }
  .ski-configurator ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .ski-configurator select.select {
    width: 100%;
    height: 36px;
    border: 1px solid #000000;
    outline: none;
    -webkit-appearance: none;
            appearance: none;
    border-radius: 0;
    background: url("select-arrow-02609557c381f194e87249e810aa7bca.02609557c381.svg") no-repeat 96% 50%;
    font-weight: 700;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 45%; }
    .ski-configurator select.select .option {
      text-align: left; }
  .ski-configurator select.select::-ms-expand {
    display: none; }
  .ski-configurator button {
    font-weight: 700; }
  .ski-configurator .generic-icon, .ski-configurator .wizard-btn.edit, .ski-configurator .wizard-btn.delete, .ski-configurator .wizard-btn.add, .ski-configurator .c-button.edit, .ski-configurator .c-button.delete, .ski-configurator .c-button.add {
    border: 1px solid black !important;
    padding: 0;
    display: flex;
    align-items: center;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .ski-configurator .generic-icon, .ski-configurator .wizard-btn.edit, .ski-configurator .wizard-btn.delete, .ski-configurator .wizard-btn.add, .ski-configurator .c-button.edit, .ski-configurator .c-button.delete, .ski-configurator .c-button.add {
        height: 50px;
        line-height: 20px; } }
    .ski-configurator .generic-icon .icon, .ski-configurator .wizard-btn.edit .icon, .ski-configurator .wizard-btn.delete .icon, .ski-configurator .wizard-btn.add .icon, .ski-configurator .c-button.edit .icon, .ski-configurator .c-button.delete .icon, .ski-configurator .c-button.add .icon {
      width: 8px;
      height: 8px;
      display: inline-block; }
  .ski-configurator .wizard-btn {
    transition: all 250ms ease-out;
    background-color: #000000;
    color: white;
    text-transform: uppercase;
    min-height: 36px;
    width: auto;
    border-radius: 0;
    font-size: 1em;
    border: 1px solid transparent;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 36px;
    padding: 0 1em;
    cursor: pointer;
    overflow: hidden;
    white-space: normal;
    /* transparent background, green border */
    /* takes full width of its container */ }
    @media (min-width: 768px) {
      .ski-configurator .wizard-btn {
        width: 278px;
        height: 50px;
        line-height: 50px; } }
    .ski-configurator .wizard-btn:hover {
      background-color: transparent;
      border: 1px solid #000000;
      color: #000000; }
    .ski-configurator .wizard-btn.inverted {
      background-color: transparent;
      color: #000000;
      border: 1px solid #000000; }
      .ski-configurator .wizard-btn.inverted:hover {
        background-color: black;
        color: white; }
    .ski-configurator .wizard-btn.full-width {
      width: 100%; }
    .ski-configurator .wizard-btn.edit .icon {
      background-image: url("edit-icon-3880c77016898994caa5c10543b428ee.3880c7701689.svg");
      margin-right: 5px; }
    .ski-configurator .wizard-btn.delete .icon {
      background-image: none;
      font-size: 1.4em;
      margin-right: 5px;
      width: auto;
      height: auto; }
    .ski-configurator .wizard-btn.add .icon {
      background-image: none;
      font-size: 1.4em;
      margin-right: 5px;
      width: auto;
      height: auto; }
    .ski-configurator .wizard-btn.greyed {
      opacity: 0.3; }
  .ski-configurator a.wizard-btn {
    font-weight: 700;
    display: block;
    text-align: center; }
  [dir="ltr"] .ski-configurator .wizard-button{
    text-align: left; }
  [dir="rtl"] .ski-configurator .wizard-button{
    text-align: right; }
  .ski-configurator .wizard-button {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 250ms ease-out;
    background-color: #000000;
    color: white;
    text-transform: uppercase;
    font-size: 16px;
    padding: 12px 8px;
    cursor: pointer;
    overflow: hidden; }
    .ski-configurator .wizard-button:hover {
      background-color: transparent;
      border: 1px solid #000000;
      color: #000000; }
    @media (max-width: 480px) {
      .ski-configurator .wizard-button {
        text-align: center; } }
    @media (max-width: 768px) {
      .ski-configurator .wizard-button {
        padding: 8px 8px; } }
    .ski-configurator .wizard-button .icon {
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      width: 18px;
      height: 18px; }
    .ski-configurator .wizard-button.edit .icon, .ski-configurator .wizard-button.delete .icon, .ski-configurator .wizard-button.add .icon {
      transition: all 250ms ease-out;
      margin-right: 8px; }
    .ski-configurator .wizard-button.edit .icon {
      width: 10px;
      height: 10px;
      background-image: url("edit-icon-3880c77016898994caa5c10543b428ee.3880c7701689.svg"); }
    .ski-configurator .wizard-button.delete .icon {
      background-image: url("remove-icon-697e2b952d2e2572f1977e1da8903d2d.697e2b952d2e.svg"); }
    .ski-configurator .wizard-button.add .icon {
      background-image: url("add-icon__white-8737d7535fc526d5b8cf12c005fc7fa3.8737d7535fc5.svg"); }
    .ski-configurator .wizard-button.add:hover .icon {
      background-image: url("add-icon-4fa02c30ede216169255e01de25b0aad.4fa02c30ede2.svg"); }
    .ski-configurator .wizard-button.inverted {
      background-color: transparent;
      color: #000000;
      border: 1px solid #000000; }
      .ski-configurator .wizard-button.inverted:hover {
        background-color: black;
        color: white; }
        .ski-configurator .wizard-button.inverted:hover.edit .icon {
          background-image: url("edit-icon__white-82d97c3a795725c820403b3ef8739c37.82d97c3a7957.svg"); }
        .ski-configurator .wizard-button.inverted:hover.delete .icon {
          background-image: url("remove-icon__white-6fb2814de529d6132d9ba9d911041c60.6fb2814de529.svg"); }
  .ski-configurator .generic-box, .ski-configurator .overview-content .overview-trip, .overview-content .ski-configurator .overview-trip, .ski-configurator .user-box, .ski-configurator .product-box, .ski-configurator .premium-box, .ski-configurator .product-items-box, .ski-configurator .boots-box, .ski-configurator .apparel-box, .ski-configurator .season-rental .overview-trip, .season-rental .ski-configurator .overview-trip {
    padding: 20px;
    margin: 0 auto;
    width: 100%;
    float: left; }
    .ski-configurator .generic-box h1, .ski-configurator .overview-content .overview-trip h1, .overview-content .ski-configurator .overview-trip h1, .ski-configurator .user-box h1, .ski-configurator .product-box h1, .ski-configurator .premium-box h1, .ski-configurator .product-items-box h1, .ski-configurator .boots-box h1, .ski-configurator .apparel-box h1, .ski-configurator .season-rental .overview-trip h1, .season-rental .ski-configurator .overview-trip h1, .ski-configurator .generic-box h2, .ski-configurator .overview-content .overview-trip h2, .overview-content .ski-configurator .overview-trip h2, .ski-configurator .user-box h2, .ski-configurator .product-box h2, .ski-configurator .premium-box h2, .ski-configurator .product-items-box h2, .ski-configurator .boots-box h2, .ski-configurator .apparel-box h2, .ski-configurator .season-rental .overview-trip h2, .season-rental .ski-configurator .overview-trip h2, .ski-configurator .generic-box h3, .ski-configurator .overview-content .overview-trip h3, .overview-content .ski-configurator .overview-trip h3, .ski-configurator .user-box h3, .ski-configurator .product-box h3, .ski-configurator .premium-box h3, .ski-configurator .product-items-box h3, .ski-configurator .boots-box h3, .ski-configurator .apparel-box h3, .ski-configurator .season-rental .overview-trip h3, .season-rental .ski-configurator .overview-trip h3 {
      text-align: center; }
    .ski-configurator .generic-box p, .ski-configurator .overview-content .overview-trip p, .overview-content .ski-configurator .overview-trip p, .ski-configurator .user-box p, .ski-configurator .product-box p, .ski-configurator .premium-box p, .ski-configurator .product-items-box p, .ski-configurator .boots-box p, .ski-configurator .apparel-box p, .ski-configurator .season-rental .overview-trip p, .season-rental .ski-configurator .overview-trip p {
      text-align: center; }
    .ski-configurator .generic-box img, .ski-configurator .overview-content .overview-trip img, .overview-content .ski-configurator .overview-trip img, .ski-configurator .user-box img, .ski-configurator .product-box img, .ski-configurator .premium-box img, .ski-configurator .product-items-box img, .ski-configurator .boots-box img, .ski-configurator .apparel-box img, .ski-configurator .season-rental .overview-trip img, .season-rental .ski-configurator .overview-trip img {
      max-width: 100%; }
    .ski-configurator .generic-box.title-box, .ski-configurator .overview-content .title-box.overview-trip, .overview-content .ski-configurator .title-box.overview-trip, .ski-configurator .title-box.user-box, .ski-configurator .title-box.product-box, .ski-configurator .title-box.premium-box, .ski-configurator .title-box.product-items-box, .ski-configurator .title-box.boots-box, .ski-configurator .title-box.apparel-box, .ski-configurator .season-rental .title-box.overview-trip, .season-rental .ski-configurator .title-box.overview-trip {
      font-weight: 700;
      width: 100%;
      text-align: center;
      font-size: 1.3em;
      color: #392723;
      letter-spacing: 0.01px;
      line-height: 24px;
      float: left;
      margin-top: -20px; }
    .ski-configurator .generic-box.reset-product-filters, .ski-configurator .overview-content .reset-product-filters.overview-trip, .overview-content .ski-configurator .reset-product-filters.overview-trip, .ski-configurator .reset-product-filters.user-box, .ski-configurator .reset-product-filters.product-box, .ski-configurator .reset-product-filters.premium-box, .ski-configurator .reset-product-filters.product-items-box, .ski-configurator .reset-product-filters.boots-box, .ski-configurator .reset-product-filters.apparel-box, .ski-configurator .season-rental .reset-product-filters.overview-trip, .season-rental .ski-configurator .reset-product-filters.overview-trip {
      width: 100%;
      float: left;
      display: flex;
      align-items: center;
      justify-content: center; }
      .ski-configurator .generic-box.reset-product-filters button.wizard-btn, .ski-configurator .overview-content .reset-product-filters.overview-trip button.wizard-btn, .overview-content .ski-configurator .reset-product-filters.overview-trip button.wizard-btn, .ski-configurator .reset-product-filters.user-box button.wizard-btn, .ski-configurator .reset-product-filters.product-box button.wizard-btn, .ski-configurator .reset-product-filters.premium-box button.wizard-btn, .ski-configurator .reset-product-filters.product-items-box button.wizard-btn, .ski-configurator .reset-product-filters.boots-box button.wizard-btn, .ski-configurator .reset-product-filters.apparel-box button.wizard-btn, .ski-configurator .season-rental .reset-product-filters.overview-trip button.wizard-btn, .season-rental .ski-configurator .reset-product-filters.overview-trip button.wizard-btn {
        width: 100%;
        background-color: transparent;
        border: 1px solid #8c9eff;
        padding-right: 30px;
        padding-left: 30px; }
        .ski-configurator .generic-box.reset-product-filters button.wizard-btn:hover, .ski-configurator .overview-content .reset-product-filters.overview-trip button.wizard-btn:hover, .overview-content .ski-configurator .reset-product-filters.overview-trip button.wizard-btn:hover, .ski-configurator .reset-product-filters.user-box button.wizard-btn:hover, .ski-configurator .reset-product-filters.product-box button.wizard-btn:hover, .ski-configurator .reset-product-filters.premium-box button.wizard-btn:hover, .ski-configurator .reset-product-filters.product-items-box button.wizard-btn:hover, .ski-configurator .reset-product-filters.boots-box button.wizard-btn:hover, .ski-configurator .reset-product-filters.apparel-box button.wizard-btn:hover, .ski-configurator .season-rental .reset-product-filters.overview-trip button.wizard-btn:hover, .season-rental .ski-configurator .reset-product-filters.overview-trip button.wizard-btn:hover {
          background-color: #8c9eff;
          border: 1px solid transparent; }
    .ski-configurator .generic-box .hr-wrapper, .ski-configurator .overview-content .overview-trip .hr-wrapper, .overview-content .ski-configurator .overview-trip .hr-wrapper, .ski-configurator .user-box .hr-wrapper, .ski-configurator .product-box .hr-wrapper, .ski-configurator .premium-box .hr-wrapper, .ski-configurator .product-items-box .hr-wrapper, .ski-configurator .boots-box .hr-wrapper, .ski-configurator .apparel-box .hr-wrapper, .ski-configurator .season-rental .overview-trip .hr-wrapper, .season-rental .ski-configurator .overview-trip .hr-wrapper {
      text-align: center;
      font-size: 1em;
      max-width: 1000px;
      margin: 0 auto; }
      .ski-configurator .generic-box .hr-wrapper .brown-hr, .ski-configurator .overview-content .overview-trip .hr-wrapper .brown-hr, .overview-content .ski-configurator .overview-trip .hr-wrapper .brown-hr, .ski-configurator .user-box .hr-wrapper .brown-hr, .ski-configurator .product-box .hr-wrapper .brown-hr, .ski-configurator .premium-box .hr-wrapper .brown-hr, .ski-configurator .product-items-box .hr-wrapper .brown-hr, .ski-configurator .boots-box .hr-wrapper .brown-hr, .ski-configurator .apparel-box .hr-wrapper .brown-hr, .ski-configurator .season-rental .overview-trip .hr-wrapper .brown-hr, .season-rental .ski-configurator .overview-trip .hr-wrapper .brown-hr {
        margin-top: 4em;
        margin-bottom: 4em; }
  .ski-configurator .wrapper-box {
    float: left;
    width: 100%;
    padding: 0; }
    .ski-configurator .wrapper-box.hidden-sm {
      display: block; }
      @media (min-width: 768px) {
        .ski-configurator .wrapper-box.hidden-sm {
          display: none; } }
  @media (min-width: 768px) {
    .ski-configurator .hidden {
      display: block !important; } }
  .ski-configurator .wide-white-box, .ski-configurator .wizard-card-footer {
    width: 100%;
    min-width: 320px;
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    margin: 0 auto;
    border-top: 2px solid #F5F2EF;
    z-index: 1; }
    .ski-configurator .wide-white-box .bg, .ski-configurator .wizard-card-footer .bg {
      position: absolute;
      left: -999%;
      right: -999%;
      background-color: #fff;
      top: 0;
      bottom: 0;
      z-index: -1; }
    .ski-configurator .wide-white-box .left-col button, .ski-configurator .wizard-card-footer .left-col button, .ski-configurator .wide-white-box .left-col a, .ski-configurator .wizard-card-footer .left-col a {
      float: right; }
      @media (max-width: 768px) {
        .ski-configurator .wide-white-box .left-col button, .ski-configurator .wizard-card-footer .left-col button, .ski-configurator .wide-white-box .left-col a, .ski-configurator .wizard-card-footer .left-col a {
          width: 100%; } }
    .ski-configurator .wide-white-box .right-col button, .ski-configurator .wizard-card-footer .right-col button, .ski-configurator .wide-white-box .right-col a, .ski-configurator .wizard-card-footer .right-col a {
      float: left; }
      @media (max-width: 768px) {
        .ski-configurator .wide-white-box .right-col button, .ski-configurator .wizard-card-footer .right-col button, .ski-configurator .wide-white-box .right-col a, .ski-configurator .wizard-card-footer .right-col a {
          width: 100%; } }
  .ski-configurator .form-generator {
    margin-bottom: 20px;
    margin-top: 20px; }
    .ski-configurator .form-generator fieldset .form-group {
      position: relative;
      margin-bottom: 30px;
      padding-left: 0;
      padding-right: 0; }
      @media (min-width: 768px) {
        .ski-configurator .form-generator fieldset .form-group {
          margin-bottom: 50px;
          padding-left: 15px;
          padding-right: 15px; } }
      .ski-configurator .form-generator fieldset .form-group label {
        display: block;
        margin-bottom: 20px;
        color: #392723;
        letter-spacing: 0.01px;
        line-height: 18px; }
      .ski-configurator .form-generator fieldset .form-group.disabled {
        opacity: 0.5; }
      .ski-configurator .form-generator fieldset .form-group .field-wrap .wrapper input {
        border: 1px solid #000000;
        height: 40px;
        width: 100%;
        line-height: 18px;
        font-size: 14px;
        color: #392723;
        opacity: 0.6;
        letter-spacing: 0.01px;
        background-color: transparent;
        border-radius: 0; }
      .ski-configurator .form-generator fieldset .form-group .field-wrap .radio-list {
        width: 100%; }
        @media (min-width: 768px) {
          .ski-configurator .form-generator fieldset .form-group .field-wrap .radio-list {
            display: block;
            float: left; } }
        .ski-configurator .form-generator fieldset .form-group .field-wrap .radio-list label {
          cursor: pointer;
          padding-left: 52px;
          position: relative;
          width: 50%;
          min-height: 32px;
          display: flex;
          align-items: center;
          margin-bottom: 0;
          float: left;
          margin-left: 0;
          margin-right: 0;
          font-size: 12px;
          line-height: 16px; }
          @media (min-width: 768px) {
            .ski-configurator .form-generator fieldset .form-group .field-wrap .radio-list label {
              max-width: 200px;
              margin-right: 20px;
              font-size: 14px;
              line-height: 20px; } }
          .ski-configurator .form-generator fieldset .form-group .field-wrap .radio-list label:nth-child(n+3) {
            margin-top: 30px; }
            @media (min-width: 768px) {
              .ski-configurator .form-generator fieldset .form-group .field-wrap .radio-list label:nth-child(n+3) {
                margin-top: 0; } }
          .ski-configurator .form-generator fieldset .form-group .field-wrap .radio-list label:before {
            width: 32px;
            height: 32px;
            content: '';
            background-image: url("unchecked-64574634be24f187d38171d43cbfc1cd.64574634be24.svg");
            display: block;
            float: left;
            margin-right: 10px;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            margin: auto; }
          .ski-configurator .form-generator fieldset .form-group .field-wrap .radio-list label input[type="radio"] {
            display: none; }
        .ski-configurator .form-generator fieldset .form-group .field-wrap .radio-list label.is-checked:before {
          width: 32px;
          height: 32px;
          content: '';
          background-image: url("checked-5920a7fe05b632366bf7755a329964f8.5920a7fe05b6.svg");
          border: none;
          display: block;
          float: left;
          margin-right: 20px; }
      .ski-configurator .form-generator fieldset .form-group.limited {
        max-width: 230px;
        margin-bottom: 20px; }
  .ski-configurator .form-generator.personal-data {
    padding-left: 20px;
    padding-right: 20px; }
    @media (min-width: 768px) {
      .ski-configurator .form-generator.personal-data {
        padding-left: 0;
        padding-right: 0; } }
    .ski-configurator .form-generator.personal-data fieldset .form-group .field-wrap .radio-list label {
      font-weight: 700; }
    .ski-configurator .form-generator.personal-data fieldset .name {
      margin-bottom: 20px; }
    .ski-configurator .form-generator.personal-data fieldset .first-name {
      width: 100%; }
    .ski-configurator .form-generator.personal-data fieldset:first-child .form-group {
      width: 100%;
      float: left; }
      @media (min-width: 768px) {
        .ski-configurator .form-generator.personal-data fieldset:first-child .form-group {
          width: 51%; } }
      .ski-configurator .form-generator.personal-data fieldset:first-child .form-group.label-wrapper {
        opacity: 0.6;
        color: #392723;
        letter-spacing: 0.01px;
        line-height: 18px;
        width: 100%; }
        @media (min-width: 768px) {
          .ski-configurator .form-generator.personal-data fieldset:first-child .form-group.label-wrapper {
            text-align: left; } }
        .ski-configurator .form-generator.personal-data fieldset:first-child .form-group.label-wrapper label {
          margin-bottom: 0;
          margin-top: 0; }
          @media (min-width: 768px) {
            .ski-configurator .form-generator.personal-data fieldset:first-child .form-group.label-wrapper label {
              margin-top: 0; } }
  .ski-configurator .form-generator.select-ski-filter {
    position: relative;
    left: 203px;
    bottom: 8px;
    margin-bottom: inherit; }
    .ski-configurator .form-generator.select-ski-filter fieldset .form-group {
      margin-bottom: 19px;
      display: flex;
      flex-direction: row; }
      .ski-configurator .form-generator.select-ski-filter fieldset .form-group > label {
        width: 12.8%;
        position: relative;
        top: 6px; }
        @media (max-width: 768px) {
          .ski-configurator .form-generator.select-ski-filter fieldset .form-group > label {
            display: none; } }
      .ski-configurator .form-generator.select-ski-filter fieldset .form-group .field-wrap {
        width: 100%; }
        .ski-configurator .form-generator.select-ski-filter fieldset .form-group .field-wrap label {
          font-weight: 600; }
        .ski-configurator .form-generator.select-ski-filter fieldset .form-group .field-wrap .radio-list label {
          margin-right: inherit;
          padding-left: 49px;
          max-width: 235px; }
          @media (min-width: 768px) {
            .ski-configurator .form-generator.select-ski-filter fieldset .form-group .field-wrap .radio-list label {
              max-width: 205px; } }
  @media (max-width: 768px) {
    .ski-configurator .form-generator.select-ski-filter {
      bottom: 48px;
      left: inherit; }
      .ski-configurator .form-generator.select-ski-filter fieldset .form-group .field-wrap .radio-list {
        padding-top: 20px; }
        .ski-configurator .form-generator.select-ski-filter fieldset .form-group .field-wrap .radio-list label {
          padding-left: 0;
          top: 30px;
          width: 33%;
          display: inline-block;
          text-align: center; }
          .ski-configurator .form-generator.select-ski-filter fieldset .form-group .field-wrap .radio-list label:nth-child(n+3) {
            margin-top: 0; }
          .ski-configurator .form-generator.select-ski-filter fieldset .form-group .field-wrap .radio-list label:before {
            top: -75px;
            right: 0;
            margin: auto; }
        .ski-configurator .form-generator.select-ski-filter fieldset .form-group .field-wrap .radio-list label.is-checked:before {
          width: 32px;
          height: 32px;
          content: '';
          background-image: url("checked-5920a7fe05b632366bf7755a329964f8.5920a7fe05b6.svg");
          border: none;
          display: block; } }
  @media (max-width: 480px) {
    .ski-configurator .form-generator.select-ski-filter fieldset .form-group {
      margin-bottom: 28px; }
      .ski-configurator .form-generator.select-ski-filter fieldset .form-group .field-wrap .radio-list label {
        padding-top: 5px; } }
  @media (min-width: 768px) and (max-width: 800px) {
    .ski-configurator .form-generator.select-ski-filter {
      left: 20px; } }
  @media (min-width: 800px) and (max-width: 880px) {
    .ski-configurator .form-generator.select-ski-filter {
      left: 40px; } }
  @media (min-width: 880px) and (max-width: 960px) {
    .ski-configurator .form-generator.select-ski-filter {
      left: 60px; } }
  @media (min-width: 960px) and (max-width: 992px) {
    .ski-configurator .form-generator.select-ski-filter {
      left: 110px; } }
  .ski-configurator .user-box p {
    color: #392723;
    letter-spacing: 0.01px;
    line-height: 18px;
    margin-bottom: 0;
    font-weight: 400; }
  .ski-configurator .user-box .desc {
    margin-top: 40px; }
  .ski-configurator .user-box h2 {
    font-size: 24px;
    color: #392723;
    letter-spacing: 2.5px;
    line-height: 32px;
    text-transform: uppercase;
    font-weight: 400; }
  .ski-configurator .user-box .row .col {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    padding-left: 0;
    padding-right: 0; }
    @media (min-width: 768px) {
      .ski-configurator .user-box .row .col {
        padding-left: 15px;
        padding-right: 15px; } }
    .ski-configurator .user-box .row .col button.wizard-btn {
      background-color: transparent;
      border: 1px solid #8c9eff;
      height: 36px;
      line-height: 36px;
      padding: 0;
      width: 165px;
      transition: all 250ms ease-out; }
      .ski-configurator .user-box .row .col button.wizard-btn:hover {
        background-color: #8c9eff;
        border: 1px solid transparent; }
  .ski-configurator .product-box {
    background: #fff;
    float: left;
    margin-bottom: 20px; }
    .ski-configurator .product-box button.wizard-btn {
      cursor: pointer;
      background: white;
      color: #000000;
      border: 2px solid #000000; }
      .ski-configurator .product-box button.wizard-btn:hover {
        background: #000000;
        color: white;
        border: 1px solid transparent; }
    .ski-configurator .product-box.no-margin {
      margin: 0; }
    .ski-configurator .product-box.selectable {
      transition: all 250ms ease-out; }
    .ski-configurator .product-box h3 {
      font-size: 18px;
      color: #392723;
      letter-spacing: 0.01px;
      line-height: 24px;
      text-transform: uppercase;
      margin: 0;
      margin-bottom: 10px; }
      @media (min-width: 768px) {
        .ski-configurator .product-box h3 {
          margin-bottom: 17px;
          font-size: 20px; } }
      @media (max-width: 480px) {
        .ski-configurator .product-box h3 {
          margin-bottom: 10px; } }
    @media (max-width: 480px) {
      .ski-configurator .product-box__main-information {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px; }
        .ski-configurator .product-box__main-information--basic {
          position: relative;
          top: -42px; } }
    @media (min-width: 992px) {
      .ski-configurator .product-box .description-box {
        font-size: 15px;
        text-align: center;
        height: 66px;
        line-height: 18px; } }
    .ski-configurator .product-box .description-box .read-more {
      font-weight: 600;
      border-bottom: 2px solid #69F0AE; }
    @media (max-width: 992px) {
      .ski-configurator .product-box .description-box {
        letter-spacing: -0.8px;
        line-height: 17px;
        height: 88px; } }
    @media (min-width: 992px) {
      .ski-configurator .product-box .basic-img-ski > img {
        display: flex;
        flex-direction: column;
        justify-content: center; } }
    @media (min-width: 768px) {
      .ski-configurator .product-box .description {
        line-height: 18px;
        margin-bottom: 20px; } }
    .ski-configurator .product-box .info {
      color: #392723;
      letter-spacing: 0.01px;
      line-height: 16px;
      margin-bottom: 20px;
      margin-top: 20px;
      float: left;
      width: 100%;
      text-align: center; }
      @media (min-width: 768px) {
        .ski-configurator .product-box .info {
          line-height: 18px; } }
      @media (min-width: 992px) {
        .ski-configurator .product-box .info {
          margin-top: 0; } }
      @media (min-width: 768px) {
        .ski-configurator .product-box .info--upgraded {
          height: 54px; } }
    .ski-configurator .product-box .divider {
      width: 100%;
      margin-bottom: 20px;
      float: left;
      border-top: 1px solid #392723; }
    .ski-configurator .product-box .row {
      margin: 0; }
      .ski-configurator .product-box .row .col-left {
        padding: 0; }
        .ski-configurator .product-box .row .col-left .price {
          text-align: left;
          color: #392723;
          margin-bottom: 0;
          line-height: 50px; }
          @media (max-width: 480px) {
            .ski-configurator .product-box .row .col-left .price {
              line-height: 34px; } }
          .ski-configurator .product-box .row .col-left .price .price-text {
            font-size: 20px;
            font-weight: 500;
            display: inline;
            margin-right: 10px;
            float: left; }
            @media (max-width: 480px) {
              .ski-configurator .product-box .row .col-left .price .price-text--align-center {
                width: 100%;
                text-align: center; } }
          .ski-configurator .product-box .row .col-left .price .price-additional-info {
            font-size: 14px;
            float: left; }
            @media (max-width: 480px) {
              .ski-configurator .product-box .row .col-left .price .price-additional-info {
                margin-right: 0; }
                .ski-configurator .product-box .row .col-left .price .price-additional-info--align-center {
                  width: 100%;
                  text-align: center; } }
      .ski-configurator .product-box .row .col-right {
        text-align: right; }
        @media (min-width: 480px) {
          .ski-configurator .product-box .row .col-right {
            padding-right: 0; } }
        .ski-configurator .product-box .row .col-right button {
          width: 100%;
          min-width: 0;
          min-width: initial;
          height: 50px;
          line-height: 50px;
          display: inline-block; }
          @media (max-width: 480px) {
            .ski-configurator .product-box .row .col-right button {
              height: 36px;
              line-height: 36px; } }
        .ski-configurator .product-box .row .col-right .check-mark {
          width: 32px;
          height: 32px;
          background-image: url("checked-5920a7fe05b632366bf7755a329964f8.5920a7fe05b6.svg");
          background-repeat: no-repeat;
          float: right; }
    .ski-configurator .product-box.selected-item {
      padding-top: 0;
      margin-bottom: 0; }
      .ski-configurator .product-box.selected-item h3 {
        font-size: 1rem;
        text-transform: capitalize;
        color: #392723;
        letter-spacing: 0.01px; }
      .ski-configurator .product-box.selected-item .description {
        text-align: left; }
      .ski-configurator .product-box.selected-item .price {
        font-size: 1.3em;
        display: flex;
        align-items: center;
        width: 100%; }
        .ski-configurator .product-box.selected-item .price .price-additional-info {
          font-size: 0.8em;
          margin-left: 10px; }
      .ski-configurator .product-box.selected-item .button-wrapper {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-top: 30px; }
        .ski-configurator .product-box.selected-item .button-wrapper button.remove-button {
          background-color: transparent;
          border: 1px solid #8c9eff;
          height: 36px;
          transition: all 250ms ease-out;
          width: 100%;
          margin: 0 auto;
          padding-left: 30px;
          padding-right: 30px;
          outline: none;
          text-transform: uppercase; }
          .ski-configurator .product-box.selected-item .button-wrapper button.remove-button:hover {
            background-color: #8c9eff;
            border: 1px solid transparent; }
  .ski-configurator .premium-box {
    background: #8C9EFF;
    float: left;
    width: 100%; }
    .ski-configurator .premium-box hr.white-hr {
      margin-bottom: 30px; }
      .ski-configurator .premium-box hr.white-hr:after {
        content: url("stars-white-7e5a4e99b48388335a93daf3148f2416.7e5a4e99b483.svg"); }
    .ski-configurator .premium-box h2.title {
      font-size: 24px;
      color: #F5F2EF;
      letter-spacing: 2.5px;
      line-height: 32px;
      font-weight: 400;
      margin-top: 20px;
      margin-bottom: 20px; }
    .ski-configurator .premium-box p.description {
      color: #F5F2EF;
      letter-spacing: 0.01px;
      line-height: 16px;
      font-weight: 300; }
      @media (min-width: 768px) {
        .ski-configurator .premium-box p.description {
          font-size: 16px;
          line-height: 20px;
          max-width: 600px;
          margin: 0 auto; } }
  .ski-configurator .basic-products {
    margin-bottom: 30px;
    float: left;
    width: 100%; }
  .ski-configurator .filter-box {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 47px; }
    .ski-configurator .filter-box button.filter-button {
      width: 360px;
      text-align: center;
      border: 2px solid #000000;
      text-transform: uppercase;
      height: 36px;
      line-height: 36px;
      transition: all 250ms ease-out;
      background-color: #F5F2EF;
      background-image: url("filter-symbol-ee8719a8835fa0619aa6db0321491f9b.ee8719a8835f.svg");
      background-repeat: no-repeat;
      background-position: left 10px center;
      outline: none;
      padding: 0; }
      .ski-configurator .filter-box button.filter-button.filtered {
        background-image: url("filter-symbol-dark-22723ab63dbeab7d90753f02430586bc.22723ab63dbe.svg"); }
      @media (min-width: 768px) {
        .ski-configurator .filter-box button.filter-button {
          height: 50px;
          line-height: 50px; } }
      .ski-configurator .filter-box button.filter-button:hover {
        background-color: black;
        color: white;
        border: 1px solid transparent;
        background-image: url("filter-symbol-white-1b6743a89a6bf4abbb22ac3324224172.1b6743a89a6b.svg"); }
  @media (max-width: 480px) {
    .ski-configurator .filter-box {
      background: #ffffff;
      padding: 20px; }
      .ski-configurator .filter-box button.filter-button {
        background-color: #ffffff; } }
  .ski-configurator .product-items-box {
    background: #ffffff;
    float: left;
    position: relative; }
    .ski-configurator .product-items-box .wrapper {
      width: 100%;
      height: 100%;
      transition: all 250ms ease-in;
      opacity: 0;
      float: left; }
      .ski-configurator .product-items-box .wrapper.visible {
        opacity: 1; }
    .ski-configurator .product-items-box h2 {
      font-size: 18px;
      color: #392723;
      letter-spacing: 0.01px;
      line-height: 24px;
      font-weight: 700;
      margin-top: 0;
      margin-bottom: 10px;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .ski-configurator .product-items-box h2 {
          margin-top: 20px;
          margin-bottom: 20px;
          font-size: 20px; } }
    .ski-configurator .product-items-box .description {
      text-align: left;
      color: #392723;
      letter-spacing: 0.01px;
      line-height: 16px;
      float: left;
      margin-top: 10px;
      margin-bottom: 20px; }
    .ski-configurator .product-items-box .divider {
      height: 1px;
      width: 100%;
      background: #392723;
      margin-bottom: 20px;
      float: left; }
    .ski-configurator .product-items-box .items-title {
      width: 100%;
      text-align: center;
      float: left;
      margin-bottom: 20px;
      background-repeat: no-repeat;
      background-position: center left; }
      .ski-configurator .product-items-box .items-title.warning {
        color: #a94442;
        padding-left: 18px;
        background-image: url("exclamation-mark-47bd7e1af1fddbf6a6c66668162c504f.47bd7e1af1fd.svg"); }
    .ski-configurator .product-items-box ul.items {
      float: left;
      width: 100%; }
      .ski-configurator .product-items-box ul.items li {
        width: 100%;
        /* checked checkbox */ }
        .ski-configurator .product-items-box ul.items li label {
          margin-bottom: 20px;
          cursor: pointer;
          position: relative;
          padding-left: 40px; }
          .ski-configurator .product-items-box ul.items li label:before {
            width: 16px;
            height: 16px;
            content: '';
            background-image: url("unchecked-64574634be24f187d38171d43cbfc1cd.64574634be24.svg");
            background-size: 16px 16px;
            background-repeat: no-repeat;
            border: none;
            display: block;
            margin-right: 20px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            left: 0; }
        .ski-configurator .product-items-box ul.items li input {
          display: none; }
        .ski-configurator .product-items-box ul.items li input[type="radio"]:checked + label:before {
          background-image: url("checked-5920a7fe05b632366bf7755a329964f8.5920a7fe05b6.svg"); }
    .ski-configurator .product-items-box .items-bottom {
      transition: all 250ms ease-out;
      opacity: 0;
      max-height: 0; }
      .ski-configurator .product-items-box .items-bottom.expanded {
        opacity: 1;
        max-height: 500px; }
    .ski-configurator .product-items-box .button-wrapper {
      width: 100%;
      float: left;
      display: flex;
      justify-content: center; }
      .ski-configurator .product-items-box .button-wrapper button.wizard-btn {
        width: 100%; }
    .ski-configurator .product-items-box .top-button-wrapper {
      display: none; }
      .ski-configurator .product-items-box .top-button-wrapper.visible {
        display: block; }
  .ski-configurator .boots-box h2 {
    text-transform: uppercase;
    color: #392723;
    letter-spacing: 2.5px;
    line-height: 32px; }
  .ski-configurator .boots-box .form-generator {
    margin-bottom: 0; }
    .ski-configurator .boots-box .form-generator fieldset .form-group {
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 0; }
      .ski-configurator .boots-box .form-generator fieldset .form-group label {
        margin-bottom: 30px !important;
        font-size: 1.1em !important;
        font-weight: 400 !important; }
      .ski-configurator .boots-box .form-generator fieldset .form-group .field-wrap {
        display: block; }
        .ski-configurator .boots-box .form-generator fieldset .form-group .field-wrap .radio-list {
          display: block; }
          .ski-configurator .boots-box .form-generator fieldset .form-group .field-wrap .radio-list .info-icon {
            z-index: 10;
            display: inline-block;
            width: 20px;
            height: 20px;
            margin-left: 10px;
            background-image: url("info-917e48031918e318cd7ec9437c6f5ba2.917e48031918.svg");
            background-repeat: no-repeat;
            background-size: 20px 20px; }
            @media (max-width: 768px) {
              .ski-configurator .boots-box .form-generator fieldset .form-group .field-wrap .radio-list .info-icon {
                width: 40px; }
                .ski-configurator .boots-box .form-generator fieldset .form-group .field-wrap .radio-list .info-icon:before {
                  margin-left: -139px; } }
          .ski-configurator .boots-box .form-generator fieldset .form-group .field-wrap .radio-list label.label {
            width: 100%;
            max-width: 100%;
            margin-bottom: 30px;
            margin-left: 0;
            margin-right: 0;
            line-height: normal;
            line-height: initial;
            white-space: normal;
            text-align: left;
            /* checked checkbox */ }
            .ski-configurator .boots-box .form-generator fieldset .form-group .field-wrap .radio-list label.label:nth-child(2) .info-icon {
              width: 46px; }
            .ski-configurator .boots-box .form-generator fieldset .form-group .field-wrap .radio-list label.label.is-selected:before {
              background-image: url("checked-5920a7fe05b632366bf7755a329964f8.5920a7fe05b6.svg"); }
            .ski-configurator .boots-box .form-generator fieldset .form-group .field-wrap .radio-list label.label:before {
              width: 32px;
              height: 32px;
              content: '';
              background-image: url("unchecked-64574634be24f187d38171d43cbfc1cd.64574634be24.svg");
              background-repeat: no-repeat;
              border: none;
              display: block;
              position: absolute;
              top: 0;
              bottom: 0;
              margin: auto;
              left: 0; }
  .ski-configurator .boots-box .boots-size-box {
    float: left;
    width: 100%; }
    .ski-configurator .boots-box .boots-size-box.success .top {
      border: 1px solid #8c9eff; }
    .ski-configurator .boots-box .boots-size-box.error .top {
      border: 1px solid #A50014; }
    .ski-configurator .boots-box .boots-size-box .for-rent {
      margin-bottom: 2rem; }
    .ski-configurator .boots-box .boots-size-box label.header-label {
      width: 100% !important;
      margin-bottom: 10px !important;
      font-size: 1.1em !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      display: block !important;
      padding-left: 0 !important; }
      .ski-configurator .boots-box .boots-size-box label.header-label:before {
        display: none !important; }
    .ski-configurator .boots-box .boots-size-box select#boots-size-predefined {
      width: 100%;
      height: 36px;
      border: 1px solid #000000;
      text-align: center;
      outline: none;
      -webkit-appearance: none;
              appearance: none;
      border-radius: 0;
      background: url("select-arrow-02609557c381f194e87249e810aa7bca.02609557c381.svg") no-repeat 96% 50%;
      font-weight: 700;
      text-align-last: center; }
      .ski-configurator .boots-box .boots-size-box select#boots-size-predefined .option {
        text-align: left; }
    .ski-configurator .boots-box .boots-size-box .top {
      padding: 20px;
      float: left; }
      .ski-configurator .boots-box .boots-size-box .top .input-wrapper {
        width: 100%;
        float: left;
        display: flex;
        justify-content: center; }
        .ski-configurator .boots-box .boots-size-box .top .input-wrapper .input-rel {
          position: relative;
          float: left;
          flex: 1 1; }
          .ski-configurator .boots-box .boots-size-box .top .input-wrapper .input-rel input.number {
            width: 100%;
            border: 1px solid #000000;
            background-color: transparent;
            height: 36px;
            padding-right: 40px;
            padding-left: 20px; }
          .ski-configurator .boots-box .boots-size-box .top .input-wrapper .input-rel .mm {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            right: 10px;
            display: flex;
            align-items: center; }
      .ski-configurator .boots-box .boots-size-box .top .boo {
        float: left;
        position: relative; }
        .ski-configurator .boots-box .boots-size-box .top .boo .status {
          font-size: 1.1em;
          margin-top: 20px;
          margin-bottom: 20px;
          background-repeat: no-repeat;
          background-position: center right; }
        .ski-configurator .boots-box .boots-size-box .top .boo.warning-box .status {
          background-image: url("exclamation-mark-47bd7e1af1fddbf6a6c66668162c504f.47bd7e1af1fd.svg");
          padding-right: 18px; }
        .ski-configurator .boots-box .boots-size-box .top .boo.success-box .status {
          background-image: url("ok-mark-e0ed094950c15001a8d4aeaa3e5de973.e0ed094950c1.svg");
          padding-right: 19px; }
      .ski-configurator .boots-box .boots-size-box .top label.special {
        width: 100% !important;
        max-width: none !important;
        margin-bottom: 20px !important;
        cursor: pointer !important;
        position: relative !important;
        padding-left: 40px !important;
        float: left !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: block !important;
        line-height: 18px !important;
        height: 18px !important;
        /* checked checkbox */ }
        .ski-configurator .boots-box .boots-size-box .top label.special:before {
          width: 16px !important;
          height: 16px !important;
          content: '';
          background-image: url("unchecked-64574634be24f187d38171d43cbfc1cd.64574634be24.svg");
          background-size: 16px 16px !important;
          background-repeat: no-repeat !important;
          border: none !important;
          display: block !important;
          margin-right: 20px !important; }
        .ski-configurator .boots-box .boots-size-box .top label.special.is-selected:before {
          background-image: url("checked-5920a7fe05b632366bf7755a329964f8.5920a7fe05b6.svg"); }
        .ski-configurator .boots-box .boots-size-box .top label.special input {
          display: none; }
    .ski-configurator .boots-box .boots-size-box .boot-image-wrapper {
      width: 100%;
      float: left;
      display: flex;
      justify-content: center; }
      .ski-configurator .boots-box .boots-size-box .boot-image-wrapper .boot-image {
        background-image: url("boot-11c084ba5bd1e0254f84d09f41f9ffb0.11c084ba5bd1.svg");
        background-repeat: no-repeat;
        width: 238px;
        height: 266px;
        margin-top: 20px;
        margin-bottom: 20px;
        position: relative; }
        .ski-configurator .boots-box .boots-size-box .boot-image-wrapper .boot-image .size {
          width: 63px;
          height: 63px;
          position: absolute;
          bottom: -20px;
          right: 30px; }
    .ski-configurator .boots-box .boots-size-box .info {
      float: left;
      width: 100%;
      text-align: center;
      opacity: 0.6;
      margin-top: 20px;
      margin-bottom: 30px; }
  .ski-configurator .apparel-box {
    width: 100%;
    float: left;
    background: #fff;
    margin-top: 15px;
    margin-bottom: 15px; }
    .ski-configurator .apparel-box h2 {
      text-transform: uppercase;
      color: #392723;
      letter-spacing: 2.5px;
      line-height: 32px;
      margin-bottom: 1rem; }
    .ski-configurator .apparel-box .description {
      width: 100%;
      text-align: center;
      font-size: 1rem;
      margin-bottom: 3rem; }
    .ski-configurator .apparel-box ul li {
      margin-bottom: 30px; }
      .ski-configurator .apparel-box ul li input[type="checkbox"] {
        display: none; }
      .ski-configurator .apparel-box ul li input[type="checkbox"]:checked + label:before {
        background-image: url("checked-5920a7fe05b632366bf7755a329964f8.5920a7fe05b6.svg"); }
      .ski-configurator .apparel-box ul li input[type="checkbox"]:checked + label {
        font-weight: 700; }
      .ski-configurator .apparel-box ul li label {
        position: relative;
        line-height: normal;
        line-height: initial;
        margin-bottom: 0;
        padding-left: 60px;
        cursor: pointer;
        font-weight: 400; }
        .ski-configurator .apparel-box ul li label:before {
          content: '';
          position: absolute;
          left: 0;
          background-image: url("unchecked-64574634be24f187d38171d43cbfc1cd.64574634be24.svg");
          background-repeat: no-repeat;
          width: 32px;
          height: 32px;
          top: 0;
          bottom: 0;
          margin: auto; }
      .ski-configurator .apparel-box ul li .dropdown {
        margin-top: 20px; }
        .ski-configurator .apparel-box ul li .dropdown .wizard-btn {
          width: 100%;
          height: 36px;
          line-height: 36px;
          display: block;
          padding-right: 25px; }
          .ski-configurator .apparel-box ul li .dropdown .wizard-btn .caret {
            position: absolute;
            right: 10px;
            top: 0;
            bottom: 0;
            margin: auto; }
        .ski-configurator .apparel-box ul li .dropdown ul.dropdown-menu {
          width: 100%; }
          .ski-configurator .apparel-box ul li .dropdown ul.dropdown-menu li {
            margin-bottom: 0; }
            .ski-configurator .apparel-box ul li .dropdown ul.dropdown-menu li a {
              padding: 5px 20px;
              cursor: pointer; }
  .ski-configurator .extra-skier-box {
    width: 100%;
    float: left; }
    .ski-configurator .extra-skier-box button.wizard-btn {
      width: 100%; }
  .ski-configurator .wizard-card-footer {
    display: flex;
    justify-content: center;
    float: left;
    margin-top: 20px; }
    .ski-configurator .wizard-card-footer .wizard-footer-left button {
      background-color: transparent;
      border: 1px solid #000000;
      color: black;
      margin-right: 10px;
      margin-left: 10px; }
      .ski-configurator .wizard-card-footer .wizard-footer-left button:hover {
        background-color: #000000;
        color: white;
        border: 1px solid transparent; }
    .ski-configurator .wizard-card-footer .wizard-footer-right button {
      margin-right: 10px;
      margin-left: 10px; }
  .ski-configurator .login-reminder {
    position: absolute;
    top: 50px;
    right: 20px;
    width: calc(50% - 40px);
    overflow: hidden;
    padding: 1em; }
    @media (max-width: 768px) {
      .ski-configurator .login-reminder {
        position: static;
        width: 100%;
        padding: 0 20px; } }
    .ski-configurator .login-reminder .inner-container {
      background-color: #fff;
      width: 100%;
      height: 100%;
      padding: 1em; }
      .ski-configurator .login-reminder .inner-container .buttons-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
        width: 100%; }
        .ski-configurator .login-reminder .inner-container .buttons-wrapper .button-a {
          display: inline-block;
          width: auto;
          height: 40px;
          line-height: 40px;
          padding: 0 1em;
          margin: 0 auto;
          transition: all 250ms ease-out;
          z-index: 1; }
          .ski-configurator .login-reminder .inner-container .buttons-wrapper .button-a:hover {
            background-color: #000000;
            color: #f5f2ef; }

.remodal-wrapper.remodal__skier-height-modal .remodal {
  position: relative;
  max-width: 645px;
  overflow-y: hidden; }
  @media (max-width: 768px) {
    .remodal-wrapper.remodal__skier-height-modal .remodal {
      width: calc(100% - 30px); } }

#skier-height-modal .header-title {
  margin-bottom: 24px;
  text-align: left;
  font-size: 45px; }

#skier-height-modal .header-label {
  float: left;
  padding-bottom: 15px;
  font-size: 20px; }

#skier-height-modal .description {
  color: gray;
  margin-top: 15px;
  margin-bottom: 40px; }

#skier-height-modal .wizard-btn {
  margin-bottom: 30px; }

#skier-height-modal .input-wrapper {
  width: 100%;
  display: flex;
  justify-content: center; }
  #skier-height-modal .input-wrapper .input-rel {
    position: relative;
    float: left;
    flex: 1 1; }
    #skier-height-modal .input-wrapper .input-rel input.number {
      width: 100%;
      border: 1px solid #000000;
      background-color: transparent;
      height: 60px;
      padding-right: 40px;
      padding-left: 20px; }
    #skier-height-modal .input-wrapper .input-rel .cm {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      right: 10px;
      display: flex;
      align-items: center;
      color: gray;
      font-weight: 600; }

.first-tab .select-ski-filter-title {
  position: absolute;
  left: 36px;
  top: 105px; }
  .first-tab .select-ski-filter-title--availability-position {
    top: 130px; }
  @media (max-width: 992px) {
    .first-tab .select-ski-filter-title {
      display: none; } }

.first-tab .divider-after-filter {
  position: relative;
  top: -10px;
  margin-left: 14px;
  margin-right: 14px;
  margin-bottom: 47px;
  border: 1px solid gray; }

.first-tab .premium-products-wrapper {
  position: relative;
  top: 8px; }

.first-tab .basic-products__header-title, .first-tab .basic-products__header-title--recommendation, .first-tab .premium-products__header-title {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 14px; }

.first-tab .basic-products__header-title {
  font-size: 1.8em;
  letter-spacing: 2px;
  margin-top: 40px; }
  @media (min-width: 768px) {
    .first-tab .basic-products__header-title {
      margin-top: 70px; } }

.first-tab .premium-products__header-title {
  font-size: 1.95em;
  margin-top: 36px; }

.first-tab .basic-products__header-title--recommendation {
  font-size: 1.8em;
  letter-spacing: 2px;
  margin-bottom: 27px; }

.first-tab .basic-products__header-description {
  padding-left: 90px;
  padding-right: 90px;
  margin-bottom: 40px;
  text-align: center;
  position: relative;
  top: 2px; }

@media (max-width: 480px) {
  .first-tab .basic-products > div {
    margin-left: -15px;
    margin-right: -15px; }
  .first-tab .basic-products--has-many-items {
    margin-left: -15px;
    margin-right: -15px; }
    .first-tab .basic-products--has-many-items .product-box {
      padding: 14px; }
      .first-tab .basic-products--has-many-items .product-box .name, .first-tab .basic-products--has-many-items .product-box .description, .first-tab .basic-products--has-many-items .product-box .info {
        text-align: left; }
      .first-tab .basic-products--has-many-items .product-box .basic-img-ski {
        position: relative;
        height: 65px;
        overflow: hidden;
        margin-left: -14px; }
        .first-tab .basic-products--has-many-items .product-box .basic-img-ski img {
          position: absolute;
          right: 0;
          max-width: none;
          height: 65px; }
    .first-tab .basic-products--has-many-items .first-mobile-item {
      padding-right: 7.5px; }
    .first-tab .basic-products--has-many-items .second-mobile-item {
      padding-left: 7.5px; }
  .first-tab .upgrated-product--wrapper {
    padding-left: 0;
    padding-right: 0; }
  .first-tab .divider-after-filter {
    top: -36px;
    margin-left: inherit;
    margin-right: inherit;
    margin-bottom: -21px; }
  .first-tab .basic-products__header-description {
    padding-left: 24px;
    padding-right: 24px;
    top: -9px;
    margin-bottom: 18px; }
  .first-tab .premium-products-wrapper .black-hr--wrapper {
    padding-left: 20px;
    padding-right: 20px; }
  .first-tab .premium-products-wrapper .premium-products__header-title, .first-tab .premium-products-wrapper .premium-products__header-description {
    margin-top: inherit;
    padding-left: 30px;
    padding-right: 30px; }
  .first-tab .select-ski-filter-title {
    display: none; } }

/* Location Details Drawer Styles */
#location-drawer-holder {
  height: 100px;
  cursor: pointer;
  display: flex;
  align-items: center; }
  #location-drawer-holder:hover {
    background: #EDEDED; }
  [dir="ltr"] #location-drawer-holder p{
    text-align: left; }
  [dir="rtl"] #location-drawer-holder p{
    text-align: right; }
  #location-drawer-holder p {
    margin: 0; }
    @media (min-width: 768px) {
      #location-drawer-holder p {
        text-align: center; } }
  #location-drawer-holder .drawer-arrow {
    width: 16px;
    height: 16px;
    margin-left: auto;
    margin-right: auto;
    background: url("drawer-arrow-4abe4fff4fddb5bb15d4d31cbc132a7a.4abe4fff4fdd.svg") center no-repeat;
    background-size: contain;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }
    #location-drawer-holder .drawer-arrow.opened {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
  #location-drawer-holder .location-name p, #location-drawer-holder .location-name-mobile p {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px; }
  #location-drawer-holder .location-name-mobile {
    display: block; }
    [dir="ltr"] #location-drawer-holder .location-name-mobile p{
      text-align: left; }
    [dir="rtl"] #location-drawer-holder .location-name-mobile p{
      text-align: right; }
  #location-drawer-holder .location-name {
    display: none; }
    #location-drawer-holder .location-name p {
      text-align: center; }
  @media (min-width: 768px) {
    #location-drawer-holder .location-name-mobile {
      display: none; }
    #location-drawer-holder .location-name {
      display: block; } }

#location-drawer-container {
  height: 100px;
  transition: height 0.5s ease-in-out;
  background: white;
  overflow: hidden; }

.season-rental {
  /* Trip Overview page */
  /* Common styling for 100% wide white container */ }
  .season-rental .product-list {
    padding-top: 20px;
    padding-bottom: 0; }
    @media (min-width: 768px) {
      .season-rental .product-list {
        padding-top: 72px;
        padding-bottom: 50px; } }
    .season-rental .product-list .product-box {
      border: 1px solid gray;
      margin-bottom: 20px; }
      .season-rental .product-list .product-box .product-image img {
        display: flex;
        flex-direction: column;
        justify-content: center;
        max-width: 100%; }
  .season-rental .basket {
    padding-top: 80px; }
    .season-rental .basket .product-image img {
      display: flex;
      flex-direction: column;
      justify-content: center;
      max-width: 100%; }
    .season-rental .basket #so-pickup-point-container #so-pickup-map {
      min-height: 300px; }
  .season-rental .add-to-cart-button {
    padding-top: 33px; }
  .season-rental .skier-level-label {
    display: flex; }
  .season-rental .user-contact-details {
    padding-top: 105px;
    text-align: center;
    padding-bottom: 80px; }
    @media (min-width: 768px) {
      .season-rental .user-contact-details {
        padding-top: 125px; } }
    .season-rental .user-contact-details button {
      margin-top: 20px;
      margin-bottom: 20px;
      display: inline-block; }
    .season-rental .user-contact-details #id_comments {
      height: 80px; }
    .season-rental .user-contact-details label.form-special-label {
      display: block;
      max-width: 100%;
      margin-bottom: 5px;
      text-align: left;
      padding: 1.094rem .75rem;
      pointer-events: none;
      position: absolute;
      top: 1px;
      left: 1px;
      line-height: 1.5;
      transition: 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .season-rental .user-contact-details label.form-special-label:focus {
        outline: none; }
      .season-rental .user-contact-details label.form-special-label:active {
        outline: none; }
    .season-rental .user-contact-details input:not([type="checkbox"]) {
      border: 1px solid #000000;
      border-radius: 0;
      box-shadow: none;
      font-size: 1em;
      line-height: 36px;
      width: 100%;
      padding: 10px;
      height: 60px;
      padding-top: 1.45867rem;
      padding-bottom: .72933rem; }
    .season-rental .user-contact-details select {
      padding-top: 13px;
      background-color: white;
      font-size: 1em; }
    .season-rental .user-contact-details .form-group p {
      display: block;
      vertical-align: top;
      margin-bottom: 1rem;
      position: relative; }
    .season-rental .user-contact-details .btn-wrap {
      text-align: center; }
    .season-rental .user-contact-details .errorlist {
      font-size: 0.6em;
      color: red;
      text-align: left;
      margin-bottom: 20px; }
  .season-rental .user-contact-details__box {
    background-color: rgba(255,255,255,1);
    padding: 15px 15px 30px;
    text-align: center;
    max-width: 822px;
    margin: 0 auto;
    font-size: 20.5px; }
    @media (min-width: 768px) {
      .season-rental .user-contact-details__box {
        font-size: 29.5px;
        padding: 26px 26px 42px; } }
    .season-rental .user-contact-details__box .checkbox-input-wrapper {
      margin-top: 20px;
      font-size: 0.7em; }
      @media (max-width: 768px) {
        .season-rental .user-contact-details__box .checkbox-input-wrapper {
          font-size: 15px; } }
  .season-rental .user-contact-details__link {
    display: inline-block;
    font-weight: 700;
    color: #392623;
    position: relative;
    font-size: 22px; }
    @media (min-width: 768px) {
      .season-rental .user-contact-details__link {
        font-size: 29px; } }
    .season-rental .user-contact-details__link:after {
      content: " ";
      background-color: #8C9EFF;
      width: 100px;
      height: 3px;
      position: absolute;
      bottom: -14px;
      left: 50%;
      margin-left: -50px; }
      @media (min-width: 768px) {
        .season-rental .user-contact-details__link:after {
          width: 130px;
          margin-left: -65px;
          height: 4px;
          bottom: -8px; } }
  .season-rental .user-contact-details__desc {
    margin-bottom: 1em; }
  .season-rental .user-contact-details__header {
    font-size: 28px;
    margin-top: 11px; }
    @media (min-width: 768px) {
      .season-rental .user-contact-details__header {
        font-size: 36px; } }
  .season-rental .user-contact-details__form-wrap {
    max-width: 480px;
    margin: 0 auto; }
  .season-rental .btn-white {
    color: #000000;
    margin: 0 auto;
    background-color: rgba(255,255,255,1);
    border: 2px solid #000000;
    padding: 15px 40px;
    margin-bottom: 20px;
    display: inline-block; }
  .season-rental .user-contact-details__subtitle {
    font-size: 22px;
    margin-bottom: 25px;
    margin-top: 20px;
    font-weight: 600; }
    @media (min-width: 768px) {
      .season-rental .user-contact-details__subtitle {
        font-size: 26px;
        margin-bottom: 40px;
        margin-top: 42px; } }
  .season-rental .btn__align-left {
    text-align: left; }
    .season-rental .btn__align-left .c-button {
      font-size: 18px; }
  .season-rental .user-contact-details__verify {
    padding: 50px; }
    .season-rental .user-contact-details__verify label.form-special-label {
      font-size: 16px; }
    .season-rental .user-contact-details__verify input:not([type="checkbox"]), .season-rental .user-contact-details__verify select {
      font-size: 0.7em;
      height: 58px; }
  .season-rental #id_is_subscribe_newsletter {
    top: calc(50% - 10px); }
  .season-rental .payment-selection-page {
    padding-top: 80px; }
  .season-rental .generic-box, .season-rental .ski-configurator .user-box, .ski-configurator .season-rental .user-box, .season-rental .ski-configurator .product-box, .ski-configurator .season-rental .product-box, .season-rental .ski-configurator .premium-box, .ski-configurator .season-rental .premium-box, .season-rental .ski-configurator .product-items-box, .ski-configurator .season-rental .product-items-box, .season-rental .ski-configurator .boots-box, .ski-configurator .season-rental .boots-box, .season-rental .ski-configurator .apparel-box, .ski-configurator .season-rental .apparel-box, .season-rental .overview-trip {
    padding: 20px;
    margin: 0 auto;
    width: 100%;
    float: left; }
    .season-rental .generic-box h1, .season-rental .ski-configurator .user-box h1, .ski-configurator .season-rental .user-box h1, .season-rental .ski-configurator .product-box h1, .ski-configurator .season-rental .product-box h1, .season-rental .ski-configurator .premium-box h1, .ski-configurator .season-rental .premium-box h1, .season-rental .ski-configurator .product-items-box h1, .ski-configurator .season-rental .product-items-box h1, .season-rental .ski-configurator .boots-box h1, .ski-configurator .season-rental .boots-box h1, .season-rental .ski-configurator .apparel-box h1, .ski-configurator .season-rental .apparel-box h1, .season-rental .overview-trip h1, .season-rental .generic-box h2, .season-rental .ski-configurator .user-box h2, .ski-configurator .season-rental .user-box h2, .season-rental .ski-configurator .product-box h2, .ski-configurator .season-rental .product-box h2, .season-rental .ski-configurator .premium-box h2, .ski-configurator .season-rental .premium-box h2, .season-rental .ski-configurator .product-items-box h2, .ski-configurator .season-rental .product-items-box h2, .season-rental .ski-configurator .boots-box h2, .ski-configurator .season-rental .boots-box h2, .season-rental .ski-configurator .apparel-box h2, .ski-configurator .season-rental .apparel-box h2, .season-rental .overview-trip h2, .season-rental .generic-box h3, .season-rental .ski-configurator .user-box h3, .ski-configurator .season-rental .user-box h3, .season-rental .ski-configurator .product-box h3, .ski-configurator .season-rental .product-box h3, .season-rental .ski-configurator .premium-box h3, .ski-configurator .season-rental .premium-box h3, .season-rental .ski-configurator .product-items-box h3, .ski-configurator .season-rental .product-items-box h3, .season-rental .ski-configurator .boots-box h3, .ski-configurator .season-rental .boots-box h3, .season-rental .ski-configurator .apparel-box h3, .ski-configurator .season-rental .apparel-box h3, .season-rental .overview-trip h3 {
      text-align: center; }
    .season-rental .generic-box p, .season-rental .ski-configurator .user-box p, .ski-configurator .season-rental .user-box p, .season-rental .ski-configurator .product-box p, .ski-configurator .season-rental .product-box p, .season-rental .ski-configurator .premium-box p, .ski-configurator .season-rental .premium-box p, .season-rental .ski-configurator .product-items-box p, .ski-configurator .season-rental .product-items-box p, .season-rental .ski-configurator .boots-box p, .ski-configurator .season-rental .boots-box p, .season-rental .ski-configurator .apparel-box p, .ski-configurator .season-rental .apparel-box p, .season-rental .overview-trip p {
      text-align: center; }
    .season-rental .generic-box img, .season-rental .ski-configurator .user-box img, .ski-configurator .season-rental .user-box img, .season-rental .ski-configurator .product-box img, .ski-configurator .season-rental .product-box img, .season-rental .ski-configurator .premium-box img, .ski-configurator .season-rental .premium-box img, .season-rental .ski-configurator .product-items-box img, .ski-configurator .season-rental .product-items-box img, .season-rental .ski-configurator .boots-box img, .ski-configurator .season-rental .boots-box img, .season-rental .ski-configurator .apparel-box img, .ski-configurator .season-rental .apparel-box img, .season-rental .overview-trip img {
      max-width: 100%; }
    .season-rental .generic-box.title-box, .season-rental .ski-configurator .title-box.user-box, .ski-configurator .season-rental .title-box.user-box, .season-rental .ski-configurator .title-box.product-box, .ski-configurator .season-rental .title-box.product-box, .season-rental .ski-configurator .title-box.premium-box, .ski-configurator .season-rental .title-box.premium-box, .season-rental .ski-configurator .title-box.product-items-box, .ski-configurator .season-rental .title-box.product-items-box, .season-rental .ski-configurator .title-box.boots-box, .ski-configurator .season-rental .title-box.boots-box, .season-rental .ski-configurator .title-box.apparel-box, .ski-configurator .season-rental .title-box.apparel-box, .season-rental .title-box.overview-trip {
      font-weight: 700;
      width: 100%;
      text-align: center;
      font-size: 1.3em;
      color: #392723;
      letter-spacing: 0.01px;
      line-height: 24px;
      float: left;
      margin-top: -20px; }
    .season-rental .generic-box.reset-product-filters, .season-rental .ski-configurator .reset-product-filters.user-box, .ski-configurator .season-rental .reset-product-filters.user-box, .season-rental .ski-configurator .reset-product-filters.product-box, .ski-configurator .season-rental .reset-product-filters.product-box, .season-rental .ski-configurator .reset-product-filters.premium-box, .ski-configurator .season-rental .reset-product-filters.premium-box, .season-rental .ski-configurator .reset-product-filters.product-items-box, .ski-configurator .season-rental .reset-product-filters.product-items-box, .season-rental .ski-configurator .reset-product-filters.boots-box, .ski-configurator .season-rental .reset-product-filters.boots-box, .season-rental .ski-configurator .reset-product-filters.apparel-box, .ski-configurator .season-rental .reset-product-filters.apparel-box, .season-rental .reset-product-filters.overview-trip {
      width: 100%;
      float: left;
      display: flex;
      align-items: center;
      justify-content: center; }
      .season-rental .generic-box.reset-product-filters button.wizard-btn, .season-rental .ski-configurator .reset-product-filters.user-box button.wizard-btn, .ski-configurator .season-rental .reset-product-filters.user-box button.wizard-btn, .season-rental .ski-configurator .reset-product-filters.product-box button.wizard-btn, .ski-configurator .season-rental .reset-product-filters.product-box button.wizard-btn, .season-rental .ski-configurator .reset-product-filters.premium-box button.wizard-btn, .ski-configurator .season-rental .reset-product-filters.premium-box button.wizard-btn, .season-rental .ski-configurator .reset-product-filters.product-items-box button.wizard-btn, .ski-configurator .season-rental .reset-product-filters.product-items-box button.wizard-btn, .season-rental .ski-configurator .reset-product-filters.boots-box button.wizard-btn, .ski-configurator .season-rental .reset-product-filters.boots-box button.wizard-btn, .season-rental .ski-configurator .reset-product-filters.apparel-box button.wizard-btn, .ski-configurator .season-rental .reset-product-filters.apparel-box button.wizard-btn, .season-rental .reset-product-filters.overview-trip button.wizard-btn {
        width: 100%;
        background-color: transparent;
        border: 1px solid #8c9eff;
        padding-right: 30px;
        padding-left: 30px; }
        .season-rental .generic-box.reset-product-filters button.wizard-btn:hover, .season-rental .ski-configurator .reset-product-filters.user-box button.wizard-btn:hover, .ski-configurator .season-rental .reset-product-filters.user-box button.wizard-btn:hover, .season-rental .ski-configurator .reset-product-filters.product-box button.wizard-btn:hover, .ski-configurator .season-rental .reset-product-filters.product-box button.wizard-btn:hover, .season-rental .ski-configurator .reset-product-filters.premium-box button.wizard-btn:hover, .ski-configurator .season-rental .reset-product-filters.premium-box button.wizard-btn:hover, .season-rental .ski-configurator .reset-product-filters.product-items-box button.wizard-btn:hover, .ski-configurator .season-rental .reset-product-filters.product-items-box button.wizard-btn:hover, .season-rental .ski-configurator .reset-product-filters.boots-box button.wizard-btn:hover, .ski-configurator .season-rental .reset-product-filters.boots-box button.wizard-btn:hover, .season-rental .ski-configurator .reset-product-filters.apparel-box button.wizard-btn:hover, .ski-configurator .season-rental .reset-product-filters.apparel-box button.wizard-btn:hover, .season-rental .reset-product-filters.overview-trip button.wizard-btn:hover {
          background-color: #8c9eff;
          border: 1px solid transparent; }
    .season-rental .generic-box .hr-wrapper, .season-rental .ski-configurator .user-box .hr-wrapper, .ski-configurator .season-rental .user-box .hr-wrapper, .season-rental .ski-configurator .product-box .hr-wrapper, .ski-configurator .season-rental .product-box .hr-wrapper, .season-rental .ski-configurator .premium-box .hr-wrapper, .ski-configurator .season-rental .premium-box .hr-wrapper, .season-rental .ski-configurator .product-items-box .hr-wrapper, .ski-configurator .season-rental .product-items-box .hr-wrapper, .season-rental .ski-configurator .boots-box .hr-wrapper, .ski-configurator .season-rental .boots-box .hr-wrapper, .season-rental .ski-configurator .apparel-box .hr-wrapper, .ski-configurator .season-rental .apparel-box .hr-wrapper, .season-rental .overview-trip .hr-wrapper {
      text-align: center;
      font-size: 1em;
      max-width: 1000px;
      margin: 0 auto; }
      .season-rental .generic-box .hr-wrapper .brown-hr, .season-rental .ski-configurator .user-box .hr-wrapper .brown-hr, .ski-configurator .season-rental .user-box .hr-wrapper .brown-hr, .season-rental .ski-configurator .product-box .hr-wrapper .brown-hr, .ski-configurator .season-rental .product-box .hr-wrapper .brown-hr, .season-rental .ski-configurator .premium-box .hr-wrapper .brown-hr, .ski-configurator .season-rental .premium-box .hr-wrapper .brown-hr, .season-rental .ski-configurator .product-items-box .hr-wrapper .brown-hr, .ski-configurator .season-rental .product-items-box .hr-wrapper .brown-hr, .season-rental .ski-configurator .boots-box .hr-wrapper .brown-hr, .ski-configurator .season-rental .boots-box .hr-wrapper .brown-hr, .season-rental .ski-configurator .apparel-box .hr-wrapper .brown-hr, .ski-configurator .season-rental .apparel-box .hr-wrapper .brown-hr, .season-rental .overview-trip .hr-wrapper .brown-hr {
        margin-top: 4em;
        margin-bottom: 4em; }
  .season-rental .wrapper-box {
    float: left;
    width: 100%;
    padding: 0; }
    .season-rental .wrapper-box.hidden-sm {
      display: block; }
      @media (min-width: 768px) {
        .season-rental .wrapper-box.hidden-sm {
          display: none; } }
  @media (min-width: 768px) {
    .season-rental .hidden {
      display: block !important; } }
  .season-rental .wide-white-box, .season-rental .ski-configurator .wizard-card-footer, .ski-configurator .season-rental .wizard-card-footer {
    width: 100%;
    min-width: 320px;
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    margin: 0 auto;
    border-top: 2px solid #F5F2EF;
    z-index: 1; }
    .season-rental .wide-white-box .bg, .season-rental .ski-configurator .wizard-card-footer .bg, .ski-configurator .season-rental .wizard-card-footer .bg {
      position: absolute;
      left: -999%;
      right: -999%;
      background-color: #fff;
      top: 0;
      bottom: 0;
      z-index: -1; }
    .season-rental .wide-white-box .left-col button, .season-rental .ski-configurator .wizard-card-footer .left-col button, .ski-configurator .season-rental .wizard-card-footer .left-col button, .season-rental .wide-white-box .left-col a, .season-rental .ski-configurator .wizard-card-footer .left-col a, .ski-configurator .season-rental .wizard-card-footer .left-col a {
      float: right; }
      @media (max-width: 768px) {
        .season-rental .wide-white-box .left-col button, .season-rental .ski-configurator .wizard-card-footer .left-col button, .ski-configurator .season-rental .wizard-card-footer .left-col button, .season-rental .wide-white-box .left-col a, .season-rental .ski-configurator .wizard-card-footer .left-col a, .ski-configurator .season-rental .wizard-card-footer .left-col a {
          width: 100%; } }
    .season-rental .wide-white-box .right-col button, .season-rental .ski-configurator .wizard-card-footer .right-col button, .ski-configurator .season-rental .wizard-card-footer .right-col button, .season-rental .wide-white-box .right-col a, .season-rental .ski-configurator .wizard-card-footer .right-col a, .ski-configurator .season-rental .wizard-card-footer .right-col a {
      float: left; }
      @media (max-width: 768px) {
        .season-rental .wide-white-box .right-col button, .season-rental .ski-configurator .wizard-card-footer .right-col button, .ski-configurator .season-rental .wizard-card-footer .right-col button, .season-rental .wide-white-box .right-col a, .season-rental .ski-configurator .wizard-card-footer .right-col a, .ski-configurator .season-rental .wizard-card-footer .right-col a {
          width: 100%; } }
  .season-rental .generic-box .text-left, .season-rental .ski-configurator .user-box .text-left, .ski-configurator .season-rental .user-box .text-left, .season-rental .ski-configurator .product-box .text-left, .ski-configurator .season-rental .product-box .text-left, .season-rental .ski-configurator .premium-box .text-left, .ski-configurator .season-rental .premium-box .text-left, .season-rental .ski-configurator .product-items-box .text-left, .ski-configurator .season-rental .product-items-box .text-left, .season-rental .ski-configurator .boots-box .text-left, .ski-configurator .season-rental .boots-box .text-left, .season-rental .ski-configurator .apparel-box .text-left, .ski-configurator .season-rental .apparel-box .text-left, .season-rental .overview-trip .text-left {
    text-align: left; }
  .season-rental .max-width {
    max-width: 900px;
    margin: 0 auto;
    width: 100%; }
    .season-rental .max-width .create-button-wrapper {
      width: 100%;
      text-align: center;
      padding: 0 2em; }
      .season-rental .max-width .create-button-wrapper .text-string {
        width: 100%;
        margin-bottom: 1em; }
    .season-rental .max-width .ski-model-image {
      max-width: 100%;
      margin-top: 2em;
      margin-bottom: 2em; }
  .season-rental .overview-total {
    width: 100%; }
    .season-rental .overview-total .skiers-added-to-trip {
      border: 4px solid #fff;
      max-width: 900px;
      width: 100%;
      float: left;
      padding-left: 2em;
      padding-right: 2em; }
      .season-rental .overview-total .skiers-added-to-trip .generic-box, .season-rental .overview-total .skiers-added-to-trip .ski-configurator .user-box, .ski-configurator .season-rental .overview-total .skiers-added-to-trip .user-box, .season-rental .overview-total .skiers-added-to-trip .ski-configurator .product-box, .ski-configurator .season-rental .overview-total .skiers-added-to-trip .product-box, .season-rental .overview-total .skiers-added-to-trip .ski-configurator .premium-box, .ski-configurator .season-rental .overview-total .skiers-added-to-trip .premium-box, .season-rental .overview-total .skiers-added-to-trip .ski-configurator .product-items-box, .ski-configurator .season-rental .overview-total .skiers-added-to-trip .product-items-box, .season-rental .overview-total .skiers-added-to-trip .ski-configurator .boots-box, .ski-configurator .season-rental .overview-total .skiers-added-to-trip .boots-box, .season-rental .overview-total .skiers-added-to-trip .ski-configurator .apparel-box, .ski-configurator .season-rental .overview-total .skiers-added-to-trip .apparel-box, .season-rental .overview-total .skiers-added-to-trip .overview-trip {
        padding-left: 0;
        padding-right: 0; }
  .season-rental .wrapper-box {
    padding: 0 2em; }
  .season-rental h2.header {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    color: #392723;
    font-weight: 700;
    font-size: 1.2em;
    margin-top: 1em;
    margin-bottom: 1em; }
  .season-rental .overview-trip {
    padding: 0;
    margin-bottom: 2em;
    display: flex;
    background: #fff;
    float: left;
    transition: 250ms ease-out; }
    .season-rental .overview-trip--border {
      border: 1px solid #a94442; }
    .season-rental .overview-trip .max-width {
      margin: 0 auto;
      max-width: 900px;
      /* action buttons container */ }
      .season-rental .overview-trip .max-width .model-name {
        width: 100%;
        text-align: center;
        margin-top: 10px; }
      .season-rental .overview-trip .max-width h3 {
        font-size: 18px;
        color: #392723;
        letter-spacing: 0.01px;
        line-height: 24px;
        text-transform: uppercase;
        margin: 0;
        margin-top: 1em;
        margin-bottom: 1em; }
        @media (min-width: 768px) {
          .season-rental .overview-trip .max-width h3 {
            margin-top: 2em;
            margin-bottom: 1em;
            font-size: 20px; } }
      @media (min-width: 768px) {
        .season-rental .overview-trip .max-width .body {
          float: left;
          display: flex;
          align-items: center; } }
      .season-rental .overview-trip .max-width ul.items {
        list-style-type: none;
        padding-left: 0;
        float: left;
        width: 100%;
        margin-top: 20px; }
        @media (min-width: 768px) {
          .season-rental .overview-trip .max-width ul.items {
            margin-top: 0; } }
        .season-rental .overview-trip .max-width ul.items li {
          width: 100%;
          float: left;
          margin-bottom: 5px; }
          .season-rental .overview-trip .max-width ul.items li div {
            padding: 0; }
      .season-rental .overview-trip .max-width .divider {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
        float: left;
        border-top: 1px solid #392723; }
        .season-rental .overview-trip .max-width .divider.top {
          display: none; }
          @media (min-width: 768px) {
            .season-rental .overview-trip .max-width .divider.top {
              display: block; } }
      .season-rental .overview-trip .max-width .total {
        float: left;
        width: 100%;
        margin-bottom: 30px; }
        .season-rental .overview-trip .max-width .total div {
          padding: 0; }
      .season-rental .overview-trip .max-width .wrapper-box {
        margin-bottom: 2em; }
        .season-rental .overview-trip .max-width .wrapper-box.hidden-sm {
          /* Ski product details should be always visible for desktop, even if hidden on mobile */ }
          @media (min-width: 768px) {
            .season-rental .overview-trip .max-width .wrapper-box.hidden-sm .hidden {
              display: block !important; } }
      .season-rental .overview-trip .max-width .overview-cta {
        position: relative;
        display: block;
        height: auto;
        width: 100%; }
        .season-rental .overview-trip .max-width .overview-cta .col-xs-12 {
          margin-top: 0; }
          @media (max-width: 768px) {
            .season-rental .overview-trip .max-width .overview-cta .col-xs-12.second-col {
              margin-top: 20px; } }
  .season-rental .create-skier {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 50px; }
  .season-rental .total-box {
    padding: 1.2em 0;
    background: #fff; }
    .season-rental .total-box .max-width {
      max-width: 900px;
      position: relative; }
      .season-rental .total-box .max-width .sum {
        width: 100%;
        text-align: right;
        margin-bottom: 10px;
        margin-top: -20px; }
        @media (min-width: 1200px) {
          .season-rental .total-box .max-width .sum {
            width: -webkit-max-content;
            width: max-content;
            text-align: left;
            left: 770px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            right: 0;
            margin-top: 0;
            margin-bottom: 0; } }
  .season-rental .white-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: rgba(255, 255, 255, 0.8); }
    .season-rental .white-overlay h3 {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      margin: auto;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      text-align: center;
      padding: 0 2em; }
  .season-rental #messages .warning {
    color: #a94442; }
  .season-rental .wizard-top-text {
    padding: 17px 0 33px; }
    @media (min-width: 768px) {
      .season-rental .wizard-top-text {
        padding: 35px 0 57px; } }
    .season-rental .wizard-top-text .c-header {
      margin-bottom: 0.74em; }
    .season-rental .wizard-top-text .c-header.c-header--small {
      margin-bottom: 1.05em; }
      @media (min-width: 768px) {
        .season-rental .wizard-top-text .c-header.c-header--small {
          margin-bottom: 0.9em; } }
  .season-rental .wizard-top-text--short {
    padding: 15px 0; }
    @media (min-width: 768px) {
      .season-rental .wizard-top-text--short {
        padding: 34px 0 37px; } }
    .season-rental .wizard-top-text--short .c-header.c-header--small {
      margin-bottom: 0; }
      @media (min-width: 768px) {
        .season-rental .wizard-top-text--short .c-header.c-header--small {
          margin-bottom: 0; } }
  .season-rental .cart-product-row {
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
    border-bottom: 1px solid transparent; }
    @media (min-width: 768px) {
      .season-rental .cart-product-row {
        padding-bottom: 33px;
        margin-bottom: 33px; } }
    .season-rental .cart-product-row:before {
      content: ' ';
      position: absolute;
      left: 15px;
      bottom: 0;
      width: calc(100% - 30px);
      height: 2px;
      background: #cecfd1; }
    .season-rental .cart-product-row .c-header {
      font-size: 14px; }
      @media (min-width: 992px) {
        .season-rental .cart-product-row .c-header {
          font-size: 16px; } }
    .season-rental .cart-product-row .form-group input::-webkit-input-placeholder {
      color: #000000; }
    .season-rental .cart-product-row .form-group input:-ms-input-placeholder {
      color: #000000; }
    .season-rental .cart-product-row .form-group input::-ms-input-placeholder {
      color: #000000; }
    .season-rental .cart-product-row .form-group input::placeholder {
      color: #000000; }
    .season-rental .cart-product-row .form-control:focus, .season-rental .cart-product-row select:focus, .season-rental .cart-product-row .login-box .login-box-content form input:focus, .login-box .login-box-content form .season-rental .cart-product-row input:focus {
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
      border-color: #464a4d; }
  .season-rental .boots-size img {
    width: 60%; }
    @media (min-width: 480px) {
      .season-rental .boots-size img {
        width: auto; } }
  .season-rental .boots-size .c-button {
    margin-top: 25px; }
    @media (min-width: 480px) {
      .season-rental .boots-size .c-button {
        margin-top: 20px; } }
  .season-rental .cart-product-row--no-border {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0; }
    .season-rental .cart-product-row--no-border:before {
      display: none; }
  .season-rental .cart-product-price {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: right;
    padding-top: 15px; }
    @media (min-width: 992px) {
      .season-rental .cart-product-price {
        font-size: 24px;
        padding-top: 0; } }
  .season-rental .cart-product-image {
    padding-left: 20px; }
  .season-rental .cart-product-name {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 1em; }
    @media (min-width: 992px) {
      .season-rental .cart-product-name {
        color: #666666;
        font-size: 16px;
        margin-bottom: 0; } }
  .season-rental .c-map {
    padding: 40px 0; }
    @media (min-width: 768px) {
      .season-rental .c-map {
        padding: 80px 0; } }
  .season-rental .section-bg-white {
    background-color: #ffffff; }

.payment-selection-page {
  /* edit / delete icon common stylings */
  /* generic button styling */
  /* common styling for all boxes */
  /* Common styling for 100% wide white container */ }
  .payment-selection-page button {
    font-weight: 700; }
  .payment-selection-page .generic-icon, .payment-selection-page .wizard-btn.edit, .payment-selection-page .wizard-btn.delete, .payment-selection-page .wizard-btn.add, .payment-selection-page .c-button.edit, .payment-selection-page .c-button.delete, .payment-selection-page .c-button.add {
    border: 1px solid black !important;
    padding: 0;
    display: flex;
    align-items: center;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .payment-selection-page .generic-icon, .payment-selection-page .wizard-btn.edit, .payment-selection-page .wizard-btn.delete, .payment-selection-page .wizard-btn.add, .payment-selection-page .c-button.edit, .payment-selection-page .c-button.delete, .payment-selection-page .c-button.add {
        height: 50px;
        line-height: 20px; } }
    .payment-selection-page .generic-icon .icon, .payment-selection-page .wizard-btn.edit .icon, .payment-selection-page .wizard-btn.delete .icon, .payment-selection-page .wizard-btn.add .icon, .payment-selection-page .c-button.edit .icon, .payment-selection-page .c-button.delete .icon, .payment-selection-page .c-button.add .icon {
      width: 8px;
      height: 8px;
      display: inline-block; }
  .payment-selection-page .wizard-btn {
    transition: all 250ms ease-out;
    background-color: #000000;
    color: white;
    text-transform: uppercase;
    min-height: 36px;
    width: auto;
    border-radius: 0;
    font-size: 1em;
    border: 1px solid transparent;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 36px;
    padding: 0 1em;
    cursor: pointer;
    overflow: hidden;
    white-space: normal;
    /* transparent background, green border */
    /* takes full width of its container */ }
    @media (min-width: 768px) {
      .payment-selection-page .wizard-btn {
        width: 278px;
        height: 50px;
        line-height: 50px; } }
    .payment-selection-page .wizard-btn:hover {
      background-color: transparent;
      border: 1px solid #000000;
      color: #000000; }
    .payment-selection-page .wizard-btn.inverted {
      background-color: transparent;
      color: #000000;
      border: 1px solid #000000; }
      .payment-selection-page .wizard-btn.inverted:hover {
        background-color: black;
        color: white; }
    .payment-selection-page .wizard-btn.full-width {
      width: 100%; }
    .payment-selection-page .wizard-btn.edit .icon {
      background-image: url("edit-icon-3880c77016898994caa5c10543b428ee.3880c7701689.svg");
      margin-right: 5px; }
    .payment-selection-page .wizard-btn.delete .icon {
      background-image: none;
      font-size: 1.4em;
      margin-right: 5px;
      width: auto;
      height: auto; }
    .payment-selection-page .wizard-btn.add .icon {
      background-image: none;
      font-size: 1.4em;
      margin-right: 5px;
      width: auto;
      height: auto; }
    .payment-selection-page .wizard-btn.greyed {
      opacity: 0.3; }
  .payment-selection-page a.wizard-btn {
    font-weight: 700;
    display: block;
    text-align: center; }
  [dir="ltr"] .payment-selection-page .wizard-button{
    text-align: left; }
  [dir="rtl"] .payment-selection-page .wizard-button{
    text-align: right; }
  .payment-selection-page .wizard-button {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 250ms ease-out;
    background-color: #000000;
    color: white;
    text-transform: uppercase;
    font-size: 16px;
    padding: 12px 8px;
    cursor: pointer;
    overflow: hidden; }
    .payment-selection-page .wizard-button:hover {
      background-color: transparent;
      border: 1px solid #000000;
      color: #000000; }
    @media (max-width: 480px) {
      .payment-selection-page .wizard-button {
        text-align: center; } }
    @media (max-width: 768px) {
      .payment-selection-page .wizard-button {
        padding: 8px 8px; } }
    .payment-selection-page .wizard-button .icon {
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      width: 18px;
      height: 18px; }
    .payment-selection-page .wizard-button.edit .icon, .payment-selection-page .wizard-button.delete .icon, .payment-selection-page .wizard-button.add .icon {
      transition: all 250ms ease-out;
      margin-right: 8px; }
    .payment-selection-page .wizard-button.edit .icon {
      width: 10px;
      height: 10px;
      background-image: url("edit-icon-3880c77016898994caa5c10543b428ee.3880c7701689.svg"); }
    .payment-selection-page .wizard-button.delete .icon {
      background-image: url("remove-icon-697e2b952d2e2572f1977e1da8903d2d.697e2b952d2e.svg"); }
    .payment-selection-page .wizard-button.add .icon {
      background-image: url("add-icon__white-8737d7535fc526d5b8cf12c005fc7fa3.8737d7535fc5.svg"); }
    .payment-selection-page .wizard-button.add:hover .icon {
      background-image: url("add-icon-4fa02c30ede216169255e01de25b0aad.4fa02c30ede2.svg"); }
    .payment-selection-page .wizard-button.inverted {
      background-color: transparent;
      color: #000000;
      border: 1px solid #000000; }
      .payment-selection-page .wizard-button.inverted:hover {
        background-color: black;
        color: white; }
        .payment-selection-page .wizard-button.inverted:hover.edit .icon {
          background-image: url("edit-icon__white-82d97c3a795725c820403b3ef8739c37.82d97c3a7957.svg"); }
        .payment-selection-page .wizard-button.inverted:hover.delete .icon {
          background-image: url("remove-icon__white-6fb2814de529d6132d9ba9d911041c60.6fb2814de529.svg"); }
  .payment-selection-page .generic-box, .payment-selection-page .overview-content .overview-trip, .overview-content .payment-selection-page .overview-trip, .payment-selection-page .ski-configurator .user-box, .ski-configurator .payment-selection-page .user-box, .payment-selection-page .ski-configurator .product-box, .ski-configurator .payment-selection-page .product-box, .payment-selection-page .ski-configurator .premium-box, .ski-configurator .payment-selection-page .premium-box, .payment-selection-page .ski-configurator .product-items-box, .ski-configurator .payment-selection-page .product-items-box, .payment-selection-page .ski-configurator .boots-box, .ski-configurator .payment-selection-page .boots-box, .payment-selection-page .ski-configurator .apparel-box, .ski-configurator .payment-selection-page .apparel-box, .payment-selection-page .season-rental .overview-trip, .season-rental .payment-selection-page .overview-trip {
    padding: 20px;
    margin: 0 auto;
    width: 100%;
    float: left; }
    .payment-selection-page .generic-box h1, .payment-selection-page .overview-content .overview-trip h1, .overview-content .payment-selection-page .overview-trip h1, .payment-selection-page .ski-configurator .user-box h1, .ski-configurator .payment-selection-page .user-box h1, .payment-selection-page .ski-configurator .product-box h1, .ski-configurator .payment-selection-page .product-box h1, .payment-selection-page .ski-configurator .premium-box h1, .ski-configurator .payment-selection-page .premium-box h1, .payment-selection-page .ski-configurator .product-items-box h1, .ski-configurator .payment-selection-page .product-items-box h1, .payment-selection-page .ski-configurator .boots-box h1, .ski-configurator .payment-selection-page .boots-box h1, .payment-selection-page .ski-configurator .apparel-box h1, .ski-configurator .payment-selection-page .apparel-box h1, .payment-selection-page .season-rental .overview-trip h1, .season-rental .payment-selection-page .overview-trip h1, .payment-selection-page .generic-box h2, .payment-selection-page .overview-content .overview-trip h2, .overview-content .payment-selection-page .overview-trip h2, .payment-selection-page .ski-configurator .user-box h2, .ski-configurator .payment-selection-page .user-box h2, .payment-selection-page .ski-configurator .product-box h2, .ski-configurator .payment-selection-page .product-box h2, .payment-selection-page .ski-configurator .premium-box h2, .ski-configurator .payment-selection-page .premium-box h2, .payment-selection-page .ski-configurator .product-items-box h2, .ski-configurator .payment-selection-page .product-items-box h2, .payment-selection-page .ski-configurator .boots-box h2, .ski-configurator .payment-selection-page .boots-box h2, .payment-selection-page .ski-configurator .apparel-box h2, .ski-configurator .payment-selection-page .apparel-box h2, .payment-selection-page .season-rental .overview-trip h2, .season-rental .payment-selection-page .overview-trip h2, .payment-selection-page .generic-box h3, .payment-selection-page .overview-content .overview-trip h3, .overview-content .payment-selection-page .overview-trip h3, .payment-selection-page .ski-configurator .user-box h3, .ski-configurator .payment-selection-page .user-box h3, .payment-selection-page .ski-configurator .product-box h3, .ski-configurator .payment-selection-page .product-box h3, .payment-selection-page .ski-configurator .premium-box h3, .ski-configurator .payment-selection-page .premium-box h3, .payment-selection-page .ski-configurator .product-items-box h3, .ski-configurator .payment-selection-page .product-items-box h3, .payment-selection-page .ski-configurator .boots-box h3, .ski-configurator .payment-selection-page .boots-box h3, .payment-selection-page .ski-configurator .apparel-box h3, .ski-configurator .payment-selection-page .apparel-box h3, .payment-selection-page .season-rental .overview-trip h3, .season-rental .payment-selection-page .overview-trip h3 {
      text-align: center; }
    .payment-selection-page .generic-box p, .payment-selection-page .overview-content .overview-trip p, .overview-content .payment-selection-page .overview-trip p, .payment-selection-page .ski-configurator .user-box p, .ski-configurator .payment-selection-page .user-box p, .payment-selection-page .ski-configurator .product-box p, .ski-configurator .payment-selection-page .product-box p, .payment-selection-page .ski-configurator .premium-box p, .ski-configurator .payment-selection-page .premium-box p, .payment-selection-page .ski-configurator .product-items-box p, .ski-configurator .payment-selection-page .product-items-box p, .payment-selection-page .ski-configurator .boots-box p, .ski-configurator .payment-selection-page .boots-box p, .payment-selection-page .ski-configurator .apparel-box p, .ski-configurator .payment-selection-page .apparel-box p, .payment-selection-page .season-rental .overview-trip p, .season-rental .payment-selection-page .overview-trip p {
      text-align: center; }
    .payment-selection-page .generic-box img, .payment-selection-page .overview-content .overview-trip img, .overview-content .payment-selection-page .overview-trip img, .payment-selection-page .ski-configurator .user-box img, .ski-configurator .payment-selection-page .user-box img, .payment-selection-page .ski-configurator .product-box img, .ski-configurator .payment-selection-page .product-box img, .payment-selection-page .ski-configurator .premium-box img, .ski-configurator .payment-selection-page .premium-box img, .payment-selection-page .ski-configurator .product-items-box img, .ski-configurator .payment-selection-page .product-items-box img, .payment-selection-page .ski-configurator .boots-box img, .ski-configurator .payment-selection-page .boots-box img, .payment-selection-page .ski-configurator .apparel-box img, .ski-configurator .payment-selection-page .apparel-box img, .payment-selection-page .season-rental .overview-trip img, .season-rental .payment-selection-page .overview-trip img {
      max-width: 100%; }
    .payment-selection-page .generic-box.title-box, .payment-selection-page .overview-content .title-box.overview-trip, .overview-content .payment-selection-page .title-box.overview-trip, .payment-selection-page .ski-configurator .title-box.user-box, .ski-configurator .payment-selection-page .title-box.user-box, .payment-selection-page .ski-configurator .title-box.product-box, .ski-configurator .payment-selection-page .title-box.product-box, .payment-selection-page .ski-configurator .title-box.premium-box, .ski-configurator .payment-selection-page .title-box.premium-box, .payment-selection-page .ski-configurator .title-box.product-items-box, .ski-configurator .payment-selection-page .title-box.product-items-box, .payment-selection-page .ski-configurator .title-box.boots-box, .ski-configurator .payment-selection-page .title-box.boots-box, .payment-selection-page .ski-configurator .title-box.apparel-box, .ski-configurator .payment-selection-page .title-box.apparel-box, .payment-selection-page .season-rental .title-box.overview-trip, .season-rental .payment-selection-page .title-box.overview-trip {
      font-weight: 700;
      width: 100%;
      text-align: center;
      font-size: 1.3em;
      color: #392723;
      letter-spacing: 0.01px;
      line-height: 24px;
      float: left;
      margin-top: -20px; }
    .payment-selection-page .generic-box.reset-product-filters, .payment-selection-page .overview-content .reset-product-filters.overview-trip, .overview-content .payment-selection-page .reset-product-filters.overview-trip, .payment-selection-page .ski-configurator .reset-product-filters.user-box, .ski-configurator .payment-selection-page .reset-product-filters.user-box, .payment-selection-page .ski-configurator .reset-product-filters.product-box, .ski-configurator .payment-selection-page .reset-product-filters.product-box, .payment-selection-page .ski-configurator .reset-product-filters.premium-box, .ski-configurator .payment-selection-page .reset-product-filters.premium-box, .payment-selection-page .ski-configurator .reset-product-filters.product-items-box, .ski-configurator .payment-selection-page .reset-product-filters.product-items-box, .payment-selection-page .ski-configurator .reset-product-filters.boots-box, .ski-configurator .payment-selection-page .reset-product-filters.boots-box, .payment-selection-page .ski-configurator .reset-product-filters.apparel-box, .ski-configurator .payment-selection-page .reset-product-filters.apparel-box, .payment-selection-page .season-rental .reset-product-filters.overview-trip, .season-rental .payment-selection-page .reset-product-filters.overview-trip {
      width: 100%;
      float: left;
      display: flex;
      align-items: center;
      justify-content: center; }
      .payment-selection-page .generic-box.reset-product-filters button.wizard-btn, .payment-selection-page .overview-content .reset-product-filters.overview-trip button.wizard-btn, .overview-content .payment-selection-page .reset-product-filters.overview-trip button.wizard-btn, .payment-selection-page .ski-configurator .reset-product-filters.user-box button.wizard-btn, .ski-configurator .payment-selection-page .reset-product-filters.user-box button.wizard-btn, .payment-selection-page .ski-configurator .reset-product-filters.product-box button.wizard-btn, .ski-configurator .payment-selection-page .reset-product-filters.product-box button.wizard-btn, .payment-selection-page .ski-configurator .reset-product-filters.premium-box button.wizard-btn, .ski-configurator .payment-selection-page .reset-product-filters.premium-box button.wizard-btn, .payment-selection-page .ski-configurator .reset-product-filters.product-items-box button.wizard-btn, .ski-configurator .payment-selection-page .reset-product-filters.product-items-box button.wizard-btn, .payment-selection-page .ski-configurator .reset-product-filters.boots-box button.wizard-btn, .ski-configurator .payment-selection-page .reset-product-filters.boots-box button.wizard-btn, .payment-selection-page .ski-configurator .reset-product-filters.apparel-box button.wizard-btn, .ski-configurator .payment-selection-page .reset-product-filters.apparel-box button.wizard-btn, .payment-selection-page .season-rental .reset-product-filters.overview-trip button.wizard-btn, .season-rental .payment-selection-page .reset-product-filters.overview-trip button.wizard-btn {
        width: 100%;
        background-color: transparent;
        border: 1px solid #8c9eff;
        padding-right: 30px;
        padding-left: 30px; }
        .payment-selection-page .generic-box.reset-product-filters button.wizard-btn:hover, .payment-selection-page .overview-content .reset-product-filters.overview-trip button.wizard-btn:hover, .overview-content .payment-selection-page .reset-product-filters.overview-trip button.wizard-btn:hover, .payment-selection-page .ski-configurator .reset-product-filters.user-box button.wizard-btn:hover, .ski-configurator .payment-selection-page .reset-product-filters.user-box button.wizard-btn:hover, .payment-selection-page .ski-configurator .reset-product-filters.product-box button.wizard-btn:hover, .ski-configurator .payment-selection-page .reset-product-filters.product-box button.wizard-btn:hover, .payment-selection-page .ski-configurator .reset-product-filters.premium-box button.wizard-btn:hover, .ski-configurator .payment-selection-page .reset-product-filters.premium-box button.wizard-btn:hover, .payment-selection-page .ski-configurator .reset-product-filters.product-items-box button.wizard-btn:hover, .ski-configurator .payment-selection-page .reset-product-filters.product-items-box button.wizard-btn:hover, .payment-selection-page .ski-configurator .reset-product-filters.boots-box button.wizard-btn:hover, .ski-configurator .payment-selection-page .reset-product-filters.boots-box button.wizard-btn:hover, .payment-selection-page .ski-configurator .reset-product-filters.apparel-box button.wizard-btn:hover, .ski-configurator .payment-selection-page .reset-product-filters.apparel-box button.wizard-btn:hover, .payment-selection-page .season-rental .reset-product-filters.overview-trip button.wizard-btn:hover, .season-rental .payment-selection-page .reset-product-filters.overview-trip button.wizard-btn:hover {
          background-color: #8c9eff;
          border: 1px solid transparent; }
    .payment-selection-page .generic-box .hr-wrapper, .payment-selection-page .overview-content .overview-trip .hr-wrapper, .overview-content .payment-selection-page .overview-trip .hr-wrapper, .payment-selection-page .ski-configurator .user-box .hr-wrapper, .ski-configurator .payment-selection-page .user-box .hr-wrapper, .payment-selection-page .ski-configurator .product-box .hr-wrapper, .ski-configurator .payment-selection-page .product-box .hr-wrapper, .payment-selection-page .ski-configurator .premium-box .hr-wrapper, .ski-configurator .payment-selection-page .premium-box .hr-wrapper, .payment-selection-page .ski-configurator .product-items-box .hr-wrapper, .ski-configurator .payment-selection-page .product-items-box .hr-wrapper, .payment-selection-page .ski-configurator .boots-box .hr-wrapper, .ski-configurator .payment-selection-page .boots-box .hr-wrapper, .payment-selection-page .ski-configurator .apparel-box .hr-wrapper, .ski-configurator .payment-selection-page .apparel-box .hr-wrapper, .payment-selection-page .season-rental .overview-trip .hr-wrapper, .season-rental .payment-selection-page .overview-trip .hr-wrapper {
      text-align: center;
      font-size: 1em;
      max-width: 1000px;
      margin: 0 auto; }
      .payment-selection-page .generic-box .hr-wrapper .brown-hr, .payment-selection-page .overview-content .overview-trip .hr-wrapper .brown-hr, .overview-content .payment-selection-page .overview-trip .hr-wrapper .brown-hr, .payment-selection-page .ski-configurator .user-box .hr-wrapper .brown-hr, .ski-configurator .payment-selection-page .user-box .hr-wrapper .brown-hr, .payment-selection-page .ski-configurator .product-box .hr-wrapper .brown-hr, .ski-configurator .payment-selection-page .product-box .hr-wrapper .brown-hr, .payment-selection-page .ski-configurator .premium-box .hr-wrapper .brown-hr, .ski-configurator .payment-selection-page .premium-box .hr-wrapper .brown-hr, .payment-selection-page .ski-configurator .product-items-box .hr-wrapper .brown-hr, .ski-configurator .payment-selection-page .product-items-box .hr-wrapper .brown-hr, .payment-selection-page .ski-configurator .boots-box .hr-wrapper .brown-hr, .ski-configurator .payment-selection-page .boots-box .hr-wrapper .brown-hr, .payment-selection-page .ski-configurator .apparel-box .hr-wrapper .brown-hr, .ski-configurator .payment-selection-page .apparel-box .hr-wrapper .brown-hr, .payment-selection-page .season-rental .overview-trip .hr-wrapper .brown-hr, .season-rental .payment-selection-page .overview-trip .hr-wrapper .brown-hr {
        margin-top: 4em;
        margin-bottom: 4em; }
  .payment-selection-page .wrapper-box {
    float: left;
    width: 100%;
    padding: 0; }
    .payment-selection-page .wrapper-box.hidden-sm {
      display: block; }
      @media (min-width: 768px) {
        .payment-selection-page .wrapper-box.hidden-sm {
          display: none; } }
  @media (min-width: 768px) {
    .payment-selection-page .hidden {
      display: block !important; } }
  .payment-selection-page .wide-white-box, .payment-selection-page .ski-configurator .wizard-card-footer, .ski-configurator .payment-selection-page .wizard-card-footer {
    width: 100%;
    min-width: 320px;
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    margin: 0 auto;
    border-top: 2px solid #F5F2EF;
    z-index: 1; }
    .payment-selection-page .wide-white-box .bg, .payment-selection-page .ski-configurator .wizard-card-footer .bg, .ski-configurator .payment-selection-page .wizard-card-footer .bg {
      position: absolute;
      left: -999%;
      right: -999%;
      background-color: #fff;
      top: 0;
      bottom: 0;
      z-index: -1; }
    .payment-selection-page .wide-white-box .left-col button, .payment-selection-page .ski-configurator .wizard-card-footer .left-col button, .ski-configurator .payment-selection-page .wizard-card-footer .left-col button, .payment-selection-page .wide-white-box .left-col a, .payment-selection-page .ski-configurator .wizard-card-footer .left-col a, .ski-configurator .payment-selection-page .wizard-card-footer .left-col a {
      float: right; }
      @media (max-width: 768px) {
        .payment-selection-page .wide-white-box .left-col button, .payment-selection-page .ski-configurator .wizard-card-footer .left-col button, .ski-configurator .payment-selection-page .wizard-card-footer .left-col button, .payment-selection-page .wide-white-box .left-col a, .payment-selection-page .ski-configurator .wizard-card-footer .left-col a, .ski-configurator .payment-selection-page .wizard-card-footer .left-col a {
          width: 100%; } }
    .payment-selection-page .wide-white-box .right-col button, .payment-selection-page .ski-configurator .wizard-card-footer .right-col button, .ski-configurator .payment-selection-page .wizard-card-footer .right-col button, .payment-selection-page .wide-white-box .right-col a, .payment-selection-page .ski-configurator .wizard-card-footer .right-col a, .ski-configurator .payment-selection-page .wizard-card-footer .right-col a {
      float: left; }
      @media (max-width: 768px) {
        .payment-selection-page .wide-white-box .right-col button, .payment-selection-page .ski-configurator .wizard-card-footer .right-col button, .ski-configurator .payment-selection-page .wizard-card-footer .right-col button, .payment-selection-page .wide-white-box .right-col a, .payment-selection-page .ski-configurator .wizard-card-footer .right-col a, .ski-configurator .payment-selection-page .wizard-card-footer .right-col a {
          width: 100%; } }
  .payment-selection-page .payment-selection {
    height: calc(100vh - 50px);
    background-position: center;
    background-size: cover; }
    .payment-selection-page .payment-selection .maxWidth-380 {
      max-width: 380px !important; }
    .payment-selection-page .payment-selection .container {
      max-width: 900px;
      position: relative; }
      .payment-selection-page .payment-selection .container .content-divider {
        height: 50px;
        position: relative; }
        @media screen and (min-width: 768px) {
          .payment-selection-page .payment-selection .container .content-divider {
            position: static;
            height: 100%; } }
        .payment-selection-page .payment-selection .container .content-divider .inner {
          position: absolute;
          display: flex;
          align-items: center;
          justify-content: center;
          left: 0;
          right: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
          @media screen and (min-width: 768px) {
            .payment-selection-page .payment-selection .container .content-divider .inner {
              top: 0;
              bottom: 0;
              left: 50%;
              -webkit-transform: translateX(-50%);
                      transform: translateX(-50%); } }
          .payment-selection-page .payment-selection .container .content-divider .inner .line {
            width: 100%;
            background-color: #392723;
            height: 1px; }
            @media screen and (min-width: 768px) {
              .payment-selection-page .payment-selection .container .content-divider .inner .line {
                width: 1px;
                background-color: #392723;
                height: 100%; } }
          .payment-selection-page .payment-selection .container .content-divider .inner .or {
            position: absolute;
            z-index: 1;
            background: #EDEDED;
            padding: 0 1rem;
            font-weight: 700;
            top: 50%;
            left: 50%;
            -webkit-transform: translateY(-50%) translateX(-50%);
                    transform: translateY(-50%) translateX(-50%); }
            @media screen and (min-width: 768px) {
              .payment-selection-page .payment-selection .container .content-divider .inner .or {
                padding: 1rem 0; } }
    .payment-selection-page .payment-selection .row {
      text-align: center; }
      .payment-selection-page .payment-selection .row div ul.points {
        padding-left: 20px; }
      .payment-selection-page .payment-selection .row div p {
        text-align: left; }
        .payment-selection-page .payment-selection .row div p.header {
          margin-bottom: 1rem; }
        .payment-selection-page .payment-selection .row div p.caps {
          text-transform: uppercase; }
        .payment-selection-page .payment-selection .row div p .bold {
          font-weight: 700; }
      .payment-selection-page .payment-selection .row.error {
        color: red;
        border: 1px solid red;
        margin-top: 1rem; }
        .payment-selection-page .payment-selection .row.error p {
          margin-top: 1rem;
          margin-bottom: 1rem; }
    .payment-selection-page .payment-selection .stripe-button-el {
      display: none !important; }
    .payment-selection-page .payment-selection h2.header {
      font-size: 1.8em;
      color: #392723;
      letter-spacing: 2.5px;
      line-height: 2em;
      margin-bottom: 2rem;
      margin-top: 3rem; }
    .payment-selection-page .payment-selection hr.simple-brown-hr {
      display: block; }
      @media screen and (min-width: 768px) {
        .payment-selection-page .payment-selection hr.simple-brown-hr {
          display: none; } }
    .payment-selection-page .payment-selection .payment-icons-wrapper {
      width: 100%;
      float: left;
      display: flex;
      justify-content: center; }
      .payment-selection-page .payment-selection .payment-icons-wrapper .payment-icons {
        margin-top: 2rem;
        margin-bottom: 2rem;
        width: 100%;
        max-width: 370px;
        margin-left: auto;
        margin-right: auto;
        float: left; }
        .payment-selection-page .payment-selection .payment-icons-wrapper .payment-icons .col-xs-12 {
          display: flex;
          justify-content: center; }
          .payment-selection-page .payment-selection .payment-icons-wrapper .payment-icons .col-xs-12 img:not(last-child) {
            margin-right: 1rem; }
    .payment-selection-page .payment-selection .wizard-btn.pay-now {
      margin-top: 2rem;
      line-height: 36px; }
    .payment-selection-page .payment-selection .wizard-btn.pay-during-pickup {
      margin-top: 2rem;
      margin-bottom: 2rem; }
    .payment-selection-page .payment-selection .flex-hidden-sm {
      display: flex; }
      @media screen and (min-width: 768px) {
        .payment-selection-page .payment-selection .flex-hidden-sm {
          display: none; } }
    .payment-selection-page .payment-selection .hidden-sm {
      display: block; }
      @media screen and (min-width: 768px) {
        .payment-selection-page .payment-selection .hidden-sm {
          display: none; } }
    .payment-selection-page .payment-selection .vis-sm {
      display: none; }
      @media screen and (min-width: 768px) {
        .payment-selection-page .payment-selection .vis-sm {
          display: block; } }
    .payment-selection-page .payment-selection .wide-white-box, .payment-selection-page .payment-selection .ski-configurator .wizard-card-footer, .ski-configurator .payment-selection-page .payment-selection .wizard-card-footer {
      min-width: 320px; }
      .payment-selection-page .payment-selection .wide-white-box .max-width, .payment-selection-page .payment-selection .ski-configurator .wizard-card-footer .max-width, .ski-configurator .payment-selection-page .payment-selection .wizard-card-footer .max-width {
        max-width: 900px;
        margin: 0 auto; }
        .payment-selection-page .payment-selection .wide-white-box .max-width .row, .payment-selection-page .payment-selection .ski-configurator .wizard-card-footer .max-width .row, .ski-configurator .payment-selection-page .payment-selection .wizard-card-footer .max-width .row {
          position: relative; }
          .payment-selection-page .payment-selection .wide-white-box .max-width .row .total-price-wrapper, .payment-selection-page .payment-selection .ski-configurator .wizard-card-footer .max-width .row .total-price-wrapper, .ski-configurator .payment-selection-page .payment-selection .wizard-card-footer .max-width .row .total-price-wrapper {
            text-align: right;
            position: absolute;
            top: 50%;
            right: 0;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%); }

.page-wrap {
  padding-bottom: 0 !important; }

.warning-modal-css-modifier.remodal-overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: none; }

.warning-modal-css-modifier.remodal-wrapper {
  padding: 0; }

.warning-modal-css-modifier.warning-modal.remodal {
  background: transparent;
  padding: 0;
  top: 2em;
  max-width: none;
  max-width: initial;
  width: auto;
  left: 2em;
  right: 2em;
  margin-bottom: 2em;
  position: absolute;
  min-height: 450px;
  min-width: 320px; }
  @media (max-width: 768px) {
    .warning-modal-css-modifier.warning-modal.remodal {
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin-bottom: 0; } }
  .warning-modal-css-modifier.warning-modal.remodal .bg {
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 100%; }
    @media (max-width: 768px) {
      .warning-modal-css-modifier.warning-modal.remodal .bg {
        background: white; } }
  .warning-modal-css-modifier.warning-modal.remodal button.remodal-close {
    background-color: #000000;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    right: 2em;
    top: 2em; }
    @media (max-width: 768px) {
      .warning-modal-css-modifier.warning-modal.remodal button.remodal-close {
        position: static;
        float: right;
        margin-right: 2em;
        margin-top: 2em;
        margin-bottom: 2em;
        width: 36px;
        height: 36px;
        background-size: 12px 12px; } }
  .warning-modal-css-modifier.warning-modal.remodal .container.max-width {
    max-width: 555px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%); }
    @media (max-width: 768px) {
      .warning-modal-css-modifier.warning-modal.remodal .container.max-width {
        position: static;
        top: auto;
        top: initial;
        left: auto;
        left: initial;
        -webkit-transform: none;
                transform: none; } }
    .warning-modal-css-modifier.warning-modal.remodal .container.max-width .title {
      text-align: center;
      width: 100%;
      background: none;
      padding: 0;
      display: block;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 1.8em;
      margin-bottom: 0; }
    .warning-modal-css-modifier.warning-modal.remodal .container.max-width .subtitle {
      font-weight: 700;
      font-size: 1.4em; }
    .warning-modal-css-modifier.warning-modal.remodal .container.max-width .stripe-button-el {
      display: none; }
    .warning-modal-css-modifier.warning-modal.remodal .container.max-width ul {
      text-align: left;
      padding-left: 20px;
      margin-bottom: 2em;
      margin-top: 1em; }
      .warning-modal-css-modifier.warning-modal.remodal .container.max-width ul li {
        padding-bottom: 1em; }
        .warning-modal-css-modifier.warning-modal.remodal .container.max-width ul li .bold {
          font-weight: 700; }

section.vorwort.additional-info-section {
  padding: 0;
  padding-top: 2rem; }

.further-information .max-width {
  max-width: 900px;
  margin: 0 auto;
  min-width: 320px; }
  .further-information .max-width section.form {
    padding: 2em; }
  .further-information .max-width .center-text {
    text-align: center;
    max-width: 550px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 2em;
    float: none;
    float: initial; }
  .further-information .max-width button.button.greyed {
    opacity: 0.5; }

.further-information h3.box-title {
  text-transform: uppercase; }

.further-information .bottom-description {
  display: block;
  margin-bottom: 20px;
  color: #392723;
  letter-spacing: 0.01px;
  line-height: 18px;
  opacity: 0.6;
  float: left; }

.further-information .checkbox-input-wrapper .checkbox input {
  margin-left: 2px;
  top: calc(50% - 13px); }

.further-information .checkbox-input-wrapper label {
  padding-left: 31px; }

.further-information .checkbox-input-wrapper #id_is_subscribe_newsletter {
  top: calc(50% - 10px); }

.further-information .form-group p.info {
  margin-bottom: 2em;
  display: block;
  width: 100%; }

.further-information .form-group input {
  border: 1px solid #000000 !important;
  height: 40px;
  width: 100%;
  font-size: 14px;
  color: #000000;
  letter-spacing: 0.01px;
  background-color: transparent;
  border-radius: 0; }

.further-information .form-group textarea {
  border: 1px solid #000000;
  height: 80px;
  width: 100%;
  font-size: 14px;
  color: #392723;
  opacity: 0.6;
  letter-spacing: 0.01px;
  background-color: transparent;
  border-radius: 0;
  resize: vertical; }

.further-information .form-group label {
  display: block;
  margin-bottom: 20px;
  color: #392723;
  letter-spacing: 0.01px;
  z-index: 1 !important; }

.further-information .form-group select {
  border: 1px solid #000000 !important;
  color: #000000;
  font-size: 1em;
  height: 58px;
  padding-top: 15px; }

.further-information .form-group .radio-list {
  width: 100%;
  list-style: none;
  padding: 0;
  display: block;
  float: left;
  /* checked checkbox */ }
  .further-information .form-group .radio-list label {
    cursor: pointer;
    padding-left: 52px;
    position: relative;
    height: 32px;
    width: 100%;
    display: flex;
    align-items: center;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 2em;
    line-height: 32px;
    text-transform: capitalize; }
    .further-information .form-group .radio-list label:before {
      content: '';
      width: 32px;
      height: 32px;
      background-image: url("unchecked-64574634be24f187d38171d43cbfc1cd.64574634be24.svg");
      background-repeat: no-repeat;
      display: block;
      float: left;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto; }
  .further-information .form-group .radio-list input[type="radio"] {
    display: none; }
  .further-information .form-group .radio-list input[type="radio"]:checked + label:before {
    background-image: url("checked-5920a7fe05b632366bf7755a329964f8.5920a7fe05b6.svg"); }

.further-information ul.errorlist {
  list-style-type: none;
  padding: 0; }
  .further-information ul.errorlist li {
    color: red; }

.further-information a {
  color: #3366CC !important; }
  .further-information a:hover {
    color: #1f3d7a !important; }

.container-successful-update-sole-length .button--margin-bottom {
  margin-bottom: 30px;
  margin-top: 30px; }

.container-update-sole-length .boot-image-wrapper {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center; }
  .container-update-sole-length .boot-image-wrapper .boot-image {
    background: url("boot-11c084ba5bd1e0254f84d09f41f9ffb0.11c084ba5bd1.svg") no-repeat;
    width: 238px;
    height: 266px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative; }
    .container-update-sole-length .boot-image-wrapper .boot-image .size {
      width: 63px;
      height: 63px;
      position: absolute;
      bottom: -20px;
      right: 30px; }
  .container-update-sole-length .boot-image-wrapper .info {
    float: left;
    width: 100%;
    text-align: center;
    opacity: 0.6;
    margin-top: 20px;
    margin-bottom: 30px; }

[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer; }
  [data-tooltip]:before, [data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    pointer-events: none; }
  [data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 160px;
    border-radius: 3px;
    background-color: #000;
    background-color: rgba(51, 51, 51, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2; }
  [data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid rgba(51, 51, 51, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0; }
  [data-tooltip]:hover:before, [data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1; }

.uvp .uvp-top {
  position: relative;
  padding: 40px 0;
  width: 100%;
  border-top: 1px solid #8C9EFF; }

.uvp h4 {
  margin: 25px auto; }

.uvp p {
  margin-top: 0; }

.uvp a {
  color: #392723; }

.uvp .uvp-button {
  width: 380px;
  max-width: 100%;
  margin: 40px auto 20px;
  display: block; }

@media screen and (max-width: 991px) {
  .uvp .uvp-button {
    margin: 20px auto; } }

select.bs-select-hidden, select.selectpicker {
  display: none !important; }

.bootstrap-select {
  width: 220px \0;
  /*IE9 and below */ }
  .bootstrap-select > .dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1; }
    .bootstrap-select > .dropdown-toggle.bs-placeholder {
      color: #999; }
      .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
        color: #999; }
  .bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none; }
    .bootstrap-select > select.mobile-device {
      top: 0;
      left: 0;
      display: block !important;
      width: 100% !important;
      z-index: 2; }

.has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48; }

.bootstrap-select.fit-width {
  width: auto !important; }

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px; }

.bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px; }

.bootstrap-select.form-control, select.bootstrap-select, .login-box .login-box-content form input.bootstrap-select {
  margin-bottom: 0;
  padding: 0;
  border: none; }
  .bootstrap-select.form-control:not([class*="col-"]), select.bootstrap-select:not([class*="col-"]), .login-box .login-box-content form input.bootstrap-select:not([class*="col-"]) {
    width: 100%; }
  .bootstrap-select.form-control.input-group-btn, select.bootstrap-select.input-group-btn, .login-box .login-box-content form input.bootstrap-select.input-group-btn {
    z-index: auto; }
    .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn, select.bootstrap-select.input-group-btn:not(:first-child):not(:last-child) > .btn, .login-box .login-box-content form input.bootstrap-select.input-group-btn:not(:first-child):not(:last-child) > .btn {
      border-radius: 0; }

.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0; }

.bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right; }

.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right; }

.form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group {
  margin-bottom: 0; }

.form-group-lg .bootstrap-select.btn-group.form-control, .form-group-lg select.bootstrap-select.btn-group, .form-group-lg .login-box .login-box-content form input.bootstrap-select.btn-group, .login-box .login-box-content form .form-group-lg input.bootstrap-select.btn-group, .form-group-sm .bootstrap-select.btn-group.form-control, .form-group-sm select.bootstrap-select.btn-group, .form-group-sm .login-box .login-box-content form input.bootstrap-select.btn-group, .login-box .login-box-content form .form-group-sm input.bootstrap-select.btn-group {
  padding: 0; }

.form-inline .bootstrap-select.btn-group .form-control, .form-inline .bootstrap-select.btn-group select, .form-inline .bootstrap-select.btn-group .login-box .login-box-content form input, .login-box .login-box-content form .form-inline .bootstrap-select.btn-group input {
  width: 100%; }

.bootstrap-select.btn-group.disabled {
  cursor: not-allowed; }
  .bootstrap-select.btn-group.disabled:focus {
    outline: none !important; }

.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed; }

.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important; }

.bootstrap-select.btn-group.bs-container {
  position: absolute;
  height: 0 !important;
  padding: 0 !important; }
  .bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060; }

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left; }

.bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle; }

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
  width: 100%; }

.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  box-sizing: border-box; }
  .bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none; }
  .bootstrap-select.btn-group .dropdown-menu li {
    position: relative; }
    .bootstrap-select.btn-group .dropdown-menu li.active small {
      color: #fff; }
    .bootstrap-select.btn-group .dropdown-menu li.disabled a {
      cursor: not-allowed; }
    .bootstrap-select.btn-group .dropdown-menu li a {
      cursor: pointer;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .bootstrap-select.btn-group .dropdown-menu li a.opt {
        position: relative;
        padding-left: 2.25em; }
      .bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
        display: none; }
      .bootstrap-select.btn-group .dropdown-menu li a span.text {
        display: inline-block; }
    .bootstrap-select.btn-group .dropdown-menu li small {
      padding-left: 0.5em; }
  .bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    box-sizing: border-box; }

.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap; }

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
  position: static; }

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px; }

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px; }

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
  z-index: 1061; }

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none; }

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block; }

.bs-searchbox, .bs-actionsbox, .bs-donebutton {
  padding: 4px 8px; }

.bs-actionsbox {
  width: 100%;
  box-sizing: border-box; }
  .bs-actionsbox .btn-group button {
    width: 50%; }

.bs-donebutton {
  float: left;
  width: 100%;
  box-sizing: border-box; }
  .bs-donebutton .btn-group button {
    width: 100%; }

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px; }

.bs-searchbox .form-control, .bs-searchbox select, .bs-searchbox .login-box .login-box-content form input, .login-box .login-box-content form .bs-searchbox input {
  margin-bottom: 0;
  width: 100%;
  float: none; }

/*
 * Responsive text aligning
 * http://ohryan.ca/2014/08/14/set-responsive-text-alignment-bootstrap-3/
 */
.text-xs-left {
  text-align: left; }

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

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

.text-xs-justify {
  text-align: justify; }

@media (min-width: 768px) {
  .text-sm-left {
    text-align: left; }
  .text-sm-right {
    text-align: right; }
  .text-sm-center {
    text-align: center; }
  .text-sm-justify {
    text-align: justify; } }

@media (min-width: 992px) {
  .text-md-left {
    text-align: left; }
  .text-md-right {
    text-align: right; }
  .text-md-center {
    text-align: center; }
  .text-md-justify {
    text-align: justify; } }

@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left; }
  .text-lg-right {
    text-align: right; }
  .text-lg-center {
    text-align: center; }
  .text-lg-justify {
    text-align: justify; } }

.spacer-100 {
  margin-top: 100px; }

.spacer-50 {
  margin-top: 50px; }

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

button {
  font-weight: 700; }

/* edit / delete icon common stylings */
.generic-icon, .overview-content .wizard-btn.edit, .overview-content .wizard-btn.delete, .overview-content .wizard-btn.add, .ski-configurator .wizard-btn.edit, .ski-configurator .wizard-btn.delete, .ski-configurator .wizard-btn.add, .payment-selection-page .wizard-btn.edit, .payment-selection-page .wizard-btn.delete, .payment-selection-page .wizard-btn.add, .wizard-btn.edit, button.edit.wizard-btn, a.edit.wizard-btn, .wizard-btn.delete, button.delete.wizard-btn, a.delete.wizard-btn, .wizard-btn.add, button.add.wizard-btn, a.add.wizard-btn, .c-button.edit, .c-button.delete, .c-button.add {
  border: 1px solid black !important;
  padding: 0;
  display: flex;
  align-items: center;
  text-transform: uppercase; }
  @media (min-width: 768px) {
    .generic-icon, .overview-content .wizard-btn.edit, .overview-content .wizard-btn.delete, .overview-content .wizard-btn.add, .ski-configurator .wizard-btn.edit, .ski-configurator .wizard-btn.delete, .ski-configurator .wizard-btn.add, .payment-selection-page .wizard-btn.edit, .payment-selection-page .wizard-btn.delete, .payment-selection-page .wizard-btn.add, .wizard-btn.edit, button.edit.wizard-btn, a.edit.wizard-btn, .wizard-btn.delete, button.delete.wizard-btn, a.delete.wizard-btn, .wizard-btn.add, button.add.wizard-btn, a.add.wizard-btn, .c-button.edit, .c-button.delete, .c-button.add {
      height: 50px;
      line-height: 20px; } }
  .generic-icon .icon, .wizard-btn.edit .icon, .wizard-btn.delete .icon, .wizard-btn.add .icon, .c-button.edit .icon, .c-button.delete .icon, .c-button.add .icon {
    width: 8px;
    height: 8px;
    display: inline-block; }

.wizard-btn, .overview-content button.wizard-btn, .overview-content a.wizard-btn, .ski-configurator button.wizard-btn, .ski-configurator a.wizard-btn, .payment-selection-page button.wizard-btn, .payment-selection-page a.wizard-btn, button.wizard-btn, a.wizard-btn {
  transition: all 250ms ease-out;
  background-color: #000000;
  color: white;
  text-transform: uppercase;
  min-height: 36px;
  width: auto;
  border-radius: 0;
  font-size: 1em;
  border: 1px solid transparent;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 36px;
  padding: 0 1em;
  cursor: pointer;
  overflow: hidden;
  white-space: normal;
  /* transparent background, green border */
  /* takes full width of its container */ }
  @media (min-width: 768px) {
    .wizard-btn, .overview-content button.wizard-btn, .overview-content a.wizard-btn, .ski-configurator button.wizard-btn, .ski-configurator a.wizard-btn, .payment-selection-page button.wizard-btn, .payment-selection-page a.wizard-btn, button.wizard-btn, a.wizard-btn {
      width: 278px;
      height: 50px;
      line-height: 50px; } }
  .wizard-btn:hover {
    background-color: transparent;
    border: 1px solid #000000;
    color: #000000; }
  .wizard-btn.inverted {
    background-color: transparent;
    color: #000000;
    border: 1px solid #000000; }
    .wizard-btn.inverted:hover {
      background-color: black;
      color: white; }
  .wizard-btn.full-width {
    width: 100%; }
  .wizard-btn.edit .icon {
    background-image: url("edit-icon-3880c77016898994caa5c10543b428ee.3880c7701689.svg");
    margin-right: 5px; }
  .wizard-btn.delete .icon {
    background-image: none;
    font-size: 1.4em;
    margin-right: 5px;
    width: auto;
    height: auto; }
  .wizard-btn.add .icon {
    background-image: none;
    font-size: 1.4em;
    margin-right: 5px;
    width: auto;
    height: auto; }
  .wizard-btn.greyed {
    opacity: 0.3; }

/* generic button styling */
.overview-content a.wizard-btn, .ski-configurator a.wizard-btn, .payment-selection-page a.wizard-btn, a.wizard-btn {
  font-weight: 700;
  display: block;
  text-align: center; }

[dir="ltr"] .wizard-button{
  text-align: left; }

[dir="rtl"] .wizard-button{
  text-align: right; }

.wizard-button {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 250ms ease-out;
  background-color: #000000;
  color: white;
  text-transform: uppercase;
  font-size: 16px;
  padding: 12px 8px;
  cursor: pointer;
  overflow: hidden; }
  .wizard-button:hover {
    background-color: transparent;
    border: 1px solid #000000;
    color: #000000; }
  @media (max-width: 480px) {
    .wizard-button {
      text-align: center; } }
  @media (max-width: 768px) {
    .wizard-button {
      padding: 8px 8px; } }
  .wizard-button .icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 18px;
    height: 18px; }
  .wizard-button.edit .icon, .wizard-button.delete .icon, .wizard-button.add .icon {
    transition: all 250ms ease-out;
    margin-right: 8px; }
  .wizard-button.edit .icon {
    width: 10px;
    height: 10px;
    background-image: url("edit-icon-3880c77016898994caa5c10543b428ee.3880c7701689.svg"); }
  .wizard-button.delete .icon {
    background-image: url("remove-icon-697e2b952d2e2572f1977e1da8903d2d.697e2b952d2e.svg"); }
  .wizard-button.add .icon {
    background-image: url("add-icon__white-8737d7535fc526d5b8cf12c005fc7fa3.8737d7535fc5.svg"); }
  .wizard-button.add:hover .icon {
    background-image: url("add-icon-4fa02c30ede216169255e01de25b0aad.4fa02c30ede2.svg"); }
  .wizard-button.inverted {
    background-color: transparent;
    color: #000000;
    border: 1px solid #000000; }
    .wizard-button.inverted:hover {
      background-color: black;
      color: white; }
      .wizard-button.inverted:hover.edit .icon {
        background-image: url("edit-icon__white-82d97c3a795725c820403b3ef8739c37.82d97c3a7957.svg"); }
      .wizard-button.inverted:hover.delete .icon {
        background-image: url("remove-icon__white-6fb2814de529d6132d9ba9d911041c60.6fb2814de529.svg"); }

/* stars rating common for desktop and mobile */
.stars-container {
  font-family: Helvetica, sans-serif; }
  .stars-container .stars-rating {
    width: 100%; }
    .stars-container .stars-rating .header-title {
      float: left;
      text-align: center;
      font-weight: bold;
      font-size: 21px;
      margin-top: 0.6rem;
      margin-bottom: 0.6rem;
      margin-right: 2em; }
      @media screen and (max-width: 992px) {
        .stars-container .stars-rating .header-title {
          width: 100%;
          margin-right: 0; } }
    .stars-container .stars-rating img.stars {
      float: left;
      margin: 0 auto;
      display: block;
      margin-top: 0.6rem;
      margin-bottom: 0.6rem; }
      @media screen and (max-width: 992px) {
        .stars-container .stars-rating img.stars {
          float: none;
          float: initial; } }
    .stars-container .stars-rating .description-info {
      float: left;
      font-size: 0.9rem;
      margin-bottom: 0.6rem;
      width: 100%;
      text-align: center;
      opacity: 0.6;
      color: #000000;
      padding-left: 1rem;
      padding-right: 1rem; }
      .stars-container .stars-rating .description-info .underline {
        text-decoration: underline;
        color: #000000;
        cursor: pointer; }

hr.simple-brown-hr {
  width: 100%;
  max-width: 555px; }

.col--mb-gutter {
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .col--mb-gutter {
      margin-bottom: 30px; } }

@media (max-width: 991px) {
  .row {
    margin-left: -8px;
    margin-right: -8px; } }

@media (max-width: 991px) {
  .row [class^="col"] {
    padding-left: 8px;
    padding-right: 8px; } }

.c-box {
  border: 1px solid #A7A9AD;
  background: #fff; }

.c-box__header {
  background: #EDEDED;
  margin: 0;
  color: #666666;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  padding: 1.2em 1em; }

.c-box__content {
  padding: 10px;
  font-size: 0.85rem; }
  @media (min-width: 480px) {
    .c-box__content {
      padding: 15px; } }
  @media (min-width: 768px) {
    .c-box__content {
      padding: 13px 30px 30px;
      font-size: 1rem; } }

.c-box__description {
  margin-bottom: 1em; }
  .c-box__description a {
    color: #8C9EFF; }
    .c-box__description a:visited {
      color: #8C9EFF; }
    .c-box__description a.morelink {
      text-decoration: none;
      outline: none; }
  .c-box__description .morecontent span {
    display: none; }

.c-box__photo-wrap {
  margin-bottom: 5px; }

.c-box__photo {
  max-width: 100%;
  margin-bottom: 9px; }

.c-box__price {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 1.8em; }
  .c-box__price strong {
    font-weight: 700; }

.c-box__section {
  background: #EDEDED;
  margin-bottom: 15px;
  padding: 10px; }
  @media (min-width: 768px) {
    .c-box__section {
      display: flex;
      justify-content: space-between; } }
  @media (min-width: 768px) {
    .c-box__section {
      margin-bottom: 28px;
      padding: 19px 20px; } }

.c-box__section-label {
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 0.8em;
  text-align: center; }
  @media (min-width: 768px) {
    .c-box__section-label {
      margin-bottom: 0;
      text-align: left;
      margin-right: 20px; } }

.c-box__section-options {
  flex: 0 0 53%; }

.c-box__section-option {
  position: relative; }

.c-box__summary {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.c-box__summary-price {
  font-size: 1.5rem;
  font-weight: 500;
  text-transform: uppercase; }

.c-box__section-label-img {
  margin-top: 13px; }

/* Styling Checkbox Starts */
.c-checkbox {
  display: block;
  position: relative;
  cursor: pointer;
  clear: both;
  padding-left: 40px;
  font-weight: 400;
  text-transform: uppercase; }

.c-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  left: 0; }

.c-checkbox .c-checkbox__el {
  position: absolute;
  top: 50%;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border-radius: 0;
  border: 2px solid #000000;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.c-checkbox input:checked ~ .c-checkbox__el {
  background-color: transparent;
  border-radius: 0;
  -webkit-transform: rotate(0deg) scale(1) translateY(-50%);
          transform: rotate(0deg) scale(1) translateY(-50%);
  opacity: 1;
  border: 2px solid #000; }

.c-checkbox .c-checkbox__el::after {
  position: absolute;
  content: "";
  left: 8px;
  top: 8px;
  height: 0;
  width: 0;
  border: solid #000;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(0deg) scale(0) translateY(-50%);
          transform: rotate(0deg) scale(0) translateY(-50%);
  opacity: 1; }

.c-checkbox input:checked ~ .c-checkbox__el::after {
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  opacity: 1;
  left: 5px;
  top: 1px;
  width: 6px;
  height: 12px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  background-color: transparent;
  border-radius: 0; }

.c-button {
  transition: all 250ms ease-out;
  background: #fff;
  color: #000;
  text-transform: uppercase;
  min-height: 36px;
  width: auto;
  border-radius: 0;
  font-size: 1em;
  border: 2px solid #000;
  outline: none;
  display: inline-block;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0.8em 1em;
  cursor: pointer;
  overflow: hidden;
  white-space: normal;
  position: relative;
  z-index: 1;
  font-weight: 700;
  /* transparent background, green border */
  /* takes full width of its container */ }
  .c-button::after {
    content: ' ';
    background: #000;
    position: absolute;
    z-index: -1;
    height: 101%;
    left: -45%;
    top: 0;
    -webkit-transform: skew(-50deg);
            transform: skew(-50deg);
    transition-duration: 0.5s;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    width: 0; }
  .c-button[disabled], .c-button.c-button--disabled {
    background: #CDCDCD;
    color: #FFF;
    border-color: #CDCDCD;
    cursor: not-allowed; }
    .c-button[disabled]:hover, .c-button.c-button--disabled:hover {
      background: #CDCDCD;
      color: #FFF;
      border-color: #CDCDCD; }
      .c-button[disabled]:hover::after, .c-button.c-button--disabled:hover::after {
        display: none; }
  @media (min-width: 768px) {
    .c-button {
      min-width: 258px; } }
  .c-button:hover {
    background-color: #fff;
    color: #fff; }
    .c-button:hover::after {
      width: 175%;
      height: 101%; }
  .c-button.inverted {
    background-color: transparent;
    border: 1px solid #8c9eff; }
    .c-button.inverted:hover {
      background-color: #8c9eff;
      border: 1px solid transparent; }
  .c-button.full-width {
    width: 100%; }
  .c-button.edit .icon {
    background-image: url("edit-icon-3880c77016898994caa5c10543b428ee.3880c7701689.svg");
    margin-right: 5px; }
  .c-button.delete {
    display: block; }
    .c-button.delete .icon {
      background-image: none;
      font-size: 1.4em;
      margin-right: 5px;
      width: auto;
      height: auto; }
  .c-button.add .icon {
    background-image: none;
    font-size: 1.4em;
    margin-right: 5px;
    width: auto;
    height: auto; }
  .c-button.greyed {
    opacity: 0.3; }

.c-button--full-width {
  width: 100%; }

.c-button--full-width-xs {
  width: 100%; }
  @media (min-width: 768px) {
    .c-button--full-width-xs {
      width: auto; } }

.c-button--with-margins {
  margin: 40px auto 20px; }
  @media (min-width: 480px) {
    .c-button--with-margins {
      width: 300px; } }
  @media (min-width: 768px) {
    .c-button--with-margins {
      width: 380px;
      max-width: 100%;
      margin: 40px auto 20px; } }

.c-button--with-mb {
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .c-button--with-mb {
      margin-bottom: 20px; } }

.c-button--secondary {
  background: #eaeaea; }

.c-pagination-bar {
  background: #8C9EFF;
  text-align: center;
  color: #fff;
  padding: 15px 0 14px; }
  @media (min-width: 768px) {
    .c-pagination-bar {
      padding: 20px 0 23px; } }

.c-pagination-bar__header {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
  text-transform: uppercase;
  color: #f5f2ef; }
  @media (min-width: 768px) {
    .c-pagination-bar__header {
      font-size: 28px; } }

.c-circle-pagination {
  list-style: none;
  padding: 0;
  margin: 0 0 11px 0;
  display: flex;
  justify-content: center; }
  @media (min-width: 768px) {
    .c-circle-pagination {
      margin: 0 0 17px 0; } }

.c-circle-pagination__item {
  width: 6px;
  height: 6px;
  background: transparent;
  border-radius: 100%;
  border: 1px solid #fff;
  margin: 0 3px; }

.c-circle-pagination__item--active {
  background: #fff; }

.c-header {
  font-size: 28px;
  margin-top: 0;
  margin-bottom: 1em;
  color: #000;
  font-weight: 500; }
  @media (min-width: 768px) {
    .c-header {
      font-size: 34px; } }
  @media (min-width: 1200px) {
    .c-header {
      font-size: 45px; } }

.c-header-smaller {
  font-size: 17px; }
  @media (min-width: 768px) {
    .c-header-smaller {
      font-size: 34px; } }
  @media (min-width: 1200px) {
    .c-header-smaller {
      font-size: 45px; } }

.c-header--small {
  font-size: 16px; }
  @media (min-width: 768px) {
    .c-header--small {
      font-size: 18px; } }
  @media (min-width: 1200px) {
    .c-header--small {
      font-size: 20px; } }

.c-header--mini {
  font-size: 14px; }
  @media (min-width: 768px) {
    .c-header--mini {
      font-size: 15px; } }
  @media (min-width: 1200px) {
    .c-header--mini {
      font-size: 16px; } }

.c-header--medium {
  font-size: 28px; }
  @media (min-width: 768px) {
    .c-header--medium {
      font-size: 32px; } }
  @media (min-width: 1200px) {
    .c-header--medium {
      font-size: 36px; } }

.nav-tabs.nav-tabs--large {
  display: flex;
  border-bottom: 0; }
  .nav-tabs.nav-tabs--large > li {
    display: flex;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .nav-tabs.nav-tabs--large > li {
        width: 210px; } }
    @media (min-width: 992px) {
      .nav-tabs.nav-tabs--large > li {
        width: 288px; } }
    .nav-tabs.nav-tabs--large > li > a {
      border: 1px solid #F2F1F2;
      border-bottom: 0;
      border-radius: 0;
      color: #666666;
      padding: 10px 22px;
      background-image: linear-gradient(180deg, #ededed 0%, #ffffff 100%); }
      @media (min-width: 768px) {
        .nav-tabs.nav-tabs--large > li > a {
          border: 0;
          padding: 19px 15px; } }
      @media (min-width: 992px) {
        .nav-tabs.nav-tabs--large > li > a {
          padding: 19px 25px; } }
      .nav-tabs.nav-tabs--large > li > a:hover {
        border-radius: 0;
        color: #000; }
        @media (min-width: 768px) {
          .nav-tabs.nav-tabs--large > li > a:hover {
            border: 0; } }
    .nav-tabs.nav-tabs--large > li.active > a {
      background: #EDEDED;
      color: #000000;
      border-radius: 0; }
      @media (min-width: 768px) {
        .nav-tabs.nav-tabs--large > li.active > a {
          border: 0; } }

.nav-tabs__header {
  display: block;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase; }
  @media (min-width: 768px) {
    .nav-tabs__header {
      font-size: 20px;
      margin-bottom: 0.3em; } }

.nav-tabs__desc {
  font-size: 0.8rem;
  line-height: 1.375; }
  @media (min-width: 992px) {
    .nav-tabs__desc {
      font-size: 1rem; } }

.nav-tabs__basket {
  position: absolute;
  right: 15px;
  bottom: -31px;
  width: 62px;
  height: 62px;
  border: 1px solid #A7A9AD;
  background: url("cart-6cf85f646d884450cabbebcece262b91.6cf85f646d88.svg") center center no-repeat #fff;
  background-size: 24px 21px;
  display: none; }
  @media (min-width: 768px) {
    .nav-tabs__basket {
      display: block; } }
  .nav-tabs__basket:hover {
    background-color: #e6e6e6; }

.nav-tabs__basket-items {
  background: #000000;
  color: #fff;
  width: 22px;
  height: 22px;
  display: flex;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  position: absolute;
  left: 51%;
  top: 12%; }

@media (min-width: 960px) {
  .modal-dialog {
    width: 941px; } }

.modal-content {
  border: 1px solid #93959a;
  border-radius: 0; }

.modal-header {
  background: #EDEDED;
  padding: 20px 15px; }

.modal-title {
  text-align: center;
  color: #666666;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase; }

.modal-body {
  padding: 15px 20px; }
  @media (min-width: 768px) {
    .modal-body {
      padding: 20px 30px; } }
  @media (min-width: 1200px) {
    .modal-body {
      padding: 37px 62px 15px 62px; } }

.modal-footer {
  border: 0;
  padding: 5px 20px 20px; }
  @media (min-width: 768px) {
    .modal-footer {
      padding: 7px 30px 30px; } }
  @media (min-width: 1200px) {
    .modal-footer {
      padding: 10px 62px 40px; } }

.modal-header button.close {
  background: url("modal-close-1399d7bcbcf16fb592bc60e7e426a559.1399d7bcbcf1.svg") no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  text-indent: -9999px;
  margin-top: -8px;
  margin-right: -5px; }

.c-bottom-bar {
  background: #fff;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 999;
  padding-top: 10px;
  padding-bottom: 15px; }
  @media (min-width: 768px) {
    .c-bottom-bar {
      padding-top: 23px;
      padding-bottom: 23px; } }

@media (min-width: 768px) {
  .c-bottom-bar__wrap {
    display: flex;
    justify-content: center;
    align-items: center; } }

.c-bottom-bar__spacer {
  margin-right: auto;
  text-align: center;
  margin-bottom: 8px;
  color: #000000;
  font-size: 18px; }
  @media (min-width: 768px) {
    .c-bottom-bar__spacer {
      visibility: hidden;
      text-align: left; } }

.c-bottom-bar__total-price {
  margin-left: auto;
  visibility: hidden;
  display: none;
  color: #000000;
  font-size: 18px; }
  @media (min-width: 768px) {
    .c-bottom-bar__total-price {
      visibility: visible;
      display: block; } }

.c-bottom-bar__buttons {
  display: flex;
  justify-content: space-between; }
  .c-bottom-bar__buttons .c-button {
    min-width: calc(50% - 8px);
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(50% - 8px);
    text-align: center; }
    @media (min-width: 768px) {
      .c-bottom-bar__buttons .c-button {
        margin: 0 10px;
        flex-basis: auto;
        min-width: 1px;
        min-width: 180px; } }
    @media (min-width: 992px) {
      .c-bottom-bar__buttons .c-button {
        min-width: 256px;
        margin: 0 21px; } }

.tooltip.in {
  opacity: 1; }

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #FEE486; }

.tooltip-inner {
  background: #FEE486;
  color: #392723;
  font-size: 12px;
  padding: 13px 20px;
  max-width: 240px; }

.c-card-with-map {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-bottom: 25px; }
  @media (min-width: 768px) {
    .c-card-with-map {
      flex-wrap: nowrap;
      margin-bottom: 40px;
      margin-top: 72px; } }

.c-card-with-map__map {
  flex: 0 0 100%;
  min-height: 300px; }
  @media (min-width: 768px) {
    .c-card-with-map__map {
      flex: 0 0 300px; } }
  @media (min-width: 992px) {
    .c-card-with-map__map {
      flex: 0 0 350px; } }

.c-card-with-map__header {
  padding: 12px 15px; }
  @media (min-width: 768px) {
    .c-card-with-map__header {
      display: none; } }
  .c-card-with-map__header .c-header {
    margin-bottom: 0; }

.c-card-with-map__content {
  padding: 20px 15px;
  letter-spacing: 0.01px;
  line-height: 1.5;
  flex: 1 1 auto;
  font-size: 16px; }
  @media (min-width: 768px) {
    .c-card-with-map__content {
      padding: 18px 30px;
      font-size: 18px; } }
  @media (min-width: 992px) {
    .c-card-with-map__content {
      padding: 18px 42px; } }
  .c-card-with-map__content .c-header {
    margin-bottom: 0.6em; }
  .c-card-with-map__content table {
    line-height: 1.55; }
  .c-card-with-map__content td {
    padding: 0 4px; }

.c-card-with-map__right-txt {
  margin-top: 20px; }
  @media (min-width: 1200px) {
    .c-card-with-map__right-txt {
      padding-left: 41px;
      margin-top: 0; } }

.datepicker table tr td, .datepicker table tr th {
  border-radius: 0; }

.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active {
  background: #000;
  color: #fff;
  border: 1px solid #fff; }

.datepicker table tr td.disabled {
  background: #D0D0D0;
  color: #000; }

.datepicker table tr td.disabled:hover {
  background: #D0D0D0;
  color: #000;
  cursor: not-allowed; }

.datepicker-dropdown {
  border-radius: 0; }

.datepicker table tr td, .datepicker table tr th {
  border: 1px solid #fff; }

.datepicker table tr td {
  width: 35px;
  height: 35px; }
  @media (min-width: 480px) {
    .datepicker table tr td {
      width: 44px;
      height: 44px; } }

.datepicker table tr th {
  font-weight: 500; }

.datepicker .datepicker-days table tr:nth-child(1) th {
  font-size: 18px; }

.datepicker .datepicker-days table tr:nth-child(1) th,
.datepicker .datepicker-days table tr:nth-child(2) th {
  text-transform: uppercase; }

.c-cart-sum {
  padding: 40px 0 40px; }
  @media (min-width: 768px) {
    .c-cart-sum {
      padding: 47px 0 72px; } }

.c-cart-sum__top-row {
  border-bottom: 1px solid #93959a;
  color: #000;
  padding-bottom: 5px; }
  .c-cart-sum__top-row [class^="col"] {
    display: none; }
    @media (min-width: 768px) {
      .c-cart-sum__top-row [class^="col"] {
        display: block; } }
  @media (min-width: 768px) {
    .c-cart-sum__top-row {
      font-size: 16px; } }

.c-cart-sum__separator,
.c-cart-sum .c-cart-sum__items .c-cart-sum__separator {
  border-top: 1px solid #93959a;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0; }

@media (min-width: 992px) {
  .c-cart-sum__separator-internal {
    width: 755px; } }

.c-cart-sum__with-border {
  border-bottom: 1px solid #93959a; }

@media (max-width: 991px) {
  .c-cart-sum__with-border--not-on-mobile {
    border: 0; } }

.c-cart-sum__items {
  letter-spacing: 0.01px;
  line-height: 1.7; }
  .c-cart-sum__items [class^="col"] {
    padding-top: 15px;
    padding-bottom: 10px;
    align-items: center; }
    @media (min-width: 992px) {
      .c-cart-sum__items [class^="col"] {
        padding-top: 25px;
        padding-bottom: 25px; } }
  .c-cart-sum__items [class^="col"].text-right {
    justify-content: flex-end; }

.c-cart-sum__change {
  text-transform: uppercase;
  margin-left: 20px; }

.c-cart-sum__icon {
  background: url("trash-e073b2444c0ef70ac49beef1e9d9adc1.e073b2444c0e.svg");
  display: block;
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  border: 0; }
  .c-cart-sum__icon:focus {
    outline: none; }

.c-cart-sum__boots-img {
  width: 80px; }

.c-cart-sum__product-image {
  justify-content: center;
  display: flex; }

.c-cart-sum__product-skier {
  padding-top: 0 !important; }
  @media (min-width: 992px) {
    .c-cart-sum__product-skier {
      display: none; } }
  .c-cart-sum__product-skier .c-cart-sum__product-name {
    margin-top: 0; }

.c-cart-sum__strong,
.c-cart-sum__super-strong {
  font-weight: 500;
  font-size: 18px;
  color: #000;
  text-transform: uppercase; }

.c-cart-sum__super-strong.c-cart-sum__super-strong--smaller {
  font-size: 15px; }
  @media (min-width: 768px) {
    .c-cart-sum__super-strong.c-cart-sum__super-strong--smaller {
      font-size: 20px; } }

.c-cart-sum__product-name {
  font-weight: bold;
  font-size: 16px; }

.c-cart-sum__super-strong {
  font-size: 20px; }

.c-cart-sum__product-name--disable-on-mobile {
  display: none; }
  @media (min-width: 992px) {
    .c-cart-sum__product-name--disable-on-mobile {
      display: block; } }

.c-cart-sum__product-name--disable-on-desktop {
  margin-top: 20px; }
  @media (min-width: 992px) {
    .c-cart-sum__product-name--disable-on-desktop {
      display: none; } }

.c-cart-sum__row-summary [class^="col"] {
  padding-top: 30px;
  padding-bottom: 4px; }

.c-cart-sum__row-info {
  font-size: 9.3px;
  text-align: right;
  margin-bottom: 53px; }
  @media (min-width: 480px) {
    .c-cart-sum__row-info {
      font-size: 11px; } }

.c-cart-sum__col-date-picker {
  text-align: right;
  justify-content: flex-end; }
  .c-cart-sum__col-date-picker .c-button {
    width: 100%; }
    @media (min-width: 992px) {
      .c-cart-sum__col-date-picker .c-button {
        width: auto; } }

.trip-date-display,
.c-cart-sum__col-date-picker {
  display: flex;
  align-items: center; }

.c-cart-sum__total {
  text-align: right; }
  @media (min-width: 992px) {
    .c-cart-sum__total {
      text-align: left; } }

.c-cart-sum__pickup-date {
  text-align: center; }
  @media (min-width: 992px) {
    .c-cart-sum__pickup-date {
      text-align: left; } }
  .c-cart-sum__pickup-date p {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px; }
    @media (min-width: 992px) {
      .c-cart-sum__pickup-date p {
        margin: 0; } }
  .c-cart-sum__pickup-date span {
    display: block; }
    @media (min-width: 992px) {
      .c-cart-sum__pickup-date span {
        display: inline; } }

.c-showcase {
  background-size: cover;
  background-position: center bottom;
  background-image: url("home-mobile-season-new-afb6f9e4b236f6d1cc1009ab8ed23118.afb6f9e4b236.jpg"); }
  @media (min-width: 480px) {
    .c-showcase {
      background-position: center top;
      background-image: url("home-season-desktop-new-bf818b1e45c3e561a348d8ead783e97a.bf818b1e45c3.jpg"); } }

.c-showcase__content {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: 276px; }
  @media (min-width: 410px) {
    .c-showcase__content {
      min-height: 320px; } }
  @media (min-width: 480px) {
    .c-showcase__content {
      min-height: 400px;
      align-items: center; } }
  @media (min-width: 768px) {
    .c-showcase__content {
      min-height: 480px; } }

.c-showcase__content-in {
  width: 556px;
  padding-bottom: 15px; }
  @media (min-width: 480px) {
    .c-showcase__content-in {
      padding-bottom: 35px; } }

.c-showcase__header {
  color: #000000;
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0.55em; }
  @media (min-width: 480px) {
    .c-showcase__header {
      color: #fff;
      font-size: 48px;
      margin-bottom: 0.75em; } }

.c-showcase__btn-wrap {
  margin: 0 auto;
  max-width: 356px; }

.c-stars {
  color: #666666;
  font-size: 9px;
  margin-top: 32px; }
  .c-stars a {
    color: #666666;
    text-decoration: underline; }
    .c-stars a:hover {
      text-decoration: none; }

.c-stars--centered {
  margin-left: auto;
  margin-right: auto;
  display: inline-block; }

.c-stars__line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .c-stars__line {
      flex-wrap: nowrap; } }

.c-stars__header {
  color: #000000;
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 10px;
  flex: 0 0 100%; }
  @media (min-width: 768px) {
    .c-stars__header {
      flex: 1 1 auto;
      margin-right: 24px; } }

.c-separator {
  border-top: 1px solid #392723;
  margin-top: 0;
  margin-bottom: 0; }
  @media (min-width: 768px) {
    .c-separator {
      display: none; } }

.c-search {
  margin-top: 20px; }
  @media (min-width: 992px) {
    .c-search {
      margin-top: 120px; } }

.c-search__form {
  background: #fff;
  border: 1px solid #AAABAF; }
  .c-search__form-error {
    color: red; }
    .c-search__form-error[data-is-visible=false] {
      display: none; }

.c-search__form-header {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background: #EDEDED;
  text-align: center;
  size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 18px 10px;
  letter-spacing: -0.05em;
  color: #666666;
  transition: 0.1s; }
  .c-search__form-header .loading-indicator-wrapper {
    position: relative; }
    .c-search__form-header .loading-indicator-wrapper #location-img {
      background: url("icon-location-d7f11d466bc9c87c09276dfc00e27aa3.d7f11d466bc9.svg") left center no-repeat;
      width: 19px;
      height: 18px;
      margin-right: 15px; }
  .c-search__form-header:hover {
    background-color: #e0e0e0;
    cursor: pointer; }

.c-search__form-content {
  padding: 20px; }
  @media (min-width: 992px) {
    .c-search__form-content {
      padding: 42px 20px; } }

.c-search__form-content-in {
  max-width: 552px;
  margin-left: auto;
  margin-right: auto; }

.c-search__form-inputs {
  margin-bottom: 30px; }
  @media (min-width: 992px) {
    .c-search__form-inputs {
      margin-bottom: 50px; } }

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

.form-control:focus, select:focus, .login-box .login-box-content form input:focus {
  outline: 0; }

.form-group:focus {
  outline: 0; }

.c-search__form-content .c-search__form-inputs .form-control:focus, .c-search__form-content .c-search__form-inputs select:focus, .c-search__form-content .c-search__form-inputs .login-box .login-box-content form input:focus, .login-box .login-box-content form .c-search__form-content .c-search__form-inputs input:focus {
  outline: 0; }

textarea,
input[type="text"],
input[type="search"] {
  -webkit-appearance: none;
  border-radius: 0; }

.c-card-place__grid {
  margin-top: 40px; }
  @media (min-width: 768px) {
    .c-card-place__grid {
      margin-top: 77px; } }
  .c-card-place__grid--disabled-season-rental {
    margin-top: 10px; }

@media (min-width: 480px) {
  .c-card-place__row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px; } }

@media (min-width: 992px) {
  .c-card-place__row {
    margin-left: -18px;
    margin-right: -18px; } }

.c-card-place__col {
  margin-bottom: 20px; }
  @media (min-width: 480px) {
    .c-card-place__col {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: calc(50% - 10px);
      min-width: calc(50% - 10px);
      margin-left: 5px;
      margin-right: 5px;
      margin-bottom: 10px; } }
  @media (min-width: 768px) {
    .c-card-place__col {
      flex-basis: calc(33.333% - 10px);
      min-width: calc(33.333% - 10px); } }
  @media (min-width: 992px) {
    .c-card-place__col {
      flex-basis: calc(25% - 36px);
      min-width: calc(25% - 36px);
      margin-left: 18px;
      margin-right: 18px;
      margin-bottom: 36px; } }

.c-card-place__name {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 4px;
  line-height: 1.4; }

.c-card-place {
  border: 1px solid #000000;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.2s ease-in-out; }

.c-card-place__content-top {
  transition: all 0.2s ease-in-out; }
  .c-card-place__content-top:hover {
    background: #DCDBDC; }

.c-card-place__content-top {
  padding: 10px 17px 10px;
  cursor: pointer; }
  @media (min-width: 768px) {
    .c-card-place__content-top {
      padding: 2px 17px 20px; } }

.c-card-place__details p {
  margin-bottom: 0.11em;
  line-height: 1.4;
  font-size: 16px; }

.c-card-place__city {
  font-size: 28px;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  background: url("chevron-right-8533912fe35f59ed9520277d5cd2e333.8533912fe35f.svg") calc(100% - 7px) 50% no-repeat;
  background-size: 10px auto;
  padding-right: 30px; }
  @media (min-width: 768px) {
    .c-card-place__city {
      background-image: none;
      margin-top: 10px;
      margin-bottom: 9px; } }

.c-card-place__email {
  font-size: 14px;
  word-break: break-all; }

.c-card-place__btn {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  color: #000000;
  background-color: #ededed;
  padding: 13px 40px 15px 17px;
  position: relative;
  border: 0;
  width: 100%;
  display: block;
  text-align: left;
  cursor: pointer; }
  .c-card-place__btn:focus {
    outline: none; }
  .c-card-place__btn:before {
    content: '-';
    position: absolute;
    right: 18px;
    top: 42%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
    -webkit-transform-origin: center;
            transform-origin: center;
    font-size: 36px; }
  .c-card-place__btn.collapsed:before {
    content: '+';
    -webkit-transform: translateY(-50%) rotate(360deg);
            transform: translateY(-50%) rotate(360deg); }

.c-card-place__btn.collapsed .accordion__plus {
  opacity: 1;
  position: absolute;
  right: 25px;
  top: 9px; }

.c-card-place__btn.collapsed svg {
  height: 28px; }

.c-card-place__btn .accordion__plus {
  opacity: 0; }

.c-card-place__bottom-txt {
  padding: 12px 16px; }

.c-card-place__hours {
  font-size: 15px;
  width: 100%; }
  .c-card-place__hours td {
    padding-bottom: 3px; }
  .c-card-place__hours tr td:first-child {
    vertical-align: top;
    padding-right: 10px;
    width: 35px; }

.c-card-place__content-top .c-card-place__details {
  display: none; }
  @media (min-width: 768px) {
    .c-card-place__content-top .c-card-place__details {
      display: block; } }

.c-card-place__content-bottom .c-card-place__details {
  display: block;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .c-card-place__content-bottom .c-card-place__details {
      display: none; } }

.loading-indicator {
  display: none;
  position: absolute;
  width: 58px;
  height: 58px;
  -webkit-transform: translateX(-19px) translateY(-37px);
          transform: translateX(-19px) translateY(-37px); }
  .loading-indicator[data-is-visible=true] {
    display: flex; }

.loading-indicator div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  -webkit-animation: loading-indicator 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
          animation: loading-indicator 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; }
  .loading-indicator div:nth-child(2) {
    -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s; }

@-webkit-keyframes loading-indicator {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1; }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0; } }

@keyframes loading-indicator {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1; }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0; } }

.form-with-special-labels p,
.form-with-special-labels > div {
  position: relative; }
  .form-with-special-labels p + .form-group,
  .form-with-special-labels > div + .form-group {
    margin-top: 20px; }
  .form-with-special-labels p label.form-special-label,
  .form-with-special-labels > div label.form-special-label {
    display: block;
    max-width: 100%;
    margin-bottom: 5px;
    text-align: left;
    padding: 1.094rem .75rem;
    pointer-events: none;
    position: absolute;
    top: 1px;
    left: 1px;
    line-height: 1.5;
    transition: all 0.2s ease-in-out; }
  .form-with-special-labels p input:not([type="checkbox"]),
  .form-with-special-labels > div input:not([type="checkbox"]) {
    border: 1px solid #000000;
    border-radius: 0;
    box-shadow: none;
    font-size: 1em;
    line-height: 36px;
    padding-top: 0;
    width: 100%;
    padding: 10px;
    height: 60px;
    padding-top: 1.45867rem;
    padding-bottom: .72933rem;
    position: relative; }

.form-with-special-labels label.form-special-label {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  transition: -webkit-transform 150ms ease-out;
  transition: transform 150ms ease-out;
  transition: transform 150ms ease-out, -webkit-transform 150ms ease-out; }

.focused label.form-special-label {
  -webkit-transform: translateY(-30%);
          transform: translateY(-30%);
  font-size: 13px; }

.form-with-special-labels input:not([type="checkbox"]), .form-with-special-labels select {
  position: relative;
  width: 100%;
  outline: 0;
  border: 1;
  box-shadow: 0 1px 0 0 #e5e5e5;
  transition: box-shadow 150ms ease-out; }
  .form-with-special-labels input:not([type="checkbox"]):focus, .form-with-special-labels select:focus {
    box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.1); }

.form-with-special-labels .checkbox-input-wrapper .checkbox {
  text-align: left;
  text-align: initial; }
  .form-with-special-labels .checkbox-input-wrapper .checkbox label {
    padding-left: 40px; }
  .form-with-special-labels .checkbox-input-wrapper .checkbox input {
    margin-left: 10px;
    top: calc(50% - 13px); }

.form-with-special-labels .checkbox-input-wrapper ul {
  text-align: center; }

.login .form-group {
  margin-bottom: 0.2em;
  margin-top: 10px; }

#sr-google-map {
  min-height: 500px;
  border: 2px solid #fff; }
  #sr-google-map a {
    color: #3366CC !important; }
    #sr-google-map a:hover {
      color: #1f3d7a !important; }
  #sr-google-map .store-info-box {
    font-size: 1.125rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    padding: 1rem 1rem 0.5rem 1rem; }
    #sr-google-map .store-info-box .type {
      font-size: 1rem; }
    #sr-google-map .store-info-box .name {
      font-size: 1.5rem;
      font-weight: 500;
      line-height: 1.2;
      text-transform: uppercase;
      margin-bottom: 5px; }
    #sr-google-map .store-info-box .address {
      flex: 1 1;
      font-size: 1.125rem;
      margin-bottom: 0.2em; }
    #sr-google-map .store-info-box .details {
      text-transform: uppercase;
      font-size: .875rem;
      margin-top: 1.8em; }
    #sr-google-map .store-info-box .email-website {
      margin-bottom: 10px; }

@media (min-width: 1440px) {
  #sr-google-map .store-info-box {
    width: 310px; } }

@media (min-width: 1200px) {
  #sr-google-map .store-info-box {
    width: 255px; } }

@media (min-width: 992px) {
  #sr-google-map .store-info-box {
    width: 280px; } }

@media (min-width: 768px) {
  #sr-google-map .store-info-box {
    width: 330px; } }

.u-background--white {
  background: #fff; }

.u-color--grey {
  color: #666666; }

.u-text-size--20 {
  font-size: 14px; }
  @media (min-width: 768px) {
    .u-text-size--20 {
      font-size: 16px; } }
  @media (min-width: 992px) {
    .u-text-size--20 {
      font-size: 20px; } }

.u-text-transform--uppercase {
  text-transform: uppercase; }

.u-position--relative {
  position: relative; }

@media (min-width: 992px) {
  .container--945 {
    width: 945px; } }

@media (min-width: 1200px) {
  .container--945 {
    width: 945px; } }

@media (min-width: 992px) {
  .container--974 {
    width: 974px; } }

@media (min-width: 1200px) {
  .container--974 {
    width: 974px; } }

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

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

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

.u-element-mt-0 {
  margin-top: 0; }

.u-element-mb-0 {
  margin-bottom: 0; }

.u-element-m-0 {
  margin: 0; }

.u-element-pt-0 {
  padding-top: 0; }

.u-element-pb-0 {
  padding-bottom: 0; }

.u-element-p-0 {
  padding: 0; }

.centered, form .form-weiter {
  display: block;
  margin: auto; }

html {
  font-size: 100%; }

body {
  font-family: "DINPro", helvetica, Arial, sans-serif;
  letter-spacing: 0.01px;
  color: #000000;
  background-color: #EDEDED;
  font-size: 1.1rem;
  min-width: 320px; }

.page-wrap {
  padding-bottom: 100px;
  overflow: hidden; }
  @media screen and (min-height: 600px) {
    .page-wrap {
      min-height: 400px; } }

.button-wrapper {
  display: flex;
  justify-content: center;
  padding: 2em 0; }

h1 {
  font-size: 2.4em;
  line-height: 1.4;
  letter-spacing: 0.01px; }

h2 {
  font-size: 1.8em;
  line-height: 1.4;
  letter-spacing: 0.01px;
  text-transform: uppercase; }

h1, h2 {
  font-weight: 500; }

h3 {
  font-weight: 700;
  font-size: 1.5em;
  line-height: 1.4;
  margin-bottom: 20px; }

h5 {
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase; }

a {
  text-decoration: none; }
  a:active, a:hover, a:focus, a:visited {
    text-decoration: none; }

h4 {
  font-size: 1.6em;
  line-height: 1.4;
  margin-top: 32px; }

fieldset {
  border: none;
  margin: 0;
  padding: 0; }

li.glyph {
  display: block;
  margin-bottom: 5px; }
  li.glyph:before {
    content: "\E072";
    font-family: 'Glyphicons Halflings', sans-serif;
    font-size: 9px;
    float: left;
    margin-top: 5px;
    margin-left: -17px; }

.copy-big, #landing-accordion .panel-heading h4, form legend {
  font-size: 1.2em; }

.copy-big-highlight {
  font-size: 1.2em;
  font-weight: 700; }

.copy-big-all-caps {
  font-size: 1.2em;
  text-transform: uppercase; }

.help-text {
  opacity: 0.6;
  color: #392723; }

.copy-basic {
  font-size: 1em;
  margin-bottom: 0; }
  .copy-basic.extra-margin {
    margin-bottom: 10px; }

.copy-highlight {
  font-size: 1em;
  font-weight: 700; }

.copy-small {
  font-size: .8em; }

@media screen and (max-width: 991px) {
  body {
    font-size: 0.85rem; }
  h1 {
    font-size: 2.3em; }
  h2 {
    font-size: 1.8em; }
  h3 {
    font-size: 1.5em; }
  .copy-big, #landing-accordion .panel-heading h4, form legend, .copy-big-all-caps, .copy-big-highlight {
    font-size: 1.16666667em; }
  .copy-basic {
    font-size: 1em; }
  .copy-small {
    font-size: .83333333333em; } }

.button, .button:visited {
  text-align: center;
  color: #392723;
  padding-left: 2em;
  padding-right: 2em;
  display: inline-block;
  text-decoration: none; }
  .button:hover, .button:active, .button:visited:hover, .button:visited:active {
    color: #f5f2ef;
    background-color: #000000;
    text-decoration: none; }

.button-a {
  background: transparent;
  border: 0;
  border-bottom: 2px solid #000000;
  padding: .3em 0;
  font-weight: 700;
  color: #392723; }
  .button-a:hover, .button-a:active, .button-a:focus, .button-a:visited {
    color: #f5f2ef;
    background-color: #000000;
    text-decoration: none; }

.button-b {
  background: transparent;
  border: 1px solid #000000;
  padding: .7em 2.5em;
  font-weight: 700;
  color: #392723;
  transition: 0.1s ease-in-out all;
  text-transform: uppercase;
  letter-spacing: 0.01px;
  width: 100%; }
  @media (min-width: 768px) {
    .button-b {
      letter-spacing: 1px; } }
  .button-b:hover, .button-b:active {
    color: #f5f2ef;
    background-color: #000000;
    text-decoration: none; }
  .button-b.button-disabled {
    opacity: 0.7;
    pointer-events: none; }
    .button-b.button-disabled:hover, .button-b.button-disabled:active {
      color: #f5f2ef;
      background-color: transparent; }

.secondary-button {
  background: transparent;
  border: 1px solid #8C9EFF;
  padding-top: .9em;
  padding-bottom: .9em;
  width: 100%;
  font-weight: 700;
  color: #392723;
  transition: 250ms ease-out; }
  .secondary-button:hover, .secondary-button:active, .secondary-button:focus, .secondary-button:visited {
    color: #392723;
    text-decoration: none;
    background: #8C9EFF; }

.main-button, .main-button-disabled {
  background: white;
  border: 2px solid #000000;
  padding-top: .9em;
  padding-bottom: .9em;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 0.01px;
  font-weight: bold; }

.stockli-img-mobile {
  width: 100%; }

.main-button-disabled {
  opacity: .5; }

.centered, form .form-weiter {
  display: block;
  margin: auto;
  width: auto; }

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

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

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

hr.brown-hr {
  height: 5px;
  background: url("stroke-brown-b9c82f832a4188ba9850c5a9687dda7c.b9c82f832a41.svg") repeat-x 0 0;
  border: 0;
  text-align: center;
  overflow: visible;
  margin-top: 2.5em;
  margin-bottom: 2.5em; }
  hr.brown-hr:after {
    content: url("mountains-brown-abc6381a4870dca61e4206d97f45c48b.abc6381a4870.svg");
    width: 65px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: -9px;
    background: #EDEDED;
    color: #392723; }

hr.simple-brown-hr {
  height: 1px;
  background: #392723;
  width: 100%;
  border: 0; }

hr.white-hr {
  height: 5px;
  background: url("stroke-white-15085dd6bc6b2e802002eb40fe34cc85.15085dd6bc6b.svg") repeat-x 0 0;
  border: 0;
  text-align: center;
  overflow: visible; }
  hr.white-hr:after {
    content: url("mountains-white-fbfbd5d00e5d47590ac07e5193474f74.fbfbd5d00e5d.svg");
    width: 65px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: -9px;
    background: #8C9EFF;
    color: #f5f2ef; }

hr.black-hr {
  height: 5px;
  background: url("stroke-black-03deed84416dad1012bf051bd0919a21.03deed84416d.svg") repeat-x 0 0;
  border: 0;
  text-align: center;
  overflow: visible; }
  hr.black-hr:after {
    content: url("stars-black-5d3c60e1a1c20413636339efb5d02843.5d3c60e1a1c2.svg");
    width: 65px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: -7px;
    background: #F5F2EF;
    color: #f5f2ef; }

hr.simple-white-hr {
  height: 1px;
  background: white;
  width: 100%;
  border: 0; }

.indigoBg {
  background: #8C9EFF; }

.blackBg {
  background: #000000; }

form .bootstrap-select {
  width: 100%; }
  form .bootstrap-select button, form .bootstrap-select button:hover, form .bootstrap-select button:active, form .bootstrap-select button:focus {
    background: white;
    height: 36px;
    width: 100%;
    border-radius: 0;
    font-size: 1em;
    box-shadow: none;
    border: 1px solid #000000; }
    form .bootstrap-select button .bs-caret, form .bootstrap-select button:hover .bs-caret, form .bootstrap-select button:active .bs-caret, form .bootstrap-select button:focus .bs-caret {
      float: right; }
      form .bootstrap-select button .bs-caret .caret, form .bootstrap-select button:hover .bs-caret .caret, form .bootstrap-select button:active .bs-caret .caret, form .bootstrap-select button:focus .bs-caret .caret {
        margin-top: -1px; }
  form .bootstrap-select .dropdown-menu {
    width: 100%;
    border-radius: 0; }
  form .bootstrap-select .dropdown ~ .open {
    border: 0; }

form .btn-default.active.focus,
form .btn-default.active:focus,
form .btn-default.active:hover,
form .btn-default:active.focus,
form .btn-default:active:focus,
form .btn-default:active:hover,
form .open > .btn-default.dropdown-toggle.focus,
form .open > .btn-default.dropdown-toggle:focus,
form .open > .btn-default.dropdown-toggle:hover {
  box-shadow: none;
  color: inherit;
  background-color: white;
  border-color: #8C9EFF; }

form .btn-group.open .dropdown-toggle {
  box-shadow: none;
  background: white;
  border-color: #8C9EFF; }

form .btn-group.open > .btn-default.dropdown-toggle:hover {
  color: inherit;
  background-color: white;
  border-color: #8c9eff;
  box-shadow: none; }

form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
  min-width: 200px; }

form legend {
  margin: 2em 0 1.2em 0;
  border: 0; }

form .form-weiter {
  max-width: 130px;
  margin: 2.5em auto; }

.black-box {
  background: black;
  color: #f5f2ef; }
  .black-box h2 {
    margin: 1.5em auto 0.5em;
    letter-spacing: 2px;
    font-size: 1.6em;
    max-width: 900px; }
  .black-box.bullets h2 {
    margin-bottom: 1.5em; }

section.vorwort {
  color: #f5f2ef;
  padding-bottom: 3em;
  padding-top: 1em; }
  section.vorwort h2 {
    margin: 1em auto;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 2px; }
  section.vorwort .white-hr {
    margin: 2.8em 0; }
  section.vorwort .button-a {
    margin: 2em auto 3em;
    width: 130px;
    color: #fff; }
  section.vorwort .buttons-wrapper {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center; }
    section.vorwort .buttons-wrapper .button-a {
      margin-left: 1em;
      margin-right: 1em; }
  section.vorwort .primary-separator {
    background: black; }
    section.vorwort .primary-separator .holder-separator .separator-center-artifact {
      background: url("mountains-white-fbfbd5d00e5d47590ac07e5193474f74.fbfbd5d00e5d.svg") center no-repeat; }
    section.vorwort .primary-separator .holder-separator .separator-forward {
      background: url("forward-stroke-white-4d276385cfff4e0f6662e64a76e8f211.4d276385cfff.svg") repeat-x 0 0; }
    section.vorwort .primary-separator .holder-separator .separator-backward {
      background: url("backward-stroke-white-2562fdb074d028e349352f703434c678.2562fdb074d0.svg") repeat-x 0 0; }

.mobile-no-margins {
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 768px) {
    .mobile-no-margins {
      padding-left: 15px;
      padding-right: 15px; } }

.horizontal-scrolling {
  overflow-x: scroll; }

.spinner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 250ms ease-in;
  pointer-events: none; }
  .spinner.spinner-block {
    position: relative;
    margin-bottom: 22px;
    margin-top: 22px; }
  .spinner.not-visible {
    opacity: 0; }
  .spinner .three-bounce {
    width: 90px;
    height: 18px;
    text-align: center;
    position: relative;
    display: inline-block; }
    .spinner .three-bounce div {
      width: 18px;
      height: 18px;
      background-color: #8C9EFF;
      border-radius: 100%;
      display: inline-block;
      -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
              animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; }
    .spinner .three-bounce .one {
      -webkit-animation-delay: -0.32s;
              animation-delay: -0.32s; }
    .spinner .three-bounce .two {
      -webkit-animation-delay: -0.16s;
              animation-delay: -0.16s;
      margin: 0 10px; }

@-webkit-keyframes sk-three-bounce {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  80% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0); } }

@keyframes sk-three-bounce {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  80% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0); } }

.text-content__reset {
  padding: 50px 0; }

@media (min-width: 768px) {
  .text-content__item {
    margin-bottom: 20px; } }

@media (min-width: 992px) {
  .text-content__item {
    margin-bottom: 30px; } }

.z-10 {
  z-index: 10; }

.primary-separator {
  background: white; }
  .primary-separator .holder-separator {
    padding: 30px 0;
    display: flex;
    align-items: center; }
    .primary-separator .holder-separator .separator-forward, .primary-separator .holder-separator .separator-backward {
      height: 7.5px;
      flex-grow: 1; }
    .primary-separator .holder-separator .separator-forward {
      background: url("forward-stroke-dark-6f298dcf5c63fc2f568764b794ba8999.6f298dcf5c63.svg") repeat-x 0 0; }
    .primary-separator .holder-separator .separator-backward {
      background: url("backward-stroke-dark-849b2bbc835987098ac26503e8d46028.849b2bbc8359.svg") repeat-x 0 0; }
    .primary-separator .holder-separator .separator-center-artifact {
      background: url("mountains-brown-abc6381a4870dca61e4206d97f45c48b.abc6381a4870.svg") center no-repeat;
      min-width: 60px;
      min-height: 17px; }

.static-page .primary-separator {
  background: #EDEDED; }
  .static-page .primary-separator .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
  .static-page .primary-separator .separator-center-artifact {
    background: url("stars-black-5d3c60e1a1c20413636339efb5d02843.5d3c60e1a1c2.svg") center no-repeat; }

.booking-page .generic-box .primary-separator, .booking-page .overview-content .overview-trip .primary-separator, .overview-content .booking-page .overview-trip .primary-separator, .booking-page .ski-configurator .user-box .primary-separator, .ski-configurator .booking-page .user-box .primary-separator, .booking-page .ski-configurator .product-box .primary-separator, .ski-configurator .booking-page .product-box .primary-separator, .booking-page .ski-configurator .premium-box .primary-separator, .ski-configurator .booking-page .premium-box .primary-separator, .booking-page .ski-configurator .product-items-box .primary-separator, .ski-configurator .booking-page .product-items-box .primary-separator, .booking-page .ski-configurator .boots-box .primary-separator, .ski-configurator .booking-page .boots-box .primary-separator, .booking-page .ski-configurator .apparel-box .primary-separator, .ski-configurator .booking-page .apparel-box .primary-separator, .booking-page .season-rental .overview-trip .primary-separator, .season-rental .booking-page .overview-trip .primary-separator {
  background: #EDEDED; }
  .booking-page .generic-box .primary-separator .container, .booking-page .overview-content .overview-trip .primary-separator .container, .overview-content .booking-page .overview-trip .primary-separator .container, .booking-page .ski-configurator .user-box .primary-separator .container, .ski-configurator .booking-page .user-box .primary-separator .container, .booking-page .ski-configurator .product-box .primary-separator .container, .ski-configurator .booking-page .product-box .primary-separator .container, .booking-page .ski-configurator .premium-box .primary-separator .container, .ski-configurator .booking-page .premium-box .primary-separator .container, .booking-page .ski-configurator .product-items-box .primary-separator .container, .ski-configurator .booking-page .product-items-box .primary-separator .container, .booking-page .ski-configurator .boots-box .primary-separator .container, .ski-configurator .booking-page .boots-box .primary-separator .container, .booking-page .ski-configurator .apparel-box .primary-separator .container, .ski-configurator .booking-page .apparel-box .primary-separator .container, .booking-page .season-rental .overview-trip .primary-separator .container, .season-rental .booking-page .overview-trip .primary-separator .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }

.visible-xs-block {
  margin-bottom: 30px; }

.visible-xs-block-with-line {
  position: relative; }
  .visible-xs-block-with-line:after {
    content: " ";
    position: absolute;
    width: 90%;
    height: 1px;
    background-color: #392723;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

.gm-style {
  font-family: "DINPro", helvetica, Arial, sans-serif; }

/*# sourceMappingURL=app-4200b99967ef166a4d0b.css.map*/