@charset "UTF-8";
/*
 |  tail.select - The vanilla solution to make your HTML select fields AWESOME!
 |  @file       ./css/default/tail.select-light.css
 |  @author     SamBrishes <sam@pytes.net>
 |  @version    0.5.15 - Beta
 |
 |  @website    https://github.com/pytesNET/tail.select
 |  @license    X11 / MIT License
 |  @copyright  Copyright © 2014 - 2019 SamBrishes, pytesNET <info@pytes.net>
 */

/* @start GENERAL */
.tail-select, .tail-select *, .tail-select *:before, .tail-select *:after{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.tail-select, .tail-select *{
    outline: none;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.tail-select{
    width: 250px;
    margin: 1px;
    padding: 0;
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 22px;
    font-family: inherit;
}
.tail-select mark{
    color: white;
    background-color: #DC4650;
}
.tail-select button{
    outline: none;
}
.tail-select button.tail-all, .tail-select button.tail-none{
    height: auto;
    margin: 0 2px;
    padding: 2px 6px;
    display: inline-block;
    font-size: 10px;
    line-height: 14px;
    text-shadow: none;
    letter-spacing: 0;
    text-transform: none;
    vertical-align: top;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-radius: 3px;
    box-shadow: none;
    -webkit-box-shadow: none;
    transition: color 142ms linear, border 142ms linear, background 142ms linear;
    -webkit-transition: color 142ms linear, border 142ms linear, background 142ms linear;
}
.tail-select button.tail-all{
    color: rgba(48, 52, 56, 0.5);
    border-color: rgba(48, 52, 56, 0.5);
    background-color: transparent;
}
.tail-select button.tail-all:hover{
    color: #62C462;
    border-color: #62C462;
    background-color: transparent;
}
.tail-select button.tail-none{
    color: rgba(48, 52, 56, 0.5);
    border-color: rgba(48, 52, 56, 0.5);
    background-color: transparent;
}
.tail-select button.tail-none:hover{
    color: #EE5F5B;
    border-color: #EE5F5B;
    background-color: transparent;
}
.tail-select.disabled button.tail-all{
    color: rgba(48, 52, 56, 0.25);
    border-color: rgba(48, 52, 56, 0.25);
    background-color: transparent;
}
.tail-select.disabled button.tail-none{
    color: rgba(48, 52, 56, 0.25);
    border-color: rgba(48, 52, 56, 0.25);
    background-color: transparent;
}
.tail-select input[type="text"]{
    color: #303438;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 15px;
    display: inline-block;
    outline: 0;
    font-size: 12px;
    line-height: 20px;
    vertical-align: middle;
    background-color: transparent;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.tail-select input[type="text"]:hover{
    color: #303438;
    border-color: transparent;
    background-color: transparent;
}
.tail-select input[type="text"]:focus{
    color: #3C82E6;
    border-color: transparent;
    background-color: transparent;
}
.tail-select.disabled input[type="text"]{
    color: rgba(48, 52, 56, 0.75);
    border-color: transparent;
    background-color: transparent;
}
.tail-select-container{
    margin: 0;
    padding: 3px;
    text-align: left;
    border-radius: 3px;
}
.tail-select-container .select-handle{
    width: auto;
    color: #303438;
    cursor: pointer;
    margin: 1px;
    padding: 0.2em 0.6em 0.3em;
    display: inline-block;
    position: relative;
    font-size: 11.844px;
    text-align: left;
    font-weight: bold;
    line-height: 16px;
    text-shadow: none;
    vertical-align: top;
    background-color: #d9d9d9;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    border-radius: 3px;
    transition: background 142ms linear;
    -webkit-transition: background 142ms linear;
}
.tail-select-container .select-handle:hover{
    color: #303438;
    background-color: #DC4650;
}
.tail-select-container.select-label .select-handle{
    margin: 5px 3px;
}
/* @end GENERAL */

/* @start LABEL */
.tail-select .select-label{
    cursor: pointer;
    color: rgba(48, 52, 56, 0.85);
    width: 100%;
    margin: 0;
    padding: 5px 30px 5px 10px;
    display: block;
    z-index: 27;
    position: relative;
    text-align: left;
    background-color: white;
    border-width: 0px;
    border-style: solid;
    border-color: #d9d9d9;
    border-radius: 3px;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
    transition: background 142ms linear, box-shadow 142ms linear;
    -webkit-transition: background 142ms linear, box-shadow 142ms linear;
}
.tail-select .select-label:after{
    top: 15px;
    right: 12px;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    z-index: 25;
    content: "";
    opacity: 0.5;
    display: inline-block;
    position: absolute;
    border-top: 5px dashed;
    border-top: 5px solid\9;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    text-shadow: none;
    transition: opacity 142ms linear, transform 142ms linear;
    -webkit-transition: opacity 142ms linear, transform 142ms linear;
}
.tail-select .select-label .label-count, .tail-select .select-label .label-inner{
    width: auto;
    margin: 0;
    text-align: left;
    vertical-align: top;
}
.tail-select .select-label .label-count{
    float: left;
    color: rgba(48, 52, 56, 0.85);
    margin: 0 5px 0 0;
    padding: 0 7px 0 0;
    display: inline-block;
    font-size: 11.844px;
    font-weight: bold;
    text-shadow: none;
    white-space: nowrap;
    vertical-align: top;
    border-width: 0px 1px 0 0;
    border-style: solid;
    border-color: #d9d9d9;
    border-radius: 0px;
}
.tail-select .select-label .label-inner{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tail-select:hover .select-label, .tail-select.idle .select-label,
.tail-select.active .select-label{
    z-index: 25;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px #3C82E6;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px #3C82E6;
}
.tail-select:hover .select-label:after, .tail-select.idle .select-label:after,
.tail-select.active .select-label:after{
    opacity: 0.85;
}
.tail-select:hover .select-label .label-count, .tail-select.idle .select-label .label-count,
.tail-select.active .select-label .label-count, .tail-select:hover .select-label .label-inner,
.tail-select.idle .select-label .label-inner, .tail-select.active .select-label .label-inner{
    opacity: 1;
}
.tail-select.active .select-label{
    z-index: 27;
}
.tail-select.active .select-label:after{
    opacity: 0.85;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.tail-select.disabled .select-label{
    cursor: not-allowed;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.35);
}
/* @end LABEL */

/* @start DROPDOWN */
.tail-select .select-dropdown{
    top: 100%;
    left: 0;
    color: #303438;
    width: 100%;
    min-height: 35px;
    margin: -1px 0 0 0;
    padding: 0;
    z-index: 30;
    display: none;
    overflow: hidden;
    position: absolute;
    background-color: white;
    border-width: 0px;
    border-style: solid;
    border-color: #d9d9d9;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.25);
}
.tail-select .select-dropdown .dropdown-search{
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #d9d9d9;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.tail-select .select-dropdown .dropdown-inner{
    width: 100%;
    margin: 0;
    padding: 1px 0;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
}
.tail-select .select-dropdown .dropdown-empty{
    margin: 0;
    padding: 16px 0;
    display: block;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
}
.tail-select .select-dropdown .dropdown-action{
    top: 3px;
    right: 15px;
    width: auto;
    margin: 0;
    padding: 7px 0;
    z-index: 35;
    display: inline-block;
    position: absolute;
    text-align: center;
}
.tail-select .select-dropdown ul, .tail-select .select-dropdown ul li{
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    list-style: none;
    font-size: 14px;
    line-height: 20px;
    vertical-align: top;
}
.tail-select .select-dropdown ul li{
    color: #303438;
    padding: 5px 10px 5px 35px;
    font-size: 12px;
    text-align: left;
    line-height: 18px;
    font-weight: normal;
}
.tail-select .select-dropdown ul li:first-of-type{
    margin-top: 7px;
}
.tail-select .select-dropdown ul li:last-of-type{
    margin-bottom: 7px;
}
.tail-select .select-dropdown ul li.optgroup-title{
    color: rgba(48, 52, 56, 0.7);
    cursor: default;
    margin: 9px 0 0 0;
    padding-left: 10px;
    font-size: 14px;
    text-shadow: none;
}
.tail-select .select-dropdown ul li.optgroup-title button{
    float: right;
    margin-top: -2px;
    opacity: 0;
}
.tail-select .select-dropdown ul:hover li button{
    opacity: 1;
}
.tail-select .select-dropdown ul li.dropdown-option{
    cursor: pointer;
    color: #303438;
}
.tail-select .select-dropdown ul li.dropdown-option:before{
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    z-index: 21;
    display: inline-block;
    content: "";
    opacity: 0;
    position: absolute;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center center;
    transition: opacity 50ms linear;
    -webkit-transition: opacity 50ms linear;
}
.tail-select .select-dropdown ul li.dropdown-option .option-description{
    color: rgba(48, 52, 56, 0.85);
    width: auto;
    margin: 0;
    padding: 0;
    display: block;
    font-size: 10px;
    text-align: left;
    line-height: 14px;
    vertical-align: top;
}
.tail-select .select-dropdown ul li.dropdown-option:hover,
.tail-select .select-dropdown ul li.dropdown-option.hover{
    color: #303438;
}
.tail-select .select-dropdown ul li.dropdown-option:hover .option-description,
.tail-select .select-dropdown ul li.dropdown-option.hover .option-description{
    color: #303438;
}
.tail-select.open-top .select-dropdown{
    top: auto;
    bottom: 100%;
    margin: 0 0 -1px 0;
    border-radius: 3px 3px 0 0;
}
.tail-select.hide-selected .select-dropdown ul li.selected,
.tail-select.hide-disabled .select-dropdown ul li.disabled{
    display: none;
}
/* State & Icons :: Single */
.tail-select .select-dropdown ul li.dropdown-option:before{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2216%22%20viewBox%3D%220%200%2012%2016%22%3E%3Cpath%20fill%3D%22%23303438%22%20d%3D%22M12%205l-8%208-4-4%201.5-1.5L4%2010l6.5-6.5L12%205z%22/%3E%3C/svg%3E");
}
.tail-select .select-dropdown ul li.dropdown-option:hover:before,
.tail-select .select-dropdown ul li.dropdown-option.hover:before{
    opacity: 0.5;
}
.tail-select .select-dropdown ul li.dropdown-option.selected{
    color: #3C82E6;
    background-color: white;
}
.tail-select .select-dropdown ul li.dropdown-option.selected:before{
    opacity: 0.85;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2216%22%20viewBox%3D%220%200%2012%2016%22%3E%3Cpath%20fill%3D%22%23303438%22%20d%3D%22M12%205l-8%208-4-4%201.5-1.5L4%2010l6.5-6.5L12%205z%22/%3E%3C/svg%3E");
}
.tail-select .select-dropdown ul li.dropdown-option.selected .option-description{
    color: #3C82E6;
}
.tail-select.deselect .select-dropdown ul li.dropdown-option.selected:hover:before,
.tail-select.deselect .select-dropdown ul li.dropdown-option.selected.hover:before{
    opacity: 0.85;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2216%22%20viewBox%3D%220%200%2012%2016%22%3E%3Cpath%20fill%3D%22%23303438%22%20d%3D%22M7.48%208l3.75%203.75-1.48%201.48L6%209.48l-3.75%203.75-1.48-1.48L4.52%208%20.77%204.25l1.48-1.48L6%206.52l3.75-3.75%201.48%201.48L7.48%208z%22/%3E%3C/svg%3E");
}
.tail-select.deselect .select-dropdown ul li.dropdown-option.selected:hover .option-description,
.tail-select.deselect .select-dropdown ul li.dropdown-option.selected.hover .option-description{
    color: #3C82E6;
}
.tail-select .select-dropdown ul li.dropdown-option{
    transition: all 0.3s ease-in;
}
.tail-select .select-dropdown ul li.dropdown-option:hover,
.tail-select .select-dropdown ul li.dropdown-option.hover{
    transition: all 0.4s ease;
    background-color: #e9edf2;
}
.tail-select.disabled .select-dropdown ul li.dropdown-option,
.tail-select .select-dropdown ul li.dropdown-option.disabled{
    cursor: not-allowed;
    color: rgba(48, 52, 56, 0.4);
    text-shadow: 0px 1px 0px rgba(119, 129, 138, 0.1), 0px -1px 0px rgba(0, 0, 0, 0.1);
    background-color: #fafafa;
}
.tail-select.disabled .select-dropdown ul li.dropdown-option:before,
.tail-select .select-dropdown ul li.dropdown-option.disabled:before{
    opacity: 0.85;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2216%22%20viewBox%3D%220%200%2014%2016%22%3E%3Cpath%20fill%3D%22%23303438%22%20d%3D%22M7%201C3.14%201%200%204.14%200%208s3.14%207%207%207%207-3.14%207-7-3.14-7-7-7zm0%201.3c1.3%200%202.5.44%203.47%201.17l-8%208A5.755%205.755%200%200%201%201.3%208c0-3.14%202.56-5.7%205.7-5.7zm0%2011.41c-1.3%200-2.5-.44-3.47-1.17l8-8c.73.97%201.17%202.17%201.17%203.47%200%203.14-2.56%205.7-5.7%205.7z%22/%3E%3C/svg%3E");
}
.tail-select.disabled .select-dropdown ul li.dropdown-option .option-description,
.tail-select .select-dropdown ul li.dropdown-option.disabled .option-description{
    color: rgba(48, 52, 56, 0.4);
}
/* State & Icons :: Multiple */
.tail-select.multiple .select-dropdown ul li.dropdown-option:before{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2216%22%20viewBox%3D%220%200%2014%2016%22%3E%3Cpath%20fill%3D%22%23303438%22%20d%3D%22M13%201H1c-.55%200-1%20.45-1%201v12c0%20.55.45%201%201%201h12c.55%200%201-.45%201-1V2c0-.55-.45-1-1-1zm0%2013H1V2h12v12zM6%209H3V7h3V4h2v3h3v2H8v3H6V9z%22/%3E%3C/svg%3E");
}
.tail-select.multiple .select-dropdown ul li.dropdown-option.selected:before{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2216%22%20viewBox%3D%220%200%2014%2016%22%3E%3Cpath%20fill%3D%22%23303438%22%20d%3D%22M13%201H1c-.55%200-1%20.45-1%201v12c0%20.55.45%201%201%201h12c.55%200%201-.45%201-1V2c0-.55-.45-1-1-1zm0%2013H1V2h12v12zM4%208c0-1.66%201.34-3%203-3s3%201.34%203%203-1.34%203-3%203-3-1.34-3-3z%22/%3E%3C/svg%3E");
}
.tail-select.multiple .select-dropdown ul li.dropdown-option.selected:hover:before,
.tail-select.multiple .select-dropdown ul li.dropdown-option.selected.hover:before{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2216%22%20viewBox%3D%220%200%2014%2016%22%3E%3Cpath%20fill%3D%22%23303438%22%20d%3D%22M13%201H1c-.55%200-1%20.45-1%201v12c0%20.55.45%201%201%201h12c.55%200%201-.45%201-1V2c0-.55-.45-1-1-1zm0%2013H1V2h12v12zm-2-5H3V7h8v2z%22/%3E%3C/svg%3E");
}
.tail-select.multiple.disabled .select-dropdown ul li.dropdown-option:before,
.tail-select.multiple .select-dropdown ul li.dropdown-option.disabled:before{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2216%22%20viewBox%3D%220%200%2014%2016%22%3E%3Cpath%20fill%3D%22%23303438%22%20d%3D%22M13%201H1c-.55%200-1%20.45-1%201v12c0%20.55.45%201%201%201h12c.55%200%201-.45%201-1V2c0-.55-.45-1-1-1zm0%2013H1V2h12v12zm-8.5-2H3v-1.5L9.5%204H11v1.5L4.5%2012z%22/%3E%3C/svg%3E");
}
/* @end DROPDOWN */

/*# sourceMappingURL=tail.select-light.map */

.bg-black {
  background-color: #2c2c2c; }

.c-black {
  color: #2c2c2c; }

.bg-white {
  background-color: #ffffff; }

.c-white {
  color: #ffffff; }

.bg-water {
  background-color: #77b2b1; }

.c-water {
  color: #77b2b1; }

.bg-kale {
  background-color: #55807f; }

.c-kale {
  color: #55807f; }

.bg-avocado {
  background-color: #385251; }

.c-avocado {
  color: #385251; }

.bg-salad {
  background-color: #83bd96; }

.c-salad {
  color: #83bd96; }

.bg-papaya {
  background-color: #d9834d; }

.c-papaya {
  color: #d9834d; }

.bg-apricot {
  background-color: #c98961; }

.c-apricot {
  color: #c98961; }

.bg-apple {
  background-color: #bc614c; }

.c-apple {
  color: #bc614c; }

.bg-pepper {
  background-color: #994e3d; }

.c-pepper {
  color: #994e3d; }

.bg-grape {
  background-color: #6550bf; }

.c-grape {
  color: #6550bf; }

.bg-berry {
  background-color: #433680; }

.c-berry {
  color: #433680; }

.bg-gray {
  background-color: #707070; }

.c-gray {
  color: #707070; }

.bg-light {
  background-color: #c1c6c9; }

.c-light {
  color: #c1c6c9; }

.bg-bone {
  background-color: #F3F4F5; }

.c-bone {
  color: #F3F4F5; }

.bg-iron {
  background-color: #DCDFE2; }

.c-iron {
  color: #DCDFE2; }

:root {
  --main-transition: .35s; }

.container--email form .text-group button.jodit-toolbar-button__button {
  margin: 0; }

.jodit-container {
  margin-bottom: 40px; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type='checkbox'],
[type='radio'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

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

html,
body {
  width: 100%;
  height: 100%; }

html {
  position: relative;
  font-size: 62.5%;
  font-family: "Arial", sans-serif;
  -webkit-text-size-adjust: 100%; }

body {
  min-width: 320px;
  font-size: 1.4rem;
  line-height: 2.4rem;
  background: #ffffff;
  color: #2c2c2c;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

p {
  font-size: 1.4rem;
  line-height: 2.4rem; }

::selection,
::-webkit-selection {
  background: #77b2b1;
  color: #ffffff;
  text-shadow: none; }

img::-moz-selection {
  background: transparent; }

img::selection {
  background: transparent; }

main,
section {
  width: 100%;
  position: relative; }

img,
picture,
video,
audio,
embed,
object,
input,
iframe {
  max-width: 100%;
  margin: 0; }

img {
  display: inline-block; }
  a:hover img {
    border: none;
    background: none; }

x::-ms-reveal,
img[src*='.svg'] {
  width: 100%; }

a img {
  border: none; }

a {
  text-decoration: none;
  color: inherit; }

b, strong {
  font-weight: bold; }

input,
textarea,
select {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: initial;
  -webkit-user-select: initial; }

input[type="search"] {
  -webkit-appearance: initial; }

input[type="checkbox"] {
  -webkit-transform: scale(1.3, 1.3);
  -webkit-appearance: checkbox;
  margin-right: 10px; }

.container {
  width: 90%;
  max-width: 1160px;
  margin: 0 auto;
  min-width: 275px; }
  .container--padding-bottom {
    padding-bottom: 57px; }
  .container--login form {
    margin-top: 27px; }
    .container--login form .input-group {
      margin: 0 auto; }
    .container--login form input[type="submit"] {
      margin-top: 24px; }
    .container--login form input.login-error {
      border-color: #cb3e35;
      color: #cb3e35; }
    .container--login form div.login-error {
      color: #cb3e35;
      margin-top: 60px;
      text-align: center;
      font-size: 18px;
      font-weight: bold; }
  .container--table .button--medium {
    margin-bottom: 50px; }
  .container--table .p {
    padding-bottom: 40px; }
  .container--quick-edit-table {
    padding-top: 40px; }
    .container--quick-edit-table .quick-edit-table {
      margin: 90px auto; }
  .container--email form {
    padding-top: 175px; }
    .container--email form .text-group {
      margin: 0 auto; }
      .container--email form .text-group input[type="submit"],
      .container--email form .text-group button {
        margin-bottom: 70px; }
  .container--preview .p--spacing-100 {
    margin-bottom: 30px; }
  .container--preview .container__text button {
    margin-bottom: 60px; }
  .container--public h1,
  .container--public .h1 {
    padding-top: 80px; }
  .container--public .menu-data {
    padding-top: 35px; }
  .container--public .menu-section {
    padding-top: 140px; }
  .container--report-table h2 {
    padding-top: 80px;
    padding-bottom: 60px; }
  .container__text {
    margin: 0 auto;
    padding-top: 30px;
    max-width: 470px; }
    .container__text h4 {
      margin-bottom: 28px; }
    .container__text p {
      margin-bottom: 37px; }
  .container__table {
    padding-top: 80px; }
  .container__columns {
    padding: 105px 5% 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

.container--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.row--wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.l-fcol {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.hide {
  display: none !important; }

.section {
  padding: 40px 0; }
  .section--padding-top {
    padding-top: 112px; }

.position-relative {
  position: relative; }

@media only screen and (max-width: 61.1875em) {
  .container--flex {
    display: block; } }

@media only screen and (max-width: 48em) {
  .section--padding-top {
    padding-top: 42px; } }

@media only screen and (max-width: 47.9375em) {
  .container--report-table h2 {
    padding-top: 20px;
    padding-bottom: 40px; }
  .container--public h1 {
    padding-top: 40px; }
  .container--quick-edit-table .quick-edit-table {
    margin: 45px auto; } }

.list-reset {
  margin: 0;
  padding: 0;
  list-style: none; }

/* Recommended styles for Splitting */
.splitting .word,
.splitting .char {
  display: inline-block; }

/* Psuedo-element chars */
.splitting .char {
  position: relative; }

/**
 * Populate the psuedo elements with the character to allow for expanded effects
 * Set to `display: none` by default; just add `display: block` when you want
 * to use the psuedo elements
 */
.splitting .char::before,
.splitting .char::after {
  content: attr(data-char);
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  -webkit-transition: inherit;
  transition: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

/* Expanded CSS Variables */
.splitting {
  /* The center word index */
  --word-center: calc((var(--word-total) - 1) / 2);
  /* The center character index */
  --char-center: calc((var(--char-total) - 1) / 2);
  /* The center character index */
  --line-center: calc((var(--line-total) - 1) / 2); }

.splitting .word {
  /* Pecent (0-1) of the word's position */
  --word-percent: calc(var(--word-index) / var(--word-total));
  /* Pecent (0-1) of the line's position */
  --line-percent: calc(var(--line-index) / var(--line-total)); }

.splitting .char {
  /* Percent (0-1) of the char's position */
  --char-percent: calc(var(--char-index) / var(--char-total));
  /* Offset from center, positive & negative */
  --char-offset: calc(var(--char-index) - var(--char-center));
  /* Absolute distance from center, only positive */
  --distance: calc(
     (var(--char-offset) * var(--char-offset)) / var(--char-center)
  );
  /* Distance from center where -1 is the far left, 0 is center, 1 is far right */
  --distance-sine: calc(var(--char-offset) / var(--char-center));
  /* Distance from center where 1 is far left/far right, 0 is center */
  --distance-percent: calc((var(--distance) / var(--char-center))); }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0;
  font-weight: normal; }

h1,
.h1 {
  font-size: 7rem;
  line-height: 8rem; }

h2,
.h2 {
  font-size: 3.5rem;
  line-height: 5rem; }

h3,
.h3 {
  font-size: 3rem;
  line-height: 3.5rem; }

h4,
.h4 {
  font-size: 2rem;
  line-height: 2.5rem; }

h5,
.h5 {
  font-size: 1.6rem;
  line-height: 1.8rem; }

h6,
.h6 {
  font-size: 1rem;
  line-height: 1.2rem;
  text-transform: uppercase; }

p,
.p {
  font-size: 1.4rem;
  line-height: 2.4rem;
  margin: 0; }
  p--spacing-100,
  .p--spacing-100 {
    letter-spacing: 0.1rem; }

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

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

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

@media only screen and (max-width: 33.75em) {
  h1,
  .h1 {
    font-size: 5rem;
    line-height: 5.5rem; }
  h2,
  .h2 {
    font-size: 3rem;
    line-height: 4rem; }
  h3,
  .h3 {
    font-size: 2.5rem;
    line-height: 3rem; } }

.nav-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 77px; }

.nav-hero {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .nav-hero--profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .nav-hero svg {
    fill: white; }
  .nav-hero__user {
    padding-left: 10px; }
  .nav-hero__lang {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 15px;
    padding: 3px 15px;
    border-left: 1px solid white; }
    .nav-hero__lang__child {
      position: absolute;
      visibility: hidden;
      z-index: -1;
      padding: 0;
      list-style: none; }
      .nav-hero__lang__child li {
        opacity: 0;
        -webkit-transform: translateY(10px);
                transform: translateY(10px);
        padding-top: 10px; }
    .nav-hero__lang__item {
      position: relative;
      padding-right: 15px;
      display: block;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
      .nav-hero__lang__item svg {
        top: 2px;
        right: 0;
        position: absolute; }

@-webkit-keyframes wiggles {
  0% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg); }
  25% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
  50% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg); }
  75% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes wiggles {
  0% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg); }
  25% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
  50% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg); }
  75% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

.nav-menu {
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  height: 40px; }
  .nav-menu__notice svg {
    margin-top: 3px;
    fill: white;
    opacity: .4;
    left: 0;
    position: absolute;
    -webkit-transform-origin: center top;
            transform-origin: center top; }
  .nav-menu__notice--on svg {
    fill: #bc614c;
    opacity: 1;
    -webkit-animation: wiggles 3s cubic-bezier(0.694, 0.048, 0.335, 1);
            animation: wiggles 3s cubic-bezier(0.694, 0.048, 0.335, 1);
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1; }
  .nav-menu__meatballs {
    display: none; }
  .nav-menu__parent {
    position: relative; }
    .nav-menu__parent__btn {
      height: 40px; }
  .nav-menu__child {
    top: 40px;
    position: absolute;
    visibility: hidden;
    z-index: -1; }
    .nav-menu__child__mobile {
      display: none; }
    .nav-menu__child li {
      opacity: 0;
      -webkit-transform: translateY(10px);
              transform: translateY(10px); }
  .nav-menu ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .nav-menu ul li {
      font-size: 1.4rem;
      line-height: 1.6rem;
      padding-left: 20px; }
      .nav-menu ul li a {
        display: block;
        padding-left: 20px;
        position: relative;
        padding-top: 5px;
        padding-bottom: 5px; }
      .nav-menu ul li ul {
        padding: 0; }
        .nav-menu ul li ul li {
          font-size: 1rem;
          line-height: 1.4rem;
          margin-bottom: 10px; }

@media only screen and (max-width: 58.75em) {
  .nav-menu__child {
    left: 0; } }

@media only screen and (max-width: 33.75em) {
  .nav-content {
    padding-top: 24px;
    padding-bottom: 32px; }
  .nav-logo,
  .nav-hero,
  .nav-menu {
    width: 33.33%; }
  .nav-logo svg {
    width: 50px; }
  .nav-hero--profile {
    display: none; }
  .nav-hero__lang {
    margin: 0;
    border: none; }
  .nav-menu__pc {
    display: none; }
  .nav-menu__notice, .nav-menu__meatballs {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute; }
  .nav-menu__notice {
    margin-top: -6px;
    left: -5px; }
    .nav-menu__notice--main {
      left: auto;
      right: 25px; }
  .nav-menu__meatballs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
    fill: white; }
  .nav-menu__logout {
    top: 5px;
    right: 20px;
    display: block;
    position: absolute; }
    .nav-menu__logout svg {
      width: 12px;
      height: 12px; }
  .nav-menu__child {
    background-color: #F3F4F5;
    width: 100%;
    top: auto;
    left: 0;
    bottom: 0;
    position: fixed;
    overflow: auto; }
    .nav-menu__child li {
      color: #2c2c2c; }
    .nav-menu__child__mobile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-bottom: 1px solid #2c2c2c; }
      .nav-menu__child__mobile__user {
        margin-top: 10px;
        width: 100%;
        display: block; }
  .nav-menu ul li a.nav-menu__child__mobile__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    width: 100%; }
    .nav-menu ul li a.nav-menu__child__mobile__user svg {
      margin-left: 20px;
      margin-right: 20px; }
  .nav-menu ul li ul li {
    padding-bottom: 15px;
    margin-bottom: 15px; }
    .nav-menu ul li ul li.nav-menu__child__mobile {
      padding-left: 0; }
    .nav-menu ul li ul li:nth-last-child(2) {
      border-bottom: 1px solid #2c2c2c; }
    .nav-menu ul li ul li:last-child {
      margin-top: 10px;
      margin-bottom: 10px; } }

.button {
  display: inline-block;
  position: relative;
  border: 0;
  font-size: 1rem;
  line-height: 40px;
  padding: 0 40px;
  height: 40px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  color: white;
  cursor: pointer;
  -webkit-transition: background-color var(--main-transition) cubic-bezier(0.32, 1.259, 0.375, 1.15);
  transition: background-color var(--main-transition) cubic-bezier(0.32, 1.259, 0.375, 1.15); }
  .button:focus {
    outline: none; }
  .button--white {
    color: #2c2c2c;
    background-color: white; }
    .button--white:not(.button--circle):not([disabled]):hover {
      background-color: #cccccc; }
  .button--black {
    background-color: #2c2c2c; }
    .button--black:not(.button--circle):not([disabled]):hover {
      background-color: #2c2c2c; }
  .button--light {
    background-color: #c1c6c9; }
    .button--light:not(.button--circle):not([disabled]):hover {
      background-color: #9a9ea1; }
  .button--gray {
    background-color: #707070; }
    .button--gray:not(.button--circle):not([disabled]):hover {
      background-color: #5a5a5a; }
  .button--papaya {
    background-color: #d9834d; }
    .button--papaya:not(.button--circle):not([disabled]):hover {
      background-color: #ae693e; }
  .button--grape {
    background-color: #6550bf; }
    .button--grape:not(.button--circle):not([disabled]):hover {
      background-color: #514099; }
  .button--kale {
    background-color: #55807f; }
    .button--kale:not(.button--circle):not([disabled]):hover {
      background-color: #334d4c; }
  .button--salad {
    background-color: #83bd96; }
    .button--salad:not(.button--circle):not([disabled]):hover {
      background-color: #4f715a; }
  .button--avocado {
    background-color: #385251; }
    .button--avocado:not(.button--circle):not([disabled]):hover {
      background-color: #223131; }
  .button--bio {
    background-color: #c1c6c9; }
    .button--bio.is-active {
      background-color: #83bd96; }
  .button:disabled {
    cursor: default;
    opacity: .5; }
  .button--medium {
    height: 50px;
    line-height: 50px;
    padding: 0 50px; }
  .button--large {
    padding: 0 160px;
    height: 60px;
    line-height: 60px;
    font-size: 1.4rem; }
    .button--large svg {
      fill: white;
      position: absolute;
      right: 60px;
      top: 50%;
      -webkit-transition: var(--main-transition) cubic-bezier(0.32, 1.259, 0.375, 1.15);
      transition: var(--main-transition) cubic-bezier(0.32, 1.259, 0.375, 1.15);
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .button--large:hover svg, .button--large.is-active svg {
      right: 40px; }
    .button--large--disabled {
      opacity: 1;
      color: #c1c6c9;
      background-color: transparent;
      border: 1px solid #c1c6c9; }
      .button--large--disabled svg {
        fill: #c1c6c9; }
      .button--large--disabled:disabled {
        opacity: 1; }
      .button--large--disabled:hover {
        color: #c1c6c9;
        background-color: transparent; }
        .button--large--disabled:hover svg {
          right: 60px; }
  .button--circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    padding: 0;
    padding: 0;
    line-height: normal;
    -webkit-transition: var(--main-transition) cubic-bezier(0.32, 1.259, 0.375, 1.15);
    transition: var(--main-transition) cubic-bezier(0.32, 1.259, 0.375, 1.15); }
    .button--circle--small {
      width: 35px;
      height: 35px; }
    .button--circle--center {
      -ms-flex-item-align: center;
          align-self: center;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 12px; }
    .button--circle:hover {
      -webkit-transform: scale(1.06);
              transform: scale(1.06); }

.button-icon {
  cursor: pointer;
  position: relative;
  text-align: center;
  display: inline-block;
  font-size: normal;
  padding: 5px;
  border: none;
  background-color: transparent; }
  .button-icon:focus {
    outline: none; }
  .button-icon svg {
    fill: #c1c6c9;
    -webkit-transition: all var(--main-transition);
    transition: all var(--main-transition); }
  .button-icon--black svg {
    fill: #2c2c2c; }
  .button-icon--arrow.is-active svg {
    fill: #2c2c2c; }

@media only screen and (max-width: 33.75em) {
  .button {
    min-width: 100px;
    padding: 0 20px; }
    .button--large {
      height: 45px;
      padding: 0 40px;
      line-height: 45px; }
      .button--large svg {
        display: none; }
    .button--circle {
      padding: 0;
      min-width: 0; } }

.grid-container {
  display: grid;
  justify-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center; }
  .grid-container--stretched {
    grid-template-columns: repeat(auto-fill, minmax(278px, 1fr));
    grid-gap: 15px;
    padding-top: 87px;
    padding-bottom: 30px; }
  .grid-container--centered {
    grid-template-columns: calc(100% * 1 / 4 - 18px) calc(100% * 1 / 4 - 18px) calc(100% * 1 / 4 - 18px) calc(100% * 1 / 4 - 18px);
    grid-gap: 18px;
    padding-top: 109px; }
  .grid-container .card {
    width: 100%;
    place-self: center stretch;
    margin-bottom: 50px; }

@media only screen and (max-width: 63.9375em) {
  .grid-container--stretched {
    grid-template-columns: repeat(auto-fill, minmax(calc(100% * 1 / 3 - 18px - 10px), 1fr));
    grid-gap: 10px; }
  .grid-container--centered {
    grid-template-columns: calc(100% * 1 / 2) calc(100% * 1 / 2); } }

@media only screen and (max-width: 47.9375em) {
  .grid-container--stretched {
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(calc(100% * 1 / 2 - 10px), 1fr)); }
  .grid-container--centered {
    grid-template-columns: 100%; } }

@media only screen and (max-width: 20em) {
  .grid-container--stretched {
    grid-template-columns: 100%; } }

.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  width: 278px;
  height: 170px;
  position: relative;
  background-color: #c1c6c9;
  -webkit-transition: background-color var(--main-transition);
  transition: background-color var(--main-transition); }
  .card:hover {
    background-color: #aeb2b5; }
  .card--clicable a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .card__icon {
    display: block;
    width: 35px;
    height: 35px;
    top: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 50%; }
    .card__icon--confirm {
      background-color: #83bd96; }
    .card__icon--error {
      background-color: #707070; }
    .card__icon svg {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      text-align: center;
      margin: 0 auto;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 100%;
      fill: white; }
  .card__body {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 14px;
    text-align: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .card__body h4 {
      color: #2c2c2c;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .card__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-bottom: 14px;
    text-align: center; }
    .card__footer h6 {
      color: #707070;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .card--dashboard {
    width: 260px;
    height: 206px;
    color: #385251;
    background-color: white; }
    .card--dashboard:hover {
      background-color: white; }
    .card--dashboard.disabled {
      background-color: rgba(255, 255, 255, 0.5); }
      .card--dashboard.disabled .card__body,
      .card--dashboard.disabled .card__footer {
        opacity: .5; }
      .card--dashboard.disabled .button {
        cursor: default; }
    .card--dashboard .card__icon {
      width: 80px;
      height: 80px;
      background-color: #55807f; }
    .card--dashboard .card__body p {
      width: 100%;
      text-transform: uppercase; }
      .card--dashboard .card__body p span {
        font-size: .8rem;
        display: block; }
    .card--dashboard .card__footer .button {
      margin: 0 auto;
      display: inline-block; }

@media only screen and (max-width: 47.9375em) {
  .card.card--clicable {
    height: 130px; } }

@media only screen and (max-width: 20em) {
  .card.card--clicable {
    height: 180px; } }

.form .input-group {
  width: 376px;
  position: relative; }

.form .text-group {
  width: 470px;
  position: relative; }
  .form .text-group label {
    padding: 20px;
    width: 133px;
    color: white;
    background-color: #2c2c2c; }
  .form .text-group textarea {
    font-size: 1.4rem;
    line-height: 2rem; }

.form label {
  display: block;
  padding-bottom: 10px; }
  .form label.container--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.form .input-icon {
  cursor: pointer;
  display: block;
  top: 48px;
  right: 10px;
  position: absolute; }
  .form .input-icon .eye-line {
    width: 1px;
    height: 0%;
    display: block;
    position: absolute;
    background-color: white;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transition: all var(--main-transition);
    transition: all var(--main-transition); }
  .form .input-icon.is-active .eye-line {
    height: 200%; }

.form input[type="text"],
.form input[type="email"],
.form input[type="password"],
.form input[type="search"],
.form textarea {
  font-size: 2rem;
  width: 100%;
  display: block;
  outline: none;
  border-radius: 0;
  border: 1px solid #2c2c2c;
  margin-bottom: 40px; }

.form input[type="text"],
.form input[type="email"],
.form input[type="password"],
.form input[type="search"] {
  height: 70px;
  line-height: 70px;
  padding: 0 20px; }
  .form input[type="text"].error,
  .form input[type="email"].error,
  .form input[type="password"].error,
  .form input[type="search"].error {
    color: #bc614c;
    border-color: #bc614c; }

.form .tooltip {
  opacity: 1;
  z-index: 1;
  visibility: visible;
  color: white; }

.form textarea {
  padding: 20px; }

.form .error {
  color: #bc614c;
  border-color: #bc614c; }
  .form .error.tooltip {
    color: white; }

.form--white label {
  color: white; }

.form--white input[type="text"],
.form--white input[type="email"],
.form--white input[type="password"],
.form--white textarea {
  color: white;
  border-color: white;
  background-color: transparent; }
  .form--white input[type="text"]::-webkit-input-placeholder, .form--white input[type="email"]::-webkit-input-placeholder, .form--white input[type="password"]::-webkit-input-placeholder, .form--white textarea::-webkit-input-placeholder {
    color: white;
    opacity: .5; }
  .form--white input[type="text"]::placeholder, .form--white input[type="text"]::-webkit-input-placeholder, .form--white input[type="text"]:-moz-placeholder, .form--white input[type="text"]::-moz-placeholder, .form--white input[type="text"]:-ms-input-placeholder,
  .form--white input[type="email"]::placeholder,
  .form--white input[type="email"]::-webkit-input-placeholder,
  .form--white input[type="email"]:-moz-placeholder,
  .form--white input[type="email"]::-moz-placeholder,
  .form--white input[type="email"]:-ms-input-placeholder,
  .form--white input[type="password"]::placeholder,
  .form--white input[type="password"]::-webkit-input-placeholder,
  .form--white input[type="password"]:-moz-placeholder,
  .form--white input[type="password"]::-moz-placeholder,
  .form--white input[type="password"]:-ms-input-placeholder,
  .form--white textarea::placeholder,
  .form--white textarea::-webkit-input-placeholder,
  .form--white textarea:-moz-placeholder,
  .form--white textarea::-moz-placeholder,
  .form--white textarea:-ms-input-placeholder {
    color: white;
    opacity: .5; }

.form--white select {
  height: 70px;
  background-color: transparent;
  border-color: white;
  color: white;
  margin-bottom: 40px; }

select,
textarea {
  outline: none;
  border: none;
  width: 100%;
  padding: 15px 0;
  font-size: 1.6rem;
  line-height: 1.8rem;
  font-weight: bold;
  border-bottom: 2px solid #707070; }

textarea {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: normal;
  resize: vertical; }

@media only screen and (max-width: 61.1875em) {
  .form .container__columns h2 {
    margin: 0 auto; } }

@media only screen and (max-width: 33.75em) {
  .form .input-group {
    width: 100%;
    max-width: 359px; }
  .form .text-group {
    width: 100%; } }

.tooltip-wrapper {
  display: inline-block;
  position: relative; }

.tooltip {
  z-index: -1;
  width: auto;
  opacity: 0;
  height: auto;
  font-size: 1.4rem;
  line-height: 1.6rem;
  white-space: nowrap;
  top: 50%;
  left: 50px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  margin-left: 100%;
  padding: 20px;
  color: white;
  background-color: #2c2c2c;
  position: absolute; }
  .tooltip:after {
    content: " ";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #2c2c2c;
    display: block;
    position: absolute;
    left: -5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

form .tooltip {
  margin-top: 10px; }

@media only screen and (max-width: 75em) {
  .tooltip {
    top: -50%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    margin-top: -50px;
    margin-left: auto; }
    .tooltip:after {
      top: auto;
      left: 50%;
      bottom: -5px;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      border-top: 5px solid #2c2c2c;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: none; } }

.table-wrapper {
  margin-bottom: 50px;
  position: relative; }

.table {
  width: 100%;
  color: #707070;
  border: 1px solid transparent;
  border-bottom: none;
  text-align: left;
  border-collapse: collapse; }
  .table--copy .button--circle,
  .table--copy .button-icon,
  .table--copy input[type="checkbox"],
  .table--copy input[type="radio"] {
    cursor: default; }
  .table--copy .button--circle:hover {
    -webkit-transform: none;
            transform: none; }
  .table--black {
    border-color: #2c2c2c; }
    .table--black th {
      background-color: #2c2c2c; }
    .table--black td {
      border-bottom-color: #2c2c2c; }
  .table--gray {
    border-color: #707070; }
    .table--gray th {
      background-color: #707070; }
    .table--gray td {
      border-bottom-color: #707070; }
  .table--light {
    border-color: #c1c6c9; }
    .table--light th {
      background-color: #c1c6c9; }
    .table--light td {
      border-bottom-color: #c1c6c9; }
  .table th {
    font-weight: normal;
    text-transform: uppercase;
    color: white;
    padding: 16.5px 25px; }
  .table tr {
    display: table-row;
    background-color: white; }
  .table td {
    padding: 42.5px 25px;
    border-bottom-width: 1px;
    border-bottom-style: solid; }
    .table td .button-icon {
      margin: 0 2.5px; }
    .table td a.js-remove-note-ref {
      color: #707070;
      font-size: 12px;
      display: inline-block;
      margin-top: 10px; }
      .table td a.js-remove-note-ref span.icon--black {
        background-color: #c1c6c9;
        border-radius: 50%;
        height: 20px;
        width: 20px;
        display: inline-block;
        text-align: center;
        padding-top: 2px;
        margin-right: 2px; }
        .table td a.js-remove-note-ref span.icon--black svg {
          width: 15px;
          height: 15px; }
      .table td a.js-remove-note-ref span.link-text {
        vertical-align: 3px; }
    .table td p {
      padding-bottom: 16px; }
    .table td .p--textarea {
      min-width: 150px;
      max-width: 300px;
      padding-bottom: 0; }
      .table td .p--textarea--center {
        margin: 0 auto; }
  .table__content--medium {
    min-width: 120px; }
  .table__content--large {
    min-width: 260px; }

@media only screen and (max-width: 75em) {
  .table-wrapper {
    overflow-x: auto;
    overflow-y: visible;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent; }
    .table-wrapper--black {
      border-color: #2c2c2c; }
    .table-wrapper--light {
      border-color: #c1c6c9; }
    .table-wrapper--gray {
      border-color: #707070; }
    .table-wrapper .table {
      border-left: none;
      border-right: none; }
      .table-wrapper .table tr:last-child td {
        border-bottom: none; } }

@media only screen and (max-width: 40em) {
  .table td {
    padding: 25px; } }

.quick-edit-table {
  width: 100%;
  max-width: 768px;
  border-collapse: collapse;
  border-top: 1px solid #DCDFE2;
  border-right: 1px solid #DCDFE2;
  border-bottom: 1px solid #DCDFE2; }
  .quick-edit-table thead tr {
    background-color: #DCDFE2;
    border-left: 1px solid #DCDFE2; }
  .quick-edit-table th {
    font-weight: normal;
    padding: 13px 26px;
    text-transform: uppercase; }
  .quick-edit-table tr {
    border-bottom: 1px solid #DCDFE2;
    background-color: white; }
  .quick-edit-table td {
    border: none;
    padding: 0;
    vertical-align: top; }
  .quick-edit-table__column {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 0; }
    .quick-edit-table__column--alert {
      padding-left: 94px;
      border-left: 1px solid #DCDFE2; }
    .quick-edit-table__column--warning {
      padding-left: 75px;
      border-left: 20px solid rgba(201, 137, 97, 0.6); }
    .quick-edit-table__column--danger {
      padding-left: 75px;
      border-left: 20px solid #bc614c; }
    .quick-edit-table__column__content {
      display: none;
      padding-top: 37px;
      padding-left: 97px; }
      .quick-edit-table__column__content.is-active {
        display: block; }
      .quick-edit-table__column__content .input-group {
        margin-top: 22.5px;
        margin-bottom: 22.5px; }
      .quick-edit-table__column__content label {
        display: block;
        color: #707070;
        padding-bottom: 15px;
        letter-spacing: 0.02rem;
        text-transform: uppercase; }
      .quick-edit-table__column__content input[type="submit"] {
        margin-top: 22.5px;
        margin-right: 40px; }
    .quick-edit-table__column textarea,
    .quick-edit-table__column input[type="text"] {
      width: 100%;
      line-height: 1.6rem;
      height: 5rem;
      display: block;
      border: none;
      font-weight: bold;
      padding-bottom: 0;
      padding-left: 0;
      margin-bottom: 15px; }
      .quick-edit-table__column textarea.is-empty,
      .quick-edit-table__column input[type="text"].is-empty {
        background-color: rgba(220, 223, 226, 0.1); }
      .quick-edit-table__column textarea:focus,
      .quick-edit-table__column input[type="text"]:focus {
        outline: none; }
  .quick-edit-table ul {
    margin: 0;
    padding: 0;
    margin-top: 10px; }
    .quick-edit-table ul li {
      line-height: 1.4rem;
      display: inline-block;
      padding-right: 10px;
      margin-right: 7px;
      border-right: 1px solid #c1c6c9; }
      .quick-edit-table ul li a {
        letter-spacing: 0.02rem;
        font-weight: normal;
        display: block;
        color: #707070;
        text-transform: uppercase; }
        .quick-edit-table ul li a:hover, .quick-edit-table ul li a:focus {
          color: #5a5a5a; }
      .quick-edit-table ul li:last-child {
        border-right: none; }

@media only screen and (max-width: 47.9375em) {
  .quick-edit-table th {
    font-size: 1rem;
    line-height: 1.4rem;
    padding-right: 20px;
    text-align: right; }
    .quick-edit-table th:first-child {
      width: 80%; }
  .quick-edit-table__column {
    padding-top: 20px;
    padding-bottom: 20px; }
    .quick-edit-table__column--alert {
      padding-left: 24px; }
    .quick-edit-table__column--warning, .quick-edit-table__column--danger {
      padding-left: 15px;
      border-left-width: 10px; }
    .quick-edit-table__column__content {
      padding-top: 0;
      padding-left: 0; }
      .quick-edit-table__column__content label {
        padding-bottom: 0; }
      .quick-edit-table__column__content input[type="submit"] {
        margin-top: 0;
        margin-right: 5px; }
      .quick-edit-table__column__content textarea {
        height: 8rem; }
    .quick-edit-table__column textarea {
      height: 6rem; }
  .quick-edit-table td:nth-child(2n+2) {
    text-align: right;
    padding-right: 20px; }
  .quick-edit-table ul {
    margin: 0; }
    .quick-edit-table ul li {
      padding-right: 5px;
      margin-right: 2px;
      margin-bottom: 20px;
      font-size: 1.2rem; } }

@media only screen and (max-width: 20em) {
  .quick-edit-table ul {
    padding-top: 20px; }
    .quick-edit-table ul li {
      display: block;
      border: none;
      padding: 0;
      margin: 0 0 10px; }
  .quick-edit-table__column__content {
    padding-top: 20px; }
    .quick-edit-table__column__content input[type="submit"] {
      margin-right: 0;
      margin-bottom: 20px; } }

.table-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 90px auto; }
  .table-filter--quick-edit-table {
    max-width: 768px; }
  .table-filter__column {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: end;
        align-self: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .table-filter__column:nth-child(2) {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
  .table-filter select {
    width: auto;
    padding: 0;
    padding-left: 5px;
    border-bottom: none;
    background-color: transparent; }
  .table-filter select, .table-filter__page-number {
    margin-right: 10px; }
  .table-filter__arrow {
    padding: 0 5px;
    cursor: pointer; }
  .table-filter__prev svg {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .table-filter__next svg {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }

@media only screen and (max-width: 42.5em) {
  .table-filter {
    margin: 45px auto 20px;
    display: block; }
    .table-filter__column {
      width: 100%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .table-filter__column .search {
        margin-bottom: 20px; }
        .table-filter__column .search input {
          margin: 0 auto; }
      .table-filter__column:nth-child(2) {
        -ms-flex-pack: distribute;
            justify-content: space-around; } }

.menu-section {
  padding: 0;
  padding-top: 60px;
  margin: 0;
  text-align: center;
  font-size: 2rem;
  line-height: 2rem;
  text-transform: uppercase;
  white-space: nowrap;
  overflow-x: auto; }
  .menu-section li {
    display: inline-block;
    margin: 0 40px; }
    .menu-section li a {
      display: block;
      font-weight: bold;
      padding: 15px 10px; }
  .menu-section__item {
    opacity: .44;
    border-bottom: 4px solid transparent;
    -webkit-transition: var(--main-transition);
    transition: var(--main-transition); }
    .menu-section__item.is-active, .menu-section__item:hover {
      opacity: 1; }
  .menu-section--kale .is-active {
    border-bottom-color: #55807f; }
  .menu-section--kale a {
    color: #55807f; }
    .menu-section--kale a:hover {
      color: #446666; }
  .menu-section--white .is-active {
    border-bottom-color: rgba(255, 255, 255, 0.8); }
  .menu-section--white a {
    color: white; }
    .menu-section--white a:hover {
      color: white; }
  .menu-section--black .is-active {
    border-bottom-color: #2c2c2c; }
  .menu-section--black a {
    color: #2c2c2c; }
    .menu-section--black a:hover {
      color: #232323; }
  .menu-section--papaya .is-active {
    border-bottom-color: rgba(255, 255, 255, 0.8); }
  .menu-section--papaya a {
    color: white; }
    .menu-section--papaya a:hover {
      color: white; }

@media only screen and (max-width: 48em) {
  .menu-section li {
    margin: 0 20px; } }

@media only screen and (max-width: 33.75em) {
  .menu-section {
    font-size: 1.4rem;
    line-height: 1.4rem; }
    .menu-section li {
      margin: 0 5px; }
      .menu-section li a {
        padding: 10px; } }

.menu-data {
  list-style: none;
  text-align: center;
  text-transform: uppercase;
  padding: 0;
  margin: 35px auto 50px; }
  .menu-data li {
    display: inline-block;
    padding: 45px 100px;
    border-right: 1px solid #2c2c2c; }
    .menu-data li div {
      max-width: 100px;
      margin: 0 auto; }
    .menu-data li a {
      display: block;
      margin-bottom: 20px; }
    .menu-data li:last-child {
      border: none; }

@media only screen and (max-width: 64em) {
  .menu-data li {
    padding: 35px 50px; } }

@media only screen and (max-width: 47.9375em) {
  .menu-data li {
    display: block;
    padding: 25px 50px;
    border-right: none;
    border-bottom: 1px solid #2c2c2c; }
    .menu-data li div {
      width: 100%;
      max-width: none; } }

.modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 400; }
  .modal--confirm {
    background-color: rgba(119, 178, 177, 0.86); }
  .modal--error {
    background-color: rgba(188, 97, 76, 0.86); }
  .modal--delete {
    background-color: rgba(153, 78, 61, 0.86); }
    .modal--delete .modal__content {
      height: 470px; }
  .modal__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 410px;
    height: 390px; }
    .modal__content--text {
      width: 100%;
      height: 100%;
      max-width: 1000px;
      background-color: transparent; }
      .modal__content--text button {
        margin-top: 54px; }
    .modal__content h2 {
      margin-bottom: 30px; }
    .modal__content p {
      margin-bottom: 40px; }
    .modal__content__icon {
      display: block;
      width: 35px;
      height: 35px;
      border-radius: 50%;
      margin-bottom: 30px; }
      .modal__content__icon--confirm {
        background-color: #77b2b1; }
      .modal__content__icon--error {
        background-color: #bc614c; }
      .modal__content__icon--close {
        cursor: pointer;
        top: 20px;
        right: 20px;
        position: absolute; }
        .modal__content__icon--close svg {
          stroke: #2c2c2c; }
          .modal__content__icon--close svg path {
            fill: #2c2c2c; }
      .modal__content__icon svg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        margin: 0 auto;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 100%; }
    .modal__content--flow-column {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column; }

@media only screen and (max-width: 33.75em) {
  .modal__content {
    width: 300px;
    height: 390px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .modal__content--flow-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

.progress {
  width: 242px;
  height: 6px; }
  .progress--fullscreen {
    width: 100%;
    height: 6px; }
  .progress--fixed {
    position: fixed;
    z-index: 420; }
  .progress__bar {
    visibility: hidden;
    z-index: -1;
    width: 100%;
    height: 6px;
    overflow: hidden;
    position: relative;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: right center;
            transform-origin: right center; }
    .progress__bar--confirm {
      background-color: #77b2b1; }
    .progress__bar--error {
      background-color: #bc614c; }
    .progress__bar--negative {
      background-color: white; }
  .progress__line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: left center;
            transform-origin: left center; }
    .progress__line--confirm {
      background-color: #55807f; }
    .progress__line--error {
      background-color: #994e3d; }

.search {
  display: inline-block;
  position: relative; }
  .search--table-filter .search__input {
    font-size: 2rem;
    color: #2c2c2c;
    width: 300px;
    height: 70px;
    line-height: 70px;
    text-align: left;
    text-transform: none;
    padding: 0 20px; }
  .search--table-filter .search__icon {
    width: 26px;
    right: 20px; }
  .search__input {
    width: 598px;
    height: 93px;
    line-height: 93px;
    border: 1px solid #707070;
    text-align: center;
    text-transform: uppercase;
    outline: none; }
    .search__input:focus, .search__input:blur {
      outline: none; }
  .search__icon {
    width: 93px;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 1px;
    position: absolute;
    background-color: white; }
    .search__icon--apple svg {
      fill: #bc614c; }
    .search__icon--grape svg {
      fill: #6550bf; }

@media only screen and (max-width: 48em) {
  .search__input {
    width: 385px;
    height: 63px;
    line-height: 63px; } }

@media only screen and (max-width: 33.75em) {
  .search__input {
    width: 320px;
    height: 45px;
    line-height: 45px; }
  .search__icon {
    width: 45px; }
    .search__icon svg {
      width: 20px;
      height: 15px; }
  .search--table-filter .search__input {
    padding-left: 15px; }
  .search--table-filter .search__icon svg {
    width: 20px;
    height: auto;
    margin-top: auto;
    right: 15px; } }

@media only screen and (max-width: 20em) {
  .search__input {
    width: 275px;
    height: 45px;
    line-height: 45px; }
  .search__icon {
    width: 35px; } }

.animate-hero {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: -100px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: -1; }

@media only screen and (max-width: 47.9375em) {
  .animate-hero {
    top: 100px; } }

.weather {
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0;
  text-align: center;
  max-width: 650px;
  margin: 40px auto 20px;
  color: #707070; }
  .weather li {
    width: 10%;
    margin-right: 4%;
    display: inline-block; }
    .weather li:last-child {
      margin-right: 0; }
    .weather li span {
      display: block;
      line-height: 2rem;
      text-transform: uppercase; }
    .weather li img {
      margin-top: 10px;
      max-width: 40px; }
  .weather__day {
    font-weight: bold; }
  .weather__degree {
    font-size: 1rem; }

@media only screen and (max-width: 33.75em) {
  .weather li {
    width: 11%;
    margin-right: 2%; }
    .weather li span {
      line-height: 1rem; }
    .weather li img {
      margin-top: 5px; }
  .weather__day {
    font-size: 1rem;
    padding-bottom: 10px; }
  .weather__degree {
    font-size: .7rem;
    padding-bottom: 5px; } }

#chart {
  width: 100%;
  max-width: 960px;
  height: 390px;
  margin: 0 auto;
  display: block; }

.tail-select, .tail-select * {
  -webkit-user-select: initial; }

.nav-select {
  max-width: 180px;
  margin: 0 auto; }

.tail-select {
  max-width: 200px;
  min-width: 110px;
  display: inline-block;
  outline: none;
  border: none;
  width: 100%;
  padding: 15px 0;
  font-size: 1.6rem;
  line-height: 1.8rem;
  font-weight: bold;
  border-bottom: 2px solid #707070;
  background-color: transparent; }
  .tail-select mark {
    padding: 3px 0;
    background-color: #77b2b1; }
  .tail-select .select-label:after {
    display: block;
    width: 10px;
    height: 10px;
    border-top: none;
    border-style: initial;
    border-bottom: 3px solid #2c2c2c;
    border-right: 3px solid #2c2c2c;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    margin: -10px;
    top: 60%;
    -webkit-transition: var(--main-transition);
    transition: var(--main-transition); }
  .tail-select.active .select-label:after {
    border-top: none;
    border-style: initial;
    border-bottom: 3px solid #2c2c2c;
    border-right: 3px solid #2c2c2c;
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
    margin: -10px; }
  .tail-select input[type="text"] {
    font-size: 1.6rem;
    color: #707070;
    padding: 15px;
    border-bottom: 1px solid #707070; }
    .tail-select input[type="text"]:focus {
      color: #707070;
      border-bottom: 1px solid #707070; }
  .tail-select:hover, .tail-select:focus {
    -webkit-box-shadow: none;
            box-shadow: none; }
    .tail-select:hover .select-label, .tail-select:focus .select-label {
      -webkit-box-shadow: none;
              box-shadow: none; }
  .tail-select .select-dropdown .dropdown-search,
  .tail-select.active .select-label,
  .tail-select .select-label {
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
    padding: 10px 20px 10px 0;
    background-color: transparent; }
    .tail-select .select-dropdown .dropdown-search:hover, .tail-select .select-dropdown .dropdown-search:focus,
    .tail-select.active .select-label:hover,
    .tail-select.active .select-label:focus,
    .tail-select .select-label:hover,
    .tail-select .select-label:focus {
      -webkit-box-shadow: none;
              box-shadow: none; }
    .tail-select .select-dropdown .dropdown-search .select-dropdown,
    .tail-select.active .select-label .select-dropdown,
    .tail-select .select-label .select-dropdown {
      color: #2c2c2c;
      font-weight: normal;
      border-bottom: none; }
  .tail-select.open-top .select-dropdown,
  .tail-select .select-dropdown {
    color: #707070;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    border-color: #707070;
    border-width: 1px; }
    .tail-select.open-top .select-dropdown .dropdown-search,
    .tail-select .select-dropdown .dropdown-search {
      -webkit-box-shadow: none;
              box-shadow: none;
      border-color: #707070;
      padding: 0; }
    .tail-select.open-top .select-dropdown ul,
    .tail-select .select-dropdown ul {
      color: #707070;
      font-size: 1.6rem; }
      .tail-select.open-top .select-dropdown ul li,
      .tail-select .select-dropdown ul li {
        font-size: 1.6rem;
        padding: 10px; }
        .tail-select.open-top .select-dropdown ul li.dropdown-option:hover, .tail-select.open-top .select-dropdown ul li.dropdown-option.hover,
        .tail-select .select-dropdown ul li.dropdown-option:hover,
        .tail-select .select-dropdown ul li.dropdown-option.hover {
          background-color: #DCDFE2; }
        .tail-select.open-top .select-dropdown ul li.dropdown-option:before,
        .tail-select .select-dropdown ul li.dropdown-option:before {
          display: none; }
        .tail-select.open-top .select-dropdown ul li.dropdown-option.selected,
        .tail-select .select-dropdown ul li.dropdown-option.selected {
          color: #707070;
          font-weight: 700; }
    .tail-select.open-top .select-dropdown .dropdown-empty,
    .tail-select .select-dropdown .dropdown-empty {
      font-size: 1.6rem; }

@media only screen and (min-width: 40em) {
  .choices__list--dropdown .choices__item--selectable {
    padding: 10px; } }

@media only screen and (max-width: 75em) {
  .choices__list--dropdown .choices__list {
    max-height: 88px; } }

#confetti {
  width: 100%;
  height: 100%;
  position: absolute; }

.alert {
  z-index: -1;
  visibility: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 40px;
  color: white;
  z-index: 420;
  position: fixed;
  top: 0;
  right: 0; }
  .alert__icon {
    display: block;
    width: 35px;
    height: 35px;
    top: 0;
    left: 0;
    border-radius: 50%;
    margin-right: 30px;
    position: relative; }
    .alert__icon--confirm {
      background-color: #77b2b1; }
    .alert__icon--error {
      background-color: #bc614c; }
    .alert__icon svg {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      text-align: center;
      margin: 0 auto;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 100%;
      fill: white;
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }

.not-found {
  overflow: hidden; }
  .not-found svg {
    top: 50%;
    right: -50px;
    position: fixed; }

@media only screen and (max-width: 33.75em) {
  .not-found svg {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); } }

.tribute-container {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  max-height: 300px;
  max-width: 500px;
  overflow: auto;
  display: block;
  z-index: 999999; }
  .tribute-container ul {
    margin: 0;
    margin-top: 2px;
    padding: 0;
    list-style: none;
    background: #efefef; }
  .tribute-container li {
    padding: 5px 5px;
    cursor: pointer; }
    .tribute-container li.highlight {
      background: #ddd; }
    .tribute-container li span {
      font-weight: bold; }
    .tribute-container li.no-match {
      cursor: default; }
  .tribute-container .menu-highlighted {
    font-weight: bold; }

.tribute-container ul {
  color: #2c2c2c;
  font-size: 1.4rem;
  font-weight: 700;
  background-color: #c1c6c9; }
  .tribute-container ul li {
    line-height: 55px;
    border-bottom: 2px solid #707070;
    padding: 5px 10px; }
    .tribute-container ul li.highlight {
      background-color: #DCDFE2; }