/*!
 * Milligram v1.3.0
 * https://milligram.io
 *
 * Copyright (c) 2019 CJ Patoilo
 * Licensed under the MIT license
 */

 *,
 *:after,
 *:before {
     box-sizing: inherit;
 }
 html {
     box-sizing: border-box;
     font-size: 62.5%;
 }
 body {
     color: #606c76;
     font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
     font-size: 1.6em;
     font-weight: 300;
     letter-spacing: 0.01em;
     line-height: 1.6;
 }
 blockquote {
     border-left: 0.3rem solid #d1d1d1;
     margin-left: 0;
     margin-right: 0;
     padding: 1rem 1.5rem;
 }
 blockquote *:last-child {
     margin-bottom: 0;
 }
 .button,
 button,
 input[type="button"],
 input[type="reset"],
 input[type="submit"] {
     background-color: #d33c43;
     border: 0.1rem solid #d33c43;
     border-radius: 0.4rem;
     color: #fff;
     cursor: pointer;
     display: inline-block;
     font-size: 1.1rem;
     font-weight: 700;
     height: 3.8rem;
     letter-spacing: 0.1rem;
     line-height: 3.8rem;
     padding: 0 3rem;
     text-align: center;
     text-decoration: none;
     text-transform: uppercase;
     white-space: nowrap;
 }
 .button:focus,
 .button:hover,
 button:focus,
 button:hover,
 input[type="button"]:focus,
 input[type="button"]:hover,
 input[type="reset"]:focus,
 input[type="reset"]:hover,
 input[type="submit"]:focus,
 input[type="submit"]:hover {
     background-color: #606c76;
     border-color: #606c76;
     color: #fff;
     outline: 0;
 }
 .button[disabled],
 button[disabled],
 input[type="button"][disabled],
 input[type="reset"][disabled],
 input[type="submit"][disabled] {
     cursor: default;
     opacity: 0.5;
 }
 .button[disabled]:focus,
 .button[disabled]:hover,
 button[disabled]:focus,
 button[disabled]:hover,
 input[type="button"][disabled]:focus,
 input[type="button"][disabled]:hover,
 input[type="reset"][disabled]:focus,
 input[type="reset"][disabled]:hover,
 input[type="submit"][disabled]:focus,
 input[type="submit"][disabled]:hover {
     background-color: #d33c43;
     border-color: #d33c43;
 }
 .button.button-outline,
 button.button-outline,
 input[type="button"].button-outline,
 input[type="reset"].button-outline,
 input[type="submit"].button-outline {
     background-color: transparent;
     color: #d33c43;
 }
 .button.button-outline:focus,
 .button.button-outline:hover,
 button.button-outline:focus,
 button.button-outline:hover,
 input[type="button"].button-outline:focus,
 input[type="button"].button-outline:hover,
 input[type="reset"].button-outline:focus,
 input[type="reset"].button-outline:hover,
 input[type="submit"].button-outline:focus,
 input[type="submit"].button-outline:hover {
     background-color: transparent;
     border-color: #606c76;
     color: #606c76;
 }
 .button.button-outline[disabled]:focus,
 .button.button-outline[disabled]:hover,
 button.button-outline[disabled]:focus,
 button.button-outline[disabled]:hover,
 input[type="button"].button-outline[disabled]:focus,
 input[type="button"].button-outline[disabled]:hover,
 input[type="reset"].button-outline[disabled]:focus,
 input[type="reset"].button-outline[disabled]:hover,
 input[type="submit"].button-outline[disabled]:focus,
 input[type="submit"].button-outline[disabled]:hover {
     border-color: inherit;
     color: #d33c43;
 }
 .button.button-clear,
 button.button-clear,
 input[type="button"].button-clear,
 input[type="reset"].button-clear,
 input[type="submit"].button-clear {
     background-color: transparent;
     border-color: transparent;
     color: #d33c43;
 }
 .button.button-clear:focus,
 .button.button-clear:hover,
 button.button-clear:focus,
 button.button-clear:hover,
 input[type="button"].button-clear:focus,
 input[type="button"].button-clear:hover,
 input[type="reset"].button-clear:focus,
 input[type="reset"].button-clear:hover,
 input[type="submit"].button-clear:focus,
 input[type="submit"].button-clear:hover {
     background-color: transparent;
     border-color: transparent;
     color: #606c76;
 }
 .button.button-clear[disabled]:focus,
 .button.button-clear[disabled]:hover,
 button.button-clear[disabled]:focus,
 button.button-clear[disabled]:hover,
 input[type="button"].button-clear[disabled]:focus,
 input[type="button"].button-clear[disabled]:hover,
 input[type="reset"].button-clear[disabled]:focus,
 input[type="reset"].button-clear[disabled]:hover,
 input[type="submit"].button-clear[disabled]:focus,
 input[type="submit"].button-clear[disabled]:hover {
     color: #d33c43;
 }
 code {
     background: #f4f5f6;
     border-radius: 0.4rem;
     font-size: 86%;
     margin: 0 0.2rem;
     padding: 0.2rem 0.5rem;
     white-space: nowrap;
 }
 pre {
     background: #f4f5f6;
     border-left: 0.3rem solid #d33c43;
     overflow-y: hidden;
 }
 pre > code {
     border-radius: 0;
     display: block;
     padding: 1rem 1.5rem;
     white-space: pre;
 }
 hr {
     border: 0;
     border-top: 0.1rem solid #f4f5f6;
     margin: 3rem 0;
 }
 input[type="email"],
 input[type="number"],
 input[type="password"],
 input[type="search"],
 input[type="tel"],
 input[type="text"],
 input[type="url"],
 input[type="color"],
 input[type="date"],
 input[type="month"],
 input[type="week"],
 input[type="datetime"],
 input[type="datetime-local"],
 input:not([type]),
 textarea,
 select {
     background-color: transparent;
     border: 0.1rem solid #d1d1d1;
     border-radius: 0.4rem;
     box-shadow: none;
     box-sizing: inherit;
     height: 3.8rem;
     padding: 0.6rem 1rem;
     width: 100%;
 }
 input[type="email"]:focus,
 input[type="number"]:focus,
 input[type="password"]:focus,
 input[type="search"]:focus,
 input[type="tel"]:focus,
 input[type="text"]:focus,
 input[type="url"]:focus,
 input[type="color"]:focus,
 input[type="date"]:focus,
 input[type="month"]:focus,
 input[type="week"]:focus,
 input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input:not([type]):focus,
 textarea:focus,
 select:focus {
     border-color: #606c76;
     outline: 0;
 }
 select {
     padding-right: 3rem;
 }
 textarea {
     min-height: 6.5rem;
 }
 label,
 legend {
     display: block;
     font-size: 2rem;
     font-weight: 700;
     margin-bottom: 2rem;
 }
 fieldset {
     border-width: 0;
     padding: 0;
 }
 input[type="checkbox"],
 input[type="radio"] {
     display: inline;
 }
 .label-inline {
     display: inline-block;
     font-weight: normal;
     margin-left: 0.5rem;
 }
 .container {
     margin: 0 auto;
     max-width: 112rem;
     padding: 0 2rem;
     position: relative;
     width: 100%;
 }
 .row {
     display: flex;
     flex-direction: column;
     padding: 0;
     /* width: 100%; */
 }
 .row.row-no-padding {
     padding: 0;
 }
 .row.row-no-padding > .column {
     padding: 0;
 }
 .row.row-wrap {
     flex-wrap: wrap;
 }
 .row.row-top {
     align-items: flex-start;
 }
 .row.row-bottom {
     align-items: flex-end;
 }
 .row.row-center {
     align-items: center;
 }
 .row.row-stretch {
     align-items: stretch;
 }
 .row.row-baseline {
     align-items: baseline;
 }
 .row .column {
     display: block;
     flex: 1 1 auto;
     margin-left: 0;
     max-width: 100%;
     width: 100%;
 }
 .row .column.column-offset-10 {
     margin-left: 10%;
 }
 .row .column.column-offset-20 {
     margin-left: 20%;
 }
 .row .column.column-offset-25 {
     margin-left: 25%;
 }
 .row .column.column-offset-33,
 .row .column.column-offset-34 {
     margin-left: 33.3333%;
 }
 .row .column.column-offset-50 {
     margin-left: 50%;
 }
 .row .column.column-offset-66,
 .row .column.column-offset-67 {
     margin-left: 66.6666%;
 }
 .row .column.column-offset-75 {
     margin-left: 75%;
 }
 .row .column.column-offset-80 {
     margin-left: 80%;
 }
 .row .column.column-offset-90 {
     margin-left: 90%;
 }
 .row .column.column-10 {
     flex: 0 0 10%;
     max-width: 10%;
 }
 .row .column.column-20 {
     flex: 0 0 20%;
     max-width: 20%;
 }
 .row .column.column-25 {
     flex: 0 0 25%;
     max-width: 25%;
 }
 .row .column.column-33,
 .row .column.column-34 {
     flex: 0 0 33.3333%;
     max-width: 33.3333%;
 }
 .row .column.column-40 {
     flex: 0 0 40%;
     max-width: 40%;
 }
 .row .column.column-50 {
     flex: 0 0 50%;
     max-width: 50%;
 }
 .row .column.column-60 {
     flex: 0 0 60%;
     max-width: 60%;
 }
 .row .column.column-66,
 .row .column.column-67 {
     flex: 0 0 66.6666%;
     max-width: 66.6666%;
 }
 .row .column.column-75 {
     flex: 0 0 75%;
     max-width: 75%;
 }
 .row .column.column-80 {
     flex: 0 0 80%;
     max-width: 80%;
 }
 .row .column.column-90 {
     flex: 0 0 90%;
     max-width: 90%;
 }
 .row .column .column-top {
     align-self: flex-start;
 }
 .row .column .column-bottom {
     align-self: flex-end;
 }
 .row .column .column-center {
     -ms-grid-row-align: center;
     align-self: center;
 }
 .row .column-responsive {
     display: block;
     flex: 1 1 auto;
     margin-left: 0;
     max-width: 100%;
     width: 100%;
 }
 @media (min-width: 640px) {
     .row {
         flex-direction: row;
         margin-left: -1rem;
         width: calc(100% + 2rem);
     }
     .row .column {
         margin-bottom: inherit;
         padding: 0 1rem;
     }
     .row .column-responsive {
         margin-bottom: inherit;
         padding: 0 1rem;
     }
     .row .column-responsive.column-10 {
         flex: 0 0 10%;
         max-width: 10%;
     }
     .row .column-responsive.column-20 {
         flex: 0 0 20%;
         max-width: 20%;
     }
     .row .column-responsive.column-25 {
         flex: 0 0 25%;
         max-width: 25%;
     }
     .row .column-responsive.column-33,
     .row .column-responsive.column-34 {
         flex: 0 0 33.3333%;
         max-width: 33.3333%;
     }
     .row .column-responsive.column-40 {
         flex: 0 0 40%;
         max-width: 40%;
     }
     .row .column-responsive.column-50 {
         flex: 0 0 50%;
         max-width: 50%;
     }
     .row .column-responsive.column-60 {
         flex: 0 0 60%;
         max-width: 60%;
     }
     .row .column-responsive.column-66,
     .row .column-responsive.column-67 {
         flex: 0 0 66.6666%;
         max-width: 66.6666%;
     }
     .row .column-responsive.column-75 {
         flex: 0 0 75%;
         max-width: 75%;
     }
     .row .column-responsive.column-80 {
         flex: 0 0 80%;
         max-width: 80%;
     }
     .row .column-responsive.column-90 {
         flex: 0 0 90%;
         max-width: 90%;
     }
 }
 a {
     color: #d33c43;
     text-decoration: none;
 }
 a:focus,
 a:hover {
     color: #606c76;
 }
 dl,
 ol,
 ul {
     list-style: none;
     margin-top: 0;
     padding-left: 0;
 }
 dl dl,
 dl ol,
 dl ul,
 ol dl,
 ol ol,
 ol ul,
 ul dl,
 ul ol,
 ul ul {
     font-size: 90%;
     margin: 1.5rem 0 1.5rem 3rem;
 }
 ol {
     list-style: decimal inside;
 }
 ul {
     list-style: circle inside;
 }
 .button,
 button,
 dd,
 dt,
 li {
     margin-bottom: 1rem;
 }
 fieldset,
 input,
 select,
 textarea {
     margin-bottom: 1.5rem;
 }
 blockquote,
 dl,
 figure,
 form,
 ol,
 p,
 pre,
 table,
 ul {
     margin-bottom: 0;
 }
 table {
     border-spacing: 0;
     width: 100%;
 }
 td,
 th {
     border-bottom: 0.1rem solid #e1e1e1;
     padding: 1.2rem 1.5rem;
     text-align: left;
 }
 td:first-child,
 th:first-child {
     padding-left: 0;
 }
 td:last-child,
 th:last-child {
     padding-right: 0;
 }
 @media screen and (max-width: 640px) {
     table {
         border-spacing: 0;
         display: flex;
         width: 100%;
     }
     table thead {
         border-right: solid 0.1rem #e1e1e1;
     }
     table thead td,
     table thead th {
         padding-left: 0;
     }
     table thead td:first-child,
     table thead th:first-child {
         padding-left: 0;
     }
     table thead td:last-child,
     table thead th:last-child {
         padding-right: 1.2rem;
     }
     table tbody {
         display: flex;
         overflow-x: auto;
         white-space: nowrap;
     }
     table tbody tr {
         border-right: solid 0.1rem #e1e1e1;
     }
     table tbody tr:last-child {
         border-right: none;
     }
     table td,
     table th {
         display: block;
     }
     table td:first-child,
     table th:first-child {
         padding-left: 1.2rem;
     }
     table td:last-child,
     table th:last-child {
         padding-right: 1.2rem;
     }
 }
 b,
 strong {
     font-weight: bold;
 }
 p {
     margin-top: 0;
 }
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-weight: 300;
     letter-spacing: -0.1rem;
     margin-bottom: 2rem;
     margin-top: 0;
 }
 h1 {
     font-size: 4.6rem;
     line-height: 1.2;
 }
 h2 {
     font-size: 3.6rem;
     line-height: 1.25;
 }
 h3 {
     font-size: 2.8rem;
     line-height: 1.3;
 }
 h4 {
     font-size: 2.2rem;
     letter-spacing: -0.08rem;
     line-height: 1.35;
 }
 h5 {
     font-size: 1.8rem;
     letter-spacing: -0.05rem;
     line-height: 1.5;
 }
 h6 {
     font-size: 1.6rem;
     letter-spacing: 0;
     line-height: 1.4;
 }
 img {
     max-width: 100%;
 }
 .clearfix:after {
     clear: both;
     content: " ";
     display: table;
 }
 .float-left {
     float: left;
 }
 .float-right {
     float: right;
 }