.flip-clock-wrapper.clearfix:after,
.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper:after,
.flip-clock-wrapper:before {
    content: " ";
    display: table
}

.flip-clock-wrapper.clearfix:after,
.flip-clock-wrapper:after {
    clear: both
}

.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip-clock-wrapper a {
    cursor: pointer;
    text-decoration: none;
    color: #ccc
}

.flip-clock-wrapper a:hover {
    color: #fff
}

.flip-clock-wrapper {
    font: 400 11px "Helvetica Neue", Helvetica, sans-serif;
    -webkit-user-select: none;
    text-align: center;
    position: relative;
    width: 100%;
    margin: 1em
}

.flip-clock-meridium {
    background: 0 0!important;
    box-shadow: 0 0 0!important;
    font-size: 36px!important
}

.flip-clock-meridium a {
    color: #313333
}

.flip-clock-wrapper ul {
    list-style: none;
    position: relative;
    float: left;
    margin: 5px;
    width: 60px;
    height: 90px;
    font-size: 80px;
    font-weight: 700;
    line-height: 87px;
    border-radius: 6px;
    background: #000
}

.flip-clock-wrapper ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 87px;
    text-decoration: none!important
}

.flip-clock-wrapper ul li:first-child {
    z-index: 2
}

.flip-clock-wrapper ul li a {
    display: block;
    height: 100%;
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    perspective: 200px;
    margin: 0!important;
    overflow: visible!important;
    cursor: default!important
}

.flip-clock-wrapper ul li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    font-size: 80px;
    overflow: hidden;
    outline: transparent solid 1px
}

.flip-clock-wrapper ul li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

.flip-clock-wrapper ul li a div.up {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 0
}

.flip-clock-wrapper ul li a div.up:after {
    content: "";
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 3px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4)
}

.flip-clock-wrapper ul li a div.down {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #ccc;
    text-shadow: 0 1px 2px #000;
    text-align: center;
    background-color: #333;
    border-radius: 6px;
    font-size: 70px
}

.flip-clock-wrapper ul li a div.up div.inn {
    top: 0
}

.flip-clock-wrapper ul li a div.down div.inn {
    bottom: 0
}

.flip-clock-wrapper ul.play li.flip-clock-before {
    z-index: 3
}

.flip-clock-wrapper .flip {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .7)
}

.flip-clock-wrapper ul.play li.flip-clock-active {
    -webkit-animation: asd .5s .5s linear both;
    -moz-animation: asd .5s .5s linear both;
    animation: asd .5s .5s linear both;
    z-index: 5
}

.flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 100px
}

.flip-clock-divider:first-child {
    width: 0
}

.flip-clock-dot {
    display: block;
    background: #323434;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    left: 5px
}

.flip-clock-divider .flip-clock-label {
    position: absolute;
    top: -1.5em;
    right: -86px;
    color: #000;
    text-shadow: none
}

.flip-clock-divider.minutes .flip-clock-label {
    right: -88px
}

.flip-clock-divider.seconds .flip-clock-label {
    right: -91px
}

.flip-clock-dot.top {
    top: 30px
}

.flip-clock-dot.bottom {
    bottom: 30px
}

@-webkit-keyframes asd {
    0% {
        z-index: 2
    }
    100%,
    20% {
        z-index: 4
    }
}

@-moz-keyframes asd {
    0% {
        z-index: 2
    }
    100%,
    20% {
        z-index: 4
    }
}

@-o-keyframes asd {
    0% {
        z-index: 2
    }
    100%,
    20% {
        z-index: 4
    }
}

@keyframes asd {
    0% {
        z-index: 2
    }
    100%,
    20% {
        z-index: 4
    }
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: turn .5s .5s linear both;
    -moz-animation: turn .5s .5s linear both;
    animation: turn .5s .5s linear both
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotateX(90deg)
    }
    100% {
        -webkit-transform: rotateX(0)
    }
}

@-moz-keyframes turn {
    0% {
        -moz-transform: rotateX(90deg)
    }
    100% {
        -moz-transform: rotateX(0)
    }
}

@-o-keyframes turn {
    0% {
        -o-transform: rotateX(90deg)
    }
    100% {
        -o-transform: rotateX(0)
    }
}

@keyframes turn {
    0% {
        transform: rotateX(90deg)
    }
    100% {
        transform: rotateX(0)
    }
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 .5s linear both;
    -moz-animation: turn2 .5s linear both;
    animation: turn2 .5s linear both
}

@-webkit-keyframes turn2 {
    0% {
        -webkit-transform: rotateX(0)
    }
    100% {
        -webkit-transform: rotateX(-90deg)
    }
}

@-moz-keyframes turn2 {
    0% {
        -moz-transform: rotateX(0)
    }
    100% {
        -moz-transform: rotateX(-90deg)
    }
}

@-o-keyframes turn2 {
    0% {
        -o-transform: rotateX(0)
    }
    100% {
        -o-transform: rotateX(-90deg)
    }
}

@keyframes turn2 {
    0% {
        transform: rotateX(0)
    }
    100% {
        transform: rotateX(-90deg)
    }
}

.flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3
}

.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .1)), color-stop(100%, #000));
    background: 0 0, top, 0, 100% #000;
    background: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
    background: 0 0, bottom, 0, 100% #000;
    -webkit-animation: show .5s linear both;
    -moz-animation: show .5s linear both;
    animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .1)), color-stop(100%, #000));
    background: 0 0, top, 0, 100% #000;
    background: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
    background: 0 0, bottom, 0, 100% #000;
    -webkit-animation: hide .5s .3s linear both;
    -moz-animation: hide .5s .3s linear both;
    animation: hide .5s .3s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: -moz-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(100%, rgba(0, 0, 0, .1)));
    background: 0 0, top, 0, 100% rgba(0, 0, 0, .1);
    background: -o-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
    background: -ms-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
    background: 0 0, bottom, 0, 100% rgba(0, 0, 0, .1);
    -webkit-animation: show .5s linear both;
    -moz-animation: show .5s linear both;
    animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: -moz-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(100%, rgba(0, 0, 0, .1)));
    background: 0 0, top, 0, 100% rgba(0, 0, 0, .1);
    background: -o-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
    background: -ms-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
    background: 0 0, bottom, 0, 100% rgba(0, 0, 0, .1);
    -webkit-animation: hide .5s .3s linear both;
    -moz-animation: hide .5s .3s linear both;
    animation: hide .5s .2s linear both
}

@-webkit-keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes hide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-o-keyframes hide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes hide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}


/*! bulma.io v0.4.0 | MIT License | github.com/jgthms/bulma */

@keyframes spinAround {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(359deg)
    }
}


/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */

blockquote,
body,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
textarea,
ul {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 120%;
    font-weight: 400;
    position: relative
}

ul {
    list-style: none
}

button,
input,
select,
textarea {
    margin: 0
}

html {
    box-sizing: border-box
}

* {
    box-sizing: inherit
}

:after,
:before {
    box-sizing: inherit
}

audio,
embed,
img,
object,
video {
    height: auto;
    max-width: 100%
}

iframe {
    border: 0
}

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

td,
th {
    padding: 0;
    text-align: left
}

html {
    background-color: #fff;
    font-size: 16px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    min-width: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
    text-rendering: optimizeLegibility
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
    display: block
}

body,
button,
input,
select,
textarea {
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

code,
pre {
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-family: monospace
}

body {
    color: #4a4a4a;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3
}

a {
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    transition: none 86ms ease-out
}

a:hover {
    color: #ffec01
}

code {
    background-color: #feffff;
    color: #dd1e31;
    font-size: .8em;
    font-weight: 400;
    padding: .25em .5em .25em
}

hr {
    background-color: #dbdbdb;
    border: none;
    display: block;
    height: 1px;
    margin: 1.5rem 0
}

img {
    max-width: 100%
}

input[type=checkbox],
input[type=radio] {
    vertical-align: baseline
}

small {
    font-size: .8em
}

span {
    font-style: inherit;
    font-weight: inherit
}

strong {
    color: #363636;
    font-weight: 700
}

pre {
    background-color: #feffff;
    color: #4a4a4a;
    font-size: .8em;
    white-space: pre;
    word-wrap: normal
}

pre code {
    background: 0 0;
    color: inherit;
    display: block;
    font-size: 1em;
    overflow-x: auto;
    padding: 1.25rem 1.5rem
}

table {
    width: 100%
}

table td,
table th {
    text-align: left;
    vertical-align: top
}

table th {
    color: #363636
}

.is-block {
    display: block
}

@media screen and (max-width:768px) {
    .is-block-mobile {
        display: block!important
    }
}

@media screen and (min-width:769px) {
    .is-block-tablet {
        display: block!important
    }
}

@media screen and (min-width:769px) and (max-width:999px) {
    .is-block-tablet-only {
        display: block!important
    }
}

@media screen and (max-width:999px) {
    .is-block-touch {
        display: block!important
    }
}

@media screen and (min-width:1000px) {
    .is-block-desktop {
        display: block!important
    }
}

@media screen and (min-width:1000px) and (max-width:1191px) {
    .is-block-desktop-only {
        display: block!important
    }
}

@media screen and (min-width:1192px) {
    .is-block-widescreen {
        display: block!important
    }
}

.is-flex {
    display: flex
}

@media screen and (max-width:768px) {
    .is-flex-mobile {
        display: flex!important
    }
}

@media screen and (min-width:769px) {
    .is-flex-tablet {
        display: flex!important
    }
}

@media screen and (min-width:769px) and (max-width:999px) {
    .is-flex-tablet-only {
        display: flex!important
    }
}

@media screen and (max-width:999px) {
    .is-flex-touch {
        display: flex!important
    }
}

@media screen and (min-width:1000px) {
    .is-flex-desktop {
        display: flex!important
    }
}

@media screen and (min-width:1000px) and (max-width:1191px) {
    .is-flex-desktop-only {
        display: flex!important
    }
}

@media screen and (min-width:1192px) {
    .is-flex-widescreen {
        display: flex!important
    }
}

.is-inline {
    display: inline
}

@media screen and (max-width:768px) {
    .is-inline-mobile {
        display: inline!important
    }
}

@media screen and (min-width:769px) {
    .is-inline-tablet {
        display: inline!important
    }
}

@media screen and (min-width:769px) and (max-width:999px) {
    .is-inline-tablet-only {
        display: inline!important
    }
}

@media screen and (max-width:999px) {
    .is-inline-touch {
        display: inline!important
    }
}

@media screen and (min-width:1000px) {
    .is-inline-desktop {
        display: inline!important
    }
}

@media screen and (min-width:1000px) and (max-width:1191px) {
    .is-inline-desktop-only {
        display: inline!important
    }
}

@media screen and (min-width:1192px) {
    .is-inline-widescreen {
        display: inline!important
    }
}

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

@media screen and (max-width:768px) {
    .is-inline-block-mobile {
        display: inline-block!important
    }
}

@media screen and (min-width:769px) {
    .is-inline-block-tablet {
        display: inline-block!important
    }
}

@media screen and (min-width:769px) and (max-width:999px) {
    .is-inline-block-tablet-only {
        display: inline-block!important
    }
}

@media screen and (max-width:999px) {
    .is-inline-block-touch {
        display: inline-block!important
    }
}

@media screen and (min-width:1000px) {
    .is-inline-block-desktop {
        display: inline-block!important
    }
}

@media screen and (min-width:1000px) and (max-width:1191px) {
    .is-inline-block-desktop-only {
        display: inline-block!important
    }
}

@media screen and (min-width:1192px) {
    .is-inline-block-widescreen {
        display: inline-block!important
    }
}

.is-inline-flex {
    display: inline-flex
}

@media screen and (max-width:768px) {
    .is-inline-flex-mobile {
        display: inline-flex!important
    }
}

@media screen and (min-width:769px) {
    .is-inline-flex-tablet {
        display: inline-flex!important
    }
}

@media screen and (min-width:769px) and (max-width:999px) {
    .is-inline-flex-tablet-only {
        display: inline-flex!important
    }
}

@media screen and (max-width:999px) {
    .is-inline-flex-touch {
        display: inline-flex!important
    }
}

@media screen and (min-width:1000px) {
    .is-inline-flex-desktop {
        display: inline-flex!important
    }
}

@media screen and (min-width:1000px) and (max-width:1191px) {
    .is-inline-flex-desktop-only {
        display: inline-flex!important
    }
}

@media screen and (min-width:1192px) {
    .is-inline-flex-widescreen {
        display: inline-flex!important
    }
}

.is-clearfix:after {
    clear: both;
    content: " ";
    display: table
}

.is-pulled-left {
    float: left
}

.is-pulled-right {
    float: right
}

.is-clipped {
    overflow: hidden!important
}

.is-overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.has-text-centered {
    text-align: center
}

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

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

.is-hidden {
    display: none!important
}

@media screen and (max-width:768px) {
    .is-hidden-mobile {
        display: none!important
    }
}

@media screen and (min-width:769px) {
    .is-hidden-tablet {
        display: none!important
    }
}

@media screen and (min-width:769px) and (max-width:999px) {
    .is-hidden-tablet-only {
        display: none!important
    }
}

@media screen and (max-width:999px) {
    .is-hidden-touch {
        display: none!important
    }
}

@media screen and (min-width:1000px) {
    .is-hidden-desktop {
        display: none!important
    }
}

@media screen and (min-width:1000px) and (max-width:1191px) {
    .is-hidden-desktop-only {
        display: none!important
    }
}

@media screen and (min-width:1192px) {
    .is-hidden-widescreen {
        display: none!important
    }
}

.is-disabled {
    pointer-events: none
}

.is-marginless {
    margin: 0!important
}

.is-paddingless {
    padding: 0!important
}

.is-unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.box {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1);
    display: block;
    padding: 1.25rem
}

.box:not(:last-child) {
    margin-bottom: 1.5rem
}

a.box:focus,
a.box:hover {
    box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px #0d75bc
}

a.box:active {
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2), 0 0 0 1px #0d75bc
}

.button {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: none;
    border-radius: 3px;
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem;
    height: 2.5em;
    text-transform: uppercase;
    width: 5.5rem;
    justify-content: flex-start;
    line-height: 1.25;
    padding-bottom: .5em;
    padding-left: .625em;
    padding-right: .625em;
    padding-top: .5em;
    position: relative;
    vertical-align: top;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    color: #363636;
    cursor: pointer;
    justify-content: center;
    padding-left: .75em;
    padding-right: .75em;
    text-align: center;
    white-space: nowrap
}

.button.is-active,
.button.is-focused,
.button:active,
.button:focus {
    outline: 0
}

.button.is-disabled,
.button[disabled] {
    pointer-events: none
}

.button strong {
    color: inherit
}

.button .icon,
.button .icon.is-large,
.button .icon.is-medium,
.button .icon.is-small {
    height: 1.5em;
    width: 1.5em
}

.button .icon:first-child:not(:last-child) {
    margin-left: calc(-.375em - 1px);
    margin-right: .1875em
}

.button .icon:last-child:not(:first-child) {
    margin-left: .1875em;
    margin-right: calc(-.375em - 1px)
}

.button .icon:first-child:last-child {
    margin-left: calc(-.375em - 1px);
    margin-right: calc(-.375em - 1px)
}

.button.is-hovered,
.button:hover {
    border-color: #b5b5b5;
    color: #363636
}

.button.is-focused,
.button:focus {
    border-color: #0d75bc;
    box-shadow: 0 0 .5em rgba(13, 117, 188, .25);
    color: #363636
}

.button.is-active,
.button:active {
    border-color: #4a4a4a;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2);
    color: #363636
}

.button.is-link {
    background-color: transparent;
    border-color: transparent;
    color: #4a4a4a;
    text-decoration: underline
}

.button.is-link.is-active,
.button.is-link.is-focused,
.button.is-link.is-hovered,
.button.is-link:active,
.button.is-link:focus,
.button.is-link:hover {
    background-color: #feffff;
    color: #363636
}

.button.is-#fff {
    background-color: #fff;
    border-color: transparent;
    color: #0a0a0a
}

.button.is-#fff.is-hovered,
.button.is-#fff:hover {
    background-color: #f9f9f9;
    border-color: transparent;
    color: #0a0a0a
}

.button.is-#fff.is-focused,
.button.is-#fff:focus {
    border-color: transparent;
    box-shadow: 0 0 .5em rgba(255, 255, 255, .25);
    color: #0a0a0a
}

.button.is-#fff.is-active,
.button.is-#fff:active {
    background-color: #f2f2f2;
    border-color: transparent;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2);
    color: #0a0a0a
}

.button.is-#fff.is-inverted {
    background-color: #0a0a0a;
    color: #fff
}

.button.is-#fff.is-inverted:hover {
    background-color: #000
}

.button.is-#fff.is-loading:after {
    border-color: transparent transparent #0a0a0a #0a0a0a!important
}

.button.is-#fff.is-outlined {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.button.is-#fff.is-outlined:focus,
.button.is-#fff.is-outlined:hover {
    background-color: #fff;
    border-color: #fff;
    color: #0a0a0a
}

.button.is-#fff.is-outlined.is-loading:after {
    border-color: transparent transparent #fff #fff!important
}

.button.is-#fff.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #0a0a0a;
    color: #0a0a0a
}

.button.is-#fff.is-inverted.is-outlined:focus,
.button.is-#fff.is-inverted.is-outlined:hover {
    background-color: #0a0a0a;
    color: #fff
}

.button.is-#000 {
    background-color: #0a0a0a;
    border-color: transparent;
    color: #fff
}

.button.is-#000.is-hovered,
.button.is-#000:hover {
    background-color: #040404;
    border-color: transparent;
    color: #fff
}

.button.is-#000.is-focused,
.button.is-#000:focus {
    border-color: transparent;
    box-shadow: 0 0 .5em rgba(10, 10, 10, .25);
    color: #fff
}

.button.is-#000.is-active,
.button.is-#000:active {
    background-color: #000;
    border-color: transparent;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2);
    color: #fff
}

.button.is-#000.is-inverted {
    background-color: #fff;
    color: #0a0a0a
}

.button.is-#000.is-inverted:hover {
    background-color: #f2f2f2
}

.button.is-#000.is-loading:after {
    border-color: transparent transparent #fff #fff!important
}

.button.is-#000.is-outlined {
    background-color: transparent;
    border-color: #0a0a0a;
    color: #0a0a0a
}

.button.is-#000.is-outlined:focus,
.button.is-#000.is-outlined:hover {
    background-color: #0a0a0a;
    border-color: #0a0a0a;
    color: #fff
}

.button.is-#000.is-outlined.is-loading:after {
    border-color: transparent transparent #0a0a0a #0a0a0a!important
}

.button.is-#000.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.button.is-#000.is-inverted.is-outlined:focus,
.button.is-#000.is-inverted.is-outlined:hover {
    background-color: #fff;
    color: #0a0a0a
}

.button.is-light {
    background-color: #f5f5f5;
    border-color: transparent;
    color: #363636
}

.button.is-light.is-hovered,
.button.is-light:hover {
    background-color: #eee;
    border-color: transparent;
    color: #363636
}

.button.is-light.is-focused,
.button.is-light:focus {
    border-color: transparent;
    box-shadow: 0 0 .5em rgba(245, 245, 245, .25);
    color: #363636
}

.button.is-light.is-active,
.button.is-light:active {
    background-color: #e8e8e8;
    border-color: transparent;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2);
    color: #363636
}

.button.is-light.is-inverted {
    background-color: #363636;
    color: #f5f5f5
}

.button.is-light.is-inverted:hover {
    background-color: #292929
}

.button.is-light.is-loading:after {
    border-color: transparent transparent #363636 #363636!important
}

.button.is-light.is-outlined {
    background-color: transparent;
    border-color: #f5f5f5;
    color: #f5f5f5
}

.button.is-light.is-outlined:focus,
.button.is-light.is-outlined:hover {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #363636
}

.button.is-light.is-outlined.is-loading:after {
    border-color: transparent transparent #f5f5f5 #f5f5f5!important
}

.button.is-light.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #363636;
    color: #363636
}

.button.is-light.is-inverted.is-outlined:focus,
.button.is-light.is-inverted.is-outlined:hover {
    background-color: #363636;
    color: #f5f5f5
}

.button.is-dark {
    background-color: #363636;
    border-color: transparent;
    color: #f5f5f5
}

.button.is-dark.is-hovered,
.button.is-dark:hover {
    background-color: #2f2f2f;
    border-color: transparent;
    color: #f5f5f5
}

.button.is-dark.is-focused,
.button.is-dark:focus {
    border-color: transparent;
    box-shadow: 0 0 .5em rgba(54, 54, 54, .25);
    color: #f5f5f5
}

.button.is-dark.is-active,
.button.is-dark:active {
    background-color: #292929;
    border-color: transparent;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2);
    color: #f5f5f5
}

.button.is-dark.is-inverted {
    background-color: #f5f5f5;
    color: #363636
}

.button.is-dark.is-inverted:hover {
    background-color: #e8e8e8
}

.button.is-dark.is-loading:after {
    border-color: transparent transparent #f5f5f5 #f5f5f5!important
}

.button.is-dark.is-outlined {
    background-color: transparent;
    border-color: #363636;
    color: #363636
}

.button.is-dark.is-outlined:focus,
.button.is-dark.is-outlined:hover {
    background-color: #363636;
    border-color: #363636;
    color: #f5f5f5
}

.button.is-dark.is-outlined.is-loading:after {
    border-color: transparent transparent #363636 #363636!important
}

.button.is-dark.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #f5f5f5;
    color: #f5f5f5
}

.button.is-dark.is-inverted.is-outlined:focus,
.button.is-dark.is-inverted.is-outlined:hover {
    background-color: #f5f5f5;
    color: #363636
}

.button.is-primary {
    background-color: #000;
    border-color: transparent;
    color: #fff
}

.button.is-primary.is-hovered,
.button.is-primary:hover {
    background-color: #3e2823;
    border-color: transparent;
    color: #fff
}

.button.is-primary.is-focused,
.button.is-primary:focus {
    border-color: transparent;
    box-shadow: 0 0 .5em rgba(13, 117, 188, .25);
    color: #fff
}

.button.is-primary.is-active,
.button.is-primary:active {
    background-color: #0b66a4;
    border-color: transparent;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2);
    color: #fff
}

.button.is-primary.is-inverted {
    background-color: #fff;
    color: #0d75bc
}

.button.is-primary.is-inverted:hover {
    background-color: #f2f2f2
}

.button.is-primary.is-loading:after {
    border-color: transparent transparent #fff #fff!important
}

.button.is-primary.is-outlined {
    background-color: transparent;
    border-color: #0d75bc;
    color: #0d75bc
}

.button.is-primary.is-outlined:focus,
.button.is-primary.is-outlined:hover {
    background-color: #0d75bc;
    border-color: #0d75bc;
    color: #fff
}

.button.is-primary.is-outlined.is-loading:after {
    border-color: transparent transparent #0d75bc #0d75bc!important
}

.button.is-primary.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.button.is-primary.is-inverted.is-outlined:focus,
.button.is-primary.is-inverted.is-outlined:hover {
    background-color: #fff;
    color: #0d75bc
}

