/**
 * selectize.css (v0.12.6)
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #fff;
  box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #d0d0d0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #ffffff;
}
.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
}
.selectize-input.full {
  background-color: #fff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}
.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #ffffff;
  border: 0 solid #ffffff;
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.selectize-dropdown .option,
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}
.selectize-dropdown .option,
.selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.selectize-dropdown [data-selectable].option {
  opacity: 1;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.selectize-dropdown .active.create {
  color: #495c68;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}
@keyframes vex-fadein {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes vex-fadein {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes vex-fadein {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-ms-keyframes vex-fadein {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes vex-fadein {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes vex-fadeout {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-webkit-keyframes vex-fadeout {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes vex-fadeout {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-ms-keyframes vex-fadeout {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes vex-fadeout {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes vex-rotation {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg); }

  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg); } }

@-webkit-keyframes vex-rotation {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg); }

  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg); } }

@-moz-keyframes vex-rotation {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg); }

  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg); } }

@-ms-keyframes vex-rotation {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg); }

  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg); } }

@-o-keyframes vex-rotation {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg); }

  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg); } }

.vex, .vex *, .vex *:before, .vex *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.vex {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1111;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.vex-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.vex-overlay {
  background: #000;
  filter: alpha(opacity=40);
  /* IE 5–7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE 8 */ }

.vex-overlay {
  animation: vex-fadein 0.5s;
  -webkit-animation: vex-fadein 0.5s;
  -moz-animation: vex-fadein 0.5s;
  -ms-animation: vex-fadein 0.5s;
  -o-animation: vex-fadein 0.5s;
  -webkit-backface-visibility: hidden;
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .vex.vex-closing .vex-overlay {
    animation: vex-fadeout 0.5s;
    -webkit-animation: vex-fadeout 0.5s;
    -moz-animation: vex-fadeout 0.5s;
    -ms-animation: vex-fadeout 0.5s;
    -o-animation: vex-fadeout 0.5s;
    -webkit-backface-visibility: hidden; }

.vex-content {
  animation: vex-fadein 0.5s;
  -webkit-animation: vex-fadein 0.5s;
  -moz-animation: vex-fadein 0.5s;
  -ms-animation: vex-fadein 0.5s;
  -o-animation: vex-fadein 0.5s;
  -webkit-backface-visibility: hidden;
  background: #fff; }
  .vex.vex-closing .vex-content {
    animation: vex-fadeout 0.5s;
    -webkit-animation: vex-fadeout 0.5s;
    -moz-animation: vex-fadeout 0.5s;
    -ms-animation: vex-fadeout 0.5s;
    -o-animation: vex-fadeout 0.5s;
    -webkit-backface-visibility: hidden; }

.vex-close:before {
  font-family: Arial, sans-serif;
  content: "\00D7"; }

.vex-dialog-form {
  margin: 0; }

.vex-dialog-button {
  text-rendering: optimizeLegibility;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent; }

.vex-loading-spinner {
  animation: vex-rotation 0.7s linear infinite;
  -webkit-animation: vex-rotation 0.7s linear infinite;
  -moz-animation: vex-rotation 0.7s linear infinite;
  -ms-animation: vex-rotation 0.7s linear infinite;
  -o-animation: vex-rotation 0.7s linear infinite;
  -webkit-backface-visibility: hidden;
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  position: fixed;
  z-index: 1112;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2em;
  width: 2em;
  background: #fff; }

body.vex-open {
  overflow: hidden; }
@keyframes vex-pulse {
  0% {
    -moz-box-shadow: inset 0 0 0 300px transparent;
    -webkit-box-shadow: inset 0 0 0 300px transparent;
    box-shadow: inset 0 0 0 300px transparent; }

  70% {
    -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
    -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); }

  100% {
    -moz-box-shadow: inset 0 0 0 300px transparent;
    -webkit-box-shadow: inset 0 0 0 300px transparent;
    box-shadow: inset 0 0 0 300px transparent; } }

@-webkit-keyframes vex-pulse {
  0% {
    -moz-box-shadow: inset 0 0 0 300px transparent;
    -webkit-box-shadow: inset 0 0 0 300px transparent;
    box-shadow: inset 0 0 0 300px transparent; }

  70% {
    -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
    -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); }

  100% {
    -moz-box-shadow: inset 0 0 0 300px transparent;
    -webkit-box-shadow: inset 0 0 0 300px transparent;
    box-shadow: inset 0 0 0 300px transparent; } }

@-moz-keyframes vex-pulse {
  0% {
    -moz-box-shadow: inset 0 0 0 300px transparent;
    -webkit-box-shadow: inset 0 0 0 300px transparent;
    box-shadow: inset 0 0 0 300px transparent; }

  70% {
    -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
    -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); }

  100% {
    -moz-box-shadow: inset 0 0 0 300px transparent;
    -webkit-box-shadow: inset 0 0 0 300px transparent;
    box-shadow: inset 0 0 0 300px transparent; } }

@-ms-keyframes vex-pulse {
  0% {
    -moz-box-shadow: inset 0 0 0 300px transparent;
    -webkit-box-shadow: inset 0 0 0 300px transparent;
    box-shadow: inset 0 0 0 300px transparent; }

  70% {
    -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
    -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); }

  100% {
    -moz-box-shadow: inset 0 0 0 300px transparent;
    -webkit-box-shadow: inset 0 0 0 300px transparent;
    box-shadow: inset 0 0 0 300px transparent; } }

@-o-keyframes vex-pulse {
  0% {
    -moz-box-shadow: inset 0 0 0 300px transparent;
    -webkit-box-shadow: inset 0 0 0 300px transparent;
    box-shadow: inset 0 0 0 300px transparent; }

  70% {
    -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
    -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); }

  100% {
    -moz-box-shadow: inset 0 0 0 300px transparent;
    -webkit-box-shadow: inset 0 0 0 300px transparent;
    box-shadow: inset 0 0 0 300px transparent; } }

