html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

html {
  overflow-y: scroll; }

body {
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

textarea {
  resize: none; }

a:active, a:focus {
  outline: none; }

input, textarea {
  outline: none; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle; }

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

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

body {
  margin: 0; }

.wrapper {
  max-width: 1280px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px; }

.full {
  max-width: 100% !important; }

.dt-12.first, .tl-12.first, .tp-12.first, .ml-12.first, .mp-12.first {
  order: -1; }
.dt-12.last, .tl-12.last, .tp-12.last, .ml-12.last, .mp-12.last {
  order: 1; }

.dt-11.first, .tl-11.first, .tp-11.first, .ml-11.first, .mp-11.first {
  order: -1; }
.dt-11.last, .tl-11.last, .tp-11.last, .ml-11.last, .mp-11.last {
  order: 1; }

.dt-10.first, .tl-10.first, .tp-10.first, .ml-10.first, .mp-10.first {
  order: -1; }
.dt-10.last, .tl-10.last, .tp-10.last, .ml-10.last, .mp-10.last {
  order: 1; }

.dt-9.first, .tl-9.first, .tp-9.first, .ml-9.first, .mp-9.first {
  order: -1; }
.dt-9.last, .tl-9.last, .tp-9.last, .ml-9.last, .mp-9.last {
  order: 1; }

.dt-8.first, .tl-8.first, .tp-8.first, .ml-8.first, .mp-8.first {
  order: -1; }
.dt-8.last, .tl-8.last, .tp-8.last, .ml-8.last, .mp-8.last {
  order: 1; }

.dt-7.first, .tl-7.first, .tp-7.first, .ml-7.first, .mp-7.first {
  order: -1; }
.dt-7.last, .tl-7.last, .tp-7.last, .ml-7.last, .mp-7.last {
  order: 1; }

.dt-6.first, .tl-6.first, .tp-6.first, .ml-6.first, .mp-6.first {
  order: -1; }
.dt-6.last, .tl-6.last, .tp-6.last, .ml-6.last, .mp-6.last {
  order: 1; }

.dt-5.first, .tl-5.first, .tp-5.first, .ml-5.first, .mp-5.first {
  order: -1; }
.dt-5.last, .tl-5.last, .tp-5.last, .ml-5.last, .mp-5.last {
  order: 1; }

.dt-4.first, .tl-4.first, .tp-4.first, .ml-4.first, .mp-4.first {
  order: -1; }
.dt-4.last, .tl-4.last, .tp-4.last, .ml-4.last, .mp-4.last {
  order: 1; }

.dt-3.first, .tl-3.first, .tp-3.first, .ml-3.first, .mp-3.first {
  order: -1; }
.dt-3.last, .tl-3.last, .tp-3.last, .ml-3.last, .mp-3.last {
  order: 1; }

.dt-2.first, .tl-2.first, .tp-2.first, .ml-2.first, .mp-2.first {
  order: -1; }
.dt-2.last, .tl-2.last, .tp-2.last, .ml-2.last, .mp-2.last {
  order: 1; }

.dt-1.first, .tl-1.first, .tp-1.first, .ml-1.first, .mp-1.first {
  order: -1; }
.dt-1.last, .tl-1.last, .tp-1.last, .ml-1.last, .mp-1.last {
  order: 1; }

.dt-auto, .tl-auto, .tp-auto, .ml-auto, .mp-auto {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.no-gaps {
  padding-left: 0;
  padding-right: 0; }
  .no-gaps .row {
    margin-left: 0;
    margin-right: 0; }
  .no-gaps .dt-12, .no-gaps .tl-12, .no-gaps .tp-12, .no-gaps .ml-12, .no-gaps .mp-12 {
    padding-left: 0;
    padding-right: 0; }
  .no-gaps .dt-11, .no-gaps .tl-11, .no-gaps .tp-11, .no-gaps .ml-11, .no-gaps .mp-11 {
    padding-left: 0;
    padding-right: 0; }
  .no-gaps .dt-10, .no-gaps .tl-10, .no-gaps .tp-10, .no-gaps .ml-10, .no-gaps .mp-10 {
    padding-left: 0;
    padding-right: 0; }
  .no-gaps .dt-9, .no-gaps .tl-9, .no-gaps .tp-9, .no-gaps .ml-9, .no-gaps .mp-9 {
    padding-left: 0;
    padding-right: 0; }
  .no-gaps .dt-8, .no-gaps .tl-8, .no-gaps .tp-8, .no-gaps .ml-8, .no-gaps .mp-8 {
    padding-left: 0;
    padding-right: 0; }
  .no-gaps .dt-7, .no-gaps .tl-7, .no-gaps .tp-7, .no-gaps .ml-7, .no-gaps .mp-7 {
    padding-left: 0;
    padding-right: 0; }
  .no-gaps .dt-6, .no-gaps .tl-6, .no-gaps .tp-6, .no-gaps .ml-6, .no-gaps .mp-6 {
    padding-left: 0;
    padding-right: 0; }
  .no-gaps .dt-5, .no-gaps .tl-5, .no-gaps .tp-5, .no-gaps .ml-5, .no-gaps .mp-5 {
    padding-left: 0;
    padding-right: 0; }
  .no-gaps .dt-4, .no-gaps .tl-4, .no-gaps .tp-4, .no-gaps .ml-4, .no-gaps .mp-4 {
    padding-left: 0;
    padding-right: 0; }
  .no-gaps .dt-3, .no-gaps .tl-3, .no-gaps .tp-3, .no-gaps .ml-3, .no-gaps .mp-3 {
    padding-left: 0;
    padding-right: 0; }
  .no-gaps .dt-2, .no-gaps .tl-2, .no-gaps .tp-2, .no-gaps .ml-2, .no-gaps .mp-2 {
    padding-left: 0;
    padding-right: 0; }
  .no-gaps .dt-1, .no-gaps .tl-1, .no-gaps .tp-1, .no-gaps .ml-1, .no-gaps .mp-1 {
    padding-left: 0;
    padding-right: 0; }

.row {
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
  flex: 0 1 auto;
  flex-flow: row wrap; }
  .row.align-center {
    justify-content: center; }
  .row.align-right {
    justify-content: flex-end; }
  .row.align-between {
    justify-content: space-between; }
  .row.align-around {
    justify-content: space-around; }
  .row.align-top {
    align-items: flex-start; }
  .row.align-middle {
    align-items: center; }
  .row.align-bottom {
    align-items: flex-end; }

.nested .dt-12, .nested .tl-12, .nested .tp-12, .nested .ml-12, .nested .mp-12 {
  margin-bottom: 0; }

.nested .dt-11, .nested .tl-11, .nested .tp-11, .nested .ml-11, .nested .mp-11 {
  margin-bottom: 0; }

.nested .dt-10, .nested .tl-10, .nested .tp-10, .nested .ml-10, .nested .mp-10 {
  margin-bottom: 0; }

.nested .dt-9, .nested .tl-9, .nested .tp-9, .nested .ml-9, .nested .mp-9 {
  margin-bottom: 0; }

.nested .dt-8, .nested .tl-8, .nested .tp-8, .nested .ml-8, .nested .mp-8 {
  margin-bottom: 0; }

.nested .dt-7, .nested .tl-7, .nested .tp-7, .nested .ml-7, .nested .mp-7 {
  margin-bottom: 0; }

.nested .dt-6, .nested .tl-6, .nested .tp-6, .nested .ml-6, .nested .mp-6 {
  margin-bottom: 0; }

.nested .dt-5, .nested .tl-5, .nested .tp-5, .nested .ml-5, .nested .mp-5 {
  margin-bottom: 0; }

.nested .dt-4, .nested .tl-4, .nested .tp-4, .nested .ml-4, .nested .mp-4 {
  margin-bottom: 0; }

.nested .dt-3, .nested .tl-3, .nested .tp-3, .nested .ml-3, .nested .mp-3 {
  margin-bottom: 0; }

.nested .dt-2, .nested .tl-2, .nested .tp-2, .nested .ml-2, .nested .mp-2 {
  margin-bottom: 0; }

.nested .dt-1, .nested .tl-1, .nested .tp-1, .nested .ml-1, .nested .mp-1 {
  margin-bottom: 0; }

.dt-12, .tl-12, .tp-12, .ml-12, .mp-12 {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px; }

.dt-11, .tl-11, .tp-11, .ml-11, .mp-11 {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px; }

.dt-10, .tl-10, .tp-10, .ml-10, .mp-10 {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px; }

.dt-9, .tl-9, .tp-9, .ml-9, .mp-9 {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px; }

.dt-8, .tl-8, .tp-8, .ml-8, .mp-8 {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px; }

.dt-7, .tl-7, .tp-7, .ml-7, .mp-7 {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px; }

.dt-6, .tl-6, .tp-6, .ml-6, .mp-6 {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px; }

.dt-5, .tl-5, .tp-5, .ml-5, .mp-5 {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px; }

.dt-4, .tl-4, .tp-4, .ml-4, .mp-4 {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px; }

.dt-3, .tl-3, .tp-3, .ml-3, .mp-3 {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px; }

.dt-2, .tl-2, .tp-2, .ml-2, .mp-2 {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px; }

.dt-1, .tl-1, .tp-1, .ml-1, .mp-1 {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px; }

.mp-12 {
  flex-basis: 100%;
  max-width: 100%; }

.mp-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%; }

.mp-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%; }

