.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(0.47,0,0.74,0.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(0.22,0.61,0.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide::before{content:'';display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image::before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(0.5,0,0.14,1);animation-timing-function:cubic-bezier(0.5,0,0.14,1);-webkit-backface-visibility:hidden;background:0 0;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:-webkit-zoom-out;cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:-webkit-zoom-in;cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:0 0;border:0;height:100%;object-fit:contain;margin:0;max-height:none;max-width:none;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:0 0;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:0}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:0}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child{display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;-ms-transform-origin:0;transform-origin:0;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:0 0;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0}.fancybox-caption{bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px 25px 44px;right:0;text-align:center;z-index:99996}.fancybox-caption::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);background-repeat:repeat-x;background-size:contain;bottom:0;content:'';display:block;left:0;pointer-events:none;position:absolute;right:0;top:-44px;z-index:-1}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:fancybox-rotate 1s linear infinite;animation:fancybox-rotate 1s linear infinite;background:0 0;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes fancybox-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fancybox-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,0.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(0.19,1,0.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}@media all and (max-height:576px){.fancybox-caption{padding:12px}.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px 0}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px 5px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:0 0;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0 0;outline:0;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px 2px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:0;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a::before{border:6px solid #ff5268;bottom:0;content:'';left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25, .46, .45, .94);z-index:99991}.fancybox-thumbs__list a:focus::before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active::before{opacity:1}.fancybox-container.fancybox-is-open{z-index:99999}@media all and (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}.fancybox-content{height:auto!important}.kk-star-ratings {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}.kk-star-ratings.kksr-shortcode {display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;}.kk-star-ratings.kksr-valign-top {margin-bottom: 2rem;}.kk-star-ratings.kksr-valign-bottom {margin-top: 2rem;}.kk-star-ratings.kksr-align-left {-webkit-box-pack: flex-start;-webkit-justify-content: flex-start;-ms-flex-pack: flex-start;justify-content: flex-start;}.kk-star-ratings.kksr-align-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}.kk-star-ratings.kksr-align-right {-webkit-box-pack: flex-end;-webkit-justify-content: flex-end;-ms-flex-pack: flex-end;justify-content: flex-end;}.kk-star-ratings .kksr-muted {opacity: .5;}.kk-star-ratings .kksr-stars {position: relative;}.kk-star-ratings .kksr-stars .kksr-stars-active, .kk-star-ratings .kksr-stars .kksr-stars-inactive {display: flex;}.kk-star-ratings .kksr-stars .kksr-stars-active {overflow: hidden;position: absolute;top: 0;left: 0;}.kk-star-ratings .kksr-stars .kksr-star {cursor: pointer;padding-right: 0px;}.kk-star-ratings.kksr-disabled .kksr-stars .kksr-star {cursor: default;}.kk-star-ratings .kksr-stars .kksr-star .kksr-icon {transition: .3s all;}.kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-stars-active {width: 0 !important;}.kk-star-ratings .kksr-stars .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars .kksr-star:hover ~ .kksr-star .kksr-icon {background-image: url(//www.grupabiotop.pl/wp-content/plugins/kk-star-ratings/src/core/public/svg/inactive.svg);}.kk-star-ratings .kksr-stars .kksr-stars-active .kksr-star .kksr-icon {background-image: url(//www.grupabiotop.pl/wp-content/plugins/kk-star-ratings/src/core/public/svg/active.svg);}.kk-star-ratings.kksr-disabled .kksr-stars .kksr-stars-active .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-star .kksr-icon {background-image: url(//www.grupabiotop.pl/wp-content/plugins/kk-star-ratings/src/core/public/svg/selected.svg);}.kk-star-ratings .kksr-legend {margin-left: .75rem;margin-right: .75rem;}[dir="rtl"] .kk-star-ratings .kksr-stars .kksr-stars-active {left: auto;right: 0;}body
{
display:block;
}
.searchandfilter p
{
margin-top: 1em;
display:inline-block;
}
.searchandfilter ul
{
display:inline-block;
}
.searchandfilter li
{
list-style: none;
display:inline-block;
padding-right:10px;
} .widget-area .searchandfilter li, .widget-area .searchandfilter p
{
display:block;
}
.searchandfilter label
{
display:block;
}
.searchandfilter h4
{
margin:15px 0;
font-size:16px;
}
.searchandfilter ul > li > ul:not(.children)
{
margin-left:0;
}.vp-modal,.vp-modal *,.vp-modal ::after,.vp-modal ::before{margin:0!important;padding:0!important;border:none!important;outline:0!important;font-size:0!important;box-shadow:none!important;border-radius:0!important;line-height:1!important;box-sizing:border-box!important}@media print{.vp-modal{display:none!important}}.vp-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:#000;background:rgba(0,0,0,.7);backdrop-filter:blur(5px);z-index:99999998;opacity:0;visibility:hidden;transition:all .3s ease;font-size:0!important}.vp-modal.vp-show{opacity:1;visibility:visible}.vp-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:95%;height:100vh;margin:0 auto!important;padding:20px!important;transform:scale(.9) translateY(30px);transition:all .3s ease;font-size:0!important;box-sizing:border-box}.vp-modal.vp-show .vp-container{transform:scale(1) translateY(0)}.vp-video{font-size:0!important;position:relative;width:800px;max-width:92vw;height:450px;max-height:86vh;min-width:150px;min-height:84.38px;background:#000;box-shadow:0 25px 50px rgba(0,0,0,.2),0 10px 20px rgba(0,0,0,.2)!important}.vp-video iframe,.vp-video video{width:100%;height:100%;border:none;font-size:0!important;background:#000!important}.vp-close{position:absolute;z-index:999999;top:0;left:-35px;width:20px;height:20px;background:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8 8L16 16M16 8L8 16" stroke="%23ffffff" stroke-width="2" stroke-linecap="round"/></svg>') rgba(0,0,0,.4) center no-repeat;background-size:100% 100%;border:none;border-radius:50%!important;font-size:0!important;cursor:pointer;transition:all .2s ease}.vp-close:hover{opacity:.5}@media (max-width:1096px){.vp-container{max-width:85%;padding:10px!important}}@media (max-width:960px){.vp-close{left:-30px}}@media (max-width:768px){.vp-video{height:auto!important;max-height:100%!important;aspect-ratio:16/9}}@media (max-width:500px){.vp-container{max-width:80%;padding:5px!important}.vp-close{left:-25px;width:16px;height:16px}}@media (max-width:260px){.vp-close{left:-20px}}.vp-video::before{content:'';position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px!important;border:3px solid #000!important;border-top:3px solid #fff!important;border-radius:50%!important;animation:video-popup_spin-load 1s linear infinite;z-index:1}.vp-video iframe,.vp-video video{z-index:100;position:relative}@keyframes video-popup_spin-load{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.vp-video iframe[src],.vp-video video[src]{background:#000}.vp-video:has(iframe[src])::before,.vp-video:has(video[src])::before{display:none}.YouTubePopUp-Wrap{display:none!important}html {
scroll-behavior: smooth;
}
#comments {
margin-top: 20px;
padding-top: 40px; }
#comments input:not(input[type=submit], input[type=checkbox]),
#comments textarea:not(input[type=submit], input[type=checkbox]) {
width: 100%;
padding: 1rem;
}
#comments input[type=submit],
#comments input[type=checkbox] {
padding: 1rem;
padding: 1rem;
background: #f60;
border-radius: 0.5rem;
border: 0;
color: #fff;
font-weight: 700;
}
#comments .comment-form-cookies-consent {
padding: 1rem 0;
}
#comments .comment-list {
margin-top: 40px;
}
#comments .comment-body {
margin: 1rem 0;
padding: 1.5rem;
border-radius: 0.5rem;
border: 1px solid #ccc;
}
#comments ol li::marker {
background: #ccc;
padding: 1rem;
color: transparent;
}
#ez-toc-container {
border-radius: 1rem;
padding: 2rem;
width: 100%;
}
@media (max-width: 991.98px) {
#ez-toc-container {
margin: 2rem 0;
width: 100%;
}
}
#ez-toc-container ul li:before,
#ez-toc-container .tick-list li:before {
display: none;
}
.spistresci #ez-toc-container {
position: sticky !important;
top: 5rem;
}
@media (min-width: 768px) {
.trescwpisu #ez-toc-container {
display: none;
}
}
@media (max-width: 991.98px) {
.spistresci #ez-toc-container {
display: none;
}
#ez-toc-container {
position: relative !important;
}
}
.comment-author img.avatar {
display: none;
}
img.avatar {
border-radius: 10rem;
width: 60px;
height: 60px;
}
#author-info {
display: flex;
align-items: center;
}
#author-avatar {
margin-right: 0.5rem;
}
#authorpen {
margin-right: 0.5rem;
}
.fn {
font-weight: bolder;
}
#comments .comment-meta.commentmetadata {
padding-bottom: 1rem;
}
.ctahsform.card {
padding: 2rem;
border-radius: 1rem;
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
.section.offer-steps {
padding-bottom: 0;
}
.section.offer-steps {
padding-bottom: 0;
}
.section.offer-steps+.section {
padding-top: 0;
}
.is-flex-wrap {
flex-wrap: wrap;
}
.section.calculator-cta {
background-color: #FAF2ED;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}
.calculator-cta .content {
position: relative;
z-index: 5;
padding: 230px 0 200px;
}
@media screen and (max-width:1024px) {
.calculator-cta .content {
padding: 2rem 24px;
}
.calculator-cta .content br {
display: none;
}
}
.calculator_cta_image_desktop img {
position: absolute;
right: 0;
bottom: 0;
height: 100%;
width: auto;
}
.calculator_cta_image_mobile img {
display: flex;
}
.accordion-container {
display: flex;
justify-content: center;
}
.accordion {
display: flex;
flex-direction: column;
width: 100%;
max-width: 1280px;
height: auto;
border: 1px solid #ACACAC;
border-radius: 16px;
}
.accordion .a-container {
display: flex;
flex-direction: column;
width: 100%;
padding-bottom: 1px;
}
.accordion .a-btn {
margin: 0;
position: relative;
padding: 17px 18px;
width: 100%;
color: #000000;
display: block;
font-weight: 400;
font-size: 16px;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.accordion .a-btn:hover {
background: #f1f1f1;
}
.accordion .a-btn::before {
content: "› ";
margin-right: 5px;
font-weight: 500;
font-size: 1.4rem;
color: #ff6600;
line-height: 1rem;
}
.accordion .a-container:not(:last-child) {
border-bottom: 1px solid #ACACAC;
border-radius: 16px;
}
.accordion .a-panel {
width: 100%;
color: #000000;
font-size: 16px;
background-color: #FBFBFB;
transition: all 0.2s ease-in-out;
opacity: 0;
height: auto;
max-height: 0;
overflow: hidden;
padding: 0;
}
.accordion .a-container.active .a-panel {
padding: 40px;
opacity: 1;
max-height: 3000px;
border-top: 1px solid #ACACAC;
}
.accordion .a-container.active .a-panel a {
text-decoration: underline;
font-weight: 500;
}
.accordion .a-container.active .a-panel ul {
margin-top: 0.425rem;
margin-left: 1rem;
margin-left: 1rem;
}
.accordion .a-container.active .a-panel ul li {
position: relative;
padding-left: 1.625em;
}
.accordion .a-container.active .a-panel ul li:not(:last-child) {
margin-bottom: 0.425rem;
}
.accordion .a-container.active .a-panel ul li:before {
content: " ";
position: absolute;
z-index: 4;
top: 0.425em;
left: 0.325em;
display: block;
width: 0.825em;
height: 0.425em;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
pointer-events: none;
border: 2px solid #f60;
border-top: 0;
border-right: 0;
}
@media screen and (max-width:768px) {
.accordion .a-btn {
padding: 13px 10px;
font-size: 14px;
}
.accordion .a-panel {
font-size: 13px;
}
.accordion .a-container.active .a-panel {
padding: 20px;
max-height: 800px;
}
}
@-webkit-keyframes spinAround {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes spinAround {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
.button,
.delete,
.file,
.is-unselectable,
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous,
.tabs {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.navbar-link:not(.is-arrowless):after,
.select:not(.is-multiple):not(.is-loading):after {
border: 3px solid transparent;
border-radius: 2px;
border-right: 0;
border-top: 0;
content: " ";
display: block;
height: .625em;
margin-top: -.4375em;
pointer-events: none;
position: absolute;
top: 50%;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: center;
transform-origin: center;
width: .625em
}
.block:not(:last-child),
.box:not(:last-child),
.content:not(:last-child),
.highlight:not(:last-child),
.list:not(:last-child),
.subtitle:not(:last-child),
.table-container:not(:last-child),
.table:not(:last-child),
.tabs:not(:last-child),
.title:not(:last-child) {
margin-bottom: 1.5rem
}
.delete {
-moz-appearance: none;
-webkit-appearance: none;
background-color: rgba(10, 10, 10, .2);
border: none;
border-radius: 290486px;
cursor: pointer;
pointer-events: auto;
display: inline-block;
-webkit-box-flex: 0;
flex-grow: 0;
flex-shrink: 0;
font-size: 0;
height: 20px;
max-height: 20px;
max-width: 20px;
min-height: 20px;
min-width: 20px;
outline: 0;
position: relative;
vertical-align: top;
width: 20px
}
.delete:after,
.delete:before {
background-color: #fff;
content: "";
display: block;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
-webkit-transform-origin: center center;
transform-origin: center center
}
.delete:before {
height: 2px;
width: 50%
}
.delete:after {
height: 50%;
width: 2px
}
.delete:focus,
.delete:hover {
background-color: rgba(10, 10, 10, .3)
}
.delete:active {
background-color: rgba(10, 10, 10, .4)
}
.is-small.delete {
height: 16px;
max-height: 16px;
max-width: 16px;
min-height: 16px;
min-width: 16px;
width: 16px
}
.is-medium.delete {
height: 24px;
max-height: 24px;
max-width: 24px;
min-height: 24px;
min-width: 24px;
width: 24px
}
.is-large.delete {
height: 32px;
max-height: 32px;
max-width: 32px;
min-height: 32px;
min-width: 32px;
width: 32px
}
.button.is-loading:after,
.control.is-loading:after,
.loader,
.select.is-loading:after {
-webkit-animation: spinAround .5s linear infinite;
animation: spinAround .5s linear infinite;
border-radius: 290486px;
border-color: transparent transparent #dbdbdb #dbdbdb;
border-style: solid;
border-width: 2px;
content: "";
display: block;
height: 1em;
position: relative;
width: 1em
}
.hero-video,
.image.is-16by9 .has-ratio,
.image.is-16by9 img,
.image.is-1by1 .has-ratio,
.image.is-1by1 img,
.image.is-1by2 .has-ratio,
.image.is-1by2 img,
.image.is-1by3 .has-ratio,
.image.is-1by3 img,
.image.is-2by1 .has-ratio,
.image.is-2by1 img,
.image.is-2by3 .has-ratio,
.image.is-2by3 img,
.image.is-3by1 .has-ratio,
.image.is-3by1 img,
.image.is-3by2 .has-ratio,
.image.is-3by2 img,
.image.is-3by4 .has-ratio,
.image.is-3by4 img,
.image.is-3by5 .has-ratio,
.image.is-3by5 img,
.image.is-4by3 .has-ratio,
.image.is-4by3 img,
.image.is-4by5 .has-ratio,
.image.is-4by5 img,
.image.is-5by3 .has-ratio,
.image.is-5by3 img,
.image.is-5by4 .has-ratio,
.image.is-5by4 img,
.image.is-9by16 .has-ratio,
.image.is-9by16 img,
.image.is-square .has-ratio,
.image.is-square img,
.is-overlay {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.button,
.file-cta,
.file-name,
.input,
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous,
.select select,
.textarea {
-moz-appearance: none;
-webkit-appearance: none;
-webkit-box-align: center;
align-items: center;
border: 1px solid transparent;
border-radius: 32px; box-shadow: none;
display: -webkit-inline-box;
display: inline-flex;
font-size: 1rem;
height: 2.25em;
-webkit-box-pack: start;
justify-content: flex-start;
line-height: 1.5;
padding: calc(.375em - 1px) calc(.625em - 1px);
position: relative;
vertical-align: top
}
.button:active,
.button:focus,
.file-cta:active,
.file-cta:focus,
.file-name:active,
.file-name:focus,
.input:active,
.input:focus,
.is-active.button,
.is-active.file-cta,
.is-active.file-name,
.is-active.input,
.is-active.pagination-ellipsis,
.is-active.pagination-link,
.is-active.pagination-next,
.is-active.pagination-previous,
.is-active.textarea,
.is-focused.button,
.is-focused.file-cta,
.is-focused.file-name,
.is-focused.input,
.is-focused.pagination-ellipsis,
.is-focused.pagination-link,
.is-focused.pagination-next,
.is-focused.pagination-previous,
.is-focused.textarea,
.pagination-ellipsis:active,
.pagination-ellipsis:focus,
.pagination-link:active,
.pagination-link:focus,
.pagination-next:active,
.pagination-next:focus,
.pagination-previous:active,
.pagination-previous:focus,
.select select.is-active,
.select select.is-focused,
.select select:active,
.select select:focus,
.textarea:active,
.textarea:focus {
outline: 0
}
.button[disabled],
.file-cta[disabled],
.file-name[disabled],
.input[disabled],
.pagination-ellipsis[disabled],
.pagination-link[disabled],
.pagination-next[disabled],
.pagination-previous[disabled],
.select fieldset[disabled] select,
.select select[disabled],
.textarea[disabled],
fieldset[disabled] .button,
fieldset[disabled] .file-cta,
fieldset[disabled] .file-name,
fieldset[disabled] .input,
fieldset[disabled] .pagination-ellipsis,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-previous,
fieldset[disabled] .select select,
fieldset[disabled] .textarea {
cursor: not-allowed
} blockquote,
body,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
textarea,
ul {
margin: 0;
padding: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: 400
}
ul {
list-style: none
}
button,
input,
select,
textarea {
margin: 0
}
html {
box-sizing: border-box
}
*,
:after,
:before {
box-sizing: inherit
}
img,
video {
height: auto;
max-width: 100%
}
iframe {
border: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
td:not([align]),
th:not([align]) {
text-align: left
}
html {
background-color: #fff;
font-size: 16px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
min-width: 300px;
overflow-x: hidden;
overflow-y: scroll;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%
}
article,
aside,
figure,
footer,
header,
hgroup,
section {
display: block
}
header {
overflow-x: hidden;
}
body,
button,
input,
select,
textarea {
font-family: Poppins, sans-serif
}
code,
pre {
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: auto;
font-family: monospace
}
body {
color: #0a0a0a;
font-size: .875em;
font-weight: 400;
line-height: 1.5
}
a {
color: #3273dc;
cursor: pointer;
text-decoration: none
}
a strong {
color: currentColor
}
a:hover {
color: #363636
}
code {
color: #ff3860;
font-size: .875em;
font-weight: 400;
padding: .25em .5em
}
code,
hr {
background-color: #f5f5f5
}
hr {
border: none;
display: block;
height: 2px;
margin: 1.5rem 0
}
img {
height: auto;
max-width: 100%
}
input[type=checkbox],
input[type=radio] {
vertical-align: baseline
}
small {
font-size: .875em
}
span {
font-style: inherit;
font-weight: inherit
}
strong {
color: inherit;
font-weight: 700
}
fieldset {
border: none
}
pre {
-webkit-overflow-scrolling: touch;
background-color: #f5f5f5;
color: #3e5769;
font-size: .875em;
overflow-x: auto;
padding: 1.25rem 1.5rem;
white-space: pre;
word-wrap: normal
}
pre code {
background-color: transparent;
color: currentColor;
font-size: 1em;
padding: 0
}
table td,
table th {
vertical-align: top
}
table td:not([align]),
table th:not([align]) {
text-align: left
}
table th {
color: inherit
}
.is-clearfix:after {
clear: both;
content: " ";
display: table
}
.is-pulled-left {
float: left !important
}
.is-pulled-right {
float: right !important
}
.is-clipped {
overflow: hidden !important
}
.is-size-1 {
font-size: 3rem !important
}
.is-size-2 {
font-size: 2.5rem !important
}
.is-size-3 {
font-size: 2rem !important
}
.is-size-4 {
font-size: 1.5rem !important
}
.is-size-5 {
font-size: 1.25rem !important
}
.is-size-6 {
font-size: 1rem !important
}
.is-size-7 {
font-size: .75rem !important
}
@media screen and (max-width:768px) {
.is-size-1-mobile {
font-size: 3rem !important
}
.is-size-2-mobile {
font-size: 2.5rem !important
}
.is-size-3-mobile {
font-size: 2rem !important
}
.is-size-4-mobile {
font-size: 1.5rem !important
}
.is-size-5-mobile {
font-size: 1.25rem !important
}
.is-size-6-mobile {
font-size: 1rem !important
}
.is-size-7-mobile {
font-size: .75rem !important
}
}
@media print,
screen and (min-width:769px) {
.is-size-1-tablet {
font-size: 3rem !important
}
.is-size-2-tablet {
font-size: 2.5rem !important
}
.is-size-3-tablet {
font-size: 2rem !important
}
.is-size-4-tablet {
font-size: 1.5rem !important
}
.is-size-5-tablet {
font-size: 1.25rem !important
}
.is-size-6-tablet {
font-size: 1rem !important
}
.is-size-7-tablet {
font-size: .75rem !important
}
}
@media screen and (max-width:1023px) {
.is-size-1-touch {
font-size: 3rem !important
}
.is-size-2-touch {
font-size: 2.5rem !important
}
.is-size-3-touch {
font-size: 2rem !important
}
.is-size-4-touch {
font-size: 1.5rem !important
}
.is-size-5-touch {
font-size: 1.25rem !important
}
.is-size-6-touch {
font-size: 1rem !important
}
.is-size-7-touch {
font-size: .75rem !important
}
}
@media screen and (min-width:1024px) {
.is-size-1-desktop {
font-size: 3rem !important
}
.is-size-2-desktop {
font-size: 2.5rem !important
}
.is-size-3-desktop {
font-size: 2rem !important
}
.is-size-4-desktop {
font-size: 1.5rem !important
}
.is-size-5-desktop {
font-size: 1.25rem !important
}
.is-size-6-desktop {
font-size: 1rem !important
}
.is-size-7-desktop {
font-size: .75rem !important
}
}
@media screen and (min-width:1216px) {
.is-size-1-widescreen {
font-size: 3rem !important
}
.is-size-2-widescreen {
font-size: 2.5rem !important
}
.is-size-3-widescreen {
font-size: 2rem !important
}
.is-size-4-widescreen {
font-size: 1.5rem !important
}
.is-size-5-widescreen {
font-size: 1.25rem !important
}
.is-size-6-widescreen {
font-size: 1rem !important
}
.is-size-7-widescreen {
font-size: .75rem !important
}
}
@media screen and (min-width:1408px) {
.is-size-1-fullhd {
font-size: 3rem !important
}
.is-size-2-fullhd {
font-size: 2.5rem !important
}
.is-size-3-fullhd {
font-size: 2rem !important
}
.is-size-4-fullhd {
font-size: 1.5rem !important
}
.is-size-5-fullhd {
font-size: 1.25rem !important
}
.is-size-6-fullhd {
font-size: 1rem !important
}
.is-size-7-fullhd {
font-size: .75rem !important
}
}
.has-text-centered {
text-align: center !important
}
.has-text-justified {
text-align: justify !important
}
.has-text-left {
text-align: left !important
}
.has-text-right {
text-align: right !important
}
@media screen and (max-width:768px) {
.has-text-centered-mobile {
text-align: center !important
}
}
@media print,
screen and (min-width:769px) {
.has-text-centered-tablet {
text-align: center !important
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.has-text-centered-tablet-only {
text-align: center !important
}
}
@media screen and (max-width:1023px) {
.has-text-centered-touch {
text-align: center !important
}
}
@media screen and (min-width:1024px) {
.has-text-centered-desktop {
text-align: center !important
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.has-text-centered-desktop-only {
text-align: center !important
}
}
@media screen and (min-width:1216px) {
.has-text-centered-widescreen {
text-align: center !important
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.has-text-centered-widescreen-only {
text-align: center !important
}
}
@media screen and (min-width:1408px) {
.has-text-centered-fullhd {
text-align: center !important
}
}
@media screen and (max-width:768px) {
.has-text-justified-mobile {
text-align: justify !important
}
}
@media print,
screen and (min-width:769px) {
.has-text-justified-tablet {
text-align: justify !important
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.has-text-justified-tablet-only {
text-align: justify !important
}
}
@media screen and (max-width:1023px) {
.has-text-justified-touch {
text-align: justify !important
}
}
@media screen and (min-width:1024px) {
.has-text-justified-desktop {
text-align: justify !important
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.has-text-justified-desktop-only {
text-align: justify !important
}
}
@media screen and (min-width:1216px) {
.has-text-justified-widescreen {
text-align: justify !important
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.has-text-justified-widescreen-only {
text-align: justify !important
}
}
@media screen and (min-width:1408px) {
.has-text-justified-fullhd {
text-align: justify !important
}
}
@media screen and (max-width:768px) {
.has-text-left-mobile {
text-align: left !important
}
}
@media print,
screen and (min-width:769px) {
.has-text-left-tablet {
text-align: left !important
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.has-text-left-tablet-only {
text-align: left !important
}
}
@media screen and (max-width:1023px) {
.has-text-left-touch {
text-align: left !important
}
}
@media screen and (min-width:1024px) {
.has-text-left-desktop {
text-align: left !important
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.has-text-left-desktop-only {
text-align: left !important
}
}
@media screen and (min-width:1216px) {
.has-text-left-widescreen {
text-align: left !important
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.has-text-left-widescreen-only {
text-align: left !important
}
}
@media screen and (min-width:1408px) {
.has-text-left-fullhd {
text-align: left !important
}
}
@media screen and (max-width:768px) {
.has-text-right-mobile {
text-align: right !important
}
}
@media print,
screen and (min-width:769px) {
.has-text-right-tablet {
text-align: right !important
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.has-text-right-tablet-only {
text-align: right !important
}
}
@media screen and (max-width:1023px) {
.has-text-right-touch {
text-align: right !important
}
}
@media screen and (min-width:1024px) {
.has-text-right-desktop {
text-align: right !important
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.has-text-right-desktop-only {
text-align: right !important
}
}
@media screen and (min-width:1216px) {
.has-text-right-widescreen {
text-align: right !important
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.has-text-right-widescreen-only {
text-align: right !important
}
}
@media screen and (min-width:1408px) {
.has-text-right-fullhd {
text-align: right !important
}
}
.is-capitalized {
text-transform: capitalize !important
}
.is-lowercase {
text-transform: lowercase !important
}
.is-uppercase {
text-transform: uppercase !important
}
.is-italic {
font-style: italic !important
}
.has-text-white {
color: #fff !important
}
a.has-text-white:focus,
a.has-text-white:hover {
color: #e6e6e6 !important
}
.has-background-white {
background-color: #fff !important
}
.has-text-black {
color: #0a0a0a !important
}
a.has-text-black:focus,
a.has-text-black:hover {
color: #000 !important
}
.has-background-black {
background-color: #0a0a0a !important
}
.has-text-light {
color: #f5f5f5 !important
}
a.has-text-light:focus,
a.has-text-light:hover {
color: #dbdbdb !important
}
.has-background-light {
background-color: #f5f5f5 !important
}
.has-text-dark {
color: #363636 !important
}
a.has-text-dark:focus,
a.has-text-dark:hover {
color: #1c1c1c !important
}
.has-background-dark {
background-color: #363636 !important
}
.has-text-primary {
color: #f60 !important
}
a.has-text-primary:focus,
a.has-text-primary:hover {
color: #cc5200 !important
}
.has-background-primary {
background-color: #f60 !important
}
.has-text-link {
color: #3273dc !important
}
a.has-text-link:focus,
a.has-text-link:hover {
color: #205bbc !important
}
.has-background-link {
background-color: #3273dc !important
}
.has-text-info {
color: #209cee !important
}
a.has-text-info:focus,
a.has-text-info:hover {
color: #0f81cc !important
}
.has-background-info {
background-color: #209cee !important
}
.has-text-success {
color: #23d160 !important
}
a.has-text-success:focus,
a.has-text-success:hover {
color: #1ca64c !important
}
.has-background-success {
background-color: #23d160 !important
}
.has-text-warning {
color: #ffdd57 !important
}
a.has-text-warning:focus,
a.has-text-warning:hover {
color: #ffd324 !important
}
.has-background-warning {
background-color: #ffdd57 !important
}
.has-text-danger {
color: #ff3860 !important
}
a.has-text-danger:focus,
a.has-text-danger:hover {
color: #ff0537 !important
}
.has-background-danger {
background-color: #ff3860 !important
}
.has-text-black-bis {
color: #121212 !important
}
.has-background-black-bis {
background-color: #121212 !important
}
.has-text-black-ter {
color: #242424 !important
}
.has-background-black-ter {
background-color: #242424 !important
}
.has-text-grey-darker {
color: #363636 !important
}
.has-background-grey-darker {
background-color: #363636 !important
}
.has-text-grey-dark {
color: #4a4a4a !important
}
.has-background-grey-dark {
background-color: #4a4a4a !important
}
.has-text-grey {
color: #7a7a7a !important
}
.has-background-grey {
background-color: #7a7a7a !important
}
.has-text-grey-light {
color: #b5b5b5 !important
}
.has-background-grey-light {
background-color: #b5b5b5 !important
}
.has-text-grey-lighter {
color: #dbdbdb !important
}
.has-background-grey-lighter {
background-color: #dbdbdb !important
}
.has-text-white-ter {
color: #f5f5f5 !important
}
.has-background-white-ter {
background-color: #f5f5f5 !important
}
.has-text-white-bis {
color: #fafafa !important
}
.has-background-white-bis {
background-color: #fafafa !important
}
.has-text-weight-light {
font-weight: 300 !important
}
.has-text-weight-normal {
font-weight: 400 !important
}
.has-text-weight-medium {
font-weight: 500 !important
}
.has-text-weight-semibold {
font-weight: 600 !important
}
.has-text-weight-bold {
font-weight: 700 !important
}
.is-family-primary {
font-family: Poppins, sans-serif !important
}
.is-family-secondary {
font-family: Red Hat Display, serif !important
}
.is-family-sans-serif {
font-family: Poppins, sans-serif !important
}
.is-family-code,
.is-family-monospace {
font-family: monospace !important
}
.is-block {
display: block !important
}
@media screen and (max-width:768px) {
.is-block-mobile {
display: block !important
}
}
@media print,
screen and (min-width:769px) {
.is-block-tablet {
display: block !important
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.is-block-tablet-only {
display: block !important
}
}
@media screen and (max-width:1023px) {
.is-block-touch {
display: block !important
}
}
@media screen and (min-width:1024px) {
.is-block-desktop {
display: block !important
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.is-block-desktop-only {
display: block !important
}
}
@media screen and (min-width:1216px) {
.is-block-widescreen {
display: block !important
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.is-block-widescreen-only {
display: block !important
}
}
@media screen and (min-width:1408px) {
.is-block-fullhd {
display: block !important
}
}
.is-flex {
display: -webkit-box !important;
display: flex !important
}
@media screen and (max-width:768px) {
.is-flex-mobile {
display: -webkit-box !important;
display: flex !important
}
}
@media print,
screen and (min-width:769px) {
.is-flex-tablet {
display: -webkit-box !important;
display: flex !important
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.is-flex-tablet-only {
display: -webkit-box !important;
display: flex !important
}
}
@media screen and (max-width:1023px) {
.is-flex-touch {
display: -webkit-box !important;
display: flex !important
}
}
@media screen and (min-width:1024px) {
.is-flex-desktop {
display: -webkit-box !important;
display: flex !important
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.is-flex-desktop-only {
display: -webkit-box !important;
display: flex !important
}
}
@media screen and (min-width:1216px) {
.is-flex-widescreen {
display: -webkit-box !important;
display: flex !important
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.is-flex-widescreen-only {
display: -webkit-box !important;
display: flex !important
}
}
@media screen and (min-width:1408px) {
.is-flex-fullhd {
display: -webkit-box !important;
display: flex !important
}
}
.is-inline {
display: inline !important
}
@media screen and (max-width:768px) {
.is-inline-mobile {
display: inline !important
}
}
@media print,
screen and (min-width:769px) {
.is-inline-tablet {
display: inline !important
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.is-inline-tablet-only {
display: inline !important
}
}
@media screen and (max-width:1023px) {
.is-inline-touch {
display: inline !important
}
}
@media screen and (min-width:1024px) {
.is-inline-desktop {
display: inline !important
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.is-inline-desktop-only {
display: inline !important
}
}
@media screen and (min-width:1216px) {
.is-inline-widescreen {
display: inline !important
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.is-inline-widescreen-only {
display: inline !important
}
}
@media screen and (min-width:1408px) {
.is-inline-fullhd {
display: inline !important
}
}
.is-inline-block {
display: inline-block !important
}
@media screen and (max-width:768px) {
.is-inline-block-mobile {
display: inline-block !important
}
}
@media print,
screen and (min-width:769px) {
.is-inline-block-tablet {
display: inline-block !important
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.is-inline-block-tablet-only {
display: inline-block !important
}
}
@media screen and (max-width:1023px) {
.is-inline-block-touch {
display: inline-block !important
}
}
@media screen and (min-width:1024px) {
.is-inline-block-desktop {
display: inline-block !important
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.is-inline-block-desktop-only {
display: inline-block !important
}
}
@media screen and (min-width:1216px) {
.is-inline-block-widescreen {
display: inline-block !important
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.is-inline-block-widescreen-only {
display: inline-block !important
}
}
@media screen and (min-width:1408px) {
.is-inline-block-fullhd {
display: inline-block !important
}
}
.is-inline-flex {
display: -webkit-inline-box !important;
display: inline-flex !important
}
@media screen and (max-width:768px) {
.is-inline-flex-mobile {
display: -webkit-inline-box !important;
display: inline-flex !important
}
}
@media print,
screen and (min-width:769px) {
.is-inline-flex-tablet {
display: -webkit-inline-box !important;
display: inline-flex !important
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.is-inline-flex-tablet-only {
display: -webkit-inline-box !important;
display: inline-flex !important
}
}
@media screen and (max-width:1023px) {
.is-inline-flex-touch {
display: -webkit-inline-box !important;
display: inline-flex !important
}
}
@media screen and (min-width:1024px) {
.is-inline-flex-desktop {
display: -webkit-inline-box !important;
display: inline-flex !important
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.is-inline-flex-desktop-only {
display: -webkit-inline-box !important;
display: inline-flex !important
}
}
@media screen and (min-width:1216px) {
.is-inline-flex-widescreen {
display: -webkit-inline-box !important;
display: inline-flex !important
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.is-inline-flex-widescreen-only {
display: -webkit-inline-box !important;
display: inline-flex !important
}
}
@media screen and (min-width:1408px) {
.is-inline-flex-fullhd {
display: -webkit-inline-box !important;
display: inline-flex !important
}
}
.is-hidden {
display: none !important
}
.is-sr-only {
border: none !important;
clip: rect(0, 0, 0, 0) !important;
height: .01em !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: .01em !important
}
@media screen and (max-width:768px) {
.is-hidden-mobile {
display: none !important
}
}
@media print,
screen and (min-width:769px) {
.is-hidden-tablet {
display: none !important
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.is-hidden-tablet-only {
display: none !important
}
}
@media screen and (max-width:1023px) {
.is-hidden-touch {
display: none !important
}
}
@media screen and (min-width:1024px) {
.is-hidden-desktop {
display: none !important
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.is-hidden-desktop-only {
display: none !important
}
}
@media screen and (min-width:1216px) {
.is-hidden-widescreen {
display: none !important
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.is-hidden-widescreen-only {
display: none !important
}
}
@media screen and (min-width:1408px) {
.is-hidden-fullhd {
display: none !important
}
}
.is-invisible {
visibility: hidden !important
}
@media screen and (max-width:768px) {
.is-invisible-mobile {
visibility: hidden !important
}
}
@media print,
screen and (min-width:769px) {
.is-invisible-tablet {
visibility: hidden !important
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.is-invisible-tablet-only {
visibility: hidden !important
}
}
@media screen and (max-width:1023px) {
.is-invisible-touch {
visibility: hidden !important
}
}
@media screen and (min-width:1024px) {
.is-invisible-desktop {
visibility: hidden !important
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.is-invisible-desktop-only {
visibility: hidden !important
}
}
@media screen and (min-width:1216px) {
.is-invisible-widescreen {
visibility: hidden !important
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.is-invisible-widescreen-only {
visibility: hidden !important
}
}
@media screen and (min-width:1408px) {
.is-invisible-fullhd {
visibility: hidden !important
}
}
.is-marginless {
margin: 0 !important
}
.is-paddingless {
padding: 0 !important
}
.is-radiusless {
border-radius: 0 !important
}
.is-shadowless {
box-shadow: none !important
}
.is-relative {
position: relative !important
}
.box {
background-color: #fff;
border-radius: 6px;
box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1);
color: #0a0a0a;
display: block;
padding: 1.25rem
}
a.box:focus,
a.box:hover {
box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px #3273dc
}
a.box:active {
box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2), 0 0 0 1px #3273dc
}
.button {
background-color: #fff;
border-color: #f60;
border-width: 2px;
color: #f60;
cursor: pointer;
-webkit-box-pack: center;
justify-content: center;
padding: 8px 38px;
text-align: center;
white-space: nowrap
}
.button strong {
color: inherit
}
.button .icon,
.button .icon.is-large,
.button .icon.is-medium,
.button .icon.is-small {
height: 1.5em;
width: 1.5em
}
.button .icon:first-child:not(:last-child) {
margin-left: calc(-.375em - 2px);
margin-right: .1875em
}
.button .icon:last-child:not(:first-child) {
margin-left: .1875em;
margin-right: calc(-.375em - 2px)
}
.button .icon:first-child:last-child {
margin-left: calc(-.375em - 2px);
margin-right: calc(-.375em - 2px)
}
.button.is-hovered,
.button:hover {
border-color: rgba(10, 10, 10, .7);
color: #363636
}
.button.is-focused,
.button:focus {
border-color: #f60;
color: #363636
}
.button.is-focused:not(:active),
.button:focus:not(:active) {
box-shadow: 0 0 0 0 rgba(50, 115, 220, 0)
}
.button.is-active,
.button:active {
border-color: #4a4a4a;
color: #363636
}
.button.is-text {
background-color: transparent;
border-color: transparent;
color: #0a0a0a;
text-decoration: underline
}
.button.is-text.is-focused,
.button.is-text.is-hovered,
.button.is-text:focus,
.button.is-text:hover {
background-color: #f5f5f5;
color: inherit
}
.button.is-text.is-active,
.button.is-text:active {
background-color: #e8e8e8;
color: inherit
}
.button.is-text[disabled],
fieldset[disabled] .button.is-text {
background-color: transparent;
border-color: transparent;
box-shadow: none
}
.button.is-white {
background-color: #fff;
border-color: transparent;
color: #0a0a0a
}
.button.is-white.is-hovered,
.button.is-white:hover {
background-color: #f9f9f9;
border-color: transparent;
color: #0a0a0a
}
.button.is-white.is-focused,
.button.is-white:focus {
border-color: transparent;
color: #0a0a0a
}
.button.is-white.is-focused:not(:active),
.button.is-white:focus:not(:active) {
box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .25)
}
.button.is-white.is-active,
.button.is-white:active {
background-color: #f2f2f2;
border-color: transparent;
color: #0a0a0a
}
.button.is-white[disabled],
fieldset[disabled] .button.is-white {
background-color: #fff;
border-color: transparent;
box-shadow: none
}
.button.is-white.is-inverted {
background-color: #0a0a0a;
color: #fff
}
.button.is-white.is-inverted.is-hovered,
.button.is-white.is-inverted:hover {
background-color: #000
}
.button.is-white.is-inverted[disabled],
fieldset[disabled] .button.is-white.is-inverted {
background-color: #0a0a0a;
border-color: transparent;
box-shadow: none;
color: #fff
}
.button.is-white.is-loading:after {
border-color: transparent transparent #0a0a0a #0a0a0a !important
}
.button.is-white.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff
}
.button.is-white.is-outlined.is-focused,
.button.is-white.is-outlined.is-hovered,
.button.is-white.is-outlined:focus,
.button.is-white.is-outlined:hover {
background-color: #fff;
border-color: #fff;
color: #0a0a0a
}
.button.is-white.is-outlined.is-loading:after {
border-color: transparent transparent #fff #fff !important
}
.button.is-white.is-outlined.is-loading.is-focused:after,
.button.is-white.is-outlined.is-loading.is-hovered:after,
.button.is-white.is-outlined.is-loading:focus:after,
.button.is-white.is-outlined.is-loading:hover:after {
border-color: transparent transparent #0a0a0a #0a0a0a !important
}
.button.is-white.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-outlined {
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff
}
.button.is-white.is-inverted.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
color: #0a0a0a
}
.button.is-white.is-inverted.is-outlined.is-focused,
.button.is-white.is-inverted.is-outlined.is-hovered,
.button.is-white.is-inverted.is-outlined:focus,
.button.is-white.is-inverted.is-outlined:hover {
background-color: #0a0a0a;
color: #fff
}
.button.is-white.is-inverted.is-outlined.is-loading.is-focused:after,
.button.is-white.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-white.is-inverted.is-outlined.is-loading:focus:after,
.button.is-white.is-inverted.is-outlined.is-loading:hover:after {
border-color: transparent transparent #fff #fff !important
}
.button.is-white.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-inverted.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
box-shadow: none;
color: #0a0a0a
}
.button.is-black {
background-color: #0a0a0a;
border-color: transparent;
color: #fff
}
.button.is-black.is-hovered,
.button.is-black:hover {
background-color: #040404;
border-color: transparent;
color: #fff
}
.button.is-black.is-focused,
.button.is-black:focus {
border-color: transparent;
color: #fff
}
.button.is-black.is-focused:not(:active),
.button.is-black:focus:not(:active) {
box-shadow: 0 0 0 0 rgba(10, 10, 10, .25)
}
.button.is-black.is-active,
.button.is-black:active {
background-color: #000;
border-color: transparent;
color: #fff
}
.button.is-black[disabled],
fieldset[disabled] .button.is-black {
background-color: #0a0a0a;
border-color: transparent;
box-shadow: none
}
.button.is-black.is-inverted {
background-color: #fff;
color: #0a0a0a
}
.button.is-black.is-inverted.is-hovered,
.button.is-black.is-inverted:hover {
background-color: #f2f2f2
}
.button.is-black.is-inverted[disabled],
fieldset[disabled] .button.is-black.is-inverted {
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #0a0a0a
}
.button.is-black.is-loading:after {
border-color: transparent transparent #fff #fff !important
}
.button.is-black.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
color: #0a0a0a
}
.button.is-black.is-outlined.is-focused,
.button.is-black.is-outlined.is-hovered,
.button.is-black.is-outlined:focus,
.button.is-black.is-outlined:hover {
background-color: #0a0a0a;
border-color: #0a0a0a;
color: #fff
}
.button.is-black.is-outlined.is-loading:after {
border-color: transparent transparent #0a0a0a #0a0a0a !important
}
.button.is-black.is-outlined.is-loading.is-focused:after,
.button.is-black.is-outlined.is-loading.is-hovered:after,
.button.is-black.is-outlined.is-loading:focus:after,
.button.is-black.is-outlined.is-loading:hover:after {
border-color: transparent transparent #fff #fff !important
}
.button.is-black.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
box-shadow: none;
color: #0a0a0a
}
.button.is-black.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff
}
.button.is-black.is-inverted.is-outlined.is-focused,
.button.is-black.is-inverted.is-outlined.is-hovered,
.button.is-black.is-inverted.is-outlined:focus,
.button.is-black.is-inverted.is-outlined:hover {
background-color: #fff;
color: #0a0a0a
}
.button.is-black.is-inverted.is-outlined.is-loading.is-focused:after,
.button.is-black.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-black.is-inverted.is-outlined.is-loading:focus:after,
.button.is-black.is-inverted.is-outlined.is-loading:hover:after {
border-color: transparent transparent #0a0a0a #0a0a0a !important
}
.button.is-black.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff
}
.button.is-light {
background-color: #f5f5f5;
border-color: transparent;
color: #363636
}
.button.is-light.is-hovered,
.button.is-light:hover {
background-color: #eee;
border-color: transparent;
color: #363636
}
.button.is-light.is-focused,
.button.is-light:focus {
border-color: transparent;
color: #363636
}
.button.is-light.is-focused:not(:active),
.button.is-light:focus:not(:active) {
box-shadow: 0 0 0 0 hsla(0, 0%, 96.1%, .25)
}
.button.is-light.is-active,
.button.is-light:active {
background-color: #e8e8e8;
border-color: transparent;
color: #363636
}
.button.is-light[disabled],
fieldset[disabled] .button.is-light {
background-color: #f5f5f5;
border-color: transparent;
box-shadow: none
}
.button.is-light.is-inverted {
background-color: #363636;
color: #f5f5f5
}
.button.is-light.is-inverted.is-hovered,
.button.is-light.is-inverted:hover {
background-color: #292929
}
.button.is-light.is-inverted[disabled],
fieldset[disabled] .button.is-light.is-inverted {
background-color: #363636;
border-color: transparent;
box-shadow: none;
color: #f5f5f5
}
.button.is-light.is-loading:after {
border-color: transparent transparent #363636 #363636 !important
}
.button.is-light.is-outlined {
background-color: transparent;
border-color: #f5f5f5;
color: #f5f5f5
}
.button.is-light.is-outlined.is-focused,
.button.is-light.is-outlined.is-hovered,
.button.is-light.is-outlined:focus,
.button.is-light.is-outlined:hover {
background-color: #f5f5f5;
border-color: #f5f5f5;
color: #363636
}
.button.is-light.is-outlined.is-loading:after {
border-color: transparent transparent #f5f5f5 #f5f5f5 !important
}
.button.is-light.is-outlined.is-loading.is-focused:after,
.button.is-light.is-outlined.is-loading.is-hovered:after,
.button.is-light.is-outlined.is-loading:focus:after,
.button.is-light.is-outlined.is-loading:hover:after {
border-color: transparent transparent #363636 #363636 !important
}
.button.is-light.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-outlined {
background-color: transparent;
border-color: #f5f5f5;
box-shadow: none;
color: #f5f5f5
}
.button.is-light.is-inverted.is-outlined {
background-color: transparent;
border-color: #363636;
color: #363636
}
.button.is-light.is-inverted.is-outlined.is-focused,
.button.is-light.is-inverted.is-outlined.is-hovered,
.button.is-light.is-inverted.is-outlined:focus,
.button.is-light.is-inverted.is-outlined:hover {
background-color: #363636;
color: #f5f5f5
}
.button.is-light.is-inverted.is-outlined.is-loading.is-focused:after,
.button.is-light.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-light.is-inverted.is-outlined.is-loading:focus:after,
.button.is-light.is-inverted.is-outlined.is-loading:hover:after {
border-color: transparent transparent #f5f5f5 #f5f5f5 !important
}
.button.is-light.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-inverted.is-outlined {
background-color: transparent;
border-color: #363636;
box-shadow: none;
color: #363636
}
.button.is-dark {
background-color: #363636;
border-color: transparent;
color: #f5f5f5
}
.button.is-dark.is-hovered,
.button.is-dark:hover {
background-color: #2f2f2f;
border-color: transparent;
color: #f5f5f5
}
.button.is-dark.is-focused,
.button.is-dark:focus {
border-color: transparent;
color: #f5f5f5
}
.button.is-dark.is-focused:not(:active),
.button.is-dark:focus:not(:active) {
box-shadow: 0 0 0 0 rgba(54, 54, 54, .25)
}
.button.is-dark.is-active,
.button.is-dark:active {
background-color: #292929;
border-color: transparent;
color: #f5f5f5
}
.button.is-dark[disabled],
fieldset[disabled] .button.is-dark {
background-color: #363636;
border-color: transparent;
box-shadow: none
}
.button.is-dark.is-inverted {
background-color: #f5f5f5;
color: #363636
}
.button.is-dark.is-inverted.is-hovered,
.button.is-dark.is-inverted:hover {
background-color: #e8e8e8
}
.button.is-dark.is-inverted[disabled],
fieldset[disabled] .button.is-dark.is-inverted {
background-color: #f5f5f5;
border-color: transparent;
box-shadow: none;
color: #363636
}
.button.is-dark.is-loading:after {
border-color: transparent transparent #f5f5f5 #f5f5f5 !important
}
.button.is-dark.is-outlined {
background-color: transparent;
border-color: #363636;
color: #363636
}
.button.is-dark.is-outlined.is-focused,
.button.is-dark.is-outlined.is-hovered,
.button.is-dark.is-outlined:focus,
.button.is-dark.is-outlined:hover {
background-color: #363636;
border-color: #363636;
color: #f5f5f5
}
.button.is-dark.is-outlined.is-loading:after {
border-color: transparent transparent #363636 #363636 !important
}
.button.is-dark.is-outlined.is-loading.is-focused:after,
.button.is-dark.is-outlined.is-loading.is-hovered:after,
.button.is-dark.is-outlined.is-loading:focus:after,
.button.is-dark.is-outlined.is-loading:hover:after {
border-color: transparent transparent #f5f5f5 #f5f5f5 !important
}
.button.is-dark.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-outlined {
background-color: transparent;
border-color: #363636;
box-shadow: none;
color: #363636
}
.button.is-dark.is-inverted.is-outlined {
background-color: transparent;
border-color: #f5f5f5;
color: #f5f5f5
}
.button.is-dark.is-inverted.is-outlined.is-focused,
.button.is-dark.is-inverted.is-outlined.is-hovered,
.button.is-dark.is-inverted.is-outlined:focus,
.button.is-dark.is-inverted.is-outlined:hover {
background-color: #f5f5f5;
color: #363636
}
.button.is-dark.is-inverted.is-outlined.is-loading.is-focused:after,
.button.is-dark.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-dark.is-inverted.is-outlined.is-loading:focus:after,
.button.is-dark.is-inverted.is-outlined.is-loading:hover:after {
border-color: transparent transparent #363636 #363636 !important
}
.button.is-dark.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
background-color: transparent;
border-color: #f5f5f5;
box-shadow: none;
color: #f5f5f5
}
.button.is-primary {
background-color: #f60;
border-color: transparent;
color: #fff
}
.button.is-primary.is-hovered,
.button.is-primary:hover {
background-color: #f26100;
border-color: transparent;
color: #fff
}
.button.is-primary.is-focused,
.button.is-primary:focus {
border-color: transparent;
color: #fff
}
.button.is-primary.is-focused:not(:active),
.button.is-primary:focus:not(:active) {
box-shadow: 0 0 0 0 rgba(255, 102, 0, .25)
}
.button.is-primary.is-active,
.button.is-primary:active {
background-color: #e65c00;
border-color: transparent;
color: #fff
}
.button.is-primary[disabled],
fieldset[disabled] .button.is-primary {
background-color: #f60;
border-color: transparent;
box-shadow: none
}
.button.is-primary.is-inverted {
background-color: #fff;
color: #f60
}
.button.is-primary.is-inverted.is-hovered,
.button.is-primary.is-inverted:hover {
background-color: #f2f2f2
}
.button.is-primary.is-inverted[disabled],
fieldset[disabled] .button.is-primary.is-inverted {
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #f60
}
.button.is-primary.is-loading:after {
border-color: transparent transparent #fff #fff !important
}
.button.is-primary.is-outlined {
background-color: transparent;
border-color: #f60;
color: #f60
}
.button.is-primary.is-outlined.is-focused,
.button.is-primary.is-outlined.is-hovered,
.button.is-primary.is-outlined:focus,
.button.is-primary.is-outlined:hover {
background-color: #f60;
border-color: #f60;
color: #fff
}
.button.is-primary.is-outlined.is-loading:after {
border-color: transparent transparent #f60 #f60 !important
}
.button.is-primary.is-outlined.is-loading.is-focused:after,
.button.is-primary.is-outlined.is-loading.is-hovered:after,
.button.is-primary.is-outlined.is-loading:focus:after,
.button.is-primary.is-outlined.is-loading:hover:after {
border-color: transparent transparent #fff #fff !important
}
.button.is-primary.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-outlined {
background-color: transparent;
border-color: #f60;
box-shadow: none;
color: #f60
}
.button.is-primary.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff
}
.button.is-primary.is-inverted.is-outlined.is-focused,
.button.is-primary.is-inverted.is-outlined.is-hovered,
.button.is-primary.is-inverted.is-outlined:focus,
.button.is-primary.is-inverted.is-outlined:hover {
background-color: #fff;
color: #f60
}
.button.is-primary.is-inverted.is-outlined.is-loading.is-focused:after,
.button.is-primary.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-primary.is-inverted.is-outlined.is-loading:focus:after,
.button.is-primary.is-inverted.is-outlined.is-loading:hover:after {
border-color: transparent transparent #f60 #f60 !important
}
.button.is-primary.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff
}
.button.is-link {
background-color: #3273dc;
border-color: transparent;
color: #fff
}
.button.is-link.is-hovered,
.button.is-link:hover {
background-color: #276cda;
border-color: transparent;
color: #fff
}
.button.is-link.is-focused,
.button.is-link:focus {
border-color: transparent;
color: #fff
}
.button.is-link.is-focused:not(:active),
.button.is-link:focus:not(:active) {
box-shadow: 0 0 0 0 rgba(50, 115, 220, .25)
}
.button.is-link.is-active,
.button.is-link:active {
background-color: #2366d1;
border-color: transparent;
color: #fff
}
.button.is-link[disabled],
fieldset[disabled] .button.is-link {
background-color: #3273dc;
border-color: transparent;
box-shadow: none
}
.button.is-link.is-inverted {
background-color: #fff;
color: #3273dc
}
.button.is-link.is-inverted.is-hovered,
.button.is-link.is-inverted:hover {
background-color: #f2f2f2
}
.button.is-link.is-inverted[disabled],
fieldset[disabled] .button.is-link.is-inverted {
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #3273dc
}
.button.is-link.is-loading:after {
border-color: transparent transparent #fff #fff !important
}
.button.is-link.is-outlined {
background-color: transparent;
border-color: #3273dc;
color: #3273dc
}
.button.is-link.is-outlined.is-focused,
.button.is-link.is-outlined.is-hovered,
.button.is-link.is-outlined:focus,
.button.is-link.is-outlined:hover {
background-color: #3273dc;
border-color: #3273dc;
color: #fff
}
.button.is-link.is-outlined.is-loading:after {
border-color: transparent transparent #3273dc #3273dc !important
}
.button.is-link.is-outlined.is-loading.is-focused:after,
.button.is-link.is-outlined.is-loading.is-hovered:after,
.button.is-link.is-outlined.is-loading:focus:after,
.button.is-link.is-outlined.is-loading:hover:after {
border-color: transparent transparent #fff #fff !important
}
.button.is-link.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-outlined {
background-color: transparent;
border-color: #3273dc;
box-shadow: none;
color: #3273dc
}
.button.is-link.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff
}
.button.is-link.is-inverted.is-outlined.is-focused,
.button.is-link.is-inverted.is-outlined.is-hovered,
.button.is-link.is-inverted.is-outlined:focus,
.button.is-link.is-inverted.is-outlined:hover {
background-color: #fff;
color: #3273dc
}
.button.is-link.is-inverted.is-outlined.is-loading.is-focused:after,
.button.is-link.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-link.is-inverted.is-outlined.is-loading:focus:after,
.button.is-link.is-inverted.is-outlined.is-loading:hover:after {
border-color: transparent transparent #3273dc #3273dc !important
}
.button.is-link.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff
}
.button.is-info {
background-color: #209cee;
border-color: transparent;
color: #fff
}
.button.is-info.is-hovered,
.button.is-info:hover {
background-color: #1496ed;
border-color: transparent;
color: #fff
}
.button.is-info.is-focused,
.button.is-info:focus {
border-color: transparent;
color: #fff
}
.button.is-info.is-focused:not(:active),
.button.is-info:focus:not(:active) {
box-shadow: 0 0 0 0 rgba(32, 156, 238, .25)
}
.button.is-info.is-active,
.button.is-info:active {
background-color: #118fe4;
border-color: transparent;
color: #fff
}
.button.is-info[disabled],
fieldset[disabled] .button.is-info {
background-color: #209cee;
border-color: transparent;
box-shadow: none
}
.button.is-info.is-inverted {
background-color: #fff;
color: #209cee
}
.button.is-info.is-inverted.is-hovered,
.button.is-info.is-inverted:hover {
background-color: #f2f2f2
}
.button.is-info.is-inverted[disabled],
fieldset[disabled] .button.is-info.is-inverted {
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #209cee
}
.button.is-info.is-loading:after {
border-color: transparent transparent #fff #fff !important
}
.button.is-info.is-outlined {
background-color: transparent;
border-color: #209cee;
color: #209cee
}
.button.is-info.is-outlined.is-focused,
.button.is-info.is-outlined.is-hovered,
.button.is-info.is-outlined:focus,
.button.is-info.is-outlined:hover {
background-color: #209cee;
border-color: #209cee;
color: #fff
}
.button.is-info.is-outlined.is-loading:after {
border-color: transparent transparent #209cee #209cee !important
}
.button.is-info.is-outlined.is-loading.is-focused:after,
.button.is-info.is-outlined.is-loading.is-hovered:after,
.button.is-info.is-outlined.is-loading:focus:after,
.button.is-info.is-outlined.is-loading:hover:after {
border-color: transparent transparent #fff #fff !important
}
.button.is-info.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-outlined {
background-color: transparent;
border-color: #209cee;
box-shadow: none;
color: #209cee
}
.button.is-info.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff
}
.button.is-info.is-inverted.is-outlined.is-focused,
.button.is-info.is-inverted.is-outlined.is-hovered,
.button.is-info.is-inverted.is-outlined:focus,
.button.is-info.is-inverted.is-outlined:hover {
background-color: #fff;
color: #209cee
}
.button.is-info.is-inverted.is-outlined.is-loading.is-focused:after,
.button.is-info.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-info.is-inverted.is-outlined.is-loading:focus:after,
.button.is-info.is-inverted.is-outlined.is-loading:hover:after {
border-color: transparent transparent #209cee #209cee !important
}
.button.is-info.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff
}
.button.is-success {
background-color: #23d160;
border-color: transparent;
color: #fff
}
.button.is-success.is-hovered,
.button.is-success:hover {
background-color: #22c65b;
border-color: transparent;
color: #fff
}
.button.is-success.is-focused,
.button.is-success:focus {
border-color: transparent;
color: #fff
}
.button.is-success.is-focused:not(:active),
.button.is-success:focus:not(:active) {
box-shadow: 0 0 0 0 rgba(35, 209, 96, .25)
}
.button.is-success.is-active,
.button.is-success:active {
background-color: #20bc56;
border-color: transparent;
color: #fff
}
.button.is-success[disabled],
fieldset[disabled] .button.is-success {
background-color: #23d160;
border-color: transparent;
box-shadow: none
}
.button.is-success.is-inverted {
background-color: #fff;
color: #23d160
}
.button.is-success.is-inverted.is-hovered,
.button.is-success.is-inverted:hover {
background-color: #f2f2f2
}
.button.is-success.is-inverted[disabled],
fieldset[disabled] .button.is-success.is-inverted {
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #23d160
}
.button.is-success.is-loading:after {
border-color: transparent transparent #fff #fff !important
}
.button.is-success.is-outlined {
background-color: transparent;
border-color: #23d160;
color: #23d160
}
.button.is-success.is-outlined.is-focused,
.button.is-success.is-outlined.is-hovered,
.button.is-success.is-outlined:focus,
.button.is-success.is-outlined:hover {
background-color: #23d160;
border-color: #23d160;
color: #fff
}
.button.is-success.is-outlined.is-loading:after {
border-color: transparent transparent #23d160 #23d160 !important
}
.button.is-success.is-outlined.is-loading.is-focused:after,
.button.is-success.is-outlined.is-loading.is-hovered:after,
.button.is-success.is-outlined.is-loading:focus:after,
.button.is-success.is-outlined.is-loading:hover:after {
border-color: transparent transparent #fff #fff !important
}
.button.is-success.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-outlined {
background-color: transparent;
border-color: #23d160;
box-shadow: none;
color: #23d160
}
.button.is-success.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff
}
.button.is-success.is-inverted.is-outlined.is-focused,
.button.is-success.is-inverted.is-outlined.is-hovered,
.button.is-success.is-inverted.is-outlined:focus,
.button.is-success.is-inverted.is-outlined:hover {
background-color: #fff;
color: #23d160
}
.button.is-success.is-inverted.is-outlined.is-loading.is-focused:after,
.button.is-success.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-success.is-inverted.is-outlined.is-loading:focus:after,
.button.is-success.is-inverted.is-outlined.is-loading:hover:after {
border-color: transparent transparent #23d160 #23d160 !important
}
.button.is-success.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff
}
.button.is-warning {
background-color: #ffdd57;
border-color: transparent;
color: rgba(0, 0, 0, .7)
}
.button.is-warning.is-hovered,
.button.is-warning:hover {
background-color: #ffdb4a;
border-color: transparent;
color: rgba(0, 0, 0, .7)
}
.button.is-warning.is-focused,
.button.is-warning:focus {
border-color: transparent;
color: rgba(0, 0, 0, .7)
}
.button.is-warning.is-focused:not(:active),
.button.is-warning:focus:not(:active) {
box-shadow: 0 0 0 0 rgba(255, 221, 87, .25)
}
.button.is-warning.is-active,
.button.is-warning:active {
background-color: #ffd83d;
border-color: transparent;
color: rgba(0, 0, 0, .7)
}
.button.is-warning[disabled],
fieldset[disabled] .button.is-warning {
background-color: #ffdd57;
border-color: transparent;
box-shadow: none
}
.button.is-warning.is-inverted {
color: #ffdd57
}
.button.is-warning.is-inverted,
.button.is-warning.is-inverted.is-hovered,
.button.is-warning.is-inverted:hover {
background-color: rgba(0, 0, 0, .7)
}
.button.is-warning.is-inverted[disabled],
fieldset[disabled] .button.is-warning.is-inverted {
background-color: rgba(0, 0, 0, .7);
border-color: transparent;
box-shadow: none;
color: #ffdd57
}
.button.is-warning.is-loading:after {
border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7) !important
}
.button.is-warning.is-outlined {
background-color: transparent;
border-color: #ffdd57;
color: #ffdd57
}
.button.is-warning.is-outlined.is-focused,
.button.is-warning.is-outlined.is-hovered,
.button.is-warning.is-outlined:focus,
.button.is-warning.is-outlined:hover {
background-color: #ffdd57;
border-color: #ffdd57;
color: rgba(0, 0, 0, .7)
}
.button.is-warning.is-outlined.is-loading:after {
border-color: transparent transparent #ffdd57 #ffdd57 !important
}
.button.is-warning.is-outlined.is-loading.is-focused:after,
.button.is-warning.is-outlined.is-loading.is-hovered:after,
.button.is-warning.is-outlined.is-loading:focus:after,
.button.is-warning.is-outlined.is-loading:hover:after {
border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7) !important
}
.button.is-warning.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-outlined {
background-color: transparent;
border-color: #ffdd57;
box-shadow: none;
color: #ffdd57
}
.button.is-warning.is-inverted.is-outlined {
background-color: transparent;
border-color: rgba(0, 0, 0, .7);
color: rgba(0, 0, 0, .7)
}
.button.is-warning.is-inverted.is-outlined.is-focused,
.button.is-warning.is-inverted.is-outlined.is-hovered,
.button.is-warning.is-inverted.is-outlined:focus,
.button.is-warning.is-inverted.is-outlined:hover {
background-color: rgba(0, 0, 0, .7);
color: #ffdd57
}
.button.is-warning.is-inverted.is-outlined.is-loading.is-focused:after,
.button.is-warning.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-warning.is-inverted.is-outlined.is-loading:focus:after,
.button.is-warning.is-inverted.is-outlined.is-loading:hover:after {
border-color: transparent transparent #ffdd57 #ffdd57 !important
}
.button.is-warning.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
background-color: transparent;
border-color: rgba(0, 0, 0, .7);
box-shadow: none;
color: rgba(0, 0, 0, .7)
}
.button.is-danger {
background-color: #ff3860;
border-color: transparent;
color: #fff
}
.button.is-danger.is-hovered,
.button.is-danger:hover {
background-color: #ff2b56;
border-color: transparent;
color: #fff
}
.button.is-danger.is-focused,
.button.is-danger:focus {
border-color: transparent;
color: #fff
}
.button.is-danger.is-focused:not(:active),
.button.is-danger:focus:not(:active) {
box-shadow: 0 0 0 0 rgba(255, 56, 96, .25)
}
.button.is-danger.is-active,
.button.is-danger:active {
background-color: #ff1f4b;
border-color: transparent;
color: #fff
}
.button.is-danger[disabled],
fieldset[disabled] .button.is-danger {
background-color: #ff3860;
border-color: transparent;
box-shadow: none
}
.button.is-danger.is-inverted {
background-color: #fff;
color: #ff3860
}
.button.is-danger.is-inverted.is-hovered,
.button.is-danger.is-inverted:hover {
background-color: #f2f2f2
}
.button.is-danger.is-inverted[disabled],
fieldset[disabled] .button.is-danger.is-inverted {
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #ff3860
}
.button.is-danger.is-loading:after {
border-color: transparent transparent #fff #fff !important
}
.button.is-danger.is-outlined {
background-color: transparent;
border-color: #ff3860;
color: #ff3860
}
.button.is-danger.is-outlined.is-focused,
.button.is-danger.is-outlined.is-hovered,
.button.is-danger.is-outlined:focus,
.button.is-danger.is-outlined:hover {
background-color: #ff3860;
border-color: #ff3860;
color: #fff
}
.button.is-danger.is-outlined.is-loading:after {
border-color: transparent transparent #ff3860 #ff3860 !important
}
.button.is-danger.is-outlined.is-loading.is-focused:after,
.button.is-danger.is-outlined.is-loading.is-hovered:after,
.button.is-danger.is-outlined.is-loading:focus:after,
.button.is-danger.is-outlined.is-loading:hover:after {
border-color: transparent transparent #fff #fff !important
}
.button.is-danger.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-outlined {
background-color: transparent;
border-color: #ff3860;
box-shadow: none;
color: #ff3860
}
.button.is-danger.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff
}
.button.is-danger.is-inverted.is-outlined.is-focused,
.button.is-danger.is-inverted.is-outlined.is-hovered,
.button.is-danger.is-inverted.is-outlined:focus,
.button.is-danger.is-inverted.is-outlined:hover {
background-color: #fff;
color: #ff3860
}
.button.is-danger.is-inverted.is-outlined.is-loading.is-focused:after,
.button.is-danger.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-danger.is-inverted.is-outlined.is-loading:focus:after,
.button.is-danger.is-inverted.is-outlined.is-loading:hover:after {
border-color: transparent transparent #ff3860 #ff3860 !important
}
.button.is-danger.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff
}
.button.is-small {
border-radius: 2px;
font-size: .75rem
}
.button.is-normal {
font-size: 1rem
}
.button.is-medium {
font-size: 1.25rem
}
.button.is-large {
font-size: 1.5rem
}
.button[disabled],
fieldset[disabled] .button {
background-color: #fff;
border-color: #dbdbdb;
box-shadow: none;
opacity: .5
}
.button.is-fullwidth {
display: -webkit-box;
display: flex;
width: 100%
}
.button.is-loading {
color: transparent !important;
pointer-events: none
}
.button.is-loading:after {
position: absolute;
left: calc(50% - .5em);
top: calc(50% - .5em);
position: absolute !important
}
.button.is-static {
background-color: #f5f5f5;
border-color: #dbdbdb;
color: #7a7a7a;
box-shadow: none;
pointer-events: none
}
.button.is-rounded {
border-radius: 290486px;
padding-left: 1em;
padding-right: 1em
}
.buttons {
-webkit-box-align: center;
align-items: center;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: start;
justify-content: flex-start
}
.buttons .button {
margin-bottom: .5rem
}
.buttons .button:not(:last-child):not(.is-fullwidth) {
margin-right: .5rem
}
.buttons:last-child {
margin-bottom: -.5rem
}
.buttons:not(:last-child) {
margin-bottom: 1rem
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
border-radius: 2px;
font-size: .75rem
}
.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
font-size: 1.25rem
}
.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
font-size: 1.5rem
}
.buttons.has-addons .button:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.buttons.has-addons .button:not(:last-child) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
margin-right: -1px
}
.buttons.has-addons .button:last-child {
margin-right: 0
}
.buttons.has-addons .button.is-hovered,
.buttons.has-addons .button:hover {
z-index: 2
}
.buttons.has-addons .button.is-active,
.buttons.has-addons .button.is-focused,
.buttons.has-addons .button.is-selected,
.buttons.has-addons .button:active,
.buttons.has-addons .button:focus {
z-index: 3
}
.buttons.has-addons .button.is-active:hover,
.buttons.has-addons .button.is-focused:hover,
.buttons.has-addons .button.is-selected:hover,
.buttons.has-addons .button:active:hover,
.buttons.has-addons .button:focus:hover {
z-index: 4
}
.buttons.has-addons .button.is-expanded {
-webkit-box-flex: 1;
flex-grow: 1;
flex-shrink: 1
}
.buttons.is-centered {
-webkit-box-pack: center;
justify-content: center
}
.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
margin-left: .25rem;
margin-right: .25rem
}
.buttons.is-right {
-webkit-box-pack: end;
justify-content: flex-end
}
.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
margin-left: .25rem;
margin-right: .25rem
}
.container {
-webkit-box-flex: 1;
flex-grow: 1;
margin: 0 auto;
position: relative;
width: auto
}
@media screen and (min-width:1024px) {
.container {
max-width: 960px
}
.container.is-fluid {
margin-left: 32px;
margin-right: 32px;
max-width: none
}
}
@media screen and (max-width:1215px) {
.container.is-widescreen {
max-width: 1152px
}
}
@media screen and (max-width:1407px) {
.container.is-fullhd {
max-width: 1344px
}
}
@media screen and (min-width:1216px) {
.container {
max-width: 1152px
}
}
@media screen and (min-width:1408px) {
.container {
max-width: 1344px
}
}
.content li+li {
margin-top: .25em
}
.content blockquote:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content p:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child),
.content ul:not(:last-child) {
margin-bottom: 1em
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
color: #0a0a0a;
font-weight: 600;
line-height: 1.125
}
.content h1 {
font-size: 2em;
margin-bottom: .5em
}
.content h1:not(:first-child) {
margin-top: 1em
}
.content h2 {
font-size: 1.75em;
margin-bottom: .5714em
}
.content h2:not(:first-child) {
margin-top: 1.1428em
}
.content h3 {
font-size: 1.5em;
margin-bottom: .6666em
}
.content h3:not(:first-child) {
margin-top: 1.3333em
}
.content h4 {
font-size: 1.25em;
margin-bottom: .8em
}
.content h5 {
font-size: 1.125em;
margin-bottom: .8888em
}
.content h6 {
font-size: 1em;
margin-bottom: 1em
}
.content blockquote {
background-color: #f5f5f5;
border-left: 5px solid #dbdbdb;
padding: 1.25em 1.5em
}
.content ol {
list-style-position: outside;
margin-left: 0;
margin-top: 1em
}
.content ol:not([type]) {
list-style-type: decimal
}
.content ol:not([type]).is-lower-alpha {
list-style-type: lower-alpha
}
.content ol:not([type]).is-lower-roman {
list-style-type: lower-roman
}
.content ol:not([type]).is-upper-alpha {
list-style-type: upper-alpha
}
.content ol:not([type]).is-upper-roman {
list-style-type: upper-roman
}
.content ul {
list-style: disc outside;
margin-left: 2em
}
.content ul ul {
list-style-type: circle;
margin-top: .5em
}
.content ul ul ul {
list-style-type: square
}
.content dd {
margin-left: 2em
}
.content figure { text-align: center
}
.content figure:not(:first-child) {
margin-top: 3em
}
.content figure:not(:last-child) {
margin-bottom: 3em
}
.content figure img {
display: inline-block;
border-radius: 1rem;
}
.content figure figcaption {
font-style: italic;
}
.content pre {
-webkit-overflow-scrolling: touch;
overflow-x: auto;
padding: 1.25em 1.5em;
white-space: pre;
word-wrap: normal
}
.content sub,
.content sup {
font-size: 75%
}
.content table {
width: 100%
}
.content table td,
.content table th {
border: solid #dbdbdb;
border-width: 0 0 1px;
padding: .5em .75em;
vertical-align: top
}
.content table th {
color: inherit
}
.content table th:not([align]) {
text-align: left
}
.content table thead td,
.content table thead th {
border-width: 0 0 2px;
color: inherit
}
.content table tfoot td,
.content table tfoot th {
border-width: 2px 0 0;
color: inherit
}
.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
border-bottom-width: 0
}
.content .tabs li+li {
margin-top: 0
}
.content.is-small {
font-size: .75rem
}
.content.is-medium {
font-size: 1.25rem
}
.content.is-large {
font-size: 1.5rem
}
.icon {
-webkit-box-align: center;
align-items: center;
display: -webkit-inline-box;
display: inline-flex;
-webkit-box-pack: center;
justify-content: center;
height: 1.5rem;
width: 1.5rem
}
.icon.is-small {
height: 1rem;
width: 1rem
}
.icon.is-medium {
height: 2rem;
width: 2rem
}
.icon.is-large {
height: 3rem;
width: 3rem
}
.image {
display: block;
position: relative
}
.image img {
display: block;
height: auto;
width: 100%
}
.image img.is-rounded {
border-radius: 290486px
}
.image.is-16by9 .has-ratio,
.image.is-16by9 img,
.image.is-1by1 .has-ratio,
.image.is-1by1 img,
.image.is-1by2 .has-ratio,
.image.is-1by2 img,
.image.is-1by3 .has-ratio,
.image.is-1by3 img,
.image.is-2by1 .has-ratio,
.image.is-2by1 img,
.image.is-2by3 .has-ratio,
.image.is-2by3 img,
.image.is-3by1 .has-ratio,
.image.is-3by1 img,
.image.is-3by2 .has-ratio,
.image.is-3by2 img,
.image.is-3by4 .has-ratio,
.image.is-3by4 img,
.image.is-3by5 .has-ratio,
.image.is-3by5 img,
.image.is-4by3 .has-ratio,
.image.is-4by3 img,
.image.is-4by5 .has-ratio,
.image.is-4by5 img,
.image.is-5by3 .has-ratio,
.image.is-5by3 img,
.image.is-5by4 .has-ratio,
.image.is-5by4 img,
.image.is-9by16 .has-ratio,
.image.is-9by16 img,
.image.is-square .has-ratio,
.image.is-square img {
height: 100%;
width: 100%
}
.image.is-1by1,
.image.is-square {
padding-top: 100%
}
.image.is-5by4 {
padding-top: 80%
}
.image.is-4by3 {
padding-top: 75%
}
.image.is-3by2 {
padding-top: 66.6666%
}
.image.is-5by3 {
padding-top: 60%
}
.image.is-16by9 {
padding-top: 56.25%
}
.image.is-2by1 {
padding-top: 50%
}
.image.is-3by1 {
padding-top: 33.3333%
}
.image.is-4by5 {
padding-top: 125%
}
.image.is-3by4 {
padding-top: 133.3333%
}
.image.is-2by3 {
padding-top: 150%
}
.image.is-3by5 {
padding-top: 166.6666%
}
.image.is-9by16 {
padding-top: 177.7777%
}
.image.is-1by2 {
padding-top: 200%
}
.image.is-1by3 {
padding-top: 300%
}
.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
}
.table {
background-color: #fff;
color: #363636
}
.table td,
.table th {
border: solid #dbdbdb;
border-width: 0 0 1px;
padding: .5em .75em;
vertical-align: top
}
.table td.is-white,
.table th.is-white {
background-color: #fff;
border-color: #fff;
color: #0a0a0a
}
.table td.is-black,
.table th.is-black {
background-color: #0a0a0a;
border-color: #0a0a0a;
color: #fff
}
.table td.is-light,
.table th.is-light {
background-color: #f5f5f5;
border-color: #f5f5f5;
color: #363636
}
.table td.is-dark,
.table th.is-dark {
background-color: #363636;
border-color: #363636;
color: #f5f5f5
}
.table td.is-primary,
.table th.is-primary {
background-color: #f60;
border-color: #f60;
color: #fff
}
.table td.is-link,
.table th.is-link {
background-color: #3273dc;
border-color: #3273dc;
color: #fff
}
.table td.is-info,
.table th.is-info {
background-color: #209cee;
border-color: #209cee;
color: #fff
}
.table td.is-success,
.table th.is-success {
background-color: #23d160;
border-color: #23d160;
color: #fff
}
.table td.is-warning,
.table th.is-warning {
background-color: #ffdd57;
border-color: #ffdd57;
color: rgba(0, 0, 0, .7)
}
.table td.is-danger,
.table th.is-danger {
background-color: #ff3860;
border-color: #ff3860;
color: #fff
}
.table td.is-narrow,
.table th.is-narrow {
white-space: nowrap;
width: 1%
}
.table td.is-selected,
.table th.is-selected {
background-color: #f60;
color: #fff
}
.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
color: currentColor
}
.table th {
color: inherit
}
.table th:not([align]) {
text-align: left
}
.table tr.is-selected {
background-color: #f60;
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 {
background-color: transparent
}
.table thead td,
.table thead th {
border-width: 0 0 2px;
color: inherit
}
.table tfoot {
background-color: transparent
}
.table tfoot td,
.table tfoot th {
border-width: 2px 0 0;
color: inherit
}
.table tbody {
background-color: transparent
}
.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-fullwidth {
width: 100%
}
.table.is-hoverable tbody tr:not(.is-selected):hover,
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
background-color: #fafafa
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(2n) {
background-color: #f5f5f5
}
.table.is-narrow td,
.table.is-narrow th {
padding: .25em .5em
}
.table.is-striped tbody tr:not(.is-selected):nth-child(2n) {
background-color: #fafafa
}
.table-container {
-webkit-overflow-scrolling: touch;
overflow: auto;
overflow-y: hidden;
max-width: 100%
}
.tags {
-webkit-box-align: center;
align-items: center;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: start;
justify-content: flex-start;
margin-bottom: 15px;
}
.taglist {
padding: 4rem;
background-color: #f1f1f1;
font-weight: 500;
}
.taglist_top {
padding-bottom: 4rem;
font-weight: 500;
}
.taglist a,
.taglist_top a {
color: #525252;
margin-right: 1rem;
} .tags .tag:not(:last-child) {
margin-right: .5rem
}  .tags.are-medium .tag:not(.is-normal):not(.is-large) {
font-size: 1rem
}
.tags.are-large .tag:not(.is-normal):not(.is-medium) {
font-size: 1.25rem
}
.tags.is-centered {
-webkit-box-pack: center;
justify-content: center
}
.tags.is-centered .tag {
margin-right: .25rem;
margin-left: .25rem
}
.tags.is-right {
-webkit-box-pack: end;
justify-content: flex-end
}
.tags.is-right .tag:not(:first-child) {
margin-left: .5rem
}
.tags.has-addons .tag,
.tags.is-right .tag:not(:last-child) {
margin-right: 0
}
.tags.has-addons .tag:not(:first-child) {
margin-left: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.tags.has-addons .tag:not(:last-child) {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.tag:not(body) {
-webkit-box-align: center;
align-items: center;
background-color: #f5f5f5;
border-radius: 4px;
color: #0a0a0a;
display: -webkit-inline-box;
display: inline-flex;
font-size: .75rem;
height: 2em;
-webkit-box-pack: center;
justify-content: center;
line-height: 1.5;
padding-left: .75em;
padding-right: .75em;
white-space: nowrap
}
.tag:not(body) .delete {
margin-left: .25rem;
margin-right: -.375rem
}
.tag:not(body).is-white {
background-color: #fff;
color: #0a0a0a
}
.tag:not(body).is-black {
background-color: #0a0a0a;
color: #fff
}
.tag:not(body).is-light {
background-color: #f5f5f5;
color: #363636
}
.tag:not(body).is-dark {
background-color: #363636;
color: #f5f5f5
}
.tag:not(body).is-primary {
background-color: #f60;
color: #fff
}
.tag:not(body).is-link {
background-color: #3273dc;
color: #fff
}
.tag:not(body).is-info {
background-color: #209cee;
color: #fff
}
.tag:not(body).is-success {
background-color: #23d160;
color: #fff
}
.tag:not(body).is-warning {
background-color: #ffdd57;
color: rgba(0, 0, 0, .7)
}
.tag:not(body).is-danger {
background-color: #ff3860;
color: #fff
}
.tag:not(body).is-normal {
font-size: .75rem
}
.tag:not(body).is-medium {
font-size: 1rem
}
.tag:not(body).is-large {
font-size: 1.25rem
}
.tag:not(body) .icon:first-child:not(:last-child) {
margin-left: -.375em;
margin-right: .1875em
}
.tag:not(body) .icon:last-child:not(:first-child) {
margin-left: .1875em;
margin-right: -.375em
}
.tag:not(body) .icon:first-child:last-child {
margin-left: -.375em;
margin-right: -.375em
}
.tag:not(body).is-delete {
margin-left: 1px;
padding: 0;
position: relative;
width: 2em
}
.tag:not(body).is-delete:after,
.tag:not(body).is-delete:before {
background-color: currentColor;
content: "";
display: block;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
-webkit-transform-origin: center center;
transform-origin: center center
}
.tag:not(body).is-delete:before {
height: 1px;
width: 50%
}
.tag:not(body).is-delete:after {
height: 50%;
width: 1px
}
.tag:not(body).is-delete:focus,
.tag:not(body).is-delete:hover {
background-color: #e8e8e8
}
.tag:not(body).is-delete:active {
background-color: #dbdbdb
}
.tag:not(body).is-rounded {
border-radius: 290486px
}
a.tag:hover {
text-decoration: underline
}
.subtitle,
.title {
word-break: break-word
}
.subtitle em,
.subtitle span,
.title em,
.title span {
font-weight: inherit
}
.subtitle sub,
.subtitle sup,
.title sub,
.title sup {
font-size: .75em
}
.subtitle .tag,
.title .tag {
vertical-align: middle
}
.title {
color: #363636;
font-family: Red Hat Display, serif;
font-size: 2rem;
font-weight: 600;
line-height: 1.125
}
.title strong {
color: inherit;
font-weight: inherit
}
.title+.highlight {
margin-top: -.75rem
}
.title:not(.is-spaced)+.subtitle {
margin-top: -1.25rem
}
.title.is-1 {
font-size: 3rem
}
.title.is-2 {
font-size: 2.5rem
}
.title.is-3 {
font-size: 2rem
}
.title.is-4 {
font-size: 1.5rem
}
.title.is-5 {
font-size: 1.25rem
}
.title.is-6 {
font-size: 1rem
}
.title.is-7 {
font-size: .75rem
}
.subtitle {
color: #0a0a0a;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.25
}
.subtitle strong {
color: inherit;
font-weight: 600
}
.subtitle:not(.is-spaced)+.title {
margin-top: -1.25rem
}
.subtitle.is-1 {
font-size: 3rem
}
.subtitle.is-2 {
font-size: 2.5rem
}
.subtitle.is-3 {
font-size: 2rem
}
.subtitle.is-4 {
font-size: 1.5rem
}
.subtitle.is-5 {
font-size: 1.25rem
}
.subtitle.is-6 {
font-size: 1rem
}
.subtitle.is-7 {
font-size: .75rem
}
.heading {
display: block;
font-size: 14px;
letter-spacing: 1px;
margin-bottom: 5px;
text-transform: uppercase
}
.highlight {
font-weight: 400;
max-width: 100%;
overflow: hidden;
padding: 0
}
.highlight pre {
overflow: auto;
max-width: 100%
}
.number {
-webkit-box-align: center;
align-items: center;
background-color: #f5f5f5;
border-radius: 290486px;
display: -webkit-inline-box;
display: inline-flex;
font-size: 1.25rem;
height: 2em;
-webkit-box-pack: center;
justify-content: center;
margin-right: 1.5rem;
min-width: 2.5em;
padding: .25rem .5rem;
text-align: center;
vertical-align: top
}
.input,
.select select,
.textarea {
background-color: #fff;
border-color: #fff;
border-radius: 4px;
color: #fff
}
.input::-moz-placeholder,
.select select::-moz-placeholder,
.textarea::-moz-placeholder {
color: hsla(0, 0%, 100%, .8)
}
.input::-webkit-input-placeholder,
.select select::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
color: hsla(0, 0%, 100%, .8)
}
.input:-moz-placeholder,
.select select:-moz-placeholder,
.textarea:-moz-placeholder {
color: hsla(0, 0%, 100%, .8)
}
.input:-ms-input-placeholder,
.select select:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
color: hsla(0, 0%, 100%, .8)
}
.input:hover,
.is-hovered.input,
.is-hovered.textarea,
.select select.is-hovered,
.select select:hover,
.textarea:hover {
border-color: #f60
}
.input:active,
.input:focus,
.is-active.input,
.is-active.textarea,
.is-focused.input,
.is-focused.textarea,
.select select.is-active,
.select select.is-focused,
.select select:active,
.select select:focus,
.textarea:active,
.textarea:focus {
border-color: #f60;
box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25)
}
.input[disabled],
.select fieldset[disabled] select,
.select select[disabled],
.textarea[disabled],
fieldset[disabled] .input,
fieldset[disabled] .select select,
fieldset[disabled] .textarea {
background-color: #f5f5f5;
border-color: #f5f5f5;
box-shadow: none;
color: #7a7a7a
}
.input[disabled]::-moz-placeholder,
.select fieldset[disabled] select::-moz-placeholder,
.select select[disabled]::-moz-placeholder,
.textarea[disabled]::-moz-placeholder,
fieldset[disabled] .input::-moz-placeholder,
fieldset[disabled] .select select::-moz-placeholder,
fieldset[disabled] .textarea::-moz-placeholder {
color: hsla(0, 0%, 47.8%, .3)
}
.input[disabled]::-webkit-input-placeholder,
.select fieldset[disabled] select::-webkit-input-placeholder,
.select select[disabled]::-webkit-input-placeholder,
.textarea[disabled]::-webkit-input-placeholder,
fieldset[disabled] .input::-webkit-input-placeholder,
fieldset[disabled] .select select::-webkit-input-placeholder,
fieldset[disabled] .textarea::-webkit-input-placeholder {
color: hsla(0, 0%, 47.8%, .3)
}
.input[disabled]:-moz-placeholder,
.select fieldset[disabled] select:-moz-placeholder,
.select select[disabled]:-moz-placeholder,
.textarea[disabled]:-moz-placeholder,
fieldset[disabled] .input:-moz-placeholder,
fieldset[disabled] .select select:-moz-placeholder,
fieldset[disabled] .textarea:-moz-placeholder {
color: hsla(0, 0%, 47.8%, .3)
}
.input[disabled]:-ms-input-placeholder,
.select fieldset[disabled] select:-ms-input-placeholder,
.select select[disabled]:-ms-input-placeholder,
.textarea[disabled]:-ms-input-placeholder,
fieldset[disabled] .input:-ms-input-placeholder,
fieldset[disabled] .select select:-ms-input-placeholder,
fieldset[disabled] .textarea:-ms-input-placeholder {
color: hsla(0, 0%, 47.8%, .3)
}
.input,
.textarea {
max-width: 100%;
width: 100%
}
.input[readonly],
.textarea[readonly] {
box-shadow: none
}
.is-white.input,
.is-white.textarea {
border-color: #fff
}
.is-white.input:active,
.is-white.input:focus,
.is-white.is-active.input,
.is-white.is-active.textarea,
.is-white.is-focused.input,
.is-white.is-focused.textarea,
.is-white.textarea:active,
.is-white.textarea:focus {
box-shadow: 0 0 0 .125em hsla(0, 0%, 100%, .25)
}
.is-black.input,
.is-black.textarea {
border-color: #0a0a0a
}
.is-black.input:active,
.is-black.input:focus,
.is-black.is-active.input,
.is-black.is-active.textarea,
.is-black.is-focused.input,
.is-black.is-focused.textarea,
.is-black.textarea:active,
.is-black.textarea:focus {
box-shadow: 0 0 0 .125em rgba(10, 10, 10, .25)
}
.is-light.input,
.is-light.textarea {
border-color: #f5f5f5
}
.is-light.input:active,
.is-light.input:focus,
.is-light.is-active.input,
.is-light.is-active.textarea,
.is-light.is-focused.input,
.is-light.is-focused.textarea,
.is-light.textarea:active,
.is-light.textarea:focus {
box-shadow: 0 0 0 .125em hsla(0, 0%, 96.1%, .25)
}
.is-dark.input,
.is-dark.textarea {
border-color: #363636
}
.is-dark.input:active,
.is-dark.input:focus,
.is-dark.is-active.input,
.is-dark.is-active.textarea,
.is-dark.is-focused.input,
.is-dark.is-focused.textarea,
.is-dark.textarea:active,
.is-dark.textarea:focus {
box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25)
}
.is-primary.input,
.is-primary.textarea {
border-color: #f60
}
.is-primary.input:active,
.is-primary.input:focus,
.is-primary.is-active.input,
.is-primary.is-active.textarea,
.is-primary.is-focused.input,
.is-primary.is-focused.textarea,
.is-primary.textarea:active,
.is-primary.textarea:focus {
box-shadow: 0 0 0 .125em rgba(255, 102, 0, .25)
}
.is-link.input,
.is-link.textarea {
border-color: #3273dc
}
.is-link.input:active,
.is-link.input:focus,
.is-link.is-active.input,
.is-link.is-active.textarea,
.is-link.is-focused.input,
.is-link.is-focused.textarea,
.is-link.textarea:active,
.is-link.textarea:focus {
box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25)
}
.is-info.input,
.is-info.textarea {
border-color: #209cee
}
.is-info.input:active,
.is-info.input:focus,
.is-info.is-active.input,
.is-info.is-active.textarea,
.is-info.is-focused.input,
.is-info.is-focused.textarea,
.is-info.textarea:active,
.is-info.textarea:focus {
box-shadow: 0 0 0 .125em rgba(32, 156, 238, .25)
}
.is-success.input,
.is-success.textarea {
border-color: #23d160
}
.is-success.input:active,
.is-success.input:focus,
.is-success.is-active.input,
.is-success.is-active.textarea,
.is-success.is-focused.input,
.is-success.is-focused.textarea,
.is-success.textarea:active,
.is-success.textarea:focus {
box-shadow: 0 0 0 .125em rgba(35, 209, 96, .25)
}
.is-warning.input,
.is-warning.textarea {
border-color: #ffdd57
}
.is-warning.input:active,
.is-warning.input:focus,
.is-warning.is-active.input,
.is-warning.is-active.textarea,
.is-warning.is-focused.input,
.is-warning.is-focused.textarea,
.is-warning.textarea:active,
.is-warning.textarea:focus {
box-shadow: 0 0 0 .125em rgba(255, 221, 87, .25)
}
.is-danger.input,
.is-danger.textarea {
border-color: #ff3860
}
.is-danger.input:active,
.is-danger.input:focus,
.is-danger.is-active.input,
.is-danger.is-active.textarea,
.is-danger.is-focused.input,
.is-danger.is-focused.textarea,
.is-danger.textarea:active,
.is-danger.textarea:focus {
box-shadow: 0 0 0 .125em rgba(255, 56, 96, .25)
}
.is-small.input,
.is-small.textarea {
border-radius: 2px;
font-size: .75rem
}
.is-medium.input,
.is-medium.textarea {
font-size: 1.25rem
}
.is-large.input,
.is-large.textarea {
font-size: 1.5rem
}
.is-fullwidth.input,
.is-fullwidth.textarea {
display: block;
width: 100%
}
.is-inline.input,
.is-inline.textarea {
display: inline;
width: auto
}
.input.is-rounded {
border-radius: 290486px;
padding-left: 1em;
padding-right: 1em
}
.input.is-static {
background-color: transparent;
border-color: transparent;
box-shadow: none;
padding-left: 0;
padding-right: 0
}
.textarea {
display: block;
max-width: 100%;
min-width: 100%;
padding: .625em;
resize: vertical
}
.textarea:not([rows]) {
max-height: 600px;
min-height: 120px
}
.textarea[rows] {
height: auto
}
.textarea.has-fixed-size {
resize: none
}
.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],
fieldset[disabled] .checkbox,
fieldset[disabled] .radio {
color: #7a7a7a;
cursor: not-allowed
}
.radio+.radio {
margin-left: .5em
}
.select {
display: inline-block;
max-width: 100%;
position: relative;
vertical-align: top
}
.select:not(.is-multiple) {
height: 2.25em
}
.select:not(.is-multiple):not(.is-loading):after {
border-color: #3273dc;
right: 1.125em;
z-index: 4
}
.select.is-rounded select {
border-radius: 290486px;
padding-left: 1em
}
.select select {
cursor: pointer;
display: block;
font-size: 1em;
max-width: 100%;
outline: 0
}
.select select::-ms-expand {
display: none
}
.select select[disabled]:hover,
fieldset[disabled] .select select:hover {
border-color: #f5f5f5
}
.select select:not([multiple]) {
padding-right: 2.5em
}
.select select[multiple] {
height: auto;
padding: 0
}
.select select[multiple] option {
padding: .5em 1em
}
.select:not(.is-multiple):not(.is-loading):hover:after {
border-color: #363636
}
.select.is-white select,
.select.is-white:not(:hover):after {
border-color: #fff
}
.select.is-white select.is-hovered,
.select.is-white select:hover {
border-color: #f2f2f2
}
.select.is-white select.is-active,
.select.is-white select.is-focused,
.select.is-white select:active,
.select.is-white select:focus {
box-shadow: 0 0 0 .125em hsla(0, 0%, 100%, .25)
}
.select.is-black select,
.select.is-black:not(:hover):after {
border-color: #0a0a0a
}
.select.is-black select.is-hovered,
.select.is-black select:hover {
border-color: #000
}
.select.is-black select.is-active,
.select.is-black select.is-focused,
.select.is-black select:active,
.select.is-black select:focus {
box-shadow: 0 0 0 .125em rgba(10, 10, 10, .25)
}
.select.is-light select,
.select.is-light:not(:hover):after {
border-color: #f5f5f5
}
.select.is-light select.is-hovered,
.select.is-light select:hover {
border-color: #e8e8e8
}
.select.is-light select.is-active,
.select.is-light select.is-focused,
.select.is-light select:active,
.select.is-light select:focus {
box-shadow: 0 0 0 .125em hsla(0, 0%, 96.1%, .25)
}
.select.is-dark select,
.select.is-dark:not(:hover):after {
border-color: #363636
}
.select.is-dark select.is-hovered,
.select.is-dark select:hover {
border-color: #292929
}
.select.is-dark select.is-active,
.select.is-dark select.is-focused,
.select.is-dark select:active,
.select.is-dark select:focus {
box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25)
}
.select.is-primary select,
.select.is-primary:not(:hover):after {
border-color: #f60
}
.select.is-primary select.is-hovered,
.select.is-primary select:hover {
border-color: #e65c00
}
.select.is-primary select.is-active,
.select.is-primary select.is-focused,
.select.is-primary select:active,
.select.is-primary select:focus {
box-shadow: 0 0 0 .125em rgba(255, 102, 0, .25)
}
.select.is-link select,
.select.is-link:not(:hover):after {
border-color: #3273dc
}
.select.is-link select.is-hovered,
.select.is-link select:hover {
border-color: #2366d1
}
.select.is-link select.is-active,
.select.is-link select.is-focused,
.select.is-link select:active,
.select.is-link select:focus {
box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25)
}
.select.is-info select,
.select.is-info:not(:hover):after {
border-color: #209cee
}
.select.is-info select.is-hovered,
.select.is-info select:hover {
border-color: #118fe4
}
.select.is-info select.is-active,
.select.is-info select.is-focused,
.select.is-info select:active,
.select.is-info select:focus {
box-shadow: 0 0 0 .125em rgba(32, 156, 238, .25)
}
.select.is-success select,
.select.is-success:not(:hover):after {
border-color: #23d160
}
.select.is-success select.is-hovered,
.select.is-success select:hover {
border-color: #20bc56
}
.select.is-success select.is-active,
.select.is-success select.is-focused,
.select.is-success select:active,
.select.is-success select:focus {
box-shadow: 0 0 0 .125em rgba(35, 209, 96, .25)
}
.select.is-warning select,
.select.is-warning:not(:hover):after {
border-color: #ffdd57
}
.select.is-warning select.is-hovered,
.select.is-warning select:hover {
border-color: #ffd83d
}
.select.is-warning select.is-active,
.select.is-warning select.is-focused,
.select.is-warning select:active,
.select.is-warning select:focus {
box-shadow: 0 0 0 .125em rgba(255, 221, 87, .25)
}
.select.is-danger select,
.select.is-danger:not(:hover):after {
border-color: #ff3860
}
.select.is-danger select.is-hovered,
.select.is-danger select:hover {
border-color: #ff1f4b
}
.select.is-danger select.is-active,
.select.is-danger select.is-focused,
.select.is-danger select:active,
.select.is-danger select:focus {
box-shadow: 0 0 0 .125em rgba(255, 56, 96, .25)
}
.select.is-small {
border-radius: 2px;
font-size: .75rem
}
.select.is-medium {
font-size: 1.25rem
}
.select.is-large {
font-size: 1.5rem
}
.select.is-disabled:after {
border-color: #7a7a7a
}
.select.is-fullwidth,
.select.is-fullwidth select {
width: 100%
}
.select.is-loading:after {
margin-top: 0;
position: absolute;
right: .625em;
top: .625em;
-webkit-transform: none;
transform: none
}
.select.is-loading.is-small:after {
font-size: .75rem
}
.select.is-loading.is-medium:after {
font-size: 1.25rem
}
.select.is-loading.is-large:after {
font-size: 1.5rem
}
.file {
-webkit-box-align: stretch;
align-items: stretch;
display: -webkit-box;
display: flex;
-webkit-box-pack: start;
justify-content: flex-start;
position: relative
}
.file.is-white .file-cta {
background-color: #fff;
border-color: transparent;
color: #0a0a0a
}
.file.is-white.is-hovered .file-cta,
.file.is-white:hover .file-cta {
background-color: #f9f9f9;
border-color: transparent;
color: #0a0a0a
}
.file.is-white.is-focused .file-cta,
.file.is-white:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 .5em hsla(0, 0%, 100%, .25);
color: #0a0a0a
}
.file.is-white.is-active .file-cta,
.file.is-white:active .file-cta {
background-color: #f2f2f2;
border-color: transparent;
color: #0a0a0a
}
.file.is-black .file-cta {
background-color: #0a0a0a;
border-color: transparent;
color: #fff
}
.file.is-black.is-hovered .file-cta,
.file.is-black:hover .file-cta {
background-color: #040404;
border-color: transparent;
color: #fff
}
.file.is-black.is-focused .file-cta,
.file.is-black:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 .5em rgba(10, 10, 10, .25);
color: #fff
}
.file.is-black.is-active .file-cta,
.file.is-black:active .file-cta {
background-color: #000;
border-color: transparent;
color: #fff
}
.file.is-light .file-cta {
background-color: #f5f5f5;
border-color: transparent;
color: #363636
}
.file.is-light.is-hovered .file-cta,
.file.is-light:hover .file-cta {
background-color: #eee;
border-color: transparent;
color: #363636
}
.file.is-light.is-focused .file-cta,
.file.is-light:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 .5em hsla(0, 0%, 96.1%, .25);
color: #363636
}
.file.is-light.is-active .file-cta,
.file.is-light:active .file-cta {
background-color: #e8e8e8;
border-color: transparent;
color: #363636
}
.file.is-dark .file-cta {
background-color: #363636;
border-color: transparent;
color: #f5f5f5
}
.file.is-dark.is-hovered .file-cta,
.file.is-dark:hover .file-cta {
background-color: #2f2f2f;
border-color: transparent;
color: #f5f5f5
}
.file.is-dark.is-focused .file-cta,
.file.is-dark:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 .5em rgba(54, 54, 54, .25);
color: #f5f5f5
}
.file.is-dark.is-active .file-cta,
.file.is-dark:active .file-cta {
background-color: #292929;
border-color: transparent;
color: #f5f5f5
}
.file.is-primary .file-cta {
background-color: #f60;
border-color: transparent;
color: #fff
}
.file.is-primary.is-hovered .file-cta,
.file.is-primary:hover .file-cta {
background-color: #f26100;
border-color: transparent;
color: #fff
}
.file.is-primary.is-focused .file-cta,
.file.is-primary:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 .5em rgba(255, 102, 0, .25);
color: #fff
}
.file.is-primary.is-active .file-cta,
.file.is-primary:active .file-cta {
background-color: #e65c00;
border-color: transparent;
color: #fff
}
.file.is-link .file-cta {
background-color: #3273dc;
border-color: transparent;
color: #fff
}
.file.is-link.is-hovered .file-cta,
.file.is-link:hover .file-cta {
background-color: #276cda;
border-color: transparent;
color: #fff
}
.file.is-link.is-focused .file-cta,
.file.is-link:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 .5em rgba(50, 115, 220, .25);
color: #fff
}
.file.is-link.is-active .file-cta,
.file.is-link:active .file-cta {
background-color: #2366d1;
border-color: transparent;
color: #fff
}
.file.is-info .file-cta {
background-color: #209cee;
border-color: transparent;
color: #fff
}
.file.is-info.is-hovered .file-cta,
.file.is-info:hover .file-cta {
background-color: #1496ed;
border-color: transparent;
color: #fff
}
.file.is-info.is-focused .file-cta,
.file.is-info:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 .5em rgba(32, 156, 238, .25);
color: #fff
}
.file.is-info.is-active .file-cta,
.file.is-info:active .file-cta {
background-color: #118fe4;
border-color: transparent;
color: #fff
}
.file.is-success .file-cta {
background-color: #23d160;
border-color: transparent;
color: #fff
}
.file.is-success.is-hovered .file-cta,
.file.is-success:hover .file-cta {
background-color: #22c65b;
border-color: transparent;
color: #fff
}
.file.is-success.is-focused .file-cta,
.file.is-success:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 .5em rgba(35, 209, 96, .25);
color: #fff
}
.file.is-success.is-active .file-cta,
.file.is-success:active .file-cta {
background-color: #20bc56;
border-color: transparent;
color: #fff
}
.file.is-warning .file-cta {
background-color: #ffdd57;
border-color: transparent;
color: rgba(0, 0, 0, .7)
}
.file.is-warning.is-hovered .file-cta,
.file.is-warning:hover .file-cta {
background-color: #ffdb4a;
border-color: transparent;
color: rgba(0, 0, 0, .7)
}
.file.is-warning.is-focused .file-cta,
.file.is-warning:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 .5em rgba(255, 221, 87, .25);
color: rgba(0, 0, 0, .7)
}
.file.is-warning.is-active .file-cta,
.file.is-warning:active .file-cta {
background-color: #ffd83d;
border-color: transparent;
color: rgba(0, 0, 0, .7)
}
.file.is-danger .file-cta {
background-color: #ff3860;
border-color: transparent;
color: #fff
}
.file.is-danger.is-hovered .file-cta,
.file.is-danger:hover .file-cta {
background-color: #ff2b56;
border-color: transparent;
color: #fff
}
.file.is-danger.is-focused .file-cta,
.file.is-danger:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 .5em rgba(255, 56, 96, .25);
color: #fff
}
.file.is-danger.is-active .file-cta,
.file.is-danger:active .file-cta {
background-color: #ff1f4b;
border-color: transparent;
color: #fff
}
.file.is-small {
font-size: .75rem
}
.file.is-medium {
font-size: 1.25rem
}
.file.is-medium .file-icon .fa {
font-size: 21px
}
.file.is-large {
font-size: 1.5rem
}
.file.is-large .file-icon .fa {
font-size: 28px
}
.file.has-name .file-cta {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.file.has-name .file-name {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.file.has-name.is-empty .file-cta {
border-radius: 4px
}
.file.has-name.is-empty .file-name {
display: none
}
.file.is-boxed .file-cta,
.file.is-boxed .file-label {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column
}
.file.is-boxed .file-cta {
height: auto;
padding: 1em 3em
}
.file.is-boxed .file-name {
border-width: 0 1px 1px
}
.file.is-boxed .file-icon {
height: 1.5em;
width: 1.5em
}
.file.is-boxed .file-icon .fa {
font-size: 21px
}
.file.is-boxed.is-small .file-icon .fa {
font-size: 14px
}
.file.is-boxed.is-medium .file-icon .fa {
font-size: 28px
}
.file.is-boxed.is-large .file-icon .fa {
font-size: 35px
}
.file.is-boxed.has-name .file-cta {
border-radius: 4px 4px 0 0
}
.file.is-boxed.has-name .file-name {
border-radius: 0 0 4px 4px;
border-width: 0 1px 1px
}
.file.is-centered {
-webkit-box-pack: center;
justify-content: center
}
.file.is-fullwidth .file-label {
width: 100%
}
.file.is-fullwidth .file-name {
-webkit-box-flex: 1;
flex-grow: 1;
max-width: none
}
.file.is-right {
-webkit-box-pack: end;
justify-content: flex-end
}
.file.is-right .file-cta {
border-radius: 0 4px 4px 0
}
.file.is-right .file-name {
border-radius: 4px 0 0 4px;
border-width: 1px 0 1px 1px;
-webkit-box-ordinal-group: 0;
order: -1
}
.file-label {
-webkit-box-align: stretch;
align-items: stretch;
display: -webkit-box;
display: flex;
cursor: pointer;
-webkit-box-pack: start;
justify-content: flex-start;
overflow: hidden;
position: relative
}
.file-label:hover .file-cta {
background-color: transparent;
color: rgba(255, 102, 0, .9)
}
.file-label:hover .file-name {
border-color: #d5d5d5
}
.file-label:active .file-cta {
background-color: transparent;
color: #363636
}
.file-label:active .file-name {
border-color: #cfcfcf
}
.file-input {
height: 100%;
left: 0;
opacity: 0;
outline: 0;
position: absolute;
top: 0;
width: 100%
}
.file-cta,
.file-name {
border-color: #f60;
border-radius: 4px;
font-size: 1em;
padding-left: 1em;
padding-right: 1em;
white-space: nowrap
}
.file-cta {
background-color: transparent;
color: #fff
}
.file-name {
border: 1px solid #dbdbdb;
border-left-width: 0;
display: block;
max-width: 16em;
overflow: hidden;
text-align: left;
text-overflow: ellipsis
}
.file-icon {
-webkit-box-align: center;
align-items: center;
display: -webkit-box;
display: flex;
height: 1em;
-webkit-box-pack: center;
justify-content: center;
margin-right: .5em;
width: 1em
}
.file-icon .fa {
font-size: 14px
}
.label {
color: #363636;
display: block;
font-size: 1rem
}
.label:not(:last-child) {
margin-bottom: .5em
}
.label.is-small {
font-size: .75rem
}
.label.is-medium {
font-size: 1.25rem
}
.label.is-large {
font-size: 1.5rem
}
.help {
display: block;
font-size: .75rem;
margin-top: .25rem
}
.help.is-white {
color: #fff
}
.help.is-black {
color: #0a0a0a
}
.help.is-light {
color: #f5f5f5
}
.help.is-dark {
color: #363636
}
.help.is-primary {
color: #f60
}
.help.is-link {
color: #3273dc
}
.help.is-info {
color: #209cee
}
.help.is-success {
color: #23d160
}
.help.is-warning {
color: #ffdd57
}
.help.is-danger {
color: #ff3860
}
.field:not(:last-child) {
margin-bottom: .75rem
}
.field.has-addons {
display: -webkit-box;
display: flex;
-webkit-box-pack: start;
justify-content: flex-start
}
.field.has-addons .control:not(:last-child) {
margin-right: -1px
}
.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
border-radius: 0
}
.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .button:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover {
z-index: 2
}
.field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .button:not([disabled]).is-focused,
.field.has-addons .control .button:not([disabled]):active,
.field.has-addons .control .button:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]):focus {
z-index: 3
}
.field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .button:not([disabled]).is-focused:hover,
.field.has-addons .control .button:not([disabled]):active:hover,
.field.has-addons .control .button:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover {
z-index: 4
}
.field.has-addons .control.is-expanded {
-webkit-box-flex: 1;
flex-grow: 1;
flex-shrink: 1
}
.field.has-addons.has-addons-centered {
-webkit-box-pack: center;
justify-content: center
}
.field.has-addons.has-addons-right {
-webkit-box-pack: end;
justify-content: flex-end
}
.field.has-addons.has-addons-fullwidth .control {
-webkit-box-flex: 1;
flex-grow: 1;
flex-shrink: 0
}
.field.is-grouped {
display: -webkit-box;
display: flex;
-webkit-box-pack: start;
justify-content: flex-start
}
.field.is-grouped>.control {
flex-shrink: 0
}
.field.is-grouped>.control:not(:last-child) {
margin-bottom: 0;
margin-right: .75rem
}
.field.is-grouped>.control.is-expanded {
-webkit-box-flex: 1;
flex-grow: 1;
flex-shrink: 1
}
.field.is-grouped.is-grouped-centered {
-webkit-box-pack: center;
justify-content: center
}
.field.is-grouped.is-grouped-right {
-webkit-box-pack: end;
justify-content: flex-end
}
.field.is-grouped.is-grouped-multiline {
flex-wrap: wrap
}
.field.is-grouped.is-grouped-multiline>.control:last-child,
.field.is-grouped.is-grouped-multiline>.control:not(:last-child) {
margin-bottom: .75rem
}
.field.is-grouped.is-grouped-multiline:last-child {
margin-bottom: -.75rem
}
.field.is-grouped.is-grouped-multiline:not(:last-child) {
margin-bottom: 0
}
@media print,
screen and (min-width:769px) {
.field.is-horizontal {
display: -webkit-box;
display: flex
}
}
.field-label .label {
font-size: inherit
}
@media screen and (max-width:768px) {
.field-label {
margin-bottom: .5rem
}
}
@media print,
screen and (min-width:769px) {
.field-label {
flex-basis: 0;
-webkit-box-flex: 1;
flex-grow: 1;
flex-shrink: 0;
margin-right: 1.5rem;
text-align: right
}
.field-label.is-small {
font-size: .75rem;
padding-top: .375em
}
.field-label.is-normal {
padding-top: .375em
}
.field-label.is-medium {
font-size: 1.25rem;
padding-top: .375em
}
.field-label.is-large {
font-size: 1.5rem;
padding-top: .375em
}
}
.field-body .field .field {
margin-bottom: 0
}
@media print,
screen and (min-width:769px) {
.field-body {
display: -webkit-box;
display: flex;
flex-basis: 0;
-webkit-box-flex: 5;
flex-grow: 5;
flex-shrink: 1
}
.field-body .field {
margin-bottom: 0
}
.field-body>.field {
flex-shrink: 1
}
.field-body>.field:not(.is-narrow) {
-webkit-box-flex: 1;
flex-grow: 1
}
.field-body>.field:not(:last-child) {
margin-right: .75rem
}
}
.control {
box-sizing: border-box;
clear: both;
font-size: 1rem;
position: relative;
text-align: left
}
.control.has-icons-left .input:focus~.icon,
.control.has-icons-left .select:focus~.icon,
.control.has-icons-right .input:focus~.icon,
.control.has-icons-right .select:focus~.icon {
color: #7a7a7a
}
.control.has-icons-left .input.is-small~.icon,
.control.has-icons-left .select.is-small~.icon,
.control.has-icons-right .input.is-small~.icon,
.control.has-icons-right .select.is-small~.icon {
font-size: .75rem
}
.control.has-icons-left .input.is-medium~.icon,
.control.has-icons-left .select.is-medium~.icon,
.control.has-icons-right .input.is-medium~.icon,
.control.has-icons-right .select.is-medium~.icon {
font-size: 1.25rem
}
.control.has-icons-left .input.is-large~.icon,
.control.has-icons-left .select.is-large~.icon,
.control.has-icons-right .input.is-large~.icon,
.control.has-icons-right .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 {
position: absolute !important;
right: .625em;
top: .625em;
z-index: 4
}
.control.is-loading.is-small:after {
font-size: .75rem
}
.control.is-loading.is-medium:after {
font-size: 1.25rem
}
.control.is-loading.is-large:after {
font-size: 1.5rem
}
.dropdown {
display: -webkit-inline-box;
display: inline-flex;
position: relative;
vertical-align: top
}
.dropdown.is-active .dropdown-menu,
.dropdown.is-hoverable:hover .dropdown-menu {
display: block
}
.dropdown.is-right .dropdown-menu {
left: auto;
right: 0
}
.dropdown.is-up .dropdown-menu {
bottom: 100%;
padding-bottom: 4px;
padding-top: 0;
top: auto
}
.dropdown-menu {
display: none;
left: 0;
min-width: 12rem;
padding-top: 4px;
position: absolute;
top: 100%;
z-index: 20
}
.dropdown-content {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1);
padding-bottom: .5rem;
padding-top: .5rem
}
.dropdown-item {
color: #4a4a4a;
display: block;
font-size: .875rem;
line-height: 1.5;
padding: .375rem 1rem;
position: relative
}
a.dropdown-item,
button.dropdown-item {
padding-right: 3rem;
text-align: left;
white-space: nowrap;
width: 100%
}
a.dropdown-item:hover,
button.dropdown-item:hover {
background-color: #f5f5f5;
color: #0a0a0a
}
a.dropdown-item.is-active,
button.dropdown-item.is-active {
background-color: #3273dc;
color: #fff
}
.dropdown-divider {
background-color: #dbdbdb;
border: none;
display: block;
height: 1px;
margin: .5rem 0
}
.list {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1)
}
.list-item {
display: block;
padding: .5em 1em
}
.list-item:not(a) {
color: #0a0a0a
}
.list-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px
}
.list-item:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
.list-item:not(:last-child) {
border-bottom: 1px solid #dbdbdb
}
.list-item.is-active {
background-color: #3273dc;
color: #fff
}
a.list-item {
background-color: #f5f5f5;
cursor: pointer
}
.media {
-webkit-box-align: start;
align-items: flex-start;
display: -webkit-box;
display: flex;
text-align: left
}
.media .content:not(:last-child) {
margin-bottom: .75rem
}
.media .media {
border-top: 1px solid hsla(0, 0%, 85.9%, .5);
display: -webkit-box;
display: flex;
padding-top: .75rem
}
.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
margin-bottom: .5rem
}
.media .media .media {
padding-top: .5rem
}
.media .media .media+.media {
margin-top: .5rem
}
.media+.media {
border-top: 1px solid hsla(0, 0%, 85.9%, .5);
margin-top: 1rem;
padding-top: 1rem
}
.media.is-large+.media {
margin-top: 1.5rem;
padding-top: 1.5rem
}
.media-left,
.media-right {
flex-basis: auto;
-webkit-box-flex: 0;
flex-grow: 0;
flex-shrink: 0
}
.media-left {
margin-right: 1rem
}
.media-right {
margin-left: 1rem
}
.media-content {
flex-basis: auto;
-webkit-box-flex: 1;
flex-grow: 1;
flex-shrink: 1;
text-align: left
}
@media screen and (max-width:768px) {
.media-content {
overflow-x: auto
}
}
.menu {
font-size: 1rem
}
.menu.is-small {
font-size: .75rem
}
.menu.is-medium {
font-size: 1.25rem
}
.menu.is-large {
font-size: 1.5rem
}
.menu-list {
line-height: 1.25
}
.menu-list a {
border-radius: 2px;
color: #0a0a0a;
display: block;
padding: .5em .75em
}
.menu-list a:hover {
background-color: #f5f5f5;
color: inherit
}
.menu-list a.is-active {
background-color: #3273dc;
color: #fff
}
.menu-list li ul {
border-left: 1px solid #dbdbdb;
margin: .75em;
padding-left: .75em
}
.menu-label {
color: #7a7a7a;
font-size: .75em;
letter-spacing: .1em;
text-transform: uppercase
}
.menu-label:not(:first-child) {
margin-top: 1em
}
.menu-label:not(:last-child) {
margin-bottom: 1em
}
.navbar {
background-color: #0a0a0a;
min-height: 2.75rem;
position: relative;
z-index: 30
}
.navbar.is-white {
background-color: #fff;
color: #0a0a0a
}
.navbar.is-white .navbar-brand .navbar-link,
.navbar.is-white .navbar-brand>.navbar-item {
color: #0a0a0a
}
.navbar.is-white .navbar-brand .navbar-link.is-active,
.navbar.is-white .navbar-brand .navbar-link:focus,
.navbar.is-white .navbar-brand .navbar-link:hover,
.navbar.is-white .navbar-brand>a.navbar-item.is-active,
.navbar.is-white .navbar-brand>a.navbar-item:focus,
.navbar.is-white .navbar-brand>a.navbar-item:hover {
background-color: #f2f2f2;
color: #0a0a0a
}
.navbar.is-white .navbar-brand .navbar-link:after {
border-color: #0a0a0a
}
.navbar.is-white .navbar-burger {
color: #0a0a0a
}
@media screen and (min-width:1024px) {
.navbar.is-white .navbar-end .navbar-link,
.navbar.is-white .navbar-end>.navbar-item,
.navbar.is-white .navbar-start .navbar-link,
.navbar.is-white .navbar-start>.navbar-item {
color: #0a0a0a
}
.navbar.is-white .navbar-end .navbar-link.is-active,
.navbar.is-white .navbar-end .navbar-link:focus,
.navbar.is-white .navbar-end .navbar-link:hover,
.navbar.is-white .navbar-end>a.navbar-item.is-active,
.navbar.is-white .navbar-end>a.navbar-item:focus,
.navbar.is-white .navbar-end>a.navbar-item:hover,
.navbar.is-white .navbar-start .navbar-link.is-active,
.navbar.is-white .navbar-start .navbar-link:focus,
.navbar.is-white .navbar-start .navbar-link:hover,
.navbar.is-white .navbar-start>a.navbar-item.is-active,
.navbar.is-white .navbar-start>a.navbar-item:focus,
.navbar.is-white .navbar-start>a.navbar-item:hover {
background-color: #f2f2f2;
color: #0a0a0a
}
.navbar.is-white .navbar-end .navbar-link:after,
.navbar.is-white .navbar-start .navbar-link:after {
border-color: #0a0a0a
}
.navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-white .navbar-item.has-dropdown:hover .navbar-link {
background-color: #f2f2f2;
color: #0a0a0a
}
.navbar.is-white .navbar-dropdown a.navbar-item.is-active {
background-color: #fff;
color: #0a0a0a
}
}
.navbar.is-black {
background-color: #0a0a0a;
color: #fff
}
.navbar.is-black .navbar-brand .navbar-link,
.navbar.is-black .navbar-brand>.navbar-item {
color: #fff
}
.navbar.is-black .navbar-brand .navbar-link.is-active,
.navbar.is-black .navbar-brand .navbar-link:focus,
.navbar.is-black .navbar-brand .navbar-link:hover,
.navbar.is-black .navbar-brand>a.navbar-item.is-active,
.navbar.is-black .navbar-brand>a.navbar-item:focus,
.navbar.is-black .navbar-brand>a.navbar-item:hover {
background-color: #000;
color: #fff
}
.navbar.is-black .navbar-brand .navbar-link:after {
border-color: #fff
}
.navbar.is-black .navbar-burger {
color: #fff
}
@media screen and (min-width:1024px) {
.navbar.is-black .navbar-end .navbar-link,
.navbar.is-black .navbar-end>.navbar-item,
.navbar.is-black .navbar-start .navbar-link,
.navbar.is-black .navbar-start>.navbar-item {
color: #fff
}
.navbar.is-black .navbar-end .navbar-link.is-active,
.navbar.is-black .navbar-end .navbar-link:focus,
.navbar.is-black .navbar-end .navbar-link:hover,
.navbar.is-black .navbar-end>a.navbar-item.is-active,
.navbar.is-black .navbar-end>a.navbar-item:focus,
.navbar.is-black .navbar-end>a.navbar-item:hover,
.navbar.is-black .navbar-start .navbar-link.is-active,
.navbar.is-black .navbar-start .navbar-link:focus,
.navbar.is-black .navbar-start .navbar-link:hover,
.navbar.is-black .navbar-start>a.navbar-item.is-active,
.navbar.is-black .navbar-start>a.navbar-item:focus,
.navbar.is-black .navbar-start>a.navbar-item:hover {
background-color: #000;
color: #fff
}
.navbar.is-black .navbar-end .navbar-link:after,
.navbar.is-black .navbar-start .navbar-link:after {
border-color: #fff
}
.navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-black .navbar-item.has-dropdown:hover .navbar-link {
background-color: #000;
color: #fff
}
.navbar.is-black .navbar-dropdown a.navbar-item.is-active {
background-color: #0a0a0a;
color: #fff
}
}
.navbar.is-light {
background-color: #f5f5f5;
color: #363636
}
.navbar.is-light .navbar-brand .navbar-link,
.navbar.is-light .navbar-brand>.navbar-item {
color: #363636
}
.navbar.is-light .navbar-brand .navbar-link.is-active,
.navbar.is-light .navbar-brand .navbar-link:focus,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand>a.navbar-item.is-active,
.navbar.is-light .navbar-brand>a.navbar-item:focus,
.navbar.is-light .navbar-brand>a.navbar-item:hover {
background-color: #e8e8e8;
color: #363636
}
.navbar.is-light .navbar-brand .navbar-link:after {
border-color: #363636
}
.navbar.is-light .navbar-burger {
color: #363636
}
@media screen and (min-width:1024px) {
.navbar.is-light .navbar-end .navbar-link,
.navbar.is-light .navbar-end>.navbar-item,
.navbar.is-light .navbar-start .navbar-link,
.navbar.is-light .navbar-start>.navbar-item {
color: #363636
}
.navbar.is-light .navbar-end .navbar-link.is-active,
.navbar.is-light .navbar-end .navbar-link:focus,
.navbar.is-light .navbar-end .navbar-link:hover,
.navbar.is-light .navbar-end>a.navbar-item.is-active,
.navbar.is-light .navbar-end>a.navbar-item:focus,
.navbar.is-light .navbar-end>a.navbar-item:hover,
.navbar.is-light .navbar-start .navbar-link.is-active,
.navbar.is-light .navbar-start .navbar-link:focus,
.navbar.is-light .navbar-start .navbar-link:hover,
.navbar.is-light .navbar-start>a.navbar-item.is-active,
.navbar.is-light .navbar-start>a.navbar-item:focus,
.navbar.is-light .navbar-start>a.navbar-item:hover {
background-color: #e8e8e8;
color: #363636
}
.navbar.is-light .navbar-end .navbar-link:after,
.navbar.is-light .navbar-start .navbar-link:after {
border-color: #363636
}
.navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-light .navbar-item.has-dropdown:hover .navbar-link {
background-color: #e8e8e8;
color: #363636
}
.navbar.is-light .navbar-dropdown a.navbar-item.is-active {
background-color: #f5f5f5;
color: #363636
}
}
.navbar.is-dark {
background-color: #363636;
color: #f5f5f5
}
.navbar.is-dark .navbar-brand .navbar-link,
.navbar.is-dark .navbar-brand>.navbar-item {
color: #f5f5f5
}
.navbar.is-dark .navbar-brand .navbar-link.is-active,
.navbar.is-dark .navbar-brand .navbar-link:focus,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand>a.navbar-item.is-active,
.navbar.is-dark .navbar-brand>a.navbar-item:focus,
.navbar.is-dark .navbar-brand>a.navbar-item:hover {
background-color: #292929;
color: #f5f5f5
}
.navbar.is-dark .navbar-brand .navbar-link:after {
border-color: #f5f5f5
}
.navbar.is-dark .navbar-burger {
color: #f5f5f5
}
@media screen and (min-width:1024px) {
.navbar.is-dark .navbar-end .navbar-link,
.navbar.is-dark .navbar-end>.navbar-item,
.navbar.is-dark .navbar-start .navbar-link,
.navbar.is-dark .navbar-start>.navbar-item {
color: #f5f5f5
}
.navbar.is-dark .navbar-end .navbar-link.is-active,
.navbar.is-dark .navbar-end .navbar-link:focus,
.navbar.is-dark .navbar-end .navbar-link:hover,
.navbar.is-dark .navbar-end>a.navbar-item.is-active,
.navbar.is-dark .navbar-end>a.navbar-item:focus,
.navbar.is-dark .navbar-end>a.navbar-item:hover,
.navbar.is-dark .navbar-start .navbar-link.is-active,
.navbar.is-dark .navbar-start .navbar-link:focus,
.navbar.is-dark .navbar-start .navbar-link:hover,
.navbar.is-dark .navbar-start>a.navbar-item.is-active,
.navbar.is-dark .navbar-start>a.navbar-item:focus,
.navbar.is-dark .navbar-start>a.navbar-item:hover {
background-color: #292929;
color: #f5f5f5
}
.navbar.is-dark .navbar-end .navbar-link:after,
.navbar.is-dark .navbar-start .navbar-link:after {
border-color: #f5f5f5
}
.navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link {
background-color: #292929;
color: #f5f5f5
}
.navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
background-color: #363636;
color: #f5f5f5
}
}
.navbar.is-primary {
background-color: #f60;
color: #fff
}
.navbar.is-primary .navbar-brand .navbar-link,
.navbar.is-primary .navbar-brand>.navbar-item {
color: #fff
}
.navbar.is-primary .navbar-brand .navbar-link.is-active,
.navbar.is-primary .navbar-brand .navbar-link:focus,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand>a.navbar-item.is-active,
.navbar.is-primary .navbar-brand>a.navbar-item:focus,
.navbar.is-primary .navbar-brand>a.navbar-item:hover {
background-color: #e65c00;
color: #fff
}
.navbar.is-primary .navbar-brand .navbar-link:after {
border-color: #fff
}
.navbar.is-primary .navbar-burger {
color: #fff
}
@media screen and (min-width:1024px) {
.navbar.is-primary .navbar-end .navbar-link,
.navbar.is-primary .navbar-end>.navbar-item,
.navbar.is-primary .navbar-start .navbar-link,
.navbar.is-primary .navbar-start>.navbar-item {
color: #fff
}
.navbar.is-primary .navbar-end .navbar-link.is-active,
.navbar.is-primary .navbar-end .navbar-link:focus,
.navbar.is-primary .navbar-end .navbar-link:hover,
.navbar.is-primary .navbar-end>a.navbar-item.is-active,
.navbar.is-primary .navbar-end>a.navbar-item:focus,
.navbar.is-primary .navbar-end>a.navbar-item:hover,
.navbar.is-primary .navbar-start .navbar-link.is-active,
.navbar.is-primary .navbar-start .navbar-link:focus,
.navbar.is-primary .navbar-start .navbar-link:hover,
.navbar.is-primary .navbar-start>a.navbar-item.is-active,
.navbar.is-primary .navbar-start>a.navbar-item:focus,
.navbar.is-primary .navbar-start>a.navbar-item:hover {
background-color: #e65c00;
color: #fff
}
.navbar.is-primary .navbar-end .navbar-link:after,
.navbar.is-primary .navbar-start .navbar-link:after {
border-color: #fff
}
.navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link {
background-color: #e65c00;
color: #fff
}
.navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
background-color: #f60;
color: #fff
}
}
.navbar.is-link {
background-color: #3273dc;
color: #fff
}
.navbar.is-link .navbar-brand .navbar-link,
.navbar.is-link .navbar-brand>.navbar-item {
color: #fff
}
.navbar.is-link .navbar-brand .navbar-link.is-active,
.navbar.is-link .navbar-brand .navbar-link:focus,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand>a.navbar-item.is-active,
.navbar.is-link .navbar-brand>a.navbar-item:focus,
.navbar.is-link .navbar-brand>a.navbar-item:hover {
background-color: #2366d1;
color: #fff
}
.navbar.is-link .navbar-brand .navbar-link:after {
border-color: #fff
}
.navbar.is-link .navbar-burger {
color: #fff
}
@media screen and (min-width:1024px) {
.navbar.is-link .navbar-end .navbar-link,
.navbar.is-link .navbar-end>.navbar-item,
.navbar.is-link .navbar-start .navbar-link,
.navbar.is-link .navbar-start>.navbar-item {
color: #fff
}
.navbar.is-link .navbar-end .navbar-link.is-active,
.navbar.is-link .navbar-end .navbar-link:focus,
.navbar.is-link .navbar-end .navbar-link:hover,
.navbar.is-link .navbar-end>a.navbar-item.is-active,
.navbar.is-link .navbar-end>a.navbar-item:focus,
.navbar.is-link .navbar-end>a.navbar-item:hover,
.navbar.is-link .navbar-start .navbar-link.is-active,
.navbar.is-link .navbar-start .navbar-link:focus,
.navbar.is-link .navbar-start .navbar-link:hover,
.navbar.is-link .navbar-start>a.navbar-item.is-active,
.navbar.is-link .navbar-start>a.navbar-item:focus,
.navbar.is-link .navbar-start>a.navbar-item:hover {
background-color: #2366d1;
color: #fff
}
.navbar.is-link .navbar-end .navbar-link:after,
.navbar.is-link .navbar-start .navbar-link:after {
border-color: #fff
}
.navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-link .navbar-item.has-dropdown:hover .navbar-link {
background-color: #2366d1;
color: #fff
}
.navbar.is-link .navbar-dropdown a.navbar-item.is-active {
background-color: #3273dc;
color: #fff
}
}
.navbar.is-info {
background-color: #209cee;
color: #fff
}
.navbar.is-info .navbar-brand .navbar-link,
.navbar.is-info .navbar-brand>.navbar-item {
color: #fff
}
.navbar.is-info .navbar-brand .navbar-link.is-active,
.navbar.is-info .navbar-brand .navbar-link:focus,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand>a.navbar-item.is-active,
.navbar.is-info .navbar-brand>a.navbar-item:focus,
.navbar.is-info .navbar-brand>a.navbar-item:hover {
background-color: #118fe4;
color: #fff
}
.navbar.is-info .navbar-brand .navbar-link:after {
border-color: #fff
}
.navbar.is-info .navbar-burger {
color: #fff
}
@media screen and (min-width:1024px) {
.navbar.is-info .navbar-end .navbar-link,
.navbar.is-info .navbar-end>.navbar-item,
.navbar.is-info .navbar-start .navbar-link,
.navbar.is-info .navbar-start>.navbar-item {
color: #fff
}
.navbar.is-info .navbar-end .navbar-link.is-active,
.navbar.is-info .navbar-end .navbar-link:focus,
.navbar.is-info .navbar-end .navbar-link:hover,
.navbar.is-info .navbar-end>a.navbar-item.is-active,
.navbar.is-info .navbar-end>a.navbar-item:focus,
.navbar.is-info .navbar-end>a.navbar-item:hover,
.navbar.is-info .navbar-start .navbar-link.is-active,
.navbar.is-info .navbar-start .navbar-link:focus,
.navbar.is-info .navbar-start .navbar-link:hover,
.navbar.is-info .navbar-start>a.navbar-item.is-active,
.navbar.is-info .navbar-start>a.navbar-item:focus,
.navbar.is-info .navbar-start>a.navbar-item:hover {
background-color: #118fe4;
color: #fff
}
.navbar.is-info .navbar-end .navbar-link:after,
.navbar.is-info .navbar-start .navbar-link:after {
border-color: #fff
}
.navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-info .navbar-item.has-dropdown:hover .navbar-link {
background-color: #118fe4;
color: #fff
}
.navbar.is-info .navbar-dropdown a.navbar-item.is-active {
background-color: #209cee;
color: #fff
}
}
.navbar.is-success {
background-color: #23d160;
color: #fff
}
.navbar.is-success .navbar-brand .navbar-link,
.navbar.is-success .navbar-brand>.navbar-item {
color: #fff
}
.navbar.is-success .navbar-brand .navbar-link.is-active,
.navbar.is-success .navbar-brand .navbar-link:focus,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand>a.navbar-item.is-active,
.navbar.is-success .navbar-brand>a.navbar-item:focus,
.navbar.is-success .navbar-brand>a.navbar-item:hover {
background-color: #20bc56;
color: #fff
}
.navbar.is-success .navbar-brand .navbar-link:after {
border-color: #fff
}
.navbar.is-success .navbar-burger {
color: #fff
}
@media screen and (min-width:1024px) {
.navbar.is-success .navbar-end .navbar-link,
.navbar.is-success .navbar-end>.navbar-item,
.navbar.is-success .navbar-start .navbar-link,
.navbar.is-success .navbar-start>.navbar-item {
color: #fff
}
.navbar.is-success .navbar-end .navbar-link.is-active,
.navbar.is-success .navbar-end .navbar-link:focus,
.navbar.is-success .navbar-end .navbar-link:hover,
.navbar.is-success .navbar-end>a.navbar-item.is-active,
.navbar.is-success .navbar-end>a.navbar-item:focus,
.navbar.is-success .navbar-end>a.navbar-item:hover,
.navbar.is-success .navbar-start .navbar-link.is-active,
.navbar.is-success .navbar-start .navbar-link:focus,
.navbar.is-success .navbar-start .navbar-link:hover,
.navbar.is-success .navbar-start>a.navbar-item.is-active,
.navbar.is-success .navbar-start>a.navbar-item:focus,
.navbar.is-success .navbar-start>a.navbar-item:hover {
background-color: #20bc56;
color: #fff
}
.navbar.is-success .navbar-end .navbar-link:after,
.navbar.is-success .navbar-start .navbar-link:after {
border-color: #fff
}
.navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-success .navbar-item.has-dropdown:hover .navbar-link {
background-color: #20bc56;
color: #fff
}
.navbar.is-success .navbar-dropdown a.navbar-item.is-active {
background-color: #23d160;
color: #fff
}
}
.navbar.is-warning {
background-color: #ffdd57
}
.navbar.is-warning,
.navbar.is-warning .navbar-brand .navbar-link,
.navbar.is-warning .navbar-brand>.navbar-item {
color: rgba(0, 0, 0, .7)
}
.navbar.is-warning .navbar-brand .navbar-link.is-active,
.navbar.is-warning .navbar-brand .navbar-link:focus,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand>a.navbar-item.is-active,
.navbar.is-warning .navbar-brand>a.navbar-item:focus,
.navbar.is-warning .navbar-brand>a.navbar-item:hover {
background-color: #ffd83d;
color: rgba(0, 0, 0, .7)
}
.navbar.is-warning .navbar-brand .navbar-link:after {
border-color: rgba(0, 0, 0, .7)
}
.navbar.is-warning .navbar-burger {
color: rgba(0, 0, 0, .7)
}
@media screen and (min-width:1024px) {
.navbar.is-warning .navbar-end .navbar-link,
.navbar.is-warning .navbar-end>.navbar-item,
.navbar.is-warning .navbar-start .navbar-link,
.navbar.is-warning .navbar-start>.navbar-item {
color: rgba(0, 0, 0, .7)
}
.navbar.is-warning .navbar-end .navbar-link.is-active,
.navbar.is-warning .navbar-end .navbar-link:focus,
.navbar.is-warning .navbar-end .navbar-link:hover,
.navbar.is-warning .navbar-end>a.navbar-item.is-active,
.navbar.is-warning .navbar-end>a.navbar-item:focus,
.navbar.is-warning .navbar-end>a.navbar-item:hover,
.navbar.is-warning .navbar-start .navbar-link.is-active,
.navbar.is-warning .navbar-start .navbar-link:focus,
.navbar.is-warning .navbar-start .navbar-link:hover,
.navbar.is-warning .navbar-start>a.navbar-item.is-active,
.navbar.is-warning .navbar-start>a.navbar-item:focus,
.navbar.is-warning .navbar-start>a.navbar-item:hover {
background-color: #ffd83d;
color: rgba(0, 0, 0, .7)
}
.navbar.is-warning .navbar-end .navbar-link:after,
.navbar.is-warning .navbar-start .navbar-link:after {
border-color: rgba(0, 0, 0, .7)
}
.navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link {
background-color: #ffd83d;
color: rgba(0, 0, 0, .7)
}
.navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
background-color: #ffdd57;
color: rgba(0, 0, 0, .7)
}
}
.navbar.is-danger {
background-color: #ff3860;
color: #fff
}
.navbar.is-danger .navbar-brand .navbar-link,
.navbar.is-danger .navbar-brand>.navbar-item {
color: #fff
}
.navbar.is-danger .navbar-brand .navbar-link.is-active,
.navbar.is-danger .navbar-brand .navbar-link:focus,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand>a.navbar-item.is-active,
.navbar.is-danger .navbar-brand>a.navbar-item:focus,
.navbar.is-danger .navbar-brand>a.navbar-item:hover {
background-color: #ff1f4b;
color: #fff
}
.navbar.is-danger .navbar-brand .navbar-link:after {
border-color: #fff
}
.navbar.is-danger .navbar-burger {
color: #fff
}
@media screen and (min-width:1024px) {
.navbar.is-danger .navbar-end .navbar-link,
.navbar.is-danger .navbar-end>.navbar-item,
.navbar.is-danger .navbar-start .navbar-link,
.navbar.is-danger .navbar-start>.navbar-item {
color: #fff
}
.navbar.is-danger .navbar-end .navbar-link.is-active,
.navbar.is-danger .navbar-end .navbar-link:focus,
.navbar.is-danger .navbar-end .navbar-link:hover,
.navbar.is-danger .navbar-end>a.navbar-item.is-active,
.navbar.is-danger .navbar-end>a.navbar-item:focus,
.navbar.is-danger .navbar-end>a.navbar-item:hover,
.navbar.is-danger .navbar-start .navbar-link.is-active,
.navbar.is-danger .navbar-start .navbar-link:focus,
.navbar.is-danger .navbar-start .navbar-link:hover,
.navbar.is-danger .navbar-start>a.navbar-item.is-active,
.navbar.is-danger .navbar-start>a.navbar-item:focus,
.navbar.is-danger .navbar-start>a.navbar-item:hover {
background-color: #ff1f4b;
color: #fff
}
.navbar.is-danger .navbar-end .navbar-link:after,
.navbar.is-danger .navbar-start .navbar-link:after {
border-color: #fff
}
.navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link {
background-color: #ff1f4b;
color: #fff
}
.navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
background-color: #ff3860;
color: #fff
}
}
.navbar>.container {
-webkit-box-align: stretch;
align-items: stretch;
display: -webkit-box;
display: flex;
min-height: 2.75rem;
width: 100%
}
.navbar.has-shadow {
box-shadow: 0 2px 0 0 #f5f5f5
}
.navbar.is-fixed-bottom,
.navbar.is-fixed-top {
left: 0;
position: fixed;
right: 0;
z-index: 30
}
.navbar.is-fixed-bottom {
bottom: 0;
background: rgba(255, 255, 255, 0.9);
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px); }
.navbar.is-fixed-bottom.has-shadow {
box-shadow: 0 -2px 0 0 #f5f5f5
}
.navbar.is-fixed-top {
top: 0
}
body.has-navbar-fixed-top,
html.has-navbar-fixed-top {
padding-top: 2.75rem
}
body.has-navbar-fixed-bottom,
html.has-navbar-fixed-bottom {
padding-bottom: 2.75rem
}
.navbar-brand,
.navbar-tabs {
-webkit-box-align: stretch;
align-items: stretch;
display: -webkit-box;
display: flex;
flex-shrink: 0;
min-height: 2.75rem
}
.navbar-brand a.navbar-item:focus,
.navbar-brand a.navbar-item:hover {
background-color: transparent
}
.navbar-tabs {
-webkit-overflow-scrolling: touch;
max-width: 100vw;
overflow-x: auto;
overflow-y: hidden
}
.navbar-burger {
cursor: pointer;
display: block;
height: 2.75rem;
position: relative;
width: 2.75rem;
margin-left: auto
}
.navbar-burger span {
background-color: currentColor;
display: block;
height: 1px;
left: calc(50% - 8px);
position: absolute;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition-duration: 86ms;
transition-duration: 86ms;
-webkit-transition-property: background-color, opacity, -webkit-transform;
transition-property: background-color, opacity, -webkit-transform;
transition-property: background-color, opacity, transform;
transition-property: background-color, opacity, transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
width: 16px
}
.navbar-burger span:first-child {
top: calc(50% - 6px)
}
.navbar-burger span:nth-child(3) {
top: calc(50% + 4px)
}
.navbar-burger:hover {
background-color: rgba(0, 0, 0, .05)
}
.navbar-burger.is-active span:first-child {
-webkit-transform: translateY(5px) rotate(45deg);
transform: translateY(5px) rotate(45deg)
}
.navbar-burger.is-active span:nth-child(2) {
opacity: 0
}
.navbar-burger.is-active span:nth-child(3) {
-webkit-transform: translateY(-5px) rotate(-45deg);
transform: translateY(-5px) rotate(-45deg)
}
.navbar-menu {
display: none
}
.navbar-item,
.navbar-link {
color: #fff;
display: block;
line-height: 1.5;
padding: .5rem .75rem
} .navbar-link,
a.navbar-item {
cursor: pointer
}
.navbar-link.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
a.navbar-item.is-active,
a.navbar-item:focus,
a.navbar-item:focus-within,
a.navbar-item:hover {
background-color: transparent;
color: #f60
}
.navbar-item {
display: block;
-webkit-box-flex: 0;
flex-grow: 0;
flex-shrink: 0
}
.navbar-item img {
max-height: 1.75rem
}
.navbar-item.has-dropdown {
padding: 0
}
.navbar-item.is-expanded {
-webkit-box-flex: 1;
flex-grow: 1;
flex-shrink: 1
}
.navbar-item.is-tab {
border-bottom: 1px solid transparent;
min-height: 2.75rem;
padding-bottom: calc(.5rem - 1px)
}
.navbar-item.is-tab:focus,
.navbar-item.is-tab:hover {
background-color: transparent;
border-bottom-color: #3273dc
}
.navbar-item.is-tab.is-active {
background-color: transparent;
border-bottom: 3px solid #3273dc;
color: #3273dc;
padding-bottom: calc(.5rem - 3px)
}
.navbar-content {
-webkit-box-flex: 1;
flex-grow: 1;
flex-shrink: 1
}
.navbar-link:not(.is-arrowless) {
padding-right: 2.5em
}
.navbar-link:not(.is-arrowless):after {
border-color: #000;
margin-top: -.375em
}
.navbar-dropdown {
font-size: .875rem;
padding-bottom: .5rem;
padding-top: .5rem
}
.navbar-dropdown .navbar-item {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.navbar-divider {
background-color: #f5f5f5;
border: none;
display: none;
height: 2px;
margin: .5rem 0
}
@media screen and (max-width:1023px) {
.navbar>.container {
display: block
}
.navbar-brand .navbar-item,
.navbar-tabs .navbar-item {
-webkit-box-align: center;
align-items: center;
display: -webkit-box;
display: flex
}
.navbar-link:after {
display: none
}
.navbar-menu {
background-color: #0a0a0a;
box-shadow: 0 8px 16px rgba(10, 10, 10, .1);
padding: .5rem 0
}
.navbar-menu.is-active {
display: block
}
.navbar.is-fixed-bottom-touch,
.navbar.is-fixed-top-touch {
left: 0;
position: fixed;
right: 0;
z-index: 30
}
.navbar.is-fixed-bottom-touch {
bottom: 0
}
.navbar.is-fixed-bottom-touch.has-shadow {
box-shadow: 0 -2px 3px rgba(10, 10, 10, .1)
}
.navbar.is-fixed-top-touch {
top: 0
}
.navbar.is-fixed-top .navbar-menu,
.navbar.is-fixed-top-touch .navbar-menu {
-webkit-overflow-scrolling: touch;
max-height: calc(100vh - 2.75rem);
overflow: auto
}
body.has-navbar-fixed-top-touch,
html.has-navbar-fixed-top-touch {
padding-top: 2.75rem
}
body.has-navbar-fixed-bottom-touch,
html.has-navbar-fixed-bottom-touch {
padding-bottom: 2.75rem
}
}
@media screen and (min-width:1024px) {
.navbar,
.navbar-end,
.navbar-menu,
.navbar-start {
-webkit-box-align: stretch;
align-items: stretch;
display: -webkit-box;
display: flex
}
.navbar {
min-height: 2.75rem
}
.navbar.is-spaced {
padding: .125rem 2rem
}
.navbar.is-spaced .navbar-end,
.navbar.is-spaced .navbar-start {
-webkit-box-align: center;
align-items: center
}
.navbar.is-spaced .navbar-link,
.navbar.is-spaced a.navbar-item {
border-radius: 4px
}
.navbar.is-transparent .navbar-link.is-active,
.navbar.is-transparent .navbar-link:focus,
.navbar.is-transparent .navbar-link:hover,
.navbar.is-transparent a.navbar-item.is-active,
.navbar.is-transparent a.navbar-item:focus,
.navbar.is-transparent a.navbar-item:hover {
background-color: transparent !important
}
.navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link,
.navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link,
.navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
background-color: transparent !important
}
.navbar.is-transparent .navbar-dropdown a.navbar-item:focus,
.navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
background-color: transparent;
color: #f60
}
.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
background-color: #f60;
color: #3273dc
}
.navbar-burger {
display: none
}
.navbar-item,
.navbar-link {
-webkit-box-align: center;
align-items: center
}
.navbar-item,
.navbar-link {
display: -webkit-box;
display: flex
}
.navbar-item.has-dropdown {
-webkit-box-align: stretch;
align-items: stretch
}
.navbar-item.has-dropdown-up .navbar-link:after {
-webkit-transform: rotate(135deg) translate(.25em, -.25em);
transform: rotate(135deg) translate(.25em, -.25em)
}
.navbar-item.has-dropdown-up .navbar-dropdown {
border-bottom: 2px solid #f60;
border-radius: 6px 6px 0 0;
border-top: none;
bottom: 100%;
box-shadow: 0 -8px 8px rgba(10, 10, 10, .1);
top: auto
}
.navbar-item.is-active .navbar-dropdown,
.navbar-item.is-hoverable:focus .navbar-dropdown,
.navbar-item.is-hoverable:focus-within .navbar-dropdown,
.navbar-item.is-hoverable:hover .navbar-dropdown {
display: block
}
.navbar-item.is-active .navbar-dropdown.is-boxed,
.navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed,
.navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed,
.navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed,
.navbar.is-spaced .navbar-item.is-active .navbar-dropdown,
.navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown,
.navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown,
.navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.navbar-menu {
-webkit-box-flex: 1;
flex-grow: 1;
flex-shrink: 0
}
.navbar-start {
-webkit-box-pack: start;
justify-content: flex-start;
margin-right: auto
}
.navbar-end {
-webkit-box-pack: end;
justify-content: flex-end;
margin-left: auto
}
.navbar-dropdown {
background-color: rgba(5, 5, 5, .9);
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top: 2px solid #f60;
box-shadow: 0 8px 8px rgba(10, 10, 10, .1);
display: none;
font-size: .875rem;
left: 0;
min-width: 100%;
position: absolute;
top: 100%;
z-index: 20
}
.navbar-dropdown .navbar-item {
padding: .375rem 1rem;
white-space: nowrap
}
.navbar-dropdown a.navbar-item {
padding-right: 3rem
}
.navbar-dropdown a.navbar-item:focus,
.navbar-dropdown a.navbar-item:hover {
background-color: transparent;
color: #f60
}
.navbar-dropdown a.navbar-item.is-active {
background-color: #f60;
color: #3273dc
}
.navbar-dropdown.is-boxed,
.navbar.is-spaced .navbar-dropdown {
border-radius: 0;
border-top: none;
box-shadow: none;
display: block;
opacity: 0;
pointer-events: none;
top: 100%;
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transition-duration: 86ms;
transition-duration: 86ms;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
.navbar-dropdown.is-right {
left: auto;
right: 0
}
.navbar-divider {
display: block
}
.container>.navbar .navbar-brand,
.navbar>.container .navbar-brand {
margin-left: -.75rem
}
.container>.navbar .navbar-menu,
.navbar>.container .navbar-menu {
margin-right: -.75rem
}
.navbar.is-fixed-bottom-desktop,
.navbar.is-fixed-top-desktop {
left: 0;
position: fixed;
right: 0;
z-index: 30
}
.navbar.is-fixed-bottom-desktop {
bottom: 0
}
.navbar.is-fixed-bottom-desktop.has-shadow {
box-shadow: 0 -2px 3px rgba(10, 10, 10, .1)
}
.navbar.is-fixed-top-desktop {
top: 0
}
body.has-navbar-fixed-top-desktop,
html.has-navbar-fixed-top-desktop {
padding-top: 2.75rem
}
body.has-navbar-fixed-bottom-desktop,
html.has-navbar-fixed-bottom-desktop {
padding-bottom: 2.75rem
}
body.has-spaced-navbar-fixed-top,
html.has-spaced-navbar-fixed-top {
padding-top: 3rem
}
body.has-spaced-navbar-fixed-bottom,
html.has-spaced-navbar-fixed-bottom {
padding-bottom: 3rem
}
.navbar-link.is-active,
a.navbar-item.is-active {
color: #f60
}
.navbar-item.has-dropdown.is-active .navbar-link,
.navbar-item.has-dropdown:focus .navbar-link,
.navbar-item.has-dropdown:hover .navbar-link,
.navbar-link.is-active:not(:focus):not(:hover),
a.navbar-item.is-active:not(:focus):not(:hover) {
background-color: transparent
}
}
.hero.is-fullheight-with-navbar {
min-height: calc(100vh - 2.75rem)
}
.pagination {
font-size: 1rem; }
.pagination.is-small {
font-size: .75rem
}
.pagination.is-medium {
font-size: 1.25rem
}
.pagination.is-large {
font-size: 1.5rem
}
.pagination.is-rounded .pagination-next,
.pagination.is-rounded .pagination-previous {
padding-left: 1em;
padding-right: 1em;
border-radius: 290486px
}
.pagination.is-rounded .pagination-link {
border-radius: 290486px
}
.pagination,
.pagination-list {
-webkit-box-align: center;
align-items: center;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
text-align: center
}
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous {
font-size: 1em;
-webkit-box-pack: center;
justify-content: center;
margin: .25rem;
padding-left: .5em;
padding-right: .5em;
text-align: center
}
.pagination-link,
.pagination-next,
.pagination-previous {
border-color: #dbdbdb;
color: #363636;
min-width: 2.25em
}
.pagination-link:hover,
.pagination-next:hover,
.pagination-previous:hover {
border-color: rgba(10, 10, 10, .7);
color: #363636
}
.pagination-link:focus,
.pagination-next:focus,
.pagination-previous:focus {
border-color: #3273dc
}
.pagination-link:active,
.pagination-next:active,
.pagination-previous:active {
box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2)
}
.pagination-link[disabled],
.pagination-next[disabled],
.pagination-previous[disabled] {
background-color: #dbdbdb;
border-color: #dbdbdb;
box-shadow: none;
color: #7a7a7a;
opacity: .5
}
.pagination-next,
.pagination-previous {
padding-left: .75em;
padding-right: .75em;
white-space: nowrap
}
.pagination-link.is-current {
background-color: #3273dc;
border-color: #3273dc;
color: #fff
}
.pagination-ellipsis {
color: #b5b5b5;
pointer-events: none
}
.pagination-list {
flex-wrap: wrap
}
@media screen and (max-width:768px) {
.pagination {
flex-wrap: wrap
}
.pagination-list li,
.pagination-next,
.pagination-previous {
-webkit-box-flex: 1;
flex-grow: 1;
flex-shrink: 1
}
}
@media print,
screen and (min-width:769px) {
.pagination-list {
-webkit-box-flex: 1;
flex-grow: 1;
flex-shrink: 1;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-ordinal-group: 2;
order: 1
}
.pagination-previous {
-webkit-box-ordinal-group: 3;
order: 2
}
.pagination-next {
-webkit-box-ordinal-group: 4;
order: 3
}
.pagination {
-webkit-box-pack: justify;
justify-content: space-between
}
.pagination.is-centered .pagination-previous {
-webkit-box-ordinal-group: 2;
order: 1
}
.pagination.is-centered .pagination-list {
-webkit-box-pack: center;
justify-content: center;
-webkit-box-ordinal-group: 3;
order: 2
}
.pagination.is-centered .pagination-next {
-webkit-box-ordinal-group: 4;
order: 3
}
.pagination.is-right .pagination-previous {
-webkit-box-ordinal-group: 2;
order: 1
}
.pagination.is-right .pagination-next {
-webkit-box-ordinal-group: 3;
order: 2
}
.pagination.is-right .pagination-list {
-webkit-box-pack: end;
justify-content: flex-end;
-webkit-box-ordinal-group: 4;
order: 3
}
}
.tabs {
-webkit-overflow-scrolling: touch;
-webkit-box-align: stretch;
align-items: stretch;
font-size: 1rem;
-webkit-box-pack: justify;
justify-content: space-between;
overflow: hidden;
overflow-x: auto;
white-space: nowrap
}
.tabs,
.tabs a {
display: -webkit-box;
display: flex
}
.tabs a {
-webkit-box-align: center;
align-items: center;
border-bottom: 1px solid #d7dde1;
color: #0a0a0a;
-webkit-box-pack: center;
justify-content: center;
margin-bottom: -1px;
padding: .5em 1em;
vertical-align: top
}
.tabs a:hover {
border-bottom-color: inherit;
color: inherit
}
.tabs li {
display: block
}
.tabs li.is-active a {
border-bottom-color: #f60;
color: #f60
}
.tabs ul {
-webkit-box-align: center;
align-items: center;
border-bottom: 1px solid #d7dde1;
display: -webkit-box;
display: flex;
-webkit-box-flex: 1;
flex-grow: 1;
flex-shrink: 0;
-webkit-box-pack: start;
justify-content: flex-start
}
.tabs ul.is-center,
.tabs ul.is-left {
padding-right: .75em
}
.tabs ul.is-center {
-webkit-box-flex: 0;
flex: none;
-webkit-box-pack: center;
justify-content: center;
padding-left: .75em
}
.tabs ul.is-right {
-webkit-box-pack: end;
justify-content: flex-end;
padding-left: .75em
}
.tabs .icon:first-child {
margin-right: .5em
}
.tabs .icon:last-child {
margin-left: .5em
}
.tabs.is-centered ul {
-webkit-box-pack: center;
justify-content: center
}
.tabs.is-right ul {
-webkit-box-pack: end;
justify-content: flex-end
}
.tabs.is-boxed a {
border: 1px solid transparent;
border-radius: 4px 4px 0 0
}
.tabs.is-boxed a:hover {
background-color: #f5f5f5;
border-bottom-color: #dbdbdb
}
.tabs.is-boxed li.is-active a {
background-color: #fff;
border-color: #dbdbdb;
border-bottom-color: transparent !important
}
.tabs.is-fullwidth li {
-webkit-box-flex: 1;
flex-grow: 1;
flex-shrink: 0
}
.tabs.is-toggle a {
border: 1px solid #dbdbdb;
margin-bottom: 0;
position: relative
}
.tabs.is-toggle a:hover {
background-color: #f5f5f5;
border-color: #b5b5b5;
z-index: 2
}
.tabs.is-toggle li+li {
margin-left: -1px
}
.tabs.is-toggle li:first-child a {
border-radius: 4px 0 0 4px
}
.tabs.is-toggle li:last-child a {
border-radius: 0 4px 4px 0
}
.tabs.is-toggle li.is-active a {
background-color: #3273dc;
border-color: #3273dc;
color: #fff;
z-index: 1
}
.tabs.is-toggle ul {
border-bottom: none
}
.tabs.is-toggle.is-toggle-rounded li:first-child a {
border-bottom-left-radius: 290486px;
border-top-left-radius: 290486px;
padding-left: 1.25em
}
.tabs.is-toggle.is-toggle-rounded li:last-child a {
border-bottom-right-radius: 290486px;
border-top-right-radius: 290486px;
padding-right: 1.25em
}
.tabs.is-small {
font-size: .75rem
}
.tabs.is-medium {
font-size: 1.25rem
}
.tabs.is-large {
font-size: 1.5rem
}
.column {
display: block;
flex-basis: 0;
-webkit-box-flex: 1;
flex-grow: 1;
flex-shrink: 1;
padding: .75rem
}
.columns.is-mobile>.column.is-narrow {
-webkit-box-flex: 0;
flex: none
}
.columns.is-mobile>.column.is-full {
-webkit-box-flex: 0;
flex: none;
width: 100%
}
.columns.is-mobile>.column.is-three-quarters {
-webkit-box-flex: 0;
flex: none;
width: 75%
}
.columns.is-mobile>.column.is-two-thirds {
-webkit-box-flex: 0;
flex: none;
width: 66.6666%
}
.columns.is-mobile>.column.is-half {
-webkit-box-flex: 0;
flex: none;
width: 50%
}
.columns.is-mobile>.column.is-one-third {
-webkit-box-flex: 0;
flex: none;
width: 33.3333%
}
.columns.is-mobile>.column.is-one-quarter {
-webkit-box-flex: 0;
flex: none;
width: 25%
}
.columns.is-mobile>.column.is-one-fifth {
-webkit-box-flex: 0;
flex: none;
width: 20%
}
.columns.is-mobile>.column.is-two-fifths {
-webkit-box-flex: 0;
flex: none;
width: 40%
}
.columns.is-mobile>.column.is-three-fifths {
-webkit-box-flex: 0;
flex: none;
width: 60%
}
.columns.is-mobile>.column.is-four-fifths {
-webkit-box-flex: 0;
flex: none;
width: 80%
}
.columns.is-mobile>.column.is-offset-three-quarters {
margin-left: 75%
}
.columns.is-mobile>.column.is-offset-two-thirds {
margin-left: 66.6666%
}
.columns.is-mobile>.column.is-offset-half {
margin-left: 50%
}
.columns.is-mobile>.column.is-offset-one-third {
margin-left: 33.3333%
}
.columns.is-mobile>.column.is-offset-one-quarter {
margin-left: 25%
}
.columns.is-mobile>.column.is-offset-one-fifth {
margin-left: 20%
}
.columns.is-mobile>.column.is-offset-two-fifths {
margin-left: 40%
}
.columns.is-mobile>.column.is-offset-three-fifths {
margin-left: 60%
}
.columns.is-mobile>.column.is-offset-four-fifths {
margin-left: 80%
}
.columns.is-mobile>.column.is-0 {
-webkit-box-flex: 0;
flex: none;
width: 0
}
.columns.is-mobile>.column.is-offset-0 {
margin-left: 0
}
.columns.is-mobile>.column.is-1 {
-webkit-box-flex: 0;
flex: none;
width: 8.33333%
}
.columns.is-mobile>.column.is-offset-1 {
margin-left: 8.33333%
}
.columns.is-mobile>.column.is-2 {
-webkit-box-flex: 0;
flex: none;
width: 16.66667%
}
.columns.is-mobile>.column.is-offset-2 {
margin-left: 16.66667%
}
.columns.is-mobile>.column.is-3 {
-webkit-box-flex: 0;
flex: none;
width: 25%
}
.columns.is-mobile>.column.is-offset-3 {
margin-left: 25%
}
.columns.is-mobile>.column.is-4 {
-webkit-box-flex: 0;
flex: none;
width: 33.33333%
}
.columns.is-mobile>.column.is-offset-4 {
margin-left: 33.33333%
}
.columns.is-mobile>.column.is-5 {
-webkit-box-flex: 0;
flex: none;
width: 41.66667%
}
.columns.is-mobile>.column.is-offset-5 {
margin-left: 41.66667%
}
.columns.is-mobile>.column.is-6 {
-webkit-box-flex: 0;
flex: none;
width: 50%
}
.columns.is-mobile>.column.is-offset-6 {
margin-left: 50%
}
.columns.is-mobile>.column.is-7 {
-webkit-box-flex: 0;
flex: none;
width: 58.33333%
}
.columns.is-mobile>.column.is-offset-7 {
margin-left: 58.33333%
}
.columns.is-mobile>.column.is-8 {
-webkit-box-flex: 0;
flex: none;
width: 66.66667%
}
.columns.is-mobile>.column.is-offset-8 {
margin-left: 66.66667%
}
.columns.is-mobile>.column.is-9 {
-webkit-box-flex: 0;
flex: none;
width: 75%
}
.columns.is-mobile>.column.is-offset-9 {
margin-left: 75%
}
.columns.is-mobile>.column.is-10 {
-webkit-box-flex: 0;
flex: none;
width: 83.33333%
}
.columns.is-mobile>.column.is-offset-10 {
margin-left: 83.33333%
}
.columns.is-mobile>.column.is-11 {
-webkit-box-flex: 0;
flex: none;
width: 91.66667%
}
.columns.is-mobile>.column.is-offset-11 {
margin-left: 91.66667%
}
.columns.is-mobile>.column.is-12 {
-webkit-box-flex: 0;
flex: none;
width: 100%
}
.columns.is-mobile>.column.is-offset-12 {
margin-left: 100%
}
@media screen and (max-width:768px) {
.column.is-full-mobile,
.column.is-narrow-mobile {
-webkit-box-flex: 0;
flex: none
}
.column.is-full-mobile {
width: 100%
}
.column.is-three-quarters-mobile {
-webkit-box-flex: 0;
flex: none;
width: 75%
}
.column.is-two-thirds-mobile {
-webkit-box-flex: 0;
flex: none;
width: 66.6666%
}
.column.is-half-mobile {
-webkit-box-flex: 0;
flex: none;
width: 50%
}
.column.is-one-third-mobile {
-webkit-box-flex: 0;
flex: none;
width: 33.3333%
}
.column.is-one-quarter-mobile {
-webkit-box-flex: 0;
flex: none;
width: 25%
}
.column.is-one-fifth-mobile {
-webkit-box-flex: 0;
flex: none;
width: 20%
}
.column.is-two-fifths-mobile {
-webkit-box-flex: 0;
flex: none;
width: 40%
}
.column.is-three-fifths-mobile {
-webkit-box-flex: 0;
flex: none;
width: 60%
}
.column.is-four-fifths-mobile {
-webkit-box-flex: 0;
flex: none;
width: 80%
}
.column.is-offset-three-quarters-mobile {
margin-left: 75%
}
.column.is-offset-two-thirds-mobile {
margin-left: 66.6666%
}
.column.is-offset-half-mobile {
margin-left: 50%
}
.column.is-offset-one-third-mobile {
margin-left: 33.3333%
}
.column.is-offset-one-quarter-mobile {
margin-left: 25%
}
.column.is-offset-one-fifth-mobile {
margin-left: 20%
}
.column.is-offset-two-fifths-mobile {
margin-left: 40%
}
.column.is-offset-three-fifths-mobile {
margin-left: 60%
}
.column.is-offset-four-fifths-mobile {
margin-left: 80%
}
.column.is-0-mobile {
-webkit-box-flex: 0;
flex: none;
width: 0
}
.column.is-offset-0-mobile {
margin-left: 0
}
.column.is-1-mobile {
-webkit-box-flex: 0;
flex: none;
width: 8.33333%
}
.column.is-offset-1-mobile {
margin-left: 8.33333%
}
.column.is-2-mobile {
-webkit-box-flex: 0;
flex: none;
width: 16.66667%
}
.column.is-offset-2-mobile {
margin-left: 16.66667%
}
.column.is-3-mobile {
-webkit-box-flex: 0;
flex: none;
width: 25%
}
.column.is-offset-3-mobile {
margin-left: 25%
}
.column.is-4-mobile {
-webkit-box-flex: 0;
flex: none;
width: 33.33333%
}
.column.is-offset-4-mobile {
margin-left: 33.33333%
}
.column.is-5-mobile {
-webkit-box-flex: 0;
flex: none;
width: 41.66667%
}
.column.is-offset-5-mobile {
margin-left: 41.66667%
}
.column.is-6-mobile {
-webkit-box-flex: 0;
flex: none;
width: 50%
}
.column.is-offset-6-mobile {
margin-left: 50%
}
.column.is-7-mobile {
-webkit-box-flex: 0;
flex: none;
width: 58.33333%
}
.column.is-offset-7-mobile {
margin-left: 58.33333%
}
.column.is-8-mobile {
-webkit-box-flex: 0;
flex: none;
width: 66.66667%
}
.column.is-offset-8-mobile {
margin-left: 66.66667%
}
.column.is-9-mobile {
-webkit-box-flex: 0;
flex: none;
width: 75%
}
.column.is-offset-9-mobile {
margin-left: 75%
}
.column.is-10-mobile {
-webkit-box-flex: 0;
flex: none;
width: 83.33333%
}
.column.is-offset-10-mobile {
margin-left: 83.33333%
}
.column.is-11-mobile {
-webkit-box-flex: 0;
flex: none;
width: 91.66667%
}
.column.is-offset-11-mobile {
margin-left: 91.66667%
}
.column.is-12-mobile {
-webkit-box-flex: 0;
flex: none;
width: 100%
}
.column.is-offset-12-mobile {
margin-left: 100%
}
}
@media print,
screen and (min-width:769px) {
.column.is-narrow,
.column.is-narrow-tablet {
-webkit-box-flex: 0;
flex: none
}
.column.is-full,
.column.is-full-tablet {
-webkit-box-flex: 0;
flex: none;
width: 100%
}
.column.is-three-quarters,
.column.is-three-quarters-tablet {
-webkit-box-flex: 0;
flex: none;
width: 75%
}
.column.is-two-thirds,
.column.is-two-thirds-tablet {
-webkit-box-flex: 0;
flex: none;
width: 66.6666%
}
.column.is-half,
.column.is-half-tablet {
-webkit-box-flex: 0;
flex: none;
width: 50%
}
.column.is-one-third,
.column.is-one-third-tablet {
-webkit-box-flex: 0;
flex: none;
width: 33.3333%
}
.column.is-one-quarter,
.column.is-one-quarter-tablet {
-webkit-box-flex: 0;
flex: none;
width: 25%
}
.column.is-one-fifth,
.column.is-one-fifth-tablet {
-webkit-box-flex: 0;
flex: none;
width: 20%
}
.column.is-two-fifths,
.column.is-two-fifths-tablet {
-webkit-box-flex: 0;
flex: none;
width: 40%
}
.column.is-three-fifths,
.column.is-three-fifths-tablet {
-webkit-box-flex: 0;
flex: none;
width: 60%
}
.column.is-four-fifths,
.column.is-four-fifths-tablet {
-webkit-box-flex: 0;
flex: none;
width: 80%
}
.column.is-offset-three-quarters,
.column.is-offset-three-quarters-tablet {
margin-left: 75%
}
.column.is-offset-two-thirds,
.column.is-offset-two-thirds-tablet {
margin-left: 66.6666%
}
.column.is-offset-half,
.column.is-offset-half-tablet {
margin-left: 50%
}
.column.is-offset-one-third,
.column.is-offset-one-third-tablet {
margin-left: 33.3333%
}
.column.is-offset-one-quarter,
.column.is-offset-one-quarter-tablet {
margin-left: 25%
}
.column.is-offset-one-fifth,
.column.is-offset-one-fifth-tablet {
margin-left: 20%
}
.column.is-offset-two-fifths,
.column.is-offset-two-fifths-tablet {
margin-left: 40%
}
.column.is-offset-three-fifths,
.column.is-offset-three-fifths-tablet {
margin-left: 60%
}
.column.is-offset-four-fifths,
.column.is-offset-four-fifths-tablet {
margin-left: 80%
}
.column.is-0,
.column.is-0-tablet {
-webkit-box-flex: 0;
flex: none;
width: 0
}
.column.is-offset-0,
.column.is-offset-0-tablet {
margin-left: 0
}
.column.is-1,
.column.is-1-tablet {
-webkit-box-flex: 0;
flex: none;
width: 8.33333%
}
.column.is-offset-1,
.column.is-offset-1-tablet {
margin-left: 8.33333%
}
.column.is-2,
.column.is-2-tablet {
-webkit-box-flex: 0;
flex: none;
width: 16.66667%
}
.column.is-offset-2,
.column.is-offset-2-tablet {
margin-left: 16.66667%
}
.column.is-3,
.column.is-3-tablet {
-webkit-box-flex: 0;
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;
flex: none;
width: 33.33333%
}
.column.is-offset-4,
.column.is-offset-4-tablet {
margin-left: 33.33333%
}
.column.is-5,
.column.is-5-tablet {
-webkit-box-flex: 0;
flex: none;
width: 41.66667%
}
.column.is-offset-5,
.column.is-offset-5-tablet {
margin-left: 41.66667%
}
.column.is-6,
.column.is-6-tablet {
-webkit-box-flex: 0;
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;
flex: none;
width: 58.33333%
}
.column.is-offset-7,
.column.is-offset-7-tablet {
margin-left: 58.33333%
}
.column.is-8,
.column.is-8-tablet {
-webkit-box-flex: 0;
flex: none;
width: 66.66667%
}
.column.is-offset-8,
.column.is-offset-8-tablet {
margin-left: 66.66667%
}
.column.is-9,
.column.is-9-tablet {
-webkit-box-flex: 0;
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;
flex: none;
width: 83.33333%
}
.column.is-offset-10,
.column.is-offset-10-tablet {
margin-left: 83.33333%
}
.column.is-11,
.column.is-11-tablet {
-webkit-box-flex: 0;
flex: none;
width: 91.66667%
}
.column.is-offset-11,
.column.is-offset-11-tablet {
margin-left: 91.66667%
}
.column.is-12,
.column.is-12-tablet {
-webkit-box-flex: 0;
flex: none;
width: 100%
}
.column.is-offset-12,
.column.is-offset-12-tablet {
margin-left: 100%
}
}
@media screen and (max-width:1023px) {
.column.is-full-touch,
.column.is-narrow-touch {
-webkit-box-flex: 0;
flex: none
}
.column.is-full-touch {
width: 100%
}
.column.is-three-quarters-touch {
-webkit-box-flex: 0;
flex: none;
width: 75%
}
.column.is-two-thirds-touch {
-webkit-box-flex: 0;
flex: none;
width: 66.6666%
}
.column.is-half-touch {
-webkit-box-flex: 0;
flex: none;
width: 50%
}
.column.is-one-third-touch {
-webkit-box-flex: 0;
flex: none;
width: 33.3333%
}
.column.is-one-quarter-touch {
-webkit-box-flex: 0;
flex: none;
width: 25%
}
.column.is-one-fifth-touch {
-webkit-box-flex: 0;
flex: none;
width: 20%
}
.column.is-two-fifths-touch {
-webkit-box-flex: 0;
flex: none;
width: 40%
}
.column.is-three-fifths-touch {
-webkit-box-flex: 0;
flex: none;
width: 60%
}
.column.is-four-fifths-touch {
-webkit-box-flex: 0;
flex: none;
width: 80%
}
.column.is-offset-three-quarters-touch {
margin-left: 75%
}
.column.is-offset-two-thirds-touch {
margin-left: 66.6666%
}
.column.is-offset-half-touch {
margin-left: 50%
}
.column.is-offset-one-third-touch {
margin-left: 33.3333%
}
.column.is-offset-one-quarter-touch {
margin-left: 25%
}
.column.is-offset-one-fifth-touch {
margin-left: 20%
}
.column.is-offset-two-fifths-touch {
margin-left: 40%
}
.column.is-offset-three-fifths-touch {
margin-left: 60%
}
.column.is-offset-four-fifths-touch {
margin-left: 80%
}
.column.is-0-touch {
-webkit-box-flex: 0;
flex: none;
width: 0
}
.column.is-offset-0-touch {
margin-left: 0
}
.column.is-1-touch {
-webkit-box-flex: 0;
flex: none;
width: 8.33333%
}
.column.is-offset-1-touch {
margin-left: 8.33333%
}
.column.is-2-touch {
-webkit-box-flex: 0;
flex: none;
width: 16.66667%
}
.column.is-offset-2-touch {
margin-left: 16.66667%
}
.column.is-3-touch {
-webkit-box-flex: 0;
flex: none;
width: 25%
}
.column.is-offset-3-touch {
margin-left: 25%
}
.column.is-4-touch {
-webkit-box-flex: 0;
flex: none;
width: 33.33333%
}
.column.is-offset-4-touch {
margin-left: 33.33333%
}
.column.is-5-touch {
-webkit-box-flex: 0;
flex: none;
width: 41.66667%
}
.column.is-offset-5-touch {
margin-left: 41.66667%
}
.column.is-6-touch {
-webkit-box-flex: 0;
flex: none;
width: 50%
}
.column.is-offset-6-touch {
margin-left: 50%
}
.column.is-7-touch {
-webkit-box-flex: 0;
flex: none;
width: 58.33333%
}
.column.is-offset-7-touch {
margin-left: 58.33333%
}
.column.is-8-touch {
-webkit-box-flex: 0;
flex: none;
width: 66.66667%
}
.column.is-offset-8-touch {
margin-left: 66.66667%
}
.column.is-9-touch {
-webkit-box-flex: 0;
flex: none;
width: 75%
}
.column.is-offset-9-touch {
margin-left: 75%
}
.column.is-10-touch {
-webkit-box-flex: 0;
flex: none;
width: 83.33333%
}
.column.is-offset-10-touch {
margin-left: 83.33333%
}
.column.is-11-touch {
-webkit-box-flex: 0;
flex: none;
width: 91.66667%
}
.column.is-offset-11-touch {
margin-left: 91.66667%
}
.column.is-12-touch {
-webkit-box-flex: 0;
flex: none;
width: 100%
}
.column.is-offset-12-touch {
margin-left: 100%
}
}
@media screen and (min-width:1024px) {
.column.is-full-desktop,
.column.is-narrow-desktop {
-webkit-box-flex: 0;
flex: none
}
.column.is-full-desktop {
width: 100%
}
.column.is-three-quarters-desktop {
-webkit-box-flex: 0;
flex: none;
width: 75%
}
.column.is-two-thirds-desktop {
-webkit-box-flex: 0;
flex: none;
width: 66.6666%
}
.column.is-half-desktop {
-webkit-box-flex: 0;
flex: none;
width: 50%
}
.column.is-one-third-desktop {
-webkit-box-flex: 0;
flex: none;
width: 33.3333%
}
.column.is-one-quarter-desktop {
-webkit-box-flex: 0;
flex: none;
width: 25%
}
.column.is-one-fifth-desktop {
-webkit-box-flex: 0;
flex: none;
width: 20%
}
.column.is-two-fifths-desktop {
-webkit-box-flex: 0;
flex: none;
width: 40%
}
.column.is-three-fifths-desktop {
-webkit-box-flex: 0;
flex: none;
width: 60%
}
.column.is-four-fifths-desktop {
-webkit-box-flex: 0;
flex: none;
width: 80%
}
.column.is-offset-three-quarters-desktop {
margin-left: 75%
}
.column.is-offset-two-thirds-desktop {
margin-left: 66.6666%
}
.column.is-offset-half-desktop {
margin-left: 50%
}
.column.is-offset-one-third-desktop {
margin-left: 33.3333%
}
.column.is-offset-one-quarter-desktop {
margin-left: 25%
}
.column.is-offset-one-fifth-desktop {
margin-left: 20%
}
.column.is-offset-two-fifths-desktop {
margin-left: 40%
}
.column.is-offset-three-fifths-desktop {
margin-left: 60%
}
.column.is-offset-four-fifths-desktop {
margin-left: 80%
}
.column.is-0-desktop {
-webkit-box-flex: 0;
flex: none;
width: 0
}
.column.is-offset-0-desktop {
margin-left: 0
}
.column.is-1-desktop {
-webkit-box-flex: 0;
flex: none;
width: 8.33333%
}
.column.is-offset-1-desktop {
margin-left: 8.33333%
}
.column.is-2-desktop {
-webkit-box-flex: 0;
flex: none;
width: 16.66667%
}
.column.is-offset-2-desktop {
margin-left: 16.66667%
}
.column.is-3-desktop {
-webkit-box-flex: 0;
flex: none;
width: 25%
}
.column.is-offset-3-desktop {
margin-left: 25%
}
.column.is-4-desktop {
-webkit-box-flex: 0;
flex: none;
width: 33.33333%
}
.column.is-offset-4-desktop {
margin-left: 33.33333%
}
.column.is-5-desktop {
-webkit-box-flex: 0;
flex: none;
width: 41.66667%
}
.column.is-offset-5-desktop {
margin-left: 41.66667%
}
.column.is-6-desktop {
-webkit-box-flex: 0;
flex: none;
width: 50%
}
.column.is-offset-6-desktop {
margin-left: 50%
}
.column.is-7-desktop {
-webkit-box-flex: 0;
flex: none;
width: 58.33333%
}
.column.is-offset-7-desktop {
margin-left: 58.33333%
}
.column.is-8-desktop {
-webkit-box-flex: 0;
flex: none;
width: 66.66667%
}
.column.is-offset-8-desktop {
margin-left: 66.66667%
}
.column.is-9-desktop {
-webkit-box-flex: 0;
flex: none;
width: 75%
}
.column.is-offset-9-desktop {
margin-left: 75%
}
.column.is-10-desktop {
-webkit-box-flex: 0;
flex: none;
width: 83.33333%
}
.column.is-offset-10-desktop {
margin-left: 83.33333%
}
.column.is-11-desktop {
-webkit-box-flex: 0;
flex: none;
width: 91.66667%
}
.column.is-offset-11-desktop {
margin-left: 91.66667%
}
.column.is-12-desktop {
-webkit-box-flex: 0;
flex: none;
width: 100%
}
.column.is-offset-12-desktop {
margin-left: 100%
}
}
@media screen and (min-width:1216px) {
.column.is-full-widescreen,
.column.is-narrow-widescreen {
-webkit-box-flex: 0;
flex: none
}
.column.is-full-widescreen {
width: 100%
}
.column.is-three-quarters-widescreen {
-webkit-box-flex: 0;
flex: none;
width: 75%
}
.column.is-two-thirds-widescreen {
-webkit-box-flex: 0;
flex: none;
width: 66.6666%
}
.column.is-half-widescreen {
-webkit-box-flex: 0;
flex: none;
width: 50%
}
.column.is-one-third-widescreen {
-webkit-box-flex: 0;
flex: none;
width: 33.3333%
}
.column.is-one-quarter-widescreen {
-webkit-box-flex: 0;
flex: none;
width: 25%
}
.column.is-one-fifth-widescreen {
-webkit-box-flex: 0;
flex: none;
width: 20%
}
.column.is-two-fifths-widescreen {
-webkit-box-flex: 0;
flex: none;
width: 40%
}
.column.is-three-fifths-widescreen {
-webkit-box-flex: 0;
flex: none;
width: 60%
}
.column.is-four-fifths-widescreen {
-webkit-box-flex: 0;
flex: none;
width: 80%
}
.column.is-offset-three-quarters-widescreen {
margin-left: 75%
}
.column.is-offset-two-thirds-widescreen {
margin-left: 66.6666%
}
.column.is-offset-half-widescreen {
margin-left: 50%
}
.column.is-offset-one-third-widescreen {
margin-left: 33.3333%
}
.column.is-offset-one-quarter-widescreen {
margin-left: 25%
}
.column.is-offset-one-fifth-widescreen {
margin-left: 20%
}
.column.is-offset-two-fifths-widescreen {
margin-left: 40%
}
.column.is-offset-three-fifths-widescreen {
margin-left: 60%
}
.column.is-offset-four-fifths-widescreen {
margin-left: 80%
}
.column.is-0-widescreen {
-webkit-box-flex: 0;
flex: none;
width: 0
}
.column.is-offset-0-widescreen {
margin-left: 0
}
.column.is-1-widescreen {
-webkit-box-flex: 0;
flex: none;
width: 8.33333%
}
.column.is-offset-1-widescreen {
margin-left: 8.33333%
}
.column.is-2-widescreen {
-webkit-box-flex: 0;
flex: none;
width: 16.66667%
}
.column.is-offset-2-widescreen {
margin-left: 16.66667%
}
.column.is-3-widescreen {
-webkit-box-flex: 0;
flex: none;
width: 25%
}
.column.is-offset-3-widescreen {
margin-left: 25%
}
.column.is-4-widescreen {
-webkit-box-flex: 0;
flex: none;
width: 33.33333%
}
.column.is-offset-4-widescreen {
margin-left: 33.33333%
}
.column.is-5-widescreen {
-webkit-box-flex: 0;
flex: none;
width: 41.66667%
}
.column.is-offset-5-widescreen {
margin-left: 41.66667%
}
.column.is-6-widescreen {
-webkit-box-flex: 0;
flex: none;
width: 50%
}
.column.is-offset-6-widescreen {
margin-left: 50%
}
.column.is-7-widescreen {
-webkit-box-flex: 0;
flex: none;
width: 58.33333%
}
.column.is-offset-7-widescreen {
margin-left: 58.33333%
}
.column.is-8-widescreen {
-webkit-box-flex: 0;
flex: none;
width: 66.66667%
}
.column.is-offset-8-widescreen {
margin-left: 66.66667%
}
.column.is-9-widescreen {
-webkit-box-flex: 0;
flex: none;
width: 75%
}
.column.is-offset-9-widescreen {
margin-left: 75%
}
.column.is-10-widescreen {
-webkit-box-flex: 0;
flex: none;
width: 83.33333%
}
.column.is-offset-10-widescreen {
margin-left: 83.33333%
}
.column.is-11-widescreen {
-webkit-box-flex: 0;
flex: none;
width: 91.66667%
}
.column.is-offset-11-widescreen {
margin-left: 91.66667%
}
.column.is-12-widescreen {
-webkit-box-flex: 0;
flex: none;
width: 100%
}
.column.is-offset-12-widescreen {
margin-left: 100%
}
}
@media screen and (min-width:1408px) {
.column.is-full-fullhd,
.column.is-narrow-fullhd {
-webkit-box-flex: 0;
flex: none
}
.column.is-full-fullhd {
width: 100%
}
.column.is-three-quarters-fullhd {
-webkit-box-flex: 0;
flex: none;
width: 75%
}
.column.is-two-thirds-fullhd {
-webkit-box-flex: 0;
flex: none;
width: 66.6666%
}
.column.is-half-fullhd {
-webkit-box-flex: 0;
flex: none;
width: 50%
}
.column.is-one-third-fullhd {
-webkit-box-flex: 0;
flex: none;
width: 33.3333%
}
.column.is-one-quarter-fullhd {
-webkit-box-flex: 0;
flex: none;
width: 25%
}
.column.is-one-fifth-fullhd {
-webkit-box-flex: 0;
flex: none;
width: 20%
}
.column.is-two-fifths-fullhd {
-webkit-box-flex: 0;
flex: none;
width: 40%
}
.column.is-three-fifths-fullhd {
-webkit-box-flex: 0;
flex: none;
width: 60%
}
.column.is-four-fifths-fullhd {
-webkit-box-flex: 0;
flex: none;
width: 80%
}
.column.is-offset-three-quarters-fullhd {
margin-left: 75%
}
.column.is-offset-two-thirds-fullhd {
margin-left: 66.6666%
}
.column.is-offset-half-fullhd {
margin-left: 50%
}
.column.is-offset-one-third-fullhd {
margin-left: 33.3333%
}
.column.is-offset-one-quarter-fullhd {
margin-left: 25%
}
.column.is-offset-one-fifth-fullhd {
margin-left: 20%
}
.column.is-offset-two-fifths-fullhd {
margin-left: 40%
}
.column.is-offset-three-fifths-fullhd {
margin-left: 60%
}
.column.is-offset-four-fifths-fullhd {
margin-left: 80%
}
.column.is-0-fullhd {
-webkit-box-flex: 0;
flex: none;
width: 0
}
.column.is-offset-0-fullhd {
margin-left: 0
}
.column.is-1-fullhd {
-webkit-box-flex: 0;
flex: none;
width: 8.33333%
}
.column.is-offset-1-fullhd {
margin-left: 8.33333%
}
.column.is-2-fullhd {
-webkit-box-flex: 0;
flex: none;
width: 16.66667%
}
.column.is-offset-2-fullhd {
margin-left: 16.66667%
}
.column.is-3-fullhd {
-webkit-box-flex: 0;
flex: none;
width: 25%
}
.column.is-offset-3-fullhd {
margin-left: 25%
}
.column.is-4-fullhd {
-webkit-box-flex: 0;
flex: none;
width: 33.33333%
}
.column.is-offset-4-fullhd {
margin-left: 33.33333%
}
.column.is-5-fullhd {
-webkit-box-flex: 0;
flex: none;
width: 41.66667%
}
.column.is-offset-5-fullhd {
margin-left: 41.66667%
}
.column.is-6-fullhd {
-webkit-box-flex: 0;
flex: none;
width: 50%
}
.column.is-offset-6-fullhd {
margin-left: 50%
}
.column.is-7-fullhd {
-webkit-box-flex: 0;
flex: none;
width: 58.33333%
}
.column.is-offset-7-fullhd {
margin-left: 58.33333%
}
.column.is-8-fullhd {
-webkit-box-flex: 0;
flex: none;
width: 66.66667%
}
.column.is-offset-8-fullhd {
margin-left: 66.66667%
}
.column.is-9-fullhd {
-webkit-box-flex: 0;
flex: none;
width: 75%
}
.column.is-offset-9-fullhd {
margin-left: 75%
}
.column.is-10-fullhd {
-webkit-box-flex: 0;
flex: none;
width: 83.33333%
}
.column.is-offset-10-fullhd {
margin-left: 83.33333%
}
.column.is-11-fullhd {
-webkit-box-flex: 0;
flex: none;
width: 91.66667%
}
.column.is-offset-11-fullhd {
margin-left: 91.66667%
}
.column.is-12-fullhd {
-webkit-box-flex: 0;
flex: none;
width: 100%
}
.column.is-offset-12-fullhd {
margin-left: 100%
}
}   .columns.is-centered {
-webkit-box-pack: center;
justify-content: center
}
.columns.is-gapless {
margin-left: 0;
margin-right: 0;
margin-top: 0
}
.columns.is-gapless>.column {
margin: 0;
padding: 0 !important
}
.columns.is-gapless:not(:last-child) {
margin-bottom: 1.5rem
}
.columns.is-gapless:last-child {
margin-bottom: 0
}
.columns.is-mobile {
display: -webkit-box;
display: flex
}
.columns.is-multiline {
flex-wrap: wrap
}
.columns.is-vcentered {
-webkit-box-align: center;
align-items: center
}
@media print,
screen and (min-width:769px) {
.columns:not(.is-desktop) {
display: -webkit-box;
display: flex
}
}
@media screen and (min-width:1024px) {
.columns.is-desktop {
display: -webkit-box;
display: flex
}
}
.columns.is-variable {
--columnGap: 0.75rem;
margin-left: calc(-1*var(--columnGap));
margin-right: calc(-1*var(--columnGap))
}
.columns.is-variable .column {
padding-left: var(--columnGap);
padding-right: var(--columnGap)
}
.columns.is-variable.is-0 {
--columnGap: 0rem
}
@media screen and (max-width:768px) {
.columns.is-variable.is-0-mobile {
--columnGap: 0rem
}
}
@media print,
screen and (min-width:769px) {
.columns.is-variable.is-0-tablet {
--columnGap: 0rem
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.columns.is-variable.is-0-tablet-only {
--columnGap: 0rem
}
}
@media screen and (max-width:1023px) {
.columns.is-variable.is-0-touch {
--columnGap: 0rem
}
}
@media screen and (min-width:1024px) {
.columns.is-variable.is-0-desktop {
--columnGap: 0rem
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.columns.is-variable.is-0-desktop-only {
--columnGap: 0rem
}
}
@media screen and (min-width:1216px) {
.columns.is-variable.is-0-widescreen {
--columnGap: 0rem
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.columns.is-variable.is-0-widescreen-only {
--columnGap: 0rem
}
}
@media screen and (min-width:1408px) {
.columns.is-variable.is-0-fullhd {
--columnGap: 0rem
}
}
.columns.is-variable.is-1 {
--columnGap: 0.25rem
}
@media screen and (max-width:768px) {
.columns.is-variable.is-1-mobile {
--columnGap: 0.25rem
}
}
@media print,
screen and (min-width:769px) {
.columns.is-variable.is-1-tablet {
--columnGap: 0.25rem
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.columns.is-variable.is-1-tablet-only {
--columnGap: 0.25rem
}
}
@media screen and (max-width:1023px) {
.columns.is-variable.is-1-touch {
--columnGap: 0.25rem
}
}
@media screen and (min-width:1024px) {
.columns.is-variable.is-1-desktop {
--columnGap: 0.25rem
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.columns.is-variable.is-1-desktop-only {
--columnGap: 0.25rem
}
}
@media screen and (min-width:1216px) {
.columns.is-variable.is-1-widescreen {
--columnGap: 0.25rem
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.columns.is-variable.is-1-widescreen-only {
--columnGap: 0.25rem
}
}
@media screen and (min-width:1408px) {
.columns.is-variable.is-1-fullhd {
--columnGap: 0.25rem
}
}
.columns.is-variable.is-2 {
--columnGap: 0.5rem
}
@media screen and (max-width:768px) {
.columns.is-variable.is-2-mobile {
--columnGap: 0.5rem
}
}
@media print,
screen and (min-width:769px) {
.columns.is-variable.is-2-tablet {
--columnGap: 0.5rem
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.columns.is-variable.is-2-tablet-only {
--columnGap: 0.5rem
}
}
@media screen and (max-width:1023px) {
.columns.is-variable.is-2-touch {
--columnGap: 0.5rem
}
}
@media screen and (min-width:1024px) {
.columns.is-variable.is-2-desktop {
--columnGap: 0.5rem
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.columns.is-variable.is-2-desktop-only {
--columnGap: 0.5rem
}
}
@media screen and (min-width:1216px) {
.columns.is-variable.is-2-widescreen {
--columnGap: 0.5rem
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.columns.is-variable.is-2-widescreen-only {
--columnGap: 0.5rem
}
}
@media screen and (min-width:1408px) {
.columns.is-variable.is-2-fullhd {
--columnGap: 0.5rem
}
}
.columns.is-variable.is-3 {
--columnGap: 0.75rem
}
@media screen and (max-width:768px) {
.columns.is-variable.is-3-mobile {
--columnGap: 0.75rem
}
}
@media print,
screen and (min-width:769px) {
.columns.is-variable.is-3-tablet {
--columnGap: 0.75rem
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.columns.is-variable.is-3-tablet-only {
--columnGap: 0.75rem
}
}
@media screen and (max-width:1023px) {
.columns.is-variable.is-3-touch {
--columnGap: 0.75rem
}
}
@media screen and (min-width:1024px) {
.columns.is-variable.is-3-desktop {
--columnGap: 0.75rem
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.columns.is-variable.is-3-desktop-only {
--columnGap: 0.75rem
}
}
@media screen and (min-width:1216px) {
.columns.is-variable.is-3-widescreen {
--columnGap: 0.75rem
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.columns.is-variable.is-3-widescreen-only {
--columnGap: 0.75rem
}
}
@media screen and (min-width:1408px) {
.columns.is-variable.is-3-fullhd {
--columnGap: 0.75rem
}
}
.columns.is-variable.is-4 {
--columnGap: 1rem
}
@media screen and (max-width:768px) {
.columns.is-variable.is-4-mobile {
--columnGap: 1rem
}
}
@media print,
screen and (min-width:769px) {
.columns.is-variable.is-4-tablet {
--columnGap: 1rem
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.columns.is-variable.is-4-tablet-only {
--columnGap: 1rem
}
}
@media screen and (max-width:1023px) {
.columns.is-variable.is-4-touch {
--columnGap: 1rem
}
}
@media screen and (min-width:1024px) {
.columns.is-variable.is-4-desktop {
--columnGap: 1rem
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.columns.is-variable.is-4-desktop-only {
--columnGap: 1rem
}
}
@media screen and (min-width:1216px) {
.columns.is-variable.is-4-widescreen {
--columnGap: 1rem
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.columns.is-variable.is-4-widescreen-only {
--columnGap: 1rem
}
}
@media screen and (min-width:1408px) {
.columns.is-variable.is-4-fullhd {
--columnGap: 1rem
}
}
.columns.is-variable.is-5 {
--columnGap: 1.25rem
}
@media screen and (max-width:768px) {
.columns.is-variable.is-5-mobile {
--columnGap: 1.25rem
}
}
@media print,
screen and (min-width:769px) {
.columns.is-variable.is-5-tablet {
--columnGap: 1.25rem
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.columns.is-variable.is-5-tablet-only {
--columnGap: 1.25rem
}
}
@media screen and (max-width:1023px) {
.columns.is-variable.is-5-touch {
--columnGap: 1.25rem
}
}
@media screen and (min-width:1024px) {
.columns.is-variable.is-5-desktop {
--columnGap: 1.25rem
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.columns.is-variable.is-5-desktop-only {
--columnGap: 1.25rem
}
}
@media screen and (min-width:1216px) {
.columns.is-variable.is-5-widescreen {
--columnGap: 1.25rem
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.columns.is-variable.is-5-widescreen-only {
--columnGap: 1.25rem
}
}
@media screen and (min-width:1408px) {
.columns.is-variable.is-5-fullhd {
--columnGap: 1.25rem
}
}
.columns.is-variable.is-6 {
--columnGap: 1.5rem
}
@media screen and (max-width:768px) {
.columns.is-variable.is-6-mobile {
--columnGap: 1.5rem
}
}
@media print,
screen and (min-width:769px) {
.columns.is-variable.is-6-tablet {
--columnGap: 1.5rem
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.columns.is-variable.is-6-tablet-only {
--columnGap: 1.5rem
}
}
@media screen and (max-width:1023px) {
.columns.is-variable.is-6-touch {
--columnGap: 1.5rem
}
}
@media screen and (min-width:1024px) {
.columns.is-variable.is-6-desktop {
--columnGap: 1.5rem
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.columns.is-variable.is-6-desktop-only {
--columnGap: 1.5rem
}
}
@media screen and (min-width:1216px) {
.columns.is-variable.is-6-widescreen {
--columnGap: 1.5rem
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.columns.is-variable.is-6-widescreen-only {
--columnGap: 1.5rem
}
}
@media screen and (min-width:1408px) {
.columns.is-variable.is-6-fullhd {
--columnGap: 1.5rem
}
}
.columns.is-variable.is-7 {
--columnGap: 1.75rem
}
@media screen and (max-width:768px) {
.columns.is-variable.is-7-mobile {
--columnGap: 1.75rem
}
}
@media print,
screen and (min-width:769px) {
.columns.is-variable.is-7-tablet {
--columnGap: 1.75rem
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.columns.is-variable.is-7-tablet-only {
--columnGap: 1.75rem
}
}
@media screen and (max-width:1023px) {
.columns.is-variable.is-7-touch {
--columnGap: 1.75rem
}
}
@media screen and (min-width:1024px) {
.columns.is-variable.is-7-desktop {
--columnGap: 1.75rem
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.columns.is-variable.is-7-desktop-only {
--columnGap: 1.75rem
}
}
@media screen and (min-width:1216px) {
.columns.is-variable.is-7-widescreen {
--columnGap: 1.75rem
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.columns.is-variable.is-7-widescreen-only {
--columnGap: 1.75rem
}
}
@media screen and (min-width:1408px) {
.columns.is-variable.is-7-fullhd {
--columnGap: 1.75rem
}
}
.columns.is-variable.is-8 {
--columnGap: 2rem
}
@media screen and (max-width:768px) {
.columns.is-variable.is-8-mobile {
--columnGap: 2rem
}
}
@media print,
screen and (min-width:769px) {
.columns.is-variable.is-8-tablet {
--columnGap: 2rem
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.columns.is-variable.is-8-tablet-only {
--columnGap: 2rem
}
}
@media screen and (max-width:1023px) {
.columns.is-variable.is-8-touch {
--columnGap: 2rem
}
}
@media screen and (min-width:1024px) {
.columns.is-variable.is-8-desktop {
--columnGap: 2rem
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.columns.is-variable.is-8-desktop-only {
--columnGap: 2rem
}
}
@media screen and (min-width:1216px) {
.columns.is-variable.is-8-widescreen {
--columnGap: 2rem
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.columns.is-variable.is-8-widescreen-only {
--columnGap: 2rem
}
}
@media screen and (min-width:1408px) {
.columns.is-variable.is-8-fullhd {
--columnGap: 2rem
}
}
.hero {
-webkit-box-align: stretch;
align-items: stretch;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: justify;
justify-content: center;
}
.hero .navbar {
background: 0 0
}
.hero .tabs ul {
border-bottom: none
}
.hero.is-white {
background-color: #fff;
color: #0a0a0a
}
.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-white strong {
color: inherit
}
.hero.is-white .title {
color: #0a0a0a
}
.hero.is-white .subtitle {
color: rgba(10, 10, 10, .9)
}
.hero.is-white .subtitle a:not(.button),
.hero.is-white .subtitle strong {
color: #0a0a0a
}
@media screen and (max-width:1023px) {
.hero.is-white .navbar-menu {
background-color: #fff
}
}
.hero.is-white .navbar-item,
.hero.is-white .navbar-link {
color: rgba(10, 10, 10, .7)
}
.hero.is-white .navbar-link.is-active,
.hero.is-white .navbar-link:hover,
.hero.is-white a.navbar-item.is-active,
.hero.is-white a.navbar-item:hover {
background-color: #f2f2f2;
color: #0a0a0a
}
.hero.is-white .tabs a {
color: #0a0a0a;
opacity: .9
}
.hero.is-white .tabs a:hover,
.hero.is-white .tabs li.is-active a {
opacity: 1
}
.hero.is-white .tabs.is-boxed a,
.hero.is-white .tabs.is-toggle a {
color: #0a0a0a
}
.hero.is-white .tabs.is-boxed a:hover,
.hero.is-white .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, .1)
}
.hero.is-white .tabs.is-boxed li.is-active a,
.hero.is-white .tabs.is-boxed li.is-active a:hover,
.hero.is-white .tabs.is-toggle li.is-active a,
.hero.is-white .tabs.is-toggle li.is-active a:hover {
background-color: #0a0a0a;
border-color: #0a0a0a;
color: #fff
}
.hero.is-white.is-bold {
background-image: linear-gradient(141deg, #e6e6e6, #fff 71%, #fff)
}
@media screen and (max-width:768px) {
.hero.is-white.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #e6e6e6, #fff 71%, #fff)
}
}
.hero.is-black {
background-color: #0a0a0a;
color: #fff
}
.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-black strong {
color: inherit
}
.hero.is-black .title {
color: #fff
}
.hero.is-black .subtitle {
color: hsla(0, 0%, 100%, .9)
}
.hero.is-black .subtitle a:not(.button),
.hero.is-black .subtitle strong {
color: #fff
}
@media screen and (max-width:1023px) {
.hero.is-black .navbar-menu {
background-color: #0a0a0a
}
}
.hero.is-black .navbar-item,
.hero.is-black .navbar-link {
color: hsla(0, 0%, 100%, .7)
}
.hero.is-black .navbar-link.is-active,
.hero.is-black .navbar-link:hover,
.hero.is-black a.navbar-item.is-active,
.hero.is-black a.navbar-item:hover {
background-color: #000;
color: #fff
}
.hero.is-black .tabs a {
color: #fff;
opacity: .9
}
.hero.is-black .tabs a:hover,
.hero.is-black .tabs li.is-active a {
opacity: 1
}
.hero.is-black .tabs.is-boxed a,
.hero.is-black .tabs.is-toggle a {
color: #fff
}
.hero.is-black .tabs.is-boxed a:hover,
.hero.is-black .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, .1)
}
.hero.is-black .tabs.is-boxed li.is-active a,
.hero.is-black .tabs.is-boxed li.is-active a:hover,
.hero.is-black .tabs.is-toggle li.is-active a,
.hero.is-black .tabs.is-toggle li.is-active a:hover {
background-color: #fff;
border-color: #fff;
color: #0a0a0a
}
.hero.is-black.is-bold {
background-image: linear-gradient(141deg, #000, #0a0a0a 71%, #181616)
}
@media screen and (max-width:768px) {
.hero.is-black.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #000, #0a0a0a 71%, #181616)
}
}
.hero.is-light {
background-color: #f5f5f5;
color: #363636
}
.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-light strong {
color: inherit
}
.hero.is-light .title {
color: #363636
}
.hero.is-light .subtitle {
color: rgba(54, 54, 54, .9)
}
.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
color: #363636
}
@media screen and (max-width:1023px) {
.hero.is-light .navbar-menu {
background-color: #f5f5f5
}
}
.hero.is-light .navbar-item,
.hero.is-light .navbar-link {
color: rgba(54, 54, 54, .7)
}
.hero.is-light .navbar-link.is-active,
.hero.is-light .navbar-link:hover,
.hero.is-light a.navbar-item.is-active,
.hero.is-light a.navbar-item:hover {
background-color: #e8e8e8;
color: #363636
}
.hero.is-light .tabs a {
color: #363636;
opacity: .9
}
.hero.is-light .tabs a:hover,
.hero.is-light .tabs li.is-active a {
opacity: 1
}
.hero.is-light .tabs.is-boxed a,
.hero.is-light .tabs.is-toggle a {
color: #363636
}
.hero.is-light .tabs.is-boxed a:hover,
.hero.is-light .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, .1)
}
.hero.is-light .tabs.is-boxed li.is-active a,
.hero.is-light .tabs.is-boxed li.is-active a:hover,
.hero.is-light .tabs.is-toggle li.is-active a,
.hero.is-light .tabs.is-toggle li.is-active a:hover {
background-color: #363636;
border-color: #363636;
color: #f5f5f5
}
.hero.is-light.is-bold {
background-image: linear-gradient(141deg, #dfd8d9, #f5f5f5 71%, #fff)
}
@media screen and (max-width:768px) {
.hero.is-light.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #dfd8d9, #f5f5f5 71%, #fff)
}
}
.hero.is-dark {
background-color: #363636;
color: #f5f5f5
}
.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-dark strong {
color: inherit
}
.hero.is-dark .title {
color: #f5f5f5
}
.hero.is-dark .subtitle {
color: hsla(0, 0%, 96.1%, .9)
}
.hero.is-dark .subtitle a:not(.button),
.hero.is-dark .subtitle strong {
color: #f5f5f5
}
@media screen and (max-width:1023px) {
.hero.is-dark .navbar-menu {
background-color: #363636
}
}
.hero.is-dark .navbar-item,
.hero.is-dark .navbar-link {
color: hsla(0, 0%, 96.1%, .7)
}
.hero.is-dark .navbar-link.is-active,
.hero.is-dark .navbar-link:hover,
.hero.is-dark a.navbar-item.is-active,
.hero.is-dark a.navbar-item:hover {
background-color: #292929;
color: #f5f5f5
}
.hero.is-dark .tabs a {
color: #f5f5f5;
opacity: .9
}
.hero.is-dark .tabs a:hover,
.hero.is-dark .tabs li.is-active a {
opacity: 1
}
.hero.is-dark .tabs.is-boxed a,
.hero.is-dark .tabs.is-toggle a {
color: #f5f5f5
}
.hero.is-dark .tabs.is-boxed a:hover,
.hero.is-dark .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, .1)
}
.hero.is-dark .tabs.is-boxed li.is-active a,
.hero.is-dark .tabs.is-boxed li.is-active a:hover,
.hero.is-dark .tabs.is-toggle li.is-active a,
.hero.is-dark .tabs.is-toggle li.is-active a:hover {
background-color: #f5f5f5;
border-color: #f5f5f5;
color: #363636
}
.hero.is-dark.is-bold {
background-image: linear-gradient(141deg, #1f191a, #363636 71%, #46403f)
}
@media screen and (max-width:768px) {
.hero.is-dark.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #1f191a, #363636 71%, #46403f)
}
}
.hero.is-primary {
background-color: #f60;
color: #fff
}
.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-primary strong {
color: inherit
}
.hero.is-primary .title {
color: #fff
}
.hero.is-primary .subtitle {
color: hsla(0, 0%, 100%, .9)
}
.hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong {
color: #fff
}
@media screen and (max-width:1023px) {
.hero.is-primary .navbar-menu {
background-color: #f60
}
}
.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
color: hsla(0, 0%, 100%, .7)
}
.hero.is-primary .navbar-link.is-active,
.hero.is-primary .navbar-link:hover,
.hero.is-primary a.navbar-item.is-active,
.hero.is-primary a.navbar-item:hover {
background-color: #e65c00;
color: #fff
}
.hero.is-primary .tabs a {
color: #fff;
opacity: .9
}
.hero.is-primary .tabs a:hover,
.hero.is-primary .tabs li.is-active a {
opacity: 1
}
.hero.is-primary .tabs.is-boxed a,
.hero.is-primary .tabs.is-toggle a {
color: #fff
}
.hero.is-primary .tabs.is-boxed a:hover,
.hero.is-primary .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, .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: #f60
}
.hero.is-primary.is-bold {
background-image: linear-gradient(141deg, #cc3000, #f60 71%, #ff9c1a)
}
@media screen and (max-width:768px) {
.hero.is-primary.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #cc3000, #f60 71%, #ff9c1a)
}
}
.hero.is-link {
background-color: #3273dc;
color: #fff
}
.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-link strong {
color: inherit
}
.hero.is-link .title {
color: #fff
}
.hero.is-link .subtitle {
color: hsla(0, 0%, 100%, .9)
}
.hero.is-link .subtitle a:not(.button),
.hero.is-link .subtitle strong {
color: #fff
}
@media screen and (max-width:1023px) {
.hero.is-link .navbar-menu {
background-color: #3273dc
}
}
.hero.is-link .navbar-item,
.hero.is-link .navbar-link {
color: hsla(0, 0%, 100%, .7)
}
.hero.is-link .navbar-link.is-active,
.hero.is-link .navbar-link:hover,
.hero.is-link a.navbar-item.is-active,
.hero.is-link a.navbar-item:hover {
background-color: #2366d1;
color: #fff
}
.hero.is-link .tabs a {
color: #fff;
opacity: .9
}
.hero.is-link .tabs a:hover,
.hero.is-link .tabs li.is-active a {
opacity: 1
}
.hero.is-link .tabs.is-boxed a,
.hero.is-link .tabs.is-toggle a {
color: #fff
}
.hero.is-link .tabs.is-boxed a:hover,
.hero.is-link .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, .1)
}
.hero.is-link .tabs.is-boxed li.is-active a,
.hero.is-link .tabs.is-boxed li.is-active a:hover,
.hero.is-link .tabs.is-toggle li.is-active a,
.hero.is-link .tabs.is-toggle li.is-active a:hover {
background-color: #fff;
border-color: #fff;
color: #3273dc
}
.hero.is-link.is-bold {
background-image: linear-gradient(141deg, #1577c6, #3273dc 71%, #4366e5)
}
@media screen and (max-width:768px) {
.hero.is-link.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #1577c6, #3273dc 71%, #4366e5)
}
}
.hero.is-info {
background-color: #209cee;
color: #fff
}
.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-info strong {
color: inherit
}
.hero.is-info .title {
color: #fff
}
.hero.is-info .subtitle {
color: hsla(0, 0%, 100%, .9)
}
.hero.is-info .subtitle a:not(.button),
.hero.is-info .subtitle strong {
color: #fff
}
@media screen and (max-width:1023px) {
.hero.is-info .navbar-menu {
background-color: #209cee
}
}
.hero.is-info .navbar-item,
.hero.is-info .navbar-link {
color: hsla(0, 0%, 100%, .7)
}
.hero.is-info .navbar-link.is-active,
.hero.is-info .navbar-link:hover,
.hero.is-info a.navbar-item.is-active,
.hero.is-info a.navbar-item:hover {
background-color: #118fe4;
color: #fff
}
.hero.is-info .tabs a {
color: #fff;
opacity: .9
}
.hero.is-info .tabs a:hover,
.hero.is-info .tabs li.is-active a {
opacity: 1
}
.hero.is-info .tabs.is-boxed a,
.hero.is-info .tabs.is-toggle a {
color: #fff
}
.hero.is-info .tabs.is-boxed a:hover,
.hero.is-info .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, .1)
}
.hero.is-info .tabs.is-boxed li.is-active a,
.hero.is-info .tabs.is-boxed li.is-active a:hover,
.hero.is-info .tabs.is-toggle li.is-active a,
.hero.is-info .tabs.is-toggle li.is-active a:hover {
background-color: #fff;
border-color: #fff;
color: #209cee
}
.hero.is-info.is-bold {
background-image: linear-gradient(141deg, #04a6d7, #209cee 71%, #3287f5)
}
@media screen and (max-width:768px) {
.hero.is-info.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #04a6d7, #209cee 71%, #3287f5)
}
}
.hero.is-success {
background-color: #23d160;
color: #fff
}
.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-success strong {
color: inherit
}
.hero.is-success .title {
color: #fff
}
.hero.is-success .subtitle {
color: hsla(0, 0%, 100%, .9)
}
.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
color: #fff
}
@media screen and (max-width:1023px) {
.hero.is-success .navbar-menu {
background-color: #23d160
}
}
.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
color: hsla(0, 0%, 100%, .7)
}
.hero.is-success .navbar-link.is-active,
.hero.is-success .navbar-link:hover,
.hero.is-success a.navbar-item.is-active,
.hero.is-success a.navbar-item:hover {
background-color: #20bc56;
color: #fff
}
.hero.is-success .tabs a {
color: #fff;
opacity: .9
}
.hero.is-success .tabs a:hover,
.hero.is-success .tabs li.is-active a {
opacity: 1
}
.hero.is-success .tabs.is-boxed a,
.hero.is-success .tabs.is-toggle a {
color: #fff
}
.hero.is-success .tabs.is-boxed a:hover,
.hero.is-success .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, .1)
}
.hero.is-success .tabs.is-boxed li.is-active a,
.hero.is-success .tabs.is-boxed li.is-active a:hover,
.hero.is-success .tabs.is-toggle li.is-active a,
.hero.is-success .tabs.is-toggle li.is-active a:hover {
background-color: #fff;
border-color: #fff;
color: #23d160
}
.hero.is-success.is-bold {
background-image: linear-gradient(141deg, #12af2f, #23d160 71%, #2ce28a)
}
@media screen and (max-width:768px) {
.hero.is-success.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #12af2f, #23d160 71%, #2ce28a)
}
}
.hero.is-warning {
background-color: #ffdd57;
color: rgba(0, 0, 0, .7)
}
.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-warning strong {
color: inherit
}
.hero.is-warning .title {
color: rgba(0, 0, 0, .7)
}
.hero.is-warning .subtitle {
color: rgba(0, 0, 0, .9)
}
.hero.is-warning .subtitle a:not(.button),
.hero.is-warning .subtitle strong {
color: rgba(0, 0, 0, .7)
}
@media screen and (max-width:1023px) {
.hero.is-warning .navbar-menu {
background-color: #ffdd57
}
}
.hero.is-warning .navbar-item,
.hero.is-warning .navbar-link {
color: rgba(0, 0, 0, .7)
}
.hero.is-warning .navbar-link.is-active,
.hero.is-warning .navbar-link:hover,
.hero.is-warning a.navbar-item.is-active,
.hero.is-warning a.navbar-item:hover {
background-color: #ffd83d;
color: rgba(0, 0, 0, .7)
}
.hero.is-warning .tabs a {
color: rgba(0, 0, 0, .7);
opacity: .9
}
.hero.is-warning .tabs a:hover,
.hero.is-warning .tabs li.is-active a {
opacity: 1
}
.hero.is-warning .tabs.is-boxed a,
.hero.is-warning .tabs.is-toggle a {
color: rgba(0, 0, 0, .7)
}
.hero.is-warning .tabs.is-boxed a:hover,
.hero.is-warning .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, .1)
}
.hero.is-warning .tabs.is-boxed li.is-active a,
.hero.is-warning .tabs.is-boxed li.is-active a:hover,
.hero.is-warning .tabs.is-toggle li.is-active a,
.hero.is-warning .tabs.is-toggle li.is-active a:hover {
background-color: rgba(0, 0, 0, .7);
border-color: rgba(0, 0, 0, .7);
color: #ffdd57
}
.hero.is-warning.is-bold {
background-image: linear-gradient(141deg, #ffaf24, #ffdd57 71%, #fffa70)
}
@media screen and (max-width:768px) {
.hero.is-warning.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #ffaf24, #ffdd57 71%, #fffa70)
}
}
.hero.is-danger {
background-color: #ff3860;
color: #fff
}
.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-danger strong {
color: inherit
}
.hero.is-danger .title {
color: #fff
}
.hero.is-danger .subtitle {
color: hsla(0, 0%, 100%, .9)
}
.hero.is-danger .subtitle a:not(.button),
.hero.is-danger .subtitle strong {
color: #fff
}
@media screen and (max-width:1023px) {
.hero.is-danger .navbar-menu {
background-color: #ff3860
}
}
.hero.is-danger .navbar-item,
.hero.is-danger .navbar-link {
color: hsla(0, 0%, 100%, .7)
}
.hero.is-danger .navbar-link.is-active,
.hero.is-danger .navbar-link:hover,
.hero.is-danger a.navbar-item.is-active,
.hero.is-danger a.navbar-item:hover {
background-color: #ff1f4b;
color: #fff
}
.hero.is-danger .tabs a {
color: #fff;
opacity: .9
}
.hero.is-danger .tabs a:hover,
.hero.is-danger .tabs li.is-active a {
opacity: 1
}
.hero.is-danger .tabs.is-boxed a,
.hero.is-danger .tabs.is-toggle a {
color: #fff
}
.hero.is-danger .tabs.is-boxed a:hover,
.hero.is-danger .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, .1)
}
.hero.is-danger .tabs.is-boxed li.is-active a,
.hero.is-danger .tabs.is-boxed li.is-active a:hover,
.hero.is-danger .tabs.is-toggle li.is-active a,
.hero.is-danger .tabs.is-toggle li.is-active a:hover {
background-color: #fff;
border-color: #fff;
color: #ff3860
}
.hero.is-danger.is-bold {
background-image: linear-gradient(141deg, #ff0561, #ff3860 71%, #ff5257)
}
@media screen and (max-width:768px) {
.hero.is-danger.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #ff0561, #ff3860 71%, #ff5257)
}
}
.hero.is-small .hero-body {
padding-bottom: 1.5rem;
padding-top: 1.5rem
}
@media print,
screen and (min-width:769px) {
.hero.is-medium .hero-body {
padding-bottom: 9rem;
padding-top: 9rem
}
}
@media print,
screen and (min-width:769px) {
.hero.is-large .hero-body {
padding-bottom: 18rem;
padding-top: 18rem
}
}
.hero.is-fullheight .hero-body,
.hero.is-fullheight-with-navbar .hero-body,
.hero.is-halfheight .hero-body {
-webkit-box-align: center;
align-items: center;
display: -webkit-box;
display: flex
}
.hero.is-fullheight .hero-body>.container,
.hero.is-fullheight-with-navbar .hero-body>.container,
.hero.is-halfheight .hero-body>.container {
-webkit-box-flex: 1;
flex-grow: 1;
flex-shrink: 1
}
.hero.is-halfheight {
min-height: 50vh
}
.hero.is-fullheight {
min-height: 100vh
}
.hero-video {
overflow: hidden
}
.hero-video video {
left: 50%;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.hero-video.is-transparent {
opacity: .3
}
@media screen and (max-width:768px) {
.hero-video {
display: none
}
}
.hero-buttons {
margin-top: 1.5rem
}
@media screen and (max-width:768px) {
.hero-buttons .button {
display: -webkit-box;
display: flex
}
.hero-buttons .button:not(:last-child) {
margin-bottom: .75rem
}
}
@media print,
screen and (min-width:769px) {
.hero-buttons {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center
}
.hero-buttons .button:not(:last-child) {
margin-right: 1.5rem
}
}
.hero-foot,
.hero-head {
-webkit-box-flex: 0;
flex-grow: 0;
flex-shrink: 0
}
.hero-body:not(.hero.offer-section .hero-body) {
-webkit-box-flex: 1;
flex-grow: 1;
flex-shrink: 0;
padding: 5rem 5rem
}
@media (max-width: 991.98px) {
.hero-body:not(.hero.offer-section .hero-body) {
padding: 3rem 1rem !important;
}
}
.hero-body .button svg,
.calculator-cta .button svg {
width: 16px !important;
height: 16px !important;
margin-right: 0.5rem;
}
.section {
padding: 3rem .75rem }
@media screen and (min-width:1024px) {
.section.is-medium {
padding: 9rem 1.5rem
}
.section.is-large {
padding: 18rem 1.5rem
}
}
.footer {
background-color: #0a0a0a;
padding: 0
}
#vid-container {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2
}
.full-length-video-is-active #vid-container {
pointer-events: none
}
@media screen and (max-width:1023px) {
.is-menu-open #vid-container {
position: fixed;
z-index: 10;
-webkit-transition: all 0s ease-out .3s;
transition: all 0s ease-out .3s
}
}
#background-video {
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover
}
#background-video,
#video-cover {
position: absolute;
height: 100%;
width: 100%
}
#video-cover {
background-size: cover;
background-position: 50%
}
#video-overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: #000;
background: linear-gradient(0deg, #000 0, #000 30%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%)
}
@media screen and (min-width:1024px) {
#video-overlay {
background: linear-gradient(90deg, #000 0, rgba(255, 255, 255, 0) 100%)
}
}
#pause {
display: none
}
@media screen and (min-width:769px) {
.play-control {
display: none
}
}
.tns-outer {
padding: 0 !important
}
.tns-outer [hidden] {
display: none !important
}
.tns-slider {
-webkit-transition: all 0s;
transition: all 0s
}
.tns-slider>.tns-item {
box-sizing: border-box
}
.js-certificate__slider.tns-slider>.tns-item img {
box-shadow: 0 0 15px rgba(0, 0, 0, .2)
}
.js-certificate__slider.tns-slider.tns-carousel.tns-subpixel.tns-calc.tns-horizontal {
padding: 1rem 0;
}
.tns-horizontal.tns-subpixel {
white-space: nowrap
}
.tns-horizontal.tns-subpixel>.tns-item {
display: inline-block;
vertical-align: top;
white-space: normal
}
.tns-horizontal.tns-no-subpixel:after {
content: "";
display: table;
clear: both
}
.tns-horizontal.tns-no-subpixel>.tns-item {
float: left
}
.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
margin-right: -100%
}
.tns-gallery,
.tns-no-calc {
position: relative;
left: 0
}
.tns-gallery {
min-height: 1px
}
.tns-gallery>.tns-item {
position: absolute;
left: -100%;
-webkit-transition: transform 0s, opacity 0s;
-webkit-transition: opacity 0s, -webkit-transform 0s;
transition: opacity 0s, -webkit-transform 0s;
transition: transform 0s, opacity 0s;
transition: transform 0s, opacity 0s, -webkit-transform 0s
}
.tns-gallery>.tns-slide-active {
position: relative;
left: auto !important
}
.tns-gallery>.tns-moving {
-webkit-transition: all .25s;
transition: all .25s
}
.tns-autowidth {
display: inline-block
}
.tns-lazy-img {
-webkit-transition: opacity .6s;
transition: opacity .6s;
opacity: .6
}
.tns-lazy-img.tns-complete {
opacity: 1
}
.tns-ah {
-webkit-transition: height 0s;
transition: height 0s
}
.tns-ovh {
overflow: hidden;
}
.tns-visually-hidden {
position: absolute;
left: -10000em
}
.tns-transparent {
opacity: 0;
visibility: hidden
}
.tns-fadeIn {
opacity: 1;
z-index: 0
}
.tns-fadeOut,
.tns-normal {
opacity: 0;
z-index: -1
}
.tns-vpfix {
white-space: nowrap
}
.tns-vpfix>div,
.tns-vpfix>li {
display: inline-block
}
.tns-t-subp2 {
margin: 0 auto;
width: 310px;
position: relative;
height: 10px;
overflow: hidden
}
.tns-t-ct {
width: 2333.3333333%;
width: 2333.33333%;
position: absolute;
right: 0
}
.tns-t-ct:after {
content: "";
display: table;
clear: both
}
.tns-t-ct>div {
width: 1.4285714%;
width: 1.42857%;
height: 10px;
float: left
}
.fl-form .fl-wrap {
position: relative;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fl-form input.fl-input,
.fl-form select.fl-select,
.fl-form textarea.fl-textarea {
outline: 0;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
margin-bottom: 12px
}
.fl-form select.fl-select {
position: relative;
cursor: pointer
}
.fl-form select.fl-select::-ms-expand {
display: none
}
.fl-form label.fl-label {
opacity: 0;
visibility: hidden;
position: absolute;
top: -12px;
left: 0;
font-size: 12px;
line-height: 1;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
z-index: 1
}
.fl-form .fl-is-active label.fl-label {
opacity: 1;
visibility: visible
}
.fl-wrap-select {
height: 100%
}
.fl-form .fl-is-required:before {
opacity: 1;
content: "*";
display: block;
position: absolute;
top: 1px;
right: 15px;
font-size: 16px;
line-height: 1.75;
color: #d32f2f;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
padding: 6px 0 0;
z-index: 1
}
.fl-form .fl-is-required.fl-is-active:before {
opacity: 0
}
.mx-0 {
margin-left: 0;
margin-right: 0
}
.my-0 {
margin-top: 0;
margin-bottom: 0
}
.mr-0 {
margin-right: 0
}
.ml-0 {
margin-left: 0
}
.mt-0 {
margin-top: 0
}
.mb-0 {
margin-bottom: 0
}
.m-0 {
margin: 0
}
.mx-xs {
margin-left: 6px;
margin-right: 6px
}
.my-xs {
margin-top: 6px;
margin-bottom: 6px
}
.mr-xs {
margin-right: 6px
}
.ml-xs {
margin-left: 6px
}
.mt-xs {
margin-top: 6px
}
.mb-xs {
margin-bottom: 6px
}
.m-xs {
margin: 6px
}
.mx-s {
margin-left: 13px;
margin-right: 13px
}
.my-s {
margin-top: 13px;
margin-bottom: 13px
}
.mr-s {
margin-right: 13px
}
.ml-s {
margin-left: 13px
}
.mt-s {
margin-top: 13px
}
.mb-s {
margin-bottom: 13px
}
.m-s {
margin: 13px
}
.mx-m {
margin-left: 26px;
margin-right: 26px
}
.my-m {
margin-top: 26px;
margin-bottom: 26px
}
.mr-m {
margin-right: 26px
}
.ml-m {
margin-left: 26px
}
.mt-m {
margin-top: 26px
}
.mb-m {
margin-bottom: 26px
}
.m-m {
margin: 26px
}
.mx-l {
margin-left: 52px;
margin-right: 52px
}
.my-l {
margin-top: 52px;
margin-bottom: 52px
}
.mr-l {
margin-right: 52px
}
.ml-l {
margin-left: 52px
}
.mt-l {
margin-top: 52px
}
.mb-l {
margin-bottom: 52px
}
.m-l {
margin: 52px
}
.mx-xl {
margin-left: 104px;
margin-right: 104px
}
.my-xl {
margin-top: 104px;
margin-bottom: 104px
}
.mr-xl {
margin-right: 104px
}
.ml-xl {
margin-left: 104px
}
.mt-xl {
margin-top: 104px
}
.mb-xl {
margin-bottom: 104px
}
.m-xl {
margin: 104px
}
.px-0 {
padding-left: 0;
padding-right: 0
}
.py-0 {
padding-top: 0;
padding-bottom: 0
}
.pr-0 {
padding-right: 0
}
.pl-0 {
padding-left: 0
}
.pt-0 {
padding-top: 0
}
.pb-0 {
padding-bottom: 0
}
.p-0 {
padding: 0
}
.px-xs {
padding-left: 6px;
padding-right: 6px
}
.py-xs {
padding-top: 6px;
padding-bottom: 6px
}
.pr-xs {
padding-right: 6px
}
.pl-xs {
padding-left: 6px
}
.pt-xs {
padding-top: 6px
}
.pb-xs {
padding-bottom: 6px
}
.p-xs {
padding: 6px
}
.px-s {
padding-left: 13px;
padding-right: 13px
}
.py-s {
padding-top: 13px;
padding-bottom: 13px
}
.pr-s {
padding-right: 13px
}
.pl-s {
padding-left: 13px
}
.pt-s {
padding-top: 13px
}
.pb-s {
padding-bottom: 13px
}
.p-s {
padding: 13px
}
.px-m {
padding-left: 26px;
padding-right: 26px
}
.py-m {
padding-top: 26px;
padding-bottom: 26px
}
.pr-m {
padding-right: 26px
}
.pl-m {
padding-left: 26px
}
.pt-m {
padding-top: 26px
}
.pb-m {
padding-bottom: 26px
}
.p-m {
padding: 26px
}
.px-l {
padding-left: 52px;
padding-right: 52px
}
.py-l {
padding-top: 52px;
padding-bottom: 52px
}
.pr-l {
padding-right: 52px
}
.pl-l {
padding-left: 52px
}
.pt-l {
padding-top: 52px
}
.pb-l {
padding-bottom: 52px
}
.p-l {
padding: 52px
}
.px-xl {
padding-left: 104px;
padding-right: 104px
}
.py-xl {
padding-top: 104px;
padding-bottom: 104px
}
.pr-xl {
padding-right: 104px
}
.pl-xl {
padding-left: 104px
}
.pt-xl {
padding-top: 104px
}
.pb-xl {
padding-bottom: 104px
}
.p-xl {
padding: 104px
}
@media screen and (min-width:769px) {
.mx-0-tablet {
margin-left: 0;
margin-right: 0
}
.my-0-tablet {
margin-top: 0;
margin-bottom: 0
}
.mr-0-tablet {
margin-right: 0
}
.ml-0-tablet {
margin-left: 0
}
.mt-0-tablet {
margin-top: 0
}
.mb-0-tablet {
margin-bottom: 0
}
.m-0-tablet {
margin: 0
}
.mx-xs-tablet {
margin-left: 6px;
margin-right: 6px
}
.my-xs-tablet {
margin-top: 6px;
margin-bottom: 6px
}
.mr-xs-tablet {
margin-right: 6px
}
.ml-xs-tablet {
margin-left: 6px
}
.mt-xs-tablet {
margin-top: 6px
}
.mb-xs-tablet {
margin-bottom: 6px
}
.m-xs-tablet {
margin: 6px
}
.mx-s-tablet {
margin-left: 13px;
margin-right: 13px
}
.my-s-tablet {
margin-top: 13px;
margin-bottom: 13px
}
.mr-s-tablet {
margin-right: 13px
}
.ml-s-tablet {
margin-left: 13px
}
.mt-s-tablet {
margin-top: 13px
}
.mb-s-tablet {
margin-bottom: 13px
}
.m-s-tablet {
margin: 13px
}
.mx-m-tablet {
margin-left: 26px;
margin-right: 26px
}
.my-m-tablet {
margin-top: 26px;
margin-bottom: 26px
}
.mr-m-tablet {
margin-right: 26px
}
.ml-m-tablet {
margin-left: 26px
}
.mt-m-tablet {
margin-top: 26px
}
.mb-m-tablet {
margin-bottom: 26px
}
.m-m-tablet {
margin: 26px
}
.mx-l-tablet {
margin-left: 52px;
margin-right: 52px
}
.my-l-tablet {
margin-top: 52px;
margin-bottom: 52px
}
.mr-l-tablet {
margin-right: 52px
}
.ml-l-tablet {
margin-left: 52px
}
.mt-l-tablet {
margin-top: 52px
}
.mb-l-tablet {
margin-bottom: 52px
}
.m-l-tablet {
margin: 52px
}
.mx-xl-tablet {
margin-left: 104px;
margin-right: 104px
}
.my-xl-tablet {
margin-top: 104px;
margin-bottom: 104px
}
.mr-xl-tablet {
margin-right: 104px
}
.ml-xl-tablet {
margin-left: 104px
}
.mt-xl-tablet {
margin-top: 104px
}
.mb-xl-tablet {
margin-bottom: 104px
}
.m-xl-tablet {
margin: 104px
}
.px-0-tablet {
padding-left: 0;
padding-right: 0
}
.py-0-tablet {
padding-top: 0;
padding-bottom: 0
}
.pr-0-tablet {
padding-right: 0
}
.pl-0-tablet {
padding-left: 0
}
.pt-0-tablet {
padding-top: 0
}
.pb-0-tablet {
padding-bottom: 0
}
.p-0-tablet {
padding: 0
}
.px-xs-tablet {
padding-left: 6px;
padding-right: 6px
}
.py-xs-tablet {
padding-top: 6px;
padding-bottom: 6px
}
.pr-xs-tablet {
padding-right: 6px
}
.pl-xs-tablet {
padding-left: 6px
}
.pt-xs-tablet {
padding-top: 6px
}
.pb-xs-tablet {
padding-bottom: 6px
}
.p-xs-tablet {
padding: 6px
}
.px-s-tablet {
padding-left: 13px;
padding-right: 13px
}
.py-s-tablet {
padding-top: 13px;
padding-bottom: 13px
}
.pr-s-tablet {
padding-right: 13px
}
.pl-s-tablet {
padding-left: 13px
}
.pt-s-tablet {
padding-top: 13px
}
.pb-s-tablet {
padding-bottom: 13px
}
.p-s-tablet {
padding: 13px
}
.px-m-tablet {
padding-left: 26px;
padding-right: 26px
}
.py-m-tablet {
padding-top: 26px;
padding-bottom: 26px
}
.pr-m-tablet {
padding-right: 26px
}
.pl-m-tablet {
padding-left: 26px
}
.pt-m-tablet {
padding-top: 26px
}
.pb-m-tablet {
padding-bottom: 26px
}
.p-m-tablet {
padding: 26px
}
.px-l-tablet {
padding-left: 52px;
padding-right: 52px
}
.py-l-tablet {
padding-top: 52px;
padding-bottom: 52px
}
.pr-l-tablet {
padding-right: 52px
}
.pl-l-tablet {
padding-left: 52px
}
.pt-l-tablet {
padding-top: 52px
}
.pb-l-tablet {
padding-bottom: 52px
}
.p-l-tablet {
padding: 52px
}
.px-xl-tablet {
padding-left: 104px;
padding-right: 104px
}
.py-xl-tablet {
padding-top: 104px;
padding-bottom: 104px
}
.pr-xl-tablet {
padding-right: 104px
}
.pl-xl-tablet {
padding-left: 104px
}
.pt-xl-tablet {
padding-top: 104px
}
.pb-xl-tablet {
padding-bottom: 104px
}
.p-xl-tablet {
padding: 104px
}
}
@media screen and (min-width:1024px) {
.mx-0-desktop {
margin-left: 0;
margin-right: 0
}
.my-0-desktop {
margin-top: 0;
margin-bottom: 0
}
.mr-0-desktop {
margin-right: 0
}
.ml-0-desktop {
margin-left: 0
}
.mt-0-desktop {
margin-top: 0
}
.mb-0-desktop {
margin-bottom: 0
}
.m-0-desktop {
margin: 0
}
.mx-xs-desktop {
margin-left: 6px;
margin-right: 6px
}
.my-xs-desktop {
margin-top: 6px;
margin-bottom: 6px
}
.mr-xs-desktop {
margin-right: 6px
}
.ml-xs-desktop {
margin-left: 6px
}
.mt-xs-desktop {
margin-top: 6px
}
.mb-xs-desktop {
margin-bottom: 6px
}
.m-xs-desktop {
margin: 6px
}
.mx-s-desktop {
margin-left: 13px;
margin-right: 13px
}
.my-s-desktop {
margin-top: 13px;
margin-bottom: 13px
}
.mr-s-desktop {
margin-right: 13px
}
.ml-s-desktop {
margin-left: 13px
}
.mt-s-desktop {
margin-top: 13px
}
.mb-s-desktop {
margin-bottom: 13px
}
.m-s-desktop {
margin: 13px
}
.mx-m-desktop {
margin-left: 26px;
margin-right: 26px
}
.my-m-desktop {
margin-top: 26px;
margin-bottom: 26px
}
.mr-m-desktop {
margin-right: 26px
}
.ml-m-desktop {
margin-left: 26px
}
.mt-m-desktop {
margin-top: 26px
}
.mb-m-desktop {
margin-bottom: 26px
}
.m-m-desktop {
margin: 26px
}
.mx-l-desktop {
margin-left: 52px;
margin-right: 52px
}
.my-l-desktop {
margin-top: 52px;
margin-bottom: 52px
}
.mr-l-desktop {
margin-right: 52px
}
.ml-l-desktop {
margin-left: 52px
}
.mt-l-desktop {
margin-top: 52px
}
.mb-l-desktop {
margin-bottom: 52px
}
.m-l-desktop {
margin: 52px
}
.mx-xl-desktop {
margin-left: 104px;
margin-right: 104px
}
.my-xl-desktop {
margin-top: 104px;
margin-bottom: 104px
}
.mr-xl-desktop {
margin-right: 104px
}
.ml-xl-desktop {
margin-left: 104px
}
.mt-xl-desktop {
margin-top: 104px
}
.mb-xl-desktop {
margin-bottom: 104px
}
.m-xl-desktop {
margin: 104px
}
.px-0-desktop {
padding-left: 0;
padding-right: 0
}
.py-0-desktop {
padding-top: 0;
padding-bottom: 0
}
.pr-0-desktop {
padding-right: 0
}
.pl-0-desktop {
padding-left: 0
}
.pt-0-desktop {
padding-top: 0
}
.pb-0-desktop {
padding-bottom: 0
}
.p-0-desktop {
padding: 0
}
.px-xs-desktop {
padding-left: 6px;
padding-right: 6px
}
.py-xs-desktop {
padding-top: 6px;
padding-bottom: 6px
}
.pr-xs-desktop {
padding-right: 6px
}
.pl-xs-desktop {
padding-left: 6px
}
.pt-xs-desktop {
padding-top: 6px
}
.pb-xs-desktop {
padding-bottom: 6px
}
.p-xs-desktop {
padding: 6px
}
.px-s-desktop {
padding-left: 13px;
padding-right: 13px
}
.py-s-desktop {
padding-top: 13px;
padding-bottom: 13px
}
.pr-s-desktop {
padding-right: 13px
}
.pl-s-desktop {
padding-left: 13px
}
.pt-s-desktop {
padding-top: 13px
}
.pb-s-desktop {
padding-bottom: 13px
}
.p-s-desktop {
padding: 13px
}
.px-m-desktop {
padding-left: 26px;
padding-right: 26px
}
.py-m-desktop {
padding-top: 26px;
padding-bottom: 26px
}
.pr-m-desktop {
padding-right: 26px
}
.pl-m-desktop {
padding-left: 26px
}
.pt-m-desktop {
padding-top: 26px
}
.pb-m-desktop {
padding-bottom: 26px
}
.p-m-desktop {
padding: 26px
}
.px-l-desktop {
padding-left: 52px;
padding-right: 52px
}
.py-l-desktop {
padding-top: 52px;
padding-bottom: 52px
}
.pr-l-desktop {
padding-right: 52px
}
.pl-l-desktop {
padding-left: 52px
}
.pt-l-desktop {
padding-top: 52px
}
.pb-l-desktop {
padding-bottom: 52px
}
.p-l-desktop {
padding: 52px
}
.px-xl-desktop {
padding-left: 104px;
padding-right: 104px
}
.py-xl-desktop {
padding-top: 104px;
padding-bottom: 104px
}
.pr-xl-desktop {
padding-right: 104px
}
.pl-xl-desktop {
padding-left: 104px
}
.pt-xl-desktop {
padding-top: 104px
}
.pb-xl-desktop {
padding-bottom: 104px
}
.p-xl-desktop {
padding: 104px
}
}
@media screen and (min-width:1216px) {
.mx-0-widescreen {
margin-left: 0;
margin-right: 0
}
.my-0-widescreen {
margin-top: 0;
margin-bottom: 0
}
.mr-0-widescreen {
margin-right: 0
}
.ml-0-widescreen {
margin-left: 0
}
.mt-0-widescreen {
margin-top: 0
}
.mb-0-widescreen {
margin-bottom: 0
}
.m-0-widescreen {
margin: 0
}
.mx-xs-widescreen {
margin-left: 6px;
margin-right: 6px
}
.my-xs-widescreen {
margin-top: 6px;
margin-bottom: 6px
}
.mr-xs-widescreen {
margin-right: 6px
}
.ml-xs-widescreen {
margin-left: 6px
}
.mt-xs-widescreen {
margin-top: 6px
}
.mb-xs-widescreen {
margin-bottom: 6px
}
.m-xs-widescreen {
margin: 6px
}
.mx-s-widescreen {
margin-left: 13px;
margin-right: 13px
}
.my-s-widescreen {
margin-top: 13px;
margin-bottom: 13px
}
.mr-s-widescreen {
margin-right: 13px
}
.ml-s-widescreen {
margin-left: 13px
}
.mt-s-widescreen {
margin-top: 13px
}
.mb-s-widescreen {
margin-bottom: 13px
}
.m-s-widescreen {
margin: 13px
}
.mx-m-widescreen {
margin-left: 26px;
margin-right: 26px
}
.my-m-widescreen {
margin-top: 26px;
margin-bottom: 26px
}
.mr-m-widescreen {
margin-right: 26px
}
.ml-m-widescreen {
margin-left: 26px
}
.mt-m-widescreen {
margin-top: 26px
}
.mb-m-widescreen {
margin-bottom: 26px
}
.m-m-widescreen {
margin: 26px
}
.mx-l-widescreen {
margin-left: 52px;
margin-right: 52px
}
.my-l-widescreen {
margin-top: 52px;
margin-bottom: 52px
}
.mr-l-widescreen {
margin-right: 52px
}
.ml-l-widescreen {
margin-left: 52px
}
.mt-l-widescreen {
margin-top: 52px
}
.mb-l-widescreen {
margin-bottom: 52px
}
.m-l-widescreen {
margin: 52px
}
.mx-xl-widescreen {
margin-left: 104px;
margin-right: 104px
}
.my-xl-widescreen {
margin-top: 104px;
margin-bottom: 104px
}
.mr-xl-widescreen {
margin-right: 104px
}
.ml-xl-widescreen {
margin-left: 104px
}
.mt-xl-widescreen {
margin-top: 104px
}
.mb-xl-widescreen {
margin-bottom: 104px
}
.m-xl-widescreen {
margin: 104px
}
.px-0-widescreen {
padding-left: 0;
padding-right: 0
}
.py-0-widescreen {
padding-top: 0;
padding-bottom: 0
}
.pr-0-widescreen {
padding-right: 0
}
.pl-0-widescreen {
padding-left: 0
}
.pt-0-widescreen {
padding-top: 0
}
.pb-0-widescreen {
padding-bottom: 0
}
.p-0-widescreen {
padding: 0
}
.px-xs-widescreen {
padding-left: 6px;
padding-right: 6px
}
.py-xs-widescreen {
padding-top: 6px;
padding-bottom: 6px
}
.pr-xs-widescreen {
padding-right: 6px
}
.pl-xs-widescreen {
padding-left: 6px
}
.pt-xs-widescreen {
padding-top: 6px
}
.pb-xs-widescreen {
padding-bottom: 6px
}
.p-xs-widescreen {
padding: 6px
}
.px-s-widescreen {
padding-left: 13px;
padding-right: 13px
}
.py-s-widescreen {
padding-top: 13px;
padding-bottom: 13px
}
.pr-s-widescreen {
padding-right: 13px
}
.pl-s-widescreen {
padding-left: 13px
}
.pt-s-widescreen {
padding-top: 13px
}
.pb-s-widescreen {
padding-bottom: 13px
}
.p-s-widescreen {
padding: 13px
}
.px-m-widescreen {
padding-left: 26px;
padding-right: 26px
}
.py-m-widescreen {
padding-top: 26px;
padding-bottom: 26px
}
.pr-m-widescreen {
padding-right: 26px
}
.pl-m-widescreen {
padding-left: 26px
}
.pt-m-widescreen {
padding-top: 26px
}
.pb-m-widescreen {
padding-bottom: 26px
}
.p-m-widescreen {
padding: 26px
}
.px-l-widescreen {
padding-left: 52px;
padding-right: 52px
}
.py-l-widescreen {
padding-top: 52px;
padding-bottom: 52px
}
.pr-l-widescreen {
padding-right: 52px
}
.pl-l-widescreen {
padding-left: 52px
}
.pt-l-widescreen {
padding-top: 52px
}
.pb-l-widescreen {
padding-bottom: 52px
}
.p-l-widescreen {
padding: 52px
}
.px-xl-widescreen {
padding-left: 104px;
padding-right: 104px
}
.py-xl-widescreen {
padding-top: 104px;
padding-bottom: 104px
}
.pr-xl-widescreen {
padding-right: 104px
}
.pl-xl-widescreen {
padding-left: 104px
}
.pt-xl-widescreen {
padding-top: 104px
}
.pb-xl-widescreen {
padding-bottom: 104px
}
.p-xl-widescreen {
padding: 104px
}
}
body,
html {
height: 100%
}
a {
color: #0a0a0a
}
.title,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Red Hat Display, serif;
font-weight: 900;
color: inherit
}
.content h1,
.title,
.title:not(:last-child) {
margin-bottom: 3rem
}
.blogposts .content h1,
.title,
.title:not(:last-child) {
margin-bottom: 1rem
}
.blogposts .content ul li:before,
.tick-list li:before {
display: none;
}
.blogposts .content ul li,
.tick-list li {
padding-left: 0;
}
.wpisyblogowe textarea {
resize: none;
}
.content ul.spistresci {
margin: 2rem 0 !important;
background: #f1f1f1;
border-radius: 1rem;
padding: 2rem;
}
.content blockquote {
background-color: transparent;
margin: 2rem 0;
}
.content blockquote:not(:last-child) {
margin: 2rem 0;
}
.content .title,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
color: inherit;
font-weight: 900
}
.subtitle p+p {
margin-top: .325rem
}
.has-text-shadow {
text-shadow: 0 0 13px rgba(0, 0, 0, .6)
}
.content a:not(.button):not(.no-underline) {
position: relative;
}
.content a:not(.button):not(.no-underline):after {
content: "";
height: 1px;
width: 100%;
background-color: currentColor;
position: absolute;
top: 100%;
left: 0;
pointer-events: none;
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-animation: underlineIn .45s cubic-bezier(.15, .75, .5, 1) forwards;
animation: underlineIn .45s cubic-bezier(.15, .75, .5, 1) forwards
}
.content a:not(.button):not(.no-underline):hover:after {
-webkit-animation: underlineOut .45s cubic-bezier(.15, .75, .5, 1) forwards;
animation: underlineOut .45s cubic-bezier(.15, .75, .5, 1) forwards
} @media screen and (max-width:1023px) {
.mobile-triggers {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
margin-left: auto
}
.mobile-triggers svg {
-webkit-transform: translateY(3px);
transform: translateY(3px);
margin-right: 10px
}
.navbar.is-fixed-top .navbar-menu,
.navbar.is-fixed-top-touch .navbar-menu {
position: fixed;
top: 0;
left: 0;
display: -webkit-box;
display: flex;
overflow: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
width: 100%;
min-height: 100vh;
max-height: 100vh;
-webkit-transition: -webkit-transform .3s ease-out;
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
text-align: left; -webkit-overflow-scrolling: touch;
-webkit-box-align: center;
align-items: center;
padding: 6px 0;
background: rgba(5, 5, 5, .88) url(https://www.grupabiotop.pl/wp-content/uploads/2020/04/contact-bg.jpg);
background-position: 50% 50%;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px)
}
.navbar.is-fixed-top .navbar-menu.is-active,
.navbar.is-fixed-top-touch .navbar-menu.is-active {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.navbar-brand {
position: relative
}
.navbar-dropdown .navbar-item {
padding-top: .125rem;
padding-bottom: .125rem;
font-size: 15px
}
.navbar-burger {
z-index: 100
}
.navbar-dropdown .navbar-item {
font-weight: 400;
line-height: 15px;
}
}
.navbar-burger span {
left: calc(50% - 14px);
width: 28px;
-webkit-transition-duration: .4s;
transition-duration: .4s
}
.navbar-burger span:first-child {
top: calc(50% - 9px)
}
.navbar-burger span:nth-child(2) {
top: calc(50% - 1px)
}
.navbar-burger span:nth-child(3) {
top: calc(50% + 7px)
}
.navbar-burger.is-active span:first-child {
-webkit-transform: translateY(8px) rotate(45deg);
transform: translateY(8px) rotate(45deg)
}
.navbar-burger.is-active span:nth-child(3) {
-webkit-transform: translateY(-8px) rotate(-45deg);
transform: translateY(-8px) rotate(-45deg)
}
.navbar-burger {
z-index: 10;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition-duration: .4s;
transition-duration: .4s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center;
transform-origin: center;
color: #fff
}
.navbar-burger:hover {
color: #fff
}
.navbar-burger.is-active {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
color: #fff
}
.navbar-burger span {
height: 2px
}
.navbar {
-webkit-transition: all .3s;
transition: all .3s;
background: rgba(5, 5, 5, .7);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px)
}
.navbar:after {
left: 0;
content: "";
display: block;
position: absolute;
top: 100%;
width: 100%;
height: 1px;
z-index: 1;
background-color: hsla(0, 0%, 100%, .24)
}
.is-menu-open .navbar:after {
background-color: transparent;
}
.home .navbar {
-webkit-backdrop-filter: none;
backdrop-filter: none;
background: 0 0
}
.home .navbar:after {
display: none
}
.navbar.is-in-view {
background: rgba(5, 5, 5, .7);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px)
}
.navbar.is-in-view:after {
display: block
}
.navbar-menu {
box-shadow: none
}
.navbar-item,
.navbar-link {
font-size: 16px;
font-weight: 700;
position: relative;
padding: .325rem .425rem;
-webkit-transition: color .5s cubic-bezier(.45, 0, .14, 1.03);
transition: color .5s cubic-bezier(.45, 0, .14, 1.03);
letter-spacing: 1px
}
.navbar .select:not(.is-multiple):not(.is-loading):after,
.navbar-link:not(.is-arrowless):after {
width: .625em;
height: .625em;
margin-top: -.4375em;
border: 1px solid transparent;
border-top: 0;
border-right: 0;
border-radius: 0
}
.navbar-link:not(.is-arrowless):after {
right: 1.125em;
margin-top: -.575em;
border-color: inherit
}
.navbar-phone {
display: -webkit-box;
display: flex;
margin-top: 1rem;
margin-bottom: 1rem;
-webkit-box-align: center;
align-items: center
}
.navbar-phone svg {
margin-right: .5rem
}
.navbar-button {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center
}
.navbar-button .button {
height: 32px
}
@media screen and (max-width:768px) {
.navbar-link:not(.is-arrowless) {
padding-right: .75rem;
}
}
@media screen and (min-width:1024px) {
.navbar-item,
.navbar-link {
font-size: 13px;
font-weight: 400;
}
.underline-link:not(.is-active) {
position: relative
}
.underline-link:not(.is-active):before {
position: absolute;
top: 2.5em;
left: .425rem;
width: calc(100% - 1rem);
height: 1px;
content: "";
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-animation: underlineOut .45s cubic-bezier(.15, .75, .5, 1) forwards;
animation: underlineOut .45s cubic-bezier(.15, .75, .5, 1) forwards;
pointer-events: none;
background-color: #f60
}
.underline-link:not(.is-active):hover:before {
-webkit-animation: underlineIn .45s cubic-bezier(.15, .75, .5, 1) forwards;
animation: underlineIn .45s cubic-bezier(.15, .75, .5, 1) forwards
}
.has-dropdown .underline-link:not(.is-active):before {
display: none
}
.navbar {
-webkit-transition: all .3s;
transition: all .3s
}
.home .navbar {
background-color: transparent
}
.navbar:hover {
background: rgba(5, 5, 5, .9) !important
}
.navbar.is-out-view {
background: 0 0;
-webkit-backdrop-filter: none;
backdrop-filter: none
}
.navbar.is-in-view {
background: rgba(5, 5, 5, .7);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px)
}
.navbar-phone {
margin: 0 1rem 0 0
}
.navbar-dropdown {
display: block;
-webkit-transition: all .3s;
transition: all .3s;
-webkit-transform: translateY(40px);
transform: translateY(40px);
opacity: 0;
border-radius: 0;
box-shadow: none;
visibility: hidden
}
.navbar-item.is-active .navbar-dropdown,
.navbar-item.is-hoverable:focus .navbar-dropdown,
.navbar-item.is-hoverable:focus-within .navbar-dropdown,
.navbar-item.is-hoverable:hover .navbar-dropdown {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible
}
}
@-webkit-keyframes underlineOut {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: right;
transform-origin: right
}
to {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right;
transform-origin: right
}
}
@keyframes underlineOut {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: right;
transform-origin: right
}
to {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right;
transform-origin: right
}
}
@-webkit-keyframes underlineIn {
0% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left;
transform-origin: left
}
}
@keyframes underlineIn {
0% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left;
transform-origin: left
}
}
::--webkit-media-controls-play-button,
::-webkit-media-controls-panel {
display: none !important;
-webkit-appearance: none
}
::-webkit-media-controls-start-playback-button {
display: none !important;
-webkit-appearance: none
}
.scroll-arrow {
position: absolute;
z-index: 4;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 1rem;
cursor: pointer
}
.hero-video-controls {
position: absolute;
left: 1rem;
bottom: 1rem;
z-index: 2
}
.hero {
position: relative
}
.hero.is-half-height {
min-height: 50vh
}
.hero.is-two-thirds-height {
min-height: 75vh
}
.full-height,
body,
html {
height: 100%
}
.hero.hero-vh {
min-height: 85svh;
}
.hero.has-background {
position: relative
}
.hero.has-background-color {
background-color: #faf3ed
}
.hero-background {
position: absolute;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%;
height: 100%
}
.hero-background-right {
-o-object-position: center right;
object-position: center right
}
.hero-background-left {
-o-object-position: center left;
object-position: center left
}
.is-two-thirds-height {
height: 75vh
}
.hero.is-fixed+section {
margin-top: 100vh;
position: relative;
z-index: 10
}
.hero-body {
display: -webkit-box;
display: flex;
-webkit-box-align: end;
align-items: flex-end;
-webkit-box-pack: start;
justify-content: flex-start;
position: relative;
z-index: 3;
padding: 1rem 5rem
}
.hero-body.is-black {
background-color: #0a0a0a
}
.hero-body.is-top-centered {
-webkit-box-align: start;
align-items: flex-start;
padding-top: 6rem
}
.full-length-video-is-active .hero-body {
pointer-events: none
}
.home-hero-body {
pointer-events: auto;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity .6s cubic-bezier(.215, .61, .355, 1), -webkit-transform .6s cubic-bezier(.215, .61, .355, 1);
transition: opacity .6s cubic-bezier(.215, .61, .355, 1), -webkit-transform .6s cubic-bezier(.215, .61, .355, 1);
transition: opacity .6s cubic-bezier(.215, .61, .355, 1), transform .6s cubic-bezier(.215, .61, .355, 1);
transition: opacity .6s cubic-bezier(.215, .61, .355, 1), transform .6s cubic-bezier(.215, .61, .355, 1), -webkit-transform .6s cubic-bezier(.215, .61, .355, 1)
}
@media (max-width: 1024px) {
.home-hero-body .button {
padding: 8px 10px;
}
}
.full-length-video-is-active .home-hero-body {
opacity: 0;
-webkit-transform: translateY(-50vh);
transform: translateY(-50vh)
}
.vid-container {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity .6s cubic-bezier(.215, .61, .355, 1);
transition: opacity .6s cubic-bezier(.215, .61, .355, 1)
}
.full-length-video-is-active .vid-container {
opacity: 0
}
.full-length-video-container {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity .6s cubic-bezier(.215, .61, .355, 1);
transition: opacity .6s cubic-bezier(.215, .61, .355, 1);
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background-color: #0a0a0a;
width: 100vw;
height: 100%
}
.full-length-video {
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
height: 100%;
width: 100%;
position: relative
}
.full-length-video-controls {
position: absolute;
bottom: 1rem;
right: 1rem;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center
}
.full-length-video-controls span {
cursor: pointer;
margin-right: .5rem
}
.hero-title {
text-transform: uppercase;
margin-top: .5rem;
margin-bottom: .5rem;
font-size: 26px;
line-height: 1.1;
font-weight: 900
}
.disclaimer {
position: absolute;
bottom: 3rem;
right: 3rem;
z-index: 2
}
.body-frame {
content: "";
position: fixed;
z-index: 300;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1rem solid #fff;
pointer-events: none;
display: none
}
.hero.has-background {
overflow: hidden
}
.hero-overlay {
width: 100%;
height: 100%;
background-color: #000;
position: absolute;
top: 0;
left: 0;
z-index: 0;
z-index: 1;
opacity: 0;
-webkit-transition: opacity 2s cubic-bezier(.215, .61, .355, 1);
transition: opacity 2s cubic-bezier(.215, .61, .355, 1)
}
.is-loaded+.hero-overlay {
opacity: .6
}
.is-loaded+.hero-overlay.is-light {
opacity: .3
}
@media screen and (max-width:768px) {
.hero-body .buttons .button:not(:last-child):not(.is-fullwidth) {
margin-right: 0
}
}
@media screen and (min-width:1024px) {
.hero-title {
padding-left: 1rem;
padding-right: 1rem;
max-width: 450px
}
.hero-para {
padding-left: 1rem;
padding-right: 1rem
}
}
.hero-para {
max-width: 550px;
margin-bottom: 1rem
}
.hero-cta {
padding: 1rem;
}
@media (max-width: 991.98px) {
.hero-cta {
padding: 0;
}
}
.hero-para a {
text-decoration: underline;
color: #fff
}
.hero-para a:hover {
color: #f60;
text-decoration: none
}
.hero-play-button {
display: block;
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
transform: translateX(-50%) translateY(-50%);
margin-top: -48px;
opacity: 1;
transition: all .3s
}
.zobaczfilm {
padding-left: 1rem;
}
@media (max-width: 991.98px) {
.zobaczfilm {
padding: 0;
}
.hero-play-button {
display: block;
position: absolute;
top: 35%;
left: 50%;
z-index: 10;
transform: translateX(-50%) translateY(-50%);
margin-top: -48px;
opacity: 1;
transition: all .3s
}
}
.full-length-video-is-active .hero-play-button {
display: none;
opacity: 0;
display: none
}
.hero-buttons .button {
min-width: 300px;
padding-left: 24px;
padding-right: 24px
}
.bg-cover-parent {
background-size: cover;
background-attachment: fixed;
background-position: 50% 50%;
background-repeat: no-repeat
}
.bg-cover-parent-contain {
background-size: 100% auto;
background-position: top
}
@media screen and (max-width:768px) {
.bg-cover-parent {
background-image: none !important
}
}
.section {
background-color: #fff;
position: relative
}
.section.has-background {
background-color: #f6f9fc
}
.section.has-background-dark {
background-color: #0a0a0a !important
}
.section.is-transparent {
background-color: transparent
}
.section.has-separator {
border-top: 12px solid #f6f9fc
}
.section.no-v-padding {
padding-top: 0;
padding-bottom: 0
}
.section.is-overflow-hidden {
overflow: hidden
}
@media screen and (min-width:769px) {
.section {
padding: 7rem 1.5rem;
}
}
@media screen and (min-width:769px) {
.section.blogposts {
padding: 4rem 1.5rem;
}
}
.section.blogzbiorczo {
padding: 0 1.5rem;
}
@media (max-width: 991.98px) {
.section.blogzbiorczo {
padding: 0 0.5rem;
}
}
.number-counter {
text-align: center
}
.number-counter__circle {
line-height: 1;
display: inline-block;
position: relative
}
.number-counter__txt {
margin-top: .625rem;
line-height: 1.2
}
.about-info {
padding: 1rem 0;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center
}
.about-info:first-child {
padding-top: 0
}
.about-info:not(:last-child) {
border-bottom: 1px solid #d7dde1
}
.about-info h4,
.about-info p {
margin-bottom: .625rem
}
.about-info-icon {
flex-shrink: 0
}
.about-info-icon img,
.about-info-icon svg {
width: 60px;
height: 60px;
margin-right: 1.325rem
}
.about-info-container {
width: 100%;
-webkit-backface-visibility: hidden;
overflow: hidden
}
@media screen and (min-width:769px) {
.about-info-container {
padding: 0 2rem
}
.about-info-icon img,
.about-info-icon svg {
width: 85px;
height: 85px;
margin-right: 1.625rem
}
}
@media screen and (max-width:768px) {
.reverse-columns {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
flex-direction: column-reverse;
display: -webkit-box;
display: flex
}
}
@media screen and (min-width:769px) {
.is-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
display: -webkit-box;
display: flex
}
}
.footer {
position: relative
}
.footer2 {
border-top: 1px solid #ccc;
}
.contact-page .footer {
padding-top: 3rem;
min-height: 100vh;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: justify;
justify-content: space-between
}
.footer .section {
background-color: transparent
}
.contact-content a {
color: #0a0a0a
}
.comunicators-links {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center
}
.social-list__item {
margin: 0 1.5rem
}
.social-list__item:first-child {
margin-left: 0
}
.social-list__link {
opacity: .7;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.social-list__link:hover {
opacity: 1
}
.color-select {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center
}
.color-select li {
margin: 0 .5rem;
width: 36px;
height: 36px;
border-radius: 50%;
background-color: #f60
}
.tabs li>a.is-active {
border-bottom-color: #f60;
color: #f60
}
.tabs__panels {
position: relative;
margin: 30px -.75rem 0
}
@media screen and (min-width:769px) {
.tabs__panels {
margin-top: 30px;
margin-bottom: 0
}
}
.tabs__panel {
position: relative;
top: 0;
left: 0;
-webkit-transition: none;
transition: none;
-webkit-transform: scale(.8);
transform: scale(.8);
width: 100%;
opacity: 0;
display: none
}
.tabs__panel.is-active {
-webkit-transition: all .25s linear 0s;
transition: all .25s linear 0s;
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
display: block
}
.tab__content {
height: 100%
}
.pagination-nav {
padding-top: 2rem;
text-align: center
}
.pagination-nav li {
display: inline-block
}
.pagination-nav a {
text-transform: lowercase;
letter-spacing: 1.5px;
display: -webkit-inline-box;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
padding: 0 .825em
}
.pagination-nav a:before {
content: "";
display: inline-block;
width: .825em;
height: .825em;
border: 1px solid;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
border-bottom: 0;
border-right: 0
}
.pagination-nav li:nth-child(2) a:before {
-webkit-transform: rotate(135deg);
transform: rotate(135deg)
}
.button {
-webkit-transition: all .3s ease 0s;
transition: all .3s ease 0s;
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
height: 41px
}
.button.is-text,
a.button.is-text {
background-color: transparent;
border: 0;
border-width: 1px;
color: #3e5769;
cursor: pointer;
-webkit-box-pack: center;
justify-content: center;
padding: calc(1.375em - 1px) .325em calc(1.375em - 1px) 0;
text-align: center;
white-space: nowrap;
border-radius: 0;
font-size: .875rem;
letter-spacing: 1px;
text-decoration: none;
font-weight: 700;
height: auto
}
.button.is-text.has-color-white,
a.button.is-text.has-color-white {
color: #fff
}
.button.is-text:before,
a.button.is-text:before {
content: "";
width: 60px;
height: 1px;
background-color: #f60;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateX(0) translateY(-50%);
transform: translateX(0) translateY(-50%);
-webkit-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.button.is-text span,
a.button.is-text span {
padding-left: 64px;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.button.is-text:active,
.button.is-text:focus,
.button.is-text:hover,
a.button.is-text:active,
a.button.is-text:focus,
a.button.is-text:hover {
background-color: transparent
}
.button.is-text:active:before,
.button.is-text:focus:before,
.button.is-text:hover:before,
a.button.is-text:active:before,
a.button.is-text:focus:before,
a.button.is-text:hover:before {
width: 100%
}
.button.is-text:active span,
.button.is-text:focus span,
.button.is-text:hover span,
a.button.is-text:active span,
a.button.is-text:focus span,
a.button.is-text:hover span {
-webkit-transform: translateY(-1em);
transform: translateY(-1em)
}
.button svg {
width: 2.225em;
height: 2.225em
}
.buttonis-outlined {
border-width: 1px
}
.buttonis-outlined:after,
.buttonis-outlined:before {
display: none
}
.content ul {
list-style: none;
margin-left: 0;
margin-top: 1em;
margin-bottom: 1em
}
.content ul+p {
margin-bottom: 2em !important
}
.content ul:not(:last-child) {
margin-bottom: 1.325em !important
}
.content ul li,
.tick-list li {
position: relative;
padding-left: 1.825em
}
.content ul li:not(:last-child),
.tick-list li:not(:last-child) {
margin-bottom: .425rem
}
.content ul li:before,
.tick-list li:before {
content: " ";
position: absolute;
z-index: 4;
top: .425em;
left: .325em;
display: block;
width: .825em;
height: .425em;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
pointer-events: none;
border: 2px solid #f60;
border-top: 0;
border-right: 0
}
.content .tick-list {
list-style: none;
margin-left: 0;
margin-top: 1.5em
}
.keywords-list li {
display: inline-block;
position: relative;
white-space: nowrap;
font-size: .825rem
}
.keywords-list li:not(:last-child) {
margin-right: .325rem
}
.keywords-list li:not(:last-child):after {
content: "|";
display: inline-block;
padding-left: .425rem;
color: #f60
}
.logos-list {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
margin: 0 -.75rem
}
.logos-list li {
text-align: center;
display: block;
margin: .75rem
}
.logos-list img,
.logos-list svg {
display: inline-block;
height: 26px;
-webkit-transition: all .3s;
transition: all .3s
}
.logos-list path,
.logos-list svg {
fill: #f60
}
.svg-colour path,
.svg-colour svg {
fill: #9ba9bb
}
.estimate-steps {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center
}
.estimate-steps li {
width: 33.333%;
position: relative;
margin: 0 .5rem;
text-align: left;
font-weight: 700
}
.estimate-steps li:after {
content: "";
display: block;
width: 100%;
height: 2px;
background-color: #8e8e8e
}
.estimate-steps li.is-active {
color: #f60
}
.estimate-steps li.is-active:after {
background-color: #f60
}
.contact_content {
margin-bottom: 3rem
}
.label {
font-weight: 600;
font-size: .825rem;
letter-spacing: 1px;
color: #fff
}
.label i {
font-size: 80%;
color: hsla(0, 0%, 100%, .9)
}
.file-upload-row {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
align-items: center
}
.delete-file {
color: #fff;
display: inline-block;
margin-left: 5px
}
.delete-file:hover {
color: #fff
}
.field {
position: relative
}
.control .label {
padding-left: .825em;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
pointer-events: none
}
.input:focus+label {
-webkit-transform: translateY(-200%);
transform: translateY(-200%)
}
.input,
.textarea {
box-shadow: none;
background-color: transparent;
border-width: 2px;
-webkit-transition: all .3s;
transition: all .3s
}
.input:hover,
.textarea:hover {
box-shadow: none
}
.input:focus,
.textarea:focus {
border-color: #f60;
box-shadow: none
}
.select.is-full-width {
background-color: transparent;
border: 1px solid #fff;
width: 100%;
font-size: 1rem;
border-radius: 4px
}
.select.is-full-width:hover {
border-color: #f60
}
.select.is-full-width select {
width: 100%;
height: 100%;
font-weight: 600;
font-size: .825rem;
letter-spacing: 1px;
background-color: transparent;
outline: 0;
box-shadow: none;
border-radius: 4px
}
.select.is-full-width select:focus {
outline: 0;
box-shadow: none;
border-color: transparent
}
.select.is-full-width select:hover {
border-color: #f60;
outline: 0
}
.select.is-full-width:not(.is-multiple):not(.is-loading):after {
border-radius: 0;
border-right: 0;
border-top: 0;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
border-right-color: #fff;
border-top-color: #fff;
right: 1.125em;
z-index: 4
}
input[type=radio] {
visibility: hidden
}
.choose-roof-type>.control,
.radio-icon-content {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center
}
.radio-icon-content {
text-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
padding: 1rem;
border-radius: 4px;
border: 2px solid transparent;
min-width: 140px;
height: 100%;
font-size: .825rem
}
.radio-icon-content img {
display: inline-block
}
.radio-has-icon {
max-width: 180px;
min-height: 100%
}
.radio-has-icon input[type=radio]:checked+.radio-icon-content {
border: 2px solid #0a0a0a;
box-shadow: 0 0 23.78px rgba(25, 23, 25, .43)
}
.file-icon svg {
width: inherit;
height: inherit
}
.file-cta:hover svg {
fill: #f60
}
.checkbox input {
opacity: 0;
width: unset;
position: absolute
}
.checkbox label span {
cursor: pointer;
line-height: 1.5;
color: #fff;
display: block;
display: -webkit-box;
display: flex
}
.checkbox label span:before {
content: "";
border-radius: 2px;
cursor: pointer;
background: 0 0;
border: 2px solid hsla(0, 0%, 100%, .9);
display: inline-block;
width: 20px;
height: 20px;
flex-shrink: 0;
margin-top: 3px;
margin-right: 10px
}
.checkbox label span:after {
content: "";
border: 2px solid #f60;
border-left: 0;
border-top: 0;
display: inline-block;
width: 5px;
height: 10px;
margin-top: 3px;
position: absolute;
top: 3px;
left: 8px;
opacity: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.checkbox label input:checked+span:before {
content: "";
border-color: #f60
}
.checkbox label input:checked+span:after {
opacity: 1
}
.control .icon svg {
width: 1.325em;
height: 1.325em
}
.fl-has-focus .textarea,
.fl-is-active .textarea {
resize: none;
padding-top: var(--textareaHelpText)
}
.fl-has-focus .textarea::-webkit-input-placeholder,
.fl-is-active .textarea::-webkit-input-placeholder {
color: transparent
}
.fl-has-focus .textarea::-moz-placeholder,
.fl-is-active .textarea::-moz-placeholder {
color: transparent
}
.fl-has-focus .textarea:-ms-input-placeholder,
.fl-is-active .textarea:-ms-input-placeholder {
color: transparent
}
.fl-has-focus .textarea::-ms-input-placeholder,
.fl-is-active .textarea::-ms-input-placeholder {
color: transparent
}
.fl-has-focus .textarea::placeholder,
.fl-is-active .textarea::placeholder {
color: transparent
}
.textarea-help-text {
font-style: italic;
color: hsla(0, 0%, 100%, .8);
font-size: .825rem;
height: auto;
width: 100%;
position: absolute;
left: 0;
top: 0;
padding: .625em;
display: block;
z-index: 1;
pointer-events: none;
opacity: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.fl-has-focus+.textarea-help-text,
.fl-is-active+.textarea-help-text,
.textarea-help-text.has-focus {
opacity: 1
}
span.wpcf7-list-item {
margin: 0;
display: inline
}
form .button.is-loading {
color: #fff !important
}
form .button.is-loading:after {
position: relative !important;
margin-left: 10px;
margin-top: -2px;
left: auto;
top: auto
}
#map {
height: 500px
}
@media screen and (min-width:1024px) {
#map {
height: 500px;
margin-left: 0;
margin-right: 0
}
}
.map,
.map #map,
.map-container {
position: relative
}
.map #map {
width: 100%;
max-height: 650px;
height: 600px
}
.map #map>.gm-style {
position: absolute;
width: 100%;
height: 100%
}
.map-legend ul {
display: -webkit-box;
display: flex;
margin-left: -.75rem;
margin-right: -.75rem;
flex-wrap: wrap
}
.map-legend li {
white-space: nowrap;
display: block;
padding: 0 .75rem .75rem
}
.map-legend a {
color: #0a0a0a;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center
}
.map-legend a:hover {
color: #52575b
}
.map-legend a.show-all-markers {
color: #52575b !important;
font-weight: 700
}
.map-legend a .point {
width: 18px;
height: 18px;
display: inline-block;
border-radius: 4px;
position: relative;
border: 1px solid;
margin-right: .5rem
}
.map-legend a .point:before {
content: "";
width: 100%;
height: 100%;
border-radius: 0;
background-color: currentColor;
opacity: .1;
display: inline-block
}
.map-legend a.is-active,
.map-legend a.is-active.color-1 {
color: #48c774
}
.map-legend a.is-active.color-2 {
color: #55acee
}
.map-legend a.is-active.color-3 {
color: #c8a800
}
.map-legend a.is-active.color-4 {
color: navy
}
.map-legend a.is-active .point:before {
opacity: .6
}
.map-legend a.is-active .point:after {
content: "";
width: 18px;
height: 8px;
border-radius: 0;
border: 2px solid;
border-top: 0;
border-right: 0;
position: absolute;
top: 0;
left: 2px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
@media screen and (max-width:768px) {
.map-legend li {
width: 100%
}
}
.map-info {
max-width: 260px;
padding: 5px
}
.infowindowBox {
border-radius: 0 !important;
border-bottom: 5px solid;
box-shadow: none !important
}
.infowindowBox p {
color: #0a0a0a
}
.infowindowBox.color-1 {
color: #48c774
}
.infowindowBox.color-2 {
color: #55acee
}
.infowindowBox.color-3 {
color: #c8a800
}
.infowindowBox.color-4 {
color: navy
}
.infowindowBoxParent.color-1 {
color: #48c774
}
.infowindowBoxParent.color-2 {
color: #55acee
}
.infowindowBoxParent.color-3 {
color: #c8a800
}
.infowindowBoxParent.color-4 {
color: navy
}
.infowindowBoxParent:after {
background: currentColor !important;
box-shadow: none !important;
z-index: -1
}
.place-url {
text-decoration: underline;
font-size: 1.4rem
}
.place-distance,
.place-url {
font-weight: 600;
text-transform: uppercase
}
.place-distance {
padding-top: 5px;
color: #3273dc
}
.place-distance i {
margin-right: 10px;
margin-top: -3px
}
.locations {
background-color: #fff;
height: 600px;
overflow-y: auto
}
.location-list {
padding: 0 1rem
}
.location {
display: none;
background-color: #fff;
padding: 1rem;
position: relative;
cursor: pointer
}
.location:not(:last-child) {
border-bottom: 1px solid #d7dde1
}
.location.is-active {
display: block
}
.location.is-selected[data-category="1"] {
color: #48c774
}
.location.is-selected[data-category="2"] {
color: #55acee
}
.location.is-selected[data-category="3"] {
color: #c8a800
}
.location.is-selected[data-category="4"] {
color: navy
}
.location.is-selected h4 {
color: currentColor
}
.location-url {
font-size: 12px
}
.location__marker {
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #0a0a0a;
position: relative;
margin-right: 1rem;
flex-shrink: 0
}
.location__marker:before {
content: "";
width: 15px;
height: 15px;
border: 1px solid rgba(10, 10, 10, .6);
border-radius: 50%;
background-color: rgba(10, 10, 10, .2);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%)
}
.is-selected .location__marker {
background-color: #f60
}
.is-selected .location__marker:before {
border: 1px solid rgba(255, 102, 0, .6);
background-color: rgba(255, 102, 0, .2)
}
.scrollbar {
height: 500px;
width: 100%;
overflow-y: scroll
}
.scrollbar::-webkit-scrollbar {
width: 5px;
background-color: #fff
}
.scrollbar::-webkit-scrollbar-thumb {
background-color: #f60
}
.scrollbar ul {
padding-right: 13px
}
.testimonials {
height: 100%;
display: flex;
justify-content: stretch;
padding-bottom: 26px;
}
.testimonials-sidebar {
height: 100%;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: justify;
justify-content: space-between
} .testimonial__slider_container .tns-inner,
.testimonial__slider_container .tns-item,
.testimonial__slider_container .tns-outer,
.testimonial__slider_container .tns-ovh { }
.testimonial__slider_container .tns-nav {
display: none;
}
.testimonial {
background-color: #ecf0f1;
border-radius: 7px;
position: relative;
height: 100%;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: justify;
justify-content: space-between;
margin: 12px;
}
.testimonial:before {
content: "";
display: inline-block;
width: 100px;
height: 100px;
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTE4LjY4NiA2LjUxM0guMDAxdjE2LjM1aDEwLjYyOGMtLjA5OCAxMC4xODEtOS41ODQgMTIuMTA0LTkuNTg0IDEyLjEwNHMtLjA1LjM0MSAwIDYuNTIxYzE1LjgxNS0zLjAzNCAxNy40OTktMTQuOTMxIDE3LjYzNi0xOC42MjVoLjAwNHYtLjEwMmMuMDIxLS42MzIgMC0xLjAyOCAwLTEuMDI4VjYuNTEzek00Ny45OSAyMS43MzJWNi41MTNIMjkuMzA2djE2LjM1aDEwLjYyOWMtLjA5OCAxMC4xODEtOS41ODQgMTIuMTA0LTkuNTg0IDEyLjEwNHMtLjA1LjM0MSAwIDYuNTIxYzE1LjgxNS0zLjAzNCAxNy40OTktMTQuOTMxIDE3LjYzNi0xOC42MjVoLjAwNHYtLjEwMmMuMDItLjYzMi0uMDAxLTEuMDI5LS4wMDEtMS4wMjl6Ii8+PC9nPjwvc3ZnPg==);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 1rem;
right: 1rem;
color: #fff;
line-height: 1;
pointer-events: none
}
.testimonial__content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.testimonial__subtitle,
.testimonial__title {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.testimonial__body {
font-size: 0.8rem;
margin-top: 0.8rem;
}
.testimonial__body,
.testimonial__footer {
padding: 18px 18px;
}
.testimonial__head {
padding: 18px 18px 0 18px;
display: flex;
justify-content: space-between;
align-items: center;
}
.testimonial__head img {
height: 32px;
}
.testimonial__head svg {
fill: #FFC939;
}
.testimonial__footer {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #E4E4E4;
padding: 18px 18px
}
.testimonial__source {
flex-shrink: 0;
color: #717171;
}
.testimonial__person {
color: #000;
font-size: 17px;
font-weight: 700;
}
.testimonial__source {
flex-shrink: 0;
color: #717171;
position: relative;
text-align: right;
}
.testimonial__source a {
padding-left: 16px;
position: relative;
}
.testimonial__source a:before {
content: "";
width: 10px;
height: 1px;
background-color: #717171;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateX(0) translateY(-50%);
transform: translateX(0) translateY(-50%);
-webkit-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}
.testimonials__stats {
margin-top: 58px;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
font-size: 14px;
color: #000;
}
.testimonials__stats_hero {
padding: 1rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
font-size: 12px;
}
.testimonials__stats__hero-average {
font-size: 18px;
font-weight: 900;
padding: 0 10px 0px 38px;
}
.testimonials__stats-average {
font-size: 48px;
font-weight: 900;
padding: 0 38px 0 18px;
}
.testimonials__stats-stars svg {
fill: #FFC939;
}
@media screen and (max-width:1024px) {
.testimonials__stats {
justify-content: flex-start;
}
.testimonials__stats-average-intro {
width: 100%;
}
.testimonials__stats-average {
padding: 0 38px 0 0;
}
.testimonials__stats_hero {
padding: 1rem 0;
text-align: left;
justify-content: left;
max-width: 80%;
}
.testimonials__stats__hero-average.has-text-white {
padding: 1rem 0;
}
}
.tns-nav {
text-align: center;
margin-top: 1.625rem;
outline: 0
}
.tns-outer [aria-controls],
.tns-outer [data-action] {
cursor: pointer
}
.tns-nav>[aria-controls] {
width: 9px;
height: 9px;
padding: 0;
margin: 0 5px;
border-radius: 50%;
background: #ddd;
border: 0
}
.tns-nav>.tns-nav-active {
background: #f60
}
.testimonial-nav {
text-align: right;
margin-bottom: 1.5rem;
outline: 0
}
.slider-arrow {
display: inline-block;
position: relative;
height: 1rem;
width: 14px;
cursor: pointer;
text-align: left;
margin: 0 7px;
color: #0a0a0a
}
.slider-arrow:focus {
outline: 0
}
.slider-arrow:after {
content: "";
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.slider-arrow:after {
display: inline-block;
height: 14px;
width: 14px;
right: 2px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
border-left-color: currentColor;
border-bottom: 2px solid;
border-right: 2px solid;
border-top-color: currentColor
}
.slider-arrow.slider-arrow--prev:after {
right: auto;
-webkit-transform: rotate(135deg);
transform: rotate(135deg)
}
.slider-arrow:hover {
color: #f60
}
body.fancybox-active {
overflow: visible !important
}
.lazyload {
opacity: 0;
-webkit-transition: opacity 2s cubic-bezier(.215, .61, .355, 1);
transition: opacity 2s cubic-bezier(.215, .61, .355, 1)
}
.is-loaded {
opacity: 1
}
.from-left,
.from-right {
opacity: 0;
-webkit-transition: all 1s cubic-bezier(.2, 0, .15, 1) .3s;
transition: all 1s cubic-bezier(.2, 0, .15, 1) .3s
}
.from-left.is-in-view,
.from-right.is-in-view {
opacity: 1
}
.from-left {
-webkit-transform: translateX(-5%);
transform: translateX(-5%)
}
.from-left.is-in-view {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.from-right {
-webkit-transform: translateX(5%);
transform: translateX(5%)
}
.from-right.is-in-view {
-webkit-transform: translateX(0);
transform: translateX(0)
}
@media screen and (max-width:768px) {
.from-left.in-view-from-tablet,
.from-right.in-view-from-tablet {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0
}
div.wpcf7-response-output {
margin: 2em .5em 1em;
padding: .2em 1em;
border: 2px solid red
}
div.wpcf7-mail-sent-ok {
text-align: center;
border: 0;
margin: 2em 0 1em;
padding: 1rem;
color: #fff;
background-color: #48c774
}
div.wpcf7-aborted,
div.wpcf7-mail-sent-ng {
border: 2px solid red
}
div.wpcf7-spam-blocked {
border: 2px solid orange
}
div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors {
text-align: center;
border: 0;
margin: 2em 0 1em;
padding: 1rem;
color: #663c00;
background-color: #fff4e5
}
.wpcf7-form-control-wrap {
position: relative
}
span.wpcf7-not-valid-tip {
color: #f36;
font-size: .825rem;
font-weight: 400;
display: block
}
.wpcf7-display-none {
display: none
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible
}
div.wpcf7 div.ajax-error {
display: none
}
div.wpcf7 .placeheld {
color: #888
}
div.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed
}
.pricing-table {
display: -webkit-box;
display: flex;
-webkit-box-align: stretch;
align-items: stretch;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
flex-flow: row wrap;
-webkit-box-pack: justify;
justify-content: space-between
}
.pricing-table.is-comparative .pricing-plan {
border-radius: initial;
margin: 0
}
.pricing-table.is-comparative .pricing-plan:not(:last-child) {
border-right: none
}
.pricing-table.is-comparative .pricing-plan:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.pricing-table.is-comparative .pricing-plan:last-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.pricing-table .pricing-plan,
.pricing-table.is-comparative .pricing-plan.is-active {
border: .1rem solid #f5f5f5;
border-radius: 0
}
.pricing-table .pricing-plan {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-flex: 1;
flex: 1 1 auto;
background-color: #fff;
list-style-type: none;
-webkit-transition: .25s;
transition: .25s;
margin: .5em;
width: 25%
}
.pricing-table .pricing-plan .plan-header {
border-top-left-radius: 0;
border-top-right-radius: 0;
background-color: #fff;
color: #4a4a4a;
font-size: 1.25rem;
font-weight: 600;
padding: .75em;
align-content: center;
text-align: center
}
.pricing-table .pricing-plan .plan-item {
background: #fff;
border-bottom: .1rem solid #f6f9fc;
padding: 1em .75em;
align-content: center;
text-align: center
}
.pricing-table .pricing-plan .plan-price {
background-color: #fff;
color: #4a4a4a;
font-size: .75rem;
font-weight: 400;
padding: .75em;
align-content: center;
text-align: center
}
.pricing-table .pricing-plan .plan-price .plan-price-amount {
font-size: 2.5rem;
font-weight: 700
}
.pricing-table .pricing-plan .plan-price .plan-price-amount .plan-price-currency {
vertical-align: super;
font-size: 1rem !important;
font-weight: 400 !important;
color: #4a4a4a;
margin-right: .25rem
}
.pricing-table .pricing-plan .plan-footer {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
padding: .75em;
align-content: center;
text-align: center;
margin-top: auto
}
.pricing-table .pricing-plan.is-active {
box-shadow: 0 8px 12px 0 hsla(0, 0%, 47.8%, .2);
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
.pricing-table .pricing-plan.is-active .plan-price .plan-price-amount {
color: #00d1b2
}
.pricing-table .pricing-plan.is-active .plan-footer .button {
background-color: #00d1b2;
border-color: transparent;
color: #fff
}
.pricing-table .pricing-plan.is-active .plan-footer .button.is-hovered,
.pricing-table .pricing-plan.is-active .plan-footer .button:hover {
background-color: #00c4a7;
border-color: transparent;
color: #fff
}
.pricing-table .pricing-plan.is-active .plan-footer .button.is-focused,
.pricing-table .pricing-plan.is-active .plan-footer .button:focus {
border-color: transparent;
box-shadow: 0 0 .5em rgba(0, 209, 178, .25);
color: #fff
}
.pricing-table .pricing-plan.is-active .plan-footer .button.is-active,
.pricing-table .pricing-plan.is-active .plan-footer .button:active {
background-color: #00b89c;
border-color: transparent;
color: #fff
}
.pricing-table .pricing-plan.is-active .plan-footer .button[disabled] {
background-color: #00d1b2;
border-color: transparent
}
.pricing-table .pricing-plan.is-white .plan-price .plan-price-amount {
color: #fff
}
.pricing-table .pricing-plan.is-white .plan-footer .button {
background-color: #fff;
border-color: transparent;
color: #0a0a0a
}
.pricing-table .pricing-plan.is-white .plan-footer .button.is-hovered,
.pricing-table .pricing-plan.is-white .plan-footer .button:hover {
background-color: #f9f9f9;
border-color: transparent;
color: #0a0a0a
}
.pricing-table .pricing-plan.is-white .plan-footer .button.is-focused,
.pricing-table .pricing-plan.is-white .plan-footer .button:focus {
border-color: transparent;
box-shadow: 0 0 .5em hsla(0, 0%, 100%, .25);
color: #0a0a0a
}
.pricing-table .pricing-plan.is-white .plan-footer .button.is-active,
.pricing-table .pricing-plan.is-white .plan-footer .button:active {
background-color: #f2f2f2;
border-color: transparent;
color: #0a0a0a
}
.pricing-table .pricing-plan.is-white .plan-footer .button[disabled] {
background-color: #fff;
border-color: transparent;
box-shadow: none
}
.pricing-table .pricing-plan.is-black .plan-price .plan-price-amount {
color: #0a0a0a
}
.pricing-table .pricing-plan.is-black .plan-footer .button {
background-color: #0a0a0a;
border-color: transparent;
color: #fff
}
.pricing-table .pricing-plan.is-black .plan-footer .button.is-hovered,
.pricing-table .pricing-plan.is-black .plan-footer .button:hover {
background-color: #040404;
border-color: transparent;
color: #fff
}
.pricing-table .pricing-plan.is-black .plan-footer .button.is-focused,
.pricing-table .pricing-plan.is-black .plan-footer .button:focus {
border-color: transparent;
box-shadow: 0 0 .5em rgba(10, 10, 10, .25);
color: #fff
}
.pricing-table .pricing-plan.is-black .plan-footer .button.is-active,
.pricing-table .pricing-plan.is-black .plan-footer .button:active {
background-color: #000;
border-color: transparent;
color: #fff
}
.pricing-table .pricing-plan.is-black .plan-footer .button[disabled] {
background-color: #0a0a0a;
border-color: transparent;
box-shadow: none
}
.pricing-table .pricing-plan.is-light .plan-price .plan-price-amount {
color: #f5f5f5
}
.pricing-table .pricing-plan.is-light .plan-footer .button {
background-color: #f5f5f5;
border-color: transparent;
color: #363636
}
.pricing-table .pricing-plan.is-light .plan-footer .button.is-hovered,
.pricing-table .pricing-plan.is-light .plan-footer .button:hover {
background-color: #eee;
border-color: transparent;
color: #363636
}
.pricing-table .pricing-plan.is-light .plan-footer .button.is-focused,
.pricing-table .pricing-plan.is-light .plan-footer .button:focus {
border-color: transparent;
box-shadow: 0 0 .5em hsla(0, 0%, 96.1%, .25);
color: #363636
}
.pricing-table .pricing-plan.is-light .plan-footer .button.is-active,
.pricing-table .pricing-plan.is-light .plan-footer .button:active {
background-color: #e8e8e8;
border-color: transparent;
color: #363636
}
.pricing-table .pricing-plan.is-light .plan-footer .button[disabled] {
background-color: #f5f5f5;
border-color: transparent;
box-shadow: none
}
.pricing-table .pricing-plan.is-dark .plan-price .plan-price-amount {
color: #363636
}
.pricing-table .pricing-plan.is-dark .plan-footer .button {
background-color: #363636;
border-color: transparent;
color: #f5f5f5
}
.pricing-table .pricing-plan.is-dark .plan-footer .button.is-hovered,
.pricing-table .pricing-plan.is-dark .plan-footer .button:hover {
background-color: #2f2f2f;
border-color: transparent;
color: #f5f5f5
}
.pricing-table .pricing-plan.is-dark .plan-footer .button.is-focused,
.pricing-table .pricing-plan.is-dark .plan-footer .button:focus {
border-color: transparent;
box-shadow: 0 0 .5em rgba(54, 54, 54, .25);
color: #f5f5f5
}
.pricing-table .pricing-plan.is-dark .plan-footer .button.is-active,
.pricing-table .pricing-plan.is-dark .plan-footer .button:active {
background-color: #292929;
border-color: transparent;
color: #f5f5f5
}
.pricing-table .pricing-plan.is-dark .plan-footer .button[disabled] {
background-color: #363636;
border-color: transparent;
box-shadow: none
}
.pricing-table .pricing-plan.is-primary .plan-price .plan-price-amount {
color: #00d1b2
}
.pricing-table .pricing-plan.is-primary .plan-footer .button {
background-color: #00d1b2;
border-color: transparent;
color: #fff
}
.pricing-table .pricing-plan.is-primary .plan-footer .button.is-hovered,
.pricing-table .pricing-plan.is-primary .plan-footer .button:hover {
background-color: #00c4a7;
border-color: transparent;
color: #fff
}
.pricing-table .pricing-plan.is-primary .plan-footer .button.is-focused,
.pricing-table .pricing-plan.is-primary .plan-footer .button:focus {
border-color: transparent;
box-shadow: 0 0 .5em rgba(0, 209, 178, .25);
color: #fff
}
.pricing-table .pricing-plan.is-primary .plan-footer .button.is-active,
.pricing-table .pricing-plan.is-primary .plan-footer .button:active {
background-color: #00b89c;
border-color: transparent;
color: #fff
}
.pricing-table .pricing-plan.is-primary .plan-footer .button[disabled] {
background-color: #00d1b2;
border-color: transparent;
box-shadow: none
}
.pricing-table .pricing-plan.is-link .plan-price .plan-price-amount {
color: #3273dc
}
.pricing-table .pricing-plan.is-link .plan-footer .button {
background-color: #3273dc;
border-color: transparent;
color: #fff
}
.pricing-table .pricing-plan.is-link .plan-footer .button.is-hovered,
.pricing-table .pricing-plan.is-link .plan-footer .button:hover {
background-color: #276cda;
border-color: transparent;
color: #fff
}
.pricing-table .pricing-plan.is-link .plan-footer .button.is-focused,
.pricing-table .pricing-plan.is-link .plan-footer .button:focus {
border-color: transparent;
box-shadow: 0 0 .5em rgba(50, 115, 220, .25);
color: #fff
}
.pricing-table .pricing-plan.is-link .plan-footer .button.is-active,
.pricing-table .pricing-plan.is-link .plan-footer .button:active {
background-color: #2366d1;
border-color: transparent;
color: #fff
}
.pricing-table .pricing-plan.is-link .plan-footer .button[disabled] {
background-color: #3273dc;
border-color: transparent;
box-shadow: none
}
.pricing-table .pricing-plan.is-info .plan-price .plan-price-amount {
color: #209cee
}
.pricing-table .pricing-plan.is-info .plan-footer .button {
background-color: #209cee;
border-color: transparent;
color: #fff
}
.pricing-table .pricing-plan.is-info .plan-footer .button.is-hovered,
.pricing-table .pricing-plan.is-info .plan-footer .button:hover {
background-color: #1496ed;
border-color: transparent;
color: #fff
}
.pricing-table .pricing-plan.is-info .plan-footer .button.is-focused,
.pricing-table .pricing-plan.is-info .plan-footer .button:focus {
border-color: transparent;
box-shadow: 0 0 .5em rgba(32, 156, 238, .25);
color: #fff
}
.pricing-table .pricing-plan.is-info .plan-footer .button.is-active,
.pricing-table .pricing-plan.is-info .plan-footer .button:active {
background-color: #118fe4;
border-color: transparent;
color: #fff
}
.pricing-table .pricing-plan.is-info .plan-footer .button[disabled] {
background-color: #209cee;
border-color: transparent;
box-shadow: none
}
.pricing-table .pricing-plan.is-success .plan-price .plan-price-amount {
color: #23d160
}
.pricing-table .pricing-plan.is-success .plan-footer .button {
background-color: #23d160;
border-color: transparent;
color: #fff
}
.pricing-table .pricing-plan.is-success .plan-footer .button.is-hovered,
.pricing-table .pricing-plan.is-success .plan-footer .button:hover {
background-color: #22c65b;
border-color: transparent;
color: #fff
}
.pricing-table .pricing-plan.is-success .plan-footer .button.is-focused,
.pricing-table .pricing-plan.is-success .plan-footer .button:focus {
border-color: transparent;
box-shadow: 0 0 .5em rgba(35, 209, 96, .25);
color: #fff
}
.pricing-table .pricing-plan.is-success .plan-footer .button.is-active,
.pricing-table .pricing-plan.is-success .plan-footer .button:active {
background-color: #20bc56;
border-color: transparent;
color: #fff
}
.pricing-table .pricing-plan.is-success .plan-footer .button[disabled] {
background-color: #23d160;
border-color: transparent;
box-shadow: none
}
.pricing-table .pricing-plan.is-warning .plan-price .plan-price-amount {
color: #ffdd57
}
.pricing-table .pricing-plan.is-warning .plan-footer .button {
background-color: #ffdd57;
border-color: transparent;
color: rgba(0, 0, 0, .7)
}
.pricing-table .pricing-plan.is-warning .plan-footer .button.is-hovered,
.pricing-table .pricing-plan.is-warning .plan-footer .button:hover {
background-color: #ffdb4a;
border-color: transparent;
color: rgba(0, 0, 0, .7)
}
.pricing-table .pricing-plan.is-warning .plan-footer .button.is-focused,
.pricing-table .pricing-plan.is-warning .plan-footer .button:focus {
border-color: transparent;
box-shadow: 0 0 .5em rgba(255, 221, 87, .25);
color: rgba(0, 0, 0, .7)
}
.pricing-table .pricing-plan.is-warning .plan-footer .button.is-active,
.pricing-table .pricing-plan.is-warning .plan-footer .button:active {
background-color: #ffd83d;
border-color: transparent;
color: rgba(0, 0, 0, .7)
}
.pricing-table .pricing-plan.is-warning .plan-footer .button[disabled] {
background-color: #ffdd57;
border-color: transparent;
box-shadow: none
}
.pricing-table .pricing-plan.is-danger .plan-price .plan-price-amount {
color: #ff3860
}
.pricing-table .pricing-plan.is-danger .plan-footer .button {
background-color: #ff3860;
border-color: transparent;
color: #fff
}
.pricing-table .pricing-plan.is-danger .plan-footer .button.is-hovered,
.pricing-table .pricing-plan.is-danger .plan-footer .button:hover {
background-color: #ff2b56;
border-color: transparent;
color: #fff
}
.pricing-table .pricing-plan.is-danger .plan-footer .button.is-focused,
.pricing-table .pricing-plan.is-danger .plan-footer .button:focus {
border-color: transparent;
box-shadow: 0 0 .5em rgba(255, 56, 96, .25);
color: #fff
}
.pricing-table .pricing-plan.is-danger .plan-footer .button.is-active,
.pricing-table .pricing-plan.is-danger .plan-footer .button:active {
background-color: #ff1f4b;
border-color: transparent;
color: #fff
}
.pricing-table .pricing-plan.is-danger .plan-footer .button[disabled] {
background-color: #ff3860;
border-color: transparent;
box-shadow: none
}
@media print,
screen and (min-width:769px) {
.pricing-table.is-comparative {
margin: .5rem
}
.pricing-table.is-comparative.is-features {
display: none
}
.pricing-table.is-comparative .plan-item:before {
content: attr("data-feature")
}
.pricing-table.is-horizontal .pricing-plan {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
flex-basis: 100%
}
.pricing-table.is-horizontal .pricing-plan .plan-header {
width: 50%;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center
}
.pricing-table.is-horizontal .pricing-plan .plan-price {
width: 100%;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-pack: center;
justify-content: center
}
.pricing-table.is-horizontal .pricing-plan .plan-items {
width: 100%;
background-color: #f5f5f5;
column-count: 2;
-webkit-columns: 2;
-moz-columns: 2;
-webkit-column-gap: .1rem;
-moz-column-gap: .1rem;
column-gap: .1rem
}
.pricing-table.is-horizontal .pricing-plan .plan-footer {
width: 50%;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
margin: auto
}
}
@media screen and (max-width:768px) {
.pricing-table .pricing-plan {
width: 100%
}
.pricing-table.is-comparative .pricing-plan {
margin: .5rem
}
.pricing-table.is-comparative .pricing-plan.is-plan-first-mobile {
-webkit-box-ordinal-group: 0;
order: -1
}
.pricing-table.is-comparative .pricing-plan.is-features {
display: none
}
.pricing-table.is-comparative .pricing-plan .plan-item:before {
content: attr(data-feature);
display: block;
font-weight: 600;
font-size: .75rem;
color: #3e5769
}
}
#viz-image {
opacity: 0;
position: absolute;
pointer-events: none
}
.wizwrap {
width: 100%;
height: 100%;
min-height: 44vw;
background-repeat: no-repeat;
margin: 0 auto;
position: relative;
background-size: contain
}
canvas {
max-width: 100%;
height: auto;
display: block
}
.wizstore,
.wizstore img {
position: absolute;
top: 0;
left: 0;
display: none
}
.viz-menu__header {
font-size: 14px;
border-bottom: 1px solid #f6f9fc;
margin-bottom: .625rem
}
.active .viz-menu__header+ul {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
.viz-menu__category {
cursor: pointer
}
.viz-menu__categories {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: hsla(0, 0%, 100%, .9);
z-index: 10005;
padding: 20px 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out, opacity .3s ease-in-out;
transition: transform .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.active .viz-menu__categories {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
.viz-menu__categories-container {
width: 100vw;
max-width: 1200px;
max-height: 100vh;
background-color: #f6f9fc;
overflow-y: auto;
overflow-x: hidden;
padding: 13px;
position: relative
}
@media screen and (min-width:769px) {
.viz-menu__categories-container {
width: 98vw;
max-width: 1200px;
max-height: 90vh
}
}
.close-categories-container {
position: fixed;
top: 16px;
right: 16px;
z-index: 100;
background-color: #0a0a0a
}
.viz-menu__categories_list {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center
}
.viz-menu__categories_list li {
text-align: center;
margin: .5rem;
width: 70px
}
.viz-menu__categories_list li a {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center
}
.viz-menu__color_description,
.viz-menu__color_name {
color: #0a0a0a;
font-size: 12px
}
.viz-menu__color_name {
font-weight: 500;
font-size: 13px
}
.viz-menu__color_description {
line-height: 1
}
.viz-menu__color {
width: 36px;
height: 36px;
border-radius: 50%;
display: inline-block;
background-color: currentColor;
margin-bottom: .5rem;
border: 3px solid transparent
}
.selected .viz-menu__color {
border: 3px solid #0a0a0a
}
.viz-menu__box {
background-color: #fff;
margin-bottom: 1rem;
padding: 13px
}
.viz-menu__selected_property {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center
}
.viz-menu__selected_property_color {
width: 48px;
height: 48px;
border-radius: 50%;
display: inline-block;
background-color: currentColor;
margin-bottom: .5rem;
border: 3px solid transparent;
flex-shrink: 0;
margin-right: 1rem
}
.viz-menu__selected_property_color span {
line-height: 1
}
.viz-menu-roof {
width: 48px;
flex-shrink: 0;
margin-right: 1rem
}
.house-change {
display: -webkit-box;
display: flex;
flex-wrap: wrap
}
.house-change a {
display: inline-block;
margin-right: 1rem;
max-width: 130px
}
.viz-loader {
border-radius: 50%;
border-color: transparent transparent #dbdbdb #dbdbdb;
border-style: solid;
border-width: 2px;
content: "";
display: block;
height: 4em;
position: relative;
width: 4em;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%)
}
@media screen and (max-width:768px) {
.viz-menu {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
margin-left: -.25rem;
margin-right: -.25rem;
text-align: center
}
.viz-menu__box {
padding: 6px
}
.viz-menu__header {
text-align: center
}
.viz-menu__category {
-webkit-box-flex: 0;
flex: none;
width: 50%;
padding: 0 .25rem
}
.viz-menu__category:last-of-type {
width: 100%
}
.viz-menu__selected_property {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
font-size: 13px
}
.viz-menu__selected_property_color {
margin-right: 0
}
.house-change {
-webkit-box-pack: center;
justify-content: center
}
}
.modula-gallery .filters .modula_menu__list {
text-align: center;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
align-items: center
}
.modula-gallery .filters .modula_menu__item {
display: inline-block;
margin: 0;
padding: 0;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
overflow: hidden
}
.modula .filters.menu--default a {
text-decoration: none;
display: inline-block;
margin: 0 10px 0 0;
color: #333;
outline: 0;
-webkit-transition: all .35s ease-in;
transition: all .35s ease-in;
padding: 0
}
.modula-gallery .filters .modula_menu__item:not(:first-child) a {
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #3e5769;
color: transparent;
font-size: 0;
margin: .325rem
}
.modula .filters.menu--default .modula_menu__item--current a,
.modula .filters.menu--default a:hover {
border: 0 !important
}
.modula-gallery .filters .modula_menu__item.modula_menu__item--current a {
text-decoration: none
}
.modula-gallery .filters .modula_menu__item.modula_menu__item--current:not(:first-child) a {
position: relative
}
.modula-gallery .filters .modula_menu__item.modula_menu__item--current:not(:first-child) a:after {
content: "";
display: inline-block;
width: calc(100% + 8px);
height: calc(100% + 8px);
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
border-radius: 50%;
border: 2px solid #3e5769;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%)
}
.offer-section {
position: relative;
background-color: #faf3ed;
border-top: 13px solid #faf3ed
}
@media screen and (min-width:769px) {
.offer-section {
min-height: 620px
}
}
.offer-section.is-last {
border-bottom: 13px solid #faf3ed
}
.offer-section .hero-background {
-o-object-position: center center;
object-position: center center
}
.offer-body p+ul {
margin-top: 0
}
@media screen and (max-width:768px) {
.offer-section {
background-color: #000; border-top: 0
}
.offer-section .columns {
margin-left: 0;
margin-right: 0
}
.offer-section.is-last {
border-bottom: 0
}
.offer-body {
overflow: hidden;
background-color: #fff;
box-shadow: 0 0 29.12px 2.88px rgb(255 255 255 / 48%);
border-radius: 28px;
border: 1px solid #959595
}
.offer-body img {
border-top-left-radius: 28px;
border-top-right-radius: 28px
}
.offer-section .hero-body {
padding: 0 .625rem
}
}
.secion-offer-page {
background-color: transparent
}
.how-steps {
margin: 3rem 0;
counter-reset: step-counter
}
.how-step__container {
position: relative
}
.how-step__container:hover:after {
-webkit-transform: scale(1.02);
transform: scale(1.02)
}
.how-step__container:after {
content: "";
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 6px;
box-shadow: 0 4px 8px #e2eaf2;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
position: absolute;
top: 0;
left: 0
}
.how-step__body {
position: relative;
z-index: 1;
background-color: #fff;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
padding: 0 1.325rem;
color: #0a0a0a;
margin-bottom: 1.425rem;
border-radius: 6px
}
.how-step__body:before {
color: #f60;
font-size: 3rem;
font-weight: 700;
counter-increment: step-counter 1;
content: counter(step-counter);
flex-shrink: 0;
margin-right: 1rem;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
position: relative;
z-index: 1
}
.how-steps .columns .column:first-child .how-step__body:before {
color: rgba(255, 102, 0, .4)
}
.how-steps .columns .column:nth-child(2) .how-step__body:before {
color: rgba(255, 102, 0, .45)
}
.how-steps .columns .column:nth-child(3) .how-step__body:before {
color: rgba(255, 102, 0, .5)
}
.how-steps .columns .column:nth-child(4) .how-step__body:before {
color: rgba(255, 102, 0, .55)
}
.how-steps .columns .column:nth-child(5) .how-step__body:before {
color: rgba(255, 102, 0, .6)
}
.how-steps .columns .column:nth-child(6) .how-step__body:before {
color: rgba(255, 102, 0, .65)
}
.how-steps .columns .column:nth-child(7) .how-step__body:before {
color: rgba(255, 102, 0, .7)
}
.how-steps .columns .column:nth-child(8) .how-step__body:before {
color: rgba(255, 102, 0, .75)
}
.how-steps .columns .column:nth-child(9) .how-step__body:before {
color: rgba(255, 102, 0, .8)
}
.how-steps .columns .column:nth-child(10) .how-step__body:before {
color: rgba(255, 102, 0, .85)
}
.how-steps .columns .column:nth-child(11) .how-step__body:before {
color: rgba(255, 102, 0, .9)
}
.how-steps .columns .column:nth-child(12) .how-step__body:before {
color: rgba(255, 102, 0, .95)
}
.offer-page-estimate {
background-color: #fff;
border-radius: 16px;
padding-top: 3rem;
padding-bottom: 3rem
}
.offer-link-block {
overflow: hidden;
border-radius: 10px;
border: 1px solid #ddd;
box-shadow: 0 0 10px rgba(0, 0, 0, .09)
}
.offer-link-block img {
display: block;
-webkit-transition: all .4s cubic-bezier(.215, .61, .355, 1);
transition: all .4s cubic-bezier(.215, .61, .355, 1);
max-width: 100%;
-webkit-transform: scale(1);
transform: scale(1)
}
.offer-link-block:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.blog-grid {
margin: 0 -10px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap
}
.blog-grid,
.blog-grid__post {
display: -webkit-box;
display: flex
}
.blog-grid__post {
width: 100%;
position: relative;
padding: 0 20px;
margin-bottom: 40px
}
.sidebar-posts .blog-grid__post {
width: 33.33%;
padding: 0
}
@media (max-width: 767.98px) {
.sidebar-posts .blog-grid__post {
width: 100%;
}
}
.blog-grid__inner {
background: #fff;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
width: 100%;
overflow: hidden;
border-radius: 10px;
border: 1px solid #ddd;
box-shadow: 0 0 10px rgba(0, 0, 0, .09)
}
.blog-grid__thumbnail {
margin: 0;
-webkit-box-flex: 0;
flex: 0 0 auto
}
.blog-grid__post_thumbnail {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: relative;
overflow: hidden;
margin: 0
}
.blog-grid__thumbnail img {
display: block;
margin: 0;
position: relative;
-webkit-transition: all .4s cubic-bezier(.215, .61, .355, 1);
transition: all .4s cubic-bezier(.215, .61, .355, 1);
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
max-width: 100%;
-webkit-transform: scale(1);
transform: scale(1)
}
.blog-grid__post:hover .blog-grid__thumbnail img {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.blog-grid__link {
color: inherit;
flex: 1 0 auto
}
.blog-grid-content_wrap,
.blog-grid__link {
display: -webkit-box;
display: flex;
-webkit-box-flex: 1
}
.blog-grid-content_wrap {
flex: 1;
margin: 0;
position: relative;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
padding: 30px }
.blog-grid-content_wrap:hover {
background: #f9f9f9;
}
.entry-title {
margin-bottom: 1rem;
word-wrap: break-word;
font-size: 22px;
font-weight: 500;
line-height: 1.6rem;
}
@media screen and (min-width:769px) {
.blog-grid__post {
width: 50%;
display: -webkit-box;
display: flex;
position: relative;
padding: 0 20px;
margin-bottom: 20px
}
}
@media screen and (min-width:1024px) {
.blog-grid__post {
width: 33.33%;
display: -webkit-box;
display: flex;
position: relative;
padding: 0 20px;
margin-bottom: 40px
}
}
.sidebar-posts .blog-grid__post {
margin-bottom: 20px;
border-radius: 1rem; padding: 0 20px;
}
.realization-box {
background: #fff;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
width: 100%;
height: 100%;
border-radius: 6px;
border: 1px solid #ddd;
box-shadow: 0 0 10px rgba(0, 0, 0, .09);
padding: 13px;
position: relative
}
.realization-box:before {
content: "";
height: 100%;
width: 5px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
background-color: #f60;
position: absolute;
top: 0;
left: -1px;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.realization-box:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
// Override Modula Filters html body .modula>.filters{text-align:left}html body .modula>.filters ul.modula_menu__list{display:flex!important}html body .modula>.filters .modula_menu__list{margin:0 0 0!important;padding-left:0!important}html body .modula>.filters .modula_menu__list li.modula_menu__item{margin:0 10px 0 0!important;display:flex!important}html body .modula>.filters.menu--default .modula_menu__list li.modula_menu__item .modula_menu__link{padding:0!important}a.modula_menu__link,html body .modula>.filters ul.modula_menu__list a.modula_menu__link{text-decoration:none;display:inline-block;margin:.325rem!important;color:#333;outline:0;transition:350ms ease-in}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.pagination .nav-links{align-items:baseline;display:flex;flex-wrap:wrap;justify-content:center;font-size:1.2rem;font-weight:600;margin:0 0 1rem 0;width:100%}.nav-links>*{margin:.5rem}.nav-links .placeholder{display:none;visibility:hidden}.pagination a{text-decoration:none}.pagination .current{opacity:.6}.pagination a:focus,.pagination a:hover{text-decoration:underline}.pagination .dots{transform:translateY(-.3em);color:#6d6d6d}.nav-short{display:none}
html body .modula .modula-items .modula-item img.pic {
min-height: 1px;
height: 100% !important;
width: 100% !important;
object-fit: cover !important;
}
.wpcf7 .ajax-loader {
visibility: hidden !important;
display: none !important;
}
.select option {
color: #000000 !important;
}
.wp-embed-footer {
display: none !important;
}
.wp-embed {
border-radius: 1rem;
} .content table td,
.content table th,
.content table tr {
border: 1px solid #dbdbdb; padding: 2rem;
vertical-align: top;
}
.content figure.wp-block-table.wycenatable {
margin: 0 3rem;
}
.content .is-style-regular {
margin-left: 0;
}
.content figure.wp-block-table.wycenatable tr:nth-child(1) {
color: #898989;
}
.content figure.wp-block-table.wycenatable tr:nth-child(2) {
color: #5c5c5c;
}
.content figure.wp-block-table.wycenatable tr:nth-child(3) {
color: #000000;
}
.grecaptcha-badge {
visibility: hidden;
}
.content ul.footer-column-list {
margin: 0 1rem 0 0;
}
.content ul.footer-column-list li {
margin: 0.425rem 0;
}
.testimonial {
cursor: move; cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
background-color: transparent;
box-shadow: 0 3px 6px #E5E5E5;
border: 0;
user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; } .popup {
font-family: 'Arial', sans-serif;
position: fixed;
bottom: 20px;
right: 20px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 16px;
width: 350px;
z-index: 1000;
display: flex;
align-items: center;
justify-content: space-between;
}
.malowanie-dachowki:before {
content: '';
display: block;
width: 50px;
height: 50px;
background: url(https://www.grupabiotop.pl/wp-content/themes/biotop/assets/images/dachowka.svg) no-repeat center center;
background-size: 100%;
}
.malowanie-blachy:before {
content: '';
display: block;
width: 50px;
height: 50px;
background: url(https://www.grupabiotop.pl/wp-content/themes/biotop/assets/images/blacha.svg) no-repeat center center;
background-size: 100%;
}
.impregnacja-dachowki:before {
content: '';
display: block;
width: 50px;
height: 50px;
background: url(https://www.grupabiotop.pl/wp-content/themes/biotop/assets/images/dachowka.svg) no-repeat center center;
background-size: 100%;
}
.popup-text {
margin-left: 12px;
display: flex;
flex-direction: column;
justify-content: center;
}
.popup-text h4 {
margin: 0;
font-size: 1em;
color: #000;
font-weight: bold;
}
.popup-text p {
margin: 0;
font-size: 0.8em;
color: #666;
}
.popup-text time {
font-size: 0.7em;
color: #999;
}
@keyframes slideInUp {
from {
transform: translateY(100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes slideOutDown {
from {
transform: translateY(0);
opacity: 1;
}
to {
transform: translateY(100%);
opacity: 0;
}
}
.popup { animation: slideInUp 0.5s forwards;
}
.popup.hide {
animation: slideOutDown 0.5s forwards;
} section.offerhero {
background-size: cover;
background-position: 50% 50%;
padding: 15rem 0;
}
section.offerheader {
background: #f1f1f1; background-size: cover;
padding: 5rem 0;
}
.quickmenu {
padding: 0.5rem 0;
background-color: #ff6600;
width: 100%;
}
.quickemenu .columns {
margin: 0 !important;
}
.quickmenu .column {
display: flex;
align-items: center;
justify-content: space-evenly;
color: white;
padding: 1rem 2rem;
border-right: 1px solid #fff;
}
.quickmenu .column:last-child {
border-right: 0;
}
.quickmenu img {
width: 30px;
margin-right: 1rem;
}
.beforeafter {
background-size: cover;
padding: 5rem 0;
}
.beforeafter .column:first-child {
padding-right: 4rem;
}
.beforeafter img {
width: 100%;
}
.offer1 {
max-width: 100%;
overflow: hidden;
}
.offer1 .column {
object-fit: contain;
}
.offer1 .columns {
align-items: center;
}
.offer2 {
padding: 5rem 0;
}
.offerfull {
position: relative;
background-color: #f1f1f1;
padding: 5rem 0;
border-top: 1px solid #ccc;
}
.quickmenu div {
display: flex;
align-items: center;
}
@media (max-width: 1024px) {
.quickmenu div {
display: block;
}
}
.quickmenu a {
color: #fff;
text-align: left;
margin: 0 auto;
display: inline;
}
.etapy {
padding: 5rem 0 0 0;
border-top: 1px solid #ccc;
}
.how-step__body {
margin: 0;
}
@media (max-width: 768px) {
section.offerheader,
.beforeafter,
.offerfull,
.offer2,
.etapy {
overflow: hidden;
padding: 3rem 2rem;
}
.quickmenu .column {
border-bottom: 1px solid #fff;
}
.quickmenu {
padding: 0;
}
}
@media (max-width: 1024px) {
.quickmenu img {
margin-bottom: -0.6rem;
}
section.offerhero {
padding: 7rem 0;
}
p#breadcrumbs {
font-size: 0.8rem; word-break: break-word;
}
} section.casestudyheader {
padding: 8rem 0 3rem 0;
display: flex;
}
@media (max-width: 991.98px) {
section.casestudyheader {
padding: 3rem 0 3rem 0;
}
}
section.casestudyheader .cs_desc {
align-self: center;
padding-right: 3rem;
}
section.casestudyheader img {
border-radius: 16px;
max-width: 100%;
}
section.cs_servicesincluded .about-info-container {
padding: 0;
}
.cs_arrows {
display: flex; }
span.cs_usluga {
font-weight: bolder;
}
a.cs_produkt {
display: inline-block;
margin-right: 0.2rem;
border: 1px solid #020202;
padding: 0.35rem;
background: #ffffff;
border-radius: 8px;
}
.cs_servicesincluded {
padding: 5rem 0;
background: #f1f1f1;
}
.cs_review {
background: #fff;
padding: 5rem 0;
}
.st0 {
fill: #FFDEC7;
}
.st0:hover {
fill: #ff6600;
transition: all 0.5s;
}
.mapkawojewodztwo {
padding: 3rem 0;
}
.mapkawojewodztwo {
border-top: 1px solid #ccc;
background: url(https://www.grupabiotop.pl/wp-content/themes/biotop/assets/images/maps.webp);
background-size: cover;
background-position: left bottom;
padding: 5rem 2rem;
}
.mapkawojewodztwo .st0 {
fill: #ffdec7;
}
.mapkawojewodztwo .st0:hover {
fill: #ff6600;
}
.partnerstwo.section {
padding: 0 1.5rem;
}
.partnerstwo .column {
padding: 0.5rem .75rem
}
.partnerstwo .columns {
align-items: center;
}
@media (max-width: 991.98px) {
.partnerstwo.section img {
max-height: 50px;
}
}
ul.ssbp-list li::before {
content: "";
display: none;
} .go1432718904 {
overflow: visible !important;
}
.customize-support.modula-fancybox-active.compensate-for-scrollbar,
.modula-fancybox-active.compensate-for-scrollbar {
overflow: visible !important;
}
.rt-reading-time {
margin-top: 1rem;
margin-bottom: 1rem;
color: #525252;
}
.rt-reading-time::before {
content: "";
background: url(https://www.grupabiotop.pl/wp-content/themes/biotop/assets/images/clock.svg) no-repeat center center;
width: 20px;
height: 20px;
float: left;
margin: 0 6px 0 0;
}
a.categorybullet {
display: inline-block;
margin-right: 1rem;
padding: 0.5rem 1rem;
margin-right: 0.5rem;
background: #f1f1f1;
border-radius: 1rem;
}
@media (max-width: 991.98px) {
a.categorybullet {
display: block;
margin-bottom: 1rem;
}
}
.home .navbar.bottommenu {
color: #000 !important;
background: rgba(255, 255, 255, 0.8);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-top: 1px solid #fff;
bottom: -52px;
}
.bottommenu img {
display: block;
text-align: center;
}
.bottommenu {
color: #000;
}
.bottommenu p {
color: #000;
font-weight: 400;
display: flex;
flex-direction: column;
align-items: center;
}
.bottommenu a:not(:last-child) {
border-right: 1px solid #fff;
}
@media (max-width: 991.98px) {
.offerlead {
display: none;
}
}
.rol {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.rol svg {
position: absolute;
top: 1rem;
right: 1rem;
width: 25px;
height: 25px;
}
ul.my-tags-list {
margin-top: 0;
}
ul.my-tags-list li {
display: inline-block;
}
.tags ul.my-tags-list li:before {
content: "#";
position: absolute;
z-index: 4;
top: 0.125em;
left: 0.525em;
font-weight: 500;
display: block;
width: 0.825em;
height: 0.425em;
transform: none;
pointer-events: none;
color: #ff6600;
border: 0 !important;
}
#hs-banner-parent div,
#hs-banner-parent p {
font-size: 12px;
}
.cennik24 {
padding: 3rem 0;
}
.przykladowewyceny img {
border-radius: 1rem;
}
.zbiorka {
margin-bottom: 2rem;
} .zbiorkabg {
position: relative;
}
.zbiorkainner {
position: absolute;
bottom: 0;
left: 0;
padding: 3rem;
}
.zbiorkaoverlay {
background: rgba(0, 0, 0, .5);
width: 100%;
height: 97%;
position: absolute;
top: 0;
left: 0;
border-radius: 1rem;
}
.zbiorkabg {
color: #fff;
margin-bottom: 3rem;
display: flex;
}
.zbiorkabg img:not(.zbiorkabg img.avatar) {
max-width: 100%;
height: 105%;
object-fit: cover;
}
.zbiorkabg a {
color: #fff;
}
.zbiorkabg .rt-reading-time {
color: #fff;
}
.zbiorkabg h1 {
font-size: 2rem;
}
@media (max-width: 991.98px) {
.zbiorkaoverlay {
background: rgba(0, 0, 0, 0.5);
}
.zbiorkainner {
padding: 1.4rem;
}
.zbiorkabg figure {
object-fit: cover;
}
.zbiorkabg {
margin-top: 1rem;
height: 70vh;
}
.zbiorkabg h1 {
font-size: 4.5vw !important;
}
}
.zbiorkabg .content ul li:not(:last-child),
.zbiorkabg .tick-list li:not(:last-child) {
margin: 0;
}
.zbiorkabg ul.my-tags-list {
margin: 0;
}
.content .zbiorkabg ul li:not(:last-child),
.tick-list li:not(:last-child) {
margin: 0;
}
.content .zbiorkabg ul li:last-child,
.tick-list li:last-child {
margin-bottom: 0.5rem;
}
.content .zbiorkabg h1 {
margin-top: 13px;
}
.ssbp-wrap {
margin-top: 5rem;
}
img.obietnica {
padding: 20px 4rem;
float: unset;
}
@media (min-width: 992px) {
img.obietnica {
max-width: 400px;
}
}
::selection {
background: #ff6600;
color: #fff;
}
.przykladowewyceny img {
display: block;
margin-bottom: 1rem;
}
.pmb-print-this-page {
justify-content: start;
margin-top: 2rem;
}
.authorcard {
padding: 3rem;
border-radius: 2rem;
box-shadow: 2px 2px 15px rgba(0, 0, 0, .1);
}
video.blogvideo {
object-fit: cover;
position: absolute;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 0;
}
.blogoverlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #000, rgba(0, 0, 0, 0.3));
}
.blogzbiorczo.mainblogpage {
padding-top: 2rem;
}
.section.blogposts.blogvideomain {
padding: 3rem 1.5rem 8rem 1.5rem;
} .br-0 img {
border-radius: 0 !important;
}
#parallax-1 {
background: url(https://source.unsplash.com/featured/?nature);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-top: 10px solid coral;
}
#parallax-1 hr {
background: coral;
}
#parallax-2 {
background: url(https://source.unsplash.com/featured/?computers);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-top: 10px solid yellow;
}
#parallax-2 hr {
background: yellow;
}
#parallax-3 {
background: url(https://source.unsplash.com/featured/?city);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-top: 10px solid hotpink;
}
#parallax-3 hr {
background: hotpink;
}
.homevideodesktop2 {
display: block;
object-fit: cover;
position: absolute;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 0;
}
@media (max-width: 991.98px) {
.homevideodesktop2 {
display: none;
}
}
.homevideomobile2 {
display: none;
}
@media (max-width: 991.98px) {
.homevideomobile2 {
display: block;
object-fit: cover;
position: absolute;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 0;
}
}
#hs-banner-parent #hs-eu-cookie-confirmation::before {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .7);
z-index: 99;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.cky-box-bottom-left {
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50% !important;
bottom: auto;
}
.cky-consent-container .cky-consent-bar {
padding: 3rem 3rem !important;
}
@media (max-width: 991.98px) {
.cky-consent-container .cky-consent-bar {
padding: 1rem 1rem !important;
}
}
iframe.__youtube_prefs__ {
border-radius: 1rem;
}
.cky-notice-des a {
color: #000 !important;
text-decoration: underline;
} .content table td,
.content table th,
.content table tr {
padding: 0.8rem;
} .wp-block-embed iframe {
width: 100%;
}
.biotoptimeline {
padding: 5rem 0;
} .timeline {
display: flex;
flex-direction: column
}
.timeline .timeline-header {
width: 4em;
min-width: 4em;
max-width: 8em;
word-wrap: normal;
text-align: center;
display: flex;
justify-content: center
}
.timeline .timeline-item {
display: flex;
display: -webkit-flex;
position: relative;
margin-left: 2em;
padding-bottom: 2em
}
.timeline .timeline-item::before {
content: "";
background-color: #dbdbdb;
display: block;
width: 1px;
height: 100%;
position: absolute;
left: -.5px;
top: 0
}
.timeline .timeline-item .timeline-marker {
position: absolute;
background: #dbdbdb;
border: 1px solid #dbdbdb;
border-radius: 100%;
content: "";
display: block;
height: 12px;
transform: translateX(-50%);
top: 1.2rem;
width: 12px
}
.timeline .timeline-item .timeline-marker.is-image {
background: #dbdbdb;
border: 1px solid #dbdbdb;
border-radius: 100%;
display: block;
overflow: hidden
}
.timeline .timeline-item .timeline-marker.is-image.is-16x16 {
height: 16px;
width: 16px
}
.timeline .timeline-item .timeline-marker.is-image.is-24x24 {
height: 24px;
width: 24px
}
.timeline .timeline-item .timeline-marker.is-image.is-32x32 {
height: 32px;
width: 32px
}
.timeline .timeline-item .timeline-marker.is-image.is-48x48 {
height: 48px;
width: 48px
}
.timeline .timeline-item .timeline-marker.is-image.is-64x64 {
height: 64px;
width: 64px
}
.timeline .timeline-item .timeline-marker.is-image.is-96x96 {
height: 96px;
width: 96px
}
.timeline .timeline-item .timeline-marker.is-image.is-128x128 {
height: 128px;
width: 128px
}
.timeline .timeline-item .timeline-marker.is-icon {
display: flex;
align-items: center;
justify-content: center;
height: 24px;
width: 24px;
background: #dbdbdb;
border: 1px solid #dbdbdb;
border-radius: 100%;
padding: .5rem
}
.timeline .timeline-item .timeline-marker.is-icon>* {
font-size: .75rem !important
}
.timeline .timeline-item .timeline-marker.is-outlined .image {
background: #fff
}
.timeline .timeline-item .timeline-marker.is-outlined.is-icon {
background: #fff
}
.timeline .timeline-item .timeline-marker.is-outlined.is-icon>* {
color: #dbdbdb
}
.timeline .timeline-item .timeline-marker.is-white {
background-color: #fff !important;
border-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-white .image {
border-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-white.is-icon {
background-color: #fff !important;
border-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-white.is-icon>* {
color: #0a0a0a !important
}
.timeline .timeline-item .timeline-marker.is-white.is-outlined {
background-color: #fff !important;
border-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-white.is-outlined .image {
background-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-white.is-outlined.is-icon {
background-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-white.is-outlined.is-icon>* {
color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-black {
background-color: #0a0a0a !important;
border-color: #0a0a0a !important
}
.timeline .timeline-item .timeline-marker.is-black .image {
border-color: #0a0a0a !important
}
.timeline .timeline-item .timeline-marker.is-black.is-icon {
background-color: #0a0a0a !important;
border-color: #0a0a0a !important
}
.timeline .timeline-item .timeline-marker.is-black.is-icon>* {
color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-black.is-outlined {
background-color: #fff !important;
border-color: #0a0a0a !important
}
.timeline .timeline-item .timeline-marker.is-black.is-outlined .image {
background-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-black.is-outlined.is-icon {
background-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-black.is-outlined.is-icon>* {
color: #0a0a0a !important
}
.timeline .timeline-item .timeline-marker.is-light {
background-color: #f5f5f5 !important;
border-color: #f5f5f5 !important
}
.timeline .timeline-item .timeline-marker.is-light .image {
border-color: #f5f5f5 !important
}
.timeline .timeline-item .timeline-marker.is-light.is-icon {
background-color: #f5f5f5 !important;
border-color: #f5f5f5 !important
}
.timeline .timeline-item .timeline-marker.is-light.is-icon>* {
color: rgba(0, 0, 0, .7) !important
}
.timeline .timeline-item .timeline-marker.is-light.is-outlined {
background-color: #fff !important;
border-color: #f5f5f5 !important
}
.timeline .timeline-item .timeline-marker.is-light.is-outlined .image {
background-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-light.is-outlined.is-icon {
background-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-light.is-outlined.is-icon>* {
color: #f5f5f5 !important
}
.timeline .timeline-item .timeline-marker.is-dark {
background-color: #363636 !important;
border-color: #363636 !important
}
.timeline .timeline-item .timeline-marker.is-dark .image {
border-color: #363636 !important
}
.timeline .timeline-item .timeline-marker.is-dark.is-icon {
background-color: #363636 !important;
border-color: #363636 !important
}
.timeline .timeline-item .timeline-marker.is-dark.is-icon>* {
color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-dark.is-outlined {
background-color: #fff !important;
border-color: #363636 !important
}
.timeline .timeline-item .timeline-marker.is-dark.is-outlined .image {
background-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-dark.is-outlined.is-icon {
background-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-dark.is-outlined.is-icon>* {
color: #363636 !important
}
.timeline .timeline-item .timeline-marker.is-primary {
background-color: #ff6600 !important;
border-color: #ff6600 !important
}
.timeline .timeline-item .timeline-marker.is-primary .image {
border-color: #ff6600 !important
}
.timeline .timeline-item .timeline-marker.is-primary.is-icon {
background-color: #ff6600 !important;
border-color: #ff6600 !important
}
.timeline .timeline-item .timeline-marker.is-primary.is-icon>* {
color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-primary.is-outlined {
background-color: #fff !important;
border-color: #ff6600 !important
}
.timeline .timeline-item .timeline-marker.is-primary.is-outlined .image {
background-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-primary.is-outlined.is-icon {
background-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-primary.is-outlined.is-icon>* {
color: #00d1b2 !important
}
.timeline .timeline-item .timeline-marker.is-link {
background-color: #485fc7 !important;
border-color: #485fc7 !important
}
.timeline .timeline-item .timeline-marker.is-link .image {
border-color: #485fc7 !important
}
.timeline .timeline-item .timeline-marker.is-link.is-icon {
background-color: #485fc7 !important;
border-color: #485fc7 !important
}
.timeline .timeline-item .timeline-marker.is-link.is-icon>* {
color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-link.is-outlined {
background-color: #fff !important;
border-color: #485fc7 !important
}
.timeline .timeline-item .timeline-marker.is-link.is-outlined .image {
background-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-link.is-outlined.is-icon {
background-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-link.is-outlined.is-icon>* {
color: #485fc7 !important
}
.timeline .timeline-item .timeline-marker.is-info {
background-color: #3e8ed0 !important;
border-color: #3e8ed0 !important
}
.timeline .timeline-item .timeline-marker.is-info .image {
border-color: #3e8ed0 !important
}
.timeline .timeline-item .timeline-marker.is-info.is-icon {
background-color: #3e8ed0 !important;
border-color: #3e8ed0 !important
}
.timeline .timeline-item .timeline-marker.is-info.is-icon>* {
color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-info.is-outlined {
background-color: #fff !important;
border-color: #3e8ed0 !important
}
.timeline .timeline-item .timeline-marker.is-info.is-outlined .image {
background-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-info.is-outlined.is-icon {
background-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-info.is-outlined.is-icon>* {
color: #3e8ed0 !important
}
.timeline .timeline-item .timeline-marker.is-success {
background-color: #48c78e !important;
border-color: #48c78e !important
}
.timeline .timeline-item .timeline-marker.is-success .image {
border-color: #48c78e !important
}
.timeline .timeline-item .timeline-marker.is-success.is-icon {
background-color: #48c78e !important;
border-color: #48c78e !important
}
.timeline .timeline-item .timeline-marker.is-success.is-icon>* {
color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-success.is-outlined {
background-color: #fff !important;
border-color: #48c78e !important
}
.timeline .timeline-item .timeline-marker.is-success.is-outlined .image {
background-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-success.is-outlined.is-icon {
background-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-success.is-outlined.is-icon>* {
color: #48c78e !important
}
.timeline .timeline-item .timeline-marker.is-warning {
background-color: #ffe08a !important;
border-color: #ffe08a !important
}
.timeline .timeline-item .timeline-marker.is-warning .image {
border-color: #ffe08a !important
}
.timeline .timeline-item .timeline-marker.is-warning.is-icon {
background-color: #ffe08a !important;
border-color: #ffe08a !important
}
.timeline .timeline-item .timeline-marker.is-warning.is-icon>* {
color: rgba(0, 0, 0, .7) !important
}
.timeline .timeline-item .timeline-marker.is-warning.is-outlined {
background-color: #fff !important;
border-color: #ffe08a !important
}
.timeline .timeline-item .timeline-marker.is-warning.is-outlined .image {
background-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-warning.is-outlined.is-icon {
background-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-warning.is-outlined.is-icon>* {
color: #ffe08a !important
}
.timeline .timeline-item .timeline-marker.is-danger {
background-color: #f14668 !important;
border-color: #f14668 !important
}
.timeline .timeline-item .timeline-marker.is-danger .image {
border-color: #f14668 !important
}
.timeline .timeline-item .timeline-marker.is-danger.is-icon {
background-color: #f14668 !important;
border-color: #f14668 !important
}
.timeline .timeline-item .timeline-marker.is-danger.is-icon>* {
color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-danger.is-outlined {
background-color: #fff !important;
border-color: #f14668 !important
}
.timeline .timeline-item .timeline-marker.is-danger.is-outlined .image {
background-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-danger.is-outlined.is-icon {
background-color: #fff !important
}
.timeline .timeline-item .timeline-marker.is-danger.is-outlined.is-icon>* {
color: #f14668 !important
}
.timeline .timeline-item .timeline-content {
padding: 1em 0 0 2em
}
.timeline .timeline-item .timeline-content .heading {
font-weight: 600
}
.timeline .timeline-item.is-white::before {
background-color: #fff
}
.timeline .timeline-item.is-black::before {
background-color: #0a0a0a
}
.timeline .timeline-item.is-light::before {
background-color: #f5f5f5
}
.timeline .timeline-item.is-dark::before {
background-color: #363636
}
.timeline .timeline-item.is-primary::before {
background-color: #ff6600
}
.timeline .timeline-item.is-link::before {
background-color: #485fc7
}
.timeline .timeline-item.is-info::before {
background-color: #3e8ed0
}
.timeline .timeline-item.is-success::before {
background-color: #48c78e
}
.timeline .timeline-item.is-warning::before {
background-color: #ffe08a
}
.timeline .timeline-item.is-danger::before {
background-color: #f14668
}
.timeline.is-centered .timeline-header {
display: flex;
width: 100%;
align-self: center
}
.timeline.is-centered .timeline-item {
width: 50%;
align-self: flex-end;
flex-direction: row
}
.timeline.is-centered .timeline-item:nth-of-type(2n) {
align-self: flex-start;
flex-direction: row-reverse;
margin-left: 0;
margin-right: 2em
}
.timeline.is-centered .timeline-item:nth-of-type(2n)::before {
right: -.5px;
left: auto
}
.timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker {
transform: translateX(50%)
}
.timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-content {
padding: 1em 2em 0 0;
text-align: right;
display: flex;
flex-direction: column;
align-items: flex-end;
flex-basis: 100%
}
.timeline.is-centered .timeline-item:nth-of-type(2n+1)::before {
content: "";
background-color: #dbdbdb;
display: block;
width: 1px;
height: 100%;
position: absolute;
top: 0
}
.timeline.is-centered .timeline-item.is-white::before {
background-color: #fff
}
.timeline.is-centered .timeline-item.is-black::before {
background-color: #0a0a0a
}
.timeline.is-centered .timeline-item.is-light::before {
background-color: #f5f5f5
}
.timeline.is-centered .timeline-item.is-dark::before {
background-color: #363636
}
.timeline.is-centered .timeline-item.is-primary::before {
background-color: #000
}
.timeline.is-centered .timeline-item.is-link::before {
background-color: #485fc7
}
.timeline.is-centered .timeline-item.is-info::before {
background-color: #3e8ed0
}
.timeline.is-centered .timeline-item.is-success::before {
background-color: #48c78e
}
.timeline.is-centered .timeline-item.is-warning::before {
background-color: #ffe08a
}
.timeline.is-centered .timeline-item.is-danger::before {
background-color: #f14668
}
.timeline.is-rtl {
justify-content: flex-end;
align-items: flex-end
}
.timeline.is-rtl .timeline-item {
justify-content: flex-end;
flex-direction: row;
border-left: none;
margin-left: 0;
margin-right: 2em
}
.timeline.is-rtl .timeline-item::before {
right: 0;
left: auto
}
.timeline.is-rtl .timeline-item .timeline-marker {
transform: translateX(50%)
}
.timeline.is-rtl .timeline-item .timeline-marker.is-image.is-16x16 {
transform: translateX(50%)
}
.timeline.is-rtl .timeline-item .timeline-marker.is-image.is-24x24 {
transform: translateX(50%)
}
.timeline.is-rtl .timeline-item .timeline-marker.is-image.is-32x32 {
transform: translateX(50%)
}
.timeline.is-rtl .timeline-item .timeline-marker.is-image.is-48x48 {
transform: translateX(50%)
}
.timeline.is-rtl .timeline-item .timeline-marker.is-image.is-64x64 {
transform: translateX(50%)
}
.timeline.is-rtl .timeline-item .timeline-marker.is-image.is-96x96 {
transform: translateX(50%)
}
.timeline.is-rtl .timeline-item .timeline-marker.is-image.is-128x128 {
transform: translateX(50%)
}
.timeline.is-rtl .timeline-item .timeline-content {
padding: 1em 2em 0 0;
text-align: right
}
.timeline.no-headers .timeline-item.is-first::before {
height: calc(100% - 1.2rem);
top: 1.2rem
}
.timeline.no-headers .timeline-item.is-last::before {
height: 1.2rem
}
.dofinansowania {
margin-top: 2rem;
text-align: left !important;
}
.dofinansowania img {
border-radius: 0 !important;
} .wojewodztwoheader {
background: #f1f1f1;
background-size: cover;
padding: 4rem 1rem;
}
.wojewodztwointro {
padding: 4rem 1rem;
}
.wojewodztwopins {
padding: 5rem 1rem;
border-top: 1px solid #ccc;
}
.wojewodztwopins svg {
padding-left: 2rem;
}
.wojewodztwosummary {
border-top: 1px solid #ccc;
padding: 4rem 0;
}
.wojewodztwopins h2 {
line-height: 2.2rem;
}
img.herb {
max-width: 120px;
}
@media (max-width: 991.98px) {
img.herb {
max-width: 80px;
}
.wojewodztwoheader {
padding: 3rem 1rem;
}
.wojewodztwopins {
padding: 2rem 1rem;
}
.wojewodztwopins svg {
padding: 0;
}
.wojewodztwointro {
padding: 3rem 1rem;
}
.wojewodztwosummary {
padding: 2rem 2rem;
}
}
.wojpin {
text-align: center;
}
.wojpin span {
font-weight: 400;
}
img.pinimg {
transition: all .2s ease-in-out;
}
img.pinimg:hover {
transform: scale(1.1);
}
.pinname {
position: relative;
line-height: 0.8rem;
}
@media (max-width: 991.98px) {
.wojpin span {
font-size: 0.5rem;
font-weight: 400;
}
img.pinimg {
height: 20px !important;
height: auto;
}
.pinname {
position: relative;
line-height: 0;
}
} .wojewodztwointro h2 {
font-size: 1.5rem;
margin-bottom: 1.5rem;
}
.wojewodztwointro h3 {
margin-top: 1.5rem;
}
.miasto_grid {
padding: 3rem 0;
border-top: 1px solid #ccc;
}
.miasto_inside {
padding: 1.5rem;
box-shadow: 2px 2px 4px rgba(0, 0, 0, .09);
border: 1px solid #ccc;
border-radius: 1rem;
min-height: 400px;
}
.wzornik_inside {
padding: 0;
box-shadow: 2px 2px 4px rgba(0, 0, 0, .09);
border: 1px solid #ccc;
border-radius: 1rem;
}
.wzornik_inside .box_spec {
padding: 1rem;
margin: 0;
}
.wzornik_inside .box_spec:first-of-type {
margin: 0;
}
.miasto_grid .column h3 {
font-size: 1rem;
margin-bottom: 1rem;
min-height: 45px;
line-height: 1.4rem;
}
.miasto_grid .column img {
max-width: 100%;
border-radius: 1rem;
}
.box_spec {
display: flex;
align-items: center;
}
.box_spec:first-of-type {
margin-top: 1rem;
}
.box_spec img {
padding-right: 0.3rem;
}
.ankieta {
padding: 3rem 0;
} .epl-post-link {
display: flex;
border: 1px solid #ccc;
padding: 2rem;
margin: 10px 0;
border-radius: 1rem;
background-color: #fff;
}
.epl-post-link-image {
margin-right: 2rem;
}
.epl-post-link-image img {
max-width: 200px;
height: auto;
object-fit: cover;
border-radius: 5px;
}
.epl-post-link-content {
flex: 1;
}
.epl-post-link-content h2 {
font-size: 18px;
margin: 0 0 10px;
}
.epl-post-link-meta {
font-size: 14px;
color: #666;
margin-bottom: 10px;
}
.epl-post-link-meta span {
margin-right: 10px;
}
.epl-post-link-content p {
margin: 0 0 10px;
}
.epl-post-link-content a {
color: #ff6600;
text-decoration: none;
}
.epl-post-link-content a h2 {
color: black;
text-decoration: none;
}
.epl-post-link-content a:hover {
text-decoration: underline;
}
@media (max-width: 991.98px) {
.epl-post-link {
flex-direction: column;
}
.epl-post-link-image img {
max-width: 100%;
text-align: center;
margin: 0 0 2rem 0;
}
.epl-post-link-image {
margin: 0;
}
}
ol li {
margin-left: 1rem;
}
.bridy {
margin-top: -12px !important;
} .jingle {
display: none;
background-color: #000;
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
}
.video_home_jingle {
width: 300px;
height: auto;
}
.featuredvideo {
color: #fff;
background-repeat: no-repeat;
background-size: cover;
padding: 15rem 0 5rem 0;
min-height: 800px;
background: #010101;
background-position: 50% 50%%;
animation: mymove 2s;
animation-fill-mode: forwards;
animation-delay: 800ms;
}
@keyframes mymove {
0% {
background-position: 50% 50%;
}
100% {
background-position: 50% 100%;
}
}
.videogrid {
background: #010101;
padding: 5rem 0;
color: #fff;
}
h1.videotitle {
text-transform: uppercase;
font-weight: 700;
font-size: 3rem;
line-height: 2.7rem;
margin-bottom: 2rem;
}
span.premiera {
text-transform: uppercase;
font-weight: 700;
color: #ff6600;
}
.obejrzyj {
display: inline-block;
padding: 0.5rem 2rem;
background: #ff6600;
border-radius: 5px;
text-transform: uppercase;
color: #fff;
margin-top: 2rem;
transition: all 0.2s ease-out;
}
a.additional {
margin: 0 0.5rem;
color: #fff;
border: 1px solid white;
border-radius: 5px;
padding: 0.5rem 2rem;
}
.obejrzyj:hover {
box-shadow: 0 0 20px #ff6600;
}
img.bv {
display: block;
margin-bottom: 5rem;
}
a.vp-a {
display: inline-block;
padding: 0.5rem 2rem;
background: #ff6600;
border-radius: 5px;
text-transform: uppercase;
color: #fff;
margin-top: 2rem;
transition: all 0.2s ease-out;
}
a.vp-a:hover {
box-shadow: 0 0 20px #ff6600;
}
@media (max-width: 991.98px) {
.featuredvideo {
padding: 3rem 1rem;
background-position: 0% 0%;
}
}
.videogrid .card {
background: #f1f1f1;
border-radius: 15px;
padding: 2rem;
}
p.featuredviddesc {
color: #f1f1f1;
}
.biotopvideo_grid {
background: #010101;
color: #fff;
padding: 0 0 5rem 0;
}
@media (max-width: 991.98px) {
.biotopvideo_grid {
padding: 0 1rem 5rem 1rem;
}
}
.biotopvideo_grid .column {
padding-top: 2rem;
}
.video_inside {
border-radius: 15px;
}
.video_inside img {
border-radius: 15px;
}
.video_details {
margin: 1rem 0;
color: #ccc;
overflow: hidden;
width: 100%;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.video_date {
color: #525252;
display: block;
}
.biotopvideo_grid h2 {
font-size: 1rem;
}
.zespol {
padding: 5rem 0;
}
.zespol img {
border-radius: 50rem;
margin-bottom: 1rem;
}
.zespol .column .zespolinside {
text-align: center;
}
.zespol h3 {
font-size: 1.2rem;
text-transform: uppercase;
}
.zespol span {
display: block;
}
@media (max-width: 991.98px) {
.zespol {
text-align: center;
}
}
.bridy {
margin-bottom: 10px !important;
} .grid-sizer,
.grid-item {
width: 33.333%; }
@media (max-width: 768px) {
.grid-sizer,
.grid-item {
width: 100%; }
}
.grid-item {
padding: 0.5rem; }
#sentinel {
width: 100%;
height: 1px;
}
.morereviews {
padding: 0 0 5rem 0;
}
.morereviews .card {
padding: 2rem;
box-shadow: 0 0 15px rgba(0, 0, 0, .1);
border-radius: 7px;
}
.rating_summary {
margin-bottom: 1rem;
}
.rmp-rating-widget.js-rmp-rating-widget.rmp-rating-widget--has-rated {
margin: 3rem 0;
}
ul li.rmp-rating-widget__icons-list__icon.js-rmp-rating-item::before {
content: "";
display: none;
}
.content ul li.rmp-rating-widget__icons-list__icon.js-rmp-rating-item {
padding: 0;
margin: 0;
}
.rmp-icon--full-highlight {
color: #ff912c;
padding-right: 2px;
} .blog-section {
padding: 5rem 20px;
text-align: center;
background-color: #f9f9f9;
}
.blog-header h2 {
font-size: 2em;
margin-bottom: 10px;
color: #333;
}
.blog-header p {
font-size: 1em;
color: #666;
margin-bottom: 5rem;
}
.blog-posts {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.blog-post {
background: #fff;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
max-width: 300px;
text-align: left;
}
.blog-post:hover {
transform: translateY(-5px);
transition: 0.5s all ease-in-out;
}
.blog-thumbnail img {
width: 100%;
height: auto;
display: block;
}
.blog-content {
padding: 30px;
}
.blog-title {
margin-bottom: 0.5rem;
}
.blog-title a {
line-height: 0.8rem;
font-size: 1.2em;
color: #333;
text-decoration: none;
transition: color 0.3s;
}
.blog-excerpt {
font-size: 0.9em;
color: #666;
}
.blog-cta {
margin-top: 20px;
}
.cta-button {
margin-top: 3rem;
display: inline-block;
padding: 10px 20px;
background-color: #ff6600;
color: #fff;
text-decoration: none;
font-size: 1em;
border-radius: 5px;
transition: background-color 0.3s;
}
.cta-button:hover {
background-color: #ff6600;
} .top-row {
display: flex;
justify-content: space-between;
width: 100%;
}
.date-column,
.rating-column { flex: 1;
}
.date-column {
text-align: left;
}
.rating-column {
text-align: right;
}
.excerpt-full-width {
width: 100%;
margin-top: 20px; }
.blogsearchdiv select,
.blogsearchdiv input {
padding: 0.5rem;
border-radius: 8px;
}
.priceform {
background: #e9e9e9;
padding: 4rem 1rem;
}
.priceform h2 {
line-height: 1.75rem;
}
.qanda li {
padding: 0.5rem 0;
}
.qanda .fa-solid,
.qanda .fas {
margin-right: 0.2rem;
}
.adasdqwdadw {
margin-bottom: 3rem;
}
.qanda .card {
border-radius: 16px;
box-shadow: 2px 2px 15px rgba(0, 0, 0, .3);
padding: 4rem;
}
.qanda .box {
box-shadow: none;
padding: 0;
margin-top: 2rem;
}
@media (max-width: 991.98px) {
.qanda .card {
padding: 2rem;
}
}
.card .red {
margin-top: 1rem;
background: #ffece1;
padding: 2rem;
box-shadow: none;
} .call-widget {
position: fixed;
bottom: 118px;
right: 20px;
z-index: 9999;
display: flex;
align-items: center;
gap: 10px;
background-color: #ff6600;
color: white;
border-radius: 50px;
padding: 10px 16px 10px 10px;
text-decoration: none;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
font-family: 'Segoe UI', sans-serif;
transition: opacity 0.4s ease, visibility 0.4s ease;
}
.call-widget:hover {
background-color: #e65c00;
}
.call-icon {
background-color: white;
color: #ff6600;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
.call-text {
line-height: 1.2;
font-size: 14px;
} @media (max-width: 768px) {
.call-widget {
bottom: 52px;
left: 50%;
right: auto;
transform: translateX(-50%);
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.call-widget.visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
} .split-hero {
position: relative;
display: flex;
height: 100vh;
overflow: hidden;
}
.hero-half {
width: 50%;
height: 100%;
position: absolute;
top: 0;
}
.left-bg {
left: 0;
background-color: #f0e7e2; z-index: 1;
}
.right-video {
right: 0;
z-index: 1;
overflow: hidden;
}
.right-video .background-video {
width: 100%;
height: 100%;
object-fit: cover;
}
.hero-content {
position: relative;
z-index: 2;
width: 100%;
display: flex;
align-items: center;
}
@media (min-width: 768px) {
.hero-body video {
display: none;
}
}
@media (max-width: 991.98px) {
.mobilepullup {
margin-top: -45px;
z-index: 5;
position: relative;
}
}
.hero-gradient-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(270deg, rgba(248, 241, 236, 0) 0%, rgba(248, 241, 236, 0) 4%, rgba(248, 241, 236, 1) 80%);
z-index: 1;
}
.hero-gradient-overlay.flippedgradient {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(248, 241, 236, 0) 0%, rgba(248, 241, 236, 0) 4%, rgba(248, 241, 236, 1) 80%);
z-index: 1;
}
@media (max-width: 991.98px) {
.hero-gradient-overlay,
.hero-gradient-overlay.flippedgradient {
background: rgba(248, 241, 236, 0);
}
} .cta-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);   
background: #ff6600;
color: #fff;
width: 60px;
height: 60px;
border-radius: 50%;
cursor: pointer;
font-size: 2rem;
font-weight: bold;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
animation: pulse 1.5s infinite;
padding-left: 4px;
} @keyframes pulse {
0% {
transform: translate(-50%, -50%) scale(1);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}
70% {
transform: translate(-50%, -50%) scale(1.1);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
100% {
transform: translate(-50%, -50%) scale(1);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
} .cta-overlay:hover {
background: rgba(0, 0, 0, 0.9);
} @media (max-width: 768px) {
.collapsible {
max-height: 190px; overflow: hidden;
position: relative; transition: max-height 0.35s ease;
}
.collapsible::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 60px; z-index: 99;
background: linear-gradient(to top, #fff 0%, transparent 100%); pointer-events: none;
z-index: 2; }
.collapsible.is-expanded {
max-height: 2000px; }
.collapsible.is-expanded::after {
display: none; }
}
.collapsible li {
z-index: 0;
}
@media (min-width: 768px) {
button.expand {
display: none;
;
}
}
button.expand {
border: 0;
padding: 1rem;
margin-top: -5px;
} .cta2025 {
padding: 5rem;
background: #fff;
background-size: cover;
color: #000;
}
.cta2025 .card {
border-radius: 16px;
padding: 5rem;
background: #fff;
backdrop-filter: blur(10px);
box-shadow: 0 0 15px #9e3f00;
border: 1px solid #bc4b00;
}
@media (max-width: 991.98px) {
.cta2025 {
padding: 3rem 0;
}
.cta2025 .card {
padding: 1rem;
}
.cta2025 .columns {
flex-direction: column-reverse;
}
}
@media (min-width: 768px) and (max-width: 1500px) {
.cta2025 {
padding: 1rem;
}
}
.hs-form input,
.hs-form textarea,
.hs-form select {
background-color: transparent !important;
color: #fff; }
.casestudy_main {
padding: 5rem 0;
background: #f1f1f1;
} .cs-step-head {
display: flex;
align-items: center;
gap: .75rem;
}
.cs-step-num {
font-weight: 700;
font-size: 1.25rem;
color: var(--primary, #ff7a00);
} .cs-step-img {
width: 100%;
height: auto;
border-radius: 12px;
display: block;
} .cs-step.is-reverse {
flex-direction: row-reverse;
} @media (max-width: 1023px) {
.cs-step {
flex-direction: column !important;
}
}
.casestudyheader {
background: url(https://www.grupabiotop.pl/wp-content/themes/biotop/assets/images/csbg.webp) no-repeat bottom center;
background-size: cover;
}
.casestudyheader .card {
background: #f6f6f6;
padding: 3rem;
border-radius: 28px;
box-shadow: 0 0 28px #c6c6c6;
border: 1px solid #ccc;
}
@media (max-width: 991.98px) {
.casestudyheader .card {
padding: 3rem 1rem;
}
}
.csbox {
padding: 1rem 1rem 1rem 0;
border-bottom: 1px solid #ccc;
margin-bottom: 0.5rem;
}
.csbox h4 {
margin-bottom: 0.4rem;
}
.csbox svg {
margin-right: 0.2rem;
} .cs-gallery,
.cs-gallery .swiper-wrapper,
.cs-gallery .swiper-slide {
max-width: 100% !important;
width: 100% !important;
}
.cs-gallery {
border-radius: 3rem;
} .cs-gallery .swiper-wrapper {
height: auto !important;
} .cs-gallery img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
} @media (max-width: 768px) {
.casestudyheader .column {
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
}
.casestudyheader {
overflow-x: hidden;
}
} .contact-widget {
flex-direction: column;
line-height: 1rem;
position: fixed;
bottom: 20px;
right: 20px;
display: flex;
gap: 5px;
z-index: 9999;
}
.contact-item-bullet {
cursor: pointer;
display: flex;
align-items: center;
gap: 10px;
padding: 12px 16px;
background: #111;
color: #fff;
text-decoration: none;
border-radius: 50px;
box-shadow: 0 4px 12px rgba(0,0,0,.3);
}
.contact-item-bullet.form {
background: #000;
}
.contact-item-bullet.form:hover {
background: #525252;
}
.contact-item-bullet.phone {
background: #ff6600;
}
@media (max-width: 768px) {
.contact-widget {
flex-direction: row;
width: 90%;
font-size: 0.7rem;
left: 50%;
justify-content: center;
right: auto;
transform: translateX(-50%);
bottom: 16px;
}
}  #formularz-wycena-modal { 
display: none; 
position: fixed;
inset: 0;
z-index: 9999;
align-items: center;
justify-content: center;
} #formularz-wycena-modal.is-active { 
display: flex; 
} #formularz-wycena-modal .modal-background {
position: absolute;
inset: 0;
background: rgba(0,0,0,.6);
} #formularz-wycena-modal .modal-content {
position: relative;
z-index: 1;
max-width: 720px;
width: calc(100% - 32px);
}
#formularz-wycena-modal .box {
border-radius: 16px;
padding: 2rem;
}
.contact-widget button {
border: none;
}
@media (max-width: 991.98px){
#formularz-wycena-modal .box {
padding: 1.5rem;
font-size: 0.8rem;
}
}
button.modal-close {
display: inline;
float: right;
}
@media (max-width: 991.98px){
button.modal-close {
position: absolute;
top: 1rem;
right: 1rem;
}
}
.thankyou {
padding: 7rem 0;
} .hero-home {
height: 80vh;
position: relative;
background-color: #000;
background: black url(//www.grupabiotop.pl/wp-content/themes/biotop/assets/images/bg26.webp) center center / cover no-repeat;
background-position: bottom center;
}
@media (max-width: 991.98px){
.hero-home {
height: unset;
}
}
.hero-home::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0,0,0,0.65);
}
.hero-home .hero-body {
position: relative;
z-index: 2;
overflow: hidden;
}
.hero-video-box {
border-radius: 24px;
overflow: hidden;
} .hero-video-box wistia-player {
width: 100%;
display: block;
}
.hero-video-box.box {
background: transparent;
box-shadow: none;
padding: 0;
}.epyt-debug{background-color:#ddd;color:#000;cursor:pointer;text-align:left}iframe.__youtube_prefs__{border-width:0}.epyt-gallery{text-align:center}.epyt-gallery .epyt-figure{margin-block:0;margin-inline:0}.epyt-gallery iframe{margin-bottom:0}.epyt-gallery.epyt-lb iframe{display:none;height:0!important}.epyt-gallery-list{display:block;margin:0 -8px;position:relative;transition:opacity .3s ease-out}.epyt-gallery-list .epyt-gallery-thumb{box-sizing:border-box}.epyt-gallery-list p{display:none}.epyt-gallery-clear{clear:both}.epyt-gallery-list.epyt-loading{opacity:.5;transition:opacity .3s ease-out}.epyt-gallery-thumb{box-sizing:border-box;cursor:pointer;display:block!important;float:left;height:auto;opacity:1;overflow-y:hidden;padding:0 8px 10px;position:relative}.epyt-gallery-thumb.hover{height:auto;opacity:1;position:relative;transition:opacity .3s ease-out}.epyt-gallery-img-box{width:100%}.epyt-gallery-img{background-position:50%!important;background-size:cover!important;height:0;overflow:hidden!important;padding-top:56.25%!important;position:relative;width:100%}.epyt-gallery-playhover{height:100%;left:0;opacity:0;position:absolute;text-align:center;top:-10px;transition:opacity .3s ease-out;vertical-align:middle;width:100%}.epyt-gallery-thumb.epyt-current-video .epyt-gallery-playhover,.epyt-gallery-thumb.hover .epyt-gallery-playhover{opacity:1;top:0;transition:all .3s ease-out}.epyt-gallery-thumb .epyt-gallery-playcrutch{display:inline-block;height:100%;vertical-align:middle;width:0}.epyt-gallery-playhover .epyt-play-img{border:none;box-sizing:border-box;display:inline-block!important;height:auto!important;margin:0!important;max-width:15%!important;min-width:30px!important;padding:0!important;vertical-align:middle!important;width:auto}.epyt-gallery-title{font-size:80%;line-height:120%;padding:10px}.epyt-gallery-notitle{padding:4px}.epyt-gallery-notitle span{display:none}.epyt-gallery-rowtitle{left:0;opacity:0;overflow-x:hidden;position:absolute;text-align:center;text-overflow:ellipsis;top:100%;white-space:nowrap;width:100%;z-index:10}.epyt-gallery-rowtitle.hover{opacity:1;transition:opacity .2s linear}.epyt-gallery-rowbreak{clear:both}.epyt-pagination{clear:both;padding:10px 8px;text-align:center}.epyt-pagination.epyt-hide-pagination *{display:none!important}.epyt-pagenumbers>div,.epyt-pagination>div{display:inline-block;padding:0 2px;vertical-align:middle}.epyt-pagination .epyt-pagebutton{cursor:pointer;display:inline-block;padding:0 10px}.epyt-pagebutton>div{display:inline}.epyt-pagination .epyt-loader{display:none}.epyt-gallery-list.epyt-loading .epyt-pagination .epyt-loader{display:inline-block}body .lity-container{max-width:964px;width:100%}.epyt-curtain .lity-opened iframe{opacity:0;transition:opacity .3s linear .5s}.epyt-gallery-allthumbs.epyt-cols-1 .epyt-gallery-thumb{width:100%}.epyt-gallery-allthumbs.epyt-cols-2 .epyt-gallery-thumb{width:50%}.epyt-gallery-allthumbs.epyt-cols-3 .epyt-gallery-thumb{width:33.333%}.epyt-gallery-allthumbs.epyt-cols-4 .epyt-gallery-thumb{width:25%}.epyt-gallery-allthumbs.epyt-cols-5 .epyt-gallery-thumb{width:20%}.epyt-gallery-allthumbs.epyt-cols-6 .epyt-gallery-thumb{width:16.666%}.epyt-gallery-allthumbs.epyt-cols-7 .epyt-gallery-thumb{width:14.285%}.epyt-gallery-allthumbs.epyt-cols-8 .epyt-gallery-thumb{width:12.5%}.epyt-gallery-allthumbs.epyt-cols-9 .epyt-gallery-thumb{width:11.111%}.epyt-gallery-allthumbs.epyt-cols-10 .epyt-gallery-thumb{width:10%}.epyt-gallery-allthumbs.epyt-cols-11 .epyt-gallery-thumb{width:9.09%}.epyt-gallery-allthumbs.epyt-cols-12 .epyt-gallery-thumb{width:8.333%}.epyt-gallery-allthumbs.epyt-cols-13 .epyt-gallery-thumb{width:7.692%}.epyt-gallery-allthumbs.epyt-cols-14 .epyt-gallery-thumb{width:7.142%}.epyt-gallery-allthumbs.epyt-cols-15 .epyt-gallery-thumb{width:6.666%}.epyt-gallery-allthumbs.epyt-cols-16 .epyt-gallery-thumb{width:6.25%}.epyt-gallery-allthumbs.epyt-cols-17 .epyt-gallery-thumb{width:5.882%}.epyt-gallery-allthumbs.epyt-cols-18 .epyt-gallery-thumb{width:5.555%}.epyt-gallery-allthumbs.epyt-cols-19 .epyt-gallery-thumb{width:5.263%}.epyt-gallery-allthumbs.epyt-cols-20 .epyt-gallery-thumb{width:5%}.epyt-pagebutton.hide,.epyt-pagenumbers.hide{display:none!important;opacity:0!important;visibility:hidden!important}.epyt-gallery-subscribe{clear:both;padding:15px 0 10px;text-align:center}.epyt-gallery-subscribe a.epyt-gallery-subbutton,.epyt-gallery-subscribe a.epyt-gallery-subbutton:hover{background-color:#e62117!important;border-radius:3px;color:#fff!important;display:inline-block;padding:5px 10px;text-decoration:none!important}.epyt-gallery-subscribe a.epyt-gallery-subbutton img{background:transparent;-webkit-box-shadow:none;box-shadow:none;display:inline-block;height:auto!important;margin:0;padding:0 6px 3px 0;vertical-align:middle!important;width:20px!important}body div.__youtube_prefs__.__youtube_prefs_gdpr__{background-color:#000;background-image:-webkit-linear-gradient(top,#000,#444);background-image:linear-gradient(180deg,#000,#444);height:auto;padding:25px;text-align:left}body div.__youtube_prefs__.__youtube_prefs_gdpr__ *{color:#e3e3e3!important}body div.__youtube_prefs__.__youtube_prefs_gdpr__ a{text-decoration:underline}body div.__youtube_prefs__.__youtube_prefs_gdpr__ button.__youtube_prefs_gdpr__,body div.__youtube_prefs__.__youtube_prefs_gdpr__ button.__youtube_prefs_gdpr__:hover{background:#e62117!important;border-radius:3px;border-width:0;box-sizing:border-box;color:#fff!important;display:inline-block;font-weight:400;padding:5px 10px;text-decoration:none!important}body div.__youtube_prefs__.__youtube_prefs_gdpr__ button.__youtube_prefs_gdpr__ img{background:transparent;-webkit-box-shadow:none;box-shadow:none;display:inline-block;height:auto!important;margin-left:8px;padding:0 6px 3px 0;vertical-align:middle!important;width:20px!important}body .epyt-gallery-img-gdpr{background-color:#000;background-image:-webkit-linear-gradient(top,#000,#444);background-image:linear-gradient(180deg,#000,#444)}.epyt-facade{height:0;max-width:100%;overflow:hidden;padding-bottom:56.25%;position:relative;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.epyt-facade:hover{-webkit-filter:brightness(90%);-moz-filter:brightness(90%);filter:brightness(90%)}.epyt-facade img.epyt-facade-poster{border:none;cursor:pointer;display:block;height:auto;left:50%;margin:0;max-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.epyt-facade button.epyt-facade-play{background-color:transparent!important;border-width:0!important;cursor:pointer;height:48px;left:50%;margin-left:-34px;margin-top:-24px;position:absolute;top:50%;-webkit-transition:opacity .25s cubic-bezier(0,0,.2,1);transition:opacity .25s cubic-bezier(0,0,.2,1);width:68px}.epyt-facade button.epyt-facade-play svg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.epyt-facade button.epyt-facade-play svg .ytp-large-play-button-bg{-webkit-transition:fill .1s cubic-bezier(.4,0,1,1),fill-opacity .1s cubic-bezier(.4,0,1,1);transition:fill .1s cubic-bezier(.4,0,1,1),fill-opacity .1s cubic-bezier(.4,0,1,1);fill:#212121;fill-opacity:.8}.epyt-facade:hover button.epyt-facade-play svg .ytp-large-play-button-bg{-webkit-transition:fill .1s cubic-bezier(0,0,.2,1),fill-opacity .1s cubic-bezier(0,0,.2,1);transition:fill .1s cubic-bezier(0,0,.2,1),fill-opacity .1s cubic-bezier(0,0,.2,1);fill:red;fill-opacity:1}.wp-embed-responsive .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper .epyt-is-override.epyt-facade{bottom:0;left:0;position:absolute;right:0;top:0}.wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper .epyt-is-override.__youtube_prefs_gdpr__{position:relative}.wp-embed-responsive .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper .epyt-is-override.__youtube_prefs_gdpr__{bottom:0;left:0;overflow-y:auto;position:absolute;right:0;top:0}.wp-embed-responsive .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper.epyt-is-override__wrapper:before{padding:0}.wp-embed-responsive .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper.epyt-is-override__wrapper .epyt-is-override.__youtube_prefs_gdpr__{bottom:unset;left:unset;position:relative;right:unset;top:unset}
.modula-best-grid-gallery :root{--f-spinner-width:36px;--f-spinner-height:36px;--f-spinner-color-1:rgba(0, 0, 0, 0.1);--f-spinner-color-2:rgba(17, 24, 28, 0.8);--f-spinner-stroke:2.75}.modula-best-grid-gallery .f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.modula-best-grid-gallery .f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.modula-best-grid-gallery .f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.modula-best-grid-gallery .f-spinner svg :first-child{stroke:var(--f-spinner-color-1)}.modula-best-grid-gallery .f-spinner svg :last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.modula-best-grid-gallery .f-throwOutUp{animation:var(--f-throw-out-duration,.175s) ease-out both f-throwOutUp}.modula-best-grid-gallery .f-throwOutDown{animation:var(--f-throw-out-duration,.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throw-out-distance,150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throw-out-distance,150px),0);opacity:0}}.modula-best-grid-gallery .f-zoomInUp{animation:var(--f-transition-duration,.2s) ease .1s both f-zoomInUp}.modula-best-grid-gallery .f-zoomOutDown{animation:var(--f-transition-duration,.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(.975) translate3d(0,16px,0);opacity:0}to{transform:scale(1) translate3d(0,0,0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(.975) translate3d(0,16px,0);opacity:0}}.modula-best-grid-gallery .f-fadeIn{animation:var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeIn;z-index:2}.modula-best-grid-gallery .f-fadeOut{animation:var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.modula-best-grid-gallery .f-fadeFastIn{animation:var(--f-transition-duration,.2s) ease-out both f-fadeFastIn;z-index:2}.modula-best-grid-gallery .f-fadeFastOut{animation:var(--f-transition-duration,.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.modula-best-grid-gallery .f-fadeSlowIn{animation:var(--f-transition-duration,.5s) ease both f-fadeSlowIn;z-index:2}.modula-best-grid-gallery .f-fadeSlowOut{animation:var(--f-transition-duration,.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.modula-best-grid-gallery .f-crossfadeIn{animation:var(--f-transition-duration,.2s) ease-out both f-crossfadeIn;z-index:2}.modula-best-grid-gallery .f-crossfadeOut{animation:calc(var(--f-transition-duration,.2s) * .5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.modula-best-grid-gallery .f-slideIn.from-next{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNext}.modula-best-grid-gallery .f-slideIn.from-prev{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrev}.modula-best-grid-gallery .f-slideOut.to-next{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNext}.modula-best-grid-gallery .f-slideOut.to-prev{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0,0,0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0,0,0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.modula-best-grid-gallery .f-classicIn.from-next{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInNext;z-index:2}.modula-best-grid-gallery .f-classicIn.from-prev{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInPrev;z-index:2}.modula-best-grid-gallery .f-classicOut.to-next{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutNext;z-index:1}.modula-best-grid-gallery .f-classicOut.to-prev{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}.modula-best-grid-gallery :root{--f-button-width:40px;--f-button-height:40px;--f-button-border:0;--f-button-border-radius:0;--f-button-color:#374151;--f-button-bg:#f8f8f8;--f-button-hover-bg:#e0e0e0;--f-button-active-bg:#d0d0d0;--f-button-shadow:none;--f-button-transition:all 0.15s ease;--f-button-transform:none;--f-button-svg-width:20px;--f-button-svg-height:20px;--f-button-svg-stroke-width:1.5;--f-button-svg-fill:none;--f-button-svg-filter:none;--f-button-svg-disabled-opacity:0.65}.modula-best-grid-gallery .f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media (hover:hover){.modula-best-grid-gallery .f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.modula-best-grid-gallery .f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.modula-best-grid-gallery .f-button:focus:not(:focus-visible){outline:0}.modula-best-grid-gallery .f-button:focus-visible{outline:0;box-shadow:inset 0 0 0 var(--f-button-outline,2px) var(--f-button-outline-color,var(--f-button-color))}.modula-best-grid-gallery .f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.modula-best-grid-gallery .f-button[disabled]{cursor:default}.modula-best-grid-gallery .f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.modula-best-grid-gallery .f-carousel__nav .f-button.is-next,.modula-best-grid-gallery .f-carousel__nav .f-button.is-prev,.modula-best-grid-gallery .fancybox__nav .f-button.is-next,.modula-best-grid-gallery .fancybox__nav .f-button.is-prev{position:absolute;z-index:1}.modula-best-grid-gallery .is-horizontal .f-carousel__nav .f-button.is-next,.modula-best-grid-gallery .is-horizontal .f-carousel__nav .f-button.is-prev,.modula-best-grid-gallery .is-horizontal .fancybox__nav .f-button.is-next,.modula-best-grid-gallery .is-horizontal .fancybox__nav .f-button.is-prev{top:50%;transform:translateY(-50%)}.modula-best-grid-gallery .is-horizontal .f-carousel__nav .f-button.is-prev,.modula-best-grid-gallery .is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.modula-best-grid-gallery .is-horizontal .f-carousel__nav .f-button.is-next,.modula-best-grid-gallery .is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.modula-best-grid-gallery .is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.modula-best-grid-gallery .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.modula-best-grid-gallery .is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.modula-best-grid-gallery .is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.modula-best-grid-gallery .is-vertical .f-carousel__nav .f-button.is-next,.modula-best-grid-gallery .is-vertical .f-carousel__nav .f-button.is-prev,.modula-best-grid-gallery .is-vertical .fancybox__nav .f-button.is-next,.modula-best-grid-gallery .is-vertical .fancybox__nav .f-button.is-prev{top:auto;left:50%;transform:translateX(-50%)}.modula-best-grid-gallery .is-vertical .f-carousel__nav .f-button.is-prev,.modula-best-grid-gallery .is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.modula-best-grid-gallery .is-vertical .f-carousel__nav .f-button.is-next,.modula-best-grid-gallery .is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.modula-best-grid-gallery .is-vertical .f-carousel__nav .f-button.is-next svg,.modula-best-grid-gallery .is-vertical .f-carousel__nav .f-button.is-prev svg,.modula-best-grid-gallery .is-vertical .fancybox__nav .f-button.is-next svg,.modula-best-grid-gallery .is-vertical .fancybox__nav .f-button.is-prev svg{transform:rotate(90deg)}.modula-best-grid-gallery .f-carousel__nav .f-button:disabled,.modula-best-grid-gallery .fancybox__nav .f-button:disabled{pointer-events:none}.modula-best-grid-gallery html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}.modula-best-grid-gallery html.with-fancybox body{touch-action:none}.modula-best-grid-gallery html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin,0px) + var(--fancybox-scrollbar-compensate,0px));overflow:hidden!important;overscroll-behavior-y:none}.modula-best-grid-gallery .fancybox__container{--fancybox-color:#dbdbdb;--fancybox-hover-color:#fff;--fancybox-bg:rgba(24, 24, 27, 0.98);--fancybox-slide-gap:10px;--f-spinner-width:50px;--f-spinner-height:50px;--f-spinner-color-1:rgba(255, 255, 255, 0.1);--f-spinner-color-2:#bbb;--f-spinner-stroke:3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:transparent;overflow:visible;z-index:var(--fancybox-zIndex,1050);outline:0;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;text-size-adjust:100%;overscroll-behavior-y:contain}.modula-best-grid-gallery .fancybox__container *,.modula-best-grid-gallery .fancybox__container ::after,.modula-best-grid-gallery .fancybox__container ::before{box-sizing:inherit}.modula-best-grid-gallery .fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.modula-best-grid-gallery .fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.modula-best-grid-gallery .fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.modula-best-grid-gallery .fancybox__viewport{width:100%;height:100%;display:block}.modula-best-grid-gallery .fancybox__viewport.is-draggable{cursor:move;cursor:grab}.modula-best-grid-gallery .fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.modula-best-grid-gallery .fancybox__track{display:flex;margin:0 auto;height:100%}.modula-best-grid-gallery .fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0,0,0);backface-visibility:hidden}.modula-best-grid-gallery .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.modula-best-grid-gallery .fancybox__slide.has-html5video,.modula-best-grid-gallery .fancybox__slide.has-iframe,.modula-best-grid-gallery .fancybox__slide.has-video{overflow:hidden}.modula-best-grid-gallery .fancybox__slide.has-image{overflow:hidden}.modula-best-grid-gallery .fancybox__slide.has-image.is-animating,.modula-best-grid-gallery .fancybox__slide.has-image.is-selected{overflow:visible}.modula-best-grid-gallery .fancybox__slide::after,.modula-best-grid-gallery .fancybox__slide::before{content:"";flex:0 0 0;margin:auto}.modula-best-grid-gallery .fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color,#374151);background:var(--fancybox-content-bg,#fff);cursor:default;border-radius:0;z-index:20}.modula-best-grid-gallery .is-loading .fancybox__content{opacity:0}.modula-best-grid-gallery .is-draggable .fancybox__content{cursor:move;cursor:grab}.modula-best-grid-gallery .can-zoom_in .fancybox__content{cursor:zoom-in}.modula-best-grid-gallery .can-zoom_out .fancybox__content{cursor:zoom-out}.modula-best-grid-gallery .is-dragging .fancybox__content{cursor:move;cursor:grabbing}.modula-best-grid-gallery .fancybox__content [contenteditable],.modula-best-grid-gallery .fancybox__content [data-selectable]{cursor:auto}.modula-best-grid-gallery .fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0,0,0);backface-visibility:hidden}.modula-best-grid-gallery .fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.modula-best-grid-gallery .is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.modula-best-grid-gallery .is-zooming-out .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.modula-best-grid-gallery .is-animating .fancybox__content,.modula-best-grid-gallery .is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}.modula-best-grid-gallery .fancybox-image{background:initial;border:initial;height:initial;left:initial;margin:initial;max-height:initial;max-width:initial;padding:initial;position:initial;top:initial;-webkit-user-select:initial;-moz-user-select:initial;user-select:initial;width:initial}.modula-best-grid-gallery .fancybox-image{margin:0;display:block;width:100%;height:100%;min-height:0;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.modula-best-grid-gallery .fancybox-image{justify-content:center}.modula-best-grid-gallery .fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color,currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.modula-best-grid-gallery .fancybox__slide.has-image.has-caption .fancybox__caption{max-height:35vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.25) transparent}.modula-best-grid-gallery .fancybox__slide.has-image.has-caption .fancybox__caption::-webkit-scrollbar{width:4px}.modula-best-grid-gallery .fancybox__slide.has-image.has-caption .fancybox__caption::-webkit-scrollbar-track{background:0 0}.modula-best-grid-gallery .fancybox__slide.has-image.has-caption .fancybox__caption::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:2px}.modula-best-grid-gallery .fancybox__slide.has-image.has-caption .fancybox__caption::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.modula-best-grid-gallery .is-closing .fancybox__caption,.modula-best-grid-gallery .is-loading .fancybox__caption{opacity:0;visibility:hidden}.modula-best-grid-gallery .is-compact .fancybox__caption{padding-bottom:0}.modula-best-grid-gallery .f-button.is-close-btn{--f-button-svg-stroke-width:2;position:absolute;top:0;right:8px;z-index:40}.modula-best-grid-gallery .fancybox__content>.f-button.is-close-btn{--f-button-width:34px;--f-button-height:34px;--f-button-border-radius:4px;--f-button-color:var(--fancybox-color, #fff);--f-button-hover-color:var(--fancybox-color, #fff);--f-button-bg:transparent;--f-button-hover-bg:transparent;--f-button-active-bg:transparent;--f-button-svg-width:22px;--f-button-svg-height:22px;position:absolute;top:-38px;right:0;opacity:.75}.modula-best-grid-gallery .is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.modula-best-grid-gallery .is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.modula-best-grid-gallery .fancybox__content>.f-button.is-close-btn:hover{opacity:1}.modula-best-grid-gallery .fancybox__footer{padding:0;margin:0;position:relative}.modula-best-grid-gallery .fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.modula-best-grid-gallery .is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.modula-best-grid-gallery .is-compact .fancybox__footer .fancybox__caption{padding:12px}.modula-best-grid-gallery .is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius:50%;--f-button-color:#fff;--f-button-hover-color:#fff;--f-button-outline-color:#000;--f-button-bg:rgba(0, 0, 0, 0.6);--f-button-active-bg:rgba(0, 0, 0, 0.6);--f-button-hover-bg:rgba(0, 0, 0, 0.6);--f-button-svg-width:18px;--f-button-svg-height:18px;--f-button-svg-filter:none;top:5px;right:5px}.modula-best-grid-gallery .fancybox__nav{--f-button-width:50px;--f-button-height:50px;--f-button-border:0;--f-button-border-radius:50%;--f-button-color:var(--fancybox-color);--f-button-hover-color:var(--fancybox-hover-color);--f-button-bg:transparent;--f-button-hover-bg:rgba(24, 24, 27, 0.3);--f-button-active-bg:rgba(24, 24, 27, 0.5);--f-button-shadow:none;--f-button-transition:all 0.15s ease;--f-button-transform:none;--f-button-svg-width:26px;--f-button-svg-height:26px;--f-button-svg-stroke-width:2.5;--f-button-svg-fill:none;--f-button-svg-filter:drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity:0.65;--f-button-next-pos:1rem;--f-button-prev-pos:1rem;opacity:var(--fancybox-opacity, 1)}.modula-best-grid-gallery .fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.modula-best-grid-gallery .is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.modula-best-grid-gallery .is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.modula-best-grid-gallery .fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top,calc(var(--f-spinner-width) * -.5)) 0 0 var(--f-spinner-left,calc(var(--f-spinner-height) * -.5));z-index:30;cursor:pointer}.modula-best-grid-gallery .fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;-webkit-user-select:none;-moz-user-select:none;user-select:none}.modula-best-grid-gallery .fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;-o-object-fit:contain;object-fit:contain;z-index:40;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.modula-best-grid-gallery .fancybox-focus-guard{outline:0;opacity:0;position:fixed;pointer-events:none}.modula-best-grid-gallery .fancybox__container:not([aria-hidden]){opacity:0}.modula-best-grid-gallery .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport),.modula-best-grid-gallery .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content),.modula-best-grid-gallery .fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop,.fancybox__carousel){animation:var(--f-interface-enter-duration,.25s) ease .1s backwards f-fadeIn}.modula-best-grid-gallery .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration,.35s) ease backwards f-fadeIn}.modula-best-grid-gallery .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>:not(.fancybox__viewport),.modula-best-grid-gallery .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content),.modula-best-grid-gallery .fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop,.fancybox__carousel){animation:var(--f-interface-exit-duration,.15s) ease forwards f-fadeOut}.modula-best-grid-gallery .fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration,.35s) ease forwards f-fadeOut}.modula-best-grid-gallery .has-html5video .fancybox__content,.modula-best-grid-gallery .has-iframe .fancybox__content,.modula-best-grid-gallery .has-map .fancybox__content,.modula-best-grid-gallery .has-pdf .fancybox__content,.modula-best-grid-gallery .has-vimeo .fancybox__content,.modula-best-grid-gallery .has-youtube .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.modula-best-grid-gallery .has-iframe .fancybox__content,.modula-best-grid-gallery .has-map .fancybox__content,.modula-best-grid-gallery .has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.modula-best-grid-gallery .fancybox__container.is-compact .has-iframe .fancybox__content,.modula-best-grid-gallery .fancybox__container.is-compact .has-map .fancybox__content,.modula-best-grid-gallery .fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.modula-best-grid-gallery .has-html5video .fancybox__content,.modula-best-grid-gallery .has-vimeo .fancybox__content,.modula-best-grid-gallery .has-youtube .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.modula-best-grid-gallery .has-html5video .fancybox__content,.modula-best-grid-gallery .has-map .fancybox__content,.modula-best-grid-gallery .has-pdf .fancybox__content,.modula-best-grid-gallery .has-vimeo .fancybox__content,.modula-best-grid-gallery .has-youtube .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.modula-best-grid-gallery .has-map .fancybox__content{background:#e5e3df}.modula-best-grid-gallery .fancybox__html5video,.modula-best-grid-gallery .fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.modula-best-grid-gallery .fancybox-placeholder{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.modula-best-grid-gallery .f-carousel__thumbs{--f-thumb-width:96px;--f-thumb-height:72px;--f-thumb-outline:0;--f-thumb-outline-color:#5eb0ef;--f-thumb-opacity:1;--f-thumb-hover-opacity:1;--f-thumb-selected-opacity:1;--f-thumb-border-radius:2px;--f-thumb-offset:0px;--f-button-next-pos:0;--f-button-prev-pos:0}.modula-best-grid-gallery .f-carousel__thumbs.is-classic{--f-thumb-gap:8px;--f-thumb-opacity:0.5;--f-thumb-hover-opacity:1;--f-thumb-selected-opacity:1}.modula-best-grid-gallery .f-carousel__thumbs.is-modern{--f-thumb-gap:4px;--f-thumb-extra-gap:16px;--f-thumb-clip-width:46px}.modula-best-grid-gallery .f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;perspective:1000px;transform:translateZ(0)}.modula-best-grid-gallery .f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2,#e2e8f0);z-index:-1}.modula-best-grid-gallery .f-thumbs .f-spinner svg{display:none}.modula-best-grid-gallery .f-thumbs.is-vertical{height:100%}.modula-best-grid-gallery .f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0,0,0)}.modula-best-grid-gallery .f-thumbs__track{display:flex}.modula-best-grid-gallery .f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.modula-best-grid-gallery .f-thumbs__slide.is-loading img{opacity:0}.modula-best-grid-gallery .is-classic .f-thumbs__viewport{height:100%}.modula-best-grid-gallery .is-modern .f-thumbs__track{width:-moz-max-content;width:max-content}.modula-best-grid-gallery .is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width,0)) * -.5);width:calc(var(--width,0) * 1px + var(--f-thumb-clip-width,0));cursor:pointer}.modula-best-grid-gallery .is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift,0) * -1px),0,0);transition:none;pointer-events:none}.modula-best-grid-gallery .is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.modula-best-grid-gallery .is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.modula-best-grid-gallery .is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.modula-best-grid-gallery .f-thumbs__slide__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:0;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.modula-best-grid-gallery .f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.modula-best-grid-gallery .f-thumbs__slide__button:focus:not(:focus-visible){outline:0}.modula-best-grid-gallery .f-thumbs__slide__button:focus-visible{outline:0;opacity:var(--f-thumb-selected-opacity)}.modula-best-grid-gallery .is-modern .f-thumbs__slide__button{--clip-path:inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round var(--f-thumb-border-radius, 0));clip-path:var(--clip-path)}.modula-best-grid-gallery .is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.modula-best-grid-gallery .is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline,0) solid var(--f-thumb-outline-color,transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.modula-best-grid-gallery .f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;-o-object-fit:cover;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.modula-best-grid-gallery .f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.modula-best-grid-gallery .f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.modula-best-grid-gallery .f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.modula-best-grid-gallery .f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.modula-best-grid-gallery .fancybox__thumbs{--f-thumb-width:96px;--f-thumb-height:72px;--f-thumb-border-radius:2px;--f-thumb-outline:2px;--f-thumb-outline-color:#ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(.23, 1, .32, 1)}.modula-best-grid-gallery .fancybox__thumbs.is-classic{--f-thumb-gap:8px;--f-thumb-opacity:0.5;--f-thumb-hover-opacity:1}.modula-best-grid-gallery .fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05))}.modula-best-grid-gallery .fancybox__thumbs.is-modern{--f-thumb-gap:4px;--f-thumb-extra-gap:16px;--f-thumb-clip-width:46px;--f-thumb-opacity:1;--f-thumb-hover-opacity:1}.modula-best-grid-gallery .fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05))}.modula-best-grid-gallery .fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.modula-best-grid-gallery .fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.modula-best-grid-gallery .is-compact .fancybox__thumbs{--f-thumb-width:64px;--f-thumb-clip-width:32px;--f-thumb-height:48px;--f-thumb-extra-gap:10px}.modula-best-grid-gallery .fancybox__thumbs.is-masked{max-height:0!important}.modula-best-grid-gallery .is-closing .fancybox__thumbs{transition:none!important}.modula-best-grid-gallery .fancybox__toolbar{--f-progress-color:var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width:46px;--f-button-height:46px;--f-button-color:var(--fancybox-color);--f-button-hover-color:var(--fancybox-hover-color);--f-button-bg:rgba(24, 24, 27, 0.65);--f-button-hover-bg:rgba(70, 70, 73, 0.65);--f-button-active-bg:rgba(90, 90, 93, 0.65);--f-button-border-radius:0;--f-button-svg-width:24px;--f-button-svg-height:24px;--f-button-svg-stroke-width:1.5;--f-button-svg-filter:drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill:none;--f-button-svg-disabled-opacity:0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color,currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow,1px 1px 1px rgba(0,0,0,.5));pointer-events:none;z-index:20}.modula-best-grid-gallery .fancybox__toolbar :focus-visible{z-index:1}.modula-best-grid-gallery .fancybox__toolbar.is-absolute,.modula-best-grid-gallery .is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.modula-best-grid-gallery .is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.modula-best-grid-gallery .fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.modula-best-grid-gallery .fancybox__toolbar__column.is-left,.modula-best-grid-gallery .fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.modula-best-grid-gallery .fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.modula-best-grid-gallery .fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.modula-best-grid-gallery .fancybox__infobar span{padding:0 5px}.modula-best-grid-gallery .fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}.modula-best-grid-gallery [data-fancybox-toggle-slideshow]{position:relative}.modula-best-grid-gallery [data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}.modula-best-grid-gallery [data-fancybox-toggle-slideshow] svg g:first-child{display:flex}.modula-best-grid-gallery [data-fancybox-toggle-slideshow] svg g:last-child{display:none}.modula-best-grid-gallery .has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.modula-best-grid-gallery .has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}.modula-best-grid-gallery [data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}.modula-best-grid-gallery [data-fancybox-toggle-fullscreen] svg g:last-child{display:none}.modula-best-grid-gallery:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}.modula-best-grid-gallery:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.modula-best-grid-gallery .f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color,var(--f-carousel-theme-color,#0091ff));z-index:30;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}html body.modula-best-grid-gallery .modula-fancybox-container .fancybox__slide .modula-fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}html body.modula-best-grid-gallery .modula-fancybox-container .fancybox__slide .modula-fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px 0}.modula-best-grid-gallery .modula-fancybox-container .fancybox__slide .modula-fancybox-share h1:after,.modula-best-grid-gallery .modula-fancybox-container .fancybox__slide .modula-fancybox-share h1:before{display:none}html body.modula-best-grid-gallery .modula-fancybox-container .fancybox__slide .modula-fancybox-share p{margin:0;padding:0}html body.modula-best-grid-gallery .modula-fancybox-container .fancybox__slide .modula-fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px 5px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}html body .modula-fancybox-container .fancybox__slide .modula-fancybox-share__button:link,html body.modula-best-grid-gallery .modula-fancybox-container .fancybox__slide .modula-fancybox-share__button:visited{color:#fff}html body.modula-best-grid-gallery .modula-fancybox-container .fancybox__slide .modula-fancybox-share__button:hover{text-decoration:none}html body.modula-best-grid-gallery .modula-fancybox-share__button--fb{background:#3b5998}html body.modula-best-grid-gallery .modula-fancybox-share__button--fb:hover{background:#344e86}html body.modula-best-grid-gallery .modula-fancybox-share__button--pt{background:#bd081d}html body.modula-best-grid-gallery .modula-fancybox-share__button--pt:hover{background:#aa0719}html body.modula-best-grid-gallery .modula-fancybox-share__button--tw{background:#1da1f2}html body.modula-best-grid-gallery .modula-fancybox-share__button--tw:hover{background:#0d95e8}html body.modula-best-grid-gallery .modula-fancybox-share__button--email{background:#9c3}html body.modula-best-grid-gallery .modula-fancybox-share__button--email:hover{background:#7aa329}html body.modula-best-grid-gallery .modula-fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px;display:inline-block}html body.modula-best-grid-gallery .modula-fancybox-container .fancybox__slide .modula-fancybox-share__button svg path{fill:#fff}html body.modula-best-grid-gallery .modula-fancybox-container .fancybox__slide .modula-fancybox-share .modula-fancybox-share__input{background:0 0;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0 0;outline:0;padding:10px 15px;width:100%}body.admin-bar.modula-best-grid-gallery .fancybox__container{top:32px}.modula-best-grid-gallery .fancybox__sidebar{position:absolute;top:45px;bottom:0;width:115px;z-index:20}.modula-best-grid-gallery .fancybox__sidebar.right{right:10px}.modula-best-grid-gallery .fancybox__sidebar.left{left:10px}.modula-best-grid-gallery .fancybox__container.has-sidebar .fancybox__nav{--f-button-prev-pos:8rem;--f-button-next-pos:8rem}.modula-best-grid-gallery .fancybox__container.has-sidebar .fancybox__caption{margin:0 8% 0 8%}.modula-best-grid-gallery .m-zoomIn{animation:var(--f-transition-duration,.5s) ease both m-zoomIn;z-index:2}.modula-best-grid-gallery .m-zoomOut{animation:var(--f-transition-duration,.5s) ease both m-zoomOut;z-index:1}.modula-best-grid-gallery .m-zoom-in-outIn{animation:var(--f-transition-duration,.5s) ease both m-zoomIn}.modula-best-grid-gallery .m-zoom-in-outOut{animation:var(--f-transition-duration,.5s) ease both m-zoomInAndOut}.modula-best-grid-gallery .m-fadeIn{animation:var(--f-transition-duration,.5s) ease both m-fadeIn}.modula-best-grid-gallery .m-fadeOut{animation:var(--f-transition-duration,.5s) ease both m-fadeOut}.modula-best-grid-gallery .fancybox__thumbs{max-height:initial!important}@keyframes m-zoomIn{0%{transform:scale(.7);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes m-zoomInAndOut{100%{transform:scale(2);opacity:0}}@keyframes m-zoomOut{0%{transform:scale(1);opacity:1}100%{transform:scale(.7);opacity:0}}@keyframes m-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes m-fadeOut{0%{opacity:1}100%{opacity:0}}.modula-best-grid-gallery .fancybox__container.modula-fancybox-container{visibility:visible}html body .modula .modula-items .modula-item{position:absolute;box-sizing:border-box;overflow:hidden}html body .modula .modula-items .modula-item .modula-item-content{transition:transform .3s ease-out,opacity .2s linear,top .3s,left .6s;opacity:0}html body .modula .modula-items{position:relative;z-index:1;min-height:10px}html body .modula .modula-items .modula-item .modula-item-content>a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:0 0}html body .modula.modula-creative-gallery .modula-items .modula-item .modula-item-content,html body .modula.modula-custom-grid .modula-items .modula-item .modula-item-content{height:100%}html body .modula .modula-items .modula-item .jtg-social{z-index:10;font-size:0}html body .modula.modula-columns:not(.modula-loaded-scale):not(
.modula-is-lazy
).modula-gallery-initialized .modula-items .modula-item .modula-item-content,html body .modula.modula-gallery-bnb:not(.modula-loaded-scale):not(
.modula-is-lazy
).modula-gallery-initialized .modula-items .modula-item .modula-item-content,html body .modula:not(.modula-loaded-scale).modula-gallery-initialized .modula-items .modula-item.tg-loaded .modula-item-content,html body .modula:not(.modula-loaded-scale).modula-gallery-initialized .modula-items.justified-gallery .modula-item .modula-item-content{transform:scale(1) translate(0,0) rotate(0)!important;opacity:1}html body .modula .modula-items .modula-item img.pic,html body .modula .modula-items .modula-item picture.pic{font-size:12px;position:absolute;max-width:999em;transition:width .3s,height .3s,transform .3s linear,opacity .2s linear}html body .modula .modula-items.justified-gallery .modula-item picture.pic img{max-width:999em;height:100%}html body .modula.modula-creative-gallery .modula-items .modula-item picture.pic img{width:100%}html body .modula.modula-columns .modula-items .modula-item img.pic,html body .modula.modula-columns .modula-items .modula-item picture.pic{position:relative;max-width:100%;margin:0 auto}html body .modula .modula-items .modula-item.tg-loaded img.pic,html body .modula .modula-items .modula-item.tg-loaded picture.pic,html body .modula.modula-columns .modula-items .modula-item img.pic,html body .modula.modula-columns .modula-items .modula-item picture.pic{display:block;opacity:1}html body .modula .modula-items .modula-item img.pic.lazyload,html body .modula .modula-items .modula-item img.pic.lazyloaded,html body .modula .modula-items .modula-item picture.pic.lazyload,html body .modula .modula-items .modula-item picture.pic.lazyloaded{display:block}html body .modula .modula-items .modula-item .caption .icon{font-size:14px;position:absolute;left:50%;top:50%;margin:-12px 0 0 -8px}html body .modula .modula-items .modula-item .figc{color:#fff;text-align:center;position:absolute;left:0;width:100%;padding:0;max-width:100%}html body .modula .modula-items .hidden .figc{display:none}html body .modula .modula-items .hidden:hover .figc{display:block}html body .modula .modula-items .visible .figc{display:block}html body .modula .modula-items .always-visible .figc{display:block}html body .modula .modula-items .visible:hover .figc{display:none}html body .modula .modula-items .caption span.text{display:block;padding:10px}html body .modula .modula-items .caption span.title{font-size:14px;font-weight:700}html body .modula .jtg-social a{box-shadow:none}html body .modula .jtg-social svg{width:20px;height:16px}html body .modula .modula-items .modula-item p{margin:0;padding:0}html body .modula .figc{color:#000;text-align:center;position:absolute;left:0;width:100%;padding:2em}html body .modula .modula-item .jtg-social a{text-decoration:none;color:#fff;display:inline-block;margin:0 10px 0 0;padding:0;border:0;opacity:0;transition:opacity .3s}html body .modula .modula-item:hover .jtg-social a{opacity:1}html body .modula .modula-items .jtg-social{opacity:0;right:30px;position:absolute;bottom:20px;text-align:right;transition:all .3s}html body .et_pb_module_inner .modula .modula-items .jtg-social{transition:all .3s!important}html body .modula .modula-items .modula-item.effect-pufrobo .jtg-social a{margin-right:10px}@media all and (max-width:480px){html body .modula .modula-items .modula-item.effect-pufrobo .jtg-social{right:0;width:100%;text-align:center}html body .modula .modula-items .modula-item.effect-pufrobo .jtg-social a{padding:5px}}html body .modula .modula-items .jtg-social{opacity:1}html body .modula .modula-items .jtg-social a:last-of-type{margin-right:0}html body .modula .modula-item.effect-pufrobo p.description,html body .modula-gallery .modula-item.effect-pufrobo .jtg-description{margin-bottom:2em}html body .et_pb_module_inner .modula .modula-item.effect-pufrobo .jtg-description,html body .et_pb_module_inner .modula .modula-item.effect-pufrobo p.description{-webkit-transition:-webkit-transform .35s!important;transition:transform .35s!important}html body .modula .modula-item.effect-pufrobo .figc{text-align:right}html body .modula .modula-item.effect-pufrobo .jtg-description,html body .modula .modula-item.effect-pufrobo .jtg-title,html body .modula .modula-item.effect-pufrobo p{position:absolute;right:5%;left:5%;padding:10px 0}html body .modula.modula-gallery-initialized .modula-item:hover img,html body .modula.modula-gallery-initialized .modula-items .modula-item.tg-loaded:hover img.pic,html body .modula.modula-gallery-initialized .modula-items .modula-item.tg-loaded:hover picture.pic{opacity:.8}html body .modula .modula-item.effect-pufrobo .jtg-description,html body .modula .modula-item.effect-pufrobo p{bottom:20%;line-height:1.5;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);letter-spacing:1px}html body .modula .modula-items .modula-item.effect-pufrobo .jtg-title{top:10%;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}html body .et_pb_module_inner .modula .modula-items .modula-item.effect-pufrobo .jtg-title{-webkit-transition:-webkit-transform .35s!important;transition:transform .35s!important}html body .modula .modula-item.effect-pufrobo:hover .jtg-title{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}html body .modula .modula-item.effect-pufrobo .jtg-title::after{position:absolute;top:80%;left:0;width:100%;height:4px;background:#fff;content:"";-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}html body .modula .modula-item.effect-pufrobo .jtg-description,html body .modula .modula-item.effect-pufrobo .jtg-title::after,html body .modula .modula-item.effect-pufrobo p{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}html body .modula .modula-item.effect-pufrobo:hover .jtg-description,html body .modula .modula-item.effect-pufrobo:hover .jtg-title::after,html body .modula .modula-item.effect-pufrobo:hover p{margin-top:10px;margin-bottom:5px;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}html body .modula .modula-items .modula-item.effect-pufrobo .figc.no-title.no-description .jtg-title:after{display:none}html body .modula .modula-items .modula-item.effect-appear .figc .jtg-title:before,html body .modula .modula-items .modula-item.effect-comodo .figc .jtg-title:before,html body .modula .modula-items .modula-item.effect-crafty .figc .jtg-title:before,html body .modula .modula-items .modula-item.effect-curtain .figc .jtg-title:before,html body .modula .modula-items .modula-item.effect-fluid-up .figc .jtg-title:before,html body .modula .modula-items .modula-item.effect-hide .figc .jtg-title:before,html body .modula .modula-items .modula-item.effect-lens .figc .jtg-title:before,html body .modula .modula-items .modula-item.effect-pufrobo .figc .jtg-title:before,html body .modula .modula-items .modula-item.effect-quiet .figc .jtg-title:before,html body .modula .modula-items .modula-item.effect-reflex .figc .jtg-title:before,html body .modula .modula-items .modula-item.effect-seemo .figc .jtg-title:before{display:none}html body .modula .modula-items .modula-item>a:not(.modula-no-follow){cursor:zoom-in}html body .modula .modula-items .modula-item>a.modula-no-follow{cursor:default}html body .modula-fancybox-container{z-index:99999999!important}html body .modula-fancybox-share__button--li{background:#0e76a8}html body .modula-fancybox-share__button--wa{background:#25d366}html body .modula.modula-columns .modula-item{display:flex;justify-content:center}html body .modula.modula-columns .modula-item .modula-item-content{position:relative}html body .modula.modula-columns .modula-items.grid-gallery .modula-item .modula-item-content{height:100%}html body .modula.modula-columns .modula-items.grid-gallery.justified-gallery .modula-item .modula-item-content{width:100%}html body .modula.modula-columns .modula-items.grid-gallery.justified-gallery .modula-item .modula-item-content img.pic,html body .modula.modula-columns .modula-items.grid-gallery.justified-gallery .modula-item .modula-item-content picture.pic{position:absolute;top:50%;left:50%;margin:0;padding:0;border:none}html body .modula.modula-columns .modula-item.jg-filtered{display:none}html body .modula-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}html body .modula-row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}html body .modula-row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}html body .modula-row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}html body .modula-row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}html body .modula-row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}html body .modula-row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}@media (min-width:576px){html body .modula-row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}html body .modula-row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}html body .modula-row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}html body .modula-row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}html body .modula-row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}html body .modula-row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}}@media (min-width:768px){html body .modula-row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}html body .modula-row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}html body .modula-row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}html body .modula-row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}html body .modula-row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}html body .modula-row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}}@media (min-width:992px){html body .modula-row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}html body .modula-row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}html body .modula-row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}html body .modula-row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}html body .modula-row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}html body .modula-row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}}@media (min-width:1200px){html body .modula-row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}html body .modula-row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}html body .modula-row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}html body .modula-row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}html body .modula-row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}html body .modula-row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}}html body .modula .modula-items.grid-gallery .modula-item .figc{height:100%;top:0}html body div.modula-powered{text-align:right;font-size:14px;margin-right:5px;clear:both}html body div.modula-powered svg.modula-logo{width:14px;position:relative;top:3px}html body div.modula-powered svg.modula-logo path{color:#58ab7e!important}html body div.modula-powered svg.modula-logo{display:inline-block}.modula-gallery:not(.modula-gallery-initialized)>.modula-items{visibility:hidden}.modula-gallery.modula-gallery-initialized .modula-items .modula-item{visibility:visible}.modula-creative-commons-wrap p{margin:0}.modula-creative-commons-wrap img{height:20px;margin-right:10px}.modula-fancybox-container button.f-button.is-close-btn{display:none}.modula-best-grid-gallery .f-button:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}html body .modula-items .modula-item .jtg-social-expandable{display:none}html body .modula-items .modula-item .jtg-social-expandable-icons:not(.modula-show-socials){display:none}html body .modula-items .modula-item .jtg-social-expandable-icons{padding:10px 15px;background-color:#000;border-radius:20px;position:absolute;bottom:58px;display:inline-flex;z-index:99;right:0;flex-wrap:wrap;box-sizing:border-box;max-width:calc(100% - 20px);justify-content:space-evenly;margin-right:8px}html body .modula-items .modula-item .modula-socials-right .jtg-social-expandable-icons{left:0;right:unset}html body .modula-items .modula-item .jtg-social-expandable-icons::before{content:"";position:absolute;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #000;bottom:-8px;right:10px}html body .modula-items .modula-item .modula-socials-right .jtg-social-expandable-icons::before{right:unset;left:10px}html body .modula-items .modula-item .jtg-social-desktop-collapsed.jtg-social-expandable{padding:10px;background-color:#000;border-radius:50%;cursor:pointer;position:absolute;right:10px;bottom:10px;z-index:999;display:block}html body .modula .modula-items .jtg-social-desktop-collapsed.jtg-social-expandable a.modula-icon-share{pointer-events:none;display:flex;justify-content:center;align-items:center;border-radius:50%;text-decoration:none}html body .modula-item .jtg-social-desktop-collapsed.jtg-social-expandable-icons a{justify-content:center;align-items:center;display:flex;flex:0 0 16px}html body .modula-items .modula-item .jtg-social-desktop-collapsed.jtg-social-expandable-icons:not(
.modula-show-socials
){display:none}@media (max-width:992px){html body .modula-items .modula-item .jtg-social-expandable-icons{padding:10px 15px;background-color:#000;border-radius:20px;position:absolute;bottom:58px;display:inline-flex;z-index:99;right:0;flex-wrap:wrap;box-sizing:border-box;max-width:calc(100% - 20px);justify-content:space-evenly;margin-right:8px}html body .modula-items .modula-item .modula-socials-right .jtg-social-expandable-icons{left:0;right:unset}html body .modula-items .modula-item .jtg-social-expandable-icons::before{content:"";position:absolute;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #000;bottom:-8px;right:10px}html body .modula-items .modula-item .modula-socials-right .jtg-social-expandable-icons::before{right:unset;left:10px}html body .modula-items .modula-item .jtg-social-expandable{padding:10px;background-color:#000;border-radius:50%;cursor:pointer;position:absolute;right:10px;bottom:10px;z-index:999;display:block}html body .modula .modula-items .jtg-social-expandable a.modula-icon-share{pointer-events:none;display:flex;justify-content:center;align-items:center;border-radius:50%;text-decoration:none}html body .modula-item .jtg-social-expandable-icons a{justify-content:center;align-items:center;display:flex}html body .modula-items .modula-item .jtg-social-expandable-icons:not(.modula-show-socials){display:none}html body .modula-items .modula-item .jtg-social{display:none}}.modula-fancybox-container .fancybox-image{width:auto;height:auto;max-width:100%;max-height:100%}html body .modula-fancybox-container button.f-button{padding:0}html body .modula.modula-gallery .modula-item-link:focus-visible,html body .modula.modula-gallery .modula-simple-link:focus-visible{outline:2px solid #005fcc;outline-offset:-2px}