.vex.vex-theme-plain {
  padding-top: 160px;
  padding-bottom: 160px; }
  .vex.vex-theme-plain .vex-content {
    font-family: "Helvetica Neue", sans-serif;
    background: #fff;
    color: #444;
    padding: 1em;
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    width: 450px;
    font-size: 1.1em;
    line-height: 1.5em; }
    .vex.vex-theme-plain .vex-content h1, .vex.vex-theme-plain .vex-content h2, .vex.vex-theme-plain .vex-content h3, .vex.vex-theme-plain .vex-content h4, .vex.vex-theme-plain .vex-content h5, .vex.vex-theme-plain .vex-content h6, .vex.vex-theme-plain .vex-content p, .vex.vex-theme-plain .vex-content ul, .vex.vex-theme-plain .vex-content li {
      color: inherit; }
  .vex.vex-theme-plain .vex-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer; }
    .vex.vex-theme-plain .vex-close:before {
      position: absolute;
      content: "\00D7";
      font-size: 26px;
      font-weight: normal;
      line-height: 31px;
      height: 30px;
      width: 30px;
      text-align: center;
      top: 3px;
      right: 3px;
      color: #bbb;
      background: transparent; }
    .vex.vex-theme-plain .vex-close:hover:before, .vex.vex-theme-plain .vex-close:active:before {
      color: #777;
      background: #e0e0e0; }
  .vex.vex-theme-plain .vex-dialog-form .vex-dialog-message {
    margin-bottom: 0.5em; }
  .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input {
    margin-bottom: 1em; }
    .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="week"] {
      background: #f0f0f0;
      width: 100%;
      padding: 0.25em 0.67em;
      border: 0;
      font-family: inherit;
      font-weight: inherit;
      font-size: inherit;
      min-height: 2.5em;
      margin: 0 0 0.25em; }
      .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="week"]:focus {
        -moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
        outline: none; }
  .vex.vex-theme-plain .vex-dialog-form .vex-dialog-buttons {
    *zoom: 1; }
    .vex.vex-theme-plain .vex-dialog-form .vex-dialog-buttons:after {
      content: "";
      display: table;
      clear: both; }
  .vex.vex-theme-plain .vex-dialog-button {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0;
    float: right;
    margin: 0 0 0 0.5em;
    font-family: inherit;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.8em;
    line-height: 1em;
    padding: 0.75em 2em; }
    .vex.vex-theme-plain .vex-dialog-button.vex-last {
      margin-left: 0; }
    .vex.vex-theme-plain .vex-dialog-button:focus {
      animation: vex-pulse 1.1s infinite;
      -webkit-animation: vex-pulse 1.1s infinite;
      -moz-animation: vex-pulse 1.1s infinite;
      -ms-animation: vex-pulse 1.1s infinite;
      -o-animation: vex-pulse 1.1s infinite;
      -webkit-backface-visibility: hidden;
      outline: none; }
      @media (max-width: 568px) {
        .vex.vex-theme-plain .vex-dialog-button:focus {
          animation: none;
          -webkit-animation: none;
          -moz-animation: none;
          -ms-animation: none;
          -o-animation: none;
          -webkit-backface-visibility: hidden; } }
    .vex.vex-theme-plain .vex-dialog-button.vex-dialog-button-primary {
      background: #3288e6;
      color: #fff; }
    .vex.vex-theme-plain .vex-dialog-button.vex-dialog-button-secondary {
      background: #e0e0e0;
      color: #777; }

.vex-loading-spinner.vex-theme-plain {
  height: 2.5em;
  width: 2.5em; }
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
  background: #fff url(/assets/slick-ajax-loader-27f076b0395049752e30cd83bbaab41c0a8f33c654ee5227db5409311c7d406f.gif) center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url(/assets/slick-c635cb400c85df4f772388c074b909ed4335576e7a936e9fb425b32093299eaa.eot);
  src: url(/assets/slick-c635cb400c85df4f772388c074b909ed4335576e7a936e9fb425b32093299eaa.eot?#iefix) format("embedded-opentype"), url(/assets/slick-2473f635cb5af82702c7cb33ff2112c73627c5e95ab5b836652cddb1442e002b.woff) format("woff"), url(/assets/slick-45dd60350a6e7087f967a618585f21fd19df22215a78a9bdb1e94a702113d77c.ttf) format("truetype"), url(/assets/slick-c83803f0bb2387ca8cfd5bf1cd7423c3a047ff1f73a456f8c839c414ed6bb59e.svg#slick) format("svg");
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
.slick-prev[dir=rtl] {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
.slick-prev:before[dir=rtl] {
  content: "→";
}

.slick-next {
  right: -25px;
}
.slick-next[dir=rtl] {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
.slick-next:before[dir=rtl] {
  content: "←";
}

/* Dots */
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}


/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

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

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

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}
@charset "UTF-8";
/* Rapid Colors */
/* LearnerVerified Colors */
/* Colors */
/* Typography */
/* Dimensions */
/* Flash */
/* Miscellaneous */
/* Media Queries */
/* Spacing */
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}

article,
aside,
figure,
footer,
header,
nav,
section {
  display: block;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

img,
object,
embed {
  max-width: 100%;
}

html {
  overflow-y: scroll;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

p {
  margin: 0;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted #151f6d;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  font-weight: bold;
  vertical-align: bottom;
}

td {
  font-weight: normal;
  vertical-align: top;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
}

input {
  vertical-align: text-bottom;
}

input[type=checkbox], input[type=radio] {
  vertical-align: middle;
}

select,
input,
textarea {
  font: 99% sans-serif;
}

table {
  font-size: inherit;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

td,
td img {
  vertical-align: top;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

/*
sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}
*/
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}

label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}

button,
input,
select,
textarea {
  margin: 0;
}

button,
input[type=button] {
  width: auto;
  overflow: visible;
}

.blue-color {
  color: #151f6d !important;
}
.blue-bg {
  background: #151f6d !important;
}
.blue-border {
  border-color: #151f6d !important;
}

.green-color {
  color: #6fbd1b !important;
}
.green-bg {
  background: #6fbd1b !important;
}
.green-border {
  border-color: #6fbd1b !important;
}

.orange-color {
  color: #f68b39 !important;
}
.orange-bg {
  background: #f68b39 !important;
}
.orange-border {
  border-color: #f68b39 !important;
}

.purple-color {
  color: #847bb9 !important;
}
.purple-bg {
  background: #847bb9 !important;
}
.purple-border {
  border-color: #847bb9 !important;
}

.red-color {
  color: #e90000 !important;
}
.red-bg {
  background: #e90000 !important;
}
.red-border {
  border-color: #e90000 !important;
}

.yellow-color {
  color: #ffc72c !important;
}
.yellow-bg {
  background: #ffc72c !important;
}
.yellow-border {
  border-color: #ffc72c !important;
}

.grey-color {
  color: #dfdfdf !important;
}
.grey-bg {
  background: #dfdfdf !important;
}
.grey-border {
  border-color: #dfdfdf !important;
}

.grey-dark-color {
  color: #4a4f51 !important;
}
.grey-dark-bg {
  background: #4a4f51 !important;
}
.grey-dark-border {
  border-color: #4a4f51 !important;
}

.grey-darker-color {
  color: #262a2c !important;
}
.grey-darker-bg {
  background: #262a2c !important;
}
.grey-darker-border {
  border-color: #262a2c !important;
}

.white-color {
  color: #ffffff !important;
}

.horizontal-center {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.hidden {
  display: none !important;
}

.blur {
  filter: blur(5px) !important;
}

.bold {
  font-weight: 600;
}

.loading {
  animation: progress 0.6s linear infinite;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%);
  background-repeat: repeat-x;
  background-size: 40px 40px;
}

.indent {
  margin-left: 30px;
}

.no-scroll {
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  overscroll-behavior: none;
}
.no-scroll::-webkit-scrollbar {
  display: none;
}

[class*=facebook] {
  color: #3b5998;
}

[class*=twitter] {
  color: #55acee;
}

[class*=youtube] {
  color: #bb0000;
}

[class*=linkedin] {
  color: #0077b5;
}

[ng-click] {
  cursor: pointer;
}

.is-loading {
  opacity: 0.5;
}

.no-animate {
  transition: none !important;
}
.no-animate * {
  transition: none !important;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
  display: none !important;
}

.button.hollow.password-reveal {
  border: 1px solid transparent;
  margin-left: auto;
  color: #151f6d;
}

.debit {
  color: #e90000;
}

.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp a:after {
  content: "";
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes progress {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: 40px 0px;
  }
}
@keyframes pulse {
  0% {
    box-shadow: inset 0 0 0 300px transparent;
  }
  70% {
    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
  }
  100% {
    box-shadow: inset 0 0 0 300px transparent;
  }
}
.base-button {
  appearance: none;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  outline: none;
  background: none;
  border: none;
  font-size: 15px;
  display: inline-block;
  text-align: center;
}
.base-button:active, .base-button:focus, .base-button:hover {
  outline: none;
}

button,
input[type=submit] {
  white-space: normal;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  outline: none;
  background: none;
  border: none;
  font-size: 15px;
  display: inline-block;
  text-align: center;
}
button:active, button:focus, button:hover,
input[type=submit]:active,
input[type=submit]:focus,
input[type=submit]:hover {
  outline: none;
}

.cc-nb-buttons-container .cc-nb-reject {
  background-color: white !important;
  color: grey !important;
}
.cc-nb-buttons-container button {
  padding: 8px 20px !important;
  border-radius: 2px !important;
  vertical-align: middle !important;
  font-weight: 600 !important;
}

.cc-nb-changep {
  display: none !important;
}

.button,
input[type=submit] {
  appearance: none;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  outline: none;
  background: none;
  border: none;
  font-size: 15px;
  display: inline-block;
  text-align: center;
  color: #151f6d;
  background: #ffc72c;
  padding: 8px 20px;
  border-radius: 2px;
  vertical-align: middle;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.6s ease-out, color 0.6s ease-out;
}
.button:active, .button:focus, .button:hover,
input[type=submit]:active,
input[type=submit]:focus,
input[type=submit]:hover {
  outline: none;
}
.button.blank,
input[type=submit].blank {
  background: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.button i,
.button span,
input[type=submit] i,
input[type=submit] span {
  user-select: none;
}
.button span,
input[type=submit] span {
  font-weight: 600;
}
.button:disabled, .button[disabled],
input[type=submit]:disabled,
input[type=submit][disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}
.button:hover:not(:disabled),
input[type=submit]:hover:not(:disabled) {
  background: rgb(222.5, 163.4478672986, 0);
  color: #ffffff;
}
.button.caution,
input[type=submit].caution {
  background: #e90000;
  color: #ffffff;
}
.button.caution:hover:not(:disabled),
input[type=submit].caution:hover:not(:disabled) {
  background: #151f6d;
}
.button.expired,
input[type=submit].expired {
  background: #e90000;
  color: #ffffff;
}
.button.expired:hover:not(:disabled),
input[type=submit].expired:hover:not(:disabled) {
  background: #151f6d;
}
.button.huge,
input[type=submit].huge {
  display: table;
  font-size: 18px;
  padding: 12px 25px;
}
.button.huge i,
input[type=submit].huge i {
  font-size: 18px;
}
.button.flex,
input[type=submit].flex {
  display: block;
  align-items: center;
}
.button.flex.fill,
input[type=submit].flex.fill {
  justify-content: center;
  flex: 1;
  padding: 15px;
}
.button.big,
input[type=submit].big {
  padding: 15px 50px;
}
.button.hollow, .button.secondary,
input[type=submit].hollow,
input[type=submit].secondary {
  background: transparent !important;
  border: 1px solid #dfdfdf;
}
.button.hollow:hover:not(:disabled), .button.secondary:hover:not(:disabled),
input[type=submit].hollow:hover:not(:disabled),
input[type=submit].secondary:hover:not(:disabled) {
  background: rgb(222.5, 163.4478672986, 0);
  color: #dfdfdf;
}
.button.mini,
input[type=submit].mini {
  padding: 4px 10px;
}
.button.green,
input[type=submit].green {
  color: #ffffff;
  background: #6fbd1b;
}
.button.green:hover,
input[type=submit].green:hover {
  background: rgb(71.6875, 122.0625, 17.4375) !important;
}
.button.grey,
input[type=submit].grey {
  color: #ffffff;
  background: #4a4f51;
}
.button.grey:hover:not(:disabled),
input[type=submit].grey:hover:not(:disabled) {
  background: #262a2c;
}
.button.red,
input[type=submit].red {
  background: #e90000;
  color: #ffffff;
}
.button.red:hover,
input[type=submit].red:hover {
  background: rgb(156.5, 0, 0) !important;
}
.button.button--label,
input[type=submit].button--label {
  user-select: none;
}
.button.magic-link,
input[type=submit].magic-link {
  width: 100%;
}
.button.magic-link .magic-link-icon,
input[type=submit].magic-link .magic-link-icon {
  font-size: 140%;
  margin-left: 0.33em;
}
.button.text-link,
input[type=submit].text-link {
  background: none !important;
  color: inherit !important;
  border: none;
  padding: 0;
  font-weight: 400;
  font-size: small;
  transition: none;
}
.button.text-link:hover,
input[type=submit].text-link:hover {
  background: none !important;
  font-weight: 600;
}

.expired .button {
  background: #e90000;
}

.button-group {
  white-space: nowrap;
  font-size: 0;
}
.button-group .button {
  flex: 1;
  margin: 0;
}
.button-group .button:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.button-group .button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  border-top-right-radius: 0;
}
.button-group .divider {
  background: #fff;
}

.inverted .button {
  appearance: none;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  outline: none;
  background: none;
  border: none;
  font-size: 15px;
  display: inline-block;
  text-align: center;
  padding: 7px 15px !important;
  color: #dfdfdf;
  border-radius: 2px;
  border: 1px solid #dfdfdf;
}
.inverted .button:active, .inverted .button:focus, .inverted .button:hover {
  outline: none;
}
.inverted .button:hover:not(:active) {
  background: #4a4f51;
}
.inverted .button:hover:not(:disabled) {
  background: #4a4f51;
}
.inverted .button.active, .inverted .button:active, .inverted .button:focus {
  color: white;
  border-color: white;
  background: none !important;
}

.expand-click-area {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.expand-click-area:after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  line-height: 1.125;
  margin-bottom: 20px;
  color: #262a2c;
}

h1:not(:first-child),
h2:not(:first-child),
h3:not(:first-child) {
  margin-top: 40px;
}
h1.secondary,
h2.secondary,
h3.secondary {
  margin-top: 0px;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.75em;
  color: #151f6d;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.25em;
  color: #151f6d;
}

h5 {
  font-size: 1.125em;
  text-transform: uppercase;
}

h6 {
  font-size: 1em;
  color: #151f6d;
  text-transform: uppercase;
}

p.small {
  font-size: 14px;
}
p:not(:last-child) {
  margin-bottom: 1em;
}

.module .module-content {
  max-width: 915px;
  overflow: auto;
}

.ie-image-compat {
  background-size: cover;
  background-position: center center;
}

.input-error {
  padding: 3px 10px;
  background: #e90000;
  border-radius: 0 0 2px 2px;
  z-index: 0;
  margin-top: -1px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.base-control {
  appearance: none;
  background: none;
  border-radius: 2px;
  border: 1px solid #dfdfdf;
  color: #4a4f51;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  min-height: 20px;
  padding: 3px 8px;
  position: relative;
  transition: border-color 0.6s ease-out, background-image 0.6s ease-out;
  will-change: border-color, background-image;
  vertical-align: middle;
}
.base-control:hover:not(:disabled) {
  border-color: #ffc72c;
}
.base-control:active:not(:disabled), .base-control:focus:not(:disabled) {
  border-color: #151f6d;
  outline: none;
}

.base-input {
  appearance: none;
  background: none;
  border-radius: 2px;
  border: 1px solid #dfdfdf;
  color: #4a4f51;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  min-height: 20px;
  padding: 3px 8px;
  position: relative;
  transition: border-color 0.6s ease-out, background-image 0.6s ease-out;
  will-change: border-color, background-image;
  vertical-align: middle;
  background-color: #f7f7f7;
  width: 100%;
}
.base-input:hover:not(:disabled) {
  border-color: #ffc72c;
}
.base-input:active:not(:disabled), .base-input:focus:not(:disabled) {
  border-color: #151f6d;
  outline: none;
}

.base-select {
  appearance: none;
  background: none;
  border-radius: 2px;
  border: 1px solid #dfdfdf;
  color: #4a4f51;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  min-height: 20px;
  padding: 3px 8px;
  position: relative;
  transition: border-color 0.6s ease-out, background-image 0.6s ease-out;
  will-change: border-color, background-image;
  vertical-align: middle;
  background-color: #f7f7f7;
}
.base-select:hover:not(:disabled) {
  border-color: #ffc72c;
}
.base-select:active:not(:disabled), .base-select:focus:not(:disabled) {
  border-color: #151f6d;
  outline: none;
}

.form {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  transition: box-shadow 0.6s ease-out;
  box-shadow: 0px 1px 7px 0px rgba(27, 47, 128, 0.17);
  padding: 20px;
  vertical-align: middle;
}
.form.ng-leave {
  transition: 0s;
}
.form:focus, .form:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 12px 22px rgba(0, 0, 0, 0.15);
}

form section > *:not(:last-child),
form .tab-content > *:not(:last-child),
.form section > *:not(:last-child),
.form .tab-content > *:not(:last-child) {
  margin-bottom: 10px;
}
form.button_to input[type=submit],
.form.button_to input[type=submit] {
  padding: 15px;
}
form .field,
.form .field {
  margin-bottom: 10px;
}
form .form-actions,
.form .form-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 25px;
}
form .form-actions.sticky-actions,
.form .form-actions.sticky-actions {
  position: sticky;
  bottom: 0;
  background: #f2f2f2;
  padding: 25px 8px;
  margin: -25px -8px;
}

textarea {
  appearance: none;
  background: none;
  border-radius: 2px;
  border: 1px solid #dfdfdf;
  color: #4a4f51;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  min-height: 20px;
  padding: 3px 8px;
  position: relative;
  transition: border-color 0.6s ease-out, background-image 0.6s ease-out;
  will-change: border-color, background-image;
  vertical-align: middle;
  background-color: #f7f7f7;
  width: 100%;
  resize: none;
  padding: 10px;
}
textarea:hover:not(:disabled) {
  border-color: #ffc72c;
}
textarea:active:not(:disabled), textarea:focus:not(:disabled) {
  border-color: #151f6d;
  outline: none;
}
textarea[required] {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiM5Mjk1OTYiIGQ9Ik0xNTQ2IDEwNTBxNDYgMjYgNTkuNSA3Ny41dC0xMi41IDk3LjVsLTY0IDExMHEtMjYgNDYtNzcuNSA1OS41dC05Ny41LTEyLjVsLTI2Ni0xNTN2MzA3cTAgNTItMzggOTB0LTkwIDM4aC0xMjhxLTUyIDAtOTAtMzh0LTM4LTkwdi0zMDdsLTI2NiAxNTNxLTQ2IDI2LTk3LjUgMTIuNXQtNzcuNS01OS41bC02NC0xMTBxLTI2LTQ2LTEyLjUtOTcuNXQ1OS41LTc3LjVsMjY2LTE1NC0yNjYtMTU0cS00Ni0yNi01OS41LTc3LjV0MTIuNS05Ny41bDY0LTExMHEyNi00NiA3Ny41LTU5LjV0OTcuNSAxMi41bDI2NiAxNTN2LTMwN3EwLTUyIDM4LTkwdDkwLTM4aDEyOHE1MiAwIDkwIDM4dDM4IDkwdjMwN2wyNjYtMTUzcTQ2LTI2IDk3LjUtMTIuNXQ3Ny41IDU5LjVsNjQgMTEwcTI2IDQ2IDEyLjUgOTcuNXQtNTkuNSA3Ny41bC0yNjYgMTU0eiIvPjwvc3ZnPg==");
  background-color: #f7f7f7;
  background-size: 12px 12px, 100%;
  background-position: top 5px right 5px, 100% 100%;
  background-repeat: no-repeat, no-repeat;
}
textarea[required]:hover:not(:disabled) {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNhOWEyNzUiIGQ9Ik0xNTQ2IDEwNTBxNDYgMjYgNTkuNSA3Ny41dC0xMi41IDk3LjVsLTY0IDExMHEtMjYgNDYtNzcuNSA1OS41dC05Ny41LTEyLjVsLTI2Ni0xNTN2MzA3cTAgNTItMzggOTB0LTkwIDM4aC0xMjhxLTUyIDAtOTAtMzh0LTM4LTkwdi0zMDdsLTI2NiAxNTNxLTQ2IDI2LTk3LjUgMTIuNXQtNzcuNS01OS41bC02NC0xMTBxLTI2LTQ2LTEyLjUtOTcuNXQ1OS41LTc3LjVsMjY2LTE1NC0yNjYtMTU0cS00Ni0yNi01OS41LTc3LjV0MTIuNS05Ny41bDY0LTExMHEyNi00NiA3Ny41LTU5LjV0OTcuNSAxMi41bDI2NiAxNTN2LTMwN3EwLTUyIDM4LTkwdDkwLTM4aDEyOHE1MiAwIDkwIDM4dDM4IDkwdjMwN2wyNjYtMTUzcTQ2LTI2IDk3LjUtMTIuNXQ3Ny41IDU5LjVsNjQgMTEwcTI2IDQ2IDEyLjUgOTcuNXQtNTkuNSA3Ny41bC0yNjYgMTU0eiIvPjwvc3ZnPg==");
  background-color: #f7f7f7;
}
textarea[required]:active:not(:disabled), textarea[required]:focus:not(:disabled) {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiMyNjJhMmMiIGQ9Ik0xNTQ2IDEwNTBxNDYgMjYgNTkuNSA3Ny41dC0xMi41IDk3LjVsLTY0IDExMHEtMjYgNDYtNzcuNSA1OS41dC05Ny41LTEyLjVsLTI2Ni0xNTN2MzA3cTAgNTItMzggOTB0LTkwIDM4aC0xMjhxLTUyIDAtOTAtMzh0LTM4LTkwdi0zMDdsLTI2NiAxNTNxLTQ2IDI2LTk3LjUgMTIuNXQtNzcuNS01OS41bC02NC0xMTBxLTI2LTQ2LTEyLjUtOTcuNXQ1OS41LTc3LjVsMjY2LTE1NC0yNjYtMTU0cS00Ni0yNi01OS41LTc3LjV0MTIuNS05Ny41bDY0LTExMHEyNi00NiA3Ny41LTU5LjV0OTcuNSAxMi41bDI2NiAxNTN2LTMwN3EwLTUyIDM4LTkwdDkwLTM4aDEyOHE1MiAwIDkwIDM4dDM4IDkwdjMwN2wyNjYtMTUzcTQ2LTI2IDk3LjUtMTIuNXQ3Ny41IDU5LjVsNjQgMTEwcTI2IDQ2IDEyLjUgOTcuNXQtNTkuNSA3Ny41bC0yNjYgMTU0eiIvPjwvc3ZnPg==");
  background-color: #f7f7f7;
}
textarea[required].ng-invalid.ng-dirty, .ng-submitted textarea[required].ng-invalid {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNlOTAwMDAiIGQ9Ik0xNTQ2IDEwNTBxNDYgMjYgNTkuNSA3Ny41dC0xMi41IDk3LjVsLTY0IDExMHEtMjYgNDYtNzcuNSA1OS41dC05Ny41LTEyLjVsLTI2Ni0xNTN2MzA3cTAgNTItMzggOTB0LTkwIDM4aC0xMjhxLTUyIDAtOTAtMzh0LTM4LTkwdi0zMDdsLTI2NiAxNTNxLTQ2IDI2LTk3LjUgMTIuNXQtNzcuNS01OS41bC02NC0xMTBxLTI2LTQ2LTEyLjUtOTcuNXQ1OS41LTc3LjVsMjY2LTE1NC0yNjYtMTU0cS00Ni0yNi01OS41LTc3LjV0MTIuNS05Ny41bDY0LTExMHEyNi00NiA3Ny41LTU5LjV0OTcuNSAxMi41bDI2NiAxNTN2LTMwN3EwLTUyIDM4LTkwdDkwLTM4aDEyOHE1MiAwIDkwIDM4dDM4IDkwdjMwN2wyNjYtMTUzcTQ2LTI2IDk3LjUtMTIuNXQ3Ny41IDU5LjVsNjQgMTEwcTI2IDQ2IDEyLjUgOTcuNXQtNTkuNSA3Ny41bC0yNjYgMTU0eiIvPjwvc3ZnPg==");
  background-color: #f7f7f7;
}
textarea[placeholder] {
  color: #262a2c;
}
textarea + label {
  vertical-align: baseline;
  margin-right: 10px;
}
textarea.ng-invalid.ng-dirty, .ng-submitted textarea.ng-invalid {
  border-bottom-color: #e90000;
}

input.blank {
  background: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
input[disabled], .field input[type].label + label {
  cursor: not-allowed;
  pointer-events: none;
}
input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=search], input[type=url], input[type=date] {
  appearance: none;
  background: none;
  border-radius: 2px;
  border: 1px solid #dfdfdf;
  color: #4a4f51;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  min-height: 20px;
  padding: 3px 8px;
  position: relative;
  transition: border-color 0.6s ease-out, background-image 0.6s ease-out;
  will-change: border-color, background-image;
  vertical-align: middle;
  background-color: #f7f7f7;
  width: 100%;
  padding: 10px;
}
input[type=email]:hover:not(:disabled), input[type=number]:hover:not(:disabled), input[type=password]:hover:not(:disabled), input[type=tel]:hover:not(:disabled), input[type=text]:hover:not(:disabled), input[type=search]:hover:not(:disabled), input[type=url]:hover:not(:disabled), input[type=date]:hover:not(:disabled) {
  border-color: #ffc72c;
}
input[type=email]:active:not(:disabled), input[type=email]:focus:not(:disabled), input[type=number]:active:not(:disabled), input[type=number]:focus:not(:disabled), input[type=password]:active:not(:disabled), input[type=password]:focus:not(:disabled), input[type=tel]:active:not(:disabled), input[type=tel]:focus:not(:disabled), input[type=text]:active:not(:disabled), input[type=text]:focus:not(:disabled), input[type=search]:active:not(:disabled), input[type=search]:focus:not(:disabled), input[type=url]:active:not(:disabled), input[type=url]:focus:not(:disabled), input[type=date]:active:not(:disabled), input[type=date]:focus:not(:disabled) {
  border-color: #151f6d;
  outline: none;
}
input[type=email][placeholder], input[type=number][placeholder], input[type=password][placeholder], input[type=tel][placeholder], input[type=text][placeholder], input[type=search][placeholder], input[type=url][placeholder], input[type=date][placeholder] {
  color: #262a2c;
}
input[type=email][required], input[type=number][required], input[type=password][required], input[type=tel][required], input[type=text][required], input[type=search][required], input[type=url][required], input[type=date][required] {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiM5Mjk1OTYiIGQ9Ik0xNTQ2IDEwNTBxNDYgMjYgNTkuNSA3Ny41dC0xMi41IDk3LjVsLTY0IDExMHEtMjYgNDYtNzcuNSA1OS41dC05Ny41LTEyLjVsLTI2Ni0xNTN2MzA3cTAgNTItMzggOTB0LTkwIDM4aC0xMjhxLTUyIDAtOTAtMzh0LTM4LTkwdi0zMDdsLTI2NiAxNTNxLTQ2IDI2LTk3LjUgMTIuNXQtNzcuNS01OS41bC02NC0xMTBxLTI2LTQ2LTEyLjUtOTcuNXQ1OS41LTc3LjVsMjY2LTE1NC0yNjYtMTU0cS00Ni0yNi01OS41LTc3LjV0MTIuNS05Ny41bDY0LTExMHEyNi00NiA3Ny41LTU5LjV0OTcuNSAxMi41bDI2NiAxNTN2LTMwN3EwLTUyIDM4LTkwdDkwLTM4aDEyOHE1MiAwIDkwIDM4dDM4IDkwdjMwN2wyNjYtMTUzcTQ2LTI2IDk3LjUtMTIuNXQ3Ny41IDU5LjVsNjQgMTEwcTI2IDQ2IDEyLjUgOTcuNXQtNTkuNSA3Ny41bC0yNjYgMTU0eiIvPjwvc3ZnPg==");
  background-color: #f7f7f7;
  background-size: 12px 12px, 100%;
  background-position: top 5px right 5px, 100% 100%;
  background-repeat: no-repeat, no-repeat;
}
input[type=email][required]:hover:not(:disabled), input[type=number][required]:hover:not(:disabled), input[type=password][required]:hover:not(:disabled), input[type=tel][required]:hover:not(:disabled), input[type=text][required]:hover:not(:disabled), input[type=search][required]:hover:not(:disabled), input[type=url][required]:hover:not(:disabled), input[type=date][required]:hover:not(:disabled) {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNhOWEyNzUiIGQ9Ik0xNTQ2IDEwNTBxNDYgMjYgNTkuNSA3Ny41dC0xMi41IDk3LjVsLTY0IDExMHEtMjYgNDYtNzcuNSA1OS41dC05Ny41LTEyLjVsLTI2Ni0xNTN2MzA3cTAgNTItMzggOTB0LTkwIDM4aC0xMjhxLTUyIDAtOTAtMzh0LTM4LTkwdi0zMDdsLTI2NiAxNTNxLTQ2IDI2LTk3LjUgMTIuNXQtNzcuNS01OS41bC02NC0xMTBxLTI2LTQ2LTEyLjUtOTcuNXQ1OS41LTc3LjVsMjY2LTE1NC0yNjYtMTU0cS00Ni0yNi01OS41LTc3LjV0MTIuNS05Ny41bDY0LTExMHEyNi00NiA3Ny41LTU5LjV0OTcuNSAxMi41bDI2NiAxNTN2LTMwN3EwLTUyIDM4LTkwdDkwLTM4aDEyOHE1MiAwIDkwIDM4dDM4IDkwdjMwN2wyNjYtMTUzcTQ2LTI2IDk3LjUtMTIuNXQ3Ny41IDU5LjVsNjQgMTEwcTI2IDQ2IDEyLjUgOTcuNXQtNTkuNSA3Ny41bC0yNjYgMTU0eiIvPjwvc3ZnPg==");
  background-color: #f7f7f7;
}
input[type=email][required]:active:not(:disabled), input[type=email][required]:focus:not(:disabled), input[type=number][required]:active:not(:disabled), input[type=number][required]:focus:not(:disabled), input[type=password][required]:active:not(:disabled), input[type=password][required]:focus:not(:disabled), input[type=tel][required]:active:not(:disabled), input[type=tel][required]:focus:not(:disabled), input[type=text][required]:active:not(:disabled), input[type=text][required]:focus:not(:disabled), input[type=search][required]:active:not(:disabled), input[type=search][required]:focus:not(:disabled), input[type=url][required]:active:not(:disabled), input[type=url][required]:focus:not(:disabled), input[type=date][required]:active:not(:disabled), input[type=date][required]:focus:not(:disabled) {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiMyNjJhMmMiIGQ9Ik0xNTQ2IDEwNTBxNDYgMjYgNTkuNSA3Ny41dC0xMi41IDk3LjVsLTY0IDExMHEtMjYgNDYtNzcuNSA1OS41dC05Ny41LTEyLjVsLTI2Ni0xNTN2MzA3cTAgNTItMzggOTB0LTkwIDM4aC0xMjhxLTUyIDAtOTAtMzh0LTM4LTkwdi0zMDdsLTI2NiAxNTNxLTQ2IDI2LTk3LjUgMTIuNXQtNzcuNS01OS41bC02NC0xMTBxLTI2LTQ2LTEyLjUtOTcuNXQ1OS41LTc3LjVsMjY2LTE1NC0yNjYtMTU0cS00Ni0yNi01OS41LTc3LjV0MTIuNS05Ny41bDY0LTExMHEyNi00NiA3Ny41LTU5LjV0OTcuNSAxMi41bDI2NiAxNTN2LTMwN3EwLTUyIDM4LTkwdDkwLTM4aDEyOHE1MiAwIDkwIDM4dDM4IDkwdjMwN2wyNjYtMTUzcTQ2LTI2IDk3LjUtMTIuNXQ3Ny41IDU5LjVsNjQgMTEwcTI2IDQ2IDEyLjUgOTcuNXQtNTkuNSA3Ny41bC0yNjYgMTU0eiIvPjwvc3ZnPg==");
  background-color: #f7f7f7;
}
input[type=email][required].ng-invalid.ng-dirty, .ng-submitted input[type=email][required].ng-invalid, input[type=number][required].ng-invalid.ng-dirty, .ng-submitted input[type=number][required].ng-invalid, input[type=password][required].ng-invalid.ng-dirty, .ng-submitted input[type=password][required].ng-invalid, input[type=tel][required].ng-invalid.ng-dirty, .ng-submitted input[type=tel][required].ng-invalid, input[type=text][required].ng-invalid.ng-dirty, .ng-submitted input[type=text][required].ng-invalid, input[type=search][required].ng-invalid.ng-dirty, .ng-submitted input[type=search][required].ng-invalid, input[type=url][required].ng-invalid.ng-dirty, .ng-submitted input[type=url][required].ng-invalid, input[type=date][required].ng-invalid.ng-dirty, .ng-submitted input[type=date][required].ng-invalid {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNlOTAwMDAiIGQ9Ik0xNTQ2IDEwNTBxNDYgMjYgNTkuNSA3Ny41dC0xMi41IDk3LjVsLTY0IDExMHEtMjYgNDYtNzcuNSA1OS41dC05Ny41LTEyLjVsLTI2Ni0xNTN2MzA3cTAgNTItMzggOTB0LTkwIDM4aC0xMjhxLTUyIDAtOTAtMzh0LTM4LTkwdi0zMDdsLTI2NiAxNTNxLTQ2IDI2LTk3LjUgMTIuNXQtNzcuNS01OS41bC02NC0xMTBxLTI2LTQ2LTEyLjUtOTcuNXQ1OS41LTc3LjVsMjY2LTE1NC0yNjYtMTU0cS00Ni0yNi01OS41LTc3LjV0MTIuNS05Ny41bDY0LTExMHEyNi00NiA3Ny41LTU5LjV0OTcuNSAxMi41bDI2NiAxNTN2LTMwN3EwLTUyIDM4LTkwdDkwLTM4aDEyOHE1MiAwIDkwIDM4dDM4IDkwdjMwN2wyNjYtMTUzcTQ2LTI2IDk3LjUtMTIuNXQ3Ny41IDU5LjVsNjQgMTEwcTI2IDQ2IDEyLjUgOTcuNXQtNTkuNSA3Ny41bC0yNjYgMTU0eiIvPjwvc3ZnPg==");
  background-color: #f7f7f7;
}
input[type=email] + label, input[type=number] + label, input[type=password] + label, input[type=tel] + label, input[type=text] + label, input[type=search] + label, input[type=url] + label, input[type=date] + label {
  vertical-align: baseline;
  margin-right: 10px;
}
input[type=email].ng-invalid.ng-dirty, .ng-submitted input[type=email].ng-invalid, input[type=number].ng-invalid.ng-dirty, .ng-submitted input[type=number].ng-invalid, input[type=password].ng-invalid.ng-dirty, .ng-submitted input[type=password].ng-invalid, input[type=tel].ng-invalid.ng-dirty, .ng-submitted input[type=tel].ng-invalid, input[type=text].ng-invalid.ng-dirty, .ng-submitted input[type=text].ng-invalid, input[type=search].ng-invalid.ng-dirty, .ng-submitted input[type=search].ng-invalid, input[type=url].ng-invalid.ng-dirty, .ng-submitted input[type=url].ng-invalid, input[type=date].ng-invalid.ng-dirty, .ng-submitted input[type=date].ng-invalid {
  border-bottom-color: #e90000;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=date], input[type=datetime-local], input[type=time] {
  appearance: none;
  background: none;
  border-radius: 2px;
  border: 1px solid #dfdfdf;
  color: #4a4f51;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  min-height: 20px;
  padding: 3px 8px;
  position: relative;
  transition: border-color 0.6s ease-out, background-image 0.6s ease-out;
  will-change: border-color, background-image;
  vertical-align: middle;
  background-color: #f7f7f7;
  width: 100%;
  padding: 8px 10px 8px 0;
  -webkit-align-items: center;
  display: -webkit-inline-flex;
  overflow: hidden;
  -webkit-padding-start: 1px;
  min-width: 150px;
}
input[type=date]:hover:not(:disabled), input[type=datetime-local]:hover:not(:disabled), input[type=time]:hover:not(:disabled) {
  border-color: #ffc72c;
}
input[type=date]:active:not(:disabled), input[type=date]:focus:not(:disabled), input[type=datetime-local]:active:not(:disabled), input[type=datetime-local]:focus:not(:disabled), input[type=time]:active:not(:disabled), input[type=time]:focus:not(:disabled) {
  border-color: #151f6d;
  outline: none;
}
input[type=date] + label, input[type=datetime-local] + label, input[type=time] + label {
  vertical-align: middle;
  margin-right: 10px;
}
input[type=date].ng-invalid.ng-dirty, .ng-submitted input[type=date].ng-invalid, input[type=datetime-local].ng-invalid.ng-dirty, .ng-submitted input[type=datetime-local].ng-invalid, input[type=time].ng-invalid.ng-dirty, .ng-submitted input[type=time].ng-invalid {
  border-bottom-color: #e90000;
}
input[type=date]::-webkit-datetime-edit, input[type=datetime-local]::-webkit-datetime-edit, input[type=time]::-webkit-datetime-edit {
  -webkit-flex: 1;
  -webkit-user-modify: read-only !important;
  display: inline-block;
  min-width: 0;
  overflow: hidden;
}
input[type=date]::-webkit-datetime-edit-fields-wrapper, input[type=datetime-local]::-webkit-datetime-edit-fields-wrapper, input[type=time]::-webkit-datetime-edit-fields-wrapper {
  -webkit-user-modify: read-only !important;
  display: inline-block;
  padding: 0 10px;
  white-space: pre;
}
input[type=color] {
  padding: 0 !important;
}
input[type=checkbox]:not(.toggle), input[type=radio] {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
input[type=checkbox]:not(.toggle) + label:not(.button--label):before, input[type=radio] + label:not(.button--label):before {
  content: "";
  background-color: #f7f7f7;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
  cursor: pointer;
}
input[type=checkbox]:not(.toggle).ng-invalid.ng-dirty + label, input[type=radio].ng-invalid.ng-dirty + label {
  color: #e90000;
}
input[type=checkbox]:not(.toggle):checked + label:before, input[type=radio]:checked + label:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0iIzE0MUY2RCIgLz48L3N2Zz4=");
  background-position: 3px 3px, 0 0;
  background-size: 12px 12px, 20px 20px;
  background-repeat: no-repeat, no-repeat;
}
input[type=checkbox]:not(.toggle):focus:not(:disabled) + label:before, input[type=checkbox]:not(.toggle):hover:not(:disabled) + label:before, input[type=radio]:focus:not(:disabled) + label:before, input[type=radio]:hover:not(:disabled) + label:before {
  outline: none;
  border-color: #151f6d;
}
input[type=checkbox]:not(.toggle) + label:empty:before, input[type=radio] + label:empty:before {
  margin-right: 0;
}
input[type=radio] + label:before {
  border-radius: 100% !important;
}
input[type=radio]:checked + label:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIgMiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGNpcmNsZSBjeD0iMSIgY3k9IjEiIHI9IjEiIGZpbGw9IiMxNDFGNkQiIC8+PC9zdmc+") !important;
  background-position: 2px 3px, 0 0;
}
input[type=color] {
  appearance: none;
  background: none;
  border-radius: 2px;
  border: 1px solid #dfdfdf;
  color: #4a4f51;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  min-height: 20px;
  padding: 3px 8px;
  position: relative;
  transition: border-color 0.6s ease-out, background-image 0.6s ease-out;
  will-change: border-color, background-image;
  vertical-align: middle;
  width: 100%;
}
input[type=color]:hover:not(:disabled) {
  border-color: #ffc72c;
}
input[type=color]:active:not(:disabled), input[type=color]:focus:not(:disabled) {
  border-color: #151f6d;
  outline: none;
}
input[type=range] {
  appearance: none;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  background: #4a4f51;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #262a2c, 0px 0px 1px rgb(49.8170731707, 55.0609756098, 57.6829268293);
  border: 1px solid #4a4f51;
  height: 20px;
  width: 15px;
  border-radius: 2px;
  background: #151f6d;
  cursor: pointer;
  appearance: none;
  margin-top: -7px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #dfdfdf;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  background: #4a4f51;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #262a2c, 0px 0px 1px rgb(49.8170731707, 55.0609756098, 57.6829268293);
  border: 1px solid #4a4f51;
  height: 20px;
  width: 15px;
  border-radius: 2px;
  background: #151f6d;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 15px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: rgb(86.1741935484, 91.9967741935, 94.3258064516);
}
input[type=range]::-ms-fill-upper {
  background: #4a4f51;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #262a2c, 0px 0px 1px rgb(49.8170731707, 55.0609756098, 57.6829268293);
  border: 1px solid #4a4f51;
  height: 20px;
  width: 15px;
  border-radius: 2px;
  background: #151f6d;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #4a4f51;
}
input[type=range]:focus::-ms-fill-upper {
  background: rgb(86.1741935484, 91.9967741935, 94.3258064516);
}

.select-wrap {
  display: inline-block;
  position: relative;
  display: flex;
  flex: 1;
}
.select-wrap:after {
  position: absolute;
  right: 20px;
  margin-top: 0.65em;
  pointer-events: none;
  content: "\f078";
  font-family: FontAwesome;
  color: #4a4f51;
  transition: color 0.6s ease-out;
  will-change: color;
}
.select-wrap.disabled:after {
  opacity: 0.5;
}
.select-wrap:hover:not(:disabled):not(.disabled):after {
  color: #ffc72c;
}
.select-wrap:active:not(:disabled):not(.disabled):after, .select-wrap:focus:not(:disabled):not(.disabled):after {
  color: #262a2c;
}
.select-wrap.fill select {
  width: 100%;
}
.select-wrap select {
  appearance: none;
  background: none;
  border-radius: 2px;
  border: 1px solid #dfdfdf;
  color: #4a4f51;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  min-height: 20px;
  padding: 3px 8px;
  position: relative;
  transition: border-color 0.6s ease-out, background-image 0.6s ease-out;
  will-change: border-color, background-image;
  vertical-align: middle;
  background: #f7f7f7;
  padding: 8px 8px;
  padding-right: 30px;
  flex: 1;
  width: 100%;
  max-width: 100%;
}
.select-wrap select:hover:not(:disabled) {
  border-color: #ffc72c;
}
.select-wrap select:active:not(:disabled), .select-wrap select:focus:not(:disabled) {
  border-color: #151f6d;
  outline: none;
}
.select-wrap select:required {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiM5Mjk1OTYiIGQ9Ik0xNTQ2IDEwNTBxNDYgMjYgNTkuNSA3Ny41dC0xMi41IDk3LjVsLTY0IDExMHEtMjYgNDYtNzcuNSA1OS41dC05Ny41LTEyLjVsLTI2Ni0xNTN2MzA3cTAgNTItMzggOTB0LTkwIDM4aC0xMjhxLTUyIDAtOTAtMzh0LTM4LTkwdi0zMDdsLTI2NiAxNTNxLTQ2IDI2LTk3LjUgMTIuNXQtNzcuNS01OS41bC02NC0xMTBxLTI2LTQ2LTEyLjUtOTcuNXQ1OS41LTc3LjVsMjY2LTE1NC0yNjYtMTU0cS00Ni0yNi01OS41LTc3LjV0MTIuNS05Ny41bDY0LTExMHEyNi00NiA3Ny41LTU5LjV0OTcuNSAxMi41bDI2NiAxNTN2LTMwN3EwLTUyIDM4LTkwdDkwLTM4aDEyOHE1MiAwIDkwIDM4dDM4IDkwdjMwN2wyNjYtMTUzcTQ2LTI2IDk3LjUtMTIuNXQ3Ny41IDU5LjVsNjQgMTEwcTI2IDQ2IDEyLjUgOTcuNXQtNTkuNSA3Ny41bC0yNjYgMTU0eiIvPjwvc3ZnPg==");
  background-color: #f7f7f7;
  background-size: 12px 12px, 100%;
  background-position: top 5px right 5px, 100% 100%;
  background-repeat: no-repeat, no-repeat;
}
.select-wrap select:required:hover:not(:disabled) {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNhOWEyNzUiIGQ9Ik0xNTQ2IDEwNTBxNDYgMjYgNTkuNSA3Ny41dC0xMi41IDk3LjVsLTY0IDExMHEtMjYgNDYtNzcuNSA1OS41dC05Ny41LTEyLjVsLTI2Ni0xNTN2MzA3cTAgNTItMzggOTB0LTkwIDM4aC0xMjhxLTUyIDAtOTAtMzh0LTM4LTkwdi0zMDdsLTI2NiAxNTNxLTQ2IDI2LTk3LjUgMTIuNXQtNzcuNS01OS41bC02NC0xMTBxLTI2LTQ2LTEyLjUtOTcuNXQ1OS41LTc3LjVsMjY2LTE1NC0yNjYtMTU0cS00Ni0yNi01OS41LTc3LjV0MTIuNS05Ny41bDY0LTExMHEyNi00NiA3Ny41LTU5LjV0OTcuNSAxMi41bDI2NiAxNTN2LTMwN3EwLTUyIDM4LTkwdDkwLTM4aDEyOHE1MiAwIDkwIDM4dDM4IDkwdjMwN2wyNjYtMTUzcTQ2LTI2IDk3LjUtMTIuNXQ3Ny41IDU5LjVsNjQgMTEwcTI2IDQ2IDEyLjUgOTcuNXQtNTkuNSA3Ny41bC0yNjYgMTU0eiIvPjwvc3ZnPg==");
  background-color: #f7f7f7;
}
.select-wrap select:required:active:not(:disabled), .select-wrap select:required:focus:not(:disabled) {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiMyNjJhMmMiIGQ9Ik0xNTQ2IDEwNTBxNDYgMjYgNTkuNSA3Ny41dC0xMi41IDk3LjVsLTY0IDExMHEtMjYgNDYtNzcuNSA1OS41dC05Ny41LTEyLjVsLTI2Ni0xNTN2MzA3cTAgNTItMzggOTB0LTkwIDM4aC0xMjhxLTUyIDAtOTAtMzh0LTM4LTkwdi0zMDdsLTI2NiAxNTNxLTQ2IDI2LTk3LjUgMTIuNXQtNzcuNS01OS41bC02NC0xMTBxLTI2LTQ2LTEyLjUtOTcuNXQ1OS41LTc3LjVsMjY2LTE1NC0yNjYtMTU0cS00Ni0yNi01OS41LTc3LjV0MTIuNS05Ny41bDY0LTExMHEyNi00NiA3Ny41LTU5LjV0OTcuNSAxMi41bDI2NiAxNTN2LTMwN3EwLTUyIDM4LTkwdDkwLTM4aDEyOHE1MiAwIDkwIDM4dDM4IDkwdjMwN2wyNjYtMTUzcTQ2LTI2IDk3LjUtMTIuNXQ3Ny41IDU5LjVsNjQgMTEwcTI2IDQ2IDEyLjUgOTcuNXQtNTkuNSA3Ny41bC0yNjYgMTU0eiIvPjwvc3ZnPg==");
  background-color: #f7f7f7;
}
.select-wrap select:required.ng-invalid.ng-dirty, .ng-submitted .select-wrap select:required.ng-invalid {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNlOTAwMDAiIGQ9Ik0xNTQ2IDEwNTBxNDYgMjYgNTkuNSA3Ny41dC0xMi41IDk3LjVsLTY0IDExMHEtMjYgNDYtNzcuNSA1OS41dC05Ny41LTEyLjVsLTI2Ni0xNTN2MzA3cTAgNTItMzggOTB0LTkwIDM4aC0xMjhxLTUyIDAtOTAtMzh0LTM4LTkwdi0zMDdsLTI2NiAxNTNxLTQ2IDI2LTk3LjUgMTIuNXQtNzcuNS01OS41bC02NC0xMTBxLTI2LTQ2LTEyLjUtOTcuNXQ1OS41LTc3LjVsMjY2LTE1NC0yNjYtMTU0cS00Ni0yNi01OS41LTc3LjV0MTIuNS05Ny41bDY0LTExMHEyNi00NiA3Ny41LTU5LjV0OTcuNSAxMi41bDI2NiAxNTN2LTMwN3EwLTUyIDM4LTkwdDkwLTM4aDEyOHE1MiAwIDkwIDM4dDM4IDkwdjMwN2wyNjYtMTUzcTQ2LTI2IDk3LjUtMTIuNXQ3Ny41IDU5LjVsNjQgMTEwcTI2IDQ2IDEyLjUgOTcuNXQtNTkuNSA3Ny41bC0yNjYgMTU0eiIvPjwvc3ZnPg==");
  background-color: #f7f7f7;
  border-bottom-color: #e90000;
}
.select-wrap select:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

select::-ms-expand {
  display: none;
}

td.form-inline {
  margin-bottom: 0 !important;
}

.form-inline {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
  gap: 10px;
}
.form-inline.dropdown-custom-field {
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
}
.form-inline.dropdown-custom-field > .item-main {
  width: 100%;
}
.form-inline.dropdown-custom-field > .item {
  margin: 0;
}
.form-inline.dropdown-custom-field > .item:not(:first-child) {
  margin-left: 0;
}
.form-inline.field-wrap {
  flex-wrap: wrap;
}
.form-inline.flex {
  margin-bottom: 0;
}
.form-inline.flex .item {
  margin-bottom: 10px;
}
.form-inline > .item-main {
  flex: 1 100%;
  margin: 0;
}
.form-inline > .item-main.selectize-control:first-of-type {
  margin-left: 0px;
}
.form-inline > .item {
  margin: 0;
}
.form-inline > .item:not(:first-child) {
  margin-left: 10px;
}
.form-inline .form-actions {
  margin-left: auto;
}

.form-collapse {
  display: flex;
  margin-bottom: 10px;
}
.form-collapse .item-main {
  flex: 1 100%;
}
.form-collapse .item {
  border-radius: 0;
  margin: 0;
  white-space: nowrap;
}
.form-collapse .item-wrap {
  white-space: normal;
}
.form-collapse .item:first-child {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.form-collapse .item:last-child {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.form-collapse .item:not(:last-child) {
  border-right: 0;
}

.toggle {
  display: none;
}
.toggle + label {
  cursor: pointer;
  position: relative;
  top: 0;
  left: 0;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  height: 26px;
  padding-left: 24px;
  padding-right: 4px;
  border-radius: 20px;
  color: #4a4f51;
  background: #fff;
  border: 1px solid #dfdfdf;
  line-height: 16px;
  min-width: 20px;
  transition: padding-left 0.4s ease, padding-right 0.4s ease, background 0.4s ease;
}
.toggle + label:before {
  content: attr(data-nay);
  transition: all 0.4s ease;
  padding: 0 5px;
  line-height: 24px;
  font-size: 16px;
  font-weight: 600;
}
.toggle + label:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  margin-left: -20px;
  background: #262a2c;
  border-radius: 20px;
  top: 2px;
  left: 22px;
  transition: all 0.4s ease;
}
.toggle:checked + label {
  padding-left: 4px;
  padding-right: 24px;
  background: #6fbd1b;
}
.toggle:checked + label:after {
  left: calc(100% - 2px);
}
.toggle:checked + label:before {
  content: attr(data-yay);
  color: #fff;
}

@-moz-document url-prefix() {
  input[type],
  textarea,
  .redactor-editor {
    padding-left: 8px;
  }
}
fieldset {
  position: relative;
  width: 100%;
}
fieldset input[type],
fieldset textarea,
fieldset .redactor-editor {
  display: block;
  width: 100%;
  outline: 0;
  resize: none;
  padding-top: 14px;
  padding-right: 8px;
  padding-bottom: 2px;
}
fieldset input[type]:focus:placeholder,
fieldset textarea:focus:placeholder,
fieldset .redactor-editor:focus:placeholder {
  color: transparent;
}
fieldset input[type]:focus::-webkit-input-placeholder,
fieldset textarea:focus::-webkit-input-placeholder,
fieldset .redactor-editor:focus::-webkit-input-placeholder {
  color: transparent;
}
fieldset input[type]:focus::-moz-placeholder,
fieldset textarea:focus::-moz-placeholder,
fieldset .redactor-editor:focus::-moz-placeholder {
  color: transparent;
}
fieldset input[type]:focus:-ms-input-placeholder,
fieldset textarea:focus:-ms-input-placeholder,
fieldset .redactor-editor:focus:-ms-input-placeholder {
  color: transparent;
}
fieldset input[type] ~ label,
fieldset textarea ~ label,
fieldset .redactor-editor ~ label {
  position: absolute;
  top: 10px;
  left: 10px;
  transition: top 0.4s ease, opacity 0.4s ease, color 0.4s ease;
  opacity: 0;
  font-size: 12px;
  font-weight: 600;
  color: #151f6d;
  cursor: text;
  pointer-events: none;
}
fieldset input[type].label ~ label, fieldset input[type].show-label ~ label,
fieldset textarea.label ~ label,
fieldset textarea.show-label ~ label,
fieldset .redactor-editor.label ~ label,
fieldset .redactor-editor.show-label ~ label {
  top: 3px;
}
fieldset input[type]:focus ~ label,
fieldset textarea:focus ~ label,
fieldset .redactor-editor:focus ~ label {
  color: #262a2c;
  opacity: 1;
  top: 3px;
}
fieldset input[type].ng-invalid.ng-dirty ~ label,
fieldset textarea.ng-invalid.ng-dirty ~ label,
fieldset .redactor-editor.ng-invalid.ng-dirty ~ label {
  opacity: 1;
  top: 3px;
  color: #e90000;
}
fieldset input[type=submit] {
  padding: 8px 20px;
}
fieldset .redactor-placeholder:after {
  top: 14px !important;
  left: 10px !important;
}
fieldset .info {
  padding: 3px 10px;
  background: #e90000;
  border-radius: 0 0 2px 2px;
  z-index: 0;
  margin-top: -1px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0 0 2px 2px;
  border-left: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  color: #000;
  font-weight: 500;
  padding-top: 5px;
}
fieldset .success {
  padding: 3px 10px;
  background: #e90000;
  border-radius: 0 0 2px 2px;
  z-index: 0;
  margin-top: -1px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  background: #6fbd1b;
}

.separator {
  text-align: center;
  margin: 33px 0 15px;
}
.separator span {
  display: inline-block;
  position: relative;
}
.separator span:before, .separator span:after {
  content: "";
  position: absolute;
  border: 1px solid #ffc72c;
  top: 50%;
  width: 100%;
  max-width: 35px;
}
.separator span:before {
  right: 100%;
  margin-right: 15px;
}
.separator span:after {
  left: 100%;
  margin-left: 15px;
}

html {
  background: #f2f2f2;
  font-size: 14px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  text-rendering: optimizeLegibility;
}

body,
button,
input,
select,
textarea {
  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
}

body {
  color: #4a4f51;
  font-size: 1rem;
  line-height: 1.4285714286;
}

.disabled button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}
.disabled input {
  cursor: not-allowed;
  pointer-events: none;
}
.disabled select {
  cursor: not-allowed;
  pointer-events: none;
}

a {
  color: #151f6d;
  cursor: pointer;
  text-decoration: none;
  transition: none 0.6s ease-out;
}
a.disabled {
  cursor: not-allowed;
}
a:hover:not(.disabled) {
  color: #ffc72c;
}

hr {
  border-top-color: #dfdfdf;
  margin: 20px 0;
}

audio,
img,
video {
  max-height: 100%;
  max-width: 100%;
  display: block;
}

small {
  font-size: 12px;
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block;
}

pre {
  background: #f2f2f2;
  color: #4a4f51;
  white-space: pre;
  word-wrap: normal;
}
pre code {
  background: #f2f2f2;
  color: #4a4f51;
  display: block;
  overflow-x: auto;
  padding: 16px 20px;
}

table {
  width: 100%;
}
table td,
table th {
  text-align: left;
  vertical-align: middle;
}
table th {
  color: #262a2c;
}

ul,
ol {
  list-style-type: none;
}

.icon-superscript {
  position: relative;
  top: -0.5em;
  font-size: 0.6em !important;
}

.mb-1em {
  margin-bottom: 1em;
}

.mb-2em {
  margin-bottom: 2em;
}

.mb-05em {
  margin-bottom: 0.5em;
}

.mr-1em {
  margin-right: 1em;
}

.mr-2em {
  margin-right: 2em;
}

.mt-1em {
  margin-top: 1em;
}

/**
 * Clearfix used to clear floated children elements. http://nicolasgallagher.com/micro-clearfix-hack
 *
 * $example
 *   .parent {
 *     @include clearfix();
 *     .child {
 *       @include column(1 of 2);
 *     }
 *   }
 */
/**
 * Creates a Flexbox container.
 *
 * $param {string} [$direction=row] - The flex-direction the container should create. This is typically opposite to the element you're creating so a row() would need flex-container(column).
 *
 * $example
 *   $flexbox: true;
 *
 *   section {
 *     @include flex-container();
 *     figure {
 *       @include column('1/2');
 *     }
 *   }
 */
/**
 * Horizontally center a container element and apply padding to it.
 *
 * $param {unit} [$max-size=1140px] - A max-width to assign. Can be any unit.
 * $param {unit} [$pad=0] - Padding on the left and right of the element. Can be any unit.
 * $param {boolean} [$flex=$flexbox] - Determines whether this element should use Flexbox or not.
 *
 * $example
 *   section {
 *     @include center(900px);
 *   }
 */
/**
 * Align nested elements.
 *
 * $param {string} [$location=middle-center] - The position the nested element takes relative to the containing element.
 * $param {boolean} [$flex=$flexbox] - Determines whether this element should use Flexbox or not.
 *
 * - reset
 * - top-left
 * - top-center or top
 * - top-right
 * - middle-left or left
 * - middle-right or right
 * - bottom-left
 * - bottom-center or bottom
 * - bottom-right
 *
 * $example
 *   .parent {
 *     @include align(right);
 *     width: 600px;
 *     height: 400px;
 *     .child {
 *       width: 300px;
 *       height: 150px;
 *     }
 *   }
 */
/**
 * Creates a column that is a fraction of the size of it's containing element with a gutter. You don't need to pass any additional ratios (fractions) as the grid system will make use of calc(). Note that fractions must always be wrapped in quotes.
 *
 * $param {string} [$fraction=1 of 1] - This is a simple fraction of the containing element's width. This must be a string written as a fraction.
 * $param {number} [$cycle=nth($fraction, 3)] - Lost works by assigning a margin-right to all elements except the last in the row. It does this by default by using the denominator of the fraction you pick. To override this default use this param. e.g. column(2 of 4, $cycle: 2)
 * $param {number} [$gut=$gutter] - The margin on the right side of the element used to create a gutter. Typically this is left alone and the global $gutter will be used, but you can override it here if you want certain elements to have a particularly large or small gutter (pass 0 for no gutter at all).
 * $param {boolean} [$flex=$flexbox] - Determines whether this element should use Flexbox or not.
 *
 * $example
 *   figure {
 *     @include column(1 of 3);
 *   }
 */
/**
 * Creates a row that is a fraction of the size of it's containing element with a gutter. You don't need to pass any additional ratios (fractions) as the grid system will make use of calc(). Note that fractions must always be wrapped in quotes.
 *
 * $param {string} [$fraction=1 of 1] - This is a simple fraction of the containing element's height. This must be a string written as a fraction.
 * $param {number} [$gut=$gutter] - The margin on the bottom of the element used to create a gutter. Typically this is left alone and the global $gutter will be used, but you can override it here if you want certain elements to have a particularly large or small gutter (pass 0 for no gutter at all).
 * $param {boolean} [$flex=$flexbox] - Determines whether this element should use Flexbox or not.
 *
 * $example
 *   figure {
 *     @include row(1 of 3);
 *   }
 */
/**
 * Creates a block that is a fraction of the size of its
 * containing element's width AND height with a gutter on the right
 * and bottom.
 *
 * $param {string} [1 of 3] - This is a simple fraction of the containing
 *   element's width and height.
 *
 * $param {integer} [3] - Lost works by assigning a margin-right/bottom
 *   to all elements except the last row (no margin-bottom) and the last
 *   column (no margin-right). It does this by default by using the
 *   denominator of the fraction you pick. To override this default use this
 *   param., e.g.: .foo { lost-waffle: 2/4 2; }
 *
 * $param {length} [25px] - The margin on the right and bottom side of the
 *   element used to create a gutter. Typically this is left alone and the
 *   global $gutter will be used, but you can override it here if you want
 *   certain elements to have a particularly large or small gutter (pass 0
 *   for no gutter at all).
 *
 * $param {string} [flex|no-flex] - Determines whether this element should
 *   use Flexbox or not.
 *
 * $example
 *   section {
 *     height: 100%;
 *   }
 *   div {
 *     @include waffle(1 of 3);
 *   }
 */
/**
 * Margin to the left, right, bottom, or top, of an element depending on if the fraction passed is positive or negative. It works for both horizontal and vertical grids but not both.
 *
 * $param {string} [$fraction=1 of 1] - Fraction of the container to be offset. Must be a string.
 * $param {string} [$dir=row] - Direction the grid is going. Should be the opposite of the column() or row() it's being used on.
 * $param {number} [$gut=$gutter] - How large the gutter involved is, typically this won't be adjusted, but if you have set the elements for that container to have different gutters than default, you will need to match that gutter here as well.
 *
 * $example
 *   .two-elements {
 *     @include column(1 of 3);
 *     &:first-child {
 *       @include offset(1 of 3);
 *     }
 *   }
 */
/**
 * Source ordering. Shift elements left, right, up, or down, by their left or top position by passing a positive or negative fraction.
 *
 * $param {string} [$fraction=1 of 1] - Fraction of the container to be shifted. Must be a string.
 * $param {string} [$dir=row] - Direction the grid is going. Should be the opposite of the column() or row() it's being used on.
 * $param {number} [$gut=$gutter] - Adjust the size of the gutter for this movement. Should match the element's $gut.
 *
 * $example
 *   figure {
 *     @include column(1 of 2);
 *     &:first-child {
 *       @include move(1 of 2);
 *     }
 *     &:last-child {
 *       @include move(-1 of 2);
 *     }
 *   }
 */
.user-public-certification {
  max-width: 1100px;
  margin: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1;
  width: 100%;
}
.user-public-certification > article {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  transition: box-shadow 0.6s ease-out;
  box-shadow: 0px 1px 7px 0px rgba(27, 47, 128, 0.17);
  margin-bottom: 20px;
}
.user-public-certification > article.ng-leave {
  transition: 0s;
}
.user-public-certification > article:focus, .user-public-certification > article:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 12px 22px rgba(0, 0, 0, 0.15);
}
.user-public-certification > article header {
  padding: 20px;
  background: #151f6d;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.user-public-certification > article header h1 {
  margin: 0;
  color: #ffffff;
}
.user-public-certification > article header span {
  color: #ffc72c;
  text-transform: uppercase;
  font-weight: 600;
}
.user-public-certification > article header i.fa {
  color: rgba(255, 255, 255, 0.25);
  margin-right: 10px;
  font-size: 1.25em;
}
.user-public-certification > article aside {
  background: #ffffff;
  min-width: 350px;
  min-height: 350px;
}
.user-public-certification > article aside img {
  margin: 0 auto;
}
.user-public-certification > article aside p {
  text-align: center;
  margin: 5px;
  background: #ffc72c;
  color: #151f6d;
  padding: 5px;
}
.user-public-certification .info-card header {
  flex-direction: column;
  align-items: flex-start;
}
.user-public-certification .info-card section {
  display: flex;
  flex-flow: row wrap;
  padding: 0 20px;
}
.user-public-certification .info-card section:not(.user-info) {
  flex-direction: column;
}
.user-public-certification .info-card .info-avatar {
  max-width: 100px;
  margin-right: 25px;
  margin-bottom: 20px;
}
.user-public-certification .info-card .info-item {
  flex: 1;
  padding-bottom: 20px;
}
.user-public-certification .info-card .info-item span {
  display: flex;
  flex-direction: column;
}
.user-public-certification .info-card .info-item span:first-child {
  text-transform: uppercase;
  font-weight: 600;
}

@media only screen and (min-width: 1024px) {
  .user-public-certification {
    margin: 40px auto 0;
  }
  .user-public-certification > article header {
    height: 185px;
    padding: 40px;
  }
  .user-public-certification > article header h1 {
    margin-left: 390px;
  }
  .user-public-certification > article header span {
    margin-left: 390px;
  }
  .user-public-certification > article aside {
    position: absolute;
    top: 40px;
    left: 40px;
  }
  .user-public-certification > article section {
    margin-left: 390px;
    padding: 0 40px !important;
  }
  .user-public-certification > article section:first-of-type {
    margin-top: 40px;
  }
  .user-public-certification > article section:last-of-type {
    margin-bottom: 40px;
  }
  .user-public-certification > article section:not(.user-info) {
    flex-direction: row !important;
  }
  .user-public-certification > article section .info-avatar {
    margin-bottom: 40px;
  }
  .user-public-certification > article section .info-item {
    padding-bottom: 40px;
  }
}
.catalog {
  display: flex;
  flex-wrap: wrap;
  background: #ffffff;
  position: relative;
  min-width: 960px;
  height: 100%;
}
.catalog .catalog-header {
  background: #ffc72c;
  display: flex;
  align-items: center;
  flex: 1 100%;
  position: absolute;
  width: 100%;
  height: 45px;
}
.catalog .catalog-title {
  padding: 10px 20px;
  text-transform: uppercase;
  flex-direction: column;
}
.catalog .catalog-title span {
  font-weight: 600;
}
.catalog .catalog-search {
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1 400px;
}
.catalog .catalog-search input {
  padding: 10px !important;
  flex: 1 100%;
  color: #ffffff;
}
.catalog .catalog-search input:empty {
  color: rgba(255, 255, 255, 0.75);
}
.catalog .catalog-search i.fa-search {
  margin-right: 15px;
}
.catalog .catalog-nav {
  width: 250px;
  background: #fff;
  overflow: auto;
  position: absolute;
  top: 45px;
  bottom: 0;
  z-index: 1;
}
.catalog .catalog-nav .nav-header {
  padding: 20px 30px;
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  font-size: 14px;
}
.catalog .catalog-nav .nav-header.is-active {
  color: #dfdfdf;
  background: #262a2c;
}
.catalog .catalog-nav > hr {
  margin: 0 20px;
}
.catalog .catalog-nav nav {
  margin-bottom: 20px;
}
.catalog .catalog-nav nav ul {
  list-style: none;
}
.catalog .catalog-nav nav ul li {
  position: relative;
}
.catalog .catalog-nav nav ul li a {
  display: block;
  padding: 5px 10px 5px 30px;
  font-weight: 400;
}
.catalog .catalog-nav nav ul li.is-active {
  color: #dfdfdf;
  background: #262a2c;
}
.catalog .catalog-nav nav ul li.is-active a {
  color: #dfdfdf;
}
.catalog .catalog-nav nav ul li.is-active a:after {
  width: 22px;
  height: 22px;
  background: #262a2c;
  transform: rotate(45deg);
  position: absolute;
  right: -10px;
  top: calc(50% - 11px);
  content: "";
}
.catalog .catalog-nav nav ul li > ul {
  display: none;
  list-style: none;
}
.catalog .catalog-main {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-left: 250px;
  margin-top: 45px;
  position: relative;
}
.catalog .catalog-main .catalog-body {
  padding: 10px 45px;
  margin-bottom: 45px;
  flex: 1;
  overflow: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}
.catalog .catalog-main .catalog-body h3 {
  font-weight: 400;
}
.catalog .catalog-main .catalog-body hr {
  border-top-color: #dfdfdf;
}
.catalog .catalog-main .catalog-body .catalog-breadcrumbs {
  color: rgba(0, 0, 0, 0.5);
}
.catalog .catalog-main .catalog-body #left {
  text-align: left;
}
.catalog .catalog-main .catalog-body #center {
  text-align: center;
}
.catalog .catalog-main .catalog-body #right {
  text-align: right;
}
.catalog .catalog-main .catalog-footer {
  display: flex;
  background: #262a2c;
  align-items: center;
  justify-content: flex-end;
  padding: 5px;
  position: absolute;
  bottom: 0;
  color: #dfdfdf;
  font-weight: 600;
  border-bottom: 1px solid #4a4f51;
  border-right: 1px solid #4a4f51;
  width: 100%;
}
.catalog .catalog-main .catalog-footer > * {
  margin-left: 10px;
}