.mp-9 {
  flex-basis: 75%;
  max-width: 75%; }

.mp-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%; }

.mp-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%; }

.mp-6 {
  flex-basis: 50%;
  max-width: 50%; }

.mp-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%; }

.mp-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%; }

.mp-3 {
  flex-basis: 25%;
  max-width: 25%; }

.mp-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%; }

.mp-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%; }

.ml-12 {
  flex-basis: 100%;
  max-width: 100%; }

.ml-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%; }

.ml-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%; }

.ml-9 {
  flex-basis: 75%;
  max-width: 75%; }

.ml-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%; }

.ml-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%; }

.ml-6 {
  flex-basis: 50%;
  max-width: 50%; }

.ml-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%; }

.ml-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%; }

.ml-3 {
  flex-basis: 25%;
  max-width: 25%; }

.ml-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%; }

.ml-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%; }

.tp-12 {
  flex-basis: 100%;
  max-width: 100%; }

.tp-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%; }

.tp-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%; }

.tp-9 {
  flex-basis: 75%;
  max-width: 75%; }

.tp-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%; }

.tp-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%; }

.tp-6 {
  flex-basis: 50%;
  max-width: 50%; }

.tp-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%; }

.tp-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%; }

.tp-3 {
  flex-basis: 25%;
  max-width: 25%; }

