/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
background: #fff url('../../img/ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('../../fonts/slick/slick.eot');
src: url('../../fonts/slick/slick.eot?#iefix') format('embedded-opentype'), url('../../fonts/slick/slick.woff') format('woff'), url('../../fonts/slick/slick.ttf') format('truetype'), url('../../fonts/slick/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: 'â†';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: 'â†';
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
/*!
* Fotorama 4.6.4 | http://fotorama.io/license/
*/
.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(../../img/fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(../../img/fotorama@2x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}
/*
* Custom CSS created by yoyolabs.
* http://yoyolabs.yeystudio.com
*
*/
@import url("https://fonts.googleapis.com/css?family=Lusitana:400,700");
@media screen {
/* -- FONT LIBRARIES -- */
@font-face {
font-family: "HK Grotesk";
src: url("../../fonts/HKGrotesk-Light.otf");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "HK Grotesk";
src: url("../../fonts/HKGrotesk-Bold.otf");
font-weight: 700;
font-style: normal;
}
/* -- FONTS -- */
/* -- COLOURS -- */
/* -- TYPOGRAPHY -- */
/* -- CONTAINER WIDTHS -- */
/* -- BGs -- */
.section--bg-dark, .page-header .hero-body, .section__rg {
background: #dce1e5;
background: -webkit-gradient(left top, right bottom, color-stop(0%, #dce1e5), color-stop(87%, rgba(123, 151, 170, 0.43)), color-stop(100%, rgba(123, 151, 170, 0.35)));
background: -webkit-linear-gradient(-45deg, #dce1e5 0%, rgba(123, 151, 170, 0.43) 87%, rgba(123, 151, 170, 0.35) 100%);
background: -webkit-linear-gradient(315deg, #dce1e5 0%, rgba(123, 151, 170, 0.43) 87%, rgba(123, 151, 170, 0.35) 100%);
background: linear-gradient(135deg, #dce1e5 0%, rgba(123, 151, 170, 0.43) 87%, rgba(123, 151, 170, 0.35) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce1e5', endColorstr='#7b97aa', GradientType=1 );
}
.section--bg-v-dark {
background-color: #15222d !important;
}
/*! bulma.io v0.4.2 | MIT License | github.com/jgthms/bulma */
@-webkit-keyframes spinAround {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spinAround {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */
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 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
* {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
*:before, *:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
img,
embed,
object,
audio,
video {
height: auto;
max-width: 100%;
}
iframe {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
text-align: left;
}
html {
background-color: #fff;
font-size: 16px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
min-width: 300px;
overflow-x: hidden;
overflow-y: scroll;
text-rendering: optimizeLegibility;
}
article,
aside,
figure,
footer,
header,
hgroup,
section {
display: block;
}
body,
button,
input,
select,
textarea {
font-family: "Lusitana", -apple-system, BlinkMacSystemFont, "Adobe Caslon Pro", "Times", "Times New Roman", serif;
}
code,
pre {
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: auto;
font-family: monospace;
}
body {
color: #4a4a4a;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
a {
color: #042a54;
cursor: pointer;
text-decoration: none;
-webkit-transition: none 86ms ease-out;
transition: none 86ms ease-out;
}
a:hover {
color: #363636;
}
code {
background-color: whitesmoke;
color: #ff3860;
font-size: 0.8em;
font-weight: normal;
padding: 0.25em 0.5em 0.25em;
}
hr {
background-color: #dbdbdb;
border: none;
display: block;
height: 1px;
margin: 1.5rem 0;
}
img {
max-width: 100%;
}
input[type="checkbox"],
input[type="radio"] {
vertical-align: baseline;
}
small {
font-size: 0.8em;
}
span {
font-style: inherit;
font-weight: inherit;
}
strong {
color: #363636;
font-weight: 700;
}
pre {
background-color: whitesmoke;
color: #4a4a4a;
font-size: 0.8em;
white-space: pre;
word-wrap: normal;
}
pre code {
-webkit-overflow-scrolling: touch;
background: none;
color: inherit;
display: block;
font-size: 1em;
overflow-x: auto;
padding: 1.25rem 1.5rem;
}
table {
width: 100%;
}
table td,
table th {
text-align: left;
vertical-align: top;
}
table th {
color: #363636;
}
.is-block {
display: block;
}
}
@media screen and (max-width: 768px) {
.is-block-mobile {
display: block !important;
}
}
@media screen and (min-width: 769px) {
.is-block-tablet {
display: block !important;
}
}
@media screen and (min-width: 769px) and (max-width: 999px) {
.is-block-tablet-only {
display: block !important;
}
}
@media screen and (max-width: 999px) {
.is-block-touch {
display: block !important;
}
}
@media screen and (min-width: 1000px) {
.is-block-desktop {
display: block !important;
}
}
@media screen and (min-width: 1000px) and (max-width: 1191px) {
.is-block-desktop-only {
display: block !important;
}
}
@media screen and (min-width: 1192px) {
.is-block-widescreen {
display: block !important;
}
}
@media screen {
.is-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (max-width: 768px) {
.is-flex-mobile {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media screen and (min-width: 769px) {
.is-flex-tablet {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media screen and (min-width: 769px) and (max-width: 999px) {
.is-flex-tablet-only {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media screen and (max-width: 999px) {
.is-flex-touch {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media screen and (min-width: 1000px) {
.is-flex-desktop {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media screen and (min-width: 1000px) and (max-width: 1191px) {
.is-flex-desktop-only {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media screen and (min-width: 1192px) {
.is-flex-widescreen {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media screen {
.is-inline {
display: inline;
}
}
@media screen and (max-width: 768px) {
.is-inline-mobile {
display: inline !important;
}
}
@media screen and (min-width: 769px) {
.is-inline-tablet {
display: inline !important;
}
}
@media screen and (min-width: 769px) and (max-width: 999px) {
.is-inline-tablet-only {
display: inline !important;
}
}
@media screen and (max-width: 999px) {
.is-inline-touch {
display: inline !important;
}
}
@media screen and (min-width: 1000px) {
.is-inline-desktop {
display: inline !important;
}
}
@media screen and (min-width: 1000px) and (max-width: 1191px) {
.is-inline-desktop-only {
display: inline !important;
}
}
@media screen and (min-width: 1192px) {
.is-inline-widescreen {
display: inline !important;
}
}
@media screen {
.is-inline-block {
display: inline-block;
}
}
@media screen and (max-width: 768px) {
.is-inline-block-mobile {
display: inline-block !important;
}
}
@media screen and (min-width: 769px) {
.is-inline-block-tablet {
display: inline-block !important;
}
}
@media screen and (min-width: 769px) and (max-width: 999px) {
.is-inline-block-tablet-only {
display: inline-block !important;
}
}
@media screen and (max-width: 999px) {
.is-inline-block-touch {
display: inline-block !important;
}
}
@media screen and (min-width: 1000px) {
.is-inline-block-desktop {
display: inline-block !important;
}
}
@media screen and (min-width: 1000px) and (max-width: 1191px) {
.is-inline-block-desktop-only {
display: inline-block !important;
}
}
@media screen and (min-width: 1192px) {
.is-inline-block-widescreen {
display: inline-block !important;
}
}
@media screen {
.is-inline-flex {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media screen and (max-width: 768px) {
.is-inline-flex-mobile {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media screen and (min-width: 769px) {
.is-inline-flex-tablet {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media screen and (min-width: 769px) and (max-width: 999px) {
.is-inline-flex-tablet-only {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media screen and (max-width: 999px) {
.is-inline-flex-touch {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media screen and (min-width: 1000px) {
.is-inline-flex-desktop {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media screen and (min-width: 1000px) and (max-width: 1191px) {
.is-inline-flex-desktop-only {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media screen and (min-width: 1192px) {
.is-inline-flex-widescreen {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media screen {
.is-clearfix:after {
clear: both;
content: " ";
display: table;
}
.is-pulled-left {
float: left;
}
.is-pulled-right {
float: right;
}
.is-clipped {
overflow: hidden !important;
}
.is-overlay {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.has-text-centered {
text-align: center;
}
.has-text-left {
text-align: left;
}
.has-text-right {
text-align: right;
}
.has-text-white {
color: white;
}
a.has-text-white:hover, a.has-text-white:focus {
color: #e6e6e6;
}
.has-text-black {
color: #0a0a0a;
}
a.has-text-black:hover, a.has-text-black:focus {
color: black;
}
.has-text-light {
color: whitesmoke;
}
a.has-text-light:hover, a.has-text-light:focus {
color: #dbdbdb;
}
.has-text-dark {
color: #363636;
}
a.has-text-dark:hover, a.has-text-dark:focus {
color: #1c1c1c;
}
.has-text-primary {
color: #042a54;
}
a.has-text-primary:hover, a.has-text-primary:focus {
color: #021223;
}
.has-text-info {
color: #00a19a;
}
a.has-text-info:hover, a.has-text-info:focus {
color: #006e69;
}
.has-text-success {
color: #7b97aa;
}
a.has-text-success:hover, a.has-text-success:focus {
color: #5f7e93;
}
.has-text-warning {
color: #15222d;
}
a.has-text-warning:hover, a.has-text-warning:focus {
color: #05080a;
}
.has-text-danger {
color: #e94e1b;
}
a.has-text-danger:hover, a.has-text-danger:focus {
color: #bf3d12;
}
.is-hidden {
display: none !important;
}
}
@media screen and (max-width: 768px) {
.is-hidden-mobile {
display: none !important;
}
}
@media screen and (min-width: 769px) {
.is-hidden-tablet {
display: none !important;
}
}
@media screen and (min-width: 769px) and (max-width: 999px) {
.is-hidden-tablet-only {
display: none !important;
}
}
@media screen and (max-width: 999px) {
.is-hidden-touch {
display: none !important;
}
}
@media screen and (min-width: 1000px) {
.is-hidden-desktop {
display: none !important;
}
}
@media screen and (min-width: 1000px) and (max-width: 1191px) {
.is-hidden-desktop-only {
display: none !important;
}
}
@media screen and (min-width: 1192px) {
.is-hidden-widescreen {
display: none !important;
}
}
@media screen {
.is-marginless {
margin: 0 !important;
}
.is-paddingless {
padding: 0 !important;
}
.is-unselectable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.box {
background-color: white;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
display: block;
padding: 1.25rem;
}
.box:not(:last-child) {
margin-bottom: 1.5rem;
}
a.box:hover, a.box:focus {
-webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #042a54;
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #042a54;
}
a.box:active {
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #042a54;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #042a54;
}
.button {
-moz-appearance: none;
-webkit-appearance: none;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid transparent;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 1rem;
height: 2.25em;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
line-height: 1.5;
padding-bottom: -webkit-calc(0.375em - 1px);
padding-bottom: calc(0.375em - 1px);
padding-left: -webkit-calc(0.625em - 1px);
padding-left: calc(0.625em - 1px);
padding-right: -webkit-calc(0.625em - 1px);
padding-right: calc(0.625em - 1px);
padding-top: -webkit-calc(0.375em - 1px);
padding-top: calc(0.375em - 1px);
position: relative;
vertical-align: top;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: white;
border-color: #dbdbdb;
color: #363636;
cursor: pointer;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0.75em;
padding-right: 0.75em;
text-align: center;
white-space: nowrap;
}
.button:focus, .button.is-focused, .button:active, .button.is-active {
outline: none;
}
.button[disabled] {
cursor: not-allowed;
}
.button strong {
color: inherit;
}
.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
height: 1.5em;
width: 1.5em;
}
.button .icon:first-child:not(:last-child) {
margin-left: -webkit-calc(-0.375em - 1px);
margin-left: calc(-0.375em - 1px);
margin-right: 0.1875em;
}
.button .icon:last-child:not(:first-child) {
margin-left: 0.1875em;
margin-right: -webkit-calc(-0.375em - 1px);
margin-right: calc(-0.375em - 1px);
}
.button .icon:first-child:last-child {
margin-left: -webkit-calc(-0.375em - 1px);
margin-left: calc(-0.375em - 1px);
margin-right: -webkit-calc(-0.375em - 1px);
margin-right: calc(-0.375em - 1px);
}
.button:hover, .button.is-hovered {
border-color: #b5b5b5;
color: #363636;
}
.button:focus, .button.is-focused {
border-color: #042a54;
-webkit-box-shadow: 0 0 0.5em rgba(4, 42, 84, 0.25);
box-shadow: 0 0 0.5em rgba(4, 42, 84, 0.25);
color: #363636;
}
.button:active, .button.is-active {
border-color: #4a4a4a;
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
color: #363636;
}
.button.is-link {
background-color: transparent;
border-color: transparent;
color: #4a4a4a;
text-decoration: underline;
}
.button.is-link:hover, .button.is-link.is-hovered, .button.is-link:focus, .button.is-link.is-focused, .button.is-link:active, .button.is-link.is-active {
background-color: whitesmoke;
color: #363636;
}
.button.is-link[disabled] {
background-color: transparent;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-white {
background-color: white;
border-color: transparent;
color: #0a0a0a;
}
.button.is-white:hover, .button.is-white.is-hovered {
background-color: #f9f9f9;
border-color: transparent;
color: #0a0a0a;
}
.button.is-white:focus, .button.is-white.is-focused {
border-color: transparent;
-webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
color: #0a0a0a;
}
.button.is-white:active, .button.is-white.is-active {
background-color: #f2f2f2;
border-color: transparent;
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
color: #0a0a0a;
}
.button.is-white[disabled] {
background-color: white;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-white.is-inverted {
background-color: #0a0a0a;
color: white;
}
.button.is-white.is-inverted:hover {
background-color: black;
}
.button.is-white.is-inverted[disabled] {
background-color: #0a0a0a;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: white;
}
.button.is-white.is-loading:after {
border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.button.is-white.is-outlined {
background-color: transparent;
border-color: white;
color: white;
}
.button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus {
background-color: white;
border-color: white;
color: #0a0a0a;
}
.button.is-white.is-outlined.is-loading:after {
border-color: transparent transparent white white !important;
}
.button.is-white.is-outlined[disabled] {
background-color: transparent;
border-color: white;
-webkit-box-shadow: none;
box-shadow: none;
color: white;
}
.button.is-white.is-inverted.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
color: #0a0a0a;
}
.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus {
background-color: #0a0a0a;
color: white;
}
.button.is-white.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #0a0a0a;
-webkit-box-shadow: none;
box-shadow: none;
color: #0a0a0a;
}
.button.is-black {
background-color: #0a0a0a;
border-color: transparent;
color: white;
}
.button.is-black:hover, .button.is-black.is-hovered {
background-color: #040404;
border-color: transparent;
color: white;
}
.button.is-black:focus, .button.is-black.is-focused {
border-color: transparent;
-webkit-box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
color: white;
}
.button.is-black:active, .button.is-black.is-active {
background-color: black;
border-color: transparent;
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
color: white;
}
.button.is-black[disabled] {
background-color: #0a0a0a;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-black.is-inverted {
background-color: white;
color: #0a0a0a;
}
.button.is-black.is-inverted:hover {
background-color: #f2f2f2;
}
.button.is-black.is-inverted[disabled] {
background-color: white;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #0a0a0a;
}
.button.is-black.is-loading:after {
border-color: transparent transparent white white !important;
}
.button.is-black.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
color: #0a0a0a;
}
.button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus {
background-color: #0a0a0a;
border-color: #0a0a0a;
color: white;
}
.button.is-black.is-outlined.is-loading:after {
border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.button.is-black.is-outlined[disabled] {
background-color: transparent;
border-color: #0a0a0a;
-webkit-box-shadow: none;
box-shadow: none;
color: #0a0a0a;
}
.button.is-black.is-inverted.is-outlined {
background-color: transparent;
border-color: white;
color: white;
}
.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus {
background-color: white;
color: #0a0a0a;
}
.button.is-black.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: white;
-webkit-box-shadow: none;
box-shadow: none;
color: white;
}
.button.is-light {
background-color: whitesmoke;
border-color: transparent;
color: #363636;
}
.button.is-light:hover, .button.is-light.is-hovered {
background-color: #eeeeee;
border-color: transparent;
color: #363636;
}
.button.is-light:focus, .button.is-light.is-focused {
border-color: transparent;
-webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
color: #363636;
}
.button.is-light:active, .button.is-light.is-active {
background-color: #e8e8e8;
border-color: transparent;
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
color: #363636;
}
.button.is-light[disabled] {
background-color: whitesmoke;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-light.is-inverted {
background-color: #363636;
color: whitesmoke;
}
.button.is-light.is-inverted:hover {
background-color: #292929;
}
.button.is-light.is-inverted[disabled] {
background-color: #363636;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: whitesmoke;
}
.button.is-light.is-loading:after {
border-color: transparent transparent #363636 #363636 !important;
}
.button.is-light.is-outlined {
background-color: transparent;
border-color: whitesmoke;
color: whitesmoke;
}
.button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus {
background-color: whitesmoke;
border-color: whitesmoke;
color: #363636;
}
.button.is-light.is-outlined.is-loading:after {
border-color: transparent transparent whitesmoke whitesmoke !important;
}
.button.is-light.is-outlined[disabled] {
background-color: transparent;
border-color: whitesmoke;
-webkit-box-shadow: none;
box-shadow: none;
color: whitesmoke;
}
.button.is-light.is-inverted.is-outlined {
background-color: transparent;
border-color: #363636;
color: #363636;
}
.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus {
background-color: #363636;
color: whitesmoke;
}
.button.is-light.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #363636;
-webkit-box-shadow: none;
box-shadow: none;
color: #363636;
}
.button.is-dark {
background-color: #363636;
border-color: transparent;
color: whitesmoke;
}
.button.is-dark:hover, .button.is-dark.is-hovered {
background-color: #2f2f2f;
border-color: transparent;
color: whitesmoke;
}
.button.is-dark:focus, .button.is-dark.is-focused {
border-color: transparent;
-webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
color: whitesmoke;
}
.button.is-dark:active, .button.is-dark.is-active {
background-color: #292929;
border-color: transparent;
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
color: whitesmoke;
}
.button.is-dark[disabled] {
background-color: #363636;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-dark.is-inverted {
background-color: whitesmoke;
color: #363636;
}
.button.is-dark.is-inverted:hover {
background-color: #e8e8e8;
}
.button.is-dark.is-inverted[disabled] {
background-color: whitesmoke;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #363636;
}
.button.is-dark.is-loading:after {
border-color: transparent transparent whitesmoke whitesmoke !important;
}
.button.is-dark.is-outlined {
background-color: transparent;
border-color: #363636;
color: #363636;
}
.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus {
background-color: #363636;
border-color: #363636;
color: whitesmoke;
}
.button.is-dark.is-outlined.is-loading:after {
border-color: transparent transparent #363636 #363636 !important;
}
.button.is-dark.is-outlined[disabled] {
background-color: transparent;
border-color: #363636;
-webkit-box-shadow: none;
box-shadow: none;
color: #363636;
}
.button.is-dark.is-inverted.is-outlined {
background-color: transparent;
border-color: whitesmoke;
color: whitesmoke;
}
.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus {
background-color: whitesmoke;
color: #363636;
}
.button.is-dark.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: whitesmoke;
-webkit-box-shadow: none;
box-shadow: none;
color: whitesmoke;
}
.button.is-primary {
background-color: #042a54;
border-color: transparent;
color: #fff;
}
.button.is-primary:hover, .button.is-primary.is-hovered {
background-color: #032448;
border-color: transparent;
color: #fff;
}
.button.is-primary:focus, .button.is-primary.is-focused {
border-color: transparent;
-webkit-box-shadow: 0 0 0.5em rgba(4, 42, 84, 0.25);
box-shadow: 0 0 0.5em rgba(4, 42, 84, 0.25);
color: #fff;
}
.button.is-primary:active, .button.is-primary.is-active {
background-color: #031e3c;
border-color: transparent;
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
color: #fff;
}
.button.is-primary[disabled] {
background-color: #042a54;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-primary.is-inverted {
background-color: #fff;
color: #042a54;
}
.button.is-primary.is-inverted:hover {
background-color: #f2f2f2;
}
.button.is-primary.is-inverted[disabled] {
background-color: #fff;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #042a54;
}
.button.is-primary.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-primary.is-outlined {
background-color: transparent;
border-color: #042a54;
color: #042a54;
}
.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
background-color: #042a54;
border-color: #042a54;
color: #fff;
}
.button.is-primary.is-outlined.is-loading:after {
border-color: transparent transparent #042a54 #042a54 !important;
}
.button.is-primary.is-outlined[disabled] {
background-color: transparent;
border-color: #042a54;
-webkit-box-shadow: none;
box-shadow: none;
color: #042a54;
}
.button.is-primary.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus {
background-color: #fff;
color: #042a54;
}
.button.is-primary.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.button.is-info {
background-color: #00a19a;
border-color: transparent;
color: #fff;
}
.button.is-info:hover, .button.is-info.is-hovered {
background-color: #00948e;
border-color: transparent;
color: #fff;
}
.button.is-info:focus, .button.is-info.is-focused {
border-color: transparent;
-webkit-box-shadow: 0 0 0.5em rgba(0, 161, 154, 0.25);
box-shadow: 0 0 0.5em rgba(0, 161, 154, 0.25);
color: #fff;
}
.button.is-info:active, .button.is-info.is-active {
background-color: #008882;
border-color: transparent;
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
color: #fff;
}
.button.is-info[disabled] {
background-color: #00a19a;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-info.is-inverted {
background-color: #fff;
color: #00a19a;
}
.button.is-info.is-inverted:hover {
background-color: #f2f2f2;
}
.button.is-info.is-inverted[disabled] {
background-color: #fff;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #00a19a;
}
.button.is-info.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-info.is-outlined {
background-color: transparent;
border-color: #00a19a;
color: #00a19a;
}
.button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
background-color: #00a19a;
border-color: #00a19a;
color: #fff;
}
.button.is-info.is-outlined.is-loading:after {
border-color: transparent transparent #00a19a #00a19a !important;
}
.button.is-info.is-outlined[disabled] {
background-color: transparent;
border-color: #00a19a;
-webkit-box-shadow: none;
box-shadow: none;
color: #00a19a;
}
.button.is-info.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus {
background-color: #fff;
color: #00a19a;
}
.button.is-info.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.button.is-success {
background-color: #7b97aa;
border-color: transparent;
color: #fff;
}
.button.is-success:hover, .button.is-success.is-hovered {
background-color: #7391a5;
border-color: transparent;
color: #fff;
}
.button.is-success:focus, .button.is-success.is-focused {
border-color: transparent;
-webkit-box-shadow: 0 0 0.5em rgba(123, 151, 170, 0.25);
box-shadow: 0 0 0.5em rgba(123, 151, 170, 0.25);
color: #fff;
}
.button.is-success:active, .button.is-success.is-active {
background-color: #6b8ba0;
border-color: transparent;
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
color: #fff;
}
.button.is-success[disabled] {
background-color: #7b97aa;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-success.is-inverted {
background-color: #fff;
color: #7b97aa;
}
.button.is-success.is-inverted:hover {
background-color: #f2f2f2;
}
.button.is-success.is-inverted[disabled] {
background-color: #fff;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #7b97aa;
}
.button.is-success.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-success.is-outlined {
background-color: transparent;
border-color: #7b97aa;
color: #7b97aa;
}
.button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
background-color: #7b97aa;
border-color: #7b97aa;
color: #fff;
}
.button.is-success.is-outlined.is-loading:after {
border-color: transparent transparent #7b97aa #7b97aa !important;
}
.button.is-success.is-outlined[disabled] {
background-color: transparent;
border-color: #7b97aa;
-webkit-box-shadow: none;
box-shadow: none;
color: #7b97aa;
}
.button.is-success.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus {
background-color: #fff;
color: #7b97aa;
}
.button.is-success.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.button.is-warning {
background-color: #15222d;
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning:hover, .button.is-warning.is-hovered {
background-color: #111b24;
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning:focus, .button.is-warning.is-focused {
border-color: transparent;
-webkit-box-shadow: 0 0 0.5em rgba(21, 34, 45, 0.25);
box-shadow: 0 0 0.5em rgba(21, 34, 45, 0.25);
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning:active, .button.is-warning.is-active {
background-color: #0d151c;
border-color: transparent;
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning[disabled] {
background-color: #15222d;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-warning.is-inverted {
background-color: rgba(0, 0, 0, 0.7);
color: #15222d;
}
.button.is-warning.is-inverted:hover {
background-color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-inverted[disabled] {
background-color: rgba(0, 0, 0, 0.7);
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #15222d;
}
.button.is-warning.is-loading:after {
border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-warning.is-outlined {
background-color: transparent;
border-color: #15222d;
color: #15222d;
}
.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
background-color: #15222d;
border-color: #15222d;
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-outlined.is-loading:after {
border-color: transparent transparent #15222d #15222d !important;
}
.button.is-warning.is-outlined[disabled] {
background-color: transparent;
border-color: #15222d;
-webkit-box-shadow: none;
box-shadow: none;
color: #15222d;
}
.button.is-warning.is-inverted.is-outlined {
background-color: transparent;
border-color: rgba(0, 0, 0, 0.7);
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus {
background-color: rgba(0, 0, 0, 0.7);
color: #15222d;
}
.button.is-warning.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: rgba(0, 0, 0, 0.7);
-webkit-box-shadow: none;
box-shadow: none;
color: rgba(0, 0, 0, 0.7);
}
.button.is-danger {
background-color: #e94e1b;
border-color: transparent;
color: #fff;
}
.button.is-danger:hover, .button.is-danger.is-hovered {
background-color: #e14816;
border-color: transparent;
color: #fff;
}
.button.is-danger:focus, .button.is-danger.is-focused {
border-color: transparent;
-webkit-box-shadow: 0 0 0.5em rgba(233, 78, 27, 0.25);
box-shadow: 0 0 0.5em rgba(233, 78, 27, 0.25);
color: #fff;
}
.button.is-danger:active, .button.is-danger.is-active {
background-color: #d64415;
border-color: transparent;
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
color: #fff;
}
.button.is-danger[disabled] {
background-color: #e94e1b;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.is-danger.is-inverted {
background-color: #fff;
color: #e94e1b;
}
.button.is-danger.is-inverted:hover {
background-color: #f2f2f2;
}
.button.is-danger.is-inverted[disabled] {
background-color: #fff;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #e94e1b;
}
.button.is-danger.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.button.is-danger.is-outlined {
background-color: transparent;
border-color: #e94e1b;
color: #e94e1b;
}
.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus {
background-color: #e94e1b;
border-color: #e94e1b;
color: #fff;
}
.button.is-danger.is-outlined.is-loading:after {
border-color: transparent transparent #e94e1b #e94e1b !important;
}
.button.is-danger.is-outlined[disabled] {
background-color: transparent;
border-color: #e94e1b;
-webkit-box-shadow: none;
box-shadow: none;
color: #e94e1b;
}
.button.is-danger.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus {
background-color: #fff;
color: #e94e1b;
}
.button.is-danger.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.button.is-small {
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 0.75rem;
}
.button.is-medium {
font-size: 1.25rem;
}
.button.is-large {
font-size: 1.5rem;
}
.button[disabled] {
background-color: white;
border-color: #dbdbdb;
-webkit-box-shadow: none;
box-shadow: none;
opacity: 0.5;
}
.button.is-fullwidth {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.button.is-loading {
color: transparent !important;
pointer-events: none;
}
.button.is-loading:after {
-webkit-animation: spinAround 500ms infinite linear;
animation: spinAround 500ms infinite linear;
border: 2px solid #dbdbdb;
-webkit-border-radius: 290486px;
border-radius: 290486px;
border-right-color: transparent;
border-top-color: transparent;
content: "";
display: block;
height: 1em;
position: relative;
width: 1em;
position: absolute;
left: -webkit-calc(50% - (1em / 2));
left: calc(50% - (1em / 2));
top: -webkit-calc(50% - (1em / 2));
top: calc(50% - (1em / 2));
position: absolute !important;
}
.button.is-static {
background-color: whitesmoke;
border-color: #dbdbdb;
color: #7a7a7a;
-webkit-box-shadow: none;
box-shadow: none;
pointer-events: none;
}
button.button,
input[type="submit"].button {
line-height: 1;
padding-bottom: 0.4em;
padding-top: 0.35em;
}
.content {
color: #4a4a4a;
}
.content:not(:last-child) {
margin-bottom: 1.5rem;
}
.content li + li {
margin-top: 0.25em;
}
.content p:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content ul:not(:last-child),
.content blockquote:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child) {
margin-bottom: 1em;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
color: #363636;
font-weight: 400;
line-height: 1.125;
}
.content h1 {
font-size: 2em;
margin-bottom: 0.5em;
}
.content h1:not(:first-child) {
margin-top: 1em;
}
.content h2 {
font-size: 1.75em;
margin-bottom: 0.5714em;
}
.content h2:not(:first-child) {
margin-top: 1.1428em;
}
.content h3 {
font-size: 1.5em;
margin-bottom: 0.6666em;
}
.content h3:not(:first-child) {
margin-top: 1.3333em;
}
.content h4 {
font-size: 1.25em;
margin-bottom: 0.8em;
}
.content h5 {
font-size: 1.125em;
margin-bottom: 0.8888em;
}
.content h6 {
font-size: 1em;
margin-bottom: 1em;
}
.content blockquote {
background-color: whitesmoke;
border-left: 5px solid #dbdbdb;
padding: 1.25em 1.5em;
}
.content ol {
list-style: decimal outside;
margin-left: 2em;
margin-right: 2em;
margin-top: 1em;
}
.content ul {
list-style: disc outside;
margin-left: 2em;
margin-right: 2em;
margin-top: 1em;
}
.content ul ul {
list-style-type: circle;
margin-top: 0.5em;
}
.content ul ul ul {
list-style-type: square;
}
.content dd {
margin-left: 2em;
}
.content pre {
-webkit-overflow-scrolling: touch;
overflow-x: auto;
padding: 1.25em 1.5em;
white-space: pre;
word-wrap: normal;
}
.content table {
width: 100%;
}
.content table td,
.content table th {
border: 1px solid #dbdbdb;
border-width: 0 0 1px;
padding: 0.5em 0.75em;
vertical-align: top;
}
.content table th {
color: #363636;
text-align: left;
}
.content table tr:hover {
background-color: whitesmoke;
}
.content table thead td,
.content table thead th {
border-width: 0 0 2px;
color: #363636;
}
.content table tfoot td,
.content table tfoot th {
border-width: 2px 0 0;
color: #363636;
}
.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
border-bottom-width: 0;
}
.content.is-small {
font-size: 0.75rem;
}
.content.is-medium {
font-size: 1.25rem;
}
.content.is-large {
font-size: 1.5rem;
}
.input,
.textarea {
-moz-appearance: none;
-webkit-appearance: none;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid transparent;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 1rem;
height: 2.25em;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
line-height: 1.5;
padding-bottom: -webkit-calc(0.375em - 1px);
padding-bottom: calc(0.375em - 1px);
padding-left: -webkit-calc(0.625em - 1px);
padding-left: calc(0.625em - 1px);
padding-right: -webkit-calc(0.625em - 1px);
padding-right: calc(0.625em - 1px);
padding-top: -webkit-calc(0.375em - 1px);
padding-top: calc(0.375em - 1px);
position: relative;
vertical-align: top;
background-color: white;
border-color: #dbdbdb;
color: #363636;
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
max-width: 100%;
width: 100%;
}
.input:focus, .input.is-focused, .input:active, .input.is-active,
.textarea:focus,
.textarea.is-focused,
.textarea:active,
.textarea.is-active {
outline: none;
}
.input[disabled],
.textarea[disabled] {
cursor: not-allowed;
}
.input:hover, .input.is-hovered,
.textarea:hover,
.textarea.is-hovered {
border-color: #b5b5b5;
}
.input:focus, .input.is-focused, .input:active, .input.is-active,
.textarea:focus,
.textarea.is-focused,
.textarea:active,
.textarea.is-active {
border-color: #042a54;
}
.input[disabled],
.textarea[disabled] {
background-color: whitesmoke;
border-color: whitesmoke;
-webkit-box-shadow: none;
box-shadow: none;
color: #7a7a7a;
}
.input[disabled]::-moz-placeholder,
.textarea[disabled]::-moz-placeholder {
color: rgba(54, 54, 54, 0.3);
}
.input[disabled]::-webkit-input-placeholder,
.textarea[disabled]::-webkit-input-placeholder {
color: rgba(54, 54, 54, 0.3);
}
.input[disabled]:-moz-placeholder,
.textarea[disabled]:-moz-placeholder {
color: rgba(54, 54, 54, 0.3);
}
.input[disabled]:-ms-input-placeholder,
.textarea[disabled]:-ms-input-placeholder {
color: rgba(54, 54, 54, 0.3);
}
.input[type="search"],
.textarea[type="search"] {
-webkit-border-radius: 290486px;
border-radius: 290486px;
}
.input.is-white,
.textarea.is-white {
border-color: white;
}
.input.is-black,
.textarea.is-black {
border-color: #0a0a0a;
}
.input.is-light,
.textarea.is-light {
border-color: whitesmoke;
}
.input.is-dark,
.textarea.is-dark {
border-color: #363636;
}
.input.is-primary,
.textarea.is-primary {
border-color: #042a54;
}
.input.is-info,
.textarea.is-info {
border-color: #00a19a;
}
.input.is-success,
.textarea.is-success {
border-color: #7b97aa;
}
.input.is-warning,
.textarea.is-warning {
border-color: #15222d;
}
.input.is-danger,
.textarea.is-danger {
border-color: #e94e1b;
}
.input.is-small,
.textarea.is-small {
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 0.75rem;
}
.input.is-medium,
.textarea.is-medium {
font-size: 1.25rem;
}
.input.is-large,
.textarea.is-large {
font-size: 1.5rem;
}
.input.is-fullwidth,
.textarea.is-fullwidth {
display: block;
width: 100%;
}
.input.is-inline,
.textarea.is-inline {
display: inline;
width: auto;
}
.textarea {
display: block;
max-height: 600px;
max-width: 100%;
min-height: 120px;
min-width: 100%;
padding: 0.625em;
resize: vertical;
}
.checkbox,
.radio {
cursor: pointer;
display: inline-block;
line-height: 1.25;
position: relative;
}
.checkbox input,
.radio input {
cursor: pointer;
}
.checkbox:hover,
.radio:hover {
color: #363636;
}
.checkbox[disabled],
.radio[disabled] {
color: #7a7a7a;
cursor: not-allowed;
}
.radio + .radio {
margin-left: 0.5em;
}
.select {
display: inline-block;
height: 2.25em;
max-width: 100%;
position: relative;
vertical-align: top;
}
.select:after {
border: 1px solid #042a54;
border-right: 0;
border-top: 0;
content: " ";
display: block;
height: 0.5em;
pointer-events: none;
position: absolute;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 0.5em;
margin-top: -0.375em;
right: 1.125em;
top: 50%;
z-index: 4;
}
.select select {
-moz-appearance: none;
-webkit-appearance: none;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid transparent;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 1rem;
height: 2.25em;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
line-height: 1.5;
padding-bottom: -webkit-calc(0.375em - 1px);
padding-bottom: calc(0.375em - 1px);
padding-left: -webkit-calc(0.625em - 1px);
padding-left: calc(0.625em - 1px);
padding-right: -webkit-calc(0.625em - 1px);
padding-right: calc(0.625em - 1px);
padding-top: -webkit-calc(0.375em - 1px);
padding-top: calc(0.375em - 1px);
position: relative;
vertical-align: top;
background-color: white;
border-color: #dbdbdb;
color: #363636;
cursor: pointer;
display: block;
font-size: 1em;
max-width: 100%;
outline: none;
padding-right: 2.5em;
}
.select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
outline: none;
}
.select select[disabled] {
cursor: not-allowed;
}
.select select:hover, .select select.is-hovered {
border-color: #b5b5b5;
}
.select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
border-color: #042a54;
}
.select select[disabled] {
background-color: whitesmoke;
border-color: whitesmoke;
-webkit-box-shadow: none;
box-shadow: none;
color: #7a7a7a;
}
.select select[disabled]::-moz-placeholder {
color: rgba(54, 54, 54, 0.3);
}
.select select[disabled]::-webkit-input-placeholder {
color: rgba(54, 54, 54, 0.3);
}
.select select[disabled]:-moz-placeholder {
color: rgba(54, 54, 54, 0.3);
}
.select select[disabled]:-ms-input-placeholder {
color: rgba(54, 54, 54, 0.3);
}
.select select:hover {
border-color: #b5b5b5;
}
.select select::-ms-expand {
display: none;
}
.select select[disabled]:hover {
border-color: whitesmoke;
}
.select:hover:after {
border-color: #363636;
}
.select.is-white select {
border-color: white;
}
.select.is-black select {
border-color: #0a0a0a;
}
.select.is-light select {
border-color: whitesmoke;
}
.select.is-dark select {
border-color: #363636;
}
.select.is-primary select {
border-color: #042a54;
}
.select.is-info select {
border-color: #00a19a;
}
.select.is-success select {
border-color: #7b97aa;
}
.select.is-warning select {
border-color: #15222d;
}
.select.is-danger select {
border-color: #e94e1b;
}
.select.is-small {
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 0.75rem;
}
.select.is-medium {
font-size: 1.25rem;
}
.select.is-large {
font-size: 1.5rem;
}
.select.is-disabled:after {
border-color: #7a7a7a;
}
.select.is-fullwidth {
width: 100%;
}
.select.is-fullwidth select {
width: 100%;
}
.select.is-loading:after {
-webkit-animation: spinAround 500ms infinite linear;
animation: spinAround 500ms infinite linear;
border: 2px solid #dbdbdb;
-webkit-border-radius: 290486px;
border-radius: 290486px;
border-right-color: transparent;
border-top-color: transparent;
content: "";
display: block;
height: 1em;
position: relative;
width: 1em;
margin-top: 0;
position: absolute;
right: 0.625em;
top: 0.625em;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.label {
color: #363636;
display: block;
font-size: 1rem;
font-weight: 700;
}
.label:not(:last-child) {
margin-bottom: 0.5em;
}
.label.is-small {
font-size: 0.75rem;
}
.label.is-medium {
font-size: 1.25rem;
}
.label.is-large {
font-size: 1.5rem;
}
.help {
display: block;
font-size: 0.75rem;
margin-top: 0.25rem;
}
.help.is-white {
color: white;
}
.help.is-black {
color: #0a0a0a;
}
.help.is-light {
color: whitesmoke;
}
.help.is-dark {
color: #363636;
}
.help.is-primary {
color: #042a54;
}
.help.is-info {
color: #00a19a;
}
.help.is-success {
color: #7b97aa;
}
.help.is-warning {
color: #15222d;
}
.help.is-danger {
color: #e94e1b;
}
.field:not(:last-child) {
margin-bottom: 0.75rem;
}
.field.has-addons {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.field.has-addons .control {
margin-right: -1px;
}
.field.has-addons .control:first-child .button,
.field.has-addons .control:first-child .input,
.field.has-addons .control:first-child .select select {
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
}
.field.has-addons .control:last-child .button,
.field.has-addons .control:last-child .input,
.field.has-addons .control:last-child .select select {
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
}
.field.has-addons .control .button,
.field.has-addons .control .input,
.field.has-addons .control .select select {
-webkit-border-radius: 0;
border-radius: 0;
}
.field.has-addons .control .button:hover, .field.has-addons .control .button.is-hovered,
.field.has-addons .control .input:hover,
.field.has-addons .control .input.is-hovered,
.field.has-addons .control .select select:hover,
.field.has-addons .control .select select.is-hovered {
z-index: 2;
}
.field.has-addons .control .button:focus, .field.has-addons .control .button.is-focused, .field.has-addons .control .button:active, .field.has-addons .control .button.is-active,
.field.has-addons .control .input:focus,
.field.has-addons .control .input.is-focused,
.field.has-addons .control .input:active,
.field.has-addons .control .input.is-active,
.field.has-addons .control .select select:focus,
.field.has-addons .control .select select.is-focused,
.field.has-addons .control .select select:active,
.field.has-addons .control .select select.is-active {
z-index: 3;
}
.field.has-addons .control .button:focus:hover, .field.has-addons .control .button.is-focused:hover, .field.has-addons .control .button:active:hover, .field.has-addons .control .button.is-active:hover,
.field.has-addons .control .input:focus:hover,
.field.has-addons .control .input.is-focused:hover,
.field.has-addons .control .input:active:hover,
.field.has-addons .control .input.is-active:hover,
.field.has-addons .control .select select:focus:hover,
.field.has-addons .control .select select.is-focused:hover,
.field.has-addons .control .select select:active:hover,
.field.has-addons .control .select select.is-active:hover {
z-index: 4;
}
.field.has-addons .control.is-expanded {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.field.has-addons.has-addons-centered {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.field.has-addons.has-addons-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.field.has-addons.has-addons-fullwidth .control {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.field.is-grouped {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.field.is-grouped > .control {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.field.is-grouped > .control:not(:last-child) {
margin-bottom: 0;
margin-right: 0.75rem;
}
.field.is-grouped > .control.is-expanded {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.field.is-grouped.is-grouped-centered {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.field.is-grouped.is-grouped-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media screen and (min-width: 769px) {
.field.is-horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
@media screen {
.field-label .label {
font-size: inherit;
}
}
@media screen and (max-width: 768px) {
.field-label {
margin-bottom: 0.5rem;
}
}
@media screen and (min-width: 769px) {
.field-label {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 1.5rem;
text-align: right;
}
.field-label.is-small {
font-size: 0.75rem;
padding-top: 0.375em;
}
.field-label.is-normal {
padding-top: 0.375em;
}
.field-label.is-medium {
font-size: 1.25rem;
padding-top: 0.375em;
}
.field-label.is-large {
font-size: 1.5rem;
padding-top: 0.375em;
}
}
@media screen and (min-width: 769px) {
.field-body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 5;
-webkit-flex-grow: 5;
-ms-flex-positive: 5;
flex-grow: 5;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.field-body .field {
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.field-body .field:not(.is-narrow) {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.field-body .field:not(:last-child) {
margin-bottom: 0;
margin-right: 0.75rem;
}
}
@media screen {
.control {
font-size: 1rem;
position: relative;
text-align: left;
}
.control.has-icon .icon {
color: #dbdbdb;
height: 2.25em;
pointer-events: none;
position: absolute;
top: 0;
width: 2.25em;
z-index: 4;
}
.control.has-icon .input:focus + .icon {
color: #7a7a7a;
}
.control.has-icon .input.is-small + .icon {
font-size: 0.75rem;
}
.control.has-icon .input.is-medium + .icon {
font-size: 1.25rem;
}
.control.has-icon .input.is-large + .icon {
font-size: 1.5rem;
}
.control.has-icon:not(.has-icon-right) .icon {
left: 0;
}
.control.has-icon:not(.has-icon-right) .input {
padding-left: 2.25em;
}
.control.has-icon.has-icon-right .icon {
right: 0;
}
.control.has-icon.has-icon-right .input {
padding-right: 2.25em;
}
.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .select select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select select:focus ~ .icon {
color: #7a7a7a;
}
.control.has-icons-left .input.is-small ~ .icon,
.control.has-icons-left .select select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
.control.has-icons-right .select select.is-small ~ .icon {
font-size: 0.75rem;
}
.control.has-icons-left .input.is-medium ~ .icon,
.control.has-icons-left .select select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
.control.has-icons-right .select select.is-medium ~ .icon {
font-size: 1.25rem;
}
.control.has-icons-left .input.is-large ~ .icon,
.control.has-icons-left .select select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
.control.has-icons-right .select select.is-large ~ .icon {
font-size: 1.5rem;
}
.control.has-icons-left .icon, .control.has-icons-right .icon {
color: #dbdbdb;
height: 2.25em;
pointer-events: none;
position: absolute;
top: 0;
width: 2.25em;
z-index: 4;
}
.control.has-icons-left .input,
.control.has-icons-left .select select {
padding-left: 2.25em;
}
.control.has-icons-left .icon.is-left {
left: 0;
}
.control.has-icons-right .input,
.control.has-icons-right .select select {
padding-right: 2.25em;
}
.control.has-icons-right .icon.is-right {
right: 0;
}
.control.is-loading:after {
-webkit-animation: spinAround 500ms infinite linear;
animation: spinAround 500ms infinite linear;
border: 2px solid #dbdbdb;
-webkit-border-radius: 290486px;
border-radius: 290486px;
border-right-color: transparent;
border-top-color: transparent;
content: "";
display: block;
height: 1em;
position: relative;
width: 1em;
position: absolute !important;
right: 0.625em;
top: 0.625em;
}
.icon {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 1.5rem;
width: 1.5rem;
}
.icon .fa {
font-size: 21px;
}
.icon.is-small {
height: 1rem;
width: 1rem;
}
.icon.is-small .fa {
font-size: 14px;
}
.icon.is-medium {
height: 2rem;
width: 2rem;
}
.icon.is-medium .fa {
font-size: 28px;
}
.icon.is-large {
height: 3rem;
width: 3rem;
}
.icon.is-large .fa {
font-size: 42px;
}
.image {
display: block;
position: relative;
}
.image img {
display: block;
height: auto;
width: 100%;
}
.image.is-square img, .image.is-1by1 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-16by9 img, .image.is-2by1 img {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 100%;
}
.image.is-square, .image.is-1by1 {
padding-top: 100%;
}
.image.is-4by3 {
padding-top: 75%;
}
.image.is-3by2 {
padding-top: 66.6666%;
}
.image.is-16by9 {
padding-top: 56.25%;
}
.image.is-2by1 {
padding-top: 50%;
}
.image.is-16x16 {
height: 16px;
width: 16px;
}
.image.is-24x24 {
height: 24px;
width: 24px;
}
.image.is-32x32 {
height: 32px;
width: 32px;
}
.image.is-48x48 {
height: 48px;
width: 48px;
}
.image.is-64x64 {
height: 64px;
width: 64px;
}
.image.is-96x96 {
height: 96px;
width: 96px;
}
.image.is-128x128 {
height: 128px;
width: 128px;
}
.notification {
background-color: whitesmoke;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 1.25rem 2.5rem 1.25rem 1.5rem;
position: relative;
}
.notification:not(:last-child) {
margin-bottom: 1.5rem;
}
.notification a:not(.button) {
color: currentColor;
text-decoration: underline;
}
.notification code,
.notification pre {
background: white;
}
.notification pre code {
background: transparent;
}
.notification > .delete {
position: absolute;
right: 0.5em;
top: 0.5em;
}
.notification .title,
.notification .subtitle,
.notification .content {
color: inherit;
}
.notification.is-white {
background-color: white;
color: #0a0a0a;
}
.notification.is-black {
background-color: #0a0a0a;
color: white;
}
.notification.is-light {
background-color: whitesmoke;
color: #363636;
}
.notification.is-dark {
background-color: #363636;
color: whitesmoke;
}
.notification.is-primary {
background-color: #042a54;
color: #fff;
}
.notification.is-info {
background-color: #00a19a;
color: #fff;
}
.notification.is-success {
background-color: #7b97aa;
color: #fff;
}
.notification.is-warning {
background-color: #15222d;
color: rgba(0, 0, 0, 0.7);
}
.notification.is-danger {
background-color: #e94e1b;
color: #fff;
}
.progress {
-moz-appearance: none;
-webkit-appearance: none;
border: none;
-webkit-border-radius: 290486px;
border-radius: 290486px;
display: block;
height: 1rem;
overflow: hidden;
padding: 0;
width: 100%;
}
.progress:not(:last-child) {
margin-bottom: 1.5rem;
}
.progress::-webkit-progress-bar {
background-color: #dbdbdb;
}
.progress::-webkit-progress-value {
background-color: #4a4a4a;
}
.progress::-moz-progress-bar {
background-color: #4a4a4a;
}
.progress.is-white::-webkit-progress-value {
background-color: white;
}
.progress.is-white::-moz-progress-bar {
background-color: white;
}
.progress.is-black::-webkit-progress-value {
background-color: #0a0a0a;
}
.progress.is-black::-moz-progress-bar {
background-color: #0a0a0a;
}
.progress.is-light::-webkit-progress-value {
background-color: whitesmoke;
}
.progress.is-light::-moz-progress-bar {
background-color: whitesmoke;
}
.progress.is-dark::-webkit-progress-value {
background-color: #363636;
}
.progress.is-dark::-moz-progress-bar {
background-color: #363636;
}
.progress.is-primary::-webkit-progress-value {
background-color: #042a54;
}
.progress.is-primary::-moz-progress-bar {
background-color: #042a54;
}
.progress.is-info::-webkit-progress-value {
background-color: #00a19a;
}
.progress.is-info::-moz-progress-bar {
background-color: #00a19a;
}
.progress.is-success::-webkit-progress-value {
background-color: #7b97aa;
}
.progress.is-success::-moz-progress-bar {
background-color: #7b97aa;
}
.progress.is-warning::-webkit-progress-value {
background-color: #15222d;
}
.progress.is-warning::-moz-progress-bar {
background-color: #15222d;
}
.progress.is-danger::-webkit-progress-value {
background-color: #e94e1b;
}
.progress.is-danger::-moz-progress-bar {
background-color: #e94e1b;
}
.progress.is-small {
height: 0.75rem;
}
.progress.is-medium {
height: 1.25rem;
}
.progress.is-large {
height: 1.5rem;
}
.table {
background-color: white;
color: #363636;
margin-bottom: 1.5rem;
width: 100%;
}
.table td,
.table th {
border: 1px solid #dbdbdb;
border-width: 0 0 1px;
padding: 0.5em 0.75em;
vertical-align: top;
}
.table td.is-narrow,
.table th.is-narrow {
white-space: nowrap;
width: 1%;
}
.table th {
color: #363636;
text-align: left;
}
.table tr:hover {
background-color: #fafafa;
}
.table tr.is-selected {
background-color: #042a54;
color: #fff;
}
.table tr.is-selected a,
.table tr.is-selected strong {
color: currentColor;
}
.table tr.is-selected td,
.table tr.is-selected th {
border-color: #fff;
color: currentColor;
}
.table thead td,
.table thead th {
border-width: 0 0 2px;
color: #7a7a7a;
}
.table tfoot td,
.table tfoot th {
border-width: 2px 0 0;
color: #7a7a7a;
}
.table tbody tr:last-child td,
.table tbody tr:last-child th {
border-bottom-width: 0;
}
.table.is-bordered td,
.table.is-bordered th {
border-width: 1px;
}
.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
border-bottom-width: 1px;
}
.table.is-narrow td,
.table.is-narrow th {
padding: 0.25em 0.5em;
}
.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
background-color: #fafafa;
}
.table.is-striped tbody tr:not(.is-selected):nth-child(even):hover {
background-color: whitesmoke;
}
.tag {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: whitesmoke;
-webkit-border-radius: 290486px;
border-radius: 290486px;
color: #4a4a4a;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 0.75rem;
height: 2em;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1.5;
padding-left: 0.875em;
padding-right: 0.875em;
white-space: nowrap;
}
.tag .delete {
margin-left: 0.25em;
margin-right: -0.375em;
}
.tag.is-white {
background-color: white;
color: #0a0a0a;
}
.tag.is-black {
background-color: #0a0a0a;
color: white;
}
.tag.is-light {
background-color: whitesmoke;
color: #363636;
}
.tag.is-dark {
background-color: #363636;
color: whitesmoke;
}
.tag.is-primary {
background-color: #042a54;
color: #fff;
}
.tag.is-info {
background-color: #00a19a;
color: #fff;
}
.tag.is-success {
background-color: #7b97aa;
color: #fff;
}
.tag.is-warning {
background-color: #15222d;
color: rgba(0, 0, 0, 0.7);
}
.tag.is-danger {
background-color: #e94e1b;
color: #fff;
}
.tag.is-medium {
font-size: 1rem;
}
.tag.is-large {
font-size: 1.25rem;
}
.title,
.subtitle {
word-break: break-word;
}
.title:not(:last-child),
.subtitle:not(:last-child) {
margin-bottom: 1.5rem;
}
.title em,
.title span,
.subtitle em,
.subtitle span {
font-weight: 300;
}
.title strong,
.subtitle strong {
font-weight: 500;
}
.title .tag,
.subtitle .tag {
vertical-align: middle;
}
.title {
color: #363636;
font-size: 2rem;
font-weight: 300;
line-height: 1.125;
}
.title strong {
color: inherit;
}
.title + .highlight {
margin-top: -0.75rem;
}
.title:not(.is-spaced) + .subtitle {
margin-top: -1.5rem;
}
.title.is-1 {
font-size: 3rem;
}
.title.is-2 {
font-size: 2.5rem;
}
.title.is-3 {
font-size: 2rem;
}
.title.is-4 {
font-size: 1.5rem;
}
.title.is-5 {
font-size: 1.25rem;
}
.title.is-6 {
font-size: 1rem;
}
.subtitle {
color: #4a4a4a;
font-size: 1.25rem;
font-weight: 300;
line-height: 1.25;
}
.subtitle strong {
color: #363636;
}
.subtitle:not(.is-spaced) + .title {
margin-top: -1.5rem;
}
.subtitle.is-1 {
font-size: 3rem;
}
.subtitle.is-2 {
font-size: 2.5rem;
}
.subtitle.is-3 {
font-size: 2rem;
}
.subtitle.is-4 {
font-size: 1.5rem;
}
.subtitle.is-5 {
font-size: 1.25rem;
}
.subtitle.is-6 {
font-size: 1rem;
}
.block:not(:last-child) {
margin-bottom: 1.5rem;
}
.container {
position: relative;
}
}
@media screen and (min-width: 1000px) {
.container {
margin: 0 auto;
max-width: 960px;
width: 960px;
}
.container.is-fluid {
margin: 0 20px;
max-width: none;
width: auto;
}
}
@media screen and (min-width: 1192px) {
.container {
max-width: 1152px;
width: 1152px;
}
}
@media screen and (min-width: 1384px) {
.container {
max-width: 1344px;
width: 1344px;
}
}
@media screen {
.delete {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-moz-appearance: none;
-webkit-appearance: none;
background-color: rgba(10, 10, 10, 0.2);
border: none;
-webkit-border-radius: 290486px;
border-radius: 290486px;
cursor: pointer;
display: inline-block;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 1rem;
height: 20px;
max-height: 20px;
max-width: 20px;
min-height: 20px;
min-width: 20px;
outline: none;
position: relative;
vertical-align: top;
width: 20px;
}
.delete:before, .delete:after {
background-color: white;
content: "";
display: block;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
}
.delete:before {
height: 2px;
width: 50%;
}
.delete:after {
height: 50%;
width: 2px;
}
.delete:hover, .delete:focus {
background-color: rgba(10, 10, 10, 0.3);
}
.delete:active {
background-color: rgba(10, 10, 10, 0.4);
}
.delete.is-small {
height: 16px;
width: 16px;
}
.delete.is-medium {
height: 24px;
width: 24px;
}
.delete.is-large {
height: 32px;
width: 32px;
}
.fa {
font-size: 21px;
text-align: center;
vertical-align: top;
}
.heading {
display: block;
font-size: 11px;
letter-spacing: 1px;
margin-bottom: 5px;
text-transform: uppercase;
}
.highlight {
font-weight: 400;
max-width: 100%;
overflow: hidden;
padding: 0;
}
.highlight:not(:last-child) {
margin-bottom: 1.5rem;
}
.highlight pre {
overflow: auto;
max-width: 100%;
}
.loader {
-webkit-animation: spinAround 500ms infinite linear;
animation: spinAround 500ms infinite linear;
border: 2px solid #dbdbdb;
-webkit-border-radius: 290486px;
border-radius: 290486px;
border-right-color: transparent;
border-top-color: transparent;
content: "";
display: block;
height: 1em;
position: relative;
width: 1em;
}
.number {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: whitesmoke;
-webkit-border-radius: 290486px;
border-radius: 290486px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 1.25rem;
height: 2em;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 1.5rem;
min-width: 2.5em;
padding: 0.25rem 0.5rem;
text-align: center;
vertical-align: top;
}
.card-header {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.card-header-title {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #363636;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-weight: 700;
padding: 0.75rem;
}
.card-header-icon {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0.75rem;
}
.card-image {
display: block;
position: relative;
}
.card-content {
padding: 1.5rem;
}
.card-footer {
border-top: 1px solid #dbdbdb;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.card-footer-item {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0.75rem;
}
.card-footer-item:not(:last-child) {
border-right: 1px solid #dbdbdb;
}
.card {
background-color: white;
-webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
color: #4a4a4a;
max-width: 100%;
position: relative;
}
.card .media:not(:last-child) {
margin-bottom: 0.75rem;
}
.level-item {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.level-item .title,
.level-item .subtitle {
margin-bottom: 0;
}
}
@media screen and (max-width: 768px) {
.level-item:not(:last-child) {
margin-bottom: 0.75rem;
}
}
@media screen {
.level-left,
.level-right {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.level-left .level-item:not(:last-child),
.level-right .level-item:not(:last-child) {
margin-right: 0.75rem;
}
.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.level-left {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media screen and (max-width: 768px) {
.level-left + .level-right {
margin-top: 1.5rem;
}
}
@media screen and (min-width: 769px) {
.level-left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
@media screen {
.level-right {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media screen and (min-width: 769px) {
.level-right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
@media screen {
.level {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.level:not(:last-child) {
margin-bottom: 1.5rem;
}
.level code {
-webkit-border-radius: 3px;
border-radius: 3px;
}
.level img {
display: inline-block;
vertical-align: top;
}
.level.is-mobile {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.level.is-mobile .level-left,
.level.is-mobile .level-right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.level.is-mobile .level-left + .level-right {
margin-top: 0;
}
.level.is-mobile .level-item:not(:last-child) {
margin-bottom: 0;
}
.level.is-mobile .level-item:not(.is-narrow) {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media screen and (min-width: 769px) {
.level {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.level > .level-item:not(.is-narrow) {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media screen {
.media-left,
.media-right {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.media-left {
margin-right: 1rem;
}
.media-right {
margin-left: 1rem;
}
.media-content {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
text-align: left;
}
.media {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: left;
}
.media .content:not(:last-child) {
margin-bottom: 0.75rem;
}
.media .media {
border-top: 1px solid rgba(219, 219, 219, 0.5);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 0.75rem;
}
.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
margin-bottom: 0.5rem;
}
.media .media .media {
padding-top: 0.5rem;
}
.media .media .media + .media {
margin-top: 0.5rem;
}
.media + .media {
border-top: 1px solid rgba(219, 219, 219, 0.5);
margin-top: 1rem;
padding-top: 1rem;
}
.media.is-large + .media {
margin-top: 1.5rem;
padding-top: 1.5rem;
}
.menu {
font-size: 1rem;
}
.menu-list {
line-height: 1.25;
}
.menu-list a {
-webkit-border-radius: 2px;
border-radius: 2px;
color: #4a4a4a;
display: block;
padding: 0.5em 0.75em;
}
.menu-list a:hover {
background-color: whitesmoke;
color: #042a54;
}
.menu-list a.is-active {
background-color: #042a54;
color: #fff;
}
.menu-list li ul {
border-left: 1px solid #dbdbdb;
margin: 0.75em;
padding-left: 0.75em;
}
.menu-label {
color: #7a7a7a;
font-size: 0.8em;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.menu-label:not(:first-child) {
margin-top: 1em;
}
.menu-label:not(:last-child) {
margin-bottom: 1em;
}
.message {
background-color: whitesmoke;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 1rem;
}
.message:not(:last-child) {
margin-bottom: 1.5rem;
}
.message.is-white {
background-color: white;
}
.message.is-white .message-header {
background-color: white;
color: #0a0a0a;
}
.message.is-white .message-body {
border-color: white;
color: #4d4d4d;
}
.message.is-black {
background-color: #fafafa;
}
.message.is-black .message-header {
background-color: #0a0a0a;
color: white;
}
.message.is-black .message-body {
border-color: #0a0a0a;
color: #090909;
}
.message.is-light {
background-color: #fafafa;
}
.message.is-light .message-header {
background-color: whitesmoke;
color: #363636;
}
.message.is-light .message-body {
border-color: whitesmoke;
color: #505050;
}
.message.is-dark {
background-color: #fafafa;
}
.message.is-dark .message-header {
background-color: #363636;
color: whitesmoke;
}
.message.is-dark .message-body {
border-color: #363636;
color: #2a2a2a;
}
.message.is-primary {
background-color: #f5faff;
}
.message.is-primary .message-header {
background-color: #042a54;
color: #fff;
}
.message.is-primary .message-body {
border-color: #042a54;
color: #042346;
}
.message.is-info {
background-color: #f5ffff;
}
.message.is-info .message-header {
background-color: #00a19a;
color: #fff;
}
.message.is-info .message-body {
border-color: #00a19a;
color: #022927;
}
.message.is-success {
background-color: #f9fafb;
}
.message.is-success .message-header {
background-color: #7b97aa;
color: #fff;
}
.message.is-success .message-body {
border-color: #7b97aa;
color: #4a545c;
}
.message.is-warning {
background-color: #f8fafc;
}
.message.is-warning .message-header {
background-color: #15222d;
color: rgba(0, 0, 0, 0.7);
}
.message.is-warning .message-body {
border-color: #15222d;
color: #121c25;
}
.message.is-danger {
background-color: #fef8f6;
}
.message.is-danger .message-header {
background-color: #e94e1b;
color: #fff;
}
.message.is-danger .message-body {
border-color: #e94e1b;
color: #903415;
}
.message-header {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #4a4a4a;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 1.25;
padding: 0.5em 0.75em;
position: relative;
}
.message-header a,
.message-header strong {
color: inherit;
}
.message-header a {
text-decoration: underline;
}
.message-header .delete {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 0.75em;
}
.message-header + .message-body {
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
border-top: none;
}
.message-body {
border: 1px solid #dbdbdb;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #4a4a4a;
padding: 1em 1.25em;
}
.message-body a,
.message-body strong {
color: inherit;
}
.message-body a {
text-decoration: underline;
}
.message-body code,
.message-body pre {
background: white;
}
.message-body pre code {
background: transparent;
}
.modal-background {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
background-color: rgba(10, 10, 10, 0.86);
}
.modal-content,
.modal-card {
margin: 0 20px;
max-height: -webkit-calc(100vh - 160px);
max-height: calc(100vh - 160px);
overflow: auto;
position: relative;
width: 100%;
}
}
@media screen and (min-width: 769px) {
.modal-content,
.modal-card {
margin: 0 auto;
max-height: -webkit-calc(100vh - 40px);
max-height: calc(100vh - 40px);
width: 640px;
}
}
@media screen {
.modal-close {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-moz-appearance: none;
-webkit-appearance: none;
background-color: rgba(10, 10, 10, 0.2);
border: none;
-webkit-border-radius: 290486px;
border-radius: 290486px;
cursor: pointer;
display: inline-block;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 1rem;
height: 20px;
max-height: 20px;
max-width: 20px;
min-height: 20px;
min-width: 20px;
outline: none;
position: relative;
vertical-align: top;
width: 20px;
background: none;
height: 40px;
position: fixed;
right: 20px;
top: 20px;
width: 40px;
}
.modal-close:before, .modal-close:after {
background-color: white;
content: "";
display: block;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
}
.modal-close:before {
height: 2px;
width: 50%;
}
.modal-close:after {
height: 50%;
width: 2px;
}
.modal-close:hover, .modal-close:focus {
background-color: rgba(10, 10, 10, 0.3);
}
.modal-close:active {
background-color: rgba(10, 10, 10, 0.4);
}
.modal-close.is-small {
height: 16px;
width: 16px;
}
.modal-close.is-medium {
height: 24px;
width: 24px;
}
.modal-close.is-large {
height: 32px;
width: 32px;
}
.modal-card {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-height: -webkit-calc(100vh - 40px);
max-height: calc(100vh - 40px);
overflow: hidden;
}
.modal-card-head,
.modal-card-foot {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: whitesmoke;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 20px;
position: relative;
}
.modal-card-head {
border-bottom: 1px solid #dbdbdb;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
}
.modal-card-title {
color: #363636;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 1.5rem;
line-height: 1;
}
.modal-card-foot {
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
border-top: 1px solid #dbdbdb;
}
.modal-card-foot .button:not(:last-child) {
margin-right: 10px;
}
.modal-card-body {
-webkit-overflow-scrolling: touch;
background-color: white;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
overflow: auto;
padding: 20px;
}
.modal {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: none;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
position: fixed;
z-index: 20;
}
.modal.is-active {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.nav-toggle {
cursor: pointer;
display: block;
height: 3.25rem;
position: relative;
width: 3.25rem;
}
.nav-toggle span {
background-color: #4a4a4a;
display: block;
height: 1px;
left: 50%;
margin-left: -7px;
position: absolute;
top: 50%;
-webkit-transition: none 86ms ease-out;
transition: none 86ms ease-out;
-webkit-transition-property: background, left, opacity, -webkit-transform;
transition-property: background, left, opacity, -webkit-transform;
transition-property: background, left, opacity, transform;
transition-property: background, left, opacity, transform, -webkit-transform;
width: 15px;
}
.nav-toggle span:nth-child(1) {
margin-top: -6px;
}
.nav-toggle span:nth-child(2) {
margin-top: -1px;
}
.nav-toggle span:nth-child(3) {
margin-top: 4px;
}
.nav-toggle:hover {
background-color: whitesmoke;
}
.nav-toggle.is-active span {
background-color: #042a54;
}
.nav-toggle.is-active span:nth-child(1) {
margin-left: -5px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.nav-toggle.is-active span:nth-child(2) {
opacity: 0;
}
.nav-toggle.is-active span:nth-child(3) {
margin-left: -5px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
}
}
@media screen and (min-width: 769px) {
.nav-toggle {
display: none;
}
}
@media screen {
.nav-item {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 1rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1.5;
padding: 0.5rem 0.75rem;
}
.nav-item a {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.nav-item img {
max-height: 1.75rem;
}
.nav-item .tag:first-child:not(:last-child) {
margin-right: 0.5rem;
}
.nav-item .tag:last-child:not(:first-child) {
margin-left: 0.5rem;
}
}
@media screen and (max-width: 768px) {
.nav-item {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media screen {
.nav-item a,
a.nav-item {
color: #7a7a7a;
}
.nav-item a:hover,
a.nav-item:hover {
color: #363636;
}
.nav-item a.is-active,
a.nav-item.is-active {
color: #363636;
}
.nav-item a.is-tab,
a.nav-item.is-tab {
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
padding-bottom: -webkit-calc(0.75rem - 1px);
padding-bottom: calc(0.75rem - 1px);
padding-left: 1rem;
padding-right: 1rem;
padding-top: -webkit-calc(0.75rem - 1px);
padding-top: calc(0.75rem - 1px);
}
.nav-item a.is-tab:hover,
a.nav-item.is-tab:hover {
border-bottom-color: #042a54;
border-top-color: transparent;
}
.nav-item a.is-tab.is-active,
a.nav-item.is-tab.is-active {
border-bottom: 3px solid #042a54;
color: #042a54;
padding-bottom: -webkit-calc(0.75rem - 3px);
padding-bottom: calc(0.75rem - 3px);
}
}
@media screen and (min-width: 1000px) {
.nav-item a.is-brand,
a.nav-item.is-brand {
padding-left: 0;
}
}
@media screen {
.nav-left,
.nav-right {
-webkit-overflow-scrolling: touch;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 100%;
overflow: auto;
}
}
@media screen and (min-width: 1192px) {
.nav-left,
.nav-right {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
}
@media screen {
.nav-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
white-space: nowrap;
}
.nav-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.nav-center {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 768px) {
.nav-menu.nav-right {
background-color: white;
-webkit-box-shadow: 0 4px 7px rgba(10, 10, 10, 0.1);
box-shadow: 0 4px 7px rgba(10, 10, 10, 0.1);
left: 0;
display: none;
right: 0;
top: 100%;
position: absolute;
}
.nav-menu.nav-right .nav-item {
border-top: 1px solid rgba(219, 219, 219, 0.5);
padding: 0.75rem;
}
.nav-menu.nav-right.is-active {
display: block;
}
}
@media screen {
.nav {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background-color: white;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 3.25rem;
position: relative;
text-align: center;
z-index: 10;
}
.nav > .container {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 3.25rem;
width: 100%;
}
.nav.has-shadow {
-webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
}
.pagination {
font-size: 1rem;
margin: -0.25rem;
}
.pagination.is-small {
font-size: 0.75rem;
}
.pagination.is-medium {
font-size: 1.25rem;
}
.pagination.is-large {
font-size: 1.5rem;
}
.pagination,
.pagination-list {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
-moz-appearance: none;
-webkit-appearance: none;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid transparent;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 1rem;
height: 2.25em;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
line-height: 1.5;
padding-bottom: -webkit-calc(0.375em - 1px);
padding-bottom: calc(0.375em - 1px);
padding-left: -webkit-calc(0.625em - 1px);
padding-left: calc(0.625em - 1px);
padding-right: -webkit-calc(0.625em - 1px);
padding-right: calc(0.625em - 1px);
padding-top: -webkit-calc(0.375em - 1px);
padding-top: calc(0.375em - 1px);
position: relative;
vertical-align: top;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 1em;
padding-left: 0.5em;
padding-right: 0.5em;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0.25rem;
text-align: center;
}
.pagination-previous:focus, .pagination-previous.is-focused, .pagination-previous:active, .pagination-previous.is-active,
.pagination-next:focus,
.pagination-next.is-focused,
.pagination-next:active,
.pagination-next.is-active,
.pagination-link:focus,
.pagination-link.is-focused,
.pagination-link:active,
.pagination-link.is-active,
.pagination-ellipsis:focus,
.pagination-ellipsis.is-focused,
.pagination-ellipsis:active,
.pagination-ellipsis.is-active {
outline: none;
}
.pagination-previous[disabled],
.pagination-next[disabled],
.pagination-link[disabled],
.pagination-ellipsis[disabled] {
cursor: not-allowed;
}
.pagination-previous,
.pagination-next,
.pagination-link {
border-color: #dbdbdb;
min-width: 2.25em;
}
.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
border-color: #b5b5b5;
color: #363636;
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
border-color: #042a54;
}
.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
}
.pagination-previous[disabled],
.pagination-next[disabled],
.pagination-link[disabled] {
background-color: #dbdbdb;
border-color: #dbdbdb;
-webkit-box-shadow: none;
box-shadow: none;
color: #7a7a7a;
opacity: 0.5;
}
.pagination-previous,
.pagination-next {
padding-left: 0.75em;
padding-right: 0.75em;
white-space: nowrap;
}
.pagination-link.is-current {
background-color: #042a54;
border-color: #042a54;
color: #fff;
}
.pagination-ellipsis {
color: #b5b5b5;
pointer-events: none;
}
.pagination-list {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (max-width: 768px) {
.pagination {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pagination-previous,
.pagination-next {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.pagination-list li {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
}
@media screen and (min-width: 769px) {
.pagination-list {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.pagination-previous {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.pagination-next {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.pagination {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pagination.is-centered .pagination-previous {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.pagination.is-centered .pagination-list {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.pagination.is-centered .pagination-next {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.pagination.is-right .pagination-previous {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.pagination.is-right .pagination-next {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.pagination.is-right .pagination-list {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
}
@media screen {
.panel {
font-size: 1rem;
}
.panel:not(:last-child) {
margin-bottom: 1.5rem;
}
.panel-heading,
.panel-tabs,
.panel-block {
border-bottom: 1px solid #dbdbdb;
border-left: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
}
.panel-heading:first-child,
.panel-tabs:first-child,
.panel-block:first-child {
border-top: 1px solid #dbdbdb;
}
.panel-heading {
background-color: whitesmoke;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
color: #363636;
font-size: 1.25em;
font-weight: 300;
line-height: 1.25;
padding: 0.5em 0.75em;
}
.panel-tabs {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 0.875em;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.panel-tabs a {
border-bottom: 1px solid #dbdbdb;
margin-bottom: -1px;
padding: 0.5em;
}
.panel-tabs a.is-active {
border-bottom-color: #4a4a4a;
color: #363636;
}
.panel-list a {
color: #4a4a4a;
}
.panel-list a:hover {
color: #042a54;
}
.panel-block {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #363636;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0.5em 0.75em;
}
.panel-block input[type="checkbox"] {
margin-right: 0.75em;
}
.panel-block > .control {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
width: 100%;
}
.panel-block.is-wrapped {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.panel-block.is-active {
border-left-color: #042a54;
color: #363636;
}
.panel-block.is-active .panel-icon {
color: #042a54;
}
a.panel-block,
label.panel-block {
cursor: pointer;
}
a.panel-block:hover,
label.panel-block:hover {
background-color: whitesmoke;
}
.panel-icon {
display: inline-block;
font-size: 14px;
height: 1em;
line-height: 1em;
text-align: center;
vertical-align: top;
width: 1em;
color: #7a7a7a;
margin-right: 0.75em;
}
.panel-icon .fa {
font-size: inherit;
line-height: inherit;
}
.tabs {
-webkit-overflow-scrolling: touch;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 1rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
overflow: hidden;
overflow-x: auto;
white-space: nowrap;
}
.tabs:not(:last-child) {
margin-bottom: 1.5rem;
}
.tabs a {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #dbdbdb;
color: #4a4a4a;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: -1px;
padding: 0.5em 1em;
vertical-align: top;
}
.tabs a:hover {
border-bottom-color: #363636;
color: #363636;
}
.tabs li {
display: block;
}
.tabs li.is-active a {
border-bottom-color: #042a54;
color: #042a54;
}
.tabs ul {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #dbdbdb;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.tabs ul.is-left {
padding-right: 0.75em;
}
.tabs ul.is-center {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0.75em;
padding-right: 0.75em;
}
.tabs ul.is-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-left: 0.75em;
}
.tabs .icon:first-child {
margin-right: 0.5em;
}
.tabs .icon:last-child {
margin-left: 0.5em;
}
.tabs.is-centered ul {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.tabs.is-right ul {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.tabs.is-boxed a {
border: 1px solid transparent;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.tabs.is-boxed a:hover {
background-color: whitesmoke;
border-bottom-color: #dbdbdb;
}
.tabs.is-boxed li.is-active a {
background-color: white;
border-color: #dbdbdb;
border-bottom-color: transparent !important;
}
.tabs.is-fullwidth li {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.tabs.is-toggle a {
border: 1px solid #dbdbdb;
margin-bottom: 0;
position: relative;
}
.tabs.is-toggle a:hover {
background-color: whitesmoke;
border-color: #b5b5b5;
z-index: 2;
}
.tabs.is-toggle li + li {
margin-left: -1px;
}
.tabs.is-toggle li:first-child a {
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.tabs.is-toggle li:last-child a {
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.tabs.is-toggle li.is-active a {
background-color: #042a54;
border-color: #042a54;
color: #fff;
z-index: 1;
}
.tabs.is-toggle ul {
border-bottom: none;
}
.tabs.is-small {
font-size: 0.75rem;
}
.tabs.is-medium {
font-size: 1.25rem;
}
.tabs.is-large {
font-size: 1.5rem;
}
.column {
display: block;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
padding: 0.75rem;
}
.columns.is-mobile > .column.is-narrow {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.columns.is-mobile > .column.is-full {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 50%;
}
.columns.is-mobile > .column.is-one-third {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 25%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
margin-left: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
margin-left: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
margin-left: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
margin-left: 33.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
margin-left: 25%;
}
.columns.is-mobile > .column.is-1 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 8.3333333333%;
}
.columns.is-mobile > .column.is-offset-1 {
margin-left: 8.3333333333%;
}
.columns.is-mobile > .column.is-2 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 16.6666666667%;
}
.columns.is-mobile > .column.is-offset-2 {
margin-left: 16.6666666667%;
}
.columns.is-mobile > .column.is-3 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
margin-left: 25%;
}
.columns.is-mobile > .column.is-4 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 33.3333333333%;
}
.columns.is-mobile > .column.is-offset-4 {
margin-left: 33.3333333333%;
}
.columns.is-mobile > .column.is-5 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 41.6666666667%;
}
.columns.is-mobile > .column.is-offset-5 {
margin-left: 41.6666666667%;
}
.columns.is-mobile > .column.is-6 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
margin-left: 50%;
}
.columns.is-mobile > .column.is-7 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 58.3333333333%;
}
.columns.is-mobile > .column.is-offset-7 {
margin-left: 58.3333333333%;
}
.columns.is-mobile > .column.is-8 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 66.6666666667%;
}
.columns.is-mobile > .column.is-offset-8 {
margin-left: 66.6666666667%;
}
.columns.is-mobile > .column.is-9 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
margin-left: 75%;
}
.columns.is-mobile > .column.is-10 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 83.3333333333%;
}
.columns.is-mobile > .column.is-offset-10 {
margin-left: 83.3333333333%;
}
.columns.is-mobile > .column.is-11 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 91.6666666667%;
}
.columns.is-mobile > .column.is-offset-11 {
margin-left: 91.6666666667%;
}
.columns.is-mobile > .column.is-12 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
margin-left: 100%;
}
}
@media screen and (max-width: 768px) {
.column.is-narrow-mobile {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.column.is-full-mobile {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-three-quarters-mobile {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-two-thirds-mobile {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.column.is-half-mobile {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-one-third-mobile {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-mobile {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-three-quarters-mobile {
margin-left: 75%;
}
.column.is-offset-two-thirds-mobile {
margin-left: 66.6666%;
}
.column.is-offset-half-mobile {
margin-left: 50%;
}
.column.is-offset-one-third-mobile {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-mobile {
margin-left: 25%;
}
.column.is-1-mobile {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 8.3333333333%;
}
.column.is-offset-1-mobile {
margin-left: 8.3333333333%;
}
.column.is-2-mobile {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 16.6666666667%;
}
.column.is-offset-2-mobile {
margin-left: 16.6666666667%;
}
.column.is-3-mobile {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-3-mobile {
margin-left: 25%;
}
.column.is-4-mobile {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 33.3333333333%;
}
.column.is-offset-4-mobile {
margin-left: 33.3333333333%;
}
.column.is-5-mobile {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 41.6666666667%;
}
.column.is-offset-5-mobile {
margin-left: 41.6666666667%;
}
.column.is-6-mobile {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-offset-6-mobile {
margin-left: 50%;
}
.column.is-7-mobile {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 58.3333333333%;
}
.column.is-offset-7-mobile {
margin-left: 58.3333333333%;
}
.column.is-8-mobile {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 66.6666666667%;
}
.column.is-offset-8-mobile {
margin-left: 66.6666666667%;
}
.column.is-9-mobile {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-offset-9-mobile {
margin-left: 75%;
}
.column.is-10-mobile {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 83.3333333333%;
}
.column.is-offset-10-mobile {
margin-left: 83.3333333333%;
}
.column.is-11-mobile {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 91.6666666667%;
}
.column.is-offset-11-mobile {
margin-left: 91.6666666667%;
}
.column.is-12-mobile {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-offset-12-mobile {
margin-left: 100%;
}
}
@media screen and (min-width: 769px) {
.column.is-narrow, .column.is-narrow-tablet {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.column.is-full, .column.is-full-tablet {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-three-quarters, .column.is-three-quarters-tablet {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-two-thirds, .column.is-two-thirds-tablet {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.column.is-half, .column.is-half-tablet {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-one-third, .column.is-one-third-tablet {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.column.is-one-quarter, .column.is-one-quarter-tablet {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
margin-left: 75%;
}
.column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
margin-left: 66.6666%;
}
.column.is-offset-half, .column.is-offset-half-tablet {
margin-left: 50%;
}
.column.is-offset-one-third, .column.is-offset-one-third-tablet {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
margin-left: 25%;
}
.column.is-1, .column.is-1-tablet {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 8.3333333333%;
}
.column.is-offset-1, .column.is-offset-1-tablet {
margin-left: 8.3333333333%;
}
.column.is-2, .column.is-2-tablet {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 16.6666666667%;
}
.column.is-offset-2, .column.is-offset-2-tablet {
margin-left: 16.6666666667%;
}
.column.is-3, .column.is-3-tablet {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-3, .column.is-offset-3-tablet {
margin-left: 25%;
}
.column.is-4, .column.is-4-tablet {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 33.3333333333%;
}
.column.is-offset-4, .column.is-offset-4-tablet {
margin-left: 33.3333333333%;
}
.column.is-5, .column.is-5-tablet {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 41.6666666667%;
}
.column.is-offset-5, .column.is-offset-5-tablet {
margin-left: 41.6666666667%;
}
.column.is-6, .column.is-6-tablet {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-offset-6, .column.is-offset-6-tablet {
margin-left: 50%;
}
.column.is-7, .column.is-7-tablet {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 58.3333333333%;
}
.column.is-offset-7, .column.is-offset-7-tablet {
margin-left: 58.3333333333%;
}
.column.is-8, .column.is-8-tablet {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 66.6666666667%;
}
.column.is-offset-8, .column.is-offset-8-tablet {
margin-left: 66.6666666667%;
}
.column.is-9, .column.is-9-tablet {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-offset-9, .column.is-offset-9-tablet {
margin-left: 75%;
}
.column.is-10, .column.is-10-tablet {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 83.3333333333%;
}
.column.is-offset-10, .column.is-offset-10-tablet {
margin-left: 83.3333333333%;
}
.column.is-11, .column.is-11-tablet {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 91.6666666667%;
}
.column.is-offset-11, .column.is-offset-11-tablet {
margin-left: 91.6666666667%;
}
.column.is-12, .column.is-12-tablet {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-offset-12, .column.is-offset-12-tablet {
margin-left: 100%;
}
}
@media screen and (min-width: 1000px) {
.column.is-narrow-desktop {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.column.is-full-desktop {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-three-quarters-desktop {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-two-thirds-desktop {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.column.is-half-desktop {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-one-third-desktop {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-desktop {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-three-quarters-desktop {
margin-left: 75%;
}
.column.is-offset-two-thirds-desktop {
margin-left: 66.6666%;
}
.column.is-offset-half-desktop {
margin-left: 50%;
}
.column.is-offset-one-third-desktop {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-desktop {
margin-left: 25%;
}
.column.is-1-desktop {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 8.3333333333%;
}
.column.is-offset-1-desktop {
margin-left: 8.3333333333%;
}
.column.is-2-desktop {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 16.6666666667%;
}
.column.is-offset-2-desktop {
margin-left: 16.6666666667%;
}
.column.is-3-desktop {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-3-desktop {
margin-left: 25%;
}
.column.is-4-desktop {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 33.3333333333%;
}
.column.is-offset-4-desktop {
margin-left: 33.3333333333%;
}
.column.is-5-desktop {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 41.6666666667%;
}
.column.is-offset-5-desktop {
margin-left: 41.6666666667%;
}
.column.is-6-desktop {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-offset-6-desktop {
margin-left: 50%;
}
.column.is-7-desktop {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 58.3333333333%;
}
.column.is-offset-7-desktop {
margin-left: 58.3333333333%;
}
.column.is-8-desktop {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 66.6666666667%;
}
.column.is-offset-8-desktop {
margin-left: 66.6666666667%;
}
.column.is-9-desktop {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-offset-9-desktop {
margin-left: 75%;
}
.column.is-10-desktop {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 83.3333333333%;
}
.column.is-offset-10-desktop {
margin-left: 83.3333333333%;
}
.column.is-11-desktop {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 91.6666666667%;
}
.column.is-offset-11-desktop {
margin-left: 91.6666666667%;
}
.column.is-12-desktop {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-offset-12-desktop {
margin-left: 100%;
}
}
@media screen and (min-width: 1192px) {
.column.is-narrow-widescreen {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.column.is-full-widescreen {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-three-quarters-widescreen {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-two-thirds-widescreen {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 66.6666%;
}
.column.is-half-widescreen {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-one-third-widescreen {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-widescreen {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-three-quarters-widescreen {
margin-left: 75%;
}
.column.is-offset-two-thirds-widescreen {
margin-left: 66.6666%;
}
.column.is-offset-half-widescreen {
margin-left: 50%;
}
.column.is-offset-one-third-widescreen {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-widescreen {
margin-left: 25%;
}
.column.is-1-widescreen {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 8.3333333333%;
}
.column.is-offset-1-widescreen {
margin-left: 8.3333333333%;
}
.column.is-2-widescreen {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 16.6666666667%;
}
.column.is-offset-2-widescreen {
margin-left: 16.6666666667%;
}
.column.is-3-widescreen {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 25%;
}
.column.is-offset-3-widescreen {
margin-left: 25%;
}
.column.is-4-widescreen {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 33.3333333333%;
}
.column.is-offset-4-widescreen {
margin-left: 33.3333333333%;
}
.column.is-5-widescreen {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 41.6666666667%;
}
.column.is-offset-5-widescreen {
margin-left: 41.6666666667%;
}
.column.is-6-widescreen {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 50%;
}
.column.is-offset-6-widescreen {
margin-left: 50%;
}
.column.is-7-widescreen {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 58.3333333333%;
}
.column.is-offset-7-widescreen {
margin-left: 58.3333333333%;
}
.column.is-8-widescreen {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 66.6666666667%;
}
.column.is-offset-8-widescreen {
margin-left: 66.6666666667%;
}
.column.is-9-widescreen {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 75%;
}
.column.is-offset-9-widescreen {
margin-left: 75%;
}
.column.is-10-widescreen {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 83.3333333333%;
}
.column.is-offset-10-widescreen {
margin-left: 83.3333333333%;
}
.column.is-11-widescreen {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 91.6666666667%;
}
.column.is-offset-11-widescreen {
margin-left: 91.6666666667%;
}
.column.is-12-widescreen {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 100%;
}
.column.is-offset-12-widescreen {
margin-left: 100%;
}
}
@media screen {
.columns {
margin-left: -0.75rem;
margin-right: -0.75rem;
margin-top: -0.75rem;
}
.columns:last-child {
margin-bottom: -0.75rem;
}
.columns:not(:last-child) {
margin-bottom: 0.75rem;
}
.columns.is-centered {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.columns.is-gapless {
margin-left: 0;
margin-right: 0;
margin-top: 0;
}
.columns.is-gapless:last-child {
margin-bottom: 0;
}
.columns.is-gapless:not(:last-child) {
margin-bottom: 1.5rem;
}
.columns.is-gapless > .column {
margin: 0;
padding: 0;
}
}
@media screen and (min-width: 769px) {
.columns.is-grid {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.columns.is-grid > .column {
max-width: 33.3333%;
padding: 0.75rem;
width: 33.3333%;
}
.columns.is-grid > .column + .column {
margin-left: 0;
}
}
@media screen {
.columns.is-mobile {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.columns.is-multiline {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.columns.is-vcentered {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
@media screen and (min-width: 769px) {
.columns:not(.is-desktop) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width: 1000px) {
.columns.is-desktop {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
@media screen {
.tile {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: block;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
min-height: -webkit-min-content;
min-height: -moz-min-content;
min-height: min-content;
}
.tile.is-ancestor {
margin-left: -0.75rem;
margin-right: -0.75rem;
margin-top: -0.75rem;
}
.tile.is-ancestor:last-child {
margin-bottom: -0.75rem;
}
.tile.is-ancestor:not(:last-child) {
margin-bottom: 0.75rem;
}
.tile.is-child {
margin: 0 !important;
}
.tile.is-parent {
padding: 0.75rem;
}
.tile.is-vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.tile.is-vertical > .tile.is-child:not(:last-child) {
margin-bottom: 1.5rem !important;
}
}
@media screen and (min-width: 769px) {
.tile:not(.is-child) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.tile.is-1 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 8.3333333333%;
}
.tile.is-2 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 16.6666666667%;
}
.tile.is-3 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 25%;
}
.tile.is-4 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 33.3333333333%;
}
.tile.is-5 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 41.6666666667%;
}
.tile.is-6 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 50%;
}
.tile.is-7 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 58.3333333333%;
}
.tile.is-8 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 66.6666666667%;
}
.tile.is-9 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 75%;
}
.tile.is-10 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 83.3333333333%;
}
.tile.is-11 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 91.6666666667%;
}
.tile.is-12 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 100%;
}
}
@media screen {
.hero-video {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
overflow: hidden;
}
.hero-video video {
left: 50%;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.hero-video.is-transparent {
opacity: 0.3;
}
}
@media screen and (max-width: 768px) {
.hero-video {
display: none;
}
}
@media screen {
.hero-buttons {
margin-top: 1.5rem;
}
}
@media screen and (max-width: 768px) {
.hero-buttons .button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.hero-buttons .button:not(:last-child) {
margin-bottom: 0.75rem;
}
}
@media screen and (min-width: 769px) {
.hero-buttons {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.hero-buttons .button:not(:last-child) {
margin-right: 1.5rem;
}
}
@media screen {
.hero-head,
.hero-foot {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.hero-body {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 3rem 1.5rem;
}
}
@media screen and (min-width: 1192px) {
.hero-body {
padding-left: 0;
padding-right: 0;
}
}
@media screen {
.hero {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background-color: white;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.hero .nav {
background: none;
-webkit-box-shadow: 0 1px 0 rgba(219, 219, 219, 0.3);
box-shadow: 0 1px 0 rgba(219, 219, 219, 0.3);
}
.hero .tabs ul {
border-bottom: none;
}
.hero.is-white {
background-color: white;
color: #0a0a0a;
}
.hero.is-white a:not(.button),
.hero.is-white strong {
color: inherit;
}
.hero.is-white .title {
color: #0a0a0a;
}
.hero.is-white .subtitle {
color: rgba(10, 10, 10, 0.9);
}
.hero.is-white .subtitle a:not(.button),
.hero.is-white .subtitle strong {
color: #0a0a0a;
}
.hero.is-white .nav {
-webkit-box-shadow: 0 1px 0 rgba(10, 10, 10, 0.2);
box-shadow: 0 1px 0 rgba(10, 10, 10, 0.2);
}
}
@media screen and (max-width: 768px) {
.hero.is-white .nav-menu {
background-color: white;
}
}
@media screen {
.hero.is-white a.nav-item,
.hero.is-white .nav-item a:not(.button) {
color: rgba(10, 10, 10, 0.7);
}
.hero.is-white a.nav-item:hover, .hero.is-white a.nav-item.is-active,
.hero.is-white .nav-item a:not(.button):hover,
.hero.is-white .nav-item a:not(.button).is-active {
color: #0a0a0a;
}
.hero.is-white .tabs a {
color: #0a0a0a;
opacity: 0.9;
}
.hero.is-white .tabs a:hover {
opacity: 1;
}
.hero.is-white .tabs li.is-active a {
opacity: 1;
}
.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
color: #0a0a0a;
}
.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
background-color: #0a0a0a;
border-color: #0a0a0a;
color: white;
}
.hero.is-white.is-bold {
background-image: -webkit-linear-gradient(309deg, #e6e6e6 0%, white 71%, white 100%);
background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);
}
}
@media screen and (max-width: 768px) {
.hero.is-white.is-bold .nav-menu {
background-image: -webkit-linear-gradient(309deg, #e6e6e6 0%, white 71%, white 100%);
background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);
}
}
@media screen and (max-width: 768px) {
.hero.is-white .nav-toggle span {
background-color: #0a0a0a;
}
.hero.is-white .nav-toggle:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-white .nav-toggle.is-active span {
background-color: #0a0a0a;
}
.hero.is-white .nav-menu .nav-item {
border-top-color: rgba(10, 10, 10, 0.2);
}
}
@media screen {
.hero.is-black {
background-color: #0a0a0a;
color: white;
}
.hero.is-black a:not(.button),
.hero.is-black strong {
color: inherit;
}
.hero.is-black .title {
color: white;
}
.hero.is-black .subtitle {
color: rgba(255, 255, 255, 0.9);
}
.hero.is-black .subtitle a:not(.button),
.hero.is-black .subtitle strong {
color: white;
}
.hero.is-black .nav {
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
}
@media screen and (max-width: 768px) {
.hero.is-black .nav-menu {
background-color: #0a0a0a;
}
}
@media screen {
.hero.is-black a.nav-item,
.hero.is-black .nav-item a:not(.button) {
color: rgba(255, 255, 255, 0.7);
}
.hero.is-black a.nav-item:hover, .hero.is-black a.nav-item.is-active,
.hero.is-black .nav-item a:not(.button):hover,
.hero.is-black .nav-item a:not(.button).is-active {
color: white;
}
.hero.is-black .tabs a {
color: white;
opacity: 0.9;
}
.hero.is-black .tabs a:hover {
opacity: 1;
}
.hero.is-black .tabs li.is-active a {
opacity: 1;
}
.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
color: white;
}
.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
background-color: white;
border-color: white;
color: #0a0a0a;
}
.hero.is-black.is-bold {
background-image: -webkit-linear-gradient(309deg, black 0%, #0a0a0a 71%, #181616 100%);
background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
}
}
@media screen and (max-width: 768px) {
.hero.is-black.is-bold .nav-menu {
background-image: -webkit-linear-gradient(309deg, black 0%, #0a0a0a 71%, #181616 100%);
background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
}
}
@media screen and (max-width: 768px) {
.hero.is-black .nav-toggle span {
background-color: white;
}
.hero.is-black .nav-toggle:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-black .nav-toggle.is-active span {
background-color: white;
}
.hero.is-black .nav-menu .nav-item {
border-top-color: rgba(255, 255, 255, 0.2);
}
}
@media screen {
.hero.is-light {
background-color: whitesmoke;
color: #363636;
}
.hero.is-light a:not(.button),
.hero.is-light strong {
color: inherit;
}
.hero.is-light .title {
color: #363636;
}
.hero.is-light .subtitle {
color: rgba(54, 54, 54, 0.9);
}
.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
color: #363636;
}
.hero.is-light .nav {
-webkit-box-shadow: 0 1px 0 rgba(54, 54, 54, 0.2);
box-shadow: 0 1px 0 rgba(54, 54, 54, 0.2);
}
}
@media screen and (max-width: 768px) {
.hero.is-light .nav-menu {
background-color: whitesmoke;
}
}
@media screen {
.hero.is-light a.nav-item,
.hero.is-light .nav-item a:not(.button) {
color: rgba(54, 54, 54, 0.7);
}
.hero.is-light a.nav-item:hover, .hero.is-light a.nav-item.is-active,
.hero.is-light .nav-item a:not(.button):hover,
.hero.is-light .nav-item a:not(.button).is-active {
color: #363636;
}
.hero.is-light .tabs a {
color: #363636;
opacity: 0.9;
}
.hero.is-light .tabs a:hover {
opacity: 1;
}
.hero.is-light .tabs li.is-active a {
opacity: 1;
}
.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
color: #363636;
}
.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
background-color: #363636;
border-color: #363636;
color: whitesmoke;
}
.hero.is-light.is-bold {
background-image: -webkit-linear-gradient(309deg, #dfd8d8 0%, whitesmoke 71%, white 100%);
background-image: linear-gradient(141deg, #dfd8d8 0%, whitesmoke 71%, white 100%);
}
}
@media screen and (max-width: 768px) {
.hero.is-light.is-bold .nav-menu {
background-image: -webkit-linear-gradient(309deg, #dfd8d8 0%, whitesmoke 71%, white 100%);
background-image: linear-gradient(141deg, #dfd8d8 0%, whitesmoke 71%, white 100%);
}
}
@media screen and (max-width: 768px) {
.hero.is-light .nav-toggle span {
background-color: #363636;
}
.hero.is-light .nav-toggle:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-light .nav-toggle.is-active span {
background-color: #363636;
}
.hero.is-light .nav-menu .nav-item {
border-top-color: rgba(54, 54, 54, 0.2);
}
}
@media screen {
.hero.is-dark {
background-color: #363636;
color: whitesmoke;
}
.hero.is-dark a:not(.button),
.hero.is-dark strong {
color: inherit;
}
.hero.is-dark .title {
color: whitesmoke;
}
.hero.is-dark .subtitle {
color: rgba(245, 245, 245, 0.9);
}
.hero.is-dark .subtitle a:not(.button),
.hero.is-dark .subtitle strong {
color: whitesmoke;
}
.hero.is-dark .nav {
-webkit-box-shadow: 0 1px 0 rgba(245, 245, 245, 0.2);
box-shadow: 0 1px 0 rgba(245, 245, 245, 0.2);
}
}
@media screen and (max-width: 768px) {
.hero.is-dark .nav-menu {
background-color: #363636;
}
}
@media screen {
.hero.is-dark a.nav-item,
.hero.is-dark .nav-item a:not(.button) {
color: rgba(245, 245, 245, 0.7);
}
.hero.is-dark a.nav-item:hover, .hero.is-dark a.nav-item.is-active,
.hero.is-dark .nav-item a:not(.button):hover,
.hero.is-dark .nav-item a:not(.button).is-active {
color: whitesmoke;
}
.hero.is-dark .tabs a {
color: whitesmoke;
opacity: 0.9;
}
.hero.is-dark .tabs a:hover {
opacity: 1;
}
.hero.is-dark .tabs li.is-active a {
opacity: 1;
}
.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
color: whitesmoke;
}
.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
background-color: whitesmoke;
border-color: whitesmoke;
color: #363636;
}
.hero.is-dark.is-bold {
background-image: -webkit-linear-gradient(309deg, #1f1919 0%, #363636 71%, #463f3f 100%);
background-image: linear-gradient(141deg, #1f1919 0%, #363636 71%, #463f3f 100%);
}
}
@media screen and (max-width: 768px) {
.hero.is-dark.is-bold .nav-menu {
background-image: -webkit-linear-gradient(309deg, #1f1919 0%, #363636 71%, #463f3f 100%);
background-image: linear-gradient(141deg, #1f1919 0%, #363636 71%, #463f3f 100%);
}
}
@media screen and (max-width: 768px) {
.hero.is-dark .nav-toggle span {
background-color: whitesmoke;
}
.hero.is-dark .nav-toggle:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-dark .nav-toggle.is-active span {
background-color: whitesmoke;
}
.hero.is-dark .nav-menu .nav-item {
border-top-color: rgba(245, 245, 245, 0.2);
}
}
@media screen {
.hero.is-primary {
background-color: #042a54;
color: #fff;
}
.hero.is-primary a:not(.button),
.hero.is-primary strong {
color: inherit;
}
.hero.is-primary .title {
color: #fff;
}
.hero.is-primary .subtitle {
color: rgba(255, 255, 255, 0.9);
}
.hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong {
color: #fff;
}
.hero.is-primary .nav {
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
}
@media screen and (max-width: 768px) {
.hero.is-primary .nav-menu {
background-color: #042a54;
}
}
@media screen {
.hero.is-primary a.nav-item,
.hero.is-primary .nav-item a:not(.button) {
color: rgba(255, 255, 255, 0.7);
}
.hero.is-primary a.nav-item:hover, .hero.is-primary a.nav-item.is-active,
.hero.is-primary .nav-item a:not(.button):hover,
.hero.is-primary .nav-item a:not(.button).is-active {
color: #fff;
}
.hero.is-primary .tabs a {
color: #fff;
opacity: 0.9;
}
.hero.is-primary .tabs a:hover {
opacity: 1;
}
.hero.is-primary .tabs li.is-active a {
opacity: 1;
}
.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
color: #fff;
}
.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
background-color: #fff;
border-color: #fff;
color: #042a54;
}
.hero.is-primary.is-bold {
background-image: -webkit-linear-gradient(309deg, #001825 0%, #042a54 71%, #02246f 100%);
background-image: linear-gradient(141deg, #001825 0%, #042a54 71%, #02246f 100%);
}
}
@media screen and (max-width: 768px) {
.hero.is-primary.is-bold .nav-menu {
background-image: -webkit-linear-gradient(309deg, #001825 0%, #042a54 71%, #02246f 100%);
background-image: linear-gradient(141deg, #001825 0%, #042a54 71%, #02246f 100%);
}
}
@media screen and (max-width: 768px) {
.hero.is-primary .nav-toggle span {
background-color: #fff;
}
.hero.is-primary .nav-toggle:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-primary .nav-toggle.is-active span {
background-color: #fff;
}
.hero.is-primary .nav-menu .nav-item {
border-top-color: rgba(255, 255, 255, 0.2);
}
}
@media screen {
.hero.is-info {
background-color: #00a19a;
color: #fff;
}
.hero.is-info a:not(.button),
.hero.is-info strong {
color: inherit;
}
.hero.is-info .title {
color: #fff;
}
.hero.is-info .subtitle {
color: rgba(255, 255, 255, 0.9);
}
.hero.is-info .subtitle a:not(.button),
.hero.is-info .subtitle strong {
color: #fff;
}
.hero.is-info .nav {
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
}
@media screen and (max-width: 768px) {
.hero.is-info .nav-menu {
background-color: #00a19a;
}
}
@media screen {
.hero.is-info a.nav-item,
.hero.is-info .nav-item a:not(.button) {
color: rgba(255, 255, 255, 0.7);
}
.hero.is-info a.nav-item:hover, .hero.is-info a.nav-item.is-active,
.hero.is-info .nav-item a:not(.button):hover,
.hero.is-info .nav-item a:not(.button).is-active {
color: #fff;
}
.hero.is-info .tabs a {
color: #fff;
opacity: 0.9;
}
.hero.is-info .tabs a:hover {
opacity: 1;
}
.hero.is-info .tabs li.is-active a {
opacity: 1;
}
.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
color: #fff;
}
.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
background-color: #fff;
border-color: #fff;
color: #00a19a;
}
.hero.is-info.is-bold {
background-image: -webkit-linear-gradient(309deg, #006e57 0%, #00a19a 71%, #00a4bb 100%);
background-image: linear-gradient(141deg, #006e57 0%, #00a19a 71%, #00a4bb 100%);
}
}
@media screen and (max-width: 768px) {
.hero.is-info.is-bold .nav-menu {
background-image: -webkit-linear-gradient(309deg, #006e57 0%, #00a19a 71%, #00a4bb 100%);
background-image: linear-gradient(141deg, #006e57 0%, #00a19a 71%, #00a4bb 100%);
}
}
@media screen and (max-width: 768px) {
.hero.is-info .nav-toggle span {
background-color: #fff;
}
.hero.is-info .nav-toggle:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-info .nav-toggle.is-active span {
background-color: #fff;
}
.hero.is-info .nav-menu .nav-item {
border-top-color: rgba(255, 255, 255, 0.2);
}
}
@media screen {
.hero.is-success {
background-color: #7b97aa;
color: #fff;
}
.hero.is-success a:not(.button),
.hero.is-success strong {
color: inherit;
}
.hero.is-success .title {
color: #fff;
}
.hero.is-success .subtitle {
color: rgba(255, 255, 255, 0.9);
}
.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
color: #fff;
}
.hero.is-success .nav {
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
}
@media screen and (max-width: 768px) {
.hero.is-success .nav-menu {
background-color: #7b97aa;
}
}
@media screen {
.hero.is-success a.nav-item,
.hero.is-success .nav-item a:not(.button) {
color: rgba(255, 255, 255, 0.7);
}
.hero.is-success a.nav-item:hover, .hero.is-success a.nav-item.is-active,
.hero.is-success .nav-item a:not(.button):hover,
.hero.is-success .nav-item a:not(.button).is-active {
color: #fff;
}
.hero.is-success .tabs a {
color: #fff;
opacity: 0.9;
}
.hero.is-success .tabs a:hover {
opacity: 1;
}
.hero.is-success .tabs li.is-active a {
opacity: 1;
}
.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
color: #fff;
}
.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
background-color: #fff;
border-color: #fff;
color: #7b97aa;
}
.hero.is-success.is-bold {
background-image: -webkit-linear-gradient(309deg, #538d9f 0%, #7b97aa 71%, #869cb9 100%);
background-image: linear-gradient(141deg, #538d9f 0%, #7b97aa 71%, #869cb9 100%);
}
}
@media screen and (max-width: 768px) {
.hero.is-success.is-bold .nav-menu {
background-image: -webkit-linear-gradient(309deg, #538d9f 0%, #7b97aa 71%, #869cb9 100%);
background-image: linear-gradient(141deg, #538d9f 0%, #7b97aa 71%, #869cb9 100%);
}
}
@media screen and (max-width: 768px) {
.hero.is-success .nav-toggle span {
background-color: #fff;
}
.hero.is-success .nav-toggle:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-success .nav-toggle.is-active span {
background-color: #fff;
}
.hero.is-success .nav-menu .nav-item {
border-top-color: rgba(255, 255, 255, 0.2);
}
}
@media screen {
.hero.is-warning {
background-color: #15222d;
color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning a:not(.button),
.hero.is-warning strong {
color: inherit;
}
.hero.is-warning .title {
color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .subtitle {
color: rgba(0, 0, 0, 0.9);
}
.hero.is-warning .subtitle a:not(.button),
.hero.is-warning .subtitle strong {
color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .nav {
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
}
@media screen and (max-width: 768px) {
.hero.is-warning .nav-menu {
background-color: #15222d;
}
}
@media screen {
.hero.is-warning a.nav-item,
.hero.is-warning .nav-item a:not(.button) {
color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning a.nav-item:hover, .hero.is-warning a.nav-item.is-active,
.hero.is-warning .nav-item a:not(.button):hover,
.hero.is-warning .nav-item a:not(.button).is-active {
color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .tabs a {
color: rgba(0, 0, 0, 0.7);
opacity: 0.9;
}
.hero.is-warning .tabs a:hover {
opacity: 1;
}
.hero.is-warning .tabs li.is-active a {
opacity: 1;
}
.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
background-color: rgba(0, 0, 0, 0.7);
border-color: rgba(0, 0, 0, 0.7);
color: #15222d;
}
.hero.is-warning.is-bold {
background-image: -webkit-linear-gradient(309deg, #04090b 0%, #15222d 71%, #1b2941 100%);
background-image: linear-gradient(141deg, #04090b 0%, #15222d 71%, #1b2941 100%);
}
}
@media screen and (max-width: 768px) {
.hero.is-warning.is-bold .nav-menu {
background-image: -webkit-linear-gradient(309deg, #04090b 0%, #15222d 71%, #1b2941 100%);
background-image: linear-gradient(141deg, #04090b 0%, #15222d 71%, #1b2941 100%);
}
}
@media screen and (max-width: 768px) {
.hero.is-warning .nav-toggle span {
background-color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .nav-toggle:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-warning .nav-toggle.is-active span {
background-color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .nav-menu .nav-item {
border-top-color: rgba(0, 0, 0, 0.2);
}
}
@media screen {
.hero.is-danger {
background-color: #e94e1b;
color: #fff;
}
.hero.is-danger a:not(.button),
.hero.is-danger strong {
color: inherit;
}
.hero.is-danger .title {
color: #fff;
}
.hero.is-danger .subtitle {
color: rgba(255, 255, 255, 0.9);
}
.hero.is-danger .subtitle a:not(.button),
.hero.is-danger .subtitle strong {
color: #fff;
}
.hero.is-danger .nav {
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
}
@media screen and (max-width: 768px) {
.hero.is-danger .nav-menu {
background-color: #e94e1b;
}
}
@media screen {
.hero.is-danger a.nav-item,
.hero.is-danger .nav-item a:not(.button) {
color: rgba(255, 255, 255, 0.7);
}
.hero.is-danger a.nav-item:hover, .hero.is-danger a.nav-item.is-active,
.hero.is-danger .nav-item a:not(.button):hover,
.hero.is-danger .nav-item a:not(.button).is-active {
color: #fff;
}
.hero.is-danger .tabs a {
color: #fff;
opacity: 0.9;
}
.hero.is-danger .tabs a:hover {
opacity: 1;
}
.hero.is-danger .tabs li.is-active a {
opacity: 1;
}
.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
color: #fff;
}
.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
background-color: #fff;
border-color: #fff;
color: #e94e1b;
}
.hero.is-danger.is-bold {
background-image: -webkit-linear-gradient(309deg, #c91808 0%, #e94e1b 71%, #f17e2d 100%);
background-image: linear-gradient(141deg, #c91808 0%, #e94e1b 71%, #f17e2d 100%);
}
}
@media screen and (max-width: 768px) {
.hero.is-danger.is-bold .nav-menu {
background-image: -webkit-linear-gradient(309deg, #c91808 0%, #e94e1b 71%, #f17e2d 100%);
background-image: linear-gradient(141deg, #c91808 0%, #e94e1b 71%, #f17e2d 100%);
}
}
@media screen and (max-width: 768px) {
.hero.is-danger .nav-toggle span {
background-color: #fff;
}
.hero.is-danger .nav-toggle:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-danger .nav-toggle.is-active span {
background-color: #fff;
}
.hero.is-danger .nav-menu .nav-item {
border-top-color: rgba(255, 255, 255, 0.2);
}
}
@media screen and (min-width: 769px) {
.hero.is-medium .hero-body {
padding-bottom: 9rem;
padding-top: 9rem;
}
}
@media screen and (min-width: 769px) {
.hero.is-large .hero-body {
padding-bottom: 18rem;
padding-top: 18rem;
}
}
@media screen {
.hero.is-fullheight {
min-height: 100vh;
}
.hero.is-fullheight .hero-body {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.hero.is-fullheight .hero-body > .container {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.section {
background-color: white;
padding: 3rem 1.5rem;
}
}
@media screen and (min-width: 1000px) {
.section.is-medium {
padding: 9rem 1.5rem;
}
.section.is-large {
padding: 18rem 1.5rem;
}
}
@media screen {
.footer {
background-color: whitesmoke;
padding: 3rem 1.5rem 6rem;
}
/* -- BODY COPY -- */
body {
line-height: 1.4;
}
.small {
font-size: 90%;
}
/* -- HEADINGS -- */
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Lusitana", -apple-system, BlinkMacSystemFont, "Adobe Caslon Pro", "Times", "Times New Roman", serif;
font-weight: 700;
}
h1,
h2 {
letter-spacing: -.4px;
}
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.5rem;
}
h4 {
font-size: 1.25rem;
}
h5 {
font-size: 1rem;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
font-family: "Lusitana", -apple-system, BlinkMacSystemFont, "Adobe Caslon Pro", "Times", "Times New Roman", serif;
font-weight: 700;
}
.content h1,
.content h2 {
letter-spacing: -.4px;
}
.content h4 {
line-height: 1.2;
}
.content h6 {
line-height: 1.25;
}
/* -- LIST STYLES -- */
.list-unstyled > li {
list-style: none;
}
.content ul.list-unstyled {
margin-left: 0;
margin-right: 0;
margin-top: 0;
list-style: none;
}
.list-inline > li {
display: inline-block;
padding-right: 2px;
padding-left: 2px;
}
.list-inline > li:first-child {
padding-left: 0;
}
.list-inline > li:last-child {
padding-right: 0;
}
/* -- BLOCKQUOTES -- */
.content blockquote {
background-color: rgba(123, 151, 170, 0.1);
font-weight: 700;
padding: 1.25em 1.5em 1.25em 1.5em;
border-left-color: #cbbba0;
}
.page-content .content a,
.page-content .message-body a {
background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, #b5b5b5), color-stop(0%, rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(left, #b5b5b5 25%, rgba(255, 255, 255, 0) 0%);
background-image: linear-gradient(to right, #b5b5b5 25%, rgba(255, 255, 255, 0) 0%);
background-position: bottom;
background-size: 8px 1px;
background-repeat: repeat-x;
text-decoration: none;
color: #7b97aa;
}
.page-content .content a:hover,
.page-content .message-body a:hover {
color: #042a54;
}
Highlight Color Customization ::-moz-selection {
color: white;
text-shadow: none;
background: #7b97aa;
}
::-moz-selection {
color: white;
text-shadow: none;
background: #7b97aa;
}
::selection {
color: white;
text-shadow: none;
background: #7b97aa;
}
img::-moz-selection {
color: white;
background: transparent;
}
img::selection {
color: white;
background: transparent;
}
img::-moz-selection {
color: white;
background: transparent;
}
body {
webkit-tap-highlight-color: #7b97aa;
}
:focus {
outline-color: #7b97aa;
}
.is-fullheight {
height: 100%;
}
.field.field-centered {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.control__inline {
display: inline-block;
}
.control__inline .button {
margin-bottom: 0.25rem;
}
.page-content .content a,
.page-content .message-body a, .brand a, .brand a:visited, .menu li a, .breadcrumb__listing a {
-webkit-transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.44, 1), color 0.2s cubic-bezier(0.39, 0.575, 0.44, 1), border-color 0.4s;
transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.44, 1), color 0.2s cubic-bezier(0.39, 0.575, 0.44, 1), border-color 0.4s;
}
/* -- GRUNT ICONS -- */
.mm-icon {
display: block;
font-size: 1px;
}
.mm-icon.mm-icon-inline {
display: inline-block;
}
.mm-icon-white svg {
stroke: white;
}
.mm-icon-white svg path {
stroke: white;
}
.mm-icon-gray svg {
stroke: #b5b5b5;
}
.mm-icon-gray svg path {
stroke: #b5b5b5;
}
.mm-icon-blue svg {
stroke: #4CA8FF;
}
.mm-icon-green svg {
stroke: #17B9C6;
}
.mm-icon-red svg {
stroke: #BD2917;
}
.mm-icon-xs,
.mm-icon-xs svg {
width: 14px;
height: 14px;
margin-right: .25rem;
}
.mm-icon-sm,
.mm-icon-sm svg {
width: 21px;
height: 21px;
}
.mm-icon-md,
.mm-icon-md svg {
width: 32px;
height: 32px;
}
.mm-icon-lg,
.mm-icon-lg svg {
width: 48px;
height: 48px;
}
/* -- BOX & CARD -- */
.box,
.card {
-webkit-border-radius: 2px;
border-radius: 2px;
}
.box {
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 1.75rem 2.25rem;
-webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0), 0 0 0 1px rgba(10, 10, 10, 0.1);
box-shadow: 0 2px 3px rgba(10, 10, 10, 0), 0 0 0 1px rgba(10, 10, 10, 0.1);
}
a.box {
-webkit-transition: box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: -webkit-box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
a.box:hover,
a.box:focus {
-webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0), 0 0 0 1px rgba(10, 10, 10, 0.1);
box-shadow: 0 2px 3px rgba(10, 10, 10, 0), 0 0 0 1px rgba(10, 10, 10, 0.1);
}
}
@media only screen and (min-width: 768px) {
a.box:hover,
a.box:focus {
-webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #7a7a7a;
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #7a7a7a;
}
}
@media screen {
.card {
-webkit-box-shadow: none;
box-shadow: none;
background-color: rgba(123, 151, 170, 0.05);
}
/* -- ARTICLE -- */
.read-more {
text-transform: uppercase;
margin: 1rem 0 0;
display: block;
color: #7b97aa;
}
.read-more:after {
content: '\27F6';
margin-left: 0.25rem;
-webkit-transition: margin 0.25s cubic-bezier(0.39, 0.575, 0.44, 1);
transition: margin 0.25s cubic-bezier(0.39, 0.575, 0.44, 1);
}
.photo__gallery__wrapper .card:hover .read-more,
a.read-more:hover,
.read-more:hover {
color: #7b97aa;
}
.photo__gallery__wrapper .card:hover .read-more:after,
a.read-more:hover:after,
.read-more:hover:after {
margin-left: 0.5rem;
}
.card-header {
-webkit-box-shadow: none;
box-shadow: none;
}
.article-header-date,
.card-content {
padding: 1.25rem 2rem;
}
.card-content {
padding: 1.5rem 2rem;
}
.article .card-image .image {
background-repeat: no-repeat;
background-size: cover;
}
.article h4,
.article h4 a,
.article h6,
.article h6 a {
color: #ce8d4c;
border-bottom: 1px dotted transparent;
-webkit-transition: border 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.25s cubic-bezier(0.39, 0.575, 0.44, 1);
transition: border 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.25s cubic-bezier(0.39, 0.575, 0.44, 1);
}
.article h4:hover,
.article h4 a:hover,
.article h6:hover,
.article h6 a:hover {
color: #064285;
}
.news__article-excerpt {
background-color: rgba(123, 151, 170, 0.05);
padding: 1.25rem 1.5rem 1rem;
}
.news__article-excerpt:not(:last-child) {
border-bottom: 2px solid white;
}
.news__article-excerpt h6,
.news__article-excerpt h6 a {
color: #363636;
border-bottom: 1px dotted transparent;
-webkit-transition: border 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.25s cubic-bezier(0.39, 0.575, 0.44, 1);
transition: border 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.25s cubic-bezier(0.39, 0.575, 0.44, 1);
}
.news__article-excerpt h6:hover,
.news__article-excerpt h6 a:hover {
color: #064285;
}
}
@media only screen and (min-width: 768px) {
.article:hover a,
.news__article-excerpt:hover a {
border-bottom-color: #b5b5b5;
}
}
@media screen {
.news__article-excerpt__date {
font-family: "HK Grotesk", "Helvetica Neue", Arial, sans-serif;
font-weight: 300;
font-size: 70%;
text-transform: uppercase;
}
.news__article-excerpt__date:before {
content: '\2014';
}
.news__article__tag-list {
margin-top: 0.25rem;
}
.article-footer__meta {
position: relative;
}
.article-footer__meta .tag {
position: absolute;
right: 0;
bottom: -3px;
}
/* -- CURRENT CAMPAIGNS BOX -- */
.campaigns-box .subtitle {
text-transform: uppercase;
font-size: 1rem;
font-weight: 700;
text-align: center;
}
.campaigns-box .image img {
margin: 0 auto;
}
/* -- MEDIA-- */
.gallery__wrapper .card {
background-color: transparent;
}
.gallery__wrapper .card-header {
padding: 1rem 0;
border-top: 1px solid #dbdbdb;
}
.gallery__wrapper .card-content {
padding: 1rem 0;
}
.gallery__wrapper h6 {
display: inline;
border-bottom: 1px dotted transparent;
-webkit-transition: border 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.25s cubic-bezier(0.39, 0.575, 0.44, 1);
transition: border 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.25s cubic-bezier(0.39, 0.575, 0.44, 1);
}
.gallery__wrapper h6:hover {
color: #064285;
}
.gallery__wrapper .content h6 {
margin-bottom: 0;
}
}
@media only screen and (min-width: 1000px) {
.gallery__wrapper .card:hover h6 {
border-bottom-color: #b5b5b5;
}
}
@media screen {
.photo__gallery__wrapper .card .card-image:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(206, 141, 76, 0.7);
z-index: 1;
opacity: 0;
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
}
.photo__gallery__wrapper .card .card-image:after {
content: 'VIEW GALLERY';
position: absolute;
top: 50%;
left: 50%;
bottom: auto;
right: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
color: white;
font-weight: 700;
font-size: .9rem;
opacity: 0;
-webkit-transition: opacity 0.2s ease-in 0.2s;
transition: opacity 0.2s ease-in 0.2s;
width: 100%;
text-align: center;
}
.photo__gallery__wrapper .card:hover .card-image:before,
.photo__gallery__wrapper .card:hover .card-image:after {
opacity: 1;
cursor: pointer;
}
/* -- GENERAL -- */
.button {
-webkit-transition: background 0.2s ease-in;
transition: background 0.2s ease-in;
font-family: "HK Grotesk", "Helvetica Neue", Arial, sans-serif;
}
.button:hover {
-webkit-box-shadow: inset 0 -2px 0 rgba(31, 45, 61, 0.15);
box-shadow: inset 0 -2px 0 rgba(31, 45, 61, 0.15);
}
/* -- FOTORAMA -- */
.fotorama__thumb-border {
border-color: #7b97aa;
}
.input,
.textarea {
-webkit-box-shadow: none;
box-shadow: none;
}
.input:focus,
.textarea:focus,
.select select:focus {
outline: 3px solid #042a54;
outline-offset: 2px;
}
.input:focus, .input.is-focused, .input:active, .input.is-active,
.textarea:focus,
.textarea.is-focused,
.textarea:active,
.textarea.is-active,
.select select:focus,
.select select.is-focused,
.select select:active,
.select select.is-active {
border-color: #b5b5b5;
}
.modal {
z-index: 120;
}
.modal p {
color: whitesmoke;
}
.modal-close {
max-width: 100%;
max-height: 100%;
}
.modal-close.is-large {
height: 60px;
width: 60px;
}
/* -- BRAND -- */
.brand {
height: 4.5rem;
}
}
@media only screen and (min-width: 390px) {
.brand {
height: 5rem;
}
}
@media only screen and (min-width: 480px) {
.brand {
height: 6.5rem;
}
}
@media only screen and (min-width: 768px) {
.brand {
height: 8rem;
}
}
@media screen {
.brand .title {
font-family: "HK Grotesk", "Helvetica Neue", Arial, sans-serif;
font-size: 125%;
font-weight: 700;
letter-spacing: -.8px;
}
.brand img,
.brand svg {
max-width: 85%;
text-align: left;
margin-left: 0;
}
}
@media only screen and (min-width: 768px) {
.brand img,
.brand svg {
max-width: 100%;
}
}
@media screen {
.brand .brand-mobile {
width: 500px;
margin-top: 8px;
}
}
@media only screen and (min-width: 390px) {
.brand .brand-mobile {
margin-top: auto;
}
}
@media screen {
.brand.level {
margin-bottom: 0;
}
.brand .level-left {
margin-right: auto;
}
}
@media only screen and (min-width: 1000px) {
.brand .level-left {
margin-left: -webkit-calc((100% - 1024px) / 2);
margin-left: calc((100% - 1024px) / 2);
}
}
@media only screen and (min-width: 1192px) {
.brand .level-left {
margin-left: -webkit-calc((100% - 1096px) / 2);
margin-left: calc((100% - 1096px) / 2);
}
}
@media only screen and (min-width: 1384px) {
.brand .level-left {
margin-left: -webkit-calc((100% - 1096px) / 2);
margin-left: calc((100% - 1096px) / 2);
}
}
@media screen {
.brand .level-left .level-item a {
margin-top: -5px;
}
.brand .level-right .level-item {
margin-right: 1.5rem;
}
.brand a {
color: #b5b5b5;
border-bottom: 1px solid transparent;
}
.brand a:visited {
color: #b5b5b5;
border-bottom: 1px solid transparent;
}
.brand a:hover, .brand a:focus, .brand a:active, .brand a.is-active {
color: #7a7a7a;
border-bottom: 1px solid transparent;
}
.brand h1 {
padding: 1.5rem;
color: #121212;
}
.brand {
background-color: #042a54;
}
}
@media only screen and (min-width: 768px) {
.brand {
background-color: white;
}
}
@media screen {
.top-nav {
background-color: #042a54;
}
/* -- NAV TOGGLE -- */
.nav-toggle {
cursor: pointer;
display: block;
height: 3.5rem;
position: absolute;
width: 3.5rem;
top: .75rem;
right: .5rem;
}
}
@media only screen and (min-width: 480px) {
.nav-toggle {
top: 1.5rem;
}
}
@media screen {
.nav-toggle:hover {
background-color: transparent;
}
}
@media only screen and (min-width: 768px) {
.nav-toggle {
display: none;
}
}
@media screen {
.nav-toggle span {
background-color: whitesmoke;
display: block;
height: 1px;
left: 50%;
margin-left: -10px;
position: absolute;
top: 50%;
-webkit-transition: none 86ms ease-out;
transition: none 86ms ease-out;
-webkit-transition-property: background,left,opacity,-webkit-transform;
transition-property: background,left,opacity,-webkit-transform;
transition-property: background,left,opacity,transform;
transition-property: background,left,opacity,transform,-webkit-transform;
width: 20px;
}
}
@media only screen and (min-width: 768px) {
.nav-toggle span {
background-color: #7a7a7a;
}
}
@media screen {
.nav-toggle.is-active span {
background-color: whitesmoke;
}
}
@media only screen and (min-width: 768px) {
.nav-toggle.is-active span {
background-color: #7a7a7a;
}
}
@media screen {
.nav-toggle span:nth-child(1) {
margin-top: -8px;
}
.nav-toggle span:nth-child(2) {
margin-top: -1px;
}
.nav-toggle span:nth-child(3) {
margin-top: 6px;
}
.nav-toggle.is-active span:nth-child(1) {
margin-left: -5px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.nav-toggle.is-active span:nth-child(2) {
opacity: 0;
}
.nav-toggle.is-active span:nth-child(3) {
margin-left: -5px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
}
/* -- TOP NAV -- */
#top-nav__brand {
position: fixed;
width: 100%;
z-index: 100;
top: 0;
}
}
@media only screen and (min-width: 768px) {
#top-nav__brand {
position: static;
}
}
@media screen {
#top-nav.nav__section--active {
position: fixed;
width: 100%;
z-index: 100;
top: 0;
}
#top-nav.nav__section--active + .section {
margin-top: 56px;
}
.menu {
padding-left: 0;
list-style: none;
max-height: 0;
opacity: 0;
overflow: hidden;
margin: 0 auto;
-webkit-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out;
transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
}
@media only screen and (min-width: 768px) {
.menu {
max-height: 100%;
opacity: 1;
overflow: visible;
}
}
@media only screen and (min-width: 1000px) {
.menu {
max-width: 960px;
width: 960px;
}
}
@media only screen and (min-width: 1024px) {
.menu {
max-width: 1024px;
width: 1024px;
}
}
@media only screen and (min-width: 1192px) {
.menu {
max-width: 1096px;
width: 1096px;
}
}
@media only screen and (min-width: 1384px) {
.menu {
max-width: 1096px;
width: 1096px;
}
}
@media screen {
.menu > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
.menu li a {
text-decoration: none;
color: whitesmoke;
text-decoration: none;
cursor: pointer;
}
}
@media only screen and (min-width: 768px) {
.menu li a {
color: #4a4a4a;
}
}
@media screen {
.menu .menu__top-link {
display: block;
font-size: 1rem;
text-decoration: none;
color: whitesmoke;
border-top: 1px solid rgba(122, 122, 122, 0.2);
border-bottom: none;
margin: 0 0 0 -10px;
position: relative;
}
}
@media only screen and (min-width: 768px) {
.menu .menu__top-link {
display: inline-block;
margin: 0;
border-top: none;
position: static;
font-size: 1.2rem;
letter-spacing: -0.1px;
}
}
@media screen {
.menu .menu__top-link.menu__top-link--single-item a:before,
.menu .menu__top-link.menu__top-link--single-item a:after {
display: none;
}
.menu .menu__top-link > a {
padding: 1.25rem;
display: block;
}
}
@media only screen and (min-width: 768px) {
.menu .menu__top-link > a {
padding: initial;
display: inline-block;
padding: 1rem .5rem;
border-bottom: 3px solid transparent;
color: whitesmoke;
}
}
@media screen {
.menu .menu__top-link > a:after, .menu .menu__top-link > a:before {
content: '';
position: absolute;
right: 0;
background-color: whitesmoke;
width: 3px;
height: 9px;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
}
@media only screen and (min-width: 768px) {
.menu .menu__top-link > a:after, .menu .menu__top-link > a:before {
display: none;
}
}
@media screen {
.menu .menu__top-link > a:before {
-webkit-transform: translate(-28px, 10px) rotate(45deg);
-ms-transform: translate(-28px, 10px) rotate(45deg);
transform: translate(-28px, 10px) rotate(45deg);
}
.menu .menu__top-link > a:after {
-webkit-transform: translate(-32px, 10px) rotate(-45deg);
-ms-transform: translate(-32px, 10px) rotate(-45deg);
transform: translate(-32px, 10px) rotate(-45deg);
}
.menu .menu__top-link a:hover,
.menu .menu__top-link.is-active > a {
text-decoration: none;
}
}
@media only screen and (min-width: 768px) {
.menu .menu__top-link a:hover,
.menu .menu__top-link.is-active > a {
border-bottom: 3px solid #ce8d4c;
}
}
@media screen {
.menu .menu__top-link a:hover:before, .menu .menu__top-link a:hover:after,
.menu .menu__top-link.is-active > a:before,
.menu .menu__top-link.is-active > a:after {
background-color: whitesmoke;
}
.menu .menu__top-link.is-active > a {
color: #ce8d4c;
}
}
@media only screen and (min-width: 768px) {
.menu .menu__top-link.is-active > a {
color: inherit;
}
}
@media only screen and (min-width: 768px) {
.menu > .menu__top-link:hover > a {
text-decoration: none;
border-bottom: 3px solid #ce8d4c;
}
}
@media screen {
/* -- SUB NAV -- */
.sub-menu {
max-height: 0;
overflow: hidden;
opacity: 0;
-webkit-transition: max-height ease-in 0.4s, opacity ease 0.6s;
transition: max-height ease-in 0.4s, opacity ease 0.6s;
}
}
@media only screen and (min-width: 768px) {
.sub-menu {
width: 100%;
position: absolute;
left: 0;
z-index: -1;
-ms-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
-webkit-transition: opacity ease-out .4s;
transition: opacity ease-out .4s;
padding-bottom: 0;
max-height: 100%;
overflow: visible;
}
}
@media screen {
.sub-menu .content {
position: relative;
top: auto;
padding: 0;
}
}
@media only screen and (min-width: 768px) {
.sub-menu .content {
background: white;
top: auto;
padding: 3rem 0 3.5rem;
border-bottom: 2px solid #dbdbdb;
}
}
@media screen {
.sub-menu .container__wrapper {
margin: 0 auto;
}
}
@media only screen and (min-width: 768px) {
.sub-menu .container__wrapper {
max-width: 90%;
width: 90%;
}
}
@media only screen and (min-width: 1000px) {
.sub-menu .container__wrapper {
max-width: 1024px;
width: 1024px;
}
}
@media only screen and (min-width: 1192px) {
.sub-menu .container__wrapper {
max-width: 1096px;
width: 1096px;
}
}
@media only screen and (min-width: 1384px) {
.sub-menu .container__wrapper {
max-width: 1096px;
width: 1096px;
}
}
@media only screen and (max-width: 1000px) {
.sub-menu__spacing-fixer .column.is-6:not(:first-child) {
padding-top: 0;
}
.sub-menu__spacing-fixer .column.is-6 .menu__bottom-link:last-child {
margin-bottom: 0;
}
.sub-menu__spacing-fixer .column.is-6:last-child .menu__bottom-link:last-child {
margin-bottom: 3rem;
}
}
@media screen {
.sub-menu .sub-menu__title {
font-size: 1rem;
font-family: inherit;
margin-left: 3.5rem;
background: none;
text-align: left;
width: 100%;
color: white;
text-transform: uppercase;
}
}
@media only screen and (min-width: 768px) {
.sub-menu .sub-menu__title {
font-size: 1.5em;
font-family: "Lusitana", -apple-system, BlinkMacSystemFont, "Adobe Caslon Pro", "Times", "Times New Roman", serif;
font-weight: 300;
margin-left: 0;
text-transform: capitalize;
margin-top: 0;
padding-bottom: 1rem;
background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, #b5b5b5), color-stop(0%, rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(left, #b5b5b5 25%, rgba(255, 255, 255, 0) 0%);
background-image: linear-gradient(to right, #b5b5b5 25%, rgba(255, 255, 255, 0) 0%);
background-position: bottom;
background-size: 8px 1px;
background-repeat: repeat-x;
color: #4a4a4a;
letter-spacing: -0.5px;
}
}
@media only screen and (min-width: 768px) {
.sub-menu h3.sub-menu__title:not(:first-child) {
margin-top: 5em;
}
}
@media screen {
.sub-menu .sub-menu__links {
width: 100%;
margin: 0 auto 0 -1.5rem;
font-size: 1rem;
padding-left: 3rem;
}
}
@media only screen and (min-width: 768px) {
.sub-menu .sub-menu__links {
padding-left: 0;
}
}
@media screen {
.sub-menu .sub-menu__links ul {
padding: 0;
list-style: none;
margin-top: 0;
}
.sub-menu .menu__bottom-link {
margin-top: 1rem;
margin-bottom: 1rem;
}
}
@media only screen and (min-width: 768px) {
.sub-menu .menu__bottom-link {
display: inline-block;
font-size: 1rem;
text-align: left;
margin-top: .5rem;
margin-bottom: .5rem;
margin-right: 1rem;
padding: 0;
width: 45%;
float: left;
line-height: 1.3;
}
.sub-menu .menu__bottom-link a {
color: #7a7a7a;
}
}
@media screen {
.sub-menu .menu__bottom-link.is-active a {
color: #ce8d4c;
text-decoration: none;
}
.sub-menu .menu__bottom-link:first-child {
margin-top: 0;
}
}
@media only screen and (min-width: 768px) {
.sub-menu .menu__bottom-link:first-child {
margin-top: 0.5rem;
}
}
@media screen {
.sub-menu .menu__bottom-link:last-child {
margin-bottom: 3rem;
}
}
@media only screen and (min-width: 768px) {
.sub-menu .menu__bottom-link:last-child {
margin-bottom: 0.5rem;
}
}
@media screen {
.sub-menu .sub-menu__links .menu__bottom-link a:hover,
.sub-menu .sub-menu__links .menu__bottom-link a:focus {
color: #ce8d4c;
border-bottom: 1px solid #ce8d4c;
}
.sub-menu .menu-fields__media {
position: relative;
}
.sub-menu .menu-fields__media .image__menu {
position: relative;
overflow: hidden;
}
.sub-menu .menu-fields__media .image__menu:before {
display: block;
content: " ";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(../../img/vGrad.png) repeat-x bottom;
opacity: 0;
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
}
.sub-menu .menu-fields__caption {
color: whitesmoke;
position: absolute;
bottom: .5rem;
left: 1.25rem;
}
.sub-menu .menu-fields__media:hover .image__menu:before,
.sub-menu .menu-fields__media:hover .menu-fields__caption {
opacity: 1;
}
.sub-menu .menu-fields__media:hover .menu-fields__caption {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.sub-menu .image__menu {
height: 200px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center 30%;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
}
.dropdown-open .sub-menu {
max-height: 1000px;
opacity: 1;
}
.dropdown-open.menu__top-link > a:before {
-webkit-transform: translate(-32px, 10px) rotate(45deg);
-ms-transform: translate(-32px, 10px) rotate(45deg);
transform: translate(-32px, 10px) rotate(45deg);
}
.dropdown-open.menu__top-link > a:after {
-webkit-transform: translate(-28px, 10px) rotate(-45deg);
-ms-transform: translate(-28px, 10px) rotate(-45deg);
transform: translate(-28px, 10px) rotate(-45deg);
}
.top-nav.is-active {
top: 0;
bottom: 0;
position: fixed;
overflow-y: scroll;
width: 100%;
z-index: 100;
margin-top: 72px;
}
}
@media only screen and (min-width: 390px) {
.top-nav.is-active {
margin-top: 80px;
}
}
@media only screen and (min-width: 480px) {
.top-nav.is-active {
margin-top: 104px;
}
}
@media screen {
.top-nav.is-active .menu {
max-height: 1500px;
opacity: 1;
}
}
@media only screen and (min-width: 768px) {
.menu li > a:focus + .sub-menu,
.menu li > a:hover + .sub-menu,
.sub-menu:focus,
.sub-menu:hover {
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
z-index: 100;
}
}
@media screen {
/* -- SEARCH -- */
.menu__top-link--search {
display: none !important;
}
}
@media only screen and (min-width: 1000px) {
.menu__top-link--search {
display: block !important;
float: right;
}
}
@media screen {
.menu__top-link--search > a {
position: relative;
}
.menu__top-link--search__wrapper {
position: absolute;
background-color: #15222d;
width: 320px;
height: 52px;
right: 0;
top: 61px;
z-index: 1;
display: none;
}
.menu__top-link--search__wrapper .field {
padding: 0.5rem;
}
.menu__top-link--search__wrapper .field .control:first-child {
width: 100%;
}
.menu__top-link--search.search-box-open > a {
background-color: #15222d;
}
.menu__top-link--search.search-box-open .menu__top-link--search__wrapper {
display: block;
}
.menu__top-link--search.search-box-open.menu__top-link:hover > a {
border-bottom-color: transparent;
}
/* -- GENERAL -- */
.pagination {
margin-top: 1rem;
}
.pagination-link,
.pagination-next,
.pagination-previous {
font-family: "HK Grotesk", "Helvetica Neue", Arial, sans-serif;
font-size: 90%;
color: #7b97aa;
}
.pagination-link:hover,
.pagination-next:hover,
.pagination-previous:hover {
color: #7b97aa;
border-color: #7b97aa;
}
.pagination-link.is-current {
background-color: #7b97aa;
border-color: #7b97aa;
}
.pagination-link.is-current:hover {
color: white;
}
/* -- GENERAL -- */
.tag {
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.44, 1);
transition: all 0.2s cubic-bezier(0.39, 0.575, 0.44, 1);
font-family: "HK Grotesk", "Helvetica Neue", Arial, sans-serif;
}
.tag.is-success {
border: 1px solid #7b97aa;
background-color: transparent;
color: #7b97aa;
}
}
@media only screen and (min-width: 768px) {
.tag.is-success:hover {
color: white;
background-color: #7b97aa;
}
}
@media screen {
.topics-listing__wrapper li {
margin-bottom: 0.75rem;
}
.button__tag {
margin-left: 0.25rem;
padding: 0 0.25rem;
color: white;
border-color: transparent;
background-color: transparent;
}
.button.is-outlined .button__tag {
color: #7b97aa;
border-color: transparent;
}
.button.is-outlined:hover .button__tag {
color: white;
border-color: transparent;
}
html,
body {
background-color: whitesmoke;
}
html.menu-open,
body.menu-open {
overflow: hidden;
}
body {
margin-top: 70px;
}
}
@media only screen and (min-width: 480px) {
body {
margin-top: 91px;
}
}
@media only screen and (min-width: 768px) {
body {
margin-top: auto;
}
}
@media screen {
/* -- CONTAINER -- */
}
@media only screen and (min-width: 1024px) {
.container {
max-width: 1024px;
width: 1024px;
}
}
@media only screen and (min-width: 1216px) {
.container {
max-width: 1096px;
width: 1096px;
}
}
@media only screen and (min-width: 1408px) {
.container {
max-width: 1096px;
width: 1096px;
}
}
@media only screen and (min-width: 1590px) {
.container {
max-width: 1096px;
width: 1096px;
}
}
@media screen {
.section.section-no-padd-top {
padding-top: 0;
}
.section.section-no-padd-bottom {
padding-bottom: 0;
}
.section.page-content {
background-color: white;
}
.section--bg-v-dark .page-section__title {
color: #dbdbdb;
}
.section--bg-v-dark .news__article-excerpt {
background-color: rgba(123, 151, 170, 0.2);
color: #dbdbdb;
}
.section--bg-v-dark .news__article-excerpt:not(:last-child) {
border-bottom-color: #15222d;
}
.section--bg-v-dark .news__article-excerpt h6,
.section--bg-v-dark .news__article-excerpt a {
color: #dbdbdb;
}
.section--bg-v-dark .news__article-excerpt a:hover {
color: #4CA8FF;
}
.section--bg-v-dark .news__article-excerpt__date {
color: #b5b5b5;
}
.section-container-wrapper__has-sidebar {
background-color: white;
}
.page-content__wrapper .section {
padding-left: 0;
padding-right: 0;
}
.page-content__wrapper .section:first-child {
padding-top: 0;
}
/* -- CONTENT PLACEHOLDERS -- */
@-webkit-keyframes placeholder-shimmer {
0% {
background-position: -468px 0;
}
100% {
background-position: 968px 0;
}
}
@keyframes placeholder-shimmer {
0% {
background-position: -468px 0;
}
100% {
background-position: 968px 0;
}
}
@-webkit-keyframes content-placeholder-dot-a {
8% {
-webkit-transform: translateY(0);
}
22% {
-webkit-transform: translateY(-0.3125rem);
}
36% {
-webkit-transform: translateY(0);
}
}
@keyframes content-placeholder-dot-a {
8% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
22% {
-webkit-transform: translateY(-0.3125rem);
transform: translateY(-0.3125rem);
}
36% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes content-placeholder-dot-b {
36% {
-webkit-transform: translateY(0);
}
50% {
-webkit-transform: translateY(-0.4375rem);
}
64% {
-webkit-transform: translateY(0);
}
}
@keyframes content-placeholder-dot-b {
36% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-0.4375rem);
transform: translateY(-0.4375rem);
}
64% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes content-placeholder-dot-c {
64% {
-webkit-transform: translateY(0);
}
78% {
-webkit-transform: translateY(-0.3125rem);
}
92% {
-webkit-transform: translateY(0);
}
}
@keyframes content-placeholder-dot-c {
64% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
78% {
-webkit-transform: translateY(-0.3125rem);
transform: translateY(-0.3125rem);
}
92% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.content-placeholder-container {
position: relative;
width: 100%;
height: 9.5rem;
border: none;
}
.content-placeholder-media, .content-placeholder-media:before, .content-placeholder-media:after, .content-placeholder-heading, .content-placeholder-heading:before, .content-placeholder-heading:after, .content-placeholder-text, .content-placeholder-text:before, .content-placeholder-text:after {
position: absolute;
background: #dbdbdb;
background-image: -webkit-gradient(linear, left top, right top, from(#dbdbdb), color-stop(20%, #edeef1), color-stop(40%, #dbdbdb), to(#dbdbdb));
background-image: -webkit-linear-gradient(left, #dbdbdb 0%, #edeef1 20%, #dbdbdb 40%, #dbdbdb 100%);
background-image: linear-gradient(to right, #dbdbdb 0%, #edeef1 20%, #dbdbdb 40%, #dbdbdb 100%);
background-repeat: no-repeat;
background-size: 800px 200px;
-webkit-animation: placeholder-shimmer 1s linear infinite;
animation: placeholder-shimmer 1s linear infinite;
}
.content-placeholder-media {
top: 0.5rem;
left: 0.5rem;
width: 4rem;
height: 4rem;
}
.content-placeholder-media:before, .content-placeholder-media:after {
top: 2rem;
width: 0.5rem;
height: 0.5rem;
-webkit-border-radius: 1rem;
border-radius: 1rem;
background: #7a7a7a;
content: '';
}
.content-placeholder-media:before {
left: 0.75rem;
-webkit-animation: content-placeholder-dot-a 1.8s ease infinite;
animation: content-placeholder-dot-a 1.8s ease infinite;
}
.content-placeholder-media:after {
left: 1.75rem;
-webkit-animation: content-placeholder-dot-b 1.8s ease infinite;
animation: content-placeholder-dot-b 1.8s ease infinite;
}
.content-placeholder-heading {
top: 1.125rem;
left: 5rem;
width: -webkit-calc(100% - 5.5rem);
width: calc(100% - 5.5rem);
}
.content-placeholder-heading, .content-placeholder-heading:before {
height: 0.875rem;
}
.content-placeholder-heading:before, .content-placeholder-heading:after {
content: '';
}
.content-placeholder-heading:before {
top: 1.5rem;
width: 85%;
}
.content-placeholder-heading:after {
top: 1.375rem;
left: -1.75rem;
width: 0.5rem;
height: 0.5rem;
-webkit-border-radius: 1rem;
border-radius: 1rem;
background: #7a7a7a;
-webkit-animation: content-placeholder-dot-c 1.8s ease infinite;
animation: content-placeholder-dot-c 1.8s ease infinite;
}
.content-placeholder-text {
top: 5.25rem;
left: 0.5rem;
width: -webkit-calc(85% - 1rem);
width: calc(85% - 1rem);
}
.content-placeholder-text, .content-placeholder-text:before, .content-placeholder-text:after {
height: 0.75rem;
}
.content-placeholder-text:before, .content-placeholder-text:after {
content: '';
}
.content-placeholder-text:before {
top: 1.25rem;
width: -webkit-calc(120% - 1rem);
width: calc(120% - 1rem);
}
.content-placeholder-text:after {
top: 2.5rem;
width: 90%;
}
#content-placeholder {
display: none;
}
.content-placeholder-container--single .content-placeholder-heading {
top: 0;
left: .5rem;
}
.content-placeholder-container--single .content-placeholder-heading:after {
display: none;
}
.content-placeholder-text--single {
top: 0;
}
/* -- GENERAL -- */
.footer {
padding: 0;
background-color: #fafafa !important;
}
.footer p,
.footer a,
.footer a:hover,
.footer a:focus,
.footer a:active,
.footer a.active {
color: #7a7a7a;
}
/* -- QUICKLINKS -- */
.quick-links {
background-color: #fafafa !important;
}
.quick-links .quick-links__wrapper__title-only .box {
position: relative;
text-align: center;
}
.quick-links .quick-links__wrapper__title-only .box .box-content {
position: absolute;
top: 50%;
left: 50%;
bottom: auto;
right: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
}
.quick-links .quick-links__wrapper__title-only .box .subtitle {
text-transform: uppercase;
}
.quick-links .box {
height: 200px;
padding: 1rem;
}
.quick-links .quick-links__image__wrapper {
height: 100%;
width: 100%;
}
.quick-links .column:nth-child(6n+1) .box {
border-top: 5px solid #00a19a;
}
.quick-links .column:nth-child(6n+2) .box {
border-top: 5px solid #e94e1b;
}
.quick-links .column:nth-child(6n+3) .box {
border-top: 5px solid #f9b233;
}
.quick-links .column:nth-child(6n+4) .box {
border-top: 5px solid #cbbba0;
}
.quick-links .column:nth-child(6n+5) .box {
border-top: 5px solid #f9b233;
}
.quick-links .column:nth-child(6n+6) .box {
border-top: 5px solid #cbbba0;
}
/* -- FOOTER TOP -- */
.footer-top {
background-color: #121212 !important;
}
.footer-top p {
color: #b5b5b5;
}
}
@media only screen and (min-width: 1000px) {
.footer-top .column {
padding-top: 0;
padding-bottom: 0;
}
}
@media screen {
.footer-top .message {
background-color: transparent;
margin: 1rem 0;
}
.footer-top .message .message-body {
border-color: #4a4a4a;
color: #b5b5b5;
padding: 1.25em 2em;
}
/* -- FOOTER BOTTOM -- */
.footer-bottom {
background-color: #242424 !important;
font-size: 90%;
}
.social-links .level-item {
display: inline-block;
}
}
@media only screen and (min-width: 1000px) {
.footer-top {
padding-bottom: 2.5rem !important;
}
}
@media screen {
.footer-top,
.footer-bottom {
padding: 1.5rem;
}
/* -- COOKIES BOX -- */
.cookie-notice {
position: fixed;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
left: 0;
right: 0;
bottom: 0;
margin: 0;
z-index: 1001;
font-size: 85%;
background-color: #dce1e5;
padding: 0.75rem 1.75rem;
width: 100%;
}
}
@media only screen and (min-width: 480px) {
.cookie-notice {
font-size: 100%;
padding: 2rem 4rem;
}
}
@media screen {
.cookie-notice__text,
.cookie-notice__input {
display: block;
}
.cookie-notice__text {
width: 80%;
}
.cookie-notice__input {
width: 20%;
text-align: right;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.cookie-notice__input .button {
font-size: 0.75rem;
}
}
@media only screen and (min-width: 480px) {
.cookie-notice__input .button {
font-size: 1rem;
}
}
@media screen {
/* -- PAGE LOADER -- */
#page-load__overlay {
background-color: rgba(255, 255, 255, 0.6);
z-index: 1030;
display: block;
position: fixed;
}
#page-load__overlay.overlay-hidden {
display: none;
}
#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: #7b97aa;
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
#nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
-webkit-box-shadow: 0 0 10px #7b97aa, 0 0 5px #7b97aa;
box-shadow: 0 0 10px #7b97aa, 0 0 5px #7b97aa;
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}
#nprogress .spinner {
display: block;
z-index: 1031;
position: absolute;
top: 50%;
left: 50%;
bottom: auto;
right: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: fixed;
}
#nprogress .spinner:before {
content: '';
height: 24px;
width: 24px;
position: absolute;
top: 3px;
left: 4px;
z-index: 1;
background-image: url("../../img/logoEmblem.svg");
background-repeat: no-repeat;
background-position: center;
}
#nprogress .spinner-icon {
width: 32px;
height: 32px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: #7b97aa;
border-left-color: #7b97aa;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
background-color: whitesmoke;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes nprogress-spinner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* -- PAGE BREADCRUMBS -- */
.breadcrumb {
font-size: 0.9rem;
padding: 1rem 1.5rem;
}
.breadcrumb__listing {
color: #7a7a7a;
}
.breadcrumb__listing a {
color: #7a7a7a;
}
}
@media only screen and (min-width: 768px) {
.breadcrumb__listing a:hover,
.breadcrumb__listing a:focus {
color: #363636;
border-bottom: 1px solid #363636;
}
}
@media screen {
.breadcrumb__listing li:not(:last-child):after {
content: '>';
color: #b5b5b5;
padding: 0 0 0 0.5rem;
}
}
@media only screen and (min-width: 768px) {
.breadcrumb__listing li:not(:last-child):after {
padding: 0 0.25rem 0 0.75rem;
}
}
@media screen {
.breadcrumb__listing li:first-child:after {
display: none;
}
.breadcrumb__listing li.is-active {
color: #4a4a4a;
background-image: -webkit-gradient(linear, right top, left top, color-stop(25%, #ce8d4c), color-stop(0%, rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(right, #ce8d4c 25%, rgba(255, 255, 255, 0) 0%);
background-image: linear-gradient(to left, #ce8d4c 25%, rgba(255, 255, 255, 0) 0%);
background-position: bottom;
background-size: 4px 1px;
background-repeat: repeat-x;
}
/* -- PAGE HEADER -- */
.page-header .hero-body {
padding: 2rem 1.5rem;
}
.page-header .page-header__title {
margin-bottom: 1rem;
margin-top: 1rem;
text-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
position: relative;
padding-top: 2rem;
}
.page-header .page-header__title:before {
content: "";
width: 70px;
height: 6px;
position: absolute;
top: 5px;
left: 0;
background-color: #ce8d4c;
}
.page-header .page-header__title.page-header__title--standalone {
border-bottom: 1px solid whitesmoke;
padding-bottom: 1.5rem;
margin-bottom: 2rem;
margin-top: 2rem;
}
.page-header .page-header__title.page-header__title--standalone:before {
content: "";
width: 70px;
height: 6px;
position: absolute;
top: 5px;
left: 0;
background-color: #ce8d4c;
}
.page-header .page-header__subtitle {
text-transform: uppercase;
font-family: "Lusitana", -apple-system, BlinkMacSystemFont, "Adobe Caslon Pro", "Times", "Times New Roman", serif;
font-weight: 500;
font-size: 1rem;
letter-spacing: 1.05px;
text-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
margin-bottom: .5rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid whitesmoke;
}
/* -- SECTION TITLES -- */
h3.page-section__title {
font-family: "HK Grotesk", "Helvetica Neue", Arial, sans-serif;
font-weight: 700;
letter-spacing: 0.8px;
}
.content .page-section__title,
.page-section__title {
margin-bottom: 1.5rem;
}
.content .page-section__title.page-section__title-bottom-flush,
.page-section__title.page-section__title-bottom-flush {
margin-bottom: 0rem;
}
.page-section__title {
position: relative;
padding-top: 2rem;
padding-bottom: 1rem;
border-bottom: 1px solid #dbdbdb;
}
.page-section__title--no-underline {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 1.5rem;
}
.page-section__title:before {
content: "";
width: 70px;
height: 6px;
position: absolute;
top: 5px;
left: 0;
background-color: #ce8d4c;
}
.page-section__subtitle {
margin-top: 3.5rem;
margin-bottom: 1.5rem;
}
.page-section__subtitle:after {
content: "";
display: block;
width: 25px;
padding-top: 0.2rem;
border-bottom: 4px solid #00a19a;
}
/* -- PAGE META / SOCIAL -- */
.page-meta {
background-color: white;
}
.page-meta p {
color: #b5b5b5;
}
.page-meta .sharer .level-item {
display: inline-block;
}
/* -- SECTION CONTENTS -- */
.page-content .box {
margin-bottom: 1.5rem;
}
}
@media only screen and (min-width: 768px) {
.prev-cat-statements__wrapper {
margin-top: 2rem;
}
}
@media screen {
.more-recent-updates h6,
.news-listing__wrapper h6,
.news__article-excerpt h6 {
margin-bottom: 0;
}
.attachment-box {
padding: 0;
}
.attachment-box .message {
background-color: transparent;
}
.attachment-box .message-body {
padding: 2em 2.25em;
}
/* -- CONTACT PAGE -- */
.map__wrapper {
padding: 0;
}
#map {
height: 400px;
width: 100%;
}
/* -- CAMPAIGNS -- */
.pg-image-gallery__wrapper {
padding-top: 0;
}
/* -- LATEST UPDATES -- */
.update-results__wrapper {
padding-top: 0;
}
.update-results-box {
overflow: hidden;
}
.update-results {
-webkit-transition: transform 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94), opacity 0.35s ease;
-webkit-transition: opacity 0.35s ease, -webkit-transform 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94);
transition: opacity 0.35s ease, -webkit-transform 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94);
transition: transform 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94), opacity 0.35s ease;
transition: transform 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94), opacity 0.35s ease, -webkit-transform 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94);
-webkit-transform: translateY(-250px);
-ms-transform: translateY(-250px);
transform: translateY(-250px);
opacity: 0;
}
.update-results-box.is-displayed .update-results {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
/* -- PR PAGE -- */
.amb-speeches__wrapper .button {
margin-top: 1.5rem;
}
/* -- GENERAL -- */
.home-page .rg-twitter-recent-campaigns__wrapper .column {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.more-recent-updates__wrapper {
padding-top: 0;
padding-bottom: 1.5rem;
}
}
@media only screen and (min-width: 768px) {
.more-recent-updates__wrapper {
padding-bottom: 3rem;
}
}
@media screen {
.recent-updates__wrapper2 {
padding-top: 1rem;
padding-bottom: 2.5rem;
}
.recent-updates__wrapper2 .page-section__title:after {
display: none;
content: '';
background-color: white;
height: 3px;
width: 1.5rem;
position: absolute;
bottom: -2px;
left: 50%;
right: auto;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
@media only screen and (min-width: 1000px) {
.recent-updates__wrapper2 .page-section__title:after {
display: block;
}
}
@media only screen and (max-width: 1000px) {
.recent-updates__wrapper2 .column:first-child {
padding-bottom: 0;
}
.recent-updates__wrapper2 .column:first-child .news__article-excerpt:last-child {
border-bottom: 2px solid white;
}
.recent-updates__wrapper2 .column:last-child {
padding-top: 0;
}
}
@media screen {
.wrapper__w-border {
-webkit-box-shadow: 0 1px 2px rgba(10, 10, 10, 0), 0 0 0 1px rgba(10, 10, 10, 0.1);
box-shadow: 0 1px 2px rgba(10, 10, 10, 0), 0 0 0 1px rgba(10, 10, 10, 0.1);
}
.wrapper__w-border .page-section__title {
margin-bottom: 2rem;
}
.section-padding__controller--top {
padding-top: 1rem;
}
}
@media only screen and (min-width: 768px) {
.section-padding__controller--top {
padding-top: 1.5rem;
}
}
@media screen {
.section-padding__controller--bottom {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
@media only screen and (min-width: 1000px) {
.section-padding__controller--bottom {
padding-top: 0rem;
padding-bottom: 0rem;
}
}
@media screen {
/* -- TIMEZONES -- */
.section__tz {
padding: 1rem 1.5rem;
background-color: white !important;
}
}
@media only screen and (min-width: 390px) {
.section__tz {
padding-top: 1.75rem;
}
}
@media only screen and (min-width: 768px) {
.section__tz {
padding-top: 1rem;
}
}
@media only screen and (min-width: 768px) {
.timezone p {
display: inline-block;
}
.timezone p:first-child {
margin-right: .5rem;
}
}
@media screen {
/* -- RG -- */
.section__rg {
position: relative;
padding: 0;
}
.rg__item {
position: relative;
display: block;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.rg__item .rg-gradient {
display: none;
}
}
@media only screen and (min-width: 768px) {
.rg__item .rg-gradient {
width: 25%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: rgba(123, 151, 170, 0.65);
pointer-events: none;
z-index: 1;
}
.rg__item .rg-gradient:after {
content: '';
height: 0;
width: 0;
border-top: 100vw solid transparent;
border-left: 50vw solid rgba(123, 151, 170, 0.65);
position: absolute;
top: 0;
left: 100%;
}
}
@media screen {
.rg__item .image {
overflow: hidden;
}
.rg__item .image__img-item {
height: 200px;
background-size: cover;
background-position: center;
}
}
@media only screen and (min-width: 768px) {
.rg__item .image__img-item {
height: 500px;
}
}
@media screen {
.rg__item .image__img-item {
-webkit-transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
transition: -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.rg__item.content:not(:last-child) {
margin-bottom: 0;
}
.rg__item .rg__item__title {
border-bottom: 1px dotted transparent;
-webkit-transition: border 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.25s cubic-bezier(0.39, 0.575, 0.44, 1);
transition: border 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.25s cubic-bezier(0.39, 0.575, 0.44, 1);
line-height: 1.3;
}
}
@media only screen and (min-width: 1000px) {
a.rg__item:hover .rg__item__title {
color: #ce8d4c;
border-bottom-color: #b5b5b5;
}
}
@media screen {
.rg__wrapper .rg__item__title {
display: block;
padding: 1rem 1.5rem;
}
}
@media only screen and (min-width: 1000px) {
.rg__wrapper .rg__item__title {
display: none;
}
}
@media screen {
.rg__wrapper .content h2.rg__item__title {
font-size: 1em;
}
.rg__wrapper__caption {
display: none;
}
.rg__wrapper__caption .rg__item {
padding: 1.75rem 1.5rem 0.2rem 0;
}
}
@media only screen and (min-width: 1000px) {
.rg__wrapper__caption {
display: block;
}
}
@media screen {
.rg__wrapper__caption .rg__item__title {
text-align: left;
display: inline;
}
.content h2.rg__item__title {
letter-spacing: -0.5px;
margin: 0;
font-size: 1.5em;
}
}
@media only screen and (min-width: 1000px) {
.content h2.rg__item__title {
color: #363636;
}
}
@media screen {
.rg__wrapper:focus,
.rg__wrapper__caption:focus,
.slick-track:focus,
.rg-item:focus {
outline: none;
}
.slick-slide:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: transparent;
z-index: 1;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
}
@media only screen and (min-width: 1000px) {
.slick-slide.prevdiv, .slick-slide.nextdiv {
position: relative;
}
.slick-slide.prevdiv:before, .slick-slide.nextdiv:before {
background-color: rgba(123, 151, 170, 0.8);
}
}
@media screen {
.slick-prev,
.slick-next {
width: 35px;
height: 46px;
z-index: 1;
}
.slick-prev:before,
.slick-next:before {
background-color: white;
font-size: 30px;
border-top: 3px solid #ce8d4c;
border-bottom: 1px solid #dbdbdb;
color: #7a7a7a;
padding: 0.1rem 0.5rem 0.5rem;
opacity: 1;
}
.slick-prev {
left: 0;
}
.slick-next {
right: 0;
}
.slick-prev:before {
content: '\27F5';
}
.slick-next:before {
content: '\27F6';
}
}
@media only screen and (min-width: 1000px) {
.slick-dots {
text-align: left;
bottom: auto;
top: -6px;
}
}
@media screen {
.slick-dots li {
width: 15px;
}
}
@media only screen and (min-width: 1000px) {
.slick-dots li {
width: 30px;
margin: 0 1px;
}
.slick-dots li:first-child {
margin-left: 0;
}
}
@media screen {
.slick-dots li button {
width: 15px;
}
}
@media only screen and (min-width: 1000px) {
.slick-dots li button {
width: 30px;
}
}
@media screen {
.slick-dots li button:before {
content: '';
width: 15px;
height: 3px;
background-color: #ce8d4c;
}
}
@media only screen and (min-width: 1000px) {
.slick-dots li button:before {
width: 30px;
height: 5px;
}
}
@media screen {
.slick-dots li.slick-active button:before {
opacity: 1;
}
.rg-right__media {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
}
@media only screen and (min-width: 768px) {
.rg-right__media {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
@media only screen and (min-width: 1000px) {
.rg-right__media {
position: absolute;
top: 349px;
right: 0;
z-index: 10;
padding-top: initial;
padding-bottom: initial;
padding-left: initial;
padding-right: initial;
width: 33%;
}
}
@media screen {
/* -- CURRENT CAMPAIGNS -- */
.current-campaigns__wrapper {
margin-bottom: 1.25rem;
}
.current-campaigns__wrapper .campaigns-box {
position: relative;
}
.current-campaigns__wrapper .campaigns-box.campaigns-box__title-only .box-content {
position: absolute;
top: 50%;
left: 50%;
bottom: auto;
right: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
}
}
@media only screen and (min-width: 1000px) {
.current-campaigns__wrapper {
margin-bottom: 12px;
}
.current-campaigns__wrapper .campaigns-box--empty {
height: 130px;
}
}
@media screen {
.current-campaigns__wrapper .image {
margin: 0 auto;
}
.current-campaigns__wrapper .subtitle {
margin-top: 1rem;
}
/* -- TWITTER TIMELINE -- */
.twitter-timeline__wrapper {
height: 550px;
overflow-y: auto;
border: 1px solid #dbdbdb;
}
}
@media only screen and (min-width: 1000px) {
.twitter-timeline__wrapper {
height: 782px;
}
}
@media only screen and (min-width: 768px) {
.twitter-feed__wrapper {
padding: 1.5rem 0 0.75rem;
}
}
@media screen {
.twitter__container__wrapper {
padding: 0.75rem;
}
.timeline-Widget {
background-color: transparent !important;
}
/* -- RECENT UPDATES & NEWS -- */
}
@media only screen and (min-width: 768px) {
.recent-updates__wrapper .column.is-6:first-child {
padding-left: 0.75rem;
}
.recent-updates__wrapper .column.is-6:last-child {
padding-right: 0.75rem;
}
}
@media screen {
.news-listing__wrapper {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.more-recent-updates {
background-color: white;
padding-top: 0;
padding-bottom: 2.5rem;
}
/* -- LATEST GALLERIES -- */
.homepage__photo__gallery__wrapper .card .card-image:after {
content: 'OPEN GALLERY';
}
.homepage__photo__gallery__wrapper .card .card-image .image img {
object-fit: cover;
}
/* -- GENERAL -- */
.people-listing__wrapper .box {
height: 100%;
-webkit-box-shadow: none;
box-shadow: none;
padding-bottom: 0;
}
.people-listing__wrapper .content h5 {
margin-bottom: 0.2em;
}
.people-listing__wrapper .content ul {
margin-left: 1.1em;
margin-bottom: 0 !important;
}
.people-listing__wrapper .subtitle {
font-size: 1rem;
}
.people-listing__wrapper .image img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-filter: gray;
filter: gray;
}
.amb-meta {
margin-top: 3rem;
}
/* -- GENERAL -- */
/* -- STATEMENT SEARCH -- */
.statement-search-results__wrapper {
background-color: whitesmoke;
}
.statement-search__field {
width: 75%;
}
}
@media print {
/* SECTION 1: Set default width, margin, float, and
background. This prevents elements from extending
beyond the edge of the printed page, and prevents
unnecessary background images from printing */
body, .container {
width: 100%;
margin: 0;
float: none;
background: #fff url(none);
}
/* SECTION 2: Remove any elements not needed in print.
This would include navigation, ads, sidebars, etc. */
#topnav, #navbar, #nav, #sidebar, #top-nav__brand, #top-nav, .sharer, .quick-links, .footer-top, .social-links, .ad, .noprint {
display: none;
}
/* SECTION 3: Set body font face, size, and color.
Consider using a serif font for readability. */
body {
font: 1em Georgia, "Times New Roman", Times, serif;
color: #000;
}
p a[href^="http://"]:after {
content: " (" attr(href) ")";
font-size: 90%;
}
/* SECTION 4: Set heading font face, sizes, and color.
Diffrentiate your headings from your body text.
Perhaps use a large sans-serif for distinction. */
h1, h2, h3, h4, h5, h6 {
font-family: Helvetica, Arial, sans-serif;
color: #000;
}
h1 {
font-size: 250%;
}
h2 {
font-size: 175%;
}
h3 {
font-size: 135%;
}
h4 {
font-size: 100%;
font-variant: small-caps;
}
h5 {
font-size: 100%;
}
h6 {
font-size: 90%;
font-style: italic;
}
/* SECTION 5: Make hyperlinks more usable.
Ensure links are underlined, and consider appending
the URL to the end of the link for usability. */
a:link, a:visited {
color: #00c;
font-weight: bold;
text-decoration: underline;
}
#content a:link:after, #content a:visited:after {
content: " (" attr(href) ") ";
}
}
/*# sourceMappingURL=app.css.map */
/*# sourceMappingURL=all.css.map */