/*=========== FONTS, FUNCTIONS AND IMPORTS ============================================================= */
@font-face {
  font-family: "GTEestiProDisplay-Medium";
  src: url("./font/GTEestiProDisplay-Medium.eot");
  src: url("./font/GTEestiProDisplay-Medium.eot?#iefix") format("embedded-opentype"), url("./font/GTEestiProDisplay-Medium.woff") format("woff"), url("./font/GTEestiProDisplay-Medium.ttf") format("truetype"), url("./font/GTEestiProDisplay-Medium.svg#GTEestiProDisplay-Medium") format("svg"); }
@font-face {
  font-family: "GTEestiProDisplay-Regular";
  src: url("./font/GTEestiProDisplay-Regular.eot");
  src: url("./font/GTEestiProDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("./font/GTEestiProDisplay-Regular.woff") format("woff"), url("./font/GTEestiProDisplay-Regular.ttf") format("truetype"), url("./font/GTEestiProDisplay-Regular.svg#GTEestiProDisplay-Regular") format("svg"); }
.seafoam {
  color: #20D28D; }

.seafoam-bk {
  background-color: #20D28D; }

.blueberry {
  color: #228CAC; }

.blueberry-bk {
  background-color: #228CAC; }

.bumblebee {
  color: #FFCC00; }

.bumblebee-bk {
  background-color: #FFCC00; }

.papaya {
  color: #F97938; }

.papaya-bk {
  background-color: #F97938; }

.slate {
  color: #2E2E2E; }

.slate-bk {
  background-color: #2E2E2E; }

.charcoal {
  color: #6A6A6A; }

.charcoal-bk {
  background-color: #6A6A6A; }

.frost {
  color: #CACACA; }

.frost-bk {
  background-color: #CACACA; }

.cloud {
  color: #F0F0F0; }

.cloud-bk {
  background-color: #F0F0F0; }

.form-input {
  position: relative;
  margin-bottom: -1.5pt; }
  .form-input .txt-input {
    margin: 0px;
    width: 350pt;
    max-width: 100%;
    position: relative;
    border: 1.5pt solid #CACACA;
    outline: none;
    background-color: #FFF;
    color: #2E2E2E;
    padding: 20pt;
    padding-bottom: 4pt;
    padding-top: 22pt;
    font-size: 16pt;
    font-family: "GTEestiProDisplay-Regular";
    z-index: 1; }
  .form-input label {
    z-index: 3;
    pointer-events: none;
    padding-top: 8pt;
    padding-bottom: 4pt;
    color: #CACACA;
    cursor: text;
    font-family: "GTEestiProDisplay-Medium";
    font-size: 16pt !important;
    position: absolute;
    left: 20pt;
    top: 8pt !important;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s; }
  .form-input textarea {
    resize: vertical;
    overflow: auto;
    min-height: 122px; }
  .form-input .txt-input.single, .form-input .form-input.single {
    -webkit-border-radius: 4pt;
    -moz-border-radius: 4pt;
    -ms-border-radius: 4pt;
    border-radius: 4pt;
    behavior: url("PIE.htc"); }
  .form-input .txt-input.first, .form-input .form-input.first {
    -webkit-border-radius: 4pt 4pt 0 0;
    -moz-border-radius: 4pt 4pt 0 0;
    -ms-border-radius: 4pt 4pt 0 0;
    border-radius: 4pt 4pt 0 0;
    behavior: url("PIE.htc"); }
  .form-input .txt-input.last, .form-input .form-input.last {
    -webkit-border-radius: 0 0 4pt 4pt;
    -moz-border-radius: 0 0 4pt 4pt;
    -ms-border-radius: 0 0 4pt 4pt;
    border-radius: 0 0 4pt 4pt;
    behavior: url("PIE.htc"); }
  .form-input .txt-input:focus ~ .form-input, .form-input .txt-input.open ~ .form-input {
    border-color: #20D28D;
    z-index: 2; }
  .form-input .txt-input:focus + label, .form-input .label-small {
    font-size: 11pt !important;
    top: 1.5pt !important; }
  .form-input .txt-input:focus + label, .form-input .txt-input.open + label {
    color: #20D28D; }
  .form-input .error {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    -moz-border-top-left-radius: 0px !important;
    -moz-border-top-right-radius: 0px !important;
    -ms-border-top-left-radius: 0px !important;
    -ms-border-top-right-radius: 0px !important;
    z-index: 2; }
  .form-input .error, .form-input .error:focus {
    border-color: #F97938; }
  .form-input .error + label, .form-input .error:focus + label {
    color: #F97938; }

.form-input.textarea {
  margin-bottom: -5pt; }
  .form-input.textarea label {
    width: 310pt;
    max-width: 80%;
    background-color: #FFF; }

.form-select {
  position: relative;
  width: 350pt;
  max-width: 100%;
  border: 1.5pt solid #CACACA;
  margin-bottom: -1.5pt;
  background-color: #FFF;
  color: #2E2E2E;
  font-size: 16pt;
  font-family: "GTEestiProDisplay-Regular";
  z-index: 1; }
  .form-select .select-item {
    position: relative; }
  .form-select label {
    z-index: 3;
    position: absolute;
    pointer-events: none;
    font-size: 11pt;
    top: 0pt;
    left: 20pt;
    padding-top: 8pt;
    padding-bottom: 4pt;
    color: #CACACA; }
  .form-select input {
    background-color: transparent;
    outline: none;
    border: 0px;
    color: #2E2E2E;
    padding: 20pt;
    padding-bottom: 4pt;
    padding-top: 22pt;
    font-size: 16pt;
    font-family: "GTEestiProDisplay-Regular";
    width: 100%;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; }
  .form-select .arrow {
    font-size: 21pt;
    position: absolute;
    right: 12pt;
    top: 20pt;
    color: #CACACA;
    z-index: 3;
    cursor: pointer;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s; }
  .form-select .arrow.focused {
    color: #20D28D; }
  .form-select .select-item.default input {
    color: #CACACA;
    font-family: "GTEestiProDisplay-Medium"; }
  .form-select .select-item.open .arrow {
    color: #20D28D;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .form-select .select-item.third {
    width: 33.3%;
    float: left; }
  .form-select .select-item.third.item-2 input {
    left: 33.3%;
    padding-left: 8pt; }
  .form-select .select-item.third.item-3 input {
    left: 66.7%;
    padding-left: 8pt; }
  .form-select .select-list {
    display: none;
    background-color: #FFF;
    border-top: 1.5pt solid #CACACA;
    max-height: 150px;
    overflow-y: auto;
    cursor: pointer; }
    .form-select .select-list button {
      text-align: left;
      display: block;
      width: 100%;
      background-color: #FFF;
      color: #2E2E2E;
      border: 0px;
      outline: none;
      font-family: "GTEestiProDisplay-Regular";
      padding: 20pt;
      padding-top: 8pt;
      padding-bottom: 8pt;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      -ms-border-radius: 0px;
      border-radius: 0px;
      behavior: url("PIE.htc"); }
    .form-select .select-list button:focus {
      background-color: #20D28D;
      color: #FFF; }
    .form-select .select-list button:active {
      background-color: #228CAC; }

.form-select.single {
  -webkit-border-radius: 4pt;
  -moz-border-radius: 4pt;
  -ms-border-radius: 4pt;
  border-radius: 4pt;
  behavior: url("PIE.htc"); }

.form-select.first {
  -webkit-border-radius: 4pt 4pt 0 0;
  -moz-border-radius: 4pt 4pt 0 0;
  -ms-border-radius: 4pt 4pt 0 0;
  border-radius: 4pt 4pt 0 0;
  behavior: url("PIE.htc"); }

.form-select.last {
  -webkit-border-radius: 0 0 4pt 4pt;
  -moz-border-radius: 0 0 4pt 4pt;
  -ms-border-radius: 0 0 4pt 4pt;
  border-radius: 0 0 4pt 4pt;
  behavior: url("PIE.htc"); }

.form-select.open, .form-select.focused {
  border-color: #20D28D;
  z-index: 2; }
  .form-select.open label, .form-select.focused label {
    color: #20D28D; }

.form-select.error {
  z-index: 2;
  border-color: #F97938 !important; }
  .form-select.error label {
    color: #F97938; }
  .form-select.error .arrow.focused {
    color: #F97938; }

.input-error {
  background-color: #F97938;
  color: #FFF;
  padding: 4pt;
  font-size: 12pt;
  display: none; }

.input-error.first {
  -webkit-border-radius: 4pt 4pt 0 0;
  -moz-border-radius: 4pt 4pt 0 0;
  -ms-border-radius: 4pt 4pt 0 0;
  border-radius: 4pt 4pt 0 0;
  behavior: url("PIE.htc"); }

form {
  position: relative; }
  form .form-exit {
    position: absolute;
    right: 0;
    top: 0; }
  form .form-title {
    margin-bottom: 32pt;
    max-width: 75%; }
  form .form-break {
    margin-top: 32pt;
    margin-bottom: 32pt; }
  form .form-buttons {
    margin-top: 20pt;
    margin-bottom: 20pt; }
    form .form-buttons button {
      min-width: 70%;
      margin-top: 12pt;
      margin-bottom: 12pt; }
  form .left, form .right {
    width: 50%; }
  form .info-item {
    display: none;
    padding-left: 40pt;
    color: #6A6A6A; }
    form .info-item p {
      font-size: 12pt; }
    form .info-item h6 {
      font-family: "GTEestiProDisplay-Medium"; }
  form .info-item.error p {
    color: #F97938;
    margin-top: 4pt;
    margin-bottom: 4pt; }

/*=========== GLOBAL ELEMENTS ========================================================================== */
html, body {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px; }

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

.right {
  float: right; }

.left {
  float: left; }

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

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

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

.clearfix {
  clear: both; }

.clear-left {
  clear: left; }

.clear-right {
  clear: right; }

.circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  behavior: url("PIE.htc"); }

.horizontal-line {
  height: 4pt;
  background-color: #F0F0F0;
  -webkit-border-radius: 4pt;
  -moz-border-radius: 4pt;
  -ms-border-radius: 4pt;
  border-radius: 4pt;
  behavior: url("PIE.htc"); }

.vertical-line {
  width: 4pt;
  background-color: #F0F0F0;
  -webkit-border-radius: 4pt;
  -moz-border-radius: 4pt;
  -ms-border-radius: 4pt;
  border-radius: 4pt;
  behavior: url("PIE.htc"); }

b {
  font-weight: normal;
  font-family: "GTEestiProDisplay-Medium"; }

em {
  font-style: normal;
  color: #20D28D; }

h1, h2, h3, h4, h5, h6, p {
  font-size: 32pt;
  font-weight: normal;
  margin-top: 12pt;
  margin-bottom: 12pt; }

h2 {
  font-size: 28pt; }

h3 {
  font-size: 24pt; }

h4 {
  font-size: 21pt; }

h5 {
  font-size: 18pt; }

h6 {
  font-size: 16pt; }

p {
  font-size: 14pt; }

.subtext {
  font-size: 12pt; }

.eu-btn, .eu-btn-secondary, .eu-btn-secondary-small, .eu-btn-small {
  background-color: #20D28D;
  font-family: "GTEestiProDisplay-Medium";
  outline: none;
  cursor: pointer;
  border: 1.5pt solid #20D28D;
  padding: 8pt;
  padding-left: 32pt;
  padding-right: 32pt;
  color: #FFF;
  font-size: 16pt;
  line-height: 16pt;
  display: block;
  -webkit-border-radius: 20pt;
  -moz-border-radius: 20pt;
  -ms-border-radius: 20pt;
  border-radius: 20pt;
  behavior: url("PIE.htc");
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s; }

.eu-btn:hover, .eu-btn-secondary:hover, .eu-btn-secondary-small:hover, .eu-btn-small:hover {
  background-color: #228CAC;
  border-color: #228CAC; }

.eu-btn:active, .eu-btn-secondary:active, .eu-btn-secondary-small:active, .eu-btn-small:active {
  background-color: #2E2E2E;
  border-color: #2E2E2E; }

.eu-btn-secondary, .eu-btn-secondary-small {
  background-color: #FFF;
  color: #20D28D; }

.eu-btn-secondary:hover, .eu-btn-secondary-small:hover {
  background-color: #FFF;
  color: #228CAC;
  border-color: #228CAC; }

.eu-btn-secondary:active, .eu-btn-secondary-small:active {
  background-color: #228CAC;
  color: #FFF;
  border-color: #228CAC; }

.eu-btn-small, .eu-btn-secondary-small {
  font-size: 14pt;
  line-height: 14pt;
  padding-left: 20pt;
  padding-right: 20pt; }

/*=========== PAGE CONTAINERS ========================================================================== */
.page {
  background-color: #F0F0F0;
  text-align: center;
  color: #2E2E2E;
  font-family: "GTEestiProDisplay-Regular";
  font-size: 14pt; }

.page-container {
  width: 90%;
  max-width: 1300px;
  margin: 0 auto;
  padding-top: 70pt;
  text-align: left; }

#main {
  position: relative; }

nav {
  text-align: right;
  width: 100%;
  top: 0;
  background-color: #20D28D;
  position: fixed;
  z-index: 10;
  color: #FFF; }
  nav .nav-contents {
    padding: 20pt;
    padding-left: 40pt;
    padding-right: 20pt; }
    nav .nav-contents img {
      float: left;
      width: 80px;
      height: auto;
      margin-top: -12pt; }
    nav .nav-contents .nav-links a {
      text-decoration: none;
      color: #FFF;
      padding-left: 20pt;
      padding-right: 20pt; }

section {
  margin-top: -86pt;
  padding-top: 86pt; }

section.left {
  display: inline-block;
  width: 70%; }

section.skinny {
  margin: 0 auto;
  margin-top: -86pt;
  width: 80%;
  max-width: 1000px; }
  section.skinny .panel {
    margin-top: 40pt; }

.sidebar {
  width: 30%;
  display: inline-block;
  padding: 32pt;
  padding-top: 0px; }
  .sidebar .panel {
    padding: 32pt; }
  .sidebar h5 {
    margin-top: 0px; }
  .sidebar a {
    display: block;
    width: 100%;
    color: #20D28D;
    padding: 4pt;
    text-decoration: none;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s; }
  .sidebar a:hover {
    background-color: #20D28D;
    color: #FFF; }
  .sidebar a:active {
    background-color: #228CAC; }

.sidebar.right {
  padding-right: 0px; }

.sidebar.sticky {
  position: fixed;
  top: 86pt;
  width: 27%;
  max-width: 390px; }

.panel {
  background-color: #FFF;
  padding: 40pt;
  margin-top: 16pt;
  margin-bottom: 16pt;
  clear: both;
  -webkit-border-radius: 6pt;
  -moz-border-radius: 6pt;
  -ms-border-radius: 6pt;
  border-radius: 6pt;
  behavior: url("PIE.htc"); }

.panel.extra-padding {
  padding: 60pt; }

.code {
  background-color: #F0F0F0;
  font-family: "Courier";
  margin: 20pt;
  padding: 20pt; }

/*=========== RESPONSIVE DESIGN ========================================================================== */
@media (max-width: 1300px) {
  .page-container {
    width: 95%; }

  .sidebar.sticky {
    width: 28.5%; } }
@media (max-width: 1200px) {
  section.left {
    width: 100%; }

  section.skinny {
    width: 100%; }

  .sidebar {
    display: none; } }
@media (max-width: 700px) {
  .panel.extra-padding {
    padding: 20pt; } }
@media (max-width: 600px) {
  .panel {
    padding: 20pt; }

  nav .nav-contents {
    padding-left: 12pt;
    padding-right: 0px; }
    nav .nav-contents .nav-links a {
      padding-left: 12pt;
      padding-right: 12pt; }

  form .left {
    width: 100%; }
  form .right {
    width: 100%; }
    form .right .info-item {
      padding-left: 0px;
      padding-top: 20pt; }
  form .form-title {
    max-width: 50%; } }
@media (max-width: 400px) {
  .panel {
    padding: 16pt; } }

/*# sourceMappingURL=style.css.map */