.distractor {
  height: 5px;
  background-color: #ffc72c;
  z-index: 15;
  position: fixed;
  top: 0;
  width: 100%;
}

.embedly {
  position: relative;
  overflow: hidden;
}
.embedly iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.embedly twitterwidget {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.flash {
  min-height: 45px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  padding: 5px 25px;
}
.flash div {
  flex: 1;
}
.flash.alert {
  border: 1px solid #e90000;
  color: #e90000;
  background: #f1d9d9;
}
.flash.alert i.fa {
  cursor: pointer;
}
.flash.alert i.fa:hover {
  color: #b60000;
}
.flash.notice {
  border: 1px solid #33c436;
  color: #33c436;
  background: #dfeddf;
}
.flash.warning {
  border: 1px solid #846900;
  color: #846900;
  background: #fff4d1;
}

.page-main .flash {
  margin: 0 auto;
  max-width: 1400px;
}
.page-main .flash div {
  flex: 1;
}

.learner-verified-brand {
  /* Forms */
  /* Profile */
}
.learner-verified-brand ::selection {
  background-color: #26d07c;
  color: #ffffff;
}
.learner-verified-brand h1,
.learner-verified-brand h2,
.learner-verified-brand h3,
.learner-verified-brand h4,
.learner-verified-brand h5,
.learner-verified-brand h6 {
  color: inherit;
}
.learner-verified-brand a {
  color: #1d428a;
}
.learner-verified-brand a:hover:not(:disabled) {
  color: #26d07c;
}
.learner-verified-brand .distractor {
  background-color: #1d428a;
}
.learner-verified-brand .admin-content .admin-header i.fa {
  color: #26d07c;
}
.learner-verified-brand .sidebar {
  background: #1d428a;
}
.learner-verified-brand .sidebar header {
  color: #ffffff;
}
.learner-verified-brand .sidebar header a {
  color: #ffffff;
}
.learner-verified-brand .sidebar header a:hover {
  color: #26d07c;
}
.learner-verified-brand .sidebar header .info p {
  color: #26d07c;
}
.learner-verified-brand .sidebar section > nav > ul > li.is-open .sub-menu {
  background: #1d428a;
}
.learner-verified-brand .sidebar section > nav > ul > li .sub-menu:before {
  background: #1d428a;
}
.learner-verified-brand .sidebar section > nav > ul > li .sub-menu .sub-options .sub-items li.is-active a {
  color: #26d07c;
}
.learner-verified-brand .sidebar section > nav > ul > li a {
  color: #ffffff;
}
.learner-verified-brand .sidebar section > nav > ul > li a:hover {
  color: #26d07c;
}
.learner-verified-brand .sidebar .notification-count {
  background: #26d07c;
  color: #ffffff;
}
.learner-verified-brand .sidebar .notification-count:after {
  border-right-color: #26d07c;
}
.learner-verified-brand .sidebar footer {
  background: #1d428a;
}
.learner-verified-brand .locale-switcher {
  background-color: #1d428a;
  border-color: #1d428a;
}
.learner-verified-brand .locale-switcher:hover {
  border-color: #26d07c;
}
.learner-verified-brand .locale-switcher .menu .item:hover:before {
  background: #26d07c;
}
.learner-verified-brand .locale-switcher .menu .item:hover:after {
  color: #ffffff;
}
.learner-verified-brand .locale-switcher.is-open .menu {
  border-color: #26d07c;
}
.learner-verified-brand .locale-switcher.is-open .menu .item {
  color: #ffffff;
}
.learner-verified-brand .locale-switcher.is-open .menu .item:hover {
  background-color: #26d07c;
  color: #ffffff;
}
.learner-verified-brand .tab-header {
  background-color: #1d428a;
  color: #ffffff;
}
.learner-verified-brand .tab-header:hover:not(:disabled) {
  background-color: #26d07c;
}
.learner-verified-brand input[type=radio]:checked + .tab-header {
  background-color: #26d07c;
  color: #ffffff;
}
.learner-verified-brand input[type=radio]:checked + .tab-header:after {
  border-top-color: #26d07c;
}
.learner-verified-brand .selectize-input:hover:not(:disabled) {
  border-color: #26d07c;
}
.learner-verified-brand .button,
.learner-verified-brand input[type=submit] {
  color: #ffffff;
  background: #26d07c;
}
.learner-verified-brand .button.hollow,
.learner-verified-brand input[type=submit].hollow {
  color: #2f2f2f;
}
.learner-verified-brand .button.hollow:hover:not(:disabled),
.learner-verified-brand input[type=submit].hollow:hover:not(:disabled) {
  color: black;
}
.learner-verified-brand .button:hover:not(:disabled),
.learner-verified-brand input[type=submit]:hover:not(:disabled) {
  color: #ffffff;
  background: rgb(26.1829268293, 143.3170731707, 85.4390243902);
}
.learner-verified-brand .actions-menu.is-open {
  color: #ffffff;
  background: #1d428a;
}
.learner-verified-brand .actions-menu .actions {
  background: #1d428a;
  color: #ffffff;
}
.learner-verified-brand .actions-menu .actions li:hover {
  background: #26d07c;
  color: #ffffff;
}
.learner-verified-brand .actions-menu .actions li:hover a {
  color: #ffffff;
}
.learner-verified-brand .navbar.inverted {
  background: #1d428a;
}
.learner-verified-brand .admin-content .admin-body .module-footer {
  background: #26d07c;
}
.learner-verified-brand .contact-list .list-footer {
  background: #26d07c;
  color: #ffffff;
}
.learner-verified-brand .tag {
  color: #ffffff;
}
.learner-verified-brand .tag.invited {
  background: #26d07c;
}
.learner-verified-brand .list-card-view.certifications.cards .list-card .cert-number {
  color: #ffffff;
  background: #1d428a;
}
.learner-verified-brand .admin-call-to-action > i.fa {
  color: #26d07c;
}
.learner-verified-brand .overlay .overlay-content::-webkit-scrollbar {
  width: 8px;
}
.learner-verified-brand .overlay .overlay-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0 #26d07c;
}
.learner-verified-brand .overlay .overlay-content::-webkit-scrollbar-thumb {
  background: rgb(96.4634146341, 226.0365853659, 162.012195122);
}
.learner-verified-brand .overlay .overlay-content::-webkit-scrollbar-thumb:window-inactive {
  background: #26d07c;
}
.learner-verified-brand .overlay h1.header {
  color: #ffffff;
}
.learner-verified-brand .overlay .header {
  background: #1d428a;
}
.learner-verified-brand .overlays-container .dismiss:hover {
  color: #e90000;
}
.learner-verified-brand form[name=courseForm] .course-items-editor .course-item .details .icon {
  background: #1d428a;
}
.learner-verified-brand progress[value] {
  color: #26d07c;
}
.learner-verified-brand progress[value]::-moz-progress-bar {
  background-color: #26d07c;
}
.learner-verified-brand progress[value]::-webkit-progress-value {
  background-color: #26d07c;
}
.learner-verified-brand .separator span:before,
.learner-verified-brand .separator span:after {
  border-color: #26d07c;
}
.learner-verified-brand .help-icon:hover {
  color: #26d07c;
}
.learner-verified-brand .page-main .body-header {
  background-color: #1d428a;
}
.learner-verified-brand fieldset input[type] ~ label,
.learner-verified-brand fieldset textarea ~ label,
.learner-verified-brand fieldset .redactor-editor ~ label {
  color: #1d428a;
}
.learner-verified-brand .select-wrap select:hover:not(:disabled) {
  border-color: #26d07c;
}
.learner-verified-brand .select-wrap:hover:not(:disabled):after {
  color: #26d07c;
}
.learner-verified-brand input[type=date]:hover:not(:disabled) {
  border-color: #26d07c;
}
.learner-verified-brand input[type=checkbox]:not(.toggle):focus:not(:disabled) + label:before,
.learner-verified-brand input[type=radio]:focus:not(:disabled) + label:before,
.learner-verified-brand input[type=checkbox]:not(.toggle):hover:not(:disabled) + label:before,
.learner-verified-brand input[type=radio]:hover:not(:disabled) + label:before {
  border-color: #26d07c;
}
.learner-verified-brand input[type=checkbox]:not(.toggle):checked + label:before,
.learner-verified-brand input[type=radio]:checked + label:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0iIzFENDI4QSIgLz48L3N2Zz4=);
}
.learner-verified-brand input[type=email]:hover:not(:disabled),
.learner-verified-brand input[type=number]:hover:not(:disabled),
.learner-verified-brand input[type=password]:hover:not(:disabled),
.learner-verified-brand input[type=tel]:hover:not(:disabled),
.learner-verified-brand input[type=text]:hover:not(:disabled),
.learner-verified-brand input[type=url]:hover:not(:disabled) {
  border-color: #26d07c;
}
.learner-verified-brand .authentication .contents .header {
  background: #1d428a;
}
.learner-verified-brand .authentication .contents .header h2 {
  color: #ffffff;
}
.learner-verified-brand .user-public-profile > article header {
  background: #1d428a;
  color: #ffffff;
}
.learner-verified-brand .user-public-profile > article header span {
  color: #26d07c;
}
.learner-verified-brand .user-public-profile .history-card thead {
  background: #26d07c;
}
.learner-verified-brand .user-public-profile .history-card thead th {
  color: #ffffff;
}

