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: inherit;
    vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
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
}
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
*,
:after,
:before {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit
}
@font-face {
    font-family: Karbon-Bold;
    src: url(../fonts/Karbon/KarbonWeb-Bold.eot);
    src: url(../fonts/Karbon/KarbonWeb-Bold.eot?#iefix) format('embedded-opentype');
    src: url(../fonts/Karbon/KarbonWeb-Bold.woff) format('woff')
}
@font-face {
    font-family: Karbon-Light;
    src: url(../fonts/Karbon/KarbonWeb-Light.eot);
    src: url(../fonts/Karbon/KarbonWeb-Light.eot?#iefix) format('embedded-opentype');
    src: url(../fonts/Karbon/KarbonWeb-Light.woff) format('woff')
}
@font-face {
    font-family: Karbon-Medium;
    src: url(../fonts/Karbon/KarbonWeb-Medium.eot);
    src: url(../fonts/Karbon/KarbonWeb-Medium.eot?#iefix) format('embedded-opentype');
    src: url(../fonts/Karbon/KarbonWeb-Medium.woff) format('woff')
}
@font-face {
    font-family: Karbon-Regular;
    src: url(../fonts/Karbon/KarbonWeb-Regular.eot);
    src: url(../fonts/Karbon/KarbonWeb-Regular.eot?#iefix) format('embedded-opentype');
    src: url(../fonts/Karbon/KarbonWeb-Regular.woff) format('woff')
}
@font-face {
    font-family: Karbon-RegularItalic;
    src: url(../fonts/Karbon/KarbonWeb-RegularItalic.eot);
    src: url(../fonts/Karbon/KarbonWeb-RegularItalic.eot?#iefix) format('embedded-opentype');
    src: url(../fonts/Karbon/KarbonWeb-RegularItalic.woff) format('woff')
}
@font-face {
    font-family: Karbon-Semibold;
    src: url(../fonts/Karbon/KarbonWeb-Semibold.eot);
    src: url(../fonts/Karbon/KarbonWeb-Semibold.eot?#iefix) format('embedded-opentype');
    src: url(../fonts/Karbon/KarbonWeb-Semibold.woff) format('woff')
}
@font-face {
    font-family: Tiempos-Medium;
    src: url(../fonts/Tiempos/TiemposHeadlineWeb-Medium.eot);
    src: url(../fonts/Tiempos/TiemposHeadlineWeb-Medium.eot?#iefix) format('embedded-opentype');
    src: url(../fonts/Tiempos/TiemposHeadlineWeb-Medium.woff) format('woff')
}
@font-face {
    font-family: Tiempos-MediumItalic;
    src: url(../fonts/Tiempos/TiemposHeadlineWeb-MediumItalic.eot);
    src: url(../fonts/Tiempos/TiemposHeadlineWeb-MediumItalic.eot?#iefix) format('embedded-opentype');
    src: url(../fonts/Tiempos/TiemposHeadlineWeb-MediumItalic.woff) format('woff')
}
@font-face {
    font-family: Tiempos-Regular;
    src: url(../fonts/Tiempos/TiemposHeadlineWeb-Regular.eot);
    src: url(../fonts/Tiempos/TiemposHeadlineWeb-Regular.eot?#iefix) format('embedded-opentype');
    src: url(../fonts/Tiempos/TiemposHeadlineWeb-Regular.woff) format('woff')
}
@font-face {
    font-family: Tiempos-RegularItalic;
    src: url(../fonts/Tiempos/TiemposHeadlineWeb-RegularItalic.eot);
    src: url(../fonts/Tiempos/TiemposHeadlineWeb-RegularItalic.eot?#iefix) format('embedded-opentype');
    src: url(../fonts/Tiempos/TiemposHeadlineWeb-RegularItalic.woff) format('woff')
}
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}
.embed-container embed,
.embed-container iframe,
.embed-container object,
.embed-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
@font-face {
    font-family: icons;
    src: url(../fonts/icons.eot);
    src: url(../fonts/icons.eot?#iefix) format('eot'), url(../fonts/icons.woff) format('woff'), url(../fonts/icons.ttf) format('truetype'), url(../fonts/icons.svg#icons) format('svg');
    font-weight: 400;
    font-style: normal
}
.ir,
.screen-reader {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.screen-reader,
[data-sr] {
    visibility: hidden
}
.swatch {
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 16.6666666666667%;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    position: relative
}
.swatch:after,
.swatch:before {
    content: '';
    display: table
}
.swatch:after {
    clear: both
}
.swatch:last-child {
    margin-right: 0
}
.swatch:before {
    content: "";
    display: block;
    height: 0;
    padding-top: 100%
}
.swatch .swatch-title {
    display: inline-block;
    padding: 5px
}
.valencia {
    background: #e73a27
}
.valencia .swatch-title {
    color: #18c5d8
}
.tall-poppy {
    background: #ad2b2e
}
.tall-poppy .swatch-title {
    color: #52d4d1
}
.heavy-metal {
    background: #272926
}
.heavy-metal .swatch-title {
    color: #d8d6d9
}
.white {
    background: #fffefa
}
.gray {
    background: #545452
}
.gray .swatch-title {
    color: #ababad
}
.parchment {
    background: #f1ead8
}
.parchment .swatch-title {
    color: #0e1527
}
.spanish-white {
    background: #f9f5ea
}
.spanish-white .swatch-title {
    color: #060a15
}
.type-valencia {
    color: #e73a27
}
.type-tall-poppy {
    color: #ad2b2e
}
.type-heavy-metal {
    color: #272926
}
.type-gray {
    color: #545452
}
.type-parchment {
    color: #f1ead8
}
.type-spanish-white {
    color: #f9f5ea
}
[class^=circle-] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #545452;
    margin: 0 auto 20px
}
.circle--valencia {
    width: 150px;
    height: 150px;
    background: rgba(231, 58, 39, .5)
}
.circle--parchment {
    background: #f1ead8
}
.gradient {
    background-image: -webkit-linear-gradient(#dedad2 0, #fffefa 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dedad2), to(#fffefa));
    background-image: -webkit-linear-gradient(#dedad2 0, #fffefa 100%);
    background-image: linear-gradient(#dedad2 0, #fffefa 100%)
}
.left-right-dark-gradient {
    background-image: -webkit-linear-gradient(270deg, #545452, #4c4c4a);
    background-image: -webkit-linear-gradient(0deg, #545452, #4c4c4a);
    background-image: linear-gradient(90deg, #545452, #4c4c4a)
}
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}
.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    background: rgba(0, 0, 0, .2);
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, .2) 0 rgba(0, 0, 0, .3) 40% rgba(0, 0, 0, .4) 50% rgba(0, 0, 0, .5) 60% rgba(255, 255, 255, 0) 70%);
    background-image: radial-gradient(rgba(0, 0, 0, .2) 0 rgba(0, 0, 0, .3) 40% rgba(0, 0, 0, .4) 50% rgba(0, 0, 0, .5) 60% rgba(255, 255, 255, 0) 70%);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0) translate(0, 0);
    -ms-transform: scale(0) translate(0, 0);
    transform: scale(0) translate(0, 0);
    pointer-events: none
}
.waves-effect.waves-light .waves-ripple {
    background: rgba(255, 255, 255, .4);
    background-image: -webkit-radial-gradient(rgba(255, 255, 255, .2) 0 rgba(255, 255, 255, .3) 40% rgba(255, 255, 255, .4) 50% rgba(255, 255, 255, .5) 60% rgba(255, 255, 255, 0) 70%);
    background-image: radial-gradient(rgba(255, 255, 255, .2) 0 rgba(255, 255, 255, .3) 40% rgba(255, 255, 255, .4) 50% rgba(255, 255, 255, .5) 60% rgba(255, 255, 255, 0) 70%)
}
.waves-effect.waves-classic .waves-ripple {
    background: rgba(0, 0, 0, .2)
}
.waves-effect.waves-classic.waves-light .waves-ripple {
    background: rgba(255, 255, 255, .4)
}
.waves-notransition {
    -webkit-transition: none!important;
    transition: none!important
}
.waves-button,
.waves-circle {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}
.waves-button,
.waves-button-input,
.waves-button:hover,
.waves-button:visited {
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    outline: 0;
    color: inherit;
    background-color: transparent;
    font-size: 1em;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    z-index: 1
}
.waves-button {
    padding: .85em 1.1em;
    border-radius: .2em
}
.waves-button-input {
    margin: 0;
    padding: .85em 1.1em
}
.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom
}
.waves-input-wrapper.waves-button {
    padding: 0
}
.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}
.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%
}
.waves-float {
    -webkit-mask-image: none;
    -webkit-box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12);
    -webkit-transition: all 300ms;
    transition: all 300ms
}
.waves-float:active {
    -webkit-box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3)
}
.waves-block {
    display: block
}
a.waves-effect .waves-ripple {
    z-index: -1
}
.ps-container {
    -ms-touch-action: none;
    overflow: hidden!important
}
.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail {
    display: block
}
.ps-container.ps-in-scrolling {
    pointer-events: none
}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: #eee;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    opacity: 1
}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #999
}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: #eee;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    opacity: 1
}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999
}
.ps-container>.ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    border-radius: 4px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    height: 8px
}
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    position: absolute;
    background-color: #aaa;
    -webkit-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
    bottom: 0;
    height: 8px
}
.ps-container>.ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    z-index: 15;
    background: #f1ead8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    width: 8px
}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    position: absolute;
    z-index: 10;
    background-color: #828484;
    -webkit-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
    right: 0;
    width: 8px
}
.ps-container:hover.ps-in-scrolling {
    pointer-events: none
}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: #eee;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    opacity: 1
}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #999
}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: #828484;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    opacity: 1
}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999
}
.ps-container:hover>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-y-rail {
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    opacity: 1
}
.ps-container:hover>.ps-scrollbar-x-rail:hover {
    background-color: #eee;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    opacity: 1
}
.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    background-color: #999
}
.ps-container:hover>.ps-scrollbar-y-rail:hover {
    background-color: #eee;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    opacity: 1
}
.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    background-color: #999
}
.four-oh-four {
    position: relative;
    padding: 80px 0;
    text-align: center
}
.four-oh-four p {
    line-height: 1.5
}
.angle-separator {
    position: relative;
    height: 0;
    padding-bottom: 13.5%
}
.angle-separator svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
a {
    text-decoration: none;
    color: #e73a27
}
@media all and (min-width: 756px) {
    a:hover {
        color: #ad2b2e
    }
}
a:active {
    outline: 0
}
ol,
p,
ul {
    margin: global-margin 0
}
ul {
    list-style: none
}
ul li {
    display: block;
    margin-bottom: 9px
}
a:hover {
    outline: 0
}
img {
    max-width: 100%;
    height: auto
}
b,
strong {
    font-weight: 700
}
em,
i {
    font-style: italic
}
hr {
    border: none;
    border-bottom: 1px solid #f1ead8
}
blockquote {
    padding: 50px;
    font-size: 36px;
    line-height: 1.5
}
input,
textarea {
    max-width: 100%
}
body.basic .flex-row.max-width {
    padding-bottom: 80px;
    width: auto;
    max-width: 800px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0
}
body.basic .flex-row.max-width:after,
body.basic .flex-row.max-width:before {
    content: '';
    display: table
}
body.basic .flex-row.max-width:after {
    clear: both
}
@media all and (min-width: 756px) {
    body.basic .flex-row.max-width {
        padding-top: 38px
    }
}
body.basic .flex-row.max-width [class*=button] {
    max-width: none
}
body.basic .flex-row.max-width h1 {
    margin-bottom: 38px
}
body.basic .flex-row.max-width h2,
body.basic .flex-row.max-width h3,
body.basic .flex-row.max-width h4,
body.basic .flex-row.max-width h5 {
    margin-bottom: 18px
}
body.basic .column {
    padding: 0 18px
}
.bio {
    position: relative;
    float: left;
    width: 50%;
    margin-bottom: 18px
}
@media all and (min-width: 756px) {
    .bio {
        float: none;
        width: 750px;
        margin: 38px auto
    }
    .bio:after,
    .bio:before {
        content: '';
        display: table
    }
    .bio:after {
        clear: both
    }
}
.bio-portrait img {
    width: 100%;
    height: auto
}
@media all and (min-width: 756px) {
    .bio-portrait img {
        width: 250px;
        float: left
    }
}
@media all and (min-width: 756px) {
    .bio-text {
        float: left;
        width: 500px
    }
}
.bio-title {
    margin-bottom: 18px
}
.bio-copy {
    height: 0;
    overflow: hidden
}
@media all and (min-width: 756px) {
    .bio-copy {
        height: auto;
        font-size: 15px
    }
}
.blog-cards {
    width: 100%;
    margin: 18px auto;
    max-width: 350px
}
@media all and (min-width: 756px) {
    .blog-cards {
        max-width: 840px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}
.blog-card {
    position: relative;
    background: #f0ede4;
    margin: 18px auto;
    -webkit-transition: -webkit-box-shadow 300ms cubic-bezier(.19, 1, .22, 1);
    transition: box-shadow 300ms cubic-bezier(.19, 1, .22, 1);
    border: 5px solid #fffefa;
    width: 100%;
    -webkit-flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
@media all and (min-width: 756px) {
    .blog-card {
        overflow: hidden;
        position: relative
    }
    .blog-card:before {
        content: "";
        display: block;
        height: 0;
        padding-top: 100%
    }
}
@media all and (min-width: 350px) {
    .blog-card {
        max-width: 350px
    }
}
@media screen and (orientation: landscape) {
    .blog-card {
        margin: 10px
    }
}
@media all and (min-width: 756px) {
    .blog-card {
        -webkit-box-shadow: 0 0 7px -1px rgba(39, 41, 38, .5);
        box-shadow: 0 0 7px -1px rgba(39, 41, 38, .5);
        -webkit-flex: 1;
        -ms-flex: 1;
        -webkit-box-flex: 1;
        flex: 1;
        margin: 20px;
        max-width: none;
        border: none
    }
}
.blog-card .inline-image {
    position: relative;
    padding: 10px 0;
    margin-bottom: 10px;
    height: 150px
}
@media all and (min-width: 756px) {
    .blog-card .inline-image {
        height: 170px
    }
}
.blog-card .inline-image img {
    height: 100%;
    width: auto
}
.blog-card [class*=button] {
    margin: auto
}
@media all and (min-width: 756px) {
    h4.blog-card__title {
        font-size: 20px;
        height: 85px
    }
}
html[data-useragent*=Firefox] .blog-card {
    width: 250px;
    height: auto;
    margin: 5px;
    -webkit-box-shadow: none;
    box-shadow: none
}
@media all and (min-width: 756px) {
    html[data-useragent*=Firefox] .blog-card {
        width: 330px;
        height: 370px;
        margin: 0 10px;
        -webkit-box-shadow: 0 0 7px -1px rgba(39, 41, 38, .5);
        box-shadow: 0 0 7px -1px rgba(39, 41, 38, .5)
    }
}
html[data-useragent*=Firefox] .blog-card .inline-image {
    height: 170px;
    width: auto
}
html[data-useragent*=Firefox] .blog-card .inline-image img {
    height: 100%;
    width: auto
}
.no-touchevents .blog-card:hover {
    -webkit-box-shadow: 0 0 10px -1px rgba(39, 41, 38, .65);
    box-shadow: 0 0 10px -1px rgba(39, 41, 38, .65);
    background: #f2efe7
}
a.blog-card__container {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 27px 18px 18px;
    color: #545452
}
@media all and (min-width: 756px) {
    a.blog-card__container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%
    }
}
.button-reset,
.cancel-search,
.close-video,
.slick-arrow,
.slick-dots button {
    background: 0 0;
    outline: 0;
    border: none
}
.button-reset:active,
.button-reset:focus,
.cancel-search:active,
.cancel-search:focus,
.close-video:active,
.close-video:focus,
.slick-arrow:active,
.slick-arrow:focus,
.slick-dots button:active,
.slick-dots button:focus {
    outline: 0
}
.antialiased,
.copy,
.navigation__item a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
@font-face {
    font-family: icons;
    src: url(../fonts/icons.eot);
    src: url(../fonts/icons.eot?#iefix) format('eot'), url(../fonts/icons.woff) format('woff'), url(../fonts/icons.ttf) format('truetype'), url(../fonts/icons.svg#icons) format('svg');
    font-weight: 400;
    font-style: normal
}
.icon:before {
    display: inline-block;
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon {
    font-family: icons
}
.icon-bugcrowd:before {
    content: "\E001"
}
.icon-caret-down:before {
    content: "\E002"
}
.icon-caret-left:before {
    content: "\E003"
}
.icon-caret:before {
    content: "\E004"
}
.icon-close:before {
    content: "\E005"
}
.icon-devices:before {
    content: "\E006"
}
.icon-facebook:before {
    content: "\E007"
}
.icon-github:before {
    content: "\E008"
}
.icon-google-plus:before {
    content: "\E009"
}
.icon-hackerone:before {
    content: "\E00A"
}
.icon-info:before {
    content: "\E00B"
}
.icon-linkedin:before {
    content: "\E00C"
}
.icon-pricing:before {
    content: "\E00D"
}
.icon-search:before {
    content: "\E00E"
}
.icon-services:before {
    content: "\E00F"
}
.icon-silent-circle:before {
    content: "\E010"
}
.icon-software:before {
    content: "\E011"
}
.icon-technology:before {
    content: "\E012"
}
.icon-twitter:before {
    content: "\E013"
}
.icon-youtube:before {
    content: "\E014"
}
.button,
.button--alt,
.button--block,
.button--cta,
.button--default,
.button--play,
.form input[type=submit],
button.button {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Karbon-Semibold, sans-serif;
    font-weight: 500;
    height: 46px;
    overflow: visible;
    font-size: 14px;
    letter-spacing: 2px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    background: 0 0;
    cursor: pointer;
    border: 5px solid #e73a27;
    padding: 0 19px;
    color: #e73a27;
    -webkit-transition: 300ms cubic-bezier(.075, .82, .165, 1);
    transition: 300ms cubic-bezier(.075, .82, .165, 1);
    display: inline-block;
    text-align: center
}
.button--alt.tablet-only,
.button--block.tablet-only,
.button--cta.tablet-only,
.button--default.tablet-only,
.button--play.tablet-only,
.button.tablet-only,
.form input[type=submit].tablet-only,
button.button.tablet-only {
    display: none
}
@media all and (min-width: 756px) {
    .button--alt.tablet-only,
    .button--block.tablet-only,
    .button--cta.tablet-only,
    .button--default.tablet-only,
    .button--play.tablet-only,
    .button.tablet-only,
    .form input[type=submit].tablet-only,
    button.button.tablet-only {
        display: inline-block
    }
    .button--alt.mobile-only,
    .button--block.mobile-only,
    .button--cta.mobile-only,
    .button--default.mobile-only,
    .button--play.mobile-only,
    .button.mobile-only,
    .form input[type=submit].mobile-only,
    button.button.mobile-only {
        display: none
    }
    .button--alt:active,
    .button--alt:focus,
    .button--alt:hover,
    .button--block:active,
    .button--block:focus,
    .button--block:hover,
    .button--cta:active,
    .button--cta:focus,
    .button--cta:hover,
    .button--default:active,
    .button--default:focus,
    .button--default:hover,
    .button--play:active,
    .button--play:focus,
    .button--play:hover,
    .button:active,
    .button:focus,
    .button:hover,
    .form input[type=submit]:active,
    .form input[type=submit]:focus,
    .form input[type=submit]:hover,
    button.button:active,
    button.button:focus,
    button.button:hover {
        background: #db2c18;
        border-color: #db2c18;
        color: #f9f5ea
    }
    .button--alt:active a,
    .button--alt:focus a,
    .button--alt:hover a,
    .button--block:active a,
    .button--block:focus a,
    .button--block:hover a,
    .button--cta:active a,
    .button--cta:focus a,
    .button--cta:hover a,
    .button--default:active a,
    .button--default:focus a,
    .button--default:hover a,
    .button--play:active a,
    .button--play:focus a,
    .button--play:hover a,
    .button:active a,
    .button:focus a,
    .button:hover a,
    .form input[type=submit]:active a,
    .form input[type=submit]:focus a,
    .form input[type=submit]:hover a,
    button.button:active a,
    button.button:focus a,
    button.button:hover a {
        color: #f9f5ea
    }
}
.button--alt:focus,
.button--block:focus,
.button--cta:focus,
.button--default:focus,
.button--play:focus,
.button:focus,
.form input[type=submit]:focus,
button.button:focus {
    outline: 0
}
.button--alt.mobile-block,
.button--block.mobile-block,
.button--cta.mobile-block,
.button--default.mobile-block,
.button--play.mobile-block,
.button.mobile-block,
.form input[type=submit].mobile-block,
button.button.mobile-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px
}
@media all and (min-width: 756px) {
    .button--alt.mobile-block,
    .button--block.mobile-block,
    .button--cta.mobile-block,
    .button--default.mobile-block,
    .button--play.mobile-block,
    .button.mobile-block,
    .form input[type=submit].mobile-block,
    button.button.mobile-block {
        display: inline-block
    }
}
.button--alt>a,
.button--alt>span,
.button--block>a,
.button--block>span,
.button--cta>a,
.button--cta>span,
.button--default>a,
.button--default>span,
.button--play>a,
.button--play>span,
.button>a,
.button>span,
.form input[type=submit]>a,
.form input[type=submit]>span,
button.button>a,
button.button>span {
    position: relative;
    top: -4px;
    display: inline-block;
    line-height: 46px
}
.button--alt>a:after,
.button--alt>span:after,
.button--block>a:after,
.button--block>span:after,
.button--cta>a:after,
.button--cta>span:after,
.button--default>a:after,
.button--default>span:after,
.button--play>a:after,
.button--play>span:after,
.button>a:after,
.button>span:after,
.form input[type=submit]>a:after,
.form input[type=submit]>span:after,
button.button>a:after,
button.button>span:after {
    font-size: 8px;
    font-family: icons;
    content: "\E004";
    position: relative;
    padding-left: 7px;
    top: 0
}
@-moz-document url-prefix() {
    .button span, .button--alt span, .button--block span, .button--cta span, .button--default span, .button--play span, .form input[type=submit] span, button.button span {
        top: -6px
    }
}
:root .button span:after,
:root .button--alt span:after,
:root .button--block span:after,
:root .button--cta span:after,
:root .button--default span:after,
:root .button--play span:after,
:root button.button span:after,
_::-webkit-full-page-media .button span:after,
_::-webkit-full-page-media .button--alt span:after,
_::-webkit-full-page-media .button--block span:after,
_::-webkit-full-page-media .button--cta span:after,
_::-webkit-full-page-media .button--default span:after,
_::-webkit-full-page-media .button--play span:after,
_::-webkit-full-page-media button.button span:after,
_:future .button span:after,
_:future .button--alt span:after,
_:future .button--block span:after,
_:future .button--cta span:after,
_:future .button--default span:after,
_:future .button--play span:after,
_:future button.button span:after {
    top: -1px
}
.button--block {
    display: block
}
.button--alt {
    background: #e73a27;
    color: #f9f5ea;
    -webkit-box-shadow: 0 3px 8px -1px rgba(39, 41, 38, .5);
    box-shadow: 0 3px 8px -1px rgba(39, 41, 38, .5)
}
.button--alt:active,
.button--alt:focus,
.button--alt:hover {
    background: #db2c18;
    -webkit-box-shadow: 0 1px 8px -1px rgba(39, 41, 38, .75);
    box-shadow: 0 1px 8px -1px rgba(39, 41, 38, .75)
}
.button--alt a {
    color: #f9f5ea
}
.button--cta {
    color: #e73a27;
    border: none;
    padding-left: 0;
    padding-right: 0;
    height: 16px;
    line-height: 1.2;
    max-width: none
}
.button--cta:active,
.button--cta:focus,
.button--cta:hover {
    background: 0 0;
    color: #ad2b2e;
    border-color: transparent
}
.button--cta:active a,
.button--cta:active span,
.button--cta:focus a,
.button--cta:focus span,
.button--cta:hover a,
.button--cta:hover span {
    color: #ad2b2e
}
.button--cta span,
.button--cta span span {
    line-height: 1
}
.button--basic>span:after {
    content: " >"
}
.button--play {
    -webkit-transition: none;
    transition: none;
    border-color: transparent;
    background: 0 0;
    color: #fff
}
.button--play>span:before {
    content: " ";
    width: 40px;
    height: 40px;
    vertical-align: middle;
    color: #fff;
    display: inline-block;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='fill: #fff;' ><path d='M10 16.5l6-4.5-6-4.5v9zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'></path></svg>") no-repeat;
    margin-right: 8px;
    line-height: 100px;
    margin-top: -4px;
    margin-left: -13px
}
.button--play>span:after {
    display: none
}
.button--play:hover {
    color: #e73a27!important;
    border-color: transparent;
    background: 0 0
}
.button--play:hover>span:before {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='fill: #E73A27;' ><path d='M10 16.5l6-4.5-6-4.5v9zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'></path></svg>") no-repeat
}
.button-row {
    padding: 18px
}
@media all and (min-width: 756px) {
    .button-row {
        width: auto;
        max-width: 1020px;
        float: none;
        display: block;
        margin-right: auto;
        margin-left: auto;
        padding: 38px
    }
    .button-row:after,
    .button-row:before {
        content: '';
        display: table
    }
    .button-row:after {
        clear: both
    }
}
.button-row [class*=button] {
    margin: 0 auto 20px
}
.button-row [class*=button]:last-of-type {
    margin-right: 0
}
@media all and (min-width: 756px) {
    .button-row [class*=button] {
        margin-bottom: 0
    }
}
.button-row.center {
    text-align: center
}
.button-row.left {
    text-align: left
}
.button-row.right {
    text-align: right
}
.button-row.centered-narrow {
    width: auto;
    max-width: 920px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 18px
}
.button-row.centered-narrow:after,
.button-row.centered-narrow:before {
    content: '';
    display: table
}
.button-row.centered-narrow:after {
    clear: both
}
@media all and (min-width: 756px) {
    .button-row.centered-narrow {
        padding: 38px
    }
}
.button-row.spacious-stacked-end {
    padding-top: 18px;
    padding-bottom: 38px
}
@media all and (min-width: 756px) {
    .button-row.spacious-stacked-end {
        padding-top: 38px;
        padding-bottom: 80px
    }
}
.button-row.spacious {
    padding: 38px 0
}
@media all and (min-width: 756px) {
    .button-row.spacious {
        padding: 80px 0
    }
}
.button-row.left .button--cta:first-child {
    padding-left: 0;
    border-left: none
}
.stacked.button-row {
    padding-top: 0
}
@media all and (min-width: 756px) {
    .stacked.button-row {
        padding-bottom: 80px
    }
}
.button-row.container {
    padding: 10px 40px 5px
}
@media all and (min-width: 756px) {
    .button-row.container {
        padding: 80px 20px 50px
    }
}
.centerNarrow [class*=buttonAlign] {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto
}
.buttonAlign--center {
    text-align: center
}
.twoColumnRow [class*=button] {
    margin: auto
}
.column {
    position: relative;
    padding: 18px 0
}
@media all and (min-width: 756px) {
    .column {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 1;
        -ms-flex: 1;
        -webkit-box-flex: 1;
        flex: 1;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}
.column.hide-mobile {
    display: none
}
@media all and (min-width: 756px) {
    .column.hide-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}
.column.column-padding--meet-bottom-edge {
    padding-top: 0;
    padding-bottom: 0
}
.column.column-padding--meet-bottom-edge .inline-image {
    margin-bottom: 0
}
.column.column-layout--image-at-bottom .copy.center,
.column.column-layout--image-at-bottom [class*=buttonAlign] {
    text-align: left
}
@media all and (min-width: 756px) {
    .column.column-layout--image-at-bottom .copy.center,
    .column.column-layout--image-at-bottom [class*=buttonAlign] {
        text-align: center
    }
}
.column [class*=buttonAlign] {
    padding: 0 18px;
    position: relative;
    z-index: 5
}
@media all and (min-width: 756px) {
    .column [class*=buttonAlign] {
        padding: 0 27px
    }
}
.column .buttonAlign--left .button--cta {
    padding-left: 0
}
.column .inline-image {
    margin-bottom: 10px
}
.column.column-layout--image-at-bottom .inline-image {
    margin-bottom: 0
}
@media all and (min-width: 756px) {
    .column.tablet-Half.column-padding--meet-bottom-edge p {
        max-width: 250px
    }
}
.column .copy h5 {
    margin-bottom: 9px
}
.column.column-style--full-background {
    padding: 38px
}
@media all and (min-width: 756px) {
    .column.column-style--full-background {
        padding: 80px
    }
}
.column.column-style--full-background .copy,
.column.column-style--full-background [class*=buttonAlign] span {
    color: #fffefa
}
.imageAlign--left .inline-image {
    text-align: left
}
.imageAlign--center .inline-image {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}
.imageAlign--center .inline-image img {
    vertical-align: top
}
.imageAlign--right .inline-image {
    text-align: right
}
.abbreviated-mobile-columns {
    margin-bottom: 0;
    padding-bottom: 18px
}
@media all and (min-width: 756px) {
    .abbreviated-mobile-columns {
        padding-bottom: 0
    }
}
.symmetric.abbreviated-mobile-columns .column {
    position: relative;
    overflow: hidden;
    height: 90px;
    border-bottom: 1px solid rgba(130, 132, 132, .5);
    width: 85%;
    max-width: 400px;
    margin: auto
}
.symmetric.abbreviated-mobile-columns .column.tablet-Third {
    margin: 0 auto;
    height: 100px
}
@media all and (min-width: 756px) {
    .symmetric.abbreviated-mobile-columns .column.tablet-Third {
        height: auto
    }
}
@media all and (min-width: 756px) {
    .symmetric.abbreviated-mobile-columns .column {
        height: auto;
        border-bottom: none;
        margin: 0
    }
}
.symmetric.abbreviated-mobile-columns .column .column-title,
.symmetric.abbreviated-mobile-columns .column .inline-image {
    width: 50%;
    float: left
}
@media all and (min-width: 756px) {
    .symmetric.abbreviated-mobile-columns .column .column-title,
    .symmetric.abbreviated-mobile-columns .column .inline-image {
        width: auto;
        float: none
    }
}
.symmetric.abbreviated-mobile-columns .column .inline-image img {
    width: 140px;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    padding: 9px 18px
}
@media all and (min-width: 756px) {
    .symmetric.abbreviated-mobile-columns .column .inline-image img {
        width: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.symmetric.abbreviated-mobile-columns .column .column-title {
    position: relative;
    float: right;
    text-align: right;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 15%
}
.symmetric.abbreviated-mobile-columns .column .column-title:after {
    font-family: icons;
    content: "\E004";
    font-size: 10px;
    position: absolute;
    right: 15%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
@media all and (min-width: 756px) {
    .symmetric.abbreviated-mobile-columns .column .column-title {
        float: none;
        text-align: center;
        padding-right: 0;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .symmetric.abbreviated-mobile-columns .column .column-title:after {
        content: ""
    }
}
.symmetric.abbreviated-mobile-columns .column .copy p {
    display: none
}
@media all and (min-width: 756px) {
    .symmetric.abbreviated-mobile-columns .column .copy p {
        display: block
    }
}
.symmetric.abbreviated-mobile-columns .column .button--basic,
.symmetric.abbreviated-mobile-columns .column [class*=buttonAlign] {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    color: transparent
}
@media all and (min-width: 756px) {
    .symmetric.abbreviated-mobile-columns .column .button--basic,
    .symmetric.abbreviated-mobile-columns .column [class*=buttonAlign] {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        width: auto;
        height: inherit;
        color: #e73a27
    }
}
.left-right-dark-gradient .copy {
    color: #fffefa
}
.Asymmetric .tablet-Two-Thirds .copy p {
    max-width: 500px
}
.column.copy.center p {
    max-width: 550px;
    margin: auto
}
.column.copy img {
    vertical-align: top
}
.comparison-table {
    width: auto;
    max-width: 1000px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 38px 18px
}
.comparison-table:after,
.comparison-table:before {
    content: '';
    display: table
}
.comparison-table:after {
    clear: both
}
@media all and (min-width: 756px) {
    .comparison-table {
        padding: 80px 18px
    }
}
.comparison-table .headline {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 38px
}
.comparison-table__header:after,
.comparison-table__header:before {
    content: '';
    display: table
}
.comparison-table__header:after {
    clear: both
}
@media all and (min-width: 756px) {
    .comparison-table__header {
        width: 66.66%;
        margin-left: 33.33%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}
.comparison-table__header-column {
    width: 50%;
    float: left
}
@media all and (min-width: 756px) {
    .comparison-table__header-column {
        width: auto;
        -webkit-flex: 1;
        -ms-flex: 1;
        -webkit-box-flex: 1;
        flex: 1
    }
}
.comparison-table h3 {
    margin-top: 0
}
@media all and (min-width: 756px) {
    .comparison-table__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding: 9px 0
    }
    .comparison-table__row-title {
        -webkit-flex-basis: 33.33%;
        -ms-flex-basis: 33.33%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%
    }
    .comparison-table__row-columns {
        -webkit-flex-basis: 66.66%;
        -ms-flex-basis: 66.66%;
        -ms-flex-preferred-size: 66.66%;
        flex-basis: 66.66%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid rgba(130, 132, 132, .5)
    }
}
@media all and (min-width: 756px) and (min-width: 756px) {
    .comparison-table__row {
        padding: 0
    }
}
.comparison-table__col {
    position: relative;
    width: 50%;
    float: left;
    padding-right: 18px
}
@media all and (min-width: 756px) {
    .comparison-table__col {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 18px 18px 18px 0
    }
}
.comparison-table__col>div {
    max-width: 100%
}
.comparison-table__row-columns {
    padding: 9px 0 18px
}
.comparison-table__row-columns:after,
.comparison-table__row-columns:before {
    content: '';
    display: table
}
.comparison-table__row-columns:after {
    clear: both
}
@media all and (min-width: 756px) {
    .comparison-table__row-columns {
        padding: 0
    }
}
.comparison-table__row-title {
    padding: 18px 0 9px;
    border-top: 1px solid rgba(130, 132, 132, .5)
}
@media all and (min-width: 756px) {
    .comparison-table__row-title {
        border-bottom: 1px solid rgba(130, 132, 132, .5);
        border-top: none;
        padding: 18px 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}
.menu-open .cookie-opt-out.active {
    display: none
}
.cookie-opt-out {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
    z-index: 99;
    background: #323232;
    color: #fffefa;
    height: 50px;
    font-size: 15px;
    line-height: 1.3
}
@media all and (min-width: 1200px) {
    .cookie-opt-out {
        position: relative;
        height: 75px
    }
}
.cookie-opt-out.active {
    display: block
}
.cookie-opt-out .row {
    position: relative;
    width: auto;
    max-width: 1410px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0
}
.cookie-opt-out .row:after,
.cookie-opt-out .row:before {
    content: '';
    display: table
}
.cookie-opt-out .row:after {
    clear: both
}
.cookie-opt-out .icon-info {
    font-size: 25px;
    display: inline-block;
    vertical-align: top;
    height: auto;
    margin-left: 10px;
    line-height: 50px
}
@media all and (min-width: 1200px) {
    .cookie-opt-out .icon-info {
        line-height: 75px;
        font-size: 30px;
        margin-left: 20px
    }
}
.cookie-opt-out [class*=message] {
    max-width: 240px;
    padding: 5px
}
@media all and (min-width: 1200px) {
    .cookie-opt-out [class*=message] {
        padding: 20px;
        max-width: none
    }
}
.cookie-opt-out a {
    text-transform: uppercase;
    display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    font-family: Karbon-Bold, sans-serif;
    color: #fffefa;
    font-weight: 700;
    height: 46px;
    overflow: visible;
    font-size: 12px;
    letter-spacing: 1px
}
.cookie-opt-out a:hover {
    color: #e73a27
}
@media all and (min-width: 1200px) {
    .cookie-opt-out a {
        letter-spacing: 2px;
        font-size: 14px;
        padding: 0 5px
    }
}
.cookie-opt-out .message--mobile {
    display: inline-block
}
@media all and (min-width: 1200px) {
    .cookie-opt-out .message--mobile {
        display: none
    }
}
.cookie-opt-out .message--desktop {
    display: none
}
@media all and (min-width: 1200px) {
    .cookie-opt-out .message--desktop {
        display: inline-block
    }
}
.cookie-opt-out button {
    display: inline-block;
    position: absolute;
    z-index: 100;
    right: 5px;
    top: 0;
    background: 0 0;
    border: none;
    color: #fff;
    height: auto;
    line-height: 50px;
    font-size: 20px;
    cursor: pointer
}
.cookie-opt-out button:hover {
    color: #e73a27
}
@media all and (min-width: 1200px) {
    .cookie-opt-out button {
        right: 20px;
        line-height: 75px
    }
}
.copy {
    position: relative;
    z-index: 4;
    padding: 0 18px
}
@media all and (min-width: 756px) {
    .copy {
        padding: 0 27px
    }
}
.copy.center {
    text-align: center;
    margin: auto
}
.copy.right {
    text-align: right
}
.copy .headline {
    max-width: 801px
}
.copy.center .headline {
    margin-left: auto;
    margin-right: auto
}
.copy hr {
    display: block;
    border: none;
    background: #545452;
    height: 3px;
    width: 100%;
    margin: 10px 0
}
.stacked .copy {
    padding-bottom: 0
}
.centerNarrow .copy {
    max-width: 700px;
    margin: auto
}
.basic .column ul,
.copy ol,
.copy ul {
    font-family: Karbon-Medium, sans-serif;
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 18px
}
.basic .column ul li,
.copy ol li,
.copy ul li {
    display: list-item
}
.copy .hide-mobile {
    display: none
}
@media all and (min-width: 756px) {
    .copy .hide-mobile {
        display: block
    }
}
.copy-color--light .copy {
    color: #fffefa
}
.copy-color--dark .copy {
    color: #545452
}
.featured-video {
    padding: 40px 20px;
    background-color: #fffefa;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    color: #323232;
    -webkit-font-smoothing: antialiased
}
@media all and (min-width: 756px) {
    .featured-video {
        padding: 120px 20px
    }
}
.featured-video .headline {
    color: #e73a27;
    font-size: 40px
}
@media all and (min-width: 756px) {
    .featured-video .headline {
        font-size: 60px;
        margin-bottom: 30px
    }
}
.featured-video__content {
    max-width: 900px;
    margin: 0 auto
}
.featured-video__copy {
    text-align: center;
    max-width: 650px;
    margin: auto
}
.featured-video__video {
    position: relative;
    padding-bottom: 56%;
    height: 0;
    margin: 30px auto
}
@media all and (min-width: 756px) {
    .featured-video__video {
        margin: 60px auto
    }
}
.featured-video__video .button--alt {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.featured-video__video img {
    display: block;
    width: 100%;
    -webkit-box-shadow: rgba(0, 0, 0, .3) 0 0 12px;
    box-shadow: rgba(0, 0, 0, .3) 0 0 12px
}
.featured-video__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    -webkit-box-shadow: rgba(0, 0, 0, .3) 0 0 12px;
    box-shadow: rgba(0, 0, 0, .3) 0 0 12px
}
.featured-video .lead {
    font-family: Karbon-Regular, sans-serif;
    width: 100%;
    margin: auto;
    padding: 0;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 100
}
@media all and (min-width: 756px) {
    .featured-video .lead {
        font-size: 21px
    }
}
@media all and (min-width: 756px) {
    .featured-video__quotes {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}
.featured-video__quotes .image-header {
    display: none;
    margin: 0 auto;
    margin-bottom: 20px;
    -webkit-box-shadow: rgba(0, 0, 0, .3) 0 0 12px;
    box-shadow: rgba(0, 0, 0, .3) 0 0 12px
}
.featured-video__quotes .image-header img {
    width: 100%;
    margin-bottom: 20px;
    display: block
}
@media all and (min-width: 756px) {
    .featured-video__quotes .image-header {
        display: block
    }
}
.featured-video__quote {
    width: 100%;
    margin-bottom: 20px
}
.featured-video__quote:last-child {
    margin-bottom: 0
}
@media all and (min-width: 756px) {
    .featured-video__quote {
        width: 30%;
        margin-bottom: 0
    }
}
.featured-video__quote p {
    color: #fffefa
}
.featured-video__quote blockquote {
    color: #fffefa;
    padding: 0;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 2px
}
@media all and (min-width: 756px) {
    .featured-video__quote blockquote {
        margin-bottom: 10px;
        font-size: 20px
    }
}
.featured-video__quote cite {
    font-size: 14px;
    color: #e73a27;
    line-height: 1.1
}
@media all and (min-width: 756px) {
    .featured-video__quote cite {
        font-size: 16px
    }
}
.site-footer {
    -webkit-flex: none;
    -ms-flex: none;
    -webkit-box-flex: 0;
    flex: none;
    background: #434342;
    color: #828484;
    padding: 38px 0 0 18px;
    position: relative;
    z-index: 16
}
.site-footer:after,
.site-footer:before {
    content: '';
    display: table
}
.site-footer:after {
    clear: both
}
@media all and (min-width: 756px) {
    .site-footer {
        text-align: center;
        padding: 38px 18px
    }
}
.site-footer .row {
    margin-bottom: 18px
}
.footer-navigation {
    width: auto;
    max-width: 1000px;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 18px;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}
.footer-navigation:after,
.footer-navigation:before {
    content: '';
    display: table
}
.footer-navigation:after {
    clear: both
}
@media all and (min-width: 756px) {
    .footer-navigation {
        display: block;
        margin-bottom: 0
    }
}
.footer-navigation h5 {
    font-size: 16px;
    margin-bottom: 9px
}
.footer-navigation a {
    display: inline-block;
    color: #e8e5df;
    font-family: Karbon-Light, sans-serif;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 1.5;
    padding: 5px 0
}
.footer-navigation a:hover {
    color: #e73a27
}
@media all and (min-width: 756px) {
    .footer-navigation a {
        padding: 0
    }
}
.footer-navigation .active a {
    color: #fffefa
}
.footer-navigation .nav-section {
    -webkit-flex-basis: 49%;
    -ms-flex-basis: 49%;
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    padding-bottom: 18px
}
@media all and (min-width: 756px) {
    .footer-navigation .nav-section {
        float: left;
        width: 16.66%
    }
    .footer-navigation .nav-section.narrow {
        padding-left: 18px
    }
}
.footer-navigation small {
    font-size: 12px;
    line-height: 1.15
}
.nav-section.last,
.nav-section.social-links {
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.nav-section-1,
.nav-section-3 {
    padding-right: 10px
}
.nav-section.social-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    padding-right: 18px
}
@media all and (min-width: 756px) {
    .nav-section.social-links {
        display: block;
        text-align: left
    }
}
.nav-section.social-links h5 {
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.nav-section.social-links div {
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}
.nav-section.last {
    text-align: center;
    padding-right: 18px
}
@media all and (min-width: 756px) {
    .nav-section.last {
        padding-right: 0
    }
}
.site-footer .social-links span {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px
}
.site-footer .social-links span.icon {
    font-size: 18px;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}
.site-footer .social-links span.icon.icon-google-plus {
    font-size: 13px;
    margin-right: 7px
}
.site-footer .social-links span.icon.icon-bugcrowd {
    font-size: 15px
}
.site-footer .social-links span.icon.icon-hackerone {
    text-align: center;
    font-size: 16px
}
body.services .module1 .flex-row.hero-row.has-image-column {
    display: block
}
body.services .module1 .flex-row.hero-row.has-image-column .hero-container {
    position: relative;
    display: block;
    max-width: 900px;
    margin: auto
}
body.services .module1 .flex-row.hero-row.has-image-column .hero-image-column {
    position: absolute;
    top: -112px
}
.headerHero {
    padding: 38px 0;
    background-image: -webkit-linear-gradient(#dedad2 0, #fffefa 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dedad2), to(#fffefa));
    background-image: -webkit-linear-gradient(#dedad2 0, #fffefa 100%);
    background-image: linear-gradient(#dedad2 0, #fffefa 100%)
}
@media all and (min-width: 756px) {
    .headerHero {
        padding: 120px 0
    }
}
.flex-row.headerHero .hero-content {
    max-width: 900px
}
.hero--headerLeftAligned {
    background-image: -webkit-linear-gradient(#dedad2 0, #fffefa 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dedad2), to(#fffefa));
    background-image: -webkit-linear-gradient(#dedad2 0, #fffefa 100%);
    background-image: linear-gradient(#dedad2 0, #fffefa 100%)
}
@media all and (min-width: 1200px) {
    .dark-navigation .module1 .hero-content {
        padding-top: 80px
    }
}
.hero-row.video-feature {
    height: auto
}
@media all and (min-width: 756px) {
    .hero-row.video-feature {
        height: auto
    }
}
.hero-row {
    position: relative;
    color: #fffefa;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.hero-row.align--center .hero-content {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}
.hero-row.has-image-column .hero-image-column {
    -webkit-order: 2;
    -ms-order: 2;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}
.hero-row.has-image-column .hero-content {
    -webkit-order: 1;
    -ms-order: 1;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}
@media all and (min-width: 756px) {
    .hero-row.has-image-column .hero-content {
        width: 60%
    }
}
.hero-row .hero-image-column {
    -webkit-flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}
.hero-row .hero-content {
    position: relative;
    max-width: 900px;
    z-index: 5
}
.hero-row .hero-content h1 {
    margin-bottom: 18px
}
.hero-row .hero-content .column {
    padding: 0 18px
}
@media all and (min-width: 756px) {
    .hero-row .hero-content .column {
        padding-left: 0;
        padding-right: 0
    }
}
@media all and (min-width: 756px) {
    .hero-row .hero-content .column .lead {
        display: block;
        max-width: 900px
    }
}
.hero-row .hero-content .column-copy {
    margin-bottom: 18px
}
.hero-row .hero-content .column-copy p {
    font-family: Karbon-Regular, sans-serif;
    font-size: 18px
}
@media all and (min-width: 756px) {
    .hero-row .hero-content .column-copy p {
        font-size: 22px;
        line-height: 1.35
    }
}
.hero-row .hero-content .column-copy .center p {
    margin: auto
}
.hero-row .hero-content .copy {
    padding: 0
}
.hero-row .hero-content .copy .headline {
    max-width: none;
    margin-bottom: 18px
}
.hero-row .imageAlign--top-right .inline-image {
    position: absolute;
    top: 15%;
    right: 0
}
@media all and (min-width: 756px) {
    .hero-row .imageAlign--top-right .inline-image {
        top: 10%
    }
}
.hero-row .imageAlign--top-right img {
    max-height: 300px
}
@media all and (min-width: 756px) {
    .hero-row .imageAlign--top-right img {
        max-height: none
    }
}
.hero-row .imageAlign--top-right .column-title {
    margin-bottom: 170px
}
@media all and (min-width: 756px) {
    .hero-row .imageAlign--top-right .column-title {
        margin-bottom: 200px
    }
}
.hero-row .imageAlign--top-right .column-copy {
    margin-bottom: 0
}
@media all and (min-width: 756px) {
    .hero-row .imageAlign--top-right .column-copy {
        margin-bottom: 38px
    }
}
@media all and (min-width: 756px) {
    .hero-row.mobile-swap .hero-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}
.hero-row.align--left .hero-content {
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}
@media all and (min-width: 756px) {
    .hero-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 900px
    }
}
.mobile-condense-columns .hero-content .column {
    margin-bottom: 0
}
.mobile-condense-columns .hero-content .column:first-child {
    padding-bottom: 0
}
@media all and (min-width: 756px) {
    .mobile-condense-columns .hero-content .column:first-child {
        padding-bottom: 18px
    }
}
.mobile-condense-columns .hero-content .column:last-child {
    padding-top: 0;
    padding-bottom: 38px
}
@media all and (min-width: 756px) {
    .mobile-condense-columns .hero-content .column:last-child {
        padding-top: 18px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.centered-extra-narrow.hero-row .column-title {
    max-width: 70%
}
.copy-color--light [class*=button] {
    color: #fffefa
}
.hero-image-column {
    position: relative;
    z-index: 5
}
.horizontal-space--small {
    padding: 38px
}
.horizontal-space--medium {
    padding: 80px
}
.horizontal-space--large {
    padding: 160px
}
.icon-list-mobile-columns .column {
    text-align: center
}
.icon-list-mobile-columns .column .inline-image {
    width: 70px;
    margin-right: 20px
}
@media all and (min-width: 756px) {
    .icon-list-mobile-columns .column .inline-image {
        width: auto;
        margin-right: none
    }
}
.icon-list-mobile-columns .column .column-copy {
    width: 50%
}
@media all and (min-width: 756px) {
    .icon-list-mobile-columns .column .column-copy {
        width: auto
    }
}
.icon-list-mobile-columns .column .column-copy .center {
    text-align: left
}
@media all and (min-width: 756px) {
    .icon-list-mobile-columns .column .column-copy .center {
        text-align: center
    }
}
.icon-list-mobile-columns .column .column-copy,
.icon-list-mobile-columns .column .inline-image {
    display: inline-block;
    vertical-align: middle
}
@media all and (min-width: 756px) {
    .icon-list-mobile-columns .column .column-copy,
    .icon-list-mobile-columns .column .inline-image {
        display: block
    }
}
.full-background,
.full-background-container {
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 300ms cubic-bezier(.075, .82, .165, 1);
    transition: opacity 300ms cubic-bezier(.075, .82, .165, 1)
}
.full-background-container,
.full-background-container.loaded,
.full-background-container.loaded .full-background,
.full-background.loaded {
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    opacity: 1
}
.image {
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}
.image.full-background {
    -webkit-background-size: cover;
    background-size: cover
}
[data-preload] {
    position: relative;
    -webkit-transition: opacity 300ms cubic-bezier(.075, .82, .165, 1);
    transition: opacity 300ms cubic-bezier(.075, .82, .165, 1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}
.inline-image {
    text-align: center
}
.inline-image.loaded img {
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    opacity: 1
}
.full-background-container .loading,
.inline-image .loading {
    position: absolute;
    top: 10px;
    left: 10px
}
.full-background-container.loaded .loading,
.inline-image.loaded .loading {
    display: none
}
body,
html {
    height: 100%
}
* {
    min-height: 0;
    min-width: 0
}
body {
    background: #fffefa
}
@media all and (min-width: 756px) {
    body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        min-height: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}
body.fixed {
    overflow: hidden
}
.site-content {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    margin-top: 50px;
    -webkit-transition: 400ms cubic-bezier(1, 0, 0, 1);
    transition: 400ms cubic-bezier(1, 0, 0, 1)
}
@media all and (min-width: 756px) {
    .site-content {
        -webkit-transition: none;
        transition: none
    }
    .site-content:after {
        content: '\00a0';
        display: block;
        height: 0;
        visibility: hidden
    }
}
@media all and (min-width: 1200px) {
    .site-content {
        margin-top: 0
    }
}
.cookie-message-open .site-content {
    margin-top: 0
}
@media all and (min-width: 1200px) {
    .blog .site-content,
    .blogPost .site-content,
    .dark-navigation .site-content,
    .section-preview .site-content {
        padding-top: 77px
    }
}
@media all and (min-width: 1200px) {
    .blog.cookie-message-open .site-content,
    .blogPost.cookie-message-open .site-content,
    .dark-navigation.cookie-message-open .site-content,
    .section-preview.cookie-message-open .site-content {
        padding: 0
    }
}
@media all and (min-width: 1200px) {
    .blog.cookie-message-open #content,
    .blogPost.cookie-message-open #content,
    .dark-navigation.cookie-message-open #content,
    .section-preview.cookie-message-open #content {
        padding-top: 77px
    }
}
@media all and (min-width: 1200px) {
    .blog.cookie-message-open .site-content,
    .blogPost.cookie-message-open .site-content,
    .dark-navigation.cookie-message-open .site-content,
    .section-preview.cookie-message-open .site-content {
        padding: 0
    }
}
@media all and (min-width: 1200px) {
    .blog.cookie-message-open #content,
    .blogPost.cookie-message-open #content,
    .dark-navigation.cookie-message-open #content,
    .section-preview.cookie-message-open #content {
        padding-top: 77px
    }
}
#content {
    position: relative
}
.cookie-message-open #content {
    padding-top: 50px
}
@media all and (min-width: 756px) {
    .cookie-message-open #content {
        padding-top: 0
    }
}
.menu-open {
    overflow: hidden
}
.main-content {
    margin-top: 62px;
    background: #fffefa;
    -webkit-transition: 400ms cubic-bezier(.19, 1, .22, 1);
    transition: 400ms cubic-bezier(.19, 1, .22, 1)
}
@media all and (min-width: 756px) {
    .main-content {
        margin-top: 0
    }
}
.main-content.open {
    -webkit-transform: translateX(-80%);
    -ms-transform: translateX(-80%);
    transform: translateX(-80%)
}
.row {
    width: auto;
    max-width: 1410px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0
}
.row:after,
.row:before {
    content: '';
    display: table
}
.row:after {
    clear: both
}
.flex-row {
    position: relative;
    clear: both
}
@media all and (min-width: 756px) {
    .flex-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding: 0
    }
    .flex-row.align--top {
        -webkit-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .flex-row.align--bottom {
        -webkit-justify-content: flex-end;
        -ms-justify-content: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    .flex-row.align--center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}
.flex-row.disabled {
    display: none!important
}
.flex-row.max-width,
.flex-row.maxwidth {
    width: auto;
    max-width: 1000px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0
}
.flex-row.max-width:after,
.flex-row.max-width:before,
.flex-row.maxwidth:after,
.flex-row.maxwidth:before {
    content: '';
    display: table
}
.flex-row.max-width:after,
.flex-row.maxwidth:after {
    clear: both
}
@media all and (min-width: 756px) {
    .flex-row.max-width,
    .flex-row.maxwidth {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}
.flex-row.max-width.singleColumnRow,
.flex-row.maxwidth.singleColumnRow {
    display: block
}
.flex-row .hero-content,
.flex-row.centered-narrow {
    width: auto;
    max-width: 900px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0
}
.flex-row .hero-content:after,
.flex-row .hero-content:before,
.flex-row.centered-narrow:after,
.flex-row.centered-narrow:before {
    content: '';
    display: table
}
.flex-row .hero-content:after,
.flex-row.centered-narrow:after {
    clear: both
}
@media all and (min-width: 756px) {
    .flex-row .hero-content,
    .flex-row.centered-narrow {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}
.flex-row.centered-extra-narrow {
    width: auto;
    max-width: 850px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0
}
.flex-row.centered-extra-narrow:after,
.flex-row.centered-extra-narrow:before {
    content: '';
    display: table
}
.flex-row.centered-extra-narrow:after {
    clear: both
}
@media all and (min-width: 756px) {
    .flex-row.centered-extra-narrow {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}
.flex-row.spacious {
    padding: 38px 0
}
@media all and (min-width: 756px) {
    .flex-row.spacious {
        padding: 80px 0
    }
}
@media all and (min-width: 1256px) {
    .flex-row.spacious {
        padding: 120px 0
    }
}
.flex-row.spacious-stacked,
.flex-row.spacious-stacked-start,
.flex-row.stacked {
    padding-top: 38px
}
@media all and (min-width: 756px) {
    .flex-row.spacious-stacked {
        padding-top: 80px
    }
}
@media all and (min-width: 756px) {
    .flex-row.spacious-stacked-start {
        padding-top: 80px
    }
}
@media all and (min-width: 1256px) {
    .flex-row.spacious-stacked-start {
        padding-top: 120px
    }
}
.flex-row.spacious-stacked-end {
    padding-bottom: 38px
}
@media all and (min-width: 756px) {
    .flex-row.spacious-stacked-end {
        padding-bottom: 80px
    }
}
@media all and (min-width: 1256px) {
    .flex-row.spacious-stacked-end {
        padding-bottom: 75px
    }
}
@media all and (min-width: 756px) {
    .flex-row.mobile-swap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}
@media all and (min-width: 756px) {
    .flex-row .hero-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}
.flex-row .hero-content .lead {
    font-family: Karbon-Regular, sans-serif
}
@media all and (min-width: 756px) {
    .flex-row .hero-content .lead {
        font-size: 21px
    }
}
.mobile-Full,
.tablet-Full {
    width: 100%;
    display: block
}
@media all and (min-width: 756px) {
    .tablet-Full {
        -webkit-flex: 1;
        -ms-flex: 1;
        -webkit-box-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}
.container {
    padding: 40px 20px
}
.container:after,
.container:before {
    content: '';
    display: table
}
.container:after {
    clear: both
}
@media all and (min-width: 600px) {
    .container {
        padding: 40px
    }
}
@media all and (min-width: 1256px) {
    .container {
        padding: 60px 40px 0
    }
}
.container--narrow {
    padding: 40px 20px;
    width: auto;
    max-width: 700px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0
}
.container--narrow:after,
.container--narrow:before {
    content: '';
    display: table
}
.container--narrow:after {
    clear: both
}
@media all and (min-width: 1256px) {
    .container--narrow {
        padding: 60px 40px 0
    }
}
.heading {
    max-width: 650px;
    margin: auto
}
.heading p {
    max-width: 500px;
    margin: 10px auto
}
.half,
.symmetric .tablet-Half {
    margin-bottom: 10px
}
@media all and (min-width: 756px) {
    .half,
    .symmetric .tablet-Half {
        float: left;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 48.5%;
        margin-left: 0;
        margin-right: 3%;
        margin-bottom: 0
    }
    .half:after,
    .half:before,
    .symmetric .tablet-Half:after,
    .symmetric .tablet-Half:before {
        content: '';
        display: table
    }
    .half:after,
    .symmetric .tablet-Half:after {
        clear: both
    }
    .half:last-child,
    .symmetric .tablet-Half:last-child {
        margin-right: 0
    }
}
.half .copy.center p,
.symmetric .tablet-Half .copy.center p {
    margin: 10px auto
}
.mobile-Half {
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 48.5%;
    margin-left: 0;
    margin-right: 3%
}
.mobile-Half:after,
.mobile-Half:before {
    content: '';
    display: table
}
.mobile-Half:after {
    clear: both
}
.mobile-Half:nth-child(2n) {
    margin-right: 0;
    float: right
}
.mobile-Half:nth-child(2n+1) {
    clear: both
}
.symmetric .tablet-Third,
.third {
    margin-bottom: 18px
}
@media all and (min-width: 756px) {
    .symmetric .tablet-Third,
    .third {
        float: left;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 33.3333333333333%;
        margin-left: 0;
        margin-right: 1%;
        margin-bottom: 0
    }
    .symmetric .tablet-Third:after,
    .symmetric .tablet-Third:before,
    .third:after,
    .third:before {
        content: '';
        display: table
    }
    .symmetric .tablet-Third:after,
    .third:after {
        clear: both
    }
    .symmetric .tablet-Third:last-child,
    .third:last-child {
        margin-right: 0
    }
}
@media all and (min-width: 756px) {
    .quarter,
    .symmetric .tablet-Quarter {
        float: left;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 22.75%;
        margin-left: 0;
        margin-right: 3%
    }
    .quarter:after,
    .quarter:before,
    .symmetric .tablet-Quarter:after,
    .symmetric .tablet-Quarter:before {
        content: '';
        display: table
    }
    .quarter:after,
    .symmetric .tablet-Quarter:after {
        clear: both
    }
    .quarter:nth-child(2n),
    .symmetric .tablet-Quarter:nth-child(2n) {
        margin-right: 3%;
        float: left
    }
    .quarter:nth-child(2n+1),
    .symmetric .tablet-Quarter:nth-child(2n+1) {
        clear: none
    }
    .quarter:nth-child(4n),
    .symmetric .tablet-Quarter:nth-child(4n) {
        margin-right: 0;
        float: right
    }
    .quarter:nth-child(4n+1),
    .symmetric .tablet-Quarter:nth-child(4n+1) {
        clear: both
    }
}
@media all and (min-width: 756px) {
    .float-right {
        float: right
    }
}
@media all and (min-width: 756px) {
    .float-left {
        float: left
    }
}
.inline-block {
    display: block
}
@media all and (min-width: 900px) {
    .inline-block {
        display: inline-block;
        vertical-align: middle
    }
}
@media all and (min-width: 756px) {
    .tablet-half {
        float: left;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 48.5%;
        margin-left: 0;
        margin-right: 3%
    }
    .tablet-half:after,
    .tablet-half:before {
        content: '';
        display: table
    }
    .tablet-half:after {
        clear: both
    }
    .tablet-half:nth-child(2n) {
        margin-right: 0;
        float: right
    }
    .tablet-half:nth-child(2n+1) {
        clear: both
    }
}
@media all and (min-width: 756px) {
    .Asymmetric .tablet-Third,
    .Asymmetric .tablet-third,
    .asymmetric .tablet-Third,
    .asymmetric .tablet-third {
        float: left;
        width: 33.333%;
        -webkit-flex-basis: 33.333%;
        -ms-flex-basis: 33.333%;
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%
    }
}
@media all and (min-width: 756px) {
    .Asymmetric .tablet-Two-Thirds,
    .asymmetric .tablet-Two-Thirds {
        float: left;
        width: 66.666%;
        -webkit-flex-basis: 66.666%;
        -ms-flex-basis: 66.666%;
        -ms-flex-preferred-size: 66.666%;
        flex-basis: 66.666%
    }
}
@media all and (min-width: 756px) {
    .Asymmetric.mobile-swap .column,
    .Asymmetric.mobile-swap .column .inline-image img,
    .asymmetric.mobile-swap .column,
    .asymmetric.mobile-swap .column .inline-image img {
        float: right
    }
}
@media all and (min-width: 756px) {
    .Asymmetric [class*=tablet-].shift--left,
    .asymmetric [class*=tablet-].shift--left {
        -webkit-transform: translateX(-20%);
        -ms-transform: translateX(-20%);
        transform: translateX(-20%)
    }
    .Asymmetric [class*=tablet-].shift--right,
    .asymmetric [class*=tablet-].shift--right {
        -webkit-transform: translateX(20%);
        -ms-transform: translateX(20%);
        transform: translateX(20%)
    }
    .Asymmetric [class*=tablet-].shift--down,
    .asymmetric [class*=tablet-].shift--down {
        -webkit-transform: translateY(70%);
        -ms-transform: translateY(70%);
        transform: translateY(70%)
    }
    .Asymmetric [class*=tablet-].shift--up,
    .asymmetric [class*=tablet-].shift--up {
        -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
        transform: translateY(-20%)
    }
    .Asymmetric [class*=tablet-].shift--right.shift--down,
    .asymmetric [class*=tablet-].shift--right.shift--down {
        -webkit-transform: translateX(20%) translateY(70%);
        -ms-transform: translateX(20%) translateY(70%);
        transform: translateX(20%) translateY(70%)
    }
    .Asymmetric [class*=tablet-].shift--left.shift--down,
    .asymmetric [class*=tablet-].shift--left.shift--down {
        -webkit-transform: translateX(-20%) translateY(70%);
        -ms-transform: translateX(-20%) translateY(70%);
        transform: translateX(-20%) translateY(70%)
    }
    .Asymmetric [class*=tablet-].shift--right.shift--up,
    .asymmetric [class*=tablet-].shift--right.shift--up {
        -webkit-transform: translateX(20%) translateY(-20%);
        -ms-transform: translateX(20%) translateY(-20%);
        transform: translateX(20%) translateY(-20%)
    }
    .Asymmetric [class*=tablet-].shift--top-margin,
    .asymmetric [class*=tablet-].shift--top-margin {
        padding-top: 38px
    }
}
.square {
    overflow: hidden;
    position: relative
}
.square:before {
    content: "";
    display: block;
    height: 0;
    padding-top: 100%
}
.flex-row.seamless-columns [class*=tablet-] {
    padding: 0;
    margin: 0
}
html[data-useragent*='MSIE 10.0'] .site-content,
html[data-useragent*='MSIE 9.0'] .site-content,
html[data-useragent*='MSIE 8.0'] .site-content {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
    flex: 1 0 auto
}
html[data-useragent*='MSIE 10.0'] .flex-row,
html[data-useragent*='MSIE 9.0'] .flex-row,
html[data-useragent*='MSIE 8.0'] .flex-row {
    display: block!important
}
html[data-useragent*='MSIE 10.0'] .flex-row:after,
html[data-useragent*='MSIE 10.0'] .flex-row:before,
html[data-useragent*='MSIE 9.0'] .flex-row:after,
html[data-useragent*='MSIE 9.0'] .flex-row:before,
html[data-useragent*='MSIE 8.0'] .flex-row:after,
html[data-useragent*='MSIE 8.0'] .flex-row:before {
    content: '';
    display: table
}
html[data-useragent*='MSIE 10.0'] .flex-row:after,
html[data-useragent*='MSIE 9.0'] .flex-row:after,
html[data-useragent*='MSIE 8.0'] .flex-row:after {
    clear: both
}
html[data-useragent*='MSIE 10.0'] .flex-row .column,
html[data-useragent*='MSIE 9.0'] .flex-row .column,
html[data-useragent*='MSIE 8.0'] .flex-row .column {
    display: block!important
}
html[data-useragent*='MSIE 10.0'] .flex-row.twoColumnRow .column,
html[data-useragent*='MSIE 9.0'] .flex-row.twoColumnRow .column,
html[data-useragent*='MSIE 8.0'] .flex-row.twoColumnRow .column {
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 48.5%;
    margin-left: 0;
    margin-right: 3%
}
html[data-useragent*='MSIE 10.0'] .flex-row.twoColumnRow .column:after,
html[data-useragent*='MSIE 10.0'] .flex-row.twoColumnRow .column:before,
html[data-useragent*='MSIE 9.0'] .flex-row.twoColumnRow .column:after,
html[data-useragent*='MSIE 9.0'] .flex-row.twoColumnRow .column:before,
html[data-useragent*='MSIE 8.0'] .flex-row.twoColumnRow .column:after,
html[data-useragent*='MSIE 8.0'] .flex-row.twoColumnRow .column:before {
    content: '';
    display: table
}
html[data-useragent*='MSIE 10.0'] .flex-row.twoColumnRow .column:after,
html[data-useragent*='MSIE 9.0'] .flex-row.twoColumnRow .column:after,
html[data-useragent*='MSIE 8.0'] .flex-row.twoColumnRow .column:after {
    clear: both
}
html[data-useragent*='MSIE 10.0'] .flex-row.twoColumnRow .column:last-child,
html[data-useragent*='MSIE 9.0'] .flex-row.twoColumnRow .column:last-child,
html[data-useragent*='MSIE 8.0'] .flex-row.twoColumnRow .column:last-child {
    margin-right: 0
}
html[data-useragent*='MSIE 10.0'] .flex-row.threeColumnRow .column,
html[data-useragent*='MSIE 9.0'] .flex-row.threeColumnRow .column,
html[data-useragent*='MSIE 8.0'] .flex-row.threeColumnRow .column {
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 31.3333333333333%;
    margin-left: 0;
    margin-right: 3%
}
html[data-useragent*='MSIE 10.0'] .flex-row.threeColumnRow .column:after,
html[data-useragent*='MSIE 10.0'] .flex-row.threeColumnRow .column:before,
html[data-useragent*='MSIE 9.0'] .flex-row.threeColumnRow .column:after,
html[data-useragent*='MSIE 9.0'] .flex-row.threeColumnRow .column:before,
html[data-useragent*='MSIE 8.0'] .flex-row.threeColumnRow .column:after,
html[data-useragent*='MSIE 8.0'] .flex-row.threeColumnRow .column:before {
    content: '';
    display: table
}
html[data-useragent*='MSIE 10.0'] .flex-row.threeColumnRow .column:after,
html[data-useragent*='MSIE 9.0'] .flex-row.threeColumnRow .column:after,
html[data-useragent*='MSIE 8.0'] .flex-row.threeColumnRow .column:after {
    clear: both
}
html[data-useragent*='MSIE 10.0'] .flex-row.threeColumnRow .column:last-child,
html[data-useragent*='MSIE 9.0'] .flex-row.threeColumnRow .column:last-child,
html[data-useragent*='MSIE 8.0'] .flex-row.threeColumnRow .column:last-child {
    margin-right: 0
}
html[data-useragent*='MSIE 10.0'] .flex-row.hero-row .hero-content,
html[data-useragent*='MSIE 10.0'] .flex-row.hero-row .hero-content .column,
html[data-useragent*='MSIE 10.0'] .flex-row.hero-row .video-feature__container,
html[data-useragent*='MSIE 10.0'] .flex-row.hero-row .video-feature__container .column,
html[data-useragent*='MSIE 9.0'] .flex-row.hero-row .hero-content,
html[data-useragent*='MSIE 9.0'] .flex-row.hero-row .hero-content .column,
html[data-useragent*='MSIE 9.0'] .flex-row.hero-row .video-feature__container,
html[data-useragent*='MSIE 9.0'] .flex-row.hero-row .video-feature__container .column,
html[data-useragent*='MSIE 8.0'] .flex-row.hero-row .hero-content,
html[data-useragent*='MSIE 8.0'] .flex-row.hero-row .hero-content .column,
html[data-useragent*='MSIE 8.0'] .flex-row.hero-row .video-feature__container,
html[data-useragent*='MSIE 8.0'] .flex-row.hero-row .video-feature__container .column {
    display: block!important
}
html[data-useragent*='MSIE 10.0'] .flex-row.hero-row .hero-container,
html[data-useragent*='MSIE 9.0'] .flex-row.hero-row .hero-container,
html[data-useragent*='MSIE 8.0'] .flex-row.hero-row .hero-container {
    margin: auto
}
html[data-useragent*='MSIE 10.0'] .flex-row.fourColumnRow .column,
html[data-useragent*='MSIE 9.0'] .flex-row.fourColumnRow .column,
html[data-useragent*='MSIE 8.0'] .flex-row.fourColumnRow .column {
    float: left;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 22.75%;
    margin-left: 0;
    margin-right: 3%
}
html[data-useragent*='MSIE 10.0'] .flex-row.fourColumnRow .column:after,
html[data-useragent*='MSIE 10.0'] .flex-row.fourColumnRow .column:before,
html[data-useragent*='MSIE 9.0'] .flex-row.fourColumnRow .column:after,
html[data-useragent*='MSIE 9.0'] .flex-row.fourColumnRow .column:before,
html[data-useragent*='MSIE 8.0'] .flex-row.fourColumnRow .column:after,
html[data-useragent*='MSIE 8.0'] .flex-row.fourColumnRow .column:before {
    content: '';
    display: table
}
html[data-useragent*='MSIE 10.0'] .flex-row.fourColumnRow .column:after,
html[data-useragent*='MSIE 9.0'] .flex-row.fourColumnRow .column:after,
html[data-useragent*='MSIE 8.0'] .flex-row.fourColumnRow .column:after {
    clear: both
}
html[data-useragent*='MSIE 10.0'] .flex-row.fourColumnRow .column:last-child,
html[data-useragent*='MSIE 9.0'] .flex-row.fourColumnRow .column:last-child,
html[data-useragent*='MSIE 8.0'] .flex-row.fourColumnRow .column:last-child {
    margin-right: 0
}
.loading {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #e73a27;
    margin: 0 10px;
    -webkit-animation: loading 4s linear 0s infinite normal;
    animation: loading 4s linear 0s infinite normal;
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible
}
@-webkit-keyframes loading {
    100% {
        -webkit-transform: rotateY(360deg) rotateZ(180deg);
        -ms-transform: rotateY(360deg) rotateZ(180deg);
        transform: rotateY(360deg) rotateZ(180deg)
    }
}
@keyframes loading {
    100% {
        -webkit-transform: rotateY(360deg) rotateZ(180deg);
        -ms-transform: rotateY(360deg) rotateZ(180deg);
        transform: rotateY(360deg) rotateZ(180deg)
    }
}
.locale-switcher {
    position: relative;
    display: block;
    background: #828484;
    margin: 0;
    overflow: hidden;
    max-height: 35px;
    -webkit-transition: 300ms cubic-bezier(.19, 1, .22, 1);
    transition: 300ms cubic-bezier(.19, 1, .22, 1);
    text-align: center;
    cursor: pointer
}
.locale-switcher.active,
.locale-switcher.active .locale-switcher__options {
    max-height: 9999px
}
@media all and (min-width: 756px) {
    .locale-switcher {
        width: 100%
    }
}
.locale-switcher .locale,
.locale-switcher a.locale {
    position: relative;
    display: block;
    padding: 0 5px;
    height: 35px;
    line-height: 35px;
    color: #fffefa;
    font-family: Karbon-Light, sas-serif
}
.locale-switcher .locale img,
.locale-switcher .locale span,
.locale-switcher a.locale img,
.locale-switcher a.locale span {
    display: inline-block;
    vertical-align: middle
}
.locale-switcher .locale img,
.locale-switcher a.locale img {
    height: 18px;
    width: 18px;
    margin-right: 5px
}
.locale-switcher .locale span,
.locale-switcher a.locale span {
    height: 38px;
    font-size: 16px
}
.locale-switcher .locale .icon,
.locale-switcher a.locale .icon {
    font-size: 10px;
    position: absolute;
    right: 8px;
    top: 0
}
.locale-switcher .locale.current .icon,
.locale-switcher a.locale.current .icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: -2px
}
.locale-switcher.active .locale.current .icon {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    top: 0;
    right: 9px
}
.locale-switcher__options {
    -webkit-transition: 300ms cubic-bezier(.19, 1, .22, 1);
    transition: 300ms cubic-bezier(.19, 1, .22, 1);
    max-height: 0;
    overflow: hidden
}
.locale-switcher__options .locale {
    -webkit-transition: 300ms cubic-bezier(.19, 1, .22, 1);
    transition: 300ms cubic-bezier(.19, 1, .22, 1);
    background: #686a6a
}
.locale-switcher__options .locale:hover {
    background: #5b5c5c
}
.logo {
    position: relative;
    z-index: 25;
    display: inline-block;
    vertical-align: middle;
    margin: 9px 0 0 12px
}
.logo img {
    width: 110px
}
@media all and (min-width: 1200px) {
    .logo {
        margin: 9.5px 0 0 0;
        width: 180px;
        height: 60px;
        padding: 0
    }
    .logo img {
        width: 180px;
        height: 60px
    }
}
.logo:active,
.logo:focus {
    background: $carrara
}
.logo-container {
    margin-bottom: 0
}
@media all and (min-width: 756px) {
    .logo-container {
        position: absolute;
        top: 0;
        left: 20px
    }
}
.navigation-container {
    position: relative;
    overflow: hidden;
    width: 100%
}
.navigation-container:after,
.navigation-container:before {
    content: '';
    display: table
}
.navigation-container:after {
    clear: both
}
@media all and (min-width: 1200px) {
    .navigation-container {
        height: auto;
        overflow: visible
    }
}
@media all and (min-width: 1200px) {
    .navigation-container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%
    }
}
@media all and (min-width: 756px) {
    .cookie-message-open .navigation {
        top: 75px
    }
}
@media all and (min-width: 756px) {
    .cookie-message-open .navigation {
        top: 75px
    }
}
.navigation {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    background: #828484;
    background-image: -webkit-linear-gradient(#545656 0, #828484 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#545656), to(#828484));
    background-image: -webkit-linear-gradient(#545656 0, #828484 100%);
    background-image: linear-gradient(#545656 0, #828484 100%);
    text-align: left;
    overflow: hidden;
    display: none;
    padding: 50px 20px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}
.navigation:after,
.navigation:before {
    content: '';
    display: table
}
.navigation:after {
    clear: both
}
.navigation.active {
    max-height: 9999px
}
@media all and (min-width: 1200px) {
    .navigation {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        background: #fffefa;
        background: 0 0;
        position: relative;
        top: 0;
        overflow: visible;
        max-height: none;
        height: 77px;
        text-align: right;
        margin-top: 0;
        font-size: 0;
        max-width: 1410px;
        float: none;
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        z-index: 99;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none;
        opacity: 1;
        padding: 0 20px 0 0
    }
    .navigation:after,
    .navigation:before {
        content: '';
        display: table
    }
    .navigation:after {
        clear: both
    }
}
.navigation .logo-container {
    display: none
}
@media all and (min-width: 1200px) {
    .navigation .logo-container {
        display: block
    }
}
.menu-open .navigation {
    display: block;
    z-index: 25;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    opacity: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}
@media all and (min-width: 1200px) {
    .menu-open .navigation {
        display: block
    }
}
.navigation.active {
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}
@media all and (min-width: 1200px) {
    .navigation.active {
        -ms-filter: none;
        -webkit-filter: none;
        filter: none;
        opacity: 1
    }
}
@media all and (min-width: 1200px) {
    .navigation.active .navigation__item {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.navigation.active .navigation__item a {
    height: 100%;
    color: #fffefa;
    display: block
}
@media all and (min-width: 1200px) {
    .navigation.active .navigation__item a {
        height: 77px
    }
}
.navigation.active .navigation__item.active>a {
    color: #e73a27
}
.navigation.active .navigation__item.active:after {
    display: none
}
.navigation__item {
    position: relative;
    margin-bottom: 0;
    -webkit-transition: 100ms cubic-bezier(1, 0, 0, 1);
    transition: 100ms cubic-bezier(1, 0, 0, 1);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    border-bottom: 1px solid #a7a9a9;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    opacity: 1
}
@media all and (min-width: 1200px) {
    .navigation__item {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        display: inline-block;
        vertical-align: top;
        border: none
    }
}
.navigation__item:after {
    font-size: 8px;
    font-family: icons;
    content: "\E004";
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 50px;
    color: #fffefa
}
@media all and (min-width: 1200px) {
    .navigation__item:after {
        content: ""
    }
}
.navigation__item:hover>a {
    color: #888376
}
.navigation__item:hover .sub-navigation {
    display: block
}
@media all and (min-width: 1200px) {
    .navigation__item:hover .sub-navigation {
        padding-top: 77px;
        padding-bottom: 50px;
        -webkit-box-shadow: 0 6px 6px -4px rgba(39, 41, 38, .2);
        box-shadow: 0 6px 6px -4px rgba(39, 41, 38, .2);
        max-height: 9999px
    }
    .navigation__item:hover .sub-navigation a {
        -ms-filter: none;
        -webkit-filter: none;
        filter: none;
        opacity: 1
    }
}
.navigation__item.active>a {
    color: #d2cab4
}
@media all and (min-width: 1200px) {
    .navigation__item.last a {
        height: 36px;
        margin: 20px 0 20px 20px;
        line-height: 32px;
        border: 3px solid #fffefa;
        padding: 0 10px
    }
}
.mobile .navigation__item:hover .sub-navigation {
    background-image: none
}
.navigation__item a {
    color: #fffefa;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: none;
    border-top: none;
    padding: 0 12px;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    font-family: Karbon-Medium, sans-serif;
    font-weight: 700;
    -webkit-transition: 50ms cubic-bezier(.19, 1, .22, 1);
    transition: 50ms cubic-bezier(.19, 1, .22, 1)
}
.navigation__item a:active,
.navigation__item a:focus {
    background: #4e4f4f
}
@media all and (min-width: 756px) {
    .navigation__item a:active,
    .navigation__item a:focus {
        background: 0 0;
        color: #d2cab4
    }
    .navigation__item a:active:after,
    .navigation__item a:focus:after {
        color: #d2cab4
    }
}
.navigation__item a:hover {
    color: #d2cab4
}
@media all and (min-width: 1200px) {
    .navigation__item a {
        display: inline-block;
        padding: 0 12px;
        line-height: 77px;
        height: 77px
    }
}
@media all and (min-width: 1256px) {
    .navigation__item a {
        padding: 0 20px
    }
}
.navigation__item.has-sub-navigation a {
    position: relative;
    z-index: 50
}
@media all and (min-width: 1200px) {
    .navigation__item.has-sub-navigation>a:after {
        position: relative;
        font-family: icons;
        content: "\E002";
        font-size: 9px;
        margin-left: 5px;
        top: 1px;
        color: #d2cab4
    }
}
@media all and (min-width: 1200px) {
    .navigation__item.active.has-sub-navigation>a:after {
        color: #d2cab4
    }
}
@media all and (min-width: 1200px) {
    .author .navigation__item>a,
    .blog .navigation__item>a,
    .blogPost .navigation__item>a,
    .category .navigation__item>a,
    .dark-navigation .navigation__item>a,
    .homepage .navigation__item>a,
    .section-preview .navigation__item>a {
        color: #545452
    }
}
@media all and (min-width: 1200px) {
    .author .navigation__item.active>a,
    .blog .navigation__item.active>a,
    .blogPost .navigation__item.active>a,
    .category .navigation__item.active>a,
    .dark-navigation .navigation__item.active>a,
    .homepage .navigation__item.active>a,
    .section-preview .navigation__item.active>a {
        color: #888376
    }
}
.author .navigation__item.last a,
.blog .navigation__item.last a,
.blogPost .navigation__item.last a,
.category .navigation__item.last a,
.dark-navigation .navigation__item.last a,
.homepage .navigation__item.last a,
.section-preview .navigation__item.last a {
    border-color: #545452
}
@media all and (min-width: 1200px) {
    .author .navigation__item:hover>a,
    .blog .navigation__item:hover>a,
    .blogPost .navigation__item:hover>a,
    .category .navigation__item:hover>a,
    .dark-navigation .navigation__item:hover>a,
    .homepage .navigation__item:hover>a,
    .section-preview .navigation__item:hover>a {
        color: #888376
    }
}
@media all and (min-width: 1200px) {
    .author .navigation__item.has-sub-navigation:hover a,
    .author .navigation__item.has-sub-navigation:hover a:after,
    .blog .navigation__item.has-sub-navigation:hover a,
    .blog .navigation__item.has-sub-navigation:hover a:after,
    .blogPost .navigation__item.has-sub-navigation:hover a,
    .blogPost .navigation__item.has-sub-navigation:hover a:after,
    .category .navigation__item.has-sub-navigation:hover a,
    .category .navigation__item.has-sub-navigation:hover a:after,
    .dark-navigation .navigation__item.has-sub-navigation:hover a,
    .dark-navigation .navigation__item.has-sub-navigation:hover a:after,
    .homepage .navigation__item.has-sub-navigation:hover a,
    .homepage .navigation__item.has-sub-navigation:hover a:after,
    .section-preview .navigation__item.has-sub-navigation:hover a,
    .section-preview .navigation__item.has-sub-navigation:hover a:after {
        color: #fffefa
    }
    .author .navigation__item.has-sub-navigation:hover a:hover,
    .author .navigation__item.has-sub-navigation:hover a:hover:after,
    .blog .navigation__item.has-sub-navigation:hover a:hover,
    .blog .navigation__item.has-sub-navigation:hover a:hover:after,
    .blogPost .navigation__item.has-sub-navigation:hover a:hover,
    .blogPost .navigation__item.has-sub-navigation:hover a:hover:after,
    .category .navigation__item.has-sub-navigation:hover a:hover,
    .category .navigation__item.has-sub-navigation:hover a:hover:after,
    .dark-navigation .navigation__item.has-sub-navigation:hover a:hover,
    .dark-navigation .navigation__item.has-sub-navigation:hover a:hover:after,
    .homepage .navigation__item.has-sub-navigation:hover a:hover,
    .homepage .navigation__item.has-sub-navigation:hover a:hover:after,
    .section-preview .navigation__item.has-sub-navigation:hover a:hover,
    .section-preview .navigation__item.has-sub-navigation:hover a:hover:after {
        color: #d2cab4
    }
}
.author .navigation__item.has-sub-navigation>a:after,
.blog .navigation__item.has-sub-navigation>a:after,
.blogPost .navigation__item.has-sub-navigation>a:after,
.category .navigation__item.has-sub-navigation>a:after,
.dark-navigation .navigation__item.has-sub-navigation>a:after,
.homepage .navigation__item.has-sub-navigation>a:after,
.section-preview .navigation__item.has-sub-navigation>a:after {
    color: #545452
}
.sub-navigation {
    padding: 0;
    margin: 0;
    -webkit-transition: 100ms cubic-bezier(.19, 1, .22, 1);
    transition: 100ms cubic-bezier(.19, 1, .22, 1);
    text-align: center;
    background: 0 0
}
@media all and (min-width: 1200px) {
    .sub-navigation {
        max-height: 0;
        overflow: hidden;
        position: absolute;
        z-index: 49;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        padding-left: 12px;
        padding-right: 12px;
        -webkit-transition: none;
        transition: none
    }
}
@media all and (min-width: 1256px) {
    .sub-navigation {
        padding-left: 20px;
        padding-right: 20px
    }
}
.sub-navigation.active {
    max-height: 9999px
}
.sub-navigation a {
    border: none;
    width: auto;
    padding-left: 20px;
    font-size: 18px;
    text-align: left;
    line-height: 40px;
    color: #fffefa;
    text-transform: capitalize;
    font-family: Karbon-Light, sans-serif
}
@media all and (min-width: 1200px) {
    .sub-navigation a {
        float: none;
        display: block;
        width: auto;
        padding: 0;
        text-transform: none;
        font-family: Karbon-Light, sans-serif;
        border-bottom: 1px solid #828484;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none;
        opacity: 1;
        font-size: 16px;
        line-height: 1;
        height: auto
    }
}
@media all and (min-width: 1256px) {
    .sub-navigation a {
        padding: 10px 0
    }
}
.sub-navigation .navigation__item:first-child {
    border-top: 1px solid #a7a9a9
}
@media all and (min-width: 1200px) {
    .sub-navigation .navigation__item:first-child {
        border-top: none
    }
}
.sub-navigation .navigation__item:last-child {
    border-bottom: none
}
.sub-navigation .navigation__item:after {
    line-height: 40px
}
@media all and (min-width: 1200px) {
    .sub-navigation .navigation__item {
        display: block
    }
}
.sub-navigation .navigation__item.active a,
.sub-navigation .navigation__item.active a span {
    color: #d2cab4
}
@media all and (min-width: 1200px) {
    .sub-navigation {
        background-image: -webkit-linear-gradient(#272926 0, #5b5c5c 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#272926), to(#5b5c5c));
        background-image: -webkit-linear-gradient(#272926 0, #5b5c5c 100%);
        background-image: linear-gradient(#272926 0, #5b5c5c 100%)
    }
}
.sub-navigation__item:after,
.sub-navigation__item:before {
    content: '';
    display: table
}
.sub-navigation__item:after {
    clear: both
}
.sub-navigation__item .icon {
    position: relative;
    text-align: center
}
.sub-navigation__item__title {
    display: inline-block;
    vertical-align: middle;
    text-align: left
}
@media all and (min-width: 1200px) {
    .sub-navigation__item__title {
        padding-left: 0;
        width: auto;
        float: none
    }
}
.menu-open .mobile-navigation__logo {
    display: block
}
.mobile-navbar {
    position: fixed;
    background: #fffefa;
    z-index: 24;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    -webkit-box-shadow: 0 6px 6px -4px rgba(39, 41, 38, .2);
    box-shadow: 0 6px 6px -4px rgba(39, 41, 38, .2)
}
@media all and (min-width: 1200px) {
    .mobile-navbar {
        display: none
    }
}
.cookie-message-open .mobile-navbar {
    top: 50px
}
.menu-open .mobile-navbar {
    background: 0 0
}
.navigation__toggle,
.navigation__toggle.close {
    cursor: pointer;
    top: 0;
    right: 0;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-tap-highlight-color: transparent
}
.navigation__toggle button,
.navigation__toggle.close button {
    padding: 20px 25px 15px 40px;
    font-size: 25px;
    background: 0 0;
    border: none
}
.navigation__toggle button:focus,
.navigation__toggle.close button:focus {
    outline: 0
}
@media all and (min-width: 1200px) {
    .navigation__toggle,
    .navigation__toggle.close {
        display: none
    }
}
.cookie-message-open .navigation__toggle {
    top: 50px
}
.menu-open .cookie-message-open .navigation__toggle {
    top: 0
}
.navigation__toggle,
.navigation__toggle.close {
    position: fixed;
    z-index: 25;
    padding: 9px 15px 25px 40px;
    background: 0 0;
    border: none
}
@media all and (min-width: 1200px) {
    .navigation__toggle,
    .navigation__toggle.close {
        display: none
    }
}
.navigation__toggle span,
.navigation__toggle.close span {
    position: relative
}
.navigation__toggle span,
.navigation__toggle span:after,
.navigation__toggle span:before,
.navigation__toggle.close span,
.navigation__toggle.close span:after,
.navigation__toggle.close span:before {
    display: inline-block;
    width: 23px;
    height: 2.25px;
    background-color: #545452;
    border-radius: 5px
}
.navigation__toggle span:after,
.navigation__toggle span:before,
.navigation__toggle.close span:after,
.navigation__toggle.close span:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2.25px;
    left: 0
}
.navigation__toggle span:before,
.navigation__toggle.close span:before {
    top: -8px;
    -webkit-transform-origin: 33% 100%;
    -ms-transform-origin: 33% 100%;
    transform-origin: 33% 100%
}
.navigation__toggle span:after,
.navigation__toggle.close span:after {
    bottom: -8px;
    -webkit-transform-origin: 33%, 0;
    -ms-transform-origin: 33%, 0;
    transform-origin: 33%, 0
}
.navigation__toggle.close:focus,
.navigation__toggle:focus {
    outline: 0
}
.navigation__toggle.close,
.navigation__toggle.close.close {
    position: absolute
}
.menu-open .navigation__toggle {
    z-index: 20
}
.navigation__toggle.close span,
.navigation__toggle.close span:after,
.navigation__toggle.close span:before {
    background-color: transparent;
    width: 25px
}
.navigation__toggle.close span:after,
.navigation__toggle.close span:before {
    background-color: #fffefa
}
.navigation__toggle.close span:before {
    -webkit-transform: rotate(45deg) translateY(4px) translateX(3px);
    -ms-transform: rotate(45deg) translateY(4px) translateX(3px);
    transform: rotate(45deg) translateY(4px) translateX(3px)
}
.navigation__toggle.close span:after {
    -webkit-transform: rotate(-45deg) translateY(-6px) translateX(5px);
    -ms-transform: rotate(-45deg) translateY(-6px) translateX(5px);
    transform: rotate(-45deg) translateY(-6px) translateX(5px)
}
.page-background {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    height: 500px;
    z-index: -1
}
@media all and (min-width: 756px) {
    .page-background {
        height: 700px
    }
}
.page-background.location--bottom {
    bottom: 0
}
@media all and (min-width: 756px) {
    .page-background.location--bottom {
        bottom: -5%
    }
}
.page-background.location--top {
    top: 0;
    width: 100%;
    height: 1500px;
    overflow: hidden
}
@media all and (min-width: 1256px) {
    .page-background.location--top {
        top: -1%
    }
}
@media all and (min-width: 1800px) {
    .page-background.location--top {
        height: 1200px
    }
}
.page-background.location--top .full-background {
    -webkit-background-size: auto 65%;
    background-size: auto 65%;
    background-position: top center
}
@media all and (min-width: 756px) {
    .page-background.location--top .full-background {
        -webkit-background-size: cover;
        background-size: cover;
        background-position: 50% top
    }
}
.page-background__container {
    position: relative;
    width: 100%;
    height: 100%
}
.page-background.mobile--shift-left .full-background {
    background-position: left bottom
}
@media all and (min-width: 756px) {
    .page-background.mobile--shift-left .full-background {
        background-position: 50%
    }
}
.page-header {
    -webkit-flex: none;
    -ms-flex: none;
    -webkit-box-flex: 0;
    flex: none
}
.page-header .lead {
    margin: auto
}
.page-module {
    position: relative
}
@media all and (min-width: 756px) {
    .flex-row.twoThirdsOneThird .column.one {
        width: 66.66%;
        -webkit-flex-basis: 66.66%;
        -ms-flex-basis: 66.66%;
        -ms-flex-preferred-size: 66.66%;
        flex-basis: 66.66%
    }
    .flex-row.twoThirdsOneThird .column.two {
        width: 33.33%;
        -webkit-flex-basis: 33.33%;
        -ms-flex-basis: 33.33%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%
    }
}
@media all and (min-width: 756px) {
    .flex-row.oneThirdTwoThirds .column.one {
        width: 33.33%;
        -webkit-flex-basis: 33.33%;
        -ms-flex-basis: 33.33%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%
    }
    .flex-row.oneThirdTwoThirds .column.two {
        width: 66.66%;
        -webkit-flex-basis: 66.66%;
        -ms-flex-basis: 66.66%;
        -ms-flex-preferred-size: 66.66%;
        flex-basis: 66.66%
    }
}
.flex-row.hero-row {
    padding: 38px 0
}
@media all and (min-width: 756px) {
    .flex-row.hero-row {
        padding: 80px 0
    }
}
@media all and (min-width: 1256px) {
    .flex-row.hero-row {
        padding: 120px 0
    }
}
.flex-row.hero-row.has-image-column {
    height: auto
}
@media all and (min-width: 756px) {
    .flex-row.hero-row.has-image-column {
        height: 600px
    }
}
.flex-row.page-module.spacious-stacked-end {
    padding-top: 38px
}
.flex-row.hero-row.align--center .hero-content .column span.lead {
    margin: auto
}
.flex-row .column,
.flex-row .copy {
    padding-bottom: 18px
}
.threeColumnRow .copy p {
    max-width: 310px;
    margin: 0 auto
}
.resource-list {
    width: auto;
    max-width: 1000px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    padding: 18px
}
.resource-list:after,
.resource-list:before {
    content: '';
    display: table
}
.resource-list:after {
    clear: both
}
@media all and (min-width: 756px) {
    .resource-list {
        -webkit-flex-basis: 33%;
        -ms-flex-basis: 33%;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%
    }
}
.resource-list h4 {
    margin-bottom: 18px
}
.resource-list__item {
    border-top: 1px solid rgba(84, 84, 82, .5)
}
.resource-list .button--cta {
    padding-left: 0
}
.resource-list .button--cta>span {
    top: auto
}
.responsive-table {
    border-collapse: collapse;
    margin: 18px auto;
    border-bottom: 1px solid #828484;
    width: 90%
}
@media all and (min-width: 756px) {
    .responsive-table {
        width: auto;
        width: auto;
        max-width: 1000px;
        float: none;
        display: block;
        padding-left: 0;
        padding-right: 0;
        margin: 38px auto
    }
    .responsive-table:after,
    .responsive-table:before {
        content: '';
        display: table
    }
    .responsive-table:after {
        clear: both
    }
}
.responsive-table tbody,
.responsive-table td,
.responsive-table th,
.responsive-table tr {
    display: block
}
.responsive-table td,
.responsive-table th {
    padding: 9px;
    border: 1px solid #828484;
    border-bottom: none
}
@media all and (min-width: 756px) {
    .responsive-table td,
    .responsive-table th {
        padding: 18px
    }
}
.responsive-table thead {
    background: #f1ead8;
    display: none
}
@media all and (min-width: 756px) {
    .responsive-table thead {
        display: block
    }
}
.responsive-table .mobile-th {
    background: #f1ead8;
    display: block
}
@media all and (min-width: 756px) {
    .responsive-table .mobile-th {
        display: none
    }
}
@media all and (min-width: 756px) {
    .responsive-table thead {
        display: table-header-group
    }
    .responsive-table tbody {
        display: table-row-group
    }
    .responsive-table tr {
        display: table-row
    }
    .responsive-table td,
    .responsive-table th {
        display: table-cell
    }
}
.search-form {
    position: relative;
    border-bottom: 1px solid #f1ead8;
    padding: 0;
    width: 100%;
    height: 60px;
    line-height: 60px
}
.search-form.active {
    border-color: #e73a27
}
.search-form.active .icon {
    color: #e73a27
}
.search-form input {
    border: none;
    font-size: 20px;
    line-height: 35px;
    background: #fffefa;
    position: relative;
    display: inline-block;
    margin-left: 5px;
    top: -2px;
    font-family: Karbon-Regular, sans-serif
}
@media all and (min-width: 756px) {
    .search-form input {
        font-size: 24px;
        height: 40px;
        line-height: 25px
    }
}
.search-form input::-webkit-input-placeholder {
    font-family: Karbon-Regular, sans-serif;
    font-size: 20px
}
@media all and (min-width: 756px) {
    .search-form input::-webkit-input-placeholder {
        font-size: 24px
    }
}
.search-form input:-moz-placeholder {
    font-family: Karbon-Regular, sans-serif;
    font-size: 20px
}
@media all and (min-width: 756px) {
    .search-form input:-moz-placeholder {
        font-size: 24px
    }
}
.search-form input::-moz-placeholder {
    font-family: Karbon-Regular, sans-serif;
    font-size: 20px
}
@media all and (min-width: 756px) {
    .search-form input::-moz-placeholder {
        font-size: 24px
    }
}
.search-form input:-ms-input-placeholder {
    font-family: Karbon-Regular, sans-serif;
    font-size: 20px
}
@media all and (min-width: 756px) {
    .search-form input:-ms-input-placeholder {
        font-size: 24px
    }
}
.search-form input:focus {
    outline: 0;
    font-size: 20px
}
@media all and (min-width: 756px) {
    .search-form input:focus {
        font-size: 24px
    }
}
.search-form .icon-search {
    font-size: 25px;
    display: inline-block
}
.cancel-search {
    display: inline-block;
    font-size: 25px;
    line-height: 25px;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 10px;
    top: 17.5px;
    color: #e73a27;
    cursor: pointer
}
.blast {
    background: #f1ead8
}
.hidden-from-view {
    visibility: hidden;
    height: 0;
    width: 0;
    overflow: hidden
}
.cover,
.signup-form.form,
.signup-form__overlay-screen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}
.signup-form__overlay-screen {
    z-index: 10;
    background: rgba(255, 255, 255, .7)
}
.signup-form.form {
    overflow: hidden;
    display: none;
    text-align: center;
    z-index: 20;
    margin: 0 auto;
    background: #323232;
    padding: 38px 18px 100px;
    -webkit-transform: translateY(1000%);
    -ms-transform: translateY(1000%);
    transform: translateY(1000%);
    -webkit-box-shadow: 0 0 5px rgba(50, 50, 50, .5);
    box-shadow: 0 0 5px rgba(50, 50, 50, .5);
    width: 100%;
    height: 100%;
    max-height: 100%;
    top: 50px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}
@media all and (min-width: 756px) {
    .signup-form.form {
        padding: 38px 18px;
        width: 700px;
        height: 400px;
        top: 0;
        margin: auto
    }
}
.signup-form.form.active {
    display: block
}
.signup-form.form .headline {
    color: #f9f5ea;
    font-size: 20px;
    line-height: 1.3
}
@media all and (min-width: 756px) {
    .signup-form.form .headline {
        font-size: 35px;
        line-height: 40px
    }
}
.signup-form.form input,
.signup-form.form label {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 400px;
    text-align: left;
    color: #f9f5ea;
    background: 0 0
}
.signup-form.form input[type=email],
.signup-form.form input[type=text] {
    border-color: #f9f5ea
}
.signup-form.form .form-row {
    padding-bottom: 0
}
.signup-form.form .form-row.last {
    padding-bottom: 18px
}
.signup-form.form .parsley-errors-list {
    padding-left: 0;
    font-size: 12px
}
.cookie-message-open .signup-form.form {
    top: 100px
}
@media all and (min-width: 756px) {
    .cookie-message-open .signup-form.form {
        top: 0
    }
}
@media all and (min-width: 756px) {
    .signup-form__col {
        width: 50%;
        float: left;
        padding: 0 1em
    }
    .signup-form__col:last-of-type {
        border-left: 1px solid #262626
    }
}
@media all and (min-width: 756px) {
    .flexbox .signup-form.form {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}
.flexbox .signup-form.form .signup-form__col {
    -webkit-flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}
.signup-form__footer {
    padding: .5rem 0 1rem
}
.signup-form__success {
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto
}
.signup-form__cancel {
    position: absolute;
    top: .5rem;
    right: 5px;
    background: 0 0;
    border: none;
    font-size: 2rem;
    cursor: pointer;
    color: #f9f5ea
}
.signup-form__cancel:focus {
    outline: 0
}
@media all and (min-width: 756px) {
    body.silent-os .flex-row.hero-row {
        height: 700px
    }
}
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}
.slick-list:focus {
    outline: 0
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}
.slick-track:after {
    clear: both
}
.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}
.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}
.slick-slide {
    display: none;
    position: relative;
    float: left;
    height: 100%;
    min-height: 1px;
    max-height: 80vh
}
.slick-slide img {
    display: block;
    margin: auto
}
.slick-slide.slick-loading img {
    display: none
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-slide:active img,
.slick-slide:focus {
    outline: 0
}
[dir=rtl] .slick-slide {
    float: right
}
.slick-initialized .slick-slide {
    display: block
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}
.slick-arrow.slick-hidden {
    display: none
}
.left-right-dark-gradient .slider-copy {
    color: #fffefa;
    margin: auto
}
.left-right-dark-gradient .slider-copy .karbon {
    letter-spacing: 1px
}
.slider-copy {
    padding: 18px
}
.touchevents .slick-dots {
    display: block
}
.devices .slick-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}
.slick-dots {
    display: block;
    text-align: center
}
.slick-dots li {
    display: inline-block
}
.slick-dots button {
    position: relative;
    display: block;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    width: 15px;
    height: 15px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: .5;
    margin: 0 5px
}
.slick-dots button:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    border: 3px solid #828484;
    background: #fffefa
}
.slick-dots .slick-active button {
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    opacity: 1
}
.slick-dots .slick-active button:before {
    background: #828484
}
body.devices .slick-dots button:before {
    background: 0 0
}
.left-right-dark-gradient .slick-dots .slick-active button:before {
    background: #fffefa;
    border-color: #fffefa
}
.slider {
    margin: auto;
    padding: 0
}
.devices .slider-image {
    height: 400px
}
@media all and (min-width: 756px) {
    .devices .slider-image {
        height: 550px
    }
    .devices .slider-image .full-background {
        -webkit-background-size: cover;
        background-size: cover
    }
}
@media all and (min-width: 756px) {
    .slider-navigation {
        overflow: hidden
    }
}
@media all and (min-width: 756px) {
    .slider {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}
.slider-main {
    background: #272926;
    padding-bottom: 0;
    width: 100%;
    position: relative
}
.slider-main .slick-arrow {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}
.slider-main:hover .slick-arrow {
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    opacity: 1
}
.slider-navigation {
    display: none
}
.slider-navigation .slider-image {
    -webkit-transition: all 500ms cubic-bezier(.19, 1, .22, 1);
    transition: all 500ms cubic-bezier(.19, 1, .22, 1);
    background-image: -webkit-linear-gradient(135deg, #545452, #3b3b39);
    background-image: -webkit-linear-gradient(135deg, #545452, #3b3b39);
    background-image: linear-gradient(-45deg, #545452, #3b3b39);
    padding: 38px;
    width: 50%
}
.slick-arrow {
    -webkit-transition: 500ms cubic-bezier(.19, 1, .22, 1);
    transition: 500ms cubic-bezier(.19, 1, .22, 1);
    cursor: pointer;
    position: absolute;
    z-index: 25;
    top: 50%;
    left: 18px;
    display: block;
    width: 50px;
    height: 50px;
    font-size: 0;
    text-align: center;
    background: rgba(39, 41, 38, .5);
    border-radius: 50%
}
.slick-arrow:after {
    display: block;
    position: relative;
    font-family: icons;
    content: "\E004";
    font-size: 20px;
    color: #d2cab4
}
.slick-arrow.slick-next {
    right: 18px;
    left: auto
}
.slick-arrow.slick-prev:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
body {
    font-family: Tiempos-Regular, serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 100;
    color: #545452
}
p {
    font-family: Karbon-Regular, sans-serif;
    margin-bottom: 18px
}
p:last-child {
    margin-bottom: 0
}
[class*=button],
button {
    font-family: Karbon-Semibold, sans-serif
}
.button--basic {
    font-family: Karbon-Regular, sans-serif
}
h1,
h2,
h3 {
    margin: 20px 0 5px
}
h1:first-of-type,
h2:first-of-type,
h3:first-of-type {
    margin-top: 0
}
.headline,
h1 {
    font-family: Tiempos-Regular, serif;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 35px;
    line-height: 40px
}
@media all and (min-width: 1000px) {
    .headline,
    h1 {
        font-size: 45px;
        line-height: 55px
    }
}
.headline {
    font-family: Tiempos-Regular, serif;
    display: block;
    margin-bottom: 18px
}
.big-headline {
    font-family: Tiempos-Regular, serif;
    font-size: 40px;
    line-height: 50px
}
@media all and (min-width: 756px) {
    .big-headline {
        font-size: 72px;
        line-height: 75px
    }
}
h2 {
    font-family: Tiempos-Regular, serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 10px
}
h3 {
    font-family: Tiempos-Regular, serif;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: .75px
}
h4 {
    font-family: Karbon-Semibold, sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: 3px
}
h5 {
    font-family: Karbon-Semibold, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 22px
}
@media all and (min-width: 756px) {
    h5 {
        letter-spacing: 2px;
        font-size: 20px;
        line-height: 22px
    }
}
h6 {
    font-family: Karbon-Bold, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase
}
br.desktop {
    display: none
}
@media all and (min-width: 1200px) {
    br.desktop {
        display: block
    }
}
@media all and (min-width: 370px) {
    br.mobile {
        display: none
    }
}
@media all and (min-width: 756px) {
    br.big-phone {
        display: none
    }
}
.lead,
.lead p {
    display: block;
    font-size: 21px;
    line-height: 1.3;
    max-width: 325px
}
@media all and (min-width: 756px) {
    .lead,
    .lead p {
        max-width: 550px
    }
}
.center .lead {
    margin-left: auto;
    margin-right: auto
}
.big-lead,
.big-lead p {
    display: block
}
@media all and (min-width: 756px) {
    .big-lead,
    .big-lead p {
        font-size: 27px;
        line-height: 1.5;
        max-width: 900px
    }
}
.center .big-lead {
    margin: auto
}
.karbon,
.karbon * {
    font-family: Karbon-Regular, sans-serif;
    font-size: 18px
}
.karbon .lead {
    font-size: 24px
}
.large-karbon,
.small-karbon {
    font-family: Karbon-Bold, sans-serif;
    text-transform: uppercase
}
.large-karbon {
    font-size: 40px
}
.karbon small,
.small-karbon,
small {
    font-size: 14px
}
.title {
    font-family: Karbon-Semibold, sans-serif;
    color: #e73a27;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase
}
.strong {
    font-family: Karbon-Semibold, sans-serif
}
@media all and (min-width: 756px) {
    p.narrow {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto
    }
}
.text-center {
    text-align: center
}
.small-quote {
    font-size: 21px;
    line-height: 26px
}
.centerNarrow .headline,
.centerNarrow h2,
.centerNarrow h3,
.centerNarrow h4 {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto
}
.videoRow__video {
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    width: 100%
}
.videoRow__video iframe,
.videoRow__video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.video-feature {
    overflow: hidden;
    position: relative;
    -webkit-transition: 300ms height cubic-bezier(.19, 1, .22, 1);
    transition: 300ms height cubic-bezier(.19, 1, .22, 1)
}
@media all and (min-width: 756px) {
    .video-feature {
        height: 600px
    }
    .video-feature.tall {
        height: 700px
    }
}
.video-feature.darken:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: rgba(39, 41, 38, .3)
}
.video-feature.active {
    background: #828484;
    height: 0;
    padding: 0;
    padding-bottom: 56.25%
}
@media all and (min-width: 1200px) {
    .video-feature.active {
        padding-top: 77px
    }
}
.video-feature.active .full-background-container,
.video-feature.active .video-copy {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}
.video-feature.active .hero-content,
.video-feature.active .hero-image-column {
    display: none
}
.video-feature h1 {
    margin-bottom: 18px
}
.video-feature.left-aligned {
    text-align: left
}
@media all and (min-width: 756px) {
    .video-feature.left-aligned {
        padding-top: 60px
    }
}
.video-feature.left-aligned .inline-image {
    position: absolute;
    top: 50px;
    right: -3%
}
@media all and (min-width: 756px) {
    .video-feature.left-aligned .inline-image {
        top: 0
    }
}
.video-feature.left-aligned .inline-image img {
    max-height: 250px
}
@media all and (min-width: 756px) {
    .video-feature.left-aligned .inline-image img {
        max-height: none
    }
}
.video-feature.centered .copy {
    padding: 0
}
.video-feature__container {
    position: relative;
    z-index: 5;
    max-width: 800px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.video-feature__container .button {
    margin-top: 18px
}
.video-feature.align--center {
    text-align: center
}
.video-headline {
    position: relative;
    z-index: 5;
    color: #fffefa;
    margin-bottom: 160px;
    padding-left: 18px
}
@media all and (min-width: 756px) {
    .video-headline {
        padding-left: 0;
        margin-bottom: 200px
    }
}
.video-headline h5,
.video-headline p {
    max-width: 350px
}
.video-headline .button {
    position: relative;
    z-index: 6
}
.video-headline .big-headline {
    line-height: 1.2
}
.video-copy {
    position: relative;
    z-index: 5;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fffefa;
    max-width: 900px;
    margin: 0 0 80px
}
@media all and (min-width: 756px) {
    .video-copy {
        margin: 0 auto
    }
}
.video-copy p {
    font-family: Karbon-Regular, sans-serif;
    line-height: 1.4;
    font-size: 18px
}
@media all and (min-width: 756px) {
    .video-copy p {
        font-size: 24px
    }
}
.video-copy .copy.center p {
    max-width: 450px;
    margin: auto
}
.video-copy .copy.left p {
    max-width: 800px
}
@media all and (min-width: 756px) {
    .video-copy .copy {
        padding-left: 0;
        margin-bottom: 38px
    }
}
.video-copy .button {
    display: block;
    margin: auto
}
.video-copy .button span {
    color: #fff
}
.video-modal {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 8
}
@media all and (min-width: 1200px) {
    .video-modal {
        top: 77px
    }
}
.close-video {
    position: absolute;
    cursor: pointer;
    z-index: 10;
    top: 10px;
    width: 30px;
    height: 30px;
    right: 20px;
    font-size: 40px;
    color: #fff
}
.close-video:hover {
    color: #e73a27
}
/*!
 * # Semantic UI 1.12.3 - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2014 Contributorss
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

.transition {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.animating.transition {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: visible!important
}
.loading.transition {
    position: absolute;
    top: -99999px;
    left: -99999px
}
.hidden.transition {
    display: none;
    visibility: hidden
}
.visible.transition {
    display: block!important;
    visibility: visible!important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.disabled.transition {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}
.looping.transition {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
.transition.browse {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms
}
.transition.browse.in {
    -webkit-animation-name: browseIn;
    animation-name: browseIn
}
.transition.browse.left.out,
.transition.browse.out {
    -webkit-animation-name: browseOutLeft;
    animation-name: browseOutLeft
}
.transition.browse.right.out {
    -webkit-animation-name: browseOutRight;
    animation-name: browseOutRight
}
@-webkit-keyframes browseIn {
    0% {
        -webkit-transform: scale(.8) translateZ(0);
        transform: scale(.8) translateZ(0);
        z-index: -1
    }
    10% {
        -webkit-transform: scale(.8) translateZ(0);
        transform: scale(.8) translateZ(0);
        z-index: -1;
        opacity: .7
    }
    80% {
        -webkit-transform: scale(1.05) translateZ(0);
        transform: scale(1.05) translateZ(0);
        opacity: 1;
        z-index: 999
    }
    100% {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        z-index: 999
    }
}
@keyframes browseIn {
    0% {
        -webkit-transform: scale(.8) translateZ(0);
        transform: scale(.8) translateZ(0);
        z-index: -1
    }
    10% {
        -webkit-transform: scale(.8) translateZ(0);
        transform: scale(.8) translateZ(0);
        z-index: -1;
        opacity: .7
    }
    80% {
        -webkit-transform: scale(1.05) translateZ(0);
        transform: scale(1.05) translateZ(0);
        opacity: 1;
        z-index: 999
    }
    100% {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        z-index: 999
    }
}
@-webkit-keyframes browseOutLeft {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0) rotateY(0deg) rotateX(0deg);
        transform: translateX(0) rotateY(0deg) rotateX(0deg)
    }
    50% {
        z-index: -1;
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: -1;
        -webkit-transform: translateX(0) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0
    }
}
@keyframes browseOutLeft {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0) rotateY(0deg) rotateX(0deg);
        transform: translateX(0) rotateY(0deg) rotateX(0deg)
    }
    50% {
        z-index: -1;
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: -1;
        -webkit-transform: translateX(0) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0
    }
}
@-webkit-keyframes browseOutRight {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0) rotateY(0deg) rotateX(0deg);
        transform: translateX(0) rotateY(0deg) rotateX(0deg)
    }
    50% {
        z-index: 1;
        -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: 1;
        -webkit-transform: translateX(0) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0
    }
}
@keyframes browseOutRight {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0) rotateY(0deg) rotateX(0deg);
        transform: translateX(0) rotateY(0deg) rotateX(0deg)
    }
    50% {
        z-index: 1;
        -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: 1;
        -webkit-transform: translateX(0) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0
    }
}
.drop.transition {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-timing-function: cubic-bezier(.34, 1.61, .7, 1);
    animation-timing-function: cubic-bezier(.34, 1.61, .7, 1)
}
.drop.transition.in {
    -webkit-animation-name: dropIn;
    animation-name: dropIn
}
.drop.transition.out {
    -webkit-animation-name: dropOut;
    animation-name: dropOut
}
@-webkit-keyframes dropIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes dropIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes dropOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}
@keyframes dropOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}
.transition.fade.in {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
.transition[class*="fade up"].in {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
.transition[class*="fade down"].in {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}
.transition[class*="fade left"].in {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
.transition[class*="fade right"].in {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}
.transition.fade.out {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}
.transition[class*="fade up"].out {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}
.transition[class*="fade down"].out {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}
.transition[class*="fade left"].out {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}
.transition[class*="fade right"].out {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10%);
        transform: translateX(10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10%);
        transform: translateX(10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(10%);
        transform: translateX(10%)
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(10%);
        transform: translateX(10%)
    }
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%)
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%)
    }
}
.flip.transition.in,
.flip.transition.out {
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    -webkit-perspective: 2000px;
    perspective: 2000px
}
.horizontal.flip.transition.in {
    -webkit-animation-name: horizontalFlipIn;
    animation-name: horizontalFlipIn
}
.horizontal.flip.transition.out {
    -webkit-animation-name: horizontalFlipOut;
    animation-name: horizontalFlipOut
}
.vertical.flip.transition.in {
    -webkit-animation-name: verticalFlipIn;
    animation-name: verticalFlipIn
}
.vertical.flip.transition.out {
    -webkit-animation-name: verticalFlipOut;
    animation-name: verticalFlipOut
}
@-webkit-keyframes horizontalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1
    }
}
@keyframes horizontalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1
    }
}
@-webkit-keyframes verticalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1
    }
}
@keyframes verticalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1
    }
}
@-webkit-keyframes horizontalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }
}
@keyframes horizontalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }
}
@-webkit-keyframes verticalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
}
@keyframes verticalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
}
.scale.transition.in {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn
}
.scale.transition.out {
    -webkit-animation-name: scaleOut;
    animation-name: scaleOut
}
@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes scaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
}
@keyframes scaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
}
.transition.fly {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.transition.fly.in {
    -webkit-animation-name: flyIn;
    animation-name: flyIn
}
.transition[class*="fly up"].in {
    -webkit-animation-name: flyInUp;
    animation-name: flyInUp
}
.transition[class*="fly down"].in {
    -webkit-animation-name: flyInDown;
    animation-name: flyInDown
}
.transition[class*="fly left"].in {
    -webkit-animation-name: flyInLeft;
    animation-name: flyInLeft
}
.transition[class*="fly right"].in {
    -webkit-animation-name: flyInRight;
    animation-name: flyInRight
}
.transition.fly.out {
    -webkit-animation-name: flyOut;
    animation-name: flyOut
}
.transition[class*="fly up"].out {
    -webkit-animation-name: flyOutUp;
    animation-name: flyOutUp
}
.transition[class*="fly down"].out {
    -webkit-animation-name: flyOutDown;
    animation-name: flyOutDown
}
.transition[class*="fly left"].out {
    -webkit-animation-name: flyOutLeft;
    animation-name: flyOutLeft
}
.transition[class*="fly right"].out {
    -webkit-animation-name: flyOutRight;
    animation-name: flyOutRight
}
@-webkit-keyframes flyIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes flyIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@-webkit-keyframes flyInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1500px, 0);
        transform: translate3d(0, 1500px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes flyInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1500px, 0);
        transform: translate3d(0, 1500px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@-webkit-keyframes flyInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1500px, 0);
        transform: translate3d(0, -1500px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes flyInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1500px, 0);
        transform: translate3d(0, -1500px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes flyInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes flyInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes flyOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes flyOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@-webkit-keyframes flyOutUp {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
@keyframes flyOutUp {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
@-webkit-keyframes flyOutDown {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
@keyframes flyOutDown {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
@-webkit-keyframes flyOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
@keyframes flyOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
@-webkit-keyframes flyOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
@keyframes flyOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
.transition.slide.in,
.transition[class*="slide down"].in {
    -webkit-animation-name: slideInY;
    animation-name: slideInY;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}
.transition[class*="slide up"].in {
    -webkit-animation-name: slideInY;
    animation-name: slideInY;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}
.transition[class*="slide left"].in {
    -webkit-animation-name: slideInX;
    animation-name: slideInX;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right
}
.transition[class*="slide right"].in {
    -webkit-animation-name: slideInX;
    animation-name: slideInX;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left
}
.transition.slide.out,
.transition[class*="slide down"].out {
    -webkit-animation-name: slideOutY;
    animation-name: slideOutY;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}
.transition[class*="slide up"].out {
    -webkit-animation-name: slideOutY;
    animation-name: slideOutY;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}
.transition[class*="slide left"].out {
    -webkit-animation-name: slideOutX;
    animation-name: slideOutX;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right
}
.transition[class*="slide right"].out {
    -webkit-animation-name: slideOutX;
    animation-name: slideOutX;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left
}
@-webkit-keyframes slideInY {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}
@keyframes slideInY {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}
@-webkit-keyframes slideInX {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes slideInX {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@-webkit-keyframes slideOutY {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}
@keyframes slideOutY {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}
@-webkit-keyframes slideOutX {
    0% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}
@keyframes slideOutX {
    0% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}
.transition.swing {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms
}
.transition[class*="swing down"].in {
    -webkit-animation-name: swingInX;
    animation-name: swingInX;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}
.transition[class*="swing up"].in {
    -webkit-animation-name: swingInX;
    animation-name: swingInX;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}
.transition[class*="swing left"].in {
    -webkit-animation-name: swingInY;
    animation-name: swingInY;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right
}
.transition[class*="swing right"].in {
    -webkit-animation-name: swingInY;
    animation-name: swingInY;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left
}
.transition.swing.out,
.transition[class*="swing down"].out {
    -webkit-animation-name: swingOutX;
    animation-name: swingOutX;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}
.transition[class*="swing up"].out {
    -webkit-animation-name: swingOutX;
    animation-name: swingOutX;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}
.transition[class*="swing left"].out {
    -webkit-animation-name: swingOutY;
    animation-name: swingOutY;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right
}
.transition[class*="swing right"].out {
    -webkit-animation-name: swingOutY;
    animation-name: swingOutY;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left
}
@-webkit-keyframes swingInX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(15deg);
        transform: perspective(1000px) rotateX(15deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg)
    }
}
@keyframes swingInX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(15deg);
        transform: perspective(1000px) rotateX(15deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg)
    }
}
@-webkit-keyframes swingInY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-17.5deg);
        transform: perspective(1000px) rotateY(-17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg)
    }
}
@keyframes swingInY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-17.5deg);
        transform: perspective(1000px) rotateY(-17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg)
    }
}
@-webkit-keyframes swingOutX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(17.5deg);
        transform: perspective(1000px) rotateX(17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
}
@keyframes swingOutX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(17.5deg);
        transform: perspective(1000px) rotateX(17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
}
@-webkit-keyframes swingOutY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-10deg);
        transform: perspective(1000px) rotateY(-10deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
}
@keyframes swingOutY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-10deg);
        transform: perspective(1000px) rotateY(-10deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
}
.flash.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: flash;
    animation-name: flash
}
.shake.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: shake;
    animation-name: shake
}
.bounce.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: bounce;
    animation-name: bounce
}
.tada.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: tada;
    animation-name: tada
}
.pulse.transition {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-name: pulse;
    animation-name: pulse
}
.jiggle.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: jiggle;
    animation-name: jiggle
}
@-webkit-keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
@keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}
@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}
@-webkit-keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}
@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: .7
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: .7
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@-webkit-keyframes jiggle {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes jiggle {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
/*!
 * # Semantic UI 1.12.3 - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

.ui.dropdown {
    cursor: pointer;
    display: inline-block;
    line-height: 1em;
    tap-highlight-color: transparent;
    outline: 0;
    text-align: left;
    -webkit-transition: border-radius .1s ease, width .2s ease;
    transition: border-radius .1s ease, width .2s ease
}
.ui.dropdown .menu {
    cursor: auto;
    position: absolute;
    display: none;
    outline: 0;
    top: 100%;
    margin: 0;
    padding: 0 0;
    background: #fff;
    min-width: 100%;
    white-space: nowrap;
    font-size: 1rem;
    text-shadow: none;
    text-align: left;
    -webkit-box-shadow: 0 1px 4px 0 rgba(39, 41, 43, .15);
    box-shadow: 0 1px 4px 0 rgba(39, 41, 43, .15);
    border: 1px solid rgba(39, 41, 43, .15);
    border-radius: 0 0 .2857rem .2857rem;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    z-index: 11;
    will-change: transform, opacity
}
.ui.dropdown>input:not(.search):first-child,
.ui.dropdown>select {
    display: none!important
}
.ui.dropdown .menu>.item .dropdown.icon {
    width: auto;
    float: right;
    margin: 0 0 0 1em
}
.ui.dropdown .menu>.item .dropdown.icon+.text {
    margin-right: 1em
}
.ui.dropdown>.text {
    display: inline-block;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}
.ui.dropdown .menu>.item {
    position: relative;
    cursor: pointer;
    display: block;
    border: none;
    height: auto;
    border-top: none;
    line-height: 1em;
    color: rgba(0, 0, 0, .8);
    font-size: 1rem;
    text-transform: none;
    font-weight: 400;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-touch-callout: none
}
.ui.dropdown .menu>.item:first-child {
    border-top-width: 0
}
.ui.dropdown .menu .item>[class*="right floated"],
.ui.dropdown>.text>[class*="right floated"] {
    float: right!important;
    margin-right: 0!important;
    margin-left: 1em!important
}
.ui.dropdown .menu .item>[class*="left floated"],
.ui.dropdown>.text>[class*="left floated"] {
    float: left!important;
    margin-left: 0!important;
    margin-right: 1em!important
}
.ui.dropdown .menu .item>.flag.floated,
.ui.dropdown .menu .item>.icon.floated,
.ui.dropdown .menu .item>.image.floated,
.ui.dropdown .menu .item>img.floated {
    margin-top: 0
}
.ui.dropdown .menu>.header {
    margin: 1rem 0 .75rem;
    padding: 0 1.14285714em;
    color: rgba(0, 0, 0, .85);
    font-size: .7857rem;
    font-weight: 700;
    text-transform: uppercase
}
.ui.dropdown .menu>.divider {
    border-top: 1px solid rgba(0, 0, 0, .05);
    height: 0;
    margin: .5em 0
}
.ui.dropdown .menu>.input {
    margin: .75rem 1.14285714em;
    min-width: 200px
}
.ui.dropdown .menu>.header+.input {
    margin-top: 0
}
.ui.dropdown .menu>.input:not(.transparent) input {
    padding: .5em 1em
}
.ui.dropdown .menu>.input:not(.transparent) .button,
.ui.dropdown .menu>.input:not(.transparent) .icon,
.ui.dropdown .menu>.input:not(.transparent) .label {
    padding-top: .5em;
    padding-bottom: .5em
}
.ui.dropdown .menu>.item>.description,
.ui.dropdown>.text>.description {
    margin: 0 0 0 1em;
    color: rgba(0, 0, 0, .4)
}
.ui.dropdown .menu .menu {
    top: 0!important;
    left: 100%!important;
    right: auto!important;
    margin: 0 0 0 -.5em!important;
    border-radius: 0 .2857rem .2857rem 0!important;
    z-index: 21!important
}
.ui.dropdown .menu .menu:after {
    display: none
}
.ui.dropdown .menu>.item>.flag,
.ui.dropdown .menu>.item>.icon,
.ui.dropdown .menu>.item>.image,
.ui.dropdown .menu>.item>.label,
.ui.dropdown .menu>.item>img,
.ui.dropdown>.text>.flag,
.ui.dropdown>.text>.icon,
.ui.dropdown>.text>.image,
.ui.dropdown>.text>.label,
.ui.dropdown>.text>img {
    margin-top: 0;
    margin-left: 0;
    float: none;
    margin-right: .75em
}
.ui.dropdown .menu>.item>.image,
.ui.dropdown .menu>.item>img,
.ui.dropdown>.text>.image,
.ui.dropdown>.text>img {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    max-height: 2.5em
}
.ui.dropdown .ui.menu>.item:before,
.ui.menu .ui.dropdown .menu>.item:before {
    display: none
}
.ui.menu .ui.dropdown .menu .active.item {
    border-left: none
}
.ui.buttons>.ui.dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.menu .right.menu .dropdown:last-child .menu {
    left: auto;
    right: 0
}
.ui.dropdown.icon.button>.dropdown.icon {
    margin: 0
}
.ui.dropdown.button:not(.pointing):not(.floating).active,
.ui.dropdown.button:not(.pointing):not(.floating).visible {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.ui.selection.dropdown {
    cursor: pointer;
    word-wrap: break-word;
    white-space: normal;
    outline: 0;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    min-width: 240px;
    background: #fff;
    display: inline-block;
    color: rgba(0, 0, 0, .8);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(39, 41, 43, .15);
    -webkit-transition: border-radius .1s ease, width .2s ease, -webkit-box-shadow .2s ease, border .2s ease;
    transition: border-radius .1s ease, width .2s ease, box-shadow .2s ease, border .2s ease
}
.ui.selection.dropdown.active,
.ui.selection.dropdown.visible {
    z-index: 10
}
select.ui.dropdown {
    height: 38px;
    padding: .5em;
    border: 1px solid rgba(39, 41, 43, .15);
    visibility: visible
}
.ui.selection.dropdown>.text {
    margin-right: 2em
}
.ui.selection.dropdown>.delete.icon,
.ui.selection.dropdown>.dropdown.icon,
.ui.selection.dropdown>.search.icon {
    cursor: pointer;
    position: absolute;
    top: auto;
    width: auto;
    margin: -.8em;
    padding: .8em;
    right: 1.1em;
    opacity: .8;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}
.ui.compact.selection.dropdown {
    min-width: 0
}
.ui.selection.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    border-top-width: 0!important;
    width: auto;
    margin: 0 -1px;
    min-width: -webkit-calc(100% + 2px);
    min-width: calc(100% + 2px);
    outline: 0;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    -webkit-transition: -webkit-box-shadow .2s ease, border .2s ease;
    transition: box-shadow .2s ease, border .2s ease
}
.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
    display: none
}
@media all and (-ms-high-contrast: none) {
    .ui.selection.dropdown .menu {
        min-width: -webkit-calc(100% - 15px);
        min-width: calc(100% - 15px)
    }
}
@media only screen and (max-width: 767px) {
    .ui.selection.dropdown .menu {
        max-height: 7.49991429em
    }
}
@media only screen and (min-width: 768px) {
    .ui.selection.dropdown .menu {
        max-height: 9.99988571em
    }
}
@media only screen and (min-width: 992px) {
    .ui.selection.dropdown .menu {
        max-height: 14.99982857em
    }
}
@media only screen and (min-width: 1920px) {
    .ui.selection.dropdown .menu {
        max-height: 19.99977143em
    }
}
.ui.selection.dropdown .menu>.item {
    border-top: 1px solid rgba(0, 0, 0, .05);
    white-space: normal;
    word-wrap: normal
}
.ui.selection.dropdown:hover {
    border-color: rgba(39, 41, 43, .3);
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05)
}
.ui.selection.dropdown.disabled,
.ui.selection.dropdown.disabled:hover {
    cursor: default;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0, 0, 0, .8);
    border: 1px solid rgba(39, 41, 43, .15);
    opacity: .3!important
}
.ui.selection.dropdown.visible,
.ui.selection.visible.dropdown:hover {
    border-color: rgba(39, 41, 43, .3);
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .08)
}
.ui.selection.visible.dropdown .menu {
    border-color: rgba(39, 41, 43, .3);
    -webkit-box-shadow: 0 2px 6px 0 rgba(39, 41, 43, .15);
    box-shadow: 0 2px 6px 0 rgba(39, 41, 43, .15)
}
.ui.selection.active.dropdown>.text:not(.default),
.ui.selection.visible.dropdown>.text:not(.default) {
    font-weight: 400;
    color: rgba(0, 0, 0, .8)
}
.ui.active.selection.dropdown>.dropdown.icon,
.ui.visible.selection.dropdown>.dropdown.icon {
    opacity: 1;
    z-index: 3
}
.ui.active.selection.dropdown,
.ui.visible.selection.dropdown {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}
.ui.search.dropdown {
    min-width: ''
}
.ui.search.dropdown>input.search {
    background: none transparent!important;
    border: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border-radius: 0!important;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    outline: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    padding: inherit;
    position: absolute;
    z-index: 2
}
.ui.search.dropdown>.text {
    cursor: text;
    position: relative;
    z-index: 3
}
.ui.search.selection.dropdown>input.search {
    line-height: 1.2142em;
    padding: .6929em 1.1em
}
.ui.search.dropdown.active>input.search,
.ui.search.dropdown.visible>input.search {
    cursor: auto
}
.ui.search.dropdown.active>.text,
.ui.search.dropdown.visible>.text {
    pointer-events: none
}
.ui.active.search.dropdown>input.search:focus+.text {
    color: rgba(0, 0, 0, .4)!important
}
.ui.search.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch
}
@media only screen and (max-width: 767px) {
    .ui.search.dropdown .menu {
        max-height: 7.49991429em
    }
}
@media only screen and (min-width: 768px) {
    .ui.search.dropdown .menu {
        max-height: 9.99988571em
    }
}
@media only screen and (min-width: 992px) {
    .ui.search.dropdown .menu {
        max-height: 14.99982857em
    }
}
@media only screen and (min-width: 1920px) {
    .ui.search.dropdown .menu {
        max-height: 19.99977143em
    }
}
.ui.inline.dropdown {
    cursor: pointer;
    display: inline-block;
    color: inherit
}
.ui.inline.dropdown .dropdown.icon {
    margin: 0 .5em 0 .25em;
    vertical-align: top
}
.ui.inline.dropdown>.text {
    font-weight: 700
}
.ui.inline.dropdown .menu {
    cursor: auto;
    margin-top: .25em;
    border-radius: .2857rem
}
.ui.dropdown .menu>.item:hover {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .8);
    z-index: 13
}
.ui.dropdown .menu .active.item {
    background: 0 0;
    font-weight: 700;
    color: rgba(0, 0, 0, .8);
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 12
}
.ui.default.dropdown>.text,
.ui.dropdown>.default.text {
    color: rgba(179, 179, 179, .7)
}
.ui.default.dropdown:hover>.text,
.ui.dropdown:hover>.default.text {
    color: rgba(140, 140, 140, .7)
}
.ui.loading.dropdown>.text {
    -webkit-transition: none;
    transition: none
}
.ui.dropdown>.loading.menu {
    display: block;
    visibility: hidden;
    z-index: -1
}
.ui.dropdown .menu .selected.item,
.ui.dropdown.selected {
    background: rgba(0, 0, 0, .03);
    color: rgba(0, 0, 0, .8)
}
.ui.dropdown>.filtered.text {
    visibility: hidden
}
.ui.dropdown .filtered.item {
    display: none!important
}
.ui.dropdown.error,
.ui.dropdown.error>.default.text,
.ui.dropdown.error>.text {
    color: #a94442
}
.ui.selection.dropdown.error {
    background: #fff0f0;
    border-color: #dbb1b1
}
.ui.dropdown.error>.menu,
.ui.dropdown.error>.menu .menu,
.ui.selection.dropdown.error:hover {
    border-color: #dbb1b1
}
.ui.dropdown.error>.menu>.item {
    color: #d95c5c
}
.ui.dropdown.error>.menu>.item:hover {
    background-color: #fff2f2
}
.ui.dropdown.error>.menu .active.item {
    background-color: #fdcfcf
}
.ui.disabled.dropdown {
    cursor: default;
    pointer-events: none;
    opacity: .3
}
.ui.dropdown .menu {
    left: 0
}
.ui.dropdown .menu .right.menu,
.ui.dropdown .right.menu>.menu {
    left: 100%!important;
    right: auto!important
}
.ui.dropdown .menu .left.menu,
.ui.dropdown>.left.menu .menu {
    left: auto!important;
    right: 100%!important
}
.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
    width: auto;
    float: left;
    margin: 0 .75em 0 0
}
.ui.dropdown .item .left.dropdown.icon+.text,
.ui.dropdown .left.menu .item .dropdown.icon+.text {
    margin-left: 1em
}
.ui.upward.dropdown>.menu {
    top: auto;
    bottom: 100%;
    -webkit-box-shadow: 0 0 4px 0 rgba(39, 41, 43, .15);
    box-shadow: 0 0 4px 0 rgba(39, 41, 43, .15);
    border-radius: .2857rem .2857rem 0 0
}
.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
    border-radius: .2857rem .2857rem 0 0!important
}
.ui.upward.dropdown.button:not(.pointing):not(.floating).active,
.ui.upward.dropdown.button:not(.pointing):not(.floating).visible {
    border-radius: .2857rem .2857rem 0 0
}
.ui.upward.selection.dropdown .menu {
    border-top-width: 1px!important;
    border-bottom-width: 0!important
}
.ui.upward.selection.dropdown:hover {
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05)
}
.ui.upward.selection.visible.dropdown:hover {
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .05)
}
.ui.active.upward.selection.dropdown,
.ui.visible.upward.selection.dropdown {
    border-radius: 0 0 .2857rem .2857rem!important
}
.ui.upward.selection.dropdown.visible,
.ui.upward.selection.visible.dropdown:hover .menu {
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .08)
}
.ui.simple.dropdown .menu:after,
.ui.simple.dropdown .menu:before {
    display: none
}
.ui.simple.dropdown .menu {
    position: absolute;
    display: block;
    overflow: hidden;
    top: -9999px!important;
    opacity: 0;
    width: 0;
    height: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}
.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}
.ui.simple.active.dropdown>.menu,
.ui.simple.dropdown:hover>.menu {
    overflow: visible;
    width: auto;
    height: auto;
    top: 100%!important;
    opacity: 1
}
.ui.simple.dropdown:hover>.menu>.item:hover>.menu,
.ui.simple.dropdown>.menu>.item:active>.menu {
    overflow: visible;
    width: auto;
    height: auto;
    top: 0!important;
    left: 100%!important;
    opacity: 1
}
.ui.simple.disabled.dropdown:hover .menu {
    display: none;
    height: 0;
    width: 0;
    overflow: hidden
}
.ui.simple.visible.dropdown>.menu {
    display: block
}
.ui.fluid.dropdown {
    display: block;
    width: 100%;
    min-width: 0
}
.ui.fluid.dropdown>.dropdown.icon {
    float: right
}
.ui.floating.dropdown .menu {
    left: 0;
    right: auto;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);
    border-radius: .2857rem
}
.ui.floating.dropdown>.menu {
    margin-top: .5em!important
}
.ui.pointing.dropdown>.menu {
    top: 100%;
    margin-top: .75em;
    border-radius: .2857rem
}
.ui.pointing.dropdown>.menu:after {
    display: block;
    position: absolute;
    pointer-events: none;
    content: '';
    visibility: visible;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: .5em;
    height: .5em;
    -webkit-box-shadow: -1px -1px 0 1px rgba(0, 0, 0, .1);
    box-shadow: -1px -1px 0 1px rgba(0, 0, 0, .1);
    background: #fff;
    z-index: 2;
    top: -.25em;
    left: 50%;
    margin: 0 0 0 -.25em
}
.ui.top.left.pointing.dropdown>.menu {
    top: 100%;
    bottom: auto;
    left: 0;
    right: auto;
    margin: 1em 0 0
}
.ui.top.left.pointing.dropdown>.menu:after {
    top: -.25em;
    left: 1em;
    right: auto;
    margin: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.ui.top.right.pointing.dropdown>.menu {
    top: 100%;
    bottom: auto;
    right: 0;
    left: auto;
    margin: 1em 0 0
}
.ui.top.right.pointing.dropdown>.menu:after {
    top: -.25em;
    left: auto;
    right: 1em;
    margin: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.ui.left.pointing.dropdown>.menu {
    top: 0;
    left: 100%;
    right: auto;
    margin: 0 0 0 1em
}
.ui.left.pointing.dropdown>.menu:after {
    top: 1em;
    left: -.25em;
    margin: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.ui.right.pointing.dropdown>.menu {
    top: 0;
    left: auto;
    right: 100%;
    margin: 0 1em 0 0
}
.ui.right.pointing.dropdown>.menu:after {
    top: 1em;
    left: auto;
    right: -.25em;
    margin: 0;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}
.ui.bottom.pointing.dropdown>.menu {
    top: auto;
    bottom: 100%;
    left: 0;
    right: auto;
    margin: 0 0 1em
}
.ui.bottom.pointing.dropdown>.menu:after {
    top: auto;
    bottom: -.25em;
    right: auto;
    margin: 0;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}
.ui.bottom.pointing.dropdown>.menu .menu {
    top: auto!important;
    bottom: 0!important
}
.ui.bottom.left.pointing.dropdown>.menu {
    left: 0;
    right: auto
}
.ui.bottom.left.pointing.dropdown>.menu:after {
    left: 1em;
    right: auto
}
.ui.bottom.right.pointing.dropdown>.menu {
    right: 0;
    left: auto
}
.ui.bottom.right.pointing.dropdown>.menu:after {
    left: auto;
    right: 1em
}
.ui.dropdown>.dropdown.icon {
    line-height: 1;
    height: 1em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    width: auto
}
.ui.dropdown .menu .item .dropdown.icon:before {
    content: '\f0da'
}
.ui.dropdown .item .left.dropdown.icon:before,
.ui.dropdown .left.menu .item .dropdown.icon:before {
    content: "\f0d9"
}
.ui.upward.dropdown>.dropdown.icon:before {
    content: "\f0d8"
}
.ui.vertical.menu .dropdown.item>.dropdown.icon:before {
    content: "\f0da"
}
/*!
 * # Semantic UI 1.12.3 - Form
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

.ui.form {
    position: relative;
    max-width: 100%
}
.ui.form>p {
    margin: 1em 0
}
.ui.form .field,
.ui.form .fields .field {
    clear: both;
    margin: 0 0 1em
}
.ui.form .field:last-child,
.ui.form .fields:last-child {
    margin-bottom: 0
}
.ui.form .field>label {
    display: block;
    margin: 0 0 .2857rem 0;
    color: rgba(0, 0, 0, .8);
    font-size: .9285em;
    font-weight: 700;
    text-transform: none
}
.ui.form .grouped.fields>label {
    margin: 0 0 .2857rem 0;
    color: rgba(0, 0, 0, .8);
    font-weight: 700;
    text-transform: none
}
.ui.form .inline.fields>label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1em 0 0;
    color: rgba(0, 0, 0, .8);
    font-size: .9285em;
    font-weight: 700;
    text-transform: none
}
.ui.form .ui.input,
.ui.form input:not([type]),
.ui.form input[type=date],
.ui.form input[type=datetime-local],
.ui.form input[type=email],
.ui.form input[type=number],
.ui.form input[type=password],
.ui.form input[type=search],
.ui.form input[type=tel],
.ui.form input[type=time],
.ui.form input[type=text],
.ui.form input[type=url],
.ui.form textarea {
    width: 100%;
    vertical-align: top
}
.ui.form input:not([type]),
.ui.form input[type=date],
.ui.form input[type=datetime-local],
.ui.form input[type=email],
.ui.form input[type=number],
.ui.form input[type=password],
.ui.form input[type=search],
.ui.form input[type=tel],
.ui.form input[type=time],
.ui.form input[type=text],
.ui.form input[type=url] {
    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    margin: 0;
    outline: 0;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255, 255, 255, 0);
    line-height: 1.2142em;
    padding: .67861em 1em;
    font-size: 1em;
    background: #fff;
    border: 1px solid rgba(39, 41, 43, .15);
    color: rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 0 0 0 transparent inset;
    box-shadow: 0 0 0 0 transparent inset;
    -webkit-transition: background-color .2s ease, color .2s ease, -webkit-box-shadow .2s ease, border-color .2s ease;
    transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, border-color .2s ease
}
.ui.form textarea,
.ui.textarea {
    margin: 0;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255, 255, 255, 0);
    padding: .78571em 1em;
    background: #fff;
    border: 1px solid rgba(39, 41, 43, .15);
    outline: 0;
    color: rgba(0, 0, 0, .8);
    border-radius: .2857rem;
    -webkit-box-shadow: 0 0 0 0 transparent inset;
    box-shadow: 0 0 0 0 transparent inset;
    -webkit-transition: background-color .2s ease, color .2s ease, -webkit-box-shadow .2s ease, border-color .2s ease;
    transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, border-color .2s ease;
    font-size: 1em;
    height: 12em;
    min-height: 8em;
    max-height: 24em;
    line-height: 1.2857;
    resize: vertical
}
.ui.form input[type=checkbox],
.ui.form textarea {
    vertical-align: top
}
.ui.form input.attached {
    width: auto
}
.ui.form select {
    display: block;
    height: auto;
    width: 100%;
    background: #fff;
    border: 1px solid rgba(39, 41, 43, .15);
    border-radius: .2857rem;
    -webkit-box-shadow: 0 0 0 0 transparent inset;
    box-shadow: 0 0 0 0 transparent inset;
    padding: .62em 1em;
    color: rgba(0, 0, 0, .8);
    -webkit-transition: background-color .2s ease, color .2s ease, -webkit-box-shadow .2s ease, border-color .2s ease;
    transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, border-color .2s ease
}
.ui.form .field>.selection.dropdown {
    width: 100%
}
.ui.form .field>.selection.dropdown>.dropdown.icon {
    float: right
}
.ui.form .inline.field>.selection.dropdown {
    width: auto
}
.ui.form .inline.field>.selection.dropdown>.dropdown.icon {
    float: none
}
.ui.form .divider {
    clear: both;
    margin: 1em 0
}
.ui.form .error.message,
.ui.form .success.message,
.ui.form .warning.message {
    display: none
}
.ui.form .message:first-child {
    margin-top: 0
}
.ui.form .field .prompt.label {
    white-space: nowrap
}
.ui.form .inline.field .prompt {
    margin: -.5em 0 -.5em 1em
}
.ui.form .inline.field .prompt:before {
    margin-top: -.3em;
    bottom: auto;
    right: auto;
    top: 50%;
    left: 0
}
.ui.form::-webkit-input-placeholder {
    color: rgba(140, 140, 140, .8)
}
.ui.form::-moz-placeholder {
    color: rgba(140, 140, 140, .8)
}
.ui.form:focus::-webkit-input-placeholder {
    color: rgba(89, 89, 89, .8)
}
.ui.form:focus::-moz-placeholder {
    color: rgba(89, 89, 89, .8)
}
.ui.form .error::-webkit-input-placeholder {
    color: #e38585
}
.ui.form .error::-moz-placeholder {
    color: #e38585
}
.ui.form .error:focus::-webkit-input-placeholder {
    color: #de7171
}
.ui.form .error:focus::-moz-placeholder {
    color: #de7171
}
.ui.form input:not([type]):focus,
.ui.form input[type=date]:focus,
.ui.form input[type=datetime-local]:focus,
.ui.form input[type=email]:focus,
.ui.form input[type=number]:focus,
.ui.form input[type=password]:focus,
.ui.form input[type=search]:focus,
.ui.form input[type=tel]:focus,
.ui.form input[type=time]:focus,
.ui.form input[type=text]:focus,
.ui.form input[type=url]:focus {
    color: rgba(0, 0, 0, .85);
    border-color: rgba(39, 41, 43, .3);
    background: #fff
}
.ui.form textarea:focus {
    color: rgba(0, 0, 0, .85);
    border-color: rgba(39, 41, 43, .3);
    background: #fff;
    -webkit-appearance: none
}
.ui.form.error .error.message,
.ui.form.success .success.message,
.ui.form.warning .warning.message {
    display: block
}
.ui.form .field.error .input,
.ui.form .field.error label,
.ui.form .fields.error .field .input,
.ui.form .fields.error .field label {
    color: #d95c5c
}
.ui.form .field.error .corner.label,
.ui.form .fields.error .field .corner.label {
    border-color: #d95c5c;
    color: #fff
}
.ui.form .field.error input:not([type]),
.ui.form .field.error input[type=date],
.ui.form .field.error input[type=datetime-local],
.ui.form .field.error input[type=email],
.ui.form .field.error input[type=number],
.ui.form .field.error input[type=password],
.ui.form .field.error input[type=search],
.ui.form .field.error input[type=tel],
.ui.form .field.error input[type=time],
.ui.form .field.error input[type=text],
.ui.form .field.error input[type=url],
.ui.form .field.error select,
.ui.form .field.error textarea,
.ui.form .fields.error .field input:not([type]),
.ui.form .fields.error .field input[type=date],
.ui.form .fields.error .field input[type=datetime-local],
.ui.form .fields.error .field input[type=email],
.ui.form .fields.error .field input[type=number],
.ui.form .fields.error .field input[type=password],
.ui.form .fields.error .field input[type=search],
.ui.form .fields.error .field input[type=tel],
.ui.form .fields.error .field input[type=time],
.ui.form .fields.error .field input[type=text],
.ui.form .fields.error .field input[type=url],
.ui.form .fields.error .field select,
.ui.form .fields.error .field textarea {
    background: #fff0f0;
    border-color: #dbb1b1;
    color: #d95c5c;
    border-radius: 0 .2857rem .2857rem 0;
    -webkit-box-shadow: 2px 0 0 0 #d95c5c inset;
    box-shadow: 2px 0 0 0 #d95c5c inset
}
.ui.form .field.error input:not([type]):focus,
.ui.form .field.error input[type=date]:focus,
.ui.form .field.error input[type=datetime-local]:focus,
.ui.form .field.error input[type=email]:focus,
.ui.form .field.error input[type=number]:focus,
.ui.form .field.error input[type=password]:focus,
.ui.form .field.error input[type=search]:focus,
.ui.form .field.error input[type=tel]:focus,
.ui.form .field.error input[type=time]:focus,
.ui.form .field.error input[type=text]:focus,
.ui.form .field.error input[type=url]:focus,
.ui.form .field.error select:focus,
.ui.form .field.error textarea:focus {
    background: #fff0f0;
    border-color: #dbb1b1;
    color: #dc6868;
    -webkit-appearance: none;
    -webkit-box-shadow: 2px 0 0 0 #dc6868 inset;
    box-shadow: 2px 0 0 0 #dc6868 inset
}
.ui.form .field.error select {
    -webkit-appearance: menulist-button
}
.ui.form .field.error .ui.dropdown,
.ui.form .field.error .ui.dropdown .item,
.ui.form .field.error .ui.dropdown .text,
.ui.form .fields.error .field .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown .item {
    background: #fff0f0;
    color: #d95c5c
}
.ui.form .field.error .ui.dropdown,
.ui.form .field.error .ui.dropdown:hover,
.ui.form .fields.error .field .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown:hover {
    border-color: #dbb1b1!important
}
.ui.form .field.error .ui.dropdown:hover .menu,
.ui.form .fields.error .field .ui.dropdown:hover .menu {
    border-color: #dbb1b1
}
.ui.form .field.error .ui.dropdown .menu .item:hover,
.ui.form .fields.error .field .ui.dropdown .menu .item:hover {
    background-color: #fbe7e7
}
.ui.form .field.error .ui.dropdown .menu .active.item,
.ui.form .fields.error .field .ui.dropdown .menu .active.item {
    background-color: #fdcfcf!important
}
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label {
    color: #d95c5c
}
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before {
    background: #fff0f0;
    border-color: #dbb1b1
}
.ui.form .field.error .checkbox .box:after,
.ui.form .field.error .checkbox label:after,
.ui.form .fields.error .field .checkbox .box:after,
.ui.form .fields.error .field .checkbox label:after {
    color: #d95c5c
}
.ui.form .field:disabled,
.ui.form .field.disabled,
.ui.form .field.disabled label {
    opacity: .5
}
.ui.form .field.disabled:disabled {
    opacity: 1
}
.ui.loading.form {
    position: relative;
    cursor: default;
    point-events: none;
    text-shadow: none!important;
    color: transparent!important;
    -webkit-transition: all 0s linear;
    transition: all 0s linear;
    z-index: 100
}
.ui.loading.form:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .8);
    width: 100%;
    height: 100%;
    z-index: 100
}
.ui.loading.form:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -1.5em 0 0 -1.5em;
    width: 3em;
    height: 3em;
    -webkit-animation: form-spin .6s linear;
    animation: form-spin .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #aaa rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1);
    border-style: solid;
    border-width: .2em;
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent;
    visibility: visible;
    z-index: 101
}
@-webkit-keyframes form-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes form-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.ui.form .required.field>.checkbox:after,
.ui.form .required.field>label:after,
.ui.form .required.fields.grouped>label:after,
.ui.form .required.fields:not(.grouped)>.field>.checkbox:after,
.ui.form .required.fields:not(.grouped)>.field>label:after {
    margin: -.2em 0 0 .2em;
    content: '*';
    color: #d95c5c
}
.ui.form .required.field>label:after,
.ui.form .required.fields.grouped>label:after,
.ui.form .required.fields:not(.grouped)>.field>label:after {
    display: inline-block;
    vertical-align: top
}
.ui.form .required.field>.checkbox:after,
.ui.form .required.fields:not(.grouped)>.field>.checkbox:after {
    position: absolute;
    top: 0;
    left: 100%
}
.ui.form .inverted.segment .ui.checkbox .box,
.ui.form .inverted.segment .ui.checkbox label,
.ui.form .inverted.segment label,
.ui.inverted.form .ui.checkbox .box,
.ui.inverted.form .ui.checkbox label,
.ui.inverted.form label {
    color: #fff
}
.ui.form .grouped.fields {
    margin: 0 0 1em
}
.ui.form .grouped.fields:last-child {
    margin-bottom: 0
}
.ui.form .grouped.fields>label {
    font-size: .9285em
}
.ui.form .grouped.fields .field {
    display: block;
    float: none;
    margin: .5em 0;
    padding: 0
}
.ui.form .fields {
    clear: both
}
.ui.form .fields:after {
    content: ' ';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.ui.form .fields>.field {
    clear: none;
    float: left;
    padding-left: .5em;
    padding-right: .5em
}
.ui.form .fields>.field:first-child {
    border-left: none;
    -webkit-box-shadow: none;
    box-shadow: none
}
.ui.form .two.fields>.field,
.ui.form .two.fields>.fields {
    width: 50%
}
.ui.form .three.fields>.field,
.ui.form .three.fields>.fields {
    width: 33.33333333%
}
.ui.form .four.fields>.field,
.ui.form .four.fields>.fields {
    width: 25%
}
.ui.form .five.fields>.field,
.ui.form .five.fields>.fields {
    width: 20%
}
.ui.form .six.fields>.field,
.ui.form .six.fields>.fields {
    width: 16.66666667%
}
.ui.form .seven.fields>.field,
.ui.form .seven.fields>.fields {
    width: 14.28571429%
}
.ui.form .eight.fields>.field,
.ui.form .eight.fields>.fields {
    width: 12.5%
}
.ui.form .nine.fields>.field,
.ui.form .nine.fields>.fields {
    width: 11.11111111%
}
.ui.form .ten.fields>.field,
.ui.form .ten.fields>.fields {
    width: 10%
}
@media only screen and (max-width: 767px) {
    .ui.form .eight.fields>.field,
    .ui.form .eight.fields>.fields,
    .ui.form .five.fields>.field,
    .ui.form .five.fields>.fields,
    .ui.form .four.fields>.field,
    .ui.form .four.fields>.fields,
    .ui.form .nine.fields>.field,
    .ui.form .nine.fields>.fields,
    .ui.form .seven.fields>.field,
    .ui.form .seven.fields>.fields,
    .ui.form .six.fields>.field,
    .ui.form .six.fields>.fields,
    .ui.form .ten.fields>.field,
    .ui.form .ten.fields>.fields,
    .ui.form .three.fields>.field,
    .ui.form .three.fields>.fields,
    .ui.form .two.fields>.field,
    .ui.form .two.fields>.fields {
        width: 100%!important;
        margin: 0 0 1em;
        padding-left: 0;
        padding-right: 0
    }
}
.ui.form .fields .field:first-child {
    padding-left: 0
}
.ui.form .fields .field:last-child {
    padding-right: 0
}
.ui.form .fields .wide.field {
    width: 6.25%;
    padding-left: .5em;
    padding-right: .5em
}
.ui.form .fields .wide.field:first-child {
    padding-left: 0
}
.ui.form .fields .wide.field:last-child {
    padding-right: 0
}
.ui.form .one.wide.field {
    width: 6.25%!important
}
.ui.form .two.wide.field {
    width: 12.5%!important
}
.ui.form .three.wide.field {
    width: 18.75%!important
}
.ui.form .four.wide.field {
    width: 25%!important
}
.ui.form .five.wide.field {
    width: 31.25%!important
}
.ui.form .six.wide.field {
    width: 37.5%!important
}
.ui.form .seven.wide.field {
    width: 43.75%!important
}
.ui.form .eight.wide.field {
    width: 50%!important
}
.ui.form .nine.wide.field {
    width: 56.25%!important
}
.ui.form .ten.wide.field {
    width: 62.5%!important
}
.ui.form .eleven.wide.field {
    width: 68.75%!important
}
.ui.form .twelve.wide.field {
    width: 75%!important
}
.ui.form .thirteen.wide.field {
    width: 81.25%!important
}
.ui.form .fourteen.wide.field {
    width: 87.5%!important
}
.ui.form .fifteen.wide.field {
    width: 93.75%!important
}
.ui.form .sixteen.wide.field {
    width: 100%!important
}
@media only screen and (max-width: 767px) {
    .ui.form .fields>.eight.wide.field,
    .ui.form .fields>.eleven.wide.field,
    .ui.form .fields>.fifteen.wide.field,
    .ui.form .fields>.five.wide.field,
    .ui.form .fields>.four.wide.field,
    .ui.form .fields>.fourteen.wide.field,
    .ui.form .fields>.nine.wide.field,
    .ui.form .fields>.seven.wide.field,
    .ui.form .fields>.six.wide.field,
    .ui.form .fields>.sixteen.wide.field,
    .ui.form .fields>.ten.wide.field,
    .ui.form .fields>.thirteen.wide.field,
    .ui.form .fields>.three.wide.field,
    .ui.form .fields>.twelve.wide.field,
    .ui.form .fields>.two.wide.field,
    .ui.form .five.fields>.field,
    .ui.form .five.fields>.fields,
    .ui.form .four.fields>.field,
    .ui.form .four.fields>.fields,
    .ui.form .three.fields>.field,
    .ui.form .three.fields>.fields,
    .ui.form .two.fields>.field,
    .ui.form .two.fields>.fields {
        width: 100%!important;
        margin: 0 0 1em;
        padding-left: 0;
        padding-right: 0
    }
}
.ui.form .inline.fields {
    margin: 0 0 1em
}
.ui.form .inline.fields .field {
    display: inline-block;
    float: none;
    margin: 0 1em 0 0;
    padding: 0
}
.ui.form .inline.field>.ui.input,
.ui.form .inline.field>input,
.ui.form .inline.field>label,
.ui.form .inline.field>p,
.ui.form .inline.fields .field>.ui.input,
.ui.form .inline.fields .field>input,
.ui.form .inline.fields .field>label,
.ui.form .inline.fields .field>p {
    display: inline-block;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
    font-size: .9285em
}
.ui.form .inline.field>.ui.input,
.ui.form .inline.field>input,
.ui.form .inline.fields .field>.ui.input,
.ui.form .inline.fields .field>input {
    font-size: .9285em
}
.ui.form .inline.fields .field>.ui.checkbox label {
    padding-left: 1.75em
}
.ui.form .inline.field>:first-child,
.ui.form .inline.fields .field>:first-child {
    margin: 0 .2857rem 0 0
}
.ui.form .inline.field>:only-child,
.ui.form .inline.fields .field>:only-child {
    margin: 0
}
.ui.small.form {
    font-size: .875em
}
.ui.form {
    font-size: auto
}
.ui.large.form {
    font-size: 1.125em
}
.ui.huge.form {
    font-size: 1.2em
}
/*!
 * # Semantic UI 1.12.3 - Checkbox
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

.ui.checkbox {
    position: relative;
    display: inline-block;
    min-height: 17px;
    font-size: 1rem;
    line-height: 15px;
    min-width: 17px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 0;
    vertical-align: middle
}
.ui.checkbox input[type=checkbox],
.ui.checkbox input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0!important;
    outline: 0;
    z-index: -1
}
.ui.checkbox .box,
.ui.checkbox label {
    display: block;
    cursor: pointer;
    padding-left: 1.75em;
    outline: 0
}
.ui.checkbox label {
    font-size: 1em
}
.ui.checkbox .box:before,
.ui.checkbox label:before {
    position: absolute;
    line-height: 1;
    width: 17px;
    height: 17px;
    top: 0;
    left: 0;
    content: '';
    background: #fff;
    border-radius: .25em;
    -webkit-transition: background-color .3s ease, border .3s ease, -webkit-box-shadow .3s ease;
    transition: background-color .3s ease, border .3s ease, box-shadow .3s ease;
    border: 1px solid #d4d4d5
}
.ui.checkbox .box:after,
.ui.checkbox label:after {
    position: absolute;
    left: 0;
    line-height: 17px;
    width: 17px;
    height: 17px;
    text-align: center;
    opacity: 0;
    color: rgba(0, 0, 0, .8);
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}
.ui.checkbox label,
.ui.checkbox+label {
    cursor: pointer;
    color: rgba(0, 0, 0, .8);
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.ui.checkbox+label {
    vertical-align: middle
}
.ui.checkbox .box:hover::before,
.ui.checkbox label:hover::before {
    background: #fff;
    border: 1px solid rgba(39, 41, 43, .3)
}
.ui.checkbox label:hover,
.ui.checkbox+label:hover {
    color: rgba(0, 0, 0, .8)
}
.ui.checkbox .box:active::before,
.ui.checkbox label:active::before {
    background: #f5f5f5;
    border: 1px solid 1px solid rgba(39, 41, 43, .3)
}
.ui.checkbox input[type=checkbox]:active~label,
.ui.checkbox input[type=radio]:active~label {
    color: rgba(0, 0, 0, .8)
}
.ui.checkbox input[type=checkbox]:focus~.box:before,
.ui.checkbox input[type=checkbox]:focus~label:before,
.ui.checkbox input[type=radio]:focus~.box:before,
.ui.checkbox input[type=radio]:focus~label:before {
    background: #f5f5f5;
    border: 1px solid 1px solid rgba(39, 41, 43, .3)
}
.ui.checkbox input[type=checkbox]:focus~label,
.ui.checkbox input[type=radio]:focus~label {
    color: rgba(0, 0, 0, .8)
}
.ui.checkbox input[type=checkbox]:checked~.box:after,
.ui.checkbox input[type=checkbox]:checked~label:after,
.ui.checkbox input[type=radio]:checked~.box:after,
.ui.checkbox input[type=radio]:checked~label:after {
    opacity: 1
}
.ui.read-only.checkbox,
.ui.read-only.checkbox label {
    cursor: default
}
.ui.checkbox input[type=checkbox][disabled]~.box:after,
.ui.checkbox input[type=checkbox][disabled]~label,
.ui.checkbox input[type=radio][disabled]~.box:after,
.ui.checkbox input[type=radio][disabled]~label,
.ui.disabled.checkbox .box:after,
.ui.disabled.checkbox label {
    cursor: default;
    opacity: .5;
    color: #000
}
.ui.radio.checkbox {
    min-height: 14px
}
.ui.radio.checkbox .box:before,
.ui.radio.checkbox label:before {
    width: 14px;
    height: 14px;
    border-radius: 500rem;
    top: 1px;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
    border: none;
    line-height: 14px;
    top: 1px;
    left: 0;
    font-size: 9px;
    width: 14px;
    height: 14px;
    border-radius: 500rem;
    -webkit-transform: scale(.42857143);
    -ms-transform: scale(.42857143);
    transform: scale(.42857143);
    background-color: rgba(0, 0, 0, .8)
}
.ui.slider.checkbox {
    cursor: pointer;
    min-height: 1.25rem
}
.ui.slider.checkbox .box,
.ui.slider.checkbox label {
    padding-left: 4.5rem;
    line-height: 1rem;
    color: rgba(0, 0, 0, .4)
}
.ui.slider.checkbox .box:before,
.ui.slider.checkbox label:before {
    cursor: pointer;
    display: block;
    position: absolute;
    content: '';
    top: .4rem;
    left: 0;
    z-index: 1;
    border: none!important;
    background-color: rgba(0, 0, 0, .05);
    width: 3.5rem;
    height: .25rem;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    border-radius: 500rem;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}
.ui.slider.checkbox .box:after,
.ui.slider.checkbox label:after {
    background: #fff -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05));
    background: #fff linear-gradient(transparent, rgba(0, 0, 0, .05));
    position: absolute;
    content: '';
    opacity: 1;
    z-index: 2;
    border: none;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05), 0 0 0 1px rgba(39, 41, 43, .15) inset;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05), 0 0 0 1px rgba(39, 41, 43, .15) inset;
    width: 1.5rem;
    height: 1.5rem;
    top: -.25rem;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    border-radius: 500rem;
    -webkit-transition: left .3s ease 0s;
    transition: left .3s ease 0s
}
.ui.slider.checkbox input[type=checkbox]:focus~.box:before,
.ui.slider.checkbox input[type=checkbox]:focus~label:before,
.ui.slider.checkbox input[type=radio]:focus~.box:before,
.ui.slider.checkbox input[type=radio]:focus~label:before {
    background-color: rgba(0, 0, 0, .1);
    border: none
}
.ui.slider.checkbox .box:hover,
.ui.slider.checkbox label:hover {
    color: rgba(0, 0, 0, .8)
}
.ui.slider.checkbox .box:hover::before,
.ui.slider.checkbox label:hover::before {
    background: rgba(0, 0, 0, .1)
}
.ui.slider.checkbox input[type=checkbox]:checked~.box,
.ui.slider.checkbox input[type=checkbox]:checked~label,
.ui.slider.checkbox input[type=radio]:checked~.box,
.ui.slider.checkbox input[type=radio]:checked~label {
    color: rgba(0, 0, 0, .8)
}
.ui.slider.checkbox input[type=checkbox]:checked~.box:before,
.ui.slider.checkbox input[type=checkbox]:checked~label:before,
.ui.slider.checkbox input[type=radio]:checked~.box:before,
.ui.slider.checkbox input[type=radio]:checked~label:before {
    background-color: rgba(0, 0, 0, .1)
}
.ui.slider.checkbox input[type=checkbox]:checked~.box:after,
.ui.slider.checkbox input[type=checkbox]:checked~label:after,
.ui.slider.checkbox input[type=radio]:checked~.box:after,
.ui.slider.checkbox input[type=radio]:checked~label:after {
    left: 2rem
}
.ui.toggle.checkbox {
    cursor: pointer;
    min-height: 1.5rem
}
.ui.toggle.checkbox .box,
.ui.toggle.checkbox label {
    min-height: 1.5rem;
    padding-left: 4.5rem;
    color: rgba(0, 0, 0, .8)
}
.ui.toggle.checkbox label {
    padding-top: .15em
}
.ui.toggle.checkbox .box:before,
.ui.toggle.checkbox label:before {
    cursor: pointer;
    display: block;
    position: absolute;
    content: '';
    top: 0;
    z-index: 1;
    border: none;
    background-color: rgba(0, 0, 0, .05);
    width: 3.5rem;
    height: 1.5rem;
    border-radius: 500rem
}
.ui.toggle.checkbox .box:after,
.ui.toggle.checkbox label:after {
    background: #fff -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05));
    background: #fff linear-gradient(transparent, rgba(0, 0, 0, .05));
    position: absolute;
    content: '';
    opacity: 1;
    z-index: 2;
    border: none;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05), 0 0 0 1px rgba(39, 41, 43, .15) inset;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05), 0 0 0 1px rgba(39, 41, 43, .15) inset;
    width: 1.5rem;
    height: 1.5rem;
    top: 0;
    left: 0;
    border-radius: 500rem;
    -webkit-transition: background .3s ease 0s, left .3s ease 0s;
    transition: background .3s ease 0s, left .3s ease 0s
}
.ui.toggle.checkbox input[type=checkbox]~.box:after,
.ui.toggle.checkbox input[type=checkbox]~label:after,
.ui.toggle.checkbox input[type=radio]~.box:after,
.ui.toggle.checkbox input[type=radio]~label:after {
    left: -.05rem
}
.ui.toggle.checkbox .box:hover::before,
.ui.toggle.checkbox input[type=checkbox]:focus~.box:before,
.ui.toggle.checkbox input[type=checkbox]:focus~label:before,
.ui.toggle.checkbox input[type=radio]:focus~.box:before,
.ui.toggle.checkbox input[type=radio]:focus~label:before,
.ui.toggle.checkbox label:hover::before {
    background-color: rgba(0, 0, 0, .1);
    border: none
}
.ui.toggle.checkbox input[type=checkbox]:checked~.box,
.ui.toggle.checkbox input[type=checkbox]:checked~label,
.ui.toggle.checkbox input[type=radio]:checked~.box,
.ui.toggle.checkbox input[type=radio]:checked~label {
    color: #5bbd72
}
.ui.toggle.checkbox input[type=checkbox]:checked~.box:before,
.ui.toggle.checkbox input[type=checkbox]:checked~label:before,
.ui.toggle.checkbox input[type=radio]:checked~.box:before,
.ui.toggle.checkbox input[type=radio]:checked~label:before {
    background-color: #5bbd72
}
.ui.toggle.checkbox input[type=checkbox]:checked~.box:after,
.ui.toggle.checkbox input[type=checkbox]:checked~label:after,
.ui.toggle.checkbox input[type=radio]:checked~.box:after,
.ui.toggle.checkbox input[type=radio]:checked~label:after {
    left: 2.05rem
}
.ui.fitted.checkbox .box,
.ui.fitted.checkbox label {
    padding-left: 0!important
}
.ui.fitted.slider.checkbox,
.ui.fitted.toggle.checkbox {
    width: 3.5rem
}
@font-face {
    font-family: Checkbox;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAOAIAAAwBgT1MvMj3hSQEAAADsAAAAVmNtYXDQEhm3AAABRAAAAUpjdnQgBkn/lAAABuwAAAAcZnBnbYoKeDsAAAcIAAAJkWdhc3AAAAAQAAAG5AAAAAhnbHlm32cEdgAAApAAAAC2aGVhZAErPHsAAANIAAAANmhoZWEHUwNNAAADgAAAACRobXR4CykAAAAAA6QAAAAMbG9jYQA4AFsAAAOwAAAACG1heHAApgm8AAADuAAAACBuYW1lzJ0aHAAAA9gAAALNcG9zdK69QJgAAAaoAAAAO3ByZXCSoZr/AAAQnAAAAFYAAQO4AZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoAQNS/2oAWgMLAE8AAAABAAAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADoAf//AAAAAOgA//8AABgBAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAADpAKYABUAHEAZDwEAAQFCAAIBAmoAAQABagAAAGEUFxQDEisBFAcBBiInASY0PwE2Mh8BATYyHwEWA6QP/iAQLBD+6g8PTBAsEKQBbhAsEEwPAhYWEP4gDw8BFhAsEEwQEKUBbxAQTBAAAAH//f+xA18DCwAMABJADwABAQpDAAAACwBEFRMCESsBFA4BIi4CPgEyHgEDWXLG6MhuBnq89Lp+AV51xHR0xOrEdHTEAAAAAAEAAAABAADDeRpdXw889QALA+gAAAAAzzWYjQAAAADPNWBN//3/sQOkAwsAAAAIAAIAAAAAAAAAAQAAA1L/agBaA+gAAP/3A6QAAQAAAAAAAAAAAAAAAAAAAAMD6AAAA+gAAANZAAAAAAAAADgAWwABAAAAAwAWAAEAAAAAAAIABgATAG4AAAAtCZEAAAAAAAAAEgDeAAEAAAAAAAAANQAAAAEAAAAAAAEACAA1AAEAAAAAAAIABwA9AAEAAAAAAAMACABEAAEAAAAAAAQACABMAAEAAAAAAAUACwBUAAEAAAAAAAYACABfAAEAAAAAAAoAKwBnAAEAAAAAAAsAEwCSAAMAAQQJAAAAagClAAMAAQQJAAEAEAEPAAMAAQQJAAIADgEfAAMAAQQJAAMAEAEtAAMAAQQJAAQAEAE9AAMAAQQJAAUAFgFNAAMAAQQJAAYAEAFjAAMAAQQJAAoAVgFzAAMAAQQJAAsAJgHJQ29weXJpZ2h0IChDKSAyMDE0IGJ5IG9yaWdpbmFsIGF1dGhvcnMgQCBmb250ZWxsby5jb21mb250ZWxsb1JlZ3VsYXJmb250ZWxsb2ZvbnRlbGxvVmVyc2lvbiAxLjBmb250ZWxsb0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABDACkAIAAyADAAMQA0ACAAYgB5ACAAbwByAGkAZwBpAG4AYQBsACAAYQB1AHQAaABvAHIAcwAgAEAAIABmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQBmAG8AbgB0AGUAbABsAG8AUgBlAGcAdQBsAGEAcgBmAG8AbgB0AGUAbABsAG8AZgBvAG4AdABlAGwAbABvAFYAZQByAHMAaQBvAG4AIAAxAC4AMABmAG8AbgB0AGUAbABsAG8ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAQIBAwljaGVja21hcmsGY2lyY2xlAAAAAAEAAf//AA8AAAAAAAAAAAAAAAAAAAAAADIAMgML/7EDC/+xsAAssCBgZi2wASwgZCCwwFCwBCZasARFW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCwCkVhZLAoUFghsApFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwACtZWSOwAFBYZVlZLbACLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbADLCMhIyEgZLEFYkIgsAYjQrIKAAIqISCwBkMgiiCKsAArsTAFJYpRWGBQG2FSWVgjWSEgsEBTWLAAKxshsEBZI7AAUFhlWS2wBCywB0MrsgACAENgQi2wBSywByNCIyCwACNCYbCAYrABYLAEKi2wBiwgIEUgsAJFY7ABRWJgRLABYC2wBywgIEUgsAArI7ECBCVgIEWKI2EgZCCwIFBYIbAAG7AwUFiwIBuwQFlZI7AAUFhlWbADJSNhRESwAWAtsAgssQUFRbABYUQtsAkssAFgICCwCUNKsABQWCCwCSNCWbAKQ0qwAFJYILAKI0JZLbAKLCC4BABiILgEAGOKI2GwC0NgIIpgILALI0IjLbALLEtUWLEHAURZJLANZSN4LbAMLEtRWEtTWLEHAURZGyFZJLATZSN4LbANLLEADENVWLEMDEOwAWFCsAorWbAAQ7ACJUKxCQIlQrEKAiVCsAEWIyCwAyVQWLEBAENgsAQlQoqKIIojYbAJKiEjsAFhIIojYbAJKiEbsQEAQ2CwAiVCsAIlYbAJKiFZsAlDR7AKQ0dgsIBiILACRWOwAUViYLEAABMjRLABQ7AAPrIBAQFDYEItsA4ssQAFRVRYALAMI0IgYLABYbUNDQEACwBCQopgsQ0FK7BtKxsiWS2wDyyxAA4rLbAQLLEBDistsBEssQIOKy2wEiyxAw4rLbATLLEEDistsBQssQUOKy2wFSyxBg4rLbAWLLEHDistsBcssQgOKy2wGCyxCQ4rLbAZLLAIK7EABUVUWACwDCNCIGCwAWG1DQ0BAAsAQkKKYLENBSuwbSsbIlktsBossQAZKy2wGyyxARkrLbAcLLECGSstsB0ssQMZKy2wHiyxBBkrLbAfLLEFGSstsCAssQYZKy2wISyxBxkrLbAiLLEIGSstsCMssQkZKy2wJCwgPLABYC2wJSwgYLANYCBDI7ABYEOwAiVhsAFgsCQqIS2wJiywJSuwJSotsCcsICBHICCwAkVjsAFFYmAjYTgjIIpVWCBHICCwAkVjsAFFYmAjYTgbIVktsCgssQAFRVRYALABFrAnKrABFTAbIlktsCkssAgrsQAFRVRYALABFrAnKrABFTAbIlktsCosIDWwAWAtsCssALADRWOwAUVisAArsAJFY7ABRWKwACuwABa0AAAAAABEPiM4sSoBFSotsCwsIDwgRyCwAkVjsAFFYmCwAENhOC2wLSwuFzwtsC4sIDwgRyCwAkVjsAFFYmCwAENhsAFDYzgtsC8ssQIAFiUgLiBHsAAjQrACJUmKikcjRyNhIFhiGyFZsAEjQrIuAQEVFCotsDAssAAWsAQlsAQlRyNHI2GwBkUrZYouIyAgPIo4LbAxLLAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjILAIQyCKI0cjRyNhI0ZgsARDsIBiYCCwACsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsIBiYSMgILAEJiNGYTgbI7AIQ0awAiWwCENHI0cjYWAgsARDsIBiYCMgsAArI7AEQ2CwACuwBSVhsAUlsIBisAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wMiywABYgICCwBSYgLkcjRyNhIzw4LbAzLLAAFiCwCCNCICAgRiNHsAArI2E4LbA0LLAAFrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWGwAUVjIyBYYhshWWOwAUViYCMuIyAgPIo4IyFZLbA1LLAAFiCwCEMgLkcjRyNhIGCwIGBmsIBiIyAgPIo4LbA2LCMgLkawAiVGUlggPFkusSYBFCstsDcsIyAuRrACJUZQWCA8WS6xJgEUKy2wOCwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xJgEUKy2wOSywMCsjIC5GsAIlRlJYIDxZLrEmARQrLbA6LLAxK4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrEmARQrsARDLrAmKy2wOyywABawBCWwBCYgLkcjRyNhsAZFKyMgPCAuIzixJgEUKy2wPCyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwgGJgILAAKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwgGJhsAIlRmE4IyA8IzgbISAgRiNHsAArI2E4IVmxJgEUKy2wPSywMCsusSYBFCstsD4ssDErISMgIDywBCNCIzixJgEUK7AEQy6wJistsD8ssAAVIEewACNCsgABARUUEy6wLCotsEAssAAVIEewACNCsgABARUUEy6wLCotsEEssQABFBOwLSotsEIssC8qLbBDLLAAFkUjIC4gRoojYTixJgEUKy2wRCywCCNCsEMrLbBFLLIAADwrLbBGLLIAATwrLbBHLLIBADwrLbBILLIBATwrLbBJLLIAAD0rLbBKLLIAAT0rLbBLLLIBAD0rLbBMLLIBAT0rLbBNLLIAADkrLbBOLLIAATkrLbBPLLIBADkrLbBQLLIBATkrLbBRLLIAADsrLbBSLLIAATsrLbBTLLIBADsrLbBULLIBATsrLbBVLLIAAD4rLbBWLLIAAT4rLbBXLLIBAD4rLbBYLLIBAT4rLbBZLLIAADorLbBaLLIAATorLbBbLLIBADorLbBcLLIBATorLbBdLLAyKy6xJgEUKy2wXiywMiuwNistsF8ssDIrsDcrLbBgLLAAFrAyK7A4Ky2wYSywMysusSYBFCstsGIssDMrsDYrLbBjLLAzK7A3Ky2wZCywMyuwOCstsGUssDQrLrEmARQrLbBmLLA0K7A2Ky2wZyywNCuwNystsGgssDQrsDgrLbBpLLA1Ky6xJgEUKy2waiywNSuwNistsGsssDUrsDcrLbBsLLA1K7A4Ky2wbSwrsAhlsAMkUHiwARUwLQAAAEu4AMhSWLEBAY5ZuQgACABjILABI0SwAyNwsgQoCUVSRLIKAgcqsQYBRLEkAYhRWLBAiFixBgNEsSYBiFFYuAQAiFixBgFEWVlZWbgB/4WwBI2xBQBEAAA=) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAoUAA4AAAAAEPQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPeFJAWNtYXAAAAGIAAAAOgAAAUrQEhm3Y3Z0IAAAAcQAAAAUAAAAHAZJ/5RmcGdtAAAB2AAABPkAAAmRigp4O2dhc3AAAAbUAAAACAAAAAgAAAAQZ2x5ZgAABtwAAACuAAAAtt9nBHZoZWFkAAAHjAAAADUAAAA2ASs8e2hoZWEAAAfEAAAAIAAAACQHUwNNaG10eAAAB+QAAAAMAAAADAspAABsb2NhAAAH8AAAAAgAAAAIADgAW21heHAAAAf4AAAAIAAAACAApgm8bmFtZQAACBgAAAF3AAACzcydGhxwb3N0AAAJkAAAACoAAAA7rr1AmHByZXAAAAm8AAAAVgAAAFaSoZr/eJxjYGTewTiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOLxgeMHIHPQ/iyGKmZvBHyjMCJIDAPe9C2B4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF4w/v8PUvCCAURLMELVAwEjG8OIBwBk5AavAAB4nGNgQANGDEbM3P83gjAAELQD4XicnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3icY2BkAALmJUwzGEQZZBwk+RkZGBmdGJgYmbIYgMwsoGSiiLgIs5A2owg7I5uSOqOaiT2jmZE8I5gQY17C/09BQEfg3yt+fh8gvYQxD0j68DOJiQn8U+DnZxQDcQUEljLmCwBpBgbG/3//b2SOZ+Zm4GEQcuAH2sblDLSEm8FFVJhJEGgLH6OSHpMdo5EcI3Nk0bEXJ/LYqvZ82VXHGFd6pKTkyCsQwQAAq+QkqAAAeJxjYGRgYADiw5VSsfH8Nl8ZuJlfAEUYzpvO6IXQCb7///7fyLyEmRvI5WBgAokCAFb/DJAAAAB4nGNgZGBgDvqfxRDF/IKB4f935iUMQBEUwAwAi5YFpgPoAAAD6AAAA1kAAAAAAAAAOABbAAEAAAADABYAAQAAAAAAAgAGABMAbgAAAC0JkQAAAAB4nHWQy2rCQBSG//HSi0JbWui2sypKabxgN4IgWHTTbqS4LTHGJBIzMhkFX6Pv0IfpS/RZ+puMpShNmMx3vjlz5mQAXOMbAvnzxJGzwBmjnAs4Rc9ykf7Zcon8YrmMKt4sn9C/W67gAYHlKm7wwQqidM5ogU/LAlfi0nIBF+LOcpH+0XKJ3LNcxq14tXxC71muYCJSy1Xci6+BWm11FIRG1gZ12W62OnK6lYoqStxYumsTKp3KvpyrxPhxrBxPLfc89oN17Op9uJ8nvk4jlciW09yrkZ/42jX+bFc93QRtY+ZyrtVSDm2GXGm18D3jhMasuo3G3/MwgMIKW2hEvKoQBhI12jrnNppooUOaMkMyM8+KkMBFTONizR1htpIy7nPMGSW0PjNisgOP3+WRH5MC7o9ZRR+tHsYT0u6MKPOSfTns7jBrREqyTDezs9/eU2x4WpvWcNeuS511JTE8qCF5H7u1BY1H72S3Ymi7aPD95/9+AN1fhEsAeJxjYGKAAC4G7ICZgYGRiZGZMzkjNTk7N7Eomy05syg5J5WBAQBE1QZBAABLuADIUlixAQGOWbkIAAgAYyCwASNEsAMjcLIEKAlFUkSyCgIHKrEGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAA) format('woff')
}
.ui.checkbox .box:after,
.ui.checkbox .box:before,
.ui.checkbox label:after,
.ui.checkbox label:before {
    font-family: Checkbox
}
.ui.checkbox .box:after,
.ui.checkbox label:after {
    content: '\e800'
}
/*!
 * # Semantic UI 1.12.3 - Table
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

.ui.table {
    width: 100%;
    background: #fff;
    margin: 1em 0;
    border: 1px solid #d0d0d0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: .25rem;
    color: rgba(0, 0, 0, .8);
    border-collapse: separate;
    border-spacing: 0
}
.ui.table:first-child {
    margin-top: 0
}
.ui.table:last-child {
    margin-bottom: 0
}
.ui.table td,
.ui.table th {
    -webkit-transition: background .2s ease, border-color .2s ease, color .2s ease;
    transition: background .2s ease, border-color .2s ease, color .2s ease
}
.ui.table thead {
    -webkit-box-shadow: none;
    box-shadow: none
}
.ui.table thead th {
    cursor: auto;
    background: #f0f0f0;
    text-align: left;
    color: rgba(0, 0, 0, .8);
    padding: .7em .8em;
    vertical-align: middle;
    font-style: none;
    font-weight: 700;
    text-transform: none;
    border-bottom: 1px solid #d4d4d5;
    border-left: none
}
.ui.table thead tr>th:first-child {
    border-left: none
}
.ui.table thead tr:first-child>th:first-child {
    border-radius: .25rem 0 0 0
}
.ui.table thead tr:first-child>th:last-child {
    border-radius: 0 .25rem 0 0
}
.ui.table thead tr:first-child>th:only-child {
    border-radius: .25rem .25rem 0 0
}
.ui.table tfoot {
    -webkit-box-shadow: none;
    box-shadow: none
}
.ui.table tfoot th {
    cursor: auto;
    border-top: 1px solid #d4d4d5;
    background: #fff;
    text-align: left;
    color: rgba(0, 0, 0, .8);
    padding: .7em .8em;
    vertical-align: middle;
    font-style: normal;
    font-weight: 400;
    text-transform: none
}
.ui.table tfoot tr>th:first-child {
    border-left: none
}
.ui.table tfoot tr:first-child>th:first-child {
    border-radius: 0 0 0 .25rem
}
.ui.table tfoot tr:first-child>th:last-child {
    border-radius: 0 0 .25rem 0
}
.ui.table tfoot tr:first-child>th:only-child {
    border-radius: 0 0 .25rem .25rem
}
.ui.table tr td {
    border-top: 1px solid #d4d4d5
}
.ui.table tr:first-child td {
    border-top: none
}
.ui.table td {
    padding: .7em .8em;
    text-align: left;
    vertical-align: middle
}
.ui.table>.icon {
    vertical-align: baseline
}
.ui.table>.icon:only-child {
    margin: 0
}
.ui.table.segment {
    padding: 0
}
.ui.table.segment:after {
    display: none
}
.ui.table.segment.stacked:after {
    display: block
}
@media only screen and (max-width: 767px) {
    .ui.table:not(.unstackable) {
        width: 100%
    }
    .ui.table:not(.unstackable) tbody,
    .ui.table:not(.unstackable) tr,
    .ui.table:not(.unstackable) tr>td,
    .ui.table:not(.unstackable) tr>th {
        width: auto!important;
        display: block!important
    }
    .ui.table:not(.unstackable) {
        padding: 0
    }
    .ui.table:not(.unstackable) tfoot,
    .ui.table:not(.unstackable) thead {
        display: block
    }
    .ui.table:not(.unstackable) tr>td,
    .ui.table:not(.unstackable) tr>th {
        background: 0 0;
        border: none!important;
        padding: .25em .75em;
        -webkit-box-shadow: none!important;
        box-shadow: none!important
    }
    .ui.table:not(.unstackable) td:first-child,
    .ui.table:not(.unstackable) th:first-child {
        font-weight: 700;
        padding-top: 1em
    }
    .ui.table:not(.unstackable) td:last-child,
    .ui.table:not(.unstackable) th:last-child {
        -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .1) inset!important;
        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .1) inset!important;
        padding-bottom: 1em
    }
    .ui.table:not(.unstackable) tr>td.active,
    .ui.table:not(.unstackable) tr>td.error,
    .ui.table:not(.unstackable) tr>td.negative,
    .ui.table:not(.unstackable) tr>td.positive,
    .ui.table:not(.unstackable) tr>td.warning {
        background-color: transparent!important
    }
    .ui.definition.table:not(.unstackable) thead th:first-child {
        -webkit-box-shadow: none!important;
        box-shadow: none!important
    }
    .ui.definition.table:not(.unstackable) tr td:first-child {
        padding-bottom: 1em
    }
    .ui.definition.table:not(.unstackable) tr td:nth-child(n+2) {
        padding-top: 1em
    }
}
.ui.table td .image,
.ui.table td .image img,
.ui.table th .image,
.ui.table th .image img {
    max-width: none
}
.ui.structured.table {
    border-collapse: collapse
}
.ui.structured.table thead th {
    border-left: none;
    border-right: none
}
.ui.structured.sortable.table thead th {
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0
}
.ui.structured.basic.table th {
    border-left: none;
    border-right: none
}
.ui.structured.celled.table tr td,
.ui.structured.celled.table tr th {
    border-left: 1px solid #d4d4d5;
    border-right: 1px solid #d4d4d5
}
.ui.definition.table thead:not(.full-width) th:first-child {
    pointer-events: none;
    background: 0 0;
    font-weight: 400;
    color: rgba(0, 0, 0, .4);
    -webkit-box-shadow: -1px -1px 0 1px #fff;
    box-shadow: -1px -1px 0 1px #fff
}
.ui.definition.table tfoot:not(.full-width) th:first-child {
    pointer-events: none;
    background: 0 0;
    font-weight: rgba(0, 0, 0, .4);
    color: normal;
    -webkit-box-shadow: 1px 1px 0 1px #fff;
    box-shadow: 1px 1px 0 1px #fff
}
.ui.celled.definition.table thead:not(.full-width) th:first-child {
    -webkit-box-shadow: 0 -1px 0 1px #fff;
    box-shadow: 0 -1px 0 1px #fff
}
.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
    -webkit-box-shadow: 0 1px 0 1px #fff;
    box-shadow: 0 1px 0 1px #fff
}
.ui.definition.table tr td:first-child {
    background: rgba(0, 0, 0, .03);
    font-weight: 700;
    color: rgba(0, 0, 0, .8)
}
.ui.definition.table td:nth-child(2),
.ui.definition.table tfoot:not(.full-width) th:nth-child(2),
.ui.definition.table thead:not(.full-width) th:nth-child(2) {
    border-left: 1px solid #d0d0d0
}
.ui.table td.positive,
.ui.table tr.positive {
    -webkit-box-shadow: 0 0 0 #b7caa7 inset;
    box-shadow: 0 0 0 #b7caa7 inset
}
.ui.table td.positive,
.ui.table tr.positive td {
    background: #eeffe7!important;
    color: #3c763d!important
}
.ui.celled.table tr.positive:hover td,
.ui.celled.table tr:hover td.positive {
    background: #e3ffd8!important;
    color: #376c38!important
}
.ui.table td.negative,
.ui.table tr.negative {
    -webkit-box-shadow: 0 0 0 #dbb1b1 inset;
    box-shadow: 0 0 0 #dbb1b1 inset
}
.ui.table td.negative,
.ui.table tr.negative td {
    background: #fff0f0!important;
    color: #cd2929!important
}
.ui.celled.table tr.negative:hover td,
.ui.celled.table tr:hover td.negative {
    background: #ffe1e1!important;
    color: #c02626!important
}
.ui.table td.error,
.ui.table tr.error {
    -webkit-box-shadow: 0 0 0 #dbb1b1 inset;
    box-shadow: 0 0 0 #dbb1b1 inset
}
.ui.table td.error,
.ui.table tr.error td {
    background: #fff0f0!important;
    color: #cd2929!important
}
.ui.celled.table tr.error:hover td,
.ui.celled.table tr:hover td.error {
    background: #ffe1e1!important;
    color: #c02626!important
}
.ui.table td.warning,
.ui.table tr.warning {
    -webkit-box-shadow: 0 0 0 #d9caab inset;
    box-shadow: 0 0 0 #d9caab inset
}
.ui.table td.warning,
.ui.table tr.warning td {
    background: #fffbe6!important;
    color: #7d6c00!important
}
.ui.celled.table tr.warning:hover td,
.ui.celled.table tr:hover td.warning {
    background: #fff9d7!important;
    color: #6e5f00!important
}
.ui.table td.active,
.ui.table tr.active {
    -webkit-box-shadow: 0 0 0 rgba(50, 50, 50, .9) inset;
    box-shadow: 0 0 0 rgba(50, 50, 50, .9) inset
}
.ui.celled.table tr.active:hover td,
.ui.celled.table tr:hover td.active,
.ui.table td.active,
.ui.table tr.active td {
    background: #e0e0e0!important;
    color: rgba(50, 50, 50, .9)!important
}
.ui.table tr td.disabled,
.ui.table tr.disabled td,
.ui.table tr.disabled:hover td,
.ui.table tr:hover td.disabled {
    pointer-events: none;
    color: rgba(40, 40, 40, .3)
}
@media only screen and (max-width: 991px) {
    .ui[class*="tablet stackable"].table,
    .ui[class*="tablet stackable"].table tbody,
    .ui[class*="tablet stackable"].table tr,
    .ui[class*="tablet stackable"].table tr>td,
    .ui[class*="tablet stackable"].table tr>th {
        width: 100%!important;
        display: block!important
    }
    .ui[class*="tablet stackable"].table {
        padding: 0
    }
    .ui[class*="tablet stackable"].table tfoot,
    .ui[class*="tablet stackable"].table thead {
        display: block
    }
    .ui[class*="tablet stackable"].table tr>td,
    .ui[class*="tablet stackable"].table tr>th {
        background: 0 0;
        border: none!important;
        padding: .25em .75em;
        -webkit-box-shadow: none!important;
        box-shadow: none!important
    }
    .ui[class*="tablet stackable"].table td:first-child,
    .ui[class*="tablet stackable"].table th:first-child {
        font-weight: 700;
        padding-top: 1em
    }
    .ui[class*="tablet stackable"].table td:last-child,
    .ui[class*="tablet stackable"].table th:last-child {
        -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .1) inset!important;
        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .1) inset!important;
        padding-bottom: 1em
    }
    .ui[class*="tablet stackable"].table tr>td.active,
    .ui[class*="tablet stackable"].table tr>td.error,
    .ui[class*="tablet stackable"].table tr>td.negative,
    .ui[class*="tablet stackable"].table tr>td.positive,
    .ui[class*="tablet stackable"].table tr>td.warning {
        background-color: transparent!important
    }
    .ui.definition[class*="tablet stackable"].table thead th:first-child {
        -webkit-box-shadow: none!important;
        box-shadow: none!important
    }
    .ui.definition[class*="tablet stackable"].table tr td:first-child {
        padding-bottom: 1em
    }
    .ui.definition[class*="tablet stackable"].table tr td:nth-child(n+2) {
        padding-top: 1em
    }
}
.ui.table [class*="left aligned"],
.ui.table[class*="left aligned"] {
    text-align: left
}
.ui.table [class*="center aligned"],
.ui.table[class*="center aligned"] {
    text-align: center
}
.ui.table [class*="right aligned"],
.ui.table[class*="right aligned"] {
    text-align: right
}
.ui.table td.collapsing,
.ui.table th.collapsing {
    width: 1px;
    white-space: nowrap
}
.ui.attached.table {
    width: -webkit-calc(100% + 2px);
    width: calc(100% + 2px);
    margin: 0 -1px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}
.ui[class*="top attached"].table {
    margin-top: 1em 0;
    border-radius: .25rem .25rem 0 0
}
.ui.table[class*="top attached"]:first-child {
    margin-top: 0
}
.ui.table[class*="bottom attached"] {
    margin-top: 0;
    margin-bottom: 1em 0;
    border-radius: 0 0 .25rem .25rem
}
.ui.table[class*="bottom attached"]:last-child {
    margin-bottom: 0
}
.ui.striped.table tbody tr:nth-child(2n),
.ui.striped.table>tr:nth-child(2n) {
    background-color: rgba(0, 0, 50, .03)
}
.ui.inverted.striped.table tbody tr:nth-child(2n),
.ui.inverted.striped.table>tr:nth-child(2n) {
    background-color: rgba(255, 255, 255, .06)
}
.ui.black.table {
    border-top: .2em solid #1b1c1d
}
.ui.blue.table {
    border-top: .2em solid #3b83c0
}
.ui.green.table {
    border-top: .2em solid #5bbd72
}
.ui.orange.table {
    border-top: .2em solid #e07b53
}
.ui.pink.table {
    border-top: .2em solid #d9499a
}
.ui.purple.table {
    border-top: .2em solid #564f8a
}
.ui.red.table {
    border-top: .2em solid #d95c5c
}
.ui.teal.table {
    border-top: .2em solid #00b5ad
}
.ui.yellow.table {
    border-top: .2em solid #f2c61f
}
.ui.inverted.black.table,
.ui.inverted.table {
    background-color: #1b1c1d!important;
    color: #fff!important
}
.ui.inverted.blue.table {
    background-color: #3b83c0!important;
    color: #fff!important
}
.ui.inverted.green.table {
    background-color: #5bbd72!important;
    color: #fff!important
}
.ui.inverted.orange.table {
    background-color: #e07b53!important;
    color: #fff!important
}
.ui.inverted.pink.table {
    background-color: #d9499a!important;
    color: #fff!important
}
.ui.inverted.purple.table {
    background-color: #564f8a!important;
    color: #fff!important
}
.ui.inverted.red.table {
    background-color: #d95c5c!important;
    color: #fff!important
}
.ui.inverted.teal.table {
    background-color: #00b5ad!important;
    color: #fff!important
}
.ui.inverted.yellow.table {
    background-color: #f2c61f!important;
    color: #fff!important
}
.ui.one.column.table td {
    width: 100%
}
.ui.two.column.table td {
    width: 50%
}
.ui.three.column.table td {
    width: 33.33333333%
}
.ui.four.column.table td {
    width: 25%
}
.ui.five.column.table td {
    width: 20%
}
.ui.six.column.table td {
    width: 16.66666667%
}
.ui.seven.column.table td {
    width: 14.28571429%
}
.ui.eight.column.table td {
    width: 12.5%
}
.ui.nine.column.table td {
    width: 11.11111111%
}
.ui.ten.column.table td {
    width: 10%
}
.ui.eleven.column.table td {
    width: 9.09090909%
}
.ui.twelve.column.table td {
    width: 8.33333333%
}
.ui.thirteen.column.table td {
    width: 7.69230769%
}
.ui.fourteen.column.table td {
    width: 7.14285714%
}
.ui.fifteen.column.table td {
    width: 6.66666667%
}
.ui.sixteen.column.table td,
.ui.table td.one.wide,
.ui.table th.one.wide {
    width: 6.25%
}
.ui.table td.two.wide,
.ui.table th.two.wide {
    width: 12.5%
}
.ui.table td.three.wide,
.ui.table th.three.wide {
    width: 18.75%
}
.ui.table td.four.wide,
.ui.table th.four.wide {
    width: 25%
}
.ui.table td.five.wide,
.ui.table th.five.wide {
    width: 31.25%
}
.ui.table td.six.wide,
.ui.table th.six.wide {
    width: 37.5%
}
.ui.table td.seven.wide,
.ui.table th.seven.wide {
    width: 43.75%
}
.ui.table td.eight.wide,
.ui.table th.eight.wide {
    width: 50%
}
.ui.table td.nine.wide,
.ui.table th.nine.wide {
    width: 56.25%
}
.ui.table td.ten.wide,
.ui.table th.ten.wide {
    width: 62.5%
}
.ui.table td.eleven.wide,
.ui.table th.eleven.wide {
    width: 68.75%
}
.ui.table td.twelve.wide,
.ui.table th.twelve.wide {
    width: 75%
}
.ui.table td.thirteen.wide,
.ui.table th.thirteen.wide {
    width: 81.25%
}
.ui.table td.fourteen.wide,
.ui.table th.fourteen.wide {
    width: 87.5%
}
.ui.table td.fifteen.wide,
.ui.table th.fifteen.wide {
    width: 93.75%
}
.ui.table td.sixteen.wide,
.ui.table th.sixteen.wide {
    width: 100%
}
.ui.sortable.table thead th {
    cursor: pointer;
    white-space: nowrap;
    border-left: 1px solid #d0d0d0;
    color: rgba(0, 0, 0, .8)
}
.ui.sortable.table thead th:first-child {
    border-left: none
}
.ui.sortable.table thead th.sorted,
.ui.sortable.table thead th.sorted:hover {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.ui.sortable.table thead th:after {
    display: inline-block;
    content: '';
    width: 1em;
    height: 1em;
    opacity: .8;
    margin: 0 0 0 .5em;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit
}
.ui.sortable.table thead th.ascending:after {
    content: '\f0d7'
}
.ui.sortable.table thead th.descending:after {
    content: '\f0d8'
}
.ui.sortable.table th.disabled:hover {
    cursor: auto;
    color: rgba(40, 40, 40, .3)
}
.ui.sortable.table thead th.sorted,
.ui.sortable.table thead th.sorted:hover,
.ui.sortable.table thead th:hover {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .8)
}
.ui.inverted.sortable.table thead th.sorted {
    background: rgba(255, 255, 255, .07) -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05));
    background: rgba(255, 255, 255, .07) linear-gradient(transparent, rgba(0, 0, 0, .05));
    color: #fff
}
.ui.inverted.sortable.table thead th:hover {
    background: rgba(255, 255, 255, .05) -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05));
    background: rgba(255, 255, 255, .05) linear-gradient(transparent, rgba(0, 0, 0, .05));
    color: #fff
}
.ui.inverted.sortable.table thead th {
    border-left-color: transparent;
    border-right-color: transparent
}
.ui.inverted.table {
    background: #333;
    color: #fff;
    border: none
}
.ui.inverted.table th {
    background-color: rgba(0, 0, 0, .15);
    border-color: rgba(0, 0, 0, .2)!important;
    color: rgba(255, 255, 255, .9)
}
.ui.inverted.table tr td {
    border-color: rgba(0, 0, 0, .2)!important
}
.ui.inverted.table tr td.disabled,
.ui.inverted.table tr.disabled td,
.ui.inverted.table tr.disabled:hover td,
.ui.inverted.table tr:hover td.disabled {
    pointer-events: none;
    color: rgba(225, 225, 225, .3)
}
.ui.inverted.definition.table tfoot:not(.full-width) th:first-child,
.ui.inverted.definition.table thead:not(.full-width) th:first-child {
    background: #fff
}
.ui.inverted.definition.table tr td:first-child {
    background: rgba(255, 255, 255, .02);
    color: #fff
}
.ui.collapsing.table {
    width: auto
}
.ui.basic.table {
    background: 0 0;
    border: 1px solid #d0d0d0;
    -webkit-box-shadow: none;
    box-shadow: none
}
.ui.basic.table tfoot,
.ui.basic.table thead {
    -webkit-box-shadow: none;
    box-shadow: none
}
.ui.basic.table th {
    background: 0 0;
    border-left: none
}
.ui.basic.table tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}
.ui.basic.table td {
    background: 0 0
}
.ui.basic.striped.table tbody tr:nth-child(2n) {
    background-color: rgba(0, 0, 0, .05)!important
}
.ui[class*="very basic"].table {
    border: none
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) td,
.ui[class*="very basic"].table:not(.sortable):not(.striped) th {
    padding: .7em .8em
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child {
    padding-left: 0
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child {
    padding-right: 0
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {
    padding-top: 0
}
.ui.celled.table tr td,
.ui.celled.table tr th {
    border-left: 1px solid #d4d4d5
}
.ui.celled.table tr td:first-child,
.ui.celled.table tr th:first-child {
    border-left: none
}
.ui.padded.table td,
.ui.padded.table th {
    padding: 1em 1em
}
.ui[class*="very padded"].table th {
    padding-left: 1.5em;
    padding-right: 1.5em
}
.ui[class*="very padded"].table td {
    padding: 1.5em 1.5em
}
.ui.compact.table th {
    padding-left: .7em;
    padding-right: .7em
}
.ui.compact.table td {
    padding: .5em .7em
}
.ui[class*="very compact"].table th {
    padding-left: .6em;
    padding-right: .6em
}
.ui[class*="very compact"].table td {
    padding: .4em .6em
}
.ui.small.table {
    font-size: .9em
}
.ui.table {
    font-size: 1em
}
.ui.large.table {
    font-size: 1.1em
}
#states {
    display: none
}
.form {
    padding: 20px;
    font-family: Karbon-Regular, sans-serif
}
@media all and (min-width: 756px) {
    .form {
        padding: 50px 100px 100px;
        max-width: 780px;
        margin: auto
    }
}
.form input[type=submit] {
    margin: auto;
    width: 200px;
    margin-left: 174px;
    display: block
}
.form .form-content {
    margin-bottom: 40px
}
.form .form-content button,
.form .form-content input,
.form .form-content label {
    margin-top: 20px
}
.form input[type=email],
.form input[type=text],
.form textarea {
    line-height: 38px;
    height: 38px;
    font-family: Karbon-Regular, sans-serif;
    font-size: 18px;
    padding: 0 5px;
    border: 1px solid #e4d19f;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none
}
.form label {
    display: block;
    padding: 10px 0
}
@media all and (min-width: 756px) {
    .form label {
        display: inline-block;
        vertical-align: middle;
        width: 150px;
        margin-right: 20px
    }
}
.form input,
.form textarea {
    max-width: 100%;
    width: 100%;
    display: inline-block;
    vertical-align: middle
}
@media all and (min-width: 756px) {
    .form input,
    .form textarea {
        max-width: 400px
    }
}
.form form {
    position: relative;
    max-width: 700px;
    margin: auto
}
.form .form-submit {
    width: 100%
}
@media all and (min-width: 756px) {
    .form .form-submit {
        width: 200px;
        margin-left: 174px
    }
}
.form h1 {
    padding: 20px 0
}
.form p {
    margin-bottom: 20px;
    max-width: 610px
}
.form .parsley-errors-list {
    color: #e73a27
}
@media all and (min-width: 756px) {
    .form .parsley-errors-list {
        padding-left: 175px
    }
}
.form-row {
    padding: 0 0 18px
}
.form-container {
    max-width: 800px;
    margin: auto
}
input::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin-top: -2px;
    margin-bottom: -2px
}
.ui.selection.dropdown {
    border-radius: 0;
    border-color: #e4d19f
}
.ui.selection.dropdown * {
    border-radius: 0
}
.ui.selection.dropdown.visible {
    -webkit-box-shadow: none;
    box-shadow: none
}
.ui.selection.dropdown>.dropdown.icon {
    height: 100%;
    border-left: 1px solid rgba(39, 41, 43, .15)
}
.ui.dropdown .menu .item,
.ui.dropdown.selected {
    font-weight: 100
}
.ui.dropdown .menu .item:hover,
.ui.dropdown.selected:hover {
    background: #f9f5ea
}
.ui.dropdown .menu .item.selected,
.ui.dropdown.selected.selected {
    background: #eee3c4;
    font-weight: 100
}
.ui.selection.dropdown>.delete.icon,
.ui.selection.dropdown>.dropdown.icon,
.ui.selection.dropdown>.search.icon {
    font-family: icons
}
.ui.selection.dropdown>.delete.icon:before,
.ui.selection.dropdown>.dropdown.icon:before,
.ui.selection.dropdown>.search.icon:before {
    content: "\E002";
    font-size: 12px;
    position: relative;
    top: -1px;
    left: 0;
    color: #545452
}
.ui.form input:not([type]),
.ui.form input[type=date],
.ui.form input[type=datetime-local],
.ui.form input[type=email],
.ui.form input[type=number],
.ui.form input[type=password],
.ui.form input[type=search],
.ui.form input[type=tel],
.ui.form input[type=time],
.ui.form input[type=text],
.ui.form input[type=url],
.ui.form textarea {
    border-radius: 0;
    position: relative;
    border-color: #eee3c4
}
.ui.form input:not([type]).parsley-error,
.ui.form input[type=date].parsley-error,
.ui.form input[type=datetime-local].parsley-error,
.ui.form input[type=email].parsley-error,
.ui.form input[type=number].parsley-error,
.ui.form input[type=password].parsley-error,
.ui.form input[type=search].parsley-error,
.ui.form input[type=tel].parsley-error,
.ui.form input[type=time].parsley-error,
.ui.form input[type=text].parsley-error,
.ui.form input[type=url].parsley-error,
.ui.form textarea.parsley-error {
    color: tomato
}
.ui.form input:not([type]).parsley-success,
.ui.form input[type=date].parsley-success,
.ui.form input[type=datetime-local].parsley-success,
.ui.form input[type=email].parsley-success,
.ui.form input[type=number].parsley-success,
.ui.form input[type=password].parsley-success,
.ui.form input[type=search].parsley-success,
.ui.form input[type=tel].parsley-success,
.ui.form input[type=time].parsley-success,
.ui.form input[type=text].parsley-success,
.ui.form input[type=url].parsley-success,
.ui.form textarea.parsley-success {
    border-color: green
}
.ui.form input:not([type]):focus,
.ui.form input[type=date]:focus,
.ui.form input[type=datetime-local]:focus,
.ui.form input[type=email]:focus,
.ui.form input[type=number]:focus,
.ui.form input[type=password]:focus,
.ui.form input[type=search]:focus,
.ui.form input[type=tel]:focus,
.ui.form input[type=time]:focus,
.ui.form input[type=text]:focus,
.ui.form input[type=url]:focus,
.ui.form textarea:focus {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}
ul.parsley-errors-list.filled {
    position: relative
}
.ui.checkbox .box:after,
.ui.checkbox label:after,
.ui.checkbox label:before {
    font-size: 11px;
    top: -3px
}
.ui.radio.checkbox label:after,
.ui.radio.checkbox label:before {
    top: -2px;
    left: 5px
}
.ui.radio.checkbox label:after {
    background: #272926
}
.ui.dropdown .menu .item,
.ui.selection.dropdown {
    padding: 13px 22px 9px
}
.ui.dropdown>.dropdown.icon,
.ui.selection.dropdown>.dropdown.icon {
    font-family: icons;
    right: 0;
    top: 0;
    margin: 0
}
.ui.dropdown>.dropdown.icon:before,
.ui.selection.dropdown>.dropdown.icon:before {
    position: relative;
    top: -4px;
    content: "\E002"
}
.select-row {
    padding: 0 0 38px
}
.ui.dropdown {
    position: relative
}
.ui.dropdown .parsley-errors-list.filled {
    position: absolute;
    bottom: -30px;
    left: 0;
    padding-left: 0
}
.form .captcha.error input {
    border-color: #e73a27
}
p.error-message {
    color: #e73a27;
    padding: 5px 0
}
@media all and (min-width: 756px) {
    p.error-message {
        padding-left: 175px
    }
}
.success-message {
    text-align: center;
    padding: 38px 0
}
.form #loading {
    display: none
}
.form #loading.active {
    display: block
}
body.devices {
    position: relative;
    background-color: #f9f5ea;
    background-repeat: no-repeat
}
body.devices .page-background.location--top {
    top: -1%
}
body.devices .flex-row.twoColumnRow .column.two {
    padding-bottom: 0
}
body.devices .hero-content {
    padding-top: 0
}
body.devices .module3 img,
body.devices .module4 img {
    height: 70px
}
@media all and (min-width: 756px) {
    body.devices .module3 img,
    body.devices .module4 img {
        height: 100px
    }
}
body.devices .module3 .flex-row,
body.devices .module4 .flex-row {
    max-width: 800px;
    margin: auto;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
body.devices .module3 h5,
body.devices .module4 h5 {
    margin-bottom: 9px
}
body.devices .module3 p:first-child,
body.devices .module4 p:first-child {
    margin-bottom: 0
}
body.devices .module3 p,
body.devices .module4 p {
    font-size: 16px;
    line-height: 21px;
    max-width: 250px;
    margin: 0 auto
}
@media all and (min-width: 756px) {
    body.devices .module3 p,
    body.devices .module4 p {
        max-width: 300px
    }
}
body.devices .module3 .column p:first-child,
body.devices .module4 .column p:first-child {
    padding-top: 25px;
    border-top: 1px solid #e8e5df
}
@media all and (min-width: 756px) {
    body.devices .module3 .column p:first-child,
    body.devices .module4 .column p:first-child {
        padding-top: 0;
        border: none
    }
}
body.devices .module4 .flex-row {
    padding-top: 18px
}
@media all and (min-width: 756px) {
    body.devices .module4 .flex-row {
        padding-top: 38px
    }
}
body.devices .module3 .column:first-child p:first-child {
    border-top: none
}
body.devices .module7 {
    text-align: left
}
body.devices .module7 .left-right-dark-gradient {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIzNSI+CjxyZWN0IHg9IjUiIHk9IjUiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMzMDMwMzAiPjwvcmVjdD4KPC9zdmc+);
    background-color: #3d3d3d
}
body.devices .module7 .flex-row {
    max-width: 390px;
    padding: 90px 0
}
@media all and (min-width: 756px) {
    body.devices .module7 .flex-row {
        max-width: 800px
    }
}
body.devices .module7 .lead {
    max-width: none
}
body.devices .module7 ul {
    margin-top: 18px;
    font-family: Karbon-Regular, sans-serif
}
body.devices .module11 .column.copy.center p {
    max-width: 900px
}
body.devices .module1 .flex-row {
    height: auto;
    text-align: center;
    padding-top: 0
}
body.devices .module1 .flex-row .button--alt {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 15px
}
@media all and (min-width: 756px) {
    body.devices .module1 .flex-row {
        padding-top: 80px;
        padding-bottom: 0
    }
}
@media all and (min-width: 1200px) {
    body.devices .module1 .flex-row {
        padding-top: 180px;
        padding-bottom: 0
    }
}
body.devices .module1 .flex-row .column {
    padding-top: 0
}
body.devices .module1 .flex-row .hero-image-column {
    -webkit-order: 1;
    -ms-order: 1;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 38px 0
}
@media all and (min-width: 756px) {
    body.devices .module1 .flex-row .hero-image-column {
        padding: 0
    }
}
body.devices .module1 .flex-row .hero-image-column .inline-image {
    width: 200px;
    margin: auto;
    display: inline-block
}
@media all and (min-width: 756px) {
    body.devices .module1 .flex-row .hero-image-column .inline-image {
        width: 275px;
        position: absolute;
        top: -40px;
        margin-left: -110px
    }
}
@media all and (min-width: 1200px) {
    body.devices .module1 .flex-row .hero-image-column .inline-image {
        display: block;
        top: -120px;
        width: 100%;
        margin-left: 0
    }
}
body.devices .module1 .flex-row .hero-content {
    -webkit-order: 2;
    -ms-order: 2;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}
body.devices .module1 .flex-row .hero-container {
    width: 100%;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}
@media all and (min-width: 756px) {
    body.devices .module1 .flex-row .hero-image-column {
        -webkit-order: 1;
        -ms-order: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        height: auto;
        width: 44%
    }
    body.devices .module1 .flex-row .hero-content {
        -webkit-order: 2;
        -ms-order: 2;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 56%
    }
}
body.devices .module1 .flex-row.flex-row.active {
    padding-top: 0
}
@media all and (min-width: 756px) {
    body.devices .module1 .flex-row.flex-row.active {
        padding-bottom: 56.25%
    }
}
@media all and (min-width: 1200px) {
    body.devices .module1 .flex-row.flex-row.active {
        padding-bottom: -webkit-calc(56.25% + 77px);
        padding-bottom: calc(56.25% + 77px)
    }
}
body.devices .page-module--active-video+.module2 {
    display: none
}
@media all and (min-width: 756px) {
    body.devices .module1 .hero-row.has-image-column {
        overflow: visible
    }
}
body.devices .module1 .hero-row.has-image-column img {
    position: relative
}
body.devices .module1 .hero-row.has-image-column .inline-image .loading {
    left: auto;
    top: 30px;
    right: 30px
}
@media all and (min-width: 756px) {
    body.devices .module1 .flex-row.hero-row.active {
        height: auto
    }
}
body.devices .module1 .flex-row.hero-row.active .hero-content,
body.devices .module1 .flex-row.hero-row.active .hero-image-column {
    display: none
}
@media all and (min-width: 756px) {
    body.devices .module3 .lead {
        font-size: 24px;
        line-height: 1.5
    }
}
body.devices form {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
@media all and (min-width: 756px) {
    body.devices form {
        display: block
    }
}
body.devices form input {
    height: 46px;
    line-height: 46px;
    border-radius: 0;
    margin: 0;
    padding: 0 18px;
    border: 1px solid #828484
}
@media all and (min-width: 756px) {
    body.devices form input {
        width: 250px
    }
}
body.devices form button.button--alt {
    font-size: 10px;
    padding: 0 12px
}
@media all and (min-width: 756px) {
    body.devices form button.button--alt {
        font-size: 14px;
        padding: 0 19px
    }
}
body.devices form button,
body.devices form input {
    display: inline-block;
    vertical-align: middle;
    -webkit-flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}
body.devices form .button--alt {
    -webkit-box-shadow: none;
    box-shadow: none
}
body.devices .module6 .button-row {
    border-bottom: 1px solid #e8e5df
}
body.devices .module10 .flex-row {
    padding-bottom: 0
}
@media all and (min-width: 756px) {
    body.devices .module10 .flex-row {
        padding: 75px
    }
}
.contact h1,
.contact-sales h1,
.partner-inquiry h1 {
    margin-bottom: 18px
}
.homepage .column p {
    max-width: 300px;
    margin: 0 auto
}
@media all and (min-width: 756px) {
    .homepage .column p {
        max-width: none
    }
}
.homepage .column h5 {
    margin-bottom: 10px
}
.homepage .flex-row.threeColumnRow {
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.homepage .hero-row .column p {
    max-width: none
}
.homepage .twoThirdsOneThird .column {
    text-align: center
}
@media all and (min-width: 756px) {
    .homepage .twoThirdsOneThird .column {
        text-align: left
    }
}
@media all and (min-width: 756px) {
    .homepage .twoThirdsOneThird .column.two {
        text-align: center
    }
}
body.our-story {
    background-image: -webkit-linear-gradient(#dedad2 0, #fffefa 20%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dedad2), color-stop(20%, #fffefa));
    background-image: -webkit-linear-gradient(#dedad2 0, #fffefa 20%);
    background-image: linear-gradient(#dedad2 0, #fffefa 20%);
    background-repeat: no-repeat
}
body.our-story .video-modal {
    top: 0
}
body.our-story .video-feature.active {
    padding-top: 0
}
@media all and (min-width: 756px) {
    body.our-story .column.copy.center p {
        max-width: 700px
    }
    body.our-story .column.copy.center p .headline {
        font-size: 48px;
        line-height: 54px
    }
}
body.our-story h5 {
    margin-bottom: 10px
}
@media all and (min-width: 756px) {
    body.our-story .module8 .flex-row.stacked {
        padding-top: 80px
    }
}
body.our-story .module1 .headline {
    max-width: 800px
}
@media all and (min-width: 756px) {
    body.our-story .module2 .headline {
        max-width: 360px;
        margin-left: auto
    }
}
@media all and (min-width: 756px) {
    body.our-story .module6 .flex-row {
        height: auto
    }
}
body.our-story .module13 h5,
body.our-story .module14 h5 {
    margin-bottom: 9px
}
body.our-story .module16 .flex-row.max-width {
    max-width: 950px
}
body.our-story .module16 .column.two {
    padding: 0
}
body.our-story .module18 .button--cta {
    margin: 0 38px
}
body.our-story .module17 .flex-row {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
body.our-story .module17 .column p:last-child {
    padding-top: 0;
    margin-top: -10px
}
body.our-story .flex-row.hero-row .video-feature__container {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
body.products-and-solutions .threeColumnModule .copy p {
    max-width: 250px
}
body.products-and-solutions .module1 {
    background: #686a6a
}
body.products-and-solutions .module1 .flex-row {
    display: block
}
@media all and (min-width: 756px) {
    body.products-and-solutions .module1 .flex-row {
        padding-top: 185px
    }
}
body.products-and-solutions .module1 .column.tablet-Full {
    display: block;
    -webkit-flex-basis: none;
    -ms-flex-basis: none;
    -ms-flex-preferred-size: none;
    flex-basis: none
}
body.products-and-solutions .module1 .hero-row .hero-content .copy .headline {
    margin-bottom: 0
}
body.products-and-solutions .module1.page-module--active-video .flex-row {
    padding-top: 0
}
@media all and (min-width: 756px) {
    body.products-and-solutions .module2 .column.copy.center p,
    body.products-and-solutions .module2 .lead {
        max-width: 800px;
        margin: auto
    }
}
@media all and (min-width: 756px) {
    body.products-and-solutions .module3 .flex-row.spacious {
        padding-bottom: 80px
    }
}
body.products-and-solutions .module5 .hero-row .hero-content .column .lead {
    max-width: 250px
}
@media all and (min-width: 500px) {
    body.products-and-solutions .module5 .hero-row .hero-content .column .lead {
        max-width: 350px
    }
}
@media all and (min-width: 756px) {
    body.products-and-solutions .module5 .hero-row .hero-content .column .lead {
        max-width: 550px
    }
}
body.products-and-solutions .module5 [class*=button] {
    color: #e73a27
}
@media all and (min-width: 756px) {
    body.products-and-solutions .module5 .flex-row.hero-row .copy {
        padding-top: 0
    }
}
body.products-and-solutions .module7 {
    margin-bottom: 120px
}
@media all and (min-width: 756px) {
    body.products-and-solutions .module7 {
        margin-bottom: 80px
    }
}
body.products-and-solutions .module8 .flex-row {
    max-width: 840px
}
body.products-and-solutions .module8 .column.one {
    text-align: center
}
@media all and (min-width: 756px) {
    body.products-and-solutions .module8 .column.one {
        text-align: left
    }
}
body.products-and-solutions .module8 .column.one .lead {
    margin: auto
}
@media all and (min-width: 756px) {
    body.products-and-solutions .module8 .column.one .lead {
        margin: 0
    }
}
@media all and (min-width: 756px) {
    body.products-and-solutions .page-background.location--bottom {
        height: 900px;
        bottom: -8%
    }
}
body.services {
    position: relative
}
body.services:after {
    content: '';
    background: #828484;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -2
}
@media all and (min-width: 756px) {
    body.services .module1 .flex-row.hero-row.has-image-column {
        height: auto;
        padding-top: 140px;
        padding-bottom: 20px
    }
    body.services .module1 .flex-row.hero-row.has-image-column .hero-container {
        max-width: 1000px
    }
}
@media all and (min-width: 1200px) {
    body.services .module1 .flex-row.hero-row.has-image-column {
        padding-top: 190px;
        padding-bottom: 80px
    }
}
@media all and (min-width: 756px) {
    body.services .module1 .flex-row.hero-row.has-image-column .hero-content {
        padding-left: 18px;
        width: 50%;
        margin: 0
    }
}
@media all and (min-width: 1256px) {
    body.services .module1 .flex-row.hero-row.has-image-column .hero-content {
        padding-left: 0
    }
}
body.services .module1 .flex-row.hero-row.has-image-column .hero-image-column {
    margin-top: 180px;
    max-width: 300px;
    right: 18px;
    display: none
}
@media all and (min-width: 756px) {
    body.services .module1 .flex-row.hero-row.has-image-column .hero-image-column {
        display: block;
        max-width: 100%;
        margin-top: 0
    }
}
body.services .module1 .flex-row.hero-row.has-image-column .hero-image-column img {
    max-height: 420px
}
body.services .module3 img {
    max-height: 40px
}
@media all and (min-width: 756px) {
    body.services .module3 h1 {
        margin-bottom: 18px
    }
}
body.services .module4 .flex-row {
    border-top: 1px solid #e8e5df
}
body.services .module4 img {
    max-width: 150px;
    margin-bottom: 18px
}
@media all and (min-width: 756px) {
    body.services .module4 img {
        max-width: 190px
    }
}
@media all and (min-width: 756px) {
    body.services .module5 .button-row {
        padding-bottom: 120px
    }
}
body.services .module3,
body.services .module4 {
    font-size: 21px;
    line-height: 28px
}
body.services .module4 h2 {
	font-size:35px;
}
body.services .module4 ul {
	max-width: 550px;
	margin: auto;
}
body.silent-os.dark-navigation .site-content {
    padding-top: 0
}
body.silent-os .module1 .flex-row.hero-row {
    padding-top: 20px;
    height: auto
}
body.silent-os .module3 .flex-row {
    max-width: 800px
}
body.silent-os .module5 .column.two h1 {
    margin-bottom: 38px
}
body.silent-os .module5 .column.two p {
    max-width: 300px
}
body.silent-os .module6 h1 {
    margin-bottom: 18px
}
body.silent-os .module7 .flex-row {
    max-width: 800px
}
@media all and (min-width: 756px) {
    body.silent-os .module9 .flex-row.spacious {
        padding: 80px 0
    }
}
body.silent-os .module10 .flex-row {
    max-width: 840px
}
body.software .flex-row {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
body.software .module1 .flex-row.spacious {
    max-width: 800px
}
@media all and (min-width: 756px) {
    body.software .module1 .flex-row.spacious {
        padding: 185px 0;
        padding-bottom: 0
    }
}
body.software .module1 .flex-row.spacious img {
    max-width: 200px;
    height: auto;
    margin-top: -40px
}
@media all and (min-width: 756px) {
    body.software .module1 .flex-row.spacious img {
        max-width: 100%;
        margin-top: 60px
    }
}
body.software .module1 .flex-row.spacious .column.one .headline {
    max-width: 300px
}
@media all and (min-width: 756px) {
    body.software .lead {
        font-size: 24px
    }
}
body.software .module3 h1,
body.software .module4 h1 {
    margin-bottom: 18px
}
body.software .module3 .column.one img,
body.software .module4 .column.two img {
    height: 250px;
    width: auto
}
@media all and (min-width: 756px) {
    body.software .module3 .column.one img,
    body.software .module4 .column.two img {
        width: auto;
        max-width: 100%;
        height: auto
    }
}
body.software .module4 .flex-row.max-width {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
@media all and (min-width: 756px) {
    body.software .module4 .flex-row.max-width {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}
body.software .module4 .flex-row.max-width .column.one {
    -webkit-order: 2;
    -ms-order: 2;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}
@media all and (min-width: 756px) {
    body.software .module4 .flex-row.max-width .column.one {
        -webkit-order: 1;
        -ms-order: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}
body.software .module4 .flex-row.max-width .column.two {
    -webkit-order: 1;
    -ms-order: 1;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}
@media all and (min-width: 756px) {
    body.software .module4 .flex-row.max-width .column.two {
        -webkit-order: 2;
        -ms-order: 2;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}
body.software .module5 p {
    margin: 0 auto
}
body.software .module5 h5 {
    margin-bottom: 18px
}
body.software .small-quote {
    display: block;
    font-size: 12px;
    max-width: 400px;
    margin: auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: .7
}
body.software .module6 {
    overflow: hidden
}
body.software .module6 h5 {
    padding-bottom: 18px
}
body.software .module6 .flex-row {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
body.software .module6 .column.two {
    padding-bottom: 0
}
body.software .module7 {
    overflow: hidden
}
@media all and (min-width: 756px) {
    body.software .module7 .flex-row.hero-row {
        height: 450px
    }
}
body.software .module7 .column.one {
    padding-left: 38px
}
body.software .module7 .column.two {
    padding-bottom: 0
}
body.support .module2 h5 {
    padding-top: 18px
}
body.support .module2 a {
    color: #545452
}
body.support .module3 .column.one .lead,
body.support .repeated-module .column.one .lead {
    font-size: 30px
}
body.technology.dark-navigation .site-content {
    padding-top: 0
}
@media all and (min-width: 756px) {
    body.technology .module1 .flex-row {
        padding: 185px 0;
        height: auto
    }
}
body.technology .module1 .flex-row .column.copy.center p {
    max-width: 700px
}
body.technology .module2 .flex-row {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
body.technology .module2 .column.copy.center {
    text-align: left
}
@media all and (min-width: 756px) {
    body.technology .module2 .column.copy.center {
        text-align: center
    }
}
body.technology .module2 .column.copy.center .lead,
body.technology .module2 .column.copy.center .lead p,
body.technology .module2 .column.copy.center p {
    max-width: 900px
}
body.technology .module3 .flex-row {
    border-top: 1px solid #e8e5df
}
body.technology .module3 .column {
    padding-bottom: 0
}
body.technology .module3 .headline {
    margin-bottom: 0
}
@media all and (min-width: 756px) {
    body.technology .module3 .column {
        padding-bottom: 18px
    }
    body.technology .module3 .headline {
        margin-bottom: 18px
    }
}
body.technology .module3 .column.copy.center .headline {
    text-align: left
}
@media all and (min-width: 756px) {
    body.technology .module3 .column.copy.center .headline {
        text-align: center
    }
}
body.technology .module4 h5 {
    margin-bottom: 13.5px
}
body.technology .module4 .column.one {
    margin-top: -20px
}
@media all and (min-width: 756px) {
    body.technology .module4 .column.one {
        margin-top: 0
    }
}
body.technology .module5 .copy-color--light [class*=button] {
    color: #e73a27
}
body.technology .module6 .column.one img {
    float: right;
    height: 75px
}
@media all and (min-width: 400px) {
    body.technology .module6 .column.one img {
        height: 110px
    }
}
@media all and (min-width: 756px) {
    body.technology .module6 .column.one {
        width: 25%;
        -webkit-flex-basis: 25%;
        -ms-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
    body.technology .module6 .column.one img {
        float: none;
        height: 225px;
        margin-top: 0
    }
}
body.technology .module6 .column.two {
    display: block
}
@media all and (min-width: 756px) {
    body.technology .module6 .column.two {
        width: 75%;
        -webkit-flex-basis: 75%;
        -ms-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%
    }
}
body.technology .module6 .column.two .button--cta span {
    line-height: 1
}
body.technology .module6 .lead {
    margin-bottom: 38px
}
@media all and (min-width: 756px) {
    body.technology .module6 h5 {
        width: 50%;
        float: left
    }
    body.technology .module6 h5:nth-child(even) {
        clear: both
    }
}
body.technology .module7 .hero-row {
    height: 400px
}
@media all and (min-width: 756px) {
    body.technology .module7 .hero-row {
        height: 450px
    }
}
body.technology .module6 .flex-row,
body.technology .module7 .flex-row {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
body.technology .module6 .flex-row h5,
body.technology .module7 .flex-row h5 {
    margin-bottom: 9px
}
body.technology .module6 .flex-row .button--cta>span,
body.technology .module7 .flex-row .button--cta>span {
    line-height: 1
}
body.technology .module7 p:nth-of-type(2) {
    margin-bottom: 0
}
@media all and (min-width: 756px) {
    body.technology .module8 .flex-row.hero-row {
        height: 450px
    }
}
section#accolades {
    text-align: center
}
section#accolades .flex-row.stacked {
    padding-top: 0
}
section#accolades [data-id="2"] {
    margin-bottom: -40px
}
section#accolades [data-id="2"] .max-width {
    max-width: 1025px
}
@media all and (min-width: 756px) {
    section#accolades [data-id="2"] .copy {
        -webkit-align-self: center;
        -ms-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        padding: 15px
    }
}
section#accolades [data-id="2"] img {
    width: 100%;
    height: auto;
    min-height: 100px;
    -webkit-filter: grayscale(100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: .6
}
section#accolades [data-id="1"] {
    margin-top: -40px
}
section#accolades [data-id="1"] .max-width {
    max-width: 1025px
}
section#accolades [data-id="1"] .column {
    padding-bottom: 0
}
@media all and (min-width: 756px) {
    section#accolades [data-id="1"] .column {
        padding-top: 0;
        padding-bottom: 0
    }
}
section#accolades [data-id="1"] p {
    max-width: none
}
section#accolades [data-id="1"] img {
    width: 100%;
    height: auto;
    max-height: 100px
}
section#accolades [data-id="1"] .flex-row.spacious-stacked-end {
    max-width: 1025px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 0
}
@media all and (min-width: 756px) {
    section#accolades [data-id="1"] .flex-row.spacious-stacked-end {
        padding-bottom: 38px
    }
}
section#accolades [data-id="1"] .flex-row.spacious-stacked-end p {
    margin: 0 auto
}
section#accolades [data-id="1"] .flex-row.spacious-stacked-end p:last-child {
    position: relative;
    top: -10px
}
@media all and (min-width: 756px) {
    section#accolades [data-id="1"] .flex-row.spacious-stacked-end .copy {
        padding: 15px
    }
}
section#accolades [data-id="1"] .flex-row.spacious-stacked-end .small-quote {
    font-size: 21px;
    line-height: 26px
}
#how-we-stay-secure {
    background-color: #ad251a
}
#how-we-stay-secure .flex-row {
    display: block
}
#how-we-stay-secure .flex-row p:first-child {
    margin-bottom: 18px
}
#how-we-stay-secure .flex-row .hero-content {
    position: relative
}
#how-we-stay-secure .flex-row .hero-content .lead {
    max-width: 650px;
    margin: auto
}
section#leading-global-businesses img {
    max-height: 70px;
    width: auto
}
@media all and (min-width: 756px) {
    section#leading-global-businesses img {
        max-height: 90px
    }
}
section#leading-global-businesses .flex-row h5 {
    margin: 5px 0
}
section#leading-global-businesses [data-id="3"] .flex-row {
    padding-top: 0
}
@media all and (min-width: 756px) {
    section#leading-global-businesses [data-id="3"] .flex-row {
        padding-top: 32px
    }
}
section#leading-global-businesses [data-id="3"] .flex-row .column p,
section#leading-global-businesses [data-id="2"] .flex-row .column p {
    max-width: none;
    margin: 0 auto
}
@media all and (min-width: 756px) {
    section#leading-global-businesses [data-id="3"] .column,
    section#leading-global-businesses [data-id="2"] .column {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}
section#leading-global-businesses [data-id="3"] .copy,
section#leading-global-businesses [data-id="2"] .copy {
    font-size: 16px;
    line-height: 21px;
    max-width: 400px;
    margin: auto;
    padding-top: 18px;
    border-top: 1px solid #e8e5df
}
@media all and (min-width: 756px) {
    section#leading-global-businesses [data-id="3"] .copy,
    section#leading-global-businesses [data-id="2"] .copy {
        padding: 0 18px;
        max-width: none;
        border: none
    }
}
section#leading-global-businesses [data-id="3"] .column>:first-child,
section#leading-global-businesses [data-id="2"] .column>:first-child {
    float: left
}
@media all and (min-width: 756px) {
    section#leading-global-businesses [data-id="3"] .column>:first-child,
    section#leading-global-businesses [data-id="2"] .column>:first-child {
        float: none
    }
}
section#leading-global-businesses [data-id="3"] .column>:last-child,
section#leading-global-businesses [data-id="3"] .column>:nth-child(2),
section#leading-global-businesses [data-id="2"] .column>:last-child,
section#leading-global-businesses [data-id="2"] .column>:nth-child(2) {
    text-align: left!important;
    margin-left: 85px!important
}
@media all and (min-width: 756px) {
    section#leading-global-businesses [data-id="3"] .column>:last-child,
    section#leading-global-businesses [data-id="3"] .column>:nth-child(2),
    section#leading-global-businesses [data-id="2"] .column>:last-child,
    section#leading-global-businesses [data-id="2"] .column>:nth-child(2) {
        margin-left: 0!important;
        text-align: center!important
    }
}
@media all and (min-width: 756px) {
    section#leading-global-businesses [data-id="4"] .flex-row.page-module.spacious-stacked-end {
        padding-top: 80px
    }
}
section#leading-global-businesses [data-id="2"] .copy:first-child {
    border-top: none;
    padding-top: 0
}
section#silent-circle-offerings .flex-row {
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: space-between;
    -webkit-align-items: space-between;
    -ms-align-items: space-between;
    -ms-flex-align: space-between;
    align-items: space-between
}
@media all and (min-width: 756px) {
    section#silent-circle-offerings .column {
        padding: 0 40.6px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    section#silent-circle-offerings .column img {
        height: 180px
    }
}
section#silent-circle-offerings p {
    font-size: 16px;
    line-height: 21px
}
section#silent-circle-offerings img {
    max-height: 200px
}
section#silent-circle-offerings .column p {
    max-width: 320px
}
section#silent-circle-offerings .column h5 {
    max-width: 320px;
    padding-top: 25px;
    margin: 0 auto;
    border-top: 1px solid #e8e5df
}
@media all and (min-width: 756px) {
    section#silent-circle-offerings .column h5 {
        max-width: none;
        margin-bottom: 10px;
        padding-top: 0;
        border: none
    }
}
section#silent-circle-offerings .column:first-child h5 {
    padding-top: 0;
    border-top: none
}
@media all and (min-width: 1200px) {
    body.es .navigation .navigation__item a {
        font-size: 13px
    }
}

/*Imaginuity*/
.row {margin: 0 auto;}
.row:before, .row:after {content: ''; display: table;}
.row:after {clear: both;}
.xs {max-width: 32rem;}
.sm {max-width: 48rem;}
.md {max-width: 64rem;}
.lg {max-width: 80rem;}
.xl {max-width: 96rem;}
.col {float: left;}
.xs-0 {display: none;}
.xs-1, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12 {display: inline-block;}
.xs-1  {width: 8.3333%;}
.xs-2  {width: 16.6667%;}
.xs-3  {width: 25%;}
.xs-4  {width: 33.3333%;}
.xs-5  {width: 41.6667%;}
.xs-6  {width: 50%;}
.xs-7  {width: 58.3333%;}
.xs-8  {width: 66.6667%;}
.xs-9  {width: 75%;}
.xs-10 {width: 83.3333%;}
.xs-11 {width: 91.6667%;}
.xs-12 {width: 100%;}
@media screen and (min-width: 32em) {
    .sm-0 {display: none;}
    .sm-1, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .sm-10, .sm-11, .sm-12 {display: inline-block;}
    .sm-1  {width: 8.3333%;}
    .sm-2  {width: 16.6667%;}
    .sm-3  {width: 25%;}
    .sm-4  {width: 33.3333%;}
    .sm-5  {width: 41.6667%;}
    .sm-6  {width: 50%;}
    .sm-7  {width: 58.3333%;}
    .sm-8  {width: 66.6667%;}
    .sm-9  {width: 75%;}
    .sm-10 {width: 83.3333%;}
    .sm-11 {width: 91.6667%;}
    .sm-12 {width: 100%;}
}
@media screen and (min-width: 48em) {
    .md-0 {display: none;}
    .md-1, .md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .md-10, .md-11, .md-12 {display: inline-block;}
    .md-1  {width: 8.3333%;}
    .md-2  {width: 16.6667%;}
    .md-3  {width: 25%;}
    .md-4  {width: 33.3333%;}
    .md-5  {width: 41.6667%;}
    .md-6  {width: 50%;}
    .md-7  {width: 58.3333%;}
    .md-8  {width: 66.6667%;}
    .md-9  {width: 75%;}
    .md-10 {width: 83.3333%;}
    .md-11 {width: 91.6667%;}
    .md-12 {width: 100%;}
}
@media screen and (min-width: 64em) {
    .lg-0 {display: none;}
    .lg-1, .lg-2, .lg-3, .lg-4, .lg-5, .lg-6, .lg-7, .lg-8, .lg-9, .lg-10, .lg-11, .lg-12 {display: inline-block;}
    .lg-1  {width: 8.3333%;}
    .lg-2  {width: 16.6667%;}
    .lg-3  {width: 25%;}
    .lg-4  {width: 33.3333%;}
    .lg-5  {width: 41.6667%;}
    .lg-6  {width: 50%;}
    .lg-7  {width: 58.3333%;}
    .lg-8  {width: 66.6667%;}
    .lg-9  {width: 75%;}
    .lg-10 {width: 83.3333%;}
    .lg-11 {width: 91.6667%;}
    .lg-12 {width: 100%;}
}
@media screen and (min-width: 80em) {
    .xl-0 {display: none;}
    .xl-1, .xl-2, .xl-3, .xl-4, .xl-5, .xl-6, .xl-7, .xl-8, .xl-9, .xl-10, .xl-11, .xl-12 {display: inline-block;}
    .xl-1  {width: 8.3333%;}
    .xl-2  {width: 16.6667%;}
    .xl-3  {width: 25%;}
    .xl-4  {width: 33.3333%;}
    .xl-5  {width: 41.6667%;}
    .xl-6  {width: 50%;}
    .xl-7  {width: 58.3333%;}
    .xl-8  {width: 66.6667%;}
    .xl-9  {width: 75%;}
    .xl-10 {width: 83.3333%;}
    .xl-11 {width: 91.6667%;}
    .xl-12 {width: 100%;}
}
.page__contact-sales.last {
    display:none;
}
.watch-video span:after {
    content: '';
}

.region {width:100%;clear:all;position:relative;float:left;margin-bottom:2em;border-bottom:1px solid #ccc;padding-top:1em;padding-bottom:2em;}
.region h5 {display:block;width:400px;float:left;}
.last-region {border-bottom:none;}
.region-logos {float:left;clear:left;width:100%;display:block;margin-right:2em;margin-top:.5em;}
.region-logos img {width:240px;float:left;margin-right:2em;}
.region-logos span.button {width:240px;margin-top:.5em;}
.region-logos span.kick-buy {margin-top:2em;}
@media all and (max-width: 1200px) {
	#content {margin-top:6em;}
}
@media all and (max-width: 768px) {
	#section_1 img {width:100px;position:absolute;right:-110px;top:-20px;}
	.region {margin-left:.3em;}
	.region-logos {width:280px;}
	.region-logos span.kick-buy {margin-top:.5em;}
}