.tp-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%; }

.tp-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%; }

.tl-12 {
  flex-basis: 100%;
  max-width: 100%; }

.tl-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%; }

.tl-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%; }

.tl-9 {
  flex-basis: 75%;
  max-width: 75%; }

.tl-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%; }

.tl-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%; }

.tl-6 {
  flex-basis: 50%;
  max-width: 50%; }

.tl-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%; }

.tl-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%; }

.tl-3 {
  flex-basis: 25%;
  max-width: 25%; }

.tl-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%; }

.tl-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%; }

.dt-12 {
  flex-basis: 100%;
  max-width: 100%; }

.dt-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%; }

.dt-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%; }

.dt-9 {
  flex-basis: 75%;
  max-width: 75%; }

.dt-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%; }

.dt-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%; }

.dt-6 {
  flex-basis: 50%;
  max-width: 50%; }

.dt-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%; }

.dt-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%; }

.dt-3 {
  flex-basis: 25%;
  max-width: 25%; }

.dt-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%; }

.dt-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%; }

.indent-mp-12, .indent-ml-12, .indent-tp-12, .indent-tl-12, .indent-dt-12 {
  margin-left: 100%; }

.indent-mp-11, .indent-ml-11, .indent-tp-11, .indent-tl-11, .indent-dt-11 {
  margin-left: 91.6666666667%; }

.indent-mp-10, .indent-ml-10, .indent-tp-10, .indent-tl-10, .indent-dt-10 {
  margin-left: 83.3333333333%; }

.indent-mp-9, .indent-ml-9, .indent-tp-9, .indent-tl-9, .indent-dt-9 {
  margin-left: 75%; }

.indent-mp-8, .indent-ml-8, .indent-tp-8, .indent-tl-8, .indent-dt-8 {
  margin-left: 66.6666666667%; }

.indent-mp-7, .indent-ml-7, .indent-tp-7, .indent-tl-7, .indent-dt-7 {
  margin-left: 58.3333333333%; }

.indent-mp-6, .indent-ml-6, .indent-tp-6, .indent-tl-6, .indent-dt-6 {
  margin-left: 50%; }

.indent-mp-5, .indent-ml-5, .indent-tp-5, .indent-tl-5, .indent-dt-5 {
  margin-left: 41.6666666667%; }

.indent-mp-4, .indent-ml-4, .indent-tp-4, .indent-tl-4, .indent-dt-4 {
  margin-left: 33.3333333333%; }

.indent-mp-3, .indent-ml-3, .indent-tp-3, .indent-tl-3, .indent-dt-3 {
  margin-left: 25%; }

.indent-mp-2, .indent-ml-2, .indent-tp-2, .indent-tl-2, .indent-dt-2 {
  margin-left: 16.6666666667%; }

.indent-mp-1, .indent-ml-1, .indent-tp-1, .indent-tl-1, .indent-dt-1 {
  margin-left: 8.3333333333%; }

@media (min-width: 1170px) and (max-width: 1440px) {
  .wrapper {
    max-width: 1170px; } }