.lv-status {
  display: flex;
  align-items: center;
}
.lv-status img {
  max-width: 200px;
  margin-right: auto;
}
.lv-status p {
  font-weight: 600;
  margin-bottom: 0;
  margin-left: 10px;
}
.lv-status p::first-letter {
  text-transform: uppercase;
}
.lv-status p a {
  border-bottom: 1px dotted #151f6d;
}
.lv-status p a:hover {
  border-color: #ffc72c;
}
.grants .list-card .lv-status img {
  max-width: 125px;
  margin-right: auto;
}
.grants.cards .list-card .lv-status {
  margin-bottom: 15px;
}
.grants.cards .list-card .lv-status img {
  margin-right: 0;
}
.grants.list .list-card .lv-status {
  margin-left: 0 !important;
  position: absolute;
  bottom: 10px;
}
.certification-info .lv-status {
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.certifications .list-card .lv-status {
  border-bottom: 1px solid #dfdfdf;
  padding: 20px 15px;
}
.certifications .list-card .lv-status img {
  max-width: 150px;
}

.lv-info .content {
  display: flex;
}
.lv-info .info {
  flex: 1;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 0;
}
.lv-info .info a {
  font-weight: 600;
  text-decoration: underline;
  margin-bottom: 20px;
}
.lv-info .learner {
  margin-right: -50px;
  margin-top: -60px;
  display: none;
}
@media only screen and (min-width: 530px) {
  .lv-info .learner {
    display: block;
  }
}

.learner-verifications {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: 100%;
}
.learner-verifications .tm-actions {
  background: #ffffff;
  border-radius: 0px 0px 2px 2px;
  border-top: 5px solid #6fbd1b;
  margin-top: -2px;
  padding: 10px 30px;
}

.list-card-view {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
.list-card-view.cards .list-card {
  flex-direction: column;
  max-width: 320px;
}
.list-card-view.cards .list-card .asset button.w-full {
  width: 100%;
}
.list-card-view.cards .list-card .asset img {
  width: 100%;
}
.list-card-view.cards .list-card .details {
  flex-direction: column;
}
.list-card-view.cards .list-card .details > *:not(:last-child) {
  margin-bottom: 15px;
}
.list-card-view.cards .list-card .details .actions {
  margin-top: auto;
}
.list-card-view.cards .list-card .details .actions > .button {
  margin-top: 5px;
}
.list-card-view.cards .list-card .details .actions > .button:not(:last-child) {
  margin-right: 5px;
}
.list-card-view.list {
  flex-direction: column;
}
.list-card-view.list .list-card {
  flex-direction: row;
  width: 865px;
}
.list-card-view.list .list-card .asset {
  min-width: 136px;
}
.list-card-view.list .list-card .asset img {
  max-width: 136px;
  object-fit: cover;
}
.list-card-view.list .list-card .details {
  display: flex;
  width: 100%;
  padding: 10px 15px;
}
.list-card-view.list .list-card .details > div:not(:first-child) {
  margin-left: 15px;
}
.list-card-view.list .list-card .details .actions {
  display: flex;
  flex-direction: column;
}
.list-card-view.list .list-card .details .actions > .button {
  backface-visibility: hidden;
}
.list-card-view.list .list-card .details .actions > .button:not(:first-child) {
  margin-top: 5px;
}
.list-card-view.credit-cards.list .list-card {
  width: 100% !important;
}
.list-card-view.certifications.cards .list-card {
  width: auto;
}
.list-card-view.certifications.cards .list-card .cert-number {
  color: #fff;
  background: #151f6d;
  padding: 5px 15px;
}
.list-card-view.certifications.cards .list-card .cert-number strong {
  float: right;
}
.list-card-view.certifications.cards .list-card .asset {
  border-bottom: 1px solid #dfdfdf;
}
.list-card-view.certifications.cards .list-card .asset img {
  margin: 0 auto;
  width: auto;
}
.list-card-view.certifications.cards .list-card .details .actions {
  display: flex;
  align-items: center;
}
.list-card-view.certifications.cards .list-card .details .actions .social {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}
.list-card-view.certifications.cards .list-card .details .actions .social span {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
}
.list-card-view.certifications.cards .list-card .details .actions .social i.fa {
  font-size: 1.5em;
  margin-left: 5px;
}
.list-card-view.certifications.cards .list-card .details .exports {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.list-card-view.grants.cards .list-card .details .title {
  order: 1;
}
.list-card-view.grants.cards .list-card .details .issued {
  order: 2;
}
.list-card-view.grants.cards .list-card .details .status {
  order: 3;
}
.list-card-view.grants.cards .list-card .details .actions {
  order: 5;
  margin-bottom: 0;
}
.list-card-view.grants.cards .list-card .details .lv-status {
  order: 4;
}
.list-card-view.grants.list .list-card .details .title {
  order: 1;
}
.list-card-view.grants.list .list-card .details .issued {
  order: 3;
}
.list-card-view.grants.list .list-card .details .status {
  order: 4;
}
.list-card-view.grants.list .list-card .details .actions {
  order: 5;
}
.list-card-view.grants.list .list-card .details .lv-status {
  order: 2;
}
.list-card-view.widgets.cards .list-card {
  width: calc(99.99% * 1 / 4 - (15px - 15px * 1 / 4));
  flex: 0 0 auto;
}
.list-card-view.widgets.cards .list-card:nth-child(n) {
  margin-right: 15px;
}
.list-card-view.widgets.cards .list-card:last-child {
  margin-right: 0;
}
.list-card-view.widgets.cards .list-card:nth-child(4n) {
  margin-right: 0;
}
.list-card-view.widgets.cards .list-card .asset {
  display: flex;
}
.list-card-view.pages.list .list-card .details > div:not(.actions) {
  flex: 1;
}
.list-card-view.imports.list .list-card .details .description {
  flex: 1;
}
.list-card-view.imports.list .list-card .details .description span span i:not(:first-child) {
  margin-left: 10px;
}
.list-card-view.imports.card .list-card .details {
  margin-left: 0 !important;
}
.list-card-view.licenses .list-card {
  height: auto;
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 85px;
}
.list-card-view.licenses .list-card .asset {
  height: 85px;
}
.list-card-view.licenses .list-card .details .seats {
  margin-right: 15px;
}
.list-card-view.licenses .list-card .info-group {
  display: flex;
  flex-direction: row;
}
.list-card-view.licenses .list-card .license-table tfoot tr {
  border-bottom: none;
}
.list-card-view .list-card {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  transition: box-shadow 0.6s ease-out;
  box-shadow: 0px 1px 7px 0px rgba(27, 47, 128, 0.17);
  display: flex;
  margin-right: 15px;
  margin-bottom: 15px;
}
.list-card-view .list-card.ng-leave {
  transition: 0s;
}
.list-card-view .list-card:focus, .list-card-view .list-card:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 12px 22px rgba(0, 0, 0, 0.15);
}
.list-card-view .list-card .asset {
  position: relative;
  overflow: hidden;
}
.list-card-view .list-card .asset:empty {
  background: #f2f2f2;
}
.list-card-view .list-card .asset:empty:before {
  color: #e90000;
  content: "\f1c5";
  font-family: FontAwesome;
  font-size: 200%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.list-card-view .list-card .details {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  flex: 1 1 auto;
}
.list-card-view .list-card .details .title {
  flex: 1;
  font-weight: 600;
}
.list-card-view .list-card .details > div:not(.actions):not(.title) > span {
  display: block;
}
.list-card-view .list-card .details > div:not(.actions):not(.title) > span:first-child {
  color: #4a4f51;
  font-size: 12px;
  text-transform: uppercase;
}
.list-card-view .list-card .details > div:not(.actions):not(.title) > span:last-child {
  font-weight: 600;
}
.list-card-view .list-card .details div.actions {
  display: inline-block;
}

.overlays-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.overlays-container.is-active {
  display: block;
  background: rgba(32, 32, 32, 0.85);
  z-index: 100;
}
.overlays-container .content {
  width: 100%;
}
.overlays-container .dismiss {
  color: #fff;
  font-size: 2em;
  position: absolute;
  right: calc(50vw - 12px);
  bottom: 6px;
  z-index: 110;
}
.overlays-container .dismiss:hover {
  color: #e90000;
}
.overlays-container .dismiss i.fa {
  text-shadow: 1px 1px 1px rgb(0, 0, 0);
}

.overlay {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.overlay.small .overlay-content {
  *zoom: 1;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: none;
}
.overlay.small .overlay-content:before, .overlay.small .overlay-content:after {
  content: "";
  display: table;
}
.overlay.small .overlay-content:after {
  clear: both;
}
.overlay.medium .overlay-content {
  *zoom: 1;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: none;
}
.overlay.medium .overlay-content:before, .overlay.medium .overlay-content:after {
  content: "";
  display: table;
}
.overlay.medium .overlay-content:after {
  clear: both;
}
.overlay.large .overlay-content {
  *zoom: 1;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: none;
}
.overlay.large .overlay-content:before, .overlay.large .overlay-content:after {
  content: "";
  display: table;
}
.overlay.large .overlay-content:after {
  clear: both;
}
.overlay.full .overlay-content {
  *zoom: 1;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
}
.overlay.full .overlay-content:before, .overlay.full .overlay-content:after {
  content: "";
  display: table;
}
.overlay.full .overlay-content:after {
  clear: both;
}
.overlay.full-screen .overlay-content {
  width: 100vw;
  margin: 0 0;
  height: calc(100vh - 80px);
  border-bottom: 5px solid #ffc72c;
}
.overlay .overlay-content {
  display: inline-block;
  position: relative;
  margin: 30px auto auto 50px;
  height: calc(100vh - 80px);
  width: 100%;
}
.overlay .overlay-content::-webkit-scrollbar {
  width: 8px;
}
.overlay .overlay-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0 rgb(222.5, 163.4478672986, 0);
}
.overlay .overlay-content::-webkit-scrollbar-thumb {
  background: #ffc72c;
}
.overlay .overlay-content::-webkit-scrollbar-thumb:window-inactive {
  background: rgb(222.5, 163.4478672986, 0);
}
.overlay .overlay-content iframe {
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 950px) {
  .overlay .overlay-content {
    margin: 50px auto;
    height: calc(100vh - 120px);
  }
}
.overlay .header {
  align-items: center;
  background: #151f6d;
  color: #ffffff;
  display: flex;
  justify-content: center;
  padding: 5px 25px;
}
@media only screen and (min-width: 950px) {
  .overlay .header {
    padding: 25px;
  }
}
.overlay h1.header,
.overlay .header h1 {
  margin-bottom: 0;
  color: #ffffff;
  font-weight: 500;
}
.overlay .content {
  background: #f2f2f2;
  padding: 30px 50px;
}

.overlay-form .title {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-bottom: 30px;
}
.overlay-form.overlay-form--scroll .content {
  overflow-x: scroll;
}
.overlay-form .content .form {
  padding: 0;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.overlay-form .content .form:hover {
  box-shadow: none;
}
.overlay-form .content form:not(.button_to) > *:not(.title), .overlay-form .content form:not(.button_to) > *:not(:last-child),
.overlay-form .content .form:not(.button_to) > *:not(.title),
.overlay-form .content .form:not(.button_to) > *:not(:last-child) {
  margin-bottom: 10px;
}
.overlay-form .content .errors {
  color: #e90000;
}
.overlay-form .content .errors ul {
  list-style-type: none;
}

.page-link {
  background: none;
  padding: 4px 10px;
  border-radius: 2px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #ffc72c;
  transition: none;
  user-select: none;
}
.page-link:hover {
  background: #ffc72c;
  color: #fff;
}

.pagy {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
}
.pagy a {
  padding: 4px 10px;
  border: 1px solid #ffc72c;
  background: #ffffff;
  border-radius: 2px;
  display: inline-block;
}
.pagy a[aria-label=Previous], .pagy a[aria-label=Next] {
  font-weight: 700;
  border: none;
  background: none;
  color: #ffc72c;
}
.pagy a:hover {
  background: #ffc72c;
  color: #ffffff;
}
.pagy a:not([href]) {
  color: #dfdfdf;
}
.pagy a:not([href]):hover {
  background: none;
  color: #dfdfdf;
}
.pagy a.current {
  font-weight: 700;
  background: #ffc72c;
  color: #151f6d;
}
.pagy a.current:hover {
  background: #ffc72c;
  color: #151f6d;
}

.pagination {
  text-align: center;
  vertical-align: middle;
}
.pagination.buttons > span {
  display: inline-block;
  background: #ffffff;
  white-space: nowrap;
  border-radius: 2px;
  border: 1px solid #dfdfdf;
}
.pagination.buttons > span a {
  color: #151f6d;
  transition: color 0.6s ease-out;
}
.pagination.buttons > span a:hover {
  color: #ffc72c;
}
.pagination .page a {
  background: none;
  padding: 4px 10px;
  border-radius: 2px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #ffc72c;
  transition: none;
  user-select: none;
}
.pagination .page a:hover {
  background: #ffc72c;
  color: #fff;
}
.pagination .page.current {
  appearance: none;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  outline: none;
  background: none;
  border: none;
  font-size: 15px;
  display: inline-block;
  text-align: center;
  color: #151f6d;
  background: #ffc72c;
  padding: 8px 20px;
  border-radius: 2px;
  vertical-align: middle;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.6s ease-out, color 0.6s ease-out;
  cursor: pointer;
  padding: 4px 10px;
  border: 1px solid #ffc72c;
  background: #ffc72c;
  user-select: none;
}
.pagination .page.current:active, .pagination .page.current:focus, .pagination .page.current:hover {
  outline: none;
}
.pagination .page.current.blank {
  background: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.pagination .page.current i,
.pagination .page.current span {
  user-select: none;
}
.pagination .page.current span {
  font-weight: 600;
}
.pagination .page.current:disabled, .pagination .page.current[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}
.pagination .page.current:hover:not(:disabled) {
  background: rgb(222.5, 163.4478672986, 0);
  color: #ffffff;
}
.pagination .page.current.caution {
  background: #e90000;
  color: #ffffff;
}
.pagination .page.current.caution:hover:not(:disabled) {
  background: #151f6d;
}
.pagination .page.current.expired {
  background: #e90000;
  color: #ffffff;
}
.pagination .page.current.expired:hover:not(:disabled) {
  background: #151f6d;
}
.pagination .page.current.huge {
  display: table;
  font-size: 18px;
  padding: 12px 25px;
}
.pagination .page.current.huge i {
  font-size: 18px;
}
.pagination .page.current.flex {
  display: block;
  align-items: center;
}
.pagination .page.current.flex.fill {
  justify-content: center;
  flex: 1;
  padding: 15px;
}
.pagination .page.current.big {
  padding: 15px 50px;
}
.pagination .page.current.hollow, .pagination .page.current.secondary {
  background: transparent !important;
  border: 1px solid #dfdfdf;
}
.pagination .page.current.hollow:hover:not(:disabled), .pagination .page.current.secondary:hover:not(:disabled) {
  background: rgb(222.5, 163.4478672986, 0);
  color: #dfdfdf;
}
.pagination .page.current.mini {
  padding: 4px 10px;
}
.pagination .page.current.green {
  color: #ffffff;
  background: #6fbd1b;
}
.pagination .page.current.green:hover {
  background: rgb(71.6875, 122.0625, 17.4375) !important;
}
.pagination .page.current.grey {
  color: #ffffff;
  background: #4a4f51;
}
.pagination .page.current.grey:hover:not(:disabled) {
  background: #262a2c;
}
.pagination .page.current.red {
  background: #e90000;
  color: #ffffff;
}
.pagination .page.current.red:hover {
  background: rgb(156.5, 0, 0) !important;
}
.pagination .page.current.button--label {
  user-select: none;
}
.pagination .page.current.magic-link {
  width: 100%;
}
.pagination .page.current.magic-link .magic-link-icon {
  font-size: 140%;
  margin-left: 0.33em;
}
.pagination .page.current.text-link {
  background: none !important;
  color: inherit !important;
  border: none;
  padding: 0;
  font-weight: 400;
  font-size: small;
  transition: none;
}
.pagination .page.current.text-link:hover {
  background: none !important;
  font-weight: 600;
}
.pagination .page.gap {
  padding: 4px 10px;
  user-select: none;
}
.pagination .first a,
.pagination .last a,
.pagination .next a,
.pagination .prev a {
  color: #ffc72c;
  vertical-align: middle;
  padding: 4px 10px;
  line-height: 30px;
  user-select: none;
}
.pagination .first a:hover,
.pagination .last a:hover,
.pagination .next a:hover,
.pagination .prev a:hover {
  color: #151f6d;
}

/**
 * selectize.css (v0.12.6)
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #fff;
  box-shadow: inset 0 0 12px 4px #fff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}

.selectize-dropdown-header-close:hover {
  color: #000000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #d0d0d0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #ffffff;
}

.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}

.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
}

.selectize-input.full {
  background-color: #fff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}

.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #ffffff;
  border: 0 solid #ffffff;
}

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.selectize-input > input::-ms-clear {
  display: none;
}

.selectize-input > input:focus {
  outline: none !important;
}

.selectize-input::after {
  content: " ";
  display: block;
  clear: left;
}

.selectize-input.dropdown-active::before {
  content: " ";
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.selectize-dropdown .option,
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}

.selectize-dropdown .option,
.selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}

.selectize-dropdown [data-selectable].option {
  opacity: 1;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}

.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}

.selectize-dropdown .active.create {
  color: #495c68;
}

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}

.selectize-control.single .selectize-input:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #262a2c;
  font-family: inherit;
  font-size: 14px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}

.selectize-input {
  appearance: none;
  background: none;
  border-radius: 2px;
  border: 1px solid #dfdfdf;
  color: #4a4f51;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  min-height: 20px;
  padding: 3px 8px;
  position: relative;
  transition: border-color 0.6s ease-out, background-image 0.6s ease-out;
  will-change: border-color, background-image;
  vertical-align: middle;
  background-color: #f7f7f7;
  width: 100%;
  border: 1px solid #dfdfdf;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.selectize-input:hover:not(:disabled) {
  border-color: #ffc72c;
}
.selectize-input:active:not(:disabled), .selectize-input:focus:not(:disabled) {
  border-color: #151f6d;
  outline: none;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
}
.selectize-input.full {
  background-color: #fff;
}
.selectize-input.disabled, .selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #262a2c;
  border: 0 solid #d0d0d0;
}
.selectize-control.multi .selectize-input > div[data-value] {
  background: #262a2c !important;
  border: none;
  color: #fff;
  box-shadow: none;
}
.selectize-control.multi .selectize-input > div[data-value] span:first-child:not(:only-child) {
  margin-right: 5px;
}
.selectize-control.multi .selectize-input > div[data-value].active {
  background: #4a4f51 !important;
}
.selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active {
  color: rgb(117.5, 117.5, 117.5);
  background: hsl(0, 0%, 124.9019607843%);
  border: 0 solid hsl(0, 0%, 111.568627451%);
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}

.selectize-input::after {
  content: " ";
  display: block;
  clear: left;
}

.selectize-input.dropdown-active::before {
  content: " ";
  display: block;
  position: absolute;
  background: #ffc72c;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #dfdfdf;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: #ffc72c;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #262a2c;
  background: #fff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f2f2f2;
  color: #262a2c;
}
.selectize-dropdown .active.create {
  color: #262a2c;
}
.selectize-dropdown .create {
  color: rgba(38, 42, 44, 0.5);
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}
.selectize-dropdown-content [data-value] {
  color: #262a2c;
}
.selectize-dropdown-content [data-value]:hover {
  background: #262a2c;
  color: #dfdfdf;
}
.selectize-dropdown-content [data-value] span.tag {
  float: right;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}

html body .sso-buttons .sso-button {
  appearance: none;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  outline: none;
  background: none;
  border: none;
  font-size: 15px;
  display: inline-block;
  text-align: center;
  color: #151f6d;
  background: #ffc72c;
  padding: 8px 20px;
  border-radius: 2px;
  vertical-align: middle;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.6s ease-out, color 0.6s ease-out;
}
html body .sso-buttons .sso-button:active, html body .sso-buttons .sso-button:focus, html body .sso-buttons .sso-button:hover {
  outline: none;
}
html body .sso-buttons .sso-button.blank {
  background: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body .sso-buttons .sso-button i,
html body .sso-buttons .sso-button span {
  user-select: none;
}
html body .sso-buttons .sso-button span {
  font-weight: 600;
}
html body .sso-buttons .sso-button:disabled, html body .sso-buttons .sso-button[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}
html body .sso-buttons .sso-button:hover:not(:disabled) {
  background: rgb(222.5, 163.4478672986, 0);
  color: #ffffff;
}
html body .sso-buttons .sso-button.caution {
  background: #e90000;
  color: #ffffff;
}
html body .sso-buttons .sso-button.caution:hover:not(:disabled) {
  background: #151f6d;
}
html body .sso-buttons .sso-button.expired {
  background: #e90000;
  color: #ffffff;
}
html body .sso-buttons .sso-button.expired:hover:not(:disabled) {
  background: #151f6d;
}
html body .sso-buttons .sso-button.huge {
  display: table;
  font-size: 18px;
  padding: 12px 25px;
}
html body .sso-buttons .sso-button.huge i {
  font-size: 18px;
}
html body .sso-buttons .sso-button.flex {
  display: block;
  align-items: center;
}
html body .sso-buttons .sso-button.flex.fill {
  justify-content: center;
  flex: 1;
  padding: 15px;
}
html body .sso-buttons .sso-button.big {
  padding: 15px 50px;
}
html body .sso-buttons .sso-button.hollow, html body .sso-buttons .sso-button.secondary {
  background: transparent !important;
  border: 1px solid #dfdfdf;
}
html body .sso-buttons .sso-button.hollow:hover:not(:disabled), html body .sso-buttons .sso-button.secondary:hover:not(:disabled) {
  background: rgb(222.5, 163.4478672986, 0);
  color: #dfdfdf;
}
html body .sso-buttons .sso-button.mini {
  padding: 4px 10px;
}
html body .sso-buttons .sso-button.green {
  color: #ffffff;
  background: #6fbd1b;
}
html body .sso-buttons .sso-button.green:hover {
  background: rgb(71.6875, 122.0625, 17.4375) !important;
}
html body .sso-buttons .sso-button.grey {
  color: #ffffff;
  background: #4a4f51;
}
html body .sso-buttons .sso-button.grey:hover:not(:disabled) {
  background: #262a2c;
}
html body .sso-buttons .sso-button.red {
  background: #e90000;
  color: #ffffff;
}
html body .sso-buttons .sso-button.red:hover {
  background: rgb(156.5, 0, 0) !important;
}
html body .sso-buttons .sso-button.button--label {
  user-select: none;
}
html body .sso-buttons .sso-button.magic-link {
  width: 100%;
}
html body .sso-buttons .sso-button.magic-link .magic-link-icon {
  font-size: 140%;
  margin-left: 0.33em;
}
html body .sso-buttons .sso-button.text-link {
  background: none !important;
  color: inherit !important;
  border: none;
  padding: 0;
  font-weight: 400;
  font-size: small;
  transition: none;
}
html body .sso-buttons .sso-button.text-link:hover {
  background: none !important;
  font-weight: 600;
}
html body .sso-buttons .sso-button:hover {
  top: 0;
}

.widget-container .accordion-tabs {
  width: 100%;
}

.accordion-tabs {
  margin: auto;
  z-index: 1;
}
.accordion-tabs input[type=radio] {
  display: none;
}
@media only screen and (min-width: 768px) {
  .accordion-tabs {
    display: flex;
    flex-flow: row wrap;
  }
  .accordion-tabs .tab-header:not(:first-of-type) {
    border-top: none;
  }
}

.tab-header {
  border-bottom: 1px solid;
  border-color: #4a4f51;
  font-size: 1em;
  text-align: justify;
  color: #4a4f51;
  position: relative;
  text-align: center;
}
.tab-header:hover:not(:disabled) {
  color: #151f6d;
  border-color: #151f6d;
}
.tab-header label {
  padding: 10px 15px;
  cursor: pointer;
  display: block;
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  .tab-header {
    flex: 1 1 auto;
    order: 1;
    text-align: center;
  }
}

.tab-content {
  display: none;
  padding: 25px;
}
@media only screen and (min-width: 768px) {
  .tab-content {
    flex: 0 0 100%;
    order: 2;
  }
}

input[type=radio]:checked + .tab-header {
  border-color: #151f6d;
  color: #151f6d;
}
input[type=radio]:checked + .tab-header:after {
  top: 100%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: #151f6d;
  border-width: 7.5px;
  left: calc(50% - 15px / 2);
  z-index: 1;
}

input[type=radio]:checked + .tab-header + .tab-content {
  display: flex;
}

#events_calendar .filter-group,
.il-calendar-with-filters .filter-group {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
#events_calendar .filter-group .item,
.il-calendar-with-filters .filter-group .item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
#events_calendar .filter-group .item label,
.il-calendar-with-filters .filter-group .item label {
  white-space: nowrap;
  font-weight: 600;
}
#events_calendar .filter-group .item input,
.il-calendar-with-filters .filter-group .item input {
  padding: 0 !important;
}
#events_calendar .filter-group button,
.il-calendar-with-filters .filter-group button {
  padding: 4px 8px;
}
#events_calendar .calendar.is-loading,
.il-calendar-with-filters .calendar.is-loading {
  position: relative;
}
#events_calendar .calendar.is-loading .simple-calendar,
.il-calendar-with-filters .calendar.is-loading .simple-calendar {
  opacity: 0.5;
}
#events_calendar .calendar.is-loading .loading,
.il-calendar-with-filters .calendar.is-loading .loading {
  position: absolute;
  width: 100%;
  top: 50%;
  text-align: center;
}
#events_calendar .simple-calendar table,
.il-calendar-with-filters .simple-calendar table {
  table-layout: fixed;
}
#events_calendar .simple-calendar table thead th,
.il-calendar-with-filters .simple-calendar table thead th {
  text-align: center;
}
#events_calendar .simple-calendar table td,
.il-calendar-with-filters .simple-calendar table td {
  padding: 0;
  vertical-align: top;
  flex-direction: column;
}
#events_calendar .simple-calendar .calendar-heading,
.il-calendar-with-filters .simple-calendar .calendar-heading {
  margin-bottom: 12px;
}
#events_calendar .simple-calendar .calendar-heading *,
.il-calendar-with-filters .simple-calendar .calendar-heading * {
  padding: 5px 10px;
  background: #f2f2f2;
  color: #262a2c;
  font-weight: 600;
}
#events_calendar .simple-calendar .calendar-heading a:first-child,
.il-calendar-with-filters .simple-calendar .calendar-heading a:first-child {
  border-radius: 10px 0 0 10px;
}
#events_calendar .simple-calendar .calendar-heading a:last-child,
.il-calendar-with-filters .simple-calendar .calendar-heading a:last-child {
  border-radius: 0 10px 10px 0;
}
#events_calendar .simple-calendar .calendar-heading a:first-child,
#events_calendar .simple-calendar .calendar-heading a:last-child,
.il-calendar-with-filters .simple-calendar .calendar-heading a:first-child,
.il-calendar-with-filters .simple-calendar .calendar-heading a:last-child {
  background: #ffc72c;
  transition: background 0.6s ease-out, color 0.6s ease-out;
}
#events_calendar .simple-calendar .calendar-heading a:first-child:hover,
#events_calendar .simple-calendar .calendar-heading a:last-child:hover,
.il-calendar-with-filters .simple-calendar .calendar-heading a:first-child:hover,
.il-calendar-with-filters .simple-calendar .calendar-heading a:last-child:hover {
  background: rgb(197, 144.7156398104, 0);
  color: #fff;
}
#events_calendar .simple-calendar .date,
.il-calendar-with-filters .simple-calendar .date {
  padding: 0 0 4px 8px;
}
#events_calendar .simple-calendar .day,
.il-calendar-with-filters .simple-calendar .day {
  height: min-content;
}
@media only screen and (min-width: 768px) {
  #events_calendar .simple-calendar .day,
  .il-calendar-with-filters .simple-calendar .day {
    height: 70px;
  }
}
#events_calendar .simple-calendar .day .event,
.il-calendar-with-filters .simple-calendar .day .event {
  background: #b3e5fc;
  color: #151f6d;
  padding: 4px;
  margin: 2px;
  border-radius: 10px;
  line-height: 1.2;
}
#events_calendar .simple-calendar .day .event turbo-frame,
.il-calendar-with-filters .simple-calendar .day .event turbo-frame {
  width: 100%;
}
#events_calendar .simple-calendar .day .event a,
#events_calendar .simple-calendar .day .event button,
.il-calendar-with-filters .simple-calendar .day .event a,
.il-calendar-with-filters .simple-calendar .day .event button {
  display: flex;
  flex-direction: column;
  color: #151f6d;
  font-size: small;
  text-align: left;
  width: 100%;
}
#events_calendar .simple-calendar .day .event a .course-name,
#events_calendar .simple-calendar .day .event button .course-name,
.il-calendar-with-filters .simple-calendar .day .event a .course-name,
.il-calendar-with-filters .simple-calendar .day .event button .course-name {
  font-weight: 600;
}
#events_calendar .simple-calendar .day .event a .course-name.truncate,
#events_calendar .simple-calendar .day .event button .course-name.truncate,
.il-calendar-with-filters .simple-calendar .day .event a .course-name.truncate,
.il-calendar-with-filters .simple-calendar .day .event button .course-name.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#events_calendar .simple-calendar .day .event.consecutive,
.il-calendar-with-filters .simple-calendar .day .event.consecutive {
  background: rgb(186.4583333333, 237.375, 131.625);
}
#events_calendar .simple-calendar .day .event.consecutive:hover,
.il-calendar-with-filters .simple-calendar .day .event.consecutive:hover {
  background: rgb(161.6666666667, 231, 87);
}
#events_calendar .simple-calendar .day .event.multisplit,
.il-calendar-with-filters .simple-calendar .day .event.multisplit {
  background: rgb(250.4347826087, 196.1594202899, 154.5652173913);
}
#events_calendar .simple-calendar .day .event.multisplit:hover,
.il-calendar-with-filters .simple-calendar .day .event.multisplit:hover {
  background: rgb(248.2173913043, 167.5797101449, 105.7826086957);
}
#events_calendar .simple-calendar .day .event:hover,
.il-calendar-with-filters .simple-calendar .day .event:hover {
  background: rgb(129.9367088608, 212.2151898734, 250.0632911392);
}
#events_calendar .simple-calendar .day .event:hover a,
.il-calendar-with-filters .simple-calendar .day .event:hover a {
  color: #151f6d;
}
@media only screen and (min-width: 768px) {
  #events_calendar .simple-calendar .day .event,
  .il-calendar-with-filters .simple-calendar .day .event {
    margin: 0;
  }
  #events_calendar .simple-calendar .day .event.single,
  .il-calendar-with-filters .simple-calendar .day .event.single {
    border-radius: 10px;
    margin: 0 8px 4px 8px;
  }
  #events_calendar .simple-calendar .day .event.consecutive,
  .il-calendar-with-filters .simple-calendar .day .event.consecutive {
    margin-bottom: 4px;
  }
  #events_calendar .simple-calendar .day .event.consecutive.first,
  .il-calendar-with-filters .simple-calendar .day .event.consecutive.first {
    border-radius: 10px 0 0 10px;
    margin-left: 8px;
  }
  #events_calendar .simple-calendar .day .event.consecutive.last,
  .il-calendar-with-filters .simple-calendar .day .event.consecutive.last {
    border-radius: 0 10px 10px 0;
    margin-right: 8px;
  }
  #events_calendar .simple-calendar .day .event.consecutive.mid,
  .il-calendar-with-filters .simple-calendar .day .event.consecutive.mid {
    border-radius: 0;
  }
  #events_calendar .simple-calendar .day .event.multisplit,
  .il-calendar-with-filters .simple-calendar .day .event.multisplit {
    border-radius: 10px;
    margin: 0 8px 4px 8px;
  }
}
#events_calendar .simple-calendar .day.today,
.il-calendar-with-filters .simple-calendar .day.today {
  background: #f2f2f2;
}
#events_calendar .simple-calendar .day.today .date,
.il-calendar-with-filters .simple-calendar .day.today .date {
  font-weight: 700;
}
#events_calendar .simple-calendar .prev-month,
#events_calendar .simple-calendar .next-month,
.il-calendar-with-filters .simple-calendar .prev-month,
.il-calendar-with-filters .simple-calendar .next-month {
  background: #f2f2f2;
}

.calendar-overlay {
  padding-bottom: 2rem;
}
.calendar-overlay .filter-group,
.calendar-overlay .simple-calendar {
  margin: 1rem 2rem;
}

.calendar-popup-session-content .class-details {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.calendar-popup-session-content .sessions-table {
  border-collapse: collapse;
}
.calendar-popup-session-content .sessions-table thead {
  display: none;
}
@media only screen and (min-width: 768px) {
  .calendar-popup-session-content .sessions-table thead {
    display: table-header-group;
    font-weight: 600;
    border-bottom: 2px solid #e5e7eb;
  }
  .calendar-popup-session-content .sessions-table thead th {
    background-color: unset;
    color: #151f6d;
  }
  .calendar-popup-session-content .sessions-table thead th:not(:first-child) {
    text-align: center;
  }
}
.calendar-popup-session-content .sessions-table tbody tr {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-bottom: 10px;
}
.calendar-popup-session-content .sessions-table tbody tr td {
  display: table-cell;
  text-align: left;
  border-bottom: none;
  padding: unset;
}
.calendar-popup-session-content .sessions-table tbody tr td:first-child {
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  .calendar-popup-session-content .sessions-table tbody tr {
    border-bottom: 1px solid #e5e7eb;
    display: table-row;
    padding-bottom: unset;
  }
  .calendar-popup-session-content .sessions-table tbody tr td {
    padding: 5px;
  }
  .calendar-popup-session-content .sessions-table tbody tr td:not(:first-child) {
    text-align: center;
  }
  .calendar-popup-session-content .sessions-table tbody tr td:first-child {
    font-weight: 500;
  }
}
.calendar-popup-session-content .product-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.calendar-popup-session-content .product-grid .product-card {
  border-radius: 10px;
  background-color: #fff;
  width: 100%;
  overflow: hidden;
  width: 270px;
}
.calendar-popup-session-content .product-grid .product-card .product-details {
  display: flex;
  flex-direction: column;
  padding: 20px;
  gap: 10px;
}
.calendar-popup-session-content .product-grid .product-card .product-details .product-name {
  font-weight: 600;
}
.calendar-popup-session-content .product-grid .product-card .product-details .product-actions {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 10px;
}
.calendar-popup-session-content .product-grid .product-card .product-details .product-actions .button {
  line-height: 1.2;
}
@media only screen and (min-width: 768px) {
  .calendar-popup-session-content .product-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  .calendar-popup-session-content .product-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
  width: 100%;
  empty-cells: show;
  font-size: 15px;
}
table th {
  font-size: 14px;
  font-weight: 700;
  vertical-align: bottom;
  background-color: rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}
table td {
  vertical-align: middle;
  display: flex;
}
table td:before {
  content: attr(data-th);
  float: left;
  text-transform: uppercase;
  font-weight: 600;
  flex: 1;
  text-align: left;
}
table th,
table td {
  padding: 8px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
table th:first-child,
table td:first-child {
  padding-left: 8px;
}
table th:last-child,
table td:last-child {
  padding-right: 8px;
}
table th.center,
table td.center {
  text-align: center;
}
table th.right,
table td.right {
  text-align: right;
}
table th.left,
table td.left {
  text-align: left;
}
table th.top,
table td.top {
  vertical-align: top;
}
table thead,
table tfoot {
  display: none;
}
table tfoot th,
table tfoot td {
  color: rgba(0, 0, 0, 0.5);
}
table.bordered {
  margin-top: -1px;
}
table.bordered td, table.bordered th {
  border: 1px solid rgba(0, 0, 0, 0.05);
}
table.striped tbody tr:nth-child(odd) {
  background: rgba(0, 0, 0, 0.05);
}
table.flat td, table.flat th {
  border: none;
  padding: 0;
}

@media only screen and (min-width: 530px), print {
  table td {
    text-align: left;
    display: table-cell;
  }
  table td:before {
    content: "";
  }
  table thead {
    display: table-header-group;
  }
  table tfoot {
    display: table-footer-group;
  }
}
.tooltip-container {
  position: relative;
  width: 100%;
  display: flex;
  flex: row;
  gap: 5px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.tooltip-trigger {
  position: relative;
}

.tooltip-touch {
  display: none;
}
@media (pointer: coarse), (hover: none) {
  .tooltip-touch {
    display: block;
  }
}

.tooltip {
  position: absolute;
  bottom: 115%;
  left: -40%;
  width: 200px;
  background-color: #151f6d;
  color: #fff;
  padding: 8px;
  text-align: left;
  line-height: 1.2;
  border-radius: 0.25em;
  white-space: normal;
  pointer-events: none;
}
.tooltip::before {
  content: "";
  position: absolute;
  bottom: -6%;
  left: 40%;
  border-width: 6px;
  border-style: solid;
  border-color: #151f6d transparent transparent transparent;
}
@media (pointer: coarse), (hover: none) {
  .tooltip {
    position: relative;
    width: 100%;
    flex-basis: 100%;
    left: unset;
    bottom: unset;
    white-space: normal;
  }
  .tooltip::before {
    content: none;
  }
}

.page-header {
  min-height: 35px;
  width: 100%;
  order: 0;
  flex: 0 0 auto;
  position: fixed;
  z-index: 15;
}
.page-header nav.global-nav {
  border-bottom: 1px solid #dfdfdf;
  background: #fff;
}
.page-header nav.global-nav .sign-up-options {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  transition: box-shadow 0.6s ease-out;
  box-shadow: 0px 1px 7px 0px rgba(27, 47, 128, 0.17);
  display: none;
}
.page-header nav.global-nav .sign-up-options.ng-leave {
  transition: 0s;
}
.page-header nav.global-nav .sign-up-options:focus, .page-header nav.global-nav .sign-up-options:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 12px 22px rgba(0, 0, 0, 0.15);
}
.page-header nav.global-nav > ul {
  display: flex;
  flex-flow: row wrap;
  padding-left: 0px;
  padding-right: 0px;
  max-width: 1470px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0;
  list-style-type: none;
}
.page-header nav.global-nav > ul > li {
  display: flex;
  font-size: 13px;
  border-left: 1px solid #dfdfdf;
}
.page-header nav.global-nav > ul > li > a {
  color: #151f6d;
  text-transform: uppercase;
  padding: 10px 15px;
  font-size: inherit;
  transition: color 0.6s ease-out, background 0.6s ease-out;
  line-height: 26px;
}
.page-header nav.global-nav > ul > li > a:hover {
  color: rgb(25.1192307692, 37.0807692308, 130.3807692308);
}
.page-header nav.global-nav > ul > li > a:not(.shopping-cart) i.fa {
  margin-right: 0;
}
.page-header nav.global-nav > ul > li > a span {
  display: none;
  font-size: inherit;
}
.page-header nav.global-nav > ul .review-cart {
  position: relative;
}
.page-header nav.global-nav > ul .review-cart .shopping-cart {
  color: #151f6d;
  text-transform: uppercase;
  font-size: 13px;
  transition: color 0.6s ease-out, background 0.6s ease-out;
}
.page-header nav.global-nav > ul .review-cart .shopping-cart summary {
  display: block;
  cursor: pointer;
  list-style: none;
}
.page-header nav.global-nav > ul .review-cart .shopping-cart summary::-webkit-details-marker {
  display: none;
}
.page-header nav.global-nav > ul .review-cart .shopping-cart .toggle-review:not(.has-items) {
  padding: 14px;
}
.page-header nav.global-nav > ul .review-cart .shopping-cart .has-items {
  background: #33c436;
  color: #fff;
  padding: 16px;
}
.page-header nav.global-nav > ul .review-cart .shopping-cart .has-items .fa-shopping-cart {
  color: white;
}
.page-header nav.global-nav > ul .review-cart .shopping-cart .has-items:hover {
  color: #33c436;
  background: #fff;
}
.page-header nav.global-nav > ul .review-cart .shopping-cart .has-items:hover .fa-shopping-cart {
  color: #33c436;
}
.page-header nav.global-nav > ul .review-cart .shopping-cart sup {
  top: -8px;
}
.page-header nav.global-nav > ul .review-cart .review-items {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  transition: box-shadow 0.6s ease-out;
  box-shadow: 0px 1px 7px 0px rgba(27, 47, 128, 0.17);
  position: fixed;
  display: flex;
  flex-direction: column;
  right: 0;
  width: 100%;
  z-index: 10;
  transition: opacity 0.6s ease-out, box-shadow 0.6s ease-out;
}
.page-header nav.global-nav > ul .review-cart .review-items.ng-leave {
  transition: 0s;
}
.page-header nav.global-nav > ul .review-cart .review-items:focus, .page-header nav.global-nav > ul .review-cart .review-items:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 12px 22px rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 768px) {
  .page-header nav.global-nav > ul .review-cart .review-items {
    position: absolute;
    top: 100%;
    width: 500px;
  }
}
.page-header nav.global-nav > ul .review-cart .review-items .cart-wrap {
  max-height: 350px;
  overflow: auto;
  position: relative;
  box-shadow: inset 0 -15px 10px -10px #dfdfdf;
}
.page-header nav.global-nav > ul .review-cart .review-items .shopping-cart {
  margin: 20px 20px 0 20px;
  width: calc(100% - 40px);
  color: #151f6d;
  font-size: 13px;
  transition: color 0.6s ease-out, background 0.6s ease-out;
}
.page-header nav.global-nav > ul .review-cart .review-items .shopping-cart sup {
  top: -8px;
}
.page-header nav.global-nav > ul .review-cart .review-items .shopping-cart input {
  width: 60px;
}
.page-header nav.global-nav > ul .review-cart .review-items .review-actions {
  display: flex;
  border-top: 1px solid #dfdfdf;
}
.page-header nav.global-nav > ul .review-cart .review-items .review-actions > * {
  padding: 10px 20px;
  flex: 1;
}
.page-header nav.global-nav > ul .review-cart .review-items .review-actions .proceed-to-checkout {
  background: #ffc72c;
  text-align: center;
  border-radius: 0;
  transition: background 0.6s ease-out, color 0.6s ease-out;
  will-change: background, color;
}
.page-header nav.global-nav > ul .review-cart .review-items .review-actions .proceed-to-checkout:hover {
  background: rgb(255, 205.7677725118, 69.5);
}
.page-header nav.global-nav > ul .review-cart .review-items .cart-totals {
  margin: 10px 20px 10px auto;
  margin-left: auto;
}
.page-header nav.global-nav > ul .review-cart .review-items.is-open {
  display: flex;
  flex-direction: column;
  animation: fadeIn 0.6s ease-out;
}
.page-header nav.global-nav > ul .product-search {
  display: flex;
  align-items: center;
  position: relative;
}
.page-header nav.global-nav > ul .product-search .search-form {
  display: inline-block;
}
.page-header nav.global-nav > ul .product-search.is-open input {
  border-bottom: 1px solid #151f6d;
  display: inline-block;
  margin-left: 5px;
  width: 75px;
}
.page-header nav.global-nav > ul .product-search input {
  appearance: none;
  background: none;
  border: 0;
  border-bottom: 1px solid transparent;
  color: #151f6d;
  font-size: 1em;
  outline: 0;
  padding: 0;
  transition: border-bottom 0.1s ease-out, width 0.1s ease-out;
  width: 0;
  will-change: border-bottom, width;
}
.page-header nav.site-nav {
  background-color: #f7f7f7;
  position: relative;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  align-items: center;
  border-bottom: 1px solid #dfdfdf;
  transition: opacity 0.6s ease-out;
  will-change: opacity;
}
.page-header nav.site-nav .center-wrap {
  display: flex;
  flex-flow: row wrap;
  padding-left: 0px;
  padding-right: 0px;
  max-width: 1470px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  align-items: center;
}
.page-header nav.site-nav.is-scrolled {
  opacity: 0;
}
.page-header nav.site-nav.is-scrolled:hover {
  opacity: 1;
}
.page-header nav.site-nav .logo {
  flex: 0 0 auto;
  align-self: flex-start;
  padding: 0 25px 25px;
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  background: #fff;
  margin-top: -1px;
  transition: margin-top 0.6s ease-out, padding 0.6s ease-out;
}
.page-header nav.site-nav ul.menu-stack {
  list-style: none;
  display: none;
  flex-direction: column;
  background: #f7f7f7;
  padding-left: 0;
  position: relative;
  width: 100%;
  flex: 1;
}
.page-header nav.site-nav ul.menu-stack li {
  flex: 0 0 auto;
}
.page-header nav.site-nav ul.menu-stack li.is-active {
  border-bottom: 3px solid #ffc72c;
}
.page-header nav.site-nav ul.menu-stack.is-open {
  display: flex;
  animation: fadeIn 0.6s ease-out;
  border-top: 1px solid #dfdfdf;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 12px 22px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 100%;
  left: 0;
  overflow-y: auto;
}
.page-header nav.site-nav ul.menu-stack.is-open li:not(.image) {
  display: flex;
}
.page-header nav.site-nav ul.menu-stack.is-open li:not(.image) a {
  padding: 15px 35px;
}
.page-header nav.site-nav ul.menu-stack.is-open li:not(.image) ul.menu-stack li a {
  padding: 5px 35px;
}
.page-header nav.site-nav ul.menu-stack > li {
  justify-content: flex-end;
  flex-direction: column;
  align-items: inherit;
  color: rgb(75.3716216216, 21.6283783784, 24.25);
  text-transform: uppercase;
  font-size: 15px;
  transition: color 0.6s ease-out, background 0.6s ease-out;
  font-weight: 600;
  position: relative;
}
.page-header nav.site-nav ul.menu-stack > li a {
  padding: 15px;
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
  text-align: right;
  white-space: nowrap;
}
.page-header nav.site-nav ul.menu-stack > li:hover {
  background: rgba(115, 33, 37, 0.075);
}
.page-header nav.site-nav ul.menu-stack > li > ul.menu-stack {
  background: #f7f7f7;
  width: auto;
  border-radius: 0 0 2px 2px;
  position: relative;
  display: flex;
  flex-direction: column;
  border-top: none;
}
.page-header nav.site-nav ul.menu-stack > li > ul.menu-stack > li {
  background-color: rgba(0, 0, 0, 0.05);
}
.page-header nav.site-nav ul.menu-stack > li > ul.menu-stack > li a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 5px 15px;
}
.page-header nav.site-nav ul.menu-stack .menu-item {
  text-align: left;
  display: block;
}
.page-header nav.site-nav ul.menu-stack .menu-item .toggle {
  display: inline-block;
  vertical-align: bottom;
}
.page-header nav.site-nav ul.menu-stack .menu-item > .fa {
  float: right;
}
.page-header nav.site-nav ul.menu-stack .menu-item > span {
  display: inline-block;
  vertical-align: middle;
}
.page-header nav.site-nav ul.menu-stack .menu-item + .menu-stack {
  display: none;
}
.page-header nav.site-nav ul.menu-stack .menu-item + .menu-stack.is-open {
  display: flex;
}
.page-header nav.site-nav ul.menu-stack .mega-menu .content,
.page-header nav.site-nav ul.menu-stack .mega-menu ul.menu-stack {
  box-shadow: none;
}
.page-header nav.site-nav ul.menu-stack .mega-menu .column {
  order: 1;
}
.page-header nav.site-nav ul.menu-stack .mega-menu .column .menu-item {
  font-weight: 400;
  white-space: normal;
}
.page-header nav.site-nav ul.menu-stack .mega-menu .column .title {
  font-weight: 600;
}
.page-header nav.site-nav .menu-item.is-open + ul.menu-stack {
  display: flex;
}
.page-header nav.site-nav .menu-toggle {
  min-width: 1.5em;
  display: inline-block;
  transition: all 0.6s ease-out;
  cursor: pointer;
  background: transparent;
  padding: 0.673em 0;
  padding-right: 35px;
  margin: 15px 0 15px auto;
}
.page-header nav.site-nav .menu-toggle span {
  display: block;
  position: relative;
  height: 3px;
  width: 1.5em;
  background-color: #4a4f51;
  transition: background-color 0.3s ease-out;
}
.page-header nav.site-nav .menu-toggle span:after, .page-header nav.site-nav .menu-toggle span:before {
  content: "";
  display: block;
  background-color: #4a4f51;
  height: 3px;
  width: 1.5em;
  position: absolute;
  transform-origin: 50% 50%;
  transition: all 0.6s ease-out;
}
.page-header nav.site-nav .menu-toggle span:before {
  transform: translateY(0.5em);
}
.page-header nav.site-nav .menu-toggle span:after {
  transform: translateY(-0.5em);
}
.page-header nav.site-nav .menu-toggle.is-open span {
  background-color: transparent;
}
.page-header nav.site-nav .menu-toggle.is-open span:before {
  animation: top-bar-in 1s;
  animation-fill-mode: forwards;
}
.page-header nav.site-nav .menu-toggle.is-open span:after {
  animation: bottom-bar-in 1s;
  animation-fill-mode: forwards;
}
.page-header nav.site-nav .menu-toggle.is-closed span {
  background-color: #4a4f51;
}
.page-header nav.site-nav .menu-toggle.is-closed span:before {
  animation: top-bar-out 1s;
  animation-fill-mode: forwards;
}
.page-header nav.site-nav .menu-toggle.is-closed span:after {
  animation: bottom-bar-out 1s;
  animation-fill-mode: forwards;
}

.mega-menu .image {
  display: none;
}

@media only screen and (min-width: 768px) {
  .page-header nav.global-nav > ul {
    padding-right: 35px;
    padding-left: 35px;
  }
  .page-header nav.global-nav > ul > li:last-child {
    border-right: 1px solid #dfdfdf;
  }
  .page-header nav.global-nav > ul > li a span {
    display: inline-block;
  }
  .page-header nav.site-nav .center-wrap {
    padding-left: 35px;
    padding-right: 35px;
    max-width: 1470px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .page-header nav.site-nav .menu-toggle {
    display: none;
  }
  .page-header nav.site-nav .menu-item.is-open + ul.menu-stack {
    display: none;
  }
  .page-header nav.site-nav ul.menu-stack {
    flex-direction: row;
    justify-content: flex-end;
  }
  .page-header nav.site-nav ul.menu-stack.is-open {
    box-shadow: none;
  }
  .page-header nav.site-nav ul.menu-stack > li {
    border-bottom: none;
    flex-direction: row;
  }
  .page-header nav.site-nav ul.menu-stack > li a {
    text-align: center;
    border-bottom: none;
  }
  .page-header nav.site-nav ul.menu-stack > li:hover > ul.menu-stack {
    display: block;
  }
  .page-header nav.site-nav ul.menu-stack > li > ul.menu-stack {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 12px 22px rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    animation: 0.6s ease-out 0.3s 1 normal both running fadeIn;
    z-index: 100;
    flex: 0 0 auto;
  }
  .page-header nav.site-nav ul.menu-stack > li > ul.menu-stack li {
    padding: 0;
  }
  .page-header nav.site-nav ul.menu-stack > li > ul.menu-stack li.image {
    display: flex;
  }
  .page-header nav.site-nav ul.menu-items {
    display: flex;
  }
  .page-header nav.site-nav ul.menu-items {
    position: static;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu {
    position: static;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu:hover ul.content {
    display: flex;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .menu-item {
    text-align: right;
    float: none;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .menu-item > .fa {
    float: none;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .menu-item + .menu-stack {
    display: none;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content {
    display: flex;
    flex-flow: row wrap;
    background-color: #f7f7f7;
    display: none;
    padding: 10px 15px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 12px 22px rgba(0, 0, 0, 0.15);
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content a {
    border-bottom: none;
    text-align: left;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .is-active {
    border-bottom: none;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .menu-item .fa {
    display: none;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column {
    flex-direction: column;
    background-color: transparent;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.left {
    order: 0;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.right {
    order: 2;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-1 {
    width: calc(99.99% * 1 / 1 - (25px - 25px * 1 / 1));
    flex: 0 0 auto;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-1:nth-child(n) {
    margin-right: 25px;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-1:last-child {
    margin-right: 0;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-1:nth-child(1n) {
    margin-right: 0;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-2 {
    width: calc(99.99% * 1 / 2 - (25px - 25px * 1 / 2));
    flex: 0 0 auto;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-2:nth-child(n) {
    margin-right: 25px;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-2:last-child {
    margin-right: 0;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-2:nth-child(2n) {
    margin-right: 0;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-3 {
    width: calc(99.99% * 1 / 3 - (25px - 25px * 1 / 3));
    flex: 0 0 auto;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-3:nth-child(n) {
    margin-right: 25px;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-3:last-child {
    margin-right: 0;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-3:nth-child(3n) {
    margin-right: 0;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-4 {
    width: calc(99.99% * 1 / 4 - (25px - 25px * 1 / 4));
    flex: 0 0 auto;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-4:nth-child(n) {
    margin-right: 25px;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-4:last-child {
    margin-right: 0;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-4:nth-child(4n) {
    margin-right: 0;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-5 {
    width: calc(99.99% * 1 / 5 - (25px - 25px * 1 / 5));
    flex: 0 0 auto;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-5:nth-child(n) {
    margin-right: 25px;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-5:last-child {
    margin-right: 0;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-5:nth-child(5n) {
    margin-right: 0;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-6 {
    width: calc(99.99% * 1 / 6 - (25px - 25px * 1 / 6));
    flex: 0 0 auto;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-6:nth-child(n) {
    margin-right: 25px;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-6:last-child {
    margin-right: 0;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content .column.sm-6:nth-child(6n) {
    margin-right: 0;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content.menu-stack {
    width: 100%;
    align-items: start;
    box-shadow: 0px 2px 5px 0px rgba(27, 47, 128, 0.17);
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content.menu-stack ul.menu-stack {
    display: block;
    position: static;
    box-shadow: none;
  }
  .page-header nav.site-nav ul.menu-stack .mega-menu .content.menu-stack ul.menu-stack li {
    flex-direction: column;
    background-color: transparent;
  }
  .mega-menu img {
    display: block;
  }
}
@media only screen and (min-width: 1024px) {
  .page-header nav.site-nav ul.menu-items {
    position: relative;
  }
}
@keyframes top-bar-in {
  0% {
    transform: rotate(0deg) translateY(0.5em);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: rotate(45deg) translateY(0);
  }
}
@keyframes bottom-bar-in {
  0% {
    transform: rotate(0deg) translateY(0, -0.5em, 0);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: rotate(-45deg) translate3d(0, 0, 0);
  }
}
@keyframes top-bar-out {
  0% {
    transform: rotate(45deg) translate3d(0, 0, 0);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: translate3d(0, 0.5em, 0);
  }
}
@keyframes bottom-bar-out {
  0% {
    transform: rotate(-45deg) translate3d(0, 0, 0);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg) translate3d(0, -0.5em, 0);
  }
}
.not-found figure {
  margin: 25px auto;
  text-align: center;
}
.not-found figure img {
  margin: 0 auto;
}
.not-found figure h1 {
  font-weight: 600;
  margin-top: 0;
}

.checkout {
  display: flex;
  flex-flow: row wrap;
  padding-left: 35px;
  padding-right: 35px;
  max-width: 1470px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  counter-reset: steps;
  margin-top: 25px;
  margin-bottom: 25px;
}
.checkout-actions {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.checkout-actions .cc-list {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}
.checkout-actions .cc-list > *:not(:first-child) {
  margin-left: 15px;
}
.checkout-actions .cc-list img {
  align-self: center;
}
.checkout-actions .cc-list img:not(:first-child) {
  margin-left: 5px;
}
.checkout-actions #purchase-for-distribution .button {
  color: #6fbd1b;
  background: #ffffff;
  border: solid 3px;
  padding: 9px 22px;
}
.checkout-actions #purchase-for-distribution .button:hover {
  color: #ffffff;
  background: rgb(222.5, 163.4478672986, 0);
  border: solid 3px rgb(222.5, 163.4478672986, 0);
}
.checkout > form {
  width: 100%;
}
.checkout .promo-input {
  padding: 5px;
  border: 1px solid #dfdfdf;
  background-image: linear-gradient(to bottom, #f7f7f7, #fff);
  display: flex;
  width: 250px;
  margin-top: 25px;
}
.checkout section {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #fff;
  border: 1px solid #dfdfdf;
  border-bottom: 2px solid #dfdfdf;
  position: relative;
}
.checkout section .header {
  position: relative;
  padding: 10px 35px;
  min-height: 60px;
}
.checkout section .header p {
  line-height: 35px;
  font-size: 150%;
  margin: 0 0 0 5px;
}
.checkout section .header > *:not(p) {
  margin-top: 9px;
}
.checkout section .content {
  border-top: 1px solid #dfdfdf;
  padding: 35px;
}
.checkout section .content.sign-up-in {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.checkout section .content.sign-up-in > div {
  flex: 1;
  padding: 35px;
}
.checkout section .content.sign-up-in > div:not(:first-child) {
  border-left: none;
  border-top: 1px solid #dfdfdf;
}
.checkout section .content.logged-in-as {
  display: flex;
}
.checkout section .content.logged-in-as .asset {
  margin-right: 25px;
}
.checkout section .content.logged-in-as .asset img {
  border-radius: 3px;
}
.checkout section .content.logged-in-as .details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.checkout section .content.logged-in-as .details p {
  margin-bottom: 0;
}
.checkout section .content.logged-in-as .details a.button {
  align-self: flex-start;
}
.checkout section .content .sso-only {
  max-width: 500px;
}
.checkout section .content .sso-only hr {
  display: none;
}
.checkout section .content .sso-only .secondary {
  display: none;
}
.checkout .step {
  margin-bottom: 25px;
}
.checkout .step:before {
  counter-increment: steps;
  content: counter(steps);
  background: #4a4f51;
  color: #fff;
  font-size: 150%;
  font-weight: 600;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  line-height: 45px;
  position: absolute;
  top: 5px;
  left: -20px;
  text-align: center;
}
.checkout .step.shipping-information .form-inline .form-inline,
.checkout .step.shipping-information .form-inline fieldset {
  margin-bottom: 0;
}
.checkout .step.shipping-information fieldset {
  margin-bottom: 10px;
}
.checkout .step.shipping-address .content.same-as-billing {
  opacity: 0.5;
}
.checkout .step.shipping-address .content.same-as-billing input,
.checkout .step.shipping-address .content.same-as-billing select {
  background-color: #dfdfdf;
}
@media only screen and (min-width: 768px) {
  .checkout .step .header {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) {
  .checkout .step-group {
    display: flex;
    flex-direction: row;
  }
  .checkout .step-group.wide {
    flex-direction: column;
  }
  .checkout .step-group .step:not(:last-child) {
    margin-right: 35px;
  }
}
@media only screen and (min-width: 1024px) {
  .checkout .step-group.wide {
    flex-direction: row;
  }
}
.checkout .cart-footer {
  display: flex;
  flex-direction: column;
  margin-top: 25px;
}
@media only screen and (min-width: 768px) {
  .checkout .cart-footer {
    flex-direction: row;
  }
}
.checkout .cart-footer .column {
  display: flex;
  flex-direction: column;
  margin-right: auto;
}

.cart-items {
  border: 1px solid #dfdfdf;
  table-layout: fixed;
}
.cart-items tr th {
  background-color: #4a4f51;
  color: #fff;
  font-weight: 600;
}
.cart-items tr td.qty input {
  max-width: 100px;
}
.cart-items tr td img.lv-brand {
  height: 16px;
  display: inline;
  margin-left: 5px;
}
.cart-items tr td button.lv-learn {
  background: #26d07c;
  color: #ffffff;
  margin-left: 5px;
}
.cart-items tr td button.delete-btn {
  background: none !important;
  color: #151f6d !important;
}

.cart-totals {
  display: flex;
  flex-direction: column;
  text-align: right;
}
.cart-totals .cart-shipping + .cart-subtotal {
  padding-top: 15px;
  border-top: 1px solid #dfdfdf;
}
.cart-totals > div {
  column-count: 2;
}
.cart-totals > div div:first-child {
  font-weight: 600;
}

.cart-total {
  border-top: 1px solid #dfdfdf;
  padding-top: 10px;
}

.order-receipt {
  *zoom: 1;
  padding-left: 35px;
  padding-right: 35px;
  max-width: 1470px;
  margin-left: auto;
  margin-right: auto;
  flex-direction: column;
  width: 100%;
  margin-top: 45px;
}
.order-receipt:before, .order-receipt:after {
  content: "";
  display: table;
}
.order-receipt:after {
  clear: both;
}
.order-receipt header {
  display: flex;
  margin: 25px 0;
}
.order-receipt section {
  margin-bottom: 15px;
}
.order-receipt .storefront {
  flex: 1;
  margin-right: 15px;
}
.order-receipt .storefront-logo {
  margin-bottom: 15px;
  display: none;
}
.order-receipt .storefront-name {
  font-weight: 600;
  font-size: 1.25em;
}
.order-receipt .storefront-phone {
  margin-top: 10px;
}
.order-receipt .order-info .print-receipt-link {
  color: #151f6d;
  border-bottom: 1px dotted #151f6d;
}
.order-receipt .order-info .print-receipt-link:hover {
  color: #ffc72c;
  border-bottom: 1px dotted #ffc72c;
}
.order-receipt .order-details table {
  width: 100%;
}
.order-receipt .order-details table tr.shipped-header {
  border-bottom: 2px solid #262a2c;
}
.order-receipt .order-details table tr.total td {
  font-weight: 600;
}
.order-receipt .order-details table tr.refunded td {
  font-weight: 600;
  text-transform: uppercase;
}
.order-receipt .order-actions {
  display: flex;
  justify-content: flex-end;
  margin: 25px 0;
}
.order-receipt .shipping-details {
  margin-top: 15px;
}
.order-receipt .refund-receipt {
  margin-top: 25px;
}

@media only screen and (min-width: 768px) {
  .checkout-actions {
    flex-direction: row;
    justify-content: flex-end;
  }
  .checkout-actions .cc-list {
    margin-bottom: 0;
    justify-content: left;
    flex: 1;
  }
  .checkout-actions .button {
    margin: 0 0 0 10px;
  }
  .checkout .step .content.sign-up-in {
    flex-direction: row;
  }
  .checkout .step .content.sign-up-in > div:not(:first-child) {
    border-left: 1px solid #dfdfdf;
    border-top: none;
  }
}
.bundle-contents,
.il-sessions {
  list-style: none;
  font-size: smaller;
}
.bundle-contents li,
.il-sessions li {
  display: inline !important;
}
.bundle-contents li:first-child,
.il-sessions li:first-child {
  margin-right: 2px;
}
.bundle-contents li.bundle-item:not(:last-child)::after,
.il-sessions li.bundle-item:not(:last-child)::after {
  content: ", ";
}
.bundle-contents li.il-session:not(:last-child)::after,
.il-sessions li.il-session:not(:last-child)::after {
  content: "; ";
}

:root {
  --star-size: 16px;
  --star-color: var(--color-surface, #fff);
  --star-background: var(--color-accent, #ff9015);
  --box-shadow: 0px 3px 6px #00000029;
  --border: 1px solid #d2d2d2;
  --color-background: #f2f2f2;
}

.strike {
  text-decoration: line-through;
}

/** Shared styles among the product and product revised pages */
.product-page .prerequisite-tip,
.product-page-revised .prerequisite-tip {
  padding: 10px;
  background: #b3e5fc;
  color: #044868;
}
.product-page .course-requirement,
.product-page-revised .course-requirement {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-page .course-requirement i.fa.fa-satisfied,
.product-page .course-requirement i.fa.fa-unsatisfied,
.product-page-revised .course-requirement i.fa.fa-satisfied,
.product-page-revised .course-requirement i.fa.fa-unsatisfied {
  font-size: 18px;
}
.product-page .course-requirement i.fa.fa-satisfied,
.product-page-revised .course-requirement i.fa.fa-satisfied {
  color: #6fbd1b;
}
.product-page .course-requirement i.fa.fa-unsatisfied,
.product-page-revised .course-requirement i.fa.fa-unsatisfied {
  color: #f68b39;
}
.product-page .required-course,
.product-page-revised .required-course {
  margin: 5px 10px;
  padding: 10px;
  display: flex;
  justify-content: flex-start;
  gap: 10px;
}
.product-page .required-course img,
.product-page-revised .required-course img {
  max-width: 110px;
  min-width: 110px;
}
.product-page .required-course .course-details,
.product-page-revised .required-course .course-details {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
}
.product-page .required-course .course-details .course-title-and-price,
.product-page-revised .required-course .course-details .course-title-and-price {
  display: flex;
  justify-content: space-between;
}
.product-page .required-course .course-details .course-title-and-price .course-title,
.product-page-revised .required-course .course-details .course-title-and-price .course-title {
  font-weight: bold;
  font-size: 18px;
}
.product-page .required-course .course-details .course-links,
.product-page-revised .required-course .course-details .course-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product-page .header-contents {
  display: flex;
  flex-flow: row wrap;
  padding-left: 35px;
  padding-right: 35px;
  max-width: 1470px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  z-index: 1;
}
.product-page .header-title {
  padding-bottom: 45px;
  align-self: flex-start;
}
.product-page .header-title p {
  color: #ffffff;
}
.product-page .header-title p.meta {
  color: rgba(255, 255, 255, 0.5);
}
.product-page .header-title p a {
  color: #ffffff;
  font-weight: 600;
  text-decoration: underline;
}
.product-page .header-title h1 {
  color: #ffffff;
  font-weight: 600;
}
.product-page .header-image {
  width: 100%;
}
.product-page .header-image[carousel] .carousel-selected {
  min-height: 200px;
  overflow: hidden;
  position: relative;
  display: flex;
}
.product-page .header-image[carousel] .carousel-selected span {
  padding: 10px 10px 0 10px;
  background: rgba(0, 0, 0, 0.5);
}
.product-page .header-image[carousel] .carousel-selected span img {
  margin: 0 auto;
}
.product-page .header-image[carousel] .carousel-selected.is-video span {
  position: relative;
}
.product-page .header-image[carousel] .carousel-selected.is-video span:after {
  font-family: FontAwesome;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4), 0 4px 8px rgba(0, 0, 0, 0.2);
  content: "\f144";
  font-size: 3em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.product-page .header-image[carousel] .carousel-selected span {
  width: 100%;
  align-self: flex-end;
}
.product-page .header-image[carousel] .carousel-selector {
  list-style: none;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  min-height: 75px;
  flex: 0 0 auto;
  padding: 10px;
  overflow: hidden;
}
.product-page .header-image[carousel] .carousel-selector > li {
  display: inline-block;
}
.product-page .header-image[carousel] .carousel-selector > li img {
  opacity: 0.5;
  transition: opacity 0.6s ease-out;
  will-change: opacity;
}
.product-page .header-image[carousel] .carousel-selector > li img.is-selected {
  opacity: 1;
}
.product-page .header-image[carousel] .carousel-selector > li:not(:first-child) {
  margin-left: 5px;
}
.product-page .header-image[carousel] .carousel-selector > li:not(:last-child) {
  margin-right: 5px;
}
.product-page section {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  min-height: 0;
  padding: 45px 0;
}
.product-page .product-header {
  background: #151f6d;
  padding-bottom: 0 !important;
  min-height: 300px;
}
.product-page .product-header > img {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.075;
  filter: blur(6px);
}
.product-page .product-details {
  display: flex;
  flex-flow: row wrap;
  padding-left: 35px;
  padding-right: 35px;
  max-width: 1470px;
  margin-left: auto;
  margin-right: auto;
  flex: 1;
  width: 100%;
}
.product-page .product-discounts {
  border: 1px solid #dfdfdf;
  border: 1px solid #dfdfdf;
}
.product-page .product-options {
  width: calc(99.99% * 1 / 1 - (0px - 0px * 1 / 1));
  flex: 0 0 auto;
}
.product-page .product-options:nth-child(n) {
  margin-right: 0px;
}
.product-page .product-options:last-child {
  margin-right: 0;
}
.product-page .product-options:nth-child(1n) {
  margin-right: 0;
}
.product-page .product-options > * {
  margin-bottom: 20px;
}
.product-page .product-purchase {
  border: 2px solid #151f6d;
}
.product-page .product-purchase table {
  table-layout: fixed;
}
.product-page .product-purchase table td:first-child input {
  width: 33%;
}
.product-page .product-purchase .add-to-cart span,
.product-page .product-purchase .buy-now span {
  font-weight: 600;
}
.product-page .product-purchase .view-il-calendar,
.product-page .product-purchase .add-to-cart {
  padding: 10px;
  text-align: center;
  background: #151f6d;
  color: #ffffff;
  width: 100%;
  transition: background 0.6s ease-out;
  will-change: background;
}
.product-page .product-purchase .view-il-calendar:hover,
.product-page .product-purchase .add-to-cart:hover {
  background: rgb(25.1192307692, 37.0807692308, 130.3807692308);
}
.product-page .product-purchase .buy-now {
  padding: 10px;
  text-align: center;
  background: #6fbd1b;
  color: #fff;
  width: 100%;
  font-weight: 600;
  transition: background 0.6s ease-out;
  will-change: background;
}
.product-page .product-purchase .buy-now:hover {
  background: rgb(124.1041666667, 211.3125, 30.1875);
}
.product-page .product-purchase .view-il-classes {
  padding: 10px;
  text-align: center;
  background: #151f6d;
  color: #ffffff;
  width: 100%;
  transition: background 0.6s ease-out;
  will-change: background;
  background: none;
  color: black;
  text-decoration: underline;
}
.product-page .product-purchase .view-il-classes:hover {
  background: rgb(25.1192307692, 37.0807692308, 130.3807692308);
}
.product-page .product-purchase .view-il-classes:hover {
  opacity: 0.5;
  background: none;
  color: black;
}
.product-page .product-purchase .il-class-row {
  padding: 8px;
  display: flex;
  flex-direction: column;
}
.product-page .product-purchase .il-class-row .il-class-date-select {
  display: flex;
  margin-bottom: 1em;
  align-items: center;
}
.product-page .product-purchase .il-class-row .il-class-date-select .date {
  padding-right: 8px;
  flex-grow: 2;
}
.product-page .product-purchase .il-class-row .il-class-date-select button {
  margin-left: auto;
}
.product-page .product-purchase .il-class-row span {
  margin-bottom: 4px;
}
.product-page .product-purchase .il-class-row .waitlist-box {
  display: flex;
  flex-direction: row-reverse;
  padding: 0 0 5px;
}
.product-page .product-purchase .il-class-row .waitlist-text {
  color: #e90000 !important;
  font-size: x-small;
}
.product-page .product-purchase .il-class-row:last-of-type hr {
  margin-top: 0;
  visibility: hidden;
  margin-bottom: 15px;
}
.product-page .product-purchase .promo-code-claim {
  padding: 5px 8px 10px;
}
.product-page .product-purchase .promo-code-claim .label {
  font-weight: bold;
}
.product-page .product-purchase .promo-code-claim .description {
  margin-left: 10px;
}
.product-page .product-price {
  background: #ffc72c;
  padding: 15px;
  color: #151f6d;
  text-align: center;
  font-size: 125%;
  font-weight: 600;
  margin-top: -45px;
}
.product-page .product-information {
  display: flex;
  flex-direction: column;
}
.product-page .product-information .bundle-product {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.product-page .product-information .bundle-product > div {
  margin-bottom: 10px;
}
.product-page .product-information .bundle-product .original-price {
  display: flex;
}
.product-page .product-information .bundle-product .original-price .regular {
  flex: 1 100%;
}
.product-page .product-information .bundle-product .original-price .price {
  text-decoration: line-through;
}
@media only screen and (min-width: 530px) {
  .product-page .product-information .bundle-product {
    flex-direction: row;
    height: 150px;
    margin-bottom: 10px;
  }
  .product-page .product-information .bundle-product > div {
    margin-bottom: 0px;
  }
  .product-page .product-information .bundle-product > div:not(:last-child) {
    margin-right: 10px;
  }
  .product-page .product-information .bundle-product > div.info {
    flex: 1 100%;
  }
  .product-page .product-information .bundle-product > div.original-price {
    flex-direction: column;
    text-align: right;
  }
  .product-page .product-information .bundle-product > div.original-price .regular {
    flex: 0;
    width: 100px;
  }
}
.product-page .product-information .also-available {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.product-page .product-information .also-available > div {
  margin-bottom: 10px;
}
.product-page .product-information .also-available .original-price {
  display: flex;
}
.product-page .product-information .also-available .original-price .regular {
  flex: 1 100%;
}
.product-page .product-information .also-available .original-price .price {
  text-decoration: line-through;
}
@media only screen and (min-width: 530px) {
  .product-page .product-information .also-available {
    flex-direction: row;
    height: 150px;
    margin-bottom: 10px;
  }
  .product-page .product-information .also-available > div {
    margin-bottom: 0px;
  }
  .product-page .product-information .also-available > div:not(:last-child) {
    margin-right: 10px;
  }
  .product-page .product-information .also-available > div.info {
    flex: 1 100%;
  }
  .product-page .product-information .also-available > div.original-price {
    flex-direction: column;
    text-align: right;
  }
  .product-page .product-information .also-available > div.original-price .regular {
    flex: 0;
    width: 100px;
  }
}
.product-page .product-information .bundle-list {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.product-page .product-information .bundle-list > div {
  margin-bottom: 10px;
}
.product-page .product-information .bundle-list .original-price {
  display: flex;
}
.product-page .product-information .bundle-list .original-price .regular {
  flex: 1 100%;
}
.product-page .product-information .bundle-list .original-price .price {
  text-decoration: line-through;
}
@media only screen and (min-width: 530px) {
  .product-page .product-information .bundle-list {
    flex-direction: row;
    height: 150px;
    margin-bottom: 10px;
  }
  .product-page .product-information .bundle-list > div {
    margin-bottom: 0px;
  }
  .product-page .product-information .bundle-list > div:not(:last-child) {
    margin-right: 10px;
  }
  .product-page .product-information .bundle-list > div.info {
    flex: 1 100%;
  }
  .product-page .product-information .bundle-list > div.original-price {
    flex-direction: column;
    text-align: right;
  }
  .product-page .product-information .bundle-list > div.original-price .regular {
    flex: 0;
    width: 100px;
  }
}
.product-page .product-description {
  margin-bottom: 40px;
}
.product-page .product-specifics {
  display: flex;
  flex-wrap: wrap;
}
.product-page .product-outline {
  margin-bottom: 25px;
  width: calc(99.99% * 1 / 1 - (45px - 45px * 1 / 1));
  flex: 0 0 auto;
}
.product-page .product-outline:nth-child(n) {
  margin-right: 45px;
}
.product-page .product-outline:last-child {
  margin-right: 0;
}
.product-page .product-outline:nth-child(1n) {
  margin-right: 0;
}
.product-page .product-features {
  display: flex;
  flex-direction: column;
  border: 1px solid #dfdfdf;
  margin-bottom: 25px;
  width: calc(99.99% * 1 / 1 - (45px - 45px * 1 / 1));
  flex: 0 0 auto;
}
.product-page .product-features:nth-child(n) {
  margin-right: 45px;
}
.product-page .product-features:last-child {
  margin-right: 0;
}
.product-page .product-features:nth-child(1n) {
  margin-right: 0;
}
.product-page .product-features .feature-header {
  padding: 10px;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 1px solid #dfdfdf;
}
.product-page .product-features .feature-row {
  display: flex;
  flex-flow: column nowrap;
  flex-direction: column;
}
.product-page .product-features .feature-item {
  padding: 10px;
  white-space: nowrap;
  text-align: left;
}
.product-page .product-features .feature-item > * {
  display: inline-block;
}
.product-page .product-features .feature-title i.fa {
  min-width: 20px;
  text-align: center;
}
.product-page .product-class-schedule {
  background: #dfdfdf;
  padding: 15px 20px;
}
.product-page .product-class-schedule .class-schedule-header {
  border-bottom: 1px solid #4a4f51;
  padding-bottom: 15px;
}
.product-page .product-class-schedule .class-schedule-footer {
  display: block;
  margin-top: 15px;
  color: #4a4f51;
  font-weight: 700;
  text-align: center;
  text-decoration: underline;
}
.product-page .product-class-schedule .il-class {
  border-bottom: 1px solid #4a4f51;
  padding: 15px 0 0 0;
}
.product-page .product-class-schedule .il-class .spots-left {
  margin-bottom: 10px;
}
.product-page .product-class-schedule .il-class .spots-left i {
  margin-right: 5px;
}
.product-page .product-class-schedule .il-sessions {
  display: flex;
  flex-wrap: wrap;
}
.product-page .product-class-schedule .il-session {
  margin: 0 10px 10px 0;
  min-width: 240px;
}
.product-page .product-class-schedule .il-session:last-of-type {
  margin: 0 0 15px 0;
}
.product-page .product-class-schedule .il-session-dates {
  display: flex;
}
.product-page .product-class-schedule .il-session-dates i {
  margin: 0px 5px 0 0;
}
.product-page .product-class-schedule .il-session-dates i:before {
  padding: 0;
}
.product-page .product-class-schedule .il-session-dates span {
  font-weight: 700;
}
.product-page .product-class-schedule .il-session-dates .time-zone {
  background: #4a4f51;
  color: #f7f7f7;
  margin-left: 2px;
  padding: 0px 3px;
  border-radius: 1px;
  font-size: 0.9em;
}
.product-page .product-class-schedule .il-session-dates .fa-caret-right {
  margin: 0;
}
.product-page .product-class-schedule .il-session-address {
  margin: 5px 0 0 24px;
}
@media only screen and (min-width: 768px) {
  .product-page .header-title {
    width: calc(99.99% * 1 / 2 - (60px - 60px * 1 / 2));
    flex: 0 0 auto;
    padding-bottom: 0;
  }
  .product-page .header-title:nth-child(n) {
    margin-right: 60px;
  }
  .product-page .header-title:last-child {
    margin-right: 0;
  }
  .product-page .header-title:nth-child(2n) {
    margin-right: 0;
  }
  .product-page .header-title h1 {
    font-size: 2.5em;
  }
  .product-page .header-image {
    width: calc(99.99% * 1 / 2 - (60px - 60px * 1 / 2));
    flex: 0 0 auto;
  }
  .product-page .header-image:nth-child(n) {
    margin-right: 60px;
  }
  .product-page .header-image:last-child {
    margin-right: 0;
  }
  .product-page .header-image:nth-child(2n) {
    margin-right: 0;
  }
  .product-page .header-image .carousel-selected {
    min-height: 400px !important;
  }
  .product-page .product-price {
    margin-top: -103px;
  }
  .product-page .product-purchase table {
    table-layout: fixed;
  }
  .product-page .product-purchase table td:first-child input {
    width: 100%;
  }
  .product-page .product-options {
    width: calc(99.99% * 1 / 4 - (60px - 60px * 1 / 4));
    flex: 0 0 auto;
  }
  .product-page .product-options:nth-child(n) {
    margin-right: 60px;
  }
  .product-page .product-options:last-child {
    margin-right: 0;
  }
  .product-page .product-options:nth-child(4n) {
    margin-right: 0;
  }
  .product-page .product-information {
    width: calc(99.99% * 3 / 4 - (60px - 60px * 3 / 4));
    flex: 0 0 auto;
  }
  .product-page .product-information:nth-child(n) {
    margin-right: 60px;
  }
  .product-page .product-information:last-child {
    margin-right: 0;
  }
  .product-page .product-information:nth-child(4n) {
    margin-right: 0;
  }
  .product-page .product-outline {
    width: calc(99.99% * 1 / 2 - (45px - 45px * 1 / 2));
    flex: 0 0 auto;
  }
  .product-page .product-outline:nth-child(n) {
    margin-right: 45px;
  }
  .product-page .product-outline:last-child {
    margin-right: 0;
  }
  .product-page .product-outline:nth-child(2n) {
    margin-right: 0;
  }
  .product-page .product-features {
    width: calc(99.99% * 1 / 2 - (45px - 45px * 1 / 2));
    flex: 0 0 auto;
  }
  .product-page .product-features:nth-child(n) {
    margin-right: 45px;
  }
  .product-page .product-features:last-child {
    margin-right: 0;
  }
  .product-page .product-features:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (orientation: portrait) {
  .product-page .product-options {
    width: calc(99.99% * 2 / 4 - (60px - 60px * 2 / 4));
    flex: 0 0 auto;
  }
  .product-page .product-options:nth-child(n) {
    margin-right: 60px;
  }
  .product-page .product-options:last-child {
    margin-right: 0;
  }
  .product-page .product-options:nth-child(4n) {
    margin-right: 0;
  }
  .product-page .product-information {
    width: calc(99.99% * 2 / 4 - (60px - 60px * 2 / 4));
    flex: 0 0 auto;
  }
  .product-page .product-information:nth-child(n) {
    margin-right: 60px;
  }
  .product-page .product-information:last-child {
    margin-right: 0;
  }
  .product-page .product-information:nth-child(4n) {
    margin-right: 0;
  }
  .product-page .product-outline {
    width: calc(99.99% * 2 / 2 - (45px - 45px * 2 / 2));
    flex: 0 0 auto;
  }
  .product-page .product-outline:nth-child(n) {
    margin-right: 45px;
  }
  .product-page .product-outline:last-child {
    margin-right: 0;
  }
  .product-page .product-outline:nth-child(2n) {
    margin-right: 0;
  }
  .product-page .product-features {
    width: calc(99.99% * 2 / 2 - (45px - 45px * 2 / 2));
    flex: 0 0 auto;
  }
  .product-page .product-features:nth-child(n) {
    margin-right: 45px;
  }
  .product-page .product-features:last-child {
    margin-right: 0;
  }
  .product-page .product-features:nth-child(2n) {
    margin-right: 0;
  }
}

.bulk-discount-dialog {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 1em;
  padding: 1em;
  border-radius: 5px;
  width: 50%;
  margin: auto;
  margin-top: 15%;
}

#product-reviews {
  width: 100%;
}

.slider-nav {
  margin-right: 0px;
  float: right;
  overflow: hidden;
  clear: both;
}

.slider-container {
  display: block;
  width: 100%;
  padding: 10px 10px 0px;
  margin-right: 0px;
  overflow: hidden;
}

.product-page-reduxed section {
  margin: 0 auto;
  width: 100%;
}
.product-page-reduxed section.product-bundle-container, .product-page-reduxed section.featured-in-container, .product-page-reduxed section.related-products-container {
  background-color: lightgrey;
  padding: 30px;
}
.product-page-reduxed section.product-header, .product-page-reduxed section.physical-product-header {
  width: 100%;
  background-color: darkgrey;
}
.product-page-reduxed section.product-header .product-hero-container, .product-page-reduxed section.physical-product-header .product-hero-container {
  display: flex;
  flex-direction: column;
  max-width: 1200px;
  padding: 60px 30px;
  margin: 0 auto;
  gap: 30px;
}
.product-page-reduxed section.product-header .product-hero-container .hero-left,
.product-page-reduxed section.product-header .product-hero-container .hero-details, .product-page-reduxed section.physical-product-header .product-hero-container .hero-left,
.product-page-reduxed section.physical-product-header .product-hero-container .hero-details {
  flex-grow: 3;
}
.product-page-reduxed section.product-header .product-hero-container .hero-right .card,
.product-page-reduxed section.product-header .product-hero-container .hero-image .card, .product-page-reduxed section.physical-product-header .product-hero-container .hero-right .card,
.product-page-reduxed section.physical-product-header .product-hero-container .hero-image .card {
  background: #fff;
  max-width: 420px;
  padding: 30px;
  border-radius: 20px;
}
.product-page-reduxed section.product-header .product-hero-container .hero-right .promo-code-claim,
.product-page-reduxed section.product-header .product-hero-container .hero-right .product-summary,
.product-page-reduxed section.product-header .product-hero-container .hero-details .promo-code-claim,
.product-page-reduxed section.product-header .product-hero-container .hero-details .product-summary, .product-page-reduxed section.physical-product-header .product-hero-container .hero-right .promo-code-claim,
.product-page-reduxed section.physical-product-header .product-hero-container .hero-right .product-summary,
.product-page-reduxed section.physical-product-header .product-hero-container .hero-details .promo-code-claim,
.product-page-reduxed section.physical-product-header .product-hero-container .hero-details .product-summary {
  margin-bottom: 20px;
}
.product-page-reduxed section.product-header .product-hero-container .hero-right span.price,
.product-page-reduxed section.product-header .product-hero-container .hero-details span.price, .product-page-reduxed section.physical-product-header .product-hero-container .hero-right span.price,
.product-page-reduxed section.physical-product-header .product-hero-container .hero-details span.price {
  font-size: 24px;
  font-weight: 600;
}
.product-page-reduxed section.product-header .product-hero-container .hero-right span.strike,
.product-page-reduxed section.product-header .product-hero-container .hero-details span.strike, .product-page-reduxed section.physical-product-header .product-hero-container .hero-right span.strike,
.product-page-reduxed section.physical-product-header .product-hero-container .hero-details span.strike {
  font-weight: 400;
}
.product-page-reduxed section.product-header .product-hero-container .hero-right .product-list-container,
.product-page-reduxed section.product-header .product-hero-container .hero-details .product-list-container, .product-page-reduxed section.physical-product-header .product-hero-container .hero-right .product-list-container,
.product-page-reduxed section.physical-product-header .product-hero-container .hero-details .product-list-container {
  text-align: left;
}
.product-page-reduxed section.product-header .product-hero-container .hero-right .seats-input,
.product-page-reduxed section.product-header .product-hero-container .hero-details .seats-input, .product-page-reduxed section.physical-product-header .product-hero-container .hero-right .seats-input,
.product-page-reduxed section.physical-product-header .product-hero-container .hero-details .seats-input {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: stretch;
  margin: 10px 0;
}
.product-page-reduxed section.product-header .product-hero-container .hero-right .seats-input input,
.product-page-reduxed section.product-header .product-hero-container .hero-details .seats-input input, .product-page-reduxed section.physical-product-header .product-hero-container .hero-right .seats-input input,
.product-page-reduxed section.physical-product-header .product-hero-container .hero-details .seats-input input {
  max-width: 70px;
  min-height: unset;
  padding: 0;
  text-align: center;
}
.product-page-reduxed section.product-header .product-hero-container .hero-right .seats-input turbo-frame .compact,
.product-page-reduxed section.product-header .product-hero-container .hero-details .seats-input turbo-frame .compact, .product-page-reduxed section.physical-product-header .product-hero-container .hero-right .seats-input turbo-frame .compact,
.product-page-reduxed section.physical-product-header .product-hero-container .hero-details .seats-input turbo-frame .compact {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 10px;
}
@media only screen and (min-width: 1024px) {
  .product-page-reduxed section.product-header .product-hero-container, .product-page-reduxed section.physical-product-header .product-hero-container {
    flex-direction: row;
  }
}
.product-page-reduxed section.product-details-container {
  max-width: 900px;
  padding: 90px 30px;
}
.product-page-reduxed section.product-details-container > * {
  margin-bottom: 20px;
}
.product-page-reduxed section .product-bundle,
.product-page-reduxed section .related-products,
.product-page-reduxed section .featured-in {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.product-page-reduxed section .product-bundle .bundle-includes .product-grid,
.product-page-reduxed section .product-bundle .people-also-purchased .product-grid,
.product-page-reduxed section .product-bundle .also-available-in .product-grid,
.product-page-reduxed section .related-products .bundle-includes .product-grid,
.product-page-reduxed section .related-products .people-also-purchased .product-grid,
.product-page-reduxed section .related-products .also-available-in .product-grid,
.product-page-reduxed section .featured-in .bundle-includes .product-grid,
.product-page-reduxed section .featured-in .people-also-purchased .product-grid,
.product-page-reduxed section .featured-in .also-available-in .product-grid {
  display: grid;
  column-gap: 20px;
  row-gap: 20px;
}
.product-page-reduxed section .product-bundle .bundle-includes .product-grid .product-card,
.product-page-reduxed section .product-bundle .people-also-purchased .product-grid .product-card,
.product-page-reduxed section .product-bundle .also-available-in .product-grid .product-card,
.product-page-reduxed section .related-products .bundle-includes .product-grid .product-card,
.product-page-reduxed section .related-products .people-also-purchased .product-grid .product-card,
.product-page-reduxed section .related-products .also-available-in .product-grid .product-card,
.product-page-reduxed section .featured-in .bundle-includes .product-grid .product-card,
.product-page-reduxed section .featured-in .people-also-purchased .product-grid .product-card,
.product-page-reduxed section .featured-in .also-available-in .product-grid .product-card {
  border-radius: 10px;
  background-color: #fff;
  width: 100%;
  overflow: hidden;
}
.product-page-reduxed section .product-bundle .bundle-includes .product-grid .product-card .product-details,
.product-page-reduxed section .product-bundle .people-also-purchased .product-grid .product-card .product-details,
.product-page-reduxed section .product-bundle .also-available-in .product-grid .product-card .product-details,
.product-page-reduxed section .related-products .bundle-includes .product-grid .product-card .product-details,
.product-page-reduxed section .related-products .people-also-purchased .product-grid .product-card .product-details,
.product-page-reduxed section .related-products .also-available-in .product-grid .product-card .product-details,
.product-page-reduxed section .featured-in .bundle-includes .product-grid .product-card .product-details,
.product-page-reduxed section .featured-in .people-also-purchased .product-grid .product-card .product-details,
.product-page-reduxed section .featured-in .also-available-in .product-grid .product-card .product-details {
  padding: 30px;
}
.product-page-reduxed section .product-bundle .bundle-includes .product-grid.bundle-products,
.product-page-reduxed section .product-bundle .people-also-purchased .product-grid.bundle-products,
.product-page-reduxed section .product-bundle .also-available-in .product-grid.bundle-products,
.product-page-reduxed section .related-products .bundle-includes .product-grid.bundle-products,
.product-page-reduxed section .related-products .people-also-purchased .product-grid.bundle-products,
.product-page-reduxed section .related-products .also-available-in .product-grid.bundle-products,
.product-page-reduxed section .featured-in .bundle-includes .product-grid.bundle-products,
.product-page-reduxed section .featured-in .people-also-purchased .product-grid.bundle-products,
.product-page-reduxed section .featured-in .also-available-in .product-grid.bundle-products {
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 1024px) {
  .product-page-reduxed section .product-bundle .bundle-includes .product-grid.bundle-products,
  .product-page-reduxed section .product-bundle .people-also-purchased .product-grid.bundle-products,
  .product-page-reduxed section .product-bundle .also-available-in .product-grid.bundle-products,
  .product-page-reduxed section .related-products .bundle-includes .product-grid.bundle-products,
  .product-page-reduxed section .related-products .people-also-purchased .product-grid.bundle-products,
  .product-page-reduxed section .related-products .also-available-in .product-grid.bundle-products,
  .product-page-reduxed section .featured-in .bundle-includes .product-grid.bundle-products,
  .product-page-reduxed section .featured-in .people-also-purchased .product-grid.bundle-products,
  .product-page-reduxed section .featured-in .also-available-in .product-grid.bundle-products {
    grid-template-columns: repeat(2, 1fr);
  }
}
.product-page-reduxed section .product-bundle .bundle-includes .product-grid.people-also-purchased-products, .product-page-reduxed section .product-bundle .bundle-includes .product-grid.also-available-in-bundles,
.product-page-reduxed section .product-bundle .people-also-purchased .product-grid.people-also-purchased-products,
.product-page-reduxed section .product-bundle .people-also-purchased .product-grid.also-available-in-bundles,
.product-page-reduxed section .product-bundle .also-available-in .product-grid.people-also-purchased-products,
.product-page-reduxed section .product-bundle .also-available-in .product-grid.also-available-in-bundles,
.product-page-reduxed section .related-products .bundle-includes .product-grid.people-also-purchased-products,
.product-page-reduxed section .related-products .bundle-includes .product-grid.also-available-in-bundles,
.product-page-reduxed section .related-products .people-also-purchased .product-grid.people-also-purchased-products,
.product-page-reduxed section .related-products .people-also-purchased .product-grid.also-available-in-bundles,
.product-page-reduxed section .related-products .also-available-in .product-grid.people-also-purchased-products,
.product-page-reduxed section .related-products .also-available-in .product-grid.also-available-in-bundles,
.product-page-reduxed section .featured-in .bundle-includes .product-grid.people-also-purchased-products,
.product-page-reduxed section .featured-in .bundle-includes .product-grid.also-available-in-bundles,
.product-page-reduxed section .featured-in .people-also-purchased .product-grid.people-also-purchased-products,
.product-page-reduxed section .featured-in .people-also-purchased .product-grid.also-available-in-bundles,
.product-page-reduxed section .featured-in .also-available-in .product-grid.people-also-purchased-products,
.product-page-reduxed section .featured-in .also-available-in .product-grid.also-available-in-bundles {
  grid-template-columns: repeat(auto-fit, minmax(170px, 260px));
}

.product-page-revised {
  display: flex;
  flex-flow: row wrap;
  padding-left: 35px;
  padding-right: 35px;
  max-width: 1470px;
  margin-left: auto;
  margin-right: auto;
  gap: 2em;
  padding-top: 100px;
}
.product-page-revised section {
  width: 100%;
}
.product-page-revised section.product-header {
  display: flex;
  flex-direction: column;
  gap: 3em;
}
.product-page-revised section.product-header .product-media {
  order: 2;
}
.product-page-revised section.product-header .product-info {
  order: 1;
}
.product-page-revised section.product-header .product-info .product-price {
  font-size: 2em;
  margin-bottom: 1em;
}
.product-page-revised section.product-header .product-info .product-purchase {
  margin-bottom: 2em;
}
.product-page-revised section.product-header .product-info .product-purchase .add-to-cart {
  margin-right: 5px;
}
@media only screen and (min-width: 1024px) {
  .product-page-revised section.product-header {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .product-page-revised section.product-header .product-media {
    order: 1;
    display: flex;
    flex-direction: column;
  }
  .product-page-revised section.product-header .product-info {
    order: 2;
  }
}
.product-page-revised .header-image {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin-bottom: 1em;
  margin-right: 0px;
  width: 630px;
  overflow: hidden;
}
.product-page-revised .header-image img {
  border-radius: 5px;
}
.product-page-revised .header-image[carousel] .carousel-selected {
  overflow: hidden;
  position: relative;
}
.product-page-revised .header-image[carousel] .carousel-selected span img {
  margin: 0 auto;
}
.product-page-revised .header-image[carousel] .carousel-selected.is-video span {
  position: relative;
}
.product-page-revised .header-image[carousel] .carousel-selected.is-video span:after {
  font-family: FontAwesome;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4), 0 4px 8px rgba(0, 0, 0, 0.2);
  content: "\f144";
  font-size: 3em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.product-page-revised .header-image[carousel] .carousel-selected span {
  width: 100%;
  align-self: flex-end;
}
.product-page-revised .header-image[carousel] .carousel-selector {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1em;
  list-style: none;
  padding-left: 0;
  margin: 0 auto;
}
.product-page-revised .header-image[carousel] .carousel-selector > li {
  display: inline-block;
}
.product-page-revised .header-image[carousel] .carousel-selector > li img {
  opacity: 0.75;
  transition: opacity 0.6s ease-out;
  will-change: opacity;
}
.product-page-revised .header-image[carousel] .carousel-selector > li img.is-selected {
  opacity: 1;
}
.product-page-revised .product-rating-wrapper {
  --star-percent: calc(var(--star-rating) / 5 * 100%);
  display: flex;
  gap: 0.5em;
  margin-bottom: 1em;
}
.product-page-revised .product-rating-wrapper .product-rating-stars {
  display: inline-flex;
  font-size: var(--star-size);
  gap: 0.5em;
}
.product-page-revised .product-rating-wrapper .product-rating-stars:before {
  content: "★★★★★";
  background: linear-gradient(90deg, var(--star-background) var(--star-percent), var(--star-color) var(--star-percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.product-page-revised .product-rating-wrapper .product-rating-stars:after {
  content: attr(data-rating);
  color: var(--star-background);
}
.product-page-revised .product-rating-wrapper .ruk-rating-snippet-count {
  color: var(--star-background) !important;
}
.product-page-revised .course-length {
  padding: 6px 0;
}
.product-page-revised .seats-input {
  display: flex;
  gap: 0.5em;
  align-items: center;
  margin-bottom: 1em;
}
.product-page-revised .seats-input input {
  width: unset;
}
.product-page-revised .disclosure-item {
  position: relative;
  border-top: var(--border);
}
.product-page-revised .disclosure-item:after {
  background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--color-background) 100%) 0% 0% no-repeat padding-box;
  bottom: 0;
  content: "";
  position: absolute;
  left: 0;
  height: 1em;
  right: 0;
}
.product-page-revised .disclosure-item.is-open:after {
  background: transparent;
}
.product-page-revised .disclosure-item.is-open .disclosure-detail {
  max-height: unset;
}
.product-page-revised .disclosure-item:last-of-type {
  border-bottom: var(--border);
}
.product-page-revised .disclosure-item .disclosure-header {
  cursor: pointer;
  padding: 6px 0;
}
.product-page-revised .disclosure-item .disclosure-header .disclosure-summary {
  font-weight: bold;
}
.product-page-revised .disclosure-item .disclosure-header .disclosure-icon {
  align-self: flex-start;
  font-size: 1.25em;
}
.product-page-revised .disclosure-item .disclosure-detail {
  margin-bottom: 1em;
  max-height: 40px;
  overflow: hidden;
}
.product-page-revised .product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 300px));
  grid-gap: 3em;
  margin-bottom: 2em;
}
.product-page-revised .product-grid .product-card {
  background: #f7f7f7;
  box-shadow: var(--box-shadow);
  border-radius: 5px;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product-page-revised .product-grid .product-card hr {
  border: var(--border);
  width: 100%;
  margin: 0;
}
.product-page-revised .product-grid .product-card .product-details {
  display: flex;
  flex-direction: column;
  padding: 2em 1em;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  width: 100%;
}
.product-page-revised .product-grid .product-card .product-media {
  overflow: hidden;
  border-radius: 5px;
}
.product-page-revised .product-grid .product-card .product-name {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.product-page-revised .product-grid .product-card .product-name,
.product-page-revised .product-grid .product-card .product-price {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

.product-page.product-page-original .header-image {
  margin-right: 0px;
  float: right;
  width: 630px;
  overflow: hidden;
}
.product-page.product-page-original .header-background {
  background: rgba(0, 0, 0, 0.5);
  padding: 10px 10px 0px;
}

video.slick-slide {
  height: 360px;
}

.slider-nav .slick-track {
  transform: translate3d(0px, 0px, 0px) !important;
}

.calendar-overlay {
  margin: auto;
}

.calendar-overlay.il-calendar-popup {
  background: #fff;
}
.calendar-overlay.il-calendar-popup .il-class-row {
  margin: 30px;
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #dfdfdf;
}
.calendar-overlay.il-calendar-popup .il-class-row .il-class-date-select {
  display: flex;
  margin-bottom: 1em;
  align-items: center;
}
.calendar-overlay.il-calendar-popup .il-class-row .il-class-date-select .date {
  padding-right: 8px;
  flex-grow: 2;
}
.calendar-overlay.il-calendar-popup .il-class-row .il-class-date-select button {
  margin-left: auto;
}
.calendar-overlay.il-calendar-popup .il-class-row span {
  margin-bottom: 4px;
  flex: 1 1 auto;
}
.calendar-overlay.il-calendar-popup .il-class-row:last-of-type {
  border-bottom: none;
}

.add-to-cart {
  position: relative;
  overflow: hidden;
  z-index: 3;
}
.add-to-cart.added {
  pointer-events: none;
}
.add-to-cart.added:after {
  top: 0;
}
.add-to-cart:after {
  content: attr(data-added);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 100%;
  background: #6fbd1b;
  padding: 10px;
  transition: top 0.6s ease-out;
}

.lv-learn-more {
  align-items: center;
  background: #ffffff;
  position: relative;
  color: #1d428a;
  padding: 15px;
  display: flex;
  flex-direction: column;
  border: 2px solid #1d428a;
}
.lv-learn-more:before {
  background: center/cover no-repeat url(/assets/lv-logo-b678957614d2987d02f26ab01397090dd9b6ac4f539a5408bccffc858bc8effb.svg);
  content: "";
  display: block;
  filter: grayscale(100%);
  height: 100%;
  left: 0;
  opacity: 0.1;
  pointer-events: none;
  position: absolute;
  top: 0;
  user-select: none;
  width: 100%;
}
.lv-learn-more .lv-brand {
  margin-bottom: 2em;
}
.lv-learn-more .lv-action {
  align-self: center;
  background-color: #26d07c;
  color: #ffffff;
}
.lv-learn-more .lv-info {
  display: flex;
}
.lv-learn-more .lv-info .info-icon {
  min-width: 1.5em;
}
.lv-learn-more .lv-info .info-text {
  margin-bottom: 1em;
}
.lv-learn-more .lv-info .info-text p:first-child {
  color: #26d07c;
  font-weight: 700;
  margin-top: 0.25em;
}
.lv-learn-more .lv-info .info-text p:not(:first-child) {
  margin-bottom: 5px;
}

.lv-info-dialog {
  width: 50%;
  margin-left: 25%;
  height: 530px;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 530px) {
  .lv-info-dialog {
    flex-direction: row;
  }
}
.lv-info-dialog .lv-brand {
  background-color: #1d428a;
  color: #ffffff;
  position: relative;
  padding: 25px;
  flex: 1;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.lv-info-dialog .lv-brand .title {
  color: #ffffff;
  font-weight: 500;
}
.lv-info-dialog .lv-brand .icon-text {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.lv-info-dialog .lv-brand .icon-text .icon {
  min-width: 60px;
}
.lv-info-dialog .lv-brand .icon-text .icon img {
  margin: auto;
}
.lv-info-dialog .lv-brand .icon-text .text {
  margin-left: 20px;
  font-weight: 700;
}
.lv-info-dialog .lv-brand .goto-lv {
  text-decoration: underline;
  color: #ffffff;
}
.lv-info-dialog .lv-brand .goto-lv:hover {
  color: #26d07c;
}
.lv-info-dialog .lv-brand:before {
  background: center/cover no-repeat url(/assets/lv-logo-b678957614d2987d02f26ab01397090dd9b6ac4f539a5408bccffc858bc8effb.svg);
  content: "";
  display: block;
  filter: grayscale(100%);
  height: 100%;
  left: 0;
  opacity: 0.1;
  pointer-events: none;
  position: absolute;
  top: 0;
  user-select: none;
  width: 100%;
}
.lv-info-dialog .lv-system {
  background-color: #ffffff;
  padding: 25px;
  flex: 1;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.lv-info-dialog .lv-system .title {
  font-weight: 500;
}
.lv-info-dialog .lv-system .browser-icons {
  margin-bottom: 20px;
}
.lv-info-dialog .lv-system .browser-icons a {
  color: #4a4f51;
  margin-right: 5px;
}
.lv-info-dialog .lv-system .browser-icons a:hover {
  color: #1d428a;
}
.lv-info-dialog .lv-system .info-text {
  display: flex;
  align-items: center;
}
.lv-info-dialog .lv-system .info-text P {
  font-size: 14px;
  font-weight: 700;
  margin-left: 20px;
}

.search {
  display: flex;
  flex-flow: row wrap;
  padding-left: 35px;
  padding-right: 35px;
  max-width: 1470px;
  margin-left: auto;
  margin-right: auto;
  flex-direction: column;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 25px;
}
.search .search-results {
  border-top: 1px solid #dfdfdf;
  display: flex;
  flex-direction: column;
  padding-top: 10px;
  margin-bottom: 25px;
}
.search .search-results .result-item {
  background-color: #ffffff;
  border: 1px solid #dfdfdf;
  display: flex;
  position: relative;
}
.search .search-results .result-item:not(:only-child) {
  margin-bottom: 15px;
}
.search .search-results .result-item .result-thumbnail {
  width: 120px;
  min-width: 120px;
  margin-right: 1em;
  background-color: #dfdfdf;
  position: relative;
}
.search .search-results .result-item .result-thumbnail:empty:before {
  color: #4a4f51;
  content: "\f1c5";
  font-family: FontAwesome;
  font-size: 200%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.search .search-results .result-item .result-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top left;
  position: relative;
}
.search .search-results .result-item .result-details {
  display: flex;
  flex: 1 auto;
  flex-direction: column;
  padding: 0.75em 0;
}
.search .search-results .result-item .result-details .result-title {
  font-size: 1.5em;
  font-weight: 600;
}
.search .search-results .result-item .result-details .result-description {
  margin-bottom: 0.75em;
}
.search .search-results .result-item .result-details .result-type {
  margin-top: auto;
  display: inline-block;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  padding: 5px 8px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  align-self: flex-start;
}
.search .search-results .result-item .result-price {
  font-size: 18px;
  font-weight: 600;
  padding: 0.75em 0 0.75em 0.75em;
  white-space: nowrap;
}
.search .search-results .result-item .result-actions {
  display: flex;
  flex-direction: column;
  padding: 0.75em;
}
.search .search-results .result-item .result-actions > *:not(:only-child):not(:first-child) {
  margin-top: 0.5em;
}
.search .search-results .result-item .result-actions .buy-now {
  width: 100%;
  margin-bottom: 6px;
}
.search .search-results .result-item .result-actions .add-to-cart {
  width: 100%;
  margin-top: 6px;
}
.search .search-results .result-item .result-actions .quantity-stepper {
  margin-bottom: 0;
}
.search .search-results .result-item .result-actions .quantity-stepper .quantity-input {
  background: #ffffff;
  border: 1px solid #dfdfdf;
  margin: 0;
  width: 45px;
  max-width: 45px;
  padding: 0;
  text-align: center;
}

/* -------------------------------------------
    Mobile Layout
-------------------------------------------- */
@media only screen and (max-width: 600px) {
  .is-open {
    width: 100%;
  }
  .search {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .search .is-open,
  .search .toggle-search,
  .search .form-inline {
    min-width: 100%;
    display: block;
  }
  .search .search-results .result-item {
    flex-direction: column;
    text-align: center;
  }
  .search .search-results .result-item .result-actions {
    display: block;
  }
  .search .search-results .result-item .result-actions .button.green {
    width: 60%;
    margin-bottom: 0.5em;
  }
  .search .search-results .result-item .result-actions .button.mini:nth-child(3) {
    width: 60%;
  }
  .search .search-results .result-item .result-price {
    padding: 0;
  }
  .search .search-results .result-item .result-thumbnail {
    width: 100% !important;
    height: 250px;
  }
  .search .search-results .result-item .result-type,
  .search .search-results .result-item .quantity-stepper {
    margin: 0 auto !important;
    display: flex;
    justify-content: center;
  }
  .search .search-results .result-item .quantity-input {
    min-width: 30%;
    max-width: 30% !important;
  }
  .search .search-results .result-item decrease-quantity-button,
  .search .search-results .result-item increase-quantity-button {
    width: 14%;
    border-radius: 2px;
    margin: 0 2%;
  }
  .page-footer .media {
    margin: 0 !important;
  }
}
.shopping-cart .full-price.discounted {
  text-decoration: line-through;
}
.shopping-cart summary {
  display: block;
  cursor: pointer;
  list-style: none;
}
.shopping-cart summary::-webkit-details-marker {
  display: none;
}
.shopping-cart .warning-prompt {
  color: #e90000;
}
.shopping-cart .has-waitlist {
  padding-bottom: 10px;
}

details.shopping-cart[open] summary::before {
  content: "";
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  cursor: auto;
}

@keyframes details-show {
  from {
    opacity: 0;
    transform: var(--details-translate, translateY(-0.5em));
  }
}
details.shopping-cart[open] > *:not(summary) {
  animation: details-show 250ms ease-in-out;
}

.sign-up-options {
  font-size: 16px;
  padding: 1em;
  max-width: 350px;
}
.sign-up-options div:not(:last-child) {
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 1em;
}
.sign-up-options p,
.sign-up-options .button {
  margin-bottom: 1em;
}

.sitemap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 45px 0;
}
.sitemap .map-section {
  border: 1px solid #151f6d;
}
.sitemap .map-section:not(:first-child):not(:only-child) {
  margin-left: 1em;
}
.sitemap .section-title {
  color: #ffffff;
  background-color: #151f6d;
  padding: 10px;
  font-size: 1.5em;
}
.sitemap .section-list {
  margin: 0 1em 1em 0;
}

.stripe-subscription {
  *zoom: 1;
  padding-left: 35px;
  padding-right: 35px;
  max-width: 1470px;
  margin-left: auto;
  margin-right: auto;
  flex-direction: column;
  width: 100%;
  margin-top: 45px;
  margin-bottom: 25px;
}
.stripe-subscription:before, .stripe-subscription:after {
  content: "";
  display: table;
}
.stripe-subscription:after {
  clear: both;
}

.subscriptions {
  display: flex;
  flex-flow: row wrap;
  padding-left: 35px;
  padding-right: 35px;
  max-width: 1470px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 25px;
}
.subscriptions section {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #fff;
  border: 1px solid #dfdfdf;
  border-bottom: 2px solid #dfdfdf;
  position: relative;
  margin-bottom: 25px;
}
.subscriptions section:before {
  content: "\f00c";
  background: #4a4f51;
  color: #fff;
  font-family: FontAwesome;
  font-size: 150%;
  font-weight: 600;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  line-height: 45px;
  position: absolute;
  top: 5px;
  left: -20px;
  text-align: center;
}
.subscriptions section .header {
  position: relative;
  padding: 10px 35px;
  min-height: 60px;
}
.subscriptions section .header p {
  line-height: 35px;
  font-size: 150%;
  margin: 0 0 0 5px;
}
.subscriptions section .content {
  border-top: 1px solid #dfdfdf;
  padding: 35px;
}
.subscriptions .subscription-form {
  margin-top: 25px;
}

.widget {
  display: flex;
  flex-direction: column;
  min-width: 200px;
  flex: 1;
  position: relative;
}
.widget .widget-elements ol {
  list-style: decimal;
}

.widget.divider {
  position: relative;
  width: 100%;
  height: 100%;
}
.widget.divider hr.is-light {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.widget.divider hr.is-dark {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.widget.hero-split {
  display: flex;
  position: relative;
}
.widget.hero-split .image {
  flex: 1;
  margin: auto;
}
.widget.hero-split .image a {
  display: block;
}
.widget.hero-split .image a:not(.button):hover {
  opacity: 0.5;
}
.widget.hero-split .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin: auto;
}
.widget.hero-split .image img.has-padding {
  padding: 40px;
}
.widget.hero-split .image img.has-border {
  padding: 25px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.3);
}
.widget.hero-split .image img.has-circular {
  border-radius: 50%;
}
.widget.hero-split .widget-elements {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  flex: 1;
  padding: 25px;
}
.widget.hero-split .widget-elements h1 a,
.widget.hero-split .widget-elements p a {
  color: inherit;
}
.widget.hero-split .widget-elements a:not(.button):hover {
  opacity: 0.5;
}

@media only screen and (min-width: 768px) {
  .widget.hero-split {
    flex-flow: row;
  }
}
.widget.hero {
  position: relative;
  width: 100%;
  height: 100%;
}
.widget.hero img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  object-fit: cover;
  z-index: 0;
}
.widget.hero .widget-elements {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  max-width: 1300px;
  padding: 25px;
  z-index: 1;
  width: 100%;
}
.widget.hero .widget-elements h1 {
  font-size: 300%;
  font-weight: 700;
}
.widget.hero .widget-elements p {
  font-size: 19px;
}
.widget.hero .widget-elements h1,
.widget.hero .widget-elements p {
  max-width: 700px;
}

.widget.icon-block .widget-elements {
  display: flex;
  flex-flow: column nowrap;
  max-width: 1300px;
  padding: 35px;
  color: inherit;
}
.widget.icon-block .widget-elements > i.fa {
  font-size: 400%;
  text-align: inherit;
  width: -webkit-fit-content;
  height: -webkit-fit-content;
}
.widget.icon-block .widget-elements .heading {
  font-size: 125%;
  font-weight: 600;
  margin: 35px 0;
}
.widget.icon-block .widget-elements a,
.widget.icon-block .widget-elements h1,
.widget.icon-block .widget-elements h2,
.widget.icon-block .widget-elements h3,
.widget.icon-block .widget-elements h4,
.widget.icon-block .widget-elements h5,
.widget.icon-block .widget-elements h6,
.widget.icon-block .widget-elements p {
  color: inherit;
}
.widget.icon-block .widget-elements a:not(.button) {
  text-decoration: underline;
}
.widget.icon-block .widget-elements a:not(.button):not(.button):hover {
  opacity: 0.5;
}
.widget.icon-block .widget-elements a:not(.button).button {
  align-self: center;
  text-decoration: none;
}

.widget.image {
  position: relative;
}
.widget.image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.widget.image img.has-padding {
  padding: 40px;
}
.widget.image img.has-border {
  padding: 25px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.3);
}
.widget.image img.has-circular {
  border-radius: 50%;
}
.widget.image .button {
  position: absolute;
  top: 50%;
}

.widget.image-slideshow .slick-track {
  transform: translate3d(0px, 0px, 0px) !important;
}
.widget.image-slideshow .image-slide {
  position: relative;
  display: inline-block;
}
.widget.image-slideshow .image-slide.has-padding {
  padding: 40px;
}
.widget.image-slideshow .image-slide.has-border {
  padding: 25px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.3);
}
.widget.image-slideshow .image-slide .slide-elements {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 25px;
  z-index: 1;
}
.widget.image-slideshow .image-slide .slide-elements h1,
.widget.image-slideshow .image-slide .slide-elements p {
  max-width: 700px;
  text-align: center;
}
.widget.image-slideshow .image-slide .slide-elements a.button {
  margin: 0 auto;
}
.widget.image-slideshow [id*=slick-nav] img {
  width: 100px !important;
}

.widget.pricing-table {
  display: flex;
  flex-flow: row wrap;
}
.widget.pricing-table .pricing-item {
  background-color: #f7f7f7;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  padding: 25px;
  text-align: center;
}
.widget.pricing-table .pricing-item:not(:only-child):not(:last-child) {
  margin-right: 10px;
}
.widget.pricing-table .pricing-item:not(:only-child):not(:first-child) {
  margin-left: 10px;
}
.widget.pricing-table .pricing-item .item-title {
  font-size: 1.25em;
}
.widget.pricing-table .pricing-item .item-price {
  font-size: 2.5em;
  display: table;
  vertical-align: baseline;
}
.widget.pricing-table .pricing-item .item-price__duration {
  font-size: 0.5em;
}
.widget.pricing-table .pricing-item .item-features {
  margin: 25px 0;
}
.widget.pricing-table .pricing-item .item-action {
  align-self: center;
  margin-top: auto;
}

.widget.product-catalog .category-filter {
  margin-right: 25px;
  position: relative;
}
.widget.product-catalog .category-filter .filter-title {
  cursor: pointer;
  margin-bottom: 10px;
  white-space: nowrap;
}
.widget.product-catalog .category-filter .filter-options {
  position: absolute;
  width: 100%;
  display: none;
  border: 1px solid #dfdfdf;
  background: #f7f7f7;
  box-shadow: 0px 1px 7px 0px rgba(27, 47, 128, 0.17);
  z-index: 10;
  padding-left: 0;
}
.widget.product-catalog .category-filter .filter-options.is-open {
  display: block;
}
.widget.product-catalog .category-filter .filter-options .option-item {
  min-height: 50px;
  display: flex;
  align-items: center;
  padding: 15px 35px 15px 15px;
  cursor: pointer;
  position: relative;
}
.widget.product-catalog .category-filter .filter-options .option-item label:before {
  display: none !important;
}
.widget.product-catalog .category-filter .filter-options .option-item:not(:last-child) {
  border-bottom: 1px solid #dfdfdf;
}
.widget.product-catalog .category-filter .filter-options .option-item.is-active, .widget.product-catalog .category-filter .filter-options .option-item:hover {
  background: #ffc72c;
  color: #ffffff;
}
.widget.product-catalog .category-filter .filter-options .option-item.is-active:after {
  position: absolute;
  content: "\f00d";
  font-family: FontAwesome;
  right: 15px;
  top: 13px;
}
.widget.product-catalog .filter-group {
  display: flex;
  flex-direction: column;
}
.widget.product-catalog .filter-group .text-filter {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  gap: 1em;
}
.widget.product-catalog .filter-group .text-filter .search-input {
  outline: none;
  margin-right: 0;
  flex: 1;
}
.widget.product-catalog .filter-group .text-filter .product-count {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .widget.product-catalog .category-filter .filter-title {
    cursor: default;
  }
  .widget.product-catalog .category-filter .filter-title i.fa-angle-down {
    display: none;
  }
  .widget.product-catalog .category-filter .filter-options {
    position: relative;
    display: block;
    box-shadow: none;
  }
  .widget.product-catalog .filter-group .text-filter {
    flex-direction: row;
    gap: 1em;
  }
  .widget.product-catalog .filter-group .text-filter .search-input {
    flex-grow: 6;
    min-width: 220px;
  }
  .widget.product-catalog .filter-group .text-filter .product-count {
    margin-top: 0;
  }
}

.widget.custom-product-catalog .filter-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.widget.custom-product-catalog .custom-title {
  display: none;
}
.widget.custom-product-catalog .category-filter {
  background: #fff;
  padding: 20px;
}
.widget.custom-product-catalog .category-filter .custom-header .filter-title {
  cursor: pointer;
  white-space: nowrap;
}
.widget.custom-product-catalog .category-filter .custom-header .custom-clear {
  margin-bottom: 10px;
}
.widget.custom-product-catalog .category-filter .custom-toggle-main {
  display: flex;
  flex-direction: row;
}
.widget.custom-product-catalog .category-filter .custom-toggle-main .icon {
  margin-left: 10px;
}
.widget.custom-product-catalog .category-filter .custom-section-toggle {
  display: block;
}
.widget.custom-product-catalog .category-filter .custom-section-container {
  display: none;
}
.widget.custom-product-catalog .category-filter .custom-section-container.is-open {
  display: block;
  margin-top: 10px;
}
.widget.custom-product-catalog .category-filter .custom-container {
  display: none;
}
.widget.custom-product-catalog .category-filter .custom-container.is-open {
  display: block;
  margin-top: 10px;
}
.widget.custom-product-catalog .category-filter .custom-container .custom-set {
  margin-bottom: 20px;
}
.widget.custom-product-catalog .category-filter .custom-container .custom-set .filter-title {
  font-weight: 600;
  font-size: medium;
  margin-bottom: 10px;
}
.widget.custom-product-catalog .category-filter .custom-container .custom-set .filter-options {
  display: block;
  padding-left: 0px;
  list-style: none;
}
.widget.custom-product-catalog .category-filter .custom-container .custom-set .filter-options .option-item {
  margin: 5px;
}
.widget.custom-product-catalog .category-filter .custom-container .custom-set hr {
  background-color: #262a2c;
  margin: 20px 0;
  opacity: 0.8;
}
.widget.custom-product-catalog .category-filter .custom-container .range-slider-container {
  margin: 10px 0;
}
.widget.custom-product-catalog .category-filter .custom-container .range-slider-container .range-slider {
  margin-top: 10px;
  position: relative;
  height: 6px;
  background: #f7f7f7;
}
.widget.custom-product-catalog .category-filter .custom-container .range-slider-container .range-slider .range-slider-track {
  position: absolute;
  height: 6px;
  background: #dfdfdf;
}
.widget.custom-product-catalog .category-filter .custom-container .range-slider-container .range-slider .range-slider-handle {
  position: absolute;
  height: 12px;
  width: 12px;
  left: -6px;
  top: -3px;
  border-radius: 6px;
  background: #151f6d;
}
.widget.custom-product-catalog .filter-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.widget.custom-product-catalog .filter-group .sort-filter .selectize-control {
  min-width: 240px;
}
.widget.custom-product-catalog .filter-group .product-count {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .widget.custom-product-catalog .custom-title {
    display: block;
  }
  .widget.custom-product-catalog .custom-toggle-main {
    display: none !important;
  }
  .widget.custom-product-catalog .custom-container {
    display: block !important;
  }
}

.widget.product-search .image {
  display: flex;
}
.widget.product-search a {
  color: inherit;
}
.widget.product-search a:hover {
  color: #000;
}
.widget.product-search .search-input {
  appearance: none;
  background: none;
  border-radius: 2px;
  border: 1px solid #dfdfdf;
  color: #4a4f51;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  min-height: 20px;
  padding: 3px 8px;
  position: relative;
  transition: border-color 0.6s ease-out, background-image 0.6s ease-out;
  will-change: border-color, background-image;
  vertical-align: middle;
  background-color: #f7f7f7;
  width: 100%;
  padding: 10px;
  width: 100%;
}
.widget.product-search .search-input:hover:not(:disabled) {
  border-color: #ffc72c;
}
.widget.product-search .search-input:active:not(:disabled), .widget.product-search .search-input:focus:not(:disabled) {
  border-color: #151f6d;
  outline: none;
}
.widget.product-search .search-input[placeholder] {
  color: #262a2c;
}
.widget.product-search .search-input + label {
  vertical-align: baseline;
  margin-right: 10px;
}
.widget.product-search .search-input.ng-invalid.ng-dirty {
  border-bottom-color: #e90000;
}
.widget.product-search .search-results {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  transition: box-shadow 0.6s ease-out;
  box-shadow: 0px 1px 7px 0px rgba(27, 47, 128, 0.17);
  position: absolute;
  width: 100%;
  border: 1px solid #151f6d;
  z-index: 15;
  max-height: 390px;
  overflow: auto;
}
.widget.product-search .search-results.ng-leave {
  transition: 0s;
}
.widget.product-search .search-results:focus, .widget.product-search .search-results:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 12px 22px rgba(0, 0, 0, 0.15);
}
.widget.product-search .search-results .product {
  flex-direction: row;
}
.widget.product-search .search-results .product .details {
  display: flex;
  flex-direction: column;
}
.widget.product-search .search-results .product .actions {
  flex-direction: column;
  border-left: 1px solid #dfdfdf;
}

.widget.revised-product-catalog .filter-group {
  display: flex;
  flex-direction: column;
}
.widget.revised-product-catalog .filter-group .text-filter {
  margin-bottom: 0.5em;
  display: flex;
  flex-direction: row;
  gap: 1em;
}
.widget.revised-product-catalog .filter-group .text-filter .search-input {
  flex-grow: 2;
}
.widget.revised-product-catalog .filter-group .select-filters {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.widget.revised-product-catalog .filter-group .select-filters * {
  flex-grow: 1;
}
.widget.revised-product-catalog .filter-group .filters-meta {
  align-items: center;
  margin-bottom: 1em;
}
.widget.revised-product-catalog .filter-group .filters-meta > a {
  flex: 1;
}

.widget.revised-product-catalog .turbo-catalog, .widget.custom-product-catalog .turbo-catalog, .widget.product-catalog .turbo-catalog {
  width: 100%;
}
.widget.revised-product-catalog .catalog-grid, .widget.custom-product-catalog .catalog-grid, .widget.product-catalog .catalog-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}
.widget.revised-product-catalog .catalog-grid .filter-form, .widget.custom-product-catalog .catalog-grid .filter-form, .widget.product-catalog .catalog-grid .filter-form {
  display: contents;
}
.widget.revised-product-catalog .catalog-grid .products, .widget.custom-product-catalog .catalog-grid .products, .widget.product-catalog .catalog-grid .products {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .widget.revised-product-catalog .catalog-grid .products .product-list, .widget.custom-product-catalog .catalog-grid .products .product-list, .widget.product-catalog .catalog-grid .products .product-list {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 25px;
  }
  .widget.revised-product-catalog .catalog-grid .products .product-list .product, .widget.custom-product-catalog .catalog-grid .products .product-list .product, .widget.product-catalog .catalog-grid .products .product-list .product {
    width: calc(99.99% * 1 / 1 - (25px - 25px * 1 / 1));
    flex: 0 0 auto;
  }
  .widget.revised-product-catalog .catalog-grid .products .product-list .product:nth-child(n), .widget.custom-product-catalog .catalog-grid .products .product-list .product:nth-child(n), .widget.product-catalog .catalog-grid .products .product-list .product:nth-child(n) {
    margin-right: 25px;
  }
  .widget.revised-product-catalog .catalog-grid .products .product-list .product:last-child, .widget.custom-product-catalog .catalog-grid .products .product-list .product:last-child, .widget.product-catalog .catalog-grid .products .product-list .product:last-child {
    margin-right: 0;
  }
  .widget.revised-product-catalog .catalog-grid .products .product-list .product:nth-child(1n), .widget.custom-product-catalog .catalog-grid .products .product-list .product:nth-child(1n), .widget.product-catalog .catalog-grid .products .product-list .product:nth-child(1n) {
    margin-right: 0;
  }
  .widget.revised-product-catalog .catalog-grid .products .product-list.single-column .product, .widget.custom-product-catalog .catalog-grid .products .product-list.single-column .product, .widget.product-catalog .catalog-grid .products .product-list.single-column .product {
    display: flex;
    flex-flow: row wrap;
  }
  .widget.revised-product-catalog .catalog-grid .products .product-list.single-column .product .asset, .widget.custom-product-catalog .catalog-grid .products .product-list.single-column .product .asset, .widget.product-catalog .catalog-grid .products .product-list.single-column .product .asset {
    flex: 1;
  }
  .widget.revised-product-catalog .catalog-grid .products .product-list.single-column .product .details, .widget.custom-product-catalog .catalog-grid .products .product-list.single-column .product .details, .widget.product-catalog .catalog-grid .products .product-list.single-column .product .details {
    flex: 1;
  }
  .widget.revised-product-catalog .catalog-grid:not(.no-side), .widget.custom-product-catalog .catalog-grid:not(.no-side), .widget.product-catalog .catalog-grid:not(.no-side) {
    grid-template-columns: clamp(200px, 30%, 250px) 1fr;
    grid-template-rows: 40px 1fr;
  }
  .widget.revised-product-catalog .catalog-grid:not(.no-side) .category-filter, .widget.custom-product-catalog .catalog-grid:not(.no-side) .category-filter, .widget.product-catalog .catalog-grid:not(.no-side) .category-filter {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
  }
  .widget.revised-product-catalog .catalog-grid:not(.no-side) .filter-group, .widget.custom-product-catalog .catalog-grid:not(.no-side) .filter-group, .widget.product-catalog .catalog-grid:not(.no-side) .filter-group {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    max-height: 150px;
  }
  .widget.revised-product-catalog .catalog-grid:not(.no-side) .products, .widget.custom-product-catalog .catalog-grid:not(.no-side) .products, .widget.product-catalog .catalog-grid:not(.no-side) .products {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
  }
}

.widget .product.card h3 {
  font-weight: 700;
  border-bottom: none;
}
.widget .product.card .product-title {
  font-size: 28px;
  margin-bottom: 10px;
  min-height: 2.2em;
  padding: 0;
}
.widget .product.card .product-title:hover {
  text-decoration: underline;
}
.widget .product.card .button {
  box-shadow: 0px 0px 5px grey;
  border-radius: 2px;
}
.widget .product.card .button.details {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 171px;
  opacity: 0;
  z-index: 1;
}
.widget .product.card .button.mobile-friendly {
  position: relative;
  top: unset;
  left: unset;
  transform: none;
  opacity: 1;
}
.widget .product.card .product-price {
  color: #000;
  font-weight: 400;
  margin: 0;
  margin-bottom: 1em;
}
.widget .product.card .product-price .price-sale {
  margin-left: 0.4em;
}
.widget .product.card .product-price s {
  color: #8a8a8a;
}
.widget .product.card .button-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5em;
}
.widget .product.card .badge {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  color: white;
  padding: 5px;
  text-transform: uppercase;
  line-height: 1;
}
.widget .product.card .badge:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(100%);
  width: 0;
  height: 0;
  border-right: 20px solid transparent;
}
.widget .product.card .badge.promo {
  background: #6fbd1b;
}
.widget .product.card .badge.promo:after {
  border-top: 31px solid #6fbd1b;
}
.widget .product.card .product-description {
  color: #000;
  display: none;
}
.widget .product.card .product-image {
  position: relative;
  overflow: hidden;
  flex: 1;
}
.widget .product.card .product-details {
  padding: 15px;
  text-align: center;
}
.widget .product.card .product-rating {
  margin: 0 0 10px 0;
  min-height: 20px;
  display: none;
}
.widget .product.card .product-rating[data-done=true] {
  display: block;
}
.widget .product.card .product-rating .count {
  color: #000;
  font-weight: 100;
}
.widget .product.card:hover .asset {
  opacity: 0.5;
}
.widget .product.card:hover .button.details {
  opacity: 1;
}
.widget .product.card:hover .button.details:hover {
  opacity: 0.9;
}
.widget .product.card:hover .button.cart:hover {
  opacity: 0.9;
}
@media only screen and (min-width: 530px) {
  .widget .product.card .product-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
  .widget .product.card .product-rating {
    display: block;
  }
}
.widget .product.card.detailed {
  width: 100%;
  padding: 40px;
  display: grid !important;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 0.5rem;
  min-width: 250px;
}
.widget .product.card.detailed .product-types,
.widget .product.card.detailed .product-details,
.widget .product.card.detailed .product-price,
.widget .product.card.detailed .button-container,
.widget .product.card.detailed .product-link,
.widget .product.card.detailed .product-rating-wrapper {
  grid-column: 1;
  grid-row: auto;
}
.widget .product.card.detailed .product-types {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.widget .product.card.detailed .product-types .type {
  font-weight: 700;
  font-size: smaller;
  color: #151f6d;
  white-space: nowrap;
}
.widget .product.card.detailed .product-details {
  text-align: left;
  padding: unset;
}
.widget .product.card.detailed .product-details .product-title {
  min-height: unset;
}
.widget .product.card.detailed .product-details .product-description {
  display: block;
}
.widget .product.card.detailed .product-rating-wrapper {
  text-align: center;
  grid-row: 3;
}
.widget .product.card.detailed .product-link {
  justify-self: center;
  text-decoration: underline;
}
@media only screen and (min-width: 530px) {
  .widget .product.card.detailed {
    grid-template-columns: 3fr 1fr 1fr;
    grid-template-rows: auto auto auto auto;
  }
  .widget .product.card.detailed .product-types {
    grid-column: span 3;
  }
  .widget .product.card.detailed .product-details {
    grid-row-start: 2;
    grid-row-end: 4;
  }
  .widget .product.card.detailed .product-price {
    justify-self: center;
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column: 2;
  }
  .widget .product.card.detailed .button-container {
    grid-column: span 1;
    grid-column: 3;
    grid-row: 2;
  }
  .widget .product.card.detailed .product-link {
    justify-self: center;
    text-decoration: underline;
    grid-row: 3;
    grid-column: 3;
  }
  .widget .product.card.detailed .product-rating-wrapper {
    grid-column-start: 1;
    grid-column-end: end;
    grid-row: 4;
    justify-self: center;
  }
  .widget .product.card.detailed.compress {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 0.5rem;
    min-width: 250px;
  }
  .widget .product.card.detailed.compress .product-types,
  .widget .product.card.detailed.compress .product-details,
  .widget .product.card.detailed.compress .product-price,
  .widget .product.card.detailed.compress .button-container,
  .widget .product.card.detailed.compress .product-link,
  .widget .product.card.detailed.compress .product-rating-wrapper {
    grid-column: 1;
    grid-row: auto;
  }
  .widget .product.card.detailed.compress .product-types {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
  }
  .widget .product.card.detailed.compress .product-types .type {
    font-weight: 700;
    font-size: smaller;
    color: #151f6d;
    white-space: nowrap;
  }
  .widget .product.card.detailed.compress .product-details {
    text-align: left;
    padding: unset;
  }
  .widget .product.card.detailed.compress .product-details .product-title {
    min-height: unset;
  }
  .widget .product.card.detailed.compress .product-details .product-description {
    display: block;
  }
  .widget .product.card.detailed.compress .product-rating-wrapper {
    text-align: center;
    grid-row: 3;
  }
  .widget .product.card.detailed.compress .product-link {
    justify-self: center;
    text-decoration: underline;
  }
}
.widget.feature-product > * {
  height: 100%;
}
.widget.feature-product .product {
  height: 100%;
}
.widget.feature-product .product .product-title {
  font-size: 28px;
}
.widget.feature-product .product.is-vertical {
  flex-direction: column;
}
.widget.feature-product .product .product-description {
  display: block;
}
.widget.feature-product .product-details {
  flex: 1;
}
@media only screen and (min-width: 768px) {
  .widget .product.is-horizontal {
    flex-direction: row;
    align-items: center;
  }
  .widget .product.is-horizontal .asset {
    flex: 1;
  }
  .widget .product.is-horizontal .product-details {
    flex-direction: column;
  }
}

.widget.feature-product .product, .widget.product-catalog .product, .widget.custom-product-catalog .product, .widget.revised-product-catalog .product, .widget.product-search .product {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  transition: box-shadow 0.6s ease-out;
  box-shadow: 0px 1px 7px 0px rgba(27, 47, 128, 0.17);
  margin-bottom: 25px;
  display: flex;
  flex-direction: column;
  color: #000;
  min-width: 180px;
  justify-content: space-between;
}
.widget.feature-product .product.ng-leave, .widget.product-catalog .product.ng-leave, .widget.custom-product-catalog .product.ng-leave, .widget.revised-product-catalog .product.ng-leave, .widget.product-search .product.ng-leave {
  transition: 0s;
}
.widget.feature-product .product:focus, .widget.feature-product .product:hover, .widget.product-catalog .product:focus, .widget.product-catalog .product:hover, .widget.custom-product-catalog .product:focus, .widget.custom-product-catalog .product:hover, .widget.revised-product-catalog .product:focus, .widget.revised-product-catalog .product:hover, .widget.product-search .product:focus, .widget.product-search .product:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 12px 22px rgba(0, 0, 0, 0.15);
}
.widget.feature-product .product:hover .actions .buy,
.widget.feature-product .product:hover .actions .add, .widget.product-catalog .product:hover .actions .buy,
.widget.product-catalog .product:hover .actions .add, .widget.custom-product-catalog .product:hover .actions .buy,
.widget.custom-product-catalog .product:hover .actions .add, .widget.revised-product-catalog .product:hover .actions .buy,
.widget.revised-product-catalog .product:hover .actions .add, .widget.product-search .product:hover .actions .buy,
.widget.product-search .product:hover .actions .add {
  top: -100%;
  transform: translateY(1px);
}
.widget.feature-product .product .title, .widget.product-catalog .product .title, .widget.custom-product-catalog .product .title, .widget.revised-product-catalog .product .title, .widget.product-search .product .title {
  color: #151f6d;
  box-decoration-break: clone;
}
.widget.feature-product .product .product-image, .widget.product-catalog .product .product-image, .widget.custom-product-catalog .product .product-image, .widget.revised-product-catalog .product .product-image, .widget.product-search .product .product-image {
  overflow: unset;
  width: 100%;
}
.widget.feature-product .product .product-image .asset, .widget.product-catalog .product .product-image .asset, .widget.custom-product-catalog .product .product-image .asset, .widget.revised-product-catalog .product .product-image .asset, .widget.product-search .product .product-image .asset {
  overflow: hidden;
}
.widget.feature-product .product .product-image .asset img, .widget.product-catalog .product .product-image .asset img, .widget.custom-product-catalog .product .product-image .asset img, .widget.revised-product-catalog .product .product-image .asset img, .widget.product-search .product .product-image .asset img {
  min-height: 215px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.widget.feature-product .product .details, .widget.product-catalog .product .details, .widget.custom-product-catalog .product .details, .widget.revised-product-catalog .product .details, .widget.product-search .product .details {
  justify-content: space-between;
}
.widget.feature-product .product .details p, .widget.product-catalog .product .details p, .widget.custom-product-catalog .product .details p, .widget.revised-product-catalog .product .details p, .widget.product-search .product .details p {
  margin: 0;
}
.widget.feature-product .product .details .description,
.widget.feature-product .product .details .promo-code-claim, .widget.product-catalog .product .details .description,
.widget.product-catalog .product .details .promo-code-claim, .widget.custom-product-catalog .product .details .description,
.widget.custom-product-catalog .product .details .promo-code-claim, .widget.revised-product-catalog .product .details .description,
.widget.revised-product-catalog .product .details .promo-code-claim, .widget.product-search .product .details .description,
.widget.product-search .product .details .promo-code-claim {
  font-size: 13px;
  overflow: hidden;
  padding: 15px;
}
.widget.feature-product .product .details .promo-code-claim, .widget.product-catalog .product .details .promo-code-claim, .widget.custom-product-catalog .product .details .promo-code-claim, .widget.revised-product-catalog .product .details .promo-code-claim, .widget.product-search .product .details .promo-code-claim {
  background-color: #dfdfdf;
  font-weight: 600;
  padding: 5px 15px;
  margin-top: auto;
}
.widget.feature-product .product .actions, .widget.product-catalog .product .actions, .widget.custom-product-catalog .product .actions, .widget.revised-product-catalog .product .actions, .widget.product-search .product .actions {
  display: flex;
  position: relative;
}
.widget.feature-product .product .actions .price, .widget.product-catalog .product .actions .price, .widget.custom-product-catalog .product .actions .price, .widget.revised-product-catalog .product .actions .price, .widget.product-search .product .actions .price {
  position: relative;
  padding: 10px;
  flex: 1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 5;
  background: #fff;
  border-top: 1px solid #dfdfdf;
}
.widget.feature-product .product .actions .view, .widget.product-catalog .product .actions .view, .widget.custom-product-catalog .product .actions .view, .widget.revised-product-catalog .product .actions .view, .widget.product-search .product .actions .view {
  position: relative;
  background: #151f6d;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  flex: 1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 5;
  border-top: 1px solid #fff;
  transition: background 0.6s ease-out;
}
.widget.feature-product .product .actions .view:hover,
.widget.feature-product .product .actions .add:hover, .widget.product-catalog .product .actions .view:hover,
.widget.product-catalog .product .actions .add:hover, .widget.custom-product-catalog .product .actions .view:hover,
.widget.custom-product-catalog .product .actions .add:hover, .widget.revised-product-catalog .product .actions .view:hover,
.widget.revised-product-catalog .product .actions .add:hover, .widget.product-search .product .actions .view:hover,
.widget.product-search .product .actions .add:hover {
  background: rgb(16.8807692308, 24.9192307692, 87.6192307692);
}
.widget.feature-product .product .actions .add,
.widget.feature-product .product .actions .buy, .widget.product-catalog .product .actions .add,
.widget.product-catalog .product .actions .buy, .widget.custom-product-catalog .product .actions .add,
.widget.custom-product-catalog .product .actions .buy, .widget.revised-product-catalog .product .actions .add,
.widget.revised-product-catalog .product .actions .buy, .widget.product-search .product .actions .add,
.widget.product-search .product .actions .buy {
  transition: top 0.6s ease-out, background 0.6s ease-out;
  z-index: 1;
}
.widget.feature-product .product .actions .add span,
.widget.feature-product .product .actions .buy span, .widget.product-catalog .product .actions .add span,
.widget.product-catalog .product .actions .buy span, .widget.custom-product-catalog .product .actions .add span,
.widget.custom-product-catalog .product .actions .buy span, .widget.revised-product-catalog .product .actions .add span,
.widget.revised-product-catalog .product .actions .buy span, .widget.product-search .product .actions .add span,
.widget.product-search .product .actions .buy span {
  font-weight: 600;
}
.widget.feature-product .product .actions .add, .widget.product-catalog .product .actions .add, .widget.custom-product-catalog .product .actions .add, .widget.revised-product-catalog .product .actions .add, .widget.product-search .product .actions .add {
  background: #151f6d;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  flex: 1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  top: 0%;
  right: 0;
  width: 50%;
}
.widget.feature-product .product .actions .add.added, .widget.product-catalog .product .actions .add.added, .widget.custom-product-catalog .product .actions .add.added, .widget.revised-product-catalog .product .actions .add.added, .widget.product-search .product .actions .add.added {
  pointer-events: none;
}
.widget.feature-product .product .actions .add.added:after, .widget.product-catalog .product .actions .add.added:after, .widget.custom-product-catalog .product .actions .add.added:after, .widget.revised-product-catalog .product .actions .add.added:after, .widget.product-search .product .actions .add.added:after {
  top: 0;
}
.widget.feature-product .product .actions .add:after, .widget.product-catalog .product .actions .add:after, .widget.custom-product-catalog .product .actions .add:after, .widget.revised-product-catalog .product .actions .add:after, .widget.product-search .product .actions .add:after {
  content: attr(data-added);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 100%;
  background: #6fbd1b;
  padding: 10px;
  transition: top 0.6s ease-out;
}
.widget.feature-product .product .actions .buy, .widget.product-catalog .product .actions .buy, .widget.custom-product-catalog .product .actions .buy, .widget.revised-product-catalog .product .actions .buy, .widget.product-search .product .actions .buy {
  background: #6fbd1b;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  flex: 1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
}
.widget.feature-product .product .actions .buy:hover, .widget.product-catalog .product .actions .buy:hover, .widget.custom-product-catalog .product .actions .buy:hover, .widget.revised-product-catalog .product .actions .buy:hover, .widget.product-search .product .actions .buy:hover {
  background: rgb(124.1041666667, 211.3125, 30.1875);
}
.widget.product-search .product {
  flex-direction: column;
  margin-bottom: 0;
  box-shadow: none;
}
.widget.product-search .product .info {
  display: flex;
}
.widget.product-search .product .asset {
  max-width: 125px;
}
.widget.product-search .product .asset img {
  min-height: 0;
}
.widget.product-search .product .details {
  flex: 1;
}

.widget.testimonials {
  padding: 30px;
}
.widget.testimonials .title {
  font-size: 19px;
  font-weight: 600;
}
.widget.testimonials .items {
  padding-bottom: 25px;
}
.widget.testimonials .slick-dots {
  text-align: left;
}
.widget.testimonials .slick-dots li {
  margin: 0;
}
.widget.testimonials .slick-dots li button:before {
  font-size: 15px;
}
@media only screen and (min-width: 768px) {
  .widget.testimonials {
    padding: 50px;
  }
}

.widget.text-block .widget-elements {
  display: flex;
  flex-flow: column nowrap;
  max-width: 1300px;
  width: 100%;
  color: inherit;
}
.widget.text-block .widget-elements img {
  object-fit: cover;
}
.widget.text-block .widget-elements .heading {
  font-size: 175%;
  font-weight: 700;
  margin-bottom: 35px;
  margin-top: 30px;
}
.widget.text-block .widget-elements .heading a {
  text-decoration: none;
}
.widget.text-block .widget-elements a,
.widget.text-block .widget-elements h1,
.widget.text-block .widget-elements h2,
.widget.text-block .widget-elements h3,
.widget.text-block .widget-elements h4,
.widget.text-block .widget-elements h5,
.widget.text-block .widget-elements h6,
.widget.text-block .widget-elements p {
  color: inherit;
}
.widget.text-block .widget-elements a {
  text-decoration: underline;
}
.widget.text-block .widget-elements a:not(.button):hover {
  opacity: 0.5;
}
.widget.text-block .widget-elements a.button {
  align-self: center;
  text-decoration: none;
}

.widget.thumbnail-gallery > div {
  display: flex;
  flex-flow: row wrap;
}
.widget.thumbnail-gallery > div .image {
  cursor: pointer;
}
.widget.thumbnail-gallery > div .image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.widget.thumbnail-gallery > div .image img.has-padding {
  padding: 40px;
}
.widget.thumbnail-gallery > div .image img.has-border {
  padding: 25px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.3);
}

.thumbnail-gallery-slideshow {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.thumbnail-gallery-slideshow .slick-slide {
  opacity: 0;
  visibility: hidden;
  height: fit-content;
}
.thumbnail-gallery-slideshow .slick-slide.slick-active {
  opacity: 1;
  visibility: visible;
}
.thumbnail-gallery-slideshow .image-slide {
  display: block;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(0%, -50%);
  max-height: 600px;
}
.thumbnail-gallery-slideshow .image-slide:active, .thumbnail-gallery-slideshow .image-slide:focus {
  outline: none;
}
.thumbnail-gallery-slideshow .slick-slider {
  height: calc(100% - 30px);
}
.thumbnail-gallery-slideshow .slick-list,
.thumbnail-gallery-slideshow .slick-track {
  height: 100%;
}
.thumbnail-gallery-slideshow .slick-dots {
  bottom: 60px;
}
.thumbnail-gallery-slideshow .slick-dots li button:before {
  font-size: 26px;
  color: #f7f7f7;
}
.thumbnail-gallery-slideshow .slick-next,
.thumbnail-gallery-slideshow .slick-prev {
  position: absolute;
  color: #4a4f51;
  z-index: 15;
}
.thumbnail-gallery-slideshow .slick-next:before,
.thumbnail-gallery-slideshow .slick-prev:before {
  font-family: FontAwesome;
  font-size: 32px;
  display: block;
  content: "";
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4), 0 4px 8px rgba(0, 0, 0, 0.2);
}
.thumbnail-gallery-slideshow .slick-next {
  right: 25px;
}
.thumbnail-gallery-slideshow .slick-next:before {
  content: "\f054";
}
.thumbnail-gallery-slideshow .slick-prev {
  left: 25px;
}
.thumbnail-gallery-slideshow .slick-prev:before {
  content: "\f053";
}

.user-public-profile {
  max-width: 1470px;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1;
  width: 100%;
}
.user-public-profile > article {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  transition: box-shadow 0.6s ease-out;
  box-shadow: 0px 1px 7px 0px rgba(27, 47, 128, 0.17);
  margin-bottom: 45px;
}
.user-public-profile > article.ng-leave {
  transition: 0s;
}
.user-public-profile > article:focus, .user-public-profile > article:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 12px 22px rgba(0, 0, 0, 0.15);
}
.user-public-profile > article header {
  padding: 25px 40px;
  background: #151f6d;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.user-public-profile > article header h1 {
  margin: 0;
  color: #ffffff;
}
.user-public-profile > article header span {
  color: #ffc72c;
  text-transform: uppercase;
  font-weight: 600;
}
.user-public-profile > article header i.fa {
  color: rgba(255, 255, 255, 0.25);
  margin-right: 10px;
  font-size: 1.25em;
}
.user-public-profile > article section {
  padding: 40px;
}
.user-public-profile .info-card header {
  flex-direction: column;
  align-items: flex-start;
}
.user-public-profile .info-card section {
  display: flex;
  flex-flow: row wrap;
}
.user-public-profile .info-card .user-image {
  margin-bottom: 25px;
}
.user-public-profile .info-card .user-details {
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
}
.user-public-profile .info-card .info-item {
  flex: 1;
  margin-bottom: 15px;
}
.user-public-profile .info-card .info-item span {
  display: flex;
  flex-direction: column;
}
.user-public-profile .info-card .info-item span:first-child {
  text-transform: uppercase;
  font-weight: 600;
}
.user-public-profile .history-card thead {
  background: #ffc72c;
}
.user-public-profile .history-card thead th {
  color: #ffffff;
}

@media only screen and (min-width: 768px) {
  .user-public-profile {
    padding: 0 35px;
    margin: 45px auto 0 auto;
  }
  .user-public-profile .info-card .user-details {
    display: flex;
    flex-flow: row wrap;
  }
  .user-public-profile .info-card .user-details .info-item {
    flex: 0 0 auto;
    margin-bottom: 0;
    height: calc(49.995% - 7.5px);
  }
  .user-public-profile .info-card .user-details .info-item:nth-child(n) {
    margin-bottom: 15px;
    margin-right: 15px;
    width: calc(24.9975% - 11.25px);
  }
  .user-public-profile .info-card .user-details .info-item:nth-child(2n) {
    width: calc(74.9925% - 3.75px);
    margin-bottom: 0;
    margin-right: 0;
  }
  .user-public-profile .user-name {
    padding-left: 365px;
  }
  .user-public-profile .user-image {
    margin-top: -120px;
    margin-right: 25px;
    margin-bottom: 0 !important;
  }
}
.widget-catalog {
  display: flex;
  flex-wrap: wrap;
  background: #ffffff;
  position: relative;
  min-width: 960px;
  height: 100%;
}
.widget-catalog .catalog-header {
  background: #ffc72c;
  display: flex;
  align-items: center;
  flex: 1 100%;
  position: absolute;
  width: 100%;
  height: 45px;
}
.widget-catalog .catalog-title {
  padding: 10px 20px;
  text-transform: uppercase;
  flex-direction: column;
}
.widget-catalog .catalog-title span {
  font-weight: 600;
}
.widget-catalog .catalog-search {
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1 400px;
}
.widget-catalog .catalog-search input {
  padding: 10px !important;
  flex: 1 100%;
  color: #ffffff;
}
.widget-catalog .catalog-search input:empty {
  color: rgba(255, 255, 255, 0.75);
}
.widget-catalog .catalog-search i.fa-search {
  margin-right: 15px;
}
.widget-catalog .catalog-nav {
  width: 250px;
  background: #fff;
  overflow: auto;
  position: absolute;
  top: 45px;
  bottom: 0;
  z-index: 1;
}
.widget-catalog .catalog-nav .nav-header {
  padding: 20px 30px;
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  font-size: 14px;
}
.widget-catalog .catalog-nav .nav-header.is-active {
  color: #dfdfdf;
  background: #262a2c;
}
.widget-catalog .catalog-nav > hr {
  margin: 0 20px;
}
.widget-catalog .catalog-nav nav {
  margin-bottom: 20px;
}
.widget-catalog .catalog-nav nav ul {
  list-style: none;
}
.widget-catalog .catalog-nav nav ul li {
  position: relative;
}
.widget-catalog .catalog-nav nav ul li a {
  display: block;
  padding: 5px 10px 5px 30px;
  font-weight: 400;
}
.widget-catalog .catalog-nav nav ul li.is-active {
  color: #dfdfdf;
  background: #262a2c;
}
.widget-catalog .catalog-nav nav ul li.is-active a {
  color: #dfdfdf;
}
.widget-catalog .catalog-nav nav ul li.is-active a:after {
  width: 22px;
  height: 22px;
  background: #262a2c;
  transform: rotate(45deg);
  position: absolute;
  right: -10px;
  top: calc(50% - 11px);
  content: "";
}
.widget-catalog .catalog-nav nav ul li > ul {
  display: none;
  list-style: none;
}
.widget-catalog .catalog-main {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-left: 250px;
  margin-top: 45px;
  position: relative;
}
.widget-catalog .catalog-main .catalog-body {
  padding: 10px 45px;
  margin-bottom: 45px;
  flex: 1;
  overflow: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}
.widget-catalog .catalog-main .catalog-body h3 {
  font-weight: 400;
}
.widget-catalog .catalog-main .catalog-body hr {
  border-top-color: #dfdfdf;
}
.widget-catalog .catalog-main .catalog-body .catalog-breadcrumbs {
  color: rgba(0, 0, 0, 0.5);
}
.widget-catalog .catalog-main .catalog-body #left {
  text-align: left;
}
.widget-catalog .catalog-main .catalog-body #center {
  text-align: center;
}
.widget-catalog .catalog-main .catalog-body #right {
  text-align: right;
}
.widget-catalog .catalog-main .catalog-footer {
  display: flex;
  background: #262a2c;
  align-items: center;
  justify-content: flex-end;
  padding: 5px;
  position: absolute;
  bottom: 0;
  color: #dfdfdf;
  font-weight: 600;
  border-bottom: 1px solid #4a4f51;
  border-right: 1px solid #4a4f51;
  width: 100%;
}
.widget-catalog .catalog-main .catalog-footer > * {
  margin-left: 10px;
}
.widget-catalog .catalog-main {
  margin-left: 0;
}
.widget-catalog .catalog-main .catalog-body {
  margin-bottom: 0;
}

.password-reveal {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  transform: translateY(50%);
}

.authentication {
  margin: auto;
  max-width: 600px;
}
.authentication .errors,
.authentication .notice {
  border-radius: 2px;
  padding: 0.5em;
  color: #4a4f51;
}
.authentication .errors {
  background: #f1d9d9;
  border: 1px solid #e90000;
}
.authentication .notice {
  background: #fff4d1;
  border: 1px solid #846900;
}
.authentication .why-signup {
  text-align: center;
}
.authentication.quick-start {
  max-width: 750px;
}
.authentication.quick-start .title {
  margin-bottom: 1.5em;
}
.authentication.quick-start hr {
  display: none;
}
.authentication.quick-start section {
  display: flex;
  flex-direction: column;
}
.authentication.quick-start section.learner-auth .text-block {
  display: none;
}
.authentication.quick-start section .text-block {
  flex: 1;
  margin-right: 15px;
  max-width: 300px;
}
.authentication.quick-start section .text-block .step-text {
  font-size: 18px;
}
.authentication.quick-start section .text-block .step-text:first-child::first-letter {
  font-size: 24px;
  font-weight: 700;
  margin-right: 5px;
}
.authentication.quick-start section .form-block {
  flex: 1;
}
.authentication.quick-start .password {
  position: relative;
}
@media only screen and (min-width: 530px) {
  .authentication.quick-start hr {
    display: block;
  }
  .authentication.quick-start section {
    flex-direction: row;
  }
  .authentication.quick-start section.learner-auth .text-block {
    display: block;
  }
}
.authentication .logo {
  margin: 20px 0;
}
.authentication .logo img {
  max-height: 128px;
  margin: 0 auto;
}
.authentication .contents {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  transition: box-shadow 0.6s ease-out;
  box-shadow: 0px 1px 7px 0px rgba(27, 47, 128, 0.17);
  width: 100%;
}
.authentication .contents.ng-leave {
  transition: 0s;
}
.authentication .contents:focus, .authentication .contents:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 12px 22px rgba(0, 0, 0, 0.15);
}
.authentication .contents .header {
  background: #151f6d;
  padding: 5px 35px;
}
.authentication .contents .header h2 {
  color: white;
  margin-bottom: 0;
}
@media only screen and (min-width: 950px) {
  .authentication .contents .header {
    padding: 25px 35px;
  }
}
.authentication .contents .body {
  padding: 25px 35px;
}
.authentication .contents .body hr {
  margin: 10px 0;
}
.authentication .contents .field {
  margin-bottom: 10px;
}
.authentication .contents .actions {
  margin: 20px 0;
  display: flex;
  justify-content: flex-end;
}
.authentication .footer {
  margin: 25px 0;
  text-align: center;
}

.authentication.turbo-inline {
  display: block;
  margin: 0 auto 35px;
  max-width: none;
  width: 100%;
}
.authentication.turbo-inline hr {
  display: none;
}
.authentication.turbo-inline input {
  width: 100%;
}
.authentication.turbo-inline button .big {
  width: 100%;
}
.authentication.turbo-inline.vertical {
  flex-direction: column;
  margin: unset;
}
.authentication.turbo-inline.vertical .column {
  padding: unset !important;
}
.authentication.turbo-inline.horizontal {
  flex-direction: row;
}
@media only screen and (min-width: 768px) {
  .authentication.turbo-inline {
    display: flex;
  }
  .authentication.turbo-inline .column {
    display: flex;
    flex-direction: column;
    flex: 1 1 100%;
  }
  .authentication.turbo-inline .column:not(:only-of-type):not(:last-child) {
    padding-right: 35px;
  }
  .authentication.turbo-inline .column:not(:only-of-type):not(:first-child) {
    padding-left: 35px;
  }
}

.authentication.login {
  display: flex;
  height: 100%;
  margin: 0;
  max-width: none;
  width: 100%;
}
.authentication.login .form-content {
  margin: 0 auto;
}
.authentication.login .form-content .body {
  background: #ffffff;
  border: 1px solid #dfdfdf;
  margin: 0 auto 35px;
  padding: 25px 35px;
}
@media only screen and (min-width: 768px) {
  .authentication.login .form-content .body .column {
    display: flex;
    flex-direction: column;
    max-width: 600px;
  }
  .authentication.login .form-content .body .column .sso-only hr {
    display: none;
  }
  .authentication.login .form-content .body .column:not(:only-of-type):not(:last-child) {
    padding-right: 35px;
  }
  .authentication.login .form-content .body .column:not(:only-of-type):not(:first-child) {
    padding-left: 35px;
  }
}
.authentication.login .password {
  position: relative;
}
.authentication.login .promo-content {
  display: none;
}
@media only screen and (min-width: 950px) {
  .authentication.login .promo-content {
    flex: 2 1 100%;
  }
  .authentication.login .promo-content:not(:empty) {
    display: block;
  }
}

.labelled-divider {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .labelled-divider {
    flex-direction: column;
  }
}
.labelled-divider .divider-label {
  padding: 0.25em;
  color: #151f6d;
  font-size: 1.5em;
  font-weight: 600;
}
.labelled-divider .divider-line {
  flex: 1;
  border-style: solid;
  border-color: #dfdfdf;
  border-width: 1px 0 0 0;
}
@media only screen and (min-width: 768px) {
  .labelled-divider .divider-line {
    border-width: 0 1px 0 0;
  }
}
.labelled-divider.column-only {
  margin: 20px 0;
  flex-direction: row;
}
.labelled-divider.column-only .divider-line {
  border-width: 1px 0 0 0;
}

@media only screen and (min-width: 768px) {
  .turbo-flex {
    display: flex;
  }
}

turbo-frame#coordinate_user_login_frame .registration-form {
  max-width: 600px;
}
@media only screen and (min-width: 768px) {
  turbo-frame#coordinate_user_login_frame .column {
    display: flex;
    flex-direction: column;
    max-width: 600px;
  }
  turbo-frame#coordinate_user_login_frame .column .sso-only hr {
    display: none;
  }
  turbo-frame#coordinate_user_login_frame .column:not(:only-of-type):not(:last-child) {
    padding-right: 35px;
  }
  turbo-frame#coordinate_user_login_frame .column:not(:only-of-type):not(:first-child) {
    padding-left: 35px;
  }
}