.button.is-info {
    background-color: #0d75bc;
    border-color: transparent;
    color: #000
}

.button.is-info.is-hovered,
.button.is-info:hover {
    background-color: #0c6eb0;
    border-color: transparent;
    color: #fff
}

.button.is-info.is-focused,
.button.is-info:focus {
    border-color: transparent;
    box-shadow: 0 0 .5em rgba(13, 117, 188, .25);
    color: #fff
}

.button.is-info.is-active,
.button.is-info:active {
    background-color: #0b66a4;
    border-color: transparent;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2);
    color: #fff
}

.button.is-info.is-inverted {
    background-color: #fff;
    color: #0d75bc
}

.button.is-info.is-inverted:hover {
    background-color: #f2f2f2
}

.button.is-info.is-loading:after {
    border-color: transparent transparent #fff #fff!important
}

.button.is-info.is-outlined {
    background-color: transparent;
    border-color: #0d75bc;
    color: #0d75bc
}

.button.is-info.is-outlined:focus,
.button.is-info.is-outlined:hover {
    background-color: #0d75bc;
    border-color: #0d75bc;
    color: #fff
}

.button.is-info.is-outlined.is-loading:after {
    border-color: transparent transparent #0d75bc #0d75bc!important
}

.button.is-info.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.button.is-info.is-inverted.is-outlined:focus,
.button.is-info.is-inverted.is-outlined:hover {
    background-color: #fff;
    color: #0d75bc
}

.button.is-success {
    background-color: #23d160;
    border-color: transparent;
    color: #fff
}

.button.is-success.is-hovered,
.button.is-success:hover {
    background-color: #22c65b;
    border-color: transparent;
    color: #fff
}

.button.is-success.is-focused,
.button.is-success:focus {
    border-color: transparent;
    box-shadow: 0 0 .5em rgba(35, 209, 96, .25);
    color: #fff
}

.button.is-success.is-active,
.button.is-success:active {
    background-color: #20bc56;
    border-color: transparent;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2);
    color: #fff
}

.button.is-success.is-inverted {
    background-color: #fff;
    color: #23d160
}

.button.is-success.is-inverted:hover {
    background-color: #f2f2f2
}

.button.is-success.is-loading:after {
    border-color: transparent transparent #fff #fff!important
}

.button.is-success.is-outlined {
    background-color: transparent;
    border-color: #23d160;
    color: #23d160
}

.button.is-success.is-outlined:focus,
.button.is-success.is-outlined:hover {
    background-color: #23d160;
    border-color: #23d160;
    color: #fff
}

.button.is-success.is-outlined.is-loading:after {
    border-color: transparent transparent #23d160 #23d160!important
}

.button.is-success.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.button.is-success.is-inverted.is-outlined:focus,
.button.is-success.is-inverted.is-outlined:hover {
    background-color: #fff;
    color: #23d160
}

.button.is-warning {
    background-color: #ffdd57;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-warning.is-hovered,
.button.is-warning:hover {
    background-color: #ffdb4a;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.button.is-warning.is-focused,
.button.is-warning:focus {
    border-color: transparent;
    box-shadow: 0 0 .5em rgba(255, 221, 87, .25);
    color: rgba(0, 0, 0, .7)
}

.button.is-warning.is-active,
.button.is-warning:active {
    background-color: #ffd83d;
    border-color: transparent;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2);
    color: rgba(0, 0, 0, .7)
}

.button.is-warning.is-inverted {
    background-color: rgba(0, 0, 0, .7);
    color: #ffdd57
}

.button.is-warning.is-inverted:hover {
    background-color: rgba(0, 0, 0, .7)
}

.button.is-warning.is-loading:after {
    border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7)!important
}

.button.is-warning.is-outlined {
    background-color: transparent;
    border-color: #ffdd57;
    color: #ffdd57
}

.button.is-warning.is-outlined:focus,
.button.is-warning.is-outlined:hover {
    background-color: #ffdd57;
    border-color: #ffdd57;
    color: rgba(0, 0, 0, .7)
}

.button.is-warning.is-outlined.is-loading:after {
    border-color: transparent transparent #ffdd57 #ffdd57!important
}

.button.is-warning.is-inverted.is-outlined {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .7);
    color: rgba(0, 0, 0, .7)
}

.button.is-warning.is-inverted.is-outlined:focus,
.button.is-warning.is-inverted.is-outlined:hover {
    background-color: rgba(0, 0, 0, .7);
    color: #ffdd57
}

.button.is-danger {
    background-color: #dd1e31;
    border-color: transparent;
    color: #fff
}

.button.is-danger.is-hovered,
.button.is-danger:hover {
    background-color: #d21c2f;
    border-color: transparent;
    color: #fff
}

.button.is-danger.is-focused,
.button.is-danger:focus {
    border-color: transparent;
    box-shadow: 0 0 .5em rgba(221, 30, 49, .25);
    color: #fff
}

.button.is-danger.is-active,
.button.is-danger:active {
    background-color: #c71b2c;
    border-color: transparent;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2);
    color: #fff
}

.button.is-danger.is-inverted {
    background-color: #fff;
    color: #dd1e31
}

.button.is-danger.is-inverted:hover {
    background-color: #f2f2f2
}

.button.is-danger.is-loading:after {
    border-color: transparent transparent #fff #fff!important
}

.button.is-danger.is-outlined {
    background-color: transparent;
    border-color: #dd1e31;
    color: #dd1e31
}

.button.is-danger.is-outlined:focus,
.button.is-danger.is-outlined:hover {
    background-color: #dd1e31;
    border-color: #dd1e31;
    color: #fff
}

.button.is-danger.is-outlined.is-loading:after {
    border-color: transparent transparent #dd1e31 #dd1e31!important
}

.button.is-danger.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.button.is-danger.is-inverted.is-outlined:focus,
.button.is-danger.is-inverted.is-outlined:hover {
    background-color: #fff;
    color: #dd1e31
}

.button.is-small {
    border-radius: 2px;
    font-size: .75rem
}

.button.is-medium {
    font-size: 1.25rem
}

.button.is-large {
    font-size: 1.5rem
}

.button.is-disabled,
.button[disabled] {
    opacity: .5
}

.button.is-fullwidth {
    display: flex;
    width: 100%
}

.button.is-loading {
    color: transparent!important;
    pointer-events: none
}

.button.is-loading:after {
    animation: spinAround .5s infinite linear;
    border: 2px solid #dbdbdb;
    border-radius: 290486px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em;
    left: 50%;
    margin-left: -.5em;
    margin-top: -.5em;
    position: absolute;
    top: 50%;
    position: absolute!important
}

button.button,
input[type=submit].button {
    line-height: 1;
    width: auto;
    padding-bottom: .4em;
    padding-top: .35em
}

.content {
    color: #4a4a4a
}

.content:not(:last-child) {
    margin-bottom: 1.5rem
}

.content li+li {
    margin-top: .25em
}

.content blockquote:not(:last-child),
.content ol:not(:last-child),
.content p:not(:last-child),
.content table:not(:last-child),
.content ul:not(:last-child) {
    margin-bottom: 1em
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    color: #363636;
    font-weight: 400;
    line-height: 1.125
}

.content h1 {
    font-size: 2em;
    margin-bottom: .5em
}

.content h1:not(:first-child) {
    margin-top: 1em
}

.content h2 {
    font-size: 1.75em;
    margin-bottom: .5714em
}

.content h2:not(:first-child) {
    margin-top: 1.1428em
}

.content h3 {
    font-size: 1.5em;
    margin-bottom: .6666em
}

.content h3:not(:first-child) {
    margin-top: 1.3333em
}

.content h4 {
    font-size: 1.25em;
    margin-bottom: .8em
}

.content h5 {
    font-size: 1.125em;
    margin-bottom: .8888em
}

.content h6 {
    font-size: 1em;
    margin-bottom: 1em
}

.content blockquote {
    background-color: #feffff;
    border-left: 5px solid #dbdbdb;
    padding: 1.25em 1.5em
}

.content ol {
    list-style: decimal outside;
    margin-left: 2em;
    margin-right: 2em;
    margin-top: 1em
}

.content ul {
    list-style: disc outside;
    margin-left: 2em;
    margin-right: 2em;
    margin-top: 1em
}

.content ul ul {
    list-style-type: circle;
    margin-top: .5em
}

.content ul ul ul {
    list-style-type: square
}

.content table {
    width: 100%
}

.content table td,
.content table th {
    border: 1px solid #dbdbdb;
    border-width: 0 0 1px;
    padding: .5em .75em;
    vertical-align: top
}

.content table th {
    color: #363636;
    text-align: left
}

.content table tr:hover {
    background-color: #feffff
}

.content table thead td,
.content table thead th {
    border-width: 0 0 2px;
    color: #363636
}

.content table tfoot td,
.content table tfoot th {
    border-width: 2px 0 0;
    color: #363636
}

.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
    border-bottom-width: 0
}

.content.is-small {
    font-size: .75rem
}

.content.is-medium {
    font-size: 1.25rem
}

.content.is-large {
    font-size: 1.5rem
}

.input,
.textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: none;
    border-radius: 3px;
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem;
    height: 2.25em;
    justify-content: flex-start;
    line-height: 1.25;
    padding-bottom: .5em;
    padding-left: .625em;
    padding-right: .625em;
    padding-top: .5em;
    position: relative;
    vertical-align: top;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    color: #363636;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
    max-width: 100%;
    width: 100%
}

.input.is-active,
.input.is-focused,
.input:active,
.input:focus,
.textarea.is-active,
.textarea.is-focused,
.textarea:active,
.textarea:focus {
    outline: 0
}

.input.is-disabled,
.input[disabled],
.textarea.is-disabled,
.textarea[disabled] {
    pointer-events: none
}

.input.is-hovered,
.input:hover,
.textarea.is-hovered,
.textarea:hover {
    border-color: #b5b5b5
}

.input.is-active,
.input.is-focused,
.input:active,
.input:focus,
.textarea.is-active,
.textarea.is-focused,
.textarea:active,
.textarea:focus {
    border-color: #0d75bc
}

.input.is-disabled,
.input[disabled],
.textarea.is-disabled,
.textarea[disabled] {
    background-color: #feffff;
    border-color: #feffff;
    box-shadow: none;
    color: #7a7a7a
}

.input.is-disabled::-moz-placeholder,
.input[disabled]::-moz-placeholder,
.textarea.is-disabled::-moz-placeholder,
.textarea[disabled]::-moz-placeholder {
    color: rgba(54, 54, 54, .3)
}

.input.is-disabled::-webkit-input-placeholder,
.input[disabled]::-webkit-input-placeholder,
.textarea.is-disabled::-webkit-input-placeholder,
.textarea[disabled]::-webkit-input-placeholder {
    color: rgba(54, 54, 54, .3)
}

.input.is-disabled:-moz-placeholder,
.input[disabled]:-moz-placeholder,
.textarea.is-disabled:-moz-placeholder,
.textarea[disabled]:-moz-placeholder {
    color: rgba(54, 54, 54, .3)
}

.input.is-disabled:-ms-input-placeholder,
.input[disabled]:-ms-input-placeholder,
.textarea.is-disabled:-ms-input-placeholder,
.textarea[disabled]:-ms-input-placeholder {
    color: rgba(54, 54, 54, .3)
}

.input[type=search],
.textarea[type=search] {
    border-radius: 290486px
}

.input.is-#fff,
.textarea.is-#fff {
    border-color: #fff
}

.input.is-#000,
.textarea.is-#000 {
    border-color: #0a0a0a
}

.input.is-light,
.textarea.is-light {
    border-color: #f5f5f5
}

.input.is-dark,
.textarea.is-dark {
    border-color: #363636
}

.input.is-primary,
.textarea.is-primary {
    border-color: #0d75bc
}

.input.is-info,
.textarea.is-info {
    border-color: #0d75bc
}

.input.is-success,
.textarea.is-success {
    border-color: #23d160
}

.input.is-warning,
.textarea.is-warning {
    border-color: #ffdd57
}

.input.is-danger,
.textarea.is-danger {
    border-color: #dd1e31
}

.input.is-small,
.textarea.is-small {
    border-radius: 2px;
    font-size: .75rem
}

.input.is-medium,
.textarea.is-medium {
    font-size: 1.25rem
}

.input.is-large,
.textarea.is-large {
    font-size: 1.5rem
}

.input.is-fullwidth,
.textarea.is-fullwidth {
    display: block;
    width: 100%
}

.input.is-inline,
.textarea.is-inline {
    display: inline;
    width: auto
}

.textarea {
    display: block;
    line-height: 1.25;
    max-height: 600px;
    max-width: 100%;
    min-height: 120px;
    min-width: 100%;
    padding: .625em;
    resize: vertical
}

.checkbox,
.radio {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
    vertical-align: top
}

.checkbox input,
.radio input {
    cursor: pointer;
    margin-right: .5em
}

.checkbox:hover,
.radio:hover {
    color: #363636
}

.checkbox.is-disabled,
.radio.is-disabled {
    color: #7a7a7a;
    pointer-events: none
}

.checkbox.is-disabled input,
.radio.is-disabled input {
    pointer-events: none
}

.radio+.radio {
    margin-left: .5em
}

.select {
    display: inline-block;
    height: 2.25em;
    position: relative;
    vertical-align: top
}

.select:after {
    border: 1px solid #0d75bc;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: .5em;
    pointer-events: none;
    position: absolute;
    transform: rotate(-45deg);
    width: .5em;
    margin-top: -.375em;
    right: 1.125em;
    top: 50%;
    z-index: 4
}

.select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: none;
    border-radius: 3px;
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem;
    height: 2.25em;
    justify-content: flex-start;
    line-height: 1.25;
    padding-bottom: .5em;
    padding-left: .625em;
    padding-right: .625em;
    padding-top: .5em;
    position: relative;
    vertical-align: top;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    color: #363636;
    cursor: pointer;
    display: block;
    font-size: 1em;
    outline: 0;
    padding-right: 2.5em
}

.select select.is-active,
.select select.is-focused,
.select select:active,
.select select:focus {
    outline: 0
}

.select select.is-disabled,
.select select[disabled] {
    pointer-events: none
}

.select select.is-hovered,
.select select:hover {
    border-color: #b5b5b5
}

.select select.is-active,
.select select.is-focused,
.select select:active,
.select select:focus {
    border-color: #0d75bc
}

.select select.is-disabled,
.select select[disabled] {
    background-color: #feffff;
    border-color: #feffff;
    box-shadow: none;
    color: #7a7a7a
}

.select select.is-disabled::-moz-placeholder,
.select select[disabled]::-moz-placeholder {
    color: rgba(54, 54, 54, .3)
}

.select select.is-disabled::-webkit-input-placeholder,
.select select[disabled]::-webkit-input-placeholder {
    color: rgba(54, 54, 54, .3)
}

.select select.is-disabled:-moz-placeholder,
.select select[disabled]:-moz-placeholder {
    color: rgba(54, 54, 54, .3)
}

.select select.is-disabled:-ms-input-placeholder,
.select select[disabled]:-ms-input-placeholder {
    color: rgba(54, 54, 54, .3)
}

.select select:hover {
    border-color: #b5b5b5
}

.select select::ms-expand {
    display: none
}

.select:hover:after {
    border-color: #363636
}

.select.is-small {
    border-radius: 2px;
    font-size: .75rem
}

.select.is-medium {
    font-size: 1.25rem
}

.select.is-large {
    font-size: 1.5rem
}

.select.is-fullwidth {
    width: 100%
}

.select.is-fullwidth select {
    width: 100%
}

.label {
    color: #363636;
    display: block;
    font-size: 1rem;
    font-weight: 700
}

.label:not(:last-child) {
    margin-bottom: .5em
}

.help {
    display: block;
    font-size: .9rem;
    margin-top: .25rem
}

.help.is-#fff {
    color: #fff
}

.help.is-#000 {
    color: #0a0a0a
}

.help.is-light {
    color: #f5f5f5
}

.help.is-dark {
    color: #363636
}

.help.is-primary {
    color: #0d75bc
}

.help.is-info {
    color: #0d75bc
}

.help.is-success {
    color: #23d160
}

.help.is-warning {
    color: #ffdd57
}

.help.is-danger {
    color: #dd1e31
}

.select select {
    line-height: 1
}

.field:not(:last-child) {
    margin-bottom: .75rem
}

.field.has-addons {
    display: flex;
    justify-content: flex-start
}

.field.has-addons .control {
    margin-right: -1px
}

.field.has-addons .control:first-child .button,
.field.has-addons .control:first-child .input,
.field.has-addons .control:first-child .select select {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.field.has-addons .control:last-child .button,
.field.has-addons .control:last-child .input,
.field.has-addons .control:last-child .select select {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.field.has-addons .control .button,
.field.has-addons .control .input,
.field.has-addons .control .select select {
    border-radius: 0
}

.field.has-addons .control .button:hover,
.field.has-addons .control .input:hover,
.field.has-addons .control .select select:hover {
    z-index: 2
}

.field.has-addons .control .button:active,
.field.has-addons .control .button:focus,
.field.has-addons .control .input:active,
.field.has-addons .control .input:focus,
.field.has-addons .control .select select:active,
.field.has-addons .control .select select:focus {
    z-index: 3
}

.field.has-addons .control.is-expanded {
    flex-grow: 1;
    flex-shrink: 0
}

.field.has-addons.has-addons-centered {
    justify-content: center
}

.field.has-addons.has-addons-right {
    justify-content: flex-end
}

.field.has-addons.has-addons-fullwidth .control {
    flex-grow: 1;
    flex-shrink: 0
}

.field.is-grouped {
    display: flex;
    justify-content: flex-start
}

.field.is-grouped>.control {
    flex-basis: 0;
    flex-shrink: 0
}

.field.is-grouped>.control:not(:last-child) {
    margin-bottom: 0;
    margin-right: .75rem
}

.field.is-grouped>.control.is-expanded {
    flex-grow: 1;
    flex-shrink: 1
}

.field.is-grouped.is-grouped-centered {
    justify-content: center
}

.field.is-grouped.is-grouped-right {
    justify-content: flex-end
}

@media screen and (min-width:769px) {
    .field.is-horizontal {
        display: flex
    }
}

@media screen and (max-width:768px) {
    .field-label {
        margin-bottom: .5rem
    }
}

@media screen and (min-width:769px) {
    .field-label {
        flex-basis: 0;
        flex-grow: 1;
        flex-shrink: 0;
        margin-right: 1.5rem;
        padding-top: .375em;
        text-align: right
    }
}

@media screen and (min-width:769px) {
    .field-body {
        display: flex;
        flex-basis: 0;
        flex-grow: 5;
        flex-shrink: 1
    }
    .field-body .field {
        flex-shrink: 1
    }
    .field-body .field:not(.is-narrow) {
        flex-grow: 1
    }
    .field-body .field:not(:last-child) {
        margin-bottom: 0;
        margin-right: .75rem
    }
}

.control {
    font-size: 1rem;
    position: relative;
    text-align: left
}

.control.has-icon .icon {
    color: #dbdbdb;
    height: 2.25em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 2.25em;
    z-index: 4
}

.control.has-icon .input:focus+.icon {
    color: #7a7a7a
}

.control.has-icon .input.is-small+.icon {
    font-size: .75rem
}

.control.has-icon .input.is-medium+.icon {
    font-size: 1.25rem
}

.control.has-icon .input.is-large+.icon {
    font-size: 1.5rem
}

.control.has-icon:not(.has-icon-right) .icon {
    left: 0
}

.control.has-icon:not(.has-icon-right) .input {
    padding-left: 2.25em
}

.control.has-icon.has-icon-right .icon {
    right: 0
}

.control.has-icon.has-icon-right .input {
    padding-right: 2.25em
}

.control.is-loading:after {
    animation: spinAround .5s infinite linear;
    border: 2px solid #dbdbdb;
    border-radius: 290486px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em;
    position: absolute!important;
    right: .625em;
    top: .625em
}

.icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    height: 1.5rem;
    vertical-align: top;
    width: 1.5rem
}

.icon .fa {
    font-size: 21px
}

.icon.is-small {
    height: 1rem;
    width: 1rem
}

.icon.is-small .fa {
    font-size: 14px
}

.icon.is-medium {
    height: 2rem;
    width: 2rem
}

.icon.is-medium .fa {
    font-size: 28px
}

.icon.is-large {
    height: 3rem;
    width: 3rem
}

.icon.is-large .fa {
    font-size: 42px
}

.image {
    display: block;
    position: relative
}

.image img {
    display: block;
    height: auto;
    width: 100%
}

.image.is-16by9 img,
.image.is-1by1 img,
.image.is-2by1 img,
.image.is-3by2 img,
.image.is-4by3 img,
.image.is-square img {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.image.is-1by1,
.image.is-square {
    padding-top: 100%
}

.image.is-4by3 {
    padding-top: 75%
}

.image.is-3by2 {
    padding-top: 66.6666%
}

.image.is-16by9 {
    padding-top: 56.25%
}

.image.is-2by1 {
    padding-top: 50%
}

.image.is-16x16 {
    height: 16px;
    width: 16px
}

.image.is-24x24 {
    height: 24px;
    width: 24px
}

.image.is-32x32 {
    height: 32px;
    width: 32px
}

.image.is-48x48 {
    height: 48px;
    width: 48px
}

.image.is-64x64 {
    height: 64px;
    width: 64px
}

.image.is-96x96 {
    height: 96px;
    width: 96px
}

.image.is-128x128 {
    height: 128px;
    width: 128px
}

.notification {
    background-color: #feffff;
    border-radius: 3px;
    padding: 1.25rem 2.5rem 1.25rem 1.5rem;
    position: relative
}

.notification:not(:last-child) {
    margin-bottom: 1.5rem
}

.notification code,
.notification pre {
    background: #fff
}

.notification pre code {
    background: 0 0
}

.notification .delete {
    position: absolute;
    right: .5em;
    top: .5em
}

.notification .content,
.notification .inline-title,
.notification .subtitle,
.notification .title {
    color: inherit
}

.notification.is-#fff {
    background-color: #fff;
    color: #0a0a0a
}

.notification.is-#000 {
    background-color: #0a0a0a;
    color: #fff
}

.notification.is-light {
    background-color: #f5f5f5;
    color: #363636
}

.notification.is-dark {
    background-color: #363636;
    color: #f5f5f5
}

.notification.is-primary {
    background-color: #0d75bc;
    color: #fff
}

.notification.is-info {
    background-color: #0d75bc;
    color: #fff
}

.notification.is-success {
    background-color: #23d160;
    color: #fff
}

.notification.is-warning {
    background-color: #ffdd57;
    color: rgba(0, 0, 0, .7)
}

.notification.is-danger {
    background-color: #dd1e31;
    color: #fff
}

.progress {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 290486px;
    display: block;
    height: 1rem;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.progress:not(:last-child) {
    margin-bottom: 1.5rem
}

.progress::-webkit-progress-bar {
    background-color: #dbdbdb
}

.progress::-webkit-progress-value {
    background-color: #4a4a4a
}

.progress::-moz-progress-bar {
    background-color: #4a4a4a
}

.progress.is-#fff::-webkit-progress-value {
    background-color: #fff
}