@media (max-width: 1169px) {
  .wrapper {
    max-width: 1024px; }

  .dt-auto {
    flex-basis: 100%;
    max-width: 100%; }

  .dt-12 {
    flex-basis: 100%;
    max-width: 100%; }

  .dt-11 {
    flex-basis: 100%;
    max-width: 100%; }

  .dt-10 {
    flex-basis: 100%;
    max-width: 100%; }

  .dt-9 {
    flex-basis: 100%;
    max-width: 100%; }

  .dt-8 {
    flex-basis: 100%;
    max-width: 100%; }

  .dt-7 {
    flex-basis: 100%;
    max-width: 100%; }

  .dt-6 {
    flex-basis: 100%;
    max-width: 100%; }

  .dt-5 {
    flex-basis: 100%;
    max-width: 100%; }

  .dt-4 {
    flex-basis: 100%;
    max-width: 100%; }

  .dt-3 {
    flex-basis: 100%;
    max-width: 100%; }

  .dt-2 {
    flex-basis: 100%;
    max-width: 100%; }

  .dt-1 {
    flex-basis: 100%;
    max-width: 100%; }

  .indent-dt-12 {
    margin-left: 0; }

  .indent-dt-11 {
    margin-left: 0; }

  .indent-dt-10 {
    margin-left: 0; }

  .indent-dt-9 {
    margin-left: 0; }

  .indent-dt-8 {
    margin-left: 0; }

  .indent-dt-7 {
    margin-left: 0; }

  .indent-dt-6 {
    margin-left: 0; }

  .indent-dt-5 {
    margin-left: 0; }

  .indent-dt-4 {
    margin-left: 0; }

  .indent-dt-3 {
    margin-left: 0; }

  .indent-dt-2 {
    margin-left: 0; }

  .indent-dt-1 {
    margin-left: 0; }

  .mp-12 {
    flex-basis: 100%;
    max-width: 100%; }

  .mp-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }

  .mp-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }

  .mp-9 {
    flex-basis: 75%;
    max-width: 75%; }

  .mp-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }

  .mp-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }

  .mp-6 {
    flex-basis: 50%;
    max-width: 50%; }

  .mp-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }

  .mp-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }

  .mp-3 {
    flex-basis: 25%;
    max-width: 25%; }

  .mp-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }

  .mp-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }

  .ml-12 {
    flex-basis: 100%;
    max-width: 100%; }

  .ml-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }

  .ml-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }

  .ml-9 {
    flex-basis: 75%;
    max-width: 75%; }

  .ml-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }

  .ml-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }

  .ml-6 {
    flex-basis: 50%;
    max-width: 50%; }

  .ml-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }

  .ml-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }

  .ml-3 {
    flex-basis: 25%;
    max-width: 25%; }

  .ml-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }

  .ml-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }

  .tp-12 {
    flex-basis: 100%;
    max-width: 100%; }

  .tp-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }

  .tp-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }

  .tp-9 {
    flex-basis: 75%;
    max-width: 75%; }

  .tp-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }

  .tp-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }

  .tp-6 {
    flex-basis: 50%;
    max-width: 50%; }

  .tp-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }

  .tp-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }

  .tp-3 {
    flex-basis: 25%;
    max-width: 25%; }

  .tp-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }

  .tp-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }

  .tl-12 {
    flex-basis: 100%;
    max-width: 100%; }

  .tl-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }

  .tl-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }

  .tl-9 {
    flex-basis: 75%;
    max-width: 75%; }

  .tl-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }

  .tl-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }

  .tl-6 {
    flex-basis: 50%;
    max-width: 50%; }

  .tl-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }

  .tl-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }

  .tl-3 {
    flex-basis: 25%;
    max-width: 25%; }

  .tl-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }

  .tl-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; } }
@media (max-width: 1023px) {
  .tl-auto {
    flex-basis: 100%;
    max-width: 100%; }

  .tl-12 {
    flex-basis: 100%;
    max-width: 100%; }

  .tl-11 {
    flex-basis: 100%;
    max-width: 100%; }

  .tl-10 {
    flex-basis: 100%;
    max-width: 100%; }

  .tl-9 {
    flex-basis: 100%;
    max-width: 100%; }

  .tl-8 {
    flex-basis: 100%;
    max-width: 100%; }

  .tl-7 {
    flex-basis: 100%;
    max-width: 100%; }

  .tl-6 {
    flex-basis: 100%;
    max-width: 100%; }

  .tl-5 {
    flex-basis: 100%;
    max-width: 100%; }

  .tl-4 {
    flex-basis: 100%;
    max-width: 100%; }

  .tl-3 {
    flex-basis: 100%;
    max-width: 100%; }

  .tl-2 {
    flex-basis: 100%;
    max-width: 100%; }

  .tl-1 {
    flex-basis: 100%;
    max-width: 100%; }

  .indent-tl-12 {
    margin-left: 0; }

  .indent-tl-11 {
    margin-left: 0; }

  .indent-tl-10 {
    margin-left: 0; }

  .indent-tl-9 {
    margin-left: 0; }

  .indent-tl-8 {
    margin-left: 0; }

  .indent-tl-7 {
    margin-left: 0; }

  .indent-tl-6 {
    margin-left: 0; }

  .indent-tl-5 {
    margin-left: 0; }

  .indent-tl-4 {
    margin-left: 0; }

  .indent-tl-3 {
    margin-left: 0; }

  .indent-tl-2 {
    margin-left: 0; }

  .indent-tl-1 {
    margin-left: 0; }

  .mp-12 {
    flex-basis: 100%;
    max-width: 100%; }

  .mp-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }

  .mp-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }

  .mp-9 {
    flex-basis: 75%;
    max-width: 75%; }

  .mp-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }

  .mp-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }

  .mp-6 {
    flex-basis: 50%;
    max-width: 50%; }

  .mp-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }

  .mp-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }

  .mp-3 {
    flex-basis: 25%;
    max-width: 25%; }

  .mp-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }

  .mp-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }

  .ml-12 {
    flex-basis: 100%;
    max-width: 100%; }

  .ml-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }

  .ml-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }

  .ml-9 {
    flex-basis: 75%;
    max-width: 75%; }

  .ml-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }

  .ml-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }

  .ml-6 {
    flex-basis: 50%;
    max-width: 50%; }

  .ml-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }

  .ml-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }

  .ml-3 {
    flex-basis: 25%;
    max-width: 25%; }

  .ml-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }

  .ml-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }

  .tp-12 {
    flex-basis: 100%;
    max-width: 100%; }

  .tp-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }

  .tp-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }

  .tp-9 {
    flex-basis: 75%;
    max-width: 75%; }

  .tp-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }

  .tp-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }

  .tp-6 {
    flex-basis: 50%;
    max-width: 50%; }

  .tp-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }

  .tp-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }

  .tp-3 {
    flex-basis: 25%;
    max-width: 25%; }

  .tp-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }

  .tp-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; } }
