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

html {
   font-size: 100%;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: transparent;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   margin: 0;
}

a {
   text-decoration: none;
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   color: #409de7;
   cursor: pointer;
}
a:active,
a:hover {
   color: #409de7;
}
a img {
   border: 0;
}

p {
   margin-bottom: 1.1rem;
   text-rendering: optimizeLegibility;
}

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

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

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

.full,
.content-block {
   max-width: 960px;
   width: 100%;
}

.full-flex {
   height: 100vh;
   -webkit-align-items: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
   overflow: hidden;
}

.row,
.full {
   margin-left: auto;
   margin-right: auto;
   position: relative;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex: 1 1 auto;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.row.collapse > .cell,
.full.collapse > .cell {
   padding-left: 0;
   padding-right: 0;
}
.row.collapse > .row,
.full.collapse > .row {
   margin-left: 0;
   margin-right: 0;
}

.row {
   min-width: 100%;
}
.row.inside {
   margin-left: -0.75rem;
   margin-right: -0.75rem;
}

.nowrap {
   -webkit-flex-wrap: nowrap;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
}

.wrap-reverse {
   -webkit-flex-wrap: wrap-reverse;
   -ms-flex-wrap: wrap-reverse;
   flex-wrap: wrap-reverse;
}

.justify-start {
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
}

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

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

.justify-space {
   -webkit-justify-content: space-between;
   -moz-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.justify-around {
   -webkit-justify-content: space-around;
   justify-content: space-around;
}

.reverse {
   -webkit-flex-direction: row-reverse;
   flex-direction: row-reverse;
}

.column {
   -webkit-flex-direction: column;
   flex-direction: column;
   -webkit-flex-wrap: nowrap;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
}

.column-reverse {
   -webkit-flex-direction: column-reverse;
   flex-direction: column-reverse;
   -webkit-flex-wrap: nowrap;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
}

.cell {
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
   padding-left: 0.75rem;
   padding-right: 0.75rem;
   display: block;
   max-width: 100%;
}
.cell.fit {
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
}
.cell.content-block {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   align-items: stretch;
   flex-flow: row wrap;
   min-width: 100%;
}
.cell.collapse {
   padding-left: 0;
   padding-right: 0;
}

.one,
.two,
.three,
.four,
.five,
.six,
.seven,
.eight,
.nine,
.ten,
.eleven,
.twelve,
.fifths,
.half,
.third,
.noflex {
   -webkit-flex: none;
   -ms-flex: none;
   flex: none;
}

.twelve {
   width: 100%;
}

.eleven {
   width: calc(100% / 12 * 11);
}

.ten {
   width: calc(100% / 12 * 10);
}

.nine {
   width: 75%;
}

.eight {
   width: calc(100% / 12 * 8);
}

.seven {
   width: calc(100% / 12 * 7);
}

.six,
.half {
   width: 50%;
}

.five {
   width: calc(100% / 12 * 5);
}

.four,
.third {
   width: calc(100% / 12 * 4);
}

.three {
   width: 25%;
}

.two {
   width: calc(100% / 12 * 2);
}

.one {
   width: calc(100% / 12);
}

.fifths {
   width: 20%;
}

.offset-1 {
   margin-left: calc(100% / 12);
}

.offset-2 {
   margin-left: calc(100% / 12 * 2);
}

.offset-3 {
   margin-left: 25%;
}

.offset-4 {
   margin-left: calc(100% / 12 * 4);
}

.offset-5 {
   margin-left: calc(100% / 12 * 5);
}

.offset-6 {
   margin-left: 50%;
}

.offset-7 {
   margin-left: calc(100% / 12 * 7);
}

.offset-8 {
   margin-left: calc(100% / 12 * 8);
}

.offset-9 {
   margin-left: 75%;
}

.offset-10 {
   margin-left: calc(100% / 12 * 10);
}

.offset-11 {
   margin-left: calc(100% / 12 * 11);
}

.clear:before,
.clear:after {
   content: "";
   display: table;
}

.clear:after {
   clear: both;
}

.clear {
   zoom: 1;
}

.o1,
.o1-large {
   -ms-flex-order: 1;
   -webkit-order: 1;
   order: 1;
}

.o2,
.o2-large {
   -ms-flex-order: 2;
   -webkit-order: 2;
   order: 2;
}

.o3,
.o3-large {
   -ms-flex-order: 3;
   -webkit-order: 3;
   order: 3;
}

.o4,
.o4-large {
   -ms-flex-order: 4;
   -webkit-order: 4;
   order: 4;
}

.o5,
.o5-large {
   -ms-flex-order: 5;
   -webkit-order: 5;
   order: 5;
}

.o6,
.o6-large {
   -ms-flex-order: 6;
   -webkit-order: 6;
   order: 6;
}

.o7,
.o7-large {
   -ms-flex-order: 7;
   -webkit-order: 7;
   order: 7;
}

.o8,
.o8-large {
   -ms-flex-order: 8;
   -webkit-order: 8;
   order: 8;
}

.o9,
.o9-large {
   -ms-flex-order: 9;
   -webkit-order: 9;
   order: 9;
}

.o10,
.o10-large {
   -ms-flex-order: 10;
   -webkit-order: 10;
   order: 10;
}

.o11,
.o11-large {
   -ms-flex-order: 11;
   -webkit-order: 11;
   order: 11;
}

.o12,
.o12-large {
   -ms-flex-order: 12;
   -webkit-order: 12;
   order: 12;
}

.align-top {
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-align-self: flex-start;
   -ms-flex-item-align: start;
   align-self: flex-start;
}

.align-bottom {
   -webkit-align-items: flex-end;
   -ms-flex-align: end;
   align-items: flex-end;
   -webkit-align-self: flex-end;
   -ms-flex-item-align: end;
   align-self: flex-end;
}

.align-center {
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-align-self: center;
   -ms-flex-item-align: center;
   align-self: center;
}

.align-baseline {
   -webkit-align-items: baseline;
   -ms-flex-align: baseline;
   align-items: baseline;
}

.align-stretch {
   -webkit-align-items: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
}

.align-stretch .cell {
   background-clip: content-box;
}

.rounded {
   border-radius: 6px;
}

.round {
   border-radius: 4000px;
}

.solid-shadow {
   box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 64em) and (min-width: 48.063em) {
   .medium-twelve {
      width: 100%;
   }

   .medium-eleven {
      width: calc(100% / 12 * 11);
   }

   .medium-ten {
      width: calc(100% / 12 * 10);
   }

   .medium-nine {
      width: 75%;
   }

   .medium-eight {
      width: calc(100% / 12 * 8);
   }

   .medium-seven {
      width: calc(100% / 12 * 7);
   }

   .medium-six,
   .half {
      width: 50%;
   }

   .medium-five {
      width: calc(100% / 12 * 5);
   }

   .medium-four,
   .third {
      width: calc(100% / 12 * 4);
   }

   .medium-three {
      width: 25%;
   }

   .medium-two {
      width: calc(100% / 12 * 2);
   }

   .medium-one {
      width: calc(100% / 12);
   }

   .medium-fifths {
      width: 20%;
   }

   .medium-one,
   .medium-two,
   .medium-three,
   .medium-four,
   .medium-five,
   .medium-six,
   .medium-seven,
   .medium-eight,
   .medium-nine,
   .medium-ten,
   .medium-eleven,
   .medium-twelve,
   .medium-fifths,
   .medium-half,
   .medium-third {
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
   }
}
/* smaller than 768px */
@media only screen and (max-width: 48em) {
   .cell {
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
   }

   .hold > .cell,
   .column > .cell,
   .column-reverse > .cell {
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
   }
   .hold > .cell.fit,
   .column > .cell.fit,
   .column-reverse > .cell.fit {
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
   }

   .hold > .one,
   .hold > .two,
   .hold > .three,
   .hold > .four,
   .hold > .five,
   .hold > .six,
   .hold > .seven,
   .hold > .eight,
   .hold > .nine,
   .hold > .ten,
   .hold > .eleven,
   .hold > .twelve,
   .hold > .fifths,
   .hold > .half,
   .hold > .third {
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
   }

   .small-twelve {
      width: 100%;
   }

   .small-eleven {
      width: calc(100% / 12 * 11);
   }

   .small-ten {
      width: calc(100% / 12 * 10);
   }

   .small-nine {
      width: 75%;
   }

   .small-eight {
      width: calc(100% / 12 * 8);
   }

   .small-seven {
      width: calc(100% / 12 * 7);
   }

   .small-six,
   .half {
      width: 50%;
   }

   .small-five {
      width: calc(100% / 12 * 5);
   }

   .small-four,
   .third {
      width: calc(100% / 12 * 4);
   }

   .small-three {
      width: 25%;
   }

   .small-two {
      width: calc(100% / 12 * 2);
   }

   .small-one {
      width: calc(100% / 12);
   }

   .small-fifths {
      width: 20%;
   }

   .small-one,
   .small-two,
   .small-three,
   .small-four,
   .small-five,
   .small-six,
   .small-seven,
   .small-eight,
   .small-nine,
   .small-ten,
   .small-eleven,
   .small-twelve,
   .small-fifths,
   .small-half,
   .small-third {
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
   }

   .o1-small {
      -ms-flex-order: 1;
      -webkit-order: 1;
      order: 1;
   }

   .o2-small {
      -ms-flex-order: 2;
      -webkit-order: 2;
      order: 2;
   }

   .o3-small {
      -ms-flex-order: 3;
      -webkit-order: 3;
      order: 3;
   }

   .o4-small {
      -ms-flex-order: 4;
      -webkit-order: 4;
      order: 4;
   }

   .o5-small {
      -ms-flex-order: 5;
      -webkit-order: 5;
      order: 5;
   }

   .o6-small {
      -ms-flex-order: 6;
      -webkit-order: 6;
      order: 6;
   }

   .o7-small {
      -ms-flex-order: 7;
      -webkit-order: 7;
      order: 7;
   }

   .o8-small {
      -ms-flex-order: 8;
      -webkit-order: 8;
      order: 8;
   }

   .o9-small {
      -ms-flex-order: 9;
      -webkit-order: 9;
      order: 9;
   }

   .o10-small {
      -ms-flex-order: 10;
      -webkit-order: 10;
      order: 10;
   }

   .o11-small {
      -ms-flex-order: 11;
      -webkit-order: 11;
      order: 11;
   }

   .o12-small {
      -ms-flex-order: 12;
      -webkit-order: 12;
      order: 12;
   }

   .o1-large,
   .o2-large,
   .o3-large,
   .o4-large,
   .o5-large,
   .o6-large,
   .o7-large,
   .o8-large,
   .o9-large,
   .o10-large,
   .o11-large,
   .o12-large {
      -ms-flex-order: 0;
      -webkit-order: 0;
      order: 0;
   }
}