.progress.is-#fff::-moz-progress-bar {
    background-color: #fff
}

.progress.is-#000::-webkit-progress-value {
    background-color: #0a0a0a
}

.progress.is-#000::-moz-progress-bar {
    background-color: #0a0a0a
}

.progress.is-light::-webkit-progress-value {
    background-color: #f5f5f5
}

.progress.is-light::-moz-progress-bar {
    background-color: #f5f5f5
}

.progress.is-dark::-webkit-progress-value {
    background-color: #363636
}

.progress.is-dark::-moz-progress-bar {
    background-color: #363636
}

.progress.is-primary::-webkit-progress-value {
    background-color: #0d75bc
}

.progress.is-primary::-moz-progress-bar {
    background-color: #0d75bc
}

.progress.is-info::-webkit-progress-value {
    background-color: #0d75bc
}

.progress.is-info::-moz-progress-bar {
    background-color: #0d75bc
}

.progress.is-success::-webkit-progress-value {
    background-color: #23d160
}

.progress.is-success::-moz-progress-bar {
    background-color: #23d160
}

.progress.is-warning::-webkit-progress-value {
    background-color: #ffdd57
}

.progress.is-warning::-moz-progress-bar {
    background-color: #ffdd57
}

.progress.is-danger::-webkit-progress-value {
    background-color: #dd1e31
}

.progress.is-danger::-moz-progress-bar {
    background-color: #dd1e31
}

.progress.is-small {
    height: .75rem
}

.progress.is-medium {
    height: 1.25rem
}

.progress.is-large {
    height: 1.5rem
}

.table {
    background-color: #fff;
    color: #363636;
    margin-bottom: 1.5rem;
    width: 100%
}

.table td,
.table th {
    border: 1px solid #dbdbdb;
    border-width: 0 0 1px;
    padding: .5em .75em;
    vertical-align: top
}

.table td.is-narrow,
.table th.is-narrow {
    white-space: nowrap;
    width: 1%
}

.table th {
    color: #363636;
    text-align: left
}

.table tr:hover {
    background-color: #fafafa
}

.table thead td,
.table thead th {
    border-width: 0 0 2px;
    color: #7a7a7a
}

.table tfoot td,
.table tfoot th {
    border-width: 2px 0 0;
    color: #7a7a7a
}

.table tbody tr:last-child td,
.table tbody tr:last-child th {
    border-bottom-width: 0
}

.table.is-bordered td,
.table.is-bordered th {
    border-width: 1px
}

.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
    border-bottom-width: 1px
}

.table.is-narrow td,
.table.is-narrow th {
    padding: .25em .5em
}

.table.is-striped tbody tr:nth-child(even) {
    background-color: #fafafa
}

.table.is-striped tbody tr:nth-child(even):hover {
    background-color: #f5f5f5
}

.tag {
    align-items: center;
    background-color: #feffff;
    border-radius: 290486px;
    color: #4a4a4a;
    display: inline-flex;
    font-size: .75rem;
    height: 2em;
    justify-content: center;
    line-height: 1.5;
    padding-left: .875em;
    padding-right: .875em;
    vertical-align: top;
    white-space: nowrap
}

.tag .delete {
    margin-left: .25em;
    margin-right: -.375em
}

.tag.is-#fff {
    background-color: #fff;
    color: #0a0a0a
}

.tag.is-#000 {
    background-color: #0a0a0a;
    color: #fff
}

.tag.is-light {
    background-color: #f5f5f5;
    color: #363636
}

.tag.is-dark {
    background-color: #363636;
    color: #f5f5f5
}

.tag.is-primary {
    background-color: #0d75bc;
    color: #fff
}

.tag.is-info {
    background-color: #0d75bc;
    color: #fff
}

.tag.is-success {
    background-color: #23d160;
    color: #fff
}

.tag.is-warning {
    background-color: #ffdd57;
    color: rgba(0, 0, 0, .7)
}

.tag.is-danger {
    background-color: #dd1e31;
    color: #fff
}

.tag.is-medium {
    font-size: 1rem
}

.tag.is-large {
    font-size: 1.25rem
}

.inline-title,
.subtitle,
.title {
    word-break: break-word
}

.inline-title:not(:last-child),
.subtitle:not(:last-child),
.title:not(:last-child) {
    margin-bottom: 1.5rem
}

.inline-title em,
.inline-title span,
.subtitle em,
.subtitle span,
.title em,
.title span {
    font-weight: 300
}

.inline-title strong,
.subtitle strong,
.title strong {
    font-weight: 500
}

.inline-title .tag,
.subtitle .tag,
.title .tag {
    vertical-align: middle
}

.inline-title,
.title {
    color: #000;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1
}

.shop {
    color: #3e2823
}

.inline-title strong,
.title strong {
    color: inherit
}

.inline-title+.highlight,
.title+.highlight {
    margin-top: -.75rem
}

.inline-title:not(.is-spaced)+.subtitle,
.title:not(.is-spaced)+.subtitle {
    margin-top: -1.5rem
}

.is-1.inline-title,
.title.is-1 {
    font-size: 3rem
}

.is-2.inline-title,
.title.is-2 {
    font-size: 2.3rem;
    color: #000
}

.is-3.inline-title,
.title.is-3 {
    font-size: 2rem
}

.is-4.inline-title,
.title.is-4 {
    font-size: 1.5rem
}

.is-5.inline-title,
.title.is-5 {
    font-size: 1.25rem
}

.is-6.inline-title,
.title.is-6 {
    font-size: 1rem
}

.subtitle {
    color: #4a4a4a;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.25
}

.subtitle strong {
    color: #363636
}

.subtitle:not(.is-spaced)+.inline-title,
.subtitle:not(.is-spaced)+.title {
    margin-top: -1.5rem
}

.subtitle.is-1 {
    font-size: 3rem
}

.subtitle.is-2 {
    font-size: 2.5rem
}

.subtitle.is-3 {
    font-size: 2rem
}

.subtitle.is-4 {
    font-size: 1.5rem
}

.subtitle.is-5 {
    font-size: 1.25rem
}

.subtitle.is-6 {
    font-size: 1rem
}

.block:not(:last-child) {
    margin-bottom: 1.5rem
}

.container {
    position: relative
}

@media screen and (min-width:1000px) {
    .container {
        margin: 0 auto;
        width: 960px
    }
    .container.is-fluid {
        margin: 0 20px;
        max-width: none;
        width: auto
    }
}

@media screen and (min-width:1192px) {
    .container {
        width: 1152px
    }
}

@media screen and (min-width:1384px) {
    .container {
        width: 1344px
    }
}

.delete {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: rgba(10, 10, 10, .2);
    border: none;
    border-radius: 290486px;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    height: 20px;
    outline: 0;
    position: relative;
    vertical-align: top;
    width: 20px
}

.delete:after,
.delete:before {
    background-color: #fff;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform-origin: center center
}

.delete:before {
    height: 2px;
    width: 50%
}

.delete:after {
    height: 50%;
    width: 2px
}

.delete:focus,
.delete:hover {
    background-color: rgba(10, 10, 10, .3)
}

.delete:active {
    background-color: rgba(10, 10, 10, .4)
}

.delete.is-small {
    height: 16px;
    width: 16px
}

.delete.is-medium {
    height: 24px;
    width: 24px
}

.delete.is-large {
    height: 32px;
    width: 32px
}

.fa {
    font-size: 21px;
    text-align: center;
    vertical-align: top
}

.heading span {
    color: #3a3a3a
}

.heading {
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.highlight {
    font-weight: 400;
    max-width: 100%;
    overflow: hidden;
    padding: 0
}

.highlight:not(:last-child) {
    margin-bottom: 1.5rem
}

.highlight pre {
    overflow: auto;
    max-width: 100%
}

.loader {
    animation: spinAround .5s infinite linear;
    border: 2px solid #dbdbdb;
    border-radius: 290486px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

.number {
    align-items: center;
    background-color: #feffff;
    border-radius: 290486px;
    display: inline-flex;
    font-size: 1.25rem;
    height: 2em;
    justify-content: center;
    margin-right: 1.5rem;
    min-width: 2.5em;
    padding: .25rem .5rem;
    text-align: center;
    vertical-align: top
}

.card-header {
    align-items: stretch;
    box-shadow: 0 1px 2px rgba(10, 10, 10, .1);
    display: flex
}

.card-header-title {
    align-items: center;
    color: #363636;
    display: flex;
    flex-grow: 1;
    font-weight: 700;
    padding: .75rem
}

.card-header-icon {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: .75rem
}

.card-image {
    display: block;
    position: relative
}

.card-content {
    padding: 1.5rem
}

.card-footer {
    border-top: 1px solid #dbdbdb;
    align-items: stretch;
    display: flex
}

.card-footer-item {
    align-items: center;
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: center;
    padding: .75rem
}

.card-footer-item:not(:last-child) {
    border-right: 1px solid #dbdbdb
}

.card {
    background-color: #fff;
    box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1);
    color: #4a4a4a;
    max-width: 100%;
    position: relative
}

.card .media:not(:last-child) {
    margin-bottom: .75rem
}

.level-item {
    align-items: center;
    display: flex;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center
}

.level-item .inline-title,
.level-item .subtitle,
.level-item .title {
    margin-bottom: 0
}

@media screen and (max-width:768px) {
    .level-item:not(: last-child) {
        margin-bottom: .75rem
    }
}

.level-left,
.level-right {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.level-left .level-item:not(:last-child),
.level-right .level-item:not(:last-child) {
    margin-right: .75rem
}

.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
    flex-grow: 1
}

.level-left {
    align-items: center;
    justify-content: flex-start
}

@media screen and (max-width:768px) {
    .level-left+.level-right {
        margin-top: 1.5rem
    }
}

@media screen and (min-width:769px) {
    .level-left {
        display: flex
    }
}

.level-right {
    align-items: center;
    justify-content: flex-end
}

@media screen and (min-width:769px) {
    .level-right {
        display: flex
    }
}

.level {
    align-items: center;
    justify-content: space-between
}

.level:not(:last-child) {
    margin-bottom: 1.5rem
}

.level code {
    border-radius: 3px
}

.level img {
    display: inline-block;
    vertical-align: top
}

.level.is-mobile {
    display: flex
}

.level.is-mobile .level-left,
.level.is-mobile .level-right {
    display: flex
}

.level.is-mobile .level-left+.level-right {
    margin-top: 0
}

.level.is-mobile .level-item:not(:last-child) {
    margin-bottom: 0
}

.level.is-mobile .level-item:not(.is-narrow) {
    flex-grow: 1
}

@media screen and (min-width:769px) {
    .level {
        display: flex
    }
    .level>.level-item:not(.is-narrow) {
        flex-grow: 1
    }
}

.media-left,
.media-right {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.media-left {
    margin-right: 1rem
}

.media-right {
    margin-left: 1rem
}

.media-content {
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    text-align: left
}

.media {
    align-items: flex-start;
    display: flex;
    text-align: left
}

.media .content:not(:last-child) {
    margin-bottom: .75rem
}

.media .media {
    border-top: 1px solid rgba(219, 219, 219, .5);
    display: flex;
    padding-top: .75rem
}

.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
    margin-bottom: .5rem
}

.media .media .media {
    padding-top: .5rem
}

.media .media .media+.media {
    margin-top: .5rem
}

.media+.media {
    border-top: 1px solid rgba(219, 219, 219, .5);
    margin-top: 1rem;
    padding-top: 1rem
}

.media.is-large+.media {
    margin-top: 1.5rem;
    padding-top: 1.5rem
}

.menu {
    font-size: 1rem
}

.menu-list {
    line-height: 1.25
}

.menu-list a {
    border-radius: 2px;
    color: #4a4a4a;
    display: block;
    padding: .5em .75em
}

.menu-list a:hover {
    background-color: #feffff;
    color: #0d75bc
}

.menu-list a.is-active {
    background-color: #0d75bc;
    color: #fff
}

.menu-list li ul {
    border-left: 1px solid #dbdbdb;
    margin: .75em;
    padding-left: .75em
}

.menu-label {
    color: #7a7a7a;
    font-size: .8em;
    letter-spacing: .1em;
    text-transform: uppercase
}

.menu-label:not(:first-child) {
    margin-top: 1em
}

.menu-label:not(:last-child) {
    margin-bottom: 1em
}

.message {
    background-color: #feffff;
    border-radius: 3px;
    font-size: 1rem
}

.message:not(:last-child) {
    margin-bottom: 1.5rem
}

.message.is-#fff {
    background-color: #fff
}

.message.is-#fff .message-header {
    background-color: #fff;
    color: #0a0a0a
}

.message.is-#fff .message-body {
    border-color: #fff;
    color: #4d4d4d
}

.message.is-#000 {
    background-color: #fafafa
}

.message.is-#000 .message-header {
    background-color: #0a0a0a;
    color: #fff
}

.message.is-#000 .message-body {
    border-color: #0a0a0a;
    color: #090909
}

.message.is-light {
    background-color: #fafafa
}

.message.is-light .message-header {
    background-color: #f5f5f5;
    color: #363636
}

.message.is-light .message-body {
    border-color: #f5f5f5;
    color: #505050
}

.message.is-dark {
    background-color: #fafafa
}

.message.is-dark .message-header {
    background-color: #363636;
    color: #f5f5f5
}

.message.is-dark .message-body {
    border-color: #363636;
    color: #2a2a2a
}

.message.is-primary {
    background-color: #f5fbfe
}

.message.is-primary .message-header {
    background-color: #0d75bc;
    color: #fff
}

.message.is-primary .message-body {
    border-color: #0d75bc;
    color: #0c4871
}

.message.is-info {
    background-color: #f5fbfe
}

.message.is-info .message-header {
    background-color: #0d75bc;
    color: #fff
}

.message.is-info .message-body {
    border-color: #0d75bc;
    color: #0c4871
}

.message.is-success {
    background-color: #f6fef9
}

.message.is-success .message-header {
    background-color: #23d160;
    color: #fff
}

.message.is-success .message-body {
    border-color: #23d160;
    color: #0e301a
}

.message.is-warning {
    background-color: #fffdf5
}

.message.is-warning .message-header {
    background-color: #ffdd57;
    color: rgba(0, 0, 0, .7)
}

.message.is-warning .message-body {
    border-color: #ffdd57;
    color: #3b3108
}

.message.is-danger {
    background-color: #fef6f7
}

.message.is-danger .message-header {
    background-color: #dd1e31;
    color: #fff
}

.message.is-danger .message-body {
    border-color: #dd1e31;
    color: #9e1b28
}

.message-header {
    align-items: center;
    background-color: #4a4a4a;
    border-radius: 3px 3px 0 0;
    color: #fff;
    display: flex;
    justify-content: space-between;
    line-height: 1.25;
    padding: .5em .75em;
    position: relative
}

.message-header a,
.message-header strong {
    color: inherit
}

.message-header a {
    text-decoration: underline
}

.message-header .delete {
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: .75em
}

.message-header+.message-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: none
}

.message-body {
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    color: #4a4a4a;
    padding: 1em 1.25em
}

.message-body a,
.message-body strong {
    color: inherit
}

.message-body a {
    text-decoration: underline
}

.message-body code,
.message-body pre {
    background: #fff
}

.message-body pre code {
    background: 0 0
}

.modal-background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(10, 10, 10, .86)
}

.modal-card,
.modal-content {
    margin: 0 20px;
    max-height: calc(100vh - 160px);
    overflow: auto;
    position: relative;
    width: 100%
}

@media screen and (min-width:769px) {
    .modal-card,
    .modal-content {
        margin: 0 auto;
        max-height: calc(100vh - 40px);
        width: 640px
    }
}

.modal-close {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: rgba(10, 10, 10, .2);
    border: none;
    border-radius: 290486px;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    height: 20px;
    outline: 0;
    position: relative;
    vertical-align: top;
    width: 20px;
    background: 0 0;
    height: 40px;
    position: fixed;
    right: 20px;
    top: 20px;
    width: 40px
}

.modal-close:after,
.modal-close:before {
    background-color: #fff;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform-origin: center center
}

.modal-close:before {
    height: 2px;
    width: 50%
}

.modal-close:after {
    height: 50%;
    width: 2px
}

.modal-close:focus,
.modal-close:hover {
    background-color: rgba(10, 10, 10, .3)
}

.modal-close:active {
    background-color: rgba(10, 10, 10, .4)
}

.modal-close.is-small {
    height: 16px;
    width: 16px
}

.modal-close.is-medium {
    height: 24px;
    width: 24px
}

.modal-close.is-large {
    height: 32px;
    width: 32px
}

.modal-card {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 40px);
    overflow: hidden
}

.modal-card-foot,
.modal-card-head {
    align-items: center;
    background-color: #feffff;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-start;
    padding: 20px;
    position: relative
}

.modal-card-head {
    border-bottom: 1px solid #dbdbdb;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.modal-card-title {
    color: #363636;
    flex-grow: 1;
    flex-shrink: 0;
    font-size: 1.5rem;
    line-height: 1
}

.modal-card-foot {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 1px solid #dbdbdb
}

.modal-card-foot .button:not(:last-child) {
    margin-right: 10px
}

.modal-card-body {
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    flex-grow: 1;
    flex-shrink: 1;
    overflow: auto;
    padding: 20px
}

.modal {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    align-items: center;
    display: none;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    z-index: 1986
}

.modal.is-active {
    display: flex
}

.nav-toggle {
    cursor: pointer;
    display: block;
    height: 3.25rem;
    position: relative;
    width: 3.25rem
}

.nav-toggle span {
    background-color: #4a4a4a;
    display: block;
    height: 1px;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    top: 50%;
    transition: none 86ms ease-out;
    transition-property: background, left, opacity, transform;
    width: 15px
}

.nav-toggle span:nth-child(1) {
    margin-top: -6px
}

.nav-toggle span:nth-child(2) {
    margin-top: -1px
}

.nav-toggle span:nth-child(3) {
    margin-top: 4px
}

.nav-toggle:hover {
    background-color: #feffff
}

.nav-toggle.is-active span {
    background-color: #0d75bc
}

.nav-toggle.is-active span:nth-child(1) {
    margin-left: -5px;
    transform: rotate(45deg);
    transform-origin: left top
}

.nav-toggle.is-active span:nth-child(2) {
    opacity: 0
}

.nav-toggle.is-active span:nth-child(3) {
    margin-left: -5px;
    transform: rotate(-45deg);
    transform-origin: left bottom
}

@media screen and (min-width:769px) {
    .nav-toggle {
        display: none
    }
}

.nav-item {
    align-items: center;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 1rem;
    justify-content: center;
    line-height: 1.5;
    padding: .5rem .75rem
}

.nav-item a {
    flex-grow: 1;
    flex-shrink: 0
}

.nav-item img {
    max-height: 1.75rem
}

.nav-item .button+.button {
    margin-left: .75rem
}

.nav-item .tag:first-child:not(:last-child) {
    margin-right: .5rem
}

.nav-item .tag:last-child:not(:first-child) {
    margin-left: .5rem
}

@media screen and (max-width:768px) {
    .nav-item {
        justify-content: flex-start
    }
}

.nav-item a,
a.nav-item {
    color: #7a7a7a
}

.nav-item a:hover,
a.nav-item:hover {
    color: #363636
}

.nav-item a.is-active,
a.nav-item.is-active {
    color: #363636
}

.nav-item a.is-tab,
a.nav-item.is-tab {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    padding-bottom: calc(.75rem - 1px);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: calc(.75rem - 1px)
}

.nav-item a.is-tab:hover,
a.nav-item.is-tab:hover {
    border-bottom-color: #0d75bc;
    border-top-color: transparent
}

.nav-item a.is-tab.is-active,
a.nav-item.is-tab.is-active {
    border-bottom: 3px solid #0d75bc;
    color: #0d75bc;
    padding-bottom: calc(.75rem - 3px)
}

@media screen and (min-width:1000px) {
    .nav-item a.is-brand,
    a.nav-item.is-brand {
        padding-left: 0
    }
}

@media screen and (max-width:768px) {
    .nav-menu {
        background-color: #fff;
        box-shadow: 0 4px 7px rgba(10, 10, 10, .1);
        left: 0;
        display: none;
        right: 0;
        top: 100%;
        position: absolute
    }
    .nav-menu .nav-item {
        border-top: 1px solid rgba(219, 219, 219, .5);
        padding: .75rem
    }
    .nav-menu.is-active {
        display: block
    }
}

@media screen and (min-width:769px) and (max-width:999px) {
    .nav-menu {
        padding-right: 1.5rem
    }
}

.nav-left,
.nav-right {
    align-items: stretch;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0
}

.nav-left {
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap
}

.nav-center {
    align-items: stretch;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    margin-left: auto;
    margin-right: auto
}

.nav-right {
    justify-content: flex-end
}

@media screen and (min-width:769px) {
    .nav-right {
        display: flex
    }
}

.nav {
    align-items: stretch;
    background-color: #fff;
    display: flex;
    min-height: 3.25rem;
    position: relative;
    text-align: center;
    z-index: 2
}

.nav>.container {
    align-items: stretch;
    display: flex;
    min-height: 3.25rem
}

.nav.has-shadow {
    box-shadow: 0 2px 3px rgba(10, 10, 10, .1)
}

@media screen and (max-width:768px) {
    .nav>.container {
        width: 100%
    }
}

.pagination {
    font-size: 1rem
}

.pagination.is-small {
    font-size: .75rem
}

.pagination.is-medium {
    font-size: 1.25rem
}

.pagination.is-large {
    font-size: 1.5rem
}

.pagination,
.pagination-list {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center
}

.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: none;
    border-radius: 3px;
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem;
    height: 2.25em;
    justify-content: flex-start;
    line-height: 1.25;
    padding-bottom: .5em;
    padding-left: .625em;
    padding-right: .625em;
    padding-top: .5em;
    position: relative;
    vertical-align: top;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1em;
    padding-left: .5em;
    padding-right: .5em;
    justify-content: center;
    text-align: center
}

.pagination-ellipsis.is-active,
.pagination-ellipsis.is-focused,
.pagination-ellipsis:active,
.pagination-ellipsis:focus,
.pagination-link.is-active,
.pagination-link.is-focused,
.pagination-link:active,
.pagination-link:focus,
.pagination-next.is-active,
.pagination-next.is-focused,
.pagination-next:active,
.pagination-next:focus,
.pagination-previous.is-active,
.pagination-previous.is-focused,
.pagination-previous:active,
.pagination-previous:focus {
    outline: 0
}

.pagination-ellipsis.is-disabled,
.pagination-ellipsis[disabled],
.pagination-link.is-disabled,
.pagination-link[disabled],
.pagination-next.is-disabled,
.pagination-next[disabled],
.pagination-previous.is-disabled,
.pagination-previous[disabled] {
    pointer-events: none
}

.pagination-link,
.pagination-next,
.pagination-previous {
    border: 1px solid #dbdbdb;
    min-width: 2.25em
}

.pagination-link:hover,
.pagination-next:hover,
.pagination-previous:hover {
    border-color: #b5b5b5;
    color: #363636
}

.pagination-link:focus,
.pagination-next:focus,
.pagination-previous:focus {
    border-color: #0d75bc
}