@media (max-width: 767px) {
  .tp-auto {
    flex-basis: 100%;
    max-width: 100%; }

  .tp-12 {
    flex-basis: 100%;
    max-width: 100%; }

  .tp-11 {
    flex-basis: 100%;
    max-width: 100%; }

  .tp-10 {
    flex-basis: 100%;
    max-width: 100%; }

  .tp-9 {
    flex-basis: 100%;
    max-width: 100%; }

  .tp-8 {
    flex-basis: 100%;
    max-width: 100%; }

  .tp-7 {
    flex-basis: 100%;
    max-width: 100%; }

  .tp-6 {
    flex-basis: 100%;
    max-width: 100%; }

  .tp-5 {
    flex-basis: 100%;
    max-width: 100%; }

  .tp-4 {
    flex-basis: 100%;
    max-width: 100%; }

  .tp-3 {
    flex-basis: 100%;
    max-width: 100%; }

  .tp-2 {
    flex-basis: 100%;
    max-width: 100%; }

  .tp-1 {
    flex-basis: 100%;
    max-width: 100%; }

  .indent-tp-12 {
    margin-left: 0; }

  .indent-tp-11 {
    margin-left: 0; }

  .indent-tp-10 {
    margin-left: 0; }

  .indent-tp-9 {
    margin-left: 0; }

  .indent-tp-8 {
    margin-left: 0; }

  .indent-tp-7 {
    margin-left: 0; }

  .indent-tp-6 {
    margin-left: 0; }

  .indent-tp-5 {
    margin-left: 0; }

  .indent-tp-4 {
    margin-left: 0; }

  .indent-tp-3 {
    margin-left: 0; }

  .indent-tp-2 {
    margin-left: 0; }

  .indent-tp-1 {
    margin-left: 0; }

  .mp-12 {
    flex-basis: 100%;
    max-width: 100%; }

  .mp-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }

  .mp-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }

  .mp-9 {
    flex-basis: 75%;
    max-width: 75%; }

  .mp-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }

  .mp-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }

  .mp-6 {
    flex-basis: 50%;
    max-width: 50%; }

  .mp-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }

  .mp-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }

  .mp-3 {
    flex-basis: 25%;
    max-width: 25%; }

  .mp-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }

  .mp-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }

  .ml-12 {
    flex-basis: 100%;
    max-width: 100%; }

  .ml-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }

  .ml-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }

  .ml-9 {
    flex-basis: 75%;
    max-width: 75%; }

  .ml-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }

  .ml-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }

  .ml-6 {
    flex-basis: 50%;
    max-width: 50%; }

  .ml-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }

  .ml-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }

  .ml-3 {
    flex-basis: 25%;
    max-width: 25%; }

  .ml-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }

  .ml-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; } }
@media (max-width: 567px) {
  .ml-auto {
    flex-basis: 100%;
    max-width: 100%; }

  .ml-12 {
    flex-basis: 100%;
    max-width: 100%; }

  .ml-11 {
    flex-basis: 100%;
    max-width: 100%; }

  .ml-10 {
    flex-basis: 100%;
    max-width: 100%; }

  .ml-9 {
    flex-basis: 100%;
    max-width: 100%; }

  .ml-8 {
    flex-basis: 100%;
    max-width: 100%; }

  .ml-7 {
    flex-basis: 100%;
    max-width: 100%; }

  .ml-6 {
    flex-basis: 100%;
    max-width: 100%; }

  .ml-5 {
    flex-basis: 100%;
    max-width: 100%; }

  .ml-4 {
    flex-basis: 100%;
    max-width: 100%; }

  .ml-3 {
    flex-basis: 100%;
    max-width: 100%; }

  .ml-2 {
    flex-basis: 100%;
    max-width: 100%; }

  .ml-1 {
    flex-basis: 100%;
    max-width: 100%; }

  .indent-ml-12 {
    margin-left: 0; }

  .indent-ml-11 {
    margin-left: 0; }

  .indent-ml-10 {
    margin-left: 0; }

  .indent-ml-9 {
    margin-left: 0; }

  .indent-ml-8 {
    margin-left: 0; }

  .indent-ml-7 {
    margin-left: 0; }

  .indent-ml-6 {
    margin-left: 0; }

  .indent-ml-5 {
    margin-left: 0; }

  .indent-ml-4 {
    margin-left: 0; }

  .indent-ml-3 {
    margin-left: 0; }

  .indent-ml-2 {
    margin-left: 0; }

  .indent-ml-1 {
    margin-left: 0; }

  .mp-12 {
    flex-basis: 100%;
    max-width: 100%; }

  .mp-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }

  .mp-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }

  .mp-9 {
    flex-basis: 75%;
    max-width: 75%; }

  .mp-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }

  .mp-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }

  .mp-6 {
    flex-basis: 50%;
    max-width: 50%; }

  .mp-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }

  .mp-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }

  .mp-3 {
    flex-basis: 25%;
    max-width: 25%; }

  .mp-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }

  .mp-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; } }
