a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
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;
}

input,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

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

@font-face {
  font-family: Neuzeits;
  src: url("assets/fonts/neuzeits-book-webfont.woff") format("woff"),
    url("assets/fonts/neuzeits-book-webfont.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Neuzeits;
  src: url("assets/fonts/neuzeits-bookheavy-webfont.woff") format("woff"),
    url("assets/fonts/neuzeits-bookheavy-webfont.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Material Icons;
  src: url("assets/fonts/icons/material-icons-regular.woff") format("woff"),
    url("assets/fonts/icons/material-icons-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

html {
  background-color: #fff;
  height: 100%;
  overflow-x: hidden;
}

body {
  overflow: hidden;
}

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

.unscrollable-frame {
  overflow: hidden !important;
}

.scrollable-frame {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}

.overlay {
  background: #000;
  opacity: 0.07;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 4;
}

.white-bg {
  background: #fff;
}

.dark-section {
  background: #000;
  color: #ed454b;
}

.dark-section .button.transparent {
  color: rgba(237, 69, 75, 0.65);
}

.dark-section .button.transparent:not(.disabled):not(.loading):hover {
  color: #fff;
  opacity: 1;
}

.section-header {
  min-height: 50px;
  margin-bottom: 1.5rem;
}

.section-header.no-space-below {
  margin-bottom: 0;
}

.section-header.space-above {
  margin-top: 1rem;
}

.section-header.with-border {
  border-bottom: 1px solid #000;
}

.section-header .h1,
.section-header .h2,
.section-header .h3,
.section-header .h4,
.section-header .h5,
.section-header .h6,
.section-header .p,
.section-header h1,
.section-header h2,
.section-header h3,
.section-header h4,
.section-header h5,
.section-header h6,
.section-header p {
  margin: 0;
}

.inline-block {
  display: inline-block;
}

.container {
  position: relative;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  width: 87%;
  max-width: 1300px;
}

@media only screen and (min-width: 850px) {
  .container {
    width: 87%;
    width: calc(100% - 7.5rem * 2);
  }
}

.container.narrow {
  max-width: 35rem;
}

.container.very-narrow {
  max-width: 20rem;
}

.container-flex-center {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (min-width: 600px) {
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm),
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm) {
    display: block;
    margin-left: -0.875rem;
    margin-right: -0.875rem;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col,
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > [class^="col"],
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > [class^="col"] {
    font-size: inherit;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col.order-1,
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > [class^="col"].order-1,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col.order-1,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > [class^="col"].order-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col.order-2,
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > [class^="col"].order-2,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col.order-2,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > [class^="col"].order-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col.order-3,
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > [class^="col"].order-3,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col.order-3,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > [class^="col"].order-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col.order-4,
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > [class^="col"].order-4,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col.order-4,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > [class^="col"].order-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col.grow,
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > [class^="col"].grow,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col.grow,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > [class^="col"].grow {
    width: 1px;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col.grow-2,
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > [class^="col"].grow-2,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col.grow-2,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > [class^="col"].grow-2 {
    width: 1px;
    -ms-flex-positive: 2;
    flex-grow: 2;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col.grow-3,
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > [class^="col"].grow-3,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col.grow-3,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > [class^="col"].grow-3 {
    width: 1px;
    -ms-flex-positive: 3;
    flex-grow: 3;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col.no-grow,
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > [class^="col"].no-grow,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col.no-grow,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > [class^="col"].no-grow {
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-1,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-1 {
    width: 8.33333%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-2,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-2 {
    width: 16.66666%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-3,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-3 {
    width: 24.99999%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-4,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-4 {
    width: 33.33332%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-5,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-5 {
    width: 41.66665%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-6,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-6 {
    width: 49.99998%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-7,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-7 {
    width: 58.33331%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-8,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-8 {
    width: 66.66664%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-9,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-9 {
    width: 74.99997%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-10,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-10 {
    width: 83.3333%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-11,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-11 {
    width: 91.66663%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-12,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col-12 {
    width: 99.99996%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-1,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-1 {
    margin-right: 8.33333%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-1,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-1 {
    margin-left: 8.33333%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-2,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-2 {
    margin-right: 16.66666%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-2,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-2 {
    margin-left: 16.66666%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-3,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-3 {
    margin-right: 24.99999%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-3,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-3 {
    margin-left: 24.99999%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-4,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-4 {
    margin-right: 33.33332%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-4,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-4 {
    margin-left: 33.33332%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-5,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-5 {
    margin-right: 41.66665%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-5,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-5 {
    margin-left: 41.66665%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-6,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-6 {
    margin-right: 49.99998%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-6,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-6 {
    margin-left: 49.99998%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-7,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-7 {
    margin-right: 58.33331%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-7,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-7 {
    margin-left: 58.33331%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-8,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-8 {
    margin-right: 66.66664%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-8,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-8 {
    margin-left: 66.66664%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-9,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-9 {
    margin-right: 74.99997%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-9,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-9 {
    margin-left: 74.99997%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-10,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-10 {
    margin-right: 83.3333%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-10,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-10 {
    margin-left: 83.3333%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-11,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-11 {
    margin-right: 91.66663%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-11,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-11 {
    margin-left: 91.66663%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-12,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-right-12 {
    margin-right: 99.99996%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-12,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    .push-left-12 {
    margin-left: 99.99996%;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).gutter-tight,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).gutter-tight {
    display: block;
    margin-left: -0.4375rem;
    margin-right: -0.4375rem;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).gutter-tight
    > .col,
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).gutter-tight
    > [class^="col"],
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).gutter-tight
    > .col,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).gutter-tight
    > [class^="col"] {
    padding-left: 0.4375rem !important;
    padding-right: 0.4375rem !important;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).gutter-none,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).gutter-none {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).gutter-none
    > .col,
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).gutter-none
    > [class^="col"],
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).gutter-none
    > .col,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).gutter-none
    > [class^="col"] {
    padding-left: 0;
    padding-right: 0;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).slim-gutter,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).slim-gutter {
    display: block;
    margin-left: -0.21875rem;
    margin-right: -0.21875rem;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).slim-gutter
    > .col,
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).slim-gutter
    > [class^="col"],
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).slim-gutter
    > .col,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).slim-gutter
    > [class^="col"] {
    padding-left: 0.21875rem !important;
    padding-right: 0.21875rem !important;
  }
}

@media only screen and (min-width: 850px) {
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).gutter-wide,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).gutter-wide {
    display: block;
    margin-left: -1.75rem;
    margin-right: -1.75rem;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).gutter-wide
    > .col,
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).gutter-wide
    > [class^="col"],
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).gutter-wide
    > .col,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).gutter-wide
    > [class^="col"] {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}

.grid-flex.no-break,
.grid-float.no-break {
  display: block;
  margin-left: -0.875rem;
  margin-right: -0.875rem;
}

.grid-flex.no-break > .col,
.grid-flex.no-break > [class^="col"],
.grid-float.no-break > .col,
.grid-float.no-break > [class^="col"] {
  font-size: inherit;
  -ms-flex-positive: 0;
  flex-grow: 0;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.grid-flex.no-break > .col.order-1,
.grid-flex.no-break > [class^="col"].order-1,
.grid-float.no-break > .col.order-1,
.grid-float.no-break > [class^="col"].order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.grid-flex.no-break > .col.order-2,
.grid-flex.no-break > [class^="col"].order-2,
.grid-float.no-break > .col.order-2,
.grid-float.no-break > [class^="col"].order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.grid-flex.no-break > .col.order-3,
.grid-flex.no-break > [class^="col"].order-3,
.grid-float.no-break > .col.order-3,
.grid-float.no-break > [class^="col"].order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.grid-flex.no-break > .col.order-4,
.grid-flex.no-break > [class^="col"].order-4,
.grid-float.no-break > .col.order-4,
.grid-float.no-break > [class^="col"].order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.grid-flex.no-break > .col.grow,
.grid-flex.no-break > [class^="col"].grow,
.grid-float.no-break > .col.grow,
.grid-float.no-break > [class^="col"].grow {
  width: 1px;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.grid-flex.no-break > .col.grow-2,
.grid-flex.no-break > [class^="col"].grow-2,
.grid-float.no-break > .col.grow-2,
.grid-float.no-break > [class^="col"].grow-2 {
  width: 1px;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.grid-flex.no-break > .col.grow-3,
.grid-flex.no-break > [class^="col"].grow-3,
.grid-float.no-break > .col.grow-3,
.grid-float.no-break > [class^="col"].grow-3 {
  width: 1px;
  -ms-flex-positive: 3;
  flex-grow: 3;
}

.grid-flex.no-break > .col.no-grow,
.grid-flex.no-break > [class^="col"].no-grow,
.grid-float.no-break > .col.no-grow,
.grid-float.no-break > [class^="col"].no-grow {
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.grid-flex.no-break > .col-1,
.grid-float.no-break > .col-1 {
  width: 8.33333%;
}

.grid-flex.no-break > .col-2,
.grid-float.no-break > .col-2 {
  width: 16.66666%;
}

.grid-flex.no-break > .col-3,
.grid-float.no-break > .col-3 {
  width: 24.99999%;
}

.grid-flex.no-break > .col-4,
.grid-float.no-break > .col-4 {
  width: 33.33332%;
}

.grid-flex.no-break > .col-5,
.grid-float.no-break > .col-5 {
  width: 41.66665%;
}

.grid-flex.no-break > .col-6,
.grid-float.no-break > .col-6 {
  width: 49.99998%;
}

.grid-flex.no-break > .col-7,
.grid-float.no-break > .col-7 {
  width: 58.33331%;
}

.grid-flex.no-break > .col-8,
.grid-float.no-break > .col-8 {
  width: 66.66664%;
}

.grid-flex.no-break > .col-9,
.grid-float.no-break > .col-9 {
  width: 74.99997%;
}

.grid-flex.no-break > .col-10,
.grid-float.no-break > .col-10 {
  width: 83.3333%;
}

.grid-flex.no-break > .col-11,
.grid-float.no-break > .col-11 {
  width: 91.66663%;
}

.grid-flex.no-break > .col-12,
.grid-float.no-break > .col-12 {
  width: 99.99996%;
}

.grid-flex.no-break .push-right-1,
.grid-float.no-break .push-right-1 {
  margin-right: 8.33333%;
}

.grid-flex.no-break .push-left-1,
.grid-float.no-break .push-left-1 {
  margin-left: 8.33333%;
}

.grid-flex.no-break .push-right-2,
.grid-float.no-break .push-right-2 {
  margin-right: 16.66666%;
}

.grid-flex.no-break .push-left-2,
.grid-float.no-break .push-left-2 {
  margin-left: 16.66666%;
}

.grid-flex.no-break .push-right-3,
.grid-float.no-break .push-right-3 {
  margin-right: 24.99999%;
}

.grid-flex.no-break .push-left-3,
.grid-float.no-break .push-left-3 {
  margin-left: 24.99999%;
}

.grid-flex.no-break .push-right-4,
.grid-float.no-break .push-right-4 {
  margin-right: 33.33332%;
}

.grid-flex.no-break .push-left-4,
.grid-float.no-break .push-left-4 {
  margin-left: 33.33332%;
}

.grid-flex.no-break .push-right-5,
.grid-float.no-break .push-right-5 {
  margin-right: 41.66665%;
}

.grid-flex.no-break .push-left-5,
.grid-float.no-break .push-left-5 {
  margin-left: 41.66665%;
}

.grid-flex.no-break .push-right-6,
.grid-float.no-break .push-right-6 {
  margin-right: 49.99998%;
}

.grid-flex.no-break .push-left-6,
.grid-float.no-break .push-left-6 {
  margin-left: 49.99998%;
}

.grid-flex.no-break .push-right-7,
.grid-float.no-break .push-right-7 {
  margin-right: 58.33331%;
}

.grid-flex.no-break .push-left-7,
.grid-float.no-break .push-left-7 {
  margin-left: 58.33331%;
}

.grid-flex.no-break .push-right-8,
.grid-float.no-break .push-right-8 {
  margin-right: 66.66664%;
}

.grid-flex.no-break .push-left-8,
.grid-float.no-break .push-left-8 {
  margin-left: 66.66664%;
}

.grid-flex.no-break .push-right-9,
.grid-float.no-break .push-right-9 {
  margin-right: 74.99997%;
}

.grid-flex.no-break .push-left-9,
.grid-float.no-break .push-left-9 {
  margin-left: 74.99997%;
}

.grid-flex.no-break .push-right-10,
.grid-float.no-break .push-right-10 {
  margin-right: 83.3333%;
}

.grid-flex.no-break .push-left-10,
.grid-float.no-break .push-left-10 {
  margin-left: 83.3333%;
}

.grid-flex.no-break .push-right-11,
.grid-float.no-break .push-right-11 {
  margin-right: 91.66663%;
}

.grid-flex.no-break .push-left-11,
.grid-float.no-break .push-left-11 {
  margin-left: 91.66663%;
}

.grid-flex.no-break .push-right-12,
.grid-float.no-break .push-right-12 {
  margin-right: 99.99996%;
}

.grid-flex.no-break .push-left-12,
.grid-float.no-break .push-left-12 {
  margin-left: 99.99996%;
}

.grid-flex.no-break.gutter-wide,
.grid-float.no-break.gutter-wide {
  display: block;
  margin-left: -1.75rem;
  margin-right: -1.75rem;
}

.grid-flex.no-break.gutter-wide > .col,
.grid-flex.no-break.gutter-wide > [class^="col"],
.grid-float.no-break.gutter-wide > .col,
.grid-float.no-break.gutter-wide > [class^="col"] {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.grid-flex.no-break.gutter-tight,
.grid-float.no-break.gutter-tight {
  display: block;
  margin-left: -0.4375rem;
  margin-right: -0.4375rem;
}

.grid-flex.no-break.gutter-tight > .col,
.grid-flex.no-break.gutter-tight > [class^="col"],
.grid-float.no-break.gutter-tight > .col,
.grid-float.no-break.gutter-tight > [class^="col"] {
  padding-left: 0.4375rem !important;
  padding-right: 0.4375rem !important;
}

.grid-flex.no-break.gutter-none,
.grid-float.no-break.gutter-none {
  display: block;
  margin-left: 0;
  margin-right: 0;
}

.grid-flex.no-break.gutter-none > .col,
.grid-flex.no-break.gutter-none > [class^="col"],
.grid-float.no-break.gutter-none > .col,
.grid-float.no-break.gutter-none > [class^="col"] {
  padding-left: 0;
  padding-right: 0;
}

.grid-flex.no-break.slim-gutter,
.grid-float.no-break.slim-gutter {
  display: block;
  margin-left: -0.21875rem;
  margin-right: -0.21875rem;
}

.grid-flex.no-break.slim-gutter > .col,
.grid-flex.no-break.slim-gutter > [class^="col"],
.grid-float.no-break.slim-gutter > .col,
.grid-float.no-break.slim-gutter > [class^="col"] {
  padding-left: 0.21875rem !important;
  padding-right: 0.21875rem !important;
}

@media only screen and (min-width: 450px) {
  .grid-flex.break-sm,
  .grid-float.break-sm {
    display: block;
    margin-left: -0.875rem;
    margin-right: -0.875rem;
  }
  .grid-flex.break-sm > .col,
  .grid-flex.break-sm > [class^="col"],
  .grid-float.break-sm > .col,
  .grid-float.break-sm > [class^="col"] {
    font-size: inherit;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .grid-flex.break-sm > .col.order-1,
  .grid-flex.break-sm > [class^="col"].order-1,
  .grid-float.break-sm > .col.order-1,
  .grid-float.break-sm > [class^="col"].order-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .grid-flex.break-sm > .col.order-2,
  .grid-flex.break-sm > [class^="col"].order-2,
  .grid-float.break-sm > .col.order-2,
  .grid-float.break-sm > [class^="col"].order-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .grid-flex.break-sm > .col.order-3,
  .grid-flex.break-sm > [class^="col"].order-3,
  .grid-float.break-sm > .col.order-3,
  .grid-float.break-sm > [class^="col"].order-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .grid-flex.break-sm > .col.order-4,
  .grid-flex.break-sm > [class^="col"].order-4,
  .grid-float.break-sm > .col.order-4,
  .grid-float.break-sm > [class^="col"].order-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .grid-flex.break-sm > .col.grow,
  .grid-flex.break-sm > [class^="col"].grow,
  .grid-float.break-sm > .col.grow,
  .grid-float.break-sm > [class^="col"].grow {
    width: 1px;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .grid-flex.break-sm > .col.grow-2,
  .grid-flex.break-sm > [class^="col"].grow-2,
  .grid-float.break-sm > .col.grow-2,
  .grid-float.break-sm > [class^="col"].grow-2 {
    width: 1px;
    -ms-flex-positive: 2;
    flex-grow: 2;
  }
  .grid-flex.break-sm > .col.grow-3,
  .grid-flex.break-sm > [class^="col"].grow-3,
  .grid-float.break-sm > .col.grow-3,
  .grid-float.break-sm > [class^="col"].grow-3 {
    width: 1px;
    -ms-flex-positive: 3;
    flex-grow: 3;
  }
  .grid-flex.break-sm > .col.no-grow,
  .grid-flex.break-sm > [class^="col"].no-grow,
  .grid-float.break-sm > .col.no-grow,
  .grid-float.break-sm > [class^="col"].no-grow {
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
  .grid-flex.break-sm > .col-1,
  .grid-float.break-sm > .col-1 {
    width: 8.33333%;
  }
  .grid-flex.break-sm > .col-2,
  .grid-float.break-sm > .col-2 {
    width: 16.66666%;
  }
  .grid-flex.break-sm > .col-3,
  .grid-float.break-sm > .col-3 {
    width: 24.99999%;
  }
  .grid-flex.break-sm > .col-4,
  .grid-float.break-sm > .col-4 {
    width: 33.33332%;
  }
  .grid-flex.break-sm > .col-5,
  .grid-float.break-sm > .col-5 {
    width: 41.66665%;
  }
  .grid-flex.break-sm > .col-6,
  .grid-float.break-sm > .col-6 {
    width: 49.99998%;
  }
  .grid-flex.break-sm > .col-7,
  .grid-float.break-sm > .col-7 {
    width: 58.33331%;
  }
  .grid-flex.break-sm > .col-8,
  .grid-float.break-sm > .col-8 {
    width: 66.66664%;
  }
  .grid-flex.break-sm > .col-9,
  .grid-float.break-sm > .col-9 {
    width: 74.99997%;
  }
  .grid-flex.break-sm > .col-10,
  .grid-float.break-sm > .col-10 {
    width: 83.3333%;
  }
  .grid-flex.break-sm > .col-11,
  .grid-float.break-sm > .col-11 {
    width: 91.66663%;
  }
  .grid-flex.break-sm > .col-12,
  .grid-float.break-sm > .col-12 {
    width: 99.99996%;
  }
  .grid-flex.break-sm .push-right-1,
  .grid-float.break-sm .push-right-1 {
    margin-right: 8.33333%;
  }
  .grid-flex.break-sm .push-left-1,
  .grid-float.break-sm .push-left-1 {
    margin-left: 8.33333%;
  }
  .grid-flex.break-sm .push-right-2,
  .grid-float.break-sm .push-right-2 {
    margin-right: 16.66666%;
  }
  .grid-flex.break-sm .push-left-2,
  .grid-float.break-sm .push-left-2 {
    margin-left: 16.66666%;
  }
  .grid-flex.break-sm .push-right-3,
  .grid-float.break-sm .push-right-3 {
    margin-right: 24.99999%;
  }
  .grid-flex.break-sm .push-left-3,
  .grid-float.break-sm .push-left-3 {
    margin-left: 24.99999%;
  }
  .grid-flex.break-sm .push-right-4,
  .grid-float.break-sm .push-right-4 {
    margin-right: 33.33332%;
  }
  .grid-flex.break-sm .push-left-4,
  .grid-float.break-sm .push-left-4 {
    margin-left: 33.33332%;
  }
  .grid-flex.break-sm .push-right-5,
  .grid-float.break-sm .push-right-5 {
    margin-right: 41.66665%;
  }
  .grid-flex.break-sm .push-left-5,
  .grid-float.break-sm .push-left-5 {
    margin-left: 41.66665%;
  }
  .grid-flex.break-sm .push-right-6,
  .grid-float.break-sm .push-right-6 {
    margin-right: 49.99998%;
  }
  .grid-flex.break-sm .push-left-6,
  .grid-float.break-sm .push-left-6 {
    margin-left: 49.99998%;
  }
  .grid-flex.break-sm .push-right-7,
  .grid-float.break-sm .push-right-7 {
    margin-right: 58.33331%;
  }
  .grid-flex.break-sm .push-left-7,
  .grid-float.break-sm .push-left-7 {
    margin-left: 58.33331%;
  }
  .grid-flex.break-sm .push-right-8,
  .grid-float.break-sm .push-right-8 {
    margin-right: 66.66664%;
  }
  .grid-flex.break-sm .push-left-8,
  .grid-float.break-sm .push-left-8 {
    margin-left: 66.66664%;
  }
  .grid-flex.break-sm .push-right-9,
  .grid-float.break-sm .push-right-9 {
    margin-right: 74.99997%;
  }
  .grid-flex.break-sm .push-left-9,
  .grid-float.break-sm .push-left-9 {
    margin-left: 74.99997%;
  }
  .grid-flex.break-sm .push-right-10,
  .grid-float.break-sm .push-right-10 {
    margin-right: 83.3333%;
  }
  .grid-flex.break-sm .push-left-10,
  .grid-float.break-sm .push-left-10 {
    margin-left: 83.3333%;
  }
  .grid-flex.break-sm .push-right-11,
  .grid-float.break-sm .push-right-11 {
    margin-right: 91.66663%;
  }
  .grid-flex.break-sm .push-left-11,
  .grid-float.break-sm .push-left-11 {
    margin-left: 91.66663%;
  }
  .grid-flex.break-sm .push-right-12,
  .grid-float.break-sm .push-right-12 {
    margin-right: 99.99996%;
  }
  .grid-flex.break-sm .push-left-12,
  .grid-float.break-sm .push-left-12 {
    margin-left: 99.99996%;
  }
  .grid-flex.break-sm.gutter-wide,
  .grid-float.break-sm.gutter-wide {
    display: block;
    margin-left: -1.75rem;
    margin-right: -1.75rem;
  }
  .grid-flex.break-sm.gutter-wide > .col,
  .grid-flex.break-sm.gutter-wide > [class^="col"],
  .grid-float.break-sm.gutter-wide > .col,
  .grid-float.break-sm.gutter-wide > [class^="col"] {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .grid-flex.break-sm.gutter-tight,
  .grid-float.break-sm.gutter-tight {
    display: block;
    margin-left: -0.4375rem;
    margin-right: -0.4375rem;
  }
  .grid-flex.break-sm.gutter-tight > .col,
  .grid-flex.break-sm.gutter-tight > [class^="col"],
  .grid-float.break-sm.gutter-tight > .col,
  .grid-float.break-sm.gutter-tight > [class^="col"] {
    padding-left: 0.4375rem !important;
    padding-right: 0.4375rem !important;
  }
  .grid-flex.break-sm.gutter-none,
  .grid-float.break-sm.gutter-none {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
  .grid-flex.break-sm.gutter-none > .col,
  .grid-flex.break-sm.gutter-none > [class^="col"],
  .grid-float.break-sm.gutter-none > .col,
  .grid-float.break-sm.gutter-none > [class^="col"] {
    padding-left: 0;
    padding-right: 0;
  }
  .grid-flex.break-sm.slim-gutter,
  .grid-float.break-sm.slim-gutter {
    display: block;
    margin-left: -0.21875rem;
    margin-right: -0.21875rem;
  }
  .grid-flex.break-sm.slim-gutter > .col,
  .grid-flex.break-sm.slim-gutter > [class^="col"],
  .grid-float.break-sm.slim-gutter > .col,
  .grid-float.break-sm.slim-gutter > [class^="col"] {
    padding-left: 0.21875rem !important;
    padding-right: 0.21875rem !important;
  }
}

@media only screen and (min-width: 850px) {
  .grid-flex.break-lg,
  .grid-float.break-lg {
    display: block;
    margin-left: -0.875rem;
    margin-right: -0.875rem;
  }
  .grid-flex.break-lg > .col,
  .grid-flex.break-lg > [class^="col"],
  .grid-float.break-lg > .col,
  .grid-float.break-lg > [class^="col"] {
    font-size: inherit;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .grid-flex.break-lg > .col.order-1,
  .grid-flex.break-lg > [class^="col"].order-1,
  .grid-float.break-lg > .col.order-1,
  .grid-float.break-lg > [class^="col"].order-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .grid-flex.break-lg > .col.order-2,
  .grid-flex.break-lg > [class^="col"].order-2,
  .grid-float.break-lg > .col.order-2,
  .grid-float.break-lg > [class^="col"].order-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .grid-flex.break-lg > .col.order-3,
  .grid-flex.break-lg > [class^="col"].order-3,
  .grid-float.break-lg > .col.order-3,
  .grid-float.break-lg > [class^="col"].order-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .grid-flex.break-lg > .col.order-4,
  .grid-flex.break-lg > [class^="col"].order-4,
  .grid-float.break-lg > .col.order-4,
  .grid-float.break-lg > [class^="col"].order-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .grid-flex.break-lg > .col.grow,
  .grid-flex.break-lg > [class^="col"].grow,
  .grid-float.break-lg > .col.grow,
  .grid-float.break-lg > [class^="col"].grow {
    width: 1px;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .grid-flex.break-lg > .col.grow-2,
  .grid-flex.break-lg > [class^="col"].grow-2,
  .grid-float.break-lg > .col.grow-2,
  .grid-float.break-lg > [class^="col"].grow-2 {
    width: 1px;
    -ms-flex-positive: 2;
    flex-grow: 2;
  }
  .grid-flex.break-lg > .col.grow-3,
  .grid-flex.break-lg > [class^="col"].grow-3,
  .grid-float.break-lg > .col.grow-3,
  .grid-float.break-lg > [class^="col"].grow-3 {
    width: 1px;
    -ms-flex-positive: 3;
    flex-grow: 3;
  }
  .grid-flex.break-lg > .col.no-grow,
  .grid-flex.break-lg > [class^="col"].no-grow,
  .grid-float.break-lg > .col.no-grow,
  .grid-float.break-lg > [class^="col"].no-grow {
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
  .grid-flex.break-lg > .col-1,
  .grid-float.break-lg > .col-1 {
    width: 8.33333%;
  }
  .grid-flex.break-lg > .col-2,
  .grid-float.break-lg > .col-2 {
    width: 16.66666%;
  }
  .grid-flex.break-lg > .col-3,
  .grid-float.break-lg > .col-3 {
    width: 24.99999%;
  }
  .grid-flex.break-lg > .col-4,
  .grid-float.break-lg > .col-4 {
    width: 33.33332%;
  }
  .grid-flex.break-lg > .col-5,
  .grid-float.break-lg > .col-5 {
    width: 41.66665%;
  }
  .grid-flex.break-lg > .col-6,
  .grid-float.break-lg > .col-6 {
    width: 49.99998%;
  }
  .grid-flex.break-lg > .col-7,
  .grid-float.break-lg > .col-7 {
    width: 58.33331%;
  }
  .grid-flex.break-lg > .col-8,
  .grid-float.break-lg > .col-8 {
    width: 66.66664%;
  }
  .grid-flex.break-lg > .col-9,
  .grid-float.break-lg > .col-9 {
    width: 74.99997%;
  }
  .grid-flex.break-lg > .col-10,
  .grid-float.break-lg > .col-10 {
    width: 83.3333%;
  }
  .grid-flex.break-lg > .col-11,
  .grid-float.break-lg > .col-11 {
    width: 91.66663%;
  }
  .grid-flex.break-lg > .col-12,
  .grid-float.break-lg > .col-12 {
    width: 99.99996%;
  }
  .grid-flex.break-lg .push-right-1,
  .grid-float.break-lg .push-right-1 {
    margin-right: 8.33333%;
  }
  .grid-flex.break-lg .push-left-1,
  .grid-float.break-lg .push-left-1 {
    margin-left: 8.33333%;
  }
  .grid-flex.break-lg .push-right-2,
  .grid-float.break-lg .push-right-2 {
    margin-right: 16.66666%;
  }
  .grid-flex.break-lg .push-left-2,
  .grid-float.break-lg .push-left-2 {
    margin-left: 16.66666%;
  }
  .grid-flex.break-lg .push-right-3,
  .grid-float.break-lg .push-right-3 {
    margin-right: 24.99999%;
  }
  .grid-flex.break-lg .push-left-3,
  .grid-float.break-lg .push-left-3 {
    margin-left: 24.99999%;
  }
  .grid-flex.break-lg .push-right-4,
  .grid-float.break-lg .push-right-4 {
    margin-right: 33.33332%;
  }
  .grid-flex.break-lg .push-left-4,
  .grid-float.break-lg .push-left-4 {
    margin-left: 33.33332%;
  }
  .grid-flex.break-lg .push-right-5,
  .grid-float.break-lg .push-right-5 {
    margin-right: 41.66665%;
  }
  .grid-flex.break-lg .push-left-5,
  .grid-float.break-lg .push-left-5 {
    margin-left: 41.66665%;
  }
  .grid-flex.break-lg .push-right-6,
  .grid-float.break-lg .push-right-6 {
    margin-right: 49.99998%;
  }
  .grid-flex.break-lg .push-left-6,
  .grid-float.break-lg .push-left-6 {
    margin-left: 49.99998%;
  }
  .grid-flex.break-lg .push-right-7,
  .grid-float.break-lg .push-right-7 {
    margin-right: 58.33331%;
  }
  .grid-flex.break-lg .push-left-7,
  .grid-float.break-lg .push-left-7 {
    margin-left: 58.33331%;
  }
  .grid-flex.break-lg .push-right-8,
  .grid-float.break-lg .push-right-8 {
    margin-right: 66.66664%;
  }
  .grid-flex.break-lg .push-left-8,
  .grid-float.break-lg .push-left-8 {
    margin-left: 66.66664%;
  }
  .grid-flex.break-lg .push-right-9,
  .grid-float.break-lg .push-right-9 {
    margin-right: 74.99997%;
  }
  .grid-flex.break-lg .push-left-9,
  .grid-float.break-lg .push-left-9 {
    margin-left: 74.99997%;
  }
  .grid-flex.break-lg .push-right-10,
  .grid-float.break-lg .push-right-10 {
    margin-right: 83.3333%;
  }
  .grid-flex.break-lg .push-left-10,
  .grid-float.break-lg .push-left-10 {
    margin-left: 83.3333%;
  }
  .grid-flex.break-lg .push-right-11,
  .grid-float.break-lg .push-right-11 {
    margin-right: 91.66663%;
  }
  .grid-flex.break-lg .push-left-11,
  .grid-float.break-lg .push-left-11 {
    margin-left: 91.66663%;
  }
  .grid-flex.break-lg .push-right-12,
  .grid-float.break-lg .push-right-12 {
    margin-right: 99.99996%;
  }
  .grid-flex.break-lg .push-left-12,
  .grid-float.break-lg .push-left-12 {
    margin-left: 99.99996%;
  }
  .grid-flex.break-lg.gutter-wide,
  .grid-float.break-lg.gutter-wide {
    display: block;
    margin-left: -1.75rem;
    margin-right: -1.75rem;
  }
  .grid-flex.break-lg.gutter-wide > .col,
  .grid-flex.break-lg.gutter-wide > [class^="col"],
  .grid-float.break-lg.gutter-wide > .col,
  .grid-float.break-lg.gutter-wide > [class^="col"] {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .grid-flex.break-lg.gutter-tight,
  .grid-float.break-lg.gutter-tight {
    display: block;
    margin-left: -0.4375rem;
    margin-right: -0.4375rem;
  }
  .grid-flex.break-lg.gutter-tight > .col,
  .grid-flex.break-lg.gutter-tight > [class^="col"],
  .grid-float.break-lg.gutter-tight > .col,
  .grid-float.break-lg.gutter-tight > [class^="col"] {
    padding-left: 0.4375rem !important;
    padding-right: 0.4375rem !important;
  }
  .grid-flex.break-lg.gutter-none,
  .grid-float.break-lg.gutter-none {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
  .grid-flex.break-lg.gutter-none > .col,
  .grid-flex.break-lg.gutter-none > [class^="col"],
  .grid-float.break-lg.gutter-none > .col,
  .grid-float.break-lg.gutter-none > [class^="col"] {
    padding-left: 0;
    padding-right: 0;
  }
  .grid-flex.break-lg.slim-gutter,
  .grid-float.break-lg.slim-gutter {
    display: block;
    margin-left: -0.21875rem;
    margin-right: -0.21875rem;
  }
  .grid-flex.break-lg.slim-gutter > .col,
  .grid-flex.break-lg.slim-gutter > [class^="col"],
  .grid-float.break-lg.slim-gutter > .col,
  .grid-float.break-lg.slim-gutter > [class^="col"] {
    padding-left: 0.21875rem !important;
    padding-right: 0.21875rem !important;
  }
}

@media only screen and (min-width: 1020px) {
  .grid-flex.break-xlg,
  .grid-float.break-xlg {
    display: block;
    margin-left: -0.875rem;
    margin-right: -0.875rem;
  }
  .grid-flex.break-xlg > .col,
  .grid-flex.break-xlg > [class^="col"],
  .grid-float.break-xlg > .col,
  .grid-float.break-xlg > [class^="col"] {
    font-size: inherit;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .grid-flex.break-xlg > .col.order-1,
  .grid-flex.break-xlg > [class^="col"].order-1,
  .grid-float.break-xlg > .col.order-1,
  .grid-float.break-xlg > [class^="col"].order-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .grid-flex.break-xlg > .col.order-2,
  .grid-flex.break-xlg > [class^="col"].order-2,
  .grid-float.break-xlg > .col.order-2,
  .grid-float.break-xlg > [class^="col"].order-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .grid-flex.break-xlg > .col.order-3,
  .grid-flex.break-xlg > [class^="col"].order-3,
  .grid-float.break-xlg > .col.order-3,
  .grid-float.break-xlg > [class^="col"].order-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .grid-flex.break-xlg > .col.order-4,
  .grid-flex.break-xlg > [class^="col"].order-4,
  .grid-float.break-xlg > .col.order-4,
  .grid-float.break-xlg > [class^="col"].order-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .grid-flex.break-xlg > .col.grow,
  .grid-flex.break-xlg > [class^="col"].grow,
  .grid-float.break-xlg > .col.grow,
  .grid-float.break-xlg > [class^="col"].grow {
    width: 1px;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .grid-flex.break-xlg > .col.grow-2,
  .grid-flex.break-xlg > [class^="col"].grow-2,
  .grid-float.break-xlg > .col.grow-2,
  .grid-float.break-xlg > [class^="col"].grow-2 {
    width: 1px;
    -ms-flex-positive: 2;
    flex-grow: 2;
  }
  .grid-flex.break-xlg > .col.grow-3,
  .grid-flex.break-xlg > [class^="col"].grow-3,
  .grid-float.break-xlg > .col.grow-3,
  .grid-float.break-xlg > [class^="col"].grow-3 {
    width: 1px;
    -ms-flex-positive: 3;
    flex-grow: 3;
  }
  .grid-flex.break-xlg > .col.no-grow,
  .grid-flex.break-xlg > [class^="col"].no-grow,
  .grid-float.break-xlg > .col.no-grow,
  .grid-float.break-xlg > [class^="col"].no-grow {
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
  .grid-flex.break-xlg > .col-1,
  .grid-float.break-xlg > .col-1 {
    width: 8.33333%;
  }
  .grid-flex.break-xlg > .col-2,
  .grid-float.break-xlg > .col-2 {
    width: 16.66666%;
  }
  .grid-flex.break-xlg > .col-3,
  .grid-float.break-xlg > .col-3 {
    width: 24.99999%;
  }
  .grid-flex.break-xlg > .col-4,
  .grid-float.break-xlg > .col-4 {
    width: 33.33332%;
  }
  .grid-flex.break-xlg > .col-5,
  .grid-float.break-xlg > .col-5 {
    width: 41.66665%;
  }
  .grid-flex.break-xlg > .col-6,
  .grid-float.break-xlg > .col-6 {
    width: 49.99998%;
  }
  .grid-flex.break-xlg > .col-7,
  .grid-float.break-xlg > .col-7 {
    width: 58.33331%;
  }
  .grid-flex.break-xlg > .col-8,
  .grid-float.break-xlg > .col-8 {
    width: 66.66664%;
  }
  .grid-flex.break-xlg > .col-9,
  .grid-float.break-xlg > .col-9 {
    width: 74.99997%;
  }
  .grid-flex.break-xlg > .col-10,
  .grid-float.break-xlg > .col-10 {
    width: 83.3333%;
  }
  .grid-flex.break-xlg > .col-11,
  .grid-float.break-xlg > .col-11 {
    width: 91.66663%;
  }
  .grid-flex.break-xlg > .col-12,
  .grid-float.break-xlg > .col-12 {
    width: 99.99996%;
  }
  .grid-flex.break-xlg .push-right-1,
  .grid-float.break-xlg .push-right-1 {
    margin-right: 8.33333%;
  }
  .grid-flex.break-xlg .push-left-1,
  .grid-float.break-xlg .push-left-1 {
    margin-left: 8.33333%;
  }
  .grid-flex.break-xlg .push-right-2,
  .grid-float.break-xlg .push-right-2 {
    margin-right: 16.66666%;
  }
  .grid-flex.break-xlg .push-left-2,
  .grid-float.break-xlg .push-left-2 {
    margin-left: 16.66666%;
  }
  .grid-flex.break-xlg .push-right-3,
  .grid-float.break-xlg .push-right-3 {
    margin-right: 24.99999%;
  }
  .grid-flex.break-xlg .push-left-3,
  .grid-float.break-xlg .push-left-3 {
    margin-left: 24.99999%;
  }
  .grid-flex.break-xlg .push-right-4,
  .grid-float.break-xlg .push-right-4 {
    margin-right: 33.33332%;
  }
  .grid-flex.break-xlg .push-left-4,
  .grid-float.break-xlg .push-left-4 {
    margin-left: 33.33332%;
  }
  .grid-flex.break-xlg .push-right-5,
  .grid-float.break-xlg .push-right-5 {
    margin-right: 41.66665%;
  }
  .grid-flex.break-xlg .push-left-5,
  .grid-float.break-xlg .push-left-5 {
    margin-left: 41.66665%;
  }
  .grid-flex.break-xlg .push-right-6,
  .grid-float.break-xlg .push-right-6 {
    margin-right: 49.99998%;
  }
  .grid-flex.break-xlg .push-left-6,
  .grid-float.break-xlg .push-left-6 {
    margin-left: 49.99998%;
  }
  .grid-flex.break-xlg .push-right-7,
  .grid-float.break-xlg .push-right-7 {
    margin-right: 58.33331%;
  }
  .grid-flex.break-xlg .push-left-7,
  .grid-float.break-xlg .push-left-7 {
    margin-left: 58.33331%;
  }
  .grid-flex.break-xlg .push-right-8,
  .grid-float.break-xlg .push-right-8 {
    margin-right: 66.66664%;
  }
  .grid-flex.break-xlg .push-left-8,
  .grid-float.break-xlg .push-left-8 {
    margin-left: 66.66664%;
  }
  .grid-flex.break-xlg .push-right-9,
  .grid-float.break-xlg .push-right-9 {
    margin-right: 74.99997%;
  }
  .grid-flex.break-xlg .push-left-9,
  .grid-float.break-xlg .push-left-9 {
    margin-left: 74.99997%;
  }
  .grid-flex.break-xlg .push-right-10,
  .grid-float.break-xlg .push-right-10 {
    margin-right: 83.3333%;
  }
  .grid-flex.break-xlg .push-left-10,
  .grid-float.break-xlg .push-left-10 {
    margin-left: 83.3333%;
  }
  .grid-flex.break-xlg .push-right-11,
  .grid-float.break-xlg .push-right-11 {
    margin-right: 91.66663%;
  }
  .grid-flex.break-xlg .push-left-11,
  .grid-float.break-xlg .push-left-11 {
    margin-left: 91.66663%;
  }
  .grid-flex.break-xlg .push-right-12,
  .grid-float.break-xlg .push-right-12 {
    margin-right: 99.99996%;
  }
  .grid-flex.break-xlg .push-left-12,
  .grid-float.break-xlg .push-left-12 {
    margin-left: 99.99996%;
  }
  .grid-flex.break-xlg.gutter-wide,
  .grid-float.break-xlg.gutter-wide {
    display: block;
    margin-left: -1.75rem;
    margin-right: -1.75rem;
  }
  .grid-flex.break-xlg.gutter-wide > .col,
  .grid-flex.break-xlg.gutter-wide > [class^="col"],
  .grid-float.break-xlg.gutter-wide > .col,
  .grid-float.break-xlg.gutter-wide > [class^="col"] {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .grid-flex.break-xlg.gutter-tight,
  .grid-float.break-xlg.gutter-tight {
    display: block;
    margin-left: -0.4375rem;
    margin-right: -0.4375rem;
  }
  .grid-flex.break-xlg.gutter-tight > .col,
  .grid-flex.break-xlg.gutter-tight > [class^="col"],
  .grid-float.break-xlg.gutter-tight > .col,
  .grid-float.break-xlg.gutter-tight > [class^="col"] {
    padding-left: 0.4375rem !important;
    padding-right: 0.4375rem !important;
  }
  .grid-flex.break-xlg.gutter-none,
  .grid-float.break-xlg.gutter-none {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
  .grid-flex.break-xlg.gutter-none > .col,
  .grid-flex.break-xlg.gutter-none > [class^="col"],
  .grid-float.break-xlg.gutter-none > .col,
  .grid-float.break-xlg.gutter-none > [class^="col"] {
    padding-left: 0;
    padding-right: 0;
  }
  .grid-flex.break-xlg.slim-gutter,
  .grid-float.break-xlg.slim-gutter {
    display: block;
    margin-left: -0.21875rem;
    margin-right: -0.21875rem;
  }
  .grid-flex.break-xlg.slim-gutter > .col,
  .grid-flex.break-xlg.slim-gutter > [class^="col"],
  .grid-float.break-xlg.slim-gutter > .col,
  .grid-float.break-xlg.slim-gutter > [class^="col"] {
    padding-left: 0.21875rem !important;
    padding-right: 0.21875rem !important;
  }
}

.grid-flex.v-spaced,
.grid-float.v-spaced {
  margin-bottom: -6.5%;
}

.grid-flex.v-spaced > .col,
.grid-flex.v-spaced > [class^="col"],
.grid-float.v-spaced > .col,
.grid-float.v-spaced > [class^="col"] {
  margin-bottom: 6.5%;
}

@media only screen and (min-width: 850px) {
  .grid-flex.v-spaced > .col,
  .grid-flex.v-spaced > [class^="col"],
  .grid-float.v-spaced > .col,
  .grid-float.v-spaced > [class^="col"] {
    margin-bottom: 1.75rem;
  }
}

@media only screen and (min-width: 850px) {
  .grid-flex.v-spaced,
  .grid-float.v-spaced {
    margin-bottom: -1.75rem;
  }
}

.grid-flex.v-wide-spaced,
.grid-float.v-wide-spaced {
  margin-bottom: -6.5%;
}

.grid-flex.v-wide-spaced > .col,
.grid-flex.v-wide-spaced > [class^="col"],
.grid-float.v-wide-spaced > .col,
.grid-float.v-wide-spaced > [class^="col"] {
  margin-bottom: 6.5%;
}

@media only screen and (min-width: 850px) {
  .grid-flex.v-wide-spaced > .col,
  .grid-flex.v-wide-spaced > [class^="col"],
  .grid-float.v-wide-spaced > .col,
  .grid-float.v-wide-spaced > [class^="col"] {
    margin-bottom: 3.5rem;
  }
}

@media only screen and (min-width: 850px) {
  .grid-flex.v-wide-spaced,
  .grid-float.v-wide-spaced {
    margin-bottom: -7.5rem;
  }
}

.grid-flex.v-md-spaced,
.grid-float.v-md-spaced {
  margin-bottom: -6.5%;
}

.grid-flex.v-md-spaced > .col,
.grid-flex.v-md-spaced > [class^="col"],
.grid-float.v-md-spaced > .col,
.grid-float.v-md-spaced > [class^="col"] {
  margin-bottom: 6.5%;
}

@media only screen and (min-width: 850px) {
  .grid-flex.v-md-spaced > .col,
  .grid-flex.v-md-spaced > [class^="col"],
  .grid-float.v-md-spaced > .col,
  .grid-float.v-md-spaced > [class^="col"] {
    margin-bottom: 4.875rem;
  }
}

@media only screen and (min-width: 850px) {
  .grid-flex.v-md-spaced,
  .grid-float.v-md-spaced {
    margin-bottom: -4.875rem;
  }
}

@media only screen and (min-width: 600px) {
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm) {
    *zoom: 1;
  }
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm):after,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm):before {
    content: "";
    display: table;
  }
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm):after {
    clear: both;
  }
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col:not(.right),
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > [class^="col-"]:not(.right) {
    float: left;
  }
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > .col.right,
  .grid-float:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm)
    > [class^="col-"].right {
    float: right;
  }
}

.grid-float.no-break {
  *zoom: 1;
}

.grid-float.no-break:after,
.grid-float.no-break:before {
  content: "";
  display: table;
}

.grid-float.no-break:after {
  clear: both;
}

.grid-float.no-break > .col:not(.right),
.grid-float.no-break > [class^="col-"]:not(.right) {
  float: left;
}

.grid-float.no-break > .col.right,
.grid-float.no-break > [class^="col-"].right {
  float: right;
}

@media only screen and (min-width: 450px) {
  .grid-float.break-sm {
    *zoom: 1;
  }
  .grid-float.break-sm:after,
  .grid-float.break-sm:before {
    content: "";
    display: table;
  }
  .grid-float.break-sm:after {
    clear: both;
  }
  .grid-float.break-sm > .col:not(.right),
  .grid-float.break-sm > [class^="col-"]:not(.right) {
    float: left;
  }
  .grid-float.break-sm > .col.right,
  .grid-float.break-sm > [class^="col-"].right {
    float: right;
  }
}

@media only screen and (min-width: 850px) {
  .grid-float.break-lg {
    *zoom: 1;
  }
  .grid-float.break-lg:after,
  .grid-float.break-lg:before {
    content: "";
    display: table;
  }
  .grid-float.break-lg:after {
    clear: both;
  }
  .grid-float.break-lg > .col:not(.right),
  .grid-float.break-lg > [class^="col-"]:not(.right) {
    float: left;
  }
  .grid-float.break-lg > .col.right,
  .grid-float.break-lg > [class^="col-"].right {
    float: right;
  }
}

@media only screen and (min-width: 1020px) {
  .grid-float.break-xlg {
    *zoom: 1;
  }
  .grid-float.break-xlg:after,
  .grid-float.break-xlg:before {
    content: "";
    display: table;
  }
  .grid-float.break-xlg:after {
    clear: both;
  }
  .grid-float.break-xlg > .col:not(.right),
  .grid-float.break-xlg > [class^="col-"]:not(.right) {
    float: left;
  }
  .grid-float.break-xlg > .col.right,
  .grid-float.break-xlg > [class^="col-"].right {
    float: right;
  }
}

@media only screen and (min-width: 600px) {
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm) {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).center {
    -ms-flex-pack: center;
    justify-content: center;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).left {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).right {
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).middle {
    -ms-flex-align: center;
    align-items: center;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).bottom {
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .grid-flex:not(.no-break):not(.break-lg):not(.break-xlg):not(.break-sm).baseline {
    -ms-flex-align: baseline;
    align-items: baseline;
  }
}

.grid-flex.no-break {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.grid-flex.no-break.center {
  -ms-flex-pack: center;
  justify-content: center;
}

.grid-flex.no-break.left {
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.grid-flex.no-break.right {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.grid-flex.no-break.middle {
  -ms-flex-align: center;
  align-items: center;
}

.grid-flex.no-break.bottom {
  -ms-flex-align: end;
  align-items: flex-end;
}

.grid-flex.no-break.baseline {
  -ms-flex-align: baseline;
  align-items: baseline;
}

@media only screen and (min-width: 450px) {
  .grid-flex.break-sm {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .grid-flex.break-sm.center {
    -ms-flex-pack: center;
    justify-content: center;
  }
  .grid-flex.break-sm.left {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .grid-flex.break-sm.right {
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .grid-flex.break-sm.middle {
    -ms-flex-align: center;
    align-items: center;
  }
  .grid-flex.break-sm.bottom {
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .grid-flex.break-sm.baseline {
    -ms-flex-align: baseline;
    align-items: baseline;
  }
}

@media only screen and (min-width: 850px) {
  .grid-flex.break-lg {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .grid-flex.break-lg.center {
    -ms-flex-pack: center;
    justify-content: center;
  }
  .grid-flex.break-lg.left {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .grid-flex.break-lg.right {
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .grid-flex.break-lg.middle {
    -ms-flex-align: center;
    align-items: center;
  }
  .grid-flex.break-lg.bottom {
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .grid-flex.break-lg.baseline {
    -ms-flex-align: baseline;
    align-items: baseline;
  }
}

@media only screen and (min-width: 1020px) {
  .grid-flex.break-xlg {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .grid-flex.break-xlg.center {
    -ms-flex-pack: center;
    justify-content: center;
  }
  .grid-flex.break-xlg.left {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .grid-flex.break-xlg.right {
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .grid-flex.break-xlg.middle {
    -ms-flex-align: center;
    align-items: center;
  }
  .grid-flex.break-xlg.bottom {
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .grid-flex.break-xlg.baseline {
    -ms-flex-align: baseline;
    align-items: baseline;
  }
}

@media only screen and (min-width: 450px) {
  .collapse-3-2-1 > .col {
    width: 50%;
  }
}

@media only screen and (min-width: 1020px) {
  .collapse-3-2-1 > .col {
    width: 33.333%;
  }
}

@media only screen and (min-width: 450px) {
  .collapse-4-3-2-1 > .col {
    width: 50%;
  }
}

@media only screen and (min-width: 850px) {
  .collapse-4-3-2-1 > .col {
    width: 33.333%;
  }
}

@media only screen and (min-width: 1020px) {
  .collapse-4-3-2-1 > .col {
    width: 25%;
  }
}

body,
button,
html,
input,
textarea {
  font-family: Neuzeits, sans-serif;
  line-height: 1.25em;
  font-size: 16px;
  color: #000;
  letter-spacing: 0;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

@media only screen and (min-width: 600px) {
  body,
  button,
  html,
  input,
  textarea {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1500px) {
  body,
  button,
  html,
  input,
  textarea {
    font-size: 18px;
  }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.h1,
.h1 p,
h1 {
  font-family: inherit;
  text-transform: none;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.25em;
  letter-spacing: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width: 600px) {
  .h1,
  .h1 p,
  h1 {
    font-size: 2.5rem;
  }
}

.h2,
.h2 p,
h2 {
  font-family: inherit;
  text-transform: none;
  font-size: 1.9125rem;
  font-weight: 700;
  line-height: 1.25em;
  letter-spacing: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width: 850px) {
  .h2,
  .h2 p,
  h2 {
    font-size: 2.25rem;
  }
}

.h3,
.h3 p,
h3 {
  font-size: 1.75rem;
}

.h3,
.h3 p,
.h4,
.h4 p,
h3,
h4 {
  font-family: inherit;
  text-transform: none;
  font-weight: 700;
  line-height: 1.25em;
  letter-spacing: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.h4,
.h4 p,
h4 {
  font-size: 1.25rem;
}

.h5,
.h5 p,
h5 {
  font-family: inherit;
  text-transform: none;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25em;
  letter-spacing: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.h6,
.h6 p,
h6 {
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4em;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font-size: 11px;
}

.p,
p {
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.25em;
  letter-spacing: inherit;
  font-weight: 400;
  text-transform: none;
}

.max-width .p,
.max-width p,
.p.max-width,
p.max-width {
  max-width: 32em;
}

.p.tight-line-height,
p.tight-line-height {
  line-height: 1.1em;
}

.p.short-line-height,
p.short-line-height {
  line-height: 1.25em;
}

.p.no-spacing,
p.no-spacing {
  margin: 0;
}

.p .icon,
p .icon {
  margin-top: -2px;
}

.p a,
p a {
  color: currentcolor;
  border-bottom: 1px solid #000;
  line-height: 1em;
  padding-bottom: 0.1em;
  cursor: pointer;
}

.p a:hover,
p a:hover {
  color: #ed454b;
  border-color: currentcolor;
}

.p a.hover-alert:hover,
p a.hover-alert:hover {
  color: #df693d !important;
  border-color: #df693d !important;
}

.p a.main-color,
p a.main-color {
  border-color: transparent;
}

.p a.main-color:hover,
p a.main-color:hover {
  color: #ed454b;
  border-color: currentcolor;
}

.p .code,
.p code,
p .code,
p code {
  font-size: inherit;
  color: #000;
  background: transparent;
  padding: 0.2em 0.4em;
  font-size: 0.85em;
  border-radius: 2px;
}

.p .code:not(.minimal),
.p code:not(.minimal),
p .code:not(.minimal),
p code:not(.minimal) {
  background: #7f7f7f;
}

.p.caption,
.p.sm,
.p.small,
.sm .p,
.small .p,
.small p,
.sm p,
p.caption,
p.sm,
p.small {
  font-family: inherit;
  font-size: 14px;
  line-height: 1.25em;
  letter-spacing: inherit;
  font-weight: 400;
}

.p.caption .material-icons.md-12,
.p.sm .material-icons.md-12,
.p.small .material-icons.md-12,
.sm .p .material-icons.md-12,
.small .p .material-icons.md-12,
.small p .material-icons.md-12,
.sm p .material-icons.md-12,
p.caption .material-icons.md-12,
p.sm .material-icons.md-12,
p.small .material-icons.md-12 {
  margin-top: -1px 4px;
}

.p.caption,
p.caption {
  max-width: 30em;
  color: #bfbfbf;
}

.large .p,
.large p,
.lg .p,
.lg p,
.p.large,
.p.lg,
p.large,
p.lg {
  font-family: inherit;
  font-size: 1.5rem;
  line-height: 1.25em;
  letter-spacing: inherit;
  font-weight: 400;
}

.md .p,
.md p,
.medium .p,
.medium p,
.p.md,
.p.medium,
p.md,
p.medium {
  font-family: inherit;
  font-size: 1.25rem;
  line-height: 1.25em;
  letter-spacing: inherit;
  font-weight: 400;
}

.light .p .code,
.light .p code,
.light p .code,
.light p code,
.p.light-text-color .code,
.p.light-text-color code,
p.light-text-color .code,
p.light-text-color code {
  color: inherit;
  background: transparent;
  padding: 0;
  border-radius: 0;
}

.light .p a,
.light p a,
.p.light-text-color a,
p.light-text-color a {
  color: inherit;
}

.light .p a:hover,
.light p a:hover,
.p.light-text-color a:hover,
p.light-text-color a:hover {
  color: #ed454b;
  border-color: currentcolor;
}

.p .material-icons,
p .material-icons {
  margin-top: -2px;
}

ol,
ul {
  font-size: 1em;
  line-height: inherit;
  letter-spacing: inherit;
  counter-reset: list-counter;
}

.sm > ol,
.sm > ul,
.small > ol,
.small > ul,
ol.sm,
ol.small,
ul.sm,
ul.small {
  font-size: 11px;
  font-weight: 700;
}

ul.bulleted li {
  position: relative;
  padding-left: 1.5rem;
}

ul.bulleted li:before {
  content: "\2022";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  width: 1.5rem;
  padding-left: 4.8px;
  padding-left: 0.3rem;
}

.bold,
b,
strong {
  font-weight: 700 !important;
}

.italic,
em,
i {
  font-style: italic;
}

.small-caps {
  font-size: 13px;
  font-size: 11px;
}

.all-caps,
.small-caps {
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: 700;
  line-height: 1.4em;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.all-caps,
.tiny-caps {
  font-size: 13px;
}

.tiny-caps {
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-weight: 700;
  line-height: 1.4em;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font-size: 12px;
}

.light-text-color {
  color: #bfbfbf !important;
}

.text-color {
  color: #000 !important;
}

.bg-color {
  color: #fff !important;
}

.black {
  color: #000 !important;
}

.white {
  color: #fff !important;
}

.main-color {
  color: #ed454b !important;
}

.success-color {
  color: #00ae42 !important;
}

.alert-color {
  color: #df693d !important;
}

.notify-color {
  color: #f7c24e !important;
}

.sm-font-size {
  font-size: 11px;
}

hr {
  border: none;
  border-top: 3px solid #000;
  margin: 1.75rem 0;
}

hr.text-color {
  border-color: #000;
}

hr.main-color {
  border-color: #ed454b;
}

hr.tight-spacing {
  margin: 0.875rem 0;
}

hr.no-space {
  margin: 0;
}

hr.no-top-space {
  margin-top: 0;
}

hr.no-bottom-space {
  margin-bottom: 0;
}

hr.thick {
  border-width: 2px;
}

hr.short,
hr.small {
  width: 2.5rem;
}

::selection {
  background: rgba(237, 69, 75, 0.1);
  color: #ed454b;
}

::-moz-selection {
  background: rgba(237, 69, 75, 0.1);
  color: #ed454b;
}

.underlined-link {
  border-bottom: 1px solid currentcolor;
  display: inline-block;
  cursor: pointer;
  padding-bottom: 0.25em;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4em;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font-size: 11px;
  transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out,
    border 0.2s ease-in-out, background 0.2s ease-in-out,
    transform 0.2s ease-in-out;
}

.hover-underline {
  border-bottom: 1px solid transparent;
}

.hover-underline:hover {
  color: inherit;
  border-color: currentcolor;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}

.code,
code {
  letter-spacing: 0;
  font-family: Roboto Mono, monospace;
  font-size: 1em;
  line-height: 1.25em;
}

.code,
.medium-weight,
code {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.medium-weight {
  font-weight: 700 !important;
}

a {
  color: #bfbfbf;
  text-decoration: none;
  transition: color 0.2s ease-in-out, border 0.2s ease-in-out,
    background 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

a:focus,
a:hover {
  outline: none;
  color: #000;
}

a.text-color:focus,
a.text-color:hover {
  color: #ed454b;
}

label {
  cursor: pointer;
  transition: background 0.2s ease-in-out, border 0.2s ease-in-out,
    color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

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

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

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

.max-text-width,
.rich-text {
  max-width: 34rem;
}

.rich-text.md {
  font-size: 1.25rem;
}

.rich-text.lg {
  font-size: 1.5rem;
}

.rich-text :first-child {
  margin-top: 0;
  padding-top: 0;
}

.rich-text h1,
.rich-text h2,
.rich-text h3,
.rich-text h4,
.rich-text h5,
.rich-text h6 {
  margin: 1rem 0;
}

.rich-text h1:not(:first-child),
.rich-text h2:not(:first-child),
.rich-text h3:not(:first-child),
.rich-text h4:not(:first-child),
.rich-text h5:not(:first-child),
.rich-text h6:not(:first-child) {
  padding-top: 1.5em;
}

.rich-text p {
  margin: 1rem 0 1.25em;
}

.rich-text p.sm {
  font-size: 14px;
}

.rich-text p.md,
.rich-text p.sm {
  font-family: inherit;
  line-height: 1.25em;
  letter-spacing: inherit;
  font-weight: 400;
}

.rich-text p.md {
  font-size: 1.25rem;
}

.rich-text p.lg {
  font-family: inherit;
  font-size: 1.5rem;
  line-height: 1.25em;
  letter-spacing: inherit;
  font-weight: 400;
}

.rich-text .code,
.rich-text blockquote,
.rich-text dl,
.rich-text figure,
.rich-text ol,
.rich-text pre,
.rich-text ul {
  margin: 1.25em 0;
}

.rich-text blockquote {
  position: relative;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.25em;
  letter-spacing: inherit;
}

@media only screen and (min-width: 850px) {
  .rich-text blockquote {
    padding-left: 1rem;
  }
}

.rich-text dl dt:not(:first-child) {
  margin-top: 1rem;
}

.rich-text dl dd {
  color: #bfbfbf;
}

.rich-text pre {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
}

.rich-text ol,
.rich-text ul {
  counter-reset: a;
  list-style: none;
}

.rich-text ol > li,
.rich-text ul > li {
  position: relative;
  padding-left: 2rem;
  margin: 0.5em 0;
}

.rich-text ol > li:before {
  counter-increment: a;
  content: counter(a);
  text-align: right;
  width: 32px;
  width: 2rem;
  border-radius: 10px;
  border-radius: 0.625rem;
  position: absolute;
  left: 0;
  top: 0;
  padding-right: 12px;
  padding-right: 0.75rem;
  box-sizing: border-box;
  font-weight: 700;
}

.rich-text ul > li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  text-align: right;
  position: absolute;
  left: calc(32px - 0.5em - 12px + 2px);
  left: calc(2rem - 0.5em - 0.75rem + 2px);
  top: 0.625em;
  margin-top: -2px;
  padding: 0;
  background-color: currentcolor;
}

.rich-text mark {
  color: #ed454b;
  background-color: rgba(237, 69, 75, 0.1);
  padding: 0.2em 0;
  border-radius: 2px;
}

.m-0 {
  margin: 0;
}

.mt-0 {
  margin-top: 0;
}

.mr-0 {
  margin-right: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.ml-0,
.mx-0 {
  margin-left: 0;
}

.mx-0 {
  margin-right: 0;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.m-1 {
  margin: 0.5rem;
}

.mn-1 {
  margin: -0.5rem;
}

.mt-1 {
  margin-top: 0.5rem;
}

.mtn-1 {
  margin-top: -0.5rem;
}

.mr-1 {
  margin-right: 0.5rem;
}

.mrn-1 {
  margin-right: -0.5rem;
}

.mb-1 {
  margin-bottom: 0.5rem;
}

.mbn-1 {
  margin-bottom: -0.5rem;
}

.ml-1 {
  margin-left: 0.5rem;
}

.mln-1 {
  margin-left: -0.5rem;
}

.mx-1 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my-1 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.m-2 {
  margin: 1rem;
}

.mn-2 {
  margin: -1rem;
}

.mt-2 {
  margin-top: 1rem;
}

.mtn-2 {
  margin-top: -1rem;
}

.mr-2 {
  margin-right: 1rem;
}

.mrn-2 {
  margin-right: -1rem;
}

.mb-2 {
  margin-bottom: 1rem;
}

.mbn-2 {
  margin-bottom: -1rem;
}

.ml-2 {
  margin-left: 1rem;
}

.mln-2 {
  margin-left: -1rem;
}

.mx-2 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-2 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.m-3 {
  margin: 2rem;
}

.mn-3 {
  margin: -2rem;
}

.mt-3 {
  margin-top: 2rem;
}

.mtn-3 {
  margin-top: -2rem;
}

.mr-3 {
  margin-right: 2rem;
}

.mrn-3 {
  margin-right: -2rem;
}

.mb-3 {
  margin-bottom: 2rem;
}

.mbn-3 {
  margin-bottom: -2rem;
}

.ml-3 {
  margin-left: 2rem;
}

.mln-3 {
  margin-left: -2rem;
}

.mx-3 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-3 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.m-4 {
  margin: 4rem;
}

.mn-4 {
  margin: -4rem;
}

.mt-4 {
  margin-top: 4rem;
}

.mtn-4 {
  margin-top: -4rem;
}

.mr-4 {
  margin-right: 4rem;
}

.mrn-4 {
  margin-right: -4rem;
}

.mb-4 {
  margin-bottom: 4rem;
}

.mbn-4 {
  margin-bottom: -4rem;
}

.ml-4 {
  margin-left: 4rem;
}

.mln-4 {
  margin-left: -4rem;
}

.mx-4 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.my-4 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.mxn-1 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.mxn-2 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.mxn-3 {
  margin-left: -2rem;
  margin-right: -2rem;
}

.mxn-4 {
  margin-left: -4rem;
  margin-right: -4rem;
}

.myn-1 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}

.myn-2 {
  margin-top: -1rem;
  margin-bottom: -1rem;
}

.myn-3 {
  margin-top: -2rem;
  margin-bottom: -2rem;
}

.myn-4 {
  margin-top: -4rem;
  margin-bottom: -4rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto,
.mx-auto {
  margin-right: auto;
}

.mx-auto {
  margin-left: auto;
}

.m-gutter-tight {
  margin: 0.875rem;
}

.mn-gutter-tight {
  margin: -0.875rem;
}

.mt-gutter-tight {
  margin-top: 0.875rem;
}

.mtn-gutter-tight {
  margin-top: -0.875rem;
}

.mr-gutter-tight {
  margin-right: 0.875rem;
}

.mrn-gutter-tight {
  margin-right: -0.875rem;
}

.mb-gutter-tight {
  margin-bottom: 0.875rem;
}

.mbn-gutter-tight {
  margin-bottom: -0.875rem;
}

.ml-gutter-tight {
  margin-left: 0.875rem;
}

.mln-gutter-tight {
  margin-left: -0.875rem;
}

.mx-gutter-tight {
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}

.mxn-gutter-tight {
  margin-left: -0.875rem;
  margin-right: -0.875rem;
}

.my-gutter-tight {
  margin-top: 0.875rem;
  margin-bottom: 0.875rem;
}

.myn-gutter-tight {
  margin-top: -0.875rem;
  margin-bottom: -0.875rem;
}

.m-gutter {
  margin: 1.75rem;
}

.mn-gutter {
  margin: -1.75rem;
}

.mt-gutter {
  margin-top: 1.75rem;
}

.mtn-gutter {
  margin-top: -1.75rem;
}

.mr-gutter {
  margin-right: 1.75rem;
}

.mrn-gutter {
  margin-right: -1.75rem;
}

.mb-gutter {
  margin-bottom: 1.75rem;
}

.mbn-gutter {
  margin-bottom: -1.75rem;
}

.ml-gutter {
  margin-left: 1.75rem;
}

.mln-gutter {
  margin-left: -1.75rem;
}

.mx-gutter {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}

.mxn-gutter {
  margin-left: -1.75rem;
  margin-right: -1.75rem;
}

.my-gutter {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

.myn-gutter {
  margin-top: -1.75rem;
  margin-bottom: -1.75rem;
}

.m-gutter-wide {
  margin: 3.5rem;
}

.mn-gutter-wide {
  margin: -3.5rem;
}

.mt-gutter-wide {
  margin-top: 3.5rem;
}

.mtn-gutter-wide {
  margin-top: -3.5rem;
}

.mr-gutter-wide {
  margin-right: 3.5rem;
}

.mrn-gutter-wide {
  margin-right: -3.5rem;
}

.mb-gutter-wide {
  margin-bottom: 3.5rem;
}

.mbn-gutter-wide {
  margin-bottom: -3.5rem;
}

.ml-gutter-wide {
  margin-left: 3.5rem;
}

.mln-gutter-wide {
  margin-left: -3.5rem;
}

.mx-gutter-wide {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

.mxn-gutter-wide {
  margin-left: -3.5rem;
  margin-right: -3.5rem;
}

.my-gutter-wide {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

.myn-gutter-wide {
  margin-top: -3.5rem;
  margin-bottom: -3.5rem;
}

.m-margin {
  margin: 6.5%;
}

@media only screen and (min-width: 850px) {
  .m-margin {
    margin: 7.5rem;
  }
}

.mt-margin {
  margin-top: 6.5%;
}

@media only screen and (min-width: 850px) {
  .mt-margin {
    margin-top: 7.5rem;
  }
}

.mr-margin {
  margin-right: 6.5%;
}

@media only screen and (min-width: 850px) {
  .mr-margin {
    margin-right: 7.5rem;
  }
}

.mb-margin {
  margin-bottom: 6.5%;
}

@media only screen and (min-width: 850px) {
  .mb-margin {
    margin-bottom: 7.5rem;
  }
}

.ml-margin {
  margin-left: 6.5%;
}

@media only screen and (min-width: 850px) {
  .ml-margin {
    margin-left: 7.5rem;
  }
}

.mx-margin {
  margin-left: 6.5%;
  margin-right: 6.5%;
}

@media only screen and (min-width: 850px) {
  .mx-margin {
    margin-left: 7.5rem;
    margin-right: 7.5rem;
  }
}

.my-margin {
  margin-top: 6.5%;
  margin-bottom: 6.5%;
}

@media only screen and (min-width: 850px) {
  .my-margin {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem;
  }
}

.p-0 {
  padding: 0;
}

.pt-0 {
  padding-top: 0;
}

.pr-0 {
  padding-right: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pl-0,
.px-0 {
  padding-left: 0;
}

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

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.pt-1px {
  padding-top: 1px;
}

.pb-1px {
  padding-bottom: 1px;
}

.p-1 {
  padding: 0.5rem;
}

.pt-1 {
  padding-top: 0.5rem;
}

.pr-1 {
  padding-right: 0.5rem;
}

.pb-1 {
  padding-bottom: 0.5rem;
}

.pl-1 {
  padding-left: 0.5rem;
}

.py-1 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.px-1 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.p-2 {
  padding: 1rem;
}

.pt-2 {
  padding-top: 1rem;
}

.pr-2 {
  padding-right: 1rem;
}

.pb-2 {
  padding-bottom: 1rem;
}

.pl-2 {
  padding-left: 1rem;
}

.py-2 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.px-2 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.p-3 {
  padding: 2rem;
}

.pt-3 {
  padding-top: 2rem;
}

.pr-3 {
  padding-right: 2rem;
}

.pb-3 {
  padding-bottom: 2rem;
}

.pl-3 {
  padding-left: 2rem;
}

.py-3 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.px-3 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.p-4 {
  padding: 4rem;
}

.pt-4 {
  padding-top: 4rem;
}

.pr-4 {
  padding-right: 4rem;
}

.pb-4 {
  padding-bottom: 4rem;
}

.pl-4 {
  padding-left: 4rem;
}

.py-4 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.px-4 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.p-gutter-tight {
  padding: 0.875rem;
}

.pt-gutter-tight {
  padding-top: 0.875rem;
}

.pr-gutter-tight {
  padding-right: 0.875rem;
}

.pb-gutter-tight {
  padding-bottom: 0.875rem;
}

.pl-gutter-tight,
.px-gutter-tight {
  padding-left: 0.875rem;
}

.px-gutter-tight {
  padding-right: 0.875rem;
}

.py-gutter-tight {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.p-gutter {
  padding: 1.75rem;
}

.pt-gutter {
  padding-top: 1.75rem;
}

.pr-gutter {
  padding-right: 1.75rem;
}

.pb-gutter {
  padding-bottom: 1.75rem;
}

.pl-gutter,
.px-gutter {
  padding-left: 1.75rem;
}

.px-gutter {
  padding-right: 1.75rem;
}

.py-gutter {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.p-gutter-wide {
  padding: 3.5rem;
}

.pt-gutter-wide {
  padding-top: 3.5rem;
}

.pr-gutter-wide {
  padding-right: 3.5rem;
}

.pb-gutter-wide {
  padding-bottom: 3.5rem;
}

.pl-gutter-wide,
.px-gutter-wide {
  padding-left: 3.5rem;
}

.px-gutter-wide {
  padding-right: 3.5rem;
}

.py-gutter-wide {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.p-margin {
  padding: 6.5%;
}

@media only screen and (min-width: 850px) {
  .p-margin {
    padding: 7.5rem;
  }
}

.pt-margin {
  padding-top: 6.5%;
}

@media only screen and (min-width: 850px) {
  .pt-margin {
    padding-top: 7.5rem;
  }
}

.pr-margin {
  padding-right: 6.5%;
}

@media only screen and (min-width: 850px) {
  .pr-margin {
    padding-right: 7.5rem;
  }
}

.pb-margin {
  padding-bottom: 6.5%;
}

@media only screen and (min-width: 850px) {
  .pb-margin {
    padding-bottom: 7.5rem;
  }
}

.pl-margin {
  padding-left: 6.5%;
}

@media only screen and (min-width: 850px) {
  .pl-margin {
    padding-left: 7.5rem;
  }
}

.px-margin {
  padding-left: 6.5%;
  padding-right: 6.5%;
}

@media only screen and (min-width: 850px) {
  .px-margin {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
}

.py-margin {
  padding-top: 6.5%;
  padding-bottom: 6.5%;
}

@media only screen and (min-width: 850px) {
  .py-margin {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
}

.icon {
  display: inline-block;
  vertical-align: middle;
}

.icon svg:not(.logo) {
  display: block;
  color: currentcolor;
}

.icon svg:not(.logo) * {
  fill: currentcolor;
}

.icon.cc-icon {
  margin-top: -3px;
}

.icon.large svg {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.icon.md-12 svg {
  width: 12px !important;
  height: 12px !important;
}

.icon.md-14 svg {
  width: 14px !important;
  height: 14px !important;
}

.icon.md-18 svg {
  width: 18px !important;
  height: 18px !important;
}

.icon.md-24 svg {
  width: 24px !important;
  height: 24px !important;
}

.icon.md-36 svg {
  width: 36px !important;
  height: 36px !important;
}

.icon.md-48 svg {
  width: 48px !important;
  height: 48px !important;
}

.material-icons {
  font-family: Material Icons;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 18px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

.material-icons.md-12 {
  font-size: 12px;
  line-height: 12px;
}

.material-icons.md-14 {
  font-size: 14px;
  line-height: 14px;
}

.material-icons.md-18 {
  font-size: 18px;
  line-height: 18px;
}

.material-icons.md-24 {
  font-size: 24px;
  line-height: 24px;
}

.material-icons.md-36 {
  font-size: 36px;
  line-height: 36px;
}

.material-icons.md-48 {
  font-size: 48px;
  line-height: 48px;
}

@keyframes rotate {
  to {
    transform: rotate(1turn);
  }
}

@keyframes transition-in {
  to {
    opacity: 1;
    transform: translateZ(0);
    visibility: visible;
  }
}

.transition-in {
  opacity: 0;
  animation: transition-in 0.5s ease-in-out forwards;
}

.stagger-in-1 {
  animation: transition-in 0.45s 0s ease-in-out forwards;
}

.stagger-in-1,
.stagger-in-2 {
  opacity: 0;
  transform: translate3d(0, 1.5rem, 0);
}

.stagger-in-2 {
  animation: transition-in 0.45s 0.05s ease-in-out forwards;
}

.stagger-in-3 {
  animation: transition-in 0.45s 0.1s ease-in-out forwards;
}

.stagger-in-3,
.stagger-in-4 {
  opacity: 0;
  transform: translate3d(0, 1.5rem, 0);
}

.stagger-in-4 {
  animation: transition-in 0.45s 0.15s ease-in-out forwards;
}

.stagger-in-5 {
  animation: transition-in 0.45s 0.2s ease-in-out forwards;
}

.stagger-in-5,
.stagger-in-6 {
  opacity: 0;
  transform: translate3d(0, 1.5rem, 0);
}

.stagger-in-6 {
  animation: transition-in 0.45s 0.25s ease-in-out forwards;
}

.stagger-in-7 {
  animation: transition-in 0.45s 0.3s ease-in-out forwards;
}

.stagger-in-7,
.stagger-in-8 {
  opacity: 0;
  transform: translate3d(0, 1.5rem, 0);
}

.stagger-in-8 {
  animation: transition-in 0.45s 0.35s ease-in-out forwards;
}

.stagger-in-9 {
  animation: transition-in 0.45s 0.4s ease-in-out forwards;
}

.stagger-in-9,
.stagger-in-10 {
  opacity: 0;
  transform: translate3d(0, 1.5rem, 0);
}

.stagger-in-10 {
  animation: transition-in 0.45s 0.45s ease-in-out forwards;
}

.stagger-in-items > * {
  opacity: 0;
  transform: translate3d(0, 1.5rem, 0);
  animation: transition-in 0.45s ease forwards;
  animation-delay: 0s;
}

.stagger-in-items > :nth-child(2) {
  animation-delay: 0.05s;
}

.stagger-in-items > :nth-child(3) {
  animation-delay: 0.1s;
}

.stagger-in-items > :nth-child(4) {
  animation-delay: 0.15s;
}

.stagger-in-items > :nth-child(5) {
  animation-delay: 0.2s;
}

.stagger-in-items > :nth-child(6) {
  animation-delay: 0.25s;
}

.stagger-in-items > :nth-child(7) {
  animation-delay: 0.3s;
}

.stagger-in-items > :nth-child(8) {
  animation-delay: 0.35s;
}

.stagger-in-items > :nth-child(9) {
  animation-delay: 0.4s;
}

.stagger-in-items > :nth-child(10) {
  animation-delay: 0.45s;
}

.stagger-in-items > :nth-child(11) {
  animation-delay: 0.5s;
}

.stagger-in-items > :nth-child(12) {
  animation-delay: 0.55s;
}

.stagger-in-items > :nth-child(13) {
  animation-delay: 0.6s;
}

.stagger-in-items > :nth-child(14) {
  animation-delay: 0.65s;
}

.stagger-in-items > :nth-child(15) {
  animation-delay: 0.7s;
}

.stagger-in-items > :nth-child(16) {
  animation-delay: 0.75s;
}

.stagger-in-items > :nth-child(17) {
  animation-delay: 0.8s;
}

.stagger-in-items > :nth-child(18) {
  animation-delay: 0.85s;
}

.stagger-in-items > :nth-child(19) {
  animation-delay: 0.9s;
}

.stagger-in-items > :nth-child(20) {
  animation-delay: 0.95s;
}

@keyframes blink {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

.left-appear-enter,
.left-right-enter {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0.01;
  -ms-transform-origin: top;
  transform-origin: top;
  transform: translate3d(20px, 0, 0);
}

.left-right-appear.left-right-appear-active,
.left-right-enter.left-right-enter-active {
  opacity: 1;
  transform: translateZ(0);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.left-right-leave {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -ms-transform-origin: top;
  transform-origin: top;
}

.left-right-leave.left-right-leave-active {
  opacity: 0.01;
  transform: translate3d(-20px, 0, 0);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.right-left-appear,
.right-left-enter {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0.01;
  -ms-transform-origin: top;
  transform-origin: top;
  transform: translate3d(-20px, 0, 0);
}

.right-left-appear.right-left-appear-active,
.right-left-enter.right-left-enter-active {
  opacity: 1;
  transform: translateZ(0);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.right-left-leave {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -ms-transform-origin: top;
  transform-origin: top;
}

.right-left-leave.right-left-leave-active {
  opacity: 0.01;
  transform: translate3d(20px, 0, 0);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.button,
button,
input[type="submit"].button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  outline: none;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  border: 3px solid #000;
  height: 50px;
  padding: 0 2em;
  cursor: pointer;
  line-height: 49px;
  text-transform: none;
  letter-spacing: 0;
  border-radius: 2px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-family: Neuzeits, sans-serif;
  font-weight: 700;
  min-width: 8rem;
  text-align: center;
  box-shadow: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out,
    border 0.2s ease-in-out, box-shadow 0.2s ease-in-out,
    transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  overflow: hidden;
}

.button.block,
button.block,
input[type="submit"].button.block {
  display: block;
  width: 100%;
}

.button.cursor-grab,
button.cursor-grab,
input[type="submit"].button.cursor-grab {
  cursor: grab;
}

.button.cursor-grab:active,
button.cursor-grab:active,
input[type="submit"].button.cursor-grab:active {
  cursor: grabbing;
}

.button:not(.disabled):not(.loading):hover,
button:not(.disabled):not(.loading):hover,
input[type="submit"].button:not(.disabled):not(.loading):hover {
  border-color: #000;
  background: #000;
  color: #fff;
  box-shadow: none;
}

.button:focus,
button:focus,
input[type="submit"].button:focus {
  outline: none;
}

.button.input-wrap input,
button.input-wrap input,
input[type="submit"].button.input-wrap input {
  display: none;
}

.button.input-wrap label,
button.input-wrap label,
input[type="submit"].button.input-wrap label {
  vertical-align: top;
  vertical-align: middle;
  color: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  line-height: inherit;
}

.button .button-content,
button .button-content,
input[type="submit"].button .button-content {
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out;
  white-space: nowrap;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.button .button-content .label,
button .button-content .label,
input[type="submit"].button .button-content .label {
  display: inline-block;
  line-height: 1rem;
}

.button .button-content .label + .icon,
.button .button-content .label + .icon.material-icons,
button .button-content .label + .icon,
button .button-content .label + .icon.material-icons,
input[type="submit"].button .button-content .label + .icon,
input[type="submit"].button .button-content .label + .icon.material-icons {
  margin-left: 0.5rem;
}

.button .button-content .icon,
button .button-content .icon,
input[type="submit"].button .button-content .icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out;
  margin-top: -2px;
  width: 18px;
  height: 18px;
}

.button .button-content .icon.spinner svg,
button .button-content .icon.spinner svg,
input[type="submit"].button .button-content .icon.spinner svg {
  width: 16px;
  height: 16px;
}

.button .button-content .icon.spinner svg *,
button .button-content .icon.spinner svg *,
input[type="submit"].button .button-content .icon.spinner svg * {
  stroke-width: 2.5px;
}

.button .button-content .icon svg,
button .button-content .icon svg,
input[type="submit"].button .button-content .icon svg {
  display: block;
  min-width: 12px;
  min-height: 12px;
  width: inherit;
  height: inherit;
}

.button .button-content .icon + .label,
button .button-content .icon + .label,
input[type="submit"].button .button-content .icon + .label {
  margin-left: 0.5rem;
}

.button .button-content .state-icon .icon,
button .button-content .state-icon .icon,
input[type="submit"].button .button-content .state-icon .icon {
  margin-bottom: -2px;
}

.button.tiny,
button.tiny,
input[type="submit"].button.tiny {
  height: 24px;
  padding: 0 2em;
  line-height: 23px;
  font-size: 9px;
  min-width: 80px;
}

.button.tiny .icon,
button.tiny .icon,
input[type="submit"].button.tiny .icon {
  font-size: 12px;
}

.button.tiny .spinner svg,
button.tiny .spinner svg,
input[type="submit"].button.tiny .spinner svg {
  width: 12px;
  height: 12px;
}

.button.tiny .spinner svg *,
button.tiny .spinner svg *,
input[type="submit"].button.tiny .spinner svg * {
  stroke-width: 3.33333px;
}

.button.tiny.circle,
.button.tiny.square,
button.tiny.circle,
button.tiny.square,
input[type="submit"].button.tiny.circle,
input[type="submit"].button.tiny.square {
  min-width: 24px;
  max-width: 24px;
  font-size: 10px;
  padding-left: 0;
  padding-right: 0;
}

.button.tiny.transparent .icon,
button.tiny.transparent .icon,
input[type="submit"].button.tiny.transparent .icon {
  font-size: 18px;
}

.button.tiny.transparent .spinner svg,
button.tiny.transparent .spinner svg,
input[type="submit"].button.tiny.transparent .spinner svg {
  width: 16px;
  height: 16px;
}

.button.tiny.transparent .spinner svg *,
button.tiny.transparent .spinner svg *,
input[type="submit"].button.tiny.transparent .spinner svg * {
  stroke-width: 2.5px;
}

.button.micro,
button.micro,
input[type="submit"].button.micro {
  height: 20px;
  padding: 0;
  line-height: 19px;
  font-size: 9px;
  padding: 0 1em;
  min-width: 0;
}

.button.micro.circle,
.button.micro.square,
button.micro.circle,
button.micro.square,
input[type="submit"].button.micro.circle,
input[type="submit"].button.micro.square {
  min-width: 20px;
  max-width: 20px;
  font-size: 10px;
  padding-left: 0;
  padding-right: 0;
}

.button.small,
button.small,
input[type="submit"].button.small {
  height: 30px;
  padding: 0 2em;
  line-height: 29px;
  font-size: 14px;
  min-width: 100px;
}

.button.small.circle,
.button.small.square,
button.small.circle,
button.small.square,
input[type="submit"].button.small.circle,
input[type="submit"].button.small.square {
  min-width: 30px;
  max-width: 30px;
  font-size: 10px;
  padding-left: 0;
  padding-right: 0;
}

.button.large,
button.large,
input[type="submit"].button.large {
  height: 60px;
  padding: 0 2em;
  line-height: 59px;
  font-size: 14px;
}

.button.large.transparent,
button.large.transparent,
input[type="submit"].button.large.transparent {
  min-width: 0;
  max-width: 100%;
}

.button.large.transparent.circle .icon,
button.large.transparent.circle .icon,
input[type="submit"].button.large.transparent.circle .icon {
  position: static;
  -ms-transform: none;
  transform: none;
}

.button.large.transparent.circle .spinner svg,
button.large.transparent.circle .spinner svg,
input[type="submit"].button.large.transparent.circle .spinner svg {
  width: 24px;
  height: 24px;
}

.button.large.transparent.circle .spinner svg *,
button.large.transparent.circle .spinner svg *,
input[type="submit"].button.large.transparent.circle .spinner svg * {
  stroke-width: 1.66667px;
}

.button.large.circle,
.button.large.square,
button.large.circle,
button.large.square,
input[type="submit"].button.large.circle,
input[type="submit"].button.large.square {
  min-width: 60px;
  max-width: 60px;
  font-size: 14px;
  padding-left: 0;
  padding-right: 0;
}

.button.large.circle .icon,
.button.large.square .icon,
button.large.circle .icon,
button.large.square .icon,
input[type="submit"].button.large.circle .icon,
input[type="submit"].button.large.square .icon {
  font-size: 24px;
  height: 24px;
  width: 24px;
}

.button.circle,
.button.square,
button.circle,
button.square,
input[type="submit"].button.circle,
input[type="submit"].button.square {
  min-width: 50px;
  max-width: 50px;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  border-radius: 2px;
}

.button.circle .icon,
.button.circle .icon.material-icons,
.button.square .icon,
.button.square .icon.material-icons,
button.circle .icon,
button.circle .icon.material-icons,
button.square .icon,
button.square .icon.material-icons,
input[type="submit"].button.circle .icon,
input[type="submit"].button.circle .icon.material-icons,
input[type="submit"].button.square .icon,
input[type="submit"].button.square .icon.material-icons {
  margin: 0;
}

.button.circle,
button.circle,
input[type="submit"].button.circle {
  border-radius: 50%;
}

.button.transparent,
button.transparent,
input[type="submit"].button.transparent {
  background: transparent;
  border-color: transparent;
  color: #bfbfbf;
  padding-left: 0;
  padding-right: 0;
  box-shadow: none !important;
}

.button.transparent:not(.circle),
button.transparent:not(.circle),
input[type="submit"].button.transparent:not(.circle) {
  min-width: 0;
}

.button.transparent.main-color,
button.transparent.main-color,
input[type="submit"].button.transparent.main-color {
  color: #ed454b;
}

.button.transparent.main-color:not(.disabled):not(.loading):hover,
button.transparent.main-color:not(.disabled):not(.loading):hover,
input[type="submit"].button.transparent.main-color:not(.disabled):not(.loading):hover {
  color: #df161d;
}

.button.transparent.text-color,
button.transparent.text-color,
input[type="submit"].button.transparent.text-color {
  color: #000;
}

.button.transparent.text-color:not(.disabled):not(.loading):hover,
button.transparent.text-color:not(.disabled):not(.loading):hover,
input[type="submit"].button.transparent.text-color:not(.disabled):not(.loading):hover {
  color: #ed454b;
}

.button.transparent.success-color,
button.transparent.success-color,
input[type="submit"].button.transparent.success-color {
  color: #00ae42;
}

.button.transparent.success-color:not(.disabled):not(.loading):hover,
button.transparent.success-color:not(.disabled):not(.loading):hover,
input[type="submit"].button.transparent.success-color:not(.disabled):not(.loading):hover {
  color: #00712b;
}

.button.transparent.alert-color,
button.transparent.alert-color,
input[type="submit"].button.transparent.alert-color {
  color: #df693d;
}

.button.transparent.alert-color:not(.disabled):not(.loading):hover,
button.transparent.alert-color:not(.disabled):not(.loading):hover,
input[type="submit"].button.transparent.alert-color:not(.disabled):not(.loading):hover {
  color: #bf4b20;
}

.button.transparent.notify-color,
button.transparent.notify-color,
input[type="submit"].button.transparent.notify-color {
  color: #eea70b;
}

.button.transparent.notify-color:not(.disabled):not(.loading):hover,
button.transparent.notify-color:not(.disabled):not(.loading):hover,
input[type="submit"].button.transparent.notify-color:not(.disabled):not(.loading):hover {
  color: #bd8409;
}

.button.transparent .button-content .icon.material-icons,
button.transparent .button-content .icon.material-icons,
input[type="submit"].button.transparent .button-content .icon.material-icons {
  margin-left: 0;
}

.button.transparent .button-content .label + .icon.material-icons,
button.transparent .button-content .label + .icon.material-icons,
input[type="submit"].button.transparent
  .button-content
  .label
  + .icon.material-icons {
  margin-right: 0;
  margin-left: 0.5rem;
}

.button.transparent:not(.disabled):not(.loading):hover,
button.transparent:not(.disabled):not(.loading):hover,
input[type="submit"].button.transparent:not(.disabled):not(.loading):hover {
  background: transparent;
  border-color: transparent;
  opacity: 1;
  color: #000;
}

.button.secondary,
button.secondary,
input[type="submit"].button.secondary {
  background: transparent;
  border-color: #fff;
  color: #fff;
}

.button.secondary:not(.disabled):not(.loading):hover,
button.secondary:not(.disabled):not(.loading):hover,
input[type="submit"].button.secondary:not(.disabled):not(.loading):hover {
  background: #000;
  border-color: #000;
  color: #fff;
}

.button.tertiary,
button.tertiary,
input[type="submit"].button.tertiary {
  background: #000;
  border-color: #000;
  color: #ed454b;
}

.button.tertiary:not(.disabled):not(.loading):hover,
button.tertiary:not(.disabled):not(.loading):hover,
input[type="submit"].button.tertiary:not(.disabled):not(.loading):hover {
  background: #000;
  border-color: #000;
  color: #fff;
}

.button.error .state-icon,
.button.loading .state-icon,
.button.success .state-icon,
button.error .state-icon,
button.loading .state-icon,
button.success .state-icon,
input[type="submit"].button.error .state-icon,
input[type="submit"].button.loading .state-icon,
input[type="submit"].button.success .state-icon {
  margin: 0;
}

.button.alert-btn,
button.alert-btn,
input[type="submit"].button.alert-btn {
  opacity: 1;
  background: #df693d;
  border-color: #df693d;
  color: #fff;
}

.button.alert-btn:not(.disabled):not(.loading):hover,
button.alert-btn:not(.disabled):not(.loading):hover,
input[type="submit"].button.alert-btn:not(.disabled):not(.loading):hover {
  opacity: 1;
  color: #fff;
  background: #c84e21;
  border-color: #c84e21;
}

.button.light,
button.light,
input[type="submit"].button.light {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(0, 0, 0, 0.1);
  border-color: transparent;
}

.button.light:not(.disabled):not(.loading):hover,
button.light:not(.disabled):not(.loading):hover,
input[type="submit"].button.light:not(.disabled):not(.loading):hover {
  color: #000;
  background: rgba(0, 0, 0, 0.15);
  border-color: transparent;
}

.button.white-btn,
button.white-btn,
input[type="submit"].button.white-btn {
  color: rgba(0, 0, 0, 0.6);
  background: #fff;
  border-color: #fff;
}

.button.white-btn:not(.disabled):not(.loading):hover,
button.white-btn:not(.disabled):not(.loading):hover,
input[type="submit"].button.white-btn:not(.disabled):not(.loading):hover {
  color: #ed454b;
  background: #fff;
  border-color: #fff;
}

.button.notify-btn,
button.notify-btn,
input[type="submit"].button.notify-btn {
  opacity: 1;
  background: #f7c24e;
  border-color: #f7c24e;
  color: #000;
}

.button.notify-btn:not(.disabled):not(.loading):hover,
button.notify-btn:not(.disabled):not(.loading):hover,
input[type="submit"].button.notify-btn:not(.disabled):not(.loading):hover {
  opacity: 1;
  color: #000;
  background: #f5b11d;
  border-color: #f5b11d;
}

.button.success-btn,
button.success-btn,
input[type="submit"].button.success-btn {
  opacity: 1;
  background: #00ae42;
  border-color: #00ae42;
  color: #fff;
}

.button.success-btn:not(.disabled):not(.loading):hover,
button.success-btn:not(.disabled):not(.loading):hover,
input[type="submit"].button.success-btn:not(.disabled):not(.loading):hover {
  opacity: 1;
  color: #fff;
  background: #007b2f;
  border-color: #007b2f;
}

.button:not(.disabled):not(.loading):hover.hover-alert,
button:not(.disabled):not(.loading):hover.hover-alert,
input[type="submit"].button:not(.disabled):not(.loading):hover.hover-alert {
  background: #df693d;
  color: #fff;
  border-color: #df693d;
}

.button:not(.disabled):not(.loading):hover.hover-alert.transparent,
button:not(.disabled):not(.loading):hover.hover-alert.transparent,
input[type="submit"].button:not(.disabled):not(.loading):hover.hover-alert.transparent {
  background: transparent;
  color: #df693d;
  opacity: 1;
  border-color: transparent;
}

.button:not(.disabled):not(.loading):hover.hover-notify,
button:not(.disabled):not(.loading):hover.hover-notify,
input[type="submit"].button:not(.disabled):not(.loading):hover.hover-notify {
  background: #f7c24e;
  color: #000;
  border-color: #f7c24e;
}

.button:not(.disabled):not(.loading):hover.hover-notify.transparent,
button:not(.disabled):not(.loading):hover.hover-notify.transparent,
input[type="submit"].button:not(.disabled):not(.loading):hover.hover-notify.transparent {
  background: transparent;
  color: #f7c24e;
  opacity: 1;
  border-color: transparent;
}

.button:not(.disabled):not(.loading):hover.hover-main,
button:not(.disabled):not(.loading):hover.hover-main,
input[type="submit"].button:not(.disabled):not(.loading):hover.hover-main {
  background: #ed454b;
  color: #fff;
  border-color: #ed454b;
}

.button:not(.disabled):not(.loading):hover.hover-main.transparent,
button:not(.disabled):not(.loading):hover.hover-main.transparent,
input[type="submit"].button:not(.disabled):not(.loading):hover.hover-main.transparent {
  background: transparent;
  color: #ed454b;
  opacity: 1;
  border-color: transparent;
}

.button:not(.disabled):not(.loading):hover.hover-success,
button:not(.disabled):not(.loading):hover.hover-success,
input[type="submit"].button:not(.disabled):not(.loading):hover.hover-success {
  background: #00ae42;
  color: #fff;
  border-color: #00ae42;
}

.button:not(.disabled):not(.loading):hover.hover-success.transparent,
button:not(.disabled):not(.loading):hover.hover-success.transparent,
input[type="submit"].button:not(.disabled):not(.loading):hover.hover-success.transparent {
  background: transparent;
  color: #00ae42;
  opacity: 1;
  border-color: transparent;
}

.button.loading,
button.loading,
input[type="submit"].button.loading {
  pointer-events: none;
}

.button.loading .state-icon.loader,
button.loading .state-icon.loader,
input[type="submit"].button.loading .state-icon.loader {
  transform: translateZ(0);
  opacity: 1;
  visibility: visible;
}

.button.loading-icon,
button.loading-icon,
input[type="submit"].button.loading-icon {
  pointer-events: none;
}

.button.success,
button.success,
input[type="submit"].button.success {
  pointer-events: none;
  background: #000;
  border-color: #000;
}

.button.success.secondary,
.button.success.tertiary,
button.success.secondary,
button.success.tertiary,
input[type="submit"].button.success.secondary,
input[type="submit"].button.success.tertiary {
  background: #000;
}

.button.success.alert-btn,
button.success.alert-btn,
input[type="submit"].button.success.alert-btn {
  background: #c84e21;
}

.button.success.notify-btn,
button.success.notify-btn,
input[type="submit"].button.success.notify-btn {
  background: #f5b11d;
}

.button.success.success-btn,
button.success.success-btn,
input[type="submit"].button.success.success-btn {
  background: #007b2f;
}

.button.success .state-icon.success,
button.success .state-icon.success,
input[type="submit"].button.success .state-icon.success {
  transform: translateZ(0);
  opacity: 1;
  visibility: visible;
}

.button.success .state-icon.loader,
button.success .state-icon.loader,
input[type="submit"].button.success .state-icon.loader {
  transform: translate3d(0, -10px, 0);
}

.button.error,
button.error,
input[type="submit"].button.error {
  pointer-events: none;
  background: #000;
  border-color: #000;
}

.button.error.secondary,
.button.error.tertiary,
button.error.secondary,
button.error.tertiary,
input[type="submit"].button.error.secondary,
input[type="submit"].button.error.tertiary {
  background: #000;
  border-color: #000;
}

.button.error.alert-btn,
button.error.alert-btn,
input[type="submit"].button.error.alert-btn {
  background: #c84e21;
  border-color: #c84e21;
}

.button.error.notify-btn,
button.error.notify-btn,
input[type="submit"].button.error.notify-btn {
  background: #f5b11d;
  border-color: #f5b11d;
}

.button.error.success-btn,
button.error.success-btn,
input[type="submit"].button.error.success-btn {
  background: #007b2f;
  border-color: #007b2f;
}

.button.error .state-icon.error,
button.error .state-icon.error,
input[type="submit"].button.error .state-icon.error {
  transform: translateZ(0);
  opacity: 1;
  visibility: visible;
}

.button.error .state-icon.loader,
button.error .state-icon.loader,
input[type="submit"].button.error .state-icon.loader {
  transform: translate3d(0, -10px, 0);
}

.button.disabled,
.button[disabled="disabled"],
button.disabled,
button[disabled="disabled"],
input[type="submit"].button.disabled,
input[type="submit"].button[disabled="disabled"] {
  pointer-events: hover;
  opacity: 1;
  cursor: default;
  background: rgba(0, 0, 0, 0.1);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.25);
  box-shadow: none !important;
}

input[type="email"],
input[type="number"],
input[type="password"],
input[type="text"] {
  background: transparent !important;
  border: 1px solid #000;
  border-radius: 2px;
  padding: 0 1.25em 1px;
  line-height: 47px;
  color: #000;
  transition: background 0.2s ease-in-out, border 0.2s ease-in-out,
    color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  display: block;
  width: 100%;
  font-family: Neuzeits, sans-serif;
  font-size: 1rem;
  text-align: left;
  font-weight: 400;
}

.minimal input[type="email"],
.minimal input[type="email"]:focus,
.minimal input[type="email"]:hover,
.minimal input[type="number"],
.minimal input[type="number"]:focus,
.minimal input[type="number"]:hover,
.minimal input[type="password"],
.minimal input[type="password"]:focus,
.minimal input[type="password"]:hover,
.minimal input[type="text"],
.minimal input[type="text"]:focus,
.minimal input[type="text"]:hover,
input[type="email"].minimal,
input[type="email"].minimal:focus,
input[type="email"].minimal:hover,
input[type="number"].minimal,
input[type="number"].minimal:focus,
input[type="number"].minimal:hover,
input[type="password"].minimal,
input[type="password"].minimal:focus,
input[type="password"].minimal:hover,
input[type="text"].minimal,
input[type="text"].minimal:focus,
input[type="text"].minimal:hover {
  padding: inherit;
  font-size: inherit;
  color: inherit;
  border: inherit;
  display: inherit;
  font-weight: inherit;
  line-height: inherit;
  border-radius: inherit;
  width: inherit;
  height: inherit;
}

.large input[type="email"],
.large input[type="number"],
.large input[type="password"],
.large input[type="text"] {
  font-size: 1rem;
  line-height: 57px;
}

.small input[type="email"],
.small input[type="number"],
.small input[type="password"],
.small input[type="text"],
.tiny input[type="email"],
.tiny input[type="number"],
.tiny input[type="password"],
.tiny input[type="text"] {
  font-size: 0.75rem;
  line-height: 27px;
}

.tiny input[type="email"],
.tiny input[type="number"],
.tiny input[type="password"],
.tiny input[type="text"] {
  line-height: 21px;
}

input[type="email"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
  transition: color 0.2s ease-in-out;
}

input[type="email"]:-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="text"]::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
  transition: color 0.2s ease-in-out;
}

input[type="email"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
  transition: color 0.2s ease-in-out;
}

input[type="email"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="text"]:hover {
  background: transparent;
  color: #000;
  border: 1px solid #e9171e;
}

input[type="email"]:hover::-webkit-input-placeholder,
input[type="number"]:hover::-webkit-input-placeholder,
input[type="password"]:hover::-webkit-input-placeholder,
input[type="text"]:hover::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

input[type="email"]:hover:-moz-placeholder,
input[type="email"]:hover::-moz-placeholder,
input[type="number"]:hover:-moz-placeholder,
input[type="number"]:hover::-moz-placeholder,
input[type="password"]:hover:-moz-placeholder,
input[type="password"]:hover::-moz-placeholder,
input[type="text"]:hover:-moz-placeholder,
input[type="text"]:hover::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

input[type="email"]:hover:-ms-input-placeholder,
input[type="number"]:hover:-ms-input-placeholder,
input[type="password"]:hover:-ms-input-placeholder,
input[type="text"]:hover:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

input[type="email"]:hover ~ .icon,
input[type="number"]:hover ~ .icon,
input[type="password"]:hover ~ .icon,
input[type="text"]:hover ~ .icon {
  color: rgba(0, 0, 0, 0.4);
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="text"]:focus {
  background: transparent;
  color: #000;
  border: 1px solid #eb2e35;
}

input[type="email"]:focus::-webkit-input-placeholder,
input[type="number"]:focus::-webkit-input-placeholder,
input[type="password"]:focus::-webkit-input-placeholder,
input[type="text"]:focus::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

input[type="email"]:focus:-moz-placeholder,
input[type="email"]:focus::-moz-placeholder,
input[type="number"]:focus:-moz-placeholder,
input[type="number"]:focus::-moz-placeholder,
input[type="password"]:focus:-moz-placeholder,
input[type="password"]:focus::-moz-placeholder,
input[type="text"]:focus:-moz-placeholder,
input[type="text"]:focus::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

input[type="email"]:focus:-ms-input-placeholder,
input[type="number"]:focus:-ms-input-placeholder,
input[type="password"]:focus:-ms-input-placeholder,
input[type="text"]:focus:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

input[type="email"]:focus ~ .icon,
input[type="number"]:focus ~ .icon,
input[type="password"]:focus ~ .icon,
input[type="text"]:focus ~ .icon {
  color: #000;
}

.has-value .input-with-label input[type="email"] ~ label,
.has-value .input-with-label input[type="number"] ~ label,
.has-value .input-with-label input[type="password"] ~ label,
.has-value .input-with-label input[type="text"] ~ label,
.input-with-label input[type="email"]:focus ~ label,
.input-with-label input[type="number"]:focus ~ label,
.input-with-label input[type="password"]:focus ~ label,
.input-with-label input[type="text"]:focus ~ label {
  transform: scale(0.75) translate3d(0, -1rem, 0);
  opacity: 0.5;
}

.input-with-label input[type="email"]:focus ~ label,
.input-with-label input[type="number"]:focus ~ label,
.input-with-label input[type="password"]:focus ~ label,
.input-with-label input[type="text"]:focus ~ label {
  color: #ed454b;
  opacity: 1;
}

.disabled input[type="email"],
.disabled input[type="number"],
.disabled input[type="password"],
.disabled input[type="text"],
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled,
input[type="text"]:disabled {
  color: rgba(0, 0, 0, 0.3);
  background: transparent;
}

input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.large input[type="email"],
.large input[type="number"],
.large input[type="password"],
.large input[type="text"] {
  height: 60px;
}

.small input[type="email"],
.small input[type="number"],
.small input[type="password"],
.small input[type="text"] {
  height: 30px;
}

.tiny input[type="email"],
.tiny input[type="number"],
.tiny input[type="password"],
.tiny input[type="text"] {
  height: 24px;
  padding: 0 0.75em;
  display: inline-block;
}

.input-with-label input[type="email"] ~ label,
.input-with-label input[type="number"] ~ label,
.input-with-label input[type="password"] ~ label,
.input-with-label input[type="text"] ~ label,
.label-above input[type="email"] ~ label,
.label-above input[type="number"] ~ label,
.label-above input[type="password"] ~ label,
.label-above input[type="text"] ~ label {
  font-weight: 400;
}

.input-with-label input[type="email"] ~ label,
.input-with-label input[type="number"] ~ label,
.input-with-label input[type="password"] ~ label,
.input-with-label input[type="text"] ~ label {
  line-height: calc(50px - 0.2em);
  font-size: 1rem;
  letter-spacing: inherit;
  padding-top: 0.5em;
}

.large .input-with-label input[type="email"] ~ label,
.large .input-with-label input[type="number"] ~ label,
.large .input-with-label input[type="password"] ~ label,
.large .input-with-label input[type="text"] ~ label {
  line-height: calc(60px - 0.2em);
  font-size: 1rem;
}

.small .input-with-label input[type="email"] ~ label,
.small .input-with-label input[type="number"] ~ label,
.small .input-with-label input[type="password"] ~ label,
.small .input-with-label input[type="text"] ~ label {
  line-height: calc(30px - 0.2em);
  font-size: 0.75rem;
}

.tiny .input-with-label input[type="email"] ~ label,
.tiny .input-with-label input[type="number"] ~ label,
.tiny .input-with-label input[type="password"] ~ label,
.tiny .input-with-label input[type="text"] ~ label {
  line-height: calc(24px - 0.2em);
  font-size: 0.75rem;
}

.input-wrap {
  position: relative;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.input-wrap .select-icon {
  pointer-events: none;
}

.input-wrap .flex-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.input-wrap .flex-wrap .no-grow {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.input-wrap .flex-wrap .grow {
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 1px;
}

.input-wrap:not(.underlined) .label-above {
  position: relative;
}

.input-wrap:not(.underlined) .label-above .select-wrap,
.input-wrap:not(.underlined) .label-above input[type="email"],
.input-wrap:not(.underlined) .label-above input[type="number"],
.input-wrap:not(.underlined) .label-above input[type="password"],
.input-wrap:not(.underlined) .label-above input[type="text"] {
  margin-top: 1rem;
  display: inline-block;
  width: 100%;
}

.input-wrap:not(.underlined) .label-above > .icon {
  top: calc(50% + 0.5rem);
}

.input-wrap:not(.underlined) .label-above .select-wrap {
  position: relative;
}

.input-wrap .label-above * ~ label {
  line-height: 1.5em;
  position: absolute;
  top: -0.1rem;
  left: 0;
  font-size: 11px;
  color: #bfbfbf;
  font-size: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  line-height: 1em;
}

.input-wrap .label-above :focus ~ label {
  color: #000;
}

.input-wrap .input-with-label {
  position: relative;
  display: block;
}

.input-wrap .input-with-label ~ .error-message,
.input-wrap .input-with-label ~ .icon,
.input-wrap .input-with-label ~ .secondary {
  position: absolute;
  top: 50%;
  transform: translate3d(0, calc(-50% + 0.25rem), 0);
}

.input-wrap .input-with-label .icon {
  right: 0;
}

.input-wrap .input-with-label .icon.before {
  left: 0;
  right: auto;
}

.input-wrap .input-with-label label {
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 0.5em;
  font-size: 1rem;
  pointer-events: none;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out,
    top 0.2s ease-in-out, line-height 0.2s ease-in-out, color 0.2s ease-in-out;
}

.input-wrap.underlined label {
  top: -0.2rem;
}

.input-wrap.underlined .icon {
  right: 0;
}

.input-wrap.underlined .icon.before {
  left: 0;
  right: auto;
}

.input-wrap.underlined .input-with-label label {
  top: 0;
}

.input-wrap .input-with-label input[type="email"],
.input-wrap .input-with-label input[type="number"],
.input-wrap .input-with-label input[type="password"],
.input-wrap .input-with-label input[type="text"],
.input-wrap .input-with-label select,
.input-wrap.underlined input[type="email"],
.input-wrap.underlined input[type="number"],
.input-wrap.underlined input[type="password"],
.input-wrap.underlined input[type="text"],
.input-wrap.underlined select {
  padding-top: 0.95em;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.input-wrap .input-with-label .icon,
.input-wrap.underlined .icon {
  top: calc(50% + 0.25em);
}

.input-wrap.has-icon-before .input-with-label input[type="email"],
.input-wrap.has-icon-before .input-with-label input[type="number"],
.input-wrap.has-icon-before .input-with-label input[type="password"],
.input-wrap.has-icon-before .input-with-label input[type="text"],
.input-wrap.has-icon-before .input-with-label label {
  padding-left: 1.5rem;
}

.input-wrap.has-icon-before .input-with-label input[type="email"]:focus ~ label,
.input-wrap.has-icon-before
  .input-with-label
  input[type="number"]:focus
  ~ label,
.input-wrap.has-icon-before
  .input-with-label
  input[type="password"]:focus
  ~ label,
.input-wrap.has-icon-before .input-with-label input[type="text"]:focus ~ label,
.input-wrap.has-icon-before .input-with-label label:focus ~ label {
  transform: scale(0.75) translate3d(-1.5rem, -1rem, 0);
}

.input-wrap.has-icon-before.has-value .input-with-label input[type="email"],
.input-wrap.has-icon-before.has-value .input-with-label input[type="number"],
.input-wrap.has-icon-before.has-value .input-with-label input[type="password"],
.input-wrap.has-icon-before.has-value .input-with-label input[type="text"],
.input-wrap.has-icon-before.has-value .input-with-label label {
  padding-left: 1.5rem;
}

.input-wrap.has-icon-before.has-value
  .input-with-label
  input[type="email"]
  ~ label,
.input-wrap.has-icon-before.has-value
  .input-with-label
  input[type="number"]
  ~ label,
.input-wrap.has-icon-before.has-value
  .input-with-label
  input[type="password"]
  ~ label,
.input-wrap.has-icon-before.has-value
  .input-with-label
  input[type="text"]
  ~ label,
.input-wrap.has-icon-before.has-value .input-with-label label ~ label {
  transform: scale(0.75) translate3d(-1.5rem, -1rem, 0);
}

.input-wrap.has-icon-after .input-with-label input[type="email"],
.input-wrap.has-icon-after .input-with-label input[type="number"],
.input-wrap.has-icon-after .input-with-label input[type="password"],
.input-wrap.has-icon-after .input-with-label input[type="text"],
.input-wrap.has-icon-after .input-with-label label {
  padding-right: 1.5rem;
}

.input-wrap.has-icon-after .error-message {
  margin-right: 25px;
}

.input-wrap.has-icon-after.filled-in input[type="email"],
.input-wrap.has-icon-after.filled-in input[type="number"],
.input-wrap.has-icon-after.filled-in input[type="password"],
.input-wrap.has-icon-after.filled-in input[type="text"],
.input-wrap.has-icon-after.underlined input[type="email"],
.input-wrap.has-icon-after.underlined input[type="number"],
.input-wrap.has-icon-after.underlined input[type="password"],
.input-wrap.has-icon-after.underlined input[type="text"],
.input-wrap.has-icon-after input[type="email"],
.input-wrap.has-icon-after input[type="number"],
.input-wrap.has-icon-after input[type="password"],
.input-wrap.has-icon-after input[type="text"] {
  padding-right: 2rem;
}

.input-wrap.has-icon-before.filled-in input[type="email"],
.input-wrap.has-icon-before.filled-in input[type="number"],
.input-wrap.has-icon-before.filled-in input[type="password"],
.input-wrap.has-icon-before.filled-in input[type="text"],
.input-wrap.has-icon-before.underlined input[type="email"],
.input-wrap.has-icon-before.underlined input[type="number"],
.input-wrap.has-icon-before.underlined input[type="password"],
.input-wrap.has-icon-before.underlined input[type="text"],
.input-wrap.has-icon-before input[type="email"],
.input-wrap.has-icon-before input[type="number"],
.input-wrap.has-icon-before input[type="password"],
.input-wrap.has-icon-before input[type="text"] {
  padding-left: 2rem;
}

.input-wrap.error input,
.input-wrap.error select {
  border-color: #df693d;
}

.input-wrap.error .error-message {
  color: #df693d;
  transition: opacity 0.2s ease-in-out;
}

.input-wrap.validated > input {
  border-bottom: 1px solid #00ae42;
}

.input-wrap .error-message,
.input-wrap .icon,
.input-wrap .secondary,
.input-wrap i.material-icons {
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  color: rgba(0, 0, 0, 0.3);
}

.input-wrap .icon {
  transition: color 0.2s ease-in-out;
  right: 0.6rem;
}

.input-wrap .icon.before {
  left: 0.6rem;
  right: auto;
}

.input-wrap .error-message,
.input-wrap .secondary {
  font-size: 10px;
  right: 0;
}

.input-label {
  font-size: 11px;
  color: #bfbfbf;
  display: inline-block;
  vertical-align: middle;
}

@keyframes home-image-pan {
  0%,
  to {
    transform: translateZ(0);
  }
  50% {
    transform: translate3d(0, -33%, 0);
  }
}

* {
  outline: none;
}

body {
  background-color: #fff;
  overflow: inherit;
}

@media only screen and (min-width: 850px) {
  body {
    overflow: auto;
  }
}

@media only screen and (max-width: 850px) {
  body {
    padding: 10px;
  }
  body:after {
    content: "";
    display: block;
    pointer-events: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 10px solid #000;
    z-index: 10;
    transition: top 0.2s ease-in-out, right 0.2s ease-in-out,
      bottom 0.2s ease-in-out, left 0.2s ease-in-out;
  }
  body.no-border:after {
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
  }
}

video {
  max-width: 100%;
  height: auto;
  display: block;
}

svg {
  color: currentcolor;
  overflow: visible;
  vertical-align: top;
}

svg * {
  transition: fill 0.2s ease-in-out;
  fill: currentcolor;
}

a {
  cursor: pointer;
}

.top-area.parallax {
  overflow: hidden;
}

.lazy-wrap {
  position: relative;
  display: inline-block;
  vertical-align: top;
  background: #f0f0f0;
  width: 100%;
}

.lazy-wrap img,
.lazy-wrap video {
  position: relative;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  z-index: 1;
  display: block;
  width: 100%;
}

.lazy-wrap:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -1px;
  width: 2px;
  height: 24px;
  background: #ccc;
  animation: rotate 1s ease-in-out infinite;
  z-index: 0;
  transition: opacity 0s ease-in-out 1s;
}

.lazy-wrap.lazyloaded img,
.lazy-wrap.lazyloaded video {
  opacity: 1;
}

.lazy-wrap.lazyloaded:after {
  opacity: 0;
}

@media only screen and (max-width: 450px) {
  .hide-sm {
    display: none;
  }
}

@media only screen and (max-width: 600px) {
  .hide-md {
    display: none;
  }
}

@media only screen and (max-width: 850px) {
  .hide-lg {
    display: none;
  }
}

@media only screen and (max-width: 1020px) {
  .hide-xlg {
    display: none;
  }
}

@media only screen and (max-width: 1500px) {
  .hide-huge {
    display: none;
  }
}

@media only screen and (min-width: 450px) {
  .show-sm {
    display: none;
  }
}

@media only screen and (min-width: 600px) {
  .show-md {
    display: none;
  }
}

@media only screen and (min-width: 850px) {
  .show-lg {
    display: none;
  }
}

@media only screen and (min-width: 1020px) {
  .show-xlg {
    display: none;
  }
}

@media only screen and (min-width: 1500px) {
  .show-huge {
    display: none;
  }
}

.dark-bg {
  background: #000;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.dark-bg,
.dark-bg a:hover {
  color: #fff;
}

.dark-bg .light-text-color {
  color: hsla(0, 0%, 100%, 0.5);
}

.dark-bg hr {
  border-color: #121212;
}

.dark-bg hr.main-color {
  border-color: #ed454b;
}

.dark-bg .button.secondary {
  opacity: 1;
  color: #000;
  background: #fff;
}

.dark-bg .button.secondary:not(.disabled):not(.loading):hover {
  color: #000;
  background: hsla(0, 0%, 100%, 0.75);
}

.dark-bg input[type="email"],
.dark-bg input[type="number"],
.dark-bg input[type="password"],
.dark-bg input[type="text"],
.dark-bg select {
  color: #fff;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.4);
  background: transparent;
  padding-left: 0;
  padding-right: 2rem;
}

.dark-bg input[type="email"]::-webkit-input-placeholder,
.dark-bg input[type="number"]::-webkit-input-placeholder,
.dark-bg input[type="password"]::-webkit-input-placeholder,
.dark-bg input[type="text"]::-webkit-input-placeholder,
.dark-bg select::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.6);
}

.dark-bg input[type="email"]:-moz-placeholder,
.dark-bg input[type="email"]::-moz-placeholder,
.dark-bg input[type="number"]:-moz-placeholder,
.dark-bg input[type="number"]::-moz-placeholder,
.dark-bg input[type="password"]:-moz-placeholder,
.dark-bg input[type="password"]::-moz-placeholder,
.dark-bg input[type="text"]:-moz-placeholder,
.dark-bg input[type="text"]::-moz-placeholder,
.dark-bg select:-moz-placeholder,
.dark-bg select::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.6);
}

.dark-bg input[type="email"]:-ms-input-placeholder,
.dark-bg input[type="number"]:-ms-input-placeholder,
.dark-bg input[type="password"]:-ms-input-placeholder,
.dark-bg input[type="text"]:-ms-input-placeholder,
.dark-bg select:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.6);
}

.dark-bg input[type="email"]:hover,
.dark-bg input[type="number"]:hover,
.dark-bg input[type="password"]:hover,
.dark-bg input[type="text"]:hover,
.dark-bg select:hover {
  border-color: hsla(0, 0%, 100%, 0.6);
}

.dark-bg input[type="email"]:focus,
.dark-bg input[type="number"]:focus,
.dark-bg input[type="password"]:focus,
.dark-bg input[type="text"]:focus,
.dark-bg select:focus {
  border-color: #fff;
}

.dark-bg input[type="email"]:focus::-webkit-input-placeholder,
.dark-bg input[type="number"]:focus::-webkit-input-placeholder,
.dark-bg input[type="password"]:focus::-webkit-input-placeholder,
.dark-bg input[type="text"]:focus::-webkit-input-placeholder,
.dark-bg select:focus::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.dark-bg input[type="email"]:focus:-moz-placeholder,
.dark-bg input[type="email"]:focus::-moz-placeholder,
.dark-bg input[type="number"]:focus:-moz-placeholder,
.dark-bg input[type="number"]:focus::-moz-placeholder,
.dark-bg input[type="password"]:focus:-moz-placeholder,
.dark-bg input[type="password"]:focus::-moz-placeholder,
.dark-bg input[type="text"]:focus:-moz-placeholder,
.dark-bg input[type="text"]:focus::-moz-placeholder,
.dark-bg select:focus:-moz-placeholder,
.dark-bg select:focus::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.dark-bg input[type="email"]:focus:-ms-input-placeholder,
.dark-bg input[type="number"]:focus:-ms-input-placeholder,
.dark-bg input[type="password"]:focus:-ms-input-placeholder,
.dark-bg input[type="text"]:focus:-ms-input-placeholder,
.dark-bg select:focus:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.highlight b,
.highlight em,
.highlight i,
.highlight strong {
  color: #ed454b;
}

.accordion .c-header {
  cursor: pointer;
}

.lazy-wrap {
  display: block;
}

.set-ratio,
.set-ratio-3-2 {
  position: relative;
  overflow: hidden;
}

.set-ratio-3-2 {
  padding-bottom: 66.666%;
}

.set-ratio-2-1 {
  padding-bottom: 50%;
}

.set-ratio-2-1,
.set-ratio-16-9 {
  position: relative;
  overflow: hidden;
}

.set-ratio-16-9 {
  padding-bottom: 56.25%;
}

.set-ratio-sq {
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
}

.lazy-wrap.object-cover,
.object-cover,
img.object-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.object-contain {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.object-contain.top {
  object-position: center top;
}

.collapse-4-3-2 .col {
  width: 50%;
}

@media only screen and (min-width: 600px) {
  .collapse-4-3-2 .col {
    width: 33.33%;
  }
}

@media only screen and (min-width: 850px) {
  .collapse-4-3-2 .col {
    width: 25%;
  }
}

@media only screen and (min-width: 850px) {
  .page-sections {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow-y: hidden;
    flex-direction: column;
  }
}

.page-section {
  position: relative;
}

@media only screen and (min-width: 850px) {
  .page-section.home-page {
    height: 100vh;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}

@media only screen and (min-width: 850px) {
  .page-section {
    width: 100vw;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
  }
}

.page-vert {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

@media only screen and (min-width: 850px) {
  .page-vert {
    height: 100%;
  }
}

.page-vert::-webkit-scrollbar {
  display: none;
  width: 0;
  background: transparent;
}

.page-inner-wrap {
  width: 100%;
}

@media only screen and (min-width: 850px) {
  .page-inner-wrap {
    min-height: 100%;
  }
}

#breakpoints {
  position: fixed;
  top: 0;
  left: 0;
  padding-top: 10px;
}

.oos-circle-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  vertical-align: top;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #ed454b;
  color: #fff;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out,
    transform 0.2s ease-in-out;
}

.oos-circle-icon:hover {
  color: #fff;
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.oos-circle-icon.blue {
  background: #00a3de;
  margin-left: 1rem;
}

.oos-circle-icon svg {
  display: block;
}

.image-page-section-modal .modal-wrap.full-screen-modal .modal .arrow-nav {
  width: 100%;
}

@media only screen and (max-width: 850px) {
  .image-page-section-modal
    .modal-wrap.full-screen-modal
    .modal
    .arrow-nav
    svg {
    width: 44px;
    height: 44px;
  }
}

.image-page-section-modal .modal-wrap.full-screen-modal .modal .arrow-nav a {
  color: #000;
}

.image-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .arrow-nav
  a:hover {
  color: #ed454b;
}

.image-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .arrow-nav
  a.prev-arrow {
  position: absolute;
  top: 95%;
  left: 30%;
  z-index: 10;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 1rem 1rem 0;
}

@media only screen and (min-width: 850px) {
  .image-page-section-modal
    .modal-wrap.full-screen-modal
    .modal
    .arrow-nav
    a.prev-arrow {
    top: calc(50% - (17px + 1.5rem));
    left: 0;
    padding: 3rem;
  }
}

.image-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .arrow-nav
  a.next-arrow {
  position: absolute;
  top: 95%;
  right: 30%;
  z-index: 10;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 1rem 1rem 0;
}

@media only screen and (min-width: 850px) {
  .image-page-section-modal
    .modal-wrap.full-screen-modal
    .modal
    .arrow-nav
    a.next-arrow {
    top: calc(50% - (17px + 1.5rem));
    right: 0;
    padding: 3rem;
  }
}

.image-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .slide
  .slide-content {
  padding: 0 calc((6.5% + 10px) / 2) 3rem;
}

.image-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .slide
  .slide-content
  .image-wrap {
  height: calc(100vh - 10rem);
}

.image-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .slide
  .slide-content
  .lazy-wrap {
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: transparent;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}

.image-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .slide
  .slide-content
  .lazy-wrap
  img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: contain;
  object-position: center;
}

.image-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .slide
  .slide-content
  .caption {
  max-width: 40em;
  margin: 0 auto;
  text-align: center;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.video-page-section-modal .modal-wrap.full-screen-modal .modal .arrow-nav {
  width: 100%;
}

@media only screen and (max-width: 850px) {
  .video-page-section-modal
    .modal-wrap.full-screen-modal
    .modal
    .arrow-nav
    svg {
    width: 44px;
    height: 44px;
  }
}

.video-page-section-modal .modal-wrap.full-screen-modal .modal .arrow-nav a {
  color: #000;
}

.video-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .arrow-nav
  a:hover {
  color: #ed454b;
}

.video-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .arrow-nav
  a.prev-arrow {
  position: absolute;
  top: 95%;
  left: 30%;
  z-index: 10;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 1rem 1rem 3rem;
}

@media only screen and (min-width: 850px) {
  .video-page-section-modal
    .modal-wrap.full-screen-modal
    .modal
    .arrow-nav
    a.prev-arrow {
    top: calc(50% - (17px + 1.5rem));
    left: 0;
    padding: 3rem;
  }
}

.video-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .arrow-nav
  a.next-arrow {
  position: absolute;
  top: 95%;
  right: 30%;
  z-index: 10;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 1rem 1rem 3rem;
}

@media only screen and (min-width: 850px) {
  .video-page-section-modal
    .modal-wrap.full-screen-modal
    .modal
    .arrow-nav
    a.next-arrow {
    top: calc(50% - (17px + 1.5rem));
    right: 0;
    padding: 3rem;
  }
}

.video-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .slide
  .slide-content {
  padding-top: 0;
  padding-left: calc((6.5% + 10px) / 2);
  padding-right: calc((6.5% + 10px) / 2);
}

.video-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .slide
  .slide-content
  .video-wrap {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: transparent;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}

.video-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .slide
  .slide-content
  .video-wrap.vimeo
  iframe,
.video-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .slide
  .slide-content
  .video-wrap.youtube
  iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.video-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .slide
  .slide-content
  .caption {
  max-width: 40em;
  margin: 0 auto;
  text-align: center;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.image-page-section-modal .modal-wrap.full-screen-modal.video-modal .overlay,
.resource-page-section-modal .modal-wrap.full-screen-modal.video-modal .overlay,
.video-page-section-modal .modal-wrap.full-screen-modal.video-modal .overlay {
  background: hsla(0, 0%, 100%, 0.9);
}

.image-page-section-modal .modal-wrap.full-screen-modal.video-modal .modal,
.resource-page-section-modal .modal-wrap.full-screen-modal.video-modal .modal,
.video-page-section-modal .modal-wrap.full-screen-modal.video-modal .modal {
  height: 100%;
}

.image-page-section-modal
  .modal-wrap.full-screen-modal.video-modal
  .close-modal,
.resource-page-section-modal
  .modal-wrap.full-screen-modal.video-modal
  .close-modal,
.video-page-section-modal
  .modal-wrap.full-screen-modal.video-modal
  .close-modal {
  color: #000;
  line-height: 1em;
}

.image-page-section-modal
  .modal-wrap.full-screen-modal.video-modal
  .close-modal:hover,
.resource-page-section-modal
  .modal-wrap.full-screen-modal.video-modal
  .close-modal:hover,
.video-page-section-modal
  .modal-wrap.full-screen-modal.video-modal
  .close-modal:hover {
  color: #ed454b;
}

@media only screen and (min-width: 600px) {
  .image-page-section-modal
    .modal-wrap.full-screen-modal.video-modal
    .close-modal,
  .resource-page-section-modal
    .modal-wrap.full-screen-modal.video-modal
    .close-modal,
  .video-page-section-modal
    .modal-wrap.full-screen-modal.video-modal
    .close-modal {
    position: fixed;
    right: 1rem;
    top: 1rem;
    color: #000;
  }
  .image-page-section-modal
    .modal-wrap.full-screen-modal.video-modal
    .close-modal:hover,
  .resource-page-section-modal
    .modal-wrap.full-screen-modal.video-modal
    .close-modal:hover,
  .video-page-section-modal
    .modal-wrap.full-screen-modal.video-modal
    .close-modal:hover {
    color: #ed454b;
  }
}

.image-page-section-modal .modal-wrap.full-screen-modal .modal,
.resource-page-section-modal .modal-wrap.full-screen-modal .modal,
.video-page-section-modal .modal-wrap.full-screen-modal .modal {
  position: absolute;
  top: calc(6.5% + 10px);
  bottom: calc(6.5% + 10px);
  right: 0;
  left: 0;
  width: 100%;
  max-width: none;
}

@media only screen and (min-width: 850px) {
  .image-page-section-modal .modal-wrap.full-screen-modal .modal,
  .resource-page-section-modal .modal-wrap.full-screen-modal .modal,
  .video-page-section-modal .modal-wrap.full-screen-modal .modal {
    top: 7.5rem;
    bottom: 7.5rem;
  }
}

.image-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .image-modal-slideshow,
.image-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .video-modal-slideshow,
.resource-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .image-modal-slideshow,
.resource-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .video-modal-slideshow,
.video-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .image-modal-slideshow,
.video-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .video-modal-slideshow {
  width: 100%;
  height: 100%;
}

.image-page-section-modal .modal-wrap.full-screen-modal .modal .slick-list,
.image-page-section-modal .modal-wrap.full-screen-modal .modal .slick-slider,
.image-page-section-modal .modal-wrap.full-screen-modal .modal .slick-track,
.resource-page-section-modal .modal-wrap.full-screen-modal .modal .slick-list,
.resource-page-section-modal .modal-wrap.full-screen-modal .modal .slick-slider,
.resource-page-section-modal .modal-wrap.full-screen-modal .modal .slick-track,
.video-page-section-modal .modal-wrap.full-screen-modal .modal .slick-list,
.video-page-section-modal .modal-wrap.full-screen-modal .modal .slick-slider,
.video-page-section-modal .modal-wrap.full-screen-modal .modal .slick-track {
  -ms-touch-action: none;
  touch-action: none;
  height: 100% !important;
}

.image-page-section-modal .modal-wrap.full-screen-modal .modal .slick-list,
.image-page-section-modal .modal-wrap.full-screen-modal .modal .slick-slide,
.resource-page-section-modal .modal-wrap.full-screen-modal .modal .slick-list,
.resource-page-section-modal .modal-wrap.full-screen-modal .modal .slick-slide,
.video-page-section-modal .modal-wrap.full-screen-modal .modal .slick-list,
.video-page-section-modal .modal-wrap.full-screen-modal .modal .slick-slide {
  width: 100%;
}

.image-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .slick-slide
  > div,
.resource-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .slick-slide
  > div,
.video-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .slick-slide
  > div {
  height: 100%;
  width: 100%;
}

.image-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .slick-slide.slick-current.slick-active
  .caption,
.resource-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .slick-slide.slick-current.slick-active
  .caption,
.video-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .slick-slide.slick-current.slick-active
  .caption {
  opacity: 1;
}

.image-page-section-modal .modal-wrap.full-screen-modal .modal .slide,
.resource-page-section-modal .modal-wrap.full-screen-modal .modal .slide,
.video-page-section-modal .modal-wrap.full-screen-modal .modal .slide {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.image-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .slide
  .slide-content,
.resource-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .slide
  .slide-content,
.video-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .slide
  .slide-content {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding-top: 0;
  padding-left: calc((6.5% + 10px) / 2);
  padding-right: calc((6.5% + 10px) / 2);
}

@media only screen and (min-width: 850px) {
  .image-page-section-modal
    .modal-wrap.full-screen-modal
    .modal
    .slide
    .slide-content,
  .resource-page-section-modal
    .modal-wrap.full-screen-modal
    .modal
    .slide
    .slide-content,
  .video-page-section-modal
    .modal-wrap.full-screen-modal
    .modal
    .slide
    .slide-content {
    padding: 0 7.5rem;
  }
}

.image-page-section-modal .modal-wrap.full-screen-modal .modal .solo-wrap,
.resource-page-section-modal .modal-wrap.full-screen-modal .modal .solo-wrap,
.video-page-section-modal .modal-wrap.full-screen-modal .modal .solo-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  width: 100%;
  padding-top: 0;
  padding-left: calc((6.5% + 10px) / 2);
  padding-right: calc((6.5% + 10px) / 2);
}

@media only screen and (min-width: 850px) {
  .image-page-section-modal .modal-wrap.full-screen-modal .modal .solo-wrap,
  .resource-page-section-modal .modal-wrap.full-screen-modal .modal .solo-wrap,
  .video-page-section-modal .modal-wrap.full-screen-modal .modal .solo-wrap {
    padding: 7.5rem;
  }
}

.image-page-section-modal .modal-wrap.full-screen-modal .modal .solo-video-wrap,
.resource-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .solo-video-wrap,
.video-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .solo-video-wrap {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: transparent;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}

.image-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .solo-video-wrap.vimeo
  iframe,
.image-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .solo-video-wrap.youtube
  iframe,
.resource-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .solo-video-wrap.vimeo
  iframe,
.resource-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .solo-video-wrap.youtube
  iframe,
.video-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .solo-video-wrap.vimeo
  iframe,
.video-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .solo-video-wrap.youtube
  iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.image-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .solo-video-caption,
.resource-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .solo-video-caption,
.video-page-section-modal
  .modal-wrap.full-screen-modal
  .modal
  .solo-video-caption {
  max-width: 40em;
  margin: 0 auto;
  text-align: center;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}

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

@media only screen and (max-width: 600px) {
  body,
  button,
  html,
  input,
  textarea {
    font-size: 14px;
  }
}

@media only screen and (min-width: 850px) {
  .block.block-home {
    width: 100%;
    height: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

@media only screen and (max-width: 850px) {
  .block.block-home .grid-flex .col-6 {
    height: 100vh;
  }
}

@media only screen and (min-width: 850px) {
  .block.block-home .grid-flex {
    height: 100%;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}

.block.block-home .mobile-arrow,
.block.block-home .mobile-logo {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 2rem 0;
}

.block.block-home .mobile-arrow a,
.block.block-home .mobile-arrow svg {
  color: #ed454b;
}

.block.block-home .home-text {
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.block.block-home .home-text h1 {
  font-weight: 400;
  margin: 0 auto;
  max-width: 17em;
  font-size: 4vw;
}

@media only screen and (min-width: 850px) {
  .block.block-home .home-text h1 {
    max-width: 13em;
    font-size: 2.85vw;
  }
}

.block.block-home:hover .lazy-wrap .image-wrap {
  animation-play-state: running;
}

.block.block-home .lazy-wrap {
  height: 100%;
  overflow: hidden;
  transform-style: preserve-3d;
}

.block.block-home .lazy-wrap .image-wrap {
  width: 100%;
  height: 150%;
  position: relative;
  animation-play-state: paused;
}

.block.block-home .lazy-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.block.block-information .grid-flex .col-5 {
  position: relative;
}

.block.block-information .grid-flex .col-5 .lazy-wrap {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0.875rem;
  right: 0.875rem;
  bottom: 0;
  background-color: transparent;
}

@media only screen and (min-width: 850px) {
  .block.block-page-panel {
    min-height: 100%;
  }
}

.block.block-page-panel .right-content-wrap {
  max-width: 1300px;
}

@media only screen and (min-width: 850px) {
  .block.block-page-panel .right-content-wrap {
    min-height: 100%;
  }
}

.block.block-page-panel .section-title-wrap {
  width: 100%;
  position: relative;
  white-space: nowrap;
  font-size: 1.75rem;
  position: -webkit-sticky;
  position: sticky;
  top: 70px;
  margin-bottom: 2em;
  width: calc(2.625rem + 24px);
}

@media only screen and (min-width: 600px) {
  .block.block-page-panel .section-title-wrap {
    width: calc(3.5rem + 30px);
  }
}

@media only screen and (min-width: 850px) {
  .block.block-page-panel .section-title-wrap {
    font-size: 2.5rem;
    position: relative;
    top: auto;
    margin: 0;
    width: calc(11.25rem + 24px);
  }
}

@media only screen and (min-width: 1020px) {
  .block.block-page-panel .section-title-wrap {
    font-size: 4vw;
    width: auto;
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
}

@media only screen and (min-width: 1500px) {
  .block.block-page-panel .section-title-wrap {
    font-size: 4rem;
    padding-left: 9.75rem;
    padding-right: 9.75rem;
  }
}

.block.block-page-panel .section-title-wrap .section-title-inner-wrap {
  text-align: right;
  position: absolute;
  top: 0;
  right: calc(50% + 1em * 0.55);
  height: 2.5rem;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.block.block-page-panel .section-title-wrap .section-title-inner-wrap .h1 {
  font-size: 1em;
}

@media only screen and (max-width: 600px) {
  .block.block-page-panel .section-title-wrap .section-title-inner-wrap {
    top: 50px;
  }
}

.block.block-top-area-text p {
  max-width: 27em;
}

.block.block-videos button.show-more-mobile {
  width: 100%;
}

.block.block-image-grid #cat,
.block.block-image-grid #loc {
  text-transform: capitalize;
}

.block.block-image-grid .select-button-wrap {
  cursor: pointer;
  position: relative;
}

@media only screen and (min-width: 600px) {
  .block.block-image-grid .select-button-wrap {
    width: 16rem;
  }
}

.block.block-image-grid .select-button-wrap .select-button {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
  height: 50px;
  padding: 11px 0;
  border: 3px solid #000;
}

.block.block-image-grid .select-button-wrap .select-button.open {
  background-color: #000;
  color: #fff;
}

.block.block-image-grid .select-button-wrap .select-drop-down {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  display: none;
  cursor: pointer;
}

.block.block-image-grid
  .select-button-wrap
  .select-drop-down
  #view-all-images:hover,
.block.block-image-grid
  .select-button-wrap
  .select-drop-down
  .category-title:hover,
.block.block-image-grid
  .select-button-wrap
  .select-drop-down
  .image_location:hover {
  background-color: #000;
  color: #fff;
}

.block.block-image-grid .select-button-wrap .select-drop-down .category-menu {
  background-color: #fff;
  border-top: 3px solid #000;
  border-left: 3px solid #000;
  border-right: 3px solid #000;
}

.block.block-image-grid
  .select-button-wrap
  .select-drop-down
  .category-menu:last-of-type {
  border-bottom: 3px solid #000;
}

.block.block-image-grid p.image_location {
  border-bottom: 1px solid #bfbfbf;
}

.block.block-image-grid p.image_location:last-of-type {
  border-bottom: none;
}

.block.block-image-grid .image-modal-grid .col {
  animation: fade-in 0.5s ease-in-out forwards;
}

.block.block-image-grid .image-modal-grid .col.hidden {
  opacity: 0;
  display: none;
}

.block.block-image-grid .image-modal-grid .show-more-button-wrap,
.block.block-image-grid .image-modal-grid .show-more-button-wrap button {
  width: 100%;
}

.block.block-image-grid .image-modal-grid .show-more-button-wrap.hidden {
  opacity: 0;
  display: none;
}

.block.block-image-grid .image-modal-grid .mobile-load-more {
  width: 100%;
}

.block.block-image-grid .image-modal-grid .mobile-load-more.hidden {
  opacity: 0;
  display: none;
}

.block.block-full-block-quote {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 19.5% 6.5%;
  background-color: #7f7f7f;
  color: #fff;
}

@media only screen and (min-width: 850px) {
  .block.block-full-block-quote {
    min-height: 100%;
    padding: 0;
  }
}

.block.block-full-block-quote .quote {
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 50rem;
}

.block.block-full-block-quote .quote h1 {
  font-size: 6vw;
  font-weight: 400;
}

@media only screen and (min-width: 850px) {
  .block.block-full-block-quote .quote {
    padding-top: 50px;
  }
  .block.block-full-block-quote .more-quotes {
    padding-bottom: 50px;
  }

  .block.block-full-block-quote .quote h1 {
    font-size: 3rem;
  }
}

.block.block-full-block-quote .author,
.block.block-full-block-quote .more-quotes {
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.block.block-slideshow .top-slideshow .set-ratio-3-2 {
  height: 40vh;
  padding-bottom: 0;
}

@media only screen and (min-width: 850px) {
  .block.block-slideshow .top-slideshow .set-ratio-3-2 {
    height: calc(50vh - 100px);
  }
}

@media only screen and (min-height: 800px) {
  .block.block-slideshow .top-slideshow .set-ratio-3-2 {
    height: calc(60vh - 100px);
  }
}

.block.block-slideshow .top-slideshow .slick-slide.no-scroll {
  -ms-transform: none !important;
  transform: none !important;
}

.block.block-slideshow .top-slideshow-nav {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.block.block-slideshow .top-slideshow-nav .slick-slide {
  cursor: pointer;
}

.block.block-slideshow
  .top-slideshow-nav
  .slick-slide
  img.top-slideshow-nav-thumb {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.block.block-slideshow
  .top-slideshow-nav
  .slick-slide.slick-current
  img.top-slideshow-nav-thumb {
  border: 1px solid #000;
}

.block.block-slideshow .top-slideshow-nav .slick-slide > div {
  padding: 0 0.5rem;
}

.block.block-slideshow .top-slideshow-nav .slick-slide.no-scroll {
  -ms-transform: none !important;
  transform: none !important;
}

.block.block-quote-slideshow .c-slide-nav {
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 6.5%;
}

@media only screen and (min-width: 850px) {
  .block.block-quote-slideshow .c-slide-nav {
    padding: 0;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.block.block-quote-slideshow .c-slide-nav .next-arrow,
.block.block-quote-slideshow .c-slide-nav .next-arrow svg,
.block.block-quote-slideshow .c-slide-nav .prev-arrow,
.block.block-quote-slideshow .c-slide-nav .prev-arrow svg {
  display: block;
}

.block.block-quote-slideshow .slick-track.no-scroll {
  -ms-transform: none !important;
  transform: none !important;
}

.block.block-quote-slideshow .slick-track .slick-list {
  overflow-y: hidden;
}

.block.block-quote p {
  max-width: 28em;
}

.block.block-quote.hidden {
  display: none;
}

.block.block-quote-filter button {
  width: 100%;
}

.block.block-quote-filter button.active {
  border-color: #000;
  background: #000;
  color: #fff;
  box-shadow: none;
}

@media only screen and (max-width: 850px) {
  .block.block-videos p {
    max-width: 17em;
  }
}

.block.block-press .date {
  border: 3px solid #000;
  text-align: center;
  font-weight: 700;
  font-size: 0.8em;
  width: 5rem;
  height: 5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.block.block-press .col.grow a:not(.inner),
.block.block-press .col.grow a:not(.inner):hover {
  color: #000;
}

.block.block-resources .resource a {
  color: #000;
  display: block;
}

.block.block-resources .resource a span {
  position: relative;
}

.block.block-resources .resource a span:after {
  position: absolute;
  left: 100%;
  padding-left: 8px;
  padding-left: 0.5rem;
  top: 50%;
  margin-top: -10px;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  transform: translate3d(-30%, 0, 0);
  opacity: 0;
  content: "arrow_forward";
  font-family: Material Icons;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 18px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

.block.block-resources .resource a span:after.md-12 {
  font-size: 12px;
  line-height: 12px;
}

.block.block-resources .resource a span:after.md-14 {
  font-size: 14px;
  line-height: 14px;
}

.block.block-resources .resource a span:after.md-18 {
  font-size: 18px;
  line-height: 18px;
}

.block.block-resources .resource a span:after.md-24 {
  font-size: 24px;
  line-height: 24px;
}

.block.block-resources .resource a span:after.md-36 {
  font-size: 36px;
  line-height: 36px;
}

.block.block-resources .resource a span:after.md-48 {
  font-size: 48px;
  line-height: 48px;
}

.block.block-resources .resource a:hover {
  color: #000;
}

.block.block-resources .resource a:hover span:after {
  -ms-transform: none;
  transform: none;
  opacity: 1;
}

.block.block-resources .c-header .icon {
  transition: transform 0.2s ease-in-out;
  -ms-transform-origin: center;
  transform-origin: center;
}

.block.block-resources .c-header.open .icon {
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.block.block-resources .c-content .rich-text p {
  margin-bottom: 0.5rem;
}

.block.block-resources a {
  text-decoration: none;
}

.block.block-resources
  .modal-wrap.video-modal.full-screen-modal
  .modal
  .video-wrap {
  padding: 4rem;
  text-align: center;
}

.block.block-resources
  .modal-wrap.video-modal.full-screen-modal
  .modal
  .video-wrap
  iframe {
  width: 100%;
}

.block.block-resources .resources-temp-image {
  margin-top: -30%;
  height: 100%;
}

.block.block-resources .resources-bg-image {
  margin-top: -7.5rem;
  height: 100%;
}

.block.block-resources .resources-bg-image .bg-wrap {
  max-width: 100%;
  height: 100vh;
}

.block.block-resources .resources-temp-image .lazy-wrap {
  height: 100%;
  transform-style: preserve-3d;
}

.block.block-resources .resources-temp-image .lazy-wrap .image-wrap {
  width: 100%;
  height: 150%;
  position: relative;
}

.block.block-resources .resources-temp-image .lazy-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.block.block-resources:hover .lazy-wrap .bg-wrap {
  animation-play-state: running;
}

.block.block-resources:hover .lazy-wrap .image-wrap {
  animation-play-state: running;
}

.block.block-contact {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (min-width: 850px) {
  .block.block-contact {
    min-height: 100%;
  }
}

.block.block-contact .content-top {
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.block.block-contact .content-top .content-left .rich-text.text-blurb a,
.block.block-contact .content-top .content-right .rich-text.text-blurb a {
  color: #000;
  margin-bottom: 1rem;
  border-bottom: 1px solid transparent;
}

.block.block-contact .content-top .content-left .rich-text.text-blurb a:hover,
.block.block-contact .content-top .content-right .rich-text.text-blurb a:hover {
  border-bottom: 1px solid #ed454b;
}

.block.block-contact .content-top .content-left .rich-text p:not(.address),
.block.block-contact .content-top .content-right .rich-text p:not(.address) {
  margin-bottom: 0.5rem;
}

.block.block-contact .content-top .content-left .rich-text .contact-email a,
.block.block-contact .content-top .content-right .rich-text .contact-email a {
  margin-bottom: 1rem;
}

@media only screen and (max-width: 600px) {
  .block.block-contact .content-top .content-left {
    margin-top: 1.5rem;
  }
}

@media only screen and (max-width: 600px) {
  .block.block-contact .content-top .content-right {
    margin-top: 3rem;
  }
}

.block.block-contact .content-bottom {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.block.block-contact .contact-link a {
  cursor: pointer;
  color: #000;
  display: inline-block;
  border-bottom: 1px solid transparent;
  transition: border 0.2s ease-in-out;
}

.block.block-contact .contact-link a:hover:not(.google-maps) {
  border-bottom: 1px solid #ed454b;
}

.block.block-contact .contact-link a .address {
  border-bottom: 1px solid transparent;
  line-height: 1.6em;
  display: inline;
}

.block.block-contact .contact-link a .address:hover {
  border-bottom: 1px solid #ed454b;
}

.block.block-contact .contact-link.rich-text p {
  line-height: 1.7em;
}

.block.block-contact p.address {
  margin-bottom: 0.25rem;
}

.block.block-contact .social {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: start;
  width: 100%;
}

.block.block-contact input {
  border: 3px solid #000;
}

.block.block-contact ::-webkit-input-placeholder {
  color: #000;
}

.block.block-contact :-moz-placeholder,
.block.block-contact ::-moz-placeholder {
  color: #000;
}

.block.block-contact :-ms-input-placeholder {
  color: #000;
}

.modal-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

@media only screen and (min-width: 600px) {
  .modal-wrap {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}

.modal-wrap.image-modal .modal {
  padding: 0;
  background: transparent;
  width: 87%;
  max-width: 1300px;
}

@media only screen and (min-width: 850px) {
  .modal-wrap.image-modal .modal {
    width: calc(100% - 7.5rem * 2);
  }
}

.modal-wrap.image-modal .modal .close-modal {
  position: fixed;
  right: 1rem;
  top: 1rem;
  line-height: 1em;
  color: #000;
}

.modal-wrap.image-modal .modal .close-modal .pl-1 {
  display: block;
  padding-top: 0.4rem;
}

.modal-wrap.image-modal .modal .close-modal:hover {
  color: #ed454b;
}

.modal-wrap.image-modal .modal .next-arrow,
.modal-wrap.image-modal .modal .next-arrow svg,
.modal-wrap.image-modal .modal .prev-arrow,
.modal-wrap.image-modal .modal .prev-arrow svg {
  display: block;
}

.modal-wrap.image-modal .overlay {
  background: hsla(0, 0%, 100%, 0.9);
}

.modal-wrap .overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: hsla(0, 0%, 100%, 0.1);
}

.modal-wrap.open {
  opacity: 1;
  visibility: visible;
}

.modal-wrap.open.modal-signup .modal {
  -ms-transform: none;
  transform: none;
}

.modal-wrap.open .overlay {
  opacity: 1;
}

.modal-wrap .modal {
  position: relative;
  z-index: 2;
  background: #fff;
  max-width: 55rem;
  padding: 6.5%;
  margin: auto;
  display: none;
  opacity: 0;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.modal-wrap .modal.visible {
  opacity: 1;
  display: block;
}

@media only screen and (min-width: 600px) {
  .modal-wrap .modal {
    width: 87%;
    padding: 1.75rem;
  }
}

@media only screen and (min-width: 850px) {
  .modal-wrap .modal {
    padding: 2.625rem;
  }
}

.modal-wrap .modal .close-modal {
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
  cursor: pointer;
  z-index: 1;
  position: fixed;
  top: 20px;
  right: 18px;
  width: auto;
  height: auto;
  left: auto;
  bottom: auto;
  box-shadow: none;
  padding: 10px;
  background: transparent;
  border-radius: 0;
}

.modal-wrap .modal .close-modal .material-icons {
  font-size: 24px;
}

.modal-wrap .modal .next-image {
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
  cursor: pointer;
  z-index: 1;
  position: absolute;
  top: 50%;
  right: -8%;
  width: auto;
  height: auto;
  left: auto;
  bottom: auto;
  box-shadow: none;
  padding: 10px;
  background: transparent;
  border-radius: 0;
  color: #bfbfbf;
}

.modal-wrap .modal .next-image:hover {
  color: #000;
  background: transparent;
}

.modal-wrap .modal .prev-image {
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
  cursor: pointer;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: -8%;
  width: auto;
  height: auto;
  right: auto;
  bottom: auto;
  box-shadow: none;
  padding: 10px;
  background: transparent;
  border-radius: 0;
  color: #bfbfbf;
}

.modal-wrap .modal .prev-image:hover {
  color: #000;
  background: transparent;
}

.play-icon {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-left: 54px solid #ffd128;
  border-top: 28px solid transparent;
  border-bottom: 28px solid transparent;
  margin-top: -28px;
  transition: transform 0.2s ease-in-out;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
}

.block.block-resources .video:hover,
.block.block-resources .video:hover .c-overlay,
.block.block-resources .video:hover img,
a.thumb.video-thumb:hover,
a.thumb.video-thumb:hover .c-overlay,
a.thumb.video-thumb:hover img {
  opacity: 1;
}

.block.block-resources .video:hover .c-overlay .text,
a.thumb.video-thumb:hover .c-overlay .text {
  transform: translate3d(0, -25px, 0);
  opacity: 1;
}

.block.block-resources .video:hover .c-overlay .play-icon,
a.thumb.video-thumb:hover .c-overlay .play-icon {
  transform: scale(0.75) translate3d(0, -12px, 0);
}

.block.block-resources .video:hover .c-overlay .play-icon.circled:after,
a.thumb.video-thumb:hover .c-overlay .play-icon.circled:after {
  border-color: #ed454b;
  background: #ed454b;
}

.block.block-resources .video .c-overlay,
a.thumb.video-thumb .c-overlay {
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  right: 0;
  z-index: 2;
  transition: opacity 0.2s ease-in-out;
  opacity: 0.8;
}

.block.block-resources .video .c-overlay .text,
a.thumb.video-thumb .c-overlay .text {
  display: block;
  position: relative;
  color: #fff;
  opacity: 0;
  text-shadow: 0 0 6px 12px rgba(0, 0, 0, 0.3);
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.nav-sidebar {
  color: #000;
  width: 100%;
  position: fixed;
  z-index: 9;
  background: #fff;
  top: 0;
  bottom: 0;
  right: calc(100% + 1px);
  box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1);
  padding: 1.75rem;
  transition: transform 0.5s ease-in-out;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: -ms-flexbox;
  display: flex;
  border: 10px solid #000;
}

@media only screen and (min-width: 600px) {
  .nav-sidebar {
    max-width: 22rem;
  }
}

@media only screen and (min-width: 850px) {
  .nav-sidebar {
    padding: 2.625rem;
  }
}

.nav-sidebar nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.nav-sidebar nav .top {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.nav-sidebar nav .top .nav-logo {
  width: 9rem;
}

@media only screen and (max-width: 600px) {
  .nav-sidebar nav .top .nav-logo {
    margin-top: 4rem;
  }
}

@media only screen and (max-height: 760px) {
  .nav-sidebar nav .top .nav-logo {
    width: 7rem;
  }
}

.nav-sidebar nav .top .close-menu {
  display: block;
  position: absolute;
  top: 1rem;
  left: 1rem;
  color: #ed454b;
}

.nav-sidebar nav .top .close-menu:hover {
  color: #000;
}

.nav-sidebar nav .middle {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media only screen and (max-width: 600px) {
  .nav-sidebar nav .middle {
    margin-top: 4rem;
  }
}

@media only screen and (max-height: 760px) {
  .nav-sidebar nav .middle .menu-item {
    padding: 0.25rem 0;
  }
}

.nav-sidebar nav .middle .social {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.nav-sidebar nav .bottom {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.nav-sidebar nav .bottom .nav-footer {
  font-size: 10px;
  max-width: 22em;
}

.nav-sidebar nav ul > li a {
  color: #000;
}

.nav-sidebar nav ul > li a:hover {
  color: #ed454b;
}

.nav-sidebar nav ul > li ul {
  padding-top: 0.5rem;
  margin-top: 0;
  padding-bottom: 1rem;
}

.nav-sidebar nav ul > li ul li a {
  padding-top: 0;
  color: #000;
  font-family: Neuzeits, sans-serif;
  z-index: 7;
}

.nav-sidebar nav ul > li ul li a:hover {
  color: #ed454b;
}

.menu-open .nav-sidebar {
  transform: translate3d(100%, 0, 0);
}

.menu-open .menu-wrap {
  visibility: visible;
  opacity: 1;
}

.menu-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: hsla(0, 0%, 100%, 0.15);
  z-index: 4;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

header .menu-icon {
  position: fixed;
  top: calc(1.75rem + 4px);
  left: calc(1.75rem + 4px);
  cursor: pointer;
  z-index: 7;
}

@media only screen and (min-width: 850px) {
  header .menu-icon {
    top: 1.75rem;
    left: 1.75rem;
  }
}

header .menu-icon > span {
  display: block;
  border-top: 3px solid #ed454b;
  border-bottom: 3px solid #ed454b;
  padding: 5px 0;
  transition: color 0.2s ease-in-out;
  width: 24px;
}

@media only screen and (min-width: 850px) {
  header .menu-icon > span {
    width: 30px;
  }
}

header .menu-icon > span:after {
  content: "";
  display: block;
  background: #ed454b;
  height: 3px;
}

header .menu-icon:hover {
  color: #000;
}

header .logo-footer {
  position: fixed;
  bottom: 1.75rem;
  left: 1.75rem;
  z-index: 5;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

header .logo-footer img {
  width: 9rem;
}

header .logo-footer.hidden {
  opacity: 0;
  visibility: hidden;
}

#mc_signup_form .mc_form_inside {
  position: relative;
  width: 100%;
  max-width: 26rem;
  height: 50px;
  display: -ms-flexbox;
  display: flex;
}

#mc_signup_form .mc_form_inside label {
  display: none;
}

#mc_signup_form .mc_form_inside .mc_merge_var {
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

#mc_signup_form .mc_form_inside input {
  text-align: left;
  height: 50px;
  padding: 0 0.75em 1px;
  line-height: 50px;
  font-size: 14px;
  border-right: 0;
}

#mc_signup_form .mc_form_inside input#mc_signup_submit.button {
  padding: 0;
  min-width: 50px;
  width: 50px;
  background: #000;
}

#mc_signup_form .mc_signup_submit {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  height: 50px;
}

#mc_signup_form .mc_signup_submit:after {
  font-size: 24px;
  font-size: 1.5rem;
  content: "arrow_forward";
  position: absolute;
  left: calc(50% - 9px);
  top: calc(50% - 9px);
  color: #fff;
  pointer-events: none;
  font-family: Material Icons;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 18px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

#mc_signup_form .mc_signup_submit:after.md-12 {
  font-size: 12px;
  line-height: 12px;
}

#mc_signup_form .mc_signup_submit:after.md-14 {
  font-size: 14px;
  line-height: 14px;
}

#mc_signup_form .mc_signup_submit:after.md-18 {
  font-size: 18px;
  line-height: 18px;
}

#mc_signup_form .mc_signup_submit:after.md-24 {
  font-size: 24px;
  line-height: 24px;
}

#mc_signup_form .mc_signup_submit:after.md-36 {
  font-size: 36px;
  line-height: 36px;
}

#mc_signup_form .mc_signup_submit:after.md-48 {
  font-size: 48px;
  line-height: 48px;
}

#mc_signup_form .mc_signup_submit:after:hover {
  color: #fff;
}

#mc_signup_form #mc-indicates-required,
#mc_signup_form #mc_unsub_link {
  display: none;
}

#mc_signup_form #mc_message {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

#mc_signup_form #mc_message .mc_error_msg,
#mc_signup_form #mc_message .mc_success_msg,
#mc_signup_form #mc_message strong.mc_error_msg,
#mc_signup_form #mc_message strong.mc_success_msg {
  display: block;
  background: #f7c24e;
  padding: 17px 20px 20px;
  font-weight: 400;
  font-size: 12px;
  height: 50px !important;
}

#mc_signup_form #mc_message .mc_success_msg,
#mc_signup_form #mc_message strong.mc_success_msg {
  font-size: 14px;
  background: #00ae42;
  color: #fff;
}

.slick-slider {
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list,
.slick-slider {
  position: relative;
  display: block;
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:after,
.slick-track:before {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.page-loader {
  position: fixed;
  min-width: 100px;
  min-height: 100px;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-loader img {
  max-height: 100%;
  width: auto;
}

.page-loader.loaded {
  opacity: 0;
  visibility: hidden;
}

.animsition {
  z-index: 1;
}

/*!
 * animsition v4.0.2
 * A simple and easy jQuery plugin for CSS animated page transitions.
 * http://blivesta.github.io/animsition
 * License : MIT
 * Author : blivesta (http://blivesta.com/)
 */

.animsition,
.animsition-overlay {
  position: relative;
  opacity: 0;
  animation-fill-mode: both;
}

.animsition-overlay-slide {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #ddd;
}

.animsition-loading,
.animsition-loading:after {
  width: 32px;
  height: 32px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  border-radius: 50%;
  z-index: 2;
}

.animsition-loading {
  background-color: transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.2);
  border-right: 5px solid rgba(0, 0, 0, 0.2);
  border-bottom: 5px solid rgba(0, 0, 0, 0.2);
  border-left: 5px solid #eee;
  transform: translateZ(0);
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 0.8s;
  animation-name: animsition-loading;
}

@keyframes animsition-loading {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fade-in {
  animation-name: fade-in;
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.fade-out {
  animation-name: fade-out;
}

@keyframes fade-in-up {
  0% {
    transform: translateY(500px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.fade-in-up {
  animation-name: fade-in-up;
}

@keyframes fade-out-up {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(-500px);
    opacity: 0;
  }
}

.fade-out-up {
  animation-name: fade-out-up;
}

@keyframes fade-in-up-sm {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.fade-in-up-sm {
  animation-name: fade-in-up-sm;
}

@keyframes fade-out-up-sm {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(-100px);
    opacity: 0;
  }
}

.fade-out-up-sm {
  animation-name: fade-out-up-sm;
}

@keyframes fade-in-up-lg {
  0% {
    transform: translateY(1000px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.fade-in-up-lg {
  animation-name: fade-in-up-lg;
}

@keyframes fade-out-up-lg {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(-1000px);
    opacity: 0;
  }
}

.fade-out-up-lg {
  animation-name: fade-out-up-lg;
}

@keyframes fade-in-down {
  0% {
    transform: translateY(-500px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.fade-in-down {
  animation-name: fade-in-down;
}

@keyframes fade-out-down {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(500px);
    opacity: 0;
  }
}

.fade-out-down {
  animation-name: fade-out-down;
}

@keyframes fade-in-down-sm {
  0% {
    transform: translateY(-100px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.fade-in-down-sm {
  animation-name: fade-in-down-sm;
}

@keyframes fade-out-down-sm {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(100px);
    opacity: 0;
  }
}

.fade-out-down-sm {
  animation-name: fade-out-down-sm;
}

.fade-in-down-lg {
  animation-name: fade-in-down;
}

@keyframes fade-out-down-lg {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(1000px);
    opacity: 0;
  }
}

.fade-out-down-lg {
  animation-name: fade-out-down-lg;
}

@keyframes fade-in-left {
  0% {
    transform: translateX(-500px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.fade-in-left {
  animation-name: fade-in-left;
}

@keyframes fade-out-left {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(-500px);
    opacity: 0;
  }
}

.fade-out-left {
  animation-name: fade-out-left;
}

@keyframes fade-in-left-sm {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.fade-in-left-sm {
  animation-name: fade-in-left-sm;
}

@keyframes fade-out-left-sm {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(-100px);
    opacity: 0;
  }
}

.fade-out-left-sm {
  animation-name: fade-out-left-sm;
}

@keyframes fade-in-left-lg {
  0% {
    transform: translateX(-1500px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.fade-in-left-lg {
  animation-name: fade-in-left-lg;
}

@keyframes fade-out-left-lg {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(-1500px);
    opacity: 0;
  }
}

.fade-out-left-lg {
  animation-name: fade-out-left-lg;
}

@keyframes fade-in-right {
  0% {
    transform: translateX(500px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.fade-in-right {
  animation-name: fade-in-right;
}

@keyframes fade-out-right {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(500px);
    opacity: 0;
  }
}

.fade-out-right {
  animation-name: fade-out-right;
}

@keyframes fade-in-right-sm {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.fade-in-right-sm {
  animation-name: fade-in-right-sm;
}

@keyframes fade-out-right-sm {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(100px);
    opacity: 0;
  }
}

.fade-out-right-sm {
  animation-name: fade-out-right-sm;
}

@keyframes fade-in-right-lg {
  0% {
    transform: translateX(1500px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.fade-in-right-lg {
  animation-name: fade-in-right-lg;
}

@keyframes fade-out-right-lg {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(1500px);
    opacity: 0;
  }
}

.fade-out-right-lg {
  animation-name: fade-out-right-lg;
}

@keyframes rotate-in {
  0% {
    transform: rotate(-90deg);
    transform-origin: center center;
    opacity: 0;
  }
  0%,
  to {
    -webkit-transform-origin: center center;
  }
  to {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
}

.rotate-in {
  animation-name: rotate-in;
}

@keyframes rotate-out {
  0% {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
  0%,
  to {
    -webkit-transform-origin: center center;
  }
  to {
    transform: rotate(90deg);
    transform-origin: center center;
    opacity: 0;
  }
}

.rotate-out {
  animation-name: rotate-out;
}

@keyframes rotate-in-sm {
  0% {
    transform: rotate(-45deg);
    transform-origin: center center;
    opacity: 0;
  }
  0%,
  to {
    -webkit-transform-origin: center center;
  }
  to {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
}

.rotate-in-sm {
  animation-name: rotate-in-sm;
}

@keyframes rotate-out-sm {
  0% {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
  0%,
  to {
    -webkit-transform-origin: center center;
  }
  to {
    transform: rotate(45deg);
    transform-origin: center center;
    opacity: 0;
  }
}

.rotate-out-sm {
  animation-name: rotate-out-sm;
}

@keyframes rotate-in-lg {
  0% {
    transform: rotate(-180deg);
    transform-origin: center center;
    opacity: 0;
  }
  0%,
  to {
    -webkit-transform-origin: center center;
  }
  to {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
}

.rotate-in-lg {
  animation-name: rotate-in-lg;
}

@keyframes rotate-out-lg {
  0% {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
  0%,
  to {
    -webkit-transform-origin: center center;
  }
  to {
    transform: rotate(180deg);
    transform-origin: center center;
    opacity: 0;
  }
}

.rotate-out-lg {
  animation-name: rotate-out-lg;
}

@keyframes flip-in-x {
  0% {
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
  to {
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
}

.flip-in-x {
  animation-name: flip-in-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flip-out-x {
  0% {
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
  to {
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
}

.flip-out-x {
  animation-name: flip-out-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flip-in-x-nr {
  0% {
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
  to {
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
}

.flip-in-x-nr {
  animation-name: flip-in-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flip-out-x-nr {
  0% {
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
  to {
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
}

.flip-out-x-nr {
  animation-name: flip-out-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flip-in-x-fr {
  0% {
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  to {
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
}

.flip-in-x-fr {
  animation-name: flip-in-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flip-out-x-fr {
  0% {
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
  to {
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}

.flip-out-x-fr {
  animation-name: flip-out-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flip-in-y {
  0% {
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
  to {
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
}

.flip-in-y {
  animation-name: flip-in-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flip-out-y {
  0% {
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
  to {
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
}

.flip-out-y {
  animation-name: flip-out-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flip-in-y-nr {
  0% {
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
  to {
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
}

.flip-in-y-nr {
  animation-name: flip-in-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flip-out-y-nr {
  0% {
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
  to {
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
}

.flip-out-y-nr {
  animation-name: flip-out-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flip-in-y-fr {
  0% {
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
  to {
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
}

.flip-in-y-fr {
  animation-name: flip-in-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flip-out-y-fr {
  0% {
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
  to {
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
}

.flip-out-y-fr {
  animation-name: flip-out-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes zoom-in {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.zoom-in {
  animation-name: zoom-in;
}

@keyframes zoom-out {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.7);
  }
  50%,
  to {
    opacity: 0;
  }
}

.zoom-out {
  animation-name: zoom-out;
}

@keyframes zoom-in-sm {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.zoom-in-sm {
  animation-name: zoom-in-sm;
}

@keyframes zoom-out-sm {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.95);
  }
  50%,
  to {
    opacity: 0;
  }
}

.zoom-out-sm {
  animation-name: zoom-out-sm;
}

@keyframes zoom-in-lg {
  0% {
    transform: scale(0.4);
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.zoom-in-lg {
  animation-name: zoom-in-lg;
}

@keyframes zoom-out-lg {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.4);
  }
  50%,
  to {
    opacity: 0;
  }
}

.zoom-out-lg {
  animation-name: zoom-out-lg;
}

@keyframes overlay-slide-in-top {
  0% {
    height: 100%;
  }
  to {
    height: 0;
  }
}

.overlay-slide-in-top {
  top: 0;
  height: 0;
  animation-name: overlay-slide-in-top;
}

@keyframes overlay-slide-out-top {
  0% {
    height: 0;
  }
  to {
    height: 100%;
  }
}

.overlay-slide-out-top {
  top: 0;
  height: 100%;
  animation-name: overlay-slide-out-top;
}

@keyframes overlay-slide-in-bottom {
  0% {
    height: 100%;
  }
  to {
    height: 0;
  }
}

.overlay-slide-in-bottom {
  bottom: 0;
  height: 0;
  animation-name: overlay-slide-in-bottom;
}

@keyframes overlay-slide-out-bottom {
  0% {
    height: 0;
  }
  to {
    height: 100%;
  }
}

.overlay-slide-out-bottom {
  bottom: 0;
  height: 100%;
  animation-name: overlay-slide-out-bottom;
}

@keyframes overlay-slide-in-left {
  0% {
    width: 100%;
  }
  to {
    width: 0;
  }
}

.overlay-slide-in-left {
  width: 0;
  animation-name: overlay-slide-in-left;
}

@keyframes overlay-slide-out-left {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}

.overlay-slide-out-left {
  left: 0;
  width: 100%;
  animation-name: overlay-slide-out-left;
}

@keyframes overlay-slide-in-right {
  0% {
    width: 100%;
  }
  to {
    width: 0;
  }
}

.overlay-slide-in-right {
  right: 0;
  width: 0;
  animation-name: overlay-slide-in-right;
}

@keyframes overlay-slide-out-right {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}

.overlay-slide-out-right {
  right: 0;
  width: 100%;
  animation-name: overlay-slide-out-right;
}

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJ3cC1jb250ZW50L3RoZW1lcy9ndy1iYXNlL2Fzc2V0cy9jc3MvbWFpbi5jc3MiLCJzb3VyY2VSb290IjoiIn0=*/