.pagination-link:active,
.pagination-next:active,
.pagination-previous:active {
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2)
}

.pagination-link.is-disabled,
.pagination-link[disabled],
.pagination-next.is-disabled,
.pagination-next[disabled],
.pagination-previous.is-disabled,
.pagination-previous[disabled] {
    background: #dbdbdb;
    color: #7a7a7a;
    opacity: .5;
    pointer-events: none
}

.pagination-next,
.pagination-previous {
    padding-left: .75em;
    padding-right: .75em
}

.pagination-link.is-current {
    background-color: #0d75bc;
    border-color: #0d75bc;
    color: #fff
}

.pagination-ellipsis {
    color: #b5b5b5;
    pointer-events: none
}

.pagination-list li:not(:first-child) {
    margin-left: .375rem
}

@media screen and (max-width:768px) {
    .pagination {
        flex-wrap: wrap
    }
    .pagination-next,
    .pagination-previous {
        flex-grow: 1;
        flex-shrink: 1;
        width: calc(50% - .375rem)
    }
    .pagination-next {
        margin-left: .75rem
    }
    .pagination-list {
        margin-top: .75rem
    }
    .pagination-list li {
        flex-grow: 1;
        flex-shrink: 1
    }
}

@media screen and (min-width:769px) {
    .pagination-list {
        flex-grow: 1;
        flex-shrink: 1;
        justify-content: flex-start;
        order: 1
    }
    .pagination-next,
    .pagination-previous {
        margin-left: .75rem
    }
    .pagination-previous {
        order: 2
    }
    .pagination-next {
        order: 3
    }
    .pagination {
        justify-content: space-between
    }
    .pagination.is-centered .pagination-previous {
        margin-left: 0;
        order: 1
    }
    .pagination.is-centered .pagination-list {
        justify-content: center;
        order: 2
    }
    .pagination.is-centered .pagination-next {
        order: 3
    }
    .pagination.is-right .pagination-previous {
        margin-left: 0;
        order: 1
    }
    .pagination.is-right .pagination-next {
        order: 2;
        margin-right: .75rem
    }
    .pagination.is-right .pagination-list {
        justify-content: flex-end;
        order: 3
    }
}

.panel {
    font-size: 1rem
}

.panel:not(:last-child) {
    margin-bottom: 1.5rem
}

.panel-block,
.panel-heading,
.panel-tabs {
    border-bottom: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb
}

.panel-block:first-child,
.panel-heading:first-child,
.panel-tabs:first-child {
    border-top: 1px solid #dbdbdb
}

.panel-heading {
    background-color: #feffff;
    border-radius: 3px 3px 0 0;
    color: #363636;
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.25;
    padding: .5em .75em
}

.panel-tabs {
    align-items: flex-end;
    display: flex;
    font-size: .875em;
    justify-content: center
}

.panel-tabs a {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: -1px;
    padding: .5em
}

.panel-tabs a.is-active {
    border-bottom-color: #4a4a4a;
    color: #363636
}

.panel-list a {
    color: #4a4a4a
}

.panel-list a:hover {
    color: #0d75bc
}

.panel-block {
    align-items: center;
    color: #363636;
    display: flex;
    justify-content: flex-start;
    padding: .5em .75em
}

.panel-block input[type=checkbox] {
    margin-right: .75em
}

.panel-block>.control {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%
}

.panel-block.is-active {
    border-left-color: #0d75bc;
    color: #363636
}

.panel-block.is-active .panel-icon {
    color: #0d75bc
}

a.panel-block,
label.panel-block {
    cursor: pointer
}

a.panel-block:hover,
label.panel-block:hover {
    background-color: #feffff
}

.panel-icon {
    display: inline-block;
    font-size: 14px;
    height: 1em;
    line-height: 1em;
    text-align: center;
    vertical-align: top;
    width: 1em;
    color: #7a7a7a;
    margin-right: .75em
}

.panel-icon .fa {
    font-size: inherit;
    line-height: inherit
}

.tabs {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-items: stretch;
    display: flex;
    font-size: 1rem;
    justify-content: space-between;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap
}

.tabs:not(:last-child) {
    margin-bottom: 1.5rem
}

.tabs a {
    align-items: center;
    border-bottom: 1px solid #dbdbdb;
    color: #4a4a4a;
    display: flex;
    justify-content: center;
    margin-bottom: -1px;
    padding: .5em 1em;
    vertical-align: top
}

.tabs a:hover {
    border-bottom-color: #363636;
    color: #363636
}

.tabs li {
    display: block
}

.tabs li.is-active a {
    border-bottom-color: #0d75bc;
    color: #0d75bc
}

.tabs ul {
    align-items: center;
    border-bottom: 1px solid #dbdbdb;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: flex-start
}

.tabs ul.is-left {
    padding-right: .75em
}

.tabs ul.is-center {
    flex: none;
    justify-content: center;
    padding-left: .75em;
    padding-right: .75em
}

.tabs ul.is-right {
    justify-content: flex-end;
    padding-left: .75em
}

.tabs .icon:first-child {
    margin-right: .5em
}

.tabs .icon:last-child {
    margin-left: .5em
}

.tabs.is-centered ul {
    justify-content: center
}

.tabs.is-right ul {
    justify-content: flex-end
}

.tabs.is-boxed a {
    border: 1px solid transparent;
    border-radius: 3px 3px 0 0
}

.tabs.is-boxed a:hover {
    background-color: #feffff;
    border-bottom-color: #dbdbdb
}

.tabs.is-boxed li.is-active a {
    background-color: #fff;
    border-color: #dbdbdb;
    border-bottom-color: transparent!important
}

.tabs.is-fullwidth li {
    flex-grow: 1;
    flex-shrink: 0
}

.tabs.is-toggle a {
    border: 1px solid #dbdbdb;
    margin-bottom: 0;
    position: relative
}

.tabs.is-toggle a:hover {
    background-color: #feffff;
    border-color: #b5b5b5;
    z-index: 2
}

.tabs.is-toggle li+li {
    margin-left: -1px
}

.tabs.is-toggle li:first-child a {
    border-radius: 3px 0 0 3px
}

.tabs.is-toggle li:last-child a {
    border-radius: 0 3px 3px 0
}

.tabs.is-toggle li.is-active a {
    background-color: #0d75bc;
    border-color: #0d75bc;
    color: #fff;
    z-index: 1
}

.tabs.is-toggle ul {
    border-bottom: none
}

.tabs.is-small {
    font-size: .75rem
}

.tabs.is-medium {
    font-size: 1.25rem
}

.tabs.is-large {
    font-size: 1.5rem
}

.column {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: .5rem
}

.columns.is-mobile>.column.is-narrow {
    flex: none
}

.columns.is-mobile>.column.is-full {
    flex: none;
    width: 100%
}

.columns.is-mobile>.column.is-three-quarters {
    flex: none;
    width: 75%
}

.columns.is-mobile>.column.is-two-thirds {
    flex: none;
    width: 66.6666%
}

.columns.is-mobile>.column.is-half {
    flex: none;
    width: 50%
}

.columns.is-mobile>.column.is-one-third {
    flex: none;
    width: 33.3333%
}

.columns.is-mobile>.column.is-one-quarter {
    flex: none;
    width: 25%
}

.columns.is-mobile>.column.is-offset-three-quarters {
    margin-left: 75%
}

.columns.is-mobile>.column.is-offset-two-thirds {
    margin-left: 66.6666%
}

.columns.is-mobile>.column.is-offset-half {
    margin-left: 50%
}

.columns.is-mobile>.column.is-offset-one-third {
    margin-left: 33.3333%
}

.columns.is-mobile>.column.is-offset-one-quarter {
    margin-left: 25%
}

.columns.is-mobile>.column.is-1 {
    flex: none;
    width: 8.33333%
}

.columns.is-mobile>.column.is-offset-1 {
    margin-left: 8.33333%
}

.columns.is-mobile>.column.is-2 {
    flex: none;
    width: 16.66667%
}

.columns.is-mobile>.column.is-offset-2 {
    margin-left: 16.66667%
}

.columns.is-mobile>.column.is-3 {
    flex: none;
    width: 25%
}

.columns.is-mobile>.column.is-offset-3 {
    margin-left: 25%
}

.columns.is-mobile>.column.is-4 {
    flex: none;
    width: 33.33333%
}

.columns.is-mobile>.column.is-offset-4 {
    margin-left: 33.33333%
}

.columns.is-mobile>.column.is-5 {
    flex: none;
    width: 41.66667%
}

.columns.is-mobile>.column.is-offset-5 {
    margin-left: 41.66667%
}

.columns.is-mobile>.column.is-6 {
    flex: none;
    width: 50%
}

.columns.is-mobile>.column.is-offset-6 {
    margin-left: 50%
}

.columns.is-mobile>.column.is-7 {
    flex: none;
    width: 58.33333%
}

.columns.is-mobile>.column.is-offset-7 {
    margin-left: 58.33333%
}

.columns.is-mobile>.column.is-8 {
    flex: none;
    width: 66.66667%
}

.columns.is-mobile>.column.is-offset-8 {
    margin-left: 66.66667%
}

.columns.is-mobile>.column.is-9 {
    flex: none;
    width: 100%
}

.columns.is-mobile>.column.is-offset-9 {
    margin-left: 75%
}

.columns.is-mobile>.column.is-10 {
    flex: none;
    width: 83.33333%
}

.columns.is-mobile>.column.is-offset-10 {
    margin-left: 83.33333%
}

.columns.is-mobile>.column.is-11 {
    flex: none;
    width: 91.66667%
}

.columns.is-mobile>.column.is-offset-11 {
    margin-left: 91.66667%
}

.columns.is-mobile>.column.is-12 {
    flex: none;
    width: 100%
}

.columns.is-mobile>.column.is-offset-12 {
    margin-left: 100%
}

@media screen and (max-width:768px) {
    .column.is-narrow-mobile {
        flex: none
    }
    .column.is-full-mobile {
        flex: none;
        width: 100%
    }
    .column.is-three-quarters-mobile {
        flex: none;
        width: 75%
    }
    .column.is-two-thirds-mobile {
        flex: none;
        width: 66.6666%
    }
    .column.is-half-mobile {
        flex: none;
        width: 50%
    }
    .column.is-one-third-mobile {
        flex: none;
        width: 33.3333%
    }
    .column.is-one-quarter-mobile {
        flex: none;
        width: 25%
    }
    .column.is-offset-three-quarters-mobile {
        margin-left: 75%
    }
    .column.is-offset-two-thirds-mobile {
        margin-left: 66.6666%
    }
    .column.is-offset-half-mobile {
        margin-left: 50%
    }
    .column.is-offset-one-third-mobile {
        margin-left: 33.3333%
    }
    .column.is-offset-one-quarter-mobile {
        margin-left: 25%
    }
    .column.is-1-mobile {
        flex: none;
        width: 8.33333%
    }
    .column.is-offset-1-mobile {
        margin-left: 8.33333%
    }
    .column.is-2-mobile {
        flex: none;
        width: 16.66667%
    }
    .column.is-offset-2-mobile {
        margin-left: 16.66667%
    }
    .column.is-3-mobile {
        flex: none;
        width: 25%
    }
    .column.is-offset-3-mobile {
        margin-left: 25%
    }
    .column.is-4-mobile {
        flex: none;
        width: 33.33333%
    }
    .column.is-offset-4-mobile {
        margin-left: 33.33333%
    }
    .column.is-5-mobile {
        flex: none;
        width: 41.66667%
    }
    .column.is-offset-5-mobile {
        margin-left: 41.66667%
    }
    .column.is-6-mobile {
        flex: none;
        width: 50%
    }
    .column.is-offset-6-mobile {
        margin-left: 50%
    }
    .column.is-7-mobile {
        flex: none;
        width: 58.33333%
    }
    .column.is-offset-7-mobile {
        margin-left: 58.33333%
    }
    .column.is-8-mobile {
        flex: none;
        width: 66.66667%
    }
    .column.is-offset-8-mobile {
        margin-left: 66.66667%
    }
    .column.is-9-mobile {
        flex: none;
        width: 75%
    }
    .column.is-offset-9-mobile {
        margin-left: 75%
    }
    .column.is-10-mobile {
        flex: none;
        width: 83.33333%
    }
    .column.is-offset-10-mobile {
        margin-left: 83.33333%
    }
    .column.is-11-mobile {
        flex: none;
        width: 91.66667%
    }
    .column.is-offset-11-mobile {
        margin-left: 91.66667%
    }
    .column.is-12-mobile {
        flex: none;
        width: 100%
    }
    .column.is-offset-12-mobile {
        margin-left: 100%
    }
}

@media screen and (min-width:769px) {
    .column.is-narrow,
    .column.is-narrow-tablet {
        flex: none
    }
    .column.is-full,
    .column.is-full-tablet {
        flex: none;
        width: 100%
    }
    .column.is-three-quarters,
    .column.is-three-quarters-tablet {
        flex: none;
        width: 75%
    }
    .column.is-two-thirds,
    .column.is-two-thirds-tablet {
        flex: none;
        width: 66.6666%
    }
    .column.is-half,
    .column.is-half-tablet {
        flex: none;
        width: 50%
    }
    .column.is-one-third,
    .column.is-one-third-tablet {
        flex: none;
        width: 33.3333%
    }
    .column.is-one-quarter,
    .column.is-one-quarter-tablet {
        flex: none;
        width: 25%
    }
    .column.is-offset-three-quarters,
    .column.is-offset-three-quarters-tablet {
        margin-left: 75%
    }
    .column.is-offset-two-thirds,
    .column.is-offset-two-thirds-tablet {
        margin-left: 66.6666%
    }
    .column.is-offset-half,
    .column.is-offset-half-tablet {
        margin-left: 50%
    }
    .column.is-offset-one-third,
    .column.is-offset-one-third-tablet {
        margin-left: 33.3333%
    }
    .column.is-offset-one-quarter,
    .column.is-offset-one-quarter-tablet {
        margin-left: 25%
    }
    .column.is-1,
    .column.is-1-tablet {
        flex: none;
        width: 8.33333%
    }
    .column.is-offset-1,
    .column.is-offset-1-tablet {
        margin-left: 8.33333%
    }
    .column.is-2,
    .column.is-2-tablet {
        flex: none;
        width: 16.66667%
    }
    .column.is-offset-2,
    .column.is-offset-2-tablet {
        margin-left: 16.66667%
    }
    .column.is-3,
    .column.is-3-tablet {
        flex: none;
        width: 25%
    }
    .column.is-offset-3,
    .column.is-offset-3-tablet {
        margin-left: 25%
    }
    .column.is-4,
    .column.is-4-tablet {
        flex: none;
        width: 33.33333%
    }
    .column.is-offset-4,
    .column.is-offset-4-tablet {
        margin-left: 33.33333%
    }
    .column.is-5,
    .column.is-5-tablet {
        flex: none;
        width: 41.66667%
    }
    .column.is-offset-5,
    .column.is-offset-5-tablet {
        margin-left: 41.66667%
    }
    .column.is-6,
    .column.is-6-tablet {
        flex: none;
        width: 50%
    }
    .column.is-offset-6,
    .column.is-offset-6-tablet {
        margin-left: 50%
    }
    .column.is-7,
    .column.is-7-tablet {
        flex: none;
        width: 58.33333%
    }
    .column.is-offset-7,
    .column.is-offset-7-tablet {
        margin-left: 58.33333%
    }
    .column.is-8,
    .column.is-8-tablet {
        flex: none;
        width: 66.66667%
    }
    .column.is-offset-8,
    .column.is-offset-8-tablet {
        margin-left: 66.66667%
    }
    .column.is-9,
    .column.is-9-tablet {
        flex: none;
        width: 100%
    }
    .column.is-offset-9,
    .column.is-offset-9-tablet {
        margin-left: 75%
    }
    .column.is-10,
    .column.is-10-tablet {
        flex: none;
        width: 83.33333%
    }
    .column.is-offset-10,
    .column.is-offset-10-tablet {
        margin-left: 83.33333%
    }
    .column.is-11,
    .column.is-11-tablet {
        flex: none;
        width: 91.66667%
    }
    .column.is-offset-11,
    .column.is-offset-11-tablet {
        margin-left: 91.66667%
    }
    .column.is-12,
    .column.is-12-tablet {
        flex: none;
        width: 100%
    }
    .column.is-offset-12,
    .column.is-offset-12-tablet {
        margin-left: 100%
    }
}

@media screen and (min-width:1000px) {
    .column.is-narrow-desktop {
        flex: none
    }
    .column.is-full-desktop {
        flex: none;
        width: 100%
    }
    .column.is-three-quarters-desktop {
        flex: none;
        width: 75%
    }
    .column.is-two-thirds-desktop {
        flex: none;
        width: 66.6666%
    }
    .column.is-half-desktop {
        flex: none;
        width: 50%
    }
    .column.is-one-third-desktop {
        flex: none;
        width: 33.3333%
    }
    .column.is-one-quarter-desktop {
        flex: none;
        width: 25%
    }
    .column.is-offset-three-quarters-desktop {
        margin-left: 75%
    }
    .column.is-offset-two-thirds-desktop {
        margin-left: 66.6666%
    }
    .column.is-offset-half-desktop {
        margin-left: 50%
    }
    .column.is-offset-one-third-desktop {
        margin-left: 33.3333%
    }
    .column.is-offset-one-quarter-desktop {
        margin-left: 25%
    }
    .column.is-1-desktop {
        flex: none;
        width: 8.33333%
    }
    .column.is-offset-1-desktop {
        margin-left: 8.33333%
    }
    .column.is-2-desktop {
        flex: none;
        width: 16.66667%
    }
    .column.is-offset-2-desktop {
        margin-left: 16.66667%
    }
    .column.is-3-desktop {
        flex: none;
        width: 25%
    }
    .column.is-offset-3-desktop {
        margin-left: 25%
    }
    .column.is-4-desktop {
        flex: none;
        width: 33.33333%
    }
    .column.is-offset-4-desktop {
        margin-left: 33.33333%
    }
    .column.is-5-desktop {
        flex: none;
        width: 41.66667%
    }
    .column.is-offset-5-desktop {
        margin-left: 41.66667%
    }
    .column.is-6-desktop {
        flex: none;
        width: 50%
    }
    .column.is-offset-6-desktop {
        margin-left: 50%
    }
    .column.is-7-desktop {
        flex: none;
        width: 58.33333%
    }
    .column.is-offset-7-desktop {
        margin-left: 58.33333%
    }
    .column.is-8-desktop {
        flex: none;
        width: 66.66667%
    }
    .column.is-offset-8-desktop {
        margin-left: 66.66667%
    }
    .column.is-9-desktop {
        flex: none;
        width: 75%
    }
    .column.is-offset-9-desktop {
        margin-left: 75%
    }
    .column.is-10-desktop {
        flex: none;
        width: 83.33333%
    }
    .column.is-offset-10-desktop {
        margin-left: 83.33333%
    }
    .column.is-11-desktop {
        flex: none;
        width: 91.66667%
    }
    .column.is-offset-11-desktop {
        margin-left: 91.66667%
    }
    .column.is-12-desktop {
        flex: none;
        width: 100%
    }
    .column.is-offset-12-desktop {
        margin-left: 100%
    }
}

@media screen and (min-width:1192px) {
    .column.is-narrow-widescreen {
        flex: none
    }
    .column.is-full-widescreen {
        flex: none;
        width: 100%
    }
    .column.is-three-quarters-widescreen {
        flex: none;
        width: 75%
    }
    .column.is-two-thirds-widescreen {
        flex: none;
        width: 66.6666%
    }
    .column.is-half-widescreen {
        flex: none;
        width: 50%
    }
    .column.is-one-third-widescreen {
        flex: none;
        width: 33.3333%
    }
    .column.is-one-quarter-widescreen {
        flex: none;
        width: 25%
    }
    .column.is-offset-three-quarters-widescreen {
        margin-left: 75%
    }
    .column.is-offset-two-thirds-widescreen {
        margin-left: 66.6666%
    }
    .column.is-offset-half-widescreen {
        margin-left: 50%
    }
    .column.is-offset-one-third-widescreen {
        margin-left: 33.3333%
    }
    .column.is-offset-one-quarter-widescreen {
        margin-left: 25%
    }
    .column.is-1-widescreen {
        flex: none;
        width: 8.33333%
    }
    .column.is-offset-1-widescreen {
        margin-left: 8.33333%
    }
    .column.is-2-widescreen {
        flex: none;
        width: 16.66667%
    }
    .column.is-offset-2-widescreen {
        margin-left: 16.66667%
    }
    .column.is-3-widescreen {
        flex: none;
        width: 25%
    }
    .column.is-offset-3-widescreen {
        margin-left: 25%
    }
    .column.is-4-widescreen {
        flex: none;
        width: 33.33333%
    }
    .column.is-offset-4-widescreen {
        margin-left: 33.33333%
    }
    .column.is-5-widescreen {
        flex: none;
        width: 41.66667%
    }
    .column.is-offset-5-widescreen {
        margin-left: 41.66667%
    }
    .column.is-6-widescreen {
        flex: none;
        width: 50%
    }
    .column.is-offset-6-widescreen {
        margin-left: 50%
    }
    .column.is-7-widescreen {
        flex: none;
        width: 58.33333%
    }
    .column.is-offset-7-widescreen {
        margin-left: 58.33333%
    }
    .column.is-8-widescreen {
        flex: none;
        width: 66.66667%
    }
    .column.is-offset-8-widescreen {
        margin-left: 66.66667%
    }
    .column.is-9-widescreen {
        flex: none;
        width: 75%
    }
    .column.is-offset-9-widescreen {
        margin-left: 75%
    }
    .column.is-10-widescreen {
        flex: none;
        width: 83.33333%
    }
    .column.is-offset-10-widescreen {
        margin-left: 83.33333%
    }
    .column.is-11-widescreen {
        flex: none;
        width: 91.66667%
    }
    .column.is-offset-11-widescreen {
        margin-left: 91.66667%
    }
    .column.is-12-widescreen {
        flex: none;
        width: 100%
    }
    .column.is-offset-12-widescreen {
        margin-left: 100%
    }
}

.columns {
    margin-left: -.75rem;
    margin-right: -.75rem;
    margin-top: -.75rem
}

.columns:last-child {
    margin-bottom: -.75rem
}

.columns:not(:last-child) {
    margin-bottom: .75rem
}

.columns.is-centered {
    justify-content: center
}

.columns.is-gapless {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
}

.columns.is-gapless:last-child {
    margin-bottom: 0
}

.columns.is-gapless:not(:last-child) {
    margin-bottom: 1.5rem
}

.columns.is-gapless>.column {
    margin: 0;
    padding: 0
}

@media screen and (min-width:769px) {
    .columns.is-grid {
        flex-wrap: wrap
    }
    .columns.is-grid>.column {
        max-width: 33.3333%;
        padding: .75rem;
        width: 33.3333%
    }
    .columns.is-grid>.column+.column {
        margin-left: 0
    }
}

.columns.is-mobile {
    display: flex
}

.columns.is-multiline {
    flex-wrap: wrap
}

