@charset "utf-8";
/*@mixin button($color:$red, $text_color:$white) {
 display: inline-block;
 outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: 14px/100% Arial, Helvetica, sans-serif;
 padding: .5em 2em .55em;
 text-shadow: 0 1px 1px rgba(0,0,0,.3);
 @include rounded();
 @include box-shadow(0, 1px, 2px, rgba(0, 0, 0, 0.2));
 color: $text_color !important;
 font-weight: bold;
 border: solid 1px darken($color, 18%);
 background: $color;
 @include gradient(saturate($color, 15%), darken($color, 15%));
 &:hover {
 text-decoration: none;
 background: saturate($color, 10%);
 @include gradient(saturate($color, 5%), darken($color, 5%));
 }
 &:active {
 position: relative;
 top: 1px;
 color: saturate($color, 15%);
 @include gradient(saturate($color, 15%), lighten($color, 15%));
 }
 }*/
/*@mixin gradient($from, $to) {
 background: -webkit-gradient(linear, left top, left bottom, from($from), to($to));
 background: -moz-linear-gradient(top,  $from, $to);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$from}', endColorstr='#{$to}');
 }*/
/*@media only screen and (max-device-width: 1366px) {
 .parallax {
 background-attachment: scroll;
 }
 }*/
@font-face {
  font-family: 'Open Sans Condensed', sans-serif;
  src: url('../fonts/dakota_regular-webfont.eot');
  src: local('☺'), url('../fonts/dakota_regular-webfont.woff') format('woff'), url('../fonts/dakota_regular-webfont.ttf') format('truetype'), url('../fonts/dakota_regular-webfont.svg#webfont0VwlbJ4G') format('svg');
  font-weight: normal;
  font-style: normal; }
/*.center-a-container { overflow: visible; position: absolute; left: 50%; width: 0; height: 0; }
 .center-a-content-full { position: absolute; top: 0; left: -287px; width: 574px; }*/
.absolute {
  position: absolute;
  top: 0;
  left: 0; }

.invisible-divider.small {
  height: 4px; }

.invisible-divider.medium {
  height: 8px; }

.invisible-divider {
  height: 12px; }

.invisible-divider.tall {
  height: 16px; }

.content-full {
  width: 100%; }

.label-full {
  width: 305px; }

a:link, a:visited {
  color: #ff9a23;
  text-decoration: none; }

a:active, a:hover {
  color: #ffd323;
  text-decoration: underline; }

.clear {
  clear: both; }

.inline {
  display: inline; }

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

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

.center {
  text-align: center; }

.pointer {
  cursor: pointer; }

.bold {
  font-weight: bold; }

.italic {
  font-style: italic; }