#new_offline_order_form .offline-order-details .header {
  display: flex;
  justify-content: space-between;
}
#new_offline_order_form .note-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#new_offline_order_form .note-container .item {
  margin-bottom: 10px;
}
#new_offline_order_form .note-container .item.primary-item {
  width: 100%;
}
#new_offline_order_form .note-container .previous-note.item {
  white-space: initial;
}
#new_offline_order_form .note-container .previous-note.item p {
  border: solid 1px #dfdfdf;
  padding: 16px 10px 2px;
  min-height: 68px;
}
#new_offline_order_form .note-container .copy-note::before {
  content: "↑";
}
@media only screen and (min-width: 1024px) {
  #new_offline_order_form .note-container {
    flex-direction: row;
  }
  #new_offline_order_form .note-container .primary-item {
    flex: 1;
  }
  #new_offline_order_form .note-container .item:not(:first-child) {
    margin-left: 10px;
  }
  #new_offline_order_form .note-container .copy-note::before {
    content: "←";
  }
}

.termsfeed-com---nb-simple {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  position: relative !important;
  transition: box-shadow 0.6s ease-out !important;
  box-shadow: 0px 1px 7px 0px rgba(27, 47, 128, 0.17) !important;
  position: fixed !important;
  bottom: 0 !important;
  width: calc(100% - 30px) !important;
  max-width: 1200px !important;
  margin: 15px auto !important;
  left: 0% !important;
}
.termsfeed-com---nb-simple.ng-leave {
  transition: 0s !important;
}
.termsfeed-com---nb-simple:focus, .termsfeed-com---nb-simple:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important, 0 12px 22px rgba(0, 0, 0, 0.15) !important;
}