.columns.is-vcentered {
    align-items: center
}

@media screen and (min-width:769px) {
    .columns:not(.is-desktop) {
        display: flex
    }
}

@media screen and (min-width:1000px) {
    .columns.is-desktop {
        display: flex
    }
}

.tile {
    align-items: stretch;
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    min-height: min-content
}

.tile.is-ancestor {
    margin-left: -.75rem;
    margin-right: -.75rem;
    margin-top: -.75rem
}

.tile.is-ancestor:last-child {
    margin-bottom: -.75rem
}

.tile.is-ancestor:not(:last-child) {
    margin-bottom: .75rem
}

.tile.is-child {
    margin: 0!important
}

.tile.is-parent {
    padding: .75rem
}

.tile.is-vertical {
    flex-direction: column
}

.tile.is-vertical>.tile.is-child:not(:last-child) {
    margin-bottom: 1.5rem!important
}

@media screen and (min-width:769px) {
    .tile:not(.is-child) {
        display: flex
    }
    .tile.is-1 {
        flex: none;
        width: 8.33333%
    }
    .tile.is-2 {
        flex: none;
        width: 16.66667%
    }
    .tile.is-3 {
        flex: none;
        width: 25%
    }
    .tile.is-4 {
        flex: none;
        width: 33.33333%
    }
    .tile.is-5 {
        flex: none;
        width: 41.66667%
    }
    .tile.is-6 {
        flex: none;
        width: 50%
    }
    .tile.is-7 {
        flex: none;
        width: 58.33333%
    }
    .tile.is-8 {
        flex: none;
        width: 66.66667%
    }
    .tile.is-9 {
        flex: none;
        width: 75%
    }
    .tile.is-10 {
        flex: none;
        width: 83.33333%
    }
    .tile.is-11 {
        flex: none;
        width: 91.66667%
    }
    .tile.is-12 {
        flex: none;
        width: 100%
    }
}

.hero-video {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden
}

.hero-video video {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.hero-video.is-transparent {
    opacity: .3
}

@media screen and (max-width:768px) {
    .hero-video {
        display: none
    }
}

.hero-buttons {
    margin-top: 1.5rem
}

@media screen and (max-width:768px) {
    .hero-buttons .button {
        display: flex
    }
    .hero-buttons .button:not(:last-child) {
        margin-bottom: .75rem
    }
}

@media screen and (min-width:769px) {
    .hero-buttons {
        display: flex;
        justify-content: center
    }
    .hero-buttons .button:not(:last-child) {
        margin-right: 1.5rem
    }
}

.hero-foot,
.hero-head {
    flex-grow: 0;
    flex-shrink: 0
}

.hero-body {
    flex-grow: 1;
    flex-shrink: 0;
    padding: 3rem 1.5rem
}

@media screen and (min-width:1192px) {
    .hero-body {
        padding-left: 0;
        padding-right: 0
    }
}

.hero {
    align-items: stretch;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.hero .nav {
    background: 0 0;
    box-shadow: 0 1px 0 rgba(219, 219, 219, .3)
}

.hero .tabs ul {
    border-bottom: none
}

.hero.is-#fff {
    background-color: #fff;
    color: #0a0a0a
}

.hero.is-#fff a,
.hero.is-#fff strong {
    color: inherit
}

.hero.is-#fff .inline-title,
.hero.is-#fff .title {
    color: #0a0a0a
}

.hero.is-#fff .subtitle {
    color: rgba(10, 10, 10, .9)
}

.hero.is-#fff .subtitle a,
.hero.is-#fff .subtitle strong {
    color: #0a0a0a
}

.hero.is-#fff .nav {
    box-shadow: 0 1px 0 rgba(10, 10, 10, .2)
}

@media screen and (max-width:768px) {
    .hero.is-#fff .nav-menu {
        background-color: #fff
    }
}

.hero.is-#fff .nav-item a:not(.button),
.hero.is-#fff a.nav-item {
    color: rgba(10, 10, 10, .7)
}

.hero.is-#fff .nav-item a:not(.button).is-active,
.hero.is-#fff .nav-item a:not(.button):hover,
.hero.is-#fff a.nav-item.is-active,
.hero.is-#fff a.nav-item:hover {
    color: #0a0a0a
}

.hero.is-#fff .tabs a {
    color: #0a0a0a;
    opacity: .9
}

.hero.is-#fff .tabs a:hover {
    opacity: 1
}

.hero.is-#fff .tabs li.is-active a {
    opacity: 1
}

.hero.is-#fff .tabs.is-boxed a,
.hero.is-#fff .tabs.is-toggle a {
    color: #0a0a0a
}

.hero.is-#fff .tabs.is-boxed a:hover,
.hero.is-#fff .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-#fff .tabs.is-boxed li.is-active a,
.hero.is-#fff .tabs.is-boxed li.is-active a:hover,
.hero.is-#fff .tabs.is-toggle li.is-active a,
.hero.is-#fff .tabs.is-toggle li.is-active a:hover {
    background-color: #0a0a0a;
    border-color: #0a0a0a;
    color: #fff
}

.hero.is-#fff.is-bold {
    background-image: linear-gradient(141deg, #e6e6e6 0, #fff 71%, #fff 100%)
}

@media screen and (max-width:768px) {
    .hero.is-#fff .nav-toggle span {
        background-color: #0a0a0a
    }
    .hero.is-#fff .nav-toggle:hover {
        background-color: rgba(10, 10, 10, .1)
    }
    .hero.is-#fff .nav-toggle.is-active span {
        background-color: #0a0a0a
    }
    .hero.is-#fff .nav-menu .nav-item {
        border-top-color: rgba(10, 10, 10, .2)
    }
}

.hero.is-#000 {
    background-color: #0a0a0a;
    color: #fff
}

.hero.is-#000 a,
.hero.is-#000 strong {
    color: inherit
}

.hero.is-#000 .inline-title,
.hero.is-#000 .title {
    color: #fff
}

.hero.is-#000 .subtitle {
    color: rgba(255, 255, 255, .9)
}

.hero.is-#000 .subtitle a,
.hero.is-#000 .subtitle strong {
    color: #fff
}

.hero.is-#000 .nav {
    box-shadow: 0 1px 0 rgba(255, 255, 255, .2)
}

@media screen and (max-width:768px) {
    .hero.is-#000 .nav-menu {
        background-color: #0a0a0a
    }
}

.hero.is-#000 .nav-item a:not(.button),
.hero.is-#000 a.nav-item {
    color: rgba(255, 255, 255, .7)
}

.hero.is-#000 .nav-item a:not(.button).is-active,
.hero.is-#000 .nav-item a:not(.button):hover,
.hero.is-#000 a.nav-item.is-active,
.hero.is-#000 a.nav-item:hover {
    color: #fff
}

.hero.is-#000 .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-#000 .tabs a:hover {
    opacity: 1
}

.hero.is-#000 .tabs li.is-active a {
    opacity: 1
}

.hero.is-#000 .tabs.is-boxed a,
.hero.is-#000 .tabs.is-toggle a {
    color: #fff
}

.hero.is-#000 .tabs.is-boxed a:hover,
.hero.is-#000 .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-#000 .tabs.is-boxed li.is-active a,
.hero.is-#000 .tabs.is-boxed li.is-active a:hover,
.hero.is-#000 .tabs.is-toggle li.is-active a,
.hero.is-#000 .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #0a0a0a
}

.hero.is-#000.is-bold {
    background-image: linear-gradient(141deg, #000 0, #0a0a0a 71%, #181616 100%)
}

@media screen and (max-width:768px) {
    .hero.is-#000 .nav-toggle span {
        background-color: #fff
    }
    .hero.is-#000 .nav-toggle:hover {
        background-color: rgba(10, 10, 10, .1)
    }
    .hero.is-#000 .nav-toggle.is-active span {
        background-color: #fff
    }
    .hero.is-#000 .nav-menu .nav-item {
        border-top-color: rgba(255, 255, 255, .2)
    }
}

.hero.is-light {
    background-color: #f5f5f5;
    color: #363636
}

.hero.is-light a,
.hero.is-light strong {
    color: inherit
}

.hero.is-light .inline-title,
.hero.is-light .title {
    color: #363636
}

.hero.is-light .subtitle {
    color: rgba(54, 54, 54, .9)
}

.hero.is-light .subtitle a,
.hero.is-light .subtitle strong {
    color: #363636
}

.hero.is-light .nav {
    box-shadow: 0 1px 0 rgba(54, 54, 54, .2)
}

@media screen and (max-width:768px) {
    .hero.is-light .nav-menu {
        background-color: #f5f5f5
    }
}

.hero.is-light .nav-item a:not(.button),
.hero.is-light a.nav-item {
    color: rgba(54, 54, 54, .7)
}

.hero.is-light .nav-item a:not(.button).is-active,
.hero.is-light .nav-item a:not(.button):hover,
.hero.is-light a.nav-item.is-active,
.hero.is-light a.nav-item:hover {
    color: #363636
}

.hero.is-light .tabs a {
    color: #363636;
    opacity: .9
}

.hero.is-light .tabs a:hover {
    opacity: 1
}

.hero.is-light .tabs li.is-active a {
    opacity: 1
}

.hero.is-light .tabs.is-boxed a,
.hero.is-light .tabs.is-toggle a {
    color: #363636
}

.hero.is-light .tabs.is-boxed a:hover,
.hero.is-light .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-light .tabs.is-boxed li.is-active a,
.hero.is-light .tabs.is-boxed li.is-active a:hover,
.hero.is-light .tabs.is-toggle li.is-active a,
.hero.is-light .tabs.is-toggle li.is-active a:hover {
    background-color: #363636;
    border-color: #363636;
    color: #f5f5f5
}