.green {
  color: #a5c855; }

.brown {
  color: #8f5d69; }

.blue {
  color: #a6c1d2; }

.white {
  color: #fff; }

.light-grey {
  color: #ccc; }

.fo-active {
  color: #a5c855; }

.fo-inactive {
  color: #a6c1d2; }

.fill {
  max-width: 100%;
  min-width: 100%; }

.wax_celestial, form.default-style .form-field-field-text label.pointer, form.default-style .form-field-field-password label.pointer, form.default-style .form-field-field-checkbox, form.default-style .form-field-field-textarea label.pointer {
  transition: all 0.5s ease;
  background: #2ed5ff;
  border-top: 1px solid #2ef3ff;
  border-left: 1px solid #2ef3ff;
  border-right: 1px solid #1ba1d9;
  border-bottom: 1px solid #1ba1d9;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }
  .wax_celestial:hover, form.default-style .form-field-field-text label.pointer:hover, form.default-style .form-field-field-password label.pointer:hover, form.default-style .form-field-field-checkbox:hover, form.default-style .form-field-field-textarea label.pointer:hover {
    transition: all 0.5s ease;
    background: #2ef3ff; }

.wax_celestial_label, form.default-style .form-field-field-text label.pointer, form.default-style .form-field-field-password label.pointer, .form-field-style-list .form-field-label, form.default-style .form-field-field-textarea label.pointer {
  transition: all 0.5s ease;
  color: #fff;
  text-shadow: 1px 1px 1px #1ba1d9;
  font-weight: bold;
  /*color: $ocean;
   text-shadow:
   1px 1px 0 $cyan,
   -1px -1px 1px $atom;*/ }

.wax_juice, form.default-style .form-field-field-text .form-field, form.default-style .form-field-field-password .form-field {
  transition: all 0.5s ease;
  color: #282c34;
  background: #c1e604;
  border-top: 1px solid #e2ff4d;
  border-left: 1px solid #e2ff4d;
  border-right: 1px solid #97cd2d;
  border-bottom: 1px solid #97cd2d;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.wax_font {
  font-family: 'Oswald', sans-serif;
  font-size: 14px;
  line-height: 1.25em;
  color: #9da5b4; }

.wax_oilspill {
  background: #282c34;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none; }

.wax_oilspill_header {
  color: #d7dae0;
  text-shadow: 1px 1px 2px #000;
  background: #282c34; }

.wax_oilspill_label, .form-field-style-list .form-field-label {
  color: #9da5b4;
  text-shadow: 1px 1px 2px #000;
  background: #282c34; }

.wax_terminal, form.default-style .form-textarea {
  font-family: "Courier New", Courier, monospace;
  background: #3a3f4b;
  color: #9da5b4; }
  .wax_terminal:focus, form.default-style .form-textarea:focus {
    color: #fff;
    background: #708090; }

.wax_reset, form.default-style .form-select {
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none; }

.wax_band {
  padding: 20px 30px;
  font-size: 1em;
  line-height: 1em;
  text-align: center; }

* {
  position: relative;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: 0; }

select:focus {
  background-color: #282c34; }

p {
  margin: 10px 0; }

label, label * {
  transition: all 0.25s ease;
  cursor: pointer !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

a, input, button, textarea {
  transition: all 0.5s ease; }

form.default-style .form-textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 13px 17px;
  font-size: 14px;
  line-height: 16px;
  border: 0;
  outline: none; }

form.default-style .form-button, a.button {
  display: inline-block;
  border: none;
  background: #9dbb2d;
  color: #fff !important;
  font-size: 15px;
  line-height: 15px;
  font-weight: bold;
  text-decoration: none;
  text-transform: lowercase;
  padding: 8px 18px 10px !important;
  vertical-align: top;
  box-sizing: border-box;
  text-align: center; }

.form-button {
  cursor: pointer; }

.form-checkbox-label {
  padding: 0 2px; }

.form-checkbox-wrapper {
  padding: 4px; }

.as-link {
  cursor: pointer;
  background: none;
  border: none;
  color: #a5c855;
  font-size: 13px;
  color: #a5c855; }
  .as-link span:hover {
    color: #e2f960;
    text-decoration: underline; }
    .as-link span:active {
      color: #e2f960;
      text-decoration: underline; }

.success-msg {
  color: #a6c1d2; }

.pop-form {
  position: relative;
  width: 545px;
  padding: 15px;
  border-radius: 10px;
  background: #bcbcbc;
  color: #393939; }

span.state-text {
  display: none; }
  span.state-text.toggled {
    display: inline; }

form.default-style {
  /*.field-submit {
   label.pointer { display: none; }
   }
   label.pointer {
   background: $black;
   color: $white;
   display: block;
   padding: 5px 10px;
   }*/ }
  form.default-style .explanation {
    color: #bcbcbc;
    font-size: 10px; }
    form.default-style .explanation p {
      margin: 0 0 1em 0; }
    form.default-style .explanation i {
      color: #e8e8e8; }
  form.default-style .form-textarea {
    height: 140px;
    min-height: 140px;
    /*&.content-full {
     width: 517px;
     }
     &.datepicker {
     width: 200px;
     }
     &.readonly {
     }
     &.label-full {
     width: 390px;
     }*/ }
  form.default-style .form-field-display-half {
    float: left;
    position: relative;
    width: 50%; }
  form.default-style .form-field-body {
    float: left;
    width: 75%; }
    form.default-style .form-field-body.field-span-full {
      float: left;
      width: 100%; }
  form.default-style .form-element {
    display: inline;
    float: left; }
  form.default-style .form-field-help {
    padding-top: 4px;
    color: #bcbcbc;
    font-size: 11px; }
  form.default-style .form-field {
    /*@extend %extend_1;
     &.datepicker {
     width: 200px;
     }
     &.hint {
     @extend %extend_1;
     &.datepicker {
     width: 200px;
     }
     &:focus {
     color: $white;
     background: $neon_carrot;
     }
     &.readonly {
     }
     &.label-full {
     width: 390px;
     }
     }
     &.readonly {
     @extend %extend_1;
     color: $color_celeste_approx;
     background: $color_storm_dust_approx;
     &:focus {
     color: $white;
     background: $neon_carrot;
     }
     }
     &:focus {
     color: $white;
     background: $neon_carrot;
     }
     &.label-full {
     width: 390px;
     }*/ }
  form.default-style .form-checkbox {
    width: 12px;
    height: 12px;
    margin: 2px 0 0; }
  form.default-style .form-select {
    width: 100%;
    border-radius: 0;
    border: none;
    font-size: 14px;
    line-height: 16px;
    padding: 13px 17px;
    background: #ff2dbc;
    color: #fff; }
    form.default-style .form-select.full {
      width: 214px; }
  form.default-style .form-button:hover {
    background: #bad455;
    text-decoration: none; }
  form.default-style .form-status-wrapper {
    padding: 10px 30px;
    background: #333;
    font-color: #ccc;
    font-size: 15px;
    line-height: 15px;
    color: #ccc; }
  form.default-style .form-status > span {
    display: inline-block;
    vertical-align: middle; }
    form.default-style .form-status span.title {
      margin: 0 3px 0 10px;
      font-weight: bold;
      color: #ffa732; }
      form.default-style .form-status span.divider {
        color: #666; }
      form.default-style .form-status span.message {
        margin: 0 3px 0 10px;
        color: #ececec; }
      form.default-style .form-status span.datetime {
        margin: 0 3px 0 10px;
        font-weight: bold; }
      form.default-style .form-status span.code {
        margin: 0 3px 0 10px;
        font-weight: bold;
        color: #bad455; }
      form.default-style .form-status span.progress {
        float: right;
        width: 200px;
        height: 30px;
        margin: 5px 0;
        background: #222; }
        form.default-style .form-status span.progress .bar {
          display: block;
          width: 100%;
          height: 30px;
          background: #7fe0eb; }
          form.default-style .form-status span.progress .bar .percent {
            display: block;
            text-align: center;
            width: 100%;
            line-height: 30px;
            font-weight: bold;
            color: #333; }
  form.default-style label.last {
    margin-left: 6px;
    margin-right: 6px; }
  form.default-style .form-field-field .ui-datepicker-trigger {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11; }

a.button:hover {
  background: #bad455;
  text-decoration: none; }

div.manager.actions {
  text-align: right; }

#block-wrapper-user-account-settings .form-checkbox {
  margin: 3px 0; }

#form-form_upload-photo .file-fields-photos .form-field-display .form-field-field {
  text-align: center; }

form.default-style {
  /*.form-field.datepicker, .form-textarea.datepicker,
   .form-field.hint.datepicker, .form-textarea.hint.datepicker {
   width: 200px;
   }*/
  /*.form-field:focus, .form-textarea:focus, .form-field.hint:focus,
   .form-textarea.hint:focus, .form-field.readonly:focus
   .form-field:focus + label.pointer {
   color: $white;
   background: $neon_carrot;
   }*/
  /*.form-textarea {
   width: 206px;
   }*/ }
  form.default-style .module-wrapper-wax-response .response.response-inline, form.default-style .form-field-help {
    padding: 5px 50px;
    background: #000;
    color: #fff;
    font-size: 0.75em; }
  form.default-style .form-field-help {
    color: #9da5b4; }
    form.default-style .form-field-help i, form.default-style .form-field-help b {
      color: #fff; }
  form.default-style .module-wrapper-wax-response .response.response-inline {
    font-weight: normal;
    background: #000; }
  form.default-style .form-field-field {
    transition: all 0.5s ease; }
  form.default-style .form-field.readonly, form.default-style .form-textarea.readonly, form.default-style .form-field.hint.readonly, form.default-style .form-textarea.hint.readonly {
    color: #ccc;
    background: #666; }
  form.default-style .form-field.label-full, form.default-style .form-textarea.label-full, form.default-style .form-field.hint.label-full, form.default-style .form-textarea.hint.label-full {
    width: 390px; }
  form.default-style .form-textarea {
    height: 140px;
    min-height: 140px;
    /*resize: none;*/
    font-family: "Courier New", Courier, monospace; }
  form.default-style .form-field-display img {
    margin: 0;
    vertical-align: bottom; }
  form.default-style .form-field-field-text, form.default-style .form-field-field-password {
    border: 0;
    width: 100%;
    outline: 0;
    display: block;
    overflow: hidden; }
    form.default-style .form-field-field-text .form-field, form.default-style .form-field-field-password .form-field {
      transition: all 0.5s ease;
      outline: 0;
      float: left;
      width: 60%;
      padding: 13px 17px;
      padding-left: 60px;
      font: inherit;
      font-size: 14px;
      line-height: 14px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      form.default-style .form-field-field-text .form-field:focus, form.default-style .form-field-field-password .form-field:focus, form.default-style .form-field-field-text .form-field:not(.empty), form.default-style .form-field-field-password .form-field:not(.empty) {
        -webkit-tap-highlight-color: transparent; }
    form.default-style .form-field-field-text label.pointer, form.default-style .form-field-field-password label.pointer {
      float: left;
      width: 40%;
      padding: 13px 17px;
      -webkit-box-shadow: -0.2em 0 0.25em -0.075em #59ab10;
      -moz-box-shadow: -0.2em 0 0.25em -0.075em #59ab10;
      box-shadow: -0.2em 0 0.25em -0.075em #59ab10;
      z-index: 10;
      display: block;
      text-align: left;
      cursor: pointer;
      pointer-events: none;
      background: #2ed5ff;
      font: inherit;
      font-size: 14px;
      line-height: 14px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      form.default-style .form-field-field-text label.pointer .label-elements, form.default-style .form-field-field-password label.pointer .label-elements {
        padding: 1.5em 0; }
/*@media screen and (max-width: 34em) {
 .input__field--kaede:focus + .input__label--kaede,
 .input--filled .input__label--kaede  {
 -webkit-transform: translate3d(65%, 0, 0) scale3d(0.65, 0.65, 1);
 transform: translate3d(65%, 0, 0) scale3d(0.65, 0.65, 1);
 pointer-events: none;
 }
 }*/
.form-field-style-list .form-field-label {
  text-align: center;
  padding: 10px; }

form.default-style .form-field-display.field-checkbox {
  margin-bottom: 0;
  margin-top: 0; }
  form.default-style .form-field-field-checkbox {
    color: #fff;
    padding: 0; }
  form.default-style .form-radio .form-field-label {
    text-align: right;
    display: inline;
    float: left;
    width: 25%;
    color: #e8e8e8;
    text-transform: lowercase;
    padding: 13px 0;
    color: #666;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold; }
    form.default-style .form-radio .form-field-label label {
      padding: 0 5px 0 0; }
  form.default-style .form-checkbox {
    width: 12px;
    height: 12px;
    margin: 2px 0 0 0;
    display: none; }
    form.default-style .form-checkbox, form.default-style .form-checkbox:after, form.default-style .form-checkbox:before, form.default-style .form-checkbox *, form.default-style .form-checkbox *:after, form.default-style .form-checkbox *:before, form.default-style .form-checkbox + .form-checkbox-label {
      box-sizing: border-box; }
    form.default-style .form-checkbox::selection, form.default-style .form-checkbox:after::selection, form.default-style .form-checkbox:before::selection, form.default-style .form-checkbox *::selection, form.default-style .form-checkbox *:after::selection, form.default-style .form-checkbox *:before::selection, form.default-style .form-checkbox + .form-checkbox-label::selection {
      background: none; }
    form.default-style .form-checkbox + .form-checkbox-label .label-btn {
      outline: 0;
      display: block;
      width: 4em;
      /*height: 2em;*/
      height: 12px;
      position: relative;
      cursor: pointer;
      user-select: none; }
    form.default-style .form-checkbox + .form-checkbox-label .label-btn:after, form.default-style .form-checkbox + .form-checkbox-label .label-btn:before {
      position: relative;
      display: block;
      content: "";
      width: 50%;
      height: 100%; }
    form.default-style .form-checkbox + .form-checkbox-label .label-btn:after {
      left: 0; }
    form.default-style .form-checkbox + .form-checkbox-label .label-btn:before {
      display: none; }
    form.default-style .form-checkbox:checked + .form-checkbox-label .label-btn:after {
      left: 50%; }
    form.default-style .form-checkbox + .form-checkbox-label {
      display: block;
      font-size: 16px;
      line-height: 18px;
      margin: 0;
      padding: 0; }
    form.default-style .form-checkbox + .form-checkbox-label * {
      vertical-align: middle; }
    form.default-style .form-checkbox + .form-checkbox-label .label-elements {
      display: block;
      margin: 0;
      padding: 10px 5px; }
    form.default-style .form-checkbox + .form-checkbox-label .label-element {
      display: inline-block; }
      form.default-style .form-checkbox + .form-checkbox-label .label-element.label-btn {
        margin-right: 10px; }
      form.default-style .form-field-field-textarea textarea {
        display: block;
        float: none; }
    form.default-style .form-field-field-textarea label.pointer {
      display: block;
      padding: 10px 20px; }
  form.default-style .form-checkbox + .form-checkbox-label .label-btn {
    background: #fff;
    border-radius: 2em;
    padding: 2px;
    transition: all 0.5s ease;
    border: 1px solid #e8eae9; }
    form.default-style .form-checkbox + .form-checkbox-label .label-btn:after {
      border-radius: 2em;
      background: #fff;
      transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
      box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 4px 0 rgba(0, 0, 0, .08); }
    form.default-style .form-checkbox + .form-checkbox-label .label-btn:hover:after {
      will-change: padding; }
    form.default-style .form-checkbox + .form-checkbox-label .label-btn:active {
      box-shadow: inset 0 0 0 2em #e8eae9; }
      form.default-style .form-checkbox + .form-checkbox-label .label-btn:active:after {
        padding-right: 0.8em; }
    form.default-style .form-checkbox:checked + .form-checkbox-label .label-btn {
      background: #c1e604; }
    form.default-style .form-checkbox:checked + .form-checkbox-label .label-btn:active {
      box-shadow: none; }
      form.default-style .form-checkbox:checked + .form-checkbox-label .label-btn:active:after {
        margin-left: -0.8em; }