html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; } article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }   .animated {
animation-duration: 1s;
animation-fill-mode: both; }
.animated.infinite {
animation-iteration-count: infinite; }
.animated.hinge {
animation-duration: 2s; }
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
animation-duration: .75s; }
@keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0); }
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0); }
70% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0); }
90% {
transform: translate3d(0, -4px, 0); } }
.bounce {
animation-name: bounce;
transform-origin: center bottom; }
@keyframes flash {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
.flash {
animation-name: flash; } @keyframes pulse {
from {
transform: scale3d(1, 1, 1); }
50% {
transform: scale3d(1.05, 1.05, 1.05); }
to {
transform: scale3d(1, 1, 1); } }
.pulse {
animation-name: pulse; }
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1); }
30% {
transform: scale3d(1.25, 0.75, 1); }
40% {
transform: scale3d(0.75, 1.25, 1); }
50% {
transform: scale3d(1.15, 0.85, 1); }
65% {
transform: scale3d(0.95, 1.05, 1); }
75% {
transform: scale3d(1.05, 0.95, 1); }
to {
transform: scale3d(1, 1, 1); } }
.rubberBand {
animation-name: rubberBand; }
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0); } }
.shake {
animation-name: shake; }
@keyframes headShake {
0% {
transform: translateX(0); }
6.5% {
transform: translateX(-6px) rotateY(-9deg); }
18.5% {
transform: translateX(5px) rotateY(7deg); }
31.5% {
transform: translateX(-3px) rotateY(-5deg); }
43.5% {
transform: translateX(2px) rotateY(3deg); }
50% {
transform: translateX(0); } }
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake; }
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg); }
40% {
transform: rotate3d(0, 0, 1, -10deg); }
60% {
transform: rotate3d(0, 0, 1, 5deg); }
80% {
transform: rotate3d(0, 0, 1, -5deg); }
to {
transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
transform-origin: top center;
animation-name: swing; }
@keyframes tada {
from {
transform: scale3d(1, 1, 1); }
10%, 20% {
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
transform: scale3d(1, 1, 1); } }
.tada {
animation-name: tada; } @keyframes wobble {
from {
transform: none; }
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
transform: none; } }
.wobble {
animation-name: wobble; }
@keyframes jello {
from, 11.1%, to {
transform: none; }
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg); }
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
.jello {
animation-name: jello;
transform-origin: center; }
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
20% {
transform: scale3d(1.1, 1.1, 1.1); }
40% {
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03); }
80% {
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
transform: scale3d(1, 1, 1); } }
.bounceIn {
animation-name: bounceIn; }
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
transform: translate3d(0, 25px, 0); }
75% {
transform: translate3d(0, -10px, 0); }
90% {
transform: translate3d(0, 5px, 0); }
to {
transform: none; } }
.bounceInDown {
animation-name: bounceInDown; }
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
transform: translate3d(25px, 0, 0); }
75% {
transform: translate3d(-10px, 0, 0); }
90% {
transform: translate3d(5px, 0, 0); }
to {
transform: none; } }
.bounceInLeft {
animation-name: bounceInLeft; }
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0); }
75% {
transform: translate3d(10px, 0, 0); }
90% {
transform: translate3d(-5px, 0, 0); }
to {
transform: none; } }
.bounceInRight {
animation-name: bounceInRight; }
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
transform: translate3d(0, -20px, 0); }
75% {
transform: translate3d(0, 10px, 0); }
90% {
transform: translate3d(0, -5px, 0); }
to {
transform: translate3d(0, 0, 0); } }
.bounceInUp {
animation-name: bounceInUp; }
@keyframes bounceOut {
20% {
transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1); }
to {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
animation-name: bounceOut; }
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
animation-name: bounceOutDown; }
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
animation-name: bounceOutLeft; }
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
animation-name: bounceOutRight; }
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
animation-name: bounceOutUp; }
@keyframes fadeIn {
from {
visibility: hidden;
opacity: 0; }
to {
visibility: visible;
opacity: 1; } }
.fadeIn {
animation-name: fadeIn; }
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInDown {
animation-name: fadeInDown; }
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInDownBig {
animation-name: fadeInDownBig; }
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInLeft {
animation-name: fadeInLeft; }
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInLeftBig {
animation-name: fadeInLeftBig; }
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInRight {
animation-name: fadeInRight; }
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInRightBig {
animation-name: fadeInRightBig; }
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInUp {
animation-name: fadeInUp; }
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
transform: none; } }
.fadeInUpBig {
animation-name: fadeInUpBig; }
@keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
.fadeOut {
animation-name: fadeOut; }
@keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
animation-name: fadeOutDown; }
@keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
animation-name: fadeOutDownBig; }
@keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
animation-name: fadeOutLeft; }
@keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
animation-name: fadeOutLeftBig; }
@keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
animation-name: fadeOutRight; }
@keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
animation-name: fadeOutRightBig; }
@keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
animation-name: fadeOutUp; }
@keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
animation-name: fadeOutUpBig; }
@keyframes flip {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out; }
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out; }
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in; }
80% {
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
animation-timing-function: ease-in; }
to {
transform: perspective(400px);
animation-timing-function: ease-in; } }
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip; }
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0; }
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in; }
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
transform: perspective(400px); } }
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX; }
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0; }
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in; }
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
transform: perspective(400px); } }
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInY; }
@keyframes flipOutX {
from {
transform: perspective(400px); }
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
.flipOutX {
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important; }
@keyframes flipOutY {
from {
transform: perspective(400px); }
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipOutY; }
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
transform: skewX(20deg);
opacity: 1; }
80% {
transform: skewX(-5deg);
opacity: 1; }
to {
transform: none;
opacity: 1; } }
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out; }
@keyframes lightSpeedOut {
from {
opacity: 1; }
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in; }
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
transform-origin: center;
transform: none;
opacity: 1; } }
.rotateIn {
animation-name: rotateIn; }
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
transform-origin: left bottom;
transform: none;
opacity: 1; } }
.rotateInDownLeft {
animation-name: rotateInDownLeft; }
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
transform-origin: right bottom;
transform: none;
opacity: 1; } }
.rotateInDownRight {
animation-name: rotateInDownRight; }
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
transform-origin: left bottom;
transform: none;
opacity: 1; } }
.rotateInUpLeft {
animation-name: rotateInUpLeft; }
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
transform-origin: right bottom;
transform: none;
opacity: 1; } }
.rotateInUpRight {
animation-name: rotateInUpRight; }
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1; }
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
.rotateOut {
animation-name: rotateOut; }
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1; }
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
.rotateOutDownLeft {
animation-name: rotateOutDownLeft; }
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1; }
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutDownRight {
animation-name: rotateOutDownRight; }
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1; }
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutUpLeft {
animation-name: rotateOutUpLeft; }
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1; }
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
.rotateOutUpRight {
animation-name: rotateOutUpRight; }
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out; }
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out; }
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
transform: translate3d(0, 700px, 0);
opacity: 0; } }
.hinge {
animation-name: hinge; }
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom; }
50% {
transform: rotate(-10deg); }
70% {
transform: rotate(3deg); }
to {
opacity: 1;
transform: scale(1); } }
.jackInTheBox {
animation-name: jackInTheBox; } @keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
transform: none; } }
.rollIn {
animation-name: rollIn; } @keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
animation-name: rollOut; }
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.zoomIn {
animation-name: zoomIn; }
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
animation-name: zoomInDown; }
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
animation-name: zoomInLeft; }
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
animation-name: zoomInRight; }
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
animation-name: zoomInUp; }
@keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
.zoomOut {
animation-name: zoomOut; }
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
animation-name: zoomOutDown; }
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
transform-origin: left center; } }
.zoomOutLeft {
animation-name: zoomOutLeft; }
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
transform: scale(0.1) translate3d(2000px, 0, 0);
transform-origin: right center; } }
.zoomOutRight {
animation-name: zoomOutRight; }
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
animation-name: zoomOutUp; }
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
opacity: 1;
transform: translate3d(0, 0, 0);
visibility: visible; } }
@keyframes slideInDownSecondLevel {
from {
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
opacity: 1;
transform: translate3d(0, -50%, 0);
visibility: visible; } }
.slideInDown {
animation-name: slideInDown; }
.secondLevel .slideInDown, .topLevel .slideInDown {
animation-name: slideInDownSecondLevel; }
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
transform: translate3d(-50%, 0, 0); } }
.slideInLeft {
animation-name: slideInLeft; }
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
transform: translate3d(0, 0, 0);
visibility: visible; } }
.slideInRight {
animation-name: slideInRight; }
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0); } }
.slideInUp {
animation-name: slideInUp; }
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(0, 100%, 0); } }
.slideOutDown {
animation-name: slideOutDown; }
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
animation-name: slideOutLeft; }
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: visible;
transform: translate3d(100%, 0, 0); } }
.slideOutRight {
animation-name: slideOutRight; }
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
transform: translate3d(0, -100%, 0); } }
.slideOutUp {
animation-name: slideOutUp; }
@font-face {
font-family: 'PFRegalDisplayProUBlack';
src: url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-UBlackItalic.eot);
src: local("PFRegalDisplayPro-UBlackItalic"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-UBlackItalic.eot?#iefix) format("embedded-opentype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-UBlackItalic.woff2) format("woff2"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-UBlackItalic.woff) format("woff"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-UBlackItalic.ttf) format("truetype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-UBlackItalic.svg#PFRegalDisplayPro-UBlackItalic) format("svg");
font-weight: 900;
font-style: italic; }
@font-face {
font-family: 'PFRegalDisplayPro';
src: url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Italic.eot);
src: local("PFRegalDisplayPro-Italic"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Italic.eot?#iefix) format("embedded-opentype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Italic.woff2) format("woff2"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Italic.woff) format("woff"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Italic.ttf) format("truetype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Italic.svg#PFRegalDisplayPro-Italic) format("svg");
font-weight: normal;
font-style: italic; }
@font-face {
font-family: 'PFRegalDisplayPro';
src: url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-BlackItalic.eot);
src: local("PFRegalDisplayPro-BlackItalic"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-BlackItalic.eot?#iefix) format("embedded-opentype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-BlackItalic.woff2) format("woff2"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-BlackItalic.woff) format("woff"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-BlackItalic.ttf) format("truetype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-BlackItalic.svg#PFRegalDisplayPro-BlackItalic) format("svg");
font-weight: 900;
font-style: italic; }
@font-face {
font-family: 'PFBagueSansPro';
src: url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFBagueSansPro-Regular.eot);
src: local("PFBagueSansPro-Regular"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFBagueSansPro-Regular.eot?#iefix) format("embedded-opentype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFBagueSansPro-Regular.woff2) format("woff2"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFBagueSansPro-Regular.woff) format("woff"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFBagueSansPro-Regular.ttf) format("truetype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFBagueSansPro-Regular.svg#PFBagueSansPro-Regular) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'PFBagueSansPro';
src: url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFBagueSansPro-Bold.eot);
src: local("PFBagueSansPro-Bold"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFBagueSansPro-Bold.eot?#iefix) format("embedded-opentype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFBagueSansPro-Bold.woff2) format("woff2"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFBagueSansPro-Bold.woff) format("woff"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFBagueSansPro-Bold.ttf) format("truetype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFBagueSansPro-Bold.svg#PFBagueSansPro-Bold) format("svg");
font-weight: bold;
font-style: normal; }
@font-face {
font-family: 'PFBagueSansPro';
src: url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFBagueSansPro-Thin.eot);
src: local("PFBagueSansPro-Thin"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFBagueSansPro-Thin.eot?#iefix) format("embedded-opentype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFBagueSansPro-Thin.woff2) format("woff2"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFBagueSansPro-Thin.woff) format("woff"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFBagueSansPro-Thin.ttf) format("truetype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFBagueSansPro-Thin.svg#PFBagueSansPro-Thin) format("svg");
font-weight: 100;
font-style: normal; }
@font-face {
font-family: 'PFRegalDisplayPro';
src: url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Medium.eot);
src: local("PFRegalDisplayPro-Medium"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Medium.eot?#iefix) format("embedded-opentype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Medium.woff2) format("woff2"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Medium.woff) format("woff"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Medium.ttf) format("truetype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Medium.svg#PFRegalDisplayPro-Medium) format("svg");
font-weight: 500;
font-style: normal; }
@font-face {
font-family: 'PFRegalDisplayPro';
src: url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Regular.eot);
src: local("PFRegalDisplayPro-Regular"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Regular.eot?#iefix) format("embedded-opentype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Regular.woff2) format("woff2"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Regular.woff) format("woff"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Regular.ttf) format("truetype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Regular.svg#PFRegalDisplayPro-Regular) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'PFRegalDisplayPro';
src: url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-MediumItalic.eot);
src: local("PFRegalDisplayPro-MediumItalic"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-MediumItalic.eot?#iefix) format("embedded-opentype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-MediumItalic.woff2) format("woff2"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-MediumItalic.woff) format("woff"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-MediumItalic.ttf) format("truetype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-MediumItalic.svg#PFRegalDisplayPro-MediumItalic) format("svg");
font-weight: 500;
font-style: italic; }
@font-face {
font-family: 'PFRegalDisplayProUBlack';
src: url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-UBlack.eot);
src: local("PFRegalDisplayPro-UBlack"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-UBlack.eot?#iefix) format("embedded-opentype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-UBlack.woff2) format("woff2"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-UBlack.woff) format("woff"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-UBlack.ttf) format("truetype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-UBlack.svg#PFRegalDisplayPro-UBlack) format("svg");
font-weight: 900;
font-style: normal; }
@font-face {
font-family: 'PFRegalDisplayPro';
src: url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-BoldItalic.eot);
src: local("PFRegalDisplayPro-BoldItalic"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-BoldItalic.eot?#iefix) format("embedded-opentype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-BoldItalic.woff2) format("woff2"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-BoldItalic.woff) format("woff"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-BoldItalic.ttf) format("truetype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-BoldItalic.svg#PFRegalDisplayPro-BoldItalic) format("svg");
font-weight: bold;
font-style: italic; }
@font-face {
font-family: 'PFRegalDisplayPro';
src: url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Black.eot);
src: local("PFRegalDisplayPro-Black"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Black.eot?#iefix) format("embedded-opentype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Black.woff2) format("woff2"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Black.woff) format("woff"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Black.ttf) format("truetype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Black.svg#PFRegalDisplayPro-Black) format("svg");
font-weight: 900;
font-style: normal; }
@font-face {
font-family: 'PFRegalDisplayPro';
src: url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Bold.eot);
src: local("PFRegalDisplayPro-Bold"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Bold.eot?#iefix) format("embedded-opentype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Bold.woff2) format("woff2"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Bold.woff) format("woff"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Bold.ttf) format("truetype"), url(//thelynxcasino.labapps.gr/wp-content/themes/thelynx/scss/fonts/hinted-subset-PFRegalDisplayPro-Bold.svg#PFRegalDisplayPro-Bold) format("svg");
font-weight: bold;
font-style: normal; } .editor-post-title__input {
text-align: center !important; }
.wp-block {
max-width: 100% !important; }
.block-editor-block-list__layout .block-editor-block-list__block[data-align=full], .edit-post-visual-editor .block-editor-block-list__block .block-editor-block-list__block-edit {
margin-left: 0 !important;
margin-right: 0 !important; }
.block-editor-block-list__layout .block-editor-block-list__block > .block-editor-block-list__block-edit {
margin: 0 !important; }
.wp-block.editor-block-list__block.block-editor-block-list__block.is-selected[data-type="acf/lynxheader"], .wp-block.editor-block-list__block.block-editor-block-list__block.is-selected {
margin: 60px 0 !important; }
.block-editor-block-list__layout .block-editor-block-list__block {
padding: 0 !important;
position: relative !important; }
.block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__block-edit:before {
border: none !important;
outline: none !important; }
.reusable-block-indicator {
display: none !important; }
.block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit:before {
box-shadow: none !important; }
.block-editor-block-mover {
display: none !important; }
.block-editor-block-list__block.is-selected .block-editor-block-mover {
display: block !important;
opacity: 1 !important; }
.is-reusable {
z-index: 999 !important; } #mobile {
height: calc(100vh - 100px);
overflow: auto;
padding: 200px 40px 0; }
@media only screen and (max-height: 767px) and (orientation: landscape) {
#mobile { height: calc((100vh*1.7) - 100px); } }
#mobile ul li {
text-transform: uppercase;
font-weight: 400;
color: #ffffff;
font-size: 24px;
line-height: 1;
margin: 20px 0;
text-align: center;
position: relative; }
#mobile ul li a {
color: #ffffff; }
#mobile ul li ul {
display: none; }
#mobile ul li ul.active {
display: block; }
#mobile ul li ul li {
font-size: 22px;
padding: 0 5px; }
#mobile ul li ul li a {
color: #ffffff; }
#mobile ul li.current-menu-item a {
color: #db4235; }
#mobile ul > li span {
position: relative; }
#mobile ul > li span:before {
color: #ffffff;
content: "\25CF";
position: absolute;
left: -18px;
opacity: .5;
font-size: 12px;
top: 50%;
transform: translate(0, -50%); }
#mobile ul > li span:after {
color: #ffffff;
content: "\25CF";
position: absolute;
right: -18px;
opacity: .5;
font-size: 12px;
top: 50%;
transform: translate(0, -50%); }
#mobile ul > li.current-menu-item > a {
color: #2d221e !important; }
.mobile-menu {
justify-content: center;
position: absolute;
top: 0px;
width: 100%;
height: calc(100vh - 66px );
background-color: #aa834a;
z-index: 999;
display: none; }
@media only screen and (max-height: 767px) and (orientation: landscape) {
.mobile-menu { height: calc((100vh*1.7) - 66px); } }
.mobile-menu.show {
display: flex; }
.hamburger {
position: absolute;
right: 5px;
top: 20px;
display: none !important;
z-index: 99999; }
.hamburger.hide {
display: none !important; }
.hamburger.show {
display: block !important; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after, .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
background-color: #aa834a !important; }
.hamburger.hamburger--collapse.is-active .hamburger-inner, .hamburger.hamburger--collapse.is-active .hamburger-inner::before, .hamburger.hamburger--collapse.is-active .hamburger-inner::after, .hamburger.hamburger--collapse.is-active .hamburger.is-active .hamburger-inner, .hamburger.hamburger--collapse.is-active .hamburger.is-active .hamburger-inner::before, .hamburger.hamburger--collapse.is-active .hamburger.is-active .hamburger-inner::after {
background-color: #ffffff !important; }
.wrap-mobile {
position: absolute;
height: calc(100vh - 66px);
background-color: transparent;
width: 100%;
overflow: hidden; }
.wrap-mobile.hide {
display: none; }
@media only screen and (max-height: 767px) and (orientation: landscape) {
.wrap-mobile { height: calc((100vh*1.7) - 66px); } }
.lang-switch a {
background-color: transparent;
color: #ffffff;
padding: 4px;
top: -3px;
position: relative;
font-size: 14px;
right: 21px;
border: 1px solid;
border-top-color: currentcolor;
border-top-style: solid;
border-top-width: 1px;
border-bottom-color: currentcolor;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom: 0;
border-top: 0;
border: none; }
.lang-switch a:hover {
color: #aa834a; }
i {
border: solid #aa834a;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 2px;
position: relative;
top: 50%; }
.right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
.left {
transform: rotate(135deg);
-webkit-transform: rotate(135deg); }
.up {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg); }
.down {
transform: rotate(45deg) translate(-50%);
-webkit-transform: rotate(45deg) translate(-50%); }
.navigation-bar {
height: 100%;
text-align: center; }
#navigation {
position: relative;
display: inline-block;
opacity: 1;
-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-ms-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out; }
#navigation.hide {
visibility: hidden;
opacity: 0; }
.logo-wrapper {
position: relative;
z-index: 9999; } #cssmenu {
padding: 0;
margin: 0;
border: 0;
width: auto; }
#cssmenu ul,
#cssmenu li {
list-style: none;
margin: 0;
padding: 0; }
#cssmenu ul {
position: relative;
z-index: 597; }
#cssmenu ul li {
float: left;
min-height: 1px;
vertical-align: middle;
position: relative; }
#cssmenu > ul > li > a {
padding-bottom: 10px; }
#cssmenu ul li:last-child .hoverEffect {
left: calc(50% + 7px); }
#cssmenu ul li:last-child > a {
margin-right: 0;
padding-right: 0; }
#cssmenu ul li.hover,
#cssmenu ul li:hover {
position: relative;
z-index: 599;
cursor: default; }
#cssmenu ul ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
opacity: 0;
height: 0;
-webkit-transition: all 500ms ease-out .1s;
-moz-transition: all 500ms ease-out .1s;
-o-transition: all 500ms ease-out .1s;
transition: all 500ms ease-out .1s; }
#cssmenu ul ul li {
float: none; }
#cssmenu ul ul ul {
top: 0 !important;
left: 150%;
width: 190px; }
#cssmenu ul li:hover > ul {
visibility: visible;
top: 100%;
opacity: 1;
-webkit-transition: all 400ms ease-out .1s;
-moz-transition: all 400ms ease-out .1s;
-o-transition: all 400ms ease-out .1s;
transition: all 400ms ease-out .1s;
-moz-box-shadow: 0 11px 19px rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 0 11px 19px rgba(0, 0, 0, 0.12);
box-shadow: 0 11px 19px rgba(0, 0, 0, 0.12); }
#cssmenu ul ul {
bottom: 0;
left: 0; }
#cssmenu ul ul {
margin-top: 0; }
#cssmenu ul ul li {
font-weight: normal; }
#cssmenu a {
display: block;
line-height: 1em;
text-decoration: none; } #cssmenu {
background: transparent;
border-bottom: 4px solid transparent;
font-family: "PFBagueSansPro";
font-weight: bold;
font-size: 0.875rem; }
#cssmenu > ul {
*display: inline-block; }
#cssmenu:after,
#cssmenu ul:after {
content: '';
display: block;
clear: both; }
#cssmenu ul ul {
border: solid 1px transparent;
text-transform: none;
min-width: 190px;
-moz-box-shadow: 0 11px 19px rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 0 11px 19px rgba(0, 0, 0, 0.12);
box-shadow: 0 11px 19px rgba(0, 0, 0, 0.12);
position: absolute;
height: 100%;
text-align: center;
display: inline-table;
left: 50%;
transform: translate(-50%); }
#cssmenu ul ul a {
color: #ffffff;
border-bottom: 1px solid #aa834a;
border-top: 0 none;
padding: 8px;
font-size: 0.875rem;
-webkit-transition: background-color 500ms ease-in-out .1s;
-moz-transition: background-color 500ms ease-in-out .1s;
-o-transition: background-color 500ms ease-in-out .1s;
transition: background-color 500ms ease-in-out .1s; }
#cssmenu ul ul ul {
border-top: 0 none; }
#cssmenu ul ul li {
position: relative; }
#cssmenu ul ul li:first-child > a {
border-top: 1px solid #aa834a;
padding-top: 8px; }
#cssmenu ul ul li:hover > a {
background: rgba(235, 226, 214, 0.5);
color: #ffffff; }
#cssmenu ul ul li:last-child > a {
border-bottom: 1px #aa834a solid;
padding-bottom: 8px; }
#cssmenu ul ul li.has-sub > a:after {
content: '+';
position: absolute;
top: 50%;
right: 15px;
margin-top: -8px; }
#cssmenu ul li:hover > a,
#cssmenu ul li.active > a {
color: #aa834a;
-webkit-transition: color 300ms ease-out .1s;
-moz-transition: color 300ms ease-out .1s;
-o-transition: color 300ms ease-out .1s;
transition: color 300ms ease-out .1s; } #cssmenu ul li.last ul {
left: auto;
right: 0; }
#cssmenu ul li.last ul ul {
left: auto;
right: 99.5%; }
#cssmenu a {
color: #aa834a;
padding: 0 15px; } #cssmenu ul > li:before {
color: #ffffff;
content: "\25CF";
position: absolute;
left: -6px;
opacity: .5; }
#cssmenu ul > li:first-child:before {
color: #ffffff;
content: "\25CF";
position: absolute;
left: -3px;
opacity: .5; }
#cssmenu ul > li:last-child:after {
color: #ffffff;
content: "\25CF";
position: absolute;
top: 0;
right: -18px;
opacity: .5; }
#cssmenu ul > li > ul > li:before {
content: " "; }
#cssmenu ul > li > ul > li:first-child:before, #cssmenu ul > li > ul > li:last-child:after {
content: " "; }
#cssmenu > ul > li > a {
font-family: "PFBagueSansPro";
font-size: 0.875rem;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.21;
letter-spacing: 1.4px;
text-align: center;
color: #ffffff; }
#cssmenu .hoverEffect {
position: absolute;
left: 50%;
bottom: -10px;
width: 2px;
background-color: #aa834a;
height: 0;
opacity: 0;
cursor: pointer; }
#cssmenu .hoverEffectWide {
position: absolute;
background-color: #00A0E3;
width: 3px;
height: 0; }
#cssmenu .active .hoverEffectWide {
position: absolute;
background-color: #fff;
width: 3px;
height: 15px;
top: 50%;
transform: translate(0, -50%); }
#cssmenu .hoverEffect:hover {
cursor: pointer; }
#cssmenu .current-menu-item .hoverEffect, #cssmenu .current-menu-ancestor .hoverEffect, #cssmenu .current-menu-parent .hoverEffect, #cssmenu .current_page_parent .hoverEffect, #cssmenu .current_page_ancestor .hoverEffect {
height: 10px;
opacity: 0; }
ul > li.current-menu-item > a {
color: #aa834a !important; }
.current-menu-parent > a {
color: #aa834a !important; }
ul > li > ul > li.current-menu-item > a, ul > li > ul > li > ul > li.current-menu-item > a {
color: #aa834a !important;
background-color: white !important; }
#cssmenu ul li.hover > .hoverEffectWide,
#cssmenu ul li:hover > .hoverEffectWide {
height: 10px;
top: 50%;
transform: translate(0, -50%);
-webkit-transition: height 500ms ease-out .1s;
-moz-transition: height 500ms ease-out .1s;
-o-transition: height 500ms ease-out .1s;
transition: height 500ms ease-out .1s; }
#cssmenu ul li.hover > .hoverEffect,
#cssmenu ul li:hover > .hoverEffect {
height: 10px;
opacity: 0;
-webkit-transition: height 500ms ease-out .1s;
-moz-transition: height 500ms ease-out .1s;
-o-transition: height 500ms ease-out .1s;
transition: height 500ms ease-out .1s; }
.active, .current-menu-item {
color: #aa834a !important; } .active .hoverEffect {
height: 10px !important;
opacity: 1 !important; }
.not-active .hoverEffectWide {
visibility: hidden !important; }
.active .hoverEffectWide {
visibility: visible !important; }  #mobileMenu {
background-color: #aa834a; }
#mobileMenu #mobileNav li {
font-weight: 400; }
#mobileMenu #mobileNav > ul > li {
font-weight: 700; }
#mobileMenu #mobileNav > ul > li.active {
background-color: #aa834a; }
#mobileMenu #mobileNav ul li {
position: relative;
padding: 15px 30px; }
#mobileMenu #mobileNav ul li.active .hoverEffectWide {
opacity: 1 !important;
height: 25px; }
#mobileMenu #mobileNav .active, #mobileMenu #mobileNav .current-menu-item, #mobileMenu #mobileNav .current-menu-ancestor > a {
color: #fff !important; }
#mobileMenu #mobileNav .active, #mobileMenu #mobileNav .current-menu-item, #mobileMenu #mobileNav .current-menu-ancestor > ul {
display: block !important; }
#mobileMenu #mobileNav .active, #mobileMenu #mobileNav .current-menu-item, #mobileMenu #mobileNav .current-menu-ancestor, #mobileMenu #mobileNav .current_page_item .active {
background-color: #aa834a; }
#mobileMenu #mobileNav li:last-of-type {
padding-bottom: 0; }
#mobileMenu #mobileNav .has-sub ul {
display: none; }
#mobileMenu #mobileNav .hoverEffect {
height: 1px;
width: calc(100% - 60px);
opacity: 0;
left: auto;
bottom: 0;
top: auto; }
#mobileMenu #mobileNav a {
color: #FFF; }
#mobile-navigation {
position: absolute;
right: 1.25rem;
top: 50%;
transform: translate(0, -50%); }
#mobile-navigation .hamburger {
display: block;
padding: 0; }
#mobile-navigation .hamburger.hide {
display: none; }
.mobile-menu-wrapper {
width: 100%;
height: 100vh;
display: flex;
position: fixed;
background-color: #2a2a2a;
z-index: 98;
display: none; }
.mobile-menu-wrapper #mobile {
display: flex;
width: 100%;
padding: 1.25rem; }
.mobile-menu-wrapper #mobile ul {
border-bottom: 1px transparent solid;
width: 100%; }
.mobile-menu-wrapper #mobile ul#menu-header-menu-1 {
max-height: calc(100% - 70px);
overflow: auto; }
.mobile-menu-wrapper #mobile ul li {
padding: 10px 0; }
.mobile-menu-wrapper #mobile ul li a {
font-size: 18px;
color: #ffffff !important; }
.mobile-menu-wrapper #mobile ul li ul {
display: none;
padding: 10px 0 11px;
margin-bottom: 10px;
border-bottom: 1px #2a2a2a solid; }
.mobile-menu-wrapper #mobile ul li ul li {
padding-left: 10px; }
.mobile-menu-wrapper #mobile ul li ul li ul {
border-bottom: transparent;
margin-bottom: 0;
padding-bottom: 0; }
.mobile-menu-wrapper #mobile .current_page_item a {
color: #2a2a2a !important; }
#main-header {
background-color: transparent;
z-index: 999;
width: calc(100% - 66px);
top: 33px;
left: 50%;
transform: translate(-50%); }
#company-logo {
position: relative;
height: 100%; }
#company-logo img {
position: relative;
height: auto;
margin: 20px 20px 15px;
width: 195px; }
.logo-wrapper {
background-color: transparent; }
.is-active ~ .logo-wrapper {
background-color: #aa834a;
transition: background-color 4s; }
.header--fixed {
position: absolute;
z-index: 10;
right: 0;
left: 0;
top: 0; }  .hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; }
.hamburger:hover {
opacity: 0.7; }
.hamburger.is-active:hover {
opacity: 0.7; }
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #000; }
.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative; }
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 40px;
height: 4px;
background-color: #000;
border-radius: 0px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -10px; }
.hamburger-inner::after {
bottom: -10px; } .hamburger--3dx .hamburger-box {
perspective: 80px; }
.hamburger--3dx .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateY(180deg); }
.hamburger--3dx.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dx.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dx-r .hamburger-box {
perspective: 80px; }
.hamburger--3dx-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateY(-180deg); }
.hamburger--3dx-r.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dx-r.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dy .hamburger-box {
perspective: 80px; }
.hamburger--3dy .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(-180deg); }
.hamburger--3dy.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dy.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dy-r .hamburger-box {
perspective: 80px; }
.hamburger--3dy-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg); }
.hamburger--3dy-r.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dxy .hamburger-box {
perspective: 80px; }
.hamburger--3dxy .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dxy.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg) rotateY(180deg); }
.hamburger--3dxy.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dxy.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dxy-r .hamburger-box {
perspective: 80px; }
.hamburger--3dxy-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dxy-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
.hamburger--3dxy-r.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dxy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--arrow.is-active .hamburger-inner::before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
.hamburger--arrow.is-active .hamburger-inner::after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrow-r.is-active .hamburger-inner::before {
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
.hamburger--arrow-r.is-active .hamburger-inner::after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowalt .hamburger-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.hamburger--arrowalt.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r .hamburger-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt-r .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowturn.is-active .hamburger-inner {
transform: rotate(-180deg); }
.hamburger--arrowturn.is-active .hamburger-inner::before {
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
.hamburger--arrowturn.is-active .hamburger-inner::after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner {
transform: rotate(-180deg); }
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
transition-property: none; }
.hamburger--boring.is-active .hamburger-inner {
transform: rotate(45deg); }
.hamburger--boring.is-active .hamburger-inner::before {
top: 0;
opacity: 0; }
.hamburger--boring.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg); } .hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse-r .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse-r .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse-r.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--elastic .hamburger-inner {
top: 2px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic .hamburger-inner::before {
top: 10px;
transition: opacity 0.125s 0.275s ease; }
.hamburger--elastic .hamburger-inner::after {
top: 20px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(135deg);
transition-delay: 0.075s; }
.hamburger--elastic.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0; }
.hamburger--elastic.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-270deg);
transition-delay: 0.075s; } .hamburger--elastic-r .hamburger-inner {
top: 2px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic-r .hamburger-inner::before {
top: 10px;
transition: opacity 0.125s 0.275s ease; }
.hamburger--elastic-r .hamburger-inner::after {
top: 20px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic-r.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(-135deg);
transition-delay: 0.075s; }
.hamburger--elastic-r.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0; }
.hamburger--elastic-r.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(270deg);
transition-delay: 0.075s; } .hamburger--emphatic {
overflow: hidden; }
.hamburger--emphatic .hamburger-inner {
transition: background-color 0.125s 0.175s ease-in; }
.hamburger--emphatic .hamburger-inner::before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
.hamburger--emphatic .hamburger-inner::after {
top: 10px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
.hamburger--emphatic.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent !important; }
.hamburger--emphatic.is-active .hamburger-inner::before {
left: -80px;
top: -80px;
transform: translate3d(80px, 80px, 0) rotate(45deg);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
.hamburger--emphatic.is-active .hamburger-inner::after {
right: -80px;
top: -80px;
transform: translate3d(-80px, 80px, 0) rotate(-45deg);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r {
overflow: hidden; }
.hamburger--emphatic-r .hamburger-inner {
transition: background-color 0.125s 0.175s ease-in; }
.hamburger--emphatic-r .hamburger-inner::before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
.hamburger--emphatic-r .hamburger-inner::after {
top: 10px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
.hamburger--emphatic-r.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent !important; }
.hamburger--emphatic-r.is-active .hamburger-inner::before {
left: -80px;
top: 80px;
transform: translate3d(80px, -80px, 0) rotate(-45deg);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
.hamburger--emphatic-r.is-active .hamburger-inner::after {
right: -80px;
top: 80px;
transform: translate3d(-80px, -80px, 0) rotate(45deg);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
opacity: 0;
transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }
.hamburger--minus.is-active .hamburger-inner::before {
top: 0; }
.hamburger--minus.is-active .hamburger-inner::after {
bottom: 0; } .hamburger--slider .hamburger-inner {
top: 2px; }
.hamburger--slider .hamburger-inner::before {
top: 10px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s; }
.hamburger--slider .hamburger-inner::after {
top: 20px; }
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-5.7142857143px, -6px, 0);
opacity: 0; }
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-90deg); } .hamburger--slider-r .hamburger-inner {
top: 2px; }
.hamburger--slider-r .hamburger-inner::before {
top: 10px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s; }
.hamburger--slider-r .hamburger-inner::after {
top: 20px; }
.hamburger--slider-r.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(-45deg); }
.hamburger--slider-r.is-active .hamburger-inner::before {
transform: rotate(45deg) translate3d(5.7142857143px, -6px, 0);
opacity: 0; }
.hamburger--slider-r.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(90deg); } .hamburger--spin .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin-r .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin-r .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin-r.is-active .hamburger-inner {
transform: rotate(-225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spin-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.hamburger--spin-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring .hamburger-inner {
top: 2px;
transition: background-color 0s 0.13s linear; }
.hamburger--spring .hamburger-inner::before {
top: 10px;
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring .hamburger-inner::after {
top: 20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring.is-active .hamburger-inner {
transition-delay: 0.22s;
background-color: transparent !important; }
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(-45deg); } .hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring-r .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
.hamburger--spring-r .hamburger-inner::before {
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring-r.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spring-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
.hamburger--spring-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand .hamburger-inner {
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
.hamburger--stand .hamburger-inner::before {
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand .hamburger-inner::after {
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand.is-active .hamburger-inner {
transform: rotate(90deg);
background-color: transparent !important;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
.hamburger--stand.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--stand.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r .hamburger-inner {
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
.hamburger--stand-r .hamburger-inner::before {
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand-r .hamburger-inner::after {
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand-r.is-active .hamburger-inner {
transform: rotate(-90deg);
background-color: transparent !important;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
.hamburger--stand-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--stand-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze .hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze .hamburger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--vortex .hamburger-inner {
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear; }
.hamburger--vortex .hamburger-inner::before {
transition-property: top, opacity; }
.hamburger--vortex .hamburger-inner::after {
transition-property: bottom, transform; }
.hamburger--vortex.is-active .hamburger-inner {
transform: rotate(765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
transition-delay: 0s; }
.hamburger--vortex.is-active .hamburger-inner::before {
top: 0;
opacity: 0; }
.hamburger--vortex.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg); } .hamburger--vortex-r .hamburger-inner {
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear; }
.hamburger--vortex-r .hamburger-inner::before {
transition-property: top, opacity; }
.hamburger--vortex-r .hamburger-inner::after {
transition-property: bottom, transform; }
.hamburger--vortex-r.is-active .hamburger-inner {
transform: rotate(-765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
transition-delay: 0s; }
.hamburger--vortex-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0; }
.hamburger--vortex-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg); }
@keyframes spinAround {
from {
transform: rotate(0deg); }
to {
transform: rotate(359deg); } }
.is-unselectable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.is-overlay {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0; } html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal; }
ul {
list-style: none; }
button,
input,
select,
textarea {
margin: 0; }
html {
box-sizing: border-box; }
*, *::before, *::after {
box-sizing: inherit; }
img,
embed,
iframe,
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; }
td:not([align]),
th:not([align]) {
text-align: left; }
html {
background-color: #ffffff;
font-size: 16px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
min-width: 300px;
overflow-x: hidden;
overflow-y: scroll;
text-rendering: optimizeLegibility;
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: 1em;
font-weight: 400;
line-height: 1.5; }
a {
color: #3273dc;
cursor: pointer;
text-decoration: none; }
a strong {
color: currentColor; }
a:hover {
color: #363636; }
code {
background-color: whitesmoke;
color: #ff3860;
font-size: 0.875em;
font-weight: normal;
padding: 0.25em 0.5em 0.25em; }
hr {
background-color: whitesmoke;
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: whitesmoke;
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 {
vertical-align: top; }
table td:not([align]),
table th:not([align]) {
text-align: left; }
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: 766px) {
.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 screen and (min-width: 767px), print {
.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: 1023px) {
.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: 1024px) {
.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: 1216px) {
.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: 1408px) {
.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: 766px) {
.has-text-centered-mobile {
text-align: center !important; } }
@media screen and (min-width: 767px), print {
.has-text-centered-tablet {
text-align: center !important; } }
@media screen and (min-width: 767px) and (max-width: 1023px) {
.has-text-centered-tablet-only {
text-align: center !important; } }
@media screen and (max-width: 1023px) {
.has-text-centered-touch {
text-align: center !important; } }
@media screen and (min-width: 1024px) {
.has-text-centered-desktop {
text-align: center !important; } }
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.has-text-centered-desktop-only {
text-align: center !important; } }
@media screen and (min-width: 1216px) {
.has-text-centered-widescreen {
text-align: center !important; } }
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.has-text-centered-widescreen-only {
text-align: center !important; } }
@media screen and (min-width: 1408px) {
.has-text-centered-fullhd {
text-align: center !important; } }
@media screen and (max-width: 766px) {
.has-text-justified-mobile {
text-align: justify !important; } }
@media screen and (min-width: 767px), print {
.has-text-justified-tablet {
text-align: justify !important; } }
@media screen and (min-width: 767px) and (max-width: 1023px) {
.has-text-justified-tablet-only {
text-align: justify !important; } }
@media screen and (max-width: 1023px) {
.has-text-justified-touch {
text-align: justify !important; } }
@media screen and (min-width: 1024px) {
.has-text-justified-desktop {
text-align: justify !important; } }
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.has-text-justified-desktop-only {
text-align: justify !important; } }
@media screen and (min-width: 1216px) {
.has-text-justified-widescreen {
text-align: justify !important; } }
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.has-text-justified-widescreen-only {
text-align: justify !important; } }
@media screen and (min-width: 1408px) {
.has-text-justified-fullhd {
text-align: justify !important; } }
@media screen and (max-width: 766px) {
.has-text-left-mobile {
text-align: left !important; } }
@media screen and (min-width: 767px), print {
.has-text-left-tablet {
text-align: left !important; } }
@media screen and (min-width: 767px) and (max-width: 1023px) {
.has-text-left-tablet-only {
text-align: left !important; } }
@media screen and (max-width: 1023px) {
.has-text-left-touch {
text-align: left !important; } }
@media screen and (min-width: 1024px) {
.has-text-left-desktop {
text-align: left !important; } }
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.has-text-left-desktop-only {
text-align: left !important; } }
@media screen and (min-width: 1216px) {
.has-text-left-widescreen {
text-align: left !important; } }
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.has-text-left-widescreen-only {
text-align: left !important; } }
@media screen and (min-width: 1408px) {
.has-text-left-fullhd {
text-align: left !important; } }
@media screen and (max-width: 766px) {
.has-text-right-mobile {
text-align: right !important; } }
@media screen and (min-width: 767px), print {
.has-text-right-tablet {
text-align: right !important; } }
@media screen and (min-width: 767px) and (max-width: 1023px) {
.has-text-right-tablet-only {
text-align: right !important; } }
@media screen and (max-width: 1023px) {
.has-text-right-touch {
text-align: right !important; } }
@media screen and (min-width: 1024px) {
.has-text-right-desktop {
text-align: right !important; } }
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.has-text-right-desktop-only {
text-align: right !important; } }
@media screen and (min-width: 1216px) {
.has-text-right-widescreen {
text-align: right !important; } }
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.has-text-right-widescreen-only {
text-align: right !important; } }
@media screen and (min-width: 1408px) {
.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: #ffffff !important; }
a.has-text-white:hover, a.has-text-white:focus {
color: #e6e6e6 !important; }
.has-background-white {
background-color: #ffffff !important; }
.has-text-black {
color: #2a2a2a !important; }
a.has-text-black:hover, a.has-text-black:focus {
color: #111111 !important; }
.has-background-black {
background-color: #2a2a2a !important; }
.has-text-light {
color: whitesmoke !important; }
a.has-text-light:hover, a.has-text-light:focus {
color: #dbdbdb !important; }
.has-background-light {
background-color: whitesmoke !important; }
.has-text-dark {
color: #363636 !important; }
a.has-text-dark:hover, a.has-text-dark:focus {
color: #1c1c1c !important; }
.has-background-dark {
background-color: #363636 !important; }
.has-text-primary {
color: #00d1b2 !important; }
a.has-text-primary:hover, a.has-text-primary:focus {
color: #009e86 !important; }
.has-background-primary {
background-color: #00d1b2 !important; }
.has-text-link {
color: #3273dc !important; }
a.has-text-link:hover, a.has-text-link:focus {
color: #205bbc !important; }
.has-background-link {
background-color: #3273dc !important; }
.has-text-info {
color: #209cee !important; }
a.has-text-info:hover, a.has-text-info:focus {
color: #0f81cc !important; }
.has-background-info {
background-color: #209cee !important; }
.has-text-success {
color: #23d160 !important; }
a.has-text-success:hover, a.has-text-success:focus {
color: #1ca64c !important; }
.has-background-success {
background-color: #23d160 !important; }
.has-text-warning {
color: #ffdd57 !important; }
a.has-text-warning:hover, a.has-text-warning:focus {
color: #ffd324 !important; }
.has-background-warning {
background-color: #ffdd57 !important; }
.has-text-danger {
color: #ff3860 !important; }
a.has-text-danger:hover, a.has-text-danger:focus {
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: whitesmoke !important; }
.has-background-white-ter {
background-color: whitesmoke !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-medium {
font-weight: 500 !important; }
.has-text-weight-semibold {
font-weight: 600 !important; }
.has-text-weight-bold {
font-weight: 700 !important; }
.is-family-primary {
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; }
.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-sans-serif {
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; }
.is-family-monospace {
font-family: monospace !important; }
.is-family-code {
font-family: monospace !important; }
.is-block {
display: block !important; }
@media screen and (max-width: 766px) {
.is-block-mobile {
display: block !important; } }
@media screen and (min-width: 767px), print {
.is-block-tablet {
display: block !important; } }
@media screen and (min-width: 767px) and (max-width: 1023px) {
.is-block-tablet-only {
display: block !important; } }
@media screen and (max-width: 1023px) {
.is-block-touch {
display: block !important; } }
@media screen and (min-width: 1024px) {
.is-block-desktop {
display: block !important; } }
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.is-block-desktop-only {
display: block !important; } }
@media screen and (min-width: 1216px) {
.is-block-widescreen {
display: block !important; } }
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.is-block-widescreen-only {
display: block !important; } }
@media screen and (min-width: 1408px) {
.is-block-fullhd {
display: block !important; } }
.is-flex {
display: flex !important; }
@media screen and (max-width: 766px) {
.is-flex-mobile {
display: flex !important; } }
@media screen and (min-width: 767px), print {
.is-flex-tablet {
display: flex !important; } }
@media screen and (min-width: 767px) and (max-width: 1023px) {
.is-flex-tablet-only {
display: flex !important; } }
@media screen and (max-width: 1023px) {
.is-flex-touch {
display: flex !important; } }
@media screen and (min-width: 1024px) {
.is-flex-desktop {
display: flex !important; } }
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.is-flex-desktop-only {
display: flex !important; } }
@media screen and (min-width: 1216px) {
.is-flex-widescreen {
display: flex !important; } }
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.is-flex-widescreen-only {
display: flex !important; } }
@media screen and (min-width: 1408px) {
.is-flex-fullhd {
display: flex !important; } }
.is-inline {
display: inline !important; }
@media screen and (max-width: 766px) {
.is-inline-mobile {
display: inline !important; } }
@media screen and (min-width: 767px), print {
.is-inline-tablet {
display: inline !important; } }
@media screen and (min-width: 767px) and (max-width: 1023px) {
.is-inline-tablet-only {
display: inline !important; } }
@media screen and (max-width: 1023px) {
.is-inline-touch {
display: inline !important; } }
@media screen and (min-width: 1024px) {
.is-inline-desktop {
display: inline !important; } }
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.is-inline-desktop-only {
display: inline !important; } }
@media screen and (min-width: 1216px) {
.is-inline-widescreen {
display: inline !important; } }
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.is-inline-widescreen-only {
display: inline !important; } }
@media screen and (min-width: 1408px) {
.is-inline-fullhd {
display: inline !important; } }
.is-inline-block {
display: inline-block !important; }
@media screen and (max-width: 766px) {
.is-inline-block-mobile {
display: inline-block !important; } }
@media screen and (min-width: 767px), print {
.is-inline-block-tablet {
display: inline-block !important; } }
@media screen and (min-width: 767px) and (max-width: 1023px) {
.is-inline-block-tablet-only {
display: inline-block !important; } }
@media screen and (max-width: 1023px) {
.is-inline-block-touch {
display: inline-block !important; } }
@media screen and (min-width: 1024px) {
.is-inline-block-desktop {
display: inline-block !important; } }
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.is-inline-block-desktop-only {
display: inline-block !important; } }
@media screen and (min-width: 1216px) {
.is-inline-block-widescreen {
display: inline-block !important; } }
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.is-inline-block-widescreen-only {
display: inline-block !important; } }
@media screen and (min-width: 1408px) {
.is-inline-block-fullhd {
display: inline-block !important; } }
.is-inline-flex {
display: inline-flex !important; }
@media screen and (max-width: 766px) {
.is-inline-flex-mobile {
display: inline-flex !important; } }
@media screen and (min-width: 767px), print {
.is-inline-flex-tablet {
display: inline-flex !important; } }
@media screen and (min-width: 767px) and (max-width: 1023px) {
.is-inline-flex-tablet-only {
display: inline-flex !important; } }
@media screen and (max-width: 1023px) {
.is-inline-flex-touch {
display: inline-flex !important; } }
@media screen and (min-width: 1024px) {
.is-inline-flex-desktop {
display: inline-flex !important; } }
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.is-inline-flex-desktop-only {
display: inline-flex !important; } }
@media screen and (min-width: 1216px) {
.is-inline-flex-widescreen {
display: inline-flex !important; } }
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.is-inline-flex-widescreen-only {
display: inline-flex !important; } }
@media screen and (min-width: 1408px) {
.is-inline-flex-fullhd {
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: 766px) {
.is-hidden-mobile {
display: none !important; } }
@media screen and (min-width: 767px), print {
.is-hidden-tablet {
display: none !important; } }
@media screen and (min-width: 767px) and (max-width: 1023px) {
.is-hidden-tablet-only {
display: none !important; } }
@media screen and (max-width: 1023px) {
.is-hidden-touch {
display: none !important; } }
@media screen and (min-width: 1024px) {
.is-hidden-desktop {
display: none !important; } }
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.is-hidden-desktop-only {
display: none !important; } }
@media screen and (min-width: 1216px) {
.is-hidden-widescreen {
display: none !important; } }
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.is-hidden-widescreen-only {
display: none !important; } }
@media screen and (min-width: 1408px) {
.is-hidden-fullhd {
display: none !important; } }
.is-invisible {
visibility: hidden !important; }
@media screen and (max-width: 766px) {
.is-invisible-mobile {
visibility: hidden !important; } }
@media screen and (min-width: 767px), print {
.is-invisible-tablet {
visibility: hidden !important; } }
@media screen and (min-width: 767px) and (max-width: 1023px) {
.is-invisible-tablet-only {
visibility: hidden !important; } }
@media screen and (max-width: 1023px) {
.is-invisible-touch {
visibility: hidden !important; } }
@media screen and (min-width: 1024px) {
.is-invisible-desktop {
visibility: hidden !important; } }
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.is-invisible-desktop-only {
visibility: hidden !important; } }
@media screen and (min-width: 1216px) {
.is-invisible-widescreen {
visibility: hidden !important; } }
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.is-invisible-widescreen-only {
visibility: hidden !important; } }
@media screen and (min-width: 1408px) {
.is-invisible-fullhd {
visibility: hidden !important; } }
.is-marginless {
margin: 0 !important; }
.is-paddingless {
padding: 0 !important; }
.is-radiusless {
border-radius: 0 !important; }
.is-shadowless {
box-shadow: none !important; }
.is-relative {
position: relative !important; }
.column {
display: block;
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
padding: 0.5rem; }
.columns.is-mobile > .column.is-narrow {
flex: none; }
.columns.is-mobile > .column.is-full {
flex: none;
width: 100%; }
.columns.is-mobile > .column.is-three-quarters {
flex: none;
width: 75%; }
.columns.is-mobile > .column.is-two-thirds {
flex: none;
width: 66.6666%; }
.columns.is-mobile > .column.is-half {
flex: none;
width: 50%; }
.columns.is-mobile > .column.is-one-third {
flex: none;
width: 33.3333%; }
.columns.is-mobile > .column.is-one-quarter {
flex: none;
width: 25%; }
.columns.is-mobile > .column.is-one-fifth {
flex: none;
width: 20%; }
.columns.is-mobile > .column.is-two-fifths {
flex: none;
width: 40%; }
.columns.is-mobile > .column.is-three-fifths {
flex: none;
width: 60%; }
.columns.is-mobile > .column.is-four-fifths {
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-0 {
flex: none;
width: 0%; }
.columns.is-mobile > .column.is-offset-0 {
margin-left: 0%; }
.columns.is-mobile > .column.is-1 {
flex: none;
width: 8.3333333333%; }
.columns.is-mobile > .column.is-offset-1 {
margin-left: 8.3333333333%; }
.columns.is-mobile > .column.is-2 {
flex: none;
width: 16.6666666667%; }
.columns.is-mobile > .column.is-offset-2 {
margin-left: 16.6666666667%; }
.columns.is-mobile > .column.is-3 {
flex: none;
width: 25%; }
.columns.is-mobile > .column.is-offset-3 {
margin-left: 25%; }
.columns.is-mobile > .column.is-4 {
flex: none;
width: 33.3333333333%; }
.columns.is-mobile > .column.is-offset-4 {
margin-left: 33.3333333333%; }
.columns.is-mobile > .column.is-5 {
flex: none;
width: 41.6666666667%; }
.columns.is-mobile > .column.is-offset-5 {
margin-left: 41.6666666667%; }
.columns.is-mobile > .column.is-6 {
flex: none;
width: 50%; }
.columns.is-mobile > .column.is-offset-6 {
margin-left: 50%; }
.columns.is-mobile > .column.is-7 {
flex: none;
width: 58.3333333333%; }
.columns.is-mobile > .column.is-offset-7 {
margin-left: 58.3333333333%; }
.columns.is-mobile > .column.is-8 {
flex: none;
width: 66.6666666667%; }
.columns.is-mobile > .column.is-offset-8 {
margin-left: 66.6666666667%; }
.columns.is-mobile > .column.is-9 {
flex: none;
width: 75%; }
.columns.is-mobile > .column.is-offset-9 {
margin-left: 75%; }
.columns.is-mobile > .column.is-10 {
flex: none;
width: 83.3333333333%; }
.columns.is-mobile > .column.is-offset-10 {
margin-left: 83.3333333333%; }
.columns.is-mobile > .column.is-11 {
flex: none;
width: 91.6666666667%; }
.columns.is-mobile > .column.is-offset-11 {
margin-left: 91.6666666667%; }
.columns.is-mobile > .column.is-12 {
flex: none;
width: 100%; }
.columns.is-mobile > .column.is-offset-12 {
margin-left: 100%; }
@media screen and (max-width: 766px) {
.column.is-narrow-mobile {
flex: none; }
.column.is-full-mobile {
flex: none;
width: 100%; }
.column.is-three-quarters-mobile {
flex: none;
width: 75%; }
.column.is-two-thirds-mobile {
flex: none;
width: 66.6666%; }
.column.is-half-mobile {
flex: none;
width: 50%; }
.column.is-one-third-mobile {
flex: none;
width: 33.3333%; }
.column.is-one-quarter-mobile {
flex: none;
width: 25%; }
.column.is-one-fifth-mobile {
flex: none;
width: 20%; }
.column.is-two-fifths-mobile {
flex: none;
width: 40%; }
.column.is-three-fifths-mobile {
flex: none;
width: 60%; }
.column.is-four-fifths-mobile {
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-0-mobile {
flex: none;
width: 0%; }
.column.is-offset-0-mobile {
margin-left: 0%; }
.column.is-1-mobile {
flex: none;
width: 8.3333333333%; }
.column.is-offset-1-mobile {
margin-left: 8.3333333333%; }
.column.is-2-mobile {
flex: none;
width: 16.6666666667%; }
.column.is-offset-2-mobile {
margin-left: 16.6666666667%; }
.column.is-3-mobile {
flex: none;
width: 25%; }
.column.is-offset-3-mobile {
margin-left: 25%; }
.column.is-4-mobile {
flex: none;
width: 33.3333333333%; }
.column.is-offset-4-mobile {
margin-left: 33.3333333333%; }
.column.is-5-mobile {
flex: none;
width: 41.6666666667%; }
.column.is-offset-5-mobile {
margin-left: 41.6666666667%; }
.column.is-6-mobile {
flex: none;
width: 50%; }
.column.is-offset-6-mobile {
margin-left: 50%; }
.column.is-7-mobile {
flex: none;
width: 58.3333333333%; }
.column.is-offset-7-mobile {
margin-left: 58.3333333333%; }
.column.is-8-mobile {
flex: none;
width: 66.6666666667%; }
.column.is-offset-8-mobile {
margin-left: 66.6666666667%; }
.column.is-9-mobile {
flex: none;
width: 75%; }
.column.is-offset-9-mobile {
margin-left: 75%; }
.column.is-10-mobile {
flex: none;
width: 83.3333333333%; }
.column.is-offset-10-mobile {
margin-left: 83.3333333333%; }
.column.is-11-mobile {
flex: none;
width: 91.6666666667%; }
.column.is-offset-11-mobile {
margin-left: 91.6666666667%; }
.column.is-12-mobile {
flex: none;
width: 100%; }
.column.is-offset-12-mobile {
margin-left: 100%; } }
@media screen and (min-width: 767px), print {
.column.is-narrow, .column.is-narrow-tablet {
flex: none; }
.column.is-full, .column.is-full-tablet {
flex: none;
width: 100%; }
.column.is-three-quarters, .column.is-three-quarters-tablet {
flex: none;
width: 75%; }
.column.is-two-thirds, .column.is-two-thirds-tablet {
flex: none;
width: 66.6666%; }
.column.is-half, .column.is-half-tablet {
flex: none;
width: 50%; }
.column.is-one-third, .column.is-one-third-tablet {
flex: none;
width: 33.3333%; }
.column.is-one-quarter, .column.is-one-quarter-tablet {
flex: none;
width: 25%; }
.column.is-one-fifth, .column.is-one-fifth-tablet {
flex: none;
width: 20%; }
.column.is-two-fifths, .column.is-two-fifths-tablet {
flex: none;
width: 40%; }
.column.is-three-fifths, .column.is-three-fifths-tablet {
flex: none;
width: 60%; }
.column.is-four-fifths, .column.is-four-fifths-tablet {
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-0, .column.is-0-tablet {
flex: none;
width: 0%; }
.column.is-offset-0, .column.is-offset-0-tablet {
margin-left: 0%; }
.column.is-1, .column.is-1-tablet {
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 {
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 {
flex: none;
width: 25%; }
.column.is-offset-3, .column.is-offset-3-tablet {
margin-left: 25%; }
.column.is-4, .column.is-4-tablet {
flex: none;
width: 33.3333333333%; }
.column.is-offset-4, .column.is-offset-4-tablet {
margin-left: 33.3333333333%; }
.column.is-5, .column.is-5-tablet {
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 {
flex: none;
width: 50%; }
.column.is-offset-6, .column.is-offset-6-tablet {
margin-left: 50%; }
.column.is-7, .column.is-7-tablet {
flex: none;
width: 58.3333333333%; }
.column.is-offset-7, .column.is-offset-7-tablet {
margin-left: 58.3333333333%; }
.column.is-8, .column.is-8-tablet {
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 {
flex: none;
width: 75%; }
.column.is-offset-9, .column.is-offset-9-tablet {
margin-left: 75%; }
.column.is-10, .column.is-10-tablet {
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 {
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 {
flex: none;
width: 100%; }
.column.is-offset-12, .column.is-offset-12-tablet {
margin-left: 100%; } }
@media screen and (max-width: 1023px) {
.column.is-narrow-touch {
flex: none; }
.column.is-full-touch {
flex: none;
width: 100%; }
.column.is-three-quarters-touch {
flex: none;
width: 75%; }
.column.is-two-thirds-touch {
flex: none;
width: 66.6666%; }
.column.is-half-touch {
flex: none;
width: 50%; }
.column.is-one-third-touch {
flex: none;
width: 33.3333%; }
.column.is-one-quarter-touch {
flex: none;
width: 25%; }
.column.is-one-fifth-touch {
flex: none;
width: 20%; }
.column.is-two-fifths-touch {
flex: none;
width: 40%; }
.column.is-three-fifths-touch {
flex: none;
width: 60%; }
.column.is-four-fifths-touch {
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-0-touch {
flex: none;
width: 0%; }
.column.is-offset-0-touch {
margin-left: 0%; }
.column.is-1-touch {
flex: none;
width: 8.3333333333%; }
.column.is-offset-1-touch {
margin-left: 8.3333333333%; }
.column.is-2-touch {
flex: none;
width: 16.6666666667%; }
.column.is-offset-2-touch {
margin-left: 16.6666666667%; }
.column.is-3-touch {
flex: none;
width: 25%; }
.column.is-offset-3-touch {
margin-left: 25%; }
.column.is-4-touch {
flex: none;
width: 33.3333333333%; }
.column.is-offset-4-touch {
margin-left: 33.3333333333%; }
.column.is-5-touch {
flex: none;
width: 41.6666666667%; }
.column.is-offset-5-touch {
margin-left: 41.6666666667%; }
.column.is-6-touch {
flex: none;
width: 50%; }
.column.is-offset-6-touch {
margin-left: 50%; }
.column.is-7-touch {
flex: none;
width: 58.3333333333%; }
.column.is-offset-7-touch {
margin-left: 58.3333333333%; }
.column.is-8-touch {
flex: none;
width: 66.6666666667%; }
.column.is-offset-8-touch {
margin-left: 66.6666666667%; }
.column.is-9-touch {
flex: none;
width: 75%; }
.column.is-offset-9-touch {
margin-left: 75%; }
.column.is-10-touch {
flex: none;
width: 83.3333333333%; }
.column.is-offset-10-touch {
margin-left: 83.3333333333%; }
.column.is-11-touch {
flex: none;
width: 91.6666666667%; }
.column.is-offset-11-touch {
margin-left: 91.6666666667%; }
.column.is-12-touch {
flex: none;
width: 100%; }
.column.is-offset-12-touch {
margin-left: 100%; } }
@media screen and (min-width: 1024px) {
.column.is-narrow-desktop {
flex: none; }
.column.is-full-desktop {
flex: none;
width: 100%; }
.column.is-three-quarters-desktop {
flex: none;
width: 75%; }
.column.is-two-thirds-desktop {
flex: none;
width: 66.6666%; }
.column.is-half-desktop {
flex: none;
width: 50%; }
.column.is-one-third-desktop {
flex: none;
width: 33.3333%; }
.column.is-one-quarter-desktop {
flex: none;
width: 25%; }
.column.is-one-fifth-desktop {
flex: none;
width: 20%; }
.column.is-two-fifths-desktop {
flex: none;
width: 40%; }
.column.is-three-fifths-desktop {
flex: none;
width: 60%; }
.column.is-four-fifths-desktop {
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-0-desktop {
flex: none;
width: 0%; }
.column.is-offset-0-desktop {
margin-left: 0%; }
.column.is-1-desktop {
flex: none;
width: 8.3333333333%; }
.column.is-offset-1-desktop {
margin-left: 8.3333333333%; }
.column.is-2-desktop {
flex: none;
width: 16.6666666667%; }
.column.is-offset-2-desktop {
margin-left: 16.6666666667%; }
.column.is-3-desktop {
flex: none;
width: 25%; }
.column.is-offset-3-desktop {
margin-left: 25%; }
.column.is-4-desktop {
flex: none;
width: 33.3333333333%; }
.column.is-offset-4-desktop {
margin-left: 33.3333333333%; }
.column.is-5-desktop {
flex: none;
width: 41.6666666667%; }
.column.is-offset-5-desktop {
margin-left: 41.6666666667%; }
.column.is-6-desktop {
flex: none;
width: 50%; }
.column.is-offset-6-desktop {
margin-left: 50%; }
.column.is-7-desktop {
flex: none;
width: 58.3333333333%; }
.column.is-offset-7-desktop {
margin-left: 58.3333333333%; }
.column.is-8-desktop {
flex: none;
width: 66.6666666667%; }
.column.is-offset-8-desktop {
margin-left: 66.6666666667%; }
.column.is-9-desktop {
flex: none;
width: 75%; }
.column.is-offset-9-desktop {
margin-left: 75%; }
.column.is-10-desktop {
flex: none;
width: 83.3333333333%; }
.column.is-offset-10-desktop {
margin-left: 83.3333333333%; }
.column.is-11-desktop {
flex: none;
width: 91.6666666667%; }
.column.is-offset-11-desktop {
margin-left: 91.6666666667%; }
.column.is-12-desktop {
flex: none;
width: 100%; }
.column.is-offset-12-desktop {
margin-left: 100%; } }
@media screen and (min-width: 1216px) {
.column.is-narrow-widescreen {
flex: none; }
.column.is-full-widescreen {
flex: none;
width: 100%; }
.column.is-three-quarters-widescreen {
flex: none;
width: 75%; }
.column.is-two-thirds-widescreen {
flex: none;
width: 66.6666%; }
.column.is-half-widescreen {
flex: none;
width: 50%; }
.column.is-one-third-widescreen {
flex: none;
width: 33.3333%; }
.column.is-one-quarter-widescreen {
flex: none;
width: 25%; }
.column.is-one-fifth-widescreen {
flex: none;
width: 20%; }
.column.is-two-fifths-widescreen {
flex: none;
width: 40%; }
.column.is-three-fifths-widescreen {
flex: none;
width: 60%; }
.column.is-four-fifths-widescreen {
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-0-widescreen {
flex: none;
width: 0%; }
.column.is-offset-0-widescreen {
margin-left: 0%; }
.column.is-1-widescreen {
flex: none;
width: 8.3333333333%; }
.column.is-offset-1-widescreen {
margin-left: 8.3333333333%; }
.column.is-2-widescreen {
flex: none;
width: 16.6666666667%; }
.column.is-offset-2-widescreen {
margin-left: 16.6666666667%; }
.column.is-3-widescreen {
flex: none;
width: 25%; }
.column.is-offset-3-widescreen {
margin-left: 25%; }
.column.is-4-widescreen {
flex: none;
width: 33.3333333333%; }
.column.is-offset-4-widescreen {
margin-left: 33.3333333333%; }
.column.is-5-widescreen {
flex: none;
width: 41.6666666667%; }
.column.is-offset-5-widescreen {
margin-left: 41.6666666667%; }
.column.is-6-widescreen {
flex: none;
width: 50%; }
.column.is-offset-6-widescreen {
margin-left: 50%; }
.column.is-7-widescreen {
flex: none;
width: 58.3333333333%; }
.column.is-offset-7-widescreen {
margin-left: 58.3333333333%; }
.column.is-8-widescreen {
flex: none;
width: 66.6666666667%; }
.column.is-offset-8-widescreen {
margin-left: 66.6666666667%; }
.column.is-9-widescreen {
flex: none;
width: 75%; }
.column.is-offset-9-widescreen {
margin-left: 75%; }
.column.is-10-widescreen {
flex: none;
width: 83.3333333333%; }
.column.is-offset-10-widescreen {
margin-left: 83.3333333333%; }
.column.is-11-widescreen {
flex: none;
width: 91.6666666667%; }
.column.is-offset-11-widescreen {
margin-left: 91.6666666667%; }
.column.is-12-widescreen {
flex: none;
width: 100%; }
.column.is-offset-12-widescreen {
margin-left: 100%; } }
@media screen and (min-width: 1408px) {
.column.is-narrow-fullhd {
flex: none; }
.column.is-full-fullhd {
flex: none;
width: 100%; }
.column.is-three-quarters-fullhd {
flex: none;
width: 75%; }
.column.is-two-thirds-fullhd {
flex: none;
width: 66.6666%; }
.column.is-half-fullhd {
flex: none;
width: 50%; }
.column.is-one-third-fullhd {
flex: none;
width: 33.3333%; }
.column.is-one-quarter-fullhd {
flex: none;
width: 25%; }
.column.is-one-fifth-fullhd {
flex: none;
width: 20%; }
.column.is-two-fifths-fullhd {
flex: none;
width: 40%; }
.column.is-three-fifths-fullhd {
flex: none;
width: 60%; }
.column.is-four-fifths-fullhd {
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-0-fullhd {
flex: none;
width: 0%; }
.column.is-offset-0-fullhd {
margin-left: 0%; }
.column.is-1-fullhd {
flex: none;
width: 8.3333333333%; }
.column.is-offset-1-fullhd {
margin-left: 8.3333333333%; }
.column.is-2-fullhd {
flex: none;
width: 16.6666666667%; }
.column.is-offset-2-fullhd {
margin-left: 16.6666666667%; }
.column.is-3-fullhd {
flex: none;
width: 25%; }
.column.is-offset-3-fullhd {
margin-left: 25%; }
.column.is-4-fullhd {
flex: none;
width: 33.3333333333%; }
.column.is-offset-4-fullhd {
margin-left: 33.3333333333%; }
.column.is-5-fullhd {
flex: none;
width: 41.6666666667%; }
.column.is-offset-5-fullhd {
margin-left: 41.6666666667%; }
.column.is-6-fullhd {
flex: none;
width: 50%; }
.column.is-offset-6-fullhd {
margin-left: 50%; }
.column.is-7-fullhd {
flex: none;
width: 58.3333333333%; }
.column.is-offset-7-fullhd {
margin-left: 58.3333333333%; }
.column.is-8-fullhd {
flex: none;
width: 66.6666666667%; }
.column.is-offset-8-fullhd {
margin-left: 66.6666666667%; }
.column.is-9-fullhd {
flex: none;
width: 75%; }
.column.is-offset-9-fullhd {
margin-left: 75%; }
.column.is-10-fullhd {
flex: none;
width: 83.3333333333%; }
.column.is-offset-10-fullhd {
margin-left: 83.3333333333%; }
.column.is-11-fullhd {
flex: none;
width: 91.6666666667%; }
.column.is-offset-11-fullhd {
margin-left: 91.6666666667%; }
.column.is-12-fullhd {
flex: none;
width: 100%; }
.column.is-offset-12-fullhd {
margin-left: 100%; } }
.columns {
margin-left: -0.5rem;
margin-right: -0.5rem;
margin-top: -0.5rem; }
.columns:last-child {
margin-bottom: -0.5rem; }
.columns:not(:last-child) {
margin-bottom: calc(1.5rem - 0.5rem); }
.columns.is-centered {
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: flex; }
.columns.is-multiline {
flex-wrap: wrap; }
.columns.is-vcentered {
align-items: center; }
@media screen and (min-width: 767px), print {
.columns:not(.is-desktop) {
display: flex; } }
@media screen and (min-width: 1024px) {
.columns.is-desktop {
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: 766px) {
.columns.is-variable.is-0-mobile {
--columnGap: 0rem; } }
@media screen and (min-width: 767px), print {
.columns.is-variable.is-0-tablet {
--columnGap: 0rem; } }
@media screen and (min-width: 767px) and (max-width: 1023px) {
.columns.is-variable.is-0-tablet-only {
--columnGap: 0rem; } }
@media screen and (max-width: 1023px) {
.columns.is-variable.is-0-touch {
--columnGap: 0rem; } }
@media screen and (min-width: 1024px) {
.columns.is-variable.is-0-desktop {
--columnGap: 0rem; } }
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-0-desktop-only {
--columnGap: 0rem; } }
@media screen and (min-width: 1216px) {
.columns.is-variable.is-0-widescreen {
--columnGap: 0rem; } }
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-0-widescreen-only {
--columnGap: 0rem; } }
@media screen and (min-width: 1408px) {
.columns.is-variable.is-0-fullhd {
--columnGap: 0rem; } }
.columns.is-variable.is-1 {
--columnGap: 0.25rem; }
@media screen and (max-width: 766px) {
.columns.is-variable.is-1-mobile {
--columnGap: 0.25rem; } }
@media screen and (min-width: 767px), print {
.columns.is-variable.is-1-tablet {
--columnGap: 0.25rem; } }
@media screen and (min-width: 767px) and (max-width: 1023px) {
.columns.is-variable.is-1-tablet-only {
--columnGap: 0.25rem; } }
@media screen and (max-width: 1023px) {
.columns.is-variable.is-1-touch {
--columnGap: 0.25rem; } }
@media screen and (min-width: 1024px) {
.columns.is-variable.is-1-desktop {
--columnGap: 0.25rem; } }
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-1-desktop-only {
--columnGap: 0.25rem; } }
@media screen and (min-width: 1216px) {
.columns.is-variable.is-1-widescreen {
--columnGap: 0.25rem; } }
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-1-widescreen-only {
--columnGap: 0.25rem; } }
@media screen and (min-width: 1408px) {
.columns.is-variable.is-1-fullhd {
--columnGap: 0.25rem; } }
.columns.is-variable.is-2 {
--columnGap: 0.5rem; }
@media screen and (max-width: 766px) {
.columns.is-variable.is-2-mobile {
--columnGap: 0.5rem; } }
@media screen and (min-width: 767px), print {
.columns.is-variable.is-2-tablet {
--columnGap: 0.5rem; } }
@media screen and (min-width: 767px) and (max-width: 1023px) {
.columns.is-variable.is-2-tablet-only {
--columnGap: 0.5rem; } }
@media screen and (max-width: 1023px) {
.columns.is-variable.is-2-touch {
--columnGap: 0.5rem; } }
@media screen and (min-width: 1024px) {
.columns.is-variable.is-2-desktop {
--columnGap: 0.5rem; } }
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-2-desktop-only {
--columnGap: 0.5rem; } }
@media screen and (min-width: 1216px) {
.columns.is-variable.is-2-widescreen {
--columnGap: 0.5rem; } }
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-2-widescreen-only {
--columnGap: 0.5rem; } }
@media screen and (min-width: 1408px) {
.columns.is-variable.is-2-fullhd {
--columnGap: 0.5rem; } }
.columns.is-variable.is-3 {
--columnGap: 0.75rem; }
@media screen and (max-width: 766px) {
.columns.is-variable.is-3-mobile {
--columnGap: 0.75rem; } }
@media screen and (min-width: 767px), print {
.columns.is-variable.is-3-tablet {
--columnGap: 0.75rem; } }
@media screen and (min-width: 767px) and (max-width: 1023px) {
.columns.is-variable.is-3-tablet-only {
--columnGap: 0.75rem; } }
@media screen and (max-width: 1023px) {
.columns.is-variable.is-3-touch {
--columnGap: 0.75rem; } }
@media screen and (min-width: 1024px) {
.columns.is-variable.is-3-desktop {
--columnGap: 0.75rem; } }
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-3-desktop-only {
--columnGap: 0.75rem; } }
@media screen and (min-width: 1216px) {
.columns.is-variable.is-3-widescreen {
--columnGap: 0.75rem; } }
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-3-widescreen-only {
--columnGap: 0.75rem; } }
@media screen and (min-width: 1408px) {
.columns.is-variable.is-3-fullhd {
--columnGap: 0.75rem; } }
.columns.is-variable.is-4 {
--columnGap: 1rem; }
@media screen and (max-width: 766px) {
.columns.is-variable.is-4-mobile {
--columnGap: 1rem; } }
@media screen and (min-width: 767px), print {
.columns.is-variable.is-4-tablet {
--columnGap: 1rem; } }
@media screen and (min-width: 767px) and (max-width: 1023px) {
.columns.is-variable.is-4-tablet-only {
--columnGap: 1rem; } }
@media screen and (max-width: 1023px) {
.columns.is-variable.is-4-touch {
--columnGap: 1rem; } }
@media screen and (min-width: 1024px) {
.columns.is-variable.is-4-desktop {
--columnGap: 1rem; } }
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-4-desktop-only {
--columnGap: 1rem; } }
@media screen and (min-width: 1216px) {
.columns.is-variable.is-4-widescreen {
--columnGap: 1rem; } }
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-4-widescreen-only {
--columnGap: 1rem; } }
@media screen and (min-width: 1408px) {
.columns.is-variable.is-4-fullhd {
--columnGap: 1rem; } }
.columns.is-variable.is-5 {
--columnGap: 1.25rem; }
@media screen and (max-width: 766px) {
.columns.is-variable.is-5-mobile {
--columnGap: 1.25rem; } }
@media screen and (min-width: 767px), print {
.columns.is-variable.is-5-tablet {
--columnGap: 1.25rem; } }
@media screen and (min-width: 767px) and (max-width: 1023px) {
.columns.is-variable.is-5-tablet-only {
--columnGap: 1.25rem; } }
@media screen and (max-width: 1023px) {
.columns.is-variable.is-5-touch {
--columnGap: 1.25rem; } }
@media screen and (min-width: 1024px) {
.columns.is-variable.is-5-desktop {
--columnGap: 1.25rem; } }
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-5-desktop-only {
--columnGap: 1.25rem; } }
@media screen and (min-width: 1216px) {
.columns.is-variable.is-5-widescreen {
--columnGap: 1.25rem; } }
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-5-widescreen-only {
--columnGap: 1.25rem; } }
@media screen and (min-width: 1408px) {
.columns.is-variable.is-5-fullhd {
--columnGap: 1.25rem; } }
.columns.is-variable.is-6 {
--columnGap: 1.5rem; }
@media screen and (max-width: 766px) {
.columns.is-variable.is-6-mobile {
--columnGap: 1.5rem; } }
@media screen and (min-width: 767px), print {
.columns.is-variable.is-6-tablet {
--columnGap: 1.5rem; } }
@media screen and (min-width: 767px) and (max-width: 1023px) {
.columns.is-variable.is-6-tablet-only {
--columnGap: 1.5rem; } }
@media screen and (max-width: 1023px) {
.columns.is-variable.is-6-touch {
--columnGap: 1.5rem; } }
@media screen and (min-width: 1024px) {
.columns.is-variable.is-6-desktop {
--columnGap: 1.5rem; } }
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-6-desktop-only {
--columnGap: 1.5rem; } }
@media screen and (min-width: 1216px) {
.columns.is-variable.is-6-widescreen {
--columnGap: 1.5rem; } }
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-6-widescreen-only {
--columnGap: 1.5rem; } }
@media screen and (min-width: 1408px) {
.columns.is-variable.is-6-fullhd {
--columnGap: 1.5rem; } }
.columns.is-variable.is-7 {
--columnGap: 1.75rem; }
@media screen and (max-width: 766px) {
.columns.is-variable.is-7-mobile {
--columnGap: 1.75rem; } }
@media screen and (min-width: 767px), print {
.columns.is-variable.is-7-tablet {
--columnGap: 1.75rem; } }
@media screen and (min-width: 767px) and (max-width: 1023px) {
.columns.is-variable.is-7-tablet-only {
--columnGap: 1.75rem; } }
@media screen and (max-width: 1023px) {
.columns.is-variable.is-7-touch {
--columnGap: 1.75rem; } }
@media screen and (min-width: 1024px) {
.columns.is-variable.is-7-desktop {
--columnGap: 1.75rem; } }
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-7-desktop-only {
--columnGap: 1.75rem; } }
@media screen and (min-width: 1216px) {
.columns.is-variable.is-7-widescreen {
--columnGap: 1.75rem; } }
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-7-widescreen-only {
--columnGap: 1.75rem; } }
@media screen and (min-width: 1408px) {
.columns.is-variable.is-7-fullhd {
--columnGap: 1.75rem; } }
.columns.is-variable.is-8 {
--columnGap: 2rem; }
@media screen and (max-width: 766px) {
.columns.is-variable.is-8-mobile {
--columnGap: 2rem; } }
@media screen and (min-width: 767px), print {
.columns.is-variable.is-8-tablet {
--columnGap: 2rem; } }
@media screen and (min-width: 767px) and (max-width: 1023px) {
.columns.is-variable.is-8-tablet-only {
--columnGap: 2rem; } }
@media screen and (max-width: 1023px) {
.columns.is-variable.is-8-touch {
--columnGap: 2rem; } }
@media screen and (min-width: 1024px) {
.columns.is-variable.is-8-desktop {
--columnGap: 2rem; } }
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-8-desktop-only {
--columnGap: 2rem; } }
@media screen and (min-width: 1216px) {
.columns.is-variable.is-8-widescreen {
--columnGap: 2rem; } }
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-8-widescreen-only {
--columnGap: 2rem; } }
@media screen and (min-width: 1408px) {
.columns.is-variable.is-8-fullhd {
--columnGap: 2rem; } }
.site-footer {
background-color: #AA834A;
width: 100%;
padding-top: 80px; }
.site-footer .grid-1088 {
width: 100%;
max-width: 1088px;
margin: 0 auto; }
.site-footer .logo {
max-width: 190px;
width: 100%; }
.site-footer ul li a {
font-family: PFBagueSansPro;
font-size: 12px;
font-weight: 100;
line-height: 1.67;
letter-spacing: 0.6px;
text-align: left;
color: #ffffff; }
.site-footer ul li a:hover {
text-decoration: underline; }
.site-footer .footer-wrap .column {
margin-bottom: 60px; }
.site-footer .column p {
font-family: PFBagueSansPro;
font-size: 12px;
font-weight: 100;
line-height: 1.67;
letter-spacing: 0.6px;
text-align: left;
color: #ffffff; }
.site-footer .column p.title {
font-family: PFBagueSansPro;
font-size: 15px;
font-weight: bold;
line-height: 1.33;
letter-spacing: 0.75px;
text-align: left;
color: #ffffff; }
@media only screen and (max-width: 767px) {
.site-footer .column.logo-container {
display: flex;
justify-content: center; } }
.site-footer .bottom-menu {
border-top: solid 1px #ffffff;
text-transform: uppercase; }
.site-footer .bottom-menu .grid-1088 { }
.site-footer .bottom-menu .copyright {
font-family: PFBagueSansPro;
font-size: 12px;
font-weight: 100;
line-height: 1.67;
letter-spacing: 0.6px;
text-align: left;
color: #ffffff;
align-self: center; }
.site-footer .bottom-menu .copyright p {
text-align: right; }
.site-footer .bottom-menu ul {
display: flex; }
.site-footer .bottom-menu ul li {
margin-right: 5px;
padding: 10px 0; }
.site-footer .bottom-menu ul li:before {
content: '-';
color: white; }
.site-footer .bottom-menu ul li:first-child:before {
content: ''; }
@media only screen and (max-width: 767px) {
.site-footer .privacy-container {
order: 4; }
.site-footer .about-container {
order: 2; }
.site-footer .responsible-container {
order: 3; }
.site-footer .categories-container {
order: 1; }
.site-footer li, .site-footer p {
text-align: center !important; }
.site-footer .footer-wrap {
display: flex;
flex-direction: column; }
.site-footer ul {
position: relative;
left: 50%;
transform: translate(-50%, 0);
display: block !important; } }
body:not(.wp-admin),
html:not(.wp-admin) {
margin: 0;
padding: 0;
background-color: #2d221e;
line-height: 1em;
font-size: 1em;
color: #000;
font-family: "PFBagueSansPro";
font-weight: normal; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
min-height: 100%; }
body:not(.wp-admin) {
width: 100%;
height: 100%; }
html:not(.wp-admin) {
min-height: 100%; position: relative;
overflow-x: hidden !important;
overflow-y: auto; }
html:not(.wp-admin).hide {
overflow: hidden !important; }
html:not(.wp-admin) {
box-sizing: border-box; }
*,
*:before,
*:after {
box-sizing: inherit; }
.clearfix::after {
content: "";
clear: both;
display: table; }
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none; }
textarea {
resize: none; }
html:not(.wp-admin) {
box-sizing: border-box; }
*,
*:before,
*:after {
box-sizing: inherit; }
body[data-aos-duration='1200'] [data-aos],
[data-aos][data-aos][data-aos-duration='1200'] {
transition-duration: 1500ms !important; }
.personal-email a:hover,
.contact-person a:hover {
text-decoration: underline; }
#page-loader {
position: fixed;
width: 100%;
height: 100vh;
z-index: 9999;
background-color: #fff;
background-position: center;
background-repeat: no-repeat;
background-size: cover !important;
top: 0;
left: 0;
display: block; }
.off-screen {
position: absolute;
top: -9999px;
left: -9999px; }
strong {
color: white; }
.cookie-button-wrapper {
display: flex;
flex-direction: column-reverse;
position: absolute;
bottom: 0;
width: 100%; }
.cookie-button-wrapper a {
margin-left: 0 !important;
font-family: PFBagueSansPro !important;
font-size: 20px !important;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.35 !important;
letter-spacing: 0.2px;
text-align: left; }
.cookie-wrapper .is-8 {
font-family: PFBagueSansPro;
font-size: 15px !important;
font-weight: 100;
font-stretch: normal;
font-style: normal;
line-height: 2.33;
letter-spacing: 0.15px;
text-align: left;
color: #ffffff; }
.cookie-wrapper .is-8 a {
text-decoration: underline !important;
padding: 0 !important;
font-weight: bold !important;
margin: 0 !important;
font-size: 15px !important;
line-height: 2.33 !important; }
.cookie-wrapper .is-3 {
position: relative; }
.cookie-wrapper .is-3 a {
text-align: center !important;
display: block !important; }
.cookie-wrapper .is-3 .cookie-settings-wrapper a {
font-size: 15px !important;
text-transform: uppercase !important;
line-height: 1.8 !important;
letter-spacing: 0.15px !important;
color: #d1d1d1;
margin-top: 10px !important; }
.cli-wrapper br {
content: "A" !important;
display: none !important; }
.cli-modal-content.cli-bar-popup {
border-radius: 0 !important;
opacity: 0.95 !important;
background-color: #707070 !important; }
.cli-modal-content.cli-bar-popup .cli-privacy-overview h4 {
font-family: PFBagueSansPro !important;
font-size: 22px !important;
font-weight: bold !important;
font-stretch: normal !important;
font-style: normal !important;
line-height: 1.23 !important;
letter-spacing: 0.22px !important;
text-align: left !important;
color: #ffffff !important; }
.cli-modal-content.cli-bar-popup .cli-tab-header {
border-radius: 5px;
padding: 12px 15px;
cursor: pointer;
background-color: transparent !important;
border-bottom: 1px solid #B57A03 !important; }
.cli-modal-content.cli-bar-popup .cli-tab-header a {
font-size: 22px !important;
font-weight: 100 !important;
letter-spacing: 0.22px !important;
color: #ffffff !important; }
.cli-modal-content.cli-bar-popup .cli-switch .cli-slider:after, .cli-modal-content.cli-bar-popup .cli-necessary-caption {
color: white !important; }
.cli-modal-content.cli-bar-popup .cli-modal-close svg {
fill: white !important; }
.cli-modal-content.cli-bar-popup .cli-tab-content {
background: transparent !important; }
.cli-modal-content.cli-bar-popup .cli-tab-content .cli-tab-pane p {
font-family: PFBagueSansPro !important;
font-size: 15px !important;
font-weight: normal !important;
font-stretch: normal !important;
font-style: normal !important;
line-height: 1.8 !important;
letter-spacing: 0.15px !important;
text-align: left !important;
color: #d1d1d1 !important; }
.cli-modal-content.cli-bar-popup .cli_setting_save_button.cli-btn {
background-color: #b57a02 !important;
font-family: PFBagueSansPro !important;
font-size: 20px !important;
line-height: 1.35 !important;
letter-spacing: 0.2px !important;
text-align: left !important;
color: #ffffff !important;
border-radius: 0 !important; }
.cli-modal-content.cli-bar-popup .cli-switch input:checked + .cli-slider {
background-color: #aa834a !important; }
.cli-modal-content.cli-bar-popup .cli-tab-header a:before {
border-right: 1px solid white !important;
border-bottom: 1px solid white !important; }
.cli_cookie_close_button {
display: none !important; }