.hero.is-light.is-bold {
    background-image: linear-gradient(141deg, #dfd8d9 0, #f5f5f5 71%, #fff 100%)
}

@media screen and (max-width:768px) {
    .hero.is-light .nav-toggle span {
        background-color: #363636
    }
    .hero.is-light .nav-toggle:hover {
        background-color: rgba(10, 10, 10, .1)
    }
    .hero.is-light .nav-toggle.is-active span {
        background-color: #363636
    }
    .hero.is-light .nav-menu .nav-item {
        border-top-color: rgba(54, 54, 54, .2)
    }
}

.hero.is-dark {
    background-color: #363636;
    color: #f5f5f5
}

.hero.is-dark a,
.hero.is-dark strong {
    color: inherit
}

.hero.is-dark .inline-title,
.hero.is-dark .title {
    color: #f5f5f5
}

.hero.is-dark .subtitle {
    color: rgba(245, 245, 245, .9)
}

.hero.is-dark .subtitle a,
.hero.is-dark .subtitle strong {
    color: #f5f5f5
}

.hero.is-dark .nav {
    box-shadow: 0 1px 0 rgba(245, 245, 245, .2)
}

@media screen and (max-width:768px) {
    .hero.is-dark .nav-menu {
        background-color: #363636
    }
}

.hero.is-dark .nav-item a:not(.button),
.hero.is-dark a.nav-item {
    color: rgba(245, 245, 245, .7)
}

.hero.is-dark .nav-item a:not(.button).is-active,
.hero.is-dark .nav-item a:not(.button):hover,
.hero.is-dark a.nav-item.is-active,
.hero.is-dark a.nav-item:hover {
    color: #f5f5f5
}

.hero.is-dark .tabs a {
    color: #f5f5f5;
    opacity: .9
}

.hero.is-dark .tabs a:hover {
    opacity: 1
}

.hero.is-dark .tabs li.is-active a {
    opacity: 1
}

.hero.is-dark .tabs.is-boxed a,
.hero.is-dark .tabs.is-toggle a {
    color: #f5f5f5
}

.hero.is-dark .tabs.is-boxed a:hover,
.hero.is-dark .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-dark .tabs.is-boxed li.is-active a,
.hero.is-dark .tabs.is-boxed li.is-active a:hover,
.hero.is-dark .tabs.is-toggle li.is-active a,
.hero.is-dark .tabs.is-toggle li.is-active a:hover {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #363636
}

.hero.is-dark.is-bold {
    background-image: linear-gradient(141deg, #1f191a 0, #363636 71%, #46403f 100%)
}

@media screen and (max-width:768px) {
    .hero.is-dark .nav-toggle span {
        background-color: #f5f5f5
    }
    .hero.is-dark .nav-toggle:hover {
        background-color: rgba(10, 10, 10, .1)
    }
    .hero.is-dark .nav-toggle.is-active span {
        background-color: #f5f5f5
    }
    .hero.is-dark .nav-menu .nav-item {
        border-top-color: rgba(245, 245, 245, .2)
    }
}

.hero.is-primary {
    background-color: #0d75bc;
    color: #fff
}

.hero.is-primary a,
.hero.is-primary strong {
    color: inherit
}

.hero.is-primary .inline-title,
.hero.is-primary .title {
    color: #fff
}

.hero.is-primary .subtitle {
    color: rgba(255, 255, 255, .9)
}

.hero.is-primary .subtitle a,
.hero.is-primary .subtitle strong {
    color: #fff
}

.hero.is-primary .nav {
    box-shadow: 0 1px 0 rgba(255, 255, 255, .2)
}

@media screen and (max-width:768px) {
    .hero.is-primary .nav-menu {
        background-color: #0d75bc
    }
}

.hero.is-primary .nav-item a:not(.button),
.hero.is-primary a.nav-item {
    color: rgba(255, 255, 255, .7)
}

.hero.is-primary .nav-item a:not(.button).is-active,
.hero.is-primary .nav-item a:not(.button):hover,
.hero.is-primary a.nav-item.is-active,
.hero.is-primary a.nav-item:hover {
    color: #fff
}

.hero.is-primary .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-primary .tabs a:hover {
    opacity: 1
}

.hero.is-primary .tabs li.is-active a {
    opacity: 1
}

.hero.is-primary .tabs.is-boxed a,
.hero.is-primary .tabs.is-toggle a {
    color: #fff
}

.hero.is-primary .tabs.is-boxed a:hover,
.hero.is-primary .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-primary .tabs.is-boxed li.is-active a,
.hero.is-primary .tabs.is-boxed li.is-active a:hover,
.hero.is-primary .tabs.is-toggle li.is-active a,
.hero.is-primary .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #0d75bc
}

.hero.is-primary.is-bold {
    background-image: linear-gradient(141deg, #027194 0, #0d75bc 71%, #0962da 100%)
}

@media screen and (max-width:768px) {
    .hero.is-primary .nav-toggle span {
        background-color: #fff
    }
    .hero.is-primary .nav-toggle:hover {
        background-color: rgba(10, 10, 10, .1)
    }
    .hero.is-primary .nav-toggle.is-active span {
        background-color: #fff
    }
    .hero.is-primary .nav-menu .nav-item {
        border-top-color: rgba(255, 255, 255, .2)
    }
}

.hero.is-info {
    background-color: #0d75bc;
    color: #fff
}

.hero.is-info a,
.hero.is-info strong {
    color: inherit
}

.hero.is-info .inline-title,
.hero.is-info .title {
    color: #fff
}

.hero.is-info .subtitle {
    color: rgba(255, 255, 255, .9)
}

.hero.is-info .subtitle a,
.hero.is-info .subtitle strong {
    color: #fff
}

.hero.is-info .nav {
    box-shadow: 0 1px 0 rgba(255, 255, 255, .2)
}

@media screen and (max-width:768px) {
    .hero.is-info .nav-menu {
        background-color: #0d75bc
    }
}

.hero.is-info .nav-item a:not(.button),
.hero.is-info a.nav-item {
    color: rgba(255, 255, 255, .7)
}

.hero.is-info .nav-item a:not(.button).is-active,
.hero.is-info .nav-item a:not(.button):hover,
.hero.is-info a.nav-item.is-active,
.hero.is-info a.nav-item:hover {
    color: #fff
}

.hero.is-info .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-info .tabs a:hover {
    opacity: 1
}

.hero.is-info .tabs li.is-active a {
    opacity: 1
}

.hero.is-info .tabs.is-boxed a,
.hero.is-info .tabs.is-toggle a {
    color: #fff
}

.hero.is-info .tabs.is-boxed a:hover,
.hero.is-info .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-info .tabs.is-boxed li.is-active a,
.hero.is-info .tabs.is-boxed li.is-active a:hover,
.hero.is-info .tabs.is-toggle li.is-active a,
.hero.is-info .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #0d75bc
}

.hero.is-info.is-bold {
    background-image: linear-gradient(141deg, #027194 0, #0d75bc 71%, #0962da 100%)
}

@media screen and (max-width:768px) {
    .hero.is-info .nav-toggle span {
        background-color: #fff
    }
    .hero.is-info .nav-toggle:hover {
        background-color: rgba(10, 10, 10, .1)
    }
    .hero.is-info .nav-toggle.is-active span {
        background-color: #fff
    }
    .hero.is-info .nav-menu .nav-item {
        border-top-color: rgba(255, 255, 255, .2)
    }
}

.hero.is-success {
    background-color: #23d160;
    color: #fff
}

.hero.is-success a,
.hero.is-success strong {
    color: inherit
}

.hero.is-success .inline-title,
.hero.is-success .title {
    color: #fff
}

.hero.is-success .subtitle {
    color: rgba(255, 255, 255, .9)
}

.hero.is-success .subtitle a,
.hero.is-success .subtitle strong {
    color: #fff
}

.hero.is-success .nav {
    box-shadow: 0 1px 0 rgba(255, 255, 255, .2)
}

@media screen and (max-width:768px) {
    .hero.is-success .nav-menu {
        background-color: #23d160
    }
}

.hero.is-success .nav-item a:not(.button),
.hero.is-success a.nav-item {
    color: rgba(255, 255, 255, .7)
}

.hero.is-success .nav-item a:not(.button).is-active,
.hero.is-success .nav-item a:not(.button):hover,
.hero.is-success a.nav-item.is-active,
.hero.is-success a.nav-item:hover {
    color: #fff
}

.hero.is-success .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-success .tabs a:hover {
    opacity: 1
}

.hero.is-success .tabs li.is-active a {
    opacity: 1
}

.hero.is-success .tabs.is-boxed a,
.hero.is-success .tabs.is-toggle a {
    color: #fff
}

.hero.is-success .tabs.is-boxed a:hover,
.hero.is-success .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-success .tabs.is-boxed li.is-active a,
.hero.is-success .tabs.is-boxed li.is-active a:hover,
.hero.is-success .tabs.is-toggle li.is-active a,
.hero.is-success .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #23d160
}

.hero.is-success.is-bold {
    background-image: linear-gradient(141deg, #12af2f 0, #23d160 71%, #2ce28a 100%)
}

@media screen and (max-width:768px) {
    .hero.is-success .nav-toggle span {
        background-color: #fff
    }
    .hero.is-success .nav-toggle:hover {
        background-color: rgba(10, 10, 10, .1)
    }
    .hero.is-success .nav-toggle.is-active span {
        background-color: #fff
    }
    .hero.is-success .nav-menu .nav-item {
        border-top-color: rgba(255, 255, 255, .2)
    }
}

.hero.is-warning {
    background-color: #ffdd57;
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning a,
.hero.is-warning strong {
    color: inherit
}

.hero.is-warning .inline-title,
.hero.is-warning .title {
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning .subtitle {
    color: rgba(0, 0, 0, .9)
}

.hero.is-warning .subtitle a,
.hero.is-warning .subtitle strong {
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning .nav {
    box-shadow: 0 1px 0 rgba(0, 0, 0, .2)
}

@media screen and (max-width:768px) {
    .hero.is-warning .nav-menu {
        background-color: #ffdd57
    }
}

.hero.is-warning .nav-item a:not(.button),
.hero.is-warning a.nav-item {
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning .nav-item a:not(.button).is-active,
.hero.is-warning .nav-item a:not(.button):hover,
.hero.is-warning a.nav-item.is-active,
.hero.is-warning a.nav-item:hover {
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning .tabs a {
    color: rgba(0, 0, 0, .7);
    opacity: .9
}

.hero.is-warning .tabs a:hover {
    opacity: 1
}

.hero.is-warning .tabs li.is-active a {
    opacity: 1
}

.hero.is-warning .tabs.is-boxed a,
.hero.is-warning .tabs.is-toggle a {
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning .tabs.is-boxed a:hover,
.hero.is-warning .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-warning .tabs.is-boxed li.is-active a,
.hero.is-warning .tabs.is-boxed li.is-active a:hover,
.hero.is-warning .tabs.is-toggle li.is-active a,
.hero.is-warning .tabs.is-toggle li.is-active a:hover {
    background-color: rgba(0, 0, 0, .7);
    border-color: rgba(0, 0, 0, .7);
    color: #ffdd57
}

.hero.is-warning.is-bold {
    background-image: linear-gradient(141deg, #ffaf24 0, #ffdd57 71%, #fffa70 100%)
}

@media screen and (max-width:768px) {
    .hero.is-warning .nav-toggle span {
        background-color: rgba(0, 0, 0, .7)
    }
    .hero.is-warning .nav-toggle:hover {
        background-color: rgba(10, 10, 10, .1)
    }
    .hero.is-warning .nav-toggle.is-active span {
        background-color: rgba(0, 0, 0, .7)
    }
    .hero.is-warning .nav-menu .nav-item {
        border-top-color: rgba(0, 0, 0, .2)
    }
}

.hero.is-danger {
    background-color: #dd1e31;
    color: #fff
}

.hero.is-danger a,
.hero.is-danger strong {
    color: inherit
}

.hero.is-danger .inline-title,
.hero.is-danger .title {
    color: #fff
}

.hero.is-danger .subtitle {
    color: rgba(255, 255, 255, .9)
}

.hero.is-danger .subtitle a,
.hero.is-danger .subtitle strong {
    color: #fff
}

.hero.is-danger .nav {
    box-shadow: 0 1px 0 rgba(255, 255, 255, .2)
}

@media screen and (max-width:768px) {
    .hero.is-danger .nav-menu {
        background-color: #dd1e31
    }
}

.hero.is-danger .nav-item a:not(.button),
.hero.is-danger a.nav-item {
    color: rgba(255, 255, 255, .7)
}

.hero.is-danger .nav-item a:not(.button).is-active,
.hero.is-danger .nav-item a:not(.button):hover,
.hero.is-danger a.nav-item.is-active,
.hero.is-danger a.nav-item:hover {
    color: #fff
}

.hero.is-danger .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-danger .tabs a:hover {
    opacity: 1
}

.hero.is-danger .tabs li.is-active a {
    opacity: 1
}

.hero.is-danger .tabs.is-boxed a,
.hero.is-danger .tabs.is-toggle a {
    color: #fff
}

.hero.is-danger .tabs.is-boxed a:hover,
.hero.is-danger .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-danger .tabs.is-boxed li.is-active a,
.hero.is-danger .tabs.is-boxed li.is-active a:hover,
.hero.is-danger .tabs.is-toggle li.is-active a,
.hero.is-danger .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #dd1e31
}

.hero.is-danger.is-bold {
    background-image: linear-gradient(141deg, #ba0e3c 0, #dd1e31 71%, #e9382c 100%)
}

@media screen and (max-width:768px) {
    .hero.is-danger .nav-toggle span {
        background-color: #fff
    }
    .hero.is-danger .nav-toggle:hover {
        background-color: rgba(10, 10, 10, .1)
    }
    .hero.is-danger .nav-toggle.is-active span {
        background-color: #fff
    }
    .hero.is-danger .nav-menu .nav-item {
        border-top-color: rgba(255, 255, 255, .2)
    }
}

@media screen and (min-width:769px) {
    .hero.is-medium .hero-body {
        padding-bottom: 9rem;
        padding-top: 9rem
    }
}

@media screen and (min-width:769px) {
    .hero.is-large .hero-body {
        padding-bottom: 18rem;
        padding-top: 18rem
    }
}

.hero.is-fullheight {
    min-height: 100vh
}

.hero.is-fullheight .hero-body {
    align-items: center;
    display: flex
}

.hero.is-fullheight .hero-body>.container {
    flex-grow: 1;
    flex-shrink: 1
}

.section {
    background-color: #fff;
    padding: 3rem 1.5rem
}

.button.is-primary {
    padding-right: 1.5em;
    padding-top: 0;
    padding-bottom: 0;
    background: linear-gradient(to right, rgba(255,0,81,1) 0%, rgba(255,0,17,1) 100%);
    font-weight: 600;
    height: 2.5rem;
    text-transform: uppercase;
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:768px) {
    .button.is-primary {
        font-size: .8rem;
        text-transform: uppercase
    }
    .button.is-primary span>span {
        display: block
    }
}

@media screen and (min-width:1000px) {
    .button.is-primary {
        height: 3rem;
        font-size: 1.2rem;
        text-transform: uppercase
    }
}

.button.is-primary.is-hovered,
.button.is-primary:hover {
    background-color: #3e2823;
    color: #fff
}

@media screen and (max-width:768px) {
    .button.is-primary span.no-squeeze:after {
        font-size: .8rem!important;
        right: .8em!important;
        top: 50%
    }
}

.button.is-primary span:after {
    font-size: .8rem;
    right: 1.1em;
    top: 50%;
    display: block;
    position: absolute;
    transform: translateY(-50%);
    content: ">";
    font-weight: 800
}

@media screen and (max-width:768px) {
    .button.is-primary span:after {
        right: .8em;
        top: 67%
    }
}

@media screen and (min-width:1000px) {
    .button.is-primary span:after {
        font-size: 1rem
    }
}

.gallery {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    overflow: hidden;
    transition-duration: 1s;
    width: 10000%;
    padding: 0
}

.gallery-item {
    display: inline-block
}

.gallery>.column {
    margin: 0!important;
    padding: 0!important;
    float: left!important;
    display: block!important
}

.gallery-container {
    overflow: hidden
}

.gallery-container-transition {
    transition: all 1s ease
}

.gallery-container-transition-none {
    transition: none 1s ease
}

.gallery-nav {
    text-align: center
}

.gallery-nav div {
    display: inline-block
}

.gallery-nav-previous {
    top: 50%;
    left: 10px;
    position: absolute
}

.gallery-nav-next {
    top: 50%;
    right: 10px;
    position: absolute
}

.gallery-nav-item {
    display: block;
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 15px;
    border-radius: 100%;
    text-indent: -999px;
    cursor: pointer;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .3);
    background: #d0d9dd
}

.gallery-nav-item-selected {
    background: #19191a
}

@media screen and (max-width:768px) {
    .gallery-mobile {
        display: flex;
        flex-wrap: nowrap;
        position: relative;
        overflow: hidden;
        transition-duration: 1s;
        width: 10000%;
        padding: 0
    }
    .gallery-mobile-item {
        display: inline-block
    }
    .gallery-mobile>.column {
        margin: 0!important;
        padding: 0!important;
        float: left!important;
        display: block!important
    }
    .gallery-mobile-container {
        overflow: hidden
    }
    .gallery-mobile-container-transition {
        transition: all 1s ease
    }
    .gallery-mobile-container-transition-none {
        transition: none 1s ease
    }
    .gallery-full .columns {
        display: block;
        margin: 0
    }
}

@media screen and (min-width:769px) {
    .gallery-mobile-container-wrapper .gallery-navigation {
        display: none
    }
}

html {
    background-color: #fff
}

@media screen and (max-width:768px) {
    body:after {
        content: "bp-mobile";
        display: none
    }
}

@media screen and (min-width:769px) {
    body:after {
        content: "bp-tablet";
        display: none
    }
}

@media screen and (min-width:769px) and (max-width:999px) {
    body:after {
        content: "bp-tablet-only";
        display: none
    }
}

@media screen and (min-width:1000px) {
    body:after {
        content: "bp-desktop";
        display: none
    }
}

@media screen and (min-width:1000px) and (max-width:1191px) {
    body:after {
        content: "bp-desktop-only";
        display: none
    }
}

@media screen and (min-width:1192px) {
    body:after {
        content: "bp-widescreen";
        display: none
    }
}

@media screen and (min-width:1192px) and (max-width:1383px) {
    body:after {
        content: "bp-widescreen-only";
        display: none
    }
}

@media screen and (min-width:1384px) {
    body:after {
        content: "bp-fullhd";
        display: none
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@media screen and (min-width:769px) {
    .inline-gallery-mobile-only .column {
        display: block!important;
        order: initial!important
    }
}

@media screen and (max-width:768px) {
    .inline-gallery-mobile-only {
        flex-direction: column;
        overflow-x: hidden;
        display: flex
    }
}

@media screen and (min-width:769px) {
    .inline-gallery-mobile-only .inline-gallery-navigation {
        display: none!important
    }
}

@media screen and (max-width:768px) {
    .inline-gallery-mobile-only .inline-gallery-navigation {
        display: block
    }
}

@media screen and (min-width:769px) {
    .inline-gallery-mobile-only .inline-gallery-navigation-items {
        display: none!important
    }
}

@media screen and (max-width:768px) {
    .inline-gallery-mobile-only .inline-gallery-navigation-items {
        display: block
    }
}

.inline-gallery {
    overflow-x: hidden
}

.inline-gallery .gallery-item-selected {
    order: 1;
    display: block;
    background-position: center center!important;
    background-size: cover;
    width: 100%;
    height: 100%
}

.inline-gallery .gallery-item-default {
    order: 2;
    display: none
}

.inline-gallery .inline-gallery-navigation {
    position: absolute
}

.inline-gallery .inline-gallery-left {
    left: 0
}

.inline-gallery .inline-gallery-right {
    right: 0
}

.inline-gallery .inline-gallery-navigation-items {
    order: 10;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.inline-gallery .inline-gallery-navigation-item-styled {
    display: block;
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 15px;
    border-radius: 100%;
    text-indent: -999px;
    cursor: pointer;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .3);
    background: #d0d9dd
}

.inline-gallery .item-selected {
    background: #19191a
}

.gallery-section .columns {
    flex-wrap: wrap
}

.gallery-section .columns>.column {
    padding: 0 .1rem;
    margin-bottom: -.2rem
}

.brah {
    flex-wrap: nowrap;
    position: relative;
    overflow: hidden;
    width: 10000%;
    margin: 0;
    padding: 0
}

.brah .brah-item {
    margin: 0;
    padding: 0;
    float: left;
    display: block
}

@media screen and (max-width:768px) {
    .blah-mobile {
        flex-wrap: nowrap;
        position: relative;
        overflow: hidden
    }
}

.blah .columns {
    flex-wrap: nowrap;
    position: relative;
    overflow: hidden;
    transition-duration: 1s
}

.blah .columns>.column {
    margin: 0;
    padding: 0;
    float: left;
    width: 721px;
    display: block
}

.gallery-mobile-only .flexslider {
    margin-left: -.75em;
    margin-right: -.75em
}

strong {
    color: #0d75bc
}

.section.gallery-section {
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: .8rem;
    background-color: #fff
}

@media screen and (min-width:769px) {
    .section.gallery-section {
        margin-bottom: 3rem;
        margin-top: 1rem
    }
}

.section.gallery-section .columns {
    margin-bottom: 0
}

.slides-inverted-button .lSAction>a {
    -webkit-filter: invert();
    -moz-filter: invert();
    -o-filter: invert();
    -ms-filter: invert();
    filter: invert()
}

.collapsible-trigger {
    height: 31px;
    width: 29px;
    background: url(../images/controls.png) 29px 33px;
    display: block;
    -webkit-filter: invert();
    filter: invert()
}

.collapsible-trigger.up {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.collapsible-trigger.down {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.collapsible {
    transition: height .5s ease-out
}

.collapsed-item {
    overflow: hidden;
    height: 0!important;
    transition: height .5s ease-in
}

@media screen and (max-width:768px) {
    .inline-title {
        line-height: 1em
    }
}

.inline-title strong {
    font-weight: 600;
    display: block
}

svg.hidden {
    display: none
}

span.select.is-danger select {
    color: #dd1e31;
    border-color: #dd1e31
}

span.select.is-danger select:focus {
    border-color: #dd1e31
}

span.select.is-danger:after {
    border: 1px solid #dd1e31;
    border-right: 0;
    border-top: 0;
    transform: rotate(-45deg)
}

.popup {
    position: absolute;
    width: 140px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    visibility: hidden;
    transform: translateY(0);
    display: none
}

.popup.medium {
    width: 240px
}

.popup.wide {
    width: 300px
}

.popup div {
    position: relative;
    border-radius: 6px;
    background: #fd3100
}

.popup div:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid #fd3100;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent
}

.popup.bottom div:after {
    bottom: 100%;
    top: initial;
    border-top: none;
    border-bottom: 8px solid #fd3100
}

.popup.shown {
    visibility: visible;
    bottom: 30px;
    left: 50%;
    z-index: 999;
    transition: all .18s ease-out .18s;
    animation: slide 1s ease 3.5s forwards;
    transform: translateY(0);
    opacity: 1
}

.popup.bottom.shown {
    animation: slide-bottom 1s ease 3.5s forwards
}

.popup to {
    transform: translateY(0)
}

.popup to {
    transform: translateY(50px)
}

.popup to {
    transform: translateY(0)
}

.popup to {
    transform: translateY(-50px)
}

.popup.bottom.hidden {
    transform: translateY(-50px);
    animation: slideback-bottom 1s ease 3.5s reverse
}

.select select {
    height: 2.5em;
    line-height: 1.3
}

.hover-parent {
    position: relative
}

.hidden {
    display: block
}

.shown {
    display: block
}

section.sticky {
    height: 3.3rem;
    display: flex;
    justify-content: center;
    background-color: #eaf3f7
}

@media screen and (min-width:1000px) {
    section.sticky {
        height: 3.8rem
    }
}

section.sticky .wrapper {
    left: 0!important;
    padding: .4rem 0;
    width: 100%;
    background: linear-gradient(to right, rgba(127,127,213,1) 0%, rgba(134,168,231,1) 50%, rgba(145,234,228,1) 100%);
    display: flex;
    flex-direction: row;
    z-index: 100;
    position: fixed;
    height: 3.3rem
}

@media screen and (min-width:1000px) {
    section.sticky .wrapper {
        height: 3.8rem
    }
}

section.sticky .container {
    display: flex
}

@media screen and (max-width:768px) {
    section.sticky .container {
        justify-content: center
    }
}

@media screen and (max-width:999px) {
    section.sticky .container {
        width: 100%
    }
}

@media screen and (min-width:1000px) {
    section.sticky .container>div {
        width: 50%
    }
}

@media screen and (max-width:999px) {
    section.sticky .logo {
        left: 0;
        position: absolute;
        margin-left: .7rem
    }
}

section.sticky .logo span {
    width: 2.5rem;
    height: 2.5rem
}

section.sticky .logo span img {
    height: 2.5rem;
    width: 4.5rem
}

@media screen and (min-width:1000px) {
    section.sticky .logo span img {
        width: 6rem;
        height: 3rem
    }
}

section.sticky .other {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

@media screen and (max-width:999px) {
    section.sticky .other {
        position: absolute;
        right: 0;
        margin-right: .7rem;
        width: 70%
    }
}

section.sticky .other .phone {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: .5rem
}

@media screen and (min-width:1000px) {
    section.sticky .other .phone {
        margin-left: -5rem
    }
}

@media screen and (min-width:1192px) {
    section.sticky .other .phone {
        margin-left: -1.8rem
    }
}

section.sticky .other .phone .img-2wrapper img,
section.sticky .other .phone .img-wrapper {
    width: 1.5rem;
    height: 2.2rem
}

@media screen and (min-width:1000px) {
    section.sticky .other .phone .img-wrapper,
    section.sticky .other .phone .img-wrapper img {
        width: 1.5rem;
        height: 4rem
    }
}

section.sticky .other .phone .txt {
    text-align: center
}

section.sticky .other .phone .txt span {
    display: block
}

section.sticky .other .phone .txt .intro {
    font-size: .8rem;
    font-weight: 600;
    color: #fff
}

@media screen and (min-width:769px) {
    section.sticky .other .phone .txt .intro {
        font-size: .8rem
    }
}

@media screen and (max-width:768px) {
    section.sticky .other .phone .txt .phone-number {
        font-size: 3vw
    }
}

@media screen and (min-width:1000px) {
    section.sticky .other .button-wrapper {
        display: flex;
        justify-items: center;
        margin-right: -.75rem
    }
}

section:first-of-type~.sticky-child {
    padding-top: .75rem
}

.section.help {
    color: #fff;
    background: #262729;
}

.section.help h2 {
    font-size: 3em;
    padding-bottom: .5rem;
    line-height: 100%
}

@media screen and (min-width:769px) {
    .section.help h2 {
        font-size: 2em
    }
}

@media screen and (min-width:1000px) {
    .section.help h2 {
        font-size: 3em
    }
}

.section.help a {
    color: #fff;
    font-size: 1rem
}

.section.help a:hover {
    color: #0d75bc
}

@media screen and (max-width:768px) {
    .section.help {
        padding-bottom: 2.6rem
    }
    .section.help .column div {
        font-size: 1.5em
    }
    .section.help strong {
        display: block
    }
}

@media screen and (min-width:1000px) {
    .section.help .column:first-child>div {
        font-size: .9rem
    }
}

@media screen and (min-width:1192px) {
    .section.help .column:first-child>div {
        font-size: 1rem
    }
}

@media screen and (max-width:768px) {
    .section.help .column:first-child>div strong {
        display: inline
    }
}

.section.help .column:not(:first-child) {
    text-align: center
}

.section.help .icons .icon-telephone {
    fill: #fff
}

.section.help .icons img,
.section.help .icons svg {
    width: 50px;
    height: 50px
}

@media screen and (max-width:768px) {
    .section.help .icons img,
    .section.help .icons svg {
        width: 60px;
        height: 60px
    }
}

@media screen and (max-width:768px) {
    .section.help .column {
        text-align: center;
        padding-bottom: 1rem
    }
}

footer.footer {
    padding: 3rem 4rem 6rem;
    background-color: #f2f2f2
}

@media screen and (max-width:768px) {
    footer.footer {
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 1.5rem
    }
}

footer.footer .container {
    position: relative;
    height: 2em
}

@media screen and (max-width:768px) {
    footer.footer .container {
        display: flex;
        align-items: flex-end;
        flex-direction: column
    }
}

footer.footer .columns {
    position: relative
}

@media screen and (max-width:768px) {
    footer.footer .columns {
        width: 100%
    }
}

footer.footer .logo {
    cursor: pointer
}

footer.footer .first {
    width: 100%;
    display: flex
}

@media screen and (min-width:769px) {
    footer.footer .first {
        width: 25%;
        flex-direction: column
    }
}

@media screen and (min-width:1000px) {
    footer.footer .first {
        display: flex;
        flex-direction: row;
        width: 40%
    }
}

@media screen and (max-width:449px) {
    footer.footer .first {
        font-size: 3vw
    }
}

@media screen and (max-width:768px) {
    footer.footer .first a:last-child {
        margin-left: 1.5rem
    }
}

@media screen and (min-width:1000px) {
    footer.footer .first a:last-child {
        margin-left: 1.5rem
    }
}

footer.footer .second {
    width: 80%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

@media screen and (max-width:768px) {
    footer.footer .second {
        margin-top: 1rem
    }
}

@media screen and (min-width:769px) {
    footer.footer .second {
        width: 50%
    }
}

@media screen and (min-width:1000px) {
    footer.footer .second {
        width: 38%
    }
}

footer.footer .second .item {
    display: flex;
    flex-direction: column
}

footer.footer .second .item:first-child img {
    width: 300px
}

@media screen and (max-width:768px) {
    footer.footer .second .item:first-child img {
        width: 45vw
    }
}

footer.footer .second .item:last-child img {
    width: 100px
}

@media screen and (max-width:768px) {
    footer.footer .second .item:last-child img {
        width: 15vw;
        padding-bottom: 1rem;
        margin-bottom: 2rem
    }
}

@media screen and (max-width:768px) {
    footer.footer .logo {
        position: absolute;
        top: 0;
        right: 0
    }
}

footer.footer a {
    color: #0a0a0a;
    text-transform: uppercase
}

footer.footer a:hover {
    color: #0d75bc;
    font-weight: 400
}

@media screen and (max-width:768px) {
    footer.footer span {
        margin-right: -.75rem
    }
}

@media screen and (min-width:769px) {
    footer.footer span {
        top: 0;
        position: absolute;
        right: 0
    }
}

@media screen and (min-width:1384px) {
    footer.footer span {
        right: 4rem
    }
}

footer.footer span img {
    height: 2em;
    width: 5em
}

@media screen and (max-width:768px) {
    footer.footer span img {
        height: 8em;
        width: 3em
    }
}

.section.break {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.section.break .columns {
    margin-top: 0;
    text-align: center;
    flex-wrap: wrap
}

section.top {
    padding-bottom: 0
}

section.top .column {
    position: relative;
    flex: 1
}

@media screen and (min-width:769px) {
    section.top .column {
        min-height: 20rem
    }
}

@media screen and (min-width:1000px) {
    section.top .column {
        min-height: 30rem
    }
}

@media screen and (max-width:768px) {
    section.top .column:first-child {
        margin-bottom: -.45rem!important
    }
}

section.top .column:last-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #85a0e4;
    overflow: hidden
}

section.top .wrapper {
    color: #2b2b2b;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (min-width:769px) {
    section.top .wrapper {
        padding-left: 60px
    }
}

@media screen and (max-width:768px) {
    section.top .wrapper {
        text-align: center
    }
}

@media screen and (max-width:999px) {
    section.top .wrapper {
        padding-top: 1rem;
        padding-bottom: 2rem
    }
}

@media screen and (min-width:769px) {
    section.top .wrapper {
        width: 80%;
        align-items: flex-start
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    section.top img {
        top: 0!important;
        left: 0!important
    }
}

@supports (-ms-accelerator:true) {
    section.top img {
        top: 0!important;
        left: 0!important
    }
}

@media screen and (min-width:769px) {
    section.top img {
        position: absolute;
        top: 50%;
        min-height: 100%;
        display: block;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        min-width: 100%
    }
}

section.top h2 {
    line-height: 1em;
    font-size: 2rem;
    margin-bottom: .5rem;
    text-transform: uppercase
}

section.top h2,
section.top h2 strong {
    color: #fff
}

section.top h2 strong {
    display: block
}

section.top .text {
    color: #fff;
    margin-top: 1rem;
    z-index: 10
}

section.top .savings {
    font-weight: 600;
    font-size: 1.4rem;
    color: #fff;
    text-transform: uppercase;
    margin-top: .3rem;
    margin-bottom: 1rem;
    position: relative;
    z-index: 5
}

section.top .banner {
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    background-clip: padding-box;
    background: #ffe2f4;
    color: #000;
    padding: 15px 60px 15px 60px;
    font-size: 2rem;
    display: inline-block;
    text-align: right;
    line-height: 1;
    position: relative;
    overflow: hidden
}

@media screen and (max-width:768px) {
    section.top .banner {
        overflow: visible;
        text-align: center
    }
}

@media screen and (min-width:769px) {
    section.top .banner {
        padding: 15px 60px 15px 60px;
        margin-left: -60px
    }
}

section.top .banner .old {
    font-size: .6em;
    text-decoration: line-through
}

@media screen and (max-width:768px) {
    section.top .banner:before {
        content: '';
        position: absolute;
        z-index: 4;
        top: 50%;
        margin: -75px 0 0 0;
        left: 0;
        width: 0;
        height: 0;
        border-top: 75px solid transparent;
        border-left: 30px solid rgba(197, 200, 205, 0);
        border-bottom: 75px solid transparent
    }
}

section.top .banner:after {
    content: '';
    position: absolute;
    z-index: 4;
    top: 50%;
    margin: -75px 0 0 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 75px solid transparent;
    border-right: 30px solid rgba(197, 200, 205, 0);
    border-bottom: 75px solid transparent
}

section.top .banner.primary {
    background: linear-gradient(to right, rgb(255, 0, 19) 0%, rgb(255, 0, 78) 100%);
    color: #fff
}

.new {
    color: #fff
}

section.top .banner.secondary {
    font-size: 4vw;
    cursor: pointer;
    text-transform: uppercase;
    background-color: #29a71a;
    color: #fff;
}

@media screen and (min-width:769px) {
    section.top .banner.secondary {
        font-size: 1.1em
    }
}

@media screen and (min-width:1000px) {
    section.top .banner.secondary {
        font-size: 1.5em
    }
}

@media screen and (min-width:1192px) {
    section.top .banner.secondary {
        font-size: 2em
    }
}

section.intro {
    color: #404048;
    padding-bottom: 0;
    text-align: center;
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
}

section.intro .intro {
    margin-top: 0;
    font-size: 1.5rem
}

section.intro .intro strong {
    color: #0a0a0a
}

section.intro .text {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    color: #3a3a3a
}

@media screen and (max-width:768px) {
    section.watch {
        padding-top: 0;
        padding-bottom: 1rem
    }
}

section.watch .watch-colors img {
    display: none;
    opacity: 1
}

section.watch .watch-colors .wrapper.item-1 ul .item-1 img {
    display: block;
    -webkit-animation: fadeIn .3s;
    animation: fadeIn .3s
}

section.watch .watch-colors .wrapper.item-1 .circle-wrapper .watch-white {
    box-shadow: 0 0 0 5px #969696
}

section.watch .watch-colors .wrapper.item-1 ul .item-2 img {
    display: none;
    -webkit-animation: fadeOut .3s;
    animation: fadeOut .3s
}

section.watch .watch-colors .wrapper.item-1 .circle-wrapper .watch-brown {
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .3)
}

section.watch .watch-colors .wrapper.item-1 ul .item-3 img {
    display: none;
    -webkit-animation: fadeOut .3s;
    animation: fadeOut .3s
}

section.watch .watch-colors .wrapper.item-1 .circle-wrapper .watch-black {
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .3)
}

section.watch .watch-colors .wrapper.item-2 ul .item-1 img {
    display: none;
    -webkit-animation: fadeOut .3s;
    animation: fadeOut .3s
}

section.watch .watch-colors .wrapper.item-2 .circle-wrapper .watch-white {
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .3)
}

section.watch .watch-colors .wrapper.item-2 ul .item-2 img {
    display: block;
    -webkit-animation: fadeIn .3s;
    animation: fadeIn .3s
}

section.watch .watch-colors .wrapper.item-2 .circle-wrapper .watch-brown {
    box-shadow: 0 0 0 5px #969696
}

section.watch .watch-colors .wrapper.item-2 ul .item-3 img {
    display: none;
    -webkit-animation: fadeOut .3s;
    animation: fadeOut .3s
}

section.watch .watch-colors .wrapper.item-2 .circle-wrapper .watch-black {
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .3)
}

section.watch .watch-colors .wrapper.item-3 ul .item-1 img {
    display: none;
    -webkit-animation: fadeOut .3s;
    animation: fadeOut .3s
}

section.watch .watch-colors .wrapper.item-3 .circle-wrapper .watch-white {
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .3)
}

section.watch .watch-colors .wrapper.item-3 ul .item-2 img {
    display: none;
    -webkit-animation: fadeOut .3s;
    animation: fadeOut .3s
}

section.watch .watch-colors .wrapper.item-3 .circle-wrapper .watch-brown {
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .3)
}

section.watch .watch-colors .wrapper.item-3 ul .item-3 img {
    display: block;
    -webkit-animation: fadeIn .3s;
    animation: fadeIn .3s
}

section.watch .watch-colors .wrapper.item-3 .circle-wrapper .watch-black {
    box-shadow: 0 0 0 5px #969696
}

section.watch .watch-colors input {
    display: none
}

section.watch .watch-colors .circle-wrapper {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    width: 25%
}

@media screen and (min-width:1000px) {
    section.watch .watch-colors .circle-wrapper {
        width: 25%
    }
}

section.watch .watch-colors .wrapper .circles div {
    margin: 0
}

section.watch .watch-colors .wrapper .circles span {
    display: block;
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 15px;
    border-radius: 100%;
    text-indent: -999px;
    cursor: pointer
}

section.watch .watch-colors .wrapper .circles span.watch-white {
    background: #e2e1dc
}

section.watch .watch-colors .wrapper .circles span.watch-brown {
    background: #c48f72
}

section.watch .watch-colors .wrapper .circles span.watch-black {
    background: #1e201e
}

section.watch .properties {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center
}

section.watch .properties .property-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row
}

section.watch .properties .property-wrapper:not(:first-child) {
    margin-top: 2.5rem
}

@media screen and (max-width:768px) {
    .section.watch .properties .property-wrapper:not(: first-child) {
        margin-top: .8rem
    }
}

@media screen and (max-width:768px) {
    .section.watch .properties {
        margin-top: 2rem
    }
}

@media screen and (max-width:768px) {
    section.watch .properties .property-wrapper h3.is-3.inline-title,
    section.watch .properties .property-wrapper h3.title.is-3 {
        font-size: 1rem!important;
        margin-top: .5rem;
        color: #000
    }
}

@media screen and (max-width:768px) {
    .column {
        margin-top: .8rem
    }
}

section.watch .properties .property-wrapper strong {
    font-weight: 600
}

section.watch .properties .property-wrapper h3.is-3.inline-title,
section.watch .properties .property-wrapper h3.title.is-3 {
    font-weight: 700;
    font-size: 1.3rem;
    margin-bottom: .5rem
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    section.watch .properties .property-wrapper .icon {
        display: inline-block
    }
}

@supports (-ms-accelerator:true) {
    section.watch .properties .property-wrapper .icon {
        display: inline-block
    }
}

section.watch .properties .property-wrapper div.icon {
    min-width: 71px
}

section.watch .properties .property-wrapper .item span {
    height: 64px
}

section.watch .properties .property-wrapper .item span svg {
    height: 64px;
    margin-top: -8px
}

.reasons {
    text-align: center;
    background-image: url(../images/body_photo.jpg);
    background-size: cover;
    color: #fff;
}

.reasons strong {
    font-weight: 400
}

@media screen and (max-width:768px) {
    .reasons strong {
        font-weight: 600;
        margin-top: .4rem
    }
}

.reasons .columns {
    margin-top: 1rem;
    padding-bottom: 2rem
}

.reasons .column h3.is-3.inline-title,
.reasons .column h3.title.is-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
}

.instagram {
    text-align: center;
    background-color: #fff
}

.instagram strong {
    font-weight: 400
}

@media screen and (max-width:768px) {
    .instagram strong {
        font-weight: 600;
        margin-top: .4rem
    }
}

.instagram .columns {
    margin-top: 1rem;
    padding-bottom: 2rem
}

.instagram .column h3.is-3.inline-title,
.instagram .column h3.title.is-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    font-weight: 700
}

.buy .inline-gallery {
    position: relative;
    flex-wrap: wrap;
    justify-content: center
}

.buy #price-calculation .full-price {
    text-decoration: line-through
}

.buy .rating img {
    width: 100px
}

.buy .rating span {
    font-weight: 500
}

.buy .submit {
    width: 100%
}

.buy .payment-methods {
    display: flex;
    margin-top: 1rem;
    justify-content: space-between;
    align-items: center
}

.buy .payment-methods .payments {
    width: 50%
}

@media screen and (min-width:769px) {
    .buy .payment-methods .payments {
        width: 50%
    }
}

@media screen and (min-width:1192px) {
    .buy .payment-methods .payments {
        width: 60%
    }
}

.buy .payment-methods .sender {
    width: 50%;
    display: flex;
    font-weight: 800;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    flex-direction: row;
    align-items: center;
    border: 1px solid #efefef
}

@media screen and (min-width:769px) {
    .buy .payment-methods .sender {
        width: 50%
    }
}

@media screen and (min-width:1192px) {
    .buy .payment-methods .sender {
        width: 40%
    }
}

.buy .payment-methods .sender div {
    width: 25%
}

.buy .payment-methods .sender span {
    width: 75%;
    margin-left: 10px
}

@media screen and (max-width:768px) {
    .buy .payment-methods .sender span {
        font-size: 2.5vw
    }
}

@media screen and (min-width:769px) {
    .buy .payment-methods .sender span {
        font-size: .8rem
    }
}

@media screen and (min-width:1000px) {
    .buy .payment-methods .sender span {
        font-size: .7rem
    }
}

@media screen and (min-width:1384px) {
    .buy .payment-methods .sender span {
        font-size: .8rem
    }
}

.buy .slides-wrapper>div {
    max-width: 574px
}

@media screen and (max-width:999px) {
    .buy .slides-wrapper {
        display: flex;
        justify-content: center
    }
}

@media screen and (min-width:1384px) {
    .buy .slides-wrapper {
        display: flex;
        justify-content: flex-end
    }
}

.buy .stats {
    font-family: "Helvetica neue", Helvetica, Verdana, sans-serif;
    color: #eefcef;
    font-weight: 700;
    margin-bottom: 1rem
}

.buy .stats span {
    font-weight: 800
}

.buy .stats div img {
    margin-right: 10px
}

.buy .stats .grow {
    animation-name: fullScale;
    animation-duration: 1s
}

.buy .stats .show {
    font-weight: 400;
    font-size: 100%;
    opacity: 1;
    transition: transform .5s ease-in-out;
    display: inline-block
}

.buy .stats .hide {
    display: none
}

.buy .stats .hidden {
    display: none
}

.buy .stats .shown {
    display: block
}

.buy .stats div {
    height: 0;
    opacity: 0;
    transform: rotateX(-90deg);
    transition: all .5s cubic-bezier(.36, -.64, .34, 1.76);
    font-weight: 800!important;
    color: #06CA3D;
}

.buy .stats div.show {
    height: auto;
    opacity: 1;
    transform: none;
    transition: all .5s cubic-bezier(.36, -.64, .34, 1.76)
}

.buy .buy-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap
}

.buy .buy-wrapper .selects {
    display: flex;
    flex-direction: column;
    padding: 1rem 0
}

.buy .buy-wrapper .selects select {
    width: 100%
}

.buy .buy-wrapper .selects span:last-child {
    margin-top: 1rem
}

.buy .buy-wrapper .size-selection input {
    text-align: center
}

.buy .buy-wrapper .selects {
    width: 50%;
    order: 0
}

.buy .buy-wrapper .size-selection {
    width: 50%;
    order: 2
}

.buy .buy-wrapper .size-selection input {
    font-weight: 600
}

.buy .buy-wrapper .size-selection.is-danger p.control {
    border: 1px solid red;
    color: red
}

.buy .buy-wrapper .size-selection.is-danger p.control a,
.buy .buy-wrapper .size-selection.is-danger p.control input,
.buy .buy-wrapper .size-selection.is-danger p.control input::placeholder {
    color: red
}

.buy #price-calculation {
    width: 50%;
    order: 1
}

.buy #price-calculation {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    font-size: 3rem;
    font-weight: 600
}

@media screen and (max-width:499px) {
    .buy #price-calculation {
        font-size: 2rem
    }
}

