1
0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-24 14:31:44 +01:00
Files
dozzle/docs/style.dc129b46.css
Amir Raminfar ec50054d52 Updates website
2019-05-17 18:48:40 -07:00

5249 lines
114 KiB
CSS

@-webkit-keyframes spinAround {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spinAround {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.button,
.is-unselectable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.subtitle:not(:last-child),
.title:not(:last-child) {
margin-bottom: 1.5rem;
}
.button.is-loading:after {
-webkit-animation: spinAround 0.5s linear infinite;
animation: spinAround 0.5s linear infinite;
border-radius: 290486px;
border-color: transparent transparent #dbdbdb #dbdbdb;
border-style: solid;
border-width: 2px;
content: "";
display: block;
height: 1em;
position: relative;
width: 1em;
}
.hero-video,
.is-overlay {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.button {
-moz-appearance: none;
-webkit-appearance: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 1rem;
height: 2.25em;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
line-height: 1.5;
padding: calc(0.375em - 1px) calc(0.625em - 1px);
position: relative;
vertical-align: top;
}
.button:active,
.button:focus,
.is-active.button,
.is-focused.button {
outline: none;
}
[disabled].button,
fieldset[disabled] .button {
cursor: not-allowed;
}
/*! minireset.css v0.0.4 | 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: 100%;
font-weight: 400;
}
ul {
list-style: none;
}
button,
input,
select,
textarea {
margin: 0;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
:after,
:before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
embed,
iframe,
img,
object,
video {
height: auto;
max-width: 100%;
}
audio {
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;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
article,
aside,
figure,
footer,
header,
hgroup,
section {
display: block;
}
body,
button,
input,
select,
textarea {
font-family: BlinkMacSystemFont, -apple-system, 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.5;
}
a {
color: #3273dc;
cursor: pointer;
text-decoration: none;
}
a strong {
color: currentColor;
}
a:hover {
color: #363636;
}
code {
color: #ff3860;
font-size: 0.875em;
font-weight: 400;
padding: 0.25em 0.5em;
}
code,
hr {
background-color: #f5f5f5;
}
hr {
border: none;
display: block;
height: 2px;
margin: 1.5rem 0;
}
img {
height: auto;
max-width: 100%;
}
input[type="checkbox"],
input[type="radio"] {
vertical-align: baseline;
}
small {
font-size: 0.875em;
}
span {
font-style: inherit;
font-weight: inherit;
}
strong {
color: #363636;
font-weight: 700;
}
fieldset {
border: none;
}
pre {
-webkit-overflow-scrolling: touch;
background-color: #f5f5f5;
color: #4a4a4a;
font-size: 0.875em;
overflow-x: auto;
padding: 1.25rem 1.5rem;
white-space: pre;
word-wrap: normal;
}
pre code {
background-color: transparent;
color: currentColor;
font-size: 1em;
padding: 0;
}
table td,
table th {
text-align: left;
vertical-align: top;
}
table th {
color: #363636;
}
.is-clearfix:after {
clear: both;
content: " ";
display: table;
}
.is-pulled-left {
float: left !important;
}
.is-pulled-right {
float: right !important;
}
.is-clipped {
overflow: hidden !important;
}
.is-size-1 {
font-size: 3rem !important;
}
.is-size-2 {
font-size: 2.5rem !important;
}
.is-size-3 {
font-size: 2rem !important;
}
.is-size-4 {
font-size: 1.5rem !important;
}
.is-size-5 {
font-size: 1.25rem !important;
}
.is-size-6 {
font-size: 1rem !important;
}
.is-size-7 {
font-size: 0.75rem !important;
}
@media screen and (max-width: 768px) {
.is-size-1-mobile {
font-size: 3rem !important;
}
.is-size-2-mobile {
font-size: 2.5rem !important;
}
.is-size-3-mobile {
font-size: 2rem !important;
}
.is-size-4-mobile {
font-size: 1.5rem !important;
}
.is-size-5-mobile {
font-size: 1.25rem !important;
}
.is-size-6-mobile {
font-size: 1rem !important;
}
.is-size-7-mobile {
font-size: 0.75rem !important;
}
}
@media print, screen and (min-width: 769px) {
.is-size-1-tablet {
font-size: 3rem !important;
}
.is-size-2-tablet {
font-size: 2.5rem !important;
}
.is-size-3-tablet {
font-size: 2rem !important;
}
.is-size-4-tablet {
font-size: 1.5rem !important;
}
.is-size-5-tablet {
font-size: 1.25rem !important;
}
.is-size-6-tablet {
font-size: 1rem !important;
}
.is-size-7-tablet {
font-size: 0.75rem !important;
}
}
@media screen and (max-width: 1087px) {
.is-size-1-touch {
font-size: 3rem !important;
}
.is-size-2-touch {
font-size: 2.5rem !important;
}
.is-size-3-touch {
font-size: 2rem !important;
}
.is-size-4-touch {
font-size: 1.5rem !important;
}
.is-size-5-touch {
font-size: 1.25rem !important;
}
.is-size-6-touch {
font-size: 1rem !important;
}
.is-size-7-touch {
font-size: 0.75rem !important;
}
}
@media screen and (min-width: 1088px) {
.is-size-1-desktop {
font-size: 3rem !important;
}
.is-size-2-desktop {
font-size: 2.5rem !important;
}
.is-size-3-desktop {
font-size: 2rem !important;
}
.is-size-4-desktop {
font-size: 1.5rem !important;
}
.is-size-5-desktop {
font-size: 1.25rem !important;
}
.is-size-6-desktop {
font-size: 1rem !important;
}
.is-size-7-desktop {
font-size: 0.75rem !important;
}
}
@media screen and (min-width: 1280px) {
.is-size-1-widescreen {
font-size: 3rem !important;
}
.is-size-2-widescreen {
font-size: 2.5rem !important;
}
.is-size-3-widescreen {
font-size: 2rem !important;
}
.is-size-4-widescreen {
font-size: 1.5rem !important;
}
.is-size-5-widescreen {
font-size: 1.25rem !important;
}
.is-size-6-widescreen {
font-size: 1rem !important;
}
.is-size-7-widescreen {
font-size: 0.75rem !important;
}
}
@media screen and (min-width: 1472px) {
.is-size-1-fullhd {
font-size: 3rem !important;
}
.is-size-2-fullhd {
font-size: 2.5rem !important;
}
.is-size-3-fullhd {
font-size: 2rem !important;
}
.is-size-4-fullhd {
font-size: 1.5rem !important;
}
.is-size-5-fullhd {
font-size: 1.25rem !important;
}
.is-size-6-fullhd {
font-size: 1rem !important;
}
.is-size-7-fullhd {
font-size: 0.75rem !important;
}
}
.has-text-centered {
text-align: center !important;
}
.has-text-justified {
text-align: justify !important;
}
.has-text-left {
text-align: left !important;
}
.has-text-right {
text-align: right !important;
}
@media screen and (max-width: 768px) {
.has-text-centered-mobile {
text-align: center !important;
}
}
@media print, screen and (min-width: 769px) {
.has-text-centered-tablet {
text-align: center !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
.has-text-centered-tablet-only {
text-align: center !important;
}
}
@media screen and (max-width: 1087px) {
.has-text-centered-touch {
text-align: center !important;
}
}
@media screen and (min-width: 1088px) {
.has-text-centered-desktop {
text-align: center !important;
}
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
.has-text-centered-desktop-only {
text-align: center !important;
}
}
@media screen and (min-width: 1280px) {
.has-text-centered-widescreen {
text-align: center !important;
}
}
@media screen and (min-width: 1280px) and (max-width: 1471px) {
.has-text-centered-widescreen-only {
text-align: center !important;
}
}
@media screen and (min-width: 1472px) {
.has-text-centered-fullhd {
text-align: center !important;
}
}
@media screen and (max-width: 768px) {
.has-text-justified-mobile {
text-align: justify !important;
}
}
@media print, screen and (min-width: 769px) {
.has-text-justified-tablet {
text-align: justify !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
.has-text-justified-tablet-only {
text-align: justify !important;
}
}
@media screen and (max-width: 1087px) {
.has-text-justified-touch {
text-align: justify !important;
}
}
@media screen and (min-width: 1088px) {
.has-text-justified-desktop {
text-align: justify !important;
}
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
.has-text-justified-desktop-only {
text-align: justify !important;
}
}
@media screen and (min-width: 1280px) {
.has-text-justified-widescreen {
text-align: justify !important;
}
}
@media screen and (min-width: 1280px) and (max-width: 1471px) {
.has-text-justified-widescreen-only {
text-align: justify !important;
}
}
@media screen and (min-width: 1472px) {
.has-text-justified-fullhd {
text-align: justify !important;
}
}
@media screen and (max-width: 768px) {
.has-text-left-mobile {
text-align: left !important;
}
}
@media print, screen and (min-width: 769px) {
.has-text-left-tablet {
text-align: left !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
.has-text-left-tablet-only {
text-align: left !important;
}
}
@media screen and (max-width: 1087px) {
.has-text-left-touch {
text-align: left !important;
}
}
@media screen and (min-width: 1088px) {
.has-text-left-desktop {
text-align: left !important;
}
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
.has-text-left-desktop-only {
text-align: left !important;
}
}
@media screen and (min-width: 1280px) {
.has-text-left-widescreen {
text-align: left !important;
}
}
@media screen and (min-width: 1280px) and (max-width: 1471px) {
.has-text-left-widescreen-only {
text-align: left !important;
}
}
@media screen and (min-width: 1472px) {
.has-text-left-fullhd {
text-align: left !important;
}
}
@media screen and (max-width: 768px) {
.has-text-right-mobile {
text-align: right !important;
}
}
@media print, screen and (min-width: 769px) {
.has-text-right-tablet {
text-align: right !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
.has-text-right-tablet-only {
text-align: right !important;
}
}
@media screen and (max-width: 1087px) {
.has-text-right-touch {
text-align: right !important;
}
}
@media screen and (min-width: 1088px) {
.has-text-right-desktop {
text-align: right !important;
}
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
.has-text-right-desktop-only {
text-align: right !important;
}
}
@media screen and (min-width: 1280px) {
.has-text-right-widescreen {
text-align: right !important;
}
}
@media screen and (min-width: 1280px) and (max-width: 1471px) {
.has-text-right-widescreen-only {
text-align: right !important;
}
}
@media screen and (min-width: 1472px) {
.has-text-right-fullhd {
text-align: right !important;
}
}
.is-capitalized {
text-transform: capitalize !important;
}
.is-lowercase {
text-transform: lowercase !important;
}
.is-uppercase {
text-transform: uppercase !important;
}
.is-italic {
font-style: italic !important;
}
.has-text-white {
color: #fff !important;
}
a.has-text-white:focus,
a.has-text-white:hover {
color: #e6e6e6 !important;
}
.has-background-white {
background-color: #fff !important;
}
.has-text-black {
color: #0a0a0a !important;
}
a.has-text-black:focus,
a.has-text-black:hover {
color: #000 !important;
}
.has-background-black {
background-color: #0a0a0a !important;
}
.has-text-light {
color: #f5f5f5 !important;
}
a.has-text-light:focus,
a.has-text-light:hover {
color: #dbdbdb !important;
}
.has-background-light {
background-color: #f5f5f5 !important;
}
.has-text-dark {
color: #363636 !important;
}
a.has-text-dark:focus,
a.has-text-dark:hover {
color: #1c1c1c !important;
}
.has-background-dark {
background-color: #363636 !important;
}
.has-text-primary {
color: #00d1b2 !important;
}
a.has-text-primary:focus,
a.has-text-primary:hover {
color: #009e86 !important;
}
.has-background-primary {
background-color: #00d1b2 !important;
}
.has-text-link {
color: #3273dc !important;
}
a.has-text-link:focus,
a.has-text-link:hover {
color: #205bbc !important;
}
.has-background-link {
background-color: #3273dc !important;
}
.has-text-info {
color: #209cee !important;
}
a.has-text-info:focus,
a.has-text-info:hover {
color: #0f81cc !important;
}
.has-background-info {
background-color: #209cee !important;
}
.has-text-success {
color: #23d160 !important;
}
a.has-text-success:focus,
a.has-text-success:hover {
color: #1ca64c !important;
}
.has-background-success {
background-color: #23d160 !important;
}
.has-text-warning {
color: #ffdd57 !important;
}
a.has-text-warning:focus,
a.has-text-warning:hover {
color: #ffd324 !important;
}
.has-background-warning {
background-color: #ffdd57 !important;
}
.has-text-danger {
color: #ff3860 !important;
}
a.has-text-danger:focus,
a.has-text-danger:hover {
color: #ff0537 !important;
}
.has-background-danger {
background-color: #ff3860 !important;
}
.has-text-black-bis {
color: #121212 !important;
}
.has-background-black-bis {
background-color: #121212 !important;
}
.has-text-black-ter {
color: #242424 !important;
}
.has-background-black-ter {
background-color: #242424 !important;
}
.has-text-grey-darker {
color: #363636 !important;
}
.has-background-grey-darker {
background-color: #363636 !important;
}
.has-text-grey-dark {
color: #4a4a4a !important;
}
.has-background-grey-dark {
background-color: #4a4a4a !important;
}
.has-text-grey {
color: #7a7a7a !important;
}
.has-background-grey {
background-color: #7a7a7a !important;
}
.has-text-grey-light {
color: #b5b5b5 !important;
}
.has-background-grey-light {
background-color: #b5b5b5 !important;
}
.has-text-grey-lighter {
color: #dbdbdb !important;
}
.has-background-grey-lighter {
background-color: #dbdbdb !important;
}
.has-text-white-ter {
color: #f5f5f5 !important;
}
.has-background-white-ter {
background-color: #f5f5f5 !important;
}
.has-text-white-bis {
color: #fafafa !important;
}
.has-background-white-bis {
background-color: #fafafa !important;
}
.has-text-weight-light {
font-weight: 300 !important;
}
.has-text-weight-normal {
font-weight: 400 !important;
}
.has-text-weight-semibold {
font-weight: 600 !important;
}
.has-text-weight-bold {
font-weight: 700 !important;
}
.is-family-primary,
.is-family-sans-serif,
.is-family-secondary {
font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans,
Helvetica Neue, Helvetica, Arial, sans-serif !important;
}
.is-family-code,
.is-family-monospace {
font-family: monospace !important;
}
.is-block {
display: block !important;
}
@media screen and (max-width: 768px) {
.is-block-mobile {
display: block !important;
}
}
@media print, screen and (min-width: 769px) {
.is-block-tablet {
display: block !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
.is-block-tablet-only {
display: block !important;
}
}
@media screen and (max-width: 1087px) {
.is-block-touch {
display: block !important;
}
}
@media screen and (min-width: 1088px) {
.is-block-desktop {
display: block !important;
}
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
.is-block-desktop-only {
display: block !important;
}
}
@media screen and (min-width: 1280px) {
.is-block-widescreen {
display: block !important;
}
}
@media screen and (min-width: 1280px) and (max-width: 1471px) {
.is-block-widescreen-only {
display: block !important;
}
}
@media screen and (min-width: 1472px) {
.is-block-fullhd {
display: block !important;
}
}
.is-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
@media screen and (max-width: 768px) {
.is-flex-mobile {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media print, screen and (min-width: 769px) {
.is-flex-tablet {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
.is-flex-tablet-only {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media screen and (max-width: 1087px) {
.is-flex-touch {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media screen and (min-width: 1088px) {
.is-flex-desktop {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
.is-flex-desktop-only {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media screen and (min-width: 1280px) {
.is-flex-widescreen {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media screen and (min-width: 1280px) and (max-width: 1471px) {
.is-flex-widescreen-only {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media screen and (min-width: 1472px) {
.is-flex-fullhd {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
.is-inline {
display: inline !important;
}
@media screen and (max-width: 768px) {
.is-inline-mobile {
display: inline !important;
}
}
@media print, screen and (min-width: 769px) {
.is-inline-tablet {
display: inline !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
.is-inline-tablet-only {
display: inline !important;
}
}
@media screen and (max-width: 1087px) {
.is-inline-touch {
display: inline !important;
}
}
@media screen and (min-width: 1088px) {
.is-inline-desktop {
display: inline !important;
}
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
.is-inline-desktop-only {
display: inline !important;
}
}
@media screen and (min-width: 1280px) {
.is-inline-widescreen {
display: inline !important;
}
}
@media screen and (min-width: 1280px) and (max-width: 1471px) {
.is-inline-widescreen-only {
display: inline !important;
}
}
@media screen and (min-width: 1472px) {
.is-inline-fullhd {
display: inline !important;
}
}
.is-inline-block {
display: inline-block !important;
}
@media screen and (max-width: 768px) {
.is-inline-block-mobile {
display: inline-block !important;
}
}
@media print, screen and (min-width: 769px) {
.is-inline-block-tablet {
display: inline-block !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
.is-inline-block-tablet-only {
display: inline-block !important;
}
}
@media screen and (max-width: 1087px) {
.is-inline-block-touch {
display: inline-block !important;
}
}
@media screen and (min-width: 1088px) {
.is-inline-block-desktop {
display: inline-block !important;
}
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
.is-inline-block-desktop-only {
display: inline-block !important;
}
}
@media screen and (min-width: 1280px) {
.is-inline-block-widescreen {
display: inline-block !important;
}
}
@media screen and (min-width: 1280px) and (max-width: 1471px) {
.is-inline-block-widescreen-only {
display: inline-block !important;
}
}
@media screen and (min-width: 1472px) {
.is-inline-block-fullhd {
display: inline-block !important;
}
}
.is-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media screen and (max-width: 768px) {
.is-inline-flex-mobile {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print, screen and (min-width: 769px) {
.is-inline-flex-tablet {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
.is-inline-flex-tablet-only {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media screen and (max-width: 1087px) {
.is-inline-flex-touch {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media screen and (min-width: 1088px) {
.is-inline-flex-desktop {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
.is-inline-flex-desktop-only {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media screen and (min-width: 1280px) {
.is-inline-flex-widescreen {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media screen and (min-width: 1280px) and (max-width: 1471px) {
.is-inline-flex-widescreen-only {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media screen and (min-width: 1472px) {
.is-inline-flex-fullhd {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.is-hidden {
display: none !important;
}
.is-sr-only {
border: none !important;
clip: rect(0, 0, 0, 0) !important;
height: 0.01em !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 0.01em !important;
}
@media screen and (max-width: 768px) {
.is-hidden-mobile {
display: none !important;
}
}
@media print, screen and (min-width: 769px) {
.is-hidden-tablet {
display: none !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
.is-hidden-tablet-only {
display: none !important;
}
}
@media screen and (max-width: 1087px) {
.is-hidden-touch {
display: none !important;
}
}
@media screen and (min-width: 1088px) {
.is-hidden-desktop {
display: none !important;
}
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
.is-hidden-desktop-only {
display: none !important;
}
}
@media screen and (min-width: 1280px) {
.is-hidden-widescreen {
display: none !important;
}
}
@media screen and (min-width: 1280px) and (max-width: 1471px) {
.is-hidden-widescreen-only {
display: none !important;
}
}
@media screen and (min-width: 1472px) {
.is-hidden-fullhd {
display: none !important;
}
}
.is-invisible {
visibility: hidden !important;
}
@media screen and (max-width: 768px) {
.is-invisible-mobile {
visibility: hidden !important;
}
}
@media print, screen and (min-width: 769px) {
.is-invisible-tablet {
visibility: hidden !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
.is-invisible-tablet-only {
visibility: hidden !important;
}
}
@media screen and (max-width: 1087px) {
.is-invisible-touch {
visibility: hidden !important;
}
}
@media screen and (min-width: 1088px) {
.is-invisible-desktop {
visibility: hidden !important;
}
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
.is-invisible-desktop-only {
visibility: hidden !important;
}
}
@media screen and (min-width: 1280px) {
.is-invisible-widescreen {
visibility: hidden !important;
}
}
@media screen and (min-width: 1280px) and (max-width: 1471px) {
.is-invisible-widescreen-only {
visibility: hidden !important;
}
}
@media screen and (min-width: 1472px) {
.is-invisible-fullhd {
visibility: hidden !important;
}
}
.is-marginless {
margin: 0 !important;
}
.is-paddingless {
padding: 0 !important;
}
.is-radiusless {
border-radius: 0 !important;
}
.is-shadowless {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.hero {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.hero .navbar {
background: none;
}
.hero .tabs ul {
border-bottom: none;
}
.hero.is-white {
background-color: #fff;
color: #0a0a0a;
}
.hero.is-white a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-white strong {
color: inherit;
}
.hero.is-white .title {
color: #0a0a0a;
}
.hero.is-white .subtitle {
color: rgba(10, 10, 10, 0.9);
}
.hero.is-white .subtitle a:not(.button),
.hero.is-white .subtitle strong {
color: #0a0a0a;
}
@media screen and (max-width: 1087px) {
.hero.is-white .navbar-menu {
background-color: #fff;
}
}
.hero.is-white .navbar-item,
.hero.is-white .navbar-link {
color: rgba(10, 10, 10, 0.7);
}
.hero.is-white .navbar-link.is-active,
.hero.is-white .navbar-link:hover,
.hero.is-white a.navbar-item.is-active,
.hero.is-white a.navbar-item:hover {
background-color: #f2f2f2;
color: #0a0a0a;
}
.hero.is-white .tabs a {
color: #0a0a0a;
opacity: 0.9;
}
.hero.is-white .tabs a:hover,
.hero.is-white .tabs li.is-active a {
opacity: 1;
}
.hero.is-white .tabs.is-boxed a,
.hero.is-white .tabs.is-toggle a {
color: #0a0a0a;
}
.hero.is-white .tabs.is-boxed a:hover,
.hero.is-white .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-white .tabs.is-boxed li.is-active a,
.hero.is-white .tabs.is-boxed li.is-active a:hover,
.hero.is-white .tabs.is-toggle li.is-active a,
.hero.is-white .tabs.is-toggle li.is-active a:hover {
background-color: #0a0a0a;
border-color: #0a0a0a;
color: #fff;
}
.hero.is-white.is-bold {
background-image: linear-gradient(141deg, #e8e3e4, #fff 71%, #fff);
}
@media screen and (max-width: 768px) {
.hero.is-white.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #e8e3e4, #fff 71%, #fff);
}
}
.hero.is-black {
background-color: #0a0a0a;
color: #fff;
}
.hero.is-black a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-black strong {
color: inherit;
}
.hero.is-black .title {
color: #fff;
}
.hero.is-black .subtitle {
color: hsla(0, 0%, 100%, 0.9);
}
.hero.is-black .subtitle a:not(.button),
.hero.is-black .subtitle strong {
color: #fff;
}
@media screen and (max-width: 1087px) {
.hero.is-black .navbar-menu {
background-color: #0a0a0a;
}
}
.hero.is-black .navbar-item,
.hero.is-black .navbar-link {
color: hsla(0, 0%, 100%, 0.7);
}
.hero.is-black .navbar-link.is-active,
.hero.is-black .navbar-link:hover,
.hero.is-black a.navbar-item.is-active,
.hero.is-black a.navbar-item:hover {
background-color: #000;
color: #fff;
}
.hero.is-black .tabs a {
color: #fff;
opacity: 0.9;
}
.hero.is-black .tabs a:hover,
.hero.is-black .tabs li.is-active a {
opacity: 1;
}
.hero.is-black .tabs.is-boxed a,
.hero.is-black .tabs.is-toggle a {
color: #fff;
}
.hero.is-black .tabs.is-boxed a:hover,
.hero.is-black .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-black .tabs.is-boxed li.is-active a,
.hero.is-black .tabs.is-boxed li.is-active a:hover,
.hero.is-black .tabs.is-toggle li.is-active a,
.hero.is-black .tabs.is-toggle li.is-active a:hover {
background-color: #fff;
border-color: #fff;
color: #0a0a0a;
}
.hero.is-black.is-bold {
background-image: linear-gradient(141deg, #000, #0a0a0a 71%, #181616);
}
@media screen and (max-width: 768px) {
.hero.is-black.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #000, #0a0a0a 71%, #181616);
}
}
.hero.is-light {
background-color: #f5f5f5;
color: #363636;
}
.hero.is-light a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-light strong {
color: inherit;
}
.hero.is-light .title {
color: #363636;
}
.hero.is-light .subtitle {
color: rgba(54, 54, 54, 0.9);
}
.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
color: #363636;
}
@media screen and (max-width: 1087px) {
.hero.is-light .navbar-menu {
background-color: #f5f5f5;
}
}
.hero.is-light .navbar-item,
.hero.is-light .navbar-link {
color: rgba(54, 54, 54, 0.7);
}
.hero.is-light .navbar-link.is-active,
.hero.is-light .navbar-link:hover,
.hero.is-light a.navbar-item.is-active,
.hero.is-light a.navbar-item:hover {
background-color: #e8e8e8;
color: #363636;
}
.hero.is-light .tabs a {
color: #363636;
opacity: 0.9;
}
.hero.is-light .tabs a:hover,
.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, 0.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, #f5f5f5 71%, #fff);
}
@media screen and (max-width: 768px) {
.hero.is-light.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #dfd8d9, #f5f5f5 71%, #fff);
}
}
.hero.is-dark {
background-color: #363636;
color: #f5f5f5;
}
.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-dark strong {
color: inherit;
}
.hero.is-dark .title {
color: #f5f5f5;
}
.hero.is-dark .subtitle {
color: hsla(0, 0%, 96.1%, 0.9);
}
.hero.is-dark .subtitle a:not(.button),
.hero.is-dark .subtitle strong {
color: #f5f5f5;
}
@media screen and (max-width: 1087px) {
.hero.is-dark .navbar-menu {
background-color: #363636;
}
}
.hero.is-dark .navbar-item,
.hero.is-dark .navbar-link {
color: hsla(0, 0%, 96.1%, 0.7);
}
.hero.is-dark .navbar-link.is-active,
.hero.is-dark .navbar-link:hover,
.hero.is-dark a.navbar-item.is-active,
.hero.is-dark a.navbar-item:hover {
background-color: #292929;
color: #f5f5f5;
}
.hero.is-dark .tabs a {
color: #f5f5f5;
opacity: 0.9;
}
.hero.is-dark .tabs a:hover,
.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, 0.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, #363636 71%, #46403f);
}
@media screen and (max-width: 768px) {
.hero.is-dark.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #1f191a, #363636 71%, #46403f);
}
}
.hero.is-primary {
background-color: #00d1b2;
color: #fff;
}
.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-primary strong {
color: inherit;
}
.hero.is-primary .title {
color: #fff;
}
.hero.is-primary .subtitle {
color: hsla(0, 0%, 100%, 0.9);
}
.hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong {
color: #fff;
}
@media screen and (max-width: 1087px) {
.hero.is-primary .navbar-menu {
background-color: #00d1b2;
}
}
.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
color: hsla(0, 0%, 100%, 0.7);
}
.hero.is-primary .navbar-link.is-active,
.hero.is-primary .navbar-link:hover,
.hero.is-primary a.navbar-item.is-active,
.hero.is-primary a.navbar-item:hover {
background-color: #00b89c;
color: #fff;
}
.hero.is-primary .tabs a {
color: #fff;
opacity: 0.9;
}
.hero.is-primary .tabs a:hover,
.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, 0.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: #00d1b2;
}
.hero.is-primary.is-bold {
background-image: linear-gradient(141deg, #009e6c, #00d1b2 71%, #00e7eb);
}
@media screen and (max-width: 768px) {
.hero.is-primary.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #009e6c, #00d1b2 71%, #00e7eb);
}
}
.hero.is-link {
background-color: #3273dc;
color: #fff;
}
.hero.is-link a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-link strong {
color: inherit;
}
.hero.is-link .title {
color: #fff;
}
.hero.is-link .subtitle {
color: hsla(0, 0%, 100%, 0.9);
}
.hero.is-link .subtitle a:not(.button),
.hero.is-link .subtitle strong {
color: #fff;
}
@media screen and (max-width: 1087px) {
.hero.is-link .navbar-menu {
background-color: #3273dc;
}
}
.hero.is-link .navbar-item,
.hero.is-link .navbar-link {
color: hsla(0, 0%, 100%, 0.7);
}
.hero.is-link .navbar-link.is-active,
.hero.is-link .navbar-link:hover,
.hero.is-link a.navbar-item.is-active,
.hero.is-link a.navbar-item:hover {
background-color: #2366d1;
color: #fff;
}
.hero.is-link .tabs a {
color: #fff;
opacity: 0.9;
}
.hero.is-link .tabs a:hover,
.hero.is-link .tabs li.is-active a {
opacity: 1;
}
.hero.is-link .tabs.is-boxed a,
.hero.is-link .tabs.is-toggle a {
color: #fff;
}
.hero.is-link .tabs.is-boxed a:hover,
.hero.is-link .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-link .tabs.is-boxed li.is-active a,
.hero.is-link .tabs.is-boxed li.is-active a:hover,
.hero.is-link .tabs.is-toggle li.is-active a,
.hero.is-link .tabs.is-toggle li.is-active a:hover {
background-color: #fff;
border-color: #fff;
color: #3273dc;
}
.hero.is-link.is-bold {
background-image: linear-gradient(141deg, #1577c6, #3273dc 71%, #4366e5);
}
@media screen and (max-width: 768px) {
.hero.is-link.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #1577c6, #3273dc 71%, #4366e5);
}
}
.hero.is-info {
background-color: #209cee;
color: #fff;
}
.hero.is-info a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-info strong {
color: inherit;
}
.hero.is-info .title {
color: #fff;
}
.hero.is-info .subtitle {
color: hsla(0, 0%, 100%, 0.9);
}
.hero.is-info .subtitle a:not(.button),
.hero.is-info .subtitle strong {
color: #fff;
}
@media screen and (max-width: 1087px) {
.hero.is-info .navbar-menu {
background-color: #209cee;
}
}
.hero.is-info .navbar-item,
.hero.is-info .navbar-link {
color: hsla(0, 0%, 100%, 0.7);
}
.hero.is-info .navbar-link.is-active,
.hero.is-info .navbar-link:hover,
.hero.is-info a.navbar-item.is-active,
.hero.is-info a.navbar-item:hover {
background-color: #118fe4;
color: #fff;
}
.hero.is-info .tabs a {
color: #fff;
opacity: 0.9;
}
.hero.is-info .tabs a:hover,
.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, 0.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: #209cee;
}
.hero.is-info.is-bold {
background-image: linear-gradient(141deg, #04a6d7, #209cee 71%, #3287f5);
}
@media screen and (max-width: 768px) {
.hero.is-info.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #04a6d7, #209cee 71%, #3287f5);
}
}
.hero.is-success {
background-color: #23d160;
color: #fff;
}
.hero.is-success a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-success strong {
color: inherit;
}
.hero.is-success .title {
color: #fff;
}
.hero.is-success .subtitle {
color: hsla(0, 0%, 100%, 0.9);
}
.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
color: #fff;
}
@media screen and (max-width: 1087px) {
.hero.is-success .navbar-menu {
background-color: #23d160;
}
}
.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
color: hsla(0, 0%, 100%, 0.7);
}
.hero.is-success .navbar-link.is-active,
.hero.is-success .navbar-link:hover,
.hero.is-success a.navbar-item.is-active,
.hero.is-success a.navbar-item:hover {
background-color: #20bc56;
color: #fff;
}
.hero.is-success .tabs a {
color: #fff;
opacity: 0.9;
}
.hero.is-success .tabs a:hover,
.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, 0.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, #23d160 71%, #2ce28a);
}
@media screen and (max-width: 768px) {
.hero.is-success.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #12af2f, #23d160 71%, #2ce28a);
}
}
.hero.is-warning {
background-color: #ffdd57;
color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-warning strong {
color: inherit;
}
.hero.is-warning .title {
color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .subtitle {
color: rgba(0, 0, 0, 0.9);
}
.hero.is-warning .subtitle a:not(.button),
.hero.is-warning .subtitle strong {
color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 1087px) {
.hero.is-warning .navbar-menu {
background-color: #ffdd57;
}
}
.hero.is-warning .navbar-item,
.hero.is-warning .navbar-link {
color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .navbar-link.is-active,
.hero.is-warning .navbar-link:hover,
.hero.is-warning a.navbar-item.is-active,
.hero.is-warning a.navbar-item:hover {
background-color: #ffd83d;
color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .tabs a {
color: rgba(0, 0, 0, 0.7);
opacity: 0.9;
}
.hero.is-warning .tabs a:hover,
.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, 0.7);
}
.hero.is-warning .tabs.is-boxed a:hover,
.hero.is-warning .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.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, 0.7);
border-color: rgba(0, 0, 0, 0.7);
color: #ffdd57;
}
.hero.is-warning.is-bold {
background-image: linear-gradient(141deg, #ffaf24, #ffdd57 71%, #fffa70);
}
@media screen and (max-width: 768px) {
.hero.is-warning.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #ffaf24, #ffdd57 71%, #fffa70);
}
}
.hero.is-danger {
background-color: #ff3860;
color: #fff;
}
.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag),
.hero.is-danger strong {
color: inherit;
}
.hero.is-danger .title {
color: #fff;
}
.hero.is-danger .subtitle {
color: hsla(0, 0%, 100%, 0.9);
}
.hero.is-danger .subtitle a:not(.button),
.hero.is-danger .subtitle strong {
color: #fff;
}
@media screen and (max-width: 1087px) {
.hero.is-danger .navbar-menu {
background-color: #ff3860;
}
}
.hero.is-danger .navbar-item,
.hero.is-danger .navbar-link {
color: hsla(0, 0%, 100%, 0.7);
}
.hero.is-danger .navbar-link.is-active,
.hero.is-danger .navbar-link:hover,
.hero.is-danger a.navbar-item.is-active,
.hero.is-danger a.navbar-item:hover {
background-color: #ff1f4b;
color: #fff;
}
.hero.is-danger .tabs a {
color: #fff;
opacity: 0.9;
}
.hero.is-danger .tabs a:hover,
.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, 0.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: #ff3860;
}
.hero.is-danger.is-bold {
background-image: linear-gradient(141deg, #ff0561, #ff3860 71%, #ff5257);
}
@media screen and (max-width: 768px) {
.hero.is-danger.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #ff0561, #ff3860 71%, #ff5257);
}
}
.hero.is-small .hero-body {
padding-bottom: 1.5rem;
padding-top: 1.5rem;
}
@media print, screen and (min-width: 769px) {
.hero.is-medium .hero-body {
padding-bottom: 9rem;
padding-top: 9rem;
}
}
@media print, screen and (min-width: 769px) {
.hero.is-large .hero-body {
padding-bottom: 18rem;
padding-top: 18rem;
}
}
.hero.is-fullheight-with-navbar .hero-body,
.hero.is-fullheight .hero-body,
.hero.is-halfheight .hero-body {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.hero.is-fullheight-with-navbar .hero-body > .container,
.hero.is-fullheight .hero-body > .container,
.hero.is-halfheight .hero-body > .container {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.hero.is-halfheight {
min-height: 50vh;
}
.hero.is-fullheight {
min-height: 100vh;
}
.hero-video {
overflow: hidden;
}
.hero-video video {
left: 50%;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.hero-video.is-transparent {
opacity: 0.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: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.hero-buttons .button:not(:last-child) {
margin-bottom: 0.75rem;
}
}
@media print, screen and (min-width: 769px) {
.hero-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.hero-buttons .button:not(:last-child) {
margin-right: 1.5rem;
}
}
.hero-foot,
.hero-head {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.hero-body {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 3rem 1.5rem;
}
.column {
display: block;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
padding: 0.75rem;
}
.columns.is-mobile > .column.is-full,
.columns.is-mobile > .column.is-narrow {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.columns.is-mobile > .column.is-full {
width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 50%;
}
.columns.is-mobile > .column.is-one-third {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 25%;
}
.columns.is-mobile > .column.is-one-fifth {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 20%;
}
.columns.is-mobile > .column.is-two-fifths {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 40%;
}
.columns.is-mobile > .column.is-three-fifths {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 60%;
}
.columns.is-mobile > .column.is-four-fifths {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 80%;
}
.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-offset-one-fifth {
margin-left: 20%;
}
.columns.is-mobile > .column.is-offset-two-fifths {
margin-left: 40%;
}
.columns.is-mobile > .column.is-offset-three-fifths {
margin-left: 60%;
}
.columns.is-mobile > .column.is-offset-four-fifths {
margin-left: 80%;
}
.columns.is-mobile > .column.is-1 {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 8.3333333333%;
}
.columns.is-mobile > .column.is-offset-1 {
margin-left: 8.3333333333%;
}
.columns.is-mobile > .column.is-2 {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 16.6666666667%;
}
.columns.is-mobile > .column.is-offset-2 {
margin-left: 16.6666666667%;
}
.columns.is-mobile > .column.is-3 {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
margin-left: 25%;
}
.columns.is-mobile > .column.is-4 {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 33.3333333333%;
}
.columns.is-mobile > .column.is-offset-4 {
margin-left: 33.3333333333%;
}
.columns.is-mobile > .column.is-5 {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 41.6666666667%;
}
.columns.is-mobile > .column.is-offset-5 {
margin-left: 41.6666666667%;
}
.columns.is-mobile > .column.is-6 {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
margin-left: 50%;
}
.columns.is-mobile > .column.is-7 {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 58.3333333333%;
}
.columns.is-mobile > .column.is-offset-7 {
margin-left: 58.3333333333%;
}
.columns.is-mobile > .column.is-8 {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 66.6666666667%;
}
.columns.is-mobile > .column.is-offset-8 {
margin-left: 66.6666666667%;
}
.columns.is-mobile > .column.is-9 {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
margin-left: 75%;
}
.columns.is-mobile > .column.is-10 {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 83.3333333333%;
}
.columns.is-mobile > .column.is-offset-10 {
margin-left: 83.3333333333%;
}
.columns.is-mobile > .column.is-11 {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 91.6666666667%;
}
.columns.is-mobile > .column.is-offset-11 {
margin-left: 91.6666666667%;
}
.columns.is-mobile > .column.is-12 {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
margin-left: 100%;
}
@media screen and (max-width: 768px) {
.column.is-full-mobile,
.column.is-narrow-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.column.is-full-mobile {
width: 100%;
}
.column.is-three-quarters-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-two-thirds-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.column.is-half-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-one-third-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-one-fifth-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 80%;
}
.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-offset-one-fifth-mobile {
margin-left: 20%;
}
.column.is-offset-two-fifths-mobile {
margin-left: 40%;
}
.column.is-offset-three-fifths-mobile {
margin-left: 60%;
}
.column.is-offset-four-fifths-mobile {
margin-left: 80%;
}
.column.is-1-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 8.3333333333%;
}
.column.is-offset-1-mobile {
margin-left: 8.3333333333%;
}
.column.is-2-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 16.6666666667%;
}
.column.is-offset-2-mobile {
margin-left: 16.6666666667%;
}
.column.is-3-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-3-mobile {
margin-left: 25%;
}
.column.is-4-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 33.3333333333%;
}
.column.is-offset-4-mobile {
margin-left: 33.3333333333%;
}
.column.is-5-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 41.6666666667%;
}
.column.is-offset-5-mobile {
margin-left: 41.6666666667%;
}
.column.is-6-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-offset-6-mobile {
margin-left: 50%;
}
.column.is-7-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 58.3333333333%;
}
.column.is-offset-7-mobile {
margin-left: 58.3333333333%;
}
.column.is-8-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 66.6666666667%;
}
.column.is-offset-8-mobile {
margin-left: 66.6666666667%;
}
.column.is-9-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-offset-9-mobile {
margin-left: 75%;
}
.column.is-10-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 83.3333333333%;
}
.column.is-offset-10-mobile {
margin-left: 83.3333333333%;
}
.column.is-11-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 91.6666666667%;
}
.column.is-offset-11-mobile {
margin-left: 91.6666666667%;
}
.column.is-12-mobile {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-offset-12-mobile {
margin-left: 100%;
}
}
@media print, screen and (min-width: 769px) {
.column.is-full,
.column.is-full-tablet,
.column.is-narrow,
.column.is-narrow-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.column.is-full,
.column.is-full-tablet {
width: 100%;
}
.column.is-three-quarters,
.column.is-three-quarters-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-two-thirds,
.column.is-two-thirds-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.column.is-half,
.column.is-half-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-one-third,
.column.is-one-third-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.column.is-one-quarter,
.column.is-one-quarter-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-one-fifth,
.column.is-one-fifth-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths,
.column.is-two-fifths-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths,
.column.is-three-fifths-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths,
.column.is-four-fifths-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 80%;
}
.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-offset-one-fifth,
.column.is-offset-one-fifth-tablet {
margin-left: 20%;
}
.column.is-offset-two-fifths,
.column.is-offset-two-fifths-tablet {
margin-left: 40%;
}
.column.is-offset-three-fifths,
.column.is-offset-three-fifths-tablet {
margin-left: 60%;
}
.column.is-offset-four-fifths,
.column.is-offset-four-fifths-tablet {
margin-left: 80%;
}
.column.is-1,
.column.is-1-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 8.3333333333%;
}
.column.is-offset-1,
.column.is-offset-1-tablet {
margin-left: 8.3333333333%;
}
.column.is-2,
.column.is-2-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 16.6666666667%;
}
.column.is-offset-2,
.column.is-offset-2-tablet {
margin-left: 16.6666666667%;
}
.column.is-3,
.column.is-3-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-3,
.column.is-offset-3-tablet {
margin-left: 25%;
}
.column.is-4,
.column.is-4-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 33.3333333333%;
}
.column.is-offset-4,
.column.is-offset-4-tablet {
margin-left: 33.3333333333%;
}
.column.is-5,
.column.is-5-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 41.6666666667%;
}
.column.is-offset-5,
.column.is-offset-5-tablet {
margin-left: 41.6666666667%;
}
.column.is-6,
.column.is-6-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-offset-6,
.column.is-offset-6-tablet {
margin-left: 50%;
}
.column.is-7,
.column.is-7-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 58.3333333333%;
}
.column.is-offset-7,
.column.is-offset-7-tablet {
margin-left: 58.3333333333%;
}
.column.is-8,
.column.is-8-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 66.6666666667%;
}
.column.is-offset-8,
.column.is-offset-8-tablet {
margin-left: 66.6666666667%;
}
.column.is-9,
.column.is-9-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-offset-9,
.column.is-offset-9-tablet {
margin-left: 75%;
}
.column.is-10,
.column.is-10-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 83.3333333333%;
}
.column.is-offset-10,
.column.is-offset-10-tablet {
margin-left: 83.3333333333%;
}
.column.is-11,
.column.is-11-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 91.6666666667%;
}
.column.is-offset-11,
.column.is-offset-11-tablet {
margin-left: 91.6666666667%;
}
.column.is-12,
.column.is-12-tablet {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-offset-12,
.column.is-offset-12-tablet {
margin-left: 100%;
}
}
@media screen and (max-width: 1087px) {
.column.is-full-touch,
.column.is-narrow-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.column.is-full-touch {
width: 100%;
}
.column.is-three-quarters-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-two-thirds-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.column.is-half-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-one-third-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-one-fifth-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-touch {
margin-left: 75%;
}
.column.is-offset-two-thirds-touch {
margin-left: 66.6666%;
}
.column.is-offset-half-touch {
margin-left: 50%;
}
.column.is-offset-one-third-touch {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-touch {
margin-left: 25%;
}
.column.is-offset-one-fifth-touch {
margin-left: 20%;
}
.column.is-offset-two-fifths-touch {
margin-left: 40%;
}
.column.is-offset-three-fifths-touch {
margin-left: 60%;
}
.column.is-offset-four-fifths-touch {
margin-left: 80%;
}
.column.is-1-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 8.3333333333%;
}
.column.is-offset-1-touch {
margin-left: 8.3333333333%;
}
.column.is-2-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 16.6666666667%;
}
.column.is-offset-2-touch {
margin-left: 16.6666666667%;
}
.column.is-3-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-3-touch {
margin-left: 25%;
}
.column.is-4-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 33.3333333333%;
}
.column.is-offset-4-touch {
margin-left: 33.3333333333%;
}
.column.is-5-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 41.6666666667%;
}
.column.is-offset-5-touch {
margin-left: 41.6666666667%;
}
.column.is-6-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-offset-6-touch {
margin-left: 50%;
}
.column.is-7-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 58.3333333333%;
}
.column.is-offset-7-touch {
margin-left: 58.3333333333%;
}
.column.is-8-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 66.6666666667%;
}
.column.is-offset-8-touch {
margin-left: 66.6666666667%;
}
.column.is-9-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-offset-9-touch {
margin-left: 75%;
}
.column.is-10-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 83.3333333333%;
}
.column.is-offset-10-touch {
margin-left: 83.3333333333%;
}
.column.is-11-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 91.6666666667%;
}
.column.is-offset-11-touch {
margin-left: 91.6666666667%;
}
.column.is-12-touch {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-offset-12-touch {
margin-left: 100%;
}
}
@media screen and (min-width: 1088px) {
.column.is-full-desktop,
.column.is-narrow-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.column.is-full-desktop {
width: 100%;
}
.column.is-three-quarters-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-two-thirds-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.column.is-half-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-one-third-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-one-fifth-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 80%;
}
.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-offset-one-fifth-desktop {
margin-left: 20%;
}
.column.is-offset-two-fifths-desktop {
margin-left: 40%;
}
.column.is-offset-three-fifths-desktop {
margin-left: 60%;
}
.column.is-offset-four-fifths-desktop {
margin-left: 80%;
}
.column.is-1-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 8.3333333333%;
}
.column.is-offset-1-desktop {
margin-left: 8.3333333333%;
}
.column.is-2-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 16.6666666667%;
}
.column.is-offset-2-desktop {
margin-left: 16.6666666667%;
}
.column.is-3-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-3-desktop {
margin-left: 25%;
}
.column.is-4-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 33.3333333333%;
}
.column.is-offset-4-desktop {
margin-left: 33.3333333333%;
}
.column.is-5-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 41.6666666667%;
}
.column.is-offset-5-desktop {
margin-left: 41.6666666667%;
}
.column.is-6-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-offset-6-desktop {
margin-left: 50%;
}
.column.is-7-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 58.3333333333%;
}
.column.is-offset-7-desktop {
margin-left: 58.3333333333%;
}
.column.is-8-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 66.6666666667%;
}
.column.is-offset-8-desktop {
margin-left: 66.6666666667%;
}
.column.is-9-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-offset-9-desktop {
margin-left: 75%;
}
.column.is-10-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 83.3333333333%;
}
.column.is-offset-10-desktop {
margin-left: 83.3333333333%;
}
.column.is-11-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 91.6666666667%;
}
.column.is-offset-11-desktop {
margin-left: 91.6666666667%;
}
.column.is-12-desktop {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-offset-12-desktop {
margin-left: 100%;
}
}
@media screen and (min-width: 1280px) {
.column.is-full-widescreen,
.column.is-narrow-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.column.is-full-widescreen {
width: 100%;
}
.column.is-three-quarters-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-two-thirds-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.column.is-half-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-one-third-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-one-fifth-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 80%;
}
.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-offset-one-fifth-widescreen {
margin-left: 20%;
}
.column.is-offset-two-fifths-widescreen {
margin-left: 40%;
}
.column.is-offset-three-fifths-widescreen {
margin-left: 60%;
}
.column.is-offset-four-fifths-widescreen {
margin-left: 80%;
}
.column.is-1-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 8.3333333333%;
}
.column.is-offset-1-widescreen {
margin-left: 8.3333333333%;
}
.column.is-2-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 16.6666666667%;
}
.column.is-offset-2-widescreen {
margin-left: 16.6666666667%;
}
.column.is-3-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-3-widescreen {
margin-left: 25%;
}
.column.is-4-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 33.3333333333%;
}
.column.is-offset-4-widescreen {
margin-left: 33.3333333333%;
}
.column.is-5-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 41.6666666667%;
}
.column.is-offset-5-widescreen {
margin-left: 41.6666666667%;
}
.column.is-6-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-offset-6-widescreen {
margin-left: 50%;
}
.column.is-7-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 58.3333333333%;
}
.column.is-offset-7-widescreen {
margin-left: 58.3333333333%;
}
.column.is-8-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 66.6666666667%;
}
.column.is-offset-8-widescreen {
margin-left: 66.6666666667%;
}
.column.is-9-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-offset-9-widescreen {
margin-left: 75%;
}
.column.is-10-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 83.3333333333%;
}
.column.is-offset-10-widescreen {
margin-left: 83.3333333333%;
}
.column.is-11-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 91.6666666667%;
}
.column.is-offset-11-widescreen {
margin-left: 91.6666666667%;
}
.column.is-12-widescreen {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-offset-12-widescreen {
margin-left: 100%;
}
}
@media screen and (min-width: 1472px) {
.column.is-full-fullhd,
.column.is-narrow-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.column.is-full-fullhd {
width: 100%;
}
.column.is-three-quarters-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-two-thirds-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.column.is-half-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-one-third-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-one-fifth-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 20%;
}
.column.is-two-fifths-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 40%;
}
.column.is-three-fifths-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 60%;
}
.column.is-four-fifths-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-fullhd {
margin-left: 75%;
}
.column.is-offset-two-thirds-fullhd {
margin-left: 66.6666%;
}
.column.is-offset-half-fullhd {
margin-left: 50%;
}
.column.is-offset-one-third-fullhd {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-fullhd {
margin-left: 25%;
}
.column.is-offset-one-fifth-fullhd {
margin-left: 20%;
}
.column.is-offset-two-fifths-fullhd {
margin-left: 40%;
}
.column.is-offset-three-fifths-fullhd {
margin-left: 60%;
}
.column.is-offset-four-fifths-fullhd {
margin-left: 80%;
}
.column.is-1-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 8.3333333333%;
}
.column.is-offset-1-fullhd {
margin-left: 8.3333333333%;
}
.column.is-2-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 16.6666666667%;
}
.column.is-offset-2-fullhd {
margin-left: 16.6666666667%;
}
.column.is-3-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-3-fullhd {
margin-left: 25%;
}
.column.is-4-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 33.3333333333%;
}
.column.is-offset-4-fullhd {
margin-left: 33.3333333333%;
}
.column.is-5-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 41.6666666667%;
}
.column.is-offset-5-fullhd {
margin-left: 41.6666666667%;
}
.column.is-6-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-offset-6-fullhd {
margin-left: 50%;
}
.column.is-7-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 58.3333333333%;
}
.column.is-offset-7-fullhd {
margin-left: 58.3333333333%;
}
.column.is-8-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 66.6666666667%;
}
.column.is-offset-8-fullhd {
margin-left: 66.6666666667%;
}
.column.is-9-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-offset-9-fullhd {
margin-left: 75%;
}
.column.is-10-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 83.3333333333%;
}
.column.is-offset-10-fullhd {
margin-left: 83.3333333333%;
}
.column.is-11-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 91.6666666667%;
}
.column.is-offset-11-fullhd {
margin-left: 91.6666666667%;
}
.column.is-12-fullhd {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-offset-12-fullhd {
margin-left: 100%;
}
}
.columns {
margin-left: -0.75rem;
margin-right: -0.75rem;
margin-top: -0.75rem;
}
.columns:last-child {
margin-bottom: -0.75rem;
}
.columns:not(:last-child) {
margin-bottom: 0.75rem;
}
.columns.is-centered {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.columns.is-gapless {
margin-left: 0;
margin-right: 0;
margin-top: 0;
}
.columns.is-gapless > .column {
margin: 0;
padding: 0 !important;
}
.columns.is-gapless:not(:last-child) {
margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child {
margin-bottom: 0;
}
.columns.is-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.columns.is-multiline {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.columns.is-vcentered {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media print, screen and (min-width: 769px) {
.columns:not(.is-desktop) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width: 1088px) {
.columns.is-desktop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.columns.is-variable {
--columnGap: 0.75rem;
margin-left: calc(-1 * var(--columnGap));
margin-right: calc(-1 * var(--columnGap));
}
.columns.is-variable .column {
padding-left: var(--columnGap);
padding-right: var(--columnGap);
}
.columns.is-variable.is-0 {
--columnGap: 0rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-0-mobile {
--columnGap: 0rem;
}
}
@media print, screen and (min-width: 769px) {
.columns.is-variable.is-0-tablet {
--columnGap: 0rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
.columns.is-variable.is-0-tablet-only {
--columnGap: 0rem;
}
}
@media screen and (max-width: 1087px) {
.columns.is-variable.is-0-touch {
--columnGap: 0rem;
}
}
@media screen and (min-width: 1088px) {
.columns.is-variable.is-0-desktop {
--columnGap: 0rem;
}
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
.columns.is-variable.is-0-desktop-only {
--columnGap: 0rem;
}
}
@media screen and (min-width: 1280px) {
.columns.is-variable.is-0-widescreen {
--columnGap: 0rem;
}
}
@media screen and (min-width: 1280px) and (max-width: 1471px) {
.columns.is-variable.is-0-widescreen-only {
--columnGap: 0rem;
}
}
@media screen and (min-width: 1472px) {
.columns.is-variable.is-0-fullhd {
--columnGap: 0rem;
}
}
.columns.is-variable.is-1 {
--columnGap: 0.25rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-1-mobile {
--columnGap: 0.25rem;
}
}
@media print, screen and (min-width: 769px) {
.columns.is-variable.is-1-tablet {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
.columns.is-variable.is-1-tablet-only {
--columnGap: 0.25rem;
}
}
@media screen and (max-width: 1087px) {
.columns.is-variable.is-1-touch {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 1088px) {
.columns.is-variable.is-1-desktop {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
.columns.is-variable.is-1-desktop-only {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 1280px) {
.columns.is-variable.is-1-widescreen {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 1280px) and (max-width: 1471px) {
.columns.is-variable.is-1-widescreen-only {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 1472px) {
.columns.is-variable.is-1-fullhd {
--columnGap: 0.25rem;
}
}
.columns.is-variable.is-2 {
--columnGap: 0.5rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-2-mobile {
--columnGap: 0.5rem;
}
}
@media print, screen and (min-width: 769px) {
.columns.is-variable.is-2-tablet {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
.columns.is-variable.is-2-tablet-only {
--columnGap: 0.5rem;
}
}
@media screen and (max-width: 1087px) {
.columns.is-variable.is-2-touch {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 1088px) {
.columns.is-variable.is-2-desktop {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
.columns.is-variable.is-2-desktop-only {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 1280px) {
.columns.is-variable.is-2-widescreen {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 1280px) and (max-width: 1471px) {
.columns.is-variable.is-2-widescreen-only {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 1472px) {
.columns.is-variable.is-2-fullhd {
--columnGap: 0.5rem;
}
}
.columns.is-variable.is-3 {
--columnGap: 0.75rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-3-mobile {
--columnGap: 0.75rem;
}
}
@media print, screen and (min-width: 769px) {
.columns.is-variable.is-3-tablet {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
.columns.is-variable.is-3-tablet-only {
--columnGap: 0.75rem;
}
}
@media screen and (max-width: 1087px) {
.columns.is-variable.is-3-touch {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 1088px) {
.columns.is-variable.is-3-desktop {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
.columns.is-variable.is-3-desktop-only {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 1280px) {
.columns.is-variable.is-3-widescreen {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 1280px) and (max-width: 1471px) {
.columns.is-variable.is-3-widescreen-only {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 1472px) {
.columns.is-variable.is-3-fullhd {
--columnGap: 0.75rem;
}
}
.columns.is-variable.is-4 {
--columnGap: 1rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-4-mobile {
--columnGap: 1rem;
}
}
@media print, screen and (min-width: 769px) {
.columns.is-variable.is-4-tablet {
--columnGap: 1rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
.columns.is-variable.is-4-tablet-only {
--columnGap: 1rem;
}
}
@media screen and (max-width: 1087px) {
.columns.is-variable.is-4-touch {
--columnGap: 1rem;
}
}
@media screen and (min-width: 1088px) {
.columns.is-variable.is-4-desktop {
--columnGap: 1rem;
}
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
.columns.is-variable.is-4-desktop-only {
--columnGap: 1rem;
}
}
@media screen and (min-width: 1280px) {
.columns.is-variable.is-4-widescreen {
--columnGap: 1rem;
}
}
@media screen and (min-width: 1280px) and (max-width: 1471px) {
.columns.is-variable.is-4-widescreen-only {
--columnGap: 1rem;
}
}
@media screen and (min-width: 1472px) {
.columns.is-variable.is-4-fullhd {
--columnGap: 1rem;
}
}
.columns.is-variable.is-5 {
--columnGap: 1.25rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-5-mobile {
--columnGap: 1.25rem;
}
}
@media print, screen and (min-width: 769px) {
.columns.is-variable.is-5-tablet {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
.columns.is-variable.is-5-tablet-only {
--columnGap: 1.25rem;
}
}
@media screen and (max-width: 1087px) {
.columns.is-variable.is-5-touch {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 1088px) {
.columns.is-variable.is-5-desktop {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
.columns.is-variable.is-5-desktop-only {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 1280px) {
.columns.is-variable.is-5-widescreen {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 1280px) and (max-width: 1471px) {
.columns.is-variable.is-5-widescreen-only {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 1472px) {
.columns.is-variable.is-5-fullhd {
--columnGap: 1.25rem;
}
}
.columns.is-variable.is-6 {
--columnGap: 1.5rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-6-mobile {
--columnGap: 1.5rem;
}
}
@media print, screen and (min-width: 769px) {
.columns.is-variable.is-6-tablet {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
.columns.is-variable.is-6-tablet-only {
--columnGap: 1.5rem;
}
}
@media screen and (max-width: 1087px) {
.columns.is-variable.is-6-touch {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 1088px) {
.columns.is-variable.is-6-desktop {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
.columns.is-variable.is-6-desktop-only {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 1280px) {
.columns.is-variable.is-6-widescreen {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 1280px) and (max-width: 1471px) {
.columns.is-variable.is-6-widescreen-only {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 1472px) {
.columns.is-variable.is-6-fullhd {
--columnGap: 1.5rem;
}
}
.columns.is-variable.is-7 {
--columnGap: 1.75rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-7-mobile {
--columnGap: 1.75rem;
}
}
@media print, screen and (min-width: 769px) {
.columns.is-variable.is-7-tablet {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
.columns.is-variable.is-7-tablet-only {
--columnGap: 1.75rem;
}
}
@media screen and (max-width: 1087px) {
.columns.is-variable.is-7-touch {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 1088px) {
.columns.is-variable.is-7-desktop {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
.columns.is-variable.is-7-desktop-only {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 1280px) {
.columns.is-variable.is-7-widescreen {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 1280px) and (max-width: 1471px) {
.columns.is-variable.is-7-widescreen-only {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 1472px) {
.columns.is-variable.is-7-fullhd {
--columnGap: 1.75rem;
}
}
.columns.is-variable.is-8 {
--columnGap: 2rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-8-mobile {
--columnGap: 2rem;
}
}
@media print, screen and (min-width: 769px) {
.columns.is-variable.is-8-tablet {
--columnGap: 2rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1087px) {
.columns.is-variable.is-8-tablet-only {
--columnGap: 2rem;
}
}
@media screen and (max-width: 1087px) {
.columns.is-variable.is-8-touch {
--columnGap: 2rem;
}
}
@media screen and (min-width: 1088px) {
.columns.is-variable.is-8-desktop {
--columnGap: 2rem;
}
}
@media screen and (min-width: 1088px) and (max-width: 1279px) {
.columns.is-variable.is-8-desktop-only {
--columnGap: 2rem;
}
}
@media screen and (min-width: 1280px) {
.columns.is-variable.is-8-widescreen {
--columnGap: 2rem;
}
}
@media screen and (min-width: 1280px) and (max-width: 1471px) {
.columns.is-variable.is-8-widescreen-only {
--columnGap: 2rem;
}
}
@media screen and (min-width: 1472px) {
.columns.is-variable.is-8-fullhd {
--columnGap: 2rem;
}
}
.subtitle,
.title {
word-break: break-word;
}
.subtitle em,
.subtitle span,
.title em,
.title span {
font-weight: inherit;
}
.subtitle sub,
.subtitle sup,
.title sub,
.title sup {
font-size: 0.75em;
}
.subtitle .tag,
.title .tag {
vertical-align: middle;
}
.title {
color: #363636;
font-size: 2rem;
font-weight: 600;
line-height: 1.125;
}
.title strong {
color: inherit;
font-weight: inherit;
}
.title + .highlight {
margin-top: -0.75rem;
}
.title:not(.is-spaced) + .subtitle {
margin-top: -1.25rem;
}
.title.is-1 {
font-size: 3rem;
}
.title.is-2 {
font-size: 2.5rem;
}
.title.is-3 {
font-size: 2rem;
}
.title.is-4 {
font-size: 1.5rem;
}
.title.is-5 {
font-size: 1.25rem;
}
.title.is-6 {
font-size: 1rem;
}
.title.is-7 {
font-size: 0.75rem;
}
.subtitle {
color: #4a4a4a;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.25;
}
.subtitle strong {
color: #363636;
font-weight: 600;
}
.subtitle:not(.is-spaced) + .title {
margin-top: -1.25rem;
}
.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;
}
.subtitle.is-7 {
font-size: 0.75rem;
}
.button {
background-color: #fff;
border-color: #dbdbdb;
border-width: 1px;
color: #363636;
cursor: pointer;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: calc(0.375em - 1px) 0.75em;
text-align: center;
white-space: nowrap;
}
.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(-0.375em - 1px);
margin-right: 0.1875em;
}
.button .icon:last-child:not(:first-child) {
margin-left: 0.1875em;
margin-right: calc(-0.375em - 1px);
}
.button .icon:first-child:last-child {
margin-left: calc(-0.375em - 1px);
margin-right: calc(-0.375em - 1px);
}
.button.is-hovered,
.button:hover {
border-color: #b5b5b5;
color: #363636;
}
.button.is-focused,
.button:focus {
border-color: #3273dc;
color: #363636;
}
.button.is-focused:not(:active),
.button:focus:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
.button.is-active,
.button:active {
border-color: #4a4a4a;
color: #363636;
}
.button.is-text {
background-color: transparent;
border-color: transparent;
color: #4a4a4a;
text-decoration: underline;
}
.button.is-text.is-focused,
.button.is-text.is-hovered,
.button.is-text:focus,
.button.is-text:hover {
background-color: #f5f5f5;
color: #363636;
}
.button.is-text.is-active,
.button.is-text:active {
background-color: #e8e8e8;
color: #363636;
}
.button.is-text[disabled],
fieldset[disabled] .button.is-text {
background-color: transparent;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-white {
background-color: #fff;
border-color: transparent;
color: #0a0a0a;
}
.button.is-white.is-hovered,
.button.is-white:hover {
background-color: #f9f9f9;
border-color: transparent;
color: #0a0a0a;
}
.button.is-white.is-focused,
.button.is-white:focus {
border-color: transparent;
color: #0a0a0a;
}
.button.is-white.is-focused:not(:active),
.button.is-white:focus:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em hsla(0, 0%, 100%, 0.25);
box-shadow: 0 0 0 0.125em hsla(0, 0%, 100%, 0.25);
}
.button.is-white.is-active,
.button.is-white:active {
background-color: #f2f2f2;
border-color: transparent;
color: #0a0a0a;
}
.button.is-white[disabled],
fieldset[disabled] .button.is-white {
background-color: #fff;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-white.is-inverted {
background-color: #0a0a0a;
color: #fff;
}
.button.is-white.is-inverted:hover {
background-color: #000;
}
.button.is-white.is-inverted[disabled],
fieldset[disabled] .button.is-white.is-inverted {
background-color: #0a0a0a;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.button.is-white.is-loading:after {
border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.button.is-white.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.button.is-white.is-outlined:focus,
.button.is-white.is-outlined:hover {
background-color: #fff;
border-color: #fff;
color: #0a0a0a;
}
.button.is-white.is-outlined.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-white.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-outlined {
background-color: transparent;
border-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.button.is-white.is-inverted.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
color: #0a0a0a;
}
.button.is-white.is-inverted.is-outlined:focus,
.button.is-white.is-inverted.is-outlined:hover {
background-color: #0a0a0a;
color: #fff;
}
.button.is-white.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-inverted.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
-webkit-box-shadow: none;
box-shadow: none;
color: #0a0a0a;
}
.button.is-black {
background-color: #0a0a0a;
border-color: transparent;
color: #fff;
}
.button.is-black.is-hovered,
.button.is-black:hover {
background-color: #040404;
border-color: transparent;
color: #fff;
}
.button.is-black.is-focused,
.button.is-black:focus {
border-color: transparent;
color: #fff;
}
.button.is-black.is-focused:not(:active),
.button.is-black:focus:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}
.button.is-black.is-active,
.button.is-black:active {
background-color: #000;
border-color: transparent;
color: #fff;
}
.button.is-black[disabled],
fieldset[disabled] .button.is-black {
background-color: #0a0a0a;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-black.is-inverted {
background-color: #fff;
color: #0a0a0a;
}
.button.is-black.is-inverted:hover {
background-color: #f2f2f2;
}
.button.is-black.is-inverted[disabled],
fieldset[disabled] .button.is-black.is-inverted {
background-color: #fff;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #0a0a0a;
}
.button.is-black.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-black.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
color: #0a0a0a;
}
.button.is-black.is-outlined:focus,
.button.is-black.is-outlined:hover {
background-color: #0a0a0a;
border-color: #0a0a0a;
color: #fff;
}
.button.is-black.is-outlined.is-loading:after {
border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.button.is-black.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
-webkit-box-shadow: none;
box-shadow: none;
color: #0a0a0a;
}
.button.is-black.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.button.is-black.is-inverted.is-outlined:focus,
.button.is-black.is-inverted.is-outlined:hover {
background-color: #fff;
color: #0a0a0a;
}
.button.is-black.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.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;
color: #363636;
}
.button.is-light.is-focused:not(:active),
.button.is-light:focus:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em hsla(0, 0%, 96.1%, 0.25);
box-shadow: 0 0 0 0.125em hsla(0, 0%, 96.1%, 0.25);
}
.button.is-light.is-active,
.button.is-light:active {
background-color: #e8e8e8;
border-color: transparent;
color: #363636;
}
.button.is-light[disabled],
fieldset[disabled] .button.is-light {
background-color: #f5f5f5;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-light.is-inverted {
background-color: #363636;
color: #f5f5f5;
}
.button.is-light.is-inverted:hover {
background-color: #292929;
}
.button.is-light.is-inverted[disabled],
fieldset[disabled] .button.is-light.is-inverted {
background-color: #363636;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #f5f5f5;
}
.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-outlined[disabled],
fieldset[disabled] .button.is-light.is-outlined {
background-color: transparent;
border-color: #f5f5f5;
-webkit-box-shadow: none;
box-shadow: none;
color: #f5f5f5;
}
.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-light.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-inverted.is-outlined {
background-color: transparent;
border-color: #363636;
-webkit-box-shadow: none;
box-shadow: none;
color: #363636;
}
.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;
color: #f5f5f5;
}
.button.is-dark.is-focused:not(:active),
.button.is-dark:focus:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}
.button.is-dark.is-active,
.button.is-dark:active {
background-color: #292929;
border-color: transparent;
color: #f5f5f5;
}
.button.is-dark[disabled],
fieldset[disabled] .button.is-dark {
background-color: #363636;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-dark.is-inverted {
background-color: #f5f5f5;
color: #363636;
}
.button.is-dark.is-inverted:hover {
background-color: #e8e8e8;
}
.button.is-dark.is-inverted[disabled],
fieldset[disabled] .button.is-dark.is-inverted {
background-color: #f5f5f5;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #363636;
}
.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-outlined[disabled],
fieldset[disabled] .button.is-dark.is-outlined {
background-color: transparent;
border-color: #363636;
-webkit-box-shadow: none;
box-shadow: none;
color: #363636;
}
.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-dark.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
background-color: transparent;
border-color: #f5f5f5;
-webkit-box-shadow: none;
box-shadow: none;
color: #f5f5f5;
}
.button.is-primary {
background-color: #00d1b2;
border-color: transparent;
color: #fff;
}
.button.is-primary.is-hovered,
.button.is-primary:hover {
background-color: #00c4a7;
border-color: transparent;
color: #fff;
}
.button.is-primary.is-focused,
.button.is-primary:focus {
border-color: transparent;
color: #fff;
}
.button.is-primary.is-focused:not(:active),
.button.is-primary:focus:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}
.button.is-primary.is-active,
.button.is-primary:active {
background-color: #00b89c;
border-color: transparent;
color: #fff;
}
.button.is-primary[disabled],
fieldset[disabled] .button.is-primary {
background-color: #00d1b2;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-primary.is-inverted {
background-color: #fff;
color: #00d1b2;
}
.button.is-primary.is-inverted:hover {
background-color: #f2f2f2;
}
.button.is-primary.is-inverted[disabled],
fieldset[disabled] .button.is-primary.is-inverted {
background-color: #fff;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #00d1b2;
}
.button.is-primary.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-primary.is-outlined {
background-color: transparent;
border-color: #00d1b2;
color: #00d1b2;
}
.button.is-primary.is-outlined:focus,
.button.is-primary.is-outlined:hover {
background-color: #00d1b2;
border-color: #00d1b2;
color: #fff;
}
.button.is-primary.is-outlined.is-loading:after {
border-color: transparent transparent #00d1b2 #00d1b2 !important;
}
.button.is-primary.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-outlined {
background-color: transparent;
border-color: #00d1b2;
-webkit-box-shadow: none;
box-shadow: none;
color: #00d1b2;
}
.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: #00d1b2;
}
.button.is-primary.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.button.is-link {
background-color: #3273dc;
border-color: transparent;
color: #fff;
}
.button.is-link.is-hovered,
.button.is-link:hover {
background-color: #276cda;
border-color: transparent;
color: #fff;
}
.button.is-link.is-focused,
.button.is-link:focus {
border-color: transparent;
color: #fff;
}
.button.is-link.is-focused:not(:active),
.button.is-link:focus:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
.button.is-link.is-active,
.button.is-link:active {
background-color: #2366d1;
border-color: transparent;
color: #fff;
}
.button.is-link[disabled],
fieldset[disabled] .button.is-link {
background-color: #3273dc;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-link.is-inverted {
background-color: #fff;
color: #3273dc;
}
.button.is-link.is-inverted:hover {
background-color: #f2f2f2;
}
.button.is-link.is-inverted[disabled],
fieldset[disabled] .button.is-link.is-inverted {
background-color: #fff;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #3273dc;
}
.button.is-link.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-link.is-outlined {
background-color: transparent;
border-color: #3273dc;
color: #3273dc;
}
.button.is-link.is-outlined:focus,
.button.is-link.is-outlined:hover {
background-color: #3273dc;
border-color: #3273dc;
color: #fff;
}
.button.is-link.is-outlined.is-loading:after {
border-color: transparent transparent #3273dc #3273dc !important;
}
.button.is-link.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-outlined {
background-color: transparent;
border-color: #3273dc;
-webkit-box-shadow: none;
box-shadow: none;
color: #3273dc;
}
.button.is-link.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.button.is-link.is-inverted.is-outlined:focus,
.button.is-link.is-inverted.is-outlined:hover {
background-color: #fff;
color: #3273dc;
}
.button.is-link.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.button.is-info {
background-color: #209cee;
border-color: transparent;
color: #fff;
}
.button.is-info.is-hovered,
.button.is-info:hover {
background-color: #1496ed;
border-color: transparent;
color: #fff;
}
.button.is-info.is-focused,
.button.is-info:focus {
border-color: transparent;
color: #fff;
}
.button.is-info.is-focused:not(:active),
.button.is-info:focus:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
}
.button.is-info.is-active,
.button.is-info:active {
background-color: #118fe4;
border-color: transparent;
color: #fff;
}
.button.is-info[disabled],
fieldset[disabled] .button.is-info {
background-color: #209cee;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-info.is-inverted {
background-color: #fff;
color: #209cee;
}
.button.is-info.is-inverted:hover {
background-color: #f2f2f2;
}
.button.is-info.is-inverted[disabled],
fieldset[disabled] .button.is-info.is-inverted {
background-color: #fff;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #209cee;
}
.button.is-info.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-info.is-outlined {
background-color: transparent;
border-color: #209cee;
color: #209cee;
}
.button.is-info.is-outlined:focus,
.button.is-info.is-outlined:hover {
background-color: #209cee;
border-color: #209cee;
color: #fff;
}
.button.is-info.is-outlined.is-loading:after {
border-color: transparent transparent #209cee #209cee !important;
}
.button.is-info.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-outlined {
background-color: transparent;
border-color: #209cee;
-webkit-box-shadow: none;
box-shadow: none;
color: #209cee;
}
.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: #209cee;
}
.button.is-info.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.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;
color: #fff;
}
.button.is-success.is-focused:not(:active),
.button.is-success:focus:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
}
.button.is-success.is-active,
.button.is-success:active {
background-color: #20bc56;
border-color: transparent;
color: #fff;
}
.button.is-success[disabled],
fieldset[disabled] .button.is-success {
background-color: #23d160;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-success.is-inverted {
background-color: #fff;
color: #23d160;
}
.button.is-success.is-inverted:hover {
background-color: #f2f2f2;
}
.button.is-success.is-inverted[disabled],
fieldset[disabled] .button.is-success.is-inverted {
background-color: #fff;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #23d160;
}
.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-outlined[disabled],
fieldset[disabled] .button.is-success.is-outlined {
background-color: transparent;
border-color: #23d160;
-webkit-box-shadow: none;
box-shadow: none;
color: #23d160;
}
.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-success.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.button.is-warning {
background-color: #ffdd57;
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-hovered,
.button.is-warning:hover {
background-color: #ffdb4a;
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-focused,
.button.is-warning:focus {
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-focused:not(:active),
.button.is-warning:focus:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
}
.button.is-warning.is-active,
.button.is-warning:active {
background-color: #ffd83d;
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning[disabled],
fieldset[disabled] .button.is-warning {
background-color: #ffdd57;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-warning.is-inverted {
color: #ffdd57;
}
.button.is-warning.is-inverted,
.button.is-warning.is-inverted:hover {
background-color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-inverted[disabled],
fieldset[disabled] .button.is-warning.is-inverted {
background-color: rgba(0, 0, 0, 0.7);
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #ffdd57;
}
.button.is-warning.is-loading:after {
border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 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, 0.7);
}
.button.is-warning.is-outlined.is-loading:after {
border-color: transparent transparent #ffdd57 #ffdd57 !important;
}
.button.is-warning.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-outlined {
background-color: transparent;
border-color: #ffdd57;
-webkit-box-shadow: none;
box-shadow: none;
color: #ffdd57;
}
.button.is-warning.is-inverted.is-outlined {
background-color: transparent;
border-color: rgba(0, 0, 0, 0.7);
color: rgba(0, 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, 0.7);
color: #ffdd57;
}
.button.is-warning.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
background-color: transparent;
border-color: rgba(0, 0, 0, 0.7);
-webkit-box-shadow: none;
box-shadow: none;
color: rgba(0, 0, 0, 0.7);
}
.button.is-danger {
background-color: #ff3860;
border-color: transparent;
color: #fff;
}
.button.is-danger.is-hovered,
.button.is-danger:hover {
background-color: #ff2b56;
border-color: transparent;
color: #fff;
}
.button.is-danger.is-focused,
.button.is-danger:focus {
border-color: transparent;
color: #fff;
}
.button.is-danger.is-focused:not(:active),
.button.is-danger:focus:not(:active) {
-webkit-box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
}
.button.is-danger.is-active,
.button.is-danger:active {
background-color: #ff1f4b;
border-color: transparent;
color: #fff;
}
.button.is-danger[disabled],
fieldset[disabled] .button.is-danger {
background-color: #ff3860;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-danger.is-inverted {
background-color: #fff;
color: #ff3860;
}
.button.is-danger.is-inverted:hover {
background-color: #f2f2f2;
}
.button.is-danger.is-inverted[disabled],
fieldset[disabled] .button.is-danger.is-inverted {
background-color: #fff;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #ff3860;
}
.button.is-danger.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-danger.is-outlined {
background-color: transparent;
border-color: #ff3860;
color: #ff3860;
}
.button.is-danger.is-outlined:focus,
.button.is-danger.is-outlined:hover {
background-color: #ff3860;
border-color: #ff3860;
color: #fff;
}
.button.is-danger.is-outlined.is-loading:after {
border-color: transparent transparent #ff3860 #ff3860 !important;
}
.button.is-danger.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-outlined {
background-color: transparent;
border-color: #ff3860;
-webkit-box-shadow: none;
box-shadow: none;
color: #ff3860;
}
.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: #ff3860;
}
.button.is-danger.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.button.is-small {
border-radius: 2px;
font-size: 0.75rem;
}
.button.is-normal {
font-size: 1rem;
}
.button.is-medium {
font-size: 1.25rem;
}
.button.is-large {
font-size: 1.5rem;
}
.button[disabled],
fieldset[disabled] .button {
background-color: #fff;
border-color: #dbdbdb;
-webkit-box-shadow: none;
box-shadow: none;
opacity: 0.5;
}
.button.is-fullwidth {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.button.is-loading {
color: transparent !important;
pointer-events: none;
}
.button.is-loading:after {
position: absolute;
left: calc(50% - 0.5em);
top: calc(50% - 0.5em);
position: absolute !important;
}
.button.is-static {
background-color: #f5f5f5;
border-color: #dbdbdb;
color: #7a7a7a;
-webkit-box-shadow: none;
box-shadow: none;
pointer-events: none;
}
.button.is-rounded {
border-radius: 290486px;
padding-left: 1em;
padding-right: 1em;
}
.buttons {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.buttons .button {
margin-bottom: 0.5rem;
}
.buttons .button:not(:last-child):not(.is-fullwidth) {
margin-right: 0.5rem;
}
.buttons:last-child {
margin-bottom: -0.5rem;
}
.buttons:not(:last-child) {
margin-bottom: 1rem;
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
border-radius: 2px;
font-size: 0.75rem;
}
.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
font-size: 1.25rem;
}
.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
font-size: 1.5rem;
}
.buttons.has-addons .button:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.buttons.has-addons .button:not(:last-child) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
margin-right: -1px;
}
.buttons.has-addons .button:last-child {
margin-right: 0;
}
.buttons.has-addons .button.is-hovered,
.buttons.has-addons .button:hover {
z-index: 2;
}
.buttons.has-addons .button.is-active,
.buttons.has-addons .button.is-focused,
.buttons.has-addons .button.is-selected,
.buttons.has-addons .button:active,
.buttons.has-addons .button:focus {
z-index: 3;
}
.buttons.has-addons .button.is-active:hover,
.buttons.has-addons .button.is-focused:hover,
.buttons.has-addons .button.is-selected:hover,
.buttons.has-addons .button:active:hover,
.buttons.has-addons .button:focus:hover {
z-index: 4;
}
.buttons.has-addons .button.is-expanded {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.buttons.is-centered {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.buttons.is-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
body {
font-family: Roboto, sans-serif;
}
h1.title {
font-family: Gafata, sans-serif;
font-weight: 500;
}
.green-highlight {
-webkit-box-shadow: inset 0 -6px 0 rgba(53, 196, 84, 0.4);
box-shadow: inset 0 -6px 0 rgba(53, 196, 84, 0.4);
}
.red-highlight {
-webkit-box-shadow: inset 0 -6px 0 rgba(255, 71, 71, 0.3);
box-shadow: inset 0 -6px 0 rgba(255, 71, 71, 0.3);
}
#video {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-shadow: 0 10px 22px 4px rgba(0, 0, 0, 0.75);
box-shadow: 0 10px 22px 4px rgba(0, 0, 0, 0.75);
border-radius: 5px 5px 0 0;
overflow: hidden;
border: 1px solid #777;
}
#video .browser {
position: relative;
display: block;
height: 41px;
width: 100%;
background: #222;
line-height: 45px;
padding-left: 15px;
}
#video .browser .circle {
width: 15px;
height: 15px;
display: inline-block;
border-radius: 50%;
margin-right: 4px;
}
#video .browser .circle.red {
background-color: #ff4747;
}
#video .browser .circle.yellow {
background-color: #d3c437;
}
#video .browser .circle.green {
background-color: #35c454;
}
/*# sourceMappingURL=/style.dc129b46.css.map */