@media (max-width: 320px), (max-height: 480px) {
  .termsfeed-com---nb-simple {
    height: unset !important;
  }
}
* > i.fa {
  min-width: 16px;
  text-align: center;
}
* > i.fa:not(:last-child) {
  margin-right: 5px;
}
* > i.fa:not(:first-child) {
  margin-left: 5px;
}

body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
}

ul,
ol {
  padding-left: 2.25em;
  list-style-type: inherit;
}

.container {
  height: auto;
  overflow: auto;
  transition: filter 0.1s ease-out;
  -webkit-overflow-scrolling: touch;
}

.help-icon {
  color: inherit;
}
.help-icon[href] {
  cursor: pointer;
}
.help-icon:hover {
  color: #ffc72c;
}

.page-main {
  position: relative;
  flex: 1;
}
.page-main .body-header {
  height: 55px;
  background: #151f6d url(/assets/shattered-952b6a5e53c078b373f75e78d17de32b5d35b055f76566c668629bd75532218a.png);
}
.page-main .body-header p {
  padding-left: 35px;
  padding-right: 35px;
  max-width: 1470px;
  font-weight: 600;
  color: #fff;
  font-size: 175%;
  line-height: 55px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 768px) {
  .page-main .body-header {
    height: 125px;
  }
  .page-main .body-header p {
    line-height: 125px;
    font-size: 300%;
  }
}
.page-main .offline-order-minimum-notice {
  margin-bottom: 25px;
  width: 100%;
}