@media screen and (min-width:769px) {
    .buy #price-calculation {
        font-size: 2rem
    }
}

@media screen and (min-width:1000px) {
    .buy #price-calculation {
        font-size: 3rem
    }
}

.buy #price-calculation .full-price {
    font-size: .8em;
    font-weight: 400
}

.buy #price-calculation .discounted-price {
    font-size: 1.1em;
    color: #000
}

@media screen and (max-width:499px) {
    .buy .select.is-large {
        font-size: 1rem
    }
}

@media screen and (min-width:769px) {
    .buy .select.is-large {
        font-size: 1rem
    }
}

@media screen and (min-width:1000px) {
    .buy .select.is-large {
        font-size: 1.5rem
    }
}

.buy .wrapper {
    display: flex;
    align-items: center;
    flex-direction: column
}

.buy .not-available-retail {
    font-weight: 800
}

@keyframes fullScale {
    0% {
        font-size: 100%;
        opacity: 1;
        font-weight: 400
    }
    50% {
        font-size: 110%;
        opacity: .25;
        font-weight: 800
    }
    100% {
        font-size: 100%;
        opacity: 1;
        font-weight: 400
    }
}

.main-buy {
    margin-top: .7rem
}

@-webkit-keyframes shake-top {
    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    20%,
    40%,
    60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
    30%,
    50%,
    70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

@keyframes shake-top {
    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    20%,
    40%,
    60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
    30%,
    50%,
    70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

@-webkit-keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(0)
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(0)
    }
}

.fade-out-arrows {
    -webkit-animation: fade-out 1s ease-out both, slide-in-top 2.3s cubic-bezier(.175, .885, .32, 1.275) infinite both;
    -moz-animation: fade-out 1s ease-out both, slide-in-top 2.3s cubic-bezier(.175, .885, .32, 1.275) infinite both;
    animation: fade-out 1s ease-out both, slide-in-top 2.3s cubic-bezier(.175, .885, .32, 1.275) infinite both
}

@-webkit-keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 1
    }
    40% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 1
    }
    40% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 1
    }
}

.shake-top {
    -webkit-animation: shake-top .8s cubic-bezier(.455, .03, .515, .955) both;
    -moz-animation: shake-top .8s cubic-bezier(.455, .03, .515, .955) both;
    animation: shake-top .8s cubic-bezier(.455, .03, .515, .955) both
}

.shake-top-only {
    -webkit-animation: shake-top .8s cubic-bezier(.455, .03, .515, .955) both!important;
    -moz-animation: shake-top .8s cubic-bezier(.455, .03, .515, .955) both!important;
    animation: shake-top .8s cubic-bezier(.455, .03, .515, .955) both!important;
    animation-play-state: running, paused!important
}

.shake-removed {
    animation-play-state: paused paused!important
}

.slide-in-top {
    -webkit-animation: slide-in-top 2.3s cubic-bezier(.175, .885, .32, 1.275) infinite both;
    -moz-animation: slide-in-top 2.3s cubic-bezier(.175, .885, .32, 1.275) infinite both;
    animation: slide-in-top 2.3s cubic-bezier(.175, .885, .32, 1.275) infinite both
}

.slide-in-top-once {
    -webkit-animation: slide-in-top .5s cubic-bezier(.175, .885, .32, 1.275) 1 both;
    -moz-animation: slide-in-top .5s cubic-bezier(.175, .885, .32, 1.275) 1 both;
    animation: slide-in-top .5s cubic-bezier(.175, .885, .32, 1.275) 1 both
}

.slide-in-bottom {
    -webkit-animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) both;
    -moz-animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) both;
    animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) both
}

@keyframes slide-far-out-bottom {
    0% {
        transform: translateY(1000px)
    }
    100% {
        transform: translateY(10000px)
    }
}

@keyframes do-hide {
    0% {
        display: none!important
    }
    100% {
        display: none!important
    }
}

.slide-out-bottom {
    -webkit-animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) reverse both, slide-far-out-bottom 2.5s none .5s;
    -moz-animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) reverse both, slide-far-out-bottom 2.5s none .5s;
    animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) reverse both, slide-far-out-bottom 2.5s none .5s
}

.slide-out-bottom-hide {
    -webkit-animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) reverse both, slide-far-out-bottom 2.5s none .5s, do-hide .1s 1 .1s;
    -moz-animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) reverse both, slide-far-out-bottom 2.5s none .5s, do-hide .1s 1 .1s;
    animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) reverse both, slide-far-out-bottom 2.5s none .5s, do-hide .1s 1 .1s
}

@keyframes do-slide-down {
    100% {
        transform: translateY(-1000px)
    }
}