.force {
  float: right; }

@media (max-width: 567px) {
  .mp-hide {
    display: none !important; }

  .ml-hide {
    display: none !important; }

  .tp-hide {
    display: none !important; }

  .tl-hide {
    display: none !important; }

  .dt-hide {
    display: none !important; } }
@media (min-width: 568px) and (max-width: 767px) {
  .ml-hide {
    display: none !important; }

  .tp-hide {
    display: none !important; }

  .tl-hide {
    display: none !important; }

  .dt-hide {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .tp-hide {
    display: none !important; }

  .tl-hide {
    display: none !important; }

  .dt-hide {
    display: none !important; } }
@media (max-width: 1024px) {
  .tl-hide {
    display: none !important; }

  .dt-hide {
    display: none !important; } }
@media (min-width: 1025px) {
  .dt-hide {
    display: none !important; } }
body {
  background: #ffffff;
  color: #f37068;
  font-family: "Droid Serif", serif; }

h1, h2, h3, h4, h5, h6, p {
  margin-bottom: 20px; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Droid Serif", serif;
  font-weight: bold; }

h1 {
  font-size: 7vw;
  line-height: 8vw; }
  @media (max-width: 514.2857142857px) {
    h1 {
      font-size: 36px; } }
  @media (min-width: 1028.5714285714px) {
    h1 {
      font-size: 72px; } }
  @media (max-width: 525px) {
    h1 {
      line-height: 42px; } }
  @media (min-width: 900px) {
    h1 {
      line-height: 72px; } }

h2 {
  font-size: 6vw;
  line-height: 7vw; }
  @media (max-width: 500px) {
    h2 {
      font-size: 30px; } }
  @media (min-width: 1000px) {
    h2 {
      font-size: 60px; } }
  @media (max-width: 514.2857142857px) {
    h2 {
      line-height: 36px; } }
  @media (min-width: 1028.5714285714px) {
    h2 {
      line-height: 72px; } }

h3 {
  font-size: 5vw;
  line-height: 6vw; }
  @media (max-width: 480px) {
    h3 {
      font-size: 24px; } }
  @media (min-width: 960px) {
    h3 {
      font-size: 48px; } }
  @media (max-width: 500px) {
    h3 {
      line-height: 30px; } }
  @media (min-width: 1000px) {
    h3 {
      line-height: 60px; } }

h4 {
  font-size: 4vw;
  line-height: 5vw; }
  @media (max-width: 450px) {
    h4 {
      font-size: 18px; } }
  @media (min-width: 1050px) {
    h4 {
      font-size: 42px; } }
  @media (max-width: 480px) {
    h4 {
      line-height: 24px; } }
  @media (min-width: 960px) {
    h4 {
      line-height: 48px; } }

h5 {
  font-size: 3vw;
  line-height: 4vw; }
  @media (max-width: 533.3333333333px) {
    h5 {
      font-size: 16px; } }
  @media (min-width: 1200px) {
    h5 {
      font-size: 36px; } }
  @media (max-width: 525px) {
    h5 {
      line-height: 21px; } }
  @media (min-width: 1050px) {
    h5 {
      line-height: 42px; } }

h6 {
  font-size: 2vw;
  line-height: 3vw; }
  @media (max-width: 700px) {
    h6 {
      font-size: 14px; } }
  @media (min-width: 1500px) {
    h6 {
      font-size: 30px; } }
  @media (max-width: 600px) {
    h6 {
      line-height: 18px; } }
  @media (min-width: 1200px) {
    h6 {
      line-height: 36px; } }

p, strong {
  font-size: 2vw;
  line-height: 3vw; }
  @media (max-width: 700px) {
    p, strong {
      font-size: 14px; } }
  @media (min-width: 1500px) {
    p, strong {
      font-size: 30px; } }
  @media (max-width: 600px) {
    p, strong {
      line-height: 18px; } }
  @media (min-width: 1400px) {
    p, strong {
      line-height: 42px; } }

p:last-of-type {
  margin-bottom: 0; }

strong {
  font-weight: bold; }

a {
  color: #000000;
  text-decoration: none;
  display: inline-block;
  border-bottom: 5px solid; }

::-moz-selection {
  background-color: #000000;
  color: #ffffff; }

::selection {
  background-color: #000000;
  color: #ffffff; }

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.featured {
  margin-bottom: 40px; }

footer {
  padding: 20px 0 20px; }

input, textarea {
  background: #ffffff;
  color: #f37068;
  font-family: "Droid Serif", serif;
  font-size: 14px;
  border: 1px solid transparent;
  width: 100%;
  padding: 13.3333333333px;
  margin-bottom: 13.3333333333px;
  transition: ease 0.5s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  input:-moz-placeholder, textarea:-moz-placeholder {
    color: #000000; }
  input::-moz-placeholder, textarea::-moz-placeholder {
    color: #000000; }
  input::-ms-placeholder, textarea::-ms-placeholder {
    color: #000000; }
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #000000; }
  input.size-s, textarea.size-s {
    padding: 10px; }
  input.size-m, textarea.size-m {
    padding: 20px; }
  input.size-l, textarea.size-l {
    padding: 30px; }
  input.primary, textarea.primary {
    background: #000000;
    color: #333333; }
    input.primary:-moz-placeholder, textarea.primary:-moz-placeholder {
      color: #333333; }
    input.primary::-moz-placeholder, textarea.primary::-moz-placeholder {
      color: #333333; }
    input.primary::-ms-placeholder, textarea.primary::-ms-placeholder {
      color: #333333; }
    input.primary::-webkit-input-placeholder, textarea.primary::-webkit-input-placeholder {
      color: #333333; }
    input.primary:hover, input.primary:focus, textarea.primary:hover, textarea.primary:focus {
      background: black; }
  input.secondary, textarea.secondary {
    background: #333333; }
    input.secondary:hover, input.secondary:focus, textarea.secondary:hover, textarea.secondary:focus {
      background: #222222; }
  input.tertiary, textarea.tertiary {
    background: #666666;
    color: #333333; }
    input.tertiary:-moz-placeholder, textarea.tertiary:-moz-placeholder {
      color: #333333; }
    input.tertiary::-moz-placeholder, textarea.tertiary::-moz-placeholder {
      color: #333333; }
    input.tertiary::-ms-placeholder, textarea.tertiary::-ms-placeholder {
      color: #333333; }
    input.tertiary::-webkit-input-placeholder, textarea.tertiary::-webkit-input-placeholder {
      color: #333333; }
    input.tertiary:hover, input.tertiary:focus, textarea.tertiary:hover, textarea.tertiary:focus {
      background: #555555; }
  input.border-p, textarea.border-p {
    border-color: #000000; }
  input.border-s, textarea.border-s {
    border-color: #333333; }
  input.border-t, textarea.border-t {
    border-color: #666666; }

input[type="submit"] {
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer; }

.acf-hidden {
  display: none; }

span.wpcf7-not-valid-tip {
  display: inline;
  position: absolute;
  top: 5px;
  right: 10px; }

div.wpcf7-not-valid-tip {
  color: #fbb03b;
  font-size: 12px;
  margin-top: -10px;
  margin-bottom: 20px;
  padding: 0 13.3333333333px; }

div.wpcf7-response-output {
  margin: 20px 0 0;
  padding: 20px;
  border-radius: 5px; }

div.wpcf7-validation-errors {
  background: #fbb03b;
  color: #ffffff;
  border-color: #fbb03b; }

div.wpcf7-mail-sent-ok {
  background: #5fba7d;
  color: #ffffff;
  border-color: #5fba7d; }

.ajax-loader {
  display: none; }

.cta {
  text-decoration: none;
  display: inline-block;
  margin-bottom: 20px;
  padding: 10px 40px;
  border-style: solid;
  border-width: 2px;
  -webkit-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 10px 0 #ccc;
  -ms-box-shadow: 0 0 10px 0 #ccc;
  -moz-box-shadow: 0 0 10px 0 #ccc;
  -o-box-shadow: 0 0 10px 0 #ccc;
  box-shadow: 0 0 10px 0 #ccc; }
  .cta.size-xs {
    padding: 6.6666666667px 10px; }
  .cta.size-s {
    padding: 10px 20px; }
  .cta.size-m {
    padding: 20px 30px; }
  .cta.size-l {
    padding: 30px 60px; }
  .cta.size-xl {
    padding: 60px 80px; }
  .cta.dashed {
    border-style: dashed; }
  .cta.primary {
    background-color: #000000;
    color: #333333;
    border-color: #000000; }
    .cta.primary.outline {
      background-color: transparent;
      color: #000000;
      border-color: #000000; }
  .cta.secondary {
    background-color: rgba(51, 51, 51, 0.1);
    color: #666666;
    border-color: #333333; }
    .cta.secondary.outline {
      background-color: transparent;
      color: #333333;
      border-color: #333333; }
  .cta.tertiary {
    background-color: #666666;
    color: #000000;
    border-color: #666666; }
    .cta.tertiary.outline {
      background-color: transparent;
      color: #666666;
      border-color: #666666; }
  .cta.info {
    background-color: #27aae1;
    color: #ffffff;
    border-color: #27aae1; }
    .cta.info.outline {
      background-color: transparent;
      color: #27aae1;
      border-color: #27aae1; }
  .cta.success {
    background-color: #5fba7d;
    color: #ffffff;
    border-color: #5fba7d; }
    .cta.success.outline {
      background-color: transparent;
      color: #5fba7d;
      border-color: #5fba7d; }
  .cta.warning {
    background-color: #fbb03b;
    color: #ffffff;
    border-color: #fbb03b; }
    .cta.warning.outline {
      background-color: transparent;
      color: #fbb03b;
      border-color: #fbb03b; }
  .cta.stop {
    background-color: #ed4a56;
    color: #ffffff;
    border-color: #ed4a56; }
    .cta.stop.outline {
      background-color: transparent;
      color: #ed4a56;
      border-color: #ed4a56; }
  .cta.white {
    background-color: #ffffff;
    color: #000000;
    border-color: #ffffff; }
    .cta.white.outline {
      background-color: transparent;
      color: #ffffff;
      border-color: #ffffff; }
  .cta.border-p {
    border-color: #000000; }
  .cta.border-s {
    border-color: #333333; }
  .cta.border-t {
    border-color: #666666; }
  .cta.full {
    text-align: center;
    width: 100%; }
  .cta.align-c {
    text-align: center; }
  .cta.align-r {
    text-align: right; }
  .cta.no-margin {
    margin: 0; }

#menu-desktop {
  background: #000000;
  margin-bottom: 10px;
  z-index: 999; }
  #menu-desktop li {
    max-width: 100%; }
    #menu-desktop li a {
      background: #000000;
      color: #333333;
      text-decoration: none;
      display: block;
      padding: 10px; }
      #menu-desktop li a:hover {
        color: #222222; }
  #menu-desktop .current-menu-item a, #menu-desktop .current-menu-parent a {
    border-bottom: 5px solid #333333; }
  #menu-desktop .sub-menu {
    display: none; }
  @media (max-width: 1024px) {
    #menu-desktop {
      display: none; } }

#menu-mobile {
  display: none; }
  #menu-mobile li {
    text-align: center;
    display: block; }
    #menu-mobile li a {
      color: #333333;
      font-size: 18px;
      text-decoration: none;
      padding: 10px 0;
      border-top: 1px solid #ffffff;
      display: block; }
      #menu-mobile li a:hover {
        color: #222222; }
    #menu-mobile li .sub-menu {
      margin-bottom: 5px; }
      #menu-mobile li .sub-menu a {
        font-size: 14px;
        padding: 5px 0;
        border-top: none; }
  #menu-mobile .menu {
    margin-bottom: 0;
    width: 100%; }
  #menu-mobile #search {
    display: none; }

#menu-mobile:after {
  clear: both;
  content: " ";
  display: table; }

#search {
  background: #ffffff;
  color: #000000;
  text-align: center;
  display: table;
  position: relative;
  cursor: pointer; }
  #search .fa {
    font-size: 48px;
    display: table-cell;
    vertical-align: middle;
    height: 84px;
    float: none; }

#menu-trigger {
  background: #000000;
  text-align: right;
  display: none; }
  @media (max-width: 1024px) {
    #menu-trigger {
      display: block; } }

.menu-button {
  display: inline-block;
  padding: 12px 10px;
  margin: 10px;
  background-color: transparent;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  border-radius: 48px; }

.burger-icon {
  position: relative;
  margin-top: 8px;
  margin-bottom: 8px; }

.burger-icon, .burger-icon:before, .burger-icon:after {
  display: block;
  width: 25px;
  height: 1px;
  background-color: #666666;
  -webkit-transition-property: background-color, -webkit-transform;
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  transition-property: background-color, transform;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s; }

.burger-icon:before, .burger-icon:after {
  position: absolute;
  content: ""; }

.burger-icon:before {
  top: -8px; }

.burger-icon:after {
  top: 8px; }

.menu-button.open {
  border-radius: 48px; }

.burger-icon.open {
  -webkit-transform: translateY(0) rotate(-360deg);
  -moz-transform: translateY(0) rotate(-360deg);
  -ms-transform: translateY(0) rotate(-360deg);
  -o-transform: translateY(0) rotate(-360deg);
  transform: translateY(0) rotate(-360deg);
  background-color: transparent; }

.burger-icon.open:before {
  -webkit-transform: translateY(8px) rotate(45deg);
  -moz-transform: translateY(8px) rotate(45deg);
  -ms-transform: translateY(8px) rotate(45deg);
  -o-transform: translateY(8px) rotate(45deg);
  transform: translateY(8px) rotate(45deg);
  background-color: #666666; }

.burger-icon.open:after {
  -webkit-transform: translateY(-8px) rotate(-45deg);
  -moz-transform: translateY(-8px) rotate(-45deg);
  -ms-transform: translateY(-8px) rotate(-45deg);
  -o-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg);
  background-color: #666666; }