.widget-section {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  min-height: 0;
}
.widget-section > .title {
  display: flex;
  flex-flow: row wrap;
  padding-left: 35px;
  padding-right: 35px;
  max-width: 1470px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  z-index: 1;
  margin-top: 60px;
}
.widget-section > .title h2 {
  width: 100%;
}
.widget-section > .title h2.left {
  text-align: left;
}
.widget-section > .title h2.center {
  text-align: center;
}
.widget-section > .title h2.right {
  text-align: right;
}
.widget-section > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.widget-section:not(.step):first-child {
  padding-bottom: 45px;
}
.widget-section:not(.step):not(footer) {
  padding: 45px 0;
}
.widget-section .widget-container {
  display: flex;
  flex-flow: row wrap;
  padding-left: 35px;
  padding-right: 35px;
  max-width: 1470px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.widget-section .widget-container .widget {
  width: calc(99.99% * 1 / 1 - (0px - 0px * 1 / 1));
  flex: 0 0 auto;
  outline: none;
  scroll-margin-top: 60px;
}
.widget-section .widget-container .widget:nth-child(n) {
  margin-right: 0px;
}
.widget-section .widget-container .widget:last-child {
  margin-right: 0;
}
.widget-section .widget-container .widget:nth-child(1n) {
  margin-right: 0;
}
.widget-section .widget-container .widget:not(:only-child):not(:last-child) {
  margin-bottom: 40px;
}
.widget-section .widget-container .slick-dots {
  bottom: 0;
}
.widget-section .widget-container .slick-dots li button:before {
  font-size: 26px;
  color: #f7f7f7;
}
.widget-section .widget-container .slick-next,
.widget-section .widget-container .slick-prev {
  position: absolute;
  color: #4a4f51;
  z-index: 15;
}
.widget-section .widget-container .slick-next:before,
.widget-section .widget-container .slick-prev:before {
  font-family: FontAwesome;
  font-size: 32px;
  display: block;
  content: "";
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4), 0 4px 8px rgba(0, 0, 0, 0.2);
}
.widget-section .widget-container .slick-next {
  right: 25px;
}
.widget-section .widget-container .slick-next:before {
  content: "\f054";
}
.widget-section .widget-container .slick-prev {
  left: 25px;
}
.widget-section .widget-container .slick-prev:before {
  content: "\f053";
}
@media only screen and (min-width: 768px) {
  .widget-section .widget-container {
    /* two items */
    /* three items */
    /* four items */
    /* five items */
  }
  .widget-section .widget-container > .widget:not(:only-child):not(:last-child) {
    margin-bottom: 0;
  }
  .widget-section .widget-container > .widget:first-child:nth-last-child(2),
  .widget-section .widget-container > .widget:first-child:nth-last-child(2) ~ .widget {
    width: calc(99.99% * 1 / 2 - (40px - 40px * 1 / 2));
    flex: 0 0 auto;
  }
  .widget-section .widget-container > .widget:first-child:nth-last-child(2):nth-child(n),
  .widget-section .widget-container > .widget:first-child:nth-last-child(2) ~ .widget:nth-child(n) {
    margin-right: 40px;
  }
  .widget-section .widget-container > .widget:first-child:nth-last-child(2):last-child,
  .widget-section .widget-container > .widget:first-child:nth-last-child(2) ~ .widget:last-child {
    margin-right: 0;
  }
  .widget-section .widget-container > .widget:first-child:nth-last-child(2):nth-child(2n),
  .widget-section .widget-container > .widget:first-child:nth-last-child(2) ~ .widget:nth-child(2n) {
    margin-right: 0;
  }
  .widget-section .widget-container > .widget:first-child:nth-last-child(3),
  .widget-section .widget-container > .widget:first-child:nth-last-child(3) ~ .widget {
    width: calc(99.99% * 1 / 3 - (40px - 40px * 1 / 3));
    flex: 0 0 auto;
  }
  .widget-section .widget-container > .widget:first-child:nth-last-child(3):nth-child(n),
  .widget-section .widget-container > .widget:first-child:nth-last-child(3) ~ .widget:nth-child(n) {
    margin-right: 40px;
  }
  .widget-section .widget-container > .widget:first-child:nth-last-child(3):last-child,
  .widget-section .widget-container > .widget:first-child:nth-last-child(3) ~ .widget:last-child {
    margin-right: 0;
  }
  .widget-section .widget-container > .widget:first-child:nth-last-child(3):nth-child(3n),
  .widget-section .widget-container > .widget:first-child:nth-last-child(3) ~ .widget:nth-child(3n) {
    margin-right: 0;
  }
  .widget-section .widget-container > .widget:first-child:nth-last-child(4),
  .widget-section .widget-container > .widget:first-child:nth-last-child(4) ~ .widget {
    width: calc(99.99% * 1 / 4 - (40px - 40px * 1 / 4));
    flex: 0 0 auto;
  }
  .widget-section .widget-container > .widget:first-child:nth-last-child(4):nth-child(n),
  .widget-section .widget-container > .widget:first-child:nth-last-child(4) ~ .widget:nth-child(n) {
    margin-right: 40px;
  }
  .widget-section .widget-container > .widget:first-child:nth-last-child(4):last-child,
  .widget-section .widget-container > .widget:first-child:nth-last-child(4) ~ .widget:last-child {
    margin-right: 0;
  }
  .widget-section .widget-container > .widget:first-child:nth-last-child(4):nth-child(4n),
  .widget-section .widget-container > .widget:first-child:nth-last-child(4) ~ .widget:nth-child(4n) {
    margin-right: 0;
  }
  .widget-section .widget-container > .widget:first-child:nth-last-child(5),
  .widget-section .widget-container > .widget:first-child:nth-last-child(5) ~ .widget {
    width: calc(99.99% * 1 / 5 - (40px - 40px * 1 / 5));
    flex: 0 0 auto;
  }
  .widget-section .widget-container > .widget:first-child:nth-last-child(5):nth-child(n),
  .widget-section .widget-container > .widget:first-child:nth-last-child(5) ~ .widget:nth-child(n) {
    margin-right: 40px;
  }
  .widget-section .widget-container > .widget:first-child:nth-last-child(5):last-child,
  .widget-section .widget-container > .widget:first-child:nth-last-child(5) ~ .widget:last-child {
    margin-right: 0;
  }
  .widget-section .widget-container > .widget:first-child:nth-last-child(5):nth-child(5n),
  .widget-section .widget-container > .widget:first-child:nth-last-child(5) ~ .widget:nth-child(5n) {
    margin-right: 0;
  }
}

.page-footer {
  display: flex;
  flex-direction: column;
  border-bottom: 5px solid #151f6d;
  background: #fff;
  order: 2;
  flex: 0 0 auto;
}
.page-footer .media {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  margin: 45px 0;
}
.page-footer .media > *:not(:only-child):not(:first-child) {
  margin-left: 20px;
}
.page-footer .copyright {
  border-top: 1px solid #dfdfdf;
  color: #4a4f51;
  padding: 5px;
  text-align: center;
  font-size: 12px;
}

.wow {
  visibility: hidden;
}

.pagination .disabled {
  pointer-events: none;
}

.password-complexity-guage {
  height: 25px;
  border: 1px solid #f7f7f7;
}
.password-complexity-guage .password-complexity-score {
  height: 100%;
  width: calc((var(--score, 0) + 1) * 20%);
  background-color: var(--background-color, #dfdfdf);
  transition: width 0.2s ease-out;
}
.password-complexity-guage .password-complexity-score.password-complexity-insufficient {
  --background-color: $red;
}
.password-complexity-guage .password-complexity-score.password-complexity-sufficient {
  --background-color: $green;
}
/*
 * Styles for CMS pages






 */