@keyframes do-slide-up {
    0% {
        transform: translateY(-1000px)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes do-hide-it {
    0% {
        display: none
    }
    100% {
        display: none
    }
}

@keyframes do-show-it {
    0% {
        display: block
    }
    100% {
        display: block
    }
}

.do-slide-down {
    animation: do-slide-down .5s ease-in, do-hide-it .1s ease-in 1
}

.do-slide-up {
    animation: do-show-it .1s ease-in, do-slide-up .5s ease-in 1
}

.arrows-scroll {
    bottom: 5rem;
    position: fixed;
    background: url(../images/ico-checks.png) left -48px no-repeat;
    width: 37px;
    height: 35px;
    display: none;
    z-index: 1000
}

.arrows-scroll.active {
    display: block
}

.arrows-scroll.none {
    display: none;
    transform: opacity(0)
}

.buyer-notification {
    z-index: 0;
    position: fixed;
    bottom: 0;
    display: none;
    left: 0
}

@media screen and (max-width:768px) {
    .buyer-notification {
        font-size: .8rem
    }
    .buyer-notification .message {
        font-size: .8rem
    }
}

@media screen and (min-width:769px) {
    .buyer-notification {
        right: 2rem
    }
}

.buyer-notification .wrapper {
    float: right;
    display: inline-block;
    background-color: #fff;
    flex-direction: column;
    border: 1px solid #000;
    padding: 1rem 3rem;
    border-radius: 5px
}

@media screen and (max-width:768px) {
    .buyer-notification .wrapper {
        width: 100vw;
        padding: .25rem .5rem
    }
}

@media screen and (min-width:769px) {
    .buyer-notification .wrapper {
        margin-bottom: 2rem
    }
}

.buyer-notification .wrapper .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.buyer-notification .wrapper .row .name,
.buyer-notification .wrapper .row .place {
    display: inline-block
}

.buyer-notification .close {
    cursor: pointer;
    position: absolute;
    right: 1.5rem;
    top: .5rem
}

.buyer-notification .product span {
    font-weight: 600
}

.buyer-notification .name {
    font-weight: 600
}

.buyer-notification .rows {
    display: flex;
    flex-direction: column
}

.buyer-notification.active {
    display: block
}

.buyer-notification .split {
    display: flex;
    flex-direction: row
}

.buyer-notification .data {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.buyer-notification div.img-wrapper {
    height: 64px;
    width: 64px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    background-color: #fff;
    margin-right: 1rem
}

@media screen and (max-width:768px) {
    .buyer-notification div.img-wrapper {
        width: 48px;
        height: 48px
    }
}

.buyer-notification div.img-wrapper div.img {
    background: url(../images/ura-siva.jpg);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 80%;
    background-position-x: 50%;
    overflow: hidden
}

svg path.st0 {
    fill: #e6ecf1
}

svg path.st1 {
    fill: #1c62b0
}

svg path.st2 {
    fill: #151414
}

svg path.st3 {
    fill: #fff
}

svg path.st4 {
    fill: #826036
}

svg path.st5 {
    fill: #3ca733
}

svg path.st6 {
    fill: #b3ce13
}

svg path.st7 {
    fill: #2d9bdd
}

svg path.st8 {
    fill: #adafb2
}

svg path.st9 {
    fill: #28b2ce
}

svg path.st10 {
    fill: #591e7f
}

svg path.st11 {
    fill: #808285
}

svg path.st12 {
    fill: #c7c8c9
}

svg path.st13 {
    fill: #155eae
}

svg path.st14 {
    fill: #de001d
}

svg path.st15 {
    fill: #ee7e0e
}

svg path.st16 {
    fill: #da007a
}

svg path.st17 {
    fill: #7fbb28
}

svg path.st18 {
    fill: #e64e17
}

svg path.st19 {
    fill: none;
    stroke: #151414;
    stroke-miterlimit: 10
}

svg path.st20 {
    fill: #dcd9d2
}

svg path.st21 {
    fill: #b4795b
}

svg path.st22 {
    fill: #171717
}

svg path.st23 {
    fill: none;
    stroke: #151414
}

svg path.st24 {
    fill: #e6ecf1;
    stroke: #151414;
    stroke-miterlimit: 10
}

svg path.st25 {
    fill: #2c9adc;
    stroke: #151414;
    stroke-miterlimit: 10
}

svg path.st26 {
    fill: #e9c14b
}

svg path.st27 {
    fill: #c9cfd2
}

svg path.st28 {
    fill: #e0001b
}

svg path.st29 {
    stroke: #000;
    stroke-miterlimit: 10
}

svg path.st30 {
    clip-path: url(#SVGID_20_)
}

svg path.st31 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #e9c14b
}

svg path.st32 {
    fill: #e9c14b;
    stroke: #e9c14b
}

svg path.st33 {
    fill: #666
}

svg path.st34 {
    fill: #fff;
    stroke: #fff;
    stroke-width: 2
}

svg path.st35 {
    clip-path: url(#SVGID_24_)
}

svg path.st36 {
    fill: #97999c
}

svg path.st37 {
    clip-path: url(#SVGID_28_)
}

svg path.st38 {
    clip-path: url(#SVGID_32_)
}

svg path.st39 {
    fill: #151414;
    stroke: #151414
}

svg path.st40 {
    fill: none;
    stroke: #fff;
    stroke-width: 2
}

svg path.st41 {
    fill: #f5e976;
    stroke: #151414;
    stroke-miterlimit: 10
}

svg path.st42 {
    fill: #aeb0b3
}

svg path.st43 {
    fill: #151414;
    stroke: #151414;
    stroke-miterlimit: 10
}

svg path.st44 {
    clip-path: url(#SVGID_36_)
}

svg path.st45 {
    fill: #fff;
    stroke: #fff
}

.countdown {
    display: flex;
    color: #000;
    font-size: 3rem;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-top: 2rem
}

@media screen and (max-width:768px) {
    .countdown {
        font-size: 2rem;
        margin-left: auto;
        margin-right: auto;
        justify-content: center
    }
}

@media screen and (min-width:769px) {
    .countdown {
        margin-top: 0;
        align-content: flex-end;
        align-items: flex-end
    }
}

.countdown .wrapper-units {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    text-align: center
}

@media screen and (min-width:769px) {
    .countdown .wrapper-units {
        font-size: 1.5rem
    }
}

@media screen and (min-width:1000px) {
    .countdown .wrapper-units {
        font-size: 2rem
    }
}

@media screen and (min-width:1192px) {
    .countdown .wrapper-units {
        font-size: 2.5rem
    }
}

@media screen and (min-width:1384px) {
    .countdown .wrapper-units {
        font-size: 3rem
    }
}

.countdown .wrapper-units>div {
    width: 25%
}

.countdown .wrapper-countdown {
    margin-left: 0;
    margin-right: 0;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:768px) {
    .countdown .wrapper-countdown {
        font-size: 4vw
    }
    .countdown .wrapper-countdown>div:nth-child(2) {
        padding-left: 1vw;
        padding-right: 1vw
    }
    .countdown .wrapper-countdown>div:nth-child(3) {
        padding-left: 1vw;
        padding-right: 1vw
    }
}

@media screen and (min-width:769px) {
    .countdown .wrapper-countdown {
        padding: 0
    }
}

.countdown .wrapper-countdown .flip-clock-label {
    display: none
}

.countdown .wrapper-hurry {
    width: 100%;
    font-size: 2rem
}

@media screen and (min-width:769px) {
    .countdown .wrapper-hurry {
        font-size: 1.5rem
    }
}

@media screen and (min-width:1000px) {
    .countdown .wrapper-hurry {
        font-size: 2rem
    }
}

@media screen and (min-width:1192px) {
    .countdown .wrapper-hurry {
        font-size: 2.5rem
    }
}

@media screen and (min-width:1384px) {
    .countdown .wrapper-hurry {
        font-size: 3rem
    }
}

.countdown .wrapper-bar {
    height: 30px;
    width: 100%
}

.countdown .wrapper-bar .background {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    height: 20px;
    background-color: #1c3440;
    overflow: hidden
}

.countdown .wrapper-bar .bar {
    height: 20px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-left: -1px;
    background-color: #2bc7f5
}

@media screen and (max-width:768px) {
    .countdown .flip-clock-wrapper ul li a div div.inn {
        font-size: 50px
    }
}

.section.guaranties .guaranties {
    display: flex;
    flex-direction: row;
    font-size: .8em;
    text-align: center;
    margin-top: 1rem;
    justify-content: space-between
}

@media screen and (max-width:768px) {
    .section.guaranties .guaranties {
        font-size: 3vw;
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }
}

@media screen and (min-width:769px) {
    .section.guaranties .guaranties {
        font-size: 1.2rem
    }
}

.section.guaranties .guaranties img {
    margin-bottom: .3rem;
    width: 45px
}

@media screen and (min-width:769px) {
    .section.guaranties .guaranties img {
        width: 90px
    }
}

.section.guaranties .guaranties>div {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (max-width:768px) {
    .section.guaranties .guaranties>div {
        width: 25%
    }
}

.section.guaranties .guaranties div {
    font-weight: 800
}

.fullcomment {
    text-align: left;
    background-color: #fff;
    margin-bottom: 1rem
}

.namecomment p {
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 1rem;
    padding-left: 1rem
}

.namecomment img {
    padding-top: 1rem;
    padding-left: 1rem;
    width: 23%
}

.contentcomment p {
    font-weight: 600;
    text-align: left;
    padding: 1rem;
    padding-top: 0
}

.contentcomment img {
    padding: 1rem;
    padding-top: 0
}

.section.comments {
    background-color: #fafafa;
    margin-top: 1rem
}

@media screen and (max-width:768px) {
    .section.comments {
        padding-top: 0
    }
}

@media screen and (max-width:768px) {
    .section.comments .column:first-child {
        padding-bottom: 0
    }
    .section.comments .column:last-child {
        padding-top: 0
    }
}

.section.comments h2 {
    text-align: center;
    margin-bottom: 3rem
}

@media screen and (max-width:768px) {
    .section.comments h2 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

.specifications .container>.columns {
    flex-wrap: wrap
}

.specifications .specs {
    text-align: center
}

.specifications .spec .column {
    padding: .5rem;
    padding-bottom: .5rem
}

.specifications .spec .column span {
    display: block
}

.specifications .spec .column:first-child {
    text-align: right;
    padding-right: 0
}

@media screen and (max-width:768px) {
    .specifications .spec .column:first-child {
        text-align: left
    }
}

@media screen and (max-width:768px) {
    .specifications .spec .intro:not(first-child) {
        margin-top: 1.5rem
    }
}

@media screen and (max-width:768px) {
    .specifications .collapsible>.column:first-child {
        padding-bottom: 0
    }
    .specifications .collapsible>.column:first-child>div:last-child .column:last-child {
        padding-bottom: 0
    }
    .specifications .collapsible>.column:last-child {
        padding-top: 0
    }
    .specifications .collapsible>.column:last-child>div:first-child .column:first-child {
        padding-top: 0
    }
}

.section.specifications {
    background: #262729;
    color: #fff;
}

.section.specifications strong {
    color: #fff;
}

.section.specifications h2 {
    color: #fff;
}

.specifications .collapsible-wrapper {
    position: absolute;
    right: 0;
    top: 1em
}

@media screen and (max-width:768px) {
    .specifications .spec .column:first-child {
        text-align: left
    }
    .specifications .spec .intro:not(first-child) {
        margin-top: 1.5rem
    }
    .specifications .collapsible>.column:first-child,
    .specifications .collapsible>.column:first-child>div:last-child .column:last-child {
        padding-bottom: 0
    }
    .specifications .collapsible>.column:last-child,
    .specifications .collapsible>.column:last-child>div:first-child .column:first-child {
        padding-top: 0
    }
    .specifications .collapsible-wrapper {
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

@keyframes click-wave {
    0% {
        height: 40px;
        width: 40px;
        opacity: .35;
        position: relative
    }
    100% {
        height: 200px;
        width: 200px;
        margin-left: -80px;
        margin-top: -80px;
        opacity: 0
    }
}

.bestsellerTitle {
    color: #d21c2f;
    font-size: 1rem
}

.option-input {
    margin-bottom: 8px;
    cursor: pointer;
    margin-left: 0!important;
    width: 100%;
    padding: 10px 20px
}

.bestsellerRadio {
    border-radius: 3px;
    background-color: #fef034
}

.option-input input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 5px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30px;
    width: 30px;
    transition: all .15s ease-out 0s;
    background: #cbd1d8;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: .5rem;
    outline: 0;
    position: relative
}

.option-input input[type=radio]:hover {
    background: #9faab7
}

.option-input input[type=radio]:checked {
    background: #17b8e6
}

.option-input input[type=radio]:checked::before {
    height: 30px;
    width: 30px;
    position: absolute;
    content: '✔';
    display: inline-block;
    font-size: 20.66667px;
    text-align: center;
    line-height: 32px
}

.option-input input[type=radio]:checked::after {
    -webkit-animation: click-wave .65s;
    -moz-animation: click-wave .65s;
    animation: click-wave .65s;
    background: #40e0d0;
    content: '';
    display: block;
    position: relative;
    z-index: 100
}

.option-input.radio input[type=radio] {
    border-radius: 50%
}

.option-input.radio input[type=radio]::after {
    border-radius: 50%
}

.option-input input[type=radio]~label {
    float: left;
    width: 80%
}

.option-input input[type=radio]:checked~label {
    font-weight: 700;
    font-size: 1.3rem
}

@media screen and (max-width:768px) {
    .bestsellerRadio {
        margin-left: 0!important
    }
    .option-input input[type=radio]~label {
        font-size: .6rem
    }
    .option-input input[type=radio]:checked~label {
        font-weight: 700;
        font-size: .8rem
    }
    .bestsellerTitle {
        font-size: .6rem
    }
}

.buy-section {
    background-color: #17b8e6
}

.buy-form {
    background-color: #fff;
    border-radius: 5px
}

.inputBig {
    width: 100%;
    height: 40px;
    font-size: 18px;
    padding-left: 10px;
    border-radius: 5px;
    border: 1px solid #dfdfdf
}

.minImg {
    width: 100px;
    margin-top: -10px;
    padding-right: 20px
}

.darkGrayBG {
    background-color: #424242;
    border-radius: 5px 5px 0 0;
    padding: 5px 20px
}

.centerText {
    text-align: center
}

.font22 {
    font-size: 22px
}

.font32 {
    font-size: 32px
}

.btnBigOrange {
    background-color: #dd1e31;
    border: 1px solid #dd1e31;
    color: #fff;
    font-size: 28px;
    width: 100%;
    padding: 10px 20px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.whiteFont {
    color: #fff
}

.btnBigOrange:hover {
    opacity: .8
}

.warningText {
    padding-top: 5px;
    color: #dd1e31;
    display: block
}

.warning {
    border: 1px solid #dd1e31!important
}

.product_shot_color {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap
}

.product_shot_color label {
    font-size: 1rem
}

.product_shot_color .minImg {
    margin-top: 0;
    max-height: 80px
}

@media screen and (max-width:768px) {
    .product_shot_color .minImg {
        padding-right: 0
    }
}

@media screen and (max-width:768px) {
    .product_shot_color .select.is-large {
        font-size: 1.25rem
    }
}

.box {
    width: 100%;
    padding: 10px 20px;
    border: 1px solid #dfdfdf;
    border-radius: 5px
}

.box-payment-hidden {
    position: relative
}

.box-payment-hidden .loader {
    position: absolute
}

.box-payment-hidden .shipping {
    visibility: hidden
}

.product-thumbnail {
    width: 4.6em;
    height: 4.6em;
    border-radius: 8px;
    background: #fff;
    position: relative;
    border: 1px solid #dfdfdf
}

.product-thumbnail__wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    z-index: 1
}

.product-thumbnail__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

.product-thumbnail__quantity {
    font-size: .85714em;
    font-weight: 500;
    white-space: nowrap;
    padding: .15em .65em;
    border-radius: 2em;
    background-color: rgba(153, 153, 153, .9);
    color: #fff;
    position: absolute;
    right: -.75em;
    top: -.75em;
    z-index: 3
}

.product-thumbnail__remove {
    font-size: .8em;
    font-weight: 400;
    white-space: nowrap;
    padding: .15em .65em;
    border-radius: 2em;
    background-color: rgba(153, 153, 153, .6);
    color: #fff;
    position: absolute;
    left: -.75em;
    bottom: -.75em;
    z-index: 3
}

td:first-child,
th:first-child {
    padding-left: 0;
    text-align: left
}

td,
th {
    padding-left: 1em
}

table {
    width: 100%
}

.product td {
    padding-top: 1em
}

.product__description {
    width: 70%;
    padding-left: 20px
}

.product__price {
    text-align: right;
    width: 80%
}

.font20 {
    font-size: 20px
}

.grayBG {
    background: #fafafa;
    border-left: 1px solid #dfdfdf
}

.hosted-field {
    height: 50px;
    box-sizing: border-box;
    width: 100%;
    padding: 12px;
    display: inline-block;
    box-shadow: none;
    font-weight: 600;
    font-size: 14px;
    border-radius: 6px;
    border: 1px solid #ddd;
    line-height: 20px;
    background: #fcfcfc;
    margin-bottom: 12px;
    background: linear-gradient(to right, #fff 50%, #fcfcfc 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .3s ease-in-out
}

.hosted-fields--label {
    font-family: courier, monospace;
    text-transform: uppercase;
    font-size: 14px;
    display: block;
    margin-bottom: 6px
}

.button-container {
    display: block;
    text-align: center
}

.button {
    cursor: pointer;
    font-weight: 500;
    line-height: inherit;
    position: relative;
    text-decoration: none;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block
}

.button--small {
    padding: 10px 20px;
    font-size: .875rem
}

.button--green {
    outline: 0;
    background-color: #64d18a;
    border-color: #64d18a;
    color: #fff;
    transition: all .2s ease
}

.button--green:hover {
    background-color: #8bdda8;
    color: #fff
}

.braintree-hosted-fields-focused {
    border: 1px solid #64d18a;
    border-radius: 1px;
    background-position: left bottom
}

.braintree-hosted-fields-invalid {
    border: 1px solid #dd1e31
}

.paymentBoxDescription {
    background: #fafafa;
    padding: 10px 20px;
    width: 100%;
    display: none
}

.cart-line {
    width: 100%;
    height: 1px;
    background: #dfdfdf
}

.polovicka {
    width: 45%
}

#orderForm .columns {
    margin-bottom: .3rem
}

@media screen and (max-width:768px) {
    .polovicka {
        width: 100%
    }
}

.loader-secure-3d {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem
}

#loader-wrapper {
    background-color: #222;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none
}

#loader-wrapper p {
    display: block;
    position: relative;
    z-index: 1001
}

.loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 1001
}

#submit-button.buyButton:disabled {
    cursor: not-allowed;
    background: #a3bbc5;
    border-color: #fafafa
}

.loader-message {
    position: absolute;
    bottom: 1rem;
    width: 100%;
    text-align: center
}

.loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite
}

.loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #222;
    z-index: 1000;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

#loader-wrapper .loader-section.section-left {
    left: 0
}

#loader-wrapper .loader-section.section-right {
    right: 0
}

.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s .3s cubic-bezier(.645, .045, .355, 1)
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s .3s cubic-bezier(.645, .045, .355, 1)
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .3s 1s ease-out;
    transition: all .3s 1s ease-out
}

.no-js #loader-wrapper {
    display: none
}

.no-js h1 {
    color: #222
}

.blueBtn {
    height: 40px;
    color: #fff;
    background: #138fc9;
    border: 1px solid #138fc9;
    border-radius: 5px;
    padding: 10px 20px
}

.paddingTop10 {
    padding-top: 10px
}

.paddingTop20 {
    padding-top: 20px
}

.terms-of-conditions:first-letter {
    text-transform: initial
}

.order-meter-wrapper .meter {
    margin-left: 5vw;
    margin-right: 5vw;
    height: 40px;
    position: relative;
    background: #555;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 10px;
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .3);
    z-index: 10000
}

.order-meter-wrapper .meter>span {
    display: block;
    height: 100%;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: #2bc253;
    background-image: linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
    box-shadow: inset 0 2px 9px rgba(255, 255, 255, .3), inset 0 -2px 6px rgba(0, 0, 0, .4);
    position: relative;
    overflow: hidden
}

.order-meter-wrapper .meter>span:last-child {
    display: none
}

.order-meter-wrapper .meter.animate>span>span,
.order-meter-wrapper .meter>span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    z-index: 10001;
    background-size: 50px 50px;
    animation: animate_move_order 2s linear infinite;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden
}

@keyframes animate_move_order {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 50px 50px
    }
}

.order-meter-wrapper .meter .animate>span>span,
.order-meter-wrapper .meter .meter>span:after {
    animation: animate_move_order 2s linear infinite
}

.formRow {
    position: relative;
    width: 100%;
    border: 0
}

.formRow--item {
    display: block;
    width: 100%
}

.formRow--input {
    position: relative;
    padding: 15px 20px 11px;
    width: 100%;
    outline: 0;
    border: solid 1px #dfdfdf;
    border-radius: 4px;
    color: #2c3235;
    letter-spacing: .2px;
    font-weight: 400;
    font-size: 16px;
    resize: none;
    transition: all .2s ease
}

.formRow--input-wrapper {
    position: relative;
    display: block;
    width: 100%
}

.formRow--input-wrapper.active .placeholder {
    top: -5px;
    background-color: #fff;
    color: #888181;
    text-transform: uppercase;
    letter-spacing: .8px;
    font-size: 11px;
    line-height: 14px;
    transform: translateY(0)
}

.formRow--input-wrapper.active .formRow--input:not(:focus):not(:hover)~.placeholder {
    color: #a19b9b
}

.formRow--input-wrapper .formRow--input.warning:focus,
.formRow--input-wrapper .formRow--input.warning:hover {
    border-color: #fd999a
}

.formRow .placeholder {
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    padding: 0 10px;
    color: #95989a;
    white-space: nowrap;
    letter-spacing: .2px;
    font-weight: 400;
    font-size: 16px;
    transition: all, .2s;
    transform: translateY(-50%);
    pointer-events: none;
    user-select: none
}

button.is-third {
    background-color: #262729;
    border-color: transparent;
    color: #fff
}

.button.is-third.is-hovered,
.button.is-third:hover {
    background-color: #eee;
    border-color: transparent;
    color: #2d2d2d
}

.button.is-third.is-focused,
.button.is-third:focus {
    border-color: transparent;
    box-shadow: 0 0 .5em rgba(13, 117, 188, .25);
    color: #fff
}

.button.is-third.is-active,
.button.is-third:active {
    background-color: #0b66a4;
    border-color: transparent;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2);
    color: #fff
}

.button.is-third.is-inverted {
    background-color: #fff;
    color: #0d75bc
}

.button.is-third.is-inverted:hover {
    background-color: #f2f2f2
}

.button.is-third.is-loading:after {
    border-color: transparent transparent #fff #fff!important
}

.button.is-third.is-outlined {
    background-color: transparent;
    border-color: #0d75bc;
    color: #0d75bc
}

.button.is-third.is-outlined:focus,
.button.is-third.is-outlined:hover {
    background-color: #0d75bc;
    border-color: #0d75bc;
    color: #fff
}

.button.is-third.is-outlined.is-loading:after {
    border-color: transparent transparent #0d75bc #0d75bc!important
}

.button.is-third.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.button.is-third.is-inverted.is-outlined:focus,
.button.is-third.is-inverted.is-outlined:hover {
    background-color: #fff;
    color: #0d75bc
}

.button.is-third {
    padding-right: 1.5em;
    padding-top: 0;
    padding-bottom: 0;
    background: linear-gradient(to right, rgba(255,0,81,1) 0%, rgba(255,0,17,1) 100%);
    font-weight: 600;
    height: 2.5rem;
    font-size: 1.2rem;
    text-transform: uppercase
}

@media screen and (max-width:768px) {
    .button.is-third {
        font-size: .8rem;
        text-transform: uppercase
    }
    .button.is-third span>span {
        display: block
    }
}

@media screen and (min-width:1000px) {
    .button.is-third {
        height: 3rem;
        font-size: 1.2rem;
        text-transform: uppercase
    }
}

.button.is-third.is-hovered,
.button.is-third:hover {
    background-color: #eee;
    color: #2d2d2d
}

@media screen and (max-width:768px) {
    .button.is-third span.no-squeeze:after {
        font-size: .8rem!important;
        right: 1em!important;
        top: 50%
    }
}

.button.is-third span:after {
    font-size: .8rem;
    right: 1.1em;
    top: 50%;
    display: block;
    position: absolute;
    transform: translateY(-50%);
    content: ">";
    font-weight: 800
}

@media screen and (max-width:768px) {
    .button.is-third span:after {
        right: .8em;
        top: 67%
    }
}

@media screen and (min-width:1000px) {
    .button.is-third span:after {
        font-size: 1rem
    }
}

.buttons {
    font-weight: 600;
    font-size: 1.4rem;
    color: #fff;
    text-transform: uppercase;
    margin-top: 1rem;
    margin-bottom: 1rem;
    position: relative;
    z-index: 5
}

.custom-sticky-add-to-cart {
    display: none
}

@media only screen and (max-width:520px) {
    #chat-widget-container,
    #livechat-compact-container {
        display: none
    }
}

.mobileonly {
    display: none
}

@media only screen and (max-device-width:520px) {
    .mobileonly {
        display: inline
    }
}

@media only screen and (max-device-width:520px) {
    .section.buy {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
}

@media only screen and (max-width:520px) {
    .section.guaranties {
        padding-bottom: 0!important;
        padding-top: 0!important
    }
}

@media only screen and (max-width:520px) {
    .section.intro {
        padding-bottom: 0!important;
        padding-top: 0
    }
}

@media only screen and (max-width:520px) {
    .intro {
        line-height: 1
    }
}

@media only screen and (max-width:520px) {
    .text {
        line-height: 1.3
    }
}

.inline-title-instagram {
    font-size: 2rem;
    padding-top: 1rem
}

.section.icons .icons {
    display: flex;
    flex-direction: row;
    font-size: .8em;
    text-align: center;
    margin-top: 1rem;
    justify-content: space-between
}

@media screen and (max-width:768px) {
    .section.icons .icons {
        font-size: 3vw;
        padding-bottom: 0!important;
        padding-top: 0!important;
        padding-right: 0;
        padding-left: 0;
        font-size: 4vw
    }
}

@media screen and (min-width:769px) {
    .section.icons .icons {
        font-size: 1.2rem
    }
}

.section.icons .icons img {
    margin-bottom: .3rem;
    width: 45px
}

@media screen and (min-width:769px) {
    .section.icons .icons img {
        width: 90px
    }
}

.section.icons .icons>div {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (max-width:768px) {
    .section.icons .icons>div {
        width: 40%
    }
}

.section.icons .icons div {
    font-weight: 600;
    padding-bottom: .5rem
}

@media screen and (max-width:768px) {
    .section.icons {
        padding-top: 0!important;
        padding-bottom: 1rem
    }
}

@media screen and (max-width:768px) {
    .txt {
        font-size: 4vw;
        margin-left: .3rem
    }
}

@media screen and (max-width:768px) {
    .section.specifications {
        padding-bottom: 1rem!important
    }
}

.reasons .inline-title {
    color: #fff;
}


/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

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

.lightSlider {
    overflow: hidden;
    margin: 0
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.lSSlideWrapper>.lightSlider:after {
    clear: both
}

.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform, height;
    transition-property: transform, height;
    -webkit-transition-duration: inherit!important;
    transition-duration: inherit!important;
    -webkit-transition-timing-function: inherit!important;
    transition-timing-function: inherit!important
}

.lSSlideWrapper .lSFade {
    position: relative
}

.lSSlideWrapper .lSFade>* {
    position: absolute!important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%
}

.lSSlideWrapper.usingCss .lSFade>* {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit!important;
    transition-duration: inherit!important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit!important;
    transition-timing-function: inherit!important
}

.lSSlideWrapper .lSFade>.active {
    z-index: 10
}

.lSSlideWrapper.usingCss .lSFade>.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
    padding-bottom: 2rem
}

.lSSlideOuter .lSPager.lSpg>li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px
}

.lSSlideOuter .lSPager.lSpg>li a {
    background-color: #222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all .5s linear 0s;
    transition: all .5s linear 0s
}

.lSSlideOuter .lSPager.lSpg>li.active a,
.lSSlideOuter .lSPager.lSpg>li:hover a {
    background-color: #428bca
}

.lSSlideOuter .media {
    opacity: .8
}

.lSSlideOuter .media.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius .12s linear 0s .35s linear 0s;
    transition: border-radius .12s linear 0s .35s linear 0s
}

.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%
}

.lSSlideOuter .lSPager.lSGallery:after,
.lSSlideOuter .lSPager.lSGallery:before {
    content: " ";
    display: table
}

.lSSlideOuter .lSPager.lSGallery:after {
    clear: both
}

.lSAction>a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url(../img/controls.png);
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: .5;
    -webkit-transition: opacity .35s linear 0s;
    transition: opacity .35s linear 0s
}

.lSAction>a:hover {
    opacity: 1
}

.lSAction>.lSPrev {
    background-position: 0 0;
    left: 10px
}

.lSAction>.lSNext {
    background-position: -32px 0;
    right: 10px
}

.lSAction>a.disabled {
    pointer-events: none
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    overflow: hidden
}

.lSSlideOuter.vertical {
    position: relative
}

.lSSlideOuter.vertical.noPager {
    padding-right: 0!important
}

.lSSlideOuter.vertical .lSGallery {
    position: absolute!important;
    right: 0;
    top: 0
}

.lSSlideOuter.vertical .lightSlider>* {
    width: 100%!important;
    max-width: none!important
}

.lSSlideOuter.vertical .lSAction>a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0
}

.lSSlideOuter.vertical .lSAction>.lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto
}

.lSSlideOuter.vertical .lSAction>.lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px
}

.lSSlideOuter.lSrtl {
    direction: rtl
}

.lSSlideOuter .lSPager,
.lSSlideOuter .lightSlider {
    padding-left: 0;
    list-style: none outside none
}

.lSSlideOuter.lSrtl .lSPager,
.lSSlideOuter.lSrtl .lightSlider {
    padding-right: 0
}

.lSSlideOuter .lSGallery li,
.lSSlideOuter .lightSlider>* {
    float: left
}

.lSSlideOuter.lSrtl .lSGallery li,
.lSSlideOuter.lSrtl .lightSlider>* {
    float: right!important
}

@-webkit-keyframes rightEnd {
    0% {
        left: 0
    }
    50% {
        left: -15px
    }
    100% {
        left: 0
    }
}

@keyframes rightEnd {
    0% {
        left: 0
    }
    50% {
        left: -15px
    }
    100% {
        left: 0
    }
}

@-webkit-keyframes topEnd {
    0% {
        top: 0
    }
    50% {
        top: -15px
    }
    100% {
        top: 0
    }
}

@keyframes topEnd {
    0% {
        top: 0
    }
    50% {
        top: -15px
    }
    100% {
        top: 0
    }
}

@-webkit-keyframes leftEnd {
    0% {
        left: 0
    }
    50% {
        left: 15px
    }
    100% {
        left: 0
    }
}

@keyframes leftEnd {
    0% {
        left: 0
    }
    50% {
        left: 15px
    }
    100% {
        left: 0
    }
}

@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0
    }
    50% {
        bottom: -15px
    }
    100% {
        bottom: 0
    }
}

@keyframes bottomEnd {
    0% {
        bottom: 0
    }
    50% {
        bottom: -15px
    }
    100% {
        bottom: 0
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd .3s;
    animation: topEnd .3s;
    position: relative
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd .3s;
    animation: bottomEnd .3s;
    position: relative
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}

.lightSlider.lsGrab>* {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lightSlider.lsGrabbing>* {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}
.flare-button{
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.flare-button:before {
    content: "";
    background-color: rgba(255, 255, 255, 0.5);
    height: 100%;
    width: 3em;
    display: block;
    position: absolute;
    top: 0;
    left: 1.5em;
    -webkit-transform: skewX(-45deg) translateX(0);
    transform: skewX(-45deg) translateX(0);
    -webkit-transition: none;
    transition: none;
    webkit-animation: moving 3s ease-in-out infinite;
    -moz-animation: moving 3s ease-in-out infinite;
    -ms-animation: moving 3s ease-in-out infinite;
    -o-animation: moving 3s ease-in-out infinite;
    animation: moving 3s ease-in-out infinite;
}


@keyframes moving {
    30% {
        webkit-transform: skewX(-45deg) translateX(33.5em);
        transform: skewX(-45deg) translateX(33.5em);
        
    }
    
    100% {
        webkit-transform: skewX(-45deg) translateX(33.5em);
        transform: skewX(-45deg) translateX(33.5